/* GoldRetail flat theme. Component density and horizontal navigation remain authoritative. */
:root{--navy:#1d3f63;--gold:#a8751a;--ink:#243449;--muted:#536378;--line:#d5dee8;--flat-surface:#fff;--flat-canvas:#f3f6fa;--flat-focus:#1763ad;--flat-radius:4px;--flat-menu-hover:#eaf0f6}
body.goldretail-flat{background:var(--flat-canvas);color:var(--ink);font-family:"Be Vietnam Pro","Segoe UI",sans-serif}
body.goldretail-flat.auth-page{background:var(--flat-canvas)}
.goldretail-flat :is(.panel,.stats article,.auth-card,.wizard-line,.wizard-summary,.wizard-success,.wizard-warning,.wizard-customer-choice,.auth-error,.catalog-popup,.dx-popup-wrapper>.dx-overlay-content,.dx-context-menu .dx-submenu,.dx-datagrid){border-radius:var(--flat-radius);box-shadow:none}
/* Keep the focused field and close button reachable after a viewport resize. */
body.goldretail-flat .dx-popup-wrapper>.dx-overlay-content{max-width:calc(100vw - 24px)}
.goldretail-flat #workflow.panel{border-radius:var(--flat-radius);box-shadow:none}
.goldretail-flat .panel{border-color:var(--line)}
.goldretail-flat .stats article{border-top:3px solid var(--gold)}
.goldretail-flat .brandmark,.goldretail-flat .auth-mark{border-radius:var(--flat-radius)}
.goldretail-flat .auth-card{border-color:var(--line);padding:26px}
.goldretail-flat .auth-brand{margin-bottom:22px}
.goldretail-flat :is(.dx-button,.dx-texteditor.dx-editor-outlined,.auth-card .dx-button-mode-contained.dx-button-default,.auth-card .dx-texteditor.dx-editor-outlined){border-radius:var(--flat-radius);box-shadow:none}
.goldretail-flat .dx-button-mode-contained.dx-button-default{background:var(--navy);border-color:var(--navy);color:#fff}
.goldretail-flat .dx-button-mode-contained.dx-button-default.dx-state-hover{background:#285680;border-color:#285680}
.goldretail-flat .dx-button-mode-outlined{background:#fff;border-color:#8a9bad;color:var(--navy)}
.goldretail-flat .dx-button-mode-outlined.dx-state-hover{background:#edf3f8;border-color:var(--navy)}
.goldretail-flat .dx-texteditor.dx-editor-outlined{border-color:#aebdcd;background:#fff}
.goldretail-flat .dx-texteditor.dx-state-readonly{background:#f4f6f8}
.goldretail-flat .dx-button.dx-state-focused{outline:2px solid var(--flat-focus);outline-offset:1px}
.goldretail-flat :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--flat-focus);outline-offset:2px}
/* One focus boundary per editor: 1px border + 1px adjacent outline, no stacked
   input ring or legacy compact shadow. :focus-within also covers its buttons. */
body.goldretail-flat .dx-texteditor:is(.dx-state-focused,:focus-within){outline:1px solid var(--flat-focus);outline-offset:0;box-shadow:none!important}
body.goldretail-flat .dx-texteditor :is(input,textarea,button,.dx-button):is(:focus-visible,.dx-state-focused){outline:0;box-shadow:none}
body.goldretail-flat :is(input:not(.dx-texteditor-input):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="button"]):not([type="submit"]),select,textarea:not(.dx-texteditor-input)):focus-visible{border-color:var(--flat-focus);outline:1px solid var(--flat-focus);outline-offset:0;box-shadow:none}
@media(forced-colors:active){body.goldretail-flat .dx-texteditor:is(.dx-state-focused,:focus-within){outline-color:Highlight}}
.goldretail-flat .dx-datagrid-headers{background:#eaf0f6;color:#31465f;border-color:var(--line)}
.goldretail-flat .dx-datagrid .dx-row-alt>td{background:#f7f9fb}
.goldretail-flat .dx-datagrid .dx-data-row.dx-state-hover>td{background:#edf3f8}
.goldretail-flat .dx-menu-item-expanded,.goldretail-flat .dx-menu-item-selected{background:#eaf0f6!important}
.goldretail-flat .shell-menu-link:hover,.goldretail-flat .shell-menu-link:focus-visible{background:#eaf0f6}
.goldretail-flat .dx-popup-title{border-bottom:1px solid var(--line);background:#f3f6fa;color:var(--navy)}
.goldretail-flat .dx-overlay-shader{background:rgba(20,37,57,.28)}
.goldretail-flat :is(.wizard-summary,.wizard-success){border:1px solid var(--line);background:#f5f8fb}
.goldretail-flat .wizard-warning,.goldretail-flat .wizard-line-error{border-left:3px solid #b42318;border-radius:2px;background:#fff3f1;color:#99261c}
.goldretail-flat .auth-footnote{color:var(--muted)}
.goldretail-flat .pill{border-radius:3px}
@media(max-width:600px){.goldretail-flat .auth-card{padding:22px}.goldretail-flat .auth-shell{padding-top:32px}}
@media(prefers-reduced-motion:reduce){.goldretail-flat :is(.dx-button,.dx-texteditor,a,button){transition:none}}

.goldretail-flat .dx-dialog .dx-overlay-content{min-width:min(340px,calc(100vw - 28px));max-width:calc(100vw - 28px)}

/* Alternate flat gold palette: dark bronze on ivory, readable white action text. */
:root[data-gold-theme="gold"]{--navy:#79510d;--gold:#986914;--ink:#332d20;--muted:#665d4b;--line:#ded5c2;--flat-canvas:#f8f5ed;--flat-focus:#805500;--flat-menu-hover:#f0e4c8}
[data-gold-theme="gold"] .goldretail-flat :is(header,.navshell){background:#fffdf7;border-color:var(--line)}
[data-gold-theme="gold"] .goldretail-flat header,[data-gold-theme="gold"] .goldretail-flat header :is(.brand,.brandcaption,.account-store,.account-menu>summary,.account>a){color:var(--navy)}
[data-gold-theme="gold"] .goldretail-flat .dx-button-mode-contained.dx-button-default.dx-state-hover{background:#604009;border-color:#604009}
[data-gold-theme="gold"] .goldretail-flat :is(.dx-datagrid-headers,.dx-popup-title){background:#f2ead6;color:#604209}
[data-gold-theme="gold"] .goldretail-flat :is(.dx-menu-item-expanded,.dx-menu-item-selected){background:#f0e4c8!important}
[data-gold-theme="gold"] .goldretail-flat .gold-menu-link:hover{background:#f4ecd9}
[data-gold-theme="gold"] .goldretail-flat .dx-datagrid .dx-row-alt>td{background:#fcfaf4}
[data-gold-theme="gold"] .goldretail-flat .dx-datagrid .dx-data-row.dx-state-hover>td{background:#f4ecd9}
[data-gold-theme="gold"] .goldretail-flat :is(.wizard-summary,.wizard-success){background:#faf6e9}
.gold-theme-toggle{min-height:38px;padding:6px 12px;white-space:nowrap;color:var(--navy);background:var(--flat-surface);border:1px solid var(--line);border-radius:4px;cursor:pointer;font:inherit;font-size:12px}
.gold-nav-toggle{display:none;align-items:center;gap:9px;padding:8px 12px;min-height:44px;background:var(--flat-surface);color:var(--navy);border:1px solid var(--line);border-radius:4px;font:inherit;cursor:pointer}
.goldretail-flat .dx-menu .dx-menu-item-content,.goldretail-flat .dx-context-menu .dx-menu-item-content{min-height:40px;display:flex;align-items:center}
/* Native links and submenu headings share one typography and theme token. */
body.goldretail-flat .dx-menu-item-content.gold-menu-content{color:var(--navy);font-family:inherit;font-size:14px;font-weight:500;line-height:20px;min-height:44px}
body.goldretail-flat .gold-menu-content :is(.gold-menu-label,.gold-menu-link,.gold-menu-link:visited,.gold-menu-link:hover,.gold-menu-link:active){color:inherit;font:inherit;text-decoration:none}
body.goldretail-flat .dx-menu-item:is(.dx-state-hover,.dx-state-focused,.dx-menu-item-expanded,.dx-menu-item-selected):has(>.gold-menu-content){background:var(--flat-menu-hover)!important}
body.goldretail-flat .gold-menu-content .gold-menu-link:hover{background:transparent}
body.goldretail-flat .dx-menu-item-content.gold-menu-link-content{padding:0}
body.goldretail-flat .gold-menu-content .gold-menu-link{box-sizing:border-box;width:100%;padding:11px 14px}
body.goldretail-flat .dx-menu-item-content.gold-menu-branch-content{gap:8px;padding:11px 14px}
body.goldretail-flat .gold-menu-branch-content .gold-menu-label{min-width:0;flex:1}
body.goldretail-flat .gold-menu-content .gold-menu-chevron{display:block;flex:none;width:14px;height:14px;color:inherit}
body.goldretail-flat .gold-menu-content .gold-menu-chevron-top{transform:rotate(90deg)}
body.goldretail-flat .dx-menu-item-expanded>.gold-menu-content .gold-menu-chevron-top{transform:rotate(-90deg)}
body.goldretail-flat .dx-menu-item-content.gold-menu-top-content{padding:0}
/* Match branch spacing; outrank the legacy horizontal-link padding in app.css. */
body.goldretail-flat #nav .gold-menu-top-content .gold-menu-link{padding:14px 10px}
body.goldretail-flat .dx-menu-item-content.gold-menu-top-content.gold-menu-branch-content{padding:14px 10px}
@media(max-width:1100px){body.goldretail-flat .dx-menu-item-content.gold-menu-content{font-size:13px}body.goldretail-flat #nav .gold-menu-top-content .gold-menu-link{padding:12px 7px}body.goldretail-flat .dx-menu-item-content.gold-menu-top-content.gold-menu-branch-content{padding:12px 7px}}
/* Flyouts contain nested panels: native overflow:auto clips the next level and
   creates horizontal scrollbars. DevExtreme owns scrolling for leaf panels. */
.goldretail-flat .dx-context-menu .dx-submenu{max-height:calc(100dvh - 130px);overflow-y:auto;min-width:205px}
.goldretail-flat .dx-context-menu .dx-submenu:has(.gold-menu-content){overflow:visible;max-height:none}
.goldretail-flat .dx-context-menu .dx-submenu:has(.gold-menu-branch-content)>.dx-scrollable-wrapper>.dx-scrollable-container{overflow:visible}
.goldretail-flat .navshell{overflow:visible}.goldretail-flat #nav{max-width:100%;min-width:0;width:100%}.goldretail-flat #nav>.dx-menu-horizontal>.dx-menu-items-container{display:flex;flex-wrap:wrap}
.goldretail-flat :is(.dash-hero,.dash-card,.dash-panel){border-radius:4px;box-shadow:none}
.goldretail-flat .dash-hero{background:var(--navy)}
.goldretail-flat .dash-card{border-color:var(--line);border-top-color:var(--gold)}
[data-gold-theme="gold"] .dashboard{--dash-navy:#79510d;--dash-ink:#332d20;--dash-gold:#986914}
[data-gold-theme="gold"] .dashboard .dx-datagrid-headers{background:#f2ead6}
.dash-work-head{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.dash-work-head a{color:var(--navy);text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){.goldretail-flat header{flex-wrap:wrap;gap:8px}.goldretail-flat .account{flex-wrap:wrap;justify-content:flex-end;gap:8px}.gold-theme-toggle{min-height:44px}.goldretail-flat .dx-menu-item-content{min-height:44px}.goldretail-flat .dx-context-menu .dx-submenu{min-width:175px}}
@media(max-width:700px){.goldretail-flat .dx-context-menu .dx-submenu{width:180px;min-width:180px}.goldretail-flat .dx-context-menu .gold-menu-link{white-space:normal;max-width:154px;line-height:1.4}.goldretail-flat .dx-context-menu .dx-menu-item-content>span:not(.dx-icon){white-space:normal;max-width:148px}}
@media(max-width:700px){.goldretail-flat .dx-overlay-content.dx-inner-overlay.dx-context-menu:has(.gold-menu-link){position:fixed!important;left:8px!important;top:var(--gold-menu-top,240px)!important;transform:none!important}.goldretail-flat .dx-context-menu .dx-submenu{width:min(180px,calc((100vw - 24px)/2));min-width:0}.goldretail-flat .dx-context-menu .gold-menu-link{max-width:100%}}
@media(max-width:700px){.goldretail-flat .navshell{flex-wrap:wrap;padding-top:6px;padding-bottom:6px}.goldretail-flat .gold-nav-toggle{display:inline-flex}.goldretail-flat .navshell:not(.is-open) #nav{display:none}.goldretail-flat .navshell.is-open #nav{display:block;flex-basis:100%}}

/* On narrow screens, the third panel covers its parent column instead of
   flipping partly beyond the left viewport edge. Other menu levels stay reachable. */
@media(max-width:700px){.goldretail-flat .dx-context-menu .dx-submenu .dx-submenu .dx-submenu:has(.gold-menu-content){left:0!important;right:auto!important;top:0!important;transform:none!important}}

/* Shared label rhythm: reserve space for DevExtreme's absolute outside labels.
   Form labels, native labels and grid toolbars follow the same spacing in both themes. */
body.goldretail-flat{--field-label-gap:7px;--field-row-gap:12px;--section-gap:16px}
body.goldretail-flat .dx-field-item-label-location-top{padding-bottom:var(--field-label-gap)!important}
body.goldretail-flat .dx-field-item-label-location-left{padding-right:12px}
body.goldretail-flat .dx-layout-manager .dx-field-item:not(.dx-field-item-group):not(.dx-field-item-empty){padding-bottom:var(--field-row-gap)}
body.goldretail-flat .dx-editor-outlined.dx-texteditor-label-outside{margin-top:28px!important}
body.goldretail-flat .dx-editor-outlined.dx-texteditor-label-outside .dx-label span{top:-24px;line-height:16px;height:16px}
body.goldretail-flat main label[for]{display:block;margin-bottom:var(--field-label-gap);line-height:1.5}
body.goldretail-flat main :is(.pending-filters,.material-entry) label{margin-bottom:var(--field-label-gap)}
body.goldretail-flat main :is(.panel,.dash-panel)>:is(h2,h3){margin-bottom:12px}
body.goldretail-flat .dx-datagrid-header-panel .dx-toolbar{margin-bottom:10px}
body.goldretail-flat .dx-datagrid-headers .dx-header-row>td{padding:9px 10px;line-height:1.45;vertical-align:middle}
body.goldretail-flat .dx-datagrid-rowsview .dx-data-row>td:not(.dx-editor-cell){padding:8px 10px;vertical-align:middle}
body.goldretail-flat main :is(p,h2,h3,label)+.dx-datagrid{margin-top:12px}
body.goldretail-flat #materialReceiptForm{margin:var(--section-gap) 0}
body.goldretail-flat #materialEntry{margin:var(--section-gap) 0}
body.goldretail-flat #materialLines{margin-top:var(--section-gap)}
body.goldretail-flat .material-summary:empty{display:none}
body.goldretail-flat .trade-cart .wizard-line-values label{margin-bottom:var(--field-label-gap)}
/* Screen help stays with the page title; the header opens the full manual. */
.view-help-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;box-sizing:border-box;min-height:36px;padding:7px 11px;border:1px solid var(--line,#d5dee8);border-radius:4px;background:var(--flat-surface,#fff);color:var(--navy,#1d3f63);font:500 13px/20px "Be Vietnam Pro","Segoe UI",sans-serif;text-decoration:none;white-space:nowrap;flex:none}
.view-help-button:visited{color:var(--navy,#1d3f63)}
.view-help-button:hover{background:var(--flat-menu-hover,#eaf0f6)}
.view-help-button:focus-visible{outline:2px solid var(--flat-focus,#1763ad);outline-offset:2px}
.view-help-button svg{flex:none}
.pageheading:has(>.view-help-button){display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;align-items:center}
.pageheading:has(>.view-help-button)>.eyebrow{grid-column:1;grid-row:1}
.pageheading:has(>.view-help-button)>h1{grid-column:1;grid-row:2;min-width:0}
.pageheading>.view-help-button{grid-column:2;grid-row:1 / span 2;justify-self:end}
.auth-card .pageheading:has(>.view-help-button){margin:0 0 14px;column-gap:10px}
.auth-card .pageheading>h1{margin:0}
.auth-footnote>.view-help-button{margin-left:5px}
@media(max-width:600px){.view-help-button{min-height:44px;padding:9px 10px}.pageheading:has(>.view-help-button){column-gap:10px}.auth-card .pageheading:has(>.view-help-button){grid-template-columns:minmax(0,1fr)}.auth-card .pageheading>.view-help-button{grid-column:1;grid-row:3;margin-top:8px}}
@media(max-width:600px){body.goldretail-flat{--field-label-gap:8px;--field-row-gap:14px}body.goldretail-flat .dx-editor-outlined.dx-texteditor-label-outside{margin-top:29px!important}body.goldretail-flat .dx-editor-outlined.dx-texteditor-label-outside .dx-label span{top:-25px}body.goldretail-flat .dx-datagrid-headers .dx-header-row>td{padding:10px}body.goldretail-flat .dx-datagrid-rowsview .dx-data-row>td:not(.dx-editor-cell){padding:10px}}

/* Shared semantic colors. Print views keep their independent paper palette. */
:root{--flat-primary:var(--navy);--flat-primary-ink:#fff;--flat-primary-hover:#285680;--flat-header:#1d3f63;--flat-header-ink:#fff;--flat-header-muted:#dbe7f2;--flat-raised:#fff;--flat-soft:#eaf0f6;--flat-readonly:#f4f6f8;--flat-alt:#f7f9fb;--flat-input-border:#aebdcd;--flat-selection:#dce8f5;--flat-hero:#1d3f63;--flat-danger:#a4262d;--flat-danger-bg:#fff1ef;--flat-success:#176044;--flat-success-bg:#edf8f1;--flat-warning:#76500d;--flat-warning-bg:#fff6df;--flat-chart-sale:#176b86;--flat-chart-buy:#956821;--flat-chart-in:#18765c;--flat-chart-out:#b25639;--surface-muted:var(--flat-readonly);--border:var(--line)}
:root[data-gold-theme="gold"]{--flat-primary-hover:#604009;--flat-header:#fffdf7;--flat-header-ink:#79510d;--flat-header-muted:#665d4b;--flat-soft:#f2ead6;--flat-readonly:#f6f0e4;--flat-alt:#fcfaf4;--flat-input-border:#bcaa86;--flat-selection:#f0e0bb;--flat-hero:#79510d}
:root[data-gold-theme="mocha"]{--navy:#6b4938;--gold:#a36b35;--ink:#382d28;--muted:#716155;--line:#d9cbbb;--flat-canvas:#f2eae0;--flat-surface:#fffcf7;--flat-raised:#fffaf1;--flat-primary-hover:#523526;--flat-header:#f9f0e3;--flat-header-ink:#5e3f30;--flat-header-muted:#716155;--flat-soft:#eadecf;--flat-menu-hover:#eadecf;--flat-readonly:#efe6dc;--flat-alt:#faf4eb;--flat-input-border:#b7a18b;--flat-selection:#e6d3bd;--flat-focus:#955c28;--flat-hero:#694936;--flat-chart-sale:#78503a;--flat-chart-buy:#9f6b22;--flat-chart-in:#4a775f;--flat-chart-out:#b05e40}
:root[data-gold-theme="jade"]{--navy:#12655f;--gold:#247d98;--ink:#183a44;--muted:#4b6871;--line:#c5dade;--flat-canvas:#edf6f7;--flat-surface:#fff;--flat-raised:#f8fdfd;--flat-primary-hover:#0e514c;--flat-header:#143e52;--flat-header-ink:#fff;--flat-header-muted:#d2e9ed;--flat-soft:#e1eff1;--flat-menu-hover:#dcefed;--flat-readonly:#eaf3f4;--flat-alt:#f4fafa;--flat-input-border:#88aeb4;--flat-selection:#cce7e3;--flat-focus:#007f85;--flat-hero:#155c67;--flat-chart-sale:#087b78;--flat-chart-buy:#2e6fc0;--flat-chart-in:#23705c;--flat-chart-out:#a85731}
:root[data-gold-theme="ember"]{color-scheme:dark;--navy:#ffb477;--gold:#f09b5a;--ink:#edf0f5;--muted:#b0bdca;--line:#46515f;--flat-canvas:#12161c;--flat-surface:#1c222b;--flat-raised:#242d38;--flat-primary:#ed9855;--flat-primary-ink:#1e1713;--flat-primary-hover:#ffad70;--flat-header:#171c23;--flat-header-ink:#f0f2f6;--flat-header-muted:#b0bdca;--flat-soft:#2b333e;--flat-menu-hover:#3b3028;--flat-readonly:#232b34;--flat-alt:#202833;--flat-input-border:#697889;--flat-selection:#453329;--flat-focus:#ffba84;--flat-hero:#2c2521;--flat-danger:#ffb5b5;--flat-danger-bg:#3b2325;--flat-success:#9de0b9;--flat-success-bg:#1c352d;--flat-warning:#ffe0a6;--flat-warning-bg:#372b18;--flat-chart-sale:#ffb477;--flat-chart-buy:#8ebcff;--flat-chart-in:#7bd4b6;--flat-chart-out:#f2a0a6}

body.goldretail-flat header{background:var(--flat-header);color:var(--flat-header-ink);border-color:var(--line)}
body.goldretail-flat header :is(.brand,.brandcaption,.account-store,.account-menu>summary,.account>a){color:var(--flat-header-ink)}
body.goldretail-flat header .brandcaption{color:var(--flat-header-muted)}
body.goldretail-flat :is(.navshell,.panel,.auth-card,.dx-datagrid,.dx-toolbar,.dx-popup-wrapper>.dx-overlay-content,.dx-context-menu .dx-submenu,.account-dropdown,.dash-card,.dash-panel){background:var(--flat-surface);color:var(--ink);border-color:var(--line)}
body.goldretail-flat :is(.dx-widget,.dx-texteditor-input,.dx-field-item-label-text,.dx-form-group-caption){color:var(--ink)}
body.goldretail-flat :is(.dx-texteditor.dx-editor-outlined,select,textarea){background:var(--flat-surface);border-color:var(--flat-input-border);color:var(--ink)}
body.goldretail-flat .dx-texteditor.dx-widget{background:var(--flat-surface)!important;border-color:var(--flat-input-border)!important}
body.goldretail-flat .dx-texteditor.dx-state-readonly{background:var(--flat-readonly)!important}
body.goldretail-flat .dx-texteditor.dx-state-focused{border-color:var(--flat-focus)!important}
body.goldretail-flat .dx-texteditor.dx-invalid{border-color:var(--flat-danger)!important}
body.goldretail-flat :is(.dx-placeholder,.dx-label,.dx-datagrid-nodata,.dx-datagrid-text-content .dx-sort,.dx-pager,.dx-field-item-help-text){color:var(--muted)}
body.goldretail-flat .dx-button-mode-contained.dx-button-default{background:var(--flat-primary);border-color:var(--flat-primary);color:var(--flat-primary-ink)}
body.goldretail-flat .dx-button-mode-contained.dx-button-default.dx-state-hover{background:var(--flat-primary-hover);border-color:var(--flat-primary-hover)}
body.goldretail-flat :is(.dx-button-mode-outlined,.dx-button-mode-contained.dx-button-normal){background:var(--flat-surface);color:var(--navy);border-color:var(--flat-input-border)}
body.goldretail-flat :is(.dx-button-mode-outlined,.dx-button-mode-contained.dx-button-normal).dx-state-hover{background:var(--flat-menu-hover);border-color:var(--navy)}
body.goldretail-flat .dx-button .dx-icon{color:inherit}
body.goldretail-flat :is(.dx-checkbox-checked,.dx-checkbox-indeterminate) .dx-checkbox-icon{color:var(--navy);border-color:var(--navy)}
body.goldretail-flat .dx-calendar-cell.dx-calendar-selected-date span{background:var(--flat-primary);color:var(--flat-primary-ink)}
body.goldretail-flat input:is([type="checkbox"],[type="radio"]){accent-color:var(--flat-primary)}
body.goldretail-flat :is(.dx-datagrid-headers,.dx-popup-title,.dx-datagrid .dx-header-row>td){background:var(--flat-soft);color:var(--ink);border-color:var(--line)}
body.goldretail-flat .dx-datagrid .dx-row-alt>td{background:var(--flat-alt)}
body.goldretail-flat .dx-datagrid .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-focused)>td{background:var(--flat-menu-hover);color:var(--ink)}
body.goldretail-flat .dx-datagrid .dx-data-row:is(.dx-selection,.dx-row-focused)>td{background:var(--flat-selection);color:var(--ink)}
body.goldretail-flat .dx-datagrid .dx-command-edit :is(.dx-link,.dx-icon),body.goldretail-flat .dx-button-mode-text{color:var(--navy)}
body.goldretail-flat :is(.account-dropdown a,.account-dropdown button,.home-shortcuts a,.dash-link,.dash-work-head a,.security-rights-help>summary){color:var(--navy)}
body.goldretail-flat .account-dropdown :is(a,button):hover{background:var(--flat-menu-hover)}
body.goldretail-flat .gold-quick-access,body.goldretail-flat .gold-quick-access a{background:var(--flat-surface)}
body.goldretail-flat .gold-quick-access a:hover{background:var(--flat-menu-hover)}
body.goldretail-flat :is(.wizard-page,.trade-customer-payment,.trade-cart-item,.wizard-line,.wizard-actions,.gold-catalog-popup .catalog-popup-footer){background:var(--flat-surface);border-color:var(--line)}
body.goldretail-flat :is(.wizard-summary,.wizard-success,.pending-money-proof,.delivery-totals,.compact-grid-heading,.trade-lines-table th){background:var(--flat-readonly);color:var(--ink);border-color:var(--line)}
body.goldretail-flat :is(.wizard-warning,.wizard-line-error,.auth-error){background:var(--flat-danger-bg);color:var(--flat-danger)}
body.goldretail-flat :is(.wizard-hint,.wizard-line-state,.wizard-line-title small,.wizard-line-values small,.wizard-line-values label,.wizard-actions span,.cart-name,.entry-amount label,.wizard-entry #entryInfo,.compact-empty,.trade-empty,.security-rights-help,.dash-card-note,.dash-card-state,.dash-status,.dash-footnote,.dash-unit,.dash-asset-tools,.compact-page-state){color:var(--muted)}
body.goldretail-flat .trade-cart [data-cart-field="line-total"] strong{color:var(--ink)}
body.goldretail-flat :is(.dash-card,.dash-panel){--dash-navy:var(--navy);--dash-gold:var(--gold);--dash-ink:var(--ink)}
body.goldretail-flat .dashboard{--dash-navy:var(--navy);--dash-gold:var(--gold);--dash-ink:var(--ink);color:var(--ink)}
body.goldretail-flat .dash-hero{background:var(--flat-hero);color:#fff}
body.goldretail-flat .dash-hero p,body.goldretail-flat .dash-filter>span{color:#e6eaf0}
body.goldretail-flat .dash-card-top i,body.goldretail-flat .dash-tag{background:var(--flat-soft);color:var(--navy)}
body.goldretail-flat :is(.pending-state,#materialInfo.overdue,#materialPrerequisite,.catalog-readonly){background:var(--flat-warning-bg);color:var(--flat-warning);border-color:var(--flat-input-border)}
body.goldretail-flat .pending-state.confirmed{background:var(--flat-success-bg);color:var(--flat-success)}
body.goldretail-flat :is(.pending-scan-error,.catalog-field-error,.catalog-import-error,.organization-field-error,.has-errors,#wizardFeedback.has-errors){color:var(--flat-danger)}
body.goldretail-flat :is(.auth-brand,.auth-card h1){color:var(--ink)}
body.goldretail-flat :is(.auth-subtitle,.auth-brand small,.payment-intro,.label-batch-help,#labelBatchMessage,.system-settings .setting-row p){color:var(--muted)}
body.goldretail-flat .auth-footnote a{color:var(--navy)}
body.goldretail-flat .eyebrow,body.goldretail-flat #wizardFeedback:not(.has-errors){color:var(--muted)}
body.goldretail-flat .dash-kicker{color:var(--navy)}
body.goldretail-flat .dash-hero .dash-kicker{color:#f2cf8c}
body.goldretail-flat #supplierOrder{--po-border:var(--line)}
body.goldretail-flat :is(.label-batch-panel,#supplierOrder .po-layout>section,#repairPage .customer-lookup){background:var(--flat-surface);border-color:var(--line)}
body.goldretail-flat :is(.count-table th,.count-table .count-current,#supplierOrder .po-layout>section:nth-child(2)){background:var(--flat-readonly);color:var(--ink)}
body.goldretail-flat :is(.count-page,.opening-page,.label-batch-page) button,body.goldretail-flat #captchaRefresh{background:var(--flat-surface);color:var(--navy);border-color:var(--flat-input-border)}
body.goldretail-flat :is(#countSave,#labelAdd,#labelBatchPrintButton){background:var(--flat-primary);color:var(--flat-primary-ink);border-color:var(--flat-primary)}
body.goldretail-flat :is(.count-page,.opening-page,.label-batch-page) input{background:var(--flat-surface);color:var(--ink);border-color:var(--flat-input-border)}
body.goldretail-flat .count-page label{color:var(--muted)}
body.goldretail-flat .count-table .difference{color:var(--flat-warning)}
body.goldretail-flat #settingTabs .dx-tab{background:var(--flat-soft);color:var(--ink)}
body.goldretail-flat #settingTabs .dx-tab-selected,body.goldretail-flat #settingTabs .dx-tab-selected .dx-tab-text{background:var(--flat-primary);color:var(--flat-primary-ink);border-bottom-color:var(--gold)}
body.goldretail-flat #settingTabs .dx-tab:hover:not(.dx-tab-selected){background:var(--flat-menu-hover)}

/* Native theme chooser: named options, selection indicator, keyboard and touch targets. */
.gold-theme-picker{position:relative;z-index:110;flex:none}
.gold-theme-toggle{display:flex;align-items:center;justify-content:center;gap:8px;list-style:none;user-select:none;min-width:128px}
.gold-theme-toggle::-webkit-details-marker{display:none}
.gold-theme-options{position:absolute;right:0;top:calc(100% + 8px);box-sizing:border-box;width:288px;max-width:calc(100vw - 24px);margin:0;padding:12px;border:1px solid var(--line);border-radius:4px;background:var(--flat-raised);color:var(--ink);box-shadow:0 8px 24px #0002;max-height:calc(100dvh - 100px);overflow:auto}
.gold-theme-options legend{float:left;width:100%;font-size:12px;font-weight:600;padding:0 4px 8px;color:var(--muted)}
.gold-theme-option{display:flex;align-items:center;gap:10px;clear:both;min-height:54px;padding:8px;border:1px solid transparent;border-radius:4px;cursor:pointer;font-size:13px}
.gold-theme-option:hover{background:var(--flat-menu-hover)}
.gold-theme-option:has(:checked){background:var(--flat-menu-hover);border-color:var(--navy)}
.gold-theme-option input{width:16px;height:16px;margin:0;accent-color:var(--navy);flex:none}
.gold-theme-option strong,.gold-theme-option small{display:block;font-weight:500;line-height:1.5}
.gold-theme-option small{font-size:11px;color:var(--muted);font-weight:400}
.gold-theme-status{clear:both;margin:8px 4px;line-height:1.5;font-size:12px;color:var(--muted)}
.gold-theme-retry{margin:0 4px 4px;padding:8px 14px;min-height:44px;border:1px solid var(--navy);border-radius:4px;background:var(--flat-surface);color:var(--navy);font:inherit;font-size:13px;cursor:pointer}
.gold-trade-watermark{position:fixed;inset:190px 0 0;display:flex;align-items:center;justify-content:center;z-index:50;pointer-events:none;user-select:none;font-size:clamp(100px,23vw,340px);font-weight:700;letter-spacing:.12em;line-height:1;transform:rotate(-16deg);opacity:.065}
.gold-trade-watermark-buy{color:#b91c1c}.gold-trade-watermark-sale{color:#087f3f}
[data-gold-theme="ember"] .gold-trade-watermark{opacity:.085}
[data-gold-theme="ember"] .gold-trade-watermark-buy{color:#ff7c75}[data-gold-theme="ember"] .gold-trade-watermark-sale{color:#54d799}
@media print, (forced-colors:active){.gold-trade-watermark{display:none}}
.gold-theme-swatch{width:28px;height:28px;flex:none;border:1px solid #8886;border-radius:50%;background:linear-gradient(90deg,#1d3f63 50%,#f3f6fa 50%)}
.gold-theme-swatch[data-palette="gold"]{background:linear-gradient(90deg,#79510d 50%,#f8f5ed 50%)}
.gold-theme-swatch[data-palette="mocha"]{background:linear-gradient(90deg,#6b4938 50%,#f2eae0 50%)}
.gold-theme-swatch[data-palette="jade"]{background:linear-gradient(90deg,#12655f 50%,#edf6f7 50%)}
.gold-theme-swatch[data-palette="ember"]{background:linear-gradient(90deg,#ed9855 50%,#1c222b 50%)}

/* Dark exceptions for legacy native containers; DevExtreme itself uses dx.dark.css. */
[data-gold-theme="ember"] body.goldretail-flat :is(.product-photo,.product-photo-placeholder,.catalog-import-guide,.store-current-row>td){background:var(--flat-readonly);color:var(--muted);border-color:var(--line)}
[data-gold-theme="ember"] body.goldretail-flat :is(.wizard-line details,.wizard-lines,.trade-empty,.trade-lines-table td,.customer-lookup,.security-directory #securityGrid .dx-column-lines>td){border-color:var(--line)}
[data-gold-theme="ember"] body.goldretail-flat .dx-overlay-shader{background:#0008}
[data-gold-theme="ember"] body.goldretail-flat .dx-texteditor.dx-widget{background:var(--flat-surface)!important;border-color:var(--flat-input-border);color:var(--ink)}
[data-gold-theme="ember"] body.goldretail-flat .dx-texteditor.dx-widget.dx-state-readonly{background:var(--flat-readonly)!important}
[data-gold-theme="ember"] body.goldretail-flat .dx-texteditor-input{background:transparent!important;color:var(--ink)!important}
[data-gold-theme="ember"] body.goldretail-flat .dx-button-mode-contained.dx-button-danger{background:#ab343b;border-color:#ab343b;color:#fff}
[data-gold-theme="ember"] body.goldretail-flat .dx-list-item.dx-state-focused,[data-gold-theme="ember"] body.goldretail-flat .dx-list-item.dx-state-hover{background:var(--flat-menu-hover);color:var(--ink)}
[data-gold-theme="ember"] body.goldretail-flat .delivery-totals[data-shortfall=true]{color:var(--flat-warning)}
@media(max-width:600px){.gold-theme-options{position:fixed;inset:var(--gold-theme-top,126px) 12px auto auto;width:272px;max-height:calc(100dvh - var(--gold-theme-top,126px) - 12px)}.gold-theme-toggle{min-width:122px}.gold-theme-option{min-height:54px}.gold-theme-options legend{font-size:13px}.gold-theme-option small{font-size:12px}}