.data-status{display:flex;justify-content:space-between;align-items:center;gap:16px;border-inline-start:3px solid var(--green);margin-bottom:12px}
.data-status p{margin:8px 0}
.data-status small{color:var(--text-secondary,#94a3b8)}
.data-metrics{margin-bottom:12px}.data-panels h2{margin:0 0 10px}
.data-storage>div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--border)}
.data-storage{margin-bottom:12px}.data-series{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.data-series a{text-decoration:none;color:inherit}
.data-bars{display:flex;direction:ltr;align-items:stretch;gap:5px;height:180px;padding-top:20px;margin-bottom:18px}
.data-bar{position:relative;flex:1;display:flex;align-items:flex-end;min-width:0;border-bottom:1px solid var(--border)}
.data-bar i{display:block;width:100%;background:var(--green);border-radius:4px 4px 0 0;opacity:.75}
.data-bar small{position:absolute;top:100%;width:100%;text-align:center;font-size:10px;padding-top:8px}
.data-bar-tip{display:none;position:absolute;bottom:100%;left:50%;transform:translateX(-50%);white-space:nowrap;z-index:2;background:var(--surface,#121821);color:var(--text-primary,#f1f5f9);border:1px solid var(--border);padding:8px;border-radius:8px;font-size:12px}
.data-bar:focus .data-bar-tip,.data-bar:hover .data-bar-tip{display:block}.data-bar:focus i,.data-bar:hover i{opacity:1}
@media(max-width:760px){.data-status{align-items:stretch;flex-direction:column}.data-series{grid-template-columns:1fr}.data-bars{gap:3px;height:180px}.data-bar:nth-child(even) small{visibility:hidden}.data-panels>.section-card{grid-column:1/-1}}