/* Solid surfaces and distinct product results across all themes. */
:root,[data-theme="blue"]{--page:#d9e8fa;--surface:#edf5ff;--field:#f4f8ff;--text:#152a47;--muted:#465d79;--border:#a9c1de;--accent:#1354bf;--list:#c4dcfb;--selected:#174c99;--status:#cfdef4;--header1:#092c65;--header2:#0d78c0}
[data-theme="dark"]{--page:#101722;--surface:#1e2938;--field:#27364a;--text:#f0f5fc;--muted:#b6c7dc;--border:#536881;--accent:#326bc7;--list:#34485f;--selected:#154d9c;--status:#23354c;--header1:#101e34;--header2:#265e97}
[data-theme="green"]{--page:#d9eadd;--surface:#edf6ee;--field:#f4faf4;--text:#163522;--muted:#466651;--border:#a5c5ad;--accent:#176c42;--list:#c8e3cb;--selected:#205c38;--status:#cde4d1;--header1:#113e2c;--header2:#268258}
[data-theme="purple"]{--page:#e5ddf1;--surface:#f3edfa;--field:#faf5ff;--text:#302048;--muted:#645275;--border:#bfacd5;--accent:#7338ad;--list:#dbcaef;--selected:#60318c;--status:#e1d2f0;--header1:#352059;--header2:#7953ae}
[data-theme="light"]{--page:#edf0f4;--surface:#fff;--field:#fff;--text:#172033;--muted:#4e5e72;--border:#b8c4d3;--accent:#1354bf;--list:#dce7f5;--selected:#174c99;--status:#e3ecf8;--header1:#092c65;--header2:#0d78c0}
html{background:var(--page)}body{background:var(--page);color:var(--text);min-height:100vh}
header{background:linear-gradient(120deg,var(--header1),var(--header2))}
nav,.card,dialog{background:var(--surface);color:var(--text);border-color:var(--border)}
input,select,#close input{background:var(--field)!important;color:var(--text)!important;border-color:var(--border)!important}
input::placeholder{color:var(--muted);opacity:1}option{background:var(--field);color:var(--text)}
#status{background:var(--status);color:var(--text);border-color:var(--border)}
th,.keyboard-hint,.scroll::before{color:var(--muted)}th,td,.bill{border-color:var(--border)}
.btn{background:var(--accent)}.metric b{color:var(--text)}
#close #closingAuto .metric{background:var(--status);color:var(--text)}#close #closingAuto .metric b{color:var(--text)}
#authPanel{background:var(--page)!important}
.theme-control{display:flex;align-items:center;gap:10px;margin-top:14px;font-weight:750;width:240px;max-width:100%}
.theme-control select{flex:1;min-width:0;padding:8px 12px;cursor:pointer}
.product-picker #sp{background:var(--list)!important;color:var(--text)!important;opacity:1;border:2px solid var(--accent)!important;border-radius:12px;padding:6px;max-width:calc(100vw - 40px);box-shadow:0 12px 30px #0005;z-index:40;font-size:15px;line-height:1.6}
.product-picker #sp option{background:var(--list);color:var(--text);padding:9px 10px;border-radius:6px;min-height:36px}
.product-picker #sp option:checked{background:var(--selected) linear-gradient(var(--selected),var(--selected));color:#fff}
.product-picker #sp:focus{outline:3px solid #eeb327;outline-offset:2px}
nav button.on{outline-color:var(--text)}.scroll{scrollbar-color:var(--accent) var(--surface)}

[hidden]{display:none!important}.party-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}#newPartyProduct,#partyPaymentForm{background:var(--status);padding:14px;border:1px solid var(--border);border-radius:12px;margin:12px 0}#partyMetrics .metric{background:var(--status);padding:12px;border-radius:12px}#partyWorkspace{scroll-margin-top:90px}
@media(max-width:600px){.product-picker{grid-column:1/-1}.product-picker #sp{min-width:0;width:100%;max-width:100%}.theme-control{width:240px}.party-actions .btn{flex:1 1 150px}}
