/* Saturated accents on the existing black surfaces. */
:root{--purple:#c078ff;--purple-light:#e0b4ff;--purple-fill:#8e35db;--green:#50e69c;--orange:#ff9b3d;--red:#ff658a}
.primary-button{background:#8e35db;border-color:#c17aff;color:#fff;box-shadow:0 3px 14px #9b36ef24}
.primary-button:hover{background:#a044ec;border-color:#d59dff}
.accent{color:#c078ff}
.tab.active:after,.nav-item.active:before{background:#bd66ff;box-shadow:0 0 9px #b455ff4d}
.tab.active{color:#f1d9ff}
.resource-icon{color:#d2a0ff;border-color:#66418c;background:linear-gradient(145deg,#21112d,#100c15)}
.resource-icon svg{color:#d2a0ff}
.filter-chip.selected{color:#e8c3ff;border-color:#ac5ee5;background:#1a1023}
.bundle-row.selected{border-color:#8647ad}
.bundle-row:after{background:linear-gradient(100deg,#ad42ff30,transparent 80%)}
.bundle-row.selected:before{background:#c16eff;box-shadow:0 0 10px #b851ff66}
.bundle-row .robux-icon{filter:drop-shadow(0 0 3px #cd53ff77)}
@media(hover:hover) and (pointer:fine){.bundle-row:hover{box-shadow:inset 0 0 0 1px #b65bff66}.bundle-row:hover .robux-icon{filter:drop-shadow(0 0 6px #d862ffbb)}.bundle-row:hover .bundle-price{color:#e0acff}}
.radio-dot:has(i){border-color:#c078ff}.radio-dot i{background:#c078ff}
.bar-track>div.has-value{background:linear-gradient(#cb79ff,#8b36d7)}
.status-pill.success{background:#0b291b;border-color:#247b50;color:#5cf0a6}
.status-pill.warning{background:#2e1908;border-color:#a05a20;color:#ffb060}
.status-pill.danger{background:#2e0e19;border-color:#97344f;color:#ff7f9f}
.attention-banner{background:#2a1507;border-color:#a85518;color:#ff9e44}
.attention-banner strong,.attention-banner>.text-button{color:#ffb367}
.attention-banner span{color:#f19b53}
.warning-text{color:#ffad55!important}.success-text{color:#59eaa0!important}.danger-text{color:#ff7897!important}
.operation-count i{background:#bf77f1}.operation-count i.unknown,.operation-count i.partial{background:#ff9b3d}
.operations-panel>.section-heading>svg{color:#bd76f1}
.timeline .event-marker{background:#bd76f1}
input:focus,textarea:focus,select:focus,.input-with-prefix:focus-within{border-color:#bc6bff}
.resource-tile:first-child>div>strong,.metrics-grid>.metric:first-child>strong,.wallet-big,#top-balance{color:#f3f3f3}

.resource-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:700px){.resource-strip{grid-template-columns:1fr}}

.resource-tile .quota-availability .quota-limit{color:#a89db2;font-size:20px}.resource-tile .quota-availability em{display:inline;margin-left:6px;font-size:14px;line-height:1.5}