/* SpritzUp skin for the supplier platform. Visual only: colours, type, logo, backgrounds, control shapes.
   Every label, menu item, field, position and flow is the supplier's own — nothing here moves or renames anything.
   Design system: 16_Venue_Value_Brief/v6/tokens6.js (the dossier) and the website tokens.
   data-su-theme="B" is the SpritzUp skin (default). A and C are kept only as review alternatives. */

@font-face { font-family: 'Montserrat Var'; src: url('/su/montserrat-var.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
html[data-su-theme] body, html[data-su-theme] body * { font-family: 'Montserrat Var', -apple-system, 'Segoe UI', sans-serif; }

html[data-su-theme="B"] { --su-canvas:#0b0a09; --su-card:#151311; --su-line:#2a2418; --su-ink:#F6F2E9; --su-muted:#a8a294; --su-thead:#1a1714;
  --su-header:#0b0a09; --su-sider:#0b0a09; --su-sider-ink:#cfcabf; --su-sider-hover:#161311; --su-sider-active-bg:#1a1612; --su-sider-active-ink:#f3d66b;
  --su-primary:#e3c45c; --su-primary-ink:#1a1408; --su-gold:#e3c45c; --su-gold-tx:#f3d66b; --su-gold-soft:#241f12; --su-shadow:none;
  --su-metal: linear-gradient(100deg, #8a6a1e 0%, #e8c860 26%, #fff4cf 47%, #f4dd92 57%, #d9b441 76%, #9a7a22 100%); }
html[data-su-theme="A"] { --su-canvas:#f5f3ee; --su-card:#ffffff; --su-line:#e6e1d8; --su-ink:#15130f; --su-muted:#7a746a; --su-thead:#faf8f4;
  --su-header:#0b0b0d; --su-sider:#ffffff; --su-sider-ink:#3d3a33; --su-sider-hover:#f5f3ee; --su-sider-active-bg:#f1ece1; --su-sider-active-ink:#15130f;
  --su-primary:#15130f; --su-primary-ink:#ffffff; --su-gold:#c9a53a; --su-gold-tx:#a8842a; --su-gold-soft:#f6efdc; --su-shadow:none; --su-metal:#15130f; }
html[data-su-theme="C"] { --su-canvas:#f2f2f0; --su-card:#ffffff; --su-line:#e3e3df; --su-ink:#111111; --su-muted:#737373; --su-thead:#f7f7f5;
  --su-header:#0b0b0d; --su-sider:#0b0b0d; --su-sider-ink:#b9b9b4; --su-sider-hover:#161618; --su-sider-active-bg:#1a1a1c; --su-sider-active-ink:#ffffff;
  --su-primary:#111111; --su-primary-ink:#ffffff; --su-gold:#e3c45c; --su-gold-tx:#a8842a; --su-gold-soft:#fbf4dc; --su-shadow:0 1px 2px rgba(0,0,0,.04), 0 8px 24px rgba(0,0,0,.04); --su-metal:#111111; }

/* ---- ground: black with the dossier grain ---- */
html[data-su-theme] .ant-layout, html[data-su-theme] .layout .content, html[data-su-theme] #app[data-v-10134886], html[data-su-theme] .layout .content-data { background: var(--su-canvas) !important; color: var(--su-ink); }
html[data-su-theme="B"] body::before { content: ""; position: fixed; inset: 0; opacity: .35; pointer-events: none; z-index: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E"); }
html[data-su-theme="B"] #app { position: relative; z-index: 1; }

/* ---- header + sidebar (same items, same order, same place; only styled) ---- */
html[data-su-theme] .ant-layout-header.header, html[data-su-theme] .logo, html[data-su-theme] .logo .title { background: var(--su-header) !important; }
html[data-su-theme="B"] .ant-layout-header.header, html[data-su-theme="B"] .logo { border-bottom: 1px solid #1f1a12; }
html[data-su-theme] .ant-layout-sider.sider { background: var(--su-sider) !important; border-right: 1px solid var(--su-line); }
html[data-su-theme] .ant-menu.sider, html[data-su-theme] .ant-menu-sub.ant-menu-inline { background: transparent !important; color: var(--su-sider-ink); border-inline-end: none !important; padding: 8px 6px; }
html[data-su-theme] .ant-menu-light .ant-menu-item, html[data-su-theme] .ant-menu-light .ant-menu-submenu-title { color: var(--su-sider-ink); border-radius: 10px; margin: 2px 0; height: 40px; line-height: 40px; font-size: 13px; font-weight: 500; padding-inline: 12px !important; width: 100%; }
html[data-su-theme] .ant-menu-light .ant-menu-item:hover, html[data-su-theme] .ant-menu-light .ant-menu-submenu-title:hover { background: var(--su-sider-hover) !important; color: var(--su-sider-active-ink) !important; }
html[data-su-theme] .ant-menu-light .ant-menu-item-selected, html[data-su-theme] .ant-menu-light .ant-menu-item-selected a { background: var(--su-sider-active-bg) !important; color: var(--su-sider-active-ink) !important; font-weight: 600; box-shadow: inset 3px 0 0 var(--su-gold); }
html[data-su-theme] .ant-menu-light .ant-menu-submenu-selected > .ant-menu-submenu-title { color: var(--su-sider-active-ink) !important; }
html[data-su-theme] .ant-menu-light .ant-menu-submenu-arrow { color: var(--su-muted); }
html[data-su-theme] .ant-menu-light .ant-menu-item a { color: inherit; }
html[data-su-theme] .ant-menu-inline .ant-menu-item .ant-menu-title-content, html[data-su-theme] .ant-menu-inline .ant-menu-submenu-title .ant-menu-title-content { margin-inline-start: 8px; }
html[data-su-theme] .ant-menu-inline .ant-menu-sub .ant-menu-item { padding-inline-start: 34px !important; }
html[data-su-theme] .ant-dropdown-link .username { font-weight: 500; letter-spacing: .01em; }

/* ---- page tab strip (same tabs, same place) ---- */
html[data-su-theme] .ant-tabs-card > .ant-tabs-nav::before { border-bottom: none !important; }
html[data-su-theme] .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab { background: transparent !important; border: 1px solid var(--su-line) !important; border-radius: 999px !important; margin: 0 6px 0 0 !important; padding: 5px 12px !important; color: var(--su-muted); font-weight: 500; }
html[data-su-theme] .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-active { background: var(--su-metal) !important; border-color: transparent !important; }
html[data-su-theme] .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab-btn, html[data-su-theme] .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab-remove { color: #1a1408 !important; }
html[data-su-theme] .ant-tabs-tab-btn { color: inherit; }
html[data-su-theme] .ant-tabs-tab-remove { color: var(--su-muted) !important; }

/* ---- dashboard cards ---- */
html[data-su-theme] .data-card, html[data-su-theme] .sales-pie, html[data-su-theme] .sales-table { background: var(--su-card) !important; border: 1px solid var(--su-line); border-radius: 16px !important; box-shadow: var(--su-shadow); color: var(--su-ink); }
html[data-su-theme] .hvr-grow-shadow:hover, html[data-su-theme] .hvr-grow-shadow:focus { transform: none; box-shadow: var(--su-shadow); }
html[data-su-theme] .data-card .card-title { color: var(--su-gold-tx); font-size: 11px; font-weight: 600; letter-spacing: .04em; }
html[data-su-theme] .data-card .card-total-price { font-size: 34px; font-weight: 700; letter-spacing: -.03em; color: var(--su-ink) !important; }
html[data-su-theme="B"] .data-card .card-total-price { background: var(--su-metal); -webkit-background-clip: text; background-clip: text; color: transparent !important; }
html[data-su-theme] .data-card .ant-divider { border-color: var(--su-line); }
html[data-su-theme] .sales-table { color: var(--su-ink) !important; }
html[data-su-theme] .sales-table .flex-sb > div:first-child { color: var(--su-gold-tx); font-weight: 600; font-size: 11px; letter-spacing: .04em; }
html[data-su-theme] .sales-table .item, html[data-su-theme] .sales-table .w-130 { color: var(--su-muted) !important; }
html[data-su-theme] .sales-pie .ant-tabs-tab { color: var(--su-muted); }
html[data-su-theme] .sales-pie .ant-tabs-tab-active .ant-tabs-tab-btn { color: var(--su-ink) !important; }
html[data-su-theme] .sales-pie .ant-tabs-ink-bar { background: var(--su-gold) !important; height: 3px; border-radius: 3px; }
html[data-su-theme] .sales-pie .ant-radio-button-wrapper { border-color: var(--su-line); background: var(--su-card); color: var(--su-muted); }
html[data-su-theme] .sales-pie .ant-radio-button-wrapper-checked { background: var(--su-metal) !important; color: #1a1408 !important; border-color: transparent !important; }
/* the pie is canvas-drawn by the supplier with dark labels; give it a light panel so they stay legible */
html[data-su-theme="B"] .sales-pie .right { background: var(--su-card) !important; border-radius: 14px; }

/* ---- stats strip ---- */
html[data-su-theme] .statistics { background: var(--su-gold-soft) !important; border: 1px solid transparent !important; color: var(--su-ink) !important; border-radius: 10px !important; padding: 8px 14px !important; font-weight: 500; }
html[data-su-theme] .statistics .text-red { color: var(--su-gold-tx); font-weight: 600; }

/* ---- tables: gold rule under the header, hairlines between rows ---- */
html[data-su-theme] .ant-table-wrapper { border: 1px solid var(--su-line); border-radius: 14px; overflow: hidden; background: var(--su-card); box-shadow: var(--su-shadow); }
html[data-su-theme] .ant-table, html[data-su-theme] .ant-table-container, html[data-su-theme] .ant-table-content { background: var(--su-card) !important; color: var(--su-ink) !important; }
html[data-su-theme] .ant-table-thead > tr > th { background: var(--su-thead) !important; color: var(--su-gold-tx) !important; font-size: 11px; font-weight: 600 !important; letter-spacing: .03em; border-bottom: 1px solid var(--su-gold) !important; }
html[data-su-theme] .ant-table-thead > tr > th::before { display: none; }
html[data-su-theme] .ant-table-bordered .ant-table-cell, html[data-su-theme] .ant-table-container, html[data-su-theme] .ant-table-bordered > .ant-table-container { border-color: var(--su-line) !important; }
html[data-su-theme] .ant-table-bordered .ant-table-thead > tr > th, html[data-su-theme] .ant-table-bordered .ant-table-tbody > tr > td { border-inline-end: 1px solid var(--su-line) !important; }
html[data-su-theme] .ant-table-tbody > tr > td { border-bottom: 1px solid var(--su-line) !important; color: var(--su-ink); }
html[data-su-theme] .ant-table-tbody > tr:last-child > td { border-bottom: none !important; }
html[data-su-theme] .ant-table-tbody > tr:hover > td { background: var(--su-thead) !important; }
html[data-su-theme] .ant-table-placeholder .ant-empty-description, html[data-su-theme] .ant-empty-description { color: var(--su-muted) !important; }
html[data-su-theme="B"] .ant-table-wrapper .ant-table-container::after, html[data-su-theme="B"] .ant-table-wrapper .ant-table-container::before { display: none; }
html[data-su-theme] .ant-pagination .ant-pagination-item { border-color: var(--su-line); background: var(--su-card); }
html[data-su-theme] .ant-pagination .ant-pagination-item a { color: var(--su-ink); }
html[data-su-theme] .ant-pagination .ant-pagination-item-active { border-color: transparent; background: var(--su-metal); }
html[data-su-theme] .ant-pagination .ant-pagination-item-active a { color: #1a1408 !important; }
html[data-su-theme] .ant-pagination-total-text, html[data-su-theme] .ant-pagination-item-link { color: var(--su-muted); }

/* ---- controls: pill buttons, gold-metal primary, dark inputs ---- */
html[data-su-theme] .ant-btn { border-radius: 999px; font-weight: 600; box-shadow: none; letter-spacing: .02em; }
html[data-su-theme] .ant-btn-primary { background: var(--su-metal) !important; color: var(--su-primary-ink) !important; border-color: transparent !important; box-shadow: 0 10px 30px -12px rgba(227,196,92,.55); }
html[data-su-theme] .ant-btn-primary:hover { filter: brightness(1.08); }
html[data-su-theme] .ant-btn-default { background: transparent; border-color: var(--su-line); color: var(--su-ink); }
html[data-su-theme] .ant-btn-default:hover { border-color: var(--su-gold) !important; color: var(--su-gold-tx) !important; }
html[data-su-theme] .ant-btn-link { color: var(--su-gold-tx); }
html[data-su-theme] .ant-input, html[data-su-theme] .ant-input-affix-wrapper, html[data-su-theme] .ant-select:not(.ant-select-customize-input) .ant-select-selector, html[data-su-theme] .ant-picker, html[data-su-theme] .ant-input-number, html[data-su-theme] .ant-input-number-input { border-radius: 10px !important; border-color: var(--su-line) !important; background: var(--su-card) !important; color: var(--su-ink) !important; }
html[data-su-theme] .ant-input-affix-wrapper .ant-input { border-radius: 0 !important; background: transparent !important; }
html[data-su-theme] .ant-input::placeholder, html[data-su-theme] .ant-select-selection-placeholder, html[data-su-theme] .ant-picker-input > input::placeholder { color: var(--su-muted) !important; opacity: .8; }
html[data-su-theme] .ant-input:focus, html[data-su-theme] .ant-input-affix-wrapper-focused, html[data-su-theme] .ant-select-focused .ant-select-selector { border-color: var(--su-gold) !important; box-shadow: 0 0 0 3px rgba(227,196,92,.18) !important; }
html[data-su-theme] .ant-select-arrow, html[data-su-theme] .ant-picker-suffix, html[data-su-theme] .ant-input-prefix, html[data-su-theme] .ant-input-suffix { color: var(--su-muted); }
html[data-su-theme] .ant-select-selection-item, html[data-su-theme] .ant-picker-input > input { color: var(--su-ink) !important; }
html[data-su-theme] .ant-form-item-label > label, html[data-su-theme] .ant-form label { color: var(--su-muted); font-weight: 500; }
html[data-su-theme] .ant-switch { background: var(--su-line); } html[data-su-theme] .ant-switch.ant-switch-checked { background: var(--su-gold); }
html[data-su-theme] .ant-checkbox-checked .ant-checkbox-inner, html[data-su-theme] .ant-radio-checked .ant-radio-inner { background: var(--su-gold); border-color: var(--su-gold); }
html[data-su-theme] .ant-tag { border-radius: 999px; font-weight: 500; padding-inline: 9px; }
html[data-su-theme="B"] .ant-tag { filter: saturate(.7) brightness(1.1); }
html[data-su-theme] .ant-divider { border-color: var(--su-line); }
html[data-su-theme] .ant-upload.ant-upload-select, html[data-su-theme] .ant-upload-drag { background: var(--su-card) !important; border-color: var(--su-line) !important; border-radius: 12px !important; }

/* ---- modals, dropdowns, messages (rendered outside .ant-layout) ---- */
html[data-su-theme] .ant-modal .ant-modal-content { background: var(--su-card); color: var(--su-ink); border-radius: 18px; border: 1px solid var(--su-line); }
html[data-su-theme] .ant-modal .ant-modal-header { background: transparent; border-bottom: 1px solid var(--su-gold); border-radius: 18px 18px 0 0; }
html[data-su-theme] .ant-modal .ant-modal-title { color: var(--su-ink); font-weight: 600; }
html[data-su-theme] .ant-modal .ant-modal-close { color: var(--su-muted); }
html[data-su-theme] .ant-modal .ant-modal-body, html[data-su-theme] .ant-modal .ant-modal-footer { color: var(--su-ink); }
html[data-su-theme] .ant-modal .ant-modal-footer { border-top: 1px solid var(--su-line); }
html[data-su-theme] .ant-dropdown .ant-dropdown-menu, html[data-su-theme] .ant-select-dropdown, html[data-su-theme] .ant-picker-dropdown .ant-picker-panel-container { background: var(--su-card); border: 1px solid var(--su-line); border-radius: 12px; color: var(--su-ink); }
html[data-su-theme] .ant-dropdown .ant-dropdown-menu-item, html[data-su-theme] .ant-select-item, html[data-su-theme] .ant-picker-cell-in-view { color: var(--su-ink); }
html[data-su-theme] .ant-select-item-option-active:not(.ant-select-item-option-disabled) { background: var(--su-sider-hover) !important; }
html[data-su-theme] .ant-select-item-option-selected:not(.ant-select-item-option-disabled) { background: var(--su-gold-soft) !important; color: var(--su-gold-tx); }
html[data-su-theme] .ant-message-notice-content { background: var(--su-card); color: var(--su-ink); border: 1px solid var(--su-line); border-radius: 999px; }
html[data-su-theme] .ant-tooltip-inner { background: var(--su-card); color: var(--su-ink); border: 1px solid var(--su-line); }
html[data-su-theme] .text-blue { color: var(--su-gold-tx) !important; }
html[data-su-theme] a { color: var(--su-gold-tx); }
html[data-su-theme="B"] .ant-descriptions-item-label, html[data-su-theme="B"] .ant-descriptions-item-content, html[data-su-theme="B"] .ant-card, html[data-su-theme="B"] .ant-card-head { background: var(--su-card); color: var(--su-ink); border-color: var(--su-line); }
html[data-su-theme="B"] .ant-collapse, html[data-su-theme="B"] .ant-collapse-item, html[data-su-theme="B"] .ant-collapse-header, html[data-su-theme="B"] .ant-collapse-content { background: var(--su-card) !important; color: var(--su-ink) !important; border-color: var(--su-line) !important; }
html[data-su-theme="B"] .settings-container, html[data-su-theme="B"] .settings-container * { color: var(--su-ink); }
html[data-su-theme="B"] .ant-form-item-extra, html[data-su-theme="B"] .ant-form-item-explain { color: var(--su-muted); }
/* menus and lists rendered inside modals (e.g. the shelf level list) */
html[data-su-theme] .ant-modal .ant-menu, html[data-su-theme] .ant-modal .ant-menu-vertical, html[data-su-theme] .ant-modal .ant-list, html[data-su-theme] .ant-modal .ant-layout-sider { background: var(--su-card) !important; color: var(--su-ink); border-color: var(--su-line) !important; }
html[data-su-theme] .ant-modal .ant-menu-item { color: var(--su-sider-ink); border-radius: 10px; }
html[data-su-theme] .ant-modal .ant-menu-item-selected { background: var(--su-sider-active-bg) !important; color: var(--su-sider-active-ink) !important; box-shadow: inset 3px 0 0 var(--su-gold); }
html[data-su-theme] .ant-modal .ant-table-wrapper { border: none; border-radius: 0; }
html[data-su-theme] .ant-switch-inner { color: #1a1408; }
html[data-su-theme] .ant-switch:not(.ant-switch-checked) .ant-switch-inner { color: var(--su-ink); }

/* ---- supplier custom pages (their own classes) ---- */
html[data-su-theme] .commodity-form-page, html[data-su-theme] .ad-management-container, html[data-su-theme] .filter-bar, html[data-su-theme] .main-content, html[data-su-theme] .settings-container, html[data-su-theme] .content-data, html[data-su-theme] .page-container { background: transparent !important; color: var(--su-ink); }
html[data-su-theme] .empty-state, html[data-su-theme] .video-item-card, html[data-su-theme] .settings-container > *, html[data-su-theme] .ant-btn-dashed { background: var(--su-card) !important; border-color: var(--su-line) !important; color: var(--su-ink) !important; }
html[data-su-theme] .ant-btn-dashed:hover { border-color: var(--su-gold) !important; color: var(--su-gold-tx) !important; }
html[data-su-theme] .tip-text, html[data-su-theme] .ant-upload-text, html[data-su-theme] .ant-upload-hint { color: var(--su-muted) !important; }
html[data-su-theme] .card-title, html[data-su-theme] .title-text, html[data-su-theme] .ant-checkbox-wrapper, html[data-su-theme] .ant-radio-wrapper, html[data-su-theme] .ant-layout-content h1, html[data-su-theme] .ant-layout-content h2, html[data-su-theme] .ant-layout-content h3, html[data-su-theme] .ant-layout-content h4, html[data-su-theme] .ant-modal h1, html[data-su-theme] .ant-modal h2, html[data-su-theme] .ant-modal h3, html[data-su-theme] .ant-modal h4 { color: var(--su-ink) !important; }
html[data-su-theme] .ant-layout-content, html[data-su-theme] .ant-modal-body, html[data-su-theme] .ant-drawer-content { color: var(--su-ink); }
/* table fixed columns, summaries, expanded rows */
html[data-su-theme] .ant-table-cell-fix-left, html[data-su-theme] .ant-table-cell-fix-right, html[data-su-theme] .ant-table-summary > tr > td, html[data-su-theme] .ant-table-expanded-row > td, html[data-su-theme] .ant-table-row-selected > td { background: var(--su-card) !important; }
html[data-su-theme] .ant-table-wrapper { overflow: visible; border: none; box-shadow: none; }
html[data-su-theme] .ant-table-container { border: 1px solid var(--su-line); border-radius: 14px; }
html[data-su-theme] .ant-table-container table > thead > tr:first-child > *:first-child { border-start-start-radius: 14px; }
html[data-su-theme] .ant-table-container table > thead > tr:first-child > *:last-child { border-start-end-radius: 14px; }
/* radio button groups anywhere */
html[data-su-theme] .ant-radio-button-wrapper { background: var(--su-card) !important; border-color: var(--su-line) !important; color: var(--su-muted) !important; }
html[data-su-theme] .ant-radio-button-wrapper:not(:first-child)::before { background: var(--su-line) !important; }
html[data-su-theme] .ant-radio-button-wrapper-checked { background: var(--su-metal) !important; color: #1a1408 !important; border-color: transparent !important; }
/* tags: keep their hue, drop the pastel fill */
html[data-su-theme="B"] .ant-tag { background: rgba(255,255,255,.06) !important; border-color: rgba(255,255,255,.14) !important; filter: none; }
html[data-su-theme="B"] .ant-tag-blue, html[data-su-theme="B"] .ant-tag-processing { color: #8fb4ff !important; } html[data-su-theme="B"] .ant-tag-green, html[data-su-theme="B"] .ant-tag-success { color: #9fd39a !important; } html[data-su-theme="B"] .ant-tag-orange, html[data-su-theme="B"] .ant-tag-warning, html[data-su-theme="B"] .ant-tag-gold { color: var(--su-gold-tx) !important; } html[data-su-theme="B"] .ant-tag-red, html[data-su-theme="B"] .ant-tag-error { color: #ff8f8f !important; }
/* overlays not yet covered */
html[data-su-theme] .ant-popover-inner, html[data-su-theme] .ant-popover-inner-content, html[data-su-theme] .ant-popover-title, html[data-su-theme] .ant-popconfirm-message, html[data-su-theme] .ant-notification-notice, html[data-su-theme] .ant-drawer-content, html[data-su-theme] .ant-drawer-header, html[data-su-theme] .ant-modal-confirm-body, html[data-su-theme] .ant-cascader-dropdown, html[data-su-theme] .ant-tree-select-dropdown, html[data-su-theme] .ant-picker-panel, html[data-su-theme] .ant-picker-panel-container { background: var(--su-card) !important; color: var(--su-ink) !important; border-color: var(--su-line) !important; }
html[data-su-theme] .ant-popover-arrow::before, html[data-su-theme] .ant-popover-arrow::after { background: var(--su-card) !important; }
html[data-su-theme] .ant-modal-confirm-title, html[data-su-theme] .ant-modal-confirm-content, html[data-su-theme] .ant-drawer-title, html[data-su-theme] .ant-notification-notice-message, html[data-su-theme] .ant-notification-notice-description { color: var(--su-ink) !important; }
html[data-su-theme] .ant-picker-cell-in-view, html[data-su-theme] .ant-picker-header, html[data-su-theme] .ant-picker-header button, html[data-su-theme] .ant-picker-content th { color: var(--su-ink) !important; }
html[data-su-theme] .ant-picker-cell-selected .ant-picker-cell-inner { background: var(--su-gold) !important; color: #1a1408 !important; }
html[data-su-theme] .ant-picker-today-btn, html[data-su-theme] .ant-picker-now-btn { color: var(--su-gold-tx) !important; }
html[data-su-theme] .ant-upload-list-item, html[data-su-theme] .ant-upload-list-picture-card-container, html[data-su-theme] .ant-upload-select-picture-card { background: var(--su-card) !important; border-color: var(--su-line) !important; }
html[data-su-theme] .ant-alert { background: var(--su-gold-soft) !important; border-color: var(--su-line) !important; color: var(--su-ink) !important; }
html[data-su-theme] .ant-spin-nested-loading > div > .ant-spin, html[data-su-theme] .ant-spin-blur::after { background: rgba(11,10,9,.5) !important; }
html[data-su-theme] .ant-skeleton-title, html[data-su-theme] .ant-skeleton-paragraph > li { background: var(--su-line) !important; }
html[data-su-theme] .ant-statistic-title { color: var(--su-muted) !important; } html[data-su-theme] .ant-statistic-content { color: var(--su-ink) !important; }
html[data-su-theme] .ant-input-number-handler-wrap { background: var(--su-card) !important; } html[data-su-theme] .ant-input-number-handler { border-color: var(--su-line) !important; color: var(--su-muted) !important; }
html[data-su-theme] .ant-select-multiple .ant-select-selection-item { background: var(--su-gold-soft) !important; border-color: var(--su-line) !important; color: var(--su-ink) !important; }
html[data-su-theme] .ant-image-mask { border-radius: 8px; }
html[data-su-theme] .ant-divider-inner-text { color: var(--su-muted); }
/* auto-dark classes set by brand.js when the skin missed an element */
html[data-su-theme] .su-bg { background-color: var(--su-card) !important; background-image: none !important; }
html[data-su-theme] .su-bg-ground { background-color: transparent !important; background-image: none !important; }
html[data-su-theme] .su-ink { color: var(--su-ink) !important; }
html[data-su-theme] .su-gold { color: var(--su-gold-tx) !important; }
/* empty states inside tables */
html[data-su-theme] .ant-table-tbody > tr.ant-table-placeholder > td, html[data-su-theme] .ant-table-tbody > tr.ant-table-placeholder:hover > td, html[data-su-theme] .ant-table-placeholder { background: var(--su-card) !important; border: none !important; }
html[data-su-theme] .ant-empty-image, html[data-su-theme] .ant-empty-img-simple-ellipse, html[data-su-theme] .ant-empty-img-simple-g { opacity: .55; }
html[data-su-theme] .ant-empty-image svg ellipse { fill: var(--su-line); }
html[data-su-theme] .ant-empty-image svg g[stroke] { stroke: var(--su-muted); }
html[data-su-theme] .ant-empty-image svg path[fill] { fill: var(--su-line); }
html[data-su-theme] .ant-table-thead > tr > th.ant-table-cell-scrollbar { display: none; }
html[data-su-theme] .ant-table-cell-scrollbar { box-shadow: none !important; }
/* page-tab overflow menu and any other Ant dropdown menu variant */
html[data-su-theme] .ant-tabs-dropdown-menu, html[data-su-theme] .ant-tabs-dropdown .ant-tabs-dropdown-menu, html[data-su-theme] .ant-menu-submenu-popup .ant-menu, html[data-su-theme] .ant-cascader-menus { background: var(--su-card) !important; border: 1px solid var(--su-line); border-radius: 12px; color: var(--su-ink) !important; }
html[data-su-theme] .ant-tabs-dropdown-menu-item, html[data-su-theme] .ant-menu-submenu-popup .ant-menu-item { color: var(--su-ink) !important; }
html[data-su-theme] .ant-tabs-dropdown-menu-item:hover, html[data-su-theme] .ant-menu-submenu-popup .ant-menu-item:hover { background: var(--su-sider-hover) !important; color: var(--su-gold-tx) !important; }
html[data-su-theme] .ant-tabs-dropdown-menu-item-remove { color: var(--su-muted) !important; }
html[data-su-theme] .ant-tabs-nav-more { color: var(--su-muted) !important; }

/* ---- interaction states the static scans never hit ---- */
html[data-su-theme="B"] ::-webkit-scrollbar { width: 10px; height: 10px; }
html[data-su-theme="B"] ::-webkit-scrollbar-track { background: transparent; }
html[data-su-theme="B"] ::-webkit-scrollbar-thumb { background: #3a3325; border-radius: 6px; border: 2px solid var(--su-canvas); }
html[data-su-theme="B"] ::-webkit-scrollbar-thumb:hover { background: var(--su-gold-lo, #a8842a); }
html[data-su-theme="B"] * { scrollbar-color: #3a3325 transparent; scrollbar-width: thin; }
html[data-su-theme] .ant-table-thead th.ant-table-column-has-sorters:hover, html[data-su-theme] .ant-table-thead th.ant-table-column-sort, html[data-su-theme] .ant-table-tbody > tr > td.ant-table-column-sort { background: var(--su-thead) !important; }
html[data-su-theme] .ant-table-column-sorter, html[data-su-theme] .ant-table-filter-trigger { color: var(--su-muted) !important; }
html[data-su-theme] .ant-table-column-sorter-up.active, html[data-su-theme] .ant-table-column-sorter-down.active, html[data-su-theme] .ant-table-filter-trigger.active { color: var(--su-gold) !important; }
html[data-su-theme] .ant-table-filter-dropdown { background: var(--su-card) !important; border: 1px solid var(--su-line); color: var(--su-ink); }
html[data-su-theme] .ant-table-row-expand-icon { background: var(--su-card) !important; border-color: var(--su-line) !important; color: var(--su-ink) !important; }
html[data-su-theme] .ant-spin-dot-item { background-color: var(--su-gold) !important; }
html[data-su-theme] .ant-spin-text { color: var(--su-gold-tx) !important; }
html[data-su-theme] .ant-pagination-item:hover, html[data-su-theme] .ant-pagination-prev:hover .ant-pagination-item-link, html[data-su-theme] .ant-pagination-next:hover .ant-pagination-item-link { border-color: var(--su-gold) !important; color: var(--su-gold-tx) !important; }
html[data-su-theme] .ant-pagination-options-quick-jumper input { background: var(--su-card) !important; border-color: var(--su-line) !important; color: var(--su-ink) !important; border-radius: 8px !important; }
html[data-su-theme] .ant-select-item-option:hover { background: var(--su-sider-hover) !important; }
html[data-su-theme] .ant-select-selector:hover, html[data-su-theme] .ant-input:hover, html[data-su-theme] .ant-input-affix-wrapper:hover, html[data-su-theme] .ant-picker:hover, html[data-su-theme] .ant-input-number:hover { border-color: var(--su-gold) !important; }
html[data-su-theme] .ant-input-disabled, html[data-su-theme] .ant-select-disabled .ant-select-selector, html[data-su-theme] .ant-picker-disabled, html[data-su-theme] .ant-input-number-disabled { background: #100e0b !important; color: var(--su-muted) !important; }
html[data-su-theme] .ant-btn-default:disabled, html[data-su-theme] .ant-btn-primary:disabled { opacity: .45; filter: none; color: var(--su-ink) !important; background: var(--su-card) !important; border-color: var(--su-line) !important; box-shadow: none; }
html[data-su-theme] .ant-checkbox-inner, html[data-su-theme] .ant-radio-inner { background: var(--su-card) !important; border-color: var(--su-line) !important; }
html[data-su-theme] .ant-checkbox-checked .ant-checkbox-inner { background: var(--su-gold) !important; border-color: var(--su-gold) !important; }
html[data-su-theme] .ant-checkbox-checked .ant-checkbox-inner::after { border-color: #1a1408 !important; }
html[data-su-theme] .ant-radio-checked .ant-radio-inner { border-color: var(--su-gold) !important; background: var(--su-gold) !important; }
html[data-su-theme] .ant-radio-inner::after { background: #1a1408 !important; }
html[data-su-theme] .ant-badge-count { background: var(--su-gold) !important; color: #1a1408 !important; box-shadow: none !important; }
html[data-su-theme] .ant-image-preview-operations { background: rgba(11,10,9,.85) !important; }
html[data-su-theme] .ant-image-preview-mask { background: rgba(11,10,9,.9) !important; }
html[data-su-theme] .ant-back-top-content { background: var(--su-card) !important; color: var(--su-gold-tx) !important; border: 1px solid var(--su-line); }
html[data-su-theme] .ant-menu-inline-collapsed-tooltip .ant-tooltip-inner, html[data-su-theme] .ant-menu-inline-collapsed-tooltip a { color: var(--su-ink) !important; }
html[data-su-theme] :focus-visible { outline: 2px solid var(--su-gold) !important; outline-offset: 2px; }
html[data-su-theme] .ant-layout-sider-collapsed .logo img.su-wordmark { height: 22px !important; }
html[data-su-theme] .ant-menu-inline-collapsed .ant-menu-item, html[data-su-theme] .ant-menu-inline-collapsed .ant-menu-submenu-title { padding-inline: 0 !important; text-align: center; }
html[data-su-theme] .ant-form-item-has-error .ant-input, html[data-su-theme] .ant-form-item-has-error .ant-input-affix-wrapper, html[data-su-theme] .ant-form-item-has-error .ant-select-selector { border-color: #ff8f8f !important; }
html[data-su-theme] .ant-form-item-explain-error { color: #ff8f8f !important; }
html[data-su-theme] .ant-modal-confirm .ant-modal-confirm-btns .ant-btn-primary { background: var(--su-metal) !important; color: #1a1408 !important; }
html[data-su-theme] .ant-modal-confirm-warning .anticon, html[data-su-theme] .ant-modal-confirm-confirm .anticon { color: var(--su-gold) !important; }
html[data-su-theme] .ant-popconfirm .ant-popconfirm-message-icon .anticon { color: var(--su-gold) !important; }
html[data-su-theme] .ant-select-selection-search-input { color: var(--su-ink) !important; }
html[data-su-theme] .ant-input-clear-icon, html[data-su-theme] .ant-select-clear { color: var(--su-muted) !important; background: var(--su-card) !important; }
/* submenu popups when the sidebar is collapsed */
html[data-su-theme] .ant-menu-submenu-popup, html[data-su-theme] .ant-menu-submenu-popup .ant-menu-sub, html[data-su-theme] .ant-menu-submenu-popup ul, html[data-su-theme] .ant-menu-submenu-popup > .ant-menu { background: var(--su-card) !important; color: var(--su-ink) !important; border-radius: 12px; }
html[data-su-theme] .ant-menu-submenu-popup .ant-menu-item a, html[data-su-theme] .ant-menu-submenu-popup .ant-menu-item { color: var(--su-ink) !important; }
html[data-su-theme] .ant-menu-submenu-popup .ant-menu-item-selected { background: var(--su-sider-active-bg) !important; color: var(--su-gold-tx) !important; }
html[data-su-theme] .ant-menu-submenu-popup .ant-menu-item-selected a { color: var(--su-gold-tx) !important; }
/* Montserrat runs ~12% wider than the system font; keep controls the original's width so nothing wraps to a new row */
html[data-su-theme] .ant-btn { font-size: 13px; font-weight: 500; letter-spacing: 0; padding-inline: 13px; }
html[data-su-theme] .ant-btn-primary { font-weight: 600; }
html[data-su-theme] .ant-btn-sm { font-size: 12px; padding-inline: 9px; }
html[data-su-theme] .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab { font-size: 13px; }
html[data-su-theme] .ant-form-item-label > label, html[data-su-theme] .ant-select-selection-item, html[data-su-theme] .ant-select-selection-placeholder, html[data-su-theme] .ant-input, html[data-su-theme] .ant-picker-input > input { font-size: 13.5px; }

/* ---- no white anywhere: the document itself, overscroll bounce, horizontal scroll, short pages ---- */
html[data-su-theme], html[data-su-theme] body, html[data-su-theme] #app, html[data-su-theme] .ant-layout, html[data-su-theme] .ant-layout-content, html[data-su-theme] .ant-layout-footer, html[data-su-theme] .ant-layout-has-sider > .ant-layout { background: var(--su-canvas) !important; }
html[data-su-theme] body { min-height: 100vh; }
html[data-su-theme] .ant-layout.layout { min-height: 100vh; }
html[data-su-theme] .ant-layout-sider { min-height: 100%; }
html[data-su-theme] .footer { background: var(--su-canvas) !important; color: var(--su-muted) !important; border-top: 1px solid var(--su-line); }
html[data-su-theme] .ant-modal-root .ant-modal-mask { background: rgba(11,10,9,.72) !important; }
html[data-su-theme] .ant-modal-wrap { background: transparent !important; }
html[data-su-theme] .ant-modal, html[data-su-theme] .ant-modal-body, html[data-su-theme] .ant-modal-footer, html[data-su-theme] .ant-modal-header { background: transparent; }
html[data-su-theme] .ant-drawer-mask { background: rgba(11,10,9,.72) !important; }
html[data-su-theme] .ant-image-preview-wrap, html[data-su-theme] .ant-image-preview-root .ant-image-preview-mask { background: rgba(11,10,9,.92) !important; }
html[data-su-theme] iframe { background: var(--su-card); }
html[data-su-theme="B"] .ant-layout-sider-children { background: var(--su-sider) !important; }

/* ==== 2026-09-25 quiet-UI directions, layered over theme B via data-su-style (review switch ?su_style=quiet|ink|outline|off).
   Data points: Ant Design (one primary per section, 32 px, 6 px radius, 14/400), Vercel Geist (one primary per row, square
   or rounded, no gradients), Linear/Stripe (single accent, hairlines, muted headers). The supplier marks most actions
   as primary, so the fix is a quiet primary: flat, small, no glow; gold kept for state (active, focus, hover). ==== */
html[data-su-style] body::before { opacity: .18; }
html[data-su-style] .ant-btn { border-radius: 8px; font-size: 13px; font-weight: 500; letter-spacing: 0; padding-inline: 12px; height: 32px; box-shadow: none !important; }
html[data-su-style] .ant-btn-sm { height: 26px; font-size: 12px; padding-inline: 9px; border-radius: 6px; }
html[data-su-style] .ant-btn-primary:hover { filter: none; }
html[data-su-style] .ant-btn-default { background: transparent; border-color: var(--su-line); color: var(--su-ink); }
html[data-su-style] .ant-btn-default:hover { border-color: #4a4230 !important; color: var(--su-ink) !important; background: var(--su-card); }
html[data-su-style] .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab { border: none !important; border-radius: 0 !important; padding: 7px 10px !important; margin: 0 4px 0 0 !important; color: var(--su-muted); border-bottom: 2px solid transparent !important; }
html[data-su-style] .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-active { background: transparent !important; border-bottom-color: var(--su-gold) !important; }
html[data-su-style] .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab-btn, html[data-su-style] .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab-remove { color: var(--su-ink) !important; }
html[data-su-style] .ant-tabs-card > .ant-tabs-nav::before { border-bottom: 1px solid var(--su-line) !important; }
html[data-su-style] .ant-table-wrapper, html[data-su-style] .ant-table-container { border-radius: 10px; }
html[data-su-style] .ant-table-thead > tr > th { color: var(--su-muted) !important; font-size: 12px; font-weight: 500 !important; letter-spacing: 0; border-bottom: 1px solid var(--su-line) !important; padding: 10px 12px !important; }
html[data-su-style] .ant-table-tbody > tr > td { padding: 10px 12px !important; }
html[data-su-style] .ant-pagination .ant-pagination-item, html[data-su-style] .ant-pagination-item-link { border-radius: 6px !important; }
html[data-su-style] .ant-pagination .ant-pagination-item-active { background: transparent; border: 1px solid var(--su-gold); }
html[data-su-style] .ant-pagination .ant-pagination-item-active a { color: var(--su-gold-tx) !important; }
html[data-su-style] .data-card, html[data-su-style] .sales-pie, html[data-su-style] .sales-table { border-radius: 10px !important; }
html[data-su-style] .data-card .card-total-price { font-size: 28px; background: none; -webkit-text-fill-color: var(--su-ink); color: var(--su-ink) !important; }
html[data-su-style] .data-card .card-title, html[data-su-style] .sales-table .flex-sb > div:first-child { color: var(--su-muted); letter-spacing: 0; text-transform: none; font-size: 12px; }
html[data-su-style] .statistics { background: transparent !important; border: 1px solid var(--su-line) !important; border-radius: 8px !important; }
html[data-su-style] .ant-modal .ant-modal-content { border-radius: 12px; }
html[data-su-style] .ant-modal .ant-modal-header { border-bottom: 1px solid var(--su-line); border-radius: 12px 12px 0 0; }
html[data-su-style] .ant-modal-confirm .ant-modal-confirm-btns .ant-btn-primary { background: var(--su-primary) !important; color: var(--su-primary-ink) !important; }
html[data-su-style] .ant-menu-light .ant-menu-item, html[data-su-style] .ant-menu-light .ant-menu-submenu-title { border-radius: 6px; height: 36px; line-height: 36px; }
html[data-su-style] .ant-menu-light .ant-menu-item-selected { background: var(--su-sider-active-bg) !important; font-weight: 500; }
html[data-su-style] .ant-input, html[data-su-style] .ant-input-affix-wrapper, html[data-su-style] .ant-select:not(.ant-select-customize-input) .ant-select-selector, html[data-su-style] .ant-picker, html[data-su-style] .ant-input-number { border-radius: 8px !important; }
html[data-su-style] .ant-tag { border-radius: 6px; }

/* quiet: flat gold primary, one weight */
html[data-su-style="quiet"] .ant-btn-primary { background: var(--su-primary) !important; color: var(--su-primary-ink) !important; border-color: transparent !important; }
html[data-su-style="quiet"] .ant-btn-primary:hover { background: #ecd07a !important; }

/* ink: ivory primary (Vercel-style inversion), gold only for state */
html[data-su-style="ink"] .ant-btn-primary { background: var(--su-ink) !important; color: #0b0a09 !important; border-color: transparent !important; }
html[data-su-style="ink"] .ant-btn-primary:hover { background: #ffffff !important; }
html[data-su-style="ink"] body::before { display: none; }
html[data-su-style="ink"] .ant-menu-light .ant-menu-item-selected, html[data-su-style="ink"] .ant-menu-light .ant-menu-item-selected a { color: var(--su-ink) !important; box-shadow: inset 2px 0 0 var(--su-gold); border-radius: 0 6px 6px 0; }
html[data-su-style="ink"] .ant-modal-confirm .ant-modal-confirm-btns .ant-btn-primary { background: var(--su-ink) !important; color: #0b0a09 !important; }

/* outline: hairline gold primary, fills on hover */
html[data-su-style="outline"] .ant-btn-primary { background: transparent !important; color: var(--su-gold-tx) !important; border: 1px solid var(--su-gold) !important; }
html[data-su-style="outline"] .ant-btn-primary:hover { background: var(--su-gold-soft) !important; }
html[data-su-style="outline"] .ant-modal-confirm .ant-modal-confirm-btns .ant-btn-primary { background: transparent !important; color: var(--su-gold-tx) !important; border: 1px solid var(--su-gold) !important; }