#view-capacity{max-width:1450px;margin:auto;color:var(--tl-ink,#17211b)}
#view-capacity .cap-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}
#view-capacity .cap-toolbar>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
#view-capacity .cap-status{font-size:12px;color:#23694f;background:#e4eee6;border:1px solid #cadfd0;padding:5px 10px;border-radius:20px}
#view-capacity .cap-status.bad{background:#fae4d8;color:#a3441f}
#view-capacity .cap-time{font-size:12px;color:#7d857d}
#view-capacity .cap-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
#view-capacity .cap-card{background:#fffdf8;border:1px solid #d8d1c3;border-radius:7px;padding:18px;min-width:0;display:flex;flex-direction:column;gap:12px;box-shadow:0 2px 3px #17211b04}
#view-capacity .cap-card>span{font-size:12px;color:#677269}
#view-capacity .cap-card strong{font:600 28px/1.2 Arial,sans-serif;letter-spacing:-.5px;overflow-wrap:anywhere}
#view-capacity .cap-card small{font-size:11px;color:#7c857d;line-height:1.5}
#view-capacity .cap-primary{border-top:3px solid #2b8063}
#view-capacity .cap-columns{display:grid;grid-template-columns:1.35fr 1fr;gap:18px}
#view-capacity .cap-panel{padding:18px;margin-bottom:18px;border-radius:7px;min-width:0}
#view-capacity .cap-panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
#view-capacity .cap-panel-head b{font-size:14px}
#view-capacity .cap-panel-head>span{font-size:11px;color:#889087}
#view-capacity .cap-description{font-size:11px;color:#7e877d;line-height:1.8}
#view-capacity .cap-empty{min-height:100px;display:flex;align-items:center;justify-content:center;gap:14px;color:#8a9288;font-size:12px;padding:16px}
#view-capacity .cap-trend{display:block;width:100%;height:140px;margin-bottom:10px}
#view-capacity .cap-breakdown{padding:8px 0 12px}
#view-capacity .cap-breakdown>div:first-child{display:flex;justify-content:space-between;font-size:12px;margin-bottom:8px}
#view-capacity .cap-breakdown small{font-size:11px;color:#8a9288}
#view-capacity .cap-bar{height:6px;border-radius:4px;overflow:hidden;background:#e7e7dc;margin-bottom:5px}
#view-capacity .cap-bar i{height:100%;display:block;border-radius:4px;transition:width .4s ease}
#view-capacity .cap-files>div{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid #e6e0d5;font-size:12px}
#view-capacity .cap-files code{font-family:Consolas,monospace;color:#56695d;overflow-wrap:anywhere;min-width:0}
#view-capacity .cap-files b{white-space:nowrap;font-weight:500;font-variant-numeric:tabular-nums}
#view-capacity .cap-warning{padding:10px 12px;background:#fff0dc;color:#966423;font-size:12px;line-height:1.6;margin-bottom:12px;border-radius:4px}
#view-capacity .cap-footnote{padding-bottom:14px}
@media(max-width:1000px){#view-capacity .cap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#view-capacity .cap-columns{grid-template-columns:1fr}}
@media(max-width:540px){#view-capacity .cap-toolbar{align-items:flex-start}#view-capacity .cap-toolbar>div{flex-direction:column;align-items:flex-start;gap:6px}#view-capacity .cap-toolbar button{white-space:nowrap;min-height:38px}#view-capacity .cap-grid{gap:10px}#view-capacity .cap-card{padding:14px 10px;gap:10px}#view-capacity .cap-card strong{font-size:23px}#view-capacity .cap-panel{padding:14px}#view-capacity .cap-panel-head{align-items:flex-start}#view-capacity .cap-panel-head span{white-space:nowrap}#view-capacity .cap-files code{font-size:11px}}