:root{--blue:#004b7c;--blue2:#0072ad;--navy:#06233b;--red:#ed1c24;--green:#15835d;--orange:#d97916;--bg:#f2f6f9;--card:#fff;--line:#d9e3ea;--text:#132b3e;--muted:#607488;--shadow:0 10px 32px #16364c14}*{box-sizing:border-box}body{margin:0;font:15px/1.45 Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:var(--bg)}button,input,select,textarea{font:inherit}.hide{display:none!important}button{cursor:pointer}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:8px 22px;position:sticky;top:0;z-index:30}.brandButton{border:0;background:transparent;display:flex;align-items:center;gap:13px;text-align:left;color:var(--navy)}.brandButton img{width:150px;height:48px;object-fit:contain}.brandButton span{display:flex;flex-direction:column;border-left:1px solid var(--line);padding-left:13px}.brandButton b{font-size:17px}.brandButton small{color:var(--muted)}.topActions{display:flex;align-items:center;gap:10px}.cartButton,.userPill{border:1px solid var(--line);background:#fff;border-radius:12px;padding:9px 13px;font-weight:700}.cartButton span{background:var(--red);color:#fff;border-radius:99px;padding:2px 7px}.userPill{display:flex;align-items:center;gap:8px}.userPill>span:first-child{background:var(--blue);color:#fff;width:30px;height:30px;border-radius:50%;display:grid;place-items:center}.userMenu{position:fixed;right:18px;top:66px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;padding:8px;z-index:40;min-width:190px}.userMenu button{display:block;width:100%;border:0;background:#fff;padding:10px;text-align:left;border-radius:8px}.userMenu button:hover{background:var(--bg)}
.creatorBadge{display:flex;flex-direction:column;align-items:center;line-height:1.15;color:var(--navy);padding:6px 18px;border-left:3px solid var(--red);border-right:3px solid var(--blue);background:#f5f8fa;border-radius:8px}.creatorBadge small{font-size:9px;letter-spacing:.16em;color:var(--muted);font-weight:900}.creatorBadge b{font-size:15px}.loginCreator{margin:16px 0;padding:12px 14px;background:#f2f7fa;border-left:5px solid var(--red);border-radius:8px;display:flex;flex-direction:column}.loginCreator small{color:var(--muted);text-transform:uppercase;font-size:9px;letter-spacing:.12em;font-weight:800}.loginCreator strong{color:var(--navy);font-size:17px}.sidebar footer span{display:block;color:#7fa1b8;font-size:9px;letter-spacing:.15em;font-weight:900}.sidebar footer b{display:block;color:#fff;font-size:15px;margin:2px 0}
.loginPage{min-height:100vh;background:linear-gradient(125deg,#062b49,#005d91 58%,#008cc2);display:grid;grid-template-columns:1.2fr .8fr;align-items:center;padding:6vw;gap:5vw;position:relative;overflow:hidden}.loginPage:before,.loginPage:after{content:"";position:absolute;border-radius:50%;background:#ffffff0d}.loginPage:before{width:550px;height:550px;left:-180px;bottom:-250px}.loginPage:after{width:400px;height:400px;right:-180px;top:-160px}.loginBrand{color:#fff;max-width:650px;z-index:1}.loginBrand img{width:min(540px,85%);height:160px;object-fit:contain;background:#fff;border-radius:22px;padding:22px;box-shadow:0 25px 70px #001b2b66}.loginBrand h1{font-size:clamp(38px,6vw,72px);line-height:1;margin:25px 0 10px}.loginBrand p{font-size:20px;max-width:560px;color:#ddecf5}.beta{display:inline-block;margin-top:22px;background:var(--red);padding:7px 13px;border-radius:99px;font-size:12px;font-weight:900;letter-spacing:.12em}.loginCard{z-index:1;background:#fff;border-radius:22px;padding:34px;box-shadow:0 25px 70px #001b2b66;max-width:440px;width:100%;justify-self:end}.loginIcon{font-size:36px}.loginCard h2{font-size:30px;margin:10px 0 0}.loginCard p{color:var(--muted);margin-top:4px}label{display:grid;gap:6px;font-weight:700;margin:14px 0}input,select,textarea{width:100%;border:1px solid #c9d7e0;border-radius:10px;padding:11px 12px;background:#fff;color:var(--text)}textarea{min-height:100px;resize:vertical}input:focus,select:focus,textarea:focus{outline:3px solid #1c9bd433;border-color:var(--blue2)}button.primary{border:0;background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;border-radius:10px;padding:12px 17px;font-weight:800}button.secondary{border:1px solid var(--line);background:#fff;color:var(--blue);border-radius:10px;padding:10px 14px;font-weight:800}button.danger{border:0;background:#fff0f1;color:#b31018;border-radius:10px;padding:10px 14px;font-weight:800}.wide{width:100%}.error{background:#fff0f1;color:#a4121b;padding:10px;border-radius:9px;margin-top:12px}
.app{display:grid;grid-template-columns:240px 1fr;min-height:calc(100vh - 72px)}.sidebar{background:var(--navy);color:#fff;display:flex;flex-direction:column;min-height:calc(100vh - 72px);position:sticky;top:72px;height:calc(100vh - 72px)}.sidebar nav{padding:18px 12px;overflow:auto}.sidebar nav button{width:100%;border:0;background:transparent;color:#c7d9e6;border-radius:9px;padding:11px 12px;text-align:left;margin:2px 0;font-weight:700}.sidebar nav button span{display:inline-block;width:26px}.sidebar nav button:hover,.sidebar nav button.active{background:#ffffff16;color:#fff}.sidebar nav button.active{box-shadow:inset 3px 0 var(--red)}.sidebar nav small{display:block;color:#7795aa;font-size:10px;letter-spacing:.14em;font-weight:900;margin:22px 12px 6px}.sidebar footer{margin-top:auto;padding:18px;color:#8ca7ba;font-size:12px;border-top:1px solid #ffffff12}.workspace{min-width:0}.mobileNav{display:none}.workspace>#content{max-width:1440px;margin:auto;padding:28px}.pageHead{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.pageHead h1{font-size:30px;margin:0}.pageHead p{color:var(--muted);margin:4px 0 0}.row{display:flex;gap:10px;align-items:center}.wrap{flex-wrap:wrap}.grid{display:grid;gap:16px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;box-shadow:var(--shadow)}.kpi{background:#fff;border:1px solid var(--line);border-radius:15px;padding:19px;box-shadow:var(--shadow)}.kpi small{display:block;color:var(--muted);font-weight:800;text-transform:uppercase;font-size:11px;letter-spacing:.06em}.kpi strong{display:block;font-size:34px;margin-top:5px}.kpi span{color:var(--muted)}.notice{border-left:5px solid var(--blue2);background:#eaf7fc;padding:15px 17px;border-radius:10px;margin-bottom:18px}.notice.warn{border-color:var(--orange);background:#fff6e9}.notice.success{border-color:var(--green);background:#ecf8f3}.searchBar{display:flex;gap:10px;margin-bottom:18px}.searchBar input{margin:0}.categoryTabs{display:flex;gap:8px;overflow:auto;margin-bottom:18px;padding-bottom:3px}.categoryTabs button{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:99px;padding:8px 13px;font-weight:700}.categoryTabs button.active{background:var(--blue);color:#fff;border-color:var(--blue)}.productGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.productCard{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow)}.productImage{height:145px;background:linear-gradient(135deg,#edf4f8,#dbe9f0);display:grid;place-items:center;font-size:48px;position:relative}.productImage img{width:100%;height:100%;object-fit:cover}.stockBadge{position:absolute;top:10px;right:10px;background:#fff;border-radius:99px;padding:5px 9px;font-size:11px;font-weight:900;box-shadow:0 4px 13px #0002}.stockBadge.low{color:#aa5a00;background:#fff3df}.productBody{padding:15px;display:flex;flex:1;flex-direction:column}.productBody small{color:var(--blue2);font-weight:800}.productBody h3{margin:6px 0;font-size:17px}.productBody p{color:var(--muted);font-size:13px;min-height:38px;margin:0}.productBottom{display:flex;justify-content:space-between;align-items:end;margin-top:auto;padding-top:15px}.price{font-weight:900;font-size:18px}.price small{font-weight:500;color:var(--muted)}.qtyAdd{display:flex;gap:6px}.qtyAdd input{width:65px;padding:8px}.qtyAdd button{border:0;background:var(--blue);color:#fff;border-radius:8px;width:38px;font-size:20px}.tableWrap{overflow:auto;border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:top}th{background:#f5f8fa;color:#526a7c;font-size:11px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}tr:last-child td{border-bottom:0}.status{display:inline-block;padding:5px 9px;border-radius:99px;font-size:11px;font-weight:900;background:#eaf0f4;color:#4d6576}.status.INSKICKAD{background:#fff0d9;color:#9a5700}.status.BESTALLD_REXEL{background:#e7f3ff;color:#075c91}.status.LEVERANSDATUM_SATT{background:#eeeaff;color:#5f3aa5}.status.LEVERERAD{background:#e4f7ee;color:#167052}.status.AVBRUTEN{background:#fee9eb;color:#a61a24}.orderGroup{border:1px solid var(--line);border-radius:15px;background:#fff;overflow:hidden;margin-bottom:15px}.orderGroupHead{display:flex;justify-content:space-between;gap:15px;padding:17px;background:#f7fafb;border-bottom:1px solid var(--line)}.orderGroupBody{padding:17px}.orderGroup h3{margin:0}.orderGroup p{margin:3px 0;color:var(--muted)}.miniCards{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.miniCard{background:#f1f6f9;border-radius:9px;padding:8px 10px;font-size:13px}.cartSummary{position:sticky;top:92px}.total{display:flex;justify-content:space-between;font-size:22px;font-weight:900;padding:15px 0;border-top:1px solid var(--line)}.empty{text-align:center;padding:50px 20px;color:var(--muted)}.empty b{display:block;color:var(--text);font-size:20px}.formGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.formGrid .full{grid-column:1/-1}.modalCard{border:0!important;border-radius:17px;padding:26px;min-width:min(560px,calc(100vw - 24px));max-width:720px;box-shadow:0 30px 90px #001c2e55;position:relative}.modalCard .close{position:absolute;right:12px;top:10px;border:0;background:transparent;font-size:27px;color:var(--muted)}dialog{border:0;background:transparent}dialog::backdrop{background:#051c2ca8;backdrop-filter:blur(3px)}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--navy);color:#fff;padding:12px 18px;border-radius:10px;z-index:100;box-shadow:0 10px 30px #0004}.muted{color:var(--muted)}.textRight{text-align:right}.dangerText{color:#b31018}.goodText{color:var(--green)}
@media(max-width:1100px){.productGrid{grid-template-columns:repeat(3,1fr)}.grid4{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.loginPage{grid-template-columns:1fr;padding:24px}.loginBrand{text-align:center}.loginBrand img{height:110px}.loginBrand h1{font-size:40px}.loginCard{justify-self:center}.brandButton span,.userPill #userName{display:none}.brandButton img{width:125px}.topbar{padding:8px 12px}.app{display:block}.sidebar{position:fixed;top:72px;left:-270px;width:250px;z-index:29;transition:left .2s}.sidebar.open{left:0}.mobileNav{display:flex;align-items:center;gap:15px;background:#fff;border-bottom:1px solid var(--line);padding:10px 14px;position:sticky;top:72px;z-index:20}.mobileNav button{border:0;background:var(--navy);color:#fff;border-radius:8px;padding:8px 11px}.workspace>#content{padding:18px 13px}.productGrid{grid-template-columns:repeat(2,1fr)}.grid3{grid-template-columns:1fr}.grid2{grid-template-columns:1fr}.pageHead{align-items:flex-start;flex-direction:column}.orderGroupHead{flex-direction:column}}@media(max-width:520px){.productGrid{grid-template-columns:1fr}.grid4{grid-template-columns:1fr}.formGrid{grid-template-columns:1fr}.formGrid .full{grid-column:auto}.loginPage{padding:14px}.loginBrand p{font-size:16px}.loginCard{padding:23px}.workspace>#content{padding:14px 10px}.card{padding:15px}.brandButton img{width:108px}.productCard{display:grid;grid-template-columns:110px 1fr}.productImage{height:100%;min-height:180px}.productBody{min-width:0}}

.supplierBlock{margin:12px 0;padding:14px;border:1px solid var(--line);border-left:5px solid var(--blue2);border-radius:11px;background:#f8fbfd}.supplierBlock.oneco{border-left-color:#e63a31;background:#fff8f7}.supplierBlock h3{margin:0}.supplierTag{display:inline-block;padding:4px 8px;border-radius:99px;background:#e7f3ff;color:#075c91;font-size:11px;font-weight:900}.supplierTag.oneco{background:#ffeae8;color:#a82b24}.mailCheck{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:9px;padding:11px;border-radius:9px;background:#eaf7fc}.mailCheck input{width:auto;margin:0}

/* BETA 1.2: Richard-bilden visas i sin helhet på inloggningssidan. */
.productThumb{display:block;width:58px;height:58px;object-fit:cover;border:1px solid var(--line);border-radius:10px;background:#eef4f7}.productThumb.placeholder{display:grid;place-items:center;color:var(--blue);font-size:24px;font-weight:900}.productThumb.large{width:118px;height:118px;border-radius:14px}.imageEditor{display:grid;grid-template-columns:118px 1fr;align-items:center;gap:18px;padding:13px;margin:8px 0 18px;border:1px solid var(--line);border-radius:13px;background:#f7fafb}.imageEditor label{margin:0}.imageEditor small{display:block;color:var(--muted);font-weight:500}.imageEditor input{margin-top:7px}
.userFilters{display:grid;grid-template-columns:minmax(260px,1fr) minmax(170px,.35fr) minmax(180px,.35fr);gap:10px;margin-bottom:18px}.companyGroup{margin:25px 0}.companyGroup>h2{padding-bottom:8px;border-bottom:2px solid var(--line)}.companyGroup>h2 small{color:var(--muted);font-size:13px;font-weight:500}.userIdentity{display:flex;align-items:center;gap:11px}.userIdentity h3{margin:0 0 5px}.userThumb{width:52px;height:52px;flex:0 0 52px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 0 0 1px var(--line);background:#e7f1f7}.userThumb.placeholder{display:grid;place-items:center;background:var(--blue);color:#fff;font-size:21px;font-weight:900}.userThumb.large{width:118px;height:118px;flex-basis:118px}.adminNote{background:#fff6df;border-left:4px solid var(--orange);border-radius:8px;padding:9px 11px;margin:10px 0;font-size:13px}.userCard{display:flex;flex-direction:column}.userCard button{align-self:flex-start}
.usageChart{height:190px;display:flex;align-items:flex-end;gap:8px;padding:20px 8px 0;border-bottom:1px solid var(--line);overflow-x:auto}.usageBar{min-width:32px;height:170px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}.usageBar span{display:block;width:24px;min-height:5px;border-radius:6px 6px 0 0;background:linear-gradient(180deg,var(--blue2),var(--blue));transition:.2s}.usageBar:hover span{background:linear-gradient(180deg,var(--red),#b80f16)}.usageBar small{font-size:9px;color:var(--muted);writing-mode:vertical-rl;transform:rotate(180deg);height:30px}.fieldBadge{display:inline-flex;gap:6px;align-items:center;background:#edf6fa;border-radius:99px;padding:5px 9px;font-weight:800}
@media(max-width:520px){.productThumb{width:48px;height:48px}.productThumb.large{width:96px;height:96px}.imageEditor{grid-template-columns:96px 1fr;gap:12px}}
@media(max-width:820px){.userFilters{grid-template-columns:1fr}.userThumb.large{width:96px;height:96px;flex-basis:96px}}

.loginPage{min-height:100vh;background:#071725;display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,430px);align-items:center;padding:32px clamp(28px,5vw,82px);gap:36px;position:relative;overflow:hidden}
.loginPage:before{content:"";position:absolute;inset:0;width:100%;height:100%;border-radius:0;background:url('/static/next-release-hero-v1.png') center/cover no-repeat;z-index:0}
.loginPage:after{content:"";position:absolute;inset:0;border-radius:0;background:linear-gradient(90deg,#02101b12 0%,#04152210 48%,#0717258f 69%,#071725e8 100%);z-index:0;pointer-events:none}
.loginBrand{min-height:78vh;z-index:1}
.loginCard{z-index:1;background:#fffffff2;border:1px solid #ffffff88;border-radius:22px;padding:30px;box-shadow:0 25px 70px #0009;max-width:410px;width:100%;justify-self:end;backdrop-filter:blur(16px)}
.loginCard .beta{display:inline-block;margin:0 0 13px;background:var(--red);color:#fff;padding:7px 13px;border-radius:99px;font-size:11px;font-weight:900;letter-spacing:.12em}
.loginCard h2{margin-top:4px}
@media(max-width:820px){
  .loginPage{display:block;min-height:100vh;padding:calc(56.3vw + 16px) 14px 24px;background:#071725;overflow:auto}
  .loginPage:before{inset:0 0 auto;width:100%;height:auto;aspect-ratio:16/9;background-position:center top;background-size:cover}
  .loginPage:after{display:none}
  .loginBrand{display:none}
  .loginCard{max-width:520px;margin:0 auto;justify-self:auto;padding:24px;background:#fff;backdrop-filter:none}
}
@media(max-width:820px){.creatorBadge{margin-left:auto;margin-right:8px;padding:5px 9px}.creatorBadge small{display:none}.creatorBadge b{font-size:11px}.creatorBadge b:before{content:'Av ';font-weight:500}}

/* BETA 2.2: centrala meddelanden som syns tydligt utan att blockera arbetsflödet. */
.globalAnnouncements{padding:14px 24px 0;max-width:1488px;margin:0 auto}.globalAnnouncement{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;border:2px solid var(--blue2);border-left-width:8px;border-radius:14px;padding:16px 18px;background:#eaf7fc;box-shadow:0 8px 24px #17384d1a;margin-bottom:10px}.globalAnnouncement img{width:112px;height:82px;object-fit:cover;border-radius:10px;background:#fff}.globalAnnouncement h2{font-size:20px;margin:4px 0}.globalAnnouncement p{margin:0;font-size:15px}.globalAnnouncement.critical{border-color:#c71923;background:#fff0f1}.globalAnnouncement.news{border-color:var(--green);background:#ecf8f3}.globalAnnouncement.greeting{border-color:#d99716;background:#fff8e7}.announcementMeta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:11px}.announcementMeta b{background:var(--navy);color:#fff;padding:4px 8px;border-radius:99px;text-transform:uppercase;letter-spacing:.05em}.critical .announcementMeta b{background:#b31018}.news .announcementMeta b{background:var(--green)}.greeting .announcementMeta b{background:#a56800}.announcementGuide{border-top:5px solid var(--blue2)}.announcementGuide.critical{border-top-color:#c71923}.announcementGuide.news{border-top-color:var(--green)}.announcementGuide.greeting{border-top-color:#d99716}.announcementGuide h3{margin:0 0 5px}.announcementGuide p{margin:0;color:var(--muted);font-size:13px}
@media(max-width:820px){.globalAnnouncements{padding:10px 12px 0}.globalAnnouncement{grid-template-columns:1fr;padding:13px}.globalAnnouncement img{width:100%;height:140px}.globalAnnouncement h2{font-size:18px}.announcementMeta span{display:block;width:100%}}

/* BETA 2.3: installerbar mobilapp och tydligt nätverksläge. */
.connectionStatus{background:#fff0d9;color:#8b4e00;border:1px solid #efc77d;border-radius:99px;padding:6px 10px;font-size:11px;font-weight:900}.loginCard #loginInstallButton{margin-top:10px}.installSteps{display:grid;grid-template-columns:34px 1fr;gap:10px 8px;align-items:center;margin:20px 0}.installSteps>b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--blue);color:#fff}.installSteps p{margin:0}.standaloneHint{font-size:12px;color:var(--muted)}
@supports(padding:max(0px)){.topbar{padding-top:max(8px,env(safe-area-inset-top));padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));height:calc(72px + env(safe-area-inset-top))}.sidebar{top:calc(72px + env(safe-area-inset-top));height:calc(100vh - 72px - env(safe-area-inset-top))}.mobileNav{top:calc(72px + env(safe-area-inset-top))}.toast{bottom:max(25px,calc(env(safe-area-inset-bottom) + 12px))}}
@media(display-mode:standalone){body{overscroll-behavior-y:none}.topbar{box-shadow:0 2px 10px #001c2e15}.loginPage{min-height:100dvh}}

/* BETA 3.0 BLACKMODE */
.blackModeButton{border:1px solid #00d9ff;background:#04131d;color:#59eaff;border-radius:9px;padding:9px 12px;font:800 11px/1 Consolas,monospace;letter-spacing:.08em;box-shadow:0 0 16px #00d9ff33}.blackModeButton:hover{background:#073047;box-shadow:0 0 24px #00d9ff66}
body.blackmode-active{--bg:#02070b;--card:#061018;--line:#173646;--text:#dffaff;--muted:#6d9caf;--shadow:0 0 25px #00d9ff0e;background:#02070b;color:#dffaff}body.blackmode-active:after{content:"";position:fixed;inset:0;z-index:999;pointer-events:none;background:repeating-linear-gradient(0deg,#ffffff00 0,#ffffff00 3px,#00d9ff08 4px);mix-blend-mode:screen;opacity:.45}body.blackmode-active .topbar{background:#030b11;border-color:#103246;color:#dffaff}body.blackmode-active .brandButton{color:#dffaff}body.blackmode-active .brandButton img{filter:brightness(1.25) contrast(1.05)}body.blackmode-active .creatorBadge{background:#06141d;color:#dffaff;border-color:#ed1c24 #00d9ff}body.blackmode-active .creatorBadge b{color:#dffaff}body.blackmode-active .cartButton,body.blackmode-active .userPill,body.blackmode-active .userMenu,body.blackmode-active .userMenu button{background:#061018;color:#dffaff;border-color:#173646}body.blackmode-active .sidebar{background:#010508;border-right:1px solid #0f3447}body.blackmode-active .sidebar nav button:hover,body.blackmode-active .sidebar nav button.active{background:#00d9ff14;color:#75efff}body.blackmode-active .sidebar nav button.active{box-shadow:inset 3px 0 #00d9ff,0 0 15px #00d9ff16}body.blackmode-active .mobileNav{background:#030b11;border-color:#173646}body.blackmode-active .workspace>#content{max-width:1800px}body.blackmode-active .card,body.blackmode-active .kpi,body.blackmode-active .productCard,body.blackmode-active .orderGroup,body.blackmode-active table,body.blackmode-active .tableWrap{background:#061018;border-color:#173646;color:#dffaff}body.blackmode-active th{background:#091923;color:#72cce3}body.blackmode-active td{border-color:#173646}body.blackmode-active input,body.blackmode-active select,body.blackmode-active textarea{background:#02090e;color:#dffaff;border-color:#1a465b}body.blackmode-active button.secondary{background:#07141c;color:#65eaff;border-color:#1e5268}body.blackmode-active .notice{background:#06202c;color:#c9f6ff}body.blackmode-active .globalAnnouncement{box-shadow:0 0 24px #00d9ff25}body.blackmode-active .modalCard{background:#061018;color:#dffaff;border:1px solid #1d5369!important}
.blackDashboard{font-family:Inter,Segoe UI,sans-serif;color:#dffaff;position:relative}.blackBoot{min-height:70vh;display:grid;place-content:center;justify-items:center;gap:13px;color:#5cecff;font-family:Consolas,monospace;letter-spacing:.1em}.blackBoot span{color:#668c9d;font-size:12px}.blackSpinner{width:62px;height:62px;border:2px solid #0d3d50;border-top-color:#00d9ff;border-right-color:#00ff9d;border-radius:50%;animation:blackSpin .7s linear infinite;box-shadow:0 0 25px #00d9ff55}.blackHero{display:flex;justify-content:space-between;align-items:flex-end;border:1px solid #15485d;background:linear-gradient(115deg,#06131d,#02080d 55%,#07212d);padding:22px 25px;margin-bottom:14px;position:relative;overflow:hidden;box-shadow:inset 0 0 50px #00d9ff08,0 0 25px #00d9ff10}.blackHero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#00d9ff0c,transparent);transform:translateX(-100%);animation:blackScan 5s linear infinite}.blackEyebrow{font:700 10px/1 Consolas,monospace;letter-spacing:.18em;color:#5d9eb4;text-transform:uppercase}.blackHero h1{font:900 clamp(36px,5vw,68px)/.9 Consolas,monospace;letter-spacing:-.06em;margin:10px 0 7px;color:#effdff;text-shadow:0 0 18px #00d9ff55}.blackHero h1 span{color:#00d9ff}.blackHero p{font:700 11px/1 Consolas,monospace;letter-spacing:.15em;color:#71b6ca;margin:0}.blackTime{display:flex;flex-direction:column;align-items:flex-end;gap:7px;position:relative}.blackTime>b{font:700 15px/1.2 Consolas,monospace;text-transform:uppercase;color:#bdf8ff}.blackTime>span{font:10px Consolas,monospace;color:#638b9b}.blackTime button{border:1px solid #ff335d;background:#ff17441b;color:#ff6f8c;border-radius:5px;padding:8px 10px;font:700 10px Consolas,monospace;letter-spacing:.08em}.blackSignal{color:#00ff9d!important;text-shadow:0 0 9px #00ff9d}.blackSignal.down{color:#ff335d!important}.blackCommandGrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:14px}.blackCommandGrid button{min-height:82px;border:1px solid #124458;background:linear-gradient(145deg,#071722,#030b11);color:#dffaff;padding:11px;text-align:left;display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto;align-items:center;gap:3px 9px;position:relative;overflow:hidden}.blackCommandGrid button:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:#00d9ff;transition:.2s;box-shadow:0 0 12px #00d9ff}.blackCommandGrid button:hover{background:#0a2633;border-color:#00c8ef;transform:translateY(-1px)}.blackCommandGrid button:hover:after{width:100%}.blackCommandGrid button>span{grid-row:1/3;font-size:24px;color:#00d9ff;text-shadow:0 0 12px #00d9ff}.blackCommandGrid button>b{font:800 11px Consolas,monospace;letter-spacing:.05em}.blackCommandGrid button>small{font:8px Consolas,monospace;color:#59879a}.blackKpis{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;margin-bottom:14px}.blackKpis article{background:#050f16;border:1px solid #123a4d;border-top:2px solid #00d9ff;padding:13px;min-width:0;box-shadow:inset 0 0 20px #00d9ff05}.blackKpis article.alert{border-top-color:#ff335d;box-shadow:inset 0 0 20px #ff174412}.blackKpis small,.blackKpis i{display:block;font:9px Consolas,monospace;color:#5e92a6;font-style:normal}.blackKpis strong{display:block;font:800 clamp(18px,2vw,29px) Consolas,monospace;color:#effdff;margin:5px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blackKpis .alert strong{color:#ff6582;text-shadow:0 0 13px #ff174455}.blackLayout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.blackPanel{min-width:0;background:#040c12;border:1px solid #12394a;box-shadow:inset 0 0 32px #00d9ff05}.blackPanel.span2{grid-column:span 2}.blackPanel.span3{grid-column:1/-1}.blackPanelTitle{height:43px;border-bottom:1px solid #113646;background:#07141d;display:flex;align-items:center;gap:9px;padding:0 13px}.blackPanelTitle>span{color:#00d9ff}.blackPanelTitle h2{font:800 11px Consolas,monospace;letter-spacing:.1em;margin:0}.blackPanelTitle small{margin-left:auto;font:9px Consolas,monospace;color:#00ff9d}.blackUsers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#102d39}.blackUsers>div{background:#040c12;padding:12px;display:grid;grid-template-columns:13px 1fr;gap:2px 7px}.blackUsers b{font:700 12px Consolas,monospace}.blackUsers small,.blackUsers i{grid-column:2;font:9px Consolas,monospace;color:#628fa0;font-style:normal;overflow:hidden;text-overflow:ellipsis}.userPulse{width:8px;height:8px;border-radius:50%;background:#00ff9d;box-shadow:0 0 10px #00ff9d;margin-top:4px;animation:blackPulse 1.5s ease-in-out infinite}.blackStock{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#12313e}.blackStock>div{background:#040c12;padding:12px}.blackStock b,.blackStock span{display:block}.blackStock b{font:800 21px Consolas,monospace;color:#79efff}.blackStock span{font:8px Consolas,monospace;color:#5e8c9f;margin-top:3px}.blackLowStock{max-height:190px;overflow:auto}.blackLowStock button{width:100%;border:0;border-bottom:1px solid #0e2d3b;background:#050f16;color:#c9f6ff;padding:8px 11px;display:flex;justify-content:space-between;gap:10px;font:10px Consolas,monospace;text-align:left}.blackLowStock button:hover{background:#0b2632}.blackLowStock b{color:#ff657e;white-space:nowrap}.blackTrafficChart{height:205px;display:flex;align-items:flex-end;gap:3px;padding:18px 12px 26px;position:relative}.blackTrafficChart>div{height:100%;flex:1;min-width:5px;display:flex;align-items:flex-end;position:relative}.blackTrafficChart span{display:block;width:100%;min-height:4px;background:linear-gradient(#00ff9d,#0079a1);box-shadow:0 0 7px #00d9ff55}.blackTrafficChart i{position:absolute;bottom:-18px;left:50%;transform:translateX(-50%) rotate(-45deg);font:7px Consolas,monospace;color:#466f80}.blackFeed{max-height:310px;overflow:auto}.blackFeed.compact{max-height:310px}.blackFeed>div{display:grid;grid-template-columns:112px 1fr;gap:10px;padding:9px 12px;border-bottom:1px solid #0d2a36}.blackFeed time{font:9px Consolas,monospace;color:#547d8e}.blackFeed b,.blackFeed small{display:block}.blackFeed b{font:700 11px Consolas,monospace;color:#c9faff}.blackFeed small{font:9px/1.4 Consolas,monospace;color:#6792a3;margin-top:3px}.terminalPanel{border-color:#006b4e;box-shadow:0 0 26px #00ff7f0b}.terminalTop{height:38px;display:flex;align-items:center;gap:12px;background:#020705;border-bottom:1px solid #075f46;padding:0 13px;font-family:Consolas,monospace}.terminalTop .terminalLights{color:#ff365f;letter-spacing:4px}.terminalTop b{color:#35f59b;font-size:11px}.terminalTop small{margin-left:auto;color:#376e56;font-size:8px}.blackTerminal{height:340px;overflow:auto;background:radial-gradient(circle at 50% 0,#05301e,#010503 60%);padding:12px;font:10px/1.65 Consolas,monospace;color:#68f7ae;text-shadow:0 0 6px #00ff7f33}.blackTerminal>div{display:grid;grid-template-columns:75px 1fr;gap:9px;border-bottom:1px solid #00ff7f0b}.blackTerminal time{color:#35684e}.blackTerminal code{font:inherit;color:#68f7ae;white-space:normal;word-break:break-word}.blackTerminal code b{color:#d4ffe7}.blackTerminal code i{color:#387255;font-style:normal}.termNet{color:#00d9ff}.termSys{color:#ffcc47}.termStatus.s2{color:#00ff9d}.termStatus.s3{color:#5ac8ff}.termStatus.s4,.termStatus.s5{color:#ff4266}.terminalCursor{display:block!important;animation:blackCursor .8s steps(1) infinite}.blackEmpty{padding:20px;text-align:center;font:10px Consolas,monospace;color:#426b7c;letter-spacing:.1em}
@keyframes blackSpin{to{transform:rotate(360deg)}}@keyframes blackPulse{50%{opacity:.35;transform:scale(.7)}}@keyframes blackScan{to{transform:translateX(100%)}}@keyframes blackCursor{50%{opacity:0}}
@media(max-width:1350px){.blackCommandGrid{grid-template-columns:repeat(4,1fr)}.blackKpis{grid-template-columns:repeat(4,1fr)}}@media(max-width:900px){.blackHero{align-items:flex-start;flex-direction:column;gap:18px}.blackTime{align-items:flex-start}.blackLayout{grid-template-columns:1fr}.blackPanel.span2,.blackPanel.span3{grid-column:auto}.blackCommandGrid{grid-template-columns:repeat(3,1fr)}.blackUsers{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.blackDashboard{margin:-4px}.blackHero{padding:16px}.blackHero h1{font-size:43px}.blackTime>b{font-size:11px}.blackCommandGrid{grid-template-columns:repeat(2,1fr)}.blackKpis{grid-template-columns:repeat(2,1fr)}.blackUsers{grid-template-columns:1fr}.blackFeed>div{grid-template-columns:1fr;gap:3px}.blackTerminal{height:300px}.terminalTop small{display:none}.blackModeButton{padding:8px;font-size:9px}.blackCommandGrid button{min-height:72px}}

/* BETA 3.1: tydlig, ogenomskinlig huvudmeny i samma stil som mobilreferensen. */
.topbar{height:88px;gap:14px;padding:7px 18px;background:#fff;box-shadow:0 4px 18px #08263a14}.brandButton{flex:0 0 auto}.brandButton img{width:168px;height:60px}.quickNav{align-self:stretch;min-width:0;display:flex;align-items:stretch;justify-content:center;gap:2px;overflow-x:auto;scrollbar-width:none}.quickNav::-webkit-scrollbar{display:none}.quickNav button{flex:0 0 82px;min-width:70px;border:0;border-bottom:4px solid transparent;background:#fff;color:#173950;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:5px 8px;font-weight:800}.quickNav button>span{font-size:24px;line-height:1;color:#075b8e}.quickNav button>b{font-size:11px;white-space:nowrap}.quickNav button:hover,.quickNav button.active{background:#eef5f9;color:#003f72;border-bottom-color:#ed1c24}.quickNav button.active>span{color:#ed1c24}.quickMore{display:none!important}.app{min-height:calc(100vh - 88px)}.sidebar{top:88px;height:calc(100vh - 88px);min-height:calc(100vh - 88px)}
body.blackmode-active .quickNav button{background:#030b11;color:#8fb8c8;border-color:transparent}body.blackmode-active .quickNav button:hover,body.blackmode-active .quickNav button.active{background:#09202c;color:#dffaff;border-bottom-color:#00d9ff}body.blackmode-active .quickNav button>span{color:#5deaff}body.blackmode-active .quickNav button.active>span{color:#00ff9d}

/* Operativa mätarklockor och materialflöde i BlackMode. */
.blackControlRow{display:grid;grid-template-columns:360px minmax(0,1fr);gap:10px;margin-bottom:14px}.blackGaugePanel{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#12394a;border:1px solid #16495e}.blackGauge{--gauge-angle:0deg;--gauge-color:#00d9ff;background:#040c12;min-height:218px;padding:14px;display:flex;flex-direction:column;align-items:center;text-align:center}.blackGauge.warn{--gauge-color:#ffcc47}.blackGauge.alert{--gauge-color:#ff4266}.blackGaugeDial{width:132px;height:132px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(from -90deg,var(--gauge-color) var(--gauge-angle),#102b38 0);box-shadow:0 0 25px color-mix(in srgb,var(--gauge-color) 28%,transparent);position:relative}.blackGaugeDial:before{content:"";position:absolute;inset:13px;border-radius:50%;background:radial-gradient(circle at 50% 38%,#0b2633,#02080d 72%);border:1px solid #1b4c5e}.blackGaugeDial strong{position:relative;font:900 27px Consolas,monospace;color:#effdff;text-shadow:0 0 11px var(--gauge-color)}.blackGauge>small{font:800 10px Consolas,monospace;color:#72cce3;letter-spacing:.08em;margin-top:10px}.blackGauge>i{font:9px/1.35 Consolas,monospace;color:#5f8797;font-style:normal;margin-top:5px}.blackFlowGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.blackFlowCard{background:linear-gradient(145deg,#071722,#030b11);border:1px solid #123f52;border-left:3px solid #00d9ff;padding:12px;min-width:0;min-height:102px}.blackFlowCard.warn{border-left-color:#ffcc47}.blackFlowCard.good{border-left-color:#00ff9d}.blackFlowCard.alert{border-left-color:#ff4266}.blackFlowCard small,.blackFlowCard span{display:block;font:9px Consolas,monospace;color:#5f8d9f}.blackFlowCard b{display:block;font:800 clamp(16px,1.7vw,25px) Consolas,monospace;color:#effdff;margin:7px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blackFlowCard.tracking b{font-size:16px;color:#78eeff}.blackFlowCard.usage b{color:#55f4ad}.blackFlowCard span{white-space:normal;line-height:1.35}.blackFlowCard .supplierValue{color:#ffcc47}
@media(max-width:1450px){.creatorBadge{display:none}.blackControlRow{grid-template-columns:330px minmax(0,1fr)}.blackFlowGrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1050px){.topActions .blackModeButton,.topActions .cartButton{display:none}.brandButton span{display:none}.blackControlRow{grid-template-columns:1fr}.blackGaugePanel{max-width:none}.blackFlowGrid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:820px){.topbar{height:82px;padding:5px 8px;gap:5px}.brandButton img{width:112px;height:56px}.quickNav{justify-content:flex-start}.quickNav button{flex-basis:62px;min-width:62px;padding:4px}.quickNav button>span{font-size:21px}.quickNav button>b{font-size:9px}.quickMore{display:flex!important}.topActions{flex:0 0 auto}.userPill{width:46px;height:46px;border-radius:50%;padding:7px}.userPill>span:first-child{width:30px;height:30px}.userPill>span:not(:first-child){display:none}.app{min-height:calc(100vh - 82px)}.sidebar{top:82px;height:calc(100vh - 82px)}.mobileNav{display:none}.blackFlowGrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.brandButton img{width:96px}.quickNav button{flex-basis:58px;min-width:58px}.blackGauge{min-height:188px;padding:10px}.blackGaugeDial{width:108px;height:108px}.blackGaugeDial strong{font-size:22px}.blackFlowGrid{grid-template-columns:1fr 1fr}.blackFlowCard{min-height:94px}}
@supports(padding:max(0px)){.topbar{height:calc(88px + env(safe-area-inset-top))}.sidebar{top:calc(88px + env(safe-area-inset-top));height:calc(100vh - 88px - env(safe-area-inset-top))}@media(max-width:820px){.topbar{height:calc(82px + env(safe-area-inset-top))}.sidebar{top:calc(82px + env(safe-area-inset-top));height:calc(100vh - 82px - env(safe-area-inset-top))}}}

/* BETA 3.2: iPhone-optimering och kvitterbar orderåterkoppling. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}button,a,input,select,textarea{touch-action:manipulation}.orderFeedbackHost{max-width:1488px;margin:0 auto;padding:14px 24px 0}.orderFeedbackCard{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:16px;align-items:center;padding:17px 18px;border:2px solid #16805b;border-left-width:8px;border-radius:15px;background:linear-gradient(135deg,#effbf6,#fff);box-shadow:0 10px 28px #17384d22}.orderFeedbackCard.BESTALLD_REXEL,.orderFeedbackCard.LEVERANSDATUM_SATT{border-color:#0873ad;background:linear-gradient(135deg,#eaf7ff,#fff)}.orderFeedbackCard.AVBRUTEN{border-color:#c71923;background:linear-gradient(135deg,#fff0f1,#fff)}.orderFeedbackIcon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#16805b;color:#fff;font-size:29px;font-weight:900;box-shadow:0 7px 17px #16805b44}.BESTALLD_REXEL .orderFeedbackIcon,.LEVERANSDATUM_SATT .orderFeedbackIcon{background:#0873ad}.AVBRUTEN .orderFeedbackIcon{background:#c71923}.orderFeedbackBody{min-width:0}.orderFeedbackBody>small{display:block;color:#157252;font-size:10px;font-weight:900;letter-spacing:.1em}.BESTALLD_REXEL .orderFeedbackBody>small,.LEVERANSDATUM_SATT .orderFeedbackBody>small{color:#075c91}.AVBRUTEN .orderFeedbackBody>small{color:#a61a24}.orderFeedbackBody h2{margin:3px 0 5px;font-size:21px;overflow-wrap:anywhere}.orderFeedbackBody p{margin:3px 0 9px}.orderFeedbackFacts{display:flex;gap:7px;flex-wrap:wrap}.orderFeedbackFacts span{display:flex;flex-direction:column;padding:6px 9px;border:1px solid #bddfd3;border-radius:8px;background:#ffffffc9;font-size:12px;overflow-wrap:anywhere}.orderFeedbackFacts b{font-size:9px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.orderFeedbackOk{min-height:48px;border:0;border-radius:11px;padding:11px 16px;background:#116d50;color:#fff;font-weight:900;white-space:nowrap}.BESTALLD_REXEL .orderFeedbackOk,.LEVERANSDATUM_SATT .orderFeedbackOk{background:#075f94}.AVBRUTEN .orderFeedbackOk{background:#a61a24}.orderFeedbackOk:disabled{opacity:.6}.orderTracking{margin:12px 0 0;border:1px solid #b9d9e9;background:#eef8fd;border-radius:10px;padding:11px 13px;overflow-wrap:anywhere}.orderTracking b{color:#075c91}
body.blackmode-active .orderFeedbackCard{background:#05141d;border-color:#00d9ff;color:#dffaff;box-shadow:0 0 28px #00d9ff24}body.blackmode-active .orderFeedbackIcon,body.blackmode-active .orderFeedbackOk{background:#006d83}body.blackmode-active .orderFeedbackFacts span{background:#071e29;border-color:#164657}body.blackmode-active .orderFeedbackBody>small{color:#5deaff}

@media(max-width:820px){body{min-width:0;overflow-x:hidden}button{min-height:44px}input,select,textarea{font-size:16px;min-height:46px}.quickNav{-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;overscroll-behavior-x:contain}.quickNav button{scroll-snap-align:start}.workspace>#content{padding:16px 12px max(86px,calc(env(safe-area-inset-bottom) + 70px))}.orderFeedbackHost{padding:10px 10px 0}.orderFeedbackCard{grid-template-columns:46px minmax(0,1fr);gap:11px;padding:14px 13px;border-left-width:6px}.orderFeedbackIcon{width:44px;height:44px;font-size:24px}.orderFeedbackBody h2{font-size:18px}.orderFeedbackOk{grid-column:1/-1;width:100%;min-height:50px}.orderFeedbackFacts{display:grid;grid-template-columns:1fr}.orderFeedbackFacts span{font-size:13px}.pageHead{gap:12px;margin-bottom:16px}.pageHead>.row,.pageHead>div:last-child{max-width:100%}.searchBar{position:sticky;top:calc(82px + env(safe-area-inset-top));z-index:8;background:var(--bg);padding:6px 0}.categoryTabs{-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.categoryTabs button{min-height:42px;scroll-snap-align:start}.qtyAdd button{width:46px;min-width:46px}.qtyAdd input{width:74px}.orderGroupBody,.orderGroupHead{padding:14px}.modalCard{width:calc(100vw - 16px);min-width:0;max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 16px);overflow:auto;padding:24px 16px max(22px,env(safe-area-inset-bottom));border-radius:16px}dialog{max-width:100vw;padding:0}.toast{width:max-content;max-width:calc(100vw - 24px);text-align:center}.tableWrap{-webkit-overflow-scrolling:touch}.loginPage{min-height:100dvh}.loginCard button{min-height:50px}}
@media(max-width:520px){.productCard{display:flex;grid-template-columns:none}.productImage{height:180px;min-height:180px}.productBody p{min-height:0}.productBottom{gap:12px}.card,.kpi{border-radius:13px}.card{padding:15px 13px}.grid{gap:12px}.topActions{gap:4px}.cartButton{display:none}.pageHead .row{width:100%;flex-wrap:wrap}.pageHead .row button{flex:1 1 auto}.loginPage{padding-bottom:max(24px,env(safe-area-inset-bottom))}}

/* Basordning 1.0: professionell fullskärmsbild med lugn inloggningsyta. */
@media(min-width:821px){
  .loginPage{min-height:100dvh;grid-template-columns:minmax(0,1fr) minmax(350px,410px);gap:clamp(24px,3vw,52px);padding:24px clamp(24px,3.5vw,64px);background:#071725;overflow:hidden}
  .loginPage:before{display:block;inset:0;width:100%;height:100%;background:url('/static/next-release-hero-v1.png') center/cover no-repeat}
  .loginPage:after{background:linear-gradient(90deg,#00111c0a 0%,#02131f12 48%,#07172592 70%,#071725eb 100%);pointer-events:none}
  .loginBrand{display:block;width:100%;height:calc(100dvh - 48px);min-height:0;max-width:none;background:none}
  .loginCard{align-self:center;justify-self:center;width:100%;max-width:410px;max-height:calc(100dvh - 48px);overflow:auto;margin:0}
}

/* BETA 3.2.2: samma rena skaparsignatur som i Mätarflöde. */
.createdBySignature{position:fixed;right:max(14px,env(safe-area-inset-right));bottom:max(16px,calc(env(safe-area-inset-bottom) + 12px));z-index:95;padding:10px 17px;border-radius:999px;background:#075b83;color:#fff;font-size:13px;line-height:1;box-shadow:0 8px 24px #002c4360;pointer-events:none;white-space:nowrap}.createdBySignature b{font-weight:900}body.blackmode-active .createdBySignature{background:#075b83;color:#fff;box-shadow:0 0 22px #00d9ff55}
@media(max-width:520px){.createdBySignature{right:max(10px,env(safe-area-inset-right));bottom:max(12px,calc(env(safe-area-inset-bottom) + 10px));padding:10px 14px;font-size:12px}}

/* BETA 3.3: kompakt billager, snabbåtgång, inventering och värdehistorik. */
.mobileKpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.mobileKpis>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px;box-shadow:var(--shadow)}.mobileKpis small,.mobileKpis b{display:block}.mobileKpis small{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}.mobileKpis b{font-size:18px;margin-top:3px}.quickJobCard{margin-bottom:14px}.quickJobCard h2,.vehicleStockCard h2,.compactHistory h2{margin:0;font-size:19px}.quickJobGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quickJobGrid label{margin:9px 0}.compactTitle{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.compactTitle>span{color:var(--blue);font-weight:900}.vehicleProductList{display:grid;gap:7px}.vehicleProductRow{display:grid;grid-template-columns:minmax(220px,1.3fr) minmax(105px,.35fr) minmax(280px,1fr);gap:10px;align-items:center;padding:9px 10px;border:1px solid var(--line);border-radius:11px;background:#fbfdfe}.vehicleProductInfo{display:flex;align-items:center;gap:9px;min-width:0}.vehicleProductInfo .productThumb{width:42px;height:42px;flex:0 0 42px}.vehicleProductInfo span,.vehicleProductInfo b,.vehicleProductInfo small,.vehicleBalance b,.vehicleBalance small{display:block;min-width:0}.vehicleProductInfo b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vehicleProductInfo small,.vehicleBalance small{font-size:10px;color:var(--muted)}.vehicleBalance{text-align:right}.vehicleBalance b{font-size:14px}.quickUseButtons{display:flex;justify-content:flex-end;gap:5px;flex-wrap:wrap}.quickUseButtons button{min-height:36px;border:1px solid #a9ccdf;background:#eaf6fc;color:#075b8e;border-radius:8px;padding:6px 9px;font-size:11px;font-weight:900}.quickUseButtons button.custom{background:#fff;color:var(--muted);border-color:var(--line)}.compactMovementList{display:grid}.compactMovementList>div{display:grid;grid-template-columns:128px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 2px;border-bottom:1px solid var(--line);font-size:12px}.compactMovementList time{font-size:10px;color:var(--muted)}.compactMovementList span b,.compactMovementList span small,.compactMovementList>div>strong small{display:block}.compactMovementList span small,.compactMovementList>div>strong small{font-size:10px;color:var(--muted)}.compactMovementList>div>strong{text-align:right}.inventorySearch{position:sticky;top:-24px;background:#fff;padding:3px 0 8px;z-index:2}.vehicleInventoryRows{display:grid;max-height:52vh;overflow:auto;border:1px solid var(--line);border-radius:11px}.vehicleInventoryRows label{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:12px;align-items:center;margin:0;padding:8px 10px;border-bottom:1px solid var(--line)}.vehicleInventoryRows label:last-child{border-bottom:0}.vehicleInventoryRows span b,.vehicleInventoryRows span small{display:block}.vehicleInventoryRows span b{font-size:12px}.vehicleInventoryRows span small{font-size:10px;color:var(--muted)}.vehicleInventoryRows input{margin:0;text-align:right}.priceHistoryLink{border:0;background:transparent;color:var(--text);padding:0;text-align:left;font-weight:800}.priceHistoryLink small{display:block;color:var(--blue2);font-size:9px}.priceHistoryChart{height:210px;display:flex;align-items:flex-end;gap:8px;overflow-x:auto;padding:20px 8px 34px;border-bottom:1px solid var(--line)}.priceHistoryChart>div{height:155px;min-width:66px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative}.priceHistoryChart span{width:28px;min-height:5px;background:linear-gradient(var(--blue2),var(--blue));border-radius:5px 5px 0 0}.priceHistoryChart b{font-size:9px;margin-top:3px}.priceHistoryChart small{position:absolute;bottom:-25px;font-size:8px;white-space:nowrap}
.vehicleValueGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px}.vehicleValueCard{background:#040c12;border:1px solid #123f52;padding:11px;min-width:0}.vehicleValueCard header{display:flex;justify-content:space-between;gap:10px}.vehicleValueCard header b,.vehicleValueCard header small{display:block}.vehicleValueCard header b{font:800 13px Consolas,monospace;color:#c9faff}.vehicleValueCard header small,.vehicleValueCard>small,.noTrend{font:9px Consolas,monospace;color:#5f8d9f}.vehicleValueCard header strong{font:800 15px Consolas,monospace;color:#55f4ad;white-space:nowrap}.supplierValueBar{display:flex;height:6px;background:#102b38;margin:9px 0 5px;overflow:hidden}.supplierValueBar i{background:#ef4035}.supplierValueBar em{background:#2d75b5}.vehicleValueCard svg{display:block;width:100%;height:66px;margin-top:8px;background:linear-gradient(transparent 49%,#12313e 50%,transparent 51%)}.vehicleValueCard polyline{fill:none;stroke:#00d9ff;stroke-width:2;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px #00d9ff)}.noTrend{padding:23px 0 13px;text-align:center}.blackSupplierSummary{display:flex;gap:8px;padding:0 10px 10px}.blackSupplierSummary span{flex:1;background:#071722;border-left:3px solid #00d9ff;padding:9px;font:9px Consolas,monospace;color:#6b9bad}.blackSupplierSummary b{display:block;color:#dffaff;font-size:12px}.blackPriceChanges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#12313e}.blackPriceChanges>div{display:grid;grid-template-columns:100px minmax(0,1fr) 58px;gap:9px;padding:9px 11px;background:#040c12}.blackPriceChanges time{font:9px Consolas,monospace;color:#547d8e}.blackPriceChanges span b,.blackPriceChanges span small{display:block}.blackPriceChanges span b{font:11px Consolas,monospace;color:#c9faff}.blackPriceChanges span small{font:9px Consolas,monospace;color:#6792a3}.blackPriceChanges strong{font:800 11px Consolas,monospace;color:#8fb8c8;text-align:right}.blackPriceChanges strong.up{color:#ff657e}.blackPriceChanges strong.down{color:#55f4ad}
body.blackmode-active .mobileKpis>div,body.blackmode-active .vehicleProductRow{background:#061018;border-color:#173646}body.blackmode-active .quickUseButtons button{background:#082735;color:#65eaff;border-color:#1e5268}body.blackmode-active .inventorySearch{background:#061018}
@media(max-width:900px){.mobileKpis{grid-template-columns:repeat(2,1fr)}.vehicleProductRow{grid-template-columns:minmax(0,1fr) auto}.quickUseButtons{grid-column:1/-1;justify-content:flex-start}.vehicleValueGrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){body{font-size:13px}.pageHead h1{font-size:22px}.pageHead p{font-size:12px}.card h2{font-size:17px}.mobileKpis{gap:6px;margin-bottom:10px}.mobileKpis>div{padding:9px}.mobileKpis small{font-size:8px}.mobileKpis b{font-size:14px}.quickJobCard,.vehicleStockCard,.compactHistory{margin-top:10px!important}.quickJobGrid{grid-template-columns:1fr;gap:0}.quickJobCard>small{font-size:10px}.vehicleProductRow{padding:8px;gap:7px}.vehicleProductInfo b{font-size:12px}.vehicleBalance b{font-size:12px}.quickUseButtons{display:grid;grid-template-columns:repeat(5,1fr);width:100%}.quickUseButtons button{padding:5px 3px;font-size:10px;min-width:0}.compactMovementList>div{grid-template-columns:82px minmax(0,1fr) auto;gap:6px;padding:7px 0;font-size:11px}.compactMovementList time{font-size:9px}.vehicleInventoryRows label{grid-template-columns:minmax(0,1fr) 82px;padding:7px 8px}.vehicleValueGrid{grid-template-columns:1fr}.blackPriceChanges{grid-template-columns:1fr}.blackSupplierSummary{flex-direction:column}}

/* BETA 3.4: spårbar leverans- och centrallagermottagning. */
.status.DELLEVERERAD{background:#fff2cc;color:#805400}.feedbackActions{display:flex;flex-direction:column;gap:8px;min-width:170px}.receivingKpis{margin-bottom:18px}.receivingLayout{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(320px,1.15fr);gap:18px}.receivingOrders{padding:12px}.receivingOrders h2{padding:4px 8px}.receivingOrder{display:grid;grid-template-columns:1fr auto;width:100%;gap:8px;text-align:left;border:1px solid var(--line);background:#fff;border-radius:12px;padding:14px;margin:8px 0;color:var(--text)}.receivingOrder:hover{border-color:var(--blue);box-shadow:0 5px 16px #003f7214}.receivingOrder>span small{display:block;color:var(--muted);margin-top:3px}.receivingOrder em{font-size:12px;color:var(--muted);font-style:normal}.receiveProgress{grid-column:1/-1;height:7px;background:#e5edf2;border-radius:9px;overflow:hidden}.receiveProgress i{display:block;height:100%;background:var(--green)}.receivingHero{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:#e4f7ee;color:var(--green);font-size:42px;font-weight:900}.receivingHelp ol{line-height:1.9}.receiptLines{display:grid;gap:10px;margin:15px 0}.receiptLine{display:grid;grid-template-columns:minmax(220px,1fr) 130px 170px;gap:12px;align-items:end;border:1px solid var(--line);border-radius:12px;padding:12px}.receiptLine small{display:block;color:var(--muted);margin-top:4px}.receiptLine label{margin:0}.receiptLine input{margin:4px 0 0}.receiptLine strong{color:var(--navy)}
@media(max-width:820px){.receivingLayout{grid-template-columns:1fr}.receivingHelp{order:-1}.receiptLine{grid-template-columns:1fr 1fr}.receiptLine>div{grid-column:1/-1}.feedbackActions{width:100%;min-width:0}.feedbackActions button{width:100%}}

/* Centrallagrets gemensamma orderöversikt. */
.warehouseFilters{display:grid;grid-template-columns:minmax(260px,1fr) 220px 220px;gap:10px;margin-bottom:16px;padding:14px}.warehouseFilters input,.warehouseFilters select{margin:0}.warehouseOrderGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.warehouseOrderCard{background:#fff;border:1px solid var(--line);border-top:5px solid var(--blue);border-radius:14px;padding:16px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:13px}.warehouseOrderCard.central{border-top-color:var(--green)}.warehouseOrderCard header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.warehouseOrderCard h2{font-size:19px;margin:6px 0 1px}.warehouseOrderCard header small,.warehouseOrderOwner span,.warehouseOrderOwner small{display:block;color:var(--muted);font-size:11px}.warehouseOrderOwner b{display:block;font-size:15px}.destinationBadge{display:inline-block;padding:4px 8px;border-radius:99px;background:#e8f3fb;color:#075b8e;font-size:9px;font-weight:900;letter-spacing:.05em}.destinationBadge.central{background:#e4f7ee;color:#167052}.warehouseOrderFacts{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.warehouseOrderFacts span{background:#f3f7f9;border-radius:8px;padding:7px;font-size:9px;color:var(--muted)}.warehouseOrderFacts b{display:block;color:var(--text);font-size:14px}.warehouseOrderCard>button{margin-top:auto}
@media(max-width:1100px){.warehouseOrderGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.warehouseFilters{grid-template-columns:1fr}.warehouseOrderGrid{grid-template-columns:1fr}.warehouseOrderCard{padding:13px}.warehouseOrderFacts span{font-size:9px}}

/* BETA 3.5: optimerad arbetsyta för centrallagret. */
.warehouseActionGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.warehouseActionGrid button{display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto;text-align:left;gap:2px 10px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:16px;color:var(--text);box-shadow:var(--shadow)}.warehouseActionGrid button:hover{border-color:var(--blue);transform:translateY(-1px)}.warehouseActionGrid span{grid-row:1/3;width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#e9f5fb;color:var(--blue);font-size:22px}.warehouseActionGrid b{font-size:15px}.warehouseActionGrid small{color:var(--muted);line-height:1.3}.warehouseKpis{margin-bottom:16px}.warehouseDashboard{margin-top:16px}.sectionTitle{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:13px}.sectionTitle h2{margin:0}.sectionTitle p{margin:3px 0;color:var(--muted);font-size:12px}.centralTracking>button{width:100%;display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:9px;align-items:center;text-align:left;background:#f8fbfd;border:1px solid var(--line);border-radius:10px;padding:10px;margin:7px 0;color:var(--text)}.centralTracking>button b,.centralTracking>button small{display:block}.centralTracking>button small{color:var(--muted);font-size:10px}.centralTracking>button em{font-style:normal;font-size:10px;color:var(--muted)}.centralTrackingFlag{background:#e4f7ee;color:#167052;border-radius:99px;padding:5px 7px;text-align:center;font-size:9px;font-weight:900}.warehouseLowList{display:grid}.warehouseLowList>div{display:flex;justify-content:space-between;gap:12px;padding:9px 2px;border-bottom:1px solid var(--line)}.warehouseLowList span b,.warehouseLowList span small{display:block}.warehouseLowList span small{font-size:10px;color:var(--muted)}.warehouseLowList strong{white-space:nowrap;color:#a61a24}.warehouseSimpleActions{display:grid;gap:9px}.warehouseSimpleActions button{border:1px solid var(--line);background:#f5f9fb;color:var(--navy);border-radius:10px;padding:14px;text-align:left;font-weight:900}.destinationChoice{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:15px}.destinationChoice>b{grid-column:1/-1}.destinationChoice button{border:2px solid var(--line);background:#fff;color:var(--text);border-radius:10px;padding:12px;font-weight:900}.destinationChoice button.active{border-color:var(--blue);background:#eaf6fc;color:var(--blue)}.centralOrderTracking{padding:10px;border-radius:10px;border-left:5px solid var(--green);background:#eaf8f2}.centralOrderTracking small,.centralOrderTracking b,.centralOrderTracking span{display:block}.centralOrderTracking small{font-size:9px;color:#167052;font-weight:900}.centralOrderTracking b{font-size:15px;margin:2px 0}.centralOrderTracking span{font-size:10px;color:var(--muted)}.centralOrderTracking.missing{border-color:var(--orange);background:#fff6e9}.centralOrderTracking.missing b{color:#9a5700;font-size:11px}
@media(max-width:1050px){.warehouseActionGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.warehouseActionGrid{grid-template-columns:1fr;gap:8px}.warehouseActionGrid button{padding:12px}.centralTracking>button{grid-template-columns:1fr}.destinationChoice{grid-template-columns:1fr}.destinationChoice>b{grid-column:auto}}

/* BETA 4 – mobil plockning och utleverans */
.pickModal{display:grid;gap:16px}.pickLines{display:grid;gap:8px}.pickLine{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:12px;align-items:center;background:#f1f6f9;border:1px solid var(--line);border-radius:11px;padding:11px;margin:0}.pickLine span,.pickLine small{display:block}.pickLine small{color:var(--muted);margin-top:3px}.pickLine input{margin:0;text-align:right;font-weight:800}.fulfillBox{background:#e9f7ef;border:1px solid #9ad0ae;border-radius:13px;padding:15px}.fulfillBox h3{margin-top:0}.fulfillBox textarea{min-height:76px}.pickModal details{border-top:1px solid var(--line);padding-top:10px}.pickModal summary{font-weight:800;cursor:pointer}
@media(max-width:520px){.pickModal{gap:10px}.pickModal .sectionTitle{display:block}.pickModal .sectionTitle .status{display:inline-block;margin-top:7px}.pickLine{grid-template-columns:minmax(0,1fr) 76px;padding:9px;gap:7px}.pickLine b{font-size:12px}.pickLine small{font-size:9px}.pickLine input{min-height:42px;padding:7px}.fulfillBox{padding:11px}.fulfillBox .grid2{gap:7px}.warehouseOrderCard .row button{flex:1 1 125px}}

/* BETA 4.1 – ren lagerarbetsyta, packkontroll och skanningsstött plock. */
.warehouseFocus{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:14px}.warehouseFocus button{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--text);padding:15px;box-shadow:0 5px 18px #16364c0c}.warehouseFocus button>span{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border-radius:12px;background:#eaf5fb;color:var(--blue);font-size:22px}.warehouseFocus button div{min-width:0;flex:1}.warehouseFocus b,.warehouseFocus small{display:block}.warehouseFocus b{font-size:15px}.warehouseFocus small{color:var(--muted);font-size:10px;margin-top:2px}.warehouseFocus button>strong{font-size:11px}.warehouseFocus .primaryTask{grid-column:span 2;background:linear-gradient(120deg,#003f68,#0073ac);color:#fff;border:0}.warehouseFocus .primaryTask>span{background:#ffffff20;color:#fff}.warehouseFocus .primaryTask small{color:#d9f2ff}.warehouseStatusStrip{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:16px}.warehouseStatusStrip article{background:#fff;border:1px solid var(--line);border-left:4px solid var(--green);border-radius:11px;padding:10px}.warehouseStatusStrip article.warn{border-left-color:var(--orange);background:#fffaf2}.warehouseStatusStrip small,.warehouseStatusStrip b{display:block}.warehouseStatusStrip small{font-size:8px;font-weight:900;color:var(--muted)}.warehouseStatusStrip b{font-size:22px;margin-top:2px}.warehouseFeedRow{width:100%;display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:9px;align-items:center;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;padding:10px 2px;color:var(--text)}.warehouseFeedRow div b,.warehouseFeedRow div small{display:block}.warehouseFeedRow small,.warehouseFeedRow em{font-size:10px;color:var(--muted);font-style:normal}
.pickStageBar{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.pickStageBar button{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:11px;color:var(--text);text-align:left}.pickStageBar b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e7f2f8;color:var(--blue);font-size:17px}.pickStageBar span{font-weight:850}.fulfillmentPill{padding:5px 8px;border-radius:99px;background:#e8f0f5;color:#456376;font-size:9px;font-weight:900;white-space:nowrap}.fulfillmentPill.picking{background:#fff1d8;color:#8a5900}.fulfillmentPill.picked,.fulfillmentPill.packed{background:#e3f3ff;color:#075b8e}.fulfillmentPill.ready_pickup,.fulfillmentPill.shipped,.fulfillmentPill.received{background:#e5f7ee;color:#167052}.stage-picked{border-top-color:#1686c1}.stage-packed{border-top-color:#713bb0}.pickHeader{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.pickHeader h2{margin:2px 0}.pickHeader p{margin:0;color:var(--muted)}.pickProgress{display:grid;gap:5px}.pickProgress>div{height:9px;background:#dfe9ef;border-radius:99px;overflow:hidden}.pickProgress i{display:block;height:100%;background:linear-gradient(90deg,var(--blue2),var(--green))}.pickProgress b{font-size:10px;color:var(--muted)}.pickScanTools{display:grid;grid-template-columns:auto minmax(180px,1fr);gap:8px;padding:10px;background:#eaf5fb;border-radius:12px}.pickScanTools input{margin:0}.pickCameraPanel{grid-column:1/-1;position:relative;background:#061722;border-radius:12px;overflow:hidden;text-align:center}.pickCameraPanel video{display:block;width:100%;max-height:280px;object-fit:cover}.pickCameraPanel button{position:absolute;right:8px;bottom:8px}.pickLines .pickLine{grid-template-columns:54px minmax(0,1fr) 90px auto}.pickLine>img,.pickPlaceholder{width:50px;height:50px;border-radius:9px;object-fit:contain;background:#fff;display:grid;place-items:center}.pickLine div>b,.pickLine div>strong,.pickLine div>small{display:block}.pickLine div>strong{color:var(--blue);font-size:11px;margin:2px 0}.pickLine.picked{background:#e8f7ef;border-color:#8dc9a8}.pickLine.picked:before{content:'✓';position:absolute}.pickLineActions{display:flex;gap:5px}.pickLineActions button{border:0;border-radius:8px;background:var(--green);color:#fff;padding:8px;font-size:10px;font-weight:900}.pickLineActions button.issue{background:#fff3df;color:#8b5700;border:1px solid #e8bd72}.stickyPickActions{display:grid;grid-template-columns:1fr 1.5fr;gap:8px;position:sticky;bottom:-1px;background:#fff;padding:10px 0 2px;z-index:3}.packBox,.openIssues{border-radius:13px;padding:14px}.packBox{background:#edf6ff;border:1px solid #a8cee5}.packBox h3,.openIssues h3{margin:2px 0}.openIssues{background:#fff6e8;border:1px solid #efc47d}.openIssues>div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #ecd9b9}.openIssues span b,.openIssues span small{display:block}.openIssues button{border:0;border-radius:7px;background:#875b0c;color:#fff;font-size:10px}.warehouseMobileDock{display:none}
@media(max-width:900px){.warehouseFocus{grid-template-columns:1fr 1fr}.warehouseFocus .primaryTask{grid-column:1/-1}.warehouseStatusStrip{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.warehouseMobileDock{display:grid;position:fixed;z-index:40;left:8px;right:8px;bottom:max(7px,env(safe-area-inset-bottom));grid-template-columns:repeat(5,1fr);background:#fff;border:1px solid var(--line);border-radius:16px;padding:5px;box-shadow:0 8px 35px #06233b38}.warehouseMobileDock button{border:0;background:transparent;color:var(--muted);font-size:9px;font-weight:800;padding:4px 1px;min-height:48px}.warehouseMobileDock span{display:block;color:var(--blue);font-size:18px}.createdBySignature{bottom:max(72px,calc(env(safe-area-inset-bottom) + 68px))}}
@media(max-width:520px){.warehouseFocus{grid-template-columns:1fr;gap:7px}.warehouseFocus .primaryTask{grid-column:auto}.warehouseFocus button{padding:10px}.warehouseFocus button>span{width:38px;height:38px;flex-basis:38px}.warehouseStatusStrip{grid-template-columns:repeat(2,1fr);gap:6px}.warehouseStatusStrip article{padding:8px}.warehouseStatusStrip b{font-size:18px}.pickStageBar{gap:5px}.pickStageBar button{display:grid;padding:7px;text-align:center}.pickStageBar b{margin:auto;width:29px;height:29px}.pickStageBar span{font-size:9px}.pickScanTools{grid-template-columns:1fr}.pickScanTools .primary{width:100%}.pickCameraPanel{grid-column:auto}.pickLines .pickLine{position:relative;grid-template-columns:40px minmax(0,1fr) 68px;padding:8px}.pickLine>img,.pickPlaceholder{width:38px;height:38px}.pickLineActions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.pickLineActions button{min-height:38px}.pickLine div>b{font-size:11px}.pickLine div>strong,.pickLine div>small{font-size:8px}.pickHeader{display:block}.pickHeader .fulfillmentPill{display:inline-block;margin-top:6px}.stickyPickActions{padding-bottom:5px}.warehouseFeedRow{grid-template-columns:58px minmax(0,1fr)}.warehouseFeedRow em{grid-column:2}.warehouseOrderCard{gap:9px}}

/* BETA 5.0 – material och elmätare i samma portal. */
.portalChooser{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:1100px}.portalChooser>button{border:1px solid var(--line);border-top:6px solid var(--blue);border-radius:20px;background:#fff;box-shadow:var(--shadow);padding:30px;text-align:left;color:var(--text);display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;transition:.2s}.portalChooser>button:nth-child(2){border-top-color:var(--red)}.portalChooser>button:hover{transform:translateY(-4px);box-shadow:0 20px 40px #002b481e}.portalChooser>button>span{font-size:54px}.portalChooser small{font-weight:900;letter-spacing:.12em;color:var(--blue)}.portalChooser h2{margin:5px 0;font-size:25px}.portalChooser p{margin:0;color:var(--muted)}
.grid5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.meterKpis{margin-bottom:18px}.meterWarehouseGrid{margin-bottom:18px}.meterWarehouse{border-top:5px solid var(--blue)}.meterWarehouse>small{font-weight:900;letter-spacing:.12em;color:var(--blue)}.meterWarehouse h2{margin:5px 0}.meterWarehouse p{min-height:38px;color:var(--muted)}.meterWarehouse>strong{display:block;font-size:44px;color:var(--blue)}.meterWarehouse>span{display:block;color:var(--muted);margin-bottom:16px}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.03em}
.meterWorkflow{display:grid;grid-template-columns:minmax(280px,.42fr) minmax(360px,1fr);gap:18px;align-items:start}.meterSetup{position:sticky;top:108px}.meterScanCard{border-top:5px solid var(--blue)}.scanInput{font-size:22px!important;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:800;text-align:center;min-height:62px;border:2px solid var(--blue)!important}.scanResult{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:13px 0;padding:13px 16px;border-radius:11px;background:#eef4f7;color:var(--muted)}.scanResult b{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.scanResult.success{background:#e7f7ef;color:#126943}.scanResult.error{background:#fff0f1;color:#a30c19}.scanResult.warn{background:#fff6df;color:#8b5700}.scanCounter{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}.scanCounter strong{font-size:38px;color:var(--blue)}.scanCounter span{color:var(--muted)}.meterScanLog{max-height:320px;overflow:auto}.meterScanLog>div{display:flex;justify-content:space-between;gap:12px;padding:9px 5px;border-bottom:1px solid var(--line);font-size:13px}.meterScanLog>.success b{color:var(--green)}.meterScanLog>.error b{color:var(--red)}
.meterCameraPanel{margin:12px 0;padding:10px;background:#071725;border-radius:14px;text-align:center}.meterCameraPanel video{display:block;width:100%;max-height:360px;object-fit:cover;border-radius:10px;margin-bottom:9px}.bulkCodes{min-height:310px!important;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:16px!important;line-height:1.55}.meterInventoryPage{max-width:900px}.inventorySummary{margin-top:18px}.compactCodes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0 20px}.compactCodes span{display:flex;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:9px;padding:9px 11px;font-size:12px}.meterFilters{display:grid;grid-template-columns:minmax(260px,1fr) repeat(2,minmax(170px,.35fr));gap:10px;margin-bottom:16px}.meterStatus{display:inline-flex;border-radius:99px;padding:5px 9px;font-size:11px;font-weight:900;background:#edf2f5;color:#425766}.meterStatus.WAREHOUSE{background:#e4f7ee;color:#087247}.meterStatus.VEHICLE{background:#e8f2fb;color:#075b8e}.meterStatus.INSTALLED{background:#eceafa;color:#5947a7}.meterStatus.DEFECT_REMOVED,.meterStatus.DEFECT_DELIVERY{background:#ffeced;color:#af111b}.meterManage>.wide{margin-top:10px}
.warehouseAdminCard{border-top:5px solid var(--blue)}.warehouseAdminCard.inactive{opacity:.6}.warehouseAdminStats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:15px 0}.warehouseAdminStats span{background:#eef4f7;border-radius:9px;padding:9px;text-align:center;font-size:10px;color:var(--muted)}.warehouseAdminStats b{display:block;font-size:22px;color:var(--blue)}.printerList{display:grid;gap:6px;margin:12px 0}.printerList span{font-size:12px;color:var(--muted)}.moduleAccess{margin-top:20px}.moduleUserGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.moduleUserGrid>article{border:1px solid var(--line);border-radius:13px;padding:15px}.moduleUserGrid .userIdentity small{display:block;color:var(--muted);margin-top:3px}.moduleChecks,.warehouseChecks{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.moduleChecks label,.warehouseChecks label{display:flex;align-items:center;gap:6px;margin:0;background:#eef4f7;border-radius:99px;padding:7px 10px;font-size:12px;font-weight:700}.moduleChecks input,.warehouseChecks input{width:auto;margin:0}.meterNav{border-left:3px solid #ed1c24;margin-left:4px;padding-left:3px}
body.blackmode-active .portalChooser>button,body.blackmode-active .moduleUserGrid>article{background:#061018;color:#dffaff;border-color:#173646}body.blackmode-active .moduleChecks label,body.blackmode-active .warehouseChecks label,body.blackmode-active .warehouseAdminStats span{background:#09202c;color:#8fb8c8}
@media(max-width:1100px){.grid5{grid-template-columns:repeat(3,1fr)}.moduleUserGrid{grid-template-columns:1fr}}
@media(max-width:820px){.portalChooser{grid-template-columns:1fr}.portalChooser>button{padding:20px}.portalChooser>button>span{font-size:42px}.grid5{grid-template-columns:repeat(2,1fr)}.meterWorkflow{grid-template-columns:1fr}.meterSetup{position:static}.meterFilters{grid-template-columns:1fr}.compactCodes{grid-template-columns:1fr}.meterCameraPanel video{max-height:52vh}}
@media(max-width:520px){.portalChooser>button{grid-template-columns:auto 1fr;padding:17px;gap:13px}.portalChooser>button>span{font-size:42px}.portalChooser>button>b{grid-column:2}.portalChooser h2{font-size:20px}.grid5{grid-template-columns:1fr 1fr;gap:8px}.meterKpis .kpi{padding:13px}.meterKpis .kpi strong{font-size:29px}.meterKpis .kpi span{font-size:10px}.scanInput{font-size:17px!important}.moduleUserGrid>article{padding:12px}.meterScanCard,.meterSetup{padding:15px}}

/* BASORDNING 1.0.1 – stabila butikskort: produktbilder får aldrig täcka köpytan. */
.productGrid{align-items:stretch}
.productCard{position:relative;isolation:isolate;min-width:0;min-height:390px;overflow:hidden}
.productImage{display:block;flex:0 0 180px;height:180px;min-height:180px;max-height:180px;overflow:hidden;position:relative;z-index:1}
.productImage>img{display:block;position:absolute;inset:0;width:100%!important;height:100%!important;max-width:100%;max-height:100%;object-fit:contain!important;object-position:center;background:#fff}
.productImage>.stockBadge{position:absolute;z-index:3;top:10px;right:10px;max-width:calc(100% - 20px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.productBody{position:relative;z-index:2;min-width:0;min-height:205px;background:#fff}
.productBody h3{overflow-wrap:anywhere}
.productBottom{position:relative;z-index:4;align-items:center;gap:10px;flex-wrap:wrap}
.price{min-width:0;overflow-wrap:anywhere}
.qtyAdd{position:relative;z-index:5;flex:0 0 auto;margin-left:auto}
.qtyAdd input,.qtyAdd button{position:relative;z-index:6}
body.blackmode-active .productBody{background:#061018}
@media(max-width:520px){.productCard{min-height:0}.productImage{flex-basis:165px;height:165px;min-height:165px;max-height:165px}.productBody{min-height:190px}.productBottom{align-items:center}.qtyAdd input{width:58px}}

/* BASORDNING 1.0.2 – introduktionsfilm på startsidan. */
body.intro-open{overflow:hidden}
.introVideoOverlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:#02070c;color:#fff;overflow:hidden}
.introVideoOverlay>video{width:100%;height:100%;object-fit:contain;background:#000}
.introVideoTop{position:absolute;top:max(18px,env(safe-area-inset-top));left:22px;display:flex;align-items:center;gap:14px;padding:8px 13px;border-radius:12px;background:#03121ed9;border:1px solid #ffffff29;box-shadow:0 10px 35px #0008;backdrop-filter:blur(12px);font-size:11px;font-weight:900;letter-spacing:.1em}
.introVideoTop img{display:block;width:150px;height:46px;object-fit:contain;background:#fff;border-radius:7px;padding:5px}
.introVideoActions{position:absolute;left:50%;bottom:max(25px,calc(env(safe-area-inset-bottom) + 15px));transform:translateX(-50%);display:flex;justify-content:center;gap:10px;width:min(680px,calc(100% - 28px));padding:12px;border-radius:15px;background:#03121ed9;border:1px solid #ffffff29;box-shadow:0 12px 40px #000a;backdrop-filter:blur(12px)}
.introVideoActions button{min-height:48px}
.introVideoActions .secondary{background:#fff;color:#073d62;border-color:#fff}
.introReplayButton{width:100%;margin-top:10px;border:1px solid #b6ccd9;background:#eef6fa;color:var(--blue);border-radius:10px;padding:10px 14px;font-weight:800}
.introReplayButton:hover{background:#dff0f8}
@media(max-width:620px){.introVideoTop{left:12px;right:12px;top:max(10px,env(safe-area-inset-top));justify-content:center}.introVideoTop img{width:112px;height:38px}.introVideoTop span{font-size:8px}.introVideoActions{display:grid;grid-template-columns:1fr;padding:9px}.introVideoActions button{width:100%}.introVideoOverlay>video{object-fit:contain}}
.loginMediaPreview{display:block;width:100%;max-height:390px;background:#081421;border-radius:12px;margin:16px 0;object-fit:contain}.loginMediaToggle{display:flex;align-items:center;gap:10px;margin:16px 0;font-weight:700}.loginMediaToggle input{width:auto;min-height:0}

/* BASORDNING 1.0.3 – uppdragsutkast och uppföljning per jobb. */
.fieldDraftCard{border-top:5px solid var(--blue)}
.fieldDraftSummary{display:flex;align-items:center;gap:12px}.fieldDraftSummary b{color:var(--blue)}.fieldDraftSummary span{font-weight:900}
.fieldDraftRow{display:grid;grid-template-columns:minmax(260px,1fr) 150px 110px auto;gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}
.fieldDraftRow>div{display:flex;align-items:center;gap:11px;min-width:0}.fieldDraftRow>div img,.fieldDraftRow>div .productPlaceholder{width:46px;height:46px;flex:0 0 46px;object-fit:contain;border-radius:8px;background:#f2f6f8}
.fieldDraftRow span{min-width:0}.fieldDraftRow span b,.fieldDraftRow span small{display:block}.fieldDraftRow span small{color:var(--muted);font-size:11px;margin-top:3px}.fieldDraftRow label{margin:0;display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px;font-size:10px}.fieldDraftRow label input{grid-column:1;min-width:0}.fieldDraftRow label small{grid-column:2}.fieldDraftRow>strong{text-align:right}
.draftUndo{border:1px solid #e5a6aa;background:#fff1f2;color:#a30c19;border-radius:9px;padding:10px 13px;font-weight:800}.fieldDraftActions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.fieldDraftSafety{text-align:right;color:var(--muted);font-size:11px;margin:8px 0 0}.fieldDraftEmpty{padding:24px}.vehicleProductRow.drafted{box-shadow:inset 5px 0 var(--blue);background:#f3f9fc}
.richardJobFlow{border-top:5px solid var(--red);margin-bottom:18px}.richardJobGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:15px}.richardJobGrid>button{display:flex;justify-content:space-between;align-items:center;gap:14px;text-align:left;border:1px solid var(--line);border-radius:12px;background:#f8fbfc;color:var(--text);padding:14px;transition:.15s}.richardJobGrid>button:hover{border-color:var(--blue);transform:translateY(-1px)}.richardJobGrid span,.richardJobGrid span b,.richardJobGrid span small,.richardJobGrid strong,.richardJobGrid strong small{display:block}.richardJobGrid span{min-width:0}.richardJobGrid span small,.richardJobGrid strong small{font-size:10px;color:var(--muted);margin-top:3px}.richardJobGrid strong{text-align:right;white-space:nowrap;color:var(--blue)}.jobFollowup>small{font-weight:900;letter-spacing:.12em;color:var(--blue)}
body.blackmode-active .fieldDraftCard,body.blackmode-active .richardJobFlow{background:#061018;color:#dffaff;border-color:#1ed6ff}body.blackmode-active .fieldDraftRow{border-color:#173646}body.blackmode-active .vehicleProductRow.drafted,body.blackmode-active .richardJobGrid>button{background:#09202c;color:#dffaff;border-color:#173646}
@media(max-width:900px){.fieldDraftRow{grid-template-columns:minmax(220px,1fr) 130px auto}.fieldDraftRow>strong{display:none}.richardJobGrid{grid-template-columns:1fr}}
@media(max-width:620px){.fieldDraftRow{grid-template-columns:1fr 100px;gap:8px}.fieldDraftRow>div{grid-column:1/-1}.fieldDraftRow label{grid-column:1}.fieldDraftRow .draftUndo{grid-column:2}.fieldDraftActions{display:grid;grid-template-columns:1fr}.fieldDraftActions button{width:100%}.fieldDraftSafety{text-align:center}.fieldDraftSummary{align-items:flex-end;flex-direction:column;gap:2px}.richardJobGrid>button{padding:11px}.richardJobGrid strong{font-size:13px}}

/* Basordning 1.1 – regionala billager och avtal */
.regionGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));gap:16px;margin:18px 0}.regionCard{display:flex;flex-direction:column;text-align:left;gap:10px;padding:24px;border:1px solid var(--line);border-top:4px solid var(--blue);border-radius:16px;background:#fff;color:var(--text);min-width:0}.regionCard h2{margin:0}.regionCard strong{font-size:25px;color:var(--blue)}.regionCard span,.regionCard small{color:var(--muted)}.regionCard:hover{box-shadow:var(--shadow);border-color:var(--blue)}.contractChoices{grid-column:1/-1;border:1px solid var(--line);border-radius:12px;padding:16px;margin:12px 0;display:flex;flex-wrap:wrap;gap:12px}.contractChoices legend{font-weight:800}.contractChoices label{display:flex;align-items:center;gap:8px;margin:0}.contractChoices input{width:auto;margin:0}.contractChoices small{flex-basis:100%;color:var(--muted)}#importText{font-family:monospace;min-height:220px}#materialPreview{margin-top:20px}#materialPreview .tableWrap{max-height:450px;overflow:auto}body.blackmode-active .regionCard{background:#09202c;border-color:#173646;color:#dffaff}body.blackmode-active .regionCard strong{color:#1ed6ff}@media(max-width:600px){.regionCard{padding:18px}.regionCard strong{font-size:22px}}

/* Basordning 1.2 */
.lxNav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.lxNav button{min-height:44px}.lxOrderControls{max-width:900px}.lxPick,.lxReceipts article{padding:18px;border:1px solid var(--line);border-radius:12px;margin:12px 0}.lxPick>small,.lxReceipts small,.lxMobileProduct small,td>small,.lxReplenish small{display:block;color:var(--muted)}.lxPick input,.lxReceipts input{font-size:16px}.lxMobileProduct{padding:12px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;align-items:center}.lxDraft{display:grid;grid-template-columns:1fr 90px 40px auto;gap:10px;align-items:center;margin:10px 0}.lxCarCounts,.lxReplenish{max-height:55vh;overflow:auto}.lxCarCounts label{display:grid;grid-template-columns:1fr 90px;gap:8px;border-bottom:1px solid var(--line);padding:8px}.lxCarCounts label small{grid-column:1;font-weight:400}.lxCarCounts input{grid-column:2;grid-row:1/3}.lxOrderControls .secondary,.lxOrderControls .primary{margin:5px}#lxReader{max-width:430px;margin:auto}#lxCameraHost:empty{display:none}#content>.card{margin-bottom:16px}body.blackmode-active .lxPick{border-color:#173646}@media(max-width:620px){.lxMobileProduct{display:block;font-size:13px}.lxMobileProduct .quickUseButtons{margin-top:8px}.lxDraft{grid-template-columns:1fr 75px auto}.lxDraft>span{grid-column:1/-1}.lxDraft input{font-size:16px}.lxNav{gap:6px}.lxNav button{font-size:12px;padding:9px}.lxPick{padding:12px}.lxPick label{font-size:12px}}
.eonHeading{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}
.eonHeading .eonLogo{width:145px;height:88px;object-fit:contain;flex:none}
.eonHeading h2{margin:0}
.eonHeading p{margin:0;color:#68798a}
.returnMeter{display:flex;align-items:center;gap:.7rem;padding:.65rem .8rem;margin:.35rem 0;border:1px solid #d7e0e8;border-radius:.7rem}
.returnMeter input{width:1.2rem;height:1.2rem;flex:none}
.meterReturnRow{border:1px solid #dae4ec;border-radius:.8rem;padding:1rem;margin:.7rem 0;overflow-wrap:anywhere}
.meterReturnRow p{line-height:1.5}
.outsideInflowBadge{display:inline-flex;align-items:center;gap:.3em;margin:.35rem .25rem .15rem 0;padding:.3rem .55rem;border:1px solid #a4111d;border-radius:999px;background:#bd1423;color:#fff!important;font-size:11px;font-weight:900;letter-spacing:.02em;line-height:1.2;vertical-align:middle}
.outsideInflowRow{background:#fff2f2!important;border-left:5px solid #bd1423!important}
.outsideInflowRow td:first-child{border-left:4px solid #bd1423}
.outsideInflowForm{border-top:5px solid #bd1423!important}
.outsideInflowForm .notice.warn{border-left:5px solid #bd1423;background:#fff0f0;color:#70111a}
body.blackmode-active .outsideInflowRow{background:#2c1118!important;color:#ffdddf}
body.blackmode-active .outsideInflowForm{border-color:#bd1423!important}
.sidebar .qMainNav{display:block;border-radius:8px;padding:12px;color:#fff;text-decoration:none;font-weight:700;background:#145386;margin:10px 4px}.sidebar .qMainNav:hover{background:#1d689d}

/* Utbildningar använder samma sidomeny som lager och mätare, även på iPhone. */
.sidebar .trainingNav{margin-top:8px}
.sidebar .trainingNav small{border-left:3px solid var(--red);padding-left:9px}
.sidebar .trainingNav .examNavLink{display:block;width:100%;border:0;background:transparent;color:#c7d9e6;border-radius:9px;padding:11px 12px;text-align:left;margin:2px 0;font-weight:700;text-decoration:none;line-height:1.45}
.sidebar .trainingNav .examNavLink span{display:inline-block;width:26px}
.sidebar .trainingNav .examNavLink:hover,.sidebar .trainingNav .examNavLink:focus-visible{background:#ffffff16;color:#fff;outline:2px solid #82b6df;outline-offset:2px}

/* Risk entry uses the same navigation treatment as the other modules. */
.sidebar #riskNav{display:block;width:100%;padding:12px;margin:4px 0;border-radius:9px;background:#145386;color:#fff;font-weight:700;text-decoration:none}.sidebar #riskNav span{display:inline-block;width:26px}.sidebar #riskNav:hover,.sidebar #riskNav:focus-visible{background:#1d689d;outline:2px solid #82b6df}.riskStartEntry{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:16px 28px 0;padding:15px 18px;border:1px solid var(--line);border-left:5px solid var(--red);border-radius:12px;background:var(--card,#fff);color:var(--text)}.riskStartEntry strong,.riskStartEntry small{display:block}.riskStartEntry small{margin-top:3px;color:var(--muted);font-size:12px}.riskStartEntry a{text-decoration:none;white-space:nowrap}#riskQuickNav{flex-basis:100px;min-width:85px}@media(max-width:820px){.riskStartEntry{margin:12px 12px 0;padding:12px;gap:10px}.riskStartEntry strong{font-size:14px}.riskStartEntry small{font-size:11px}.riskStartEntry a{padding:10px;font-size:12px}#riskQuickNav{flex-basis:76px;min-width:76px}}