:root{--purple:#7c3cff;--plum:#4b146e;--ink:#211a32;--muted:#756d85;--line:#e8e3ef;--bg:#f7f5fa;--teal:#16877c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:13px/1.5 'Segoe UI',Arial,sans-serif}[hidden]{display:none!important}button,input,select,summary{font:inherit}button,summary{cursor:pointer}button{border:0;border-radius:7px;background:var(--purple);color:white;padding:8px 14px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:7px}button:hover{filter:brightness(.96)}button:disabled{opacity:.55;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--purple);outline-offset:3px}.icon{width:17px;height:17px;flex-shrink:0}.topbar{height:62px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px;padding:0 24px}.brand{color:var(--plum);width:104px;display:flex}.nav-logo-svg{width:104px;height:28px}.brand-divider{height:23px;border-left:1px solid var(--line)}.product-name{font-size:10px;font-weight:800;letter-spacing:1.5px;color:var(--muted)}nav{display:flex;align-self:stretch;gap:5px;margin-left:18px}nav button{background:transparent;color:var(--muted);border-radius:0;padding:0 17px;border-bottom:3px solid transparent;padding-top:3px}nav button.active{background:#faf7ff;border-bottom-color:var(--purple);color:var(--purple)}.pill{margin-left:auto;border:1px solid var(--line);border-radius:20px;padding:4px 10px;color:var(--muted);font-size:11px;white-space:nowrap}main{padding:0 24px 24px;width:100%}.page-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 0 16px}.eyebrow{font-size:9px;letter-spacing:1.6px;font-weight:700;color:var(--purple)}h1{font-size:24px;letter-spacing:-.8px;margin:2px 0 0;line-height:1.2}h2{font-size:16px;margin:0}h3{font-size:13px;margin:0}p{margin:8px 0}.muted{color:var(--muted)}.page-tools{display:flex;align-items:center;gap:16px;font-size:11px}.icon-button,.secondary{background:white;border:1px solid var(--line);color:var(--plum)}.filters{width:100%;display:grid;grid-template-columns:repeat(2,minmax(120px,1fr)) minmax(135px,1.1fr) repeat(3,minmax(115px,1fr)) minmax(170px,1.5fr) auto auto;gap:10px;align-items:end;background:white;border:1px solid var(--line);border-radius:10px;padding:14px}label,.rm-field{display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:600;color:var(--muted);min-width:0}input,select,summary{height:36px;border:1px solid #dfd8e9;background:white;border-radius:6px;padding:0 9px;color:var(--ink);min-width:0;width:100%;font-size:12px;font-weight:400}.filters>button{height:36px;white-space:nowrap}.filters .secondary{background:#f4effd;border-color:transparent;font-size:11px}.rm-field{position:relative}summary{display:flex;align-items:center;justify-content:space-between;list-style:none;gap:8px}summary::-webkit-details-marker{display:none}#rmSummary{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rm-popover{position:absolute;right:0;top:65px;width:275px;background:white;border:1px solid var(--line);box-shadow:0 12px 36px #25133f22;border-radius:9px;padding:12px;z-index:20}.popover-title{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--ink);margin-bottom:8px}.text-button{padding:3px;background:transparent;color:var(--purple);font-size:11px}#rmOptions{max-height:290px;overflow:auto}#rmOptions label{display:flex;flex-direction:row;align-items:center;padding:6px 2px;font-size:12px;color:var(--ink);font-weight:400}#rmOptions input{height:15px;width:15px;accent-color:var(--purple)}.rm-popover small{display:block;margin-top:8px;font-weight:400}.context-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 2px;color:var(--muted);font-size:10px}.context-row p{margin:0}.auto-refresh{white-space:nowrap}.live-dot{display:inline-block;width:6px;height:6px;background:var(--teal);border-radius:50%;margin-right:5px}#error:empty{display:none}#error{color:#a63b31;background:#fff1ed;padding:10px;border-radius:6px}#cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-bottom:14px}.card{background:white;border:1px solid var(--line);border-radius:10px;padding:15px 17px;position:relative;overflow:hidden;min-height:161px;--accent:var(--purple);border-top:3px solid var(--accent)}.card:nth-child(2){--accent:#a46de3}.card:nth-child(3){--accent:#16877c}.card:nth-child(4){--accent:#d6932d}.card>div:first-child{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--muted)}.card>div:first-child .icon{color:var(--accent)}.card>strong{display:block;font-size:32px;font-weight:700;letter-spacing:-1px;margin:5px 0;line-height:1.2}.card>em{display:inline-block;font-size:10px;font-style:normal;color:var(--plum);background:#f0e9fb;padding:2px 7px;border-radius:4px}.card>span{display:block;margin-top:6px;font-size:10px;color:var(--muted);max-width:70%}.sparkline{width:100%;height:38px;display:block;color:var(--accent,var(--purple))}.card>.sparkline{position:absolute;right:15px;bottom:12px;width:25%;height:40px}.sparkline polyline{fill:none;stroke:currentColor;stroke-width:2;vector-effect:non-scaling-stroke}.sparkline circle{fill:currentColor}article,.password-panel{background:white;border:1px solid var(--line);border-radius:10px;padding:17px;margin-bottom:14px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.section-heading p,.section-heading span{font-size:11px;color:var(--muted);margin:0}.section-heading select{width:auto}#trends{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}.chartbox{min-width:0}.chartbox p{font-size:10px;color:var(--muted);margin:4px 0}.chartbox svg{width:100%;height:180px;display:block}.chartbox svg text{fill:#8c839b;font-size:11px}.gridline{stroke:#eeeaf3;stroke-dasharray:3 4}.series{fill:none;stroke:#7c3cff;stroke-width:2.5}.series1{stroke:#b999e6}.dot{fill:#7c3cff;stroke:white;stroke-width:1.5}.dot1{fill:#b999e6}.table-wrap,.scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;font-size:10px;letter-spacing:.3px;color:var(--muted);font-weight:600;background:#f8f6fb;padding:10px;white-space:nowrap;cursor:pointer}td{border-bottom:1px solid #f0edf5;padding:9px 10px;white-space:nowrap;font-variant-numeric:tabular-nums}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfaff}td button{background:transparent;color:var(--plum);padding:0;font-size:12px}td .sparkline{width:90px;height:25px}.footnote,#tableNote{font-size:10px;color:var(--muted);margin:12px 0 0}#healthContent{display:grid;grid-template-columns:1fr 1fr;gap:12px}#healthContent>p{font-size:12px;color:var(--muted)}.source-status{border:1px solid var(--line);padding:15px;border-radius:8px}.source-status span{float:right;font-size:10px;color:var(--purple)}.source-status p{color:var(--muted);font-size:11px}#login{max-width:420px;margin:8vh auto;background:white;border:1px solid var(--line);border-radius:12px;padding:30px}#login input{margin:5px 0 12px}.login-icon{color:var(--purple);margin-bottom:12px}#loginerror{color:var(--muted);font-size:12px}.password-panel label{display:inline-flex;margin:12px 10px 12px 0}.password-panel p{font-size:12px}body:has(#dashboard[hidden]) .page-tools,body:has(#dashboard[hidden]) nav{visibility:hidden}@media(min-width:1800px){.chartbox svg{height:210px}}@media(max-width:1400px){.filters{grid-template-columns:repeat(4,minmax(130px,1fr))}.filters>button{width:100%}nav{margin-left:0}nav button{padding-left:10px;padding-right:10px}.product-name,.brand-divider{display:none}}@media(max-width:760px){main{padding:0 12px 12px}.topbar{padding:10px 12px;height:auto;flex-wrap:wrap;gap:8px}nav{order:3;width:100%;justify-content:space-between}nav button{padding:10px 5px;font-size:11px;gap:4px}.page-tools #refreshed{display:none}.page-tools button span{display:none}.filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px}.rm-field{grid-column:span 2}.context-row{align-items:start}.auto-refresh{display:none}#cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.card{padding:12px;min-height:170px}.card>strong{font-size:28px}.card>span{max-width:100%}.card>.sparkline{position:static;width:100%;height:25px;margin-top:6px}#trends,#healthContent{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column}h1{font-size:21px}article{padding:12px}}

.auto-refresh i{display:inline-block;width:6px;height:6px;background:var(--teal);border-radius:50%;margin-right:5px}.chartbox:last-child .series0{stroke:var(--teal)}.chartbox:last-child .dot0{fill:var(--teal)}

/* Readable, high-contrast reporting workspace. */
:root{--bg:#ece7f4;--ink:#27153b;--muted:#5f526f;--line:#d9cfe5;--purple:#7935ed;--plum:#4b146e}
body{font-size:16px;line-height:1.5;background:linear-gradient(135deg,#eee7f5,#e8e5f2)}
.topbar{height:76px;background:#35104f;color:white;border:0;gap:24px;padding:0 30px}
.brand{color:white;width:126px}.nav-logo-svg{width:126px;height:32px}.product-name{color:#d9c9ed;font-size:13px}.brand-divider{border-color:#6c4788;height:30px}
nav{gap:8px}nav button{font-size:16px;font-weight:600;color:#e0cfee;padding:0 20px}nav button.active{color:white;background:#57257b;border-bottom:4px solid #c5a0ff}nav button:hover{background:#492164}.icon{width:21px;height:21px}.pill{font-size:13px;color:#e8dbf3;border-color:#795a8e;padding:6px 12px}
main{padding:0 30px 30px}.page-header{padding:24px 0 20px}.eyebrow{font-size:12px;color:#6a2db1;letter-spacing:1.7px}h1{font-size:32px;letter-spacing:-.8px;margin:4px 0}h2{font-size:22px}h3{font-size:18px}.page-description{font-size:16px;color:var(--muted);margin:4px 0 0}.page-tools{font-size:14px;gap:20px}.icon-button{padding:11px 15px;background:#f8f4fc;color:#4b146e;font-size:14px;border-color:#ccb9dd}
.filters{background:#ded2ee;border-color:#cebadf;padding:18px;gap:12px;border-radius:12px;grid-template-columns:repeat(2,minmax(140px,1fr)) minmax(150px,1.15fr) repeat(3,minmax(130px,1fr)) minmax(180px,1.4fr) auto auto;box-shadow:0 2px 0 #d5c8e4}
label,.rm-field{font-size:14px;font-weight:600;color:#4a335e;gap:7px}input,select,summary{height:46px;font-size:15px;padding:0 12px;border:1px solid #bcacca;border-radius:7px}.filters>button{height:46px;font-size:15px}.filters .secondary{font-size:14px;background:#eee6f7;color:#4b146e}.rm-popover{top:78px;width:320px;padding:16px}.popover-title{font-size:16px}#rmOptions label{font-size:16px;padding:8px 2px}.text-button,.rm-popover small{font-size:13px}#rmOptions input{width:18px;height:18px}
.context-row{font-size:13px;align-items:center;padding:14px 2px;gap:16px}.coverage-message{display:inline-flex;align-items:center;gap:16px;margin-right:20px;color:#49325e}.coverage-message strong{font-size:14px}.coverage-message span{font-size:14px}.timezone-note{font-size:13px;color:#6b5b79}.auto-refresh{font-size:13px}
#cards{gap:18px;margin-bottom:20px;grid-template-columns:repeat(4,minmax(0,1fr))}.card{min-height:200px;border:0;border-radius:12px;padding:24px;box-shadow:0 5px 14px #3813450c;background:#4b146e;color:white;--accent:#e0bcff}.card:nth-child(2){background:#7842b4;--accent:#f3dfff}.card:nth-child(3){background:#d0eae4;color:#124c43;--accent:#126b5d}.card:nth-child(4){background:#e1d4f2;color:#432064;--accent:#7c3cff}.card>div:first-child{color:inherit;font-size:18px;font-weight:600;justify-content:space-between}.card>div:first-child .icon{color:inherit;width:25px;height:25px}.card>strong{font-size:52px;line-height:1.1;margin:12px 0;font-weight:750;letter-spacing:-1.5px}.card>em{font-size:13px;padding:4px 9px;color:inherit;background:#ffffff30;border:1px solid #ffffff40;border-radius:5px}.call-card>em{background:#ffffff65;border-color:#ffffff80}.card>span{color:inherit;opacity:.9;font-size:14px;max-width:100%;margin-top:10px}.card:has(.sparkline)>span{max-width:68%}.card>.sparkline{height:48px;bottom:23px;right:22px}
article{padding:22px;border:1px solid #d7c9e3;border-radius:12px;background:#f9f6fd;margin-bottom:20px}.section-heading{margin-bottom:18px}.section-heading span,.section-heading p{font-size:14px;color:#6a557c}.activity-panel{background:#f4edf9}#trends{gap:26px}.rank-chart{border:1px solid #ddcdea;border-radius:10px;background:#e9def3;padding:18px 22px}.rank-chart.call{background:#dfede8;border-color:#c5dcd3}.rank-chart h3{margin-bottom:16px}.rank-row{display:grid;grid-template-columns:minmax(150px,1fr) 2fr 50px;gap:16px;align-items:center;margin:12px 0}.rank-row button{justify-content:start;text-align:left;padding:0;background:transparent;color:#412254;font-size:15px;font-weight:600}.rank-row strong{font-size:17px;text-align:right}.bar-track{height:13px;border-radius:3px;background:#d4bfe6;overflow:hidden}.bar-fill{display:block;height:100%;background:#7b3db2;border-radius:3px}.call .bar-track{background:#c1dcd1}.call .bar-fill{background:#268773}.rank-chart p{font-size:13px;color:#675772;margin:18px 0 0}.chartbox p{font-size:14px}.chartbox svg{height:230px}.chartbox svg text{font-size:14px;fill:#685775}.chartbox{background:#efe6f7;border:1px solid #ddcdea;padding:18px;border-radius:10px}.chartbox:last-child{background:#e7efeb}.series{stroke-width:3}
table{font-size:16px}th{font-size:14px;font-weight:650;letter-spacing:0;background:#e4d8ef;color:#503364;padding:13px 16px}td{padding:13px 16px;border-color:#e4d8ef}tbody tr:nth-child(even){background:#f0e9f7}tbody tr:hover{background:#e9ddf5}td button{font-size:16px;gap:10px;color:#4b146e;font-weight:600}.avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#dfd0ed;color:#603484;font-size:12px;font-weight:750}.numeric{font-weight:650;font-size:17px}.status-badge{display:inline-block;border-radius:5px;padding:3px 9px;font-size:13px;font-weight:600;background:#fae8b8;color:#77520f}.status-badge.complete{background:#ccebdd;color:#245d43}.footnote,#tableNote{font-size:13px;color:#665373;line-height:1.6}.source-status{background:#eee4f7}.source-status strong{font-size:18px}.source-status span,.source-status p,#healthContent>p{font-size:15px}.password-panel p,#loginerror{font-size:15px}.password-panel{padding:24px}#login{max-width:460px}#login p{font-size:16px}
@media(min-width:2200px){body{font-size:18px}nav button{font-size:18px}h1{font-size:38px}h2{font-size:26px}h3{font-size:21px}.page-description{font-size:18px}label,.rm-field{font-size:16px}input,select,summary{font-size:17px;height:50px}.filters>button{height:50px;font-size:17px}.filters .secondary{font-size:16px}.card>strong{font-size:62px}.card>div:first-child{font-size:22px}.card>span{font-size:16px}.card>em{font-size:15px}.coverage-message span,.coverage-message strong,.timezone-note,.auto-refresh{font-size:15px}.rank-row button,td button,table{font-size:18px}.rank-row strong,.numeric{font-size:20px}th{font-size:16px}.status-badge{font-size:15px}.rank-row{margin:14px 0}.rank-chart p,.footnote,#tableNote{font-size:15px}.section-heading span{font-size:16px}}
@media(max-width:1650px){.filters{grid-template-columns:repeat(4,minmax(0,1fr))}.filters .rm-field{grid-column:span 2}.filters>button{width:100%}.page-tools #refreshed{display:none}.context-row{align-items:start}.timezone-note{display:block;margin-top:5px}}
@media(max-width:1100px){.topbar{padding:0 18px;gap:12px}.product-name,.brand-divider,.pill{display:none}nav button{font-size:14px;padding:0 10px}#cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card{min-height:190px}main{padding:0 18px 18px}#trends{grid-template-columns:1fr}.coverage-message{flex-wrap:wrap;gap:5px 14px}.section-heading{align-items:start}}
@media(max-width:760px){.topbar{height:auto;padding:14px 12px;gap:12px}nav{width:100%;gap:2px}nav button{font-size:12px;padding:10px 4px}.topbar .icon{width:16px}main{padding:0 12px 12px}h1{font-size:26px}.page-description{font-size:14px}.page-header{padding:18px 0}.filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;gap:10px}label,.rm-field{font-size:13px}input,select,summary{font-size:14px}.filters>button{font-size:14px}.card{padding:16px;min-height:190px}.card>strong{font-size:38px}.card>div:first-child{font-size:15px}.card>em{font-size:11px}.card>span{font-size:12px}.card>.sparkline{position:static;height:30px;width:100%;margin-top:10px}.card:has(.sparkline)>span{max-width:100%}#cards{gap:10px}.coverage-message span{font-size:12px}.timezone-note{font-size:12px}.rank-row{grid-template-columns:130px 1fr 35px;gap:10px}.rank-row button{font-size:13px}.rank-chart{padding:14px}.rank-chart p{font-size:12px}article{padding:14px}h2{font-size:20px}.section-heading span{font-size:12px}.chartbox{padding:10px}.chartbox svg{height:180px}.chartbox p{font-size:12px}.section-heading{gap:4px}}

@media(min-width:1101px) and (max-width:1650px){.filters{grid-template-columns:repeat(5,minmax(0,1fr))}}

svg.bar-track{display:block;width:100%;height:13px}.bar-fill{fill:#7b3db2}.call .bar-fill{fill:#268773}
/* Final density and date-range controls. */
.topbar{height:64px}.nav-logo-svg{width:112px;height:28px}.brand{width:112px}.page-header{padding:16px 0}.eyebrow{font-size:11px}h1{font-size:28px}.page-tools{font-size:13px}nav button{font-size:15px}h2{font-size:20px}h3{font-size:17px}
.filters{grid-template-columns:minmax(140px,1fr) minmax(155px,1.1fr) repeat(3,minmax(130px,1fr)) minmax(180px,1.4fr) auto auto;padding:14px;gap:10px}input,select,summary,.filters>button{height:40px;font-size:14px}label,.rm-field{font-size:13px;gap:5px}.filters .secondary{font-size:13px}.rm-popover{top:65px}.context-row{padding:10px 2px;flex-wrap:wrap;gap:6px 16px}#rangeCaption{font-size:14px;white-space:nowrap;color:#4b146e}#warnings{flex:1}.coverage-message{gap:12px;margin-right:14px}.coverage-message strong,.coverage-message span,.timezone-note,.auto-refresh{font-size:12px}
#cards{gap:14px;margin-bottom:14px}.card{padding:18px 20px;min-height:166px}.card>div:first-child{font-size:17px}.card>strong{font-size:42px;margin:8px 0}.card>span{font-size:13px;margin-top:7px}.card>em{font-size:12px;padding:2px 7px}.card>.sparkline{height:38px;bottom:16px}.card>div:first-child .icon{width:21px;height:21px}
article{padding:18px;margin-bottom:14px}.section-heading{margin-bottom:12px}.rank-chart{padding:14px 18px}.rank-chart h3{margin-bottom:10px}.rank-row{margin:8px 0;gap:12px}.rank-row button{font-size:14px}.rank-row strong{font-size:16px}.rank-chart p{font-size:12px;margin-top:12px}.chartbox svg{height:190px}table,td button{font-size:15px}th{font-size:13px;padding:10px 14px}td{padding:10px 14px}.numeric{font-size:16px}.status-badge{font-size:12px}.avatar{width:28px;height:28px;font-size:11px}.section-heading span,#tableNote{font-size:12px}
dialog{width:min(480px,calc(100vw - 32px));padding:24px;border:1px solid #cbb7de;border-radius:14px;background:#f6f0fc;color:var(--ink);box-shadow:0 24px 80px #28143744}dialog::backdrop{background:#210b3d88;backdrop-filter:blur(3px)}.date-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}#dateError{color:#9c3227;font-size:14px}.date-fields input{height:44px;font-size:16px}dialog .text-button{font-size:14px}
@media(min-width:2200px){h1{font-size:32px}h2{font-size:23px}h3{font-size:19px}nav button{font-size:17px}label,.rm-field{font-size:14px}input,select,summary,.filters>button{height:44px;font-size:16px}.card>strong{font-size:48px}.card>div:first-child{font-size:19px}.card>span{font-size:14px}.card>em{font-size:13px}table,td button{font-size:16px}.numeric{font-size:18px}th{font-size:14px}.rank-row button{font-size:16px}.rank-row strong{font-size:18px}.rank-row{margin:9px 0}.coverage-message strong,.coverage-message span,.timezone-note,#rangeCaption{font-size:14px}.section-heading span,#tableNote{font-size:13px}}
@media(max-width:1500px){.filters{grid-template-columns:repeat(4,minmax(0,1fr))}.filters .rm-field{grid-column:auto}.filters>button{width:100%}}
@media(max-width:760px){.topbar{height:auto}.filters{grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:14px;min-height:160px}.card>strong{font-size:34px}.card>div:first-child{font-size:14px}.card>span{font-size:12px}.card>em{font-size:11px}h1{font-size:25px}.rank-row{grid-template-columns:120px 1fr 35px}.rank-row button{font-size:13px}.date-fields{gap:10px}.context-row #warnings{flex-basis:100%}.timezone-note{font-size:11px}}
.filters .rm-field{grid-column:auto}
.context-row{display:flex;align-items:center;gap:10px 16px;padding:10px 0 12px}#rangeCaption{padding-right:16px;border-right:1px solid #cab9dc;line-height:24px}#warnings{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;min-width:0}.data-chip{font-size:13px;line-height:24px;color:#594468}.timezone-note{display:inline;font-size:12px;line-height:24px;margin:0;color:#776584}.preview-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;margin-bottom:14px;background:#fff0d4;color:#6c4400;border:1px solid #e2bd75;border-radius:8px;font-size:14px}.preview-banner a{background:#4b146e;color:white;border-radius:6px;padding:8px 14px;text-decoration:none;font-weight:600;white-space:nowrap}@media(min-width:2200px){.data-chip{font-size:14px}.timezone-note{font-size:13px}}@media(max-width:760px){#rangeCaption{border:0;padding:0}#warnings{gap:2px 10px}.data-chip,.timezone-note{font-size:12px;line-height:20px}.preview-banner{font-size:12px;padding:10px;flex-wrap:wrap}}

/* Compact overview metrics; detailed activity remains in RM tables. */
.card{min-height:0;padding:14px 18px}.card>strong{font-size:36px;margin:4px 0;line-height:1.1}.card>div:first-child{font-size:16px}.card>em{padding:1px 6px;font-size:11px}.card>span{margin-top:5px;font-size:12px}.card>.sparkline{height:30px;bottom:14px}#cards{margin-bottom:12px}
@media(min-width:2200px){.card>strong{font-size:40px}.card>div:first-child{font-size:18px}.card>span{font-size:13px}.card>em{font-size:12px}}
@media(max-width:760px){.card{padding:12px}.card>strong{font-size:30px}.card>div:first-child{font-size:14px}.card>span{font-size:11px}}

/* Large in-card trends, independently scaled to each metric. */
.card-chart{position:absolute;right:18px;top:48px;bottom:12px;width:48%;display:flex;flex-direction:column;justify-content:flex-end;gap:5px;--spark-main:var(--accent)}
.card-sparkline{width:100%;height:78px;min-height:55px;overflow:visible;display:block;color:var(--spark-main)}
.spark-baseline{stroke:currentColor;opacity:.18;stroke-width:1}.spark-line{fill:none;stroke:currentColor;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.spark-area{fill:currentColor;opacity:.15}.spark-dot{fill:currentColor}.spark-1{color:#9255d2;stroke-dasharray:5 3}.spark-caption{display:flex;justify-content:flex-end;gap:10px;font-size:10px;color:inherit;opacity:.9;white-space:nowrap}.spark-key{display:inline-flex;align-items:center;gap:4px}.spark-key:before{content:'';width:13px;height:3px;background:var(--accent)}.spark-key.spark-1:before{background:#9255d2}.card>strong,.card>em{position:relative;z-index:1}.card>span{max-width:46%}.card{min-height:150px}.card:nth-child(4){--accent:#4b146e}
@media(min-width:2200px){.card-chart{top:49px;width:51%;bottom:14px}.card-sparkline{height:88px}.spark-caption{font-size:12px}.card>span{max-width:43%}}
@media(max-width:1100px){.card-chart{width:46%;right:14px}.spark-caption{gap:6px;font-size:9px}.card>span{max-width:47%}}
@media(max-width:600px){.card-chart{position:static;width:100%;margin-top:9px;gap:3px}.card-sparkline{height:62px;min-height:62px}.card>span{max-width:100%}.spark-caption{font-size:9px}.card{min-height:0}}

:is(#comparisonTable,#days){table-layout:fixed}:is(#comparisonTable,#days) th:first-child[rowspan]{width:32%;vertical-align:middle}:is(#comparisonTable,#days) .column-group{text-align:center;cursor:default;padding:8px 14px;border-bottom:1px solid #c8b4dd;color:#4b146e}:is(#comparisonTable,#days) thead tr:nth-child(2) th{text-align:center;padding:6px 14px 9px}:is(#comparisonTable,#days) td:not(:first-child){text-align:center}:is(#comparisonTable,#days) .column-group:last-child{background:#d2e6df;color:#22594b}:is(#comparisonTable,#days) thead tr:nth-child(2) th:nth-last-child(-n+2){background:#dfede7;color:#22594b}:is(#comparisonTable,#days) th:first-child[rowspan]{text-align:left}:is(#comparisonTable,#days) td:first-child{white-space:normal}@media(max-width:760px){:is(#comparisonTable,#days){min-width:620px}}

/* Per-column comparisons: exact proportions, including genuine zero widths. */
:is(#comparisonTable,#days) td:not(:first-child){padding:8px 16px}.comparison-bar{position:relative;width:100%;height:32px;text-align:left}.comparison-bar svg{display:block;overflow:hidden;border-radius:5px}.comparison-track{fill:#e9dff3}.comparison-fill{fill:#c4a0e4}.calls-bar .comparison-track{fill:#e0eee8}.calls-bar .comparison-fill{fill:#8cc8b6}.comparison-value{position:absolute;left:10px;top:0;line-height:32px;color:#34104d;font-size:15px;font-weight:750;font-variant-numeric:tabular-nums;pointer-events:none}.calls-bar .comparison-value{color:#123f34}.comparison-bar:hover .comparison-fill{filter:brightness(.96)}@media(min-width:2200px){.comparison-value{font-size:17px}}@media(max-width:760px){:is(#comparisonTable,#days) td:not(:first-child){padding:8px}.comparison-value{font-size:14px;left:7px}}

/* Primary filters, with call-specific options in an explicit secondary panel. */
.filters{grid-template-columns:minmax(180px,1fr) minmax(190px,1fr) minmax(230px,1.6fr) minmax(180px,.9fr) auto;background:#f4effa;border:1px solid #d2c1e2;border-left:4px solid #7935ed;box-shadow:0 3px 12px #4b146e08;padding:14px 16px;gap:18px;border-radius:10px}
.filters>label,.filters .filter-label{color:#685077;font-size:12px;font-weight:650}.filters input,.filters select,.filters summary{border-color:#d1c0e0;background:#fff;height:42px;border-radius:7px;font-weight:500}.filters>button{height:42px;padding:0 22px;box-shadow:0 3px 7px #7935ed20}.filters:has(#callFilterField[hidden]){grid-template-columns:minmax(180px,1fr) minmax(190px,1fr) minmax(230px,1.6fr) auto}.call-filter-field{position:relative;display:flex;flex-direction:column;gap:5px;min-width:0}.call-filter-field summary{gap:9px;color:#28594e;background:#e7f1ed;border-color:#bcd8cd}.call-filter-field summary .icon{width:18px;height:18px}.filter-chevron{margin-left:auto;font-size:18px}.call-filter-popover{position:absolute;z-index:25;right:0;top:72px;width:330px;padding:18px;background:#fcfffd;border:1px solid #b8d5c8;border-radius:12px;box-shadow:0 16px 45px #1e40302b}.call-filter-popover .popover-title{color:#244d40;margin-bottom:6px}.call-filter-popover>p{font-size:13px;color:#597165;line-height:1.5;margin:0 0 14px}.call-filter-popover label{margin:10px 0;font-size:13px;color:#365b4e}.call-filter-popover select{border-color:#c5d9d0}.call-filter-popover>button{margin-top:8px;width:100%;background:#276a59}.has-filters summary{box-shadow:inset 0 0 0 1px #438873}#callFilterSummary{white-space:nowrap}.filters .rm-popover{top:69px}
@media(min-width:2200px){.filters>label,.filters .filter-label{font-size:14px}.filters input,.filters select,.filters summary,.filters>button{height:44px}.filters{gap:22px}.call-filter-popover{top:75px}}
@media(max-width:1100px){.filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.filters:has(#callFilterField[hidden]){grid-template-columns:repeat(3,minmax(0,1fr))}.filters>button{width:100%}.call-filter-popover{left:0;right:auto}}
@media(max-width:760px){.filters,.filters:has(#callFilterField[hidden]){grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;gap:10px}.filters .rm-field{grid-column:span 2}.call-filter-popover{width:min(330px,calc(100vw - 50px));top:69px}.filters>label,.filters .filter-label{font-size:12px}.filters summary,.filters select{font-size:13px}.filters>button{padding:0 10px}.filters .rm-popover{top:67px}}

.bar-legend{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:0 0 12px;font-size:12px;color:#665971}.bar-legend>span{display:inline-flex;align-items:center;gap:6px}.bar-legend>span:before{content:'';width:10px;height:10px;border-radius:3px;background:#b8bac2}.bar-legend .legend-below:before{background:#ca635e}.bar-legend .legend-above:before{background:#409767}.bar-legend small{font-size:11px;color:#887a91}.comparison-value{top:5px;line-height:22px;padding:0 5px;left:6px;background:#ffffffd9;border-radius:3px;font-size:14px}.comparison-bar.above .comparison-value{color:#17492f}.comparison-bar.below .comparison-value{color:#782d28}.comparison-bar.at .comparison-value{color:#41434c}.comparison-bar:hover .average-fill{filter:brightness(.96)}@media(min-width:2200px){.bar-legend{font-size:14px}.bar-legend small{font-size:12px}.comparison-value{font-size:16px}}
/* Distinct identity, email and call column groups. */
:is(#comparisonTable,#days) th:first-child[rowspan]{width:25%;background:#dce4ed;color:#273b50}
:is(#comparisonTable,#days) td:first-child{background:#eef2f7}
:is(#comparisonTable,#days) td:first-child button{color:#243b53}
:is(#comparisonTable,#days) td:first-child .avatar{background:#d5dfeb;color:#344b65}
:is(#comparisonTable,#days) .column-group:not(:last-child){background:#dce9f6;color:#234f79}
:is(#comparisonTable,#days) thead tr:nth-child(2) th:nth-child(-n+3){background:#e5eff9;color:#234f79}
:is(#comparisonTable,#days) th:nth-child(3){border-right:1px solid #c9d7e4}

/* Smaller table type, retaining the existing responsive scale. */
table,td button{font-size:13px}th{font-size:11px}.numeric{font-size:14px}.comparison-value{font-size:12px}
#comparisonTable .clickable-row{cursor:pointer}
#comparisonTable .clickable-row:hover td,#comparisonTable .clickable-row:focus-within td{background:#e9ddf5}
@media(min-width:2200px){table,td button{font-size:14px}th{font-size:12px}.numeric{font-size:16px}.comparison-value{font-size:14px}}