/* risk/css/risk.css */

.risk-detail-tabs{display:flex;gap:2px;flex-wrap:wrap;background:var(--bg2);border-radius:var(--r);padding:3px;margin-bottom:12px}
.risk-detail-tab{padding:5px 10px;border-radius:4px;border:none;background:none;color:var(--txt2);font-size:10px;font-weight:600;cursor:pointer;transition:all .12s;white-space:nowrap}
.risk-detail-tab.active{background:var(--bg1);color:var(--txt0);box-shadow:0 1px 3px rgba(0,0,0,.08)}

.avail-prog-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.avail-prog-row:last-child{border-bottom:none}
.avail-prog-label{font-size:11px;color:rgba(255,255,255,.85);font-weight:600;min-width:60px}
.avail-prog-bar{flex:1;height:10px;background:rgba(255,255,255,.2);border-radius:5px;margin:0 10px;overflow:hidden}
.avail-prog-fill{height:100%;border-radius:5px;transition:width .4s ease}
.avail-prog-val{font-size:12px;font-weight:800;color:#fff;min-width:45px;text-align:right}
.avail-prog-target{font-size:9px;color:rgba(255,255,255,.6);min-width:55px;text-align:right}

.avail-chart-wrap{background:var(--bg1);border:1px solid var(--border);border-radius:var(--r);padding:14px;margin-bottom:12px}
.avail-chart-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.avail-unit-tabs{display:flex;gap:3px;background:var(--bg2);border-radius:var(--r);padding:2px}
.avail-unit-tab{padding:4px 12px;border-radius:3px;border:none;background:none;color:var(--txt2);font-size:11px;font-weight:600;cursor:pointer;transition:all .12s}
.avail-unit-tab.active{background:var(--accent);color:#fff}