.usage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:16px}
.usage-card-heading{display:flex;align-items:center;gap:12px}.usage-card-heading h3{margin:0}.usage-card-heading p{font-size:11px;margin-top:3px}
.usage-kpi{display:flex;align-items:center;gap:20px;margin:22px 0}.usage-kpi>strong{font:46px var(--display);letter-spacing:-1.5px;white-space:nowrap}.usage-kpi>span{font-size:12px;line-height:1.8;color:var(--muted)}
.usage-window{margin:15px 0}.usage-window>div{display:flex;justify-content:space-between;gap:12px;font-size:12px}.usage-window>div>strong{font-weight:500}.usage-window p,.usage-observed{font-size:10px;line-height:1.7;margin-top:5px}
.usage-window progress{display:block;appearance:none;width:100%;height:8px;margin:8px 0;border:0;border-radius:8px;overflow:hidden;background:var(--line)}
.usage-window progress::-webkit-progress-bar{background:var(--line);border-radius:8px}.usage-window progress::-webkit-progress-value{background:var(--blue);border-radius:8px}.usage-window progress::-moz-progress-bar{background:var(--blue);border-radius:8px}
.usage-warning progress::-webkit-progress-value{background:#c89546}.usage-critical progress::-webkit-progress-value{background:#cf6175}.usage-warning progress::-moz-progress-bar{background:#c89546}.usage-critical progress::-moz-progress-bar{background:#cf6175}
.usage-period{border-top:1px solid var(--line);margin-top:16px;padding-top:15px}.usage-period h4{font-size:12px;font-weight:500;margin:0 0 9px}.usage-period h4 small{font-size:10px;font-weight:400;color:var(--muted);margin-left:7px}
.usage-totals{display:grid;grid-template-columns:1fr 1.1fr 1.1fr;gap:12px;margin:0}.usage-totals dt,.usage-breakdown dt{font-size:10px;color:var(--muted)}.usage-totals dd{font:18px var(--display);margin:5px 0 0;overflow-wrap:anywhere}.usage-card-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:18px;font-size:10px;color:var(--muted)}
.usage-note{font-size:11px;line-height:1.8;margin-bottom:30px}.usage-detail{margin-top:24px;scroll-margin-top:20px}.usage-detail .table-wrap{width:100%;overflow-x:auto}.usage-detail table{min-width:780px}.usage-detail td:not(:first-child){font-variant-numeric:tabular-nums;white-space:nowrap}.usage-detail td code{color:var(--ink)}
.usage-breakdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0}.usage-breakdown dd{font:21px var(--display);margin:5px 0 0;overflow-wrap:anywhere}.usage-unavailable{font-size:11px;padding:12px 0}.usage-detail .section-heading{flex-wrap:wrap}
@media(max-width:900px){.usage-grid{grid-template-columns:1fr}.usage-breakdown{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.usage-kpi>strong{font-size:38px}.usage-totals{gap:8px}.usage-totals dd{font-size:16px}.usage-detail .section-heading>span{font-size:10px}}

/* SPV BACKUP PAGE */
.backup-page{max-width:960px;margin:0 auto;padding:32px 24px 60px}.backup-page .panel{margin-top:24px}.backup-page .panel p{margin:12px 0;line-height:1.7}.backup-page form{max-width:640px;margin-top:20px}.backup-page label{display:block;margin:12px 0 6px}.backup-page input{display:block;width:100%;padding:12px;margin-bottom:16px;border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--ink)}.backup-page .button{margin:8px 12px 8px 0}.backup-page [role=alert]{color:var(--amber)}@media(max-width:620px){.backup-page{padding:20px 16px}.backup-page h1{font-size:34px}}

/* Historique et indicateur de la home */
.backup-home{margin:24px 0}.backup-home .section-heading{margin:0 0 14px}.backup-home p{margin:12px 0;line-height:1.7}.backup-date strong{font-size:1.05em}.backup-date span,.backup-volume,.backup-end{color:var(--muted)}.backup-history-table{min-width:760px;width:100%}.backup-history-table th,.backup-history-table td{white-space:nowrap}.backup-history-table td{vertical-align:top}.backup-history-table .status-pill{font-size:12px}.backup-history-wrap{overflow-x:auto;max-width:100%}.backup-page #historique .section-heading{flex-wrap:wrap;gap:12px}.backup-page #historique-date{font-size:12px}.backup-page #backup-summary{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.backup-home .section-heading{flex-wrap:wrap;gap:12px}@media(max-width:620px){.backup-home .section-heading h2{font-size:19px}.backup-page .panel{padding:18px}.backup-home .status-pill{font-size:12px}}