/* Catalog controls share the checkout palette and a consistent selected treatment. */
.bp-pos-gold-page .bp-pos-gold-view-toggle,
.bp-pos-gold-page .bp-pos-gold-sort-pills {
  background:linear-gradient(115deg,#fff9e8,#effbf4 40%,#eef6ff 72%,#f5efff);
  border-color:#b9cfc8; border-radius:12px; padding:4px; gap:4px;
  min-height:42px; box-sizing:border-box; box-shadow:inset 0 1px 0 #fff;
}
.bp-pos-gold-page .bp-pos-gold-view-toggle button,
.bp-pos-gold-page .bp-pos-gold-sort-pills > button {
  color:#164d3e; border-radius:8px; min-height:32px;
  font-size:11px; font-weight:800;
  transition:background .16s ease,box-shadow .16s ease;
}
.bp-pos-gold-page .bp-pos-gold-view-toggle button.is-active,
.bp-pos-gold-page .bp-pos-gold-sort-pills > button.is-active {
  background:linear-gradient(115deg,#ffedb1,#bcefd3 38%,#bcdff8 73%,#dcd0f6);
  color:#123f34;
  box-shadow:inset 0 0 0 1px #7ca99b,inset 0 -3px 0 #28755f,0 1px 3px #43685c1a;
}
.bp-pos-gold-page .bp-pos-gold-quick-search > button,
.bp-pos-gold-page .bp-pos-gold-quick-search > label,
.bp-pos-gold-page .bp-pos-gold-mobile-filter-toggle {
  background:linear-gradient(115deg,#fff3cd,#e3f8ed 50%,#e3efff);
  border-color:#b0ccc2; border-radius:12px; color:#164d3e;
  min-height:42px; box-shadow:inset 0 1px 0 #ffffffd9;
}
.bp-pos-gold-page .bp-pos-gold-quick-search > label:focus-within,
.bp-pos-gold-page .bp-pos-gold-mobile-filter-toggle.is-open {
  border-color:#7ca99b; box-shadow:inset 0 0 0 1px #7ca99b;
}
.bp-pos-gold-page .bp-pos-gold-mobile-filter-panel button:focus-visible {
  outline:3px solid #28755f; outline-offset:2px;
}
@media(hover:hover) {
  .bp-pos-gold-page .bp-pos-gold-view-toggle button:not(.is-active):hover,
  .bp-pos-gold-page .bp-pos-gold-sort-pills > button:not(.is-active):hover {
    background:#dff4eb; box-shadow:inset 0 0 0 1px #b0ccc2;
  }
}
@media(pointer:coarse) {
  .bp-pos-gold-page .bp-pos-gold-sort-pills > button,
  .bp-pos-gold-page .bp-pos-gold-view-toggle button { min-height:44px; }
}
@media(prefers-reduced-motion:reduce) {
  .bp-pos-gold-page .bp-pos-gold-view-toggle button,
  .bp-pos-gold-page .bp-pos-gold-sort-pills > button { transition:none; }
}
.pos-color-toolbar { display:flex; align-items:center; gap:12px; margin:0 0 14px; flex-wrap:wrap; }
.pos-color-toolbar[hidden], .pos-color-setup[hidden], .pos-color-dialog [hidden], .pos-color-product-label[hidden] { display:none !important; }
.pos-color-pills { display:flex; flex-wrap:wrap; gap:8px; flex:1; }
.pos-color-toolbar button { min-height:44px; border:1px solid #cbd5e1; border-radius:12px; padding:9px 13px; background:#fff; color:#1e293b; font:inherit; cursor:pointer; }
.pos-color-pills button { display:flex; align-items:center; gap:8px; border:1px solid color-mix(in srgb,var(--pos-group-color,#64748b) 50%,transparent); background:color-mix(in srgb,var(--pos-group-color,#64748b) 5%,white); }
.pos-color-pills button[aria-pressed="true"] { background:color-mix(in srgb,var(--pos-group-color,#64748b) 12%,white); outline:2px solid color-mix(in srgb,var(--pos-group-color,#475569) 60%,transparent); outline-offset:1px; font-weight:750; }
.pos-color-pills small { color:#475569; }
.pos-color-pills [data-pos-color-reorder] { cursor:grab; touch-action:pan-y; user-select:none; -webkit-user-select:none; -webkit-touch-callout:none; }
.pos-color-pills [data-pos-color-reorder].is-reorder-holding { box-shadow:inset 0 0 0 2px var(--pos-group-color); }
.pos-color-pills [data-pos-color-reorder].is-reorder-source { opacity:.25; outline:2px dashed var(--pos-group-color); outline-offset:1px; }
.bp-pos-gold-page .pos-category-grid-rail button.pos-color-drag-ghost { position:fixed; z-index:10000; margin:0; pointer-events:none; cursor:grabbing; opacity:.96; box-shadow:0 10px 24px #10203440; outline:2px solid var(--pos-group-color); will-change:transform; }
.pos-color-reorder-status { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.pos-color-dot { width:12px; height:12px; border-radius:50%; background:var(--pos-group-color); flex-shrink:0; }
.pos-color-hint { align-self:center; font-size:13px; color:#64748b; }
.pos-color-category-tools { display:flex; align-items:center; gap:12px; flex:1 1 auto; min-width:0; }
.pos-color-category-tools > [data-pos-gold-category-pills] { min-width:0; }
.bp-pos-gold-page .pos-color-setup {
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px;
  flex:0 0 64px; width:64px; height:64px; min-height:64px; box-sizing:border-box;
  padding:6px 3px; border:1px solid #ffffffd9; border-radius:12px;
  background:linear-gradient(125deg,rgba(251,113,133,.72),rgba(253,224,71,.72) 28%,rgba(134,239,172,.72) 49%,rgba(125,211,252,.72) 70%,rgba(196,181,253,.78));
  color:#102034; font:800 11px/1.15 system-ui,sans-serif; cursor:pointer;
  box-shadow:0 0 0 1px #64748b28, -3px 0 13px #fb718544, 3px 0 13px #38bdf844, 0 3px 9px #a78bfa33, inset 0 1px 0 #ffffffcc;
}
.bp-pos-gold-page .pos-color-setup svg { width:24px; height:24px; flex:none; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.bp-pos-gold-page .pos-color-setup span { white-space:nowrap; }
.bp-pos-gold-page .pos-color-setup small { font:800 9px/1 system-ui,sans-serif; text-transform:uppercase; }
.bp-pos-gold-page .pos-color-setup { position:relative; isolation:isolate; touch-action:manipulation; user-select:none; -webkit-user-select:none; }
.bp-pos-gold-page .pos-color-setup[aria-pressed="false"] { background:linear-gradient(125deg,#fb71851c,#fde0471c,#86efac1c,#7dd3fc1c,#c4b5fd1c); box-shadow:0 0 0 1px #64748b50; color:#334155; }
.bp-pos-gold-page .pos-color-setup::before {
  content:""; position:absolute; inset:-3px; border-radius:14px; pointer-events:none; z-index:-1; opacity:0;
  box-shadow:-5px -3px 14px #fb718599, 5px -3px 14px #facc1588, -5px 4px 14px #22d3ee99, 5px 4px 14px #a855f7aa;
}
.bp-pos-gold-page .pos-color-setup::after {
  content:""; position:absolute; left:8px; right:8px; bottom:2px; height:3px; border-radius:3px;
  background:#102034; box-shadow:0 0 3px #fff; pointer-events:none; opacity:0; transform:scaleX(0); transform-origin:left;
}
.bp-pos-gold-page .pos-color-setup.is-holding { outline:2px solid #102034; outline-offset:2px; }
.bp-pos-gold-page .pos-color-setup.is-holding::before { animation:pos-color-hold-glow 350ms linear forwards; }
.bp-pos-gold-page .pos-color-setup.is-holding::after { opacity:1; animation:pos-color-hold-progress 350ms linear forwards; }
@keyframes pos-color-hold-glow {
  from { opacity:.2; transform:scale(.96); }
  to { opacity:1; transform:scale(1.18); }
}
@keyframes pos-color-hold-progress { from { transform:scaleX(0); } to { transform:scaleX(1); } }
@media(prefers-reduced-motion:reduce) {
  .bp-pos-gold-page .pos-color-setup.is-holding::before { animation:none; opacity:.6; }
}
.bp-pos-gold-page .pos-color-setup:hover { border-color:#fff; box-shadow:0 0 0 1px #64748b40, -3px 0 17px #fb718566, 3px 0 17px #38bdf866, 0 3px 12px #a78bfa55, inset 0 1px 0 #fff; }
.bp-pos-gold-page .pos-color-setup:active { transform:translateY(1px); }
.bp-pos-gold-page .pos-color-setup:focus-visible { outline:3px solid #102034; outline-offset:3px; }
.bp-pos-gold-page .bp-pos-gold-products [data-pos-gold-product].has-pos-color {
  border:1px solid color-mix(in srgb,var(--pos-group-color) var(--pos-group-border,55%),transparent) !important;
  background-color:color-mix(in srgb,var(--pos-group-color) var(--pos-group-fill,5%),white) !important;
  box-shadow:0 3px 10px #0f172a08;
}
.bp-pos-gold-page .pos-color-product-label { display:block; margin-top:4px; color:#334155; font-size:11px; font-weight:700; line-height:1.3; }
.pos-group-icon { width:22px; height:22px; flex:none; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.pos-color-product-label .pos-group-icon { width:14px; height:14px; margin-right:5px; vertical-align:middle; color:var(--pos-group-ink,var(--pos-group-color)); }
.pos-color-section-heading .pos-group-icon { vertical-align:middle; margin-right:8px; color:var(--pos-group-ink,var(--pos-group-color)); }
.bp-pos-gold-page .bp-pos-gold-products > .pos-color-section-heading { grid-column:1 / -1; width:100%; margin:12px 0 0; padding:9px 12px; border:1px solid color-mix(in srgb,var(--pos-group-color) 40%,transparent); border-radius:8px; background:color-mix(in srgb,var(--pos-group-color) var(--pos-group-tile-fill,7%),white); color:#1e293b; font-size:16px; line-height:1.4; }
.pos-color-dialog { --pos-rainbow:linear-gradient(115deg,#fb71854d,#fde04766 26%,#86efac66 48%,#7dd3fc66 72%,#c4b5fd80); width:min(860px,calc(100vw - 24px)); max-height:90dvh; padding:0; border:1px solid #ffffffcc; border-radius:18px; background:#fff; color:#1e293b; box-shadow:0 24px 80px #0f172a55, -8px 0 30px #fb718522, 8px 0 30px #7dd3fc33; }
.pos-color-dialog::backdrop { background:#0f172a99; }
.pos-color-dialog form { display:flex; flex-direction:column; max-height:90dvh; margin:0; }
.pos-color-dialog header { position:relative; display:flex; align-items:flex-start; gap:16px; padding:22px; border-bottom:1px solid #dcdff0; background:linear-gradient(110deg,#fff1f5b3,#fffdebb3 30%,#effcf9cc 60%,#f1edffcc); }
.pos-color-dialog header::before { content:""; position:absolute; top:0; left:0; right:0; height:4px; background:linear-gradient(90deg,#fb7185,#facc15,#4ade80,#38bdf8,#a78bfa); }
.pos-color-dialog h2 { display:flex; align-items:center; gap:10px; margin:0 0 8px; font-size:23px; }
.pos-color-dialog svg { width:20px; height:20px; flex-shrink:0; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.pos-color-title-icon { display:grid; place-items:center; flex:0 0 38px; height:38px; border:1px solid #ffffffd9; border-radius:11px; background:var(--pos-rainbow); box-shadow:-2px 0 10px #fb718533,2px 0 10px #38bdf844; color:#102034; }
.pos-color-dialog p { margin:0; font-size:14px; color:#475569; }
.pos-color-dialog header > button { margin-left:auto; font-size:24px; }
.pos-color-editor-body { padding:20px; overflow:auto; }
.pos-color-dialog button, .pos-color-dialog input, .pos-color-dialog select { min-height:44px; padding:9px 11px; border:1px solid #cbd5e1; border-radius:8px; font:inherit; background:#fff; color:#1e293b; }
.pos-color-dialog button { cursor:pointer; }
.pos-color-dialog button:enabled:hover { border-color:#8b9cc2; box-shadow:0 2px 8px #64748b1f; }
.pos-color-dialog button:active { transform:translateY(1px); }
.pos-color-dialog [data-add], .pos-color-dialog [data-from-categories], .pos-color-dialog [data-save] { display:inline-flex; align-items:center; justify-content:center; gap:8px; font-weight:750; color:#102034; border-color:#b7c4e0; background:var(--pos-rainbow); box-shadow:inset 0 1px 0 #fff, -2px 0 9px #fb718522, 2px 0 9px #7dd3fc33; }
.pos-color-dialog button:disabled { opacity:.45; cursor:default; }
.pos-color-dialog :focus-visible, .pos-color-toolbar button:focus-visible { outline:3px solid #2563eb; outline-offset:3px; }
.pos-color-group-editor { display:grid; grid-template-columns:minmax(0,1fr) 120px 76px 84px; gap:10px; align-items:end; padding:12px; border:1px solid color-mix(in srgb,var(--pos-group-color) 50%,transparent); border-radius:8px; background:color-mix(in srgb,var(--pos-group-color) var(--pos-group-fill,5%),white); margin-bottom:12px; }
.pos-color-group-editor label, .pos-color-search { display:grid; gap:6px; font-size:13px; font-weight:650; min-width:0; }
.pos-color-group-editor input { width:100%; min-width:0; box-sizing:border-box; }
.pos-color-group-actions { display:flex; gap:6px; }
.pos-color-search { margin:22px 0 12px; }
.pos-color-product-assignments > label { display:grid; grid-template-columns:24px minmax(0,1fr) minmax(70px,140px); gap:12px; align-items:center; padding:12px 0; border-bottom:1px solid #e2e8f0; cursor:pointer; }
.pos-color-dialog input[type="checkbox"] { width:20px; height:20px; min-height:20px; margin:0; accent-color:#16715c; }
.pos-color-assignment-label { justify-self:end; max-width:100%; box-sizing:border-box; border:1px solid color-mix(in srgb,var(--pos-group-color,#94a3b8) 35%,white); border-radius:999px; padding:5px 9px; background:color-mix(in srgb,var(--pos-group-color,#94a3b8) 9%,white); font-size:12px; color:#334155; text-align:right; overflow-wrap:anywhere; }
.pos-color-assignment-label[style]::before { content:""; display:inline-block; width:7px; height:7px; margin-right:5px; border-radius:50%; background:var(--pos-group-color); }
.pos-color-product-assignments > label { border-radius:9px; padding-left:8px; padding-right:8px; }
.pos-color-product-assignments > label:has(input:checked) { background:linear-gradient(100deg,#e0f2fe99,#ede9fe99); box-shadow:inset 3px 0 #8b5cf6; }
.pos-color-editor-actions, .pos-color-selection { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.pos-color-editor-actions label { display:grid; gap:4px; flex:1; min-width:140px; font-size:12px; }
.pos-color-editor-actions select { width:100%; }
.pos-color-dialog .pos-color-auto-help { margin:10px 0; font-size:12px; }
.pos-color-find { display:grid; grid-template-columns:minmax(0,1fr) minmax(130px,200px); gap:12px; }
.pos-color-find input, .pos-color-find select { width:100%; min-width:0; box-sizing:border-box; }
.pos-color-bulk { position:sticky; top:-20px; z-index:1; background:linear-gradient(115deg,#fef5ee,#effcf9 45%,#eef3ff 75%,#f5f0ff); border:1px solid #c6d4ec; border-radius:12px; padding:10px; box-shadow:0 3px 12px #a78bfa15,inset 0 1px 0 #fff; }
.pos-color-selection { margin-bottom:8px; }
.pos-color-selection strong { font-size:12px; margin-left:auto; padding:6px 10px; border-radius:999px; background:#ffffffb3; color:#42396d; border:1px solid #c4b5fd66; }
.pos-color-dialog [data-assign-selected] { background:#146c57; color:#fff; align-self:end; }
.pos-color-product-assignments strong, .pos-color-product-assignments small { display:block; overflow-wrap:anywhere; }
.pos-color-product-assignments small { color:#64748b; font-size:12px; margin-top:3px; }
.pos-color-product-assignments select { width:100%; min-width:0; }
.pos-color-dialog footer { display:flex; align-items:center; gap:10px; padding:16px 22px; border-top:1px solid #e2e8f0; background:linear-gradient(110deg,#fff,#f3f8ff,#f8f3ff); }
.pos-color-dialog footer p { flex:1; }
.pos-color-dialog [data-save] { border-color:#a5b4d4; }
.bp-pos-gold-page .bp-pos-gold-menu-toolbar:has(.pos-category-grid-rail) { flex-wrap:wrap; }
/* Keep long filter rows from widening the catalog's implicit grid track. */
.bp-pos-gold-page .bp-lite-pos-catalog:has(.pos-category-grid-rail) { min-width:0; grid-template-columns:minmax(0,1fr); }
.bp-pos-gold-page .bp-lite-pos-catalog:has(.pos-category-grid-rail) > * { min-width:0; }
@media (min-width:721px) and (max-width:1439px) {
  .bp-pos-gold-page .bp-pos-gold-catalog-context { flex-wrap:wrap; }
  .bp-pos-gold-page .bp-pos-gold-catalog-context select { min-width:160px; }
  .bp-pos-gold-page .bp-pos-gold-menu-toolbar:has(.pos-category-grid-rail) { align-items:center; gap:8px; }
  .bp-pos-gold-page .bp-pos-gold-menu-toolbar .pos-color-category-tools { flex:1 1 100%; width:100%; margin:0; }
  .bp-pos-gold-page .pos-category-grid-rail { flex-wrap:wrap; padding:4px; box-sizing:border-box; }
  .bp-pos-gold-page .pos-category-grid-rail button { flex-shrink:0; }
  .bp-pos-gold-page .bp-pos-gold-mobile-filter-panel { display:flex; align-items:center; flex-wrap:wrap; gap:8px; width:100%; min-width:0; }
  .bp-pos-gold-page .bp-pos-gold-toolbar-actions { align-items:center; flex-wrap:wrap; gap:8px; min-width:0; }
  .bp-pos-gold-page .bp-pos-gold-view-toggle,
  .bp-pos-gold-page .bp-pos-gold-sort-pills { align-self:center; min-height:40px; box-sizing:border-box; }
  .bp-pos-gold-page .bp-pos-gold-sort-pills { flex-wrap:wrap; }
}
.bp-pos-gold-page .pos-color-category-tools { flex:1 1 320px; align-items:flex-start; margin-bottom:4px; }
.pos-category-grid-rail { display:flex; flex-wrap:wrap; align-items:center; gap:8px; flex:1; min-width:0; }
.bp-pos-gold-page .pos-category-grid-rail [data-pos-gold-category-pills], .pos-category-grid-rail .pos-color-pills { display:contents; }
.pos-category-grid-rail .pos-color-pills[hidden] { display:none !important; }
.bp-pos-gold-page .pos-category-grid-rail button:not(.pos-color-setup)[hidden] { display:none !important; }
.bp-pos-gold-page .pos-category-grid-rail button:not(.pos-color-setup) {
  display:flex; flex-direction:column; justify-content:center; align-items:center; gap:3px; width:88px; min-width:0; min-height:64px;
  box-sizing:border-box; padding:6px; margin:0; border:1px solid color-mix(in srgb,var(--pos-group-color,#64748b) 40%,white); border-radius:12px;
  background:color-mix(in srgb,var(--pos-group-color,#64748b) var(--pos-group-tile-fill,7%),white); color:#243449; font:700 13px/1.2 system-ui,sans-serif; cursor:pointer;
}
.bp-pos-gold-page .pos-category-grid-rail button:not(.pos-color-setup) span { overflow-wrap:anywhere; }
.bp-pos-gold-page .pos-category-grid-rail button[data-pos-color-reorder] { cursor:grab; }
.bp-pos-gold-page .pos-category-grid-rail :is([data-pos-color-filter],[data-pos-gold-category-pill="all"]) { position:relative; overflow:visible; }
.bp-pos-gold-page .pos-category-grid-rail .pos-color-cart-count { position:absolute; top:-3px; right:-3px; z-index:1; display:grid; place-items:center; min-width:20px; height:20px; box-sizing:border-box; padding:0 4px; border:2px solid #fff; border-radius:999px; background:color-mix(in srgb,var(--pos-group-color,#94a3b8) 60%,white); color:#102034; font:800 10px/1 system-ui,sans-serif; font-variant-numeric:tabular-nums; box-shadow:0 1px 4px color-mix(in srgb,var(--pos-group-color,#64748b) 25%,transparent); pointer-events:none; }
.bp-pos-gold-page [data-pos-gold-category-pill="all"] .pos-color-cart-count { background:linear-gradient(115deg,#fde68a,#a7f3d0 45%,#bfdbfe 75%,#ddd6fe); }
.bp-pos-gold-page .pos-color-cart-count[hidden] { display:none; }
.bp-pos-gold-page .pos-category-grid-rail button:not(.pos-color-setup) small { font-size:10px; font-weight:600; color:#526175; }
.bp-pos-gold-page .pos-category-grid-rail button:not(.pos-color-setup) > svg { width:24px; height:24px; color:var(--pos-group-ink,var(--pos-group-color,#427669)); }
.bp-pos-gold-page .pos-category-grid-rail button:not(.pos-color-setup)[aria-pressed="true"] { outline:2px solid var(--pos-group-color,#246b58); outline-offset:1px; background:color-mix(in srgb,var(--pos-group-color,#246b58) var(--pos-group-selected-fill,14%),white); box-shadow:0 2px 10px color-mix(in srgb,var(--pos-group-color,#246b58) 18%,transparent); }
.bp-pos-gold-page .pos-category-grid-rail button:not(.pos-color-setup):focus-visible { outline:3px solid #102034; outline-offset:2px; }
.bp-pos-gold-page .pos-category-grid-rail button[data-pos-gold-category-pill="all"] { width:44px; min-height:44px; padding:5px 3px; border-radius:999px; font-size:11px; }
.pos-icon-picker summary { display:flex; align-items:center; justify-content:center; gap:5px; min-height:44px; border:1px solid #cbd5e1; border-radius:8px; cursor:pointer; background:#fff; color:#1e293b; font-size:12px; }
.pos-icon-picker summary::-webkit-details-marker { display:none; }
.pos-icon-picker[open] { grid-column:1 / -1; }
.pos-icon-picker[open] summary { justify-content:flex-start; padding:0 10px; }
.pos-icon-library { display:grid; grid-template-columns:repeat(auto-fit,minmax(70px,1fr)); gap:6px; padding-top:8px; }
.pos-color-dialog .pos-icon-library button { display:flex; flex-direction:column; align-items:center; gap:4px; padding:8px 4px; font-size:11px; }
.pos-color-dialog .pos-icon-library button[aria-pressed="true"] { background:color-mix(in srgb,var(--pos-group-color) 12%,white); border-color:var(--pos-group-ink,var(--pos-group-color)); outline:1px solid var(--pos-group-color); }
.pos-icon-picker summary:focus-visible { outline:3px solid #2563eb; outline-offset:2px; }
.pos-group-options summary { display:flex; justify-content:center; align-items:center; gap:4px; min-height:44px; border:1px solid #cbd5e1; border-radius:8px; background:#fff; cursor:pointer; font-size:12px; }
.pos-group-options summary::-webkit-details-marker { display:none; }
.pos-group-options summary:focus-visible { outline:3px solid #2563eb; outline-offset:2px; }
.pos-group-options[open] { grid-column:1 / -1; }
.pos-group-options[open] summary { justify-content:flex-start; padding:0 10px; }
.pos-group-adjustments { display:grid; gap:12px; padding-top:12px; }
.pos-intensity-control { display:grid; grid-template-columns:1fr auto; gap:8px; font-size:12px; }
.pos-intensity-control output { color:#334155; font-weight:700; }
.pos-color-dialog .pos-intensity-control input { grid-column:1 / -1; width:100%; padding:0; border:0; background:transparent; accent-color:var(--pos-group-color); }
.pos-intensity-control > span { grid-column:1 / -1; color:#475569; font-size:11px; }
.pos-intensity-control b { float:right; font-weight:400; }
.pos-color-intensity-preview { display:flex; align-items:center; gap:8px; padding:12px; border-radius:10px; border:1px solid color-mix(in srgb,var(--pos-group-color) var(--pos-group-border,55%),transparent); background:color-mix(in srgb,var(--pos-group-color) var(--pos-group-tile-fill,7%),white); color:#243449; font-weight:750; }
.pos-color-intensity-preview svg { color:var(--pos-group-ink,var(--pos-group-color)); }
@media(max-width:600px) {
  .pos-category-grid-rail { gap:6px; }
  .bp-pos-gold-page .pos-category-grid-rail button:not(.pos-color-setup) { width:62px; min-height:56px; padding:4px 3px; gap:2px; font-size:10px; border-radius:9px; }
  .bp-pos-gold-page .pos-category-grid-rail button:not(.pos-color-setup) > svg { width:18px; height:18px; }
  .bp-pos-gold-page .pos-category-grid-rail button:not(.pos-color-setup) small { font-size:9px; }
  .bp-pos-gold-page .pos-category-grid-rail button[data-pos-gold-category-pill="all"] { width:44px; min-height:44px; border-radius:999px; }
  .bp-pos-gold-page .pos-category-grid-rail .pos-color-setup { width:56px; height:56px; min-height:56px; flex-basis:56px; font-size:10px; }
  .bp-pos-gold-page .pos-category-grid-rail .pos-color-setup svg { width:20px; height:20px; }
  .pos-color-find { grid-template-columns:minmax(0,1fr); gap:0; }
  .pos-color-find .pos-color-search { margin:10px 0; }
  .pos-color-bulk { top:-14px; }
  .pos-color-category-tools { gap:8px; width:100%; }
  .pos-color-group-editor { grid-template-columns:minmax(0,1fr) 68px 38px 38px; gap:6px; padding:8px; align-items:center; }
  .pos-color-group-editor > label > span { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
  .pos-color-group-editor > label input, .pos-color-group-editor > label select { font-size:11px; padding:6px; height:44px; width:100%; min-width:0; }
  .pos-color-group-editor .pos-icon-picker:not([open]) summary span, .pos-color-group-editor .pos-group-options:not([open]) summary span { display:none; }
  .pos-color-group-actions { grid-column:1 / -1; }
  .pos-color-dialog header, .pos-color-editor-body { padding:14px; }
  .pos-color-dialog footer { flex-wrap:wrap; padding:14px; }
  .pos-color-dialog footer p { flex-basis:100%; }
  .pos-color-pills { flex-basis:100%; }
}

/* Color navigation is a local register preference, separate from shared groups. */
.bp-pos-gold-page .pos-color-category-tools { flex-wrap:wrap; }
.pos-color-mode-dialog { box-sizing:border-box; width:420px; max-width:calc(100vw - 28px); max-height:calc(100dvh - 28px); overflow:auto; padding:22px; border:2px solid #fff; border-radius:22px; background:linear-gradient(130deg,#fff5d2,#dff6ed 45%,#e0efff 75%,#eee3ff); color:#203e53; box-shadow:0 12px 45px #183e4433; font:14px/1.4 system-ui,sans-serif; }
.pos-color-mode-dialog::backdrop { background:#183e4466; }
.pos-color-mode-dialog h2 { margin:0 0 6px; font-size:22px; }
.pos-color-mode-dialog p { margin:0 0 16px; }
.pos-color-mode-options { display:grid; gap:10px; }
.pos-color-mode-dialog button { display:flex; flex-direction:column; align-items:flex-start; gap:4px; width:100%; min-height:44px; padding:12px; border:1px solid #abc5cf; border-radius:12px; color:#203e53; background:#ffffffb8; font:inherit; cursor:pointer; text-align:left; }
.pos-color-mode-dialog button span { font-size:12px; }
.pos-color-mode-dialog button[aria-pressed="true"] { background:linear-gradient(110deg,#fff0b5,#c5f1dc,#c4ddff); border-color:#28755f; box-shadow:inset 0 0 0 1px #28755f; }
.pos-color-mode-dialog button:focus-visible { outline:3px solid #28755f; outline-offset:2px; }
.pos-color-mode-dialog [data-color-mode-cancel] { margin-top:14px; align-items:center; font-weight:700; }
@media(max-height:500px) {
  .pos-color-mode-dialog { padding:14px; }
  .pos-color-mode-dialog h2 { font-size:20px; margin-bottom:2px; }
  .pos-color-mode-dialog p { margin-bottom:10px; }
  .pos-color-mode-options { gap:6px; }
  .pos-color-mode-dialog button { padding:8px 10px; gap:2px; }
  .pos-color-mode-dialog [data-color-mode-cancel] { margin-top:8px; }
}
.bp-pos-gold-page .pos-color-section-heading,.bp-pos-gold-page .bp-pos-gold-products { scroll-margin-top:calc(var(--pos-gold-kiosk-height,0px) + 110px); }
.bp-pos-gold-page .pos-color-section-heading[hidden] { display:none; }
.bp-pos-gold-page .pos-color-section-heading [data-pos-color-back-top] { display:flex; align-items:center; justify-content:space-between; gap:12px; width:calc(100% + 24px); min-height:40px; margin:-9px -12px; padding:9px 12px; border:0; border-radius:inherit; background:transparent; color:inherit; font:inherit; text-align:left; cursor:pointer; }
.pos-color-section-heading [data-pos-color-back-top] small { flex-shrink:0; font:600 11px/1.2 system-ui,sans-serif; opacity:.75; }
.pos-color-section-heading [data-pos-color-back-top]:focus-visible { outline:3px solid #28755f; outline-offset:2px; }
.bp-pos-gold-page .pos-category-grid-rail { scroll-margin-top:calc(var(--pos-gold-kiosk-height,0px) + 110px); }
.bp-pos-gold-page[data-pos-color-navigation-mode="scroll"] [data-pos-gold-product] { scroll-margin-top:calc(var(--pos-gold-kiosk-height,0px) + 110px); }