.admin-storage-panel,
.admin-audit-panel { margin-bottom:20px; }

.storage-overview-grid,
.audit-summary-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--line);
}

.storage-overview-grid>div,
.audit-summary-grid>div {
  display:grid;
  min-width:0;
  gap:5px;
  padding:18px;
  background:var(--panel);
}

.storage-overview-grid small,
.audit-summary-grid small,
.backup-overview small { color:var(--muted);font-size:.8125rem; }

.storage-overview-grid strong,
.audit-summary-grid strong { font-size:1.3rem;font-weight:650;overflow-wrap:anywhere; }

.storage-meter { height:8px;margin:16px 0;overflow:hidden;border-radius:999px;background:var(--panel2); }
.storage-meter>i { display:block;width:0;height:100%;border-radius:inherit;background:var(--accent);transition:width .4s ease,background-color .25s ease; }
.storage-meter>i.status-warning { background:var(--amber); }
.storage-meter>i.status-critical { background:var(--red); }

.storage-breakdown { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px; }
.storage-breakdown>div,
.backup-overview>div { display:grid;min-width:0;gap:3px;padding:13px 15px;border:1px solid var(--line);border-radius:9px;background:var(--panel2); }
.storage-breakdown span,
.backup-overview span { color:var(--muted);font-size:.8125rem;overflow-wrap:anywhere; }
.storage-breakdown strong,
.backup-overview strong { font-weight:650;overflow-wrap:anywhere; }

.backup-overview { display:grid;grid-template-columns:.7fr 1.15fr 1.15fr;gap:10px;margin-top:10px; }
.audit-summary-grid { margin-bottom:18px; }

.audit-columns { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px; }
.audit-columns>section { min-width:0;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--panel2); }
.audit-columns h3 { margin:0 0 11px;font-size:.95rem;font-weight:650; }
.audit-login-list,
.audit-suspicious-list { display:grid;gap:6px; }
.audit-login-list>div,
.audit-suspicious-list>div { display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:3px 10px;padding:9px 10px;border-radius:7px;background:var(--panel); }
.audit-login-list p,
.audit-suspicious-list p { display:grid;min-width:0;gap:2px;margin:0; }
.audit-login-list small,
.audit-suspicious-list small,
.audit-login-list time,
.audit-suspicious-list time { color:var(--muted);font-size:.75rem; }
.audit-login-list .audit-severity,
.audit-suspicious-list .audit-severity { width:8px;min-height:8px;padding:0;background:var(--accent); }
.audit-suspicious-list .audit-severity { background:var(--amber); }

.audit-table-wrap { overflow-x:auto;border:1px solid var(--line);border-radius:10px; }
.audit-table { width:100%;min-width:780px;border-collapse:collapse;font-size:.84rem; }
.audit-table th,
.audit-table td { padding:11px 13px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle; }
.audit-table th { color:var(--muted);background:var(--panel2);font-size:.75rem;font-weight:650;letter-spacing:.025em;text-transform:uppercase; }
.audit-table tbody tr:last-child td { border-bottom:0; }
.audit-table tbody tr:hover td { background:color-mix(in srgb,var(--accent) 5%,var(--panel)); }

.audit-badge { display:inline-flex;align-items:center;min-height:25px;padding:3px 8px;border-radius:999px;background:var(--panel2);color:var(--muted);font-size:.75rem;font-weight:650; }
.audit-badge.warning { background:color-mix(in srgb,var(--amber) 13%,var(--panel));color:var(--amber); }
.audit-badge.critical { background:color-mix(in srgb,var(--red) 11%,var(--panel));color:var(--red); }

@media (max-width:1000px) {
  .storage-overview-grid,
  .audit-summary-grid,
  .storage-breakdown { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:720px) {
  .storage-overview-grid,
  .audit-summary-grid,
  .storage-breakdown,
  .backup-overview,
  .audit-columns { grid-template-columns:1fr; }
}