.storage-usage-card{display:grid;gap:14px;margin:18px 0;border:1px solid #dce6df;background:linear-gradient(145deg,#fff,#f8fbf9)}
.storage-usage-card .data-card-head{margin-bottom:0}
.storage-usage-card h2{margin:3px 0 0}
.storage-usage-topline{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;color:#52675b}
.storage-usage-topline strong{font-size:1.35rem;color:#183d2c}
.storage-usage-topline b{margin-inline-start:auto;color:#255d40;font-size:1.15rem}
.storage-usage-meter{height:12px;overflow:hidden;border-radius:999px;background:#e5ede7}
.storage-usage-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#54a875,#24633f);transition:width .2s ease}
.storage-usage-freespace,.storage-usage-card>small{color:#68786e;font-size:.88rem}
.storage-usage-freespace span{padding-inline:5px;color:#9aaba0}
.storage-usage-empty,.storage-usage-state{margin:0;padding:12px 14px;border-radius:10px;background:#f1f6f2;color:#375543}
.storage-usage-state.is-running{background:#eef5ff;color:#285178}
.storage-usage-state.is-error,.storage-usage-note{color:#8b4d21}
.storage-usage-actions{display:flex;gap:8px;flex-wrap:wrap}
.storage-usage-actions button{min-height:38px}
.storage-usage-details,.storage-usage-preview{padding-top:12px;border-top:1px solid #e3ebe5}
.storage-usage-details h3,.storage-usage-preview h3{margin:0 0 10px;font-size:1rem;color:#264b35}
.storage-usage-table-wrap{overflow:auto;border:1px solid #e5ebe6;border-radius:10px}
.storage-usage-card table{width:100%;border-collapse:collapse;min-width:540px;background:#fff}
.storage-usage-card th,.storage-usage-card td{padding:9px 11px;border-bottom:1px solid #edf1ed;text-align:start;font-size:.88rem}
.storage-usage-card thead th{background:#f4f8f5;color:#53675a;font-weight:700}
.storage-usage-card tbody tr:last-child th,.storage-usage-card tbody tr:last-child td{border-bottom:0}
.storage-usage-backups{margin-top:12px}
.storage-usage-backups summary{padding:9px 0;color:#31593f;font-weight:700;cursor:pointer}
.storage-usage-backups .storage-usage-table-wrap{margin-top:8px}
.storage-usage-preview-summary p{margin:0 0 9px;color:#53675a}
.storage-usage-preview-summary ul{display:grid;gap:7px;margin:0;padding-inline-start:22px}
.storage-usage-review-families{display:grid;gap:6px;margin-top:12px;padding:10px 12px;border-radius:10px;background:#fff8e9;color:#765323}
.storage-usage-review-families span{font-size:.9rem}
.storage-usage-card [hidden]{display:none!important}
@media(max-width:640px){.storage-usage-card{padding:14px}.storage-usage-topline strong{font-size:1.15rem}.storage-usage-actions button{flex:1 1 46%}.storage-usage-card table{min-width:500px}}