/* Estilos propios del CRM (el sistema visual común está en css/app.css) */
.kanban{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,1fr);gap:10px;overflow-x:auto;padding-bottom:10px;align-items:start}
.kcol{background:var(--panel-2);border:1px solid var(--line);border-top:4px solid var(--c,var(--line));border-radius:var(--r);min-height:140px;display:flex;flex-direction:column}
.kcol header{padding:10px 10px 6px;display:flex;flex-direction:column;gap:2px}
.kcol.sobre{outline:2px dashed var(--accent);outline-offset:-4px}
.kdrop{display:flex;flex-direction:column;gap:8px;padding:0 8px 10px;min-height:60px}
.kcard{display:flex;flex-direction:column;gap:4px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:9px 10px;text-decoration:none;color:var(--fg);cursor:grab;box-shadow:var(--shadow)}
.kcard:hover{border-color:var(--accent)} .kcard:active{cursor:grabbing}
.stagebar{list-style:none;display:flex;gap:4px;padding:0;margin:0 0 16px;overflow-x:auto}
.stagebar li{flex:1;min-width:110px}
.stagebar button{width:100%;border:1px solid var(--line);background:var(--panel);color:var(--fg);padding:8px 6px;font:600 12.5px var(--f-body);cursor:pointer;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,0 100%,10px 50%)}
.stagebar button.on{background:var(--c);color:#fff;border-color:var(--c)}
.stagebar button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.tl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.tl li{display:flex;gap:10px;align-items:flex-start}
.tl-ic{flex:0 0 28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}
.tl-ic svg{width:15px;height:15px}
.tl-ot .tl-ic,.tl-solicitud .tl-ic{background:var(--warn-soft);color:var(--warn)}
.tl-etapa .tl-ic{background:var(--info-soft);color:var(--info)}
.tl-tarea .tl-ic{background:var(--ok-soft);color:var(--ok)}
.dot{display:inline-block;width:10px;height:10px;border-radius:50%;vertical-align:middle}
#gbusca .cbx-list{min-width:min(560px,92vw)}
#gbusca .ic svg{width:18px;height:18px;opacity:.7}
.g3{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}