/* Appearance is a browser preference, independent of the installation. */
@media screen{
 :root{--ui-bg:#101216;--ui-overlay:#101216dd;--ui-surface:#191c21;--ui-surface-2:#20242b;--ui-field:#111419;--ui-header:#101317;--ui-line:#42464d;--ui-ink:#f2f3f5;--ui-muted:#b7bdc6;--ui-accent:#ff922e;--ui-accent-hover:#ffae62;--ui-accent-ink:#141414;--ui-accent-text:#ffad66;--ui-accent-soft:#30241a}
 html[data-ui-theme="blue"]{--ui-bg:#0b1729;--ui-overlay:#0b1729dd;--ui-surface:#12243c;--ui-surface-2:#1b304c;--ui-field:#0c1c32;--ui-header:#081528;--ui-line:#36516f;--ui-ink:#f2f6fc;--ui-muted:#b2c5dc;--ui-accent:#f4ce50;--ui-accent-hover:#ffe180;--ui-accent-ink:#10213a;--ui-accent-text:#f4d76f;--ui-accent-soft:#29394d}
 html[data-ui-theme="graphite"]{--ui-bg:#212121;--ui-overlay:#212121dd;--ui-surface:#292929;--ui-surface-2:#343434;--ui-field:#242424;--ui-header:#171717;--ui-line:#484848;--ui-ink:#ececec;--ui-muted:#b4b4b4;--ui-accent:#e3e3e3;--ui-accent-hover:#fff;--ui-accent-ink:#171717;--ui-accent-text:#e3e3e3;--ui-accent-soft:#383838}
 html[data-ui-theme]{color-scheme:dark;--ink:var(--ui-ink);--muted:var(--ui-muted);--bg:var(--ui-bg);--line:var(--ui-line);--soft:var(--ui-accent-soft);--brown:var(--ui-accent);--green:var(--ui-accent);--orange:var(--ui-accent-text);--brand-primary:var(--ui-accent);--brand-dark:var(--ui-header);--brand-accent:var(--ui-accent);--brand-soft:var(--ui-accent-soft)}
 .ui-icon{display:inline-block;width:20px;height:20px;flex:none;vertical-align:middle}
 button.ui-icon-label{display:inline-flex;align-items:center;justify-content:center;gap:7px}
 .copy-icon .ui-icon{width:15px;height:15px}
 /* Settings: regular tasks first, connection and analysis rules on demand. */
 body[data-page="settings"]>main>.page-tools{display:none}
 #settings .settings-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start;max-width:1180px;margin:0 auto}
 #settings .card{margin:0;padding:24px;border-radius:12px;min-width:0}
 #settings h2{font-size:18px;margin:0 0 8px}
 #settings .settings-description{font-size:13px;line-height:1.6;color:var(--ui-muted);margin:0 0 20px}
 #settings label{font-size:12px;gap:7px;margin-bottom:14px}
 #settings input,#settings select{width:100%;min-height:42px;box-sizing:border-box}
 #settings input[readonly]{color:var(--ui-muted)}
 #settings .settings-details{border-top:1px solid var(--ui-line);padding-top:14px;margin-top:18px}
 #settings .settings-details>summary{padding:0;font-size:13px;color:var(--ui-muted)}
 #settings .settings-details[open]>summary{margin-bottom:16px;color:var(--ui-ink)}
 #settings #catalogStatus{font-size:12px;color:var(--ui-muted);line-height:1.6;margin:14px 0 0}
 #settings .settings-status:empty{display:none}
 #settings .settings-note{font-size:12px;line-height:1.6;color:var(--ui-muted);margin:10px 0}
 #settings .settings-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}
 #settings .settings-actions button{min-height:38px;font-size:12px;white-space:normal}
 #settings .photo-settings{border:0;padding:24px;margin:0}
 #settings #productPhotoPreview{display:block;margin:14px 0 0;max-width:160px;object-fit:contain;border-radius:8px}
 #settings .settings-extra{grid-column:1/-1;padding:18px 24px}
 #settings .settings-extra>summary{font-size:14px;color:var(--ui-ink);padding:0}
 #settings .settings-extra[open]>summary{margin-bottom:20px}
 #settings .settings-rules{display:grid;grid-template-columns:1fr 1fr;gap:28px}
 #settings .settings-rules>div{padding:0;margin:0;border:0}
 #settings .settings-rules h3{font-size:14px;margin:0 0 12px}
 #settings #forgetPassword{font-size:12px;min-height:32px;background:transparent;color:var(--ui-muted);padding:5px 8px}
 /* Quiet secondary controls keep the main action easy to identify. */
 body[data-app-chrome][data-screen="receive"] .receive-icon-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:7px 10px;font-size:12px;font-weight:500;background:var(--ui-surface-2);border:1px solid var(--ui-line);color:var(--ui-ink);border-radius:7px}
 body[data-app-chrome][data-screen="receive"] .receive-icon-button .ui-icon{width:19px;height:19px;stroke-width:1.7}
 .receive-icon-button kbd{font:500 10px/1.3 system-ui;opacity:.7;padding-left:3px}
 body[data-app-chrome][data-screen="receive"] #queueReceive{background:var(--ui-accent);color:var(--ui-accent-ink);border-color:var(--ui-accent)}
 body[data-app-chrome][data-screen="receive"] .queue-period button{background:var(--ui-surface-2);border:1px solid var(--ui-line);color:var(--ui-ink)}
 body[data-app-chrome][data-screen="receive"] .queue-period button.active,body[data-app-chrome][data-screen="receive"] .queue-period button[aria-pressed="true"]{background:var(--ui-accent-soft);border-color:var(--ui-accent);color:var(--ui-accent-text)}
 body[data-app-chrome][data-screen="receive"] #orders th button{background:transparent;color:inherit;border:0;padding:0;border-radius:0;font:inherit}
 @media(max-width:900px){#settings .settings-layout{grid-template-columns:1fr}#settings .settings-rules{grid-template-columns:1fr;gap:24px}}
 @media(max-width:520px){#settings .card{padding:18px}.receive-icon-button kbd{display:none}}
 #settings .settings-appearance{border-top:1px solid var(--ui-line);padding-top:18px;margin-top:20px}
 #settings .settings-appearance h3{font-size:15px;margin:0 0 12px}
 #settings .settings-appearance label{max-width:360px;margin-bottom:0}
 .queue-query-status{flex:none;margin:4px 0 8px;font-size:12px;line-height:1.4;color:var(--ui-muted)}
 .queue-query-status[data-state="loading"]{color:var(--ui-accent-text)}
 .queue-query-status[data-state="error"]{color:#ff9b99}
 #orders[aria-busy="true"]{opacity:.65}
}