.lager-page{max-width:1380px;margin:0 auto;padding:28px}.lager-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:24px}.lager-head h1{margin:0}.lager-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.lager-kpi,.lager-card{background:#fff;border:1px solid #d7e2e8;border-radius:16px;padding:20px}.lager-kpi small{color:#71818b}.lager-kpi b{display:block;font-size:1.8rem;margin-top:8px}.lager-layout{display:grid;grid-template-columns:minmax(300px,390px) minmax(0,1fr);gap:20px}.lager-form label{display:block;font-weight:700;margin:12px 0}.lager-form input,.lager-form select,.lager-form textarea{width:100%;margin-top:6px}.lager-form .pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lager-table-wrap{overflow:auto}.lager-table{min-width:820px}.lager-table td small{display:block;color:#74838c}.stock-ok{color:#177c4d;font-weight:800}.stock-low{color:#bf2e2e;font-weight:800}.movement-positive{color:#177c4d}.movement-negative{color:#bf2e2e}.lager-actions{display:flex;gap:8px;flex-wrap:wrap}.lager-notice{padding:14px;border-left:5px solid #1491ae;background:#e9f7fb;margin-bottom:16px}.barcode-field{font-size:1.15rem;border:2px solid #1592ad!important}.xxl-badge{display:inline-block;background:#123949;color:#65d9ee;border-radius:999px;padding:5px 10px;font-weight:800}
.barcode-scanner-modal{position:fixed;inset:0;z-index:9999;background:#071f2bef;display:grid;place-items:center;padding:18px}.barcode-scanner-box{width:min(680px,100%);background:#fff;border-radius:18px;padding:14px}.scanner-title{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:1.25rem;margin-bottom:10px}.scanner-title button{background:#eef2f4;color:#17313f;font-size:1.4rem}.barcode-scanner-box video{width:100%;max-height:70vh;object-fit:cover;border-radius:12px;border:4px solid #4bd18b}
@media(max-width:900px){.lager-page{padding:16px}.lager-grid{grid-template-columns:1fr 1fr}.lager-layout{grid-template-columns:1fr}.lager-head{align-items:flex-start;flex-direction:column}.lager-form .pair{grid-template-columns:1fr}.lager-table{min-width:720px}}