/* Pure black surfaces, neutral text and saturated violet accents. */
:root{--bg:#000;--surface:#060606;--surface-2:#101010;--line:#262626;--text:#f5f5f5;--muted:#bcbcbc;--faint:#8c8c8c;--purple:#b02bff;--purple-light:#cb74ff;--purple-fill:#9500ef}
html,body,.app-shell,.main-shell,.sidebar,.topbar,body .sidebar,body .sidebar:is(:hover,:focus-within,:has(.language-control[aria-expanded=true])){background:#000;color:#f5f5f5}
body :is(.panel,.metric,.resource-tile,.order-card,.logs-panel,.integration-card,.orders-summary-item),body[data-view=orders] .orders-panel{background:#060606;border-color:#262626}
.sidebar .nav-item,.sidebar .nav-item>svg,.sidebar .sidebar-preference{color:#bcbcbc}
.sidebar .nav-item.active{background:#0d0d0d;color:#fff;box-shadow:inset 2px 0 #a915ff}
.sidebar .nav-item.active>svg{color:#d0d0d0}
.sidebar .nav-item.active:after{background:#b127ff;box-shadow:0 0 8px #a400ff66}
.sidebar .nav-item>.robux-icon{filter:drop-shadow(0 0 5px #b000ff80);opacity:1}
.sidebar .sidebar-preferences{border-top-color:#262626}
.primary-button{background:linear-gradient(180deg,#af20ff,#8900ed);border-color:#c04aff;color:#fff;box-shadow:inset 0 1px 0 #ffffff18,0 3px 14px #9200ff30}
.primary-button:hover{background:linear-gradient(180deg,#bd38ff,#9c08ff);border-color:#d47aff}
.orders-summary-label,.orders-summary-label svg,.orders-summary-item.is-selected .orders-summary-label{color:#bcbcbc}
.orders-summary-item strong{color:#fff}
.orders-summary-item.is-selected{background:#090909;border-color:#a421ff;box-shadow:inset 0 0 22px #9500ff08}
.orders-summary-item.is-selected .orders-summary-indicator{background:#b52bff;box-shadow:0 0 7px #a000ff55}
.orders-toolbar,.orders-panel .orders-table th,.data-table th{background:#090909}
.orders-toolbar{border-bottom-color:#262626}
.data-table th,.orders-panel .orders-table th{color:#bcbcbc!important;border-bottom-color:#282828}
.data-table td,.orders-panel .orders-table td{color:#ededed!important;border-bottom-color:#222}
.orders-panel .orders-table small,.orders-panel .orders-table .order-created,.orders-panel .orders-table .order-recipient,.data-table small{color:#aaa!important}
.orders-panel .orders-table .order-number,.order-number{color:#f0f0f0!important}
.orders-panel .orders-table .order-number:hover{color:#c75eff!important}
.orders-panel .orders-table tbody tr:hover td{background:#0e0e0e}
.orders-panel .orders-table td>strong,.orders-list-heading h2,.section-heading h2,.order-card-heading h2{color:#f5f5f5}
.orders-list-heading .result-count{background:#151515;color:#aaa}
body .status-pill,body .status-pill.muted,.orders-panel .orders-table .status-pill.muted{background:#171717;border-color:#2b2b2b;color:#c0c0c0}
body :is(input,textarea,select,.secondary-button,.profile-chip,.search-field,.input-with-prefix,.quantity-control button),.orders-toolbar .orders-export,.orders-select-wrap .order-status-trigger,.orders-toolbar .search-field{background:#070707;border-color:#303030;color:#ededed}
body :is(input,textarea)::placeholder,.orders-toolbar .search-field input::placeholder{color:#999}
.search-field svg,.input-with-prefix>svg{color:#aaa}
input:focus,textarea:focus,select:focus,.input-with-prefix:focus-within,.search-field:focus-within{border-color:#a319ff}
.orders-select-wrap .order-status-trigger:hover,.orders-select-wrap .order-status-trigger[aria-expanded=true]{background:#0b0b0b;border-color:#9c20ef}
.order-status-trigger>svg{stroke:#aaa}
.language-menu,.order-status-menu,body .modal,body .modal.notification-popover,body .modal.wide:has(.detail-grid){background:#050505;border-color:#303030;color:#eee}
.language-menu button[aria-checked=true],.status-menu-option[aria-checked=true]{background:#0d0d0d;color:#fff}
.language-menu button:focus-visible,.status-menu-option:focus-visible{background:#0b0b0b;box-shadow:inset 2px 0 #a91fff}
.language-check,.status-menu-option>svg{stroke:#b32cff}
.language-code,.language-control>.language-chevron{color:#929292}
.status-menu-heading h3{color:#f5f5f5}
.status-menu-heading h3>span{color:#b32cff}
.status-menu-option{color:#c8c8c8;border-bottom-color:#242424}
.status-menu-dot,.status-tone-active,.status-tone-partial{background:#b127ff}
.status-tone-attention,.status-tone-unknown{background:#edac55}
.status-tone-completed{background:#50dca0}
.status-tone-failed{background:#ed7597}
.status-menu-close,.status-menu-close:hover{color:#bbb;background:#0b0b0b}
.modal-summary,.detail-grid,.modal:has(.detail-grid) .detail-grid,.scenario-options>button,.cart-lines,.builder-products{background:#090909;border-color:#292929}
.modal-summary>div>span,.modal:has(.detail-grid) .detail-grid small,.modal:has(.detail-grid) .timeline small,.modal .input-hint,.modal .modal-copy,.modal .eyebrow,.scenario-options small{color:#aaa}
.modal h2,.modal .modal-hero h2,.modal:has(.detail-grid) .detail-grid strong,.modal-summary strong{color:#f5f5f5}
.modal.notification-popover .notification-list strong{color:#e7e7e7}
.modal.notification-popover .notification-list small{color:#aaa}
.notification-list .event-marker,.timeline .event-marker{background:#b02bff}
.modal.notification-popover .notification-list button>svg{color:#b02bff}
.modal.notification-popover .notification-list button{border-bottom-color:#252525}
.metric>small,.metric>span,.resource-tile div>span,.resource-tile small,.overview-period>span,.catalog-filter,.price-note,.input-hint,.field-label,.settings-row label,.wallet-details>div>span,.quota-legend,.quota-limit{color:#b0b0b0}
.metric>strong,.resource-tile strong,.wallet-big,.detail-grid strong{color:#f5f5f5}
.bundle-row{border-bottom-color:#262626}
.bundle-row.selected{background:#080808;border-color:#a425ff}
.bundle-row:after{background:linear-gradient(100deg,#a000ff16,transparent 80%)}
.bundle-row.selected:before{background:#b32cff;box-shadow:0 0 10px #a500ff66}
.bundle-name small,.bundle-price,.table-head{color:#bcbcbc}
.bundle-row.selected .bundle-price{color:#fff}
.tab.active{color:#fff}
.tab.active:after{background:#b126ff;box-shadow:0 0 8px #a000ff40}
.segmented{background:#070707;border-color:#292929}
.segmented button{color:#aaa}
.segmented button.active{background:#171717;color:#fff}
.resource-icon{background:#090909;border-color:#353535;color:#aaa2b8}
.resource-icon svg{color:inherit}
.toggle:checked{background:#a216f5;border-color:#b52bff}
.accent,.operations-panel>.section-heading>svg{color:#b02bff}
.bar-track>div.has-value{background:linear-gradient(#bb35ff,#8c00ed)}
.operation-count i{background:#b02bff}
.footer{border-top-color:#252525;color:#888}
.footer>span:first-child,.footer>a{color:#aaa}
.footer>span:first-child i{color:#777}

.empty-icon{background:#080808;border-color:#7420a8;color:#b52bff}
.empty-icon svg,.line-gem{color:#b52bff}
.panel .empty-state p,.modal .empty-state p,.empty-state p,.optional-field summary,.optional-field summary>span,.order-breakdown>div>span,.order-total small,.cart-line>div>span,.logs-note{color:#aaa}
.empty-state h3{color:#f0f0f0}

/* Neutral frames keep violet concentrated in meaningful accents. */
.sidebar .nav-item.active{box-shadow:none}
.orders-summary-item.is-selected{background:#101010;border-color:#4a4a4a;box-shadow:none}
.bundle-row.selected{background:#0f0f0f;border-color:#4a4a4a;box-shadow:none}
.bundle-row.selected:before{display:none}
.bundle-row:after{background:linear-gradient(100deg,#ffffff05,transparent 80%)}
.resource-icon,.empty-icon{background:#080808;border-color:#353535;box-shadow:none}
.radio-dot:has(i){border-color:#777}
.filter-chip.selected{background:#151515;border-color:#555;color:#eee}
input:focus,textarea:focus,select:focus,.input-with-prefix:focus-within,.search-field:focus-within{border-color:#777}
.orders-select-wrap .order-status-trigger:hover,.orders-select-wrap .order-status-trigger[aria-expanded=true]{background:#101010;border-color:#5c5c5c}
.language-menu button:focus-visible,.status-menu-option:focus-visible{background:#111;box-shadow:inset 2px 0 #777}
.sidebar .language-control:focus-within{outline-color:#777}
.order-status-trigger:focus-visible,.orders-summary-item:focus-visible{outline-color:#888}
.orders-panel .orders-table tr:hover .order-open,.orders-panel .orders-table .order-open:focus-visible{background:#171717;border-color:#444;color:#ddd}
@media(hover:hover) and (pointer:fine){
 .bundle-row:hover{background:#101010;box-shadow:inset 0 0 0 1px #424242}
 .bundle-row:hover .radio-dot{border-color:#888;box-shadow:none}
}

/* Slim violet edge lights along the left side of navigation rows. */
.sidebar .nav-item:before{content:'';display:block;position:absolute;left:0;top:13px;bottom:13px;width:2px;height:auto;border-radius:3px;background:#b315ff;opacity:0;box-shadow:none;transform:none;transition:opacity .2s,box-shadow .2s}
.sidebar .nav-item:not(.active):hover:before{opacity:0;box-shadow:none}
.sidebar .nav-item.active:before{opacity:1;background:#bf2bff;box-shadow:0 0 10px #b000ff99}

/* Differentiate the two resource amounts without coloring their captions. */
body .resource-strip .resource-tile:first-child>div>strong{color:#55e3a0!important}
body .resource-strip .quota-availability{color:#b18ac5!important}
body .resource-strip .quota-availability :is(.quota-limit,em){color:#999!important}