#sec-allocations .allocations-room{padding:20px;max-width:none;margin:0}
#positions-allocation{max-width:1450px;margin:0 0 24px;padding:22px 24px;border:1px solid #303640;border-radius:14px;background:#14181e;color:#f5f7fa;font-family:Inter,sans-serif}
#positions-allocation .allocation-header{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
#positions-allocation :is(h1,h2){margin:0;font:700 28px Inter,sans-serif;letter-spacing:-.4px;color:#f5f7fa}
#positions-allocation #allocation-title{font-family:Inter,sans-serif!important;font-weight:700!important}
#positions-allocation .allocation-header p{margin:5px 0 0;color:#b8c0cc;font-size:14px}
#positions-allocation .allocation-scopes{display:flex;gap:6px}
#positions-allocation button{font-family:Inter,sans-serif;cursor:pointer}
#positions-allocation .allocation-scopes button,#positions-allocation .allocation-refresh{border:1px solid #363e49;border-radius:8px;background:#191f28;color:#c5ccd6;padding:10px 14px;font-size:13px;font-weight:600}
#positions-allocation .allocation-scopes{margin-left:auto}
@media(max-width:780px){#positions-allocation .allocation-scopes{margin-left:0}}
#positions-allocation .allocation-scopes button[aria-pressed=true]{color:#fff;border-color:#b6c0cc;background:#202731}
#positions-allocation button:focus-visible{outline:2px solid #f5f7fa;outline-offset:3px}
#positions-allocation .allocation-body{display:grid;grid-template-columns:560px minmax(0,1fr);gap:24px;align-items:start;margin-top:16px}
#positions-allocation .allocation-chart{position:relative;width:560px;max-width:100%;aspect-ratio:640/520}
#positions-allocation .allocation-chart svg{display:block;width:100%;height:100%;overflow:visible}
#positions-allocation .allocation-slice{cursor:pointer;transition:stroke-width .15s;pointer-events:stroke}
#positions-allocation .allocation-slice:hover,#positions-allocation .allocation-slice.allocation-selected{stroke-width:50}
#positions-allocation .allocation-callout{cursor:pointer}
#positions-allocation .allocation-callout path{fill:none;stroke:#718095;stroke-width:1;pointer-events:none}
#positions-allocation .allocation-callout text{fill:#f5f7fa;font:600 15px Inter,sans-serif;font-variant-numeric:tabular-nums}
#positions-allocation .allocation-callout-weight{font-family:Figtree,sans-serif;font-weight:400}
#positions-allocation .allocation-empty{height:100%;display:grid;place-content:center;color:#b8c0cc;font-size:14px;text-align:center}
#positions-allocation .allocation-detail{position:absolute;inset:30%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;gap:5px;white-space:nowrap}
#positions-allocation .allocation-detail strong{font:600 16px Inter,sans-serif;color:#c9d0dc}
#positions-allocation .allocation-detail b{font:700 32px Figtree,Inter,sans-serif;letter-spacing:-1px;font-variant-numeric:tabular-nums;color:#fff}
#positions-allocation .allocation-detail span{font-family:Figtree,sans-serif;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;color:#fff}
#positions-allocation .allocation-detail small{font-family:Figtree,sans-serif;font-size:12px;color:#b8c0cc}
#positions-allocation .allocation-legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px 12px;align-self:start}
#positions-allocation .allocation-holding{display:flex;align-items:center;gap:9px;min-width:0;padding:9px 7px;border:1px solid transparent;border-radius:8px;background:transparent;color:#fff;text-align:left}
#positions-allocation .allocation-holding:hover,#positions-allocation .allocation-holding.allocation-selected{border-color:#4b5563;background:#1c222b}
#positions-allocation .allocation-dot{width:10px;height:10px;border-radius:50%;flex:none}
#positions-allocation .allocation-name{display:flex;flex-direction:column;gap:4px;min-width:0}
#positions-allocation .allocation-name strong{font-size:13px;font-weight:700;display:flex;align-items:center;gap:6px;color:#fff}
#positions-allocation .allocation-name img{width:22px;height:22px}
#positions-allocation .allocation-value{display:flex;flex-direction:column;gap:5px;align-items:flex-end;margin-left:auto;white-space:nowrap}
#positions-allocation .allocation-value b{font-family:Figtree,sans-serif;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;color:#fff}
#positions-allocation .allocation-holding small{font-family:Figtree,sans-serif;font-size:12px;color:#b8c0cc;font-variant-numeric:tabular-nums}
#positions-allocation .allocation-footer{display:flex;flex-wrap:wrap;gap:6px 20px;justify-content:space-between;align-items:baseline;border-top:1px solid #303640;margin-top:12px;padding-top:14px}
#positions-allocation .allocation-total{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
#positions-allocation .allocation-total span{font-size:12px;color:#b8c0cc}
#positions-allocation #allocation-total{color:#fff;font:700 18px Figtree,Inter,sans-serif;font-variant-numeric:tabular-nums}
#positions-allocation #allocation-count{color:#b8c0cc;font-size:12px}
#positions-allocation #allocation-status{font-size:12px;color:#b8c0cc;margin:10px 0 0;line-height:1.5}
#positions-allocation [hidden]{display:none!important}
@media(max-width:1500px){#positions-allocation .allocation-legend{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1150px){#positions-allocation .allocation-body{grid-template-columns:1fr;gap:14px}#positions-allocation .allocation-chart{justify-self:center}#positions-allocation .allocation-legend{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){#positions-allocation .allocation-legend{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){#sec-allocations .allocations-room{padding:14px}#positions-allocation{padding:18px 14px}#positions-allocation .allocation-body{grid-template-columns:1fr;gap:10px}#positions-allocation .allocation-chart{width:100%;justify-self:center}#positions-allocation .allocation-callout text{font-size:32px}#positions-allocation .allocation-callout-weight{display:none}#positions-allocation .allocation-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 4px}#positions-allocation .allocation-holding{gap:5px;padding:8px 3px}#positions-allocation .allocation-name img{width:18px;height:18px}#positions-allocation .allocation-name strong{font-size:12px}#positions-allocation .allocation-value b{font-size:14px}}
@media(max-width:450px){#positions-allocation .allocation-legend{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){#positions-allocation .allocation-slice{transition:none}}
