/* SORA Inventory — dark appearance, inspired by Sora Nutrition's deep-night/teal visual language.
   All overrides are opt-in via html[data-theme="dark"]. The existing light appearance is unchanged. */
:root { --sora-focus:#37caaa; }
:root[data-theme="dark"] {
  color-scheme:dark;
  --dark:#0c2423;
  --teal:#77ddc5;
  --bg:#0c1517;
  --panel:#182628;
  --text:#e7f1ef;
  --muted:#b0c2be;
  --line:#344749;
  --good:#86e2b6;
  --warning:#edc984;
  --shadow:0 6px 22px rgba(0,0,0,.21);
  --sora-raised:#203235;
  --sora-header:#102a28;
  --sora-field:#111e21;
}
html[data-theme="dark"], html[data-theme="dark"] body {background:var(--bg);color:var(--text)}
html[data-theme="dark"] :is(h1,h2,h3,h4,strong,b,.stat strong,.item-name b,.im-summary-info strong,.qc-card h2){color:var(--text)}
html[data-theme="dark"] :is(p,small,.hint,.im-muted,.opmuted,.qc-help,.stat span,.item-name small){color:var(--muted)}
html[data-theme="dark"] :is(a,.eyebrow){color:var(--teal)}
html[data-theme="dark"] :is(.top,header.top){background:var(--sora-header);color:#f2faf8;border-bottom:1px solid #2c5049}
html[data-theme="dark"] .brand,html[data-theme="dark"] .top .logo{color:#fff}
html[data-theme="dark"] .logo span {color:#70d6c5}
html[data-theme="dark"] .top :is(.brand-sub,.user,.user small){color:#c2d8d2}
html[data-theme="dark"] .top .link-btn{border-color:#547772;color:#f2faf8;background:transparent}
html[data-theme="dark"] .side {background:#101e20;border-right-color:var(--line)}
html[data-theme="dark"] .side nav a {color:#b4cbc5}
html[data-theme="dark"] .side nav a:hover,html[data-theme="dark"] .side nav a.active{background:#23413e;color:#b1f8e4}
html[data-theme="dark"] :is(.panel,.stat,.location-card,.im-item,.qc-card) {background:var(--panel);color:var(--text);border-color:var(--line);box-shadow:var(--shadow)}
html[data-theme="dark"] .location-card:hover {border-color:#66bfae;background:#203336}
html[data-theme="dark"] :is(.pill,.status,.chip,.im-pill){background:#24413d;color:#b9f6df}
html[data-theme="dark"] :is(.status.good,.im-pill:not(.ex)){background:#194336;color:#aaf1cd}
html[data-theme="dark"] .im-pill.ex{background:#473924;color:#f9d8a5}
html[data-theme="dark"] :is(.progress,.qc-progress,.count-panel .progress){background:#2c4240}
html[data-theme="dark"] :is(.progress i,.qc-progress i){background:#43ba99}
html[data-theme="dark"] :is(.btn,.im-primary){background:#176d5e;border-color:#328b78;color:#fff}
html[data-theme="dark"] :is(.btn,.im-primary):hover{background:#228a73;color:#fff}
html[data-theme="dark"] :is(.btn.secondary,.im-secondary){background:#213735;color:#a9f1dc;border:1px solid #4c7770;color:#a9f1dc}
html[data-theme="dark"] :is(.btn.secondary,.im-secondary):hover{background:#2b4944}
html[data-theme="dark"] :is(input:not([type=checkbox]):not([type=hidden]):not([type=radio]),select,textarea){background:var(--sora-field);border-color:#52706c;color:#f2faf7;caret-color:#a7f8dd;outline-color:#6bd6b7}
html[data-theme="dark"] :is(input,select,textarea)::placeholder{color:#9db1ad;opacity:1}
html[data-theme="dark"] :is(input,select,textarea):focus-visible {outline:2px solid #79e9ca;outline-offset:1px}
html[data-theme="dark"] :is(input[type=checkbox],input[type=radio]){accent-color:#60c9ab}
html[data-theme="dark"] :is(label,legend,.panel label,.auth label,.im-item label,.im-form label){color:#d0e5de}
html[data-theme="dark"] :is(td,th,.item-row,.request,.im-edit-body){border-color:var(--line)}
html[data-theme="dark"] th{color:#b5c8c2}
html[data-theme="dark"] :is(tr:nth-child(even),.count-panel .item-row:nth-child(even)){background:#172527}
html[data-theme="dark"] :is(.count-panel .item-row:focus-within,.item-row:focus-within){background:#23413b!important;outline-color:#3d8d79}
html[data-theme="dark"] :is(.count-panel .count-sticky,.count-screen .count-panel .count-sticky){background:var(--panel);border-color:var(--line)}
html[data-theme="dark"] :is(.count-screen,.count-screen .content){background:var(--bg)}
html[data-theme="dark"] body.count-screen{background:var(--bg)!important}
html[data-theme="dark"] .count-screen .count-panel .item-row{background:var(--bg)!important}
html[data-theme="dark"] .count-screen .count-panel .item-row:focus-within{background:#203a35!important}
html[data-theme="dark"] .count-screen .count-panel{background:transparent;border-color:var(--line)}
html[data-theme="dark"] .count-screen .count-back,html[data-theme="dark"] .count-screen .count-help{border-color:var(--line);color:#bdf6e7}
html[data-theme="dark"] .count-screen .count-mode-switch{background:#243b39}
html[data-theme="dark"] .count-screen .mode-tab{color:#bad5ce}
html[data-theme="dark"] .count-screen .mode-tab.is-selected{background:#35635a;color:#f5fffc;box-shadow:0 2px 9px #071615}
html[data-theme="dark"] .count-screen .qc-card{background:#1a2b2d;border-color:#3d5853}
html[data-theme="dark"] .count-screen :is(.qc-card h2,.qc-card label){color:#eefaf7}
html[data-theme="dark"] .count-screen :is(.qc-card p,.qc-head,.qc-card small,.qc-kicker){color:#b3d0c7}
html[data-theme="dark"] .count-screen #qc-qty{background:#102125;color:#fff;border-color:#6a9f93}
html[data-theme="dark"] .count-screen #qc-save {color:#88e9c8}
html[data-theme="dark"] .count-screen .count-filters{background:transparent;border-color:var(--line)}
html[data-theme="dark"] .count-screen #filter-hint{color:#b2cac3}
html[data-theme="dark"] .count-panel .sync-banner.good-sync{background:#163c30;color:#b0f4d0}
html[data-theme="dark"] .count-panel .sync-banner.pending-sync{background:#40331e;color:#ffe0a3}
html[data-theme="dark"] .count-panel .sync-banner.alert-sync{background:#48262a;color:#ffc7c7}
html[data-theme="dark"] .saved.good{color:#91ecc1}
html[data-theme="dark"] .saved.bad{color:#ffaaa9}
html[data-theme="dark"] .count-screen .count-product-photo{background:#f0f2f1;border-color:#2e4440}
html[data-theme="dark"] :is(.alert,.alert.ok,.alert.bad){border:1px solid transparent}
html[data-theme="dark"] .alert{background:#3e331e;border-color:#76603a;color:#f6e5b9}
html[data-theme="dark"] .alert.ok{background:#163c31;border-color:#417964;color:#a9f3d2}
html[data-theme="dark"] .alert.bad{background:#49262c;border-color:#97555c;color:#ffbfc2}
html[data-theme="dark"] .auth {background:radial-gradient(circle at top,#173b35 0%,#0c1517 65%)}
html[data-theme="dark"] .auth .panel {background:#18282a}
html[data-theme="dark"] .auth .logo{color:#fff}
/* Unified product manager (its existing page stylesheet uses hard-coded light colors). */
html[data-theme="dark"] :is(.im-item,.im-bar,.im-summary-photo,.im-thumb,.im-photo-click .im-thumb,.im-assign,.im-upload){background:#1b2b2e;border-color:#3b5552;color:var(--text)}
html[data-theme="dark"] .im-item{box-shadow:0 4px 18px #0003}
html[data-theme="dark"] .im-summary-info strong{color:#eff9f6}
html[data-theme="dark"] :is(.im-summary-info small,.im-muted,.im-item label){color:#b8cbc5}
html[data-theme="dark"] .im-edit-indicator{color:#9de4cb}
html[data-theme="dark"] .im-photo-status{color:#9de4cb}
html[data-theme="dark"] .im-bar{box-shadow:0 -8px 22px #0005}
html[data-theme="dark"] :is(.im-pill,.im-summary-photo){border-color:#42605a}
html[data-theme="dark"] .im-summary:focus-visible{outline-color:#6ae2bb}
/* Manager review and reporting tools */
html[data-theme="dark"] :is(.opnav a,.opstats div,.opentry){background:#1c2d2e;color:#eef8f4;border-color:#3c5551}
html[data-theme="dark"] .opnav a:hover{background:#285049;color:#c9ffee}
html[data-theme="dark"] .op :is(td,th){border-color:var(--line)}
html[data-theme="dark"] .opmuted {color:#b7cdc6}
/* Existing bottom navigation stays prominent on both appearances. */
html[data-theme="dark"] body nav.sora-bottom-nav{background:#0d2825!important;border-top-color:#51c6a7!important}
html[data-theme="dark"] body nav.sora-bottom-nav a.sora-bottom-nav__item.is-current{background:#316257!important;color:#e5fff6!important;border-color:#70d3b3!important}
/* Live picker shared across dashboard, History, products and manager tools. */
.sora-theme-control{display:inline-flex;align-items:center;gap:6px;margin-left:auto;min-width:0;flex:none}
.sora-theme-control__label{color:#bcd7ce;font-size:12px;font-weight:650}
.sora-theme-control .sora-theme-select{width:auto;min-width:88px;max-width:110px;min-height:36px;padding:6px 24px 6px 9px;border-radius:8px;border:1px solid #53716d;background:#183733;color:#f0f9f6;font-size:14px;cursor:pointer}
.sora-theme-control .sora-theme-select:focus-visible{outline:2px solid #7be8c6;outline-offset:2px}
:root[data-theme="dark"] .sora-theme-control .sora-theme-select{background:#193d38;color:#fff;border-color:#5a9182}
:root[data-theme="light"] .sora-theme-control .sora-theme-select{background:#173936;color:#fff;border-color:#53716d}
.auth .sora-theme-control{margin:14px 0 0;display:flex;justify-content:flex-end}
.auth .sora-theme-control__label{color:var(--muted)}
.auth .sora-theme-control .sora-theme-select{background:var(--panel);color:var(--text);border-color:var(--line)}
.top .sora-theme-control{margin-left:auto}
.top .sora-theme-control__label{white-space:nowrap}
.top .user{margin-left:0}
@media(max-width:680px){
 .top{gap:9px}
 .top .sora-theme-control__label{display:none}
 .top .sora-theme-control .sora-theme-select{min-width:84px;width:84px;font-size:14px;min-height:36px}
 .top .link-btn{padding:7px 9px}
 .top .brand{gap:3px}
 .auth .sora-theme-control__label{display:inline}
}
@media(max-width:360px){.top .sora-theme-control .sora-theme-select{width:79px;min-width:79px}}
@media(max-width:900px){
 /* Keep Safari input zoom fix in both themes. */
 :is(input,select,textarea):not([type="checkbox"]):not([type="radio"]){font-size:16px!important}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important}}
/* Narrow-screen refinements validated at 320px and 390px. */
@media(max-width:480px){
 .top .sora-theme-control .sora-theme-select{width:94px;min-width:94px;padding-left:8px;padding-right:22px}
 .count-screen .count-panel .count-sticky .between{flex-wrap:wrap!important;gap:2px 8px}
 .count-screen .count-panel #counter{white-space:normal!important;overflow-wrap:anywhere;text-align:right}
}


/* v2.8 — Charcoal header and neutral dark surfaces; Sora-style aqua accents.
   Dark backgrounds must never render as a solid green/teal block.
   Accent hues are an approximation based on the visual reference, NOT an exact
   extraction of the Nutrition website's unavailable source CSS. */
:root {
  --sora-aqua: #7ad7cb;
  --sora-aqua-soft: #b6f1e9;
  --sora-black: #13161a;
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #101216;
  --panel: #1c2025;
  --text: #edf3f4;
  --muted: #afbabe;
  --line: #384147;
  --dark: #13161a;
  --teal: var(--sora-aqua);
  --good: #80dbb5;
  --shadow: 0 8px 22px rgba(0,0,0,.21);
  --sora-header: #13161a;
  --sora-raised: #262c31;
  --sora-field: #161b20;
}
/* The app header stays charcoal in BOTH appearances, while logo accents stay aqua. */
html[data-theme="dark"] :is(.top,header.top),
html[data-theme="light"] :is(.top,header.top) {
  background: #13161a !important;
  border-bottom: 1px solid #333940 !important;
  color: #f4f7f7 !important;
}
html[data-theme="dark"] .logo span,
html[data-theme="light"] .logo span { color: var(--sora-aqua) !important; }
html[data-theme="dark"] .top :is(.brand-sub,.user,.user small),
html[data-theme="light"] .top :is(.brand-sub,.user,.user small) { color: #b8c8c9; }
html[data-theme="dark"] .top .link-btn,
html[data-theme="light"] .top .link-btn {
  color: #f5f8f9;
  border-color: #58686b;
  background: #23272c;
}
html[data-theme="dark"] .top .link-btn:hover,
html[data-theme="light"] .top .link-btn:hover { background:#353b41; }
html[data-theme="dark"] .top .sora-theme-select,
html[data-theme="light"] .top .sora-theme-select {
  background: #22282d;
  border-color: #56696a;
  color: #f4f9f9;
}
/* Use aqua as an accent on interactive elements, not as a large background. */
html[data-theme="dark"] .side { background:#171b20; border-right-color:#343b40; }
html[data-theme="dark"] .side nav a { color:#bfc9ca; }
html[data-theme="dark"] .side nav a.active,
html[data-theme="dark"] .side nav a:hover {background:#263538;color:#a9eee2;}
html[data-theme="dark"] :is(.panel,.stat,.location-card,.im-item,.qc-card) {
  background:var(--panel);
  border-color:var(--line);
}
html[data-theme="dark"] .location-card:hover { background:#242b30; border-color:#74c7bd; }
html[data-theme="dark"] :is(.pill,.status,.chip,.im-pill){background:#283b3d;color:#c2f0e7}
html[data-theme="dark"] :is(.progress,.qc-progress,.count-panel .progress){background:#323b40}
html[data-theme="dark"] :is(.progress i,.qc-progress i){background:var(--sora-aqua)}
html[data-theme="dark"] :is(.btn,.im-primary) {background:#28635c;border-color:#377e74;color:#fff}
html[data-theme="dark"] :is(.btn,.im-primary):hover {background:#327b70}
html[data-theme="dark"] :is(.btn.secondary,.im-secondary) {background:#262c31;border:1px solid #57716d;color:#c0f5e9}
html[data-theme="dark"] :is(.btn.secondary,.im-secondary):hover {background:#303a3d}
html[data-theme="dark"] :is(input:not([type=checkbox]):not([type=hidden]):not([type=radio]),select,textarea) {
  background:var(--sora-field);color:#f2f7f7;border-color:#536368;caret-color:var(--sora-aqua);
}
html[data-theme="dark"] :is(input,select,textarea):focus-visible {outline-color:var(--sora-aqua)}
html[data-theme="dark"] :is(tr:nth-child(even),.count-panel .item-row:nth-child(even)){background:#1b2226}
html[data-theme="dark"] :is(.count-panel .item-row:focus-within,.item-row:focus-within){background:#263236!important}
html[data-theme="dark"] .count-screen .count-panel .item-row{background:transparent!important}
html[data-theme="dark"] .count-screen .count-panel .item-row:focus-within{background:#263236!important}
html[data-theme="dark"] .count-screen .count-mode-switch {background:#252b30}
html[data-theme="dark"] .count-screen .mode-tab.is-selected{background:#365550;color:#f6fffe}
html[data-theme="dark"] .count-screen .qc-card {background:#1e2429;border-color:#455459}
html[data-theme="dark"] .count-screen #qc-qty{background:#111a1e;border-color:#687e7c}
html[data-theme="dark"] :is(.im-item,.im-bar,.im-summary-photo,.im-thumb,.im-photo-click .im-thumb,.im-assign,.im-upload){background:#1d2429;border-color:#425259}
html[data-theme="dark"] :is(.opnav a,.opstats div,.opentry){background:#1f262b;border-color:#465057}
html[data-theme="dark"] :is(.opnav a:hover){background:#29383a}
html[data-theme="dark"] body nav.sora-bottom-nav {background:#14181c!important;border-top-color:#4d7570!important}
html[data-theme="dark"] body nav.sora-bottom-nav a.sora-bottom-nav__item.is-current {
  background:#29413f!important;color:#e5fff9!important;border-color:#75cabc!important;
}
html[data-theme="dark"] .auth {background:radial-gradient(circle at top,#222e32 0%,#101216 67%)}
/* Counteract green header defaults from older individual page CSS files. */
html[data-theme="dark"] :is(.app-header,.site-header,.im-top,.op-top),
html[data-theme="light"] :is(.app-header,.site-header,.im-top,.op-top) {
  background:#13161a;
}
@media(max-width:900px){
  /* Avoid Safari focus zoom and ensure reachable controls. */
  :is(input,select,textarea):not([type="checkbox"]):not([type="radio"]){font-size:16px!important}
}

/* v2.9 — Nutrition-inspired editorial shell: midnight/slate + cherry pink.
   Pure presentation. Never changes inventory data or counting logic. */
:root{
  --sora-nutrition-pink:#f182b0;
  --sora-nutrition-blue:#8390af;
}
:root[data-theme="dark"]{
  --bg:#11131c;
  --panel:#1d222f;
  --text:#e9edf7;
  --muted:#b2bdd0;
  --line:#353b4c;
  --dark:#151720;
  --teal:#ef83ad;
  --sora-field:#141a26;
  --sora-raised:#262c3b;
  --sora-header:#151720;
}
:root[data-theme="light"]{
  --bg:#fbfbfd;
  --panel:#fff;
  --text:#303b55;
  --muted:#75849c;
  --line:#e5e9f1;
  --teal:#ce598a;
  --sora-raised:#f6f7fb;
  --sora-field:#fff;
}
html[data-theme="dark"] :is(.panel,.stat,.location-card,.im-item,.qc-card){
  background:#1e2330;border-color:#353c4c;
}
html[data-theme="dark"] .side{background:#151920;border-right-color:#333947}
html[data-theme="dark"] .side nav a{color:#c0c6d5}
html[data-theme="dark"] .side nav a.active,
html[data-theme="dark"] .side nav a:hover{background:#302636;color:#ffc0d8}
html[data-theme="dark"] :is(.pill,.status,.chip,.im-pill){background:#353144;color:#ffd1e4}
html[data-theme="dark"] :is(.btn,.im-primary){background:#ac4f7b;border:1px solid #d078a3;color:#fff}
html[data-theme="dark"] :is(.btn,.im-primary):hover{background:#c06091}
html[data-theme="dark"] :is(.btn.secondary,.im-secondary){background:#272d3a;border-color:#566078;color:#f2d9e7}
html[data-theme="dark"] :is(input:not([type=checkbox]):not([type=hidden]):not([type=radio]),select,textarea){background:#151b27;border-color:#4b5266;color:#f8f8fc;caret-color:#ffc0d8}
html[data-theme="dark"] :is(.im-item,.im-bar,.im-summary-photo,.im-thumb,.im-assign,.im-upload){background:#1e2330;border-color:#394256;color:var(--text)}
html[data-theme="dark"] :is(.im-summary-info strong,.im-item label){color:#ecedf6}
html[data-theme="dark"] :is(.im-summary-info small,.im-muted){color:#b6bed1}
html[data-theme="dark"] :is(.progress i,.qc-progress i){background:#f182b0}
html[data-theme="dark"] :is(.progress,.qc-progress){background:#384052}
html[data-theme="dark"] .location-card:hover{background:#292c3b;border-color:#e090b6}
html[data-theme="dark"] .eyebrow{color:#ff99c2}
html[data-theme="light"] .eyebrow{color:#ce598a}
html[data-theme="dark"] .top .logo span,
html[data-theme="light"] .top .logo span{color:#f182b0!important}
html[data-theme="dark"] .top .sora-theme-select,
html[data-theme="light"] .top .sora-theme-select{background:#242734;color:#f4f2fa;border-color:#565063}
html[data-theme="dark"] body nav.sora-bottom-nav a.sora-bottom-nav__item.is-current{background:#473044!important;border-color:#e087ae!important;color:#fff1f7!important}
html[data-theme="dark"] .count-screen .count-panel .item-row{background:transparent!important}
html[data-theme="dark"] .count-screen .count-panel .item-row:focus-within{background:#302c3d!important}
/* Avoid wrapped navigation labels on narrow sidebars. Products & Locations
   is called Products in navigation; the destination retains both tabs. */
.side nav a{white-space:nowrap;display:flex;align-items:center;gap:6px;font-size:14px}
/* Give dashboard cards and maintenance their own distinct sections. */
.sora-dashboard-workspace{display:grid;grid-template-columns:minmax(216px,260px) minmax(0,1fr);align-items:start;gap:20px;margin:20px 0 24px}
.sora-dashboard-main{min-width:0}
.sora-results-heading{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:0 0 13px}
.sora-results-heading h2{margin:3px 0 0}
.sora-results-heading>span{font-size:13px;color:var(--muted);white-space:nowrap}
.sora-filter-kicker{font-size:10px!important;letter-spacing:1.5px;font-weight:800;color:var(--teal)!important;margin:0 0 4px;text-transform:uppercase}
.sora-filter-drawer{background:var(--panel);border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:var(--shadow)}
.sora-filter-drawer>summary{list-style:none;display:flex;justify-content:space-between;gap:12px;align-items:center;cursor:pointer;padding:18px;min-height:62px}
.sora-filter-drawer>summary::-webkit-details-marker{display:none}
.sora-filter-heading strong{display:block;font-size:19px;color:var(--text)}
.sora-filter-chevron{font-size:23px;color:var(--muted);transition:transform .2s ease}
.sora-filter-drawer[open] .sora-filter-chevron{transform:rotate(180deg)}
.sora-filter-body{border-top:1px solid var(--line);padding:16px 18px 18px;display:grid;gap:11px}
.sora-filter-body>label,.sora-filter-body form>label{font-size:12px;display:grid;gap:6px;font-weight:700;color:var(--text)}
.sora-filter-body input,.sora-filter-body select{width:100%;min-height:43px;border:1px solid var(--line);border-radius:9px;padding:9px 11px;font-size:16px;box-sizing:border-box}
.sora-filter-reset{background:transparent;border:1px solid var(--line);border-radius:9px;padding:10px;cursor:pointer;color:var(--teal);font-weight:700}
.sora-location-cards{margin:0!important;gap:13px!important}
.sora-location-cards .location-card{min-width:0;min-height:0!important;padding:17px 19px!important;margin:0!important;transition:border-color .16s,background .16s}
.sora-location-cards .location-card .progress{margin-top:14px}
.sora-location-cards .location-card[hidden],.sora-filter-no-results[hidden]{display:none!important}
.sora-filter-no-results{padding:25px;border:1px dashed var(--line);border-radius:12px;color:var(--muted)}
.sora-session-maintenance{margin-top:26px!important;padding:17px 20px!important;border-radius:13px}
.sora-session-maintenance .sora-maintenance-heading{display:flex;gap:11px;align-items:center}
.sora-session-maintenance .sora-maintenance-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--sora-raised);color:var(--teal);font-size:21px}
.sora-session-maintenance h3{margin:1px 0 0;font-size:15px}
.sora-session-maintenance p:not(.sora-filter-kicker){margin:8px 0 12px;font-size:13px}
.sora-session-maintenance .btn{width:auto;min-height:39px;padding:8px 16px}
/* Product catalog adopts the Nutrition-style left-hand filter rail. */
.im-shell{max-width:1340px}
.im-catalog-layout{display:grid;grid-template-columns:minmax(220px,265px) minmax(0,1fr);gap:22px;align-items:start}
.im-catalog-sidebar{min-width:0}
.im-catalog-results{min-width:0}
.im-catalog-sidebar .sora-filter-drawer{position:sticky;top:20px}
.im-catalog-sidebar .im-filter{display:grid;gap:14px;margin:0}
.im-catalog-sidebar .im-filter label{display:grid;gap:6px;min-width:0;flex:none}
.im-catalog-sidebar .im-filter .im-primary,.im-catalog-sidebar .im-filter .im-secondary{width:100%;min-height:43px;text-align:center;box-sizing:border-box}
.sora-filter-count{display:grid;gap:2px;border-bottom:1px solid var(--line);padding-bottom:13px}
.sora-filter-count b{font-size:15px}
.sora-filter-count span{font-size:12px;color:var(--muted)}
.sora-import-link{font-size:12px;text-decoration:underline;text-underline-offset:3px;color:var(--teal)}
.im-catalog-results .im-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.im-catalog-results .im-item{min-width:0}
.im-catalog-results .im-item:has(.im-details[open]){grid-column:1/-1}
.im-catalog-results .im-bar{position:sticky;bottom:0}
.im-catalog-results .im-item .im-summary-info strong{font-size:14px}
.im-catalog-results .im-item .im-summary{gap:9px}
.im-catalog-results .im-item .im-summary-photo{width:46px;height:46px}
/* v2.9: filter and product layout stay functional on phones without consuming the viewport. */
@media(max-width:1050px){.im-catalog-results .im-grid{grid-template-columns:1fr}.sora-dashboard-workspace{grid-template-columns:210px 1fr}}
@media(max-width:760px){
 .sora-dashboard-workspace,.im-catalog-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
 .sora-filter-drawer>summary{padding:11px 14px;min-height:45px}
 .sora-filter-heading strong{font-size:15px}
 .sora-filter-body{padding:13px}
 .sora-results-heading{margin-bottom:10px}
 .sora-location-cards .location-card{padding:14px!important}
 .sora-session-maintenance{margin-top:20px!important;padding:14px!important}
 .sora-session-maintenance .btn{width:100%}
 .im-catalog-sidebar .sora-filter-drawer{position:static}
 .im-catalog-results .im-grid{grid-template-columns:1fr}
 .im-shell{padding-top:15px}
}
@media(min-width:761px){.sora-filter-drawer>summary{pointer-events:none}.sora-filter-chevron{display:none}}
@media(max-width:360px){.sora-location-cards .location-card{padding:12px!important}}

/* Nutrition-inspired light mode is warm white / indigo ink / blush accents. */
html[data-theme="light"] :is(.im-primary,.btn:not(.secondary)){background:#ba4e81;border-color:#ba4e81;color:#fff}
html[data-theme="light"] :is(.im-primary,.btn:not(.secondary)):hover{background:#a63f70;border-color:#a63f70}
html[data-theme="light"] :is(.im-secondary,.btn.secondary){background:#fff;border-color:#d8bfd0;color:#ad4777}
html[data-theme="light"] .side{background:#fff;border-right-color:#e8e9ef}
html[data-theme="light"] .side nav a{color:#5c677f}
html[data-theme="light"] .side nav a.active,html[data-theme="light"] .side nav a:hover{background:#fff0f6;color:#b34a7d}
html[data-theme="light"] :is(.panel,.stat,.location-card,.im-item,.qc-card){background:#fff;border-color:#e7eaf1}
html[data-theme="light"] .location-card:hover{border-color:#e2a1be;background:#fffafd}
html[data-theme="light"] :is(.pill,.status,.chip,.im-pill){background:#fff0f7;color:#ac4779}
html[data-theme="light"] .progress i{background:#f182b0}
html[data-theme="light"] .im-summary-info strong{color:#303b55}
html[data-theme="light"] :is(.im-summary-info small,.im-muted){color:#75839a}
html[data-theme="light"] .im-edit-indicator{color:#b44d7e}
html[data-theme="light"] :is(.im-item,.im-assign,.im-summary-photo){background:#fff;border-color:#e7eaf1}
html[data-theme="light"] .im-item label{color:#5d6780}
@media(max-width:900px){.im-catalog-results .im-bar{bottom:calc(66px + env(safe-area-inset-bottom))}}

/* Keep both management tabs on one line at every width. */
.im-tabs{flex-wrap:nowrap;min-width:0}
.im-tabs a{min-width:0;white-space:nowrap;flex:1;text-align:center}
@media(max-width:375px){.im-tabs{gap:5px}.im-tabs a{font-size:12px;padding:9px 6px}}
