:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#1f312a;background:#f5f4ef;font-synthesis:none;font-size:15px;--green:#203b30;--muted:#758078;--line:#e7e9e1;--amber:#c98e36;--white:#fff;--surface:#f7f8f3}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit}h1,h2,h3,p{margin:0}h1{font-size:clamp(1.65rem,3vw,2.4rem);letter-spacing:-.055em;line-height:1.2}h2{font-size:1.18rem;letter-spacing:-.025em}h3{font-size:1rem}small{font-size:.76rem}.muted{color:var(--muted)}.icon{font-size:1.2rem}.strong{font-weight:750}.text-right{text-align:right}.initial-loader{padding:40vh 20px;text-align:center;color:var(--muted)}.shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}.sidebar{background:#fff;border-right:1px solid var(--line);padding:29px 18px;display:flex;flex-direction:column;gap:40px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;padding:0 10px;color:var(--green)}.brand-badge{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--green);color:#fff;font-size:1.5rem}.brand h2{font-size:1.18rem;letter-spacing:-.05em}.brand small{color:#9aa39c;letter-spacing:.08em;text-transform:uppercase;font-size:.58rem}.menu{display:grid;gap:5px}.navbtn{border:0;background:transparent;padding:13px 12px;border-radius:11px;text-align:left;font-weight:630;color:#69746b;display:flex;gap:13px;align-items:center;width:100%}.navbtn:hover{background:#f3f5ef}.navbtn.active{background:#edf2e9;color:var(--green)}.sidebar-footer{margin-top:auto;display:grid;gap:10px;padding:12px;border-top:1px solid var(--line)}.sidebar-footer small{overflow-wrap:anywhere}.main{width:100%;min-width:0;max-width:1360px;margin:auto;padding:35px clamp(16px,3vw,55px) 60px}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:32px}.eyebrow{font-size:.76rem;color:var(--amber);font-weight:800;letter-spacing:.11em;text-transform:uppercase;margin-bottom:9px}.subtitle{color:var(--muted);font-size:.92rem;margin-top:11px;line-height:1.45}.actionline{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 17px;border:1px solid #dadfd5;background:#fff;border-radius:10px;font-weight:730;color:#244034;white-space:nowrap;transition:transform .12s,border-color .12s}.btn:hover:not(:disabled){border-color:#7c9381;transform:translateY(-1px)}.btn.primary{background:var(--green);color:#fff;border-color:var(--green)}.btn.amber{background:#f0b74e;color:#3e341c;border-color:#f0b74e}.btn.soft{background:#edf2e9;border-color:#edf2e9}.btn.danger{color:#9a3434;border-color:#f3d6d6}.btn.iconbtn{min-width:41px;min-height:41px;padding:0;border-radius:11px;font-size:1.16rem}.btn.tiny{padding:6px 11px;min-height:33px;font-size:.82rem}.btn.wide{width:100%}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:30px}.kpi{background:var(--white);border:1px solid var(--line);border-radius:17px;padding:21px;min-width:0}.kpi-label{font-size:.82rem;color:var(--muted);font-weight:650;display:flex;justify-content:space-between;align-items:center;gap:5px}.kpi strong{display:block;font-weight:800;letter-spacing:-.06em;font-size:2.3rem;margin-top:8px;line-height:1.05}.kpi .tiny-note{color:#859084;font-size:.76rem;margin-top:9px}.section-top{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:0 0 16px}.section-title{display:flex;align-items:center;gap:12px}.section-title small{display:block;font-weight:450;color:var(--muted);margin-top:4px}.pill{border-radius:99px;background:#ecf0e8;color:#547461;padding:5px 10px;font-size:.74rem;font-weight:750}.pill.cold{background:#e3f0f0;color:#3c7a7a}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:13px}.zone-card{padding:19px;border:1px solid var(--line);border-radius:17px;background:#fff;min-width:0;display:grid;gap:15px}.zone-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.zone-icon{width:43px;height:43px;border-radius:12px;background:#ecf3f0;display:grid;place-items:center;font-size:1.5rem}.zone-icon.warm{background:#f8eed9}.big-number{font-weight:800;font-size:2rem;letter-spacing:-.06em}.mini-track{height:6px;background:#f0f1ed;border-radius:5px;overflow:hidden}.mini-track>span{display:block;height:100%;background:#6b9e84;border-radius:5px}.zone-bottom{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:.79rem}.product-list{display:grid;gap:9px}.product-row{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--line);background:#fff;border-radius:14px;min-width:0}.thumb{width:58px;height:67px;flex:none;border-radius:10px;object-fit:cover;background:#ede9db}.thumb.placeholder{display:grid;place-items:center;font-size:1.7rem;color:#bd9859;background:linear-gradient(145deg,#f8f1df,#e5efe4)}.product-info{min-width:0;flex:1}.product-info h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-info .meta{color:#859087;margin-top:5px;font-size:.78rem;line-height:1.4}.quantity{display:grid;gap:1px;text-align:center;min-width:47px}.quantity strong{font-size:1.4rem;letter-spacing:-.04em}.quantity span{font-size:.69rem;color:#9aa39b}.row-actions{display:flex;align-items:center;gap:6px}.separator{border:0;border-top:1px solid var(--line);margin:21px 0}.input,.select,.textarea{border:1px solid #d9dfd5;background:#fff;color:#233a2e;border-radius:10px;min-height:45px;padding:11px 13px;width:100%;outline:0}.input:focus,.select:focus,.textarea:focus{border-color:#639176;box-shadow:0 0 0 3px #dfeae1}.textarea{min-height:90px;resize:vertical}.search{max-width:320px;background:#fff}.field{display:grid;gap:7px}.field label{font-size:.82rem;font-weight:750;color:#596b5e}.field .hint{color:var(--muted);font-size:.74rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .full{grid-column:1/-1}.empty{border:1px dashed #d2dcd1;border-radius:15px;text-align:center;padding:50px 20px;color:#738073;background:#fff}.empty strong{display:block;color:var(--green);font-size:1.12rem;margin:9px 0}.zone-selector{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}.zone-tab{border:1px solid #dfe6dc;border-radius:99px;background:#fff;color:#5f7164;padding:10px 15px;font-size:.85rem;font-weight:730}.zone-tab.active{background:var(--green);border-color:var(--green);color:#fff}.zone-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.zone-title p{color:var(--muted);margin-top:6px}.count{font-size:.85rem;color:#6d806e}.badge-time{font-size:.76rem;color:#618078;background:#eef5ef;padding:6px 9px;border-radius:7px;display:inline-block;margin-top:6px}.split{display:grid;grid-template-columns:1fr 1fr;gap:14px}.panel{background:white;border:1px solid var(--line);border-radius:15px;padding:20px}.history{display:grid;gap:0;background:#fff;border:1px solid var(--line);border-radius:15px;padding:2px 18px}.history-item{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.history-item:last-child{border-bottom:0}.history-icon{width:36px;height:36px;flex:none;border-radius:10px;display:grid;place-items:center;background:#edf4ee;color:#487a5c}.history-icon.remove{background:#fff0ec;color:#af6450}.history-icon.move{background:#f5f0df;color:#8e7135}.history-data{flex:1;min-width:0}.history-data small{color:var(--muted);display:block;margin-top:4px}.history-qty{font-weight:750}.modal-root{position:fixed;inset:0;background:rgba(20,39,29,.55);display:flex;justify-content:center;align-items:center;padding:20px;z-index:50;backdrop-filter:blur(3px)}.modal{background:#fff;width:min(100%,545px);max-height:min(92dvh,900px);display:flex;flex-direction:column;border-radius:18px;box-shadow:0 30px 90px #18372930;overflow:hidden}.modal-header{padding:21px 24px 16px;display:flex;align-items:flex-start;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line)}.modal-header h2{font-size:1.28rem}.modal-body{padding:21px 24px 24px;overflow:auto;display:grid;gap:16px}.modal-footer{display:flex;gap:9px;justify-content:flex-end;margin-top:5px}.form-note{font-size:.83rem;color:#718075;background:#f4f6f1;border-radius:9px;padding:11px}.camera-box{background:#15261d;min-height:230px;display:grid;place-items:center;overflow:hidden;border-radius:12px;position:relative;color:#fff}.camera-box video{width:100%;max-height:290px;object-fit:cover}.camera-box #reader{width:100%}.camera-box #reader video{width:100%;max-height:300px}.camera-box #reader img{max-width:100%}.camera-tip{font-size:.82rem;color:#738176;line-height:1.45}.login-page{min-height:100dvh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 90% 20%,#e2eacd 0,transparent 35%),#f5f4ef}.login-card{width:min(100%,420px);padding:34px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 22px 75px #2a49300a;display:grid;gap:20px}.login-card .brand{padding:0}.login-card h1{font-size:1.8rem}.login-card form{display:grid;gap:15px}.login-card .btn{margin-top:8px}.notice{color:#6f7b70;font-size:.84rem;line-height:1.5}#toast{position:fixed;bottom:22px;right:22px;background:#1f3d2b;color:#fff;padding:13px 18px;max-width:min(90vw,430px);border-radius:11px;box-shadow:0 14px 35px #1d32132c;z-index:100;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:none}#toast.error{background:#923e38}.mobile-nav{display:none}.users{display:grid;gap:9px}.user-row{border:1px solid var(--line);padding:14px;border-radius:11px;display:flex;gap:10px;justify-content:space-between;align-items:center}.user-row small{color:var(--muted)}.file-preview{width:110px;height:110px;object-fit:cover;border-radius:9px;border:1px solid var(--line)}.tiny-table{font-size:.82rem;border-collapse:collapse;width:100%}.tiny-table td{border-bottom:1px solid var(--line);padding:9px 4px}.tiny-table td:last-child{text-align:right}.hidden{display:none!important}@media(max-width:1100px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.shell{grid-template-columns:195px minmax(0,1fr)}.sidebar{padding-left:13px;padding-right:13px}}@media(max-width:760px){.shell{display:block}.sidebar{display:none}.main{padding:22px 15px 106px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:calc(69px + env(safe-area-inset-bottom));padding:4px 5px calc(3px + env(safe-area-inset-bottom));border-top:1px solid #e1e6dc;background:#fff;z-index:30;justify-content:space-around}.mobile-nav .navbtn{font-size:.66rem;line-height:1.1;display:flex;flex-direction:column;gap:4px;text-align:center;padding:5px 2px;min-width:0;flex:1}.mobile-nav .navbtn .icon{font-size:1.25rem}.mobile-nav .navbtn.active{background:#eef3ea}.topbar{flex-direction:column;margin-bottom:23px}.actionline{width:100%;justify-content:flex-start}.actionline .btn{flex:1}.kpis{gap:9px;margin-bottom:25px}.kpi{padding:16px}.kpi strong{font-size:1.86rem}.kpi-label{font-size:.73rem}.kpi .tiny-note{font-size:.67rem}.section-top{align-items:flex-start;flex-direction:column}.section-top .search{max-width:none;width:100%}.product-row{gap:9px;padding:10px}.thumb{width:43px;height:57px}.product-info h3{font-size:.9rem}.product-info .meta{font-size:.72rem}.quantity{min-width:27px}.quantity strong{font-size:1.15rem}.row-actions{gap:4px}.btn.iconbtn{min-width:36px;min-height:38px}.btn.tiny{padding:5px 8px}.form-grid{gap:11px}.modal-root{padding:10px;align-items:flex-end}.modal{border-radius:16px 16px 8px 8px;max-height:94dvh}.modal-header,.modal-body{padding-left:17px;padding-right:17px}.split{grid-template-columns:1fr}#toast{right:12px;left:12px;bottom:80px;max-width:none}}
/* Bierlager v1.1 – spacious dashboard, mobile-first navigation, light/dark themes.
   Only CSS variables and native CSS; no frontend/UI dependencies. */
:root,
html[data-theme="dark"]{
  color-scheme:dark;
  --bg:#101417;--sidebar:#151a1d;--card:#1c2326;--card-raised:#242c2f;
  --field:#161d20;--line:#303a3d;--text:#eff4f1;--muted:#9baaA6;
  --accent:#c9eaa8;--accent-ink:#203222;--hover:#263034;--soft:#29372e;
  --shadow:0 18px 50px #050e1233;--placeholder:#27352f;--error:#ff9999;
}
html[data-theme="light"]{
  color-scheme:light;
  --bg:#f7f8f5;--sidebar:#fff;--card:#fff;--card-raised:#f0f4ee;
  --field:#fff;--line:#e3e9e2;--text:#1e332b;--muted:#718078;
  --accent:#294c37;--accent-ink:#fff;--hover:#eef3ed;--soft:#e7eee5;
  --shadow:0 18px 50px #192a2210;--placeholder:#e8efe6;--error:#a34242;
}
html,body{background:var(--bg);color:var(--text)}
html{scroll-behavior:smooth}
button,input,select,textarea{font-family:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent)!important;outline-offset:3px}
.muted,.subtitle,.notice,.camera-tip,.count,.zone-title p{color:var(--muted)}
.shell{grid-template-columns:235px minmax(0,1fr)}
.sidebar{background:var(--sidebar);border-color:var(--line);padding:38px 18px 22px;gap:58px}
.brand{gap:12px;padding:0 13px;color:var(--text)}
.brand-badge{width:42px;height:42px;border-radius:13px;background:var(--accent);color:var(--accent-ink);font-size:1.5rem;line-height:1;font-weight:800}
.brand h2{color:var(--text);font-size:1.23rem;letter-spacing:-.055em}
.brand-dot{color:var(--accent)}
.brand small{color:var(--muted);font-size:.51rem;letter-spacing:.095em;font-weight:700}
.menu{gap:8px}
.navbtn{padding:13px 14px;border-radius:11px;background:transparent;color:var(--muted);gap:14px;font-size:.89rem;font-weight:640;transition:background .15s,color .15s}
.navbtn .icon{width:22px;text-align:center;font-size:1.25rem;line-height:1}
.navbtn:hover{background:var(--hover);color:var(--text)}
.navbtn.active{color:var(--accent);background:var(--soft)}
.sidebar-footer{padding:18px 10px 2px;display:flex;align-items:center;gap:10px;border-color:var(--line)}
.account-avatar{width:36px;height:36px;border-radius:50%;background:var(--soft);display:grid;place-items:center;color:var(--accent);font-weight:800;flex:none}
.account-detail{display:grid;gap:2px;flex:1;min-width:0}.account-detail strong{font-size:.83rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-detail small{font-size:.71rem;color:var(--muted)}
.footer-logout{border:0;color:var(--muted);background:transparent;padding:8px;font-size:1.4rem;cursor:pointer}
.footer-logout:hover{color:var(--text)}
.main{max-width:1250px;margin:auto;padding:54px clamp(25px,4.1vw,70px) 48px}
.topbar{align-items:center;margin-bottom:45px;gap:22px}
h1{font-size:clamp(2.0rem,3.6vw,3.3rem);letter-spacing:-.065em;line-height:1.07;font-weight:760;color:var(--text)}
h2,h3{color:var(--text)}
h2{font-size:1.3rem;letter-spacing:-.04em;font-weight:730}
.eyebrow{font-size:.67rem;letter-spacing:.15em;font-weight:800;color:var(--accent);margin-bottom:13px}
.subtitle{margin-top:13px;font-size:.93rem;font-weight:400}
.actionline{gap:10px;align-items:center;flex-shrink:0}
.btn{min-height:43px;border:1px solid var(--line);border-radius:11px;background:var(--card);color:var(--text);font-weight:680;box-shadow:none;transition:background .15s,transform .15s,border-color .15s}
.btn:hover:not(:disabled){border-color:var(--muted);background:var(--hover);transform:none}
.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.btn.primary:hover:not(:disabled){background:var(--accent);filter:brightness(.93)}
.btn.soft{background:var(--soft);border-color:var(--soft);color:var(--accent)}
.btn.amber{background:#d4a763;border-color:#d4a763;color:#252b20}
.btn.danger{color:var(--error);border-color:var(--line)}
.btn.iconbtn{min-height:42px;min-width:42px;font-size:1.2rem}
.theme-toggle{font-size:1.48rem!important}
.refresh-btn{font-size:1.4rem!important}
.scan-btn{padding:12px 20px}
.app-footer{text-align:center;color:var(--muted);font-size:.62rem;letter-spacing:.18em;font-weight:750;margin-top:85px;opacity:.52}
.app-footer span{padding:0 9px}
/* New spacious overview */
.overview-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:18px;margin-bottom:51px;align-items:stretch}
.hero-main{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:clamp(28px,3.3vw,44px);min-width:0}
.hero-eyebrow,.section-overline,.quick-label{font-size:.69rem;letter-spacing:.12em;font-weight:800;color:var(--muted)}
.status-dot{display:inline-block;width:8px;height:8px;background:var(--accent);border-radius:50%;margin-right:8px;box-shadow:0 0 0 5px var(--soft)}
.hero-big{font-size:clamp(5.1rem,8vw,8.9rem);letter-spacing:-.095em;font-weight:730;line-height:1;margin:34px 0 2px;font-variant-numeric:tabular-nums;color:var(--text)}
.hero-description{font-size:1rem;color:var(--muted);font-weight:570}
.hero-line{height:1px;background:var(--line);margin:37px 0 26px}
.hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.hero-metrics>div{display:flex;gap:11px;align-items:center;min-width:0}
.hero-metric-icon{width:37px;height:37px;border:1px solid var(--line);border-radius:11px;background:var(--card-raised);color:var(--accent);font-size:1.2rem;display:grid;place-items:center;flex:none}
.hero-metrics>div>div{display:grid;gap:3px}
.hero-metrics strong{font-size:1.2rem;line-height:1.1;font-weight:750}
.hero-metrics div div span{font-size:.76rem;color:var(--muted)}
.quick-panel{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:clamp(25px,2.8vw,36px);display:flex;flex-direction:column;justify-content:space-between;gap:27px;min-width:0}
.quick-label{color:var(--accent);margin-bottom:18px}
.quick-panel h2{font-size:1.38rem}
.quick-panel p:not(.quick-label){font-size:.86rem;color:var(--muted);line-height:1.5;margin-top:8px}
.quick-actions{display:grid;gap:9px}
.quick-action{display:flex;align-items:center;gap:12px;min-height:70px;border-radius:12px;border:1px solid var(--line);background:transparent;color:var(--text);padding:13px;text-align:left;transition:background .15s,border-color .15s}
.quick-action:hover{background:var(--hover);border-color:var(--muted)}
.quick-icon{background:var(--soft);color:var(--accent);width:40px;height:40px;display:grid;place-items:center;border-radius:10px;font-size:1.3rem;flex:none}
.quick-action>span:nth-child(2){flex:1;font-weight:680;font-size:.87rem;min-width:0}
.quick-action small{display:block;color:var(--muted);font-size:.71rem;font-weight:450;line-height:1.3;margin-top:5px}
.quick-arrow{color:var(--muted);font-size:1.18rem}
.overview-zones{margin-bottom:24px}
.section-top{margin-bottom:22px;align-items:center}
.section-overline{color:var(--accent);margin-bottom:10px}
.section-title small{color:var(--muted);margin-top:8px;font-size:.82rem}
.text-link{border:none;background:transparent;color:var(--accent);font-weight:720;font-size:.84rem;padding:12px;white-space:nowrap;cursor:pointer}
.text-link:hover{text-decoration:underline}
.text-link span{margin-left:5px}
.cards.overview-zone-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.zone-card{width:100%;display:flex;align-items:center;gap:15px;text-align:left;padding:21px;background:var(--card);border:1px solid var(--line);border-radius:15px;color:var(--text);font:inherit;min-height:106px;transition:border-color .15s,background .15s;cursor:pointer}
.zone-card:hover{background:var(--hover);border-color:var(--muted)}
.zone-icon{width:47px;height:47px;border-radius:12px;background:var(--soft);color:var(--accent);font-size:1.5rem;flex:none}
.zone-icon.warm{background:var(--card-raised);color:var(--muted)}
.zone-card-data{min-width:0;display:grid;gap:6px;flex:1}
.zone-card-data strong{font-size:.96rem;font-weight:710;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zone-card-data small{font-size:.75rem;color:var(--muted)}
.zone-card-total{display:grid;gap:3px;text-align:right;flex:none}
.zone-card-total strong{font-weight:760;font-size:1.6rem;letter-spacing:-.06em;font-variant-numeric:tabular-nums}
.zone-card-total small{font-size:.7rem;color:var(--muted)}
.zone-card-arrow{color:var(--muted);font-size:1.13rem;margin-left:2px}
.overview-bottom{border:1px solid var(--line);border-radius:13px;padding:18px 21px;display:flex;align-items:center;gap:14px;color:var(--text);margin-top:20px}
.overview-bottom-icon{background:var(--soft);color:var(--accent);width:40px;height:40px;border-radius:10px;display:grid;place-items:center;font-size:1.25rem;flex:none}
.overview-bottom>span:nth-child(2){display:grid;gap:5px;flex:1}
.overview-bottom strong{font-size:.86rem}
.overview-bottom small{font-size:.76rem;color:var(--muted)}
/* Rest of application, uses same palette */
.inventory-heading{display:flex;justify-content:space-between;align-items:end;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:17px;padding:30px;margin-bottom:34px}
.inventory-heading h2{font-size:clamp(1.35rem,2.2vw,1.9rem)}
.inventory-heading h2 .muted{font-weight:400;font-size:1rem}
.inventory-filters{margin-bottom:16px}
.input,.select,.textarea{background:var(--field);color:var(--text);border:1px solid var(--line);border-radius:10px;outline:0}
.input::placeholder,.textarea::placeholder{color:var(--muted);opacity:.8}
.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--soft)}
.product-list{gap:10px}
.product-row{background:var(--card);border:1px solid var(--line);border-radius:13px;padding:14px 17px;gap:16px}
.product-info h3{font-size:.93rem;font-weight:700}
.product-info .meta{color:var(--muted);font-size:.76rem}
.quantity strong{color:var(--text);font-size:1.45rem}
.quantity span{color:var(--muted)}
.thumb{width:53px;height:58px;border-radius:10px}
.thumb.placeholder{background:var(--placeholder);color:var(--accent)}
.pill{background:var(--soft);color:var(--accent)}
.pill.cold{background:var(--soft);color:var(--accent)}
.zone-selector{gap:9px;margin-bottom:27px}
.zone-tab{border:1px solid var(--line);color:var(--muted);background:var(--card);border-radius:9px}
.zone-tab.active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.zone-title{margin-bottom:32px}
.zone-title p{font-size:.85rem;line-height:1.55}
.badge-time{color:var(--accent);background:var(--soft)}
.panel,.history,.empty,.login-card{background:var(--card);border:1px solid var(--line);color:var(--text)}
.panel{border-radius:16px;padding:24px}
.history-item{border-bottom:1px solid var(--line)}
.history-icon{color:var(--accent);background:var(--soft)}
.history-icon.remove{background:var(--card-raised);color:var(--error)}
.history-icon.move{background:var(--card-raised);color:var(--accent)}
.history-item small,.user-row small{color:var(--muted)}
.empty{color:var(--muted)}.empty strong{color:var(--text)}
.modal-root{background:#030809bd}
.modal{background:var(--card);color:var(--text);box-shadow:var(--shadow);border:1px solid var(--line);border-radius:20px}
.modal-header{border-color:var(--line)}
.modal-header h2{color:var(--text)}
.field label{color:var(--text)}.field .hint{color:var(--muted)}
.form-note{background:var(--card-raised);color:var(--muted)}
.notice{color:var(--muted)}.camera-tip{color:var(--muted)}
.login-page{background:var(--bg)}
.login-card{box-shadow:var(--shadow);gap:23px}
.login-card .brand{padding:0}
.user-row{border-color:var(--line)}
.file-preview{border-color:var(--line)}
.tiny-table td{border-color:var(--line)}
.separator{border-color:var(--line)}
#toast{background:var(--accent);color:var(--accent-ink)}#toast.error{background:#a94343;color:white}
.mobile-nav,.mobile-more{display:none}
@media(max-width:1180px){.overview-hero{grid-template-columns:minmax(0,1fr) minmax(285px,.85fr)}.shell{grid-template-columns:210px minmax(0,1fr)}.main{padding-left:35px;padding-right:35px}.hero-metrics{gap:8px}.hero-metrics>div{gap:7px}}
@media(max-width:1000px){.overview-hero{grid-template-columns:1fr}.hero-main{padding:35px}.hero-big{font-size:6.6rem}.quick-panel{display:block}.quick-panel>div:first-child{margin-bottom:21px}.quick-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-action{display:grid;gap:10px;min-height:120px}.quick-action small{display:none}.quick-arrow{display:none}.topbar{align-items:flex-start}.actionline{flex-wrap:nowrap}.scan-btn{font-size:.81rem;padding:12px 13px}}
@media(max-width:760px){
 .shell{display:block}.sidebar{display:none}
 .main{padding:30px 18px calc(105px + env(safe-area-inset-bottom))}
 .topbar{margin-bottom:30px;gap:15px;flex-direction:column;align-items:stretch}
 h1{font-size:2.35rem}
 .eyebrow{font-size:.62rem;margin-bottom:9px}
 .subtitle{margin-top:9px;font-size:.85rem}
 .actionline{width:100%;justify-content:flex-end;gap:9px}
 .actionline .btn{flex:0 0 auto}
 .actionline .scan-btn{margin-left:auto;flex:0 1 auto;min-width:0}
 .hero-main{padding:29px 25px}
 .hero-big{font-size:clamp(5.4rem,20vw,7.2rem);margin:31px 0 3px}
 .hero-line{margin:27px 0 24px}
 .hero-metrics{gap:8px}.hero-metric-icon{width:33px;height:33px}.hero-metrics>div{gap:7px}.hero-metrics strong{font-size:1.1rem}.hero-metrics div div span{font-size:.68rem}
 .overview-hero{gap:13px;margin-bottom:42px}
 .quick-panel{padding:25px}
 .quick-actions{grid-template-columns:1fr}
 .quick-action{display:flex;min-height:60px;padding:10px 12px}
 .quick-action small{display:block}.quick-arrow{display:block}
 .cards.overview-zone-cards{grid-template-columns:1fr}
 .zone-card{min-height:91px;padding:17px;gap:12px}
 .zone-card-total strong{font-size:1.5rem}
 .section-top{align-items:flex-start;gap:7px}
 .section-title h2{font-size:1.25rem}
 .overview-bottom{padding:15px;gap:10px;flex-wrap:wrap}
 .overview-bottom .text-link{width:100%;text-align:left;padding-left:0}
 .inventory-heading{align-items:flex-start;flex-direction:column;padding:23px}
 .inventory-filters{gap:15px}
 .inventory-filters .search{width:100%;max-width:none}
 .product-row{padding:11px;gap:10px;flex-wrap:nowrap}
 .product-info h3{font-size:.86rem}
 .product-info .meta{font-size:.7rem}
 .thumb{width:41px;height:51px}
 .row-actions{gap:4px}
 .quantity{min-width:32px}.quantity strong{font-size:1.17rem}
 .btn.iconbtn{min-width:35px;min-height:38px}
 .mobile-nav{display:flex;height:calc(74px + env(safe-area-inset-bottom));background:var(--sidebar);border-top:1px solid var(--line);padding:5px 8px calc(3px + env(safe-area-inset-bottom));z-index:40;position:fixed;bottom:0;left:0;right:0;justify-content:space-around;box-shadow:0 -8px 30px #00000014}
 .mobile-nav .navbtn{flex-direction:column;gap:6px;min-width:0;flex:1;padding:7px 3px;border-radius:10px;font-size:.65rem;line-height:1.05;align-items:center;justify-content:center}
 .mobile-nav .navbtn .icon{font-size:1.38rem}
 .mobile-nav .navbtn.active{background:var(--soft);color:var(--accent)}
 .mobile-more{position:fixed;bottom:calc(81px + env(safe-area-inset-bottom));right:12px;width:min(270px,calc(100vw - 24px));display:grid;padding:10px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);z-index:41}
 .mobile-more button{border:0;background:none;color:var(--text);padding:15px;text-align:left;border-radius:9px;font-weight:650}
 .mobile-more button:hover{background:var(--hover)}
 .app-footer{display:none}
 .modal-root{padding:10px;align-items:flex-end}.modal{border-radius:18px 18px 9px 9px}
 #toast{bottom:92px}
}
@media(max-width:390px){.main{padding-left:13px;padding-right:13px}.hero-main{padding:24px 20px}.hero-metrics>div{flex-wrap:wrap;gap:4px}.zone-card{padding:13px}.zone-icon{width:39px;height:39px}.zone-card-arrow{display:none}.hero-big{font-size:5.4rem}.product-row{gap:6px;padding:9px}.thumb{width:37px;height:45px}.product-row .btn.iconbtn{min-width:30px;padding:0}.product-info .meta{font-size:.65rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}