/* Admin › Plan & usage › Storage (public/admin-storage.js). Built on the
   credit panel; amber only when the company nears or passes its allowance. */
.storage-panel .storage-title { margin:0 0 var(--space-3, 12px); }
.storage-track.warn i { background:var(--amber); }
.storage-facts { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:var(--space-3, 12px) var(--space-6, 24px); margin:var(--space-5, 20px) 0 0; padding-top:var(--space-4, 16px); border-top:1px solid var(--line); }
.storage-facts dt { font-size:var(--text-sm, 13px); color:var(--ink-3); }
.storage-facts dd { margin:var(--space-1, 4px) 0 0; font-size:var(--text-md, 14px); color:var(--ink); font-variant-numeric:tabular-nums; }
.storage-help { margin:var(--space-4, 16px) 0 0; }
.storage-charges-wrap { overflow-x:auto; margin-top:var(--space-4, 16px); }
.storage-charges { width:100%; border-collapse:collapse; font-size:var(--text-sm, 13px); }
.storage-charges th, .storage-charges td { padding:var(--space-2, 8px); border-top:1px solid var(--line); text-align:left; white-space:nowrap; }
.storage-charges thead th { color:var(--ink-3); font-weight:500; border-top:0; }
.storage-charges tbody th { font-weight:500; color:var(--ink); }
.storage-charges .num { text-align:right; font-variant-numeric:tabular-nums; white-space:nowrap; }
.storage-charges s { color:var(--ink-3); }
@media (max-width:560px) {
  .storage-panel .credit-foot { flex-direction:column; align-items:flex-start; gap:var(--space-1, 4px); }
  .storage-facts { grid-template-columns:1fr; }
  .storage-charges th, .storage-charges td { padding:var(--space-2, 8px) var(--space-1, 4px); white-space:normal; }
}