/* v31: accent palette, global sync affordances, and bottom-aligned navigation controls */
.top-actions{position:relative}.palette-toggle{font-size:21px;color:var(--accent);display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;padding:0!important;text-align:center!important}.palette-toggle::first-letter{line-height:1}.palette-toggle{box-sizing:border-box;align-self:center;vertical-align:middle}.palette-toggle svg{display:block;width:20px;height:20px}.palette-menu{position:absolute;right:42px;top:calc(100% + 9px);z-index:100;display:grid;grid-template-columns:repeat(2,minmax(128px,1fr));gap:5px;padding:9px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 12px 35px #0002;min-width:285px}.palette-menu[hidden]{display:none!important}.palette-choice{display:flex;align-items:center;gap:9px;border:1px solid transparent;border-radius:10px;background:var(--surface2);color:var(--text);padding:8px;text-align:left;font-size:12px;font-weight:700;cursor:pointer}.palette-choice i{display:block;width:19px;height:19px;border-radius:50%;flex:0 0 19px;box-shadow:inset 0 0 0 1px #0001}.palette-choice.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface))}.palette-choice.selected span:after{content:' ✓';color:var(--accent)}
.back-to-top{right:12px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;border-radius:11px!important;background:color-mix(in srgb,var(--accent) 78%,transparent)!important;backdrop-filter:blur(8px);width:36px!important;height:36px!important;font-size:20px!important;z-index:65!important}.pagination-dock{max-width:calc(100vw - 70px)!important;left:calc(50% - 18px)}
@media(max-width:760px){.palette-menu{right:0;top:calc(100% + 7px);min-width:260px;grid-template-columns:repeat(2,minmax(0,1fr))}.palette-choice{font-size:11px;padding:7px}.back-to-top{right:9px!important;bottom:calc(5px + env(safe-area-inset-bottom))!important;width:32px!important;height:32px!important}.pagination-dock{left:calc(50% - 16px);max-width:calc(100vw - 58px)!important}}
.status-count{font-variant-numeric:tabular-nums}.stat-card.amber b{color:var(--accent)}



/* v1.0 refinements: default slightly lighter dark mode, responsive group navigation */
:root{color-scheme:dark;--bg:#151e28;--surface:#1d2935;--surface2:#273542;--text:#f0f4f8;--muted:#b1bfcd;--line:#3a4a59;--accent:#3b82f6;--green:#6de0b2;--green-bg:#183d32;--amber:#ffd078;--amber-bg:#46391f;--red:#ff8b9a;--shadow:0 5px 18px rgba(0,0,0,.18);--focus:#8ab8ff}
html[data-theme="dark"]{color-scheme:dark;--bg:#151e28;--surface:#1d2935;--surface2:#273542;--text:#f0f4f8;--muted:#b1bfcd;--line:#3a4a59;--shadow:0 5px 18px rgba(0,0,0,.18)}
html[data-theme="light"]{color-scheme:light;--bg:#f5f7fa;--surface:#fff;--surface2:#edf1f5;--text:#172536;--muted:#617187;--line:#d6e0eb;--shadow:0 4px 16px rgba(25,47,75,.055);--green:#087f5b;--green-bg:#e1f7ed;--amber:#9a5b00;--amber-bg:#fff1d4;--red:#b42336}
.group-nav{display:flex;align-items:center;gap:5px;min-width:0;width:100%;margin:3px 0 6px}
.group-nav .group-filters{flex:1;min-width:0;scrollbar-width:none;overscroll-behavior-x:contain;scroll-behavior:smooth;padding:4px 1px 8px;margin:0}
.group-nav .group-filters::-webkit-scrollbar{display:none}
.group-arrow{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;padding:0;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text);font-size:20px;line-height:1;cursor:pointer}
.group-arrow:active{background:var(--surface2)}
.searchbox .search-icon{display:flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;font-size:0;line-height:1}
.searchbox .search-icon svg{display:block;width:19px;height:19px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.searchbox input{font-size:16px!important;min-height:32px;line-height:1.25}
.searchbox #searchApply{font-size:12px;padding:8px 11px;min-height:32px;border-radius:9px}
.searchbox #searchClear{display:flex;align-items:center;justify-content:center;align-self:center;flex:0 0 30px;width:30px;height:30px;padding:0;font-size:21px;line-height:1;background:var(--surface2);color:var(--muted);border:1px solid var(--line);border-radius:9px}
.product-topline{display:flex;align-items:center;gap:7px;min-width:0}
.product-number{display:inline-flex;align-items:center;justify-content:center;min-width:29px!important;min-height:22px;padding:2px 6px!important;border:1px solid var(--line);border-radius:7px;background:var(--surface2);font-variant-numeric:tabular-nums;line-height:1.2}
@media(max-width:760px){.group-arrow{flex-basis:25px;width:25px;height:27px;font-size:19px}.searchbox{gap:5px}.searchbox .search-icon{flex-basis:25px;width:25px}.searchbox .search-icon svg{width:18px;height:18px}.searchbox input{font-size:16px!important;min-width:0}.searchbox #searchApply{padding:7px 9px}.searchbox #searchClear{flex-basis:28px;width:28px;height:28px}.product-topline{gap:5px}.product-number{min-width:27px!important;min-height:20px;font-size:10px!important}}
.searchbox input[type="search"]::-webkit-search-cancel-button,.searchbox input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}