/* Colour layer only. Layout, visibility, financial states and handlers are retained. */
body[data-admin-palette],#app[data-admin-palette] {
 --p-hue:205;--p-sat:35%;--p-bg-l:7%;--p-panel-l:12%;--p-raised-l:15%;--p-input-l:9%;--p-line-l:27%;--p-text-l:92%;--p-muted-l:72%;--p-hover-l:19%;
 --p-bg:hsl(var(--p-hue) var(--p-sat) var(--p-bg-l));
 --p-panel:hsl(var(--p-hue) var(--p-sat) var(--p-panel-l));
 --p-raised:hsl(var(--p-hue) var(--p-sat) var(--p-raised-l));
 --p-input:hsl(var(--p-hue) var(--p-sat) var(--p-input-l));
 --p-line:hsl(var(--p-hue) 24% var(--p-line-l));
 --p-text:hsl(var(--p-hue) 40% var(--p-text-l));
 --p-muted:hsl(var(--p-hue) 22% var(--p-muted-l));
 --p-hover:hsl(var(--p-hue) var(--p-sat) var(--p-hover-l));
 --p-highlight:#7bcfe5;--p-shadow:#00000026;
}
body[data-admin-palette=graphite],#app[data-admin-palette=graphite] {--p-hue:220;--p-sat:12%;--p-highlight:#b9c7df}
body[data-admin-palette=emerald],#app[data-admin-palette=emerald] {--p-hue:166;--p-sat:29%;--p-highlight:#81d8bc}
body[data-admin-palette=violet],#app[data-admin-palette=violet] {--p-hue:256;--p-sat:25%;--p-highlight:#c2aff4}
body[data-admin-palette][data-admin-theme=light],#app[data-admin-palette][data-theme=light] {
 --p-bg-l:95%;--p-panel-l:99%;--p-raised-l:94%;--p-input-l:98%;--p-line-l:78%;--p-text-l:20%;--p-muted-l:37%;--p-hover-l:90%;--p-shadow:#1738480c;
 --p-highlight:hsl(var(--p-hue) 48% 33%);
}
body[data-admin-palette]:has(#app:not(.hidden)) {background:var(--p-bg)}
#app[data-admin-palette] {
 --bg:var(--p-bg);--panel:var(--p-panel);--line:var(--p-line);--border:var(--p-line);--text:var(--p-text);--muted:var(--p-muted);--blue:var(--p-highlight);
 color:var(--p-text);
 background:radial-gradient(ellipse at 90% 0,color-mix(in srgb,var(--p-highlight) 7%,transparent),transparent 55%),var(--p-bg);
}
#app[data-admin-palette]>main>header {border-color:var(--p-line)}
#app[data-admin-palette]>main>header h1 {color:var(--p-text)}
#app[data-admin-palette]>main>header p {color:var(--p-muted)}
#app[data-admin-palette] .header-actions {flex-wrap:wrap;justify-content:flex-end}
#app[data-admin-palette] .admin-palette-control {display:flex;align-items:center;gap:7px;margin:0;font-size:11px;white-space:nowrap;color:var(--p-muted)}
#app[data-admin-palette] .admin-palette-control>select {width:136px;min-height:32px;cursor:pointer;padding:6px 8px}
#app[data-admin-palette] .admin-palette-control>span {color:var(--p-muted);font-size:11px}
#app[data-admin-palette] .panel {
 background:linear-gradient(135deg,color-mix(in srgb,var(--p-raised) 55%,var(--p-panel)),var(--p-panel));
 border-color:var(--p-line);box-shadow:0 8px 25px var(--p-shadow),inset 0 1px #ffffff05;
}
#app[data-admin-palette] :is(.panel-head,.traders-pagination,.feed-row,.risk-list h3,.risk-list-row,.payout-adjustment-row,.conversation-head,.ticket-wrap) {border-color:var(--p-line)}
#app[data-admin-palette] :is(label,.panel-head small,.feed-row small,.feed-row time,.ticket p,.risk-card small,.risk-card span,.cold-wallet-card small,.cold-wallet-card span,.new-mode-settings p) {color:var(--p-muted)}
#app[data-admin-palette] :is(input,select,textarea) {background:var(--p-input);color:var(--p-text);border-color:var(--p-line)}
#app[data-admin-palette] :is(input,textarea)::placeholder {color:var(--p-muted);opacity:.8}
#app[data-admin-palette] :is(input,select,textarea):focus {outline-color:var(--p-highlight);border-color:var(--p-highlight)}
#app[data-admin-palette] :is(button,a,summary):focus-visible {outline-color:var(--p-highlight)}
#app[data-admin-palette] :is(.header-actions button,.panel-controls>button,.panel-head>button,.provider-account-heading button,.actions button:not(.primary):not(.danger),.limit-button,.balance-cell-button) {background:var(--p-raised);border-color:var(--p-line);color:var(--p-text)}
#app[data-admin-palette] :is(.limit-button,.balance-cell-button):hover {background:var(--p-hover);border-color:var(--p-highlight)}
#app[data-admin-palette] .balance-cell-button.positive {color:var(--green)}
#app[data-admin-palette] .balance-cell-button small {color:var(--p-muted)}
#app[data-admin-palette] :is(.table-wrap,.provider-account-scroll,.feed,.risk-list,.messages) {scrollbar-color:var(--p-line) var(--p-input)}
#app[data-admin-palette] :is(th,td) {border-color:color-mix(in srgb,var(--p-line) 55%,transparent)}
#app[data-admin-palette] th {background:var(--p-raised);color:var(--p-muted)}
#app[data-admin-palette] td small {color:var(--p-muted)}
#app[data-admin-palette] td {background:var(--p-panel);color:var(--p-text)}
#app[data-admin-palette] tbody tr:nth-child(even)>td {background:color-mix(in srgb,var(--p-raised) 35%,var(--p-panel))}
#app[data-admin-palette] tbody tr:hover>td {background:var(--p-hover)}
#app[data-admin-palette] td.positive {color:var(--green)}
#app[data-admin-palette] td.negative {color:var(--red)}
#app[data-admin-palette] :is(.risk-card,.risk-list,.cold-wallet-card,.cold-wallet-free,.provider-account-tabs,.legal-version-item,.payment-aggregator-card,.routing-region,.routing-item,.routing-rule,.offer-setting,.support-file,.new-mode-settings,.new-mode-row,.cold-wallet-row,.admin-news-item,.auto-payout-fields,.payout-preview) {background:var(--p-panel);border-color:var(--p-line);color:var(--p-text)}
#app[data-admin-palette] :is(.provider-account-heading,.routing-region summary,.payout-adjustments-collapse>summary,.finance-journal-tabs,.overview-browser-tabs,.market-settings-tabs) {background:var(--p-raised);border-color:var(--p-line);color:var(--p-text)}
#app[data-admin-palette] :is(.overview-browser-tabs,.market-settings-tabs,.finance-journal-tabs) button {color:var(--p-muted)}
#app[data-admin-palette] :is(.overview-browser-tabs,.market-settings-tabs,.finance-journal-tabs) button[aria-selected=true],
#app[data-admin-palette] .finance-journal-tabs button.active {background:var(--p-hover);border-color:var(--p-line);box-shadow:inset 0 -2px #f6a35b;color:var(--p-text)}
#app[data-admin-palette] :is(.overview-browser-tabs,.market-settings-tabs,.finance-journal-tabs) button:hover {background:var(--p-hover);color:var(--p-text)}
#app[data-admin-palette] .metric {background:linear-gradient(135deg,var(--p-raised),var(--p-panel));border-color:var(--p-line);box-shadow:inset 0 1px #ffffff08,0 4px 12px var(--p-shadow)}
#app[data-admin-palette] .metric:nth-child(4n+2) {background:linear-gradient(135deg,color-mix(in srgb,#247b60 18%,var(--p-raised)),var(--p-panel));border-color:color-mix(in srgb,#399a77 30%,var(--p-line))}
#app[data-admin-palette] .metric:nth-child(4n+3) {background:linear-gradient(135deg,color-mix(in srgb,#8064be 20%,var(--p-raised)),var(--p-panel));border-color:color-mix(in srgb,#9375cc 30%,var(--p-line))}
#app[data-admin-palette] .metric:nth-child(4n+4) {background:linear-gradient(135deg,color-mix(in srgb,#a37e31 16%,var(--p-raised)),var(--p-panel));border-color:color-mix(in srgb,#c29b4b 25%,var(--p-line))}
#app[data-admin-palette] .metric small,#app[data-admin-palette] .metric span {color:var(--p-muted)}
#app[data-admin-palette] .metric strong {color:var(--p-highlight)}
#app[data-admin-palette] .metric:nth-child(4n+2) strong {color:#79dbac}
#app[data-admin-palette] .metric:nth-child(4n+3) strong {color:#cbb0f0}
#app[data-admin-palette] .metric:nth-child(4n+4) strong {color:#f3ce84}
#app[data-admin-palette][data-theme=light] .metric:nth-child(4n+2) strong {color:#196a4e}
#app[data-admin-palette][data-theme=light] .metric:nth-child(4n+3) strong {color:#6b479e}
#app[data-admin-palette][data-theme=light] .metric:nth-child(4n+4) strong {color:#815d13}
#app[data-admin-palette] .risk-card strong {color:var(--p-text)}
#app[data-admin-palette] .risk-card.plus strong {color:var(--green)}
#app[data-admin-palette] .risk-card.minus strong {color:var(--red)}
#app[data-admin-palette] .ticket {color:var(--p-text);border-color:var(--p-line)}
#app[data-admin-palette] .ticket:hover,#app[data-admin-palette] .ticket.active {background:var(--p-hover)}
#app[data-admin-palette] .message:not(.support) {background:var(--p-raised);border-color:var(--p-line);color:var(--p-text)}
#app[data-admin-palette] .reply {background:var(--p-panel);border-color:var(--p-line)}
#app[data-admin-palette]>aside {
 --sidebar-text:var(--p-muted);--sidebar-bright:var(--p-text);--sidebar-line:var(--p-line);
 background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--p-highlight) 10%,transparent),transparent 50%),linear-gradient(160deg,var(--p-panel),var(--p-bg));
 border-color:var(--p-line);scrollbar-color:var(--p-line) var(--p-bg);
}
#app[data-admin-palette]>aside .brand small {color:var(--p-highlight)}
#app[data-admin-palette]>aside nav>button,
#app[data-admin-palette]>aside nav>a,
#app[data-admin-palette]>aside .finance-nav-trigger,
#app[data-admin-palette]>aside .nirvana-nav-trigger {color:var(--p-muted)}
#app[data-admin-palette]>aside nav button:hover,
#app[data-admin-palette]>aside nav>a:hover {background:var(--p-hover);color:var(--p-text)}
#app[data-admin-palette]>aside nav button.active {background:linear-gradient(100deg,#b7652838,var(--p-raised) 55%);color:var(--p-text)}
#app[data-admin-palette]>aside :is(.finance-subnav,.nirvana-subnav a) {border-color:var(--p-line)}
#app[data-admin-palette]>aside :is(.finance-subnav button,.nirvana-subnav a) {color:var(--p-muted)}
#app[data-admin-palette]>aside .aside-bottom {background:linear-gradient(135deg,var(--p-raised),var(--p-panel));border-color:var(--p-line)}
@media(max-width:760px){#app[data-admin-palette] .header-actions{justify-content:flex-start;max-width:100%;gap:8px}#app[data-admin-palette] .admin-palette-control{gap:5px}#app[data-admin-palette] .admin-palette-control>select{width:128px}}

/* Match remaining administration cards and overlay dialogs to the selected palette. */
#app[data-admin-palette] .cold-wallet-card strong {color:var(--p-text)}
#app[data-admin-palette] :is(.cold-wallet-card,.admin-news-item) small {color:var(--p-muted)}
#app[data-admin-palette] :is(.admin-news-item p,.routing-region summary b,.routing-region summary small,.routing-item>small,.payout-preview small,.new-mode-settings h3) {color:var(--p-muted)}
#app[data-admin-palette] :is(.withdrawal-summary,.wallet-address,.payout-adjustments-collapse,.support-head input) {background:var(--p-input);border-color:var(--p-line);color:var(--p-text)}
#app[data-admin-palette] .wallet-address.masked {color:var(--p-highlight);border-color:var(--p-line)}
body[data-admin-palette]:has(#app:not(.hidden)) dialog {
 background:var(--p-panel);color:var(--p-text);border-color:var(--p-line);box-shadow:0 24px 100px #0008;
}
body[data-admin-palette]:has(#app:not(.hidden)) dialog::backdrop {background:#041019a6}
body[data-admin-palette]:has(#app:not(.hidden)) dialog :is(input,select,textarea) {background:var(--p-input);border-color:var(--p-line);color:var(--p-text)}
body[data-admin-palette]:has(#app:not(.hidden)) dialog :is(label,.dialog-hint,.muted,.real-trade-facts dt) {color:var(--p-muted)}
body[data-admin-palette]:has(#app:not(.hidden)) dialog :is(h2,h3) {color:var(--p-text)}
body[data-admin-palette]:has(#app:not(.hidden)) dialog :is(button,a,input,select,textarea):focus-visible {outline-color:var(--p-highlight)}
body[data-admin-palette]:has(#app:not(.hidden)) dialog th {background:var(--p-raised);color:var(--p-muted);border-color:var(--p-line)}
body[data-admin-palette]:has(#app:not(.hidden)) dialog td {background:var(--p-panel);color:var(--p-text);border-color:var(--p-line)}
body[data-admin-palette]:has(#app:not(.hidden)) dialog.real-trade-dialog th {background:var(--p-raised);color:var(--p-muted);border-color:var(--p-line)}
body[data-admin-palette]:has(#app:not(.hidden)) dialog.real-trade-dialog td {background:var(--p-panel);color:var(--p-text);border-color:var(--p-line)}
body[data-admin-palette]:has(#app:not(.hidden)) dialog td.positive {color:#65c99a}
body[data-admin-palette]:has(#app:not(.hidden)) dialog td.negative {color:#f18785}
body[data-admin-palette]:has(#app:not(.hidden)) dialog .real-trade-layout .selected {background:var(--p-hover)}
body[data-admin-palette]:has(#app:not(.hidden)) dialog .real-trade-layout svg {border-color:var(--p-line)}
body[data-admin-palette][data-admin-theme=light]:has(#app:not(.hidden)) dialog {background:var(--p-raised);color:var(--p-text);border-color:var(--p-line);box-shadow:0 24px 100px #19394c30}
body[data-admin-palette][data-admin-theme=light]:has(#app:not(.hidden)) dialog td.positive {color:#196a4e}
body[data-admin-palette][data-admin-theme=light]:has(#app:not(.hidden)) dialog td.negative {color:#b3493e}
body[data-admin-palette][data-admin-theme=light]:has(#app:not(.hidden)) dialog::backdrop {background:#23435855}
body[data-admin-palette]:has(#app:not(.hidden)) #actual-fees-admin {background:var(--p-panel)!important;color:var(--p-text)!important}
body[data-admin-palette]:has(#app:not(.hidden)) #actual-fees-admin :is(input,select,textarea) {background:var(--p-input);border:1px solid var(--p-line);color:var(--p-text)}

