/* Complete nested surfaces: screen-only so invoice/quotation printing stays light. */
@media screen{
html[data-appearance=dark]{--ui-bg:#080e14;--ui-panel:#101923;--ui-raised:#17222e;--ui-soft:#1b2835;--ui-ink:#edf2f8;--ui-muted:#a5b3c3;--ui-line:#283747;--ui-accent:#dab05e;--ui-tint:#2c261c;--ui-icon-top:#29323a;--ui-icon-bottom:#15212d}
html[data-appearance=dark] body :is(.mw-panel,.mw-product-card,.mw-category-grid button,.mw-profile-summary,.mw-media>div,.mw-editor-code,.mw-accordion-section,.mw-product-form,.mw-product-form .mw-accordion-section,.mw-editor-footer,.mw-allergen-intro,.mw-media-editor,.mw-record-preview,.mw-reference-help,.mw-recipe-intro,.mw-setting-shortcut,.mw-menu-category,.mcat-card,.mcat-open,.mcat-card footer,.mce-dialog summary,.mce-current span,.mce-transfers li,.mwi-quantity-row,.mwi-total,.mwi-dialog .mw-dialog-actions,.mw-variation-intro,.mwm-group,.mwm-group header,.mmc-option,.mmc-dialog .mw-dialog-actions,.mw-operation-summary,.mw-operation-review,.mvm-controls,.mvp-item,.msm,.msm>header,.msm-table tfoot,.op-related,.op-toolbar label,.op-table-wrap,.op-empty,.op-accordion,.op-editor-footer,.op-prep-explainer,.op-prep-costs>div,.prep-qty,.mg-profile-banner,.mg-order-counts button,.integration-dialog){background:var(--ui-panel)!important;background-image:none!important;color:var(--ui-ink)!important;border-color:var(--ui-line)!important;box-shadow:none!important}
html[data-appearance=dark] body :is(.mw-panel,.mw-product-form,.mw-accordion-section,.mcat-card,.mwm-group,.mvp-item,.msm,.op-accordion,.op-panel,.integration-dialog) :is(b,strong,label,legend,summary,td,th,button){color:var(--ui-ink)!important}
html[data-appearance=dark] body :is(.mw-accordion-trigger,.mw-accordion-trigger[aria-expanded=true],.mw-section-tabs button,.mw-product-tabs button,.mw-filters button,.mw-categories button,.mcat-order button,.mwp-state,.mwr-fixed-unit,.mwm-options small,.op-flow span,.mg-profile-tabs button){background:var(--ui-soft)!important;background-image:none!important;color:var(--ui-ink)!important;border-color:var(--ui-line)!important}
html[data-appearance=dark] body :is(.mw-metrics article,.mw-recipe-totals>div,.msm-table thead th:first-child,.msm-table tbody th){background:var(--ui-raised)!important;color:var(--ui-ink)!important;border-color:var(--ui-line)!important}
html[data-appearance=dark] body :is(.mcat-open small,.mcat-card footer,.mw-product-form small,.mw-profile-summary small,.mwm-group small,.op-accordion small){color:var(--ui-muted)!important}
}
/* Raised metallic shapes, instead of a flat recoloring of line icons. */
html body img[src*="/phosphor/relief/"]{filter:none!important;width:30px!important;height:30px!important;transform:perspective(180px) rotateX(8deg) rotateY(-9deg);object-fit:contain}
html body :is(.ref-tile-icon,.mw-card-icon,.op-symbol,.mg-symbol,.ix-family-symbol,.inventory-card-icon){padding:6px!important;width:46px!important;height:46px!important;border-radius:13px!important;background:linear-gradient(145deg,var(--ui-raised),var(--ui-soft))!important;box-shadow:inset 1px 1px 0 #ffffff28,0 3px 8px #00000010!important}
@media(max-width:600px){html body img[src*="/phosphor/relief/"]{width:26px!important;height:26px!important}.reference-home .ref-card-rows .ref-tile .ref-tile-icon{width:36px!important;height:36px!important;padding:4px!important}}
html[data-appearance] body img[src*="/phosphor/relief/"]{filter:none!important}.reference-home .ref-card-rows .ref-tile .ref-tile-icon{width:46px!important;height:46px!important;padding:5px!important}
@media(max-width:600px){.reference-home .ref-card-rows .ref-tile .ref-tile-icon{width:36px!important;height:36px!important;padding:4px!important}}
@media screen{html[data-appearance=dark] body :is(.mw-section-tabs,.mw-product-tabs,.mw-filters,.mw-categories) button[aria-pressed=true],html[data-appearance=dark] body :is(.mw-section-tabs,.mw-product-tabs,.mw-filters,.mw-categories) button[aria-selected=true],html[data-appearance=dark] body :is(.mw-section-tabs,.mw-product-tabs,.mw-filters,.mw-categories) button.active{background:var(--ui-accent)!important;color:var(--ui-accent-ink)!important;border-color:var(--ui-accent)!important;box-shadow:0 0 0 1px var(--ui-accent)!important}html[data-appearance=dark] body .mw-accordion-trigger[aria-expanded=true]{border-inline-start:3px solid var(--ui-accent)!important;background:var(--ui-tint)!important}}