/* Calls workspace: graphite, warm gold and readable original outcomes. */
.calls-page,.calls-modal,.call-urgent-toast{--call-bg:#10171c;--call-panel:#172127;--call-line:#2c3941;--call-text:#edf1f5;--call-muted:#a1adb9;--call-gold:#d5b579;color:var(--call-text)}
body.calls-open{height:100vh;height:100dvh;overflow:hidden}body.calls-open .crm-shell{height:100%;min-height:0;overflow:hidden}body.calls-open .main{display:flex;flex-direction:column;height:100%;min-height:0}body.calls-open .topbar{flex:0 0 64px}
#callsView{background:var(--call-bg);display:flex;flex-direction:column;flex:1;min-height:0;padding:20px 24px 10px;gap:16px;overflow:hidden}#callsView.hidden{display:none!important}
.calls-page-head{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-shrink:0}.calls-page-head h1{font-size:29px;margin:3px 0 5px;font-weight:750;letter-spacing:-.8px}.calls-page-head p{margin:0;font-size:12px;color:var(--call-muted)}.calls-page-head .calls-eyebrow{color:var(--call-gold);font-size:9px;letter-spacing:.16em}.calls-head-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.calls-btn,.calls-icon-btn{font:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;border:1px solid var(--call-line);background:#182229;color:var(--call-text);padding:11px 15px;font-size:12px;font-weight:650;line-height:1.5;transition:background .15s,border-color .15s}.calls-btn:hover,.calls-icon-btn:hover{border-color:var(--call-gold);background:#222e35}.calls-btn.gold{background:linear-gradient(115deg,#e5c68b,#c39a4f);border-color:#d5b579;color:#1f1a12}.calls-btn.outline{background:transparent;color:var(--call-text)}.calls-btn.small{font-size:11px;padding:8px 10px}.calls-icon-btn{width:36px;height:36px;padding:0;font-size:20px;flex-shrink:0}.calls-btn:disabled,.calls-icon-btn:disabled{opacity:.4;cursor:default}.calls-btn.danger{background:#5a282b;border-color:#aa565e;color:#ffdde0}.calls-btn:focus-visible,.calls-icon-btn:focus-visible,.calls-page button:focus-visible,.calls-modal button:focus-visible{outline:2px solid var(--call-gold);outline-offset:3px}
.calls-kpi-filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;flex-shrink:0}.calls-kpi-filters>button{display:flex;align-items:center;gap:10px;padding:13px 14px;text-align:start;border:1px solid var(--call-line);border-radius:11px;background:var(--call-panel);color:var(--call-text);cursor:pointer;font:inherit;min-width:0}.calls-kpi-filters>button:hover{background:#202c34}.calls-kpi-filters>button.active{border-color:var(--call-gold);background:#29281f;box-shadow:0 0 0 1px #c5a66a33 inset}.calls-kpi-filters span{font-size:12px;flex:1}.calls-kpi-filters small{font-size:9px;color:var(--call-muted);display:block;margin-top:4px}.calls-kpi-filters strong{font-size:25px;font-weight:650}.calls-kpi-filters i{font-style:normal;color:var(--call-muted);font-size:17px}.calls-kpi-filters [data-call-filter=missed] strong{color:#e5ba64}.calls-kpi-filters [data-call-filter=rejected] strong{color:#ef8791}.calls-kpi-filters [data-call-filter=callback] strong{color:#d8b470}
.calls-search-toolbar{display:flex;gap:9px;align-items:center;flex-shrink:0}.calls-search-box{flex:1;min-width:210px;display:flex;align-items:center;border:1px solid var(--call-line);border-radius:9px;background:#172127;overflow:hidden}.calls-search-box>span{font-size:24px;padding-inline-start:13px;color:var(--call-muted)}.calls-search-box input{flex:1;min-width:70px;background:transparent!important;border:0!important;box-shadow:none!important;padding:12px;color:var(--call-text);font-size:12px}.calls-search-box button{background:transparent;border:0;border-inline-start:1px solid var(--call-line);padding:6px 11px;color:var(--call-gold);font:inherit;font-size:11px;cursor:pointer;white-space:nowrap}.calls-search-toolbar select{background:var(--call-panel);color:var(--call-text);border:1px solid var(--call-line);max-width:140px;padding:11px 10px;font-size:11px}.calls-reset{border:0;background:transparent;color:var(--call-muted);font-size:11px;cursor:pointer;white-space:nowrap}.calls-deadline-banner{display:flex;align-items:center;gap:12px;background:#32291a;border:1px solid #705a31;border-radius:10px;padding:9px 13px;flex-shrink:0}.calls-deadline-banner strong{font-size:12px;flex:1;color:#f0d59d}.calls-alert-icon{font-size:24px;color:var(--call-gold)}
.calls-workspace{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:16px;flex:1;min-height:0}.calls-list-panel{border:1px solid var(--call-line);border-radius:13px;min-width:0;display:flex;flex-direction:column;min-height:0;overflow:hidden;background:#131d23}.calls-list-heading{display:flex;justify-content:space-between;align-items:center;padding:14px 17px;border-bottom:1px solid var(--call-line);gap:10px;flex-shrink:0}.calls-list-heading h2{margin:0;font-size:14px;font-weight:650}.calls-list-heading>span{font-size:9px;color:var(--call-muted)}.calls-table-scroll{overflow:auto;min-height:0;flex:1;scrollbar-color:#4d5b64 #142027;scrollbar-width:thin;overscroll-behavior:contain}.calls-data-table{border-collapse:separate;border-spacing:0;width:100%;min-width:680px;font-size:11px;text-align:right}.calls-data-table th{font-size:10px;color:#a9b4be;font-weight:500;padding:13px 12px;position:sticky;top:0;background:#18232b;border-bottom:1px solid var(--call-line);white-space:nowrap;z-index:2}.calls-data-table td{padding:13px 12px;border-bottom:1px solid #2a353d;vertical-align:middle}.calls-data-table td>strong{font-weight:500;font-size:10px;white-space:nowrap}.calls-data-table small{display:block;color:var(--call-muted);font-size:9px;line-height:1.8;margin-top:4px}.calls-case-row:hover{background:#1b2931}.calls-case-row.selected{background:#1c2a32}.calls-case-row.selected td:first-child{border-inline-start:2px solid var(--call-gold)}.calls-customer-cell{display:flex;gap:10px;align-items:center;text-align:start;background:none;border:0;color:var(--call-text);font:inherit;cursor:pointer;padding:0;min-width:190px}.calls-customer-cell strong{font-size:12px;font-weight:650;display:block}.calls-customer-cell bdi{display:block;font-size:11px;letter-spacing:.3px;color:#c8d0d8;margin-top:4px}.calls-customer-cell small{max-width:220px;line-height:1.6}.calls-avatar{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:#2a3944;border:1px solid #3a4b57;border-radius:50%;color:#dde3e9;font-size:18px;font-weight:600}.calls-avatar.large{width:56px;height:56px;font-size:25px}.calls-row-actions{display:flex;gap:6px;align-items:center;white-space:nowrap}
.calls-badge{display:inline-flex;font-size:10px;line-height:1.4;border-radius:6px;padding:5px 9px;border:1px solid #40505d;background:#26333d;color:#c6d3df;white-space:nowrap}.calls-badge.completed,.calls-badge.answered{color:#95dfb6;background:#153c2c;border-color:#286346}.calls-badge.missed{color:#e7c47a;background:#3a301d;border-color:#82642a}.calls-badge.rejected{color:#f0a0a4;background:#3d2327;border-color:#805159}.calls-badge.ringing{color:#a8cbf5;background:#1d3550;border-color:#396b9c}.calls-resolved{color:#91ceb0;font-size:10px;white-space:nowrap}.calls-due{color:#dfbd7a;font-size:10px;white-space:nowrap}.calls-due.late{color:#f09b98}.calls-muted{color:var(--call-muted)}.calls-manual-tag{color:var(--call-gold)!important}.calls-history-row td{padding:0 14px 8px;background:#132027}.calls-inline-history summary{font-size:10px;cursor:pointer;color:#8cbca3;padding:10px 0}.calls-subcall{display:flex;gap:13px;align-items:center;border-top:1px solid #24333c;padding:9px 4px;font-size:10px;color:var(--call-muted);flex-wrap:wrap}.calls-link-icon{color:#637985;font-size:19px}.calls-subcall>small{margin:0}.calls-inline-history>div{border-inline-start:1px solid #41545e;padding-inline-start:13px;margin-inline-start:5px}.calls-empty{display:grid;gap:15px;justify-items:center;place-content:center;min-height:170px;padding:25px;color:var(--call-muted);font-size:12px;text-align:center}.calls-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--call-line);padding:10px 14px;flex-shrink:0;font-size:10px;color:var(--call-muted)}.calls-pagination>div{display:flex;gap:8px;align-items:center}.calls-pagination strong{background:var(--call-gold);border-radius:7px;color:#1e1a11;padding:7px 11px;font-size:13px}
.calls-inspector{background:#172127;border:1px solid var(--call-line);border-radius:13px;overflow:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#52616a #182329;overscroll-behavior:contain}.calls-inspector>header{position:sticky;top:0;background:#19252d;display:flex;justify-content:space-between;align-items:center;z-index:2;padding:15px 17px;border-bottom:1px solid var(--call-line)}.calls-inspector h2{font-size:13px;font-weight:650;margin:0}.calls-gold-dot{width:5px;height:5px;border-radius:50%;background:var(--call-gold)}#callsInspectorContent{padding:19px 16px}.calls-inspector-person{display:flex;gap:12px;align-items:center}.calls-inspector-person h3{font-size:18px;margin:0 0 6px;font-weight:650}.calls-inspector-person bdi{display:block;font-size:14px;color:#d6dfe7;letter-spacing:.4px}.calls-inspector-person small{display:block;color:var(--call-muted);font-size:9px;margin-top:7px}.calls-car-summary{font-size:12px;color:#adbcc8;line-height:1.9;padding:17px 0}.calls-inspector-meta{display:grid;grid-template-columns:1fr 1fr;gap:9px}.calls-inspector-meta>span{display:grid;gap:9px;border:1px solid var(--call-line);padding:11px;border-radius:8px;font-size:10px;color:var(--call-muted)}.calls-inspector-meta strong{font-size:12px;color:var(--call-text)}.calls-inspector-meta strong.completed{color:#94d9ac}.calls-inspector-actions{display:grid;gap:9px;margin:16px 0 22px}.calls-history-heading{display:flex;align-items:center;justify-content:space-between;padding:15px 0 12px;border-top:1px solid var(--call-line);gap:8px}.calls-history-heading h3{margin:0;font-size:13px}.calls-history-heading>span{font-size:8px;color:var(--call-muted)}.calls-timeline{list-style:none;padding:0;margin:0}.calls-timeline>li{display:flex;gap:10px;position:relative;padding:0 0 22px}.calls-timeline>li:not(:last-child):before{content:'';position:absolute;top:28px;right:13px;width:1px;bottom:0;background:#43535f}.calls-timeline-dot{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;font-size:13px;background:#30404d;flex-shrink:0}.calls-timeline-dot.completed{background:#24563c;color:#b8e8c7}.calls-timeline-dot.missed{background:#695020;color:#ffe0a1}.calls-timeline-dot.rejected{background:#623236;color:#ffc0c2}.calls-timeline>li>div{min-width:0;flex:1}.calls-timeline>li>div>div{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.calls-timeline small{display:block;color:var(--call-muted);font-size:9px;margin-top:8px;line-height:1.7}.calls-primary-label{color:var(--call-gold);font-size:8px}.calls-delete-link{border:0;background:transparent;color:#bb858a;font-size:9px;margin-top:7px;padding:3px 0;cursor:pointer}.calls-delete-link:hover{color:#ffb1b6}.calls-admin-note{font-size:9px;color:#8f9ba5;border-top:1px solid var(--call-line);padding-top:15px;margin-top:15px;line-height:1.8}.calls-status{font-size:10px;line-height:1.7;min-height:17px;color:#97a8b7;margin:0;flex-shrink:0}.calls-status.error{color:#f09d9d}
.calls-modal .modal-card{background:#162127;border-color:var(--call-line);width:min(720px,96vw);color:var(--call-text)}.calls-modal .modal-head{background:#19262e;border-color:var(--call-line)}.calls-modal input,.calls-modal select,.calls-modal textarea{background:#0f191f;color:var(--call-text);border-color:#3a4853}.calls-modal label{font-size:12px;color:#bcc8d2}.calls-modal .modal-head h3{font-size:19px}.calls-modal .icon-btn{color:#c7d1d9;background:#22303a}.calls-modal-body{padding:22px}.calls-modal-body>.calls-status{margin:13px 0}.calls-search-results{display:grid;gap:9px}.calls-search-result{display:flex;text-align:start;align-items:center;gap:13px;padding:14px;border:1px solid var(--call-line);border-radius:11px;background:#1d2a33;color:var(--call-text);font:inherit;cursor:pointer}.calls-search-result:hover{border-color:var(--call-gold)}.calls-search-result>span:nth-child(2){flex:1;min-width:0}.calls-search-result strong{display:block;font-size:14px}.calls-search-result small{display:block;color:var(--call-muted);font-size:11px;line-height:1.8}.calls-search-result strong small{display:inline;color:var(--call-gold);margin-inline-start:6px}.calls-search-result bdi{display:block;color:#c5d0db;margin-top:5px;font-size:11px}.calls-search-result>span:last-child{font-size:10px;color:var(--call-gold)}.calls-help{margin:0;font-size:12px;line-height:1.9;color:#aebdc9}.calls-delete-summary{border:1px solid #674048;border-radius:9px;padding:12px;font-size:13px;background:#39252b;margin:0}
.call-urgent-toast{position:fixed;left:20px;bottom:20px;z-index:85;width:min(350px,calc(100vw - 30px));background:#18232c;border:1px solid #78623b;border-inline-end:4px solid #d3ae68;border-radius:12px;box-shadow:0 15px 50px #0007;overflow:hidden}.call-urgent-toast>header{display:flex;gap:10px;align-items:center;padding:13px 14px;border-bottom:1px solid #35414b}.call-urgent-toast header>span{color:#dbb572;font-size:20px}.call-urgent-toast strong{font-size:12px;font-weight:600}.call-urgent-toast header>button{margin-inline-start:auto;background:transparent;color:#a9b6c1;border:0;font-size:21px;cursor:pointer}.call-urgent-toast #callUrgentItems>button{font:inherit;width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:start;padding:12px 15px;border:0;border-bottom:1px solid #2b3841;background:transparent;color:#e9eff5;cursor:pointer}.call-urgent-toast #callUrgentItems>button:hover{background:#25333f}.call-urgent-toast bdi{display:block;font-size:12px;letter-spacing:.4px;margin-top:4px}.call-urgent-toast small{color:#e4bc75;white-space:nowrap;font-size:10px}
.call-match-card .match-cars{display:block;font-size:11px;color:var(--muted);line-height:1.8;margin:6px 0}.call-match-card bdi{font-size:11px}.call-match-card>span{min-width:0;flex:1}
@media(min-width:1600px){.calls-workspace{grid-template-columns:minmax(0,1fr) 345px}.calls-inspector-person h3{font-size:21px}.calls-data-table td{padding:16px}}
@media(max-width:1180px){.calls-workspace{grid-template-columns:minmax(0,1fr) 265px}.calls-search-toolbar{flex-wrap:wrap}.calls-search-box{min-width:260px}.calls-kpi-filters>button{padding:11px 9px}.calls-kpi-filters strong{font-size:21px}.calls-kpi-filters small{font-size:8px}.calls-kpi-filters i{display:none}}
@media(max-width:900px){body.calls-open{height:auto;overflow:auto}body.calls-open .crm-shell,body.calls-open .main{height:auto;overflow:visible}#callsView{overflow:visible;display:block;padding:18px}.calls-page-head{align-items:flex-start;margin-bottom:18px}.calls-page-head h1{font-size:27px}.calls-head-actions{max-width:260px;justify-content:flex-end}.calls-btn{font-size:11px;padding:9px 10px}.calls-kpi-filters{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:14px}.calls-search-toolbar{margin-bottom:14px}.calls-workspace{display:grid;grid-template-columns:1fr;margin-top:14px}.calls-table-scroll{max-height:65vh}.calls-inspector{max-height:550px}.calls-page>.calls-status{margin-top:12px}.calls-search-result{gap:8px}.calls-search-result>span:last-child{display:none}.call-urgent-toast{bottom:12px;left:12px;width:min(320px,calc(100vw - 24px))}}
@media(max-width:540px){.calls-page-head{flex-direction:column}.calls-head-actions{max-width:none;justify-content:flex-start}.calls-kpi-filters{grid-template-columns:1fr 1fr}.calls-search-box{min-width:100%;width:100%}.calls-search-toolbar select{flex:1;max-width:none;min-width:100px}.calls-deadline-banner strong{font-size:11px}.calls-inspector{max-height:none}.calls-list-heading>span{max-width:130px;line-height:1.8}.calls-modal .form-grid{padding:16px}.calls-modal .modal-head{padding:16px}.calls-modal .modal-head h3{font-size:17px}}

.calls-list-panel[aria-busy="true"] .calls-table-scroll,.calls-updating{opacity:.55;pointer-events:none}.calls-kpi-filters>button{transition:border-color .12s ease,background-color .12s ease}