.api-sync-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 18px;padding:16px 18px;border:1px solid #cfd8df;border-radius:18px;background:#f8fafc;color:#17202a}.api-sync-copy{display:flex;flex-direction:column;gap:4px}.api-sync-copy b{font-size:16px}.api-sync-copy small{font-size:14px;color:#66727e}.api-sync-actions{display:flex;align-items:center;gap:9px}.api-sync-actions select{min-width:210px;height:40px;border:1px solid #cfd8df;border-radius:8px;background:#fff;color:#17202a;padding:0 32px 0 11px;font:700 13px/1 inherit}.api-sync-actions #apiPeriodSelect{min-width:170px}.api-sync-card .api-dot{display:inline-block;width:9px;height:9px;margin-right:8px;border-radius:50%;background:#9aa6b2}.api-sync-card.ready .api-dot{background:#38b778;box-shadow:0 0 0 4px #38b77822}.api-sync-card.error .api-dot{background:#e45858}.api-sync-card button{white-space:nowrap}.api-sync-card button:disabled{opacity:.55;cursor:not-allowed}.api-penalty{display:block;margin-top:3px;color:#d94b4b;font-weight:700}.api-empty{padding:32px!important;text-align:center;color:#7b8792}.night .api-sync-card{border-color:#40515c;background:rgba(14,25,31,.92);color:#dce7ea}.night .api-sync-copy small{color:#8fa2aa}.night .api-sync-actions select{border-color:#40515c;background:#101719;color:#dce7ea}.night .api-sync-card.ready .api-dot{box-shadow:0 0 12px #38b778}.night .api-penalty{color:#ff7373}.dimension-source-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 14px}.dimension-source-tab{position:relative;display:grid;grid-template-columns:1fr auto;gap:4px 14px;align-items:center;padding:15px 17px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--text);text-align:left;cursor:pointer}.dimension-source-tab span{font-size:15px;font-weight:800}.dimension-source-tab small{font-size:14px;color:var(--muted)}.dimension-source-tab b{grid-column:2;grid-row:1/3;min-width:32px;padding:6px 8px;border-radius:16px;background:var(--panel2);color:var(--muted);text-align:center}.dimension-source-tab.active{border-color:#d95b5b;box-shadow:inset 3px 0 #e75858,0 8px 22px #182d3a12}.dimension-source-tab.active b{background:#b83d3d;color:#fff}.dimension-source-panel[hidden],.penalty-view-panel[hidden]{display:none}.dimension-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 17px;border-bottom:1px solid var(--line);background:var(--panel2)}.dimension-panel-heading div{display:grid;gap:3px}.dimension-panel-heading b{font-size:14px}.dimension-panel-heading span{font-size:14px;color:var(--muted)}.dimension-panel-heading>strong{font-size:18px}.penalty-view-tabs{display:flex;gap:8px;padding:12px 15px;border-bottom:1px solid var(--line);background:var(--panel)}.penalty-view-tab{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line);border-radius:18px;background:var(--panel2);color:var(--muted);font-size:14px;font-weight:750;cursor:pointer}.penalty-view-tab b{min-width:22px;padding:2px 6px;border-radius:12px;background:var(--panel);font-size:12px;text-align:center}.penalty-view-tab.active{border-color:#b84a4a;background:#243746;color:#fff}.penalty-view-tab.active b{background:#b83d3d;color:#fff}.night .dimension-source-tab{background:rgba(14,25,31,.92)}.night .dimension-source-tab.active{border-color:#a94340;box-shadow:inset 3px 0 #df3e38,0 8px 26px #0006}.night .dimension-source-tab.active b{background:#87312e}.night .dimension-panel-heading{background:#151e20}.night .penalty-view-tabs{background:#101719}.night .penalty-view-tab.active{background:#2b2020;border-color:#a94340}@media(max-width:850px){.api-sync-card{align-items:stretch;flex-direction:column}.api-sync-actions{align-items:stretch;flex-direction:column}.api-sync-actions select{width:100%}.api-sync-card button{width:100%}}@media(max-width:650px){.dimension-source-tabs{grid-template-columns:1fr}.dimension-source-tab small,.dimension-panel-heading span{font-size:13px}.penalty-view-tabs{align-items:stretch;flex-direction:column}.penalty-view-tab{justify-content:space-between}}

.api-sync-actions select{appearance:none;min-width:220px;height:48px;border-radius:12px;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23546370' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;padding:0 46px 0 16px;font:500 16px/1.2 inherit;letter-spacing:-.01em}
.api-sync-actions select:focus-visible{outline:2px solid #7594a8;outline-offset:2px}
.api-sync-actions #apiPeriodSelect{min-width:190px}
.night .api-sync-actions select{background-color:#101719;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23dce7ea' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}

/* Keep the custom chevron singular and align the synchronization controls. */
.api-sync-card{padding:18px 20px}
.api-sync-actions{display:grid;grid-template-columns:190px minmax(260px,1fr) auto;gap:12px;min-width:min(760px,68%)}
.api-sync-actions select{width:100%;min-width:0!important;height:48px;line-height:48px;background-repeat:no-repeat;background-position:right 15px center;background-size:18px 18px}
.night .api-sync-actions select{background-repeat:no-repeat;background-position:right 15px center;background-size:18px 18px}
.api-sync-actions button{min-height:48px;padding-inline:22px}
@media(max-width:1180px){.api-sync-card{align-items:stretch;flex-direction:column}.api-sync-actions{min-width:0;width:100%;grid-template-columns:minmax(170px,.72fr) minmax(240px,1.28fr) auto}}
@media(max-width:760px){.api-sync-actions{display:grid;grid-template-columns:1fr}.api-sync-actions button{width:100%}}

#dimensions .dimension-source-tab{grid-template-columns:1fr;justify-items:center;text-align:center}
#dimensions .dimension-source-tab b{grid-column:1;grid-row:auto;margin-top:4px}
#dimensions .dimension-panel-heading{flex-direction:column;justify-content:center;text-align:center}
#dimensions .dimension-panel-heading div{justify-items:center}
#dimensions .penalty-view-tabs{justify-content:center}
#dimensions .penalty-view-tab{justify-content:center;text-align:center}
#dimensions table th,#dimensions table td{text-align:center;vertical-align:middle}
@media(max-width:650px){#dimensions .penalty-view-tabs{align-items:center}#dimensions .penalty-view-tab{justify-content:center;width:min(100%,340px)}}

#dimensions th small{display:inline-block;margin-top:3px;color:inherit;font-size:.58rem;letter-spacing:.08em;opacity:.78}
.overview-empty,.activity-empty{padding:24px 18px;color:var(--muted);font-size:.78rem;text-align:center}
.measurement-analytics{margin-top:18px;overflow:hidden}
.analytics-period{color:var(--muted);font-size:.72rem;text-align:right}
.analytics-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line)}
.analytics-metrics>div{display:grid;grid-template-rows:36px auto;align-content:center;justify-items:center;gap:6px;min-height:112px;padding:18px;text-align:center;border-right:1px solid var(--line);background:var(--panel2)}
.analytics-metrics>div:last-child{border-right:0}
.analytics-metrics small,.analytics-totals small{display:flex;align-items:center;justify-content:center;width:100%;color:var(--muted);font-size:.7rem;line-height:1.35;text-align:center}
.analytics-metrics strong{font-size:1.45rem;line-height:1;text-align:center}
.analytics-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:20px;padding:20px}
.analytics-distribution{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:8px 0}
.analytics-distribution>div:first-child{display:flex;justify-content:space-between;gap:15px;margin-bottom:12px;font-size:.76rem}
.analytics-distribution>div:first-child span{color:var(--muted)}
.analytics-bar{display:flex;width:100%;height:12px;overflow:hidden;border-radius:999px;background:var(--panel2)}
.analytics-bar i{display:block;width:0;height:100%;transition:width .3s ease}
.analytics-bar .critical,.analytics-legend i.critical{background:#d94b4b}
.analytics-bar .attention,.analytics-legend i.attention{background:#d39836}
.analytics-bar .control,.analytics-legend i.control{background:#826bd3}
.analytics-bar .normal,.analytics-legend i.normal{background:#5eb98a}
.analytics-legend{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}
.analytics-legend span{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;color:var(--muted);font-size:.68rem;text-align:center}
.analytics-legend i{width:8px;height:8px;border-radius:50%}
.analytics-legend b{min-width:1.5ch;color:var(--text);text-align:center}
.analytics-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.analytics-totals>div{display:grid;grid-template-rows:42px auto;align-content:center;justify-items:center;gap:6px;min-height:104px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);text-align:center}
.analytics-totals strong{font-size:.92rem;line-height:1.2;text-align:center}
.analytics-critical-list{grid-column:1/-1;display:grid;gap:8px}.analytics-critical-list[hidden]{display:none}.analytics-critical-list button{display:grid;grid-template-columns:90px minmax(180px,1fr) minmax(230px,auto) auto;align-items:center;gap:14px;width:100%;padding:11px 13px;border:1px solid #783332;border-radius:10px;background:#321a1a;color:var(--text);text-align:left;cursor:pointer}.analytics-critical-list button:hover{border-color:#b74b47;background:#3b1d1d}.analytics-critical-list span{display:flex;align-items:center;gap:7px;color:#ff817b;font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.analytics-critical-list span i{width:8px;height:8px;border-radius:50%;background:#e75858;box-shadow:0 0 9px #e75858}.analytics-critical-list strong{font-size:.78rem}.analytics-critical-list small{color:var(--muted);font-size:.7rem}.analytics-critical-list b{color:#df7772;font-size:.7rem;white-space:nowrap}
.night .measurement-analytics{background:rgba(12,21,24,.94);box-shadow:0 12px 38px #0009}
.night .analytics-metrics>div,.night .analytics-totals>div{background:rgba(20,31,34,.92)}
.night .analytics-bar{box-shadow:0 0 16px #000 inset}
.night #overview .threat-row .measure small{font-size:.57rem;line-height:1.15}
@media(max-width:1050px){.analytics-details{grid-template-columns:1fr}.analytics-metrics{grid-template-columns:repeat(2,1fr)}.analytics-metrics>div:nth-child(2){border-right:0}.analytics-metrics>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.analytics-critical-list button{grid-template-columns:80px minmax(160px,1fr) minmax(210px,auto) auto}}
@media(max-width:650px){.analytics-metrics,.analytics-totals{grid-template-columns:1fr}.analytics-metrics>div{border-right:0;border-bottom:1px solid var(--line)}.analytics-metrics>div:last-child{border-bottom:0}.analytics-details{padding:15px}.analytics-distribution>div:first-child{align-items:flex-start;flex-direction:column}.analytics-legend{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-period{text-align:left}.analytics-critical-list button{grid-template-columns:1fr;gap:5px}.analytics-critical-list b{margin-top:3px}}