.storage-loading{min-height:220px;display:grid;place-content:center;justify-items:center;gap:14px;color:var(--muted)}
.storage-health{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 28px;border:1px solid #dce7df;border-radius:20px;background:linear-gradient(135deg,#f1faf4,#fff);margin-bottom:20px}
.storage-health small,.storage-kpis small{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--muted)}
.storage-health strong{display:block;margin:5px 0;font-size:25px}.storage-health p{margin:0;color:var(--muted)}
.storage-health>span{display:grid;place-items:center;min-width:88px;height:88px;border-radius:50%;background:#fff;border:8px solid #49a96c;font-size:18px;font-weight:800}
.storage-health.warning>span{border-color:#d8a427}.storage-health.high>span{border-color:#e67826}.storage-health.critical>span{border-color:#c84646}
.storage-usage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}
.storage-usage{position:relative;padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--white)}
.storage-usage>div:first-child{padding-right:70px}.storage-usage span{font-weight:750}.storage-usage strong{display:block;margin:7px 0;font-size:22px}.storage-usage strong small{font-size:13px;color:var(--muted)}.storage-usage p{margin:0;color:var(--muted);font-size:13px}
.storage-usage>b{position:absolute;right:22px;top:24px}.storage-usage>em{display:block;margin-top:8px;font-size:12px;font-style:normal;font-weight:750;color:#287849}
.storage-progress{height:9px;margin-top:18px!important;padding:0!important;border-radius:99px;background:#e9eeeb;overflow:hidden}.storage-progress i{display:block;height:100%;border-radius:inherit;background:#49a96c}
.storage-usage.warning .storage-progress i{background:#d8a427}.storage-usage.high .storage-progress i{background:#e67826}.storage-usage.critical .storage-progress i{background:#c84646}
.storage-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.storage-kpis article{padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--white)}.storage-kpis strong{display:block;margin:5px 0;font-size:22px}.storage-kpis span{color:var(--muted);font-size:12px}
.storage-columns{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px}.storage-chart{height:210px;display:flex;align-items:flex-end;gap:12px;padding:20px 8px 2px}.storage-chart>div{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px}.storage-chart span{width:min(42px,80%);border-radius:7px 7px 2px 2px;background:linear-gradient(#d8ad4a,#a87817)}.storage-chart strong{font-size:11px}.storage-chart small{color:var(--muted);text-transform:capitalize}
.largest-files{display:grid;gap:7px}.largest-files>div{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px;border-radius:9px;background:var(--paper)}.largest-files b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#eee2c6;color:#745213;font-size:11px}.largest-files span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.largest-files strong{font-size:12px}
.storage-note{margin-top:16px;padding:16px 18px;border-left:4px solid #c89932;border-radius:8px;background:#fff9e9}.storage-note p{margin:5px 0 0;color:var(--muted);font-size:13px}
@media(max-width:850px){.storage-usage-grid,.storage-columns{grid-template-columns:1fr}.storage-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.storage-health{padding:18px}.storage-health>span{min-width:70px;height:70px;border-width:6px;font-size:15px}.storage-kpis{grid-template-columns:1fr}.storage-chart{gap:5px}.storage-chart strong{font-size:9px}.storage-usage>div:first-child{padding-right:0}.storage-usage>b{position:static;display:block;margin-top:8px}}