#onboarding-view .usage-toolbar{flex-wrap:wrap}
#onboarding-view .usage-range,#onboarding-refresh{min-height:44px}
#onboarding-view .usage-range:focus-visible,#onboarding-refresh:focus-visible{outline:2px solid #7da0ff;outline-offset:2px}
#onboarding-status.error{color:#ffb4b4}
.onba-period{font-size:13px;font-weight:650;overflow-wrap:anywhere}
.onba-note{font-size:12px;color:var(--muted);line-height:1.6;margin:8px 0 14px}
.onba-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}
.onba-metric,.onba-panel,.onba-empty{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px}
.onba-number{font-size:28px;font-weight:750;font-variant-numeric:tabular-nums}.onba-label{font-size:13px;font-weight:650}
.onba-detail{color:var(--muted);font-size:12px;margin:6px 0 0}
.onba-panel{margin:18px 0;padding:0;overflow:hidden}.onba-panel h3{font-size:15px;padding:16px;margin:0}
.onba-scroll{overflow-x:auto}.onba-scroll:focus-visible{outline:2px solid #7da0ff;outline-offset:-2px}
.onba-scroll table{border:0;border-radius:0;min-width:430px}.onba-scroll .onba-daily{min-width:830px}
.onba-scroll tbody th{font-size:12px;letter-spacing:0;text-transform:none;color:#d9dde6;font-weight:500}
.onba-scroll td{font-variant-numeric:tabular-nums}.onba-empty h3{font-size:16px;margin:0 0 8px}.onba-empty p{color:var(--muted);font-size:13px;margin:0}
@media(max-width:800px){.onba-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:440px){.onba-grid{gap:8px}.onba-metric{padding:13px}.onba-number{font-size:25px}}
.onba-definitions{margin:12px 0}.onba-definitions summary{margin:0;padding:10px 0;min-height:44px;color:#bcd0ff;font-size:13px;font-weight:600}
.onba-definitions summary:focus-visible{outline:2px solid #7da0ff;outline-offset:2px}