/* Shared admin colors. Optical filters and the dock's motion stay in their
   existing owners; switching a palette only changes paint variables. */
html:is([data-admin-glass], [data-admin-demo])[data-palette] {
  --canvas: #eeebf2; --canvas-light: #fffaffb3; --canvas-shade: #c5b9d84d;
  --paper: #f5f2f8; --paper-deep: #e3ddea; --white: #fcfafe; --solid: #f8f6fa;
  --ink: #292431; --ink-soft: #514b5d; --ink-faint: #69606f;
  --selection-ink: #624280; --selection-wash: #80609b1c;
  --line: #4938541c; --control-edge: #ffffffb3; --input-fill: #faf8fdad;
  --material-content: linear-gradient(128deg, #ffffffa6, #ffffff38 36%, #ffffff24 62%, #ffffff73), linear-gradient(165deg, #f8f4ff47, #ddd4e529);
  --control-glass: linear-gradient(135deg, #ffffff99, #ffffff33 42%, #ffffff24 62%, #ffffff70);
  --control-shadow: 0 4px 12px -8px #31243e38, inset 0 1px .5px #ffffffe6;
  --panel-shadow: 0 14px 34px -25px #31243e52, 0 1px 3px #30223c08, inset 0 1px .5px #fffffff2, inset 0 -1px .5px #ffffff80;
  --lens-rim: linear-gradient(135deg, #fffffff2, #ffffff38 23%, transparent 43%, #66527618 58%, #ffffffa6 83%, #ffffff18);
  --primary-fill: linear-gradient(145deg, #826998, #62467e); --primary-ink: #fff;
  --palette-rim-light: #ffffffed; --palette-rim-shade: #62487a38; --palette-rim-color: #c2acd480;
  --lens-fill: linear-gradient(140deg, #ffffff80, #ffffff0a 42%, #ffffff05 62%, #ffffff4d);
  --lens-edge: #ffffff94; --lens-shadow: 0 3px 9px -5px #4b315747, inset 0 1px 1px #ffffffd9, inset 0 -1px 2px #62487a1f;
  --red: var(--selection-ink); --red-deep: #503168;
  --accent: var(--selection-ink); --accent-deep: var(--selection-ink); --accent-light: #a591b9;
  --accent-wash: var(--selection-wash); --secondary: var(--ink-soft); --muted: var(--ink-faint);
  --chart-previous: #cbc3d3; --hover: var(--selection-wash); --glass: var(--material-content); --shadow: var(--panel-shadow);
  background: var(--canvas);
}
html:is([data-admin-glass], [data-admin-demo])[data-palette][data-theme="dark"] {
  --canvas: #17151e; --canvas-light: #63507545; --canvas-shade: #08070e80;
  --paper: #26212f; --paper-deep: #393141; --white: #302937; --solid: #28232f;
  --ink: #f5f0fa; --ink-soft: #cdc4d8; --ink-faint: #afa3bc;
  --selection-ink: #d7bbee; --selection-wash: #b58bd532;
  --line: #e9d7ff21; --control-edge: #e9d7ff2e; --input-fill: #100d1785;
  --material-content: linear-gradient(128deg, #eddbff21, #ffffff07 36%, #ffffff03 62%, #dfc9f516), linear-gradient(165deg, #40334f47, #221c2c73);
  --control-glass: linear-gradient(135deg, #ead6ff29, #ffffff0a 45%, #ffffff06 63%, #d4b5ed1c);
  --control-shadow: 0 5px 14px -8px #000a, inset 0 1px .5px #e6cdff52;
  --panel-shadow: 0 14px 32px -22px #000a, inset 0 1px .5px #ead5ff47, inset 0 -1px .5px #d4b5ed1c;
  --lens-rim: linear-gradient(135deg, #eedcff94, #e5caff12 23%, transparent 43%, #09041033 58%, #ceb1e64d 83%, #ffffff08);
  --primary-fill: linear-gradient(145deg, #d5bce9, #b899d0); --primary-ink: #2a193a;
  --palette-rim-light: #f4e5ffb3; --palette-rim-shade: #120c218f; --palette-rim-color: #c9a3e58c;
  --lens-fill: linear-gradient(140deg, #ebd6ff30, #ffffff08 42%, #ffffff05 62%, #d4b5ed21);
  --lens-edge: #dfc1f554; --lens-shadow: 0 3px 9px -5px #0009, inset 0 1px .5px #f1ddff70, inset 0 -1px 2px #c9a3e529;
  --red-deep: #e5d3f5; --accent-light: #b9a0ce; --chart-previous: #60556c;
}
html:is([data-admin-glass], [data-admin-demo])[data-palette="obsidian"] {
  --canvas: #efede7; --canvas-light: #fffdf5b3; --canvas-shade: #c6b99a40;
  --paper: #f5f2eb; --paper-deep: #e4ded1; --white: #fdfbf6; --solid: #f8f6f0;
  --ink: #2c2923; --ink-soft: #585147; --ink-faint: #706655;
  --selection-ink: #796032; --selection-wash: #b591501f;
  --line: #66522d21; --input-fill: #fcfaf4b3;
  --material-content: linear-gradient(128deg, #ffffffa6, #ffffff38 36%, #ffffff24 62%, #ffffff73), linear-gradient(165deg, #fff9e547, #e8debf29);
  --control-shadow: 0 4px 12px -8px #47371c38, inset 0 1px .5px #ffffffe6;
  --panel-shadow: 0 14px 34px -25px #40321c52, 0 1px 3px #3c302208, inset 0 1px .5px #fffffff2, inset 0 -1px .5px #ffffff80;
  --lens-rim: linear-gradient(135deg, #fffffff2, #ffffff38 23%, transparent 43%, #806d4118 58%, #fff5d6a6 83%, #ffffff18);
  --primary-fill: linear-gradient(145deg, #856c42, #6b552e); --primary-ink: #fff;
  --palette-rim-shade: #76613638; --palette-rim-color: #dbc8998c;
  --lens-shadow: 0 3px 9px -5px #57472f47, inset 0 1px 1px #ffffffd9, inset 0 -1px 2px #7661361f;
  --red-deep: #634b24; --accent-light: #aa9367; --chart-previous: #cfc6b3;
}
html:is([data-admin-glass], [data-admin-demo])[data-palette="obsidian"][data-theme="dark"] {
  --canvas: #181714; --canvas-light: #675a3d40; --canvas-shade: #09090780;
  --paper: #27251f; --paper-deep: #383329; --white: #302d25; --solid: #29261f;
  --ink: #f4f0e7; --ink-soft: #d2caba; --ink-faint: #b4a995;
  --selection-ink: #e5cb92; --selection-wash: #c7a4612b;
  --line: #f4d9a324; --control-edge: #e9d3a530; --input-fill: #110f0b85;
  --material-content: linear-gradient(128deg, #ffe7b621, #ffffff07 36%, #ffffff03 62%, #e9ce9816), linear-gradient(165deg, #49402d47, #24201873);
  --control-glass: linear-gradient(135deg, #ffe7b329, #ffffff0a 45%, #ffffff06 63%, #e9ce981c);
  --control-shadow: 0 5px 14px -8px #000a, inset 0 1px .5px #ffe7b352;
  --panel-shadow: 0 14px 32px -22px #000a, inset 0 1px .5px #ffe7b347, inset 0 -1px .5px #e9ce981c;
  --lens-rim: linear-gradient(135deg, #fff0cb94, #f9dfab12 23%, transparent 43%, #100c0533 58%, #ddc38b4d 83%, #ffffff08);
  --primary-fill: linear-gradient(145deg, #e3cea1, #c2a66e); --primary-ink: #2b2417;
  --palette-rim-light: #fff0cfb3; --palette-rim-shade: #1812068f; --palette-rim-color: #e0c0808c;
  --lens-fill: linear-gradient(140deg, #ffe9b830, #ffffff08 42%, #ffffff05 62%, #e9ce9821);
  --lens-edge: #ecd39e54; --lens-shadow: 0 3px 9px -5px #0009, inset 0 1px .5px #fff0cf70, inset 0 -1px 2px #e0c08029;
  --red-deep: #f1deb7; --accent-light: #c9b383; --chart-previous: #68604e;
}

html:is([data-admin-glass], [data-admin-demo])[data-palette] :is(.primary-button, .button.primary, .brand-mark, .brand-icon) {
  color: var(--primary-ink); background: var(--primary-fill); border-color: var(--control-edge);
  box-shadow: var(--control-shadow);
}
html[data-admin-glass][data-palette] :is(.brand-copy strong, .merchant-heading h2) { color: var(--ink); }
html:is([data-admin-glass], [data-admin-demo])[data-palette] .nav-lens {
  --rim-light: var(--palette-rim-light); --rim-shade: var(--palette-rim-shade); --rim-color: var(--palette-rim-color);
  background: var(--lens-fill), var(--selection-wash); border-color: var(--lens-edge); box-shadow: var(--lens-shadow);
}
html:is([data-admin-glass], [data-admin-demo])[data-palette] .nav-lens::before { padding: .75px; }
html:is([data-admin-glass], [data-admin-demo])[data-palette] .nav-lens::after { display: none; }
html:is([data-admin-glass], [data-admin-demo])[data-palette] :is(.modal-backdrop, .detail-dialog::backdrop) { background: #12101966; }
html:is([data-admin-glass], [data-admin-demo])[data-palette] .palette-section { margin-bottom: 26px; }
html:is([data-admin-glass], [data-admin-demo])[data-palette] .palette-section h3 { margin: 0 0 6px; font-size: 15px; font-weight: 600; color: var(--ink); }
html:is([data-admin-glass], [data-admin-demo])[data-palette] .palette-section p { margin: 0 0 16px; font-size: 13px; color: var(--ink-faint); line-height: 1.6; }
.admin-palette-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
html:is([data-admin-glass], [data-admin-demo])[data-palette] .admin-palette-option {
  position: relative; display: grid; gap: 12px; min-width: 0; padding: 10px 10px 14px;
  border: 1px solid var(--line); border-radius: 18px; background: var(--control-glass);
  text-align: left; color: var(--ink); cursor: pointer;
}
html:is([data-admin-glass], [data-admin-demo])[data-palette] .admin-palette-option[aria-pressed="true"] { border-color: var(--selection-ink); box-shadow: 0 0 0 1px var(--selection-ink); }
.palette-sample { position: relative; display: block; height: 76px; border-radius: 11px; overflow: hidden; background: #201b2a; }
.palette-sample::before { content: ""; position: absolute; inset: 11px 65% 11px 10px; border-radius: 7px; background: linear-gradient(135deg, #d8bdee29, #d8bdee0c); border: 1px solid #e6d2ff40; }
.palette-sample::after { content: ""; position: absolute; inset: 11px 10px 11px 40%; border-radius: 7px; background: linear-gradient(#d8bdee 0 3px, transparent 3px 15px, #d8bdee1a 15px); border: 1px solid #e6d2ff30; }
.palette-sample[data-sample="obsidian"] { background: #211e17; }
.palette-sample[data-sample="obsidian"]::before { background: linear-gradient(135deg, #e5cb9229, #e5cb920c); border-color: #f1dfb040; }
.palette-sample[data-sample="obsidian"]::after { background: linear-gradient(#e5cb92 0 3px, transparent 3px 15px, #e5cb921a 15px); border-color: #f1dfb030; }
.palette-option-copy { padding-inline: 3px; display: grid; gap: 4px; }
.palette-option-copy strong { font-size: 14px; font-weight: 600; }
.palette-option-copy small { font-size: 11px; color: var(--ink-faint); }
.palette-check { position: absolute; top: 16px; right: 16px; width: 20px; height: 20px; display: grid; place-items: center; border-radius: 50%; background: #f7f2ff; color: #473158; opacity: 0; }
.palette-check svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 2; }
[aria-pressed="true"] > .palette-check { opacity: 1; }
[data-palette-value="obsidian"] > .palette-check { color: #59431d; background: #fff1cc; }

/* Bring the public demo onto the same material as the real workspace. */
html[data-admin-demo][data-palette] .nav-item.is-active { color: var(--selection-ink); background: var(--control-glass), var(--selection-wash); }
html[data-admin-demo][data-palette] :is(.detail-dialog, .inventory-picker-menu) { background: var(--solid); border-color: var(--control-edge); }
html[data-admin-demo][data-palette] :is(.stock-inline-field input, .schedule-editor input):focus { background: var(--input-fill); }
html[data-admin-demo][data-palette] :is(.stock-inline-field input, .schedule-editor input, .field input, .field select) { border-color: var(--control-edge); }
html[data-admin-demo][data-palette] .schedule-shortcuts button[aria-pressed="true"] { color: var(--selection-ink); background: var(--selection-wash); }
html[data-admin-demo][data-palette] .switch[aria-checked="true"]::before { background: var(--primary-fill); }
html[data-admin-demo][data-palette] .inbox-banner { background: var(--selection-wash); color: var(--ink-soft); border-color: var(--line); }
html[data-admin-demo][data-palette] .inbox-banner :is(p, strong, button) { color: inherit; }
html[data-admin-demo][data-palette] .review-dialog-footer { background: var(--solid); border-color: var(--line); }
html[data-admin-demo][data-palette] .product-art { background: var(--paper); }
html[data-admin-demo][data-palette] .owner { background: var(--control-glass); color: var(--selection-ink); border-color: var(--control-edge); }
html[data-admin-demo][data-palette] :is(.mobile-scan .scan-button-icon, .mobile-scan .scan-button-icon .icon) { background: transparent; color: inherit; border: 0; box-shadow: none; }
html[data-admin-demo][data-palette] .mobile-nav { border-radius: 28px; box-shadow: var(--panel-shadow); }
html[data-admin-demo][data-palette] .mobile-nav .nav-lens { border-radius: 21px; }
html[data-admin-demo][data-palette] .mobile-scan.is-active .scan-button-label { color: var(--selection-ink); }
@media (prefers-reduced-transparency: reduce) {
  html:is([data-admin-glass], [data-admin-demo])[data-palette] :is(.nav-lens, .admin-palette-option) { background: var(--solid); }
  html:is([data-admin-glass], [data-admin-demo])[data-palette] .button.primary { background: var(--primary-fill) !important; color: var(--primary-ink); }
}