:root{--brand:#c8102e;--brand-dark:#8f0f23;--brand-soft:#c8102e29;--ok:#22c55e;--warn:#f59e0b;--err:#ef4444;--bg:#111827;--card:#1f2937;--border:#374151;--text:#e5e7eb;--muted:#9ca3af;--layer:#162033;--dashed:#0f172a;--glass:#ffffff0b;--shadow:0 16px 40px #00000038;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body.light{--bg:#f1f5f9;--card:#fff;--border:#e2e8f0;--text:#0f172a;--muted:#475569;--layer:#f8fafc;--dashed:#fff1f3;--glass:#c8102e0d;--shadow:0 12px 28px #0f172a14}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;color:var(--text);margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.agent-shell{min-height:100vh}.topbar{background:linear-gradient(135deg, color-mix(in srgb, var(--brand) 12%, transparent), transparent 34%), var(--card);border-bottom:1px solid var(--border);z-index:10;justify-content:space-between;align-items:center;gap:16px;min-height:76px;padding:14px 18px;display:flex;position:sticky;top:0}.brand-lockup,.topbar-actions,.chip,.field-actions,.row-actions,.ccp-toolbar,.panel-title-row,.contact-tabs,.history-card-main{align-items:center;display:flex}.brand-lockup{gap:12px;min-width:0}.brand-lockup img{object-fit:contain;background:#fff;border-radius:10px;max-width:180px;height:46px;padding:6px 8px;display:block;box-shadow:0 8px 18px #c8102e38}.brand-lockup h1{letter-spacing:0;margin:0;font-size:18px;font-weight:800;line-height:1.1}.brand-lockup p{color:var(--muted);margin:4px 0 0;font-size:12px}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px}.agent-semaphore{background:var(--glass);border:1px solid var(--border);border-radius:14px;align-items:center;gap:10px;min-width:190px;min-height:48px;padding:8px 12px;display:inline-flex}.agent-semaphore span:last-child{gap:2px;min-width:0;display:grid}.agent-semaphore strong{color:var(--text);overflow-wrap:anywhere;font-size:13px;line-height:1.1}.agent-semaphore em{color:var(--muted);overflow-wrap:anywhere;font-size:11px;font-style:normal}.signal-light{border-radius:50%;flex:0 0 16px;width:16px;height:16px;box-shadow:0 0 0 5px #ffffff0d}.agent-semaphore.ok .signal-light{background:var(--ok);box-shadow:0 0 0 5px #22c55e1f,0 0 20px #22c55e8c}.agent-semaphore.warn .signal-light{background:var(--warn);box-shadow:0 0 0 5px #f59e0b1f,0 0 20px #f59e0b80}.agent-semaphore.err .signal-light{background:var(--err);box-shadow:0 0 0 5px #ef44441f,0 0 20px #ef444480}.chip{background:color-mix(in srgb, var(--dashed) 86%, transparent);border:1px solid var(--border);color:var(--text);white-space:nowrap;border-radius:999px;gap:8px;min-height:38px;padding:8px 12px}.status-chip.ok{border-color:color-mix(in srgb, var(--ok) 55%, var(--border))}.status-chip.warn{border-color:color-mix(in srgb, var(--warn) 55%, var(--border))}.status-chip.err{border-color:color-mix(in srgb, var(--err) 55%, var(--border))}.chip-button{border-radius:999px}.dot{border-radius:50%;width:10px;height:10px;display:inline-block}.dot.ok{background:var(--ok)}.dot.warn{background:var(--warn)}.dot.err{background:var(--err)}.btn,.icon-button{border:0;justify-content:center;align-items:center;display:inline-flex}.btn{background:linear-gradient(135deg, var(--brand), var(--brand-dark));color:#fff;border-radius:10px;gap:8px;min-height:38px;padding:10px 14px;font-weight:800}.btn.ghost{border:2px solid var(--brand);color:var(--brand);background:0 0}.icon-button{background:var(--dashed);border:1px solid var(--border);color:var(--text);border-radius:10px;width:36px;height:36px}.icon-button:disabled{cursor:not-allowed;opacity:.45}.layout{grid-template-columns:minmax(340px, var(--ccp-width)) minmax(0, 1fr);grid-template-rows:auto minmax(0,1fr);align-items:start;gap:20px;padding:20px;display:grid}.layout.login-only{grid-template-columns:minmax(340px, min(var(--ccp-width), calc(100vw - 40px)))}.layout.login-only .ccp-panel{grid-row:1}.layout.dock-closed:not(.login-only){padding-right:64px}.top-fields{grid-column:2;grid-template-columns:minmax(160px,.45fr) minmax(280px,1fr);align-items:center;gap:14px;display:grid}.top-card{background:linear-gradient(135deg, color-mix(in srgb, var(--brand) 14%, transparent), transparent 48%), var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;justify-content:space-between;align-items:center;gap:14px;min-width:0;min-height:62px;padding:12px 14px;display:flex}.contact-id-card .mono{overflow-wrap:anywhere;text-align:right;font-size:13px;display:block}.top-label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:800}.pill-value,.mono{font-family:ui-monospace,Menlo,Consolas,monospace}.pill-value{border:1px solid var(--border);border-radius:999px;justify-content:center;min-height:32px;padding:6px 12px;font-weight:900;display:inline-flex}.pill-value.inbound{border-color:var(--ok);color:var(--ok)}.pill-value.outbound{border-color:var(--warn);color:var(--warn)}.pill-value.callback{border-color:var(--brand);color:#f8b4c0}.pill-value.na{color:var(--muted)}.panel{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;overflow:hidden}.contact-panel{background:radial-gradient(circle at top right, color-mix(in srgb, var(--brand) 10%, transparent), transparent 34%), var(--card)}.panel h2{border-bottom:1px solid var(--border);color:#f8b4c0;letter-spacing:.12em;text-transform:uppercase;margin:0;padding:16px 18px;font-size:13px}body.light .panel h2{color:var(--brand)}.ccp-panel{grid-area:1/1/span 2;align-self:start;position:sticky;top:96px;overflow:visible}.ccp-frame{height:var(--ccp-height);background:#f2f4f3;min-height:480px;position:relative}.ccp-frame iframe{border:0;width:100%;height:100%}.ccp-help{color:#563400;text-align:center;z-index:2;background:#fffffff5;border:1px solid #f0c683;border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:16px;display:flex;position:absolute;top:18px;left:18px;right:18px}.ccp-help p{margin:0;line-height:1.45}.ccp-toolbar{border-top:1px solid var(--border);color:var(--muted);gap:12px;padding:12px 16px}.ccp-toolbar .icon-button{margin-left:auto}.contact-panel{min-height:min(var(--ccp-height), calc(100vh - 178px));grid-area:2/2}.panel-title-row{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding-right:18px}.panel-title-row h2{border-bottom:0;flex:1}.panel-title-row span{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:800}.contact-body{min-height:calc(min(var(--ccp-height), calc(100vh - 178px)) - 52px);flex-direction:column;padding:18px;display:flex}.contact-tabs{background:var(--layer);border:1px solid var(--border);border-radius:12px;gap:6px;margin-bottom:14px;padding:5px}.contact-tabs button{color:var(--muted);background:0 0;border:1px solid #0000;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:8px 10px;font-size:13px;font-weight:800;display:inline-flex}.contact-tabs button.active{background:color-mix(in srgb, var(--brand) 16%, var(--dashed));border-color:color-mix(in srgb, var(--brand) 42%, var(--border));color:var(--text)}.inline-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:10px;display:grid}.field{background:var(--layer);border:1px solid var(--border);border-radius:10px;grid-template-columns:132px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;padding:8px 10px;transition:border-color .14s,transform .14s;display:grid}.field:hover,.row:hover,.attribute-grid article:hover{border-color:color-mix(in srgb, var(--brand) 48%, var(--border))}.field label,.row label,.attributes-panel h3,.attribute-grid span{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:800}.field span,.row-value{overflow-wrap:anywhere;min-width:0}.editable-field input{color:var(--text);font:inherit;background:0 0;border:0;outline:0;min-width:0;padding:0;font-weight:800}.field-actions{gap:6px}.field-actions em{background:var(--dashed);border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:4px 8px;font-size:11px;font-style:normal}.ficha-list{gap:10px;margin-top:6px;display:grid}.row{background:var(--layer);border:1px solid var(--border);border-radius:12px;grid-template-columns:170px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;transition:border-color .14s,transform .14s;display:grid}.row-value{font-family:ui-monospace,Menlo,Consolas,monospace}.row-value a{color:#f8b4c0;align-items:center;gap:8px;text-decoration:none;display:inline-flex}body.light .row-value a{color:var(--brand)}.row-actions{gap:6px}.ticket-row .row-value a{border-bottom:1px solid color-mix(in srgb, var(--brand) 60%, transparent);padding-bottom:2px}.ticket-open{background:linear-gradient(135deg, var(--brand), var(--brand-dark));color:#fff;border-color:#0000}.ticket-open:disabled{background:var(--dashed);border-color:var(--border);color:var(--muted)}.ficha-actions{gap:10px;margin-top:14px;display:flex}.history-panel{gap:12px;max-height:470px;padding-right:2px;display:grid;overflow:auto}.history-filters{background:var(--layer);border:1px solid var(--border);border-radius:12px;grid-template-columns:minmax(260px,1.4fr) repeat(2,minmax(120px,150px)) minmax(240px,1fr) minmax(130px,150px);align-items:end;gap:10px;padding:10px;display:grid}.range-buttons{background:var(--dashed);border:1px solid var(--border);border-radius:10px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;display:grid}.range-buttons button{color:var(--muted);background:0 0;border:1px solid #0000;border-radius:8px;min-height:34px;padding:7px 8px;font-size:12px;font-weight:800}.range-buttons button.active{background:color-mix(in srgb, var(--brand) 18%, var(--card));border-color:color-mix(in srgb, var(--brand) 50%, var(--border));color:var(--text)}.history-filters label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;gap:5px;font-size:11px;font-weight:800;display:grid}.history-filters input,.history-filters select{background:var(--dashed);border:1px solid var(--border);color:var(--text);border-radius:9px;min-height:36px;padding:7px 9px}.date-field span{background:var(--dashed);border:1px solid var(--border);border-radius:9px;align-items:center;gap:8px;min-height:36px;padding:0 6px 0 9px;display:flex;position:relative}.date-field input{background:0 0;border:0;outline:0;width:100%;min-height:34px;padding:0}.date-picker-button{color:var(--text);background:0 0;border:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex}.native-date-input{opacity:0;pointer-events:none;position:absolute;right:8px;width:1px!important;height:1px!important}.history-search-field span{background:var(--dashed);border:1px solid var(--border);border-radius:9px;align-items:center;gap:8px;min-height:36px;padding:0 9px;display:flex}.history-search-field svg{color:var(--muted);flex:none}.history-search-field input{background:0 0;border:0;outline:0;width:100%;min-height:34px;padding:0}.history-clear-filter{align-self:end;min-height:36px;padding:7px 11px}.history-filter-count{color:var(--muted);margin:0;font-size:12px;font-weight:800}.history-card{background:var(--layer);border:1px solid var(--border);border-radius:12px;padding:12px}.history-loading{background:var(--layer);border:1px dashed color-mix(in srgb, var(--brand) 36%, var(--border));color:var(--muted);border-radius:12px;align-items:center;gap:10px;min-height:44px;padding:10px 12px;font-size:13px;font-weight:800;display:inline-flex}.history-loading span{border:2px solid color-mix(in srgb, var(--brand) 18%, var(--border));border-top-color:var(--brand);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.history-card-main{justify-content:space-between;gap:12px}.history-card-main>div{gap:5px;min-width:0;display:grid}.history-card-main span,.history-details span{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:800}.history-card-main strong,.history-card-main a{color:var(--text);overflow-wrap:anywhere;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px}.history-method{border:1px solid var(--border);text-transform:none;border-radius:999px;justify-content:center;width:fit-content;min-width:94px;padding:5px 10px;display:inline-flex;font-family:inherit!important}.history-method.inbound{border-color:color-mix(in srgb, #22c55e 44%, var(--border));color:#86efac;background:#22c55e29}.history-method.outbound{border-color:color-mix(in srgb, #38bdf8 42%, var(--border));color:#bae6fd;background:#38bdf824}.history-method.callback{border-color:color-mix(in srgb, #f59e0b 44%, var(--border));color:#fde68a;background:#f59e0b24}body.light .history-method.inbound{color:#047857;background:#dcfce7;border-color:#16a34a}body.light .history-method.outbound{color:#075985;background:#e0f2fe;border-color:#0284c7}body.light .history-method.callback{color:#92400e;background:#fef3c7;border-color:#d97706}.dial-history-button{border-radius:999px;flex:none;min-height:30px;padding:6px 10px;font-size:12px}.history-card-main a{color:#f8b4c0;align-items:center;gap:7px;text-decoration:none;display:inline-flex}body.light .history-card-main a{color:var(--brand)}.history-card p,.empty-state{color:var(--muted);margin:12px 0 0;line-height:1.45}.history-details{border-top:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;padding-top:12px;display:grid}.history-details article{background:var(--dashed);border:1px solid var(--border);border-radius:10px;padding:10px}.history-details strong{overflow-wrap:anywhere;margin-top:6px;font-size:13px;display:block}.modal-backdrop{z-index:60;background:#030712ad;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0}.history-modal{background:var(--card);border:1px solid var(--border);border-radius:12px;gap:14px;width:min(820px,100%);max-width:820px;max-height:min(760px,100vh - 44px);padding:18px;display:grid;overflow:auto;box-shadow:0 24px 70px #0000005c}.history-modal header{justify-content:space-between;align-items:center;gap:16px;display:flex}.history-modal header span{color:var(--muted);font-size:12px;font-weight:800}.history-modal h2{color:var(--text);letter-spacing:0;text-transform:none;border:0;padding:0;font-size:20px}.history-modal p{color:var(--muted);margin:0;line-height:1.45}.attributes-panel{border-top:1px solid var(--border);flex:1;min-height:0;margin-top:18px;padding-top:16px;display:none}.attributes-panel.active{margin-top:0;display:block}.attributes-panel h3{margin:0 0 12px}.attribute-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:300px;padding-right:2px;display:grid;overflow:auto}.attribute-grid article{background:var(--layer);border:1px solid var(--border);border-radius:10px;padding:10px 12px}.attribute-grid strong{overflow-wrap:anywhere;margin-top:6px;font-size:13px;display:block}.attribute-grid p{color:var(--muted);margin:0}.toast{background:var(--card);border:1px solid var(--border);border-left:4px solid var(--brand);box-shadow:var(--shadow);z-index:40;border-radius:12px;padding:14px 16px;position:fixed;bottom:20px;right:20px}.version-badge{background:color-mix(in srgb, var(--card) 92%, transparent);border:1px solid var(--border);color:var(--muted);pointer-events:none;z-index:35;border-radius:10px;gap:2px;padding:8px 10px;font-size:11px;display:grid;position:fixed;bottom:12px;left:12px}.version-badge span{color:var(--text);font-weight:800}.assist-dock{pointer-events:none;z-index:30;align-items:stretch;display:flex;position:fixed;top:76px;bottom:0;right:0}.assist-rail{background:var(--card);border-left:1px solid var(--border);pointer-events:auto;flex-direction:column;align-items:center;gap:10px;width:44px;padding:12px 6px;display:flex;box-shadow:-10px 0 22px #0000001f}.assist-rail button{color:var(--muted);background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.assist-rail button.active,.assist-rail button:hover{background:color-mix(in srgb, var(--brand) 12%, var(--layer));border-color:color-mix(in srgb, var(--brand) 34%, var(--border));color:var(--text)}.assist-rail button:last-child{margin-top:auto}.assist-panel{background:var(--card);border-left:1px solid var(--border);pointer-events:auto;flex-direction:column;gap:14px;width:360px;max-width:min(360px,100vw - 44px);padding:18px;display:flex;overflow:auto;box-shadow:-18px 0 40px #0000002e}.assist-panel header{justify-content:space-between;align-items:center;gap:12px;display:flex}.assist-panel h2{color:var(--text);margin:0;font-size:18px}.assist-section,.assist-stack{gap:12px;display:grid}.assist-section{grid-template-columns:1fr auto}.assist-empty{background:var(--layer);border:1px dashed color-mix(in srgb, var(--brand) 34%, var(--border));color:var(--muted);border-radius:10px;padding:14px;font-size:13px;font-weight:700;line-height:1.45}.assist-panel label{color:var(--muted);gap:7px;font-size:12px;font-weight:800;display:grid}.assist-panel input,.assist-panel select,.assist-panel textarea{background:var(--layer);border:1px solid var(--border);color:var(--text);border-radius:8px;min-height:38px;padding:9px 10px}.assist-panel textarea{resize:vertical}.assist-card{background:var(--layer);border:1px solid var(--border);border-radius:10px;gap:8px;padding:12px;display:grid}.assist-card span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:900}.assist-card strong{overflow-wrap:anywhere;font-size:17px}.assist-card p{color:var(--muted);margin:0;line-height:1.45}.assist-card ul{gap:7px;margin:0;padding:0;list-style:none;display:grid}.assist-card li{background:var(--dashed);border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;min-height:34px;padding:8px 10px;display:flex}.assist-card li.correct{border-color:color-mix(in srgb, var(--ok) 70%, var(--border));color:var(--ok);font-weight:900}.ticket-link-button{color:var(--text);text-align:left;background:0 0;border:0;justify-items:start;gap:2px;width:100%;padding:0;display:grid}.ticket-link-button small{color:var(--muted);font-size:11px}.ticket-mini-actions,.ticket-detail-actions{gap:6px;display:inline-flex}.ticket-mini-actions .icon-button{width:32px;height:32px}.ticket-detail-card{gap:12px}.ticket-id-field span{background:var(--dashed);border:1px solid var(--border);border-radius:9px;align-items:center;gap:8px;min-height:38px;padding:4px 5px 4px 10px;display:flex}.ticket-id-field input{color:var(--text);background:0 0;border:0;outline:0;width:100%;min-width:0}.draft-actions{gap:8px;display:flex}.draft-actions .btn{min-height:34px;padding:7px 12px}.history-ticket-tools{border-top:1px solid var(--border);grid-template-columns:minmax(140px,.8fr) minmax(180px,1fr) auto;gap:10px;padding-top:14px;display:grid}.history-contact-tools{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr) minmax(180px,.7fr) auto;gap:10px;padding-top:14px;display:grid}.history-contact-tools .field{grid-template-columns:130px minmax(0,1fr) auto;min-height:50px}.history-ticket-tools article,.history-ticket-tools label{gap:6px;display:grid}.history-ticket-tools span,.ticket-id-field{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.history-ticket-tools strong{color:var(--text);overflow-wrap:anywhere}.ticket-comment{justify-content:stretch!important;align-items:flex-start!important;display:grid!important}.ticket-comment p{overflow-wrap:anywhere;margin:0}.ticket-fields{gap:8px;display:grid}.ticket-fields article{background:var(--dashed);border:1px solid var(--border);border-radius:8px;gap:4px;padding:8px 10px;display:grid}.ticket-fields small{color:var(--muted);font-size:11px;font-weight:800}.ticket-fields strong{overflow-wrap:anywhere}.resize-handle{touch-action:none;z-index:4;background:0 0;position:absolute}.resize-handle:after{background:var(--brand);content:"";opacity:.28;transition:opacity .12s;position:absolute}.resize-handle:hover:after,.resize-handle:focus-visible:after{opacity:.95}.resize-handle-right{cursor:ew-resize;width:12px;top:49px;bottom:12px;right:-6px}.resize-handle-right:after{border-radius:999px;width:3px;top:0;bottom:0;left:5px}.resize-handle-bottom{cursor:ns-resize;height:12px;bottom:-6px;left:12px;right:12px}.resize-handle-bottom:after{border-radius:999px;height:3px;top:5px;left:0;right:0}.resize-handle-corner{cursor:nwse-resize;width:22px;height:22px;bottom:-8px;right:-8px}.resize-handle-corner:after{border-radius:6px;width:10px;height:10px;bottom:5px;right:5px}@media (width<=1100px){.layout{grid-template-columns:1fr}.top-fields,.ccp-panel,.contact-panel{grid-column:1}.ccp-panel{width:min(100%, var(--ccp-width));grid-row:auto;position:relative;top:auto}.top-fields{grid-template-columns:minmax(120px,auto) 1fr}.inline-fields,.attribute-grid,.history-details,.history-filters{grid-template-columns:1fr}}@media (width<=680px){.topbar{flex-direction:column;align-items:stretch}.topbar-actions{justify-content:stretch}.layout{padding:12px}.field,.row{grid-template-columns:1fr}.row-actions,.field-actions,.history-card-main{justify-content:flex-end}.contact-tabs,.history-card-main,.history-contact-tools,.history-ticket-tools,.assist-section{flex-direction:column;align-items:stretch}.history-contact-tools,.history-ticket-tools{grid-template-columns:1fr}}