/* ============================================================
   kanban.css — vista Kanban por estado
   ============================================================ */
.kanban{display:flex;gap:14px;padding:16px 20px 40px;min-height:100%;align-items:flex-start}
.kcol{background:var(--bg);border-radius:10px;width:272px;flex-shrink:0;display:flex;flex-direction:column;max-height:calc(100vh - 210px)}
.kcol.drag-over{outline:2px dashed var(--text);outline-offset:-2px}
.kcol-head{padding:10px 12px;color:#fff;border-radius:10px 10px 0 0;font-weight:700;display:flex;align-items:center;gap:8px}
.kcol-head .n{margin-left:auto;background:rgba(255,255,255,.3);border-radius:10px;padding:1px 8px;font-size:12px}
.kcol-body{padding:10px;display:flex;flex-direction:column;gap:8px;overflow:auto;flex:1;min-height:80px}
.kcard{background:#fff;border-radius:8px;padding:10px 12px;box-shadow:var(--shadow-sm);cursor:grab;border-left:4px solid var(--gc);position:relative;transition:transform .1s}
.kcard:hover{transform:translateY(-1px);box-shadow:var(--shadow)}
.kcard.dragging{opacity:.4}
.kcard .t{font-weight:600;margin-bottom:6px;line-height:1.3;padding-right:20px}
.kcard .g{font-size:11px;color:var(--gc);font-weight:600;margin-bottom:6px}
.kcard .foot{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}
.kcard .prio{margin-left:auto;padding:2px 7px;border-radius:10px;color:#fff;font-weight:600;font-size:10px}
.kcard .cflag{position:absolute;top:9px;right:9px;color:var(--red)}
.kcard .sub{display:inline-flex;align-items:center;gap:3px}
.kcol-empty{color:var(--muted);font-size:12px;text-align:center;padding:14px;border:1px dashed var(--border);border-radius:8px}

.kadd{padding:0 10px 10px}
.kadd input{width:100%;border:1px dashed var(--border);border-radius:8px;padding:8px 10px;background:transparent;font-size:13px}
.kadd input:focus{outline:none;border-color:var(--text);background:#fff}