:root{--bg: #f4f8f6;--surface: #ffffff;--text: #1d2a27;--muted: #58716a;--accent: #00684a;--accent-soft: #d9efe6;--danger: #9f2f3d}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Trebuchet MS,sans-serif;color:var(--text);background:radial-gradient(circle at 20% 10%,#eef8f2,transparent 40%),var(--bg)}.shell{min-height:100vh;padding:1rem}.topbar{display:flex;justify-content:space-between;align-items:center;background:var(--surface);border-radius:.75rem;padding:.75rem 1rem;border:1px solid #d8e4de;gap:1rem}.topbar h1{margin:0}.topbar p{margin:0;color:var(--muted)}.tabs{margin-top:.75rem;display:flex;flex-wrap:wrap;gap:.5rem}.tabs button{border:0;background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:.5rem .9rem;cursor:pointer;font-weight:600}.tabs button.active{background:var(--accent);color:#fff}.content{margin-top:1rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.tv-grid{grid-template-columns:repeat(auto-fit,minmax(420px,1fr))}.workspace-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.card{background:var(--surface);border-radius:.75rem;border:1px solid #d8e4de;padding:1rem;box-shadow:0 4px 12px #0000000d}.card h2{margin-top:0}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.list-item{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:.75rem;border:1px solid #e2ece7;border-radius:.6rem;padding:.5rem .7rem}.list-item.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px #00684a33}.list-item button{border:0;border-radius:.5rem;padding:.35rem .65rem;background:var(--accent);color:#fff;cursor:pointer}.list-item button:disabled{background:#a5b8b1;cursor:not-allowed}.error{color:var(--danger)}.actor-bar{display:flex;gap:.75rem;align-items:center}.actor-bar label{display:flex;flex-direction:column;font-size:.8rem;color:var(--muted);gap:.2rem}.actor-bar select,.sms-form input,.form-grid input,.card textarea{border:1px solid #c8d8d2;border-radius:.45rem;padding:.35rem .45rem;min-width:10rem}.ghost{background:transparent;color:var(--text);border:1px solid #d4e0db}.row-actions{display:flex;gap:.5rem;margin-top:.7rem}.row-actions .warn{background:#a03c3c}.pill{font-size:.72rem;border-radius:999px;padding:.2rem .5rem}.pill.ok{background:#d2efe2;color:#145a3f}.pill.warn{background:#f6e4cc;color:#7b4b0f}.list.compact li{font-size:.9rem}.timeline{max-height:15rem;overflow:auto}.sms-form{margin-top:.8rem;display:flex;gap:.5rem}.sms-form input{flex:1}.screen-pop{background:#f4f8f6;border:1px solid #d8e4de;border-radius:.45rem;padding:.5rem;max-height:13rem;overflow:auto;white-space:pre-wrap}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.6rem}.form-grid label{display:flex;flex-direction:column;gap:.25rem;font-size:.86rem}.full{grid-column:1 / -1}.auth-card{margin-top:1rem}.json-editor{width:100%;min-height:12rem;font-family:Consolas,Courier New,monospace;font-size:.8rem;resize:vertical;margin-bottom:.6rem}.admin-table{width:100%;border-collapse:collapse;margin-top:.65rem}.admin-table th,.admin-table td{border:1px solid #d8e4de;padding:.45rem;text-align:left;vertical-align:top}.admin-table th{background:#f2f7f4;font-size:.82rem;letter-spacing:.01em}.admin-table input,.admin-table select,.admin-table textarea{width:100%;min-width:0}.compact-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}.app-shell{min-height:100vh;display:grid;grid-template-columns:240px minmax(0,1fr) 320px;background:linear-gradient(180deg,#f7fbf8,#eef4f1)}.app-shell--no-utility{grid-template-columns:240px minmax(0,1fr)}.app-shell__sidebar{border-right:1px solid #d8e4de;background:#fbfdfc;padding:1rem;position:sticky;top:0;height:100vh;overflow:auto}.sidebar-brand h1{margin:0;font-size:1.2rem}.sidebar-brand p{margin:.3rem 0 0;color:var(--muted)}.surface-switch{display:grid;gap:.3rem;margin-top:1rem;color:var(--muted);font-size:.82rem}.surface-switch select{border:1px solid #c8d8d2;border-radius:.5rem;padding:.45rem;background:#fff}.sidebar-nav{margin-top:.8rem;display:flex;flex-direction:column;gap:.35rem}.sidebar-link{border:1px solid #d4e0db;border-radius:.6rem;background:#fff;color:var(--text);text-align:left;padding:.55rem .7rem;cursor:pointer}.sidebar-link.active{border-color:#00684a;box-shadow:inset 0 0 0 1px #00684a33}.app-shell__body{min-width:0}.app-shell__header{position:sticky;top:0;height:73px;z-index:30;display:flex;justify-content:space-between;align-items:center;gap:1rem;background:#fff;border-bottom:1px solid #d8e4de;padding:0 1rem}.header-left{display:flex;align-items:center;gap:.8rem;min-width:0}.header-search{min-width:360px;border:1px solid #d4e0db;border-radius:999px;padding:.45rem .8rem}.header-right{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.availability,.connection,.user-pill,.tz{border:1px solid #d8e4de;border-radius:999px;padding:.2rem .55rem;font-size:.8rem}.availability.ok{background:#d7f1e5;color:#0e563b}.availability.warn{background:#f7ead0;color:#82531a}.availability.danger{background:#f8dfe2;color:#7f2330}.connection.online{background:#e4f3eb}.connection.offline{background:#f8dfe2}.clock{font-weight:600;font-size:.88rem}.app-shell__content{padding:1rem}.utility-rail{border-left:1px solid #d8e4de;background:#fbfdfc;padding:1rem}.utility-toggle{width:100%;border:1px solid #cbd9d3;background:#fff;border-radius:.5rem;padding:.45rem;cursor:pointer}.utility-content{margin-top:.8rem;font-size:.88rem;color:#39524b}.associate-cockpit{display:grid;grid-template-columns:320px minmax(560px,1fr) 340px;gap:1rem;align-items:start}.associate-column{min-width:0;display:grid;gap:1rem}.queue-card{position:sticky;top:85px}.queue-header{display:flex;justify-content:space-between;align-items:center}.queue-tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin:.5rem 0 .75rem}.tab-chip{border:1px solid #d4e0db;background:#fff;border-radius:999px;padding:.3rem .65rem;font-size:.8rem;cursor:pointer}.tab-chip.active{border-color:#00684a;background:#e2f1ea;color:#0f5d42}.queue-list{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}.queue-row{border:1px solid #dce7e2;border-radius:.6rem}.queue-row.selected{border-color:#00684a;box-shadow:inset 0 0 0 1px #00684a2e}.queue-main{border:0;background:transparent;width:100%;text-align:left;padding:.55rem;display:grid;gap:.2rem;cursor:pointer}.queue-name{font-weight:600}.queue-phone{font-size:.9rem}.queue-meta{font-size:.78rem;color:#56716a}.queue-why{font-size:.76rem;color:#35534a}.status-chip{display:inline-flex;border:1px solid #d2ded8;border-radius:999px;padding:.15rem .45rem;font-size:.72rem;margin-right:.25rem}.status-chip.ok{background:#d9f0e4;color:#14583e}.status-chip.warn{background:#f8ead0;color:#7a4f17}.status-chip.danger,.status-chip.breached{background:#f8dfe2;color:#7b2431}.status-chip.approaching{background:#f7edd8;color:#915e1f}.status-chip.info{background:#dcecf4;color:#204c64}.dialer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.6rem}.dialer-grid label,.checkbox-label{display:grid;gap:.25rem;font-size:.84rem}.dialer-grid input,.dialer-grid select,.form-grid input,.card textarea{border:1px solid #c8d8d2;border-radius:.45rem;padding:.4rem .5rem;background:#fff}.call-ribbon{position:sticky;top:85px;z-index:20}.row-between{display:flex;justify-content:space-between;align-items:center}.transfer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#09151280;display:grid;place-items:center;z-index:90;padding:1rem}.transfer-modal{width:min(720px,95vw)}.empty-state{border:1px dashed #bfd2ca;border-radius:.6rem;padding:.8rem;color:#45635b}.shortcut-hint{margin-top:.75rem;color:#4f6d65;font-size:.8rem}@media(max-width:1480px){.app-shell{grid-template-columns:220px minmax(0,1fr) 280px}.app-shell--no-utility{grid-template-columns:220px minmax(0,1fr)}.associate-cockpit{grid-template-columns:290px minmax(0,1fr)}.context-column{grid-column:1 / -1;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}@media(max-width:1100px){.app-shell{grid-template-columns:1fr}.app-shell__sidebar,.utility-rail{position:static;height:auto;border:0}.associate-cockpit{grid-template-columns:1fr}.header-search{min-width:220px}}.associate-minimal{display:grid;gap:1rem}.associate-topline{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.associate-topline__left,.associate-topline__right{display:flex;gap:.45rem;align-items:center;flex-wrap:wrap}.associate-main-grid{display:grid;grid-template-columns:320px minmax(580px,1fr) 360px;gap:1rem;align-items:start}.help-text{color:#5d786f;font-size:.82rem}.home-edit-list{display:grid;gap:.6rem}.home-edit-card{border:1px solid #d8e4de;border-radius:.6rem;padding:.65rem;background:#f9fcfb}.home-edit-card h4{margin-top:0;margin-bottom:.5rem}.timeline-list{list-style:none;padding:0;margin:0;display:grid;gap:.55rem;max-height:26rem;overflow:auto}.timeline-item{border:1px solid #d9e5df;border-radius:.55rem;padding:.55rem .65rem;background:#fff}.timeline-item.inbound{border-left:3px solid #0a7d54}.timeline-item.outbound{border-left:3px solid #36657e}.timeline-meta{display:flex;justify-content:space-between;gap:.5rem;font-size:.8rem;color:#4c6760}.transcript-panel{margin-top:.45rem;border:1px solid #d7e3dd;border-radius:.5rem;padding:.5rem;background:#f8fbfa;max-height:12rem;overflow:auto}.quick-add-panel{border:1px dashed #bfd2ca;border-radius:.55rem;padding:.55rem;margin-top:.75rem;background:#f8fcfa}.check-item{display:block;border:1px solid #d8e4de;border-radius:.45rem;padding:.35rem .55rem}.check-item__label{display:flex;align-items:center;gap:.45rem;font-size:.88rem}.check-item__label input[type=checkbox]{accent-color:#1f6c49}.check-item.ok{border-color:#98c9b2;background:#eaf7f1}.check-item.warn{border-color:#d2d8d4;background:#f7fbf9}.check-item.missing{border-color:#e2c3c8;background:#fdf3f5}.dial-pad{display:grid;gap:.35rem;margin-top:.5rem;margin-bottom:.55rem}.dial-pad__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem}.dial-pad__key{padding:.5rem .4rem;border:1px solid #c6d8d0;border-radius:.45rem;background:#f9fcfb;font-weight:600}.dial-pad__key:hover{background:#eaf4ef}.notes-list{list-style:none;margin:0;padding:0;display:grid;gap:.55rem;max-height:14rem;overflow:auto}.note-item{border:1px solid #d8e4de;border-radius:.5rem;padding:.55rem .65rem;background:#fff}.note-item.ai{border-left:3px solid #225f7a;background:#f6fbff}.note-item.associate{border-left:3px solid #216848}.notes-form textarea{width:100%;margin-top:.6rem}.tasks-surface .tasks-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem}.task-actions{display:flex;flex-wrap:wrap;gap:.35rem}.task-actions input{min-width:12rem}.tv-minimal-board{display:grid;gap:1rem}.tv-live-strip{padding:.8rem}.tv-transfer-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.tv-transfer-row{display:grid;grid-template-columns:minmax(160px,1fr) minmax(160px,1fr) minmax(120px,.7fr) minmax(170px,1fr) 90px;gap:.5rem;align-items:center;border-radius:.55rem;padding:.55rem .65rem;border:1px solid #d8e4de;font-size:.9rem}.tv-transfer-row.green{background:#e8f7ef;border-color:#9acfb4}.tv-transfer-row.yellow{background:#fff6e8;border-color:#e5c68f}.tv-transfer-row.red{background:#fcecee;border-color:#e0a4ae}.tv-empty{color:#5b766d;font-size:.9rem}.tv-metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}.tv-metric-card{display:grid;gap:.25rem}.tv-metric-label{margin:0;font-size:.82rem;color:#58716a}.tv-metric-value{margin:0;font-size:1.5rem;font-weight:700;color:#20332d}.tv-thresholds{margin:0;color:#48655c;font-size:.9rem}@media(max-width:1500px){.associate-main-grid{grid-template-columns:290px minmax(0,1fr)}.right-col{grid-column:1 / -1}.tv-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1120px){.associate-topline{flex-direction:column;align-items:flex-start}.associate-main-grid,.tv-transfer-row{grid-template-columns:1fr}}