:root{--font-display:"General Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "JetBrains Mono", "SFMono-Regular", Menlo, monospace;--bg:#f8fafd;--bg-panel:#fff;--bg-subtle:#f3f5f8;--bg-hover:#eff2f6;--bg-active:#e6ecf3;--text:#141b24;--text-strong:#070e16;--text-muted:#606a74;--text-subtle:#8c939b;--border:#e2e5e8;--border-strong:#cdd1d6;--accent:#252629;--accent-soft:#edeef1;--accent-deep:#101214;--ok:#329d5a;--ok-soft:#d3f5db;--warn:#d49824;--warn-soft:#ffebc8;--crit:#dd503f;--crit-soft:#ffe8e3;--breach:#bb061e;--breach-soft:#ffe7e4;--violet:#7a59c3;--violet-soft:#ece7ff;--info:#007bae;--info-soft:#d4f0ff;--neutral:#6d7277;--neutral-soft:#e9ebee;--shadow-sm:0 1px 2px #0f171f0f;--shadow-md:0 4px 12px #0f171f14, 0 1px 3px #0f171f0a;--shadow-lg:0 12px 32px #0f171f24, 0 4px 12px #0f171f0f;--radius:8px;--radius-lg:12px;--row-py:12px;--wa-green-deep:#075e54;--wa-green:#128c7e;--wa-teal:#25d366;--wa-header:#008069;--wa-bg:#efeae2;--wa-bubble-out:#d9fdd3;--wa-bubble-in:#fff;--wa-text:#111b21;--wa-muted:#667781;--wa-tick:#8b96a0;--wa-tick-read:#53bdeb;--wa-system:#d1e7dd}@supports (color:lab(0% 0 0)){:root{--bg:lab(98.2666% -.659525 -1.32244);--bg-subtle:lab(96.517% -.443906 -1.43213);--bg-hover:lab(95.3554% -.662148 -2.14612);--bg-active:lab(93.0152% -.961423 -4.39528);--text:lab(9.47796% -1.69584 -6.93499);--text-strong:lab(3.66811% -.860922 -5.02954);--text-muted:lab(44.2946% -2.01914 -7.05786);--text-subtle:lab(60.5446% -1.58405 -5.32682);--border:lab(90.7162% -.552952 -1.78909);--border-strong:lab(83.7534% -.87595 -2.85753);--accent:lab(15.2926% -.114188 -2.25376);--accent-soft:lab(94.183% -.0976324 -1.51457);--accent-deep:lab(5.24646% -.0708625 -1.8014);--ok:lab(57.7037% -43.3554 25.9887);--ok-soft:lab(93.7084% -15.1169 8.87646);--warn:lab(67.4762% 16.4066 64.08);--warn-soft:lab(94.3214% 4.38088 23.3696);--crit:lab(54.2309% 55.4525 41.0688);--crit-soft:lab(93.6906% 17.7454 11.847);--breach:lab(39.9438% 63.5347 42.0903);--breach-soft:lab(93.6401% 18.4729 10.0248);--violet:lab(45.4047% 32.3507 -51.7853);--violet-soft:lab(92.4957% 7.81766 -16.8604);--info:lab(47.7579% -16.9299 -41.1369);--info-soft:lab(93.1526% -8.91933 -15.3628);--neutral:lab(47.7904% -1.06922 -3.55804);--neutral-soft:lab(93.0362% -.553161 -1.78919);--shadow-sm:0 1px 2px lab(7.18439% -1.49957 -6.86639/.06);--shadow-md:0 4px 12px lab(7.18439% -1.49957 -6.86639/.08), 0 1px 3px lab(7.18439% -1.49957 -6.86639/.04);--shadow-lg:0 12px 32px lab(7.18439% -1.49957 -6.86639/.14), 0 4px 12px lab(7.18439% -1.49957 -6.86639/.06)}}[data-theme=dark]{--bg:#0e1217;--bg-panel:#171b20;--bg-subtle:#12161b;--bg-hover:#1f242b;--bg-active:#282e37;--text:#e6ecf2;--text-strong:#fff;--text-muted:#8c939b;--text-subtle:#5b646f;--border:#2a2e34;--border-strong:#3d434a;--accent:#56585b;--accent-deep:#7e8084;--accent-soft:#2c2e31;--ok-soft:#053e1d;--warn-soft:#452e00;--crit-soft:#542019;--breach-soft:#551f1d;--violet-soft:#362957;--info-soft:#003851;--neutral-soft:#2a2e33;--wa-bg:#0b141a;--wa-bubble-out:#005c4b;--wa-bubble-in:#202c33;--wa-text:#e9edef;--wa-muted:#8696a0;--wa-system:#182229}@supports (color:lab(0% 0 0)){[data-theme=dark]{--bg:lab(5.24121% -.570439 -3.65198);--bg-panel:lab(9.48696% -.808433 -4.32296);--bg-subtle:lab(7.19452% -.728332 -4.26535);--bg-hover:lab(14.1179% -.9958 -5.39774);--bg-active:lab(18.7356% -.868246 -6.55066);--text:lab(93.0316% -1.09106 -3.56977);--text-muted:lab(60.5446% -1.58405 -5.32682);--text-subtle:lab(41.9742% -2.00994 -7.05371);--border:lab(18.7699% -.862539 -4.34616);--border-strong:lab(28.0425% -1.08062 -5.43379);--accent:lab(37.3336% -.130728 -2.26272);--accent-deep:lab(53.5739% -.136137 -2.26581);--accent-soft:lab(18.7729% -.118196 -2.25589);--ok-soft:lab(22.1327% -24.8799 14.9754);--warn-soft:lab(21.0706% 9.43849 35.803);--crit-soft:lab(20.3816% 24.5015 17.5736);--breach-soft:lab(20.3306% 25.1304 14.5951);--violet-soft:lab(19.985% 15.527 -25.9879);--info-soft:lab(21.1009% -9.79096 -23.5214);--neutral-soft:lab(18.7881% -1.02484 -3.53596)}}[data-density=compact]{--row-py:10px}[data-density=comfortable]{--row-py:14px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:var(--font-display);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:14px;line-height:1.45}button{font-family:inherit}a{color:inherit;text-decoration:none}.app{grid-template-columns:240px 1fr;height:100vh;display:grid;overflow:hidden}.main-col{background:var(--bg);flex-direction:column;min-width:0;min-height:0;display:flex}.sidebar{background:var(--bg-panel);border-right:1px solid var(--border);flex-direction:column;gap:4px;padding:16px 12px;display:flex}.brand{border-bottom:1px solid var(--border);align-items:center;gap:10px;margin-bottom:12px;padding:6px 8px 18px;display:flex}.brand-mark{background:linear-gradient(140deg, var(--accent) 0%, var(--accent-deep) 100%);color:#fff;border-radius:8px;flex:none;place-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:grid}.brand-name{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600;overflow:hidden}.brand-sub{color:var(--text-muted);margin-top:-2px;font-size:11px}.nav-group{padding:8px 0}.nav-label{letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase;padding:4px 10px 8px;font-size:10px;font-weight:500}.nav-item{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;font-size:13.5px;display:flex;position:relative}.nav-item:hover{background:var(--bg-hover)}.nav-item.active{background:var(--accent-soft);color:var(--accent-deep);font-weight:500}[data-theme=dark] .nav-item.active{color:var(--text-strong)}.nav-item svg{opacity:.85;flex-shrink:0}.nav-item.active svg{opacity:1}.nav-badge{font-family:var(--font-mono);background:var(--crit);color:#fff;border-radius:999px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:500}.sidebar-footer{margin-top:auto;padding:12px 6px}.sla-pulse{background:var(--bg-subtle);border:1px solid var(--border);border-radius:8px;padding:10px 12px}.topbar{background:var(--bg-panel);border-bottom:1px solid var(--border);align-items:center;gap:14px;height:60px;padding:0 22px;display:flex}.search-wrap{background:var(--bg-subtle);border:1px solid var(--border);max-width:520px;height:36px;color:var(--text-muted);border-radius:8px;flex:1;align-items:center;padding:0 12px;display:flex;position:relative}.search-hueco{flex:1;max-width:520px}.search-wrap:focus-within{border-color:var(--accent);background:var(--bg-panel);box-shadow:0 0 0 3px var(--accent-soft)}.search{color:var(--text);font-size:13px;font-family:var(--font-display);background:0 0;border:none;outline:none;flex:1;padding:0 10px}.search-limpiar{width:22px;height:22px;color:var(--text-subtle);cursor:pointer;background:0 0;border:none;border-radius:999px;flex:none;place-items:center;display:grid}.search-limpiar:hover{background:var(--bg-hover);color:var(--text-strong)}.search::placeholder{color:var(--text-muted)}kbd{font-family:var(--font-mono);background:var(--bg-panel);border:1px solid var(--border);color:var(--text-muted);border-radius:4px;padding:2px 6px;font-size:11px}.icon-btn{border:1px solid var(--border);background:var(--bg-panel);width:36px;height:36px;color:var(--text);cursor:pointer;border-radius:8px;place-items:center;display:grid;position:relative}.icon-btn:hover{background:var(--bg-hover)}.icon-btn-sm{width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;place-items:center;display:grid}.icon-btn-sm:hover{background:var(--bg-hover);color:var(--text)}.dot-notif{background:var(--crit);border:2px solid var(--bg-panel);border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:9px}.topbar-actions{align-items:center;gap:14px;margin-left:auto;display:flex}.user-chip{border-left:1px solid var(--border);align-items:center;gap:10px;margin-left:4px;padding:4px 4px 4px 12px;display:flex}.btn{cursor:pointer;letter-spacing:-.005em;white-space:nowrap;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;height:36px;padding:0 14px;font-size:13px;font-weight:500;transition:background .12s,border-color .12s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-deep)}.btn-primary.disabled{opacity:.45;pointer-events:none}.btn-secondary{background:var(--ok);color:#fff}.btn-secondary:hover{filter:brightness(.95)}.btn-ghost{color:var(--text);border-color:var(--border);background:0 0}.btn-danger{background:var(--crit);color:#fff;border-color:#0000}.btn-danger:hover{filter:brightness(.92)}.btn-ghost:hover{background:var(--bg-hover)}.btn-sm{height:28px;padding:0 10px;font-size:12px}.btn-xs{height:22px;padding:0 7px;font-size:11px}.workspace{flex:1;grid-template-columns:340px 1fr;height:100%;min-height:0;display:grid}.workspace-client{grid-template-columns:1fr}.detail-client{grid-template-columns:1fr!important}.ticket-list{border-right:1px solid var(--border);background:var(--bg-panel);flex-direction:column;min-height:0;display:flex}.ticket-list-head{border-bottom:1px solid var(--border);padding:12px 12px 11px}.selector-plataforma{border:1px solid var(--border);border-left:3px solid var(--accent);background:var(--bg-subtle);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px;padding:10px 14px;display:flex}.selector-plataforma[data-pendiente=si]{opacity:.6}.selector-icono{color:var(--accent-deep);flex:none}.selector-etiqueta{color:var(--text-muted);font-size:12px;font-weight:600}.selector-campo{border:1px solid var(--border-strong);background:var(--bg-panel);color:var(--text-strong);cursor:pointer;border-radius:7px;padding:5px 9px;font-size:13.5px;font-weight:600}.selector-campo:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.selector-nota{color:var(--text-muted);flex:260px;font-size:11.5px}.ticket-list-head>.combo+.combo{margin-top:6px}.filtros-tablero{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.filtros-tablero .combo{width:220px}.filtros-pie{justify-content:space-between;align-items:center;gap:8px;min-height:24px;margin-top:8px;display:flex}.filtros-cuenta{font-variant-numeric:tabular-nums;color:var(--text-muted);font-size:11.5px}.combo-punto{background:var(--text-subtle);border-radius:999px;flex:none;width:7px;height:7px}.combo-punto[data-tone=crit],.combo-chip[data-tone=crit] .combo-punto{background:var(--crit)}.combo-punto[data-tone=warn],.combo-chip[data-tone=warn] .combo-punto{background:var(--warn)}.combo-punto[data-tone=ok],.combo-chip[data-tone=ok] .combo-punto{background:var(--ok)}.combo-punto[data-tone=info],.combo-chip[data-tone=info] .combo-punto{background:var(--accent)}.filtro-x{opacity:.55;flex:none;margin-left:1px;margin-right:-2px}.seg-item:hover .filtro-x,.chip:hover .filtro-x{opacity:1}.filtros-limpiar{border:1px dashed var(--border-strong);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:4px;padding:4px 9px 4px 7px;font-size:11.5px;font-weight:500;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.filtros-limpiar:hover{background:var(--bg-subtle);border-color:var(--text-subtle);color:var(--text-strong)}.combo{width:100%;position:relative}.combo-control{border:1px solid var(--border);background:var(--bg-panel);cursor:pointer;border-radius:8px;align-items:center;gap:4px;min-height:36px;padding:4px 0 4px 10px;transition:border-color .12s,box-shadow .12s;display:flex;position:relative}.combo-control:hover{border-color:var(--border-strong)}.combo-control.abierto{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.combo-valores{pointer-events:none;flex-wrap:wrap;flex:auto;align-items:center;gap:4px;min-width:0;padding:2px 0;display:flex;position:relative}.combo-ph{pointer-events:none;color:var(--text-muted);font-size:13.5px;position:relative}.combo-chip{pointer-events:auto;background:var(--bg-active);max-width:100%;color:var(--text-strong);border-radius:999px;align-items:center;gap:3px;padding:2px 3px 2px 9px;font-size:12px;font-weight:500;line-height:1.5;display:inline-flex;position:relative}.combo-abrir{cursor:pointer;background:0 0;border:none;border-radius:8px;width:100%;padding:0;position:absolute;inset:0}.combo-abrir:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.combo-quitar,.combo-limpiar{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.combo-flecha{color:var(--text-muted);pointer-events:none;flex:none;margin-right:7px;transition:transform .14s;position:relative}.combo-limpiar+.combo-flecha{border-left:1px solid var(--border);margin-left:3px;padding-left:7px}.combo-quitar{border-radius:999px;width:16px;height:16px;transition:background .12s,color .12s}.combo-quitar:hover{background:var(--text-subtle);color:var(--bg-panel)}.combo-limpiar{border-radius:6px;width:26px;height:26px;transition:background .12s,color .12s}.combo-limpiar:hover{background:var(--bg-subtle);color:var(--text-strong)}.combo-control.abierto .combo-flecha{transform:rotate(180deg)}.combo-panel{z-index:40;border:1px solid var(--border);background:var(--bg-panel);border-radius:8px;max-height:260px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 4px 6px -2px #00000014,0 12px 28px -6px #00000024}.combo-opcion{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:7px 8px;font-size:13.5px;transition:background .12s;display:flex}.combo-opcion:hover{background:var(--bg-subtle)}.combo-opcion.marcada{font-weight:600}.combo-marca{border:1px solid var(--border-strong);width:15px;height:15px;color:var(--bg-panel);border-radius:4px;flex:none;justify-content:center;align-items:center;display:inline-flex}.combo-opcion.marcada .combo-marca{background:var(--accent);border-color:var(--accent)}.combo-texto{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.combo-cuenta{font-variant-numeric:tabular-nums;color:var(--text-muted);flex:none;font-size:11px}.chip-row{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;align-items:center;gap:6px;margin-top:8px;padding-bottom:5px;display:flex;overflow-x:auto}.chip-row::-webkit-scrollbar{height:6px}.chip-row::-webkit-scrollbar-track{background:0 0}.chip-row::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}.chip-row::-webkit-scrollbar-thumb:hover{background:var(--text-subtle)}.chip{border:1px solid var(--border);background:var(--bg-panel);height:27px;color:var(--text-muted);white-space:nowrap;cursor:pointer;border-radius:999px;flex:none;align-items:center;gap:5px;padding:0 11px;font-size:12px;font-weight:500;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.chip:hover{background:var(--bg-subtle)}.chip.active{font-weight:600}.chip.active[data-tone=crit]{background:color-mix(in oklab, var(--crit) 13%, var(--bg-panel));border-color:color-mix(in oklab, var(--crit) 45%, transparent);color:var(--crit)}.chip.active[data-tone=warn]{background:color-mix(in oklab, var(--warn) 16%, var(--bg-panel));border-color:color-mix(in oklab, var(--warn) 50%, transparent);color:#764b00;color:lab(35.8651% 21.9574 78.9846)}.chip.active[data-tone=ok]{background:color-mix(in oklab, var(--ok) 13%, var(--bg-panel));border-color:color-mix(in oklab, var(--ok) 45%, transparent);color:var(--ok)}.chip.active[data-tone=info]{background:color-mix(in oklab, var(--accent) 12%, var(--bg-panel));border-color:color-mix(in oklab, var(--accent) 40%, transparent);color:var(--accent-deep)}.chip.active[data-tone=neutral]{background:var(--bg-hover);border-color:var(--border-strong);color:var(--text-strong)}.chip-count{font-variant-numeric:tabular-nums;opacity:.75;font-size:11px}.seg{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;align-items:center;gap:2px;padding-bottom:4px;font-size:12px;display:flex;overflow-x:auto}.seg::-webkit-scrollbar{height:6px}.seg::-webkit-scrollbar-track{background:0 0}.seg::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}.seg::-webkit-scrollbar-thumb:hover{background:var(--text-subtle)}.seg-item{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;flex:none;align-items:center;gap:6px;padding:6px 10px;font-weight:500;transition:background .12s,color .12s;display:inline-flex}.seg-item:hover{background:var(--bg-subtle);color:var(--text-strong)}.seg-item.active{background:var(--accent-soft);color:var(--accent-deep);font-weight:600}.seg-count{text-align:center;background:var(--bg-active);min-width:17px;color:var(--text-muted);border-radius:999px;padding:2px 5px;font-size:10px;font-weight:600;line-height:1}.seg-item.active .seg-count{background:var(--accent);color:var(--bg-panel)}.ticket-list-body{flex:1;overflow-y:auto}.ticket-row{width:100%;padding:var(--row-py) 18px;border:none;border-bottom:1px solid var(--border);text-align:left;cursor:pointer;background:0 0;gap:12px;display:flex;position:relative}.ticket-row-wrap{border-bottom:1px solid var(--border);align-items:flex-start;display:flex;position:relative}.ticket-row-wrap .ticket-row{border-bottom:none;flex:1;min-width:0}.ticket-row-tomar{width:26px;height:26px;margin:var(--row-py) 12px 0 0;border:1px solid var(--border);background:var(--bg-panel);color:var(--text-muted);cursor:pointer;opacity:0;border-radius:999px;flex:none;place-items:center;transition:opacity .12s;display:grid}.ticket-row-wrap:hover .ticket-row-tomar,.ticket-row-tomar:focus-visible{opacity:1}@media (hover:none){.ticket-row-tomar{opacity:1}}.ticket-row-tomar:hover{border-color:var(--accent);color:var(--accent-deep)}.ticket-row-tomar:disabled{cursor:default;opacity:.5}.ticket-row-tomado{width:26px;margin:var(--row-py) 12px 0 0;text-align:center;color:var(--crit);cursor:help;flex:none;font-size:15px}.ticket-row-wrap:hover{background:var(--bg-hover)}.ticket-row-wrap.selected{background:var(--accent-soft)}.ticket-row-wrap.selected:before{content:"";background:var(--accent);width:3px;position:absolute;top:0;bottom:0;left:0}.ticket-row-wrap.unread:not(.selected){background:color-mix(in oklab, var(--accent) 7%, transparent)}.ticket-row-wrap.unread:not(.selected):hover{background:color-mix(in oklab, var(--accent) 12%, transparent)}.ticket-row-wrap.unread .ticket-row-subject{font-weight:700}.unread-pill{background:var(--accent);min-width:18px;height:18px;color:var(--bg-panel);text-align:center;border-radius:999px;flex:none;margin-left:auto;padding:0 5px;font-size:10.5px;font-weight:700;line-height:18px}.ticket-row-left{padding-top:2px}.ticket-row-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.ticket-row-top{align-items:center;gap:8px;display:flex}.ticket-id{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.02em;font-size:11px;font-weight:500}.ticket-row-subject{color:var(--text-strong);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:13.5px;font-weight:500;line-height:1.35;display:-webkit-box;overflow:hidden}.ticket-row-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:11.5px;display:flex}.chip-platform{font-family:var(--font-mono);background:var(--bg-subtle);border:1px solid var(--border);color:var(--text);border-radius:4px;padding:1px 6px;font-size:10.5px}.dot-sep{color:var(--text-subtle)}.ticket-row-bottom{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.stage-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.stage-row{background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:11px 13px;display:flex}.stage-main{min-width:0}.stage-name{font-size:13px;font-weight:600}.stage-implica{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:7px;margin-top:4px;font-size:11.5px;display:flex}.stage-actions{flex:none;gap:5px;display:flex}.stage-actions .btn{padding:3px 9px;font-size:12px}.stage-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.stage-form .input{flex:180px;min-width:0}.flow-board{--flow-col-h:clamp(340px, calc(100vh - 248px), 660px);align-items:flex-start;gap:12px;padding-bottom:10px;display:flex;overflow-x:auto}.flow-col{height:var(--flow-col-h);background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;flex:0 0 278px;display:flex}.flow-col-head{border-bottom:1px solid var(--border);flex:none;padding:12px 14px 10px}.flow-col-name{justify-content:space-between;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.flow-col-count{background:var(--accent-soft);min-width:20px;color:var(--text-strong);text-align:center;border-radius:999px;flex:none;padding:0 7px;font-size:11px;font-weight:600;line-height:19px}.flow-col-meta{color:var(--text-subtle);margin-top:3px;font-size:11px;line-height:1.4}.flow-col-body{scrollbar-width:thin;flex:1;align-content:start;gap:8px;min-height:0;padding:10px;display:grid;overflow-y:auto}.flow-col-body::-webkit-scrollbar{width:8px}.flow-col-body::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}.flow-col.drop .flow-col-body{outline:2px dashed var(--accent);outline-offset:-6px;border-radius:var(--radius)}.flow-col-empty{border:1px dashed var(--border-strong);text-align:center;color:var(--text-subtle);border-radius:9px;padding:14px 10px;font-size:11.5px}.flow-col-more{color:var(--text-muted);text-align:center;padding:6px 2px;font-size:11.5px;display:block}.flow-card{background:var(--bg-panel);border:1px solid var(--border);cursor:grab;border-radius:10px;padding:10px 11px;transition:border-color .12s,box-shadow .12s}.flow-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.flow-card:active{cursor:grabbing}.flow-card.dragging{opacity:.4;border-style:dashed}.flow-card-top{gap:10px;display:flex}.flow-card-code{font-family:var(--font-mono);color:var(--text-subtle);align-items:center;gap:6px;margin-bottom:2px;font-size:10.5px;display:flex}.flow-card-subject{-webkit-line-clamp:2;line-clamp:2;color:var(--text-strong);-webkit-box-orient:vertical;font-size:12.5px;font-weight:500;line-height:1.38;text-decoration:none;display:-webkit-box;overflow:hidden}.flow-card-subject:hover{text-decoration:underline}.flow-card-meta{color:var(--text-muted);margin-top:4px;font-size:11px}.flow-card-owner{color:var(--text);align-items:center;gap:6px;margin-top:6px;font-size:11.5px;font-weight:600;display:flex}.flow-card-owner-free{color:var(--text-subtle);font-style:italic;font-weight:500}.flow-card-moves{opacity:.55;justify-content:flex-end;gap:4px;margin-top:8px;transition:opacity .12s;display:flex}.flow-card:hover .flow-card-moves,.flow-card:focus-within .flow-card-moves{opacity:1}.flow-card-moves .btn{padding:1px 10px;font-size:13px;line-height:1.5}.flow-error{z-index:5;color:var(--crit);background:color-mix(in oklab, var(--crit) 9%, var(--bg-panel));border:1px solid color-mix(in oklab, var(--crit) 35%, transparent);border-radius:var(--radius);margin:0 0 12px;padding:8px 12px;font-size:12.5px;position:sticky;top:0}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:18px;display:grid}.panel-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;gap:16px;display:grid}.panel-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 18px}.panel-card-title{letter-spacing:-.005em;margin-bottom:14px;font-size:13px;font-weight:600}.breakdown{gap:12px;margin:0;padding:0;list-style:none;display:grid}.breakdown-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:5px;display:flex}.breakdown-label{color:var(--text);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12.5px;overflow:hidden}.breakdown-value{font-variant-numeric:tabular-nums;flex:none;align-items:baseline;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.breakdown-pct{color:var(--text-muted);font-size:11.5px;font-weight:500}.breakdown-track{background:var(--bg-subtle);border-radius:999px;height:6px;overflow:hidden}.breakdown-fill{background:var(--accent);border-radius:999px;height:100%}.dash-section{letter-spacing:.05em;text-transform:uppercase;color:var(--text-subtle);align-items:baseline;gap:10px;margin:4px 0 10px;font-size:12px;font-weight:600;display:flex}.dash-section-note{letter-spacing:0;text-transform:none;color:var(--text-subtle);font-size:11px;font-weight:500}.panel-wide{grid-column:1/-1}.trend-title{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.trend-total{color:var(--text-muted);font-size:11.5px;font-weight:500}.trend-svg{width:100%;height:auto;display:block}.trend-hit:hover+rect{fill:var(--accent-deep,var(--accent))}.breakdown-empty{color:var(--text-muted);margin:0;font-size:12.5px}.bell-dot{background:var(--crit);color:#fff;text-align:center;border-radius:999px;min-width:15px;height:15px;padding:0 4px;font-size:9.5px;font-weight:700;line-height:15px;position:absolute;top:1px;right:1px}.bell-panel{z-index:30;background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;width:min(340px,88vw);max-height:380px;padding:4px;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 14px 36px #0000002e}.bell-panel-head{letter-spacing:.04em;text-transform:uppercase;color:var(--text-subtle);padding:8px 10px 6px;font-size:11px;font-weight:600}.bell-empty{color:var(--text-muted);padding:10px 10px 14px;font-size:12.5px}.bell-item{color:inherit;border-radius:7px;padding:8px 10px;text-decoration:none;display:block}.bell-item:hover{background:var(--bg-hover)}.bell-item.nuevo{box-shadow:inset 2px 0 0 var(--accent)}.bell-item-top{align-items:center;gap:6px;margin-bottom:2px;display:flex}.bell-code{font-family:var(--font-mono);color:var(--text-subtle);font-size:10.5px}.bell-tag{background:var(--accent-soft);color:var(--text-strong);border-radius:999px;padding:1px 6px;font-size:10px;font-weight:600}.bell-tag.nuevo{background:var(--warn-soft)}.bell-subject{color:var(--text-strong);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;font-weight:500;line-height:1.35;display:-webkit-box;overflow:hidden}.bell-meta{color:var(--text-muted);margin-top:2px;font-size:11px}.schedule-status{border:1px solid var(--border);background:var(--bg-panel);border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:16px;padding:12px 14px;font-size:13px;display:flex}.schedule-status strong{font-size:13px;display:block}.schedule-status-note{color:var(--text-muted);margin-top:2px;font-size:12px;display:block}.schedule-dot{border-radius:999px;flex:none;width:9px;height:9px;margin-top:5px}.schedule-dot.open{background:var(--ok)}.schedule-dot.closed{background:var(--warn)}.schedule-dot.always{background:var(--text-subtle)}.marker-bar{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.marker-bar-label{color:var(--text-subtle);font-size:11px}.marker-chip{font-family:var(--font-mono);border:1px solid var(--border);background:var(--bg-subtle);color:var(--text);cursor:pointer;border-radius:999px;padding:3px 8px;font-size:11px}.marker-chip:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--text-strong)}.week-list{margin:0;padding:0;list-style:none}.week-row{border-bottom:1px solid var(--border);padding:9px 0}.week-row:last-child{border-bottom:none}.week-row-main{align-items:center;gap:12px;min-height:30px;display:flex}.week-day{flex:none;width:96px;font-size:13px;font-weight:600}.week-row:not(.open) .week-day{color:var(--text-muted);font-weight:500}.week-slots{flex-wrap:wrap;flex:1;gap:6px;min-width:0;display:flex}.week-closed{color:var(--text-subtle);font-size:12px}.week-slot{background:var(--accent-soft);color:var(--text-strong);white-space:nowrap;border-radius:999px;align-items:center;gap:3px;padding:3px 4px 3px 10px;font-size:12px;font-weight:500;display:inline-flex}.week-slot-sep{color:var(--text-muted);font-weight:400}.week-slot-remove{width:18px;height:18px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;margin-left:3px;display:inline-flex}.week-slot-remove:hover{background:var(--bg-active);color:var(--text-strong)}.week-add{border:1px dashed var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:7px;flex:none;align-items:center;gap:4px;padding:4px 10px;font-size:12px;display:inline-flex}.week-add:hover{color:var(--text-strong);background:var(--bg-hover);border-style:solid}.week-general{border-bottom:1px solid var(--border);margin-bottom:4px;padding-bottom:12px}.week-form{flex-wrap:wrap;align-items:flex-end;gap:8px;margin:10px 0 4px 108px;display:flex}.week-field{color:var(--text-muted);gap:3px;font-size:11px;display:grid}.week-field .input{width:120px}.week-error{color:var(--crit);margin:10px 0 0;font-size:12px}.away-preview{margin-top:10px}.away-preview-label{color:var(--text-subtle);margin-bottom:5px;font-size:11px}.away-preview-bubble{background:var(--bg-subtle);border:1px solid var(--border);color:var(--text);border-radius:10px 10px 10px 2px;padding:9px 12px;font-size:12.5px;line-height:1.5}.canned-picker{z-index:20;background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;width:min(360px,70vw);max-height:300px;padding:4px;position:absolute;bottom:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 12px 32px #0000002e}.canned-picker-item{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:7px;flex-direction:column;gap:2px;width:100%;padding:8px 10px;display:flex}.canned-picker-item:hover{background:var(--bg-hover)}.canned-picker-title{color:var(--text-strong);font-size:12.5px;font-weight:600}.canned-picker-body{color:var(--text-muted);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:11.5px;display:-webkit-box;overflow:hidden}.badge{letter-spacing:.01em;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.badge-sm{padding:2px 7px;font-size:11px}.badge-ok{background:var(--ok-soft);color:var(--ok)}.badge-warn{background:var(--warn-soft);color:#764b00;color:lab(35.8651% 21.9574 78.9846)}.badge-crit{background:var(--crit-soft);color:var(--crit)}.badge-breach{background:var(--breach-soft);color:var(--breach)}.badge-info{background:var(--info-soft);color:var(--info)}.badge-violet{background:var(--violet-soft);color:var(--violet)}.badge-accent{background:var(--accent-soft);color:var(--accent-deep)}.badge-neutral{background:var(--neutral-soft);color:var(--text-muted)}.badge-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.avatar{font-family:var(--font-display);letter-spacing:.02em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:inline-flex;position:relative}.avatar-status{border:2px solid var(--bg-panel);border-radius:50%;position:absolute;bottom:0;right:0}.detail{flex:1;grid-template-columns:1fr 320px;min-width:0;min-height:0;display:grid}.ficha-panel{background:var(--bg-panel);border-left:1px solid var(--border);overflow-wrap:anywhere;min-width:0;padding:20px;overflow-y:auto}.ficha-panel-head,.ficha-scrim{display:none}.detail-main{background:var(--bg);flex-direction:column;min-width:0;min-height:0;display:flex}.detail-vacio{height:100%;color:var(--text-muted);justify-content:center;align-items:center;font-size:14px;display:flex}.detail-head-movil{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:none}.detail-volver{color:var(--text-muted);align-items:center;gap:6px;margin-bottom:10px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.detail-volver:hover{color:var(--text-strong)}.detail-head{background:var(--bg-panel);border-bottom:1px solid var(--border);padding:22px 28px 18px}.detail-head-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.detail-head-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:8px;display:flex}.ticket-id-lg{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.04em;font-size:12.5px}.detail-subject{letter-spacing:-.015em;text-wrap:pretty;flex:340px;min-width:0;margin:0;font-size:22px;font-weight:600;line-height:1.25}.detail-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.annexes{margin-left:auto;position:relative}.annexes-btn{border:1px solid var(--border);background:var(--bg-panel);height:24px;color:var(--text-muted);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.annexes-btn:hover,.annexes-btn.open{background:var(--bg-subtle);border-color:var(--border-strong);color:var(--text-strong)}.annexes-count{color:var(--text-subtle);font-size:11px;font-weight:600}.annexes-panel{z-index:40;background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;width:min(420px,80vw);max-height:60vh;padding:12px 14px 14px;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 14px 38px #0000002e}.annexes-panel-head{text-transform:uppercase;letter-spacing:.05em;color:var(--text-subtle);justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;font-size:11px;font-weight:600;display:flex}.annexes-grid{flex-wrap:wrap;gap:8px;display:flex}.meta-pill{background:var(--bg-subtle);border:1px solid var(--border);border-radius:6px;align-items:center;gap:8px;padding:6px 10px 6px 8px;font-size:12px;display:inline-flex}.meta-k{color:var(--text-muted);font-size:11px}.meta-v{color:var(--text-strong);align-items:center;gap:6px;font-weight:500;display:inline-flex}.chat{flex-direction:column;flex:1;min-height:0;display:flex}.chat-stream{background:radial-gradient(circle at 20% 10%, #f9fcff 0%, transparent 50%), var(--bg);flex-direction:column;flex:1;gap:14px;padding:24px 28px;display:flex;overflow-y:auto}@supports (color:lab(0% 0 0)){.chat-stream{background:radial-gradient(circle at 20% 10%, lab(98.8317% -1.09252 -3.57065) 0%, transparent 50%), var(--bg)}}[data-theme=dark] .chat-stream{background:var(--bg)}.chat-empty{color:var(--text-muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:60px 20px;display:flex}.chat-empty-icon{background:var(--bg-subtle);border:1px solid var(--border);width:56px;height:56px;color:var(--text-muted);border-radius:50%;place-items:center;margin-bottom:14px;display:grid}.msg-row{gap:10px;max-width:78%;display:flex}.msg-row.mine{flex-direction:row-reverse;margin-left:auto}.msg-row.other{margin-right:auto}.msg-bubble{background:var(--bg-panel);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:14px;min-width:0;padding:10px 14px}.msg-row.mine .msg-bubble{background:var(--accent);color:#fff;border-color:#0000;border-bottom-right-radius:4px}.msg-row.other .msg-bubble{border-bottom-left-radius:4px}.msg-author{color:var(--accent-deep);margin-bottom:3px;font-size:11.5px;font-weight:500}[data-theme=dark] .msg-author{color:#80baff;color:lab(73.7836% -3.60543 -48.8371)}.msg-role{font-family:var(--font-mono);color:var(--text-muted);font-size:10.5px;font-weight:400}.msg-text{white-space:pre-wrap;word-wrap:break-word;font-size:13.5px;line-height:1.5}.msg-time{color:var(--text-muted);justify-content:flex-end;align-items:center;gap:4px;margin-top:4px;font-size:10.5px;display:flex}.msg-row.mine .msg-time{color:#d4e6ff;color:lab(90.6172% -2.83226 -14.4681)}.msg-system{color:var(--text-muted);font-size:11px;font-family:var(--font-mono);align-items:center;gap:10px;margin:4px auto;display:flex}.msg-system .line{background:var(--border);flex:1;height:1px}.msg-system .text{background:var(--bg-subtle);border:1px solid var(--border);border-radius:999px;padding:4px 12px}.msg-bubble.typing{align-items:center;gap:4px;padding:14px 18px;display:inline-flex}.msg-bubble.typing span{background:var(--text-muted);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite dotPulse}.msg-bubble.typing span:nth-child(2){animation-delay:.2s}.msg-bubble.typing span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.side-panel{background:var(--bg-panel);border-left:1px solid var(--border);overflow-wrap:anywhere;min-width:0;padding:4px 0 24px;overflow-y:auto}.sp-section{border-bottom:1px solid var(--border);padding:18px 20px}.sp-section:last-child{border-bottom:none}.sp-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px;font-size:10.5px;font-weight:500}.sla-block{font-size:12px}.sla-row-head{justify-content:space-between;align-items:baseline;margin-bottom:6px;font-size:12px;display:flex}.sla-row-target{color:var(--text-muted);font-family:var(--font-mono);font-size:11px}.sla-done{color:var(--text);align-items:center;gap:6px;font-size:12px;display:inline-flex}.client-card{align-items:center;gap:10px;margin-bottom:12px;display:flex}.kv{flex-direction:column;gap:6px;font-size:12px;display:flex}.kv>div{justify-content:space-between;gap:10px;display:flex}.kv>div>span:first-child{color:var(--text-muted)}.timeline{flex-direction:column;display:flex}.tl-item{gap:10px;padding-bottom:12px;display:flex}.tl-line{flex-direction:column;align-items:center;padding-top:4px;display:flex}.tl-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.tl-bar{background:var(--border);flex:1;width:1px;min-height:12px;margin-top:4px}.tl-body{flex:1;padding-bottom:4px}.tl-text{font-size:12.5px;line-height:1.4}.tl-meta{color:var(--text-muted);margin-top:2px;font-size:11px}.tag{font-family:var(--font-mono);background:var(--bg-subtle);border:1px solid var(--border);color:var(--text-muted);border-radius:4px;align-items:center;padding:3px 8px;font-size:11px;display:inline-flex}.tag-add{cursor:pointer;background:0 0;border-style:dashed}.tag-add:hover{color:var(--accent);border-color:var(--accent)}.empty-detail{flex:1;place-items:center;display:grid}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:60;background:#0b121a66;background:lab(5.23127% -1.15929 -6.2068/.4);place-items:center;animation:.16s fadeIn;display:grid;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-panel);text-align:left;width:600px;max-width:calc(100vw - 32px);max-height:90vh;box-shadow:var(--shadow-lg);border:1px solid var(--border);border-radius:14px;flex-direction:column;animation:.22s cubic-bezier(.2,.8,.2,1) slideUp;display:flex;overflow:hidden}.modal-sm{width:460px}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding:20px 22px 16px;display:flex}.modal-body{padding:20px 22px;overflow-y:auto}.modal-foot{border-top:1px solid var(--border);background:var(--bg-subtle);justify-content:space-between;align-items:center;padding:14px 22px;display:flex}.form-section{margin-bottom:18px}.form-section:last-child{margin-bottom:0}.form-section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px dashed var(--border);margin-bottom:12px;padding-bottom:6px;font-size:11px;font-weight:500}.form-grid{grid-template-columns:1fr 1fr;gap:12px 14px;display:grid}.field{flex-direction:column;gap:5px;display:flex}.field.full{grid-column:1/-1}.field label{color:var(--text-muted);font-size:12px;font-weight:500}.field-label{margin-bottom:4px;font-size:12px;font-weight:600;display:block}.input,.textarea{border:1px solid var(--border);background:var(--bg-panel);font-family:var(--font-display);color:var(--text);border-radius:7px;outline:none;width:100%;padding:9px 12px;font-size:13px}.input:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input:disabled,.textarea:disabled{background:var(--bg-subtle);color:var(--text-muted)}.textarea{resize:vertical;min-height:80px;line-height:1.5}.select-wrap{position:relative}.select-btn{cursor:pointer;text-align:left;justify-content:space-between;align-items:center;display:flex}.select-btn.placeholder{color:var(--text-muted)}.select-menu{background:var(--bg-panel);border:1px solid var(--border);box-shadow:var(--shadow-md);z-index:10;border-radius:8px;max-height:240px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.select-opt{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:5px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:13px;display:flex}.select-opt:hover{background:var(--bg-hover)}.select-opt.active{background:var(--accent-soft);color:var(--accent-deep)}.level-picker{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.level-opt{border:1px solid var(--border);background:var(--bg-panel);cursor:pointer;color:var(--text);border-radius:8px;flex-direction:column;align-items:flex-start;gap:4px;padding:10px;font-family:inherit;display:flex}.level-opt:hover{background:var(--bg-hover)}.level-opt.active{border-color:var(--accent);background:var(--accent-soft)}.level-dot{border-radius:50%;width:8px;height:8px}.level-bajo .level-dot,.level-dot.level-bajo{background:var(--ok)}.level-medio .level-dot,.level-dot.level-medio{background:var(--warn)}.level-alto .level-dot,.level-dot.level-alto{background:var(--crit)}.file-drop{border:1.5px dashed var(--border-strong);background:var(--bg-subtle);color:var(--text-muted);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:14px 16px;font-size:12.5px;display:flex}.file-drop:hover{border-color:var(--accent);color:var(--accent)}.file-drop u{color:var(--accent)}.agent-opt{border:1px solid var(--border);background:var(--bg-panel);cursor:pointer;color:var(--text);border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-family:inherit;display:flex}.agent-opt:hover{background:var(--bg-hover)}.agent-opt.active{border-color:var(--accent);background:var(--accent-soft)}.flow-view,.kb-view,.agents-view{flex-direction:column;flex:1;min-height:0;padding:22px 28px;display:flex}.flow-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;display:flex}.flow-legend{color:var(--text-muted);font-size:11.5px;font-family:var(--font-mono);gap:16px;display:flex}.flow-legend i{vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.flow-cols{flex:1;grid-template-columns:repeat(4,1fr);gap:14px;min-height:0;display:grid}.flow-col{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;min-height:0;display:flex}.flow-col-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.flow-count{font-family:var(--font-mono);background:var(--bg-subtle);color:var(--text-muted);border-radius:999px;padding:2px 8px;font-size:12px}.flow-col-body{flex-direction:column;flex:1;gap:8px;padding:10px;display:flex;overflow-y:auto}.flow-card{text-align:left;background:var(--bg-panel);border:1px solid var(--border);cursor:pointer;color:var(--text);border-left-width:3px;border-radius:8px;padding:12px 14px;font-family:inherit}.flow-card:hover{box-shadow:var(--shadow-md);transition:all .12s;transform:translateY(-1px)}.flow-card.sla-ok{border-left-color:var(--ok)}.flow-card.sla-warn{border-left-color:var(--warn)}.flow-card.sla-crit{border-left-color:var(--crit)}.flow-card.sla-breach{border-left-color:var(--breach);background:#fff6f4;background:lab(97.5137% 5.85487 3.88803)}[data-theme=dark] .flow-card.sla-breach{background:#351c18;background:lab(13.8058% 12.054 8.235)}.kb-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding-bottom:24px;display:grid;overflow-y:auto}.kb-card{background:var(--bg-panel);border:1px solid var(--border);cursor:pointer;border-radius:12px;transition:all .16s;overflow:hidden}.kb-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.kb-thumb{place-items:center;height:130px;display:grid;position:relative;overflow:hidden}.kb-thumb-stripes{background-image:repeating-linear-gradient(-45deg,#0000 0 14px,#fff6 14px 15px);background-image:repeating-linear-gradient(-45deg,#0000 0 14px,lab(100% 0 0/.4) 14px 15px);position:absolute;inset:0}.kb-thumb-label{font-family:var(--font-mono);color:var(--text-muted);background:var(--bg-panel);border:1px solid var(--border);border-radius:4px;padding:4px 10px;font-size:11px;position:relative}.agents-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.agent-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:16px 18px}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));align-items:start;gap:16px;display:grid}.settings-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;grid-column:span 1;padding:18px 20px}.rule-list-card{grid-column:1/-1}.settings-pair{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start;gap:16px;display:grid}.settings-section{border-top:1px solid var(--border);margin-top:18px;padding-top:16px}.settings-card-title{letter-spacing:-.005em;margin-bottom:14px;font-size:13px;font-weight:600}.sla-config-row{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 0;display:flex}.sla-config-row:last-child{border-bottom:none}.rule-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.rule-list li{background:var(--bg-subtle);border-left:2px solid var(--accent);border-radius:6px;padding:10px 14px;font-size:13px}.detail-main.wa-main{background:var(--wa-bg);padding:0}.wa-chat{background:var(--wa-bg);background-image:radial-gradient(circle at 12% 18%,#111b210d 0 1.5px,#0000 1.6px),radial-gradient(circle at 38% 62%,#111b210a 0 1.5px,#0000 1.6px),radial-gradient(circle at 78% 28%,#111b210d 0 1.5px,#0000 1.6px),radial-gradient(circle at 62% 88%,#111b210a 0 1.5px,#0000 1.6px),radial-gradient(circle at 90% 70%,#111b210d 0 1.5px,#0000 1.6px),radial-gradient(circle at 22% 92%,#111b210a 0 1.5px,#0000 1.6px);background-size:200px 200px;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative}[data-theme=dark] .wa-chat{background-image:radial-gradient(circle at 12% 18%,#ffffff0a 0 1.5px,#0000 1.6px),radial-gradient(circle at 38% 62%,#ffffff08 0 1.5px,#0000 1.6px),radial-gradient(circle at 78% 28%,#ffffff0a 0 1.5px,#0000 1.6px),radial-gradient(circle at 62% 88%,#ffffff08 0 1.5px,#0000 1.6px);background-size:200px 200px}.wa-header{background:var(--wa-header);color:#fff;flex-shrink:0;align-items:center;gap:12px;padding:10px 16px;display:flex}.wa-icon-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.wa-icon-btn:hover{background:#ffffff1f}.wa-back{margin-right:-4px}.wa-header-avatar{flex-shrink:0;position:relative}.wa-avatar-circle{background:#ffffff2e;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.wa-presence-dot{background:var(--wa-teal);border:2px solid var(--wa-header);border-radius:50%;width:11px;height:11px;position:absolute;bottom:1px;right:1px}.wa-header-info{flex:1;min-width:0}.wa-header-name{letter-spacing:-.005em;color:#fff;font-size:16px;font-weight:500}.wa-header-status{color:#ffffffc7;margin-top:1px;font-size:12.5px}.wa-header-actions{gap:2px;display:flex}.wa-ticket-banner{color:#54451c;background:#ffeb9ef2;border-bottom:1px solid #0000000f;align-items:center;gap:10px;padding:8px 16px;font-size:12px;display:flex}[data-theme=dark] .wa-ticket-banner{color:#e9edef;background:#1d2c33}.wa-banner-icon{background:#00000014;border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;display:grid}.wa-banner-body{flex:1;min-width:0}.wa-banner-title{font-family:var(--font-mono);letter-spacing:.02em;font-size:11px;font-weight:600}.wa-banner-sub{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.wa-banner-status{text-transform:uppercase;letter-spacing:.04em;background:#00000014;border-radius:999px;flex-shrink:0;padding:3px 9px;font-size:10.5px;font-weight:600}.wa-banner-status.status-en_curso{color:#084c92;background:#cfe9ff}.wa-banner-status.status-task{color:#7a4a00;background:#ffe6b3}.wa-banner-status.status-derivado{color:#4f2a8a;background:#e7d6ff}.wa-banner-status.status-atendido{color:#1d6b3a;background:#cdebd9}.wa-stream{flex-direction:column;flex:1;gap:2px;min-height:0;padding:16px 6%;display:flex;overflow-y:auto}.wa-day{justify-content:center;margin:12px 0 6px;display:flex}.wa-day span{color:#54656f;letter-spacing:.04em;background:#fff;border-radius:8px;padding:5px 12px;font-size:11px;font-weight:500;box-shadow:0 1px .5px #0b141a21}[data-theme=dark] .wa-day span{color:#8696a0;background:#1d2c33}.wa-system{justify-content:center;margin:8px 0;display:flex}.wa-system span{background:var(--wa-system);color:#1f4d3a;text-align:center;border-radius:8px;max-width:80%;padding:6px 14px;font-size:11.5px;box-shadow:0 1px .5px #0b141a21}[data-theme=dark] .wa-system{color:#a4f3c1}.wa-row{width:100%;margin-top:4px;display:flex}.wa-row.continued{margin-top:1px}.wa-row.out{justify-content:flex-end}.wa-row.in{justify-content:flex-start}.wa-bubble{max-width:70%;color:var(--wa-text);word-wrap:break-word;border-radius:8px;padding:6px 9px 8px;font-size:14.2px;line-height:1.4;position:relative;box-shadow:0 1px .5px #0b141a21}.wa-bubble.out{background:var(--wa-bubble-out);border-top-right-radius:0;margin-right:8px}.wa-bubble.in{background:var(--wa-bubble-in);border-top-left-radius:0;margin-left:8px}.wa-bubble.out.continued{border-top-right-radius:8px}.wa-bubble.in.continued{border-top-left-radius:8px}.wa-bubble.out:not(.continued):after{content:"";border-style:solid;border-width:0 0 10px 10px;border-color:transparent transparent transparent var(--wa-bubble-out);width:0;height:0;position:absolute;top:0;right:-8px}.wa-bubble.in:not(.continued):after{content:"";border-style:solid;border-width:0 10px 10px 0;border-color:transparent var(--wa-bubble-in) transparent transparent;width:0;height:0;position:absolute;top:0;left:-8px}.wa-bubble-author{color:#06cf9c;margin-bottom:1px;font-size:13px;font-weight:600}.wa-bubble-text{white-space:pre-wrap;word-wrap:break-word}.wa-bubble-meta{color:var(--wa-muted);-webkit-user-select:none;user-select:none;justify-content:flex-end;align-items:center;gap:3px;margin-top:2px;margin-bottom:-3px;font-size:11px;display:flex}.wa-time{font-size:11px}.wa-bubble.wa-typing{align-items:center;gap:4px;padding:12px 14px;display:inline-flex}.wa-bubble.wa-typing span{background:var(--wa-muted);border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite dotPulse}.wa-bubble.wa-typing span:nth-child(2){animation-delay:.2s}.wa-bubble.wa-typing span:nth-child(3){animation-delay:.4s}.wa-composer{background:#f0f2f5;flex-shrink:0;align-items:flex-end;gap:8px;padding:8px 10px;display:flex}[data-theme=dark] .wa-composer{background:#202c33}.wa-comp-icon{color:#54656f;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}[data-theme=dark] .wa-comp-icon{color:#8696a0}.wa-comp-icon:hover{background:#0b141a0d}.wa-comp-input-wrap{background:#fff;border-radius:8px;flex:1;align-items:flex-end;min-height:40px;padding:4px 4px 4px 12px;display:flex}[data-theme=dark] .wa-comp-input-wrap{background:#2a3942}.wa-comp-input{resize:none;font-family:var(--font-display);color:var(--wa-text);background:0 0;border:none;outline:none;flex:1;min-height:24px;max-height:120px;padding:8px 0;font-size:14.5px;line-height:1.4}.wa-comp-input::placeholder{color:var(--wa-muted)}.wa-comp-icon-inline{color:#54656f;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}[data-theme=dark] .wa-comp-icon-inline{color:#8696a0}.wa-comp-icon-inline:hover{background:#0b141a0d}.wa-send{background:var(--wa-header);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.wa-send:hover{background:var(--wa-green)}.client-panel.wa-flavor{border-top-color:var(--wa-header)}.client-panel.wa-flavor .dual-panel-head{background:var(--wa-header);color:#fff;border-bottom-color:#0000}.client-panel.wa-flavor .dual-panel-tag,.client-panel.wa-flavor .dual-panel-user{color:#fff}.client-panel.wa-flavor .dual-panel-user{color:#ffffffc7}.client-panel.wa-flavor .dual-new-btn{color:#fff;background:#ffffff29}.client-panel.wa-flavor .client-card-head{background:#ffeb9e8c;border-color:#00000014}[data-theme=dark] .client-panel.wa-flavor .client-card-head{background:#1d2c33;border-color:#2a3942}.client-panel.wa-flavor .dchat{background:var(--wa-bg);background-image:radial-gradient(circle at 12% 18%,#111b210d 0 1.5px,#0000 1.6px),radial-gradient(circle at 38% 62%,#111b210a 0 1.5px,#0000 1.6px),radial-gradient(circle at 78% 28%,#111b210d 0 1.5px,#0000 1.6px),radial-gradient(circle at 62% 88%,#111b210a 0 1.5px,#0000 1.6px);background-size:200px 200px;border-color:#00000014}.client-panel.wa-flavor .dchat-stream{background:0 0}.client-panel.wa-flavor .dchat-row.mine .dchat-bubble{background:var(--wa-bubble-out);color:var(--wa-text)}.client-panel.wa-flavor .dchat-row.other .dchat-bubble{background:var(--wa-bubble-in);color:var(--wa-text);border-color:#0000}.client-panel.wa-flavor .dchat-row .dchat-author{color:#06cf9c}.client-panel.wa-flavor .dchat-row .dchat-time{color:var(--wa-muted);opacity:1}.client-panel.wa-flavor .dchat-system{background:var(--wa-system);color:#1f4d3a;font-family:var(--font-display);border-color:#0000}.client-panel.wa-flavor .dchat-composer{background:#f0f2f5;border-top-color:#0000}[data-theme=dark] .client-panel.wa-flavor .dchat-composer{background:#202c33}.client-panel.wa-flavor .dchat-composer textarea{background:#fff;border-color:#0000;border-radius:8px}[data-theme=dark] .client-panel.wa-flavor .dchat-composer textarea{background:#2a3942}.client-panel.wa-flavor .dchat-send{background:var(--wa-header);border-radius:50%}.client-panel.wa-flavor .client-sla-foot{background:#25d36624}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border:2px solid var(--bg);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text-subtle)}.arco-view{flex:1;padding:24px 28px 40px;overflow-y:auto}.arco-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;display:flex}.arco-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--violet);font-size:10.5px;font-weight:600;font-family:var(--font-mono)}.arco-title{letter-spacing:-.02em;margin:6px 0 4px;font-size:26px;font-weight:600}.arco-subtitle{color:var(--text-muted);font-size:13.5px}.arco-kpis{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px;display:grid}.arco-kpi{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:16px 18px;position:relative;overflow:hidden}.arco-kpi:before{content:"";background:var(--neutral);width:3px;position:absolute;top:0;bottom:0;left:0}.arco-kpi.tone-ok:before{background:var(--ok)}.arco-kpi.tone-warn:before{background:var(--warn)}.arco-kpi.tone-crit:before{background:var(--crit)}.arco-kpi-value{letter-spacing:-.02em;font-size:28px;font-weight:600;line-height:1;font-family:var(--font-mono)}.arco-kpi-label{color:var(--text);margin-top:8px;font-size:12px;font-weight:500}.arco-kpi-sub{color:var(--text-muted);margin-top:2px;font-size:11px}.arco-filters{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.arco-filter{border:1px solid var(--border);background:var(--bg-panel);color:var(--text-muted);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-family:inherit;font-size:12.5px;display:inline-flex}.arco-filter:hover{background:var(--bg-hover);color:var(--text)}.arco-filter.active{background:var(--accent);color:#fff;border-color:var(--accent)}.arco-filter.special{border-color:var(--warn);color:#764b00;color:lab(35.8651% 21.9574 78.9846)}.arco-filter.special.active{background:var(--warn);color:#fff;border-color:var(--warn)}.pulse-dot{background:currentColor;border-radius:50%;width:6px;height:6px;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.arco-grid{grid-template-columns:380px 1fr;align-items:start;gap:16px;display:grid}.arco-list{flex-direction:column;gap:8px;display:flex;position:sticky;top:0}.arco-row{text-align:left;background:var(--bg-panel);border:1px solid var(--border);cursor:pointer;color:var(--text);border-radius:10px;flex-direction:column;gap:6px;padding:14px 16px;font-family:inherit;display:flex}.arco-row:hover{box-shadow:var(--shadow-sm)}.arco-row.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.arco-row-top{justify-content:space-between;align-items:center;display:flex}.arco-row-type{color:var(--violet);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:600;font-family:var(--font-mono)}.arco-row-subject{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:13.5px;font-weight:500;line-height:1.35;display:-webkit-box;overflow:hidden}.arco-row-req{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.arco-row-sla{margin-top:4px}.arco-row-sla-bar{background:var(--bg-subtle);border-radius:2px;height:4px;overflow:hidden}.arco-row-sla-fill{height:100%;transition:width .4s}.arco-row-sla-fill.tone-ok{background:var(--ok)}.arco-row-sla-fill.tone-caution{background:#afb151;background:lab(70.6804% -10.3973 48.147)}.arco-row-sla-fill.tone-warn{background:var(--warn)}.arco-row-sla-fill.tone-crit{background:var(--crit)}.arco-row-sla-fill.tone-breach{background:var(--breach)}.arco-row-sla-label{justify-content:space-between;margin-top:5px;display:flex}.tone-text-ok{color:var(--ok)}.tone-text-caution{color:#716400;color:lab(42.4651% -.77948 63.0944)}.tone-text-warn{color:#764b00;color:lab(35.8651% 21.9574 78.9846)}.tone-text-crit{color:var(--crit)}.tone-text-breach{color:var(--breach);font-weight:600}.arco-detail{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;overflow:hidden}.arco-detail-head{border-bottom:1px solid var(--border);padding:22px 26px 18px}.arco-detail-body{flex-direction:column;gap:18px;padding:22px 26px;display:flex}.arco-sla-banner{color:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex;position:relative;overflow:hidden}.arco-sla-banner.tone-ok{background:linear-gradient(135deg,#22864a,#005d32);background:linear-gradient(135deg,lab(49.4516% -40.332 24.2186),lab(34.2521% -38.9513 20.1915))}.arco-sla-banner.tone-caution{background:linear-gradient(135deg,#8b8c14,#686800);background:linear-gradient(135deg,lab(56.7532% -10.0985 56.334),lab(42.7558% -8.91095 66.1039))}.arco-sla-banner.tone-warn{background:linear-gradient(135deg,#c18500,#975800);background:linear-gradient(135deg,lab(60.4481% 18.6541 76.4737),lab(43.8531% 26.6946 88.7356))}.arco-sla-banner.tone-crit{background:linear-gradient(135deg,#cf4232,#a2080c);background:linear-gradient(135deg,lab(49.5773% 55.6041 42.0053),lab(34.4017% 56.6412 44.3358))}.arco-sla-banner.tone-breach{background:linear-gradient(135deg,#bb061e,#7b000b);background:linear-gradient(135deg,lab(39.9438% 63.5347 42.0903),lab(23.8473% 57.621 38.4499))}.arco-sla-banner-big{letter-spacing:-.02em;font-size:32px;font-weight:600;font-family:var(--font-mono);margin:4px 0}.arco-sla-banner-big span{opacity:.85;font-size:14px;font-weight:400;font-family:var(--font-display);margin-left:6px}.arco-sla-ring{color:#fff;opacity:.95}.arco-section{padding:0}.arco-section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px;font-size:11px;font-weight:500}.arco-two{grid-template-columns:1fr 1fr;gap:18px;display:grid}.arco-escalation{background:var(--bg-subtle);border-radius:10px;grid-template-columns:repeat(4,1fr);gap:0;padding:14px 16px;display:grid;position:relative}.arco-escalation:before{content:"";background:var(--border);z-index:0;height:2px;position:absolute;top:35px;left:38px;right:38px}.arco-esc-step{text-align:center;z-index:1;flex-direction:column;align-items:center;gap:8px;padding:6px 4px;display:flex;position:relative}.arco-esc-marker{background:var(--bg-panel);border:2px solid var(--border);border-radius:50%;place-items:center;width:36px;height:36px;transition:all .2s;display:grid}.arco-esc-pct{font-family:var(--font-mono);color:var(--text-muted);font-size:11px;font-weight:600}.arco-esc-step.reached .arco-esc-marker{background:var(--accent);border-color:var(--accent)}.arco-esc-step.reached .arco-esc-pct{color:#fff}.arco-esc-step.current .arco-esc-marker{box-shadow:0 0 0 6px var(--accent-soft);transform:scale(1.1)}.arco-esc-step:nth-child(3).reached .arco-esc-marker{background:var(--violet);border-color:var(--violet)}.arco-esc-step:nth-child(4).reached .arco-esc-marker{background:var(--breach);border-color:var(--breach)}.arco-esc-who{font-size:12px;font-weight:600}.arco-esc-label{color:var(--text-muted);font-size:11px;line-height:1.35}.arco-esc-status{color:var(--ok);align-items:center;gap:4px;margin-top:2px;font-size:10.5px;font-weight:500;display:inline-flex}.arco-requester{align-items:center;gap:12px;display:flex}.arco-assignee{background:var(--bg-subtle);border-radius:8px;align-items:center;gap:12px;padding:10px 12px;display:flex}.arco-quote{background:var(--bg-subtle);border-left:3px solid var(--accent);color:var(--text);border-radius:0 8px 8px 0;margin:0;padding:14px 18px;font-size:13.5px;font-style:italic;line-height:1.55}.arco-docs{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.arco-doc{border:1px solid var(--border);background:var(--bg-panel);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.arco-type-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.arco-type-card{text-align:left;background:var(--bg-panel);border:1.5px solid var(--border);cursor:pointer;color:var(--text);border-radius:10px;padding:14px 16px;font-family:inherit}.arco-type-card:hover{background:var(--bg-hover)}.arco-type-card.active{border-color:var(--accent);background:var(--accent-soft)}.dual-view{background:linear-gradient(180deg, var(--bg) 0%, var(--bg-subtle) 100%);flex-direction:column;flex:1;min-height:0;padding:22px 28px;display:flex}.dual-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.dual-ticket-picker{flex-direction:column;gap:4px;min-width:320px;display:flex}.dual-stage{flex:1;grid-template-columns:1fr 36px 1fr;gap:0;min-height:0;display:grid}.dual-panel{background:var(--bg-panel);border:1px solid var(--border);min-height:0;box-shadow:var(--shadow-md);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.client-panel{border-top:3px solid var(--accent)}.agent-panel{border-top:3px solid var(--violet)}.dual-panel-head{border-bottom:1px solid var(--border);background:var(--bg-subtle);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.dual-panel-tag{letter-spacing:.1em;font-size:10.5px;font-weight:600;font-family:var(--font-mono);align-items:center;gap:8px;display:inline-flex}.client-tag{color:var(--accent-deep)}.agent-tag{color:var(--violet)}.dual-dot{background:currentColor;border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite pulse}.dual-panel-user{color:var(--text-muted);letter-spacing:0;font-weight:500;font-family:var(--font-display);font-size:12px}.dual-new-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:4px;padding:5px 10px;font-family:inherit;font-size:11px;font-weight:500;display:inline-flex}.dual-mini-btn{background:var(--bg-panel);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:5px;align-items:center;gap:3px;padding:4px 8px;font-family:inherit;font-size:10.5px;font-weight:500;display:inline-flex}.dual-mini-btn.primary{background:var(--ok);color:#fff;border-color:#0000}.dual-mini-btn:hover{background:var(--bg-hover)}.dual-mini-btn.primary:hover{filter:brightness(.95)}.dual-panel-body{flex-direction:column;flex:1;gap:12px;min-height:0;padding:14px 16px;display:flex;overflow-y:auto}.dual-section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:4px;font-size:10.5px;font-weight:600;display:flex}.dual-section-pill{font-family:var(--font-mono);background:var(--bg-subtle);letter-spacing:.02em;color:var(--text-muted);border-radius:999px;padding:2px 8px;font-size:10px;font-weight:500}.dchat{border:1px solid var(--border);border-radius:10px;flex-direction:column;min-height:280px;display:flex;overflow:hidden}.dchat-stream{background:var(--bg);flex-direction:column;flex:1;gap:8px;min-height:240px;max-height:340px;padding:12px;display:flex;overflow-y:auto}.dchat-row{gap:6px;max-width:88%;display:flex}.dchat-row.mine{flex-direction:row-reverse;margin-left:auto}.dchat-row.other{margin-right:auto}.dchat-bubble{background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;min-width:0;padding:7px 10px;font-size:12.5px;line-height:1.4}.dchat-row.mine .dchat-bubble{background:var(--accent);color:#fff;border-color:#0000;border-bottom-right-radius:3px}.agent-panel .dchat-row.mine .dchat-bubble{background:var(--violet)}.dchat-row.other .dchat-bubble{border-bottom-left-radius:3px}.dchat-author{color:var(--accent-deep);margin-bottom:2px;font-size:10.5px;font-weight:600}.dchat-text{white-space:pre-wrap;word-wrap:break-word}.dchat-time{opacity:.7;text-align:right;font-size:9.5px;font-family:var(--font-mono);margin-top:3px}.dchat-system{text-align:center;color:var(--text-muted);font-size:10.5px;font-family:var(--font-mono);background:var(--bg-subtle);border:1px solid var(--border);border-radius:999px;max-width:90%;margin:2px auto;padding:4px 12px}.dchat-composer{border-top:1px solid var(--border);background:var(--bg-panel);align-items:flex-end;gap:6px;padding:8px;display:flex}.dchat-composer textarea{resize:none;border:1px solid var(--border);background:var(--bg-subtle);min-height:30px;max-height:80px;color:var(--text);border-radius:7px;outline:none;flex:1;padding:7px 10px;font-family:inherit;font-size:12.5px;line-height:1.4}.dchat-composer textarea:focus{border-color:var(--accent);background:var(--bg-panel)}.dchat-send{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:7px;place-items:center;width:32px;height:32px;display:grid}.agent-panel .dchat-send{background:var(--violet)}.dchat-send.disabled{opacity:.4;pointer-events:none}.client-card-head{background:var(--bg-subtle);border:1px solid var(--border);border-radius:10px;padding:14px 16px}.client-card-subject{letter-spacing:-.005em;margin-bottom:6px;font-size:14px;font-weight:600;line-height:1.35}.client-card-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:14px;font-size:11.5px;display:flex}.client-card-status{border-top:1px solid var(--border);gap:0;padding-top:12px;display:flex}.client-status-step{opacity:.45;flex:1;align-items:flex-start;gap:6px;display:flex;position:relative}.client-status-step.done,.client-status-step.current{opacity:1}.client-status-step:not(:last-child):after{content:"";background:var(--border);height:1.5px;position:absolute;top:4px;left:14px;right:-6px}.client-status-step.done:not(:last-child):after{background:var(--accent)}.step-dot{background:var(--border-strong);z-index:1;border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:0}.client-status-step.done .step-dot{background:var(--accent)}.client-status-step.current .step-dot{background:var(--bg-panel);border:2px solid var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.step-label{font-size:11.5px;font-weight:500}.step-time{color:var(--text-muted);font-size:10.5px;font-family:var(--font-mono);margin-top:1px}.client-sla-foot{background:var(--accent-soft);border-radius:8px;padding:10px 14px}.agent-card-head{background:var(--bg-subtle);border:1px solid var(--border);border-radius:10px;padding:14px 16px}.agent-sla-grid{border-top:1px solid var(--border);grid-template-columns:repeat(2,1fr);gap:8px;margin-top:8px;padding-top:12px;display:grid}.agent-sla-cell{background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:3px;padding:6px 8px;display:flex}.cell-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:9.5px;font-weight:500}.cell-val{font-size:12.5px;font-weight:600}.cell-val.ok{color:var(--ok)}.agent-trace{background:var(--bg-subtle);border-radius:8px;flex-direction:column;gap:6px;padding:10px 14px;display:flex}.agent-trace-item{border-bottom:1px dashed var(--border);gap:10px;padding-bottom:6px;font-size:11.5px;display:flex}.agent-trace-item:last-child{border-bottom:none;padding-bottom:0}.agent-trace-time{font-family:var(--font-mono);color:var(--text-muted);min-width:70px;font-size:10.5px}.agent-trace-text{flex:1;line-height:1.4}.dual-bridge{flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:0 4px;display:flex}.bridge-line{background:var(--border);flex:1;width:1px}.bridge-icon{background:var(--bg-panel);border:1px solid var(--border);width:26px;height:26px;color:var(--accent);border-radius:50%;place-items:center;display:grid}.bridge-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);writing-mode:vertical-rl;font-size:9px;font-family:var(--font-mono);padding:4px 0}.page{height:100%;padding:24px 28px 40px;overflow-y:auto}.back-link{color:var(--text-muted);border-radius:var(--radius);align-items:center;gap:6px;padding:5px 10px;font-size:13px;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:inline-flex}.back-link:hover{background:var(--accent);color:#fff}.split{grid-template-columns:minmax(0,520px) minmax(0,1fr);align-items:start;gap:32px;display:grid}@media (max-width:1200px){.app{grid-template-columns:200px 1fr}.workspace{grid-template-columns:300px 1fr}.detail{grid-template-columns:1fr 280px}.search-wrap{max-width:420px}}@media (max-width:980px){.app{grid-template-columns:64px 1fr}.sidebar{padding:16px 8px}.brand{justify-content:center;gap:0;padding:6px 0 16px}.brand-name,.brand-sub,.nav-item span{display:none}.nav-item{justify-content:center;padding:10px 0}.workspace{grid-template-columns:268px 1fr}.detail{grid-template-columns:1fr}.ficha-panel{z-index:70;width:min(88vw,360px);transition:transform .18s;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-12px 0 40px #0000002e;box-shadow:-12px 0 40px lab(0% 0 0/.18)}.ficha-abierta .ficha-panel{transform:none}.ficha-panel-head{text-transform:uppercase;letter-spacing:.06em;color:var(--text-subtle);justify-content:space-between;align-items:center;margin:-4px 0 16px;font-size:12px;display:flex}.ficha-abierta .ficha-scrim{z-index:69;cursor:pointer;background:#0000006b;background:lab(0% 0 0/.42);border:none;display:block;position:fixed;inset:0}.search-wrap{max-width:none}}@media (max-width:760px){.workspace{grid-template-columns:1fr}.workspace.con-ticket>.ticket-list,.workspace:not(.con-ticket)>:not(.ticket-list){display:none}.detail-head-movil{display:flex}.split{grid-template-columns:1fr}.page{padding:20px 16px 32px}.detail-head{padding:16px 16px 14px}.detail-head-top{align-items:flex-start}.detail-head-actions{width:100%}.detail-subject{margin:6px 0 12px;font-size:18px}}.menu-trigger{display:none}.drawer-backdrop{z-index:60;background:#0000006b;background:lab(0% 0 0/.42);display:none;position:fixed;inset:0}.drawer-scrim{cursor:pointer;background:0 0;border:none;width:100%;height:100%;position:absolute;inset:0}.drawer{z-index:1;background:var(--bg-panel);border-right:1px solid var(--border);flex-direction:column;width:min(84vw,300px);height:100%;padding:16px 14px;animation:.18s drawer-in;display:flex;position:relative;box-shadow:0 10px 40px #00000040;box-shadow:0 10px 40px lab(0% 0 0/.25)}@keyframes drawer-in{0%{transform:translate(-100%)}to{transform:translate(0)}}.drawer-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:14px;display:flex}.drawer-nav{flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.drawer-nav .nav-item{justify-content:flex-start;gap:10px;padding:9px 10px}.drawer-nav .nav-item span{display:inline}.drawer-foot{border-top:1px solid var(--border);flex-direction:column;gap:10px;margin-top:8px;padding-top:12px;display:flex}.drawer-user{align-items:center;gap:10px;display:flex}.drawer-user-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.drawer-user-role{color:var(--text-muted);font-size:11px}.drawer-logout{border:1px solid var(--border);background:var(--bg-panel);width:100%;color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:9px 12px;font-size:13px;font-weight:500;display:inline-flex}.drawer-logout:hover{background:var(--bg-hover)}@media (max-width:640px){.app{grid-template-columns:1fr}.sidebar{display:none}.menu-trigger{flex-shrink:0;display:grid}.drawer-backdrop{display:block}.topbar{gap:10px;padding:0 12px}.user-chip,.topbar-actions .btn-primary .btn-label{display:none}.btn-primary{padding:0 11px}}.app-card-grid{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));align-items:start;gap:16px;display:grid}.app-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:0;padding:18px 20px}.app-card-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;padding-bottom:14px;display:flex}.app-card-name{color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:15px;font-weight:600;overflow:hidden}.app-card-id{font-family:var(--font-mono);color:var(--text-subtle);overflow-wrap:anywhere;margin-top:2px;font-size:11px}.app-card-actions{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding-top:14px;display:flex}.app-card-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 14px;display:grid}.app-card-stat-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-subtle);font-size:10.5px;font-weight:600}.app-card-stat-value{color:var(--text-strong);margin:2px 0 0;font-size:17px;font-weight:600;line-height:1.25}.app-card-stat-value.is-text{color:var(--text);font-size:13px;font-weight:500}.app-card-section{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.app-card-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-subtle);margin-bottom:8px;font-size:11px;font-weight:600}.app-card-id-row{align-items:center;gap:6px;min-width:0;display:flex}.app-card-trace{color:var(--text-subtle);margin-top:12px;font-size:11px}.integration-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding-bottom:10px;display:flex}.integration-title{color:var(--text-strong);font-size:12px;font-weight:600}.action-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:6px;display:flex}.action-row-note{color:var(--text-muted);flex:1;min-width:0;margin:0;font-size:11px}.danger-zone{border:1px solid var(--crit);border-radius:var(--radius);background:color-mix(in oklab, var(--crit) 7%, var(--bg-panel));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:14px;padding:12px 14px;display:flex}.danger-zone-title{color:var(--crit);font-size:12px;font-weight:700}.danger-zone-note{color:var(--text-muted);max-width:46ch;margin:3px 0 0;font-size:11px;line-height:1.5}.acceso-fila{grid-template-columns:1fr 160px;align-items:center;gap:10px;display:grid}.acceso-donde{color:var(--text-subtle);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:400;display:block;overflow:hidden}.acceso-nombre{cursor:pointer;align-items:flex-start;gap:8px;min-width:0;font-size:13px;font-weight:500;display:flex}@media (max-width:480px){.acceso-fila{grid-template-columns:1fr}}.password-field{position:relative}.password-field .input{padding-right:40px}.password-field-eye{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.password-field-eye:hover{background:var(--bg-hover);color:var(--text)}.table-link{color:inherit;text-decoration:none}.table-link:hover{color:var(--accent-deep);text-decoration:underline}.task-meta{flex-wrap:wrap;align-items:center;gap:7px 12px;margin-top:8px;display:flex}.task-plataforma{background:var(--accent-soft);max-width:100%;color:var(--accent-deep);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:10.5px;font-weight:600;display:inline-flex;overflow:hidden}.task-origen{min-width:0;max-width:100%;color:var(--text-subtle);align-items:center;gap:5px;font-size:11px;text-decoration:none;display:inline-flex}.task-origen:hover{color:var(--accent-deep)}.task-origen:hover .task-origen-code{text-decoration:underline}.task-origen-code{font-family:var(--font-mono);flex-shrink:0}.task-origen-subject{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.task-item{border:1px solid var(--border);background:var(--bg-subtle);border-radius:8px;align-items:baseline;gap:8px;padding:7px 9px;font-size:12px;display:flex}.task-item-title{overflow-wrap:anywhere;flex:1;min-width:0;font-weight:600}.task-pill{background:var(--bg-hover);color:var(--text-muted);border-radius:999px;flex-shrink:0;padding:1px 7px;font-size:10px;font-weight:600}.task-pill.done{background:color-mix(in oklab, var(--ok) 15%, transparent);color:var(--ok)}.task-pill.in_progress{background:color-mix(in oklab, var(--accent) 12%, transparent);color:var(--accent-deep)}.task-item-meta{color:var(--text-subtle);font-size:11px}.msg-autor{color:var(--text-muted);align-items:center;gap:5px;margin-bottom:4px;font-size:10.5px;font-weight:600;display:flex}.composer{border-top:1px solid var(--border);background:var(--bg-panel);padding:10px 12px 12px}.composer-box{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-panel);padding:8px 10px 6px;transition:border-color .12s,box-shadow .12s}.composer-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab, var(--accent) 16%, transparent)}.composer-text{resize:none;width:100%;font:inherit;color:var(--text);background:0 0;border:none;outline:none;min-height:46px;max-height:180px;padding:2px 0;font-size:13px;line-height:1.55;display:block;overflow-y:auto}.composer-bar{align-items:center;gap:2px;margin-top:2px;display:flex}.composer-bar-end{align-items:center;gap:10px;margin-left:auto;display:flex}.composer-tool{width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;place-items:center;padding:0;display:grid}.composer-tool:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.composer-tool:disabled{opacity:.45;cursor:default}.composer-send{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;display:grid}.composer-send:hover:not(:disabled){background:var(--accent-deep)}.composer-send:disabled{opacity:.4;cursor:default}.composer-previews{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:8px;margin-bottom:6px;padding-bottom:8px;display:flex}.adjunto{line-height:0;display:inline-block;position:relative}.adjunto-boton{background:0 0;border:none;padding:0;display:block}.adjunto img{border-radius:9px;display:block}.adjunto-descargar{color:#fff;opacity:0;background:#0009;background:lab(0% 0 0/.6);border:1px solid #ffffff40;border:1px solid lab(100% 0 0/.25);border-radius:8px;place-items:center;width:28px;height:28px;line-height:0;text-decoration:none;transition:opacity .12s;display:grid;position:absolute;top:6px;right:6px}.adjunto:hover .adjunto-descargar,.adjunto:focus-within .adjunto-descargar{opacity:1}.adjunto-descargar:hover{background:#000000c7;background:lab(0% 0 0/.78)}.apikey-list{gap:6px;margin:0 0 4px;padding:0;list-style:none;display:grid}.apikey-row{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-panel);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:9px 11px;display:flex}.apikey-label{color:var(--text-strong);font-size:12.5px;font-weight:600}.apikey-meta{font-family:var(--font-mono);color:var(--text-subtle);overflow-wrap:anywhere;margin-top:2px;font-size:11px}.apikey-new{border:1px solid var(--ok);border-radius:var(--radius);background:color-mix(in oklab, var(--ok) 8%, var(--bg-panel));margin-top:10px;padding:10px 12px}.apikey-new-value{font-family:var(--font-mono);overflow-wrap:anywhere;white-space:pre-wrap;margin:6px 0 0;font-size:11px}.modal-backdrop{z-index:80;background:#00000094;background:lab(0% 0 0/.58);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-scrim{cursor:pointer;background:0 0;border:none;width:100%;height:100%;position:absolute;inset:0}.modal{z-index:1;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;width:min(100%,620px);max-height:min(84vh,720px);display:flex;position:relative;box-shadow:0 18px 50px #00000047;box-shadow:0 18px 50px lab(0% 0 0/.28)}.modal-lg{width:min(100%,760px)}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.modal-title{color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;font-weight:600;overflow:hidden}.modal-body{min-height:0;padding:16px 18px 20px;overflow-y:auto}.modal-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;margin-top:18px;padding-top:14px;display:flex}