:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#f6f7f2;color:#172016}*{box-sizing:border-box}body{margin:0}.top{position:-webkit-sticky;position:sticky;top:0;z-index:5;background:#16351f;color:#fff;padding:12px 16px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.brand{font-weight:900;order:1}.desktopNav{display:flex;gap:12px;align-items:center;flex-wrap:wrap;order:2}.top a{color:#fff;text-decoration:none;background:#ffffff18;padding:8px 10px;border-radius:9px}.desktopLogout{margin-left:0;order:4}.top button{background:#ffffff18}.userName{margin-left:auto;order:3;white-space:nowrap}.mobileMenu{display:none;width:100%;position:relative}.mobileMenuSummary{list-style:none;background:#ffffff18;color:#fff;padding:10px 12px;border-radius:10px;font-weight:900;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.mobileMenuSummary::-webkit-details-marker{display:none}.mobileMenuSummary:after{content:"▾";font-size:18px;margin-left:8px}.mobileMenu[open] .mobileMenuSummary:after{content:"▴"}.mobileMenuList{display:grid;grid-gap:8px;gap:8px;margin-top:8px;background:#16351f;border:1px solid #ffffff22;border-radius:14px;padding:10px;box-shadow:0 10px 30px #0004}.mobileMenuList a,.mobileMenuList button{width:100%;text-align:left}.mobileLogout{margin:0}.main{max-width:780px;margin:0 auto;padding:16px}h1{margin:0 0 6px}.muted{color:#667063}.card{background:#fff;border:1px solid #e2e6dc;border-radius:16px;padding:16px;margin:0 0 14px}.scanCard{display:grid;grid-gap:10px;gap:10px}.manualProductSelect{background:#f6f7f2;border:1px solid #e2e6dc;border-radius:12px;padding:10px}.manualProductSelect summary{font-weight:900;cursor:pointer;margin-bottom:8px}input,select,textarea{width:100%;border:1px solid #cfd6c8;border-radius:12px;padding:12px;font:inherit}textarea{min-height:90px;resize:vertical}.btn,button{border:0;border-radius:12px;background:#1f5b32;color:#fff;padding:12px 14px;font-weight:800;text-decoration:none;display:inline-block;cursor:pointer}.btn.secondary,button.secondary{background:#e8ece3;color:#172016}button.out{background:#a85a16}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:10px;gap:10px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.big{font-size:22px}.big,.stock{font-weight:900}.stock{font-size:32px}.error{background:#ffecec;color:#8b1c1c;border:1px solid #f5b5b5;border-radius:12px}.error,.ok{padding:10px}.ok{background:#e7f6ec;color:#174d26;border:1px solid #bcdcc2;border-radius:12px}table{width:100%;border-collapse:collapse;background:#fff}td,th{padding:10px;border-bottom:1px solid #edf0e8;text-align:left}.scanVideo{width:100%;aspect-ratio:4/3;background:#000;border-radius:14px}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.login .card{width:min(380px,100%)}@media(max-width:560px){.main,.top{padding:10px}.top{align-items:center;flex-wrap:nowrap;gap:8px}.brand{order:1;flex:0 1 auto;min-width:0;white-space:nowrap;font-size:15px;overflow:hidden;text-overflow:ellipsis}.desktopLogout,.desktopNav{display:none}.userName{order:2;margin-left:0;color:#dbe7d7;font-size:13px;overflow:hidden;text-overflow:ellipsis;max-width:24vw;flex:0 1 auto}.mobileMenu,.userName{display:block}.mobileMenu{order:3;margin-left:auto;width:auto;flex:0 0 auto;position:static}.mobileMenuSummary{padding:9px 11px;white-space:nowrap}.mobileMenuList{position:fixed;left:8px;right:8px;top:58px;z-index:20;min-width:0;width:auto;max-width:none;margin-top:0}.top a{display:block;text-align:left}.row>*{flex:1 1}.scanCard{gap:8px}.manualProductSelect{padding:8px}.manualProductSelect summary{margin-bottom:6px}.scanVideo{aspect-ratio:4/3}}.outletCard{padding:0;overflow:hidden}.outletSummary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;cursor:pointer}.outletSummary::-webkit-details-marker{display:none}.outletSummary:before{content:"▸";font-weight:900;color:#1f5b32;transition:transform .15s ease}.outletCard[open] .outletSummary:before{transform:rotate(90deg)}.outletSummary>span:first-child{display:grid;grid-gap:3px;gap:3px;flex:1 1}.outletName{font-size:22px;font-weight:900;color:#172016}.outletToggle{background:#e8ece3;color:#172016;border-radius:999px;padding:7px 10px;font-weight:800;font-size:14px}.outletCard[open] .outletToggle{font-size:0}.outletCard[open] .outletToggle:after{content:"Einklappen";font-size:14px}.outletContent{padding:0 16px 16px}