@import url('./records-dense-20261017-r1.css');
/* Dense report: navy navigation, compact 2+3 ledger, no external chart library. */
.report-topbar-actions { display:flex; align-items:center; gap:7px; }
#refreshReport { min-height:25px; padding:0 6px; border:1px solid #6785a9; border-radius:4px; background:#234e7d; color:#fff; font-size:11px; white-space:nowrap; }
#refreshReport[hidden] { display:none; }
.store-report-page { width:min(100%,1200px); min-width:0; margin:0 auto; padding:0 max(5px,env(safe-area-inset-right)) 0 max(5px,env(safe-area-inset-left)); }
.report-time-tabs { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:0; margin:0 0 4px; padding:0; border:1px solid #d2deec; border-top:0; border-radius:0 0 4px 4px; background:#fff; }
.report-time-tabs button { min-width:0; min-height:30px; padding:3px 1px; border:0; border-right:1px solid #dbe5ef; border-radius:0; background:transparent; color:#294867; font-size:12px; white-space:nowrap; }
.report-time-tabs button:last-child { border-right:0; }
.report-time-tabs [data-report-range="custom"] { display:flex; align-items:center; justify-content:center; gap:3px; }
.report-time-tabs svg { flex:0 0 12px; width:12px; height:12px; }
.report-time-tabs button.active { background:#194c83; color:#fff; font-weight:650; }
.report-overview,.report-share,.report-history { min-width:0; margin:0 0 4px; border:1px solid #dce5f0; border-radius:6px; background:#fff; color:#23415f; }
.report-overview { background:#fbfdff; }
.report-primary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-bottom:1px solid #e2e9f1; }
.report-primary>div,.report-secondary>div { display:grid; justify-items:center; align-content:center; gap:3px; min-width:0; padding:12px 3px; border-right:1px solid #e2e9f1; }
.report-primary>div:last-child,.report-secondary>div:last-child { border-right:0; }
.report-primary>div>span { color:#526b84; font-size:12px; }
.report-primary strong { min-width:0; max-width:100%; color:#173d65; font-size:clamp(20px,5.5vw,27px); line-height:1.15; font-weight:750; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
.report-primary strong small { padding-left:4px; font-size:13px; font-weight:600; }
.report-secondary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
.report-secondary>div { gap:3px; padding:10px 2px; }
.report-secondary>div>span { color:#526b84; font-size:11px; white-space:nowrap; }
.report-secondary strong { min-width:0; max-width:100%; font-size:18px; line-height:1.2; font-weight:700; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
.report-secondary .report-failed { color:#ba354b; }
.report-share { padding:8px; }
.report-share h2,.report-history h2 { margin:0; color:#203d5b; font-size:13px; line-height:1.4; font-weight:700; }
.report-chart-row { display:grid; grid-template-columns:minmax(95px,40%) minmax(0,1fr); align-items:center; gap:9px; margin-top:4px; }
.report-donut { display:grid; place-items:center; width:clamp(94px,29vw,128px); aspect-ratio:1; justify-self:center; border-radius:50%; background:#e4ebf3; }
.report-donut>div { display:flex; flex-direction:column; align-items:center; justify-content:center; width:69%; height:69%; border-radius:50%; background:#fff; }
.report-donut strong { font-size:clamp(18px,5.5vw,25px); line-height:1.2; color:#153c67; font-weight:750; font-variant-numeric:tabular-nums; }
.report-donut span { margin-top:2px; color:#637a93; font-size:11px; }
.report-legend { min-width:0; }
.report-legend>div { display:grid; grid-template-columns:7px 60px minmax(0,1fr); align-items:center; gap:5px; min-width:0; margin:0; padding:5px 0; font-size:11px; }
.report-dot { width:7px; height:7px; border-radius:50%; }
.report-dot.success { background:#194c83; }.report-dot.pending { background:#53a9cc; }.report-dot.failed { background:#bf3e53; }
.report-legend strong { font-weight:600; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.report-legend>div>span { min-width:0; }
.report-legend p { margin:2px 0 0 12px; font-size:10px; color:#607891; }
.report-history>header { display:flex; align-items:center; justify-content:space-between; gap:5px; min-width:0; padding:7px 8px; border-bottom:1px solid #e2e9f1; }
.report-history>header>span { flex-shrink:0; color:#7c8ea3; font-size:9px; }
.report-history h2 { min-width:0; font-size:12px; }
.report-history>div { display:flex; align-items:center; justify-content:space-between; gap:5px; padding:7px 8px; font-size:12px; }
.report-history>div+div { border-top:1px solid #e7edf4; }
.report-history strong { min-width:0; color:#264769; font-size:12px; font-weight:650; overflow-wrap:anywhere; text-align:right; font-variant-numeric:tabular-nums; }
.report-history i { padding:0 8px; color:#cfdae6; font-style:normal; font-weight:400; }
.report-read-status { margin:0 0 3px; color:#586e87; font-size:10px; line-height:1.4; overflow-wrap:anywhere; }
.report-read-status[hidden],#reportOtherNote[hidden] { display:none; }
@media(max-width:350px) { .report-time-tabs button { font-size:11px; } .report-primary>div>span { font-size:11px; } .report-primary strong small { font-size:11px; } .report-legend>div { font-size:10px; gap:3px; } .report-history h2 { font-size:11px; } .report-history>header>span { font-size:8px; } }
@media(min-width:700px) { .store-report-page { padding:0 5px; } .report-chart-row { grid-template-columns:40% minmax(0,1fr); max-width:500px; margin:4px auto 0; } }
@media(prefers-reduced-motion:reduce) { .report-donut { animation:none; transition:none; } }