.usage-dashboard {max-width:72rem;margin-inline:auto;color:#183452}
.usage-dashboard section {margin-block:1.25rem;padding:clamp(1rem,3vw,2rem);background:#fff;border:1px solid #d7e3ef;border-radius:1rem}
.usage-dashboard p {color:#49637e;line-height:1.6}
.usage-dashboard h2 {font-size:1.16rem;margin-top:0}
.usage-scroll,.usage-trend {overflow:auto}
.usage-scroll table {width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.usage-scroll th,.usage-scroll td {padding:.6rem .8rem;text-align:right;border-bottom:1px solid #e6edf5;white-space:nowrap}
.usage-scroll th:first-child {text-align:left}
.usage-trend {max-height:19rem;margin-top:1rem}
.usage-trend > div {display:grid;grid-template-columns:7rem minmax(2rem,1fr) 4rem;gap:.7rem;align-items:center;padding:.4rem}
.usage-trend strong {text-align:right;font-variant-numeric:tabular-nums}
.usage-bar {background:#edf3fa;height:.5rem;border-radius:1rem;overflow:hidden}
.usage-bar i {display:block;height:100%;background:#3263af}
.usage-dashboard nav {display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.usage-kpis {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:.7rem;margin-top:1rem}
.usage-kpis article {background:white;border:1px solid #d7e3ef;border-radius:.9rem;padding:1rem;display:grid;gap:.3rem}
.usage-kpis strong {font-size:clamp(1.7rem,4vw,2.35rem);color:#234e93;font-variant-numeric:tabular-nums}
.usage-kpis small {color:#49637e}
.usage-funnel > div {display:grid;grid-template-columns:minmax(7rem,1fr) 2fr minmax(7rem,1fr);gap:.6rem;align-items:center;padding:.4rem 0}
.usage-funnel strong {text-align:right}
.usage-dashboard summary {cursor:pointer;font-weight:650}
@media(max-width:540px){.usage-funnel > div {grid-template-columns:1fr auto}.usage-funnel .usage-bar {grid-column:1/-1;grid-row:2}.usage-funnel strong {grid-column:2;grid-row:1}}