:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#273249;background:#f3f5f9;font-synthesis:none;--ink:#202a3e;--muted:#68778f;--line:#e4e8f0;--accent:#527aa3;--accent-soft:#eef4fa;--green:#257656;--blue:#3567a7;--shadow:0 4px 20px #20314e06;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:linear-gradient(140deg,#f8f9fc 0,#f2f4f8 65%);min-height:100vh}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent;outline-offset:3px}button{cursor:pointer}button,a,summary,input,select,textarea{transition:background-color .15s,border-color .15s,box-shadow .15s,color .15s}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #9bb8d4}button:disabled{opacity:.45;cursor:default}button{border:1px solid #dde3ed;background:#fff;color:#46546d;padding:10px 14px;border-radius:10px;font-size:13px;font-weight:600;box-shadow:0 1px 2px #25334e04}button:hover:not(:disabled){background:#f6f8fc;border-color:#c5cedd}input,select,textarea{border:1px solid #dde3ed;border-radius:9px;padding:11px 12px;color:#303e56;background:#fff;max-width:100%;min-width:0}input::placeholder,textarea::placeholder{color:#99a3b4}input:focus,select:focus,textarea:focus{outline:none;border-color:#a3b2cb;box-shadow:0 0 0 3px #40679910}input[type=search]::-webkit-search-cancel-button{cursor:pointer}textarea{resize:vertical}.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 3px 8px #527aa31a}.primary:hover:not(:disabled){background:#3d6187;border-color:#3d6187}.action-add{background:var(--green);border-color:var(--green);color:#fff}.action-add:hover:not(:disabled){background:#1d6045;border-color:#1d6045}.action-access{background:var(--blue);border-color:var(--blue);color:#fff}.action-access:hover:not(:disabled){background:#285589;border-color:#285589}
header{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#ffffffed;border-bottom:1px solid var(--line);padding:15px 3%;box-shadow:0 3px 14px #1c2e4904}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand img{width:45px;height:45px;object-fit:contain}.brand-wordmark{display:grid;line-height:1.02;letter-spacing:-.6px}.brand-wordmark b{font-size:23px;color:#3f648d;font-weight:800}.brand-wordmark span{font-size:12px;color:#7a8fa6;letter-spacing:2.6px;margin-top:5px;font-weight:650}.brand-context{font-size:12px;line-height:1.4;letter-spacing:0;color:#7c879b;border-left:1px solid var(--line);padding-left:15px;margin-left:9px;font-weight:500}.user{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px;color:#68758a}.user>span{max-width:200px}.user label{font-size:9px;gap:3px;text-transform:uppercase;letter-spacing:.7px}.user select{padding:7px 10px;font-size:11px;text-transform:none;letter-spacing:0;min-height:33px;background:#f7f9fc}.user>button{font-size:11px;padding:9px 12px}.sound-toggle{white-space:nowrap;background:#f7f9fc}.sound-toggle[aria-pressed=true]{color:#4d7195;background:var(--accent-soft);border-color:#d4e1ef}.user .sound-toggle:hover{background:#e8f0f8}
main{max-width:1800px;margin:0 auto;padding:25px 3% 35px}nav{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-bottom:26px;padding:5px;background:#ffffffb8;border:1px solid #e5e9f1;border-radius:14px;box-shadow:var(--shadow)}nav a{display:flex;align-items:center;gap:7px;padding:11px 15px;border:1px solid transparent;border-radius:9px;color:#6b778d;text-decoration:none;font-size:13px;font-weight:600;line-height:1.35;white-space:nowrap}nav a:hover{background:#f2f5fa;color:#28374f}nav a.active{background:#3e5878;color:#fff;box-shadow:0 2px 5px #18243c15}.nav-cities{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-left:auto;padding-left:13px;border-left:1px solid var(--line)}nav a.city-tab{font-size:11px;padding:9px 12px}nav a.city-tab.active{color:#4d7195;background:#eef4fa;border-color:#d9e5f1;box-shadow:none}nav a.city-tab.active::before{content:"";width:5px;height:5px;background:var(--accent);border-radius:50%}.city-navigation{width:max-content;max-width:100%;margin-top:-12px;padding:4px}.city-navigation .nav-cities{padding-left:0;border:0}
.top{display:flex;align-items:center;justify-content:space-between;gap:15px}.eyebrow{font-size:9px;color:#91a0b4;text-transform:uppercase;letter-spacing:1.9px;font-weight:650}h1{font-size:32px;color:var(--ink);letter-spacing:-1px;line-height:1.2;margin:8px 0 11px;font-weight:750}h2{font-size:21px;letter-spacing:-.5px;color:var(--ink);font-weight:700}h3{font-size:15px;color:#344158}p{line-height:1.55}.muted,small{color:var(--muted);line-height:1.5}.muted{font-size:13px}.live{font-size:10px;line-height:1.4;color:#3c8a6b;padding:7px 11px;background:#edf7f1;border-radius:7px;white-space:normal;width:fit-content}.offline,.error{color:#8e6a55}.live.offline{background:#eef4fa}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:22px 0}.stat{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:88px;background:#fff;border:1px solid #e5e9f1;border-radius:13px;padding:19px 22px;box-shadow:var(--shadow);position:relative;overflow:hidden}.stat::before{content:"";position:absolute;top:19px;bottom:19px;left:0;width:3px;border-radius:0 3px 3px 0;background:#98adca}.stat:nth-child(2)::before{background:#d3ad6b}.stat:nth-child(3)::before{background:#8ca9c5}.stat span{font-size:12px;line-height:1.5;color:#748096;max-width:190px}.stat b{font-size:31px;line-height:1;font-weight:700;color:#29364f;letter-spacing:-1px;font-variant-numeric:tabular-nums}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:20px 0 15px}.toolbar input{flex:1;min-width:220px;box-shadow:var(--shadow);padding:12px 14px;font-size:12px}.toolbar button{min-height:40px;font-size:12px}.toolbar .action-add,.toolbar .action-access{padding-left:17px;padding-right:17px}.toolbar .action-add::before{content:"+";font-size:16px;font-weight:500;margin-right:7px}.table-wrap{overflow:auto;border:1px solid #e1e6ee;border-radius:14px;background:#fff;box-shadow:var(--shadow)}table{width:100%;min-width:940px;border-collapse:collapse;text-align:left}td,th{overflow-wrap:anywhere}th{background:#f8f9fc;padding:13px 12px;color:#70819b;font-size:9px;letter-spacing:.7px;text-transform:uppercase;font-weight:650;white-space:normal;border-bottom:1px solid var(--line)}td{padding:12px;font-size:13px;vertical-align:top;border-top:1px solid #edf0f5;max-width:300px;color:#53617a}td b,td small,td a{display:block}td small{font-size:10px;margin-top:4px;white-space:pre-wrap;overflow-wrap:anywhere}td a{color:#526683;text-decoration:none}tbody tr:hover>td{background:#fafbfe}.lead-time{width:150px;font-variant-numeric:tabular-nums}.lead-time>b{font-size:11px;font-weight:650;color:#3c4c67}.lead-time>small{font-size:9px;color:#91a0b5}.lead-sources{width:112px}.badge{display:inline-block;border-radius:6px;padding:4px 6px;background:#edf2fa;color:#6c7e9c;font-size:9px;font-weight:500;line-height:1.2;margin:2px 3px 2px 0}.warning{background:#fff2db;color:#a5782d}.attention{color:#b07a24}.status{font-size:12px;font-weight:600}.status.contract,.status.qualified,.status.arrived{color:#2e8765}.status.no_answer,.status.declined{color:#ae7247}.status.other_region{color:#8d69af}.fresh-lead{background:#527aa3;color:#fff;border-radius:5px;font-size:8px;font-weight:700;letter-spacing:.2px;margin-left:7px}.new-for-cc>td{background:#f5f9fd}.new-for-cc>td:first-child{border-left:3px solid #7b9fc3}.new-for-cc:hover>td{background:#f0f6fc}.client-cell{width:28%;min-width:235px;max-width:330px}.client-open{display:inline;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;color:#344967;font-size:13px;font-weight:700;line-height:1.35;text-align:left;text-decoration:none}.client-open:hover:not(:disabled){background:none;color:#3f6996;border:0;box-shadow:none;text-decoration:underline;text-underline-offset:3px}.client-contact-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:5px}.client-contact-line>a{font-size:12px;letter-spacing:.1px;color:#62738e}.client-contact-line>a:hover{color:#3f6996}.client-hint,.description-empty{display:none}.inline-client-content{margin-top:6px}.inline-client-content p,.inline-description summary{font-size:12px;line-height:1.5;overflow-wrap:anywhere;margin:4px 0;color:#6f7d93}.inline-description summary{cursor:pointer}.inline-expand{color:#637ca2;font-size:10px;text-decoration:none;border-bottom:1px dotted #9cacc5;margin-left:4px}.inline-description[open] .inline-expand{font-size:10px}.full-description{white-space:pre-wrap;max-height:300px;overflow:auto}.description-continuation{margin-top:0!important}.earlier-description{border-top:1px dashed #e3e7ee;padding-top:8px}.row-recording{margin-top:7px}.row-recording>small{font-size:9px;color:#98a3b4;margin:0}.row-recording audio{width:100%;max-width:100%;height:30px;margin-top:4px;display:block;border-radius:16px}.more-recordings{font-size:10px;margin-top:6px}.more-recordings summary{cursor:pointer;color:#6e82a0}.audio-error{color:#c1485a!important}
.inline-cell{width:230px;min-width:200px;max-width:310px}.inline-editor{display:grid;gap:6px}.inline-editor select,.inline-editor input,.inline-editor textarea{width:100%;max-width:100%;min-width:0;font-size:12px;padding:7px 8px;border-color:#e2e7ef;border-radius:7px}.inline-editor>select{min-height:32px;background:#f7f9fc;font-weight:600;color:#63738c}.inline-editor[data-section=cc]>select:has(option[value=new]:checked){background:#eef4fa;color:#4e749d;border-color:#dce7f2}.inline-editor>select:has(option[value=appointment]:checked),.inline-editor>select:has(option[value=expected]:checked){background:#eef4ff;color:#426eae;border-color:#dce6f8}.inline-editor>select:has(option[value=qualified]:checked),.inline-editor>select:has(option[value=arrived]:checked),.inline-editor>select:has(option[value=contract]:checked){background:#edf8f1;color:#368366;border-color:#d9ecdf}.inline-editor>select:has(option[value=callback]:checked),.inline-editor>select:has(option[value=no_answer]:checked){background:#fff7e8;color:#a87c2e;border-color:#f1e5c9}.inline-editor>select:has(option[value=other_region]:checked){background:#f6f0fc;color:#8965aa;border-color:#e8dff2}.inline-editor>select:has(option[value=spam]:checked),.inline-editor>select:has(option[value=declined]:checked),.inline-editor>select:has(option[value=no_show]:checked){background:#f3f4f7;color:#657087}.inline-editor textarea{min-height:33px;height:33px;line-height:1.4;background:#ffffffb8;resize:vertical}.inline-editor textarea:focus{min-height:66px;background:#fff}.inline-editor label{font-size:9px;gap:4px;color:#7b8ba3}.inline-save-state{display:block;min-height:0;font-size:9px;line-height:1.3;margin-top:0;color:#97a2b4}.inline-save-state:empty{display:none}.inline-save-state.saved{color:#3c9470}.inline-save-state.pending{color:#af8135}.inline-cell .error{color:#8e6a55}.inline-recovery{display:flex;flex-wrap:wrap;gap:9px}.inline-recovery[hidden]{display:none}.inline-link{padding:0!important;border:0;background:transparent;box-shadow:none;font-size:10px;color:#7b88a0;text-decoration:underline}.inline-filter-note{font-size:10px;color:#af8135}.contact-editor{display:inline-block;margin:0;vertical-align:middle;font-size:11px}.contact-editor>summary{list-style:none;display:inline-grid;place-items:center;cursor:pointer;width:24px;height:24px;font-size:17px;line-height:1;border:1px solid #e4e9f1;border-radius:7px;background:#fff;color:#8a9bb3}.contact-editor>summary::-webkit-details-marker{display:none}.contact-editor>summary:hover,.contact-editor[open]>summary{background:#eef3fb;border-color:#ced9e8;color:#4e6c95}.contact-editor[open]{flex-basis:100%;display:block}.contact-editor form{gap:8px;margin-top:9px;padding:11px;border:1px solid #e4e9f1;background:#f8faff;border-radius:10px}.contact-editor label{font-size:10px}.contact-editor input{font-size:12px;padding:8px}.contact-editor button{font-size:10px;padding:8px;margin:0}.contact-save-state{white-space:normal}
form{display:grid;gap:14px}label{display:grid;gap:7px;font-size:11px;font-weight:600;color:#66758e}label[hidden],[hidden]{display:none!important}form input{width:100%}form button{margin-top:5px}.empty{text-align:center;padding:48px 24px;color:#9aa7ba;font-size:12px}.pager{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#95a1b4;margin-top:15px}.pager button{font-size:11px;padding:8px 12px;background:#ffffffb8}.footnote{font-size:10px;color:#9ba7b8;line-height:1.65;margin-top:23px;max-width:1100px}
.analytics-filters{display:flex;align-items:end;gap:16px;flex-wrap:wrap;padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);margin:23px 0 15px}.analytics-filters input{width:auto}.analytics-filters input,.analytics-filters select{font-size:12px;padding:10px}.analytics-filters button{margin:0;min-height:38px}.city-picker{display:grid;gap:7px}.city-picker>span{font-size:11px;color:#66758e;font-weight:600}.city-choices{display:flex;gap:3px;flex-wrap:wrap;background:#f2f5fa;border:1px solid #edf0f5;border-radius:9px;padding:3px}.city-choice{margin:0!important;padding:8px 11px;min-height:32px!important;background:transparent;border-color:transparent;box-shadow:none;font-size:11px;color:#8693a8}.city-choice.selected{background:#fff;color:#4b7098;border-color:#e9e4e8;box-shadow:0 2px 4px #24324c08}.metric-circles{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;margin:22px 0 30px}.metric-circle{--metric:#698cae;display:flex;align-items:center;flex-direction:column;gap:12px;background:#fff;border:1px solid #e5e9f1;border-radius:15px;padding:18px 7px 15px;min-width:0;box-shadow:var(--shadow)}.metric-circle b{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:#fafbfd;border:5px solid color-mix(in srgb,var(--metric) 18%,white);color:var(--metric);font-size:29px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-1px;transition:background-color .15s,border-color .15s}.metric-circle span{color:#697991;font-size:11px;font-weight:600;max-width:125px;line-height:1.45;text-align:center;min-height:29px}.metric-circle:nth-child(1){--metric:#537ca3}.metric-circle:nth-child(2){--metric:#5986bd}.metric-circle:nth-child(3){--metric:#51947b}.metric-circle:nth-child(4){--metric:#4c8b79}.metric-circle:nth-child(5){--metric:#8795a8}.metric-circle:nth-child(6){--metric:#bc9859}.metric-circle:nth-child(7){--metric:#768fc2}.metric-circle:nth-child(8){--metric:#8596b3}.metric-circle:hover:not(:disabled){background:#fff;border-color:#cbd6e6;box-shadow:0 5px 18px #20314e0b}.metric-circle[aria-pressed=true]{border-color:var(--metric);box-shadow:0 0 0 2px color-mix(in srgb,var(--metric) 12%,transparent)}.metric-circle[aria-pressed=true] b{background:var(--metric);border-color:var(--metric);color:#fff}.metric-circle[aria-pressed=true] span{color:#3e506c}#analytics-content h2{margin-top:29px}#analytics-drilldown{scroll-margin-top:25px}#analytics-summary table{min-width:900px}#analytics-summary td{font-size:12px;font-variant-numeric:tabular-nums;padding:15px 12px}#analytics-summary td:first-child{font-weight:650;color:#526684}#analytics-summary th{font-size:8px}
.appointment-fields{padding:8px;background:#f5f8fd;border:1px solid #e3e9f3;border-radius:8px}.appointment-fields>summary{font-size:10px;line-height:1.5;cursor:pointer;color:#6e83a4}.appointment-fields[open]>label{margin-top:9px}.schedule-controls{display:flex;align-items:end;gap:9px;flex-wrap:wrap;margin:20px 0 14px}.schedule-controls input{width:auto}.schedule-controls button{margin:0}.schedule-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:11px;margin:22px 0}.day-chip{display:grid;gap:14px;text-align:left;background:#fff;border:1px solid #e5e9f1;border-radius:13px;padding:15px 17px;box-shadow:var(--shadow)}.day-chip span{font-size:11px;color:#8c9ab0}.day-chip b{font-size:25px;color:#40536f;font-weight:650;font-variant-numeric:tabular-nums}.day-chip.selected{background:#edf4fb;border-color:#a8bfd9;box-shadow:0 0 0 1px #7c9cbf10}.day-chip.selected span,.day-chip.selected b{color:#4d739a}.schedule-top{display:flex;align-items:center;gap:12px}.schedule-count{display:grid;place-items:center;min-width:32px;height:32px;background:#e9eef7;color:#6d81a5;font-size:13px;border-radius:10px;font-weight:700}.visit-time b{font-size:19px;color:#3c536f;font-weight:650;font-variant-numeric:tabular-nums}.confirmation-status{display:inline-block;padding:6px 8px;border-radius:7px;font-size:10px;font-weight:600;line-height:1.4;color:#ae8236;background:#fff5df}.confirmation-status.confirmed{background:#eaf7ef;color:#388767}.confirmation-status.cancelled{background:#eef1f5;color:#718096}.confirmation-cell{max-width:240px}.confirmation-notice{padding:13px 16px;border:1px solid #efdcb8;border-radius:11px;background:#fff9ee;font-size:12px}.confirmation-notice a{color:#a77c33;text-decoration:none;font-weight:600}
dialog{border:1px solid #e1e6f0;border-radius:19px;width:94%;max-width:900px;max-height:90vh;padding:28px;color:#52637c;background:#fff;box-shadow:0 26px 100px #15203930}dialog::backdrop{background:#17243a70;backdrop-filter:blur(3px)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:13px;margin-bottom:20px}.modal-head h2{margin:0;font-size:22px}.modal-head button{font-size:11px;background:#f6f8fc}dialog h3{margin-top:26px}dialog p{font-size:12px}dialog form{padding:18px;background:#f8faff;border:1px solid #e7ecf5;border-radius:12px;margin:20px 0}dialog form h3{margin:0 0 5px}dialog input{max-width:100%}dialog article input{display:block;width:100%;margin:10px 0}article{border-top:1px solid #edf0f5;padding:17px 0}article small{display:block;font-size:10px;margin-top:7px}article p{white-space:pre-wrap;font-size:12px;line-height:1.6}audio{width:100%;max-width:100%;margin-top:13px}.departments{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:23px 0}.department{padding:18px;border:1px solid #e2e8f1;background:#f8faff;border-radius:12px;align-content:start}.department h3{margin-top:0}.department textarea{width:100%;min-height:100px}.auth{max-width:440px;background:#fff;border:1px solid #e3e8f1;border-radius:21px;padding:36px;margin:8vh auto;box-shadow:0 15px 70px #22334f09}.auth h1{font-size:28px;margin:32px 0 15px}.auth small{display:block;font-size:10px;margin-top:22px}.auth form{margin-top:23px}.auth button{min-height:43px}.loading{text-align:center;color:#8999af;margin-top:20vh}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:90%;padding:14px 21px;background:#29354b;color:#fff;border:1px solid #ffffff20;border-radius:11px;font-size:12px;line-height:1.5;box-shadow:0 8px 30px #25324c20;opacity:0;pointer-events:none;transition:opacity .2s;z-index:20}#toast.on{opacity:1}
@media(min-width:1100px){header{position:sticky;top:0;z-index:5;backdrop-filter:blur(12px)}}
@media(min-width:1600px){.inline-cell{width:260px}}
@media(max-width:1100px){.metric-circles{grid-template-columns:repeat(4,minmax(0,1fr))}.nav-cities{padding-left:0;border-left:0}.user{gap:8px}.brand-context{display:none}}
@media(max-width:980px) and (min-width:781px){main{padding:20px 16px}header{gap:12px;flex-wrap:wrap}.nav-cities{width:100%;padding-top:5px;border-top:1px solid #edf0f5}.inline-cell{width:195px;min-width:190px}.client-cell{width:250px}.lead-time{width:130px}.lead-sources{width:90px}}
@media(max-width:780px){
 body{overflow-x:hidden;background:#f4f6fa}header{padding:14px 16px;gap:15px;flex-direction:column;align-items:stretch}.brand img{width:40px;height:40px}.brand-wordmark b{font-size:22px}.brand-wordmark span{font-size:11px}.brand-context{display:block;margin-left:auto;max-width:130px;font-size:11px}.user{gap:8px;font-size:11px}.user>span{flex-basis:100%;max-width:none;color:#9aa6b8}.user>label{flex:1}.user select{width:100%;font-size:13px;min-height:40px}.user>button{min-height:40px;font-size:12px}.user .sound-toggle{margin-left:auto}main{padding:18px 12px 28px}nav{gap:3px;margin-bottom:21px;padding:5px;border-radius:12px}nav a{min-height:40px;white-space:normal;padding:10px;font-size:11px;flex:1 1 auto;justify-content:center;text-align:center}.nav-cities{width:100%;margin:4px 0 0;padding:7px 0 0;gap:4px;border-top:1px solid #edf0f5}.nav-cities a{font-size:11px;padding:8px}.city-navigation{width:100%;margin-top:-11px}.city-navigation .nav-cities{border:0;margin:0;padding:0}.eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:27px;margin:8px 0 10px}h2{font-size:20px}.top{align-items:flex-start;flex-direction:column;gap:4px}.muted{font-size:11px;line-height:1.6}.live{font-size:9px;padding:6px 9px}.stats{gap:7px;margin:18px 0}.stat{display:grid;gap:11px;padding:13px 10px;min-height:88px;border-radius:11px}.stat::before{top:14px;bottom:14px;width:2px}.stat span{font-size:9px;line-height:1.4}.stat b{font-size:26px}.toolbar{gap:7px;margin:17px 0 12px}.toolbar input{min-width:0;flex-basis:100%;font-size:16px;padding:11px 12px}.toolbar button{flex:1 1 auto;min-height:42px;font-size:11px;padding:9px 10px}.toolbar .action-add,.toolbar .action-access{padding-left:10px;padding-right:10px}.toolbar .action-add::before{margin-right:4px}
 .table-wrap{border:0;background:transparent;overflow:visible;border-radius:0;box-shadow:none}.table-wrap table,#analytics-summary table{display:block;min-width:0;width:100%;table-layout:auto}.table-wrap thead{display:none}.table-wrap tbody{display:grid;gap:13px}.table-wrap tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:#fff;border:1px solid #e1e7f1;border-radius:15px;overflow:hidden;box-shadow:0 3px 12px #253b5b05}.table-wrap td{display:block;min-width:0;max-width:none;width:auto;padding:11px 13px;border-top:1px solid #edf0f6;font-size:12px}.table-wrap td[data-label]::before{content:attr(data-label);display:block;color:#9ba8bd;font-size:9px;font-weight:650;letter-spacing:.6px;margin-bottom:7px}.table-wrap td.client-cell{grid-column:1/-1;grid-row:1;padding:15px 13px;border:0}.client-open{font-size:15px}.client-contact-line{margin-top:7px;gap:9px}.client-contact-line>a{font-size:14px}.contact-editor>summary{width:36px;height:34px;font-size:22px;border-radius:9px}.contact-editor[open]{width:100%}.contact-editor label{font-size:11px}.contact-editor input{font-size:16px;min-height:42px;padding:10px}.contact-editor button{min-height:40px;font-size:12px}.contact-editor form{grid-template-columns:minmax(0,1fr);padding:12px}.inline-client-content{margin-top:8px}.inline-client-content p,.inline-description summary{font-size:12px;line-height:1.6}.inline-expand{font-size:11px}.row-recording audio{height:35px}.row-recording>small{font-size:9px}.more-recordings{font-size:11px}.inline-cell{grid-column:1/-1}.inline-editor{gap:7px}.inline-editor select,.inline-editor input{font-size:16px;min-height:43px;padding:10px;width:100%}.inline-editor textarea{font-size:16px;min-height:42px;height:42px;padding:10px}.inline-editor textarea:focus{min-height:76px}.inline-editor label{font-size:10px}.inline-save-state{font-size:9px}.appointment-fields>summary{font-size:12px;padding:4px}.appointment-fields{padding:8px}.new-for-cc{border-left:3px solid #7b9fc3!important}.new-for-cc>td:first-child{border-left:0}.new-for-cc>td.client-cell{background:#f0f6fc}.new-for-cc>td{background:#fff}.table-wrap td.empty,.table-wrap td.confirmation-cell,.table-wrap td:has(.status){grid-column:1/-1}.table-wrap td.empty{padding:28px 16px;text-align:center}.full-description{max-height:none;overflow:visible}.table-wrap td>small{font-size:10px}.badge{font-size:9px}.fresh-lead{font-size:9px}.confirmation-status{font-size:11px}.pager{gap:8px;font-size:10px}.pager button{min-height:42px;padding:9px 12px}.footnote{font-size:9px;margin-top:19px}.schedule-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.schedule-controls input{font-size:16px;min-width:0;width:100%;min-height:43px}.schedule-controls button{font-size:12px;min-height:43px}.schedule-days{display:flex;overflow-x:auto;gap:7px;margin:18px 0;padding-bottom:6px;scroll-snap-type:x proximity}.day-chip{min-width:85px;flex-shrink:0;padding:12px;gap:10px;scroll-snap-align:start}.day-chip span{font-size:10px}.day-chip b{font-size:22px}.analytics-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:13px 10px;padding:15px 12px;margin-top:18px;border-radius:13px}.analytics-filters input,.analytics-filters select{font-size:16px;width:100%;min-width:0;min-height:43px;padding:9px}.analytics-filters .city-picker{grid-column:1/-1}.analytics-filters>button{min-height:43px}.city-choices{display:flex;gap:3px;flex-wrap:nowrap}.city-choice{flex:1;font-size:11px;padding:9px 6px;min-height:40px!important}.city-picker>span,.analytics-filters label{font-size:10px}.metric-circles{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:18px 0 23px}.metric-circle{padding:12px 3px 10px;border-radius:12px;gap:8px}.metric-circle b{width:56px;height:56px;border-width:4px;font-size:23px}.metric-circle span{font-size:8px;line-height:1.4;min-height:24px}.metric-circle:hover:not(:disabled){box-shadow:var(--shadow)}#analytics-summary td{font-size:12px;padding:10px 13px}#analytics-summary td:first-child{grid-column:1/-1;background:#f8faff}dialog{width:calc(100% - 20px);max-height:90dvh;padding:18px;border-radius:16px}.modal-head h2{font-size:18px}.modal-head button{min-height:40px}dialog form{padding:14px}dialog input,dialog textarea,dialog select{font-size:16px}.departments{grid-template-columns:1fr}.auth{margin:24px 12px;padding:26px}.auth input{font-size:16px}.auth h1{font-size:26px}#toast{bottom:16px;padding:12px 16px;font-size:11px}
}
@media(max-width:360px){.brand-context{display:none}.metric-circle b{width:48px;height:48px;font-size:21px}.metric-circle span{font-size:8px}.city-choice{font-size:10px}.stats{gap:5px}.stat{padding:11px 9px}.user>button{padding:8px 9px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.role-preview-banner{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:11px 3%;background:#e8f1fb;border-bottom:1px solid #c9dced;color:#547493;font-size:11px}.role-preview-banner b{font-size:12px}.role-preview-banner span{margin-right:auto}.role-preview-banner a,.role-preview-link{color:#4a6d94;text-decoration:none;font-size:11px;font-weight:600;padding:7px 10px;background:#fff;border:1px solid #d7e3f0;border-radius:7px}.role-preview-link{display:inline-block;margin:0 7px 10px 0}.role-preview .inline-editor :disabled,.role-preview .user button:disabled{opacity:1;cursor:default}.role-preview .client-contact-line a{cursor:default}.role-preview .row-recording audio{pointer-events:auto}@media(max-width:780px){.role-preview-banner{gap:8px;padding:12px}.role-preview-banner span{flex-basis:100%;font-size:10px}.role-preview-banner a{min-height:36px;display:grid;place-items:center}}

.operator-presence{font-size:11px}.operator-presence[aria-pressed=true]{background:#eaf5ef;border-color:#c4dfd1;color:#33775d}.dispatch-filters{display:flex;gap:8px;flex-wrap:wrap;margin:17px 0}.dispatch-filter.selected{background:#527aa3;color:white;border-color:#527aa3}.dispatch-team{display:flex;gap:5px;flex-wrap:wrap;margin:14px 0 18px}.dispatch-assignment{min-width:230px;width:240px}.dispatch-assignment form{gap:6px;margin-top:9px}.dispatch-assignment select,.dispatch-assignment button{font-size:11px;padding:8px}.dispatch-assignment .inline-link{width:fit-content}.dispatch-message{font-size:10px}.dispatch-assignment>small{font-size:10px}.assignment-deadline{color:#a47b37;font-size:10px}.audio-privacy-hint{font-size:10px;color:#8394ac}.action-export{background:#eef4fb;border-color:#ccdcee;color:#4a7199}.action-export:hover:not(:disabled){background:#e2edf8}#dispatch-rows .client-cell{min-width:230px}#dispatch-rows .inline-cell{min-width:190px}.phone-hidden{letter-spacing:2px}@media(max-width:780px){.dispatch-assignment{grid-column:1/-1}.dispatch-assignment select,.dispatch-assignment button{font-size:16px;min-height:42px}.dispatch-filter{flex:1;font-size:11px}.dispatch-team .badge{font-size:10px}.operator-presence{min-height:40px}}

.staff-access-card{border-bottom:1px solid #edf0f5;padding:6px 0 11px}.staff-access-card>p{margin-bottom:8px}.cc-role-editor>summary{font-size:11px;cursor:pointer;color:#5a7da4}.cc-role-editor form{margin:10px 0 0;padding:13px}.cc-role-editor select{width:100%}

.workday-controls{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin:15px 0 18px;padding:14px;background:#f7faff;border:1px solid #dae5f0;border-radius:14px}.workday-controls label{font-size:12px;margin:0}.workday-controls input{max-width:190px}.workday-controls>small{align-self:center}.other-work-days{flex-basis:100%;font-size:12px;color:#657f9b}.callback-deadline{display:block;color:#53769c;margin-bottom:7px}@media(max-width:780px){.workday-controls{align-items:center}.workday-controls>label{flex-basis:100%}}

.client-open{color:#395e86;text-decoration:underline;text-decoration-color:#b7c9db;text-underline-offset:3px}
@media(max-width:780px){.client-open{min-height:40px;text-align:left}}
#dispatch-rows tr[data-case-id]{cursor:pointer}
#dispatch-rows form{cursor:auto}

.desk-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(245px,290px);gap:16px;align-items:start}.desk-work{min-width:0}.call-calendar,.shared-queue{border:1px solid #dce5ed;background:#fff;border-radius:14px;padding:16px;margin:0 0 18px}.call-calendar h2,.shared-queue h2{margin:0}.call-calendar button,.shared-queue button{font-size:12px}.calendar-head,.calendar-modes{display:flex;align-items:center;justify-content:space-between;gap:6px}.calendar-head{margin:12px 0}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;margin:10px 0;text-align:center}.calendar-grid button{padding:5px 1px;min-height:35px}.calendar-grid button small,.call-task>*{display:block}.calendar-grid small{font-size:9px}.call-calendar [aria-pressed=true]{background:#e4eef9;color:#264f77;border-color:#92adc8}.call-calendar .due-now{color:#755d27;background:#fff6df}.call-task{padding:7px 0;border-bottom:1px solid #e6ecf2}.queue-line .claim-owned,.queue-line .claim-owned:disabled,.queue-line .queue-taken{background:#dcf1e5;color:#245e40;border-color:#bdddc9;opacity:1}.call-task a{margin-top:4px}.call-task small{margin:4px 0}.metric-circles .metric-group-title{grid-column:1/-1;margin:10px 0 0}@media(max-width:980px){.desk-layout{grid-template-columns:minmax(0,1fr)}.call-calendar{grid-row:1}.calendar-grid{max-width:360px}}
.source-tag{display:inline-flex;vertical-align:middle;flex-direction:column;align-items:flex-start;gap:0;padding:1px 4px;margin:1px 2px 1px 0;border-radius:4px;max-width:100%;font-size:9px;line-height:1.1;white-space:normal}
.source-tag small{margin:0;font-size:9px;line-height:1.05;color:inherit;white-space:normal;overflow-wrap:normal}
.source-novofon{background:#fff0b5;color:#63480a;border:1px solid #e6c967}.source-venyoo{background:#fce5ec;color:#89364f;border:1px solid #e9b5c3}.source-flexbe,.source-legal_site,.source-legal_chel{background:#e3f3e8;color:#245a3f;border:1px solid #a8d5b7}.queue-sources{display:inline-flex;flex-wrap:wrap}.workplace-person{display:flex;align-items:center;gap:12px;border-bottom:1px solid #dfe7ed;padding:12px 0}.workplace-person>div{flex:1;min-width:150px}.workplace-person small{display:block;color:#526b80;margin-top:3px}.online-pill{color:#596d7a;white-space:nowrap}.online-pill:before{content:'●';margin-right:5px;color:#8999a3}.online-pill.is-online:before{color:#33885d}.workplace-open{padding:7px 10px;border:1px solid #c6d8e6;border-radius:8px}.queue-line .source-tag small{margin:0}@media(max-width:620px){.workplace-person{flex-wrap:wrap}}

/* Operator queue. The filters stay visible as the list scrolls. */
.operator-desk{grid-template-areas:"queue calendar" "work calendar";row-gap:14px}
.operator-desk>.shared-queue{grid-area:queue;margin:0;padding:13px 15px}
.operator-desk>.desk-work{grid-area:work}.operator-desk>.call-calendar{grid-area:calendar}
.queue-head,.queue-tabs,.queue-identity,.queue-meta,.queue-empty,.queue-pager{display:flex;align-items:center;gap:8px}
.queue-head{justify-content:space-between;flex-wrap:wrap}.queue-head h2{font-size:18px}
.queue-tabs{gap:2px;flex-wrap:wrap;padding:2px;background:#f2f5f8;border-radius:8px}
.shared-queue .queue-tab{display:flex;align-items:center;gap:5px;min-height:28px;padding:3px 8px;background:transparent;box-shadow:none;border:1px solid transparent;border-radius:6px;color:#526779;font-size:12px}
.queue-tab span{font-size:10px;font-variant-numeric:tabular-nums}.shared-queue .queue-tab[aria-pressed=true]{background:#fff;color:#264e73;border-color:#cbd9e5;font-weight:650}
.shared-queue .queue-hint{margin:5px 0 9px;font-size:11px;color:#556c7e}
.queue-rows{max-height:354px;overflow-y:auto;overscroll-behavior-y:contain}
.queue-line{display:grid;grid-template-columns:minmax(0,1fr) minmax(88px,.58fr) minmax(100px,auto);grid-template-areas:"id source action" "meta source action";align-items:center;column-gap:12px;row-gap:3px;padding:8px 2px;border-top:1px solid #e5ecf1}
.queue-identity{grid-area:id;flex-wrap:wrap;gap:4px 8px;min-width:0}.queue-identity b{font-size:14px;color:#233b50}
.queue-city{font-size:12px;color:#37566e}.queue-identity a{font-size:12px;color:#315e86}.queue-meta{grid-area:meta;flex-wrap:wrap;gap:2px 7px;color:#596e80;font-size:11px;line-height:1.35}
.queue-meta time{color:#667b8c}.queue-wait{font-weight:600}.queue-repeat{color:#725318;background:#fbf3dc;border-radius:4px;padding:0 4px}
.queue-line .queue-sources{grid-area:source;align-items:center}.queue-action{grid-area:action;justify-self:end;display:grid;justify-items:end;gap:2px;max-width:150px}
.queue-line .queue-action button{min-height:28px;padding:4px 10px;border-radius:6px;line-height:1.2}.queue-claim{background:#e9f1fb;color:#244e77;border:1px solid #b7cce2;font-weight:650}
.queue-action .queue-taken,.queue-done{font-size:11px;font-weight:600;padding:2px 7px;border-radius:5px}.queue-done{color:#526b7b;background:#f1f4f6}
.queue-owner{max-width:100%;overflow-wrap:anywhere;text-align:right;font-size:11px}.queue-empty{min-height:60px;color:#536b7c;flex-wrap:wrap}.queue-empty b{font-size:13px}
.queue-pager{justify-content:flex-end}.queue-pager:not(:empty){margin-top:6px}
@media(max-width:980px){.operator-desk{grid-template-areas:"queue" "calendar" "work"}}
@media(max-width:620px){.operator-desk>.shared-queue{padding:11px}.queue-head{gap:5px}.queue-line{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"id action" "meta action" "source action";column-gap:7px;row-gap:3px}.queue-action{max-width:105px}.queue-rows{max-height:340px}.queue-line .queue-action button,.shared-queue .queue-tab{min-height:34px}.queue-hint{line-height:1.35}.queue-line .queue-sources:empty{display:none}}

.retry-queue{margin:18px 0;padding:15px;border:1px solid #dce5ed;border-radius:14px;background:white}
.retry-queue h2,.operator-card-edit h3{margin:0 0 4px}.retry-count{font-size:13px;margin-left:8px;color:#486784;background:#edf3f8;border-radius:8px;padding:2px 7px}
.retry-table{width:100%;min-width:0;border-collapse:collapse}.retry-table th,.retry-table td{text-align:left;padding:7px 10px;border-bottom:1px solid #e7edf2}.retry-table td:last-child{text-align:right}.retry-table td small{display:block}.retry-table th{font-size:12px}
.operator-card-edit{padding:14px;margin:12px 0;border:1px solid #d6e4ee;border-radius:12px;background:#f7fafc}.operator-card-edit .inline-editor{margin:8px 0 0;display:grid;gap:8px}.card-contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.operator-card-edit .primary{justify-self:start}.operator-card-edit [hidden]{display:none!important}
@media(max-width:620px){.card-contact-fields{grid-template-columns:1fr}.retry-queue{padding:10px}.retry-table{display:table!important;table-layout:auto}.retry-table thead{display:table-header-group!important}.retry-table tbody{display:table-row-group!important}.retry-table tr{display:table-row!important}.retry-table td,.retry-table th{display:table-cell!important;padding:6px 3px;font-size:11px}.retry-table td::before{display:none}.retry-table .queue-claim{min-height:34px;white-space:nowrap}}

.archive-controls,.archive-actions,.archive-policy-form,.archive-assign{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.archive-controls{justify-content:space-between;margin:10px 0}.archive-review>small{display:block;margin:8px 0}.archive-controls .queue-tabs{flex-wrap:wrap}.archive-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 2px;border-bottom:1px solid #e4ebf1}.archive-item small,.archive-item b,.archive-item a{display:block}.archive-actions button{white-space:nowrap}.archive-assign,.archive-policy-form{margin:12px 0;align-items:end}.archive-policy-form label,.archive-assign label{flex:1}.archive-policy-form small{width:100%}.archive-policy-form button,.archive-assign button{margin:0}.archive-item .archive-actions{justify-content:flex-end}
@media(max-width:620px){.archive-controls .queue-tabs{max-width:100%}.archive-item{flex-wrap:wrap}.archive-item .archive-actions{justify-content:flex-start}.archive-controls select{max-width:100%}}
.queue-line.queue-first{background:#f2f7fc;border-inline-start:3px solid #83a5c5;padding-inline-start:6px}.queue-next{color:#315b7c;background:#e4eef7;border-radius:4px;padding:1px 5px;font-weight:650}
.call-reminders{margin:9px 0;display:grid;gap:5px}.call-reminders[hidden]{display:none}.calendar-alarm{display:grid;justify-items:start;gap:2px;border-left:3px solid #88a7c9;border-radius:5px;padding:6px 8px;background:#f1f6fb;font-size:12px}.calendar-alarm.alarm-due{background:#e5f0fa;border-color:#487aa0}.calendar-alarm small{line-height:1.3}.calendar-alarm .inline-link{padding:2px 0}

.own-search{display:grid;gap:4px;max-width:26rem;margin:8px 0 14px;color:#446076;font-size:.88rem}
.retry-table .queue-claim:disabled{background:#edf2f5;color:#53687a;box-shadow:none;cursor:default}
.retry-timing-city{margin:14px 0;padding:12px;border:1px solid #dce5ed;border-radius:10px}
.retry-timing-city label{display:grid;gap:4px}.retry-timing-city input{width:7em}

nav a.management-link:not(.active){color:#315c7f;background:#edf4f9;border-color:#cbdde9}
.management-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:1060px;margin-top:18px}
.management-group{background:#fff;border:1px solid #dce5ed;border-radius:14px;padding:18px 20px;box-shadow:var(--shadow)}
.management-group h2{font-size:18px;margin:0}.management-group p{margin:7px 0 15px}
.management-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.management-actions small{flex-basis:100%}
.management-actions label{display:flex;align-items:center;gap:6px}
@media(max-width:720px){.management-grid{grid-template-columns:minmax(0,1fr)}.management-group{padding:15px}.management-actions button,.management-actions select{min-height:40px}}

/* Call centre workspace header and primary navigation */
.staff-header{
 position:relative;z-index:6;display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;
 min-height:54px;padding:5px 3%;gap:12px;background:linear-gradient(105deg,#f3f8fc,#fff 65%);
 border-bottom:1px solid #cfdeeb;box-shadow:none
}
.staff-header .brand{gap:8px}
.staff-header .brand img{width:34px;height:34px}
.staff-header .brand-wordmark{display:flex;align-items:baseline;gap:4px}
.staff-header .brand-wordmark b{font-size:20px;letter-spacing:-.8px}
.staff-header .brand-wordmark span{font-size:13px;letter-spacing:0;margin:0;color:#57728c}
.staff-header .user{display:flex;flex-flow:row nowrap;align-items:center;gap:14px;min-width:0}
.staff-header .sound-toggle{font-size:11px;min-height:34px;padding:6px 10px;color:#416580;background:#fff;border:1px solid #d5e2ed;box-shadow:none}
.staff-header .sound-toggle[aria-pressed=true]{background:#e5f1fa;border-color:#a7c7df}
.staff-profile{position:relative;min-width:0}
.staff-profile summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;min-height:40px;padding:3px 4px 3px 12px;border-left:1px solid #d5e1ed;color:#244866}
.staff-profile summary::-webkit-details-marker{display:none}
.staff-profile summary::after,.staff-more::after{content:'';display:inline-block;width:6px;height:6px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);margin:0 2px 3px}
.staff-profile[open] summary::after,.staff-more[aria-expanded=true]::after{transform:rotate(225deg);margin:3px 2px 0}
.profile-caption{display:grid;text-align:left;min-width:0;gap:2px}
.profile-caption small{font-size:10px;line-height:1.1;color:#55718c}
.profile-caption b{max-width:25ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.25}
.profile-panel{position:absolute;top:calc(100% + 5px);right:0;width:min(260px,calc(100vw - 24px));z-index:10;display:grid;gap:12px;padding:16px;background:#fff;border:1px solid #cedde9;border-radius:12px;box-shadow:0 12px 35px #1c375b25}
.profile-panel>b{overflow-wrap:anywhere;color:#304b65}
.profile-panel button{justify-self:start}
.staff-profile summary:focus-visible,.staff-more:focus-visible,.staff-nav a:focus-visible{outline:2px solid #407cab;outline-offset:2px}
.staff-header+main{padding-top:12px}
.staff-nav{gap:3px;min-width:0;margin:0 0 13px;padding:3px 5px;border-radius:10px;border-color:#d9e4ee;box-shadow:none}
.staff-nav a,.staff-header+main .city-navigation a{min-height:34px;padding:6px 11px;font-size:12px;border-radius:7px}
.staff-nav a.active:not(.city-tab){background:#345c7d;box-shadow:none}
.staff-nav .nav-cities{gap:3px;margin:0 0 0 auto}
.staff-more{display:none}
.staff-header+main .top{flex-flow:row wrap;align-items:center;gap:4px 12px}
.staff-header+main h1{margin:3px 0 5px;font-size:clamp(20px,2vw,26px);letter-spacing:-.65px}
.staff-header+main>p.muted{margin:3px 0 8px;line-height:1.4}
.staff-header+main .stats{gap:6px;margin:9px 0}
.staff-header+main .stat{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:43px;padding:6px 12px;border-radius:9px;box-shadow:none}
.staff-header+main .stat span{font-size:11px;line-height:1.25;color:#52677d}
.staff-header+main .stat b{font-size:22px;color:#345b79}
.staff-header+main .toolbar,.staff-header+main .dispatch-team,.staff-header+main .dispatch-filters{margin:8px 0;gap:6px}
.staff-header+main .toolbar:empty{display:none}
.staff-header+main .workday-controls{align-items:center;gap:5px 8px;margin:8px 0;padding:6px 9px;border-radius:9px}
.staff-header+main .workday-controls>label{display:flex;flex-direction:row;align-items:center;gap:6px}
.staff-header+main .workday-controls :is(button,input){min-height:32px;padding:5px 9px}
.staff-header+main .confirmation-notice{margin:6px 0;padding:7px 10px}
.staff-header+main .toolbar :is(button,select,input){min-height:35px;padding:7px 10px}
.staff-header+main .city-navigation{margin:0 0 10px}
@media(max-width:720px){
 .staff-header{gap:6px;min-height:51px;padding:4px 12px}
 .staff-header .brand{gap:5px}.staff-header .brand img{width:28px;height:28px}
 .staff-header .brand-wordmark{display:grid;gap:0}.staff-header .brand-wordmark b{font-size:16px}.staff-header .brand-wordmark span{font-size:10px}
 .staff-header .user{gap:7px}.staff-header .sound-toggle{font-size:10px;min-height:38px;padding:5px 7px}
 .staff-profile summary{gap:5px;padding-left:7px}.profile-caption b{max-width:14ch;font-size:11px}
 .staff-header+main{padding-top:7px}
 .staff-nav{gap:2px;margin-bottom:9px;padding:2px 4px}
 .staff-nav>a,.staff-nav .staff-more{display:flex;align-items:center;justify-content:center;gap:6px;flex:1 1 0;min-height:38px;padding:5px;font-size:12px;line-height:1.2}
 .staff-nav .staff-more{order:1;flex:0 0 auto;background:transparent;border-color:transparent;box-shadow:none;color:#395e7d}
 .staff-nav>a.nav-extra{order:2;flex:1 1 42%}
 .staff-nav:not(.nav-expanded)>a.nav-extra{display:none}
 .staff-nav .nav-cities{order:3;display:flex;flex-wrap:wrap;width:100%;margin:0;padding:2px 0 0;border:0;border-top:1px solid #e4ecf3}
 .staff-nav .nav-cities a{min-height:32px;padding:4px 6px;font-size:11px}
 .staff-header+main .workday-controls>label{flex-basis:auto}
 .staff-header+main .stats .stat{display:grid;align-content:start;gap:3px;padding:6px 7px}
 .staff-header+main .stat b{order:-1;font-size:18px}.staff-header+main .stat span{font-size:10px}
 .staff-header+main .toolbar input{flex:1 0 100%}
 .staff-header+main .workday-controls button,.staff-header+main .toolbar :is(input,select,button){min-height:38px}
 .staff-header+main .top .live{margin:0}
}


/* Only the operator's missed-call list scrolls within this panel. */
.operator-retry-scroll{max-height:min(48vh,23rem);max-height:min(48svh,23rem);max-width:100%;overflow:auto;scroll-padding-top:3rem;border:1px solid #dbe5ef;border-radius:9px}
.operator-retry-scroll:focus-visible{outline:2px solid #487aa0;outline-offset:2px}
.operator-retry-scroll .retry-table{display:table;min-width:0;margin:0;border-collapse:separate;border-spacing:0}
.operator-retry-scroll .retry-table thead{display:table-header-group}
.operator-retry-scroll .retry-table tbody{display:table-row-group}
.operator-retry-scroll .retry-table tr{display:table-row;overflow:visible;box-shadow:none}
.operator-retry-scroll .retry-table :is(th,td){display:table-cell}
.operator-retry-scroll .retry-table td::before{display:none}
.operator-retry-scroll .retry-table th{position:sticky;top:0;z-index:1;background:#eef4f9;color:#425e79;box-shadow:inset 0 -1px #ccdae6}
.operator-retry-scroll + .queue-pager:empty{display:none}
@media(max-width:780px){
 .operator-retry-scroll .retry-table th{text-transform:none;letter-spacing:0;line-height:1.2}
 .operator-retry-scroll .retry-table th:first-child,.operator-retry-scroll .retry-table th:nth-child(3){white-space:nowrap}
 .operator-retry-scroll .retry-table td:first-child small{white-space:nowrap;font-size:10px}
}

/* Client card */
dialog.case-dialog{padding:0;width:min(890px,calc(100% - 32px));max-height:88vh;max-height:88dvh;border:1px solid #c8d8e6;border-radius:18px;overflow:auto;color:#29465e;background:#f8fafc;overscroll-behavior:contain}
.case-dialog .modal-head{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;gap:14px;margin:0;padding:15px 22px 13px;border-bottom:1px solid #ccdce8;background:linear-gradient(108deg,#eaf3fb,#f9fcff 85%)}
.case-identity{min-width:0;display:flex;align-items:center;flex-wrap:wrap;gap:5px 14px}
.case-identity h2{flex:0 0 100%;color:#4a6e8e;font-size:12px;line-height:1.25;font-weight:650;letter-spacing:.02em}
.case-client-name{color:#193a56;font-size:clamp(19px,2.4vw,26px);line-height:1.2;letter-spacing:-.03em;overflow-wrap:anywhere}
.case-phone{font-size:14px;font-weight:650;color:#3b607e;font-variant-numeric:tabular-nums}
a.case-phone{display:inline-flex;align-items:center;min-height:34px;padding:4px 11px;border:1px solid #bcd2e4;border-radius:8px;background:#fff;color:#24557c;text-decoration:none}
a.case-phone:hover{background:#eef6fb}.case-dialog .modal-head button{flex:none;margin:0;min-height:36px;background:#fff;color:#42627e;border-color:#cadce9}
.case-body{padding:16px 20px 18px;display:grid;gap:9px}
.case-layout{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.15fr);gap:12px;align-items:start}
.case-work{min-width:0;display:grid;gap:9px}
.case-body :is(.case-message,.operator-card-edit,.card-assignment,.case-status,.case-disclosure){min-width:0;margin:0;padding:13px 15px;border:1px solid #d8e4ed;border-radius:11px;background:#fff}
.case-body h3{margin:0 0 8px;font-size:15px;line-height:1.25;color:#214763}
.case-body p{margin:5px 0;overflow-wrap:anywhere;line-height:1.45}
.case-body .case-message .inline-client-content{max-width:none;margin:8px 0}
.case-message :is(.short-description,.inline-description,.full-description){font-size:14px;line-height:1.55;color:#304c63}
.case-message .inline-description summary{white-space:normal;overflow-wrap:anywhere}
.case-message .row-recording{background:#f1f6fa;padding:8px;border-radius:8px;margin-top:9px}
.case-dialog audio{display:block;max-width:100%;width:100%;margin:4px 0 0;height:36px}
.case-received,.case-event-meta{display:block;color:#60758a;font-size:11px}
.case-sources{display:flex;align-items:flex-start;flex-wrap:wrap;gap:4px}
.case-dialog .operator-card-edit form,.case-dialog .card-assignment form{margin:0;padding:0;background:transparent;border:0}
.case-dialog .card-assignment .archive-assign{margin:10px 0 6px}
.case-dialog .operator-card-edit label{font-size:12px;color:#3e5d76}
.case-dialog .operator-card-edit textarea{height:52px}
.case-dialog .operator-card-edit .primary{min-height:38px;margin:0}
.case-dialog .card-edit-feedback:empty{display:none}
.case-contact-edit{min-width:0}
.case-contact-edit summary{cursor:pointer;color:#396c92;font-size:12px;width:fit-content;padding:4px 0}
.case-contact-edit .card-contact-fields{margin:5px 0}
.case-statuses{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(155px,100%),1fr));gap:7px}
.case-status h3{margin:0 0 4px;color:#5e768a;font-size:12px}
.case-status :is(p,small){display:block;white-space:pre-wrap;overflow-wrap:anywhere}
.case-mark{font-size:13px;color:#2b4d68}
.case-body .case-disclosure{padding:0}
.case-disclosure>summary{padding:10px 14px;cursor:pointer;color:#355b78;font-weight:650;font-size:13px}
.case-disclosure[open]>summary{border-bottom:1px solid #e2ebf1}
.case-events,.case-history{padding:0 14px}
.case-disclosure article{min-width:0;padding:10px 0;overflow-wrap:anywhere}
.case-disclosure article:first-child{border:0}
.case-event-head{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px}
.case-event-head time{margin-left:auto;color:#5c7389;font-size:12px}
.case-history article small{margin:0 0 4px}
.case-dialog :is(summary,a,button):focus-visible{outline:2px solid #5084ac;outline-offset:2px}
@media(max-width:660px){
 dialog.case-dialog{width:calc(100% - 12px);max-height:94vh;max-height:94dvh;border-radius:13px}
 .case-dialog .modal-head{padding:10px 12px;gap:6px}
 .case-identity{gap:3px 8px}.case-client-name{font-size:19px}.case-identity h2{font-size:11px}
 .case-dialog .modal-head button{min-height:38px;padding:6px 9px}
 .case-body{padding:9px;gap:7px}.case-layout{grid-template-columns:1fr;gap:7px}
 .case-body :is(.case-message,.operator-card-edit,.card-assignment,.case-status){padding:10px 12px}
 .case-dialog .case-message .short-description,.case-dialog .case-message .inline-description{font-size:13px}
 .case-dialog .operator-card-edit .primary{width:100%;min-height:42px}
 .case-disclosure>summary{padding:12px}.case-dialog .card-contact-fields{grid-template-columns:1fr}
}
.case-dialog .operator-card-edit .inline-cell{width:100%;max-width:none;min-width:0}
.case-message .description-empty{display:block;color:#60758a;font-size:12px}
.case-message .row-recording>small{color:#4e6d84;font-size:11px}

/* Operator workspace */
body:has(.operator-header){background:#f5f9fa}
.operator-header,.operator-header+main{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#304b58}
.operator-header{background:linear-gradient(105deg,#e4f2f3,#f3f8fb 58%,#fff);border-color:#d1e3e6}
.operator-header+main .staff-nav{background:#fff;border-color:#d9e6ea}
.operator-header+main .staff-nav a.active:not(.city-tab){background:#deedf7;border-color:#bdd6e7;color:#244e6a;box-shadow:none}
.operator-header+main .top h1{font-size:clamp(21px,2vw,28px);line-height:1.22;letter-spacing:-.035em;color:#284959}
.operator-header+main .eyebrow{color:#526c79;letter-spacing:.1em;font-size:10px}
.operator-help{width:fit-content;max-width:100%;color:#526d7b;font-size:12px;margin:1px 0 7px}
.operator-help summary{cursor:pointer;padding:3px 0}.operator-help p{max-width:60ch;margin:4px 0;line-height:1.5}
.operator-header+main .stat{background:#f0f6fb;border-color:#d5e4ee}
.operator-header+main .stat:nth-child(2){background:#f5f2fa;border-color:#e3dfee}
.operator-header+main .stat:nth-child(3){background:#edf7f2;border-color:#d4e6dc}
.operator-header+main .stat::before{display:none}
.operator-header+main .stat span{font-size:12px;line-height:1.3;color:#425968}
.operator-header+main .stat b{font-size:22px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.operator-header+main .workday-controls{background:#fafcfc;border-color:#dfe8ea}
.operator-header+main :is(.shared-queue,.call-calendar,.retry-queue){border-color:#d6e5e7;box-shadow:0 2px 7px #315c6508}
.operator-header+main .shared-queue{background:linear-gradient(#edf6fa,#fff 96px)}
.operator-header+main .call-calendar{background:linear-gradient(#eaf6ef,#fff 115px);border-color:#cfe3d9}
.operator-header+main .retry-queue{background:linear-gradient(#f4f1f8,#fff 90px);border-color:#e1ddeb}
.operator-header+main :is(.desk-layout,.retry-queue) h2{font-size:clamp(18px,1.5vw,21px);line-height:1.3;letter-spacing:-.025em;font-weight:650;color:#284e60}
.operator-header+main .call-calendar h2{color:#355e50}
.operator-header+main .retry-queue h2{color:#554e69}
.operator-header+main .queue-identity b{font-size:15px;font-weight:650}
.operator-header+main :is(.queue-city,.queue-identity a,.own-search,.call-task){font-size:13px}
.operator-header+main :is(.queue-meta,.queue-hint,.call-calendar .muted,.call-task small){font-size:12px;line-height:1.45;color:#4c6371}
.operator-header+main .queue-line.queue-first{background:#eff7fb;border-inline-start-color:#8bb4ca}
.operator-header+main .call-calendar [aria-pressed=true]{background:#e3f1e9;color:#285440;border-color:#aacdb9}
.operator-header+main .client-open{font-weight:650;font-size:14px;line-height:1.35}
.operator-header+main .queue-claim:not(:disabled){
 position:relative;isolation:isolate;overflow:hidden;
 color:#204e60;background:linear-gradient(112deg,#d6eaf1 8%,#effafa 39%,#daedf0 56%,#c9e4e7);
 border:1px solid #9cbfc8;box-shadow:inset 0 1px 0 #ffffffd9;font-weight:650
}
.operator-header+main .queue-claim:not(:disabled)::after{
 content:"";pointer-events:none;position:absolute;inset:-30% auto -30% -50%;width:32%;
 background:linear-gradient(90deg,transparent,#ffffffa6,transparent);transform:skewX(-16deg);opacity:0
}
@media(prefers-reduced-motion:no-preference){
 .operator-header+main .queue-claim:not(:disabled):is(:hover,:focus-visible)::after{animation:operator-claim-glint .65s ease-out}
}
@keyframes operator-claim-glint{0%{left:-45%;opacity:0}20%{opacity:.85}100%{left:120%;opacity:0}}
@media(max-width:620px){
 .operator-header+main .stat span{font-size:11px}.operator-header+main .stat b{font-size:20px}
 .operator-header+main .queue-action button{min-height:38px;font-size:12px}
 .operator-header+main .queue-tabs{row-gap:3px}.operator-header+main .shared-queue .queue-tab{font-size:12px;padding-inline:6px}
}

/* Personal inbox: the toolbar and paging sit outside the scroll region. */
.operator-desk>.own-leads{min-width:0;padding:14px;border:1px solid #d2e2e6;border-radius:14px;background:linear-gradient(150deg,#edf6f5,#fff 15rem);box-shadow:0 2px 7px #315c6508}
.own-leads-head{display:flex;align-items:center;justify-content:space-between;gap:8px 20px;flex-wrap:wrap;margin-bottom:11px}
.own-leads-head h2{display:flex;align-items:center;gap:8px;margin:0}
.own-leads-count{min-width:1.7em;padding:2px 7px;border-radius:8px;text-align:center;background:#dbeee9;color:#355d53;font-size:13px;font-weight:650;letter-spacing:0;font-variant-numeric:tabular-nums}
.own-leads-head .own-search{flex:1 1 240px;max-width:22rem;margin:0;font-size:12px;line-height:1.35}
.own-leads-head input{width:100%;min-width:0;background:#fff;padding:7px 10px;font-size:14px}
.own-leads .own-leads-scroll{max-height:min(62vh,36rem);max-height:min(62svh,36rem);overflow:auto;max-width:100%;border:1px solid #d4e2e7;border-radius:9px;box-shadow:none;scroll-padding-top:3rem}
.own-leads-scroll:focus-visible{outline:2px solid #558898;outline-offset:2px}
.own-leads-scroll th{position:sticky;top:0;z-index:1;background:#eef5f7;color:#46616f;box-shadow:inset 0 -1px #cfdee3}
.own-leads>.pager{margin:9px 0 0}
.own-leads>.footnote{margin:8px 0 0}
@media(max-width:780px){
 .operator-desk>.own-leads{padding:10px}
 .own-leads-head{display:grid;gap:7px}.own-leads-head .own-search{max-width:none}
 .own-leads-head input{font-size:16px;min-height:40px}
 .own-leads .own-leads-scroll{padding:4px;background:#f1f6f7;scroll-padding-top:6px}
 .own-leads-scroll tbody{gap:8px}
 .own-leads-scroll .client-cell{background:#f8fbfc}
}

.inline-client-content .lead-message{white-space:pre-line;overflow-wrap:anywhere;line-height:1.55;color:#3f586b;font-size:13px}
.lead-message-copy{cursor:pointer}
.lead-message-copy [hidden]{display:none!important}
.inline-client-content .earlier-message{margin-top:9px;padding-top:8px;border-top:1px solid #dce7ea}
.inline-client-content .lead-message-toggle{display:block;margin:2px 0 0;padding:4px 2px;min-height:30px;background:transparent;color:#355d79;border:0;border-radius:4px;box-shadow:none;font-size:12px;text-decoration:underline;text-underline-offset:3px}
.case-message .inline-client-content .lead-message{font-size:15px;line-height:1.6;max-width:68ch}
@media(max-width:780px){.inline-client-content .lead-message{font-size:14px}.inline-client-content .lead-message-toggle{min-height:36px}}

/* Source marks keep both sides readable during one slow turn. */
.source-medal{display:inline-grid;vertical-align:middle;place-items:center;width:25px;height:25px;margin:2px;perspective:110px;flex:0 0 auto}
.source-coin{display:block;width:23px;height:23px;position:relative;transform-style:preserve-3d}
.source-coin::before,.source-coin::after{content:attr(data-letter);position:absolute;inset:0;display:grid;place-items:center;box-sizing:border-box;border:1px solid var(--rim);border-radius:var(--shape,7px);font:750 16px/1 system-ui,sans-serif;letter-spacing:-.04em;color:var(--letter);background:linear-gradient(145deg,var(--face) 4%,var(--shine) 33%,var(--face) 47%,var(--edge));box-shadow:inset 0 1px 1px #ffffff80,0 1px 2px #263f581a;backface-visibility:hidden}
.source-coin::after{transform:rotateY(180deg)}
.medal-novofon{--shape:50%;--letter:#614009;--face:#e5b65e;--shine:#fff1c4;--edge:#c48a30;--rim:#b48739}
.medal-flexbe{--letter:#141518;--face:#fff;--shine:#fff;--edge:#e5e9eb;--rim:#bfc7cc}
.medal-chatnasait{--letter:#fff;--face:#245da3;--shine:#497bb6;--edge:#194b86;--rim:#27578f}
.medal-venyoo{--letter:#fff;--face:#ae2947;--shine:#cc5067;--edge:#90283a;--rim:#a9344c}
.medal-legal_site,.medal-legal_chel{--face:#d5d9df;--shine:#fff;--edge:#a1a9b4;--rim:#9ca5af}
.medal-legal_site{--letter:#245f9d}
.medal-legal_chel{--letter:#226844}
@media(prefers-reduced-motion:no-preference){
 .source-coin{animation:source-coin-turn 20s ease-in-out infinite}
 .source-medal:hover .source-coin{animation-play-state:paused}
}
@keyframes source-coin-turn{0%,35%{transform:rotateY(0deg)}85%,100%{transform:rotateY(360deg)}}
@media(min-width:781px){
 .rkc-all-leads #dispatch-rows .inline-cell:nth-last-child(2){min-width:218px}
 .rkc-all-leads #dispatch-rows .inline-cell:last-child{min-width:145px;width:156px}
 .rkc-all-leads th:last-child,.rkc-all-leads td:last-child{padding-inline-start:26px;border-inline-start:1px solid #d7e3eb}
}
@media(max-width:780px){
 .table-wrap .rkc-all-leads td:last-child{grid-column:1/-1;margin-inline-start:18px;border-inline-start:2px solid #d7e3eb;padding-inline-start:12px}
}

/* Supervisor list: a shared header for each lead, followed by its work areas. */
.table-wrap.rkc-lead-list{container-type:inline-size;background:transparent;border:0;box-shadow:none;overflow:visible}
.rkc-lead-list table{display:block;width:100%;min-width:0}
.rkc-lead-list thead{position:absolute;display:block;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
.rkc-lead-list :is(#dispatch-rows,#rows,#analytics-rows){display:grid;gap:12px}
.rkc-lead-list :is(#dispatch-rows,#rows,#analytics-rows) tr[data-case-id]{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,1.08fr) minmax(0,1fr) minmax(0,.71fr);grid-template-areas:"geo geo stamp stamp" "client assign cc office";border:1px solid #ccdde3;border-radius:13px;background:#fff;overflow:hidden;box-shadow:0 2px 6px #24475909}
.rkc-lead-list :is(#dispatch-rows,#rows,#analytics-rows) tr[data-case-id]:focus-within{border-color:#8cb2c5}
.rkc-lead-list :is(#dispatch-rows,#rows,#analytics-rows) tr[data-case-id]>td{display:block;width:auto;min-width:0;max-width:none;margin:0;padding:10px 12px;grid-column:auto;grid-row:auto;border:0;border-radius:0;background:#fff;overflow-wrap:anywhere}
.rkc-lead-list :is(#dispatch-rows,#rows,#analytics-rows) tr[data-case-id]>td::before{display:block;content:attr(data-label);margin:0 0 5px;font-size:11px;font-weight:600;letter-spacing:.01em;text-transform:none;color:#526c79}
.rkc-lead-list :is(#dispatch-rows,#rows,#analytics-rows) tr[data-case-id]>.lead-sources,.rkc-lead-list :is(#dispatch-rows,#rows,#analytics-rows) tr[data-case-id]>.lead-time{display:flex;align-items:center;flex-wrap:wrap;gap:4px 9px;padding:5px 12px;background:#eff6f8;border-bottom:1px solid #dce8eb;color:#496371}
.rkc-lead-list :is(#dispatch-rows,#rows,#analytics-rows) tr[data-case-id]>.lead-sources{grid-area:geo}
.rkc-lead-list :is(#dispatch-rows,#rows,#analytics-rows) .lead-sources::before{display:none}
.rkc-city{white-space:nowrap;overflow-wrap:normal;word-break:normal;font-size:13px;font-weight:700;color:#315365}
.rkc-sources{display:inline-flex;align-items:center;flex-wrap:wrap;gap:1px}
.rkc-lead-list :is(#dispatch-rows,#rows,#analytics-rows) tr[data-case-id]>.lead-time{grid-area:stamp;justify-content:flex-end;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}
.rkc-lead-list :is(#dispatch-rows,#rows,#analytics-rows) tr[data-case-id]>.lead-time::before{margin:0;font-weight:400}
.rkc-lead-list :is(#dispatch-rows,#rows,#analytics-rows) tr[data-case-id]>.client-cell{grid-area:client}
.rkc-lead-list :is(#dispatch-rows,#rows,#analytics-rows) .client-open{font-size:15px;font-weight:650;line-height:1.35;text-align:left;color:#254f6c}
.rkc-lead-list :is(#dispatch-rows,#rows,#analytics-rows) tr[data-case-id]>.dispatch-assignment{grid-area:assign;background:#fbfcfd}
.rkc-lead-list :is(#dispatch-rows,#rows,#analytics-rows) .dispatch-assignment-form{display:grid;gap:5px;margin-top:7px}
.rkc-lead-list :is(#dispatch-rows,#rows,#analytics-rows) .dispatch-assignment select{width:100%;min-width:0}
.rkc-lead-list :is(#dispatch-rows,#rows,#analytics-rows) .dispatch-assignment>b{color:#365b6a;font-weight:650}
.rkc-lead-list :is(#dispatch-rows,#rows,#analytics-rows) tr[data-case-id]>td:nth-child(5){grid-area:cc}
.rkc-lead-list :is(#dispatch-rows,#rows,#analytics-rows) tr[data-case-id]>td:last-child{grid-area:office;border-inline-start:1px solid #dae5e8;background:#f6faf8}
.rkc-lead-list :is(#dispatch-rows,#rows,#analytics-rows) .inline-editor label,.rkc-lead-list :is(#dispatch-rows,#rows,#analytics-rows) .dispatch-assignment>small{font-size:11px;color:#516b78}
@container(max-width:830px){
 .rkc-lead-list :is(#dispatch-rows,#rows,#analytics-rows) tr[data-case-id]{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-areas:"geo stamp" "client assign" "cc office"}
 .rkc-lead-list :is(#dispatch-rows,#rows,#analytics-rows) tr[data-case-id]>td:nth-child(n+5){border-top:1px solid #e1eaed}
}
@container(max-width:530px){
 .rkc-lead-list :is(#dispatch-rows,#rows,#analytics-rows) tr[data-case-id]{grid-template-columns:minmax(0,1fr);grid-template-areas:"geo" "stamp" "client" "assign" "cc" "office"}
 .rkc-lead-list :is(#dispatch-rows,#rows,#analytics-rows) tr[data-case-id]>.lead-sources{border-bottom:0;padding-bottom:2px}
 .rkc-lead-list :is(#dispatch-rows,#rows,#analytics-rows) tr[data-case-id]>.lead-time{justify-content:flex-start;padding-top:1px;padding-bottom:7px}
 .rkc-lead-list :is(#dispatch-rows,#rows,#analytics-rows) tr[data-case-id]>.dispatch-assignment{border-top:1px solid #e1eaed}
 .rkc-lead-list :is(#dispatch-rows,#rows,#analytics-rows) tr[data-case-id]>td:last-child{margin-inline-start:12px;border-inline-start:2px solid #bfd7cb}
 .rkc-lead-list :is(#dispatch-rows,#rows,#analytics-rows) .dispatch-assignment-form{grid-template-columns:minmax(0,1fr) auto;align-items:center}
 .rkc-lead-list :is(#dispatch-rows,#rows,#analytics-rows) .dispatch-assignment-form .inline-link,.rkc-lead-list :is(#dispatch-rows,#rows,#analytics-rows) .dispatch-message{grid-column:1/-1}
}

.staff-lead-list :is(#rows,#analytics-rows) tr[data-case-id]{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr) minmax(0,1fr);grid-template-areas:"geo stamp stamp" "client cc office"}
.staff-lead-list :is(#rows,#analytics-rows) tr[data-case-id]>td:nth-child(4){grid-area:cc}
.staff-lead-list :is(#rows,#analytics-rows) tr[data-case-id]>td:last-child{grid-area:office}
.staff-lead-list :is(#rows,#analytics-rows) .lead-time small{font-size:11px}
.own-leads .staff-lead-list.own-leads-scroll{overflow:auto;container-type:inline-size}
@container(max-width:830px){
 .staff-lead-list :is(#rows,#analytics-rows) tr[data-case-id]{grid-template-columns:1fr 1fr;grid-template-areas:"geo stamp" "client client" "cc office"}
}
@container(max-width:530px){
 .staff-lead-list :is(#rows,#analytics-rows) tr[data-case-id]{grid-template-columns:minmax(0,1fr);grid-template-areas:"geo" "stamp" "client" "cc" "office"}
}

/* Administrator workspace */
.admin-header{position:relative;z-index:7;display:flex;flex-flow:row nowrap;align-items:center;gap:16px;padding:10px 3%;min-height:60px;background:linear-gradient(110deg,#eff6fb,#fcfefe 58%,#edf6f5);border-bottom:1px solid #ccdce6}
.admin-header .brand img{width:35px;height:35px}.admin-header .brand-wordmark b{font-size:19px}.admin-header .brand-wordmark span{font-size:10px;margin-top:3px}
.admin-header .user{display:flex;align-items:center;flex-wrap:nowrap;min-width:0;gap:12px}
.admin-header .admin-manage{background:#315975;color:white;border-color:#315975;border-radius:9px;padding:9px 14px}
.admin-header .admin-manage:hover:not(:disabled){background:#264961;border-color:#264961}
.admin-header+main{padding-top:14px;color:#30465b}
.admin-nav{margin-bottom:16px;padding:5px;gap:3px;border-color:#dce6ed;border-radius:12px;box-shadow:none}
.admin-nav a{color:#475e70;font-size:12px;padding:8px 12px}.admin-nav a.active{background:#315975;color:#fff}
.admin-header+main .top{border-left:3px solid #86acbd;padding:3px 0 3px 13px}.admin-header+main h1{font-size:clamp(24px,2.2vw,33px);color:#233d50;margin:4px 0;letter-spacing:-.7px}
.admin-header+main .eyebrow{color:#56778b;font-size:10px;letter-spacing:1.3px}.admin-header+main .top+p{margin:7px 0;color:#617688}
.admin-header+main .stats{gap:8px;margin:12px 0}.admin-header+main .stat{padding:12px 16px;min-height:62px;border:1px solid #d6e4ee;background:linear-gradient(115deg,#eff5fa,#fff)}
.admin-header+main .stat:nth-child(2){background:linear-gradient(115deg,#f1f6f8,#fff)}.admin-header+main .stat:nth-child(3){background:linear-gradient(115deg,#eaf5f2,#fff)}
.admin-header+main .stat span{color:#4b6174}.admin-header+main .stat b{font-size:26px;color:#294c65}
.admin-header+main .toolbar,.admin-header+main .workday-controls{margin:10px 0;gap:7px}
.admin-header+main .call-calendar{border-color:#d6e6e5;background:linear-gradient(160deg,#f2f9f7,#fff 180px)}
.admin-header+main .analytics-filters{margin:12px 0;gap:10px 15px;border-color:#d7e3eb}
.admin-periods{display:flex;gap:4px;flex-wrap:wrap}.admin-periods button{padding:6px 10px;color:#385d74;background:#f0f5f8}
.admin-header+main .metric-circles{gap:8px;margin:14px 0 24px}.admin-header+main .metric-circle{gap:7px;padding:12px 6px}.admin-header+main .metric-circle b{width:56px;height:56px;font-size:22px}
.admin-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.admin-settings-section{display:grid;align-content:start;gap:7px;padding:15px;border:1px solid #dbe5ed;background:#f5f8fb;border-radius:12px}
.admin-settings-section h3{margin:0 0 5px;font-size:14px;color:#35546d}.admin-settings-section button{text-align:left;min-height:40px;color:#34546a}
@media(max-width:720px){
 .admin-header{gap:6px;padding:6px 12px}.admin-header .brand{gap:5px}.admin-header .brand img{width:26px;height:26px}.admin-header .brand-context{display:none}
 .admin-header .brand-wordmark b{font-size:16px}.admin-header .brand-wordmark span{font-size:8px}
 .admin-header .user{gap:5px}.admin-header .user>button{padding:5px 8px;min-height:36px;font-size:11px}.admin-header .user>.sound-toggle{display:none}
 .admin-header .staff-profile summary{padding-left:7px;gap:5px}.admin-header .profile-caption b{max-width:14ch;font-size:11px}.admin-header .profile-caption small{font-size:9px}
 .admin-nav{gap:2px;margin-bottom:12px}.admin-nav a{padding:7px 8px;min-height:36px;font-size:11px}
 .admin-header+main .stats{gap:5px}.admin-header+main .stat{padding:9px 8px;min-height:70px;gap:6px}.admin-header+main .stat b{font-size:21px}
 .admin-header+main .analytics-filters>*{max-width:100%;min-width:0}.admin-header+main .analytics-filters input{min-width:0;width:100%}
 .admin-settings-grid{grid-template-columns:1fr}.admin-header+main .metric-circle b{width:44px;height:44px;font-size:18px}
}
@media(min-width:721px){.mobile-admin-sound{display:none}}
.admin-calendar-toggle{display:none}
@media(max-width:720px){
 .admin-header+main .call-calendar:has(.admin-calendar-toggle){padding:6px 9px;margin-bottom:3px}
 .admin-calendar-toggle{display:flex;align-items:center;gap:8px;width:100%;min-height:38px;padding:5px 6px;background:transparent;border:0;box-shadow:none;text-align:left;font-weight:650;color:#335767}
 .admin-calendar-toggle span{margin-left:auto;color:#775d35;font-size:11px}
 .admin-calendar-toggle::after{content:'⌄';font-size:17px;line-height:1}
 .admin-calendar-toggle[aria-expanded=true]::after{transform:rotate(180deg)}
 .admin-calendar-toggle[aria-expanded=false]+.admin-calendar-body{display:none}
 .admin-calendar-body{padding:5px}.admin-calendar-body h2{display:none}
}
.admin-attention{background:#f6f9fb;border:1px solid #d9e5ec;border-radius:12px;padding:13px 15px;margin:12px 0}
.admin-attention h2{display:inline-block;margin:0 10px 0 0;font-size:17px;color:#27475e}.admin-attention>small{font-size:11px;color:#506b7c}
.attention-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:10px}
.attention-tiles button{display:flex;justify-content:space-between;align-items:center;text-align:left;gap:8px;min-height:44px;padding:7px 11px;font-size:12px;color:#3c596e}
.attention-tiles b{font-size:18px;font-variant-numeric:tabular-nums}.attention-tiles button[aria-expanded=true]{background:#e4f0f5;border-color:#8faebe}
.attention-list:not(:empty){margin-top:10px;border-top:1px solid #d5e1e8}.attention-list h3{margin:10px 0 5px}
.attention-item{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid #dee8ee;font-size:12px}.attention-item button{justify-self:start;white-space:normal;overflow-wrap:anywhere;text-align:left}
@media(max-width:720px){.admin-attention{padding:10px}.attention-tiles{gap:4px}.attention-tiles button{display:grid;align-content:space-between;padding:6px;font-size:11px;min-height:60px}.attention-item{grid-template-columns:1fr auto}.attention-item button{grid-column:1/-1}.attention-list small{font-size:11px}}

/* Analytics overview and the selected group of leads. */
#analytics-circles{display:grid;grid-template-columns:1fr;gap:12px}
.analytics-metric-group{--tone:#446f92;--tint:#eff5fa;padding:14px;border:1px solid #d6e2ea;border-radius:14px;background:linear-gradient(125deg,var(--tint),#fff 80%)}
.analytics-metric-group:nth-child(2){--tone:#576892;--tint:#f2f3f9}
.analytics-metric-group:nth-child(3){--tone:#39756c;--tint:#edf6f3}
.analytics-metric-group h3{display:flex;align-items:center;gap:8px;margin:0 0 10px;color:var(--tone);font-size:15px}
.analytics-metric-group h3::before{content:'';width:4px;height:16px;border-radius:3px;background:var(--tone)}
.analytics-metric-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(154px,100%),1fr));gap:6px}
#analytics-circles .metric-circle{display:flex;flex-flow:row nowrap;align-items:center;text-align:left;padding:8px;gap:8px;min-height:56px;background:#fff;border-color:#d9e3eb;border-radius:11px}
#analytics-circles .metric-circle b{flex:none;width:39px;height:39px;border:2px solid color-mix(in srgb,var(--tone) 25%,white);color:var(--tone);background:var(--tint);font-size:17px;letter-spacing:0}
#analytics-circles .metric-circle span{min-height:0;max-width:none;text-align:left;line-height:1.25;font-size:12px;color:#344e62}
#analytics-circles .metric-circle:hover,#analytics-circles .metric-circle[aria-pressed=true]{border-color:var(--tone);background:var(--tint)}
#analytics-circles .metric-circle[aria-pressed=true] b{background:var(--tone);color:white}
#analytics-drilldown:empty{display:none}
.drilldown-banner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:center;padding:13px 16px;background:#edf5f7;border:1px solid #d1e2e6;border-radius:12px}
.drilldown-banner .drilldown-title{margin:0;color:#284d60;font-size:20px;scroll-margin-top:15px}
.drilldown-scope{grid-column:1;margin:0;color:#536979;font-size:12px}.drilldown-banner button{grid-area:1/2/3/3;color:#385c72}
#analytics-drilldown .empty{display:block;padding:22px;color:#526c79}
@media(max-width:600px){.analytics-metric-group{padding:10px}.analytics-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #analytics-circles .metric-circle b{width:32px;height:32px;font-size:15px}#analytics-circles .metric-circle{padding:6px;gap:6px}
 .drilldown-banner{padding:10px}.drilldown-banner button{font-size:11px;padding:7px}.drilldown-banner .drilldown-title{font-size:17px}}

.operator-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:3px 5px;max-width:325px;margin:7px 0 9px}
.operator-result{display:grid;justify-items:center;gap:2px;min-height:44px;border:1px solid transparent;border-radius:9px;background:transparent;box-shadow:none;padding:2px 4px;color:#34546c;font-size:13px;font-weight:600}
.operator-result b{display:grid;place-items:center;width:38px;aspect-ratio:1;border:2px solid #adc6d8;border-radius:50%;background:#eff6fb;color:#345c7c;font-size:16px;font-variant-numeric:tabular-nums}
.operator-result:nth-child(2) b{border-color:#b6bfdc;background:#f3f3fb;color:#52638d}
.operator-result:nth-child(3) b{border-color:#a6cfc3;background:#eff8f5;color:#3f7566}
.operator-results>small{grid-column:1/-1;text-align:center;font-size:11px;color:#596e7e}
.hotline-reminder{display:grid;gap:3px;border-left:3px solid #ceb36f;background:#faf6ea;padding:9px 12px;border-radius:6px;margin:9px 0;color:#675630;font-size:13px}.hotline-reminder b{font-size:11px}
@media(max-width:600px){.operator-result b{width:32px;font-size:14px}.operator-result{font-size:12px}.operator-results{gap:5px}}

a.dial-number[href]{color:#285d80;text-decoration:underline;text-decoration-color:#96b5c8;text-underline-offset:3px;font-variant-numeric:tabular-nums}a.dial-number[href]:hover{text-decoration-color:currentColor}