/* L'attributo hidden deve avere sempre priorità sulle regole responsive/display. */
[hidden]{display:none!important}
:root{
  --bg:#0a0a0b; --card:#151516; --card2:#1d1d1f; --text:#f7f4ec; --muted:#a8a29a; --line:#2d2a26;
  --gold:#d7a84f; --gold2:#f3cf79; --green:#46c979; --amber:#e8aa3e; --red:#f05d5e;
  --panel:#121213; --surface:#19191b; --input:#0d0d0e; --border:#302c26; --accent:#8db0ff;
}
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;background:radial-gradient(circle at 50% -10%,#252017 0,#0a0a0b 34%);color:var(--text,inherit);-webkit-tap-highlight-color:transparent}
.app{max-width:760px;margin:0 auto;padding:calc(env(safe-area-inset-top) + 16px) 14px 42px}
header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.brandHead{display:flex;align-items:center;gap:11px}.brandIcon{width:48px;height:48px;border-radius:15px;object-fit:cover;box-shadow:0 7px 24px rgba(215,168,79,.16)}
.eyebrow{font-size:11px;font-weight:850;letter-spacing:.18em;color:var(--gold2)}h1{font-size:24px;line-height:1.1;margin:3px 0 0}.iconBtn{width:42px;height:42px;border:1px solid #3b3327;border-radius:14px;background:#171717;color:var(--gold2);font-size:22px;box-shadow:0 6px 18px rgba(0,0,0,.24)}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:14px}.card{background:linear-gradient(145deg,#191919,#111);border:1px solid #2d2923;border-radius:16px;padding:12px;box-shadow:0 8px 22px rgba(0,0,0,.22)}.card span{display:block;color:var(--muted,#888);font-size:11px}.card strong{display:block;font-size:22px;margin-top:4px}.card.warning strong{color:var(--amber)}
.tools{display:grid;grid-template-columns:1fr 130px;gap:9px;margin-bottom:13px}input[type=search],select{width:100%;border:1px solid #332f29;background:#151515;color:var(--text,inherit);border-radius:14px;padding:13px 14px;font-size:15px;outline:none}select{color-scheme:dark}.model{background:#141414;border:1px solid #28251f;border-radius:18px;margin-bottom:11px;overflow:hidden;box-shadow:0 7px 22px rgba(0,0,0,.2)}.modelHeader{width:100%;border:0;background:#141414;color:var(--text,inherit);padding:15px 16px;display:flex;align-items:center;justify-content:space-between;text-align:left}.modelHeader h2{font-size:17px;margin:0}.modelCount{display:block;font-size:12px;color:var(--muted,#888);margin-top:2px}.chevron{font-size:22px;color:var(--gold2);transition:.18s transform}.model.closed .chevron{transform:rotate(-90deg)}.model.closed .colors{display:none}.colors{border-top:1px solid var(--line)}.colorRow{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line)}.colorRow:last-child{border-bottom:0}.colorInfo{display:flex;align-items:center;gap:10px;min-width:0}.dot{width:12px;height:12px;border-radius:50%;background:#cbd5e1;flex:0 0 12px;border:1px solid rgba(255,255,255,.16)}.colorName{font-size:14px;display:block}.status{font-size:11px;color:var(--muted)}.status.ok{color:var(--green)}.status.low{color:var(--amber)}.status.empty{color:var(--red)}.stepper{display:flex;align-items:center;gap:7px}.stepper button{width:38px;height:38px;border:1px solid #4a3c25;border-radius:12px;background:#211b12;color:var(--gold2);font-size:24px;font-weight:650}.qty{width:46px;height:38px;border:1px solid var(--line);color:var(--text,inherit);border-radius:11px;text-align:center;font-size:17px;font-weight:700;background:#111}.emptyState{background:#141414;border-radius:18px;padding:28px;text-align:center;color:var(--muted)}
.authPanel{background:linear-gradient(160deg,#171717,#101010);border:1px solid #342d22;border-radius:22px;padding:16px;margin-bottom:13px;box-shadow:0 12px 34px rgba(0,0,0,.28)}.loginLogo{display:block;width:min(100%,360px);max-height:250px;object-fit:contain;margin:0 auto 8px;border-radius:18px}.authPanel h2{font-size:19px;margin:2px 0 6px}.authPanel p{font-size:12px;color:var(--muted,#888);margin:0 0 12px;line-height:1.45}.authPanel input{width:100%;border:1px solid #373129;color:var(--text,inherit);background:#0e0e0f;border-radius:13px;padding:12px;margin-bottom:8px;font-size:15px}.authButtons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.authButtons button,.secondary.full{border:1px solid #6a5126;border-radius:13px;padding:12px;font-size:14px;font-weight:750;background:linear-gradient(135deg,#e5bd68,#b88731);color:#17120a}.authButtons .secondary,.secondary.full{background:#252525;color:#f6e7bf;border-color:#3a342a}.secondary.full{width:100%;margin-top:8px}#authMsg{font-size:12px;margin-top:8px;color:var(--red)}.cloudLine{display:flex;justify-content:space-between;align-items:center;font-size:13px}.cloudLine span:last-child{color:var(--green);font-weight:700}.signedBrand{display:flex;align-items:center;gap:9px;margin-bottom:10px;color:var(--gold2)}.signedBrand img{width:34px;height:34px;border-radius:10px}.signedBrand strong{font-size:14px}
body:not(.logged-in) .stats,body:not(.logged-in) .tools,body:not(.logged-in) #inventory{display:none}
@media (max-width:430px){.stats{grid-template-columns:repeat(3,1fr)}.card{padding:10px 8px}.card strong{font-size:20px}.tools{grid-template-columns:1fr 112px}.brandIcon{width:44px;height:44px}.loginLogo{max-height:220px}}


/* Categorie magazzino */
.categoryTabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 10px}
.categoryTab{border:1px solid rgba(255,255,255,.12);background:#121212;color:#fff;border-radius:16px;padding:13px 10px;font-weight:800;font-size:16px;box-shadow:none}
.categoryTab span{display:block;font-size:11px;font-weight:600;opacity:.58;margin-top:3px}
.categoryTab.active{border-color:#d7a93d;background:linear-gradient(180deg,#211b0e,#12100b);box-shadow:0 0 0 1px rgba(215,169,61,.15) inset}
.categoryTab.active span{color:#e3bd60;opacity:1}
.categoryTitle{display:flex;align-items:baseline;gap:8px;margin:4px 2px 12px}
.categoryTitle strong{font-size:20px;color:#fff}
.categoryTitle span{font-size:13px;color:#a8a8a8}

/* Sezioni cliccabili */
.categoryTab{min-height:88px;text-align:left;position:relative;cursor:pointer;touch-action:manipulation;padding:14px 42px 14px 14px}
.categoryTab strong{display:block;font-size:17px;line-height:1.1}
.categoryTab span{font-size:12px;margin-top:5px}
.categoryTab .openHint{position:absolute;right:13px;top:50%;transform:translateY(-50%);font-size:13px;color:var(--gold2);font-weight:800}
.categoryTab:active{transform:scale(.985)}
@media(max-width:380px){.categoryTabs{gap:7px}.categoryTab{padding-left:10px;padding-right:32px}.categoryTab strong{font-size:15px}.categoryTab .openHint{right:8px;font-size:11px}}


/* Vendite e selezione cliente */
.categoryTabs3{grid-template-columns:repeat(3,1fr)}
.salesView{margin-top:4px}
.salesHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 2px 10px}
.salesHeader>div strong{display:block;font-size:20px}.salesHeader>div span{display:block;color:var(--muted,#888);font-size:12px;margin-top:2px}
.miniBtn{border:1px solid #4a3c25;background:#211b12;color:var(--gold2);border-radius:12px;padding:9px 12px;font-weight:750}
.saleRow{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#141414;border:1px solid #28251f;border-radius:16px;padding:13px 14px;margin-bottom:9px}
.saleMain,.saleMeta{min-width:0}.saleMain strong,.saleMeta strong{display:block;font-size:14px}.saleMain span,.saleMeta span{display:block;color:var(--muted,#888);font-size:11px;margin-top:3px}.saleMeta{text-align:right}.saleMeta strong{color:var(--gold2)}
.saleModal{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.74);padding:18px;display:flex;align-items:center;justify-content:center}.saleModal[hidden]{display:none}
.saleDialog{width:min(100%,430px);background:linear-gradient(160deg,#1a1a1a,#0e0e0f);border:1px solid #4c3d24;border-radius:22px;padding:17px;box-shadow:0 24px 70px rgba(0,0,0,.55)}
.saleDialogHead{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.saleKicker{display:block;color:var(--gold2);font-size:10px;font-weight:850;letter-spacing:.14em}.saleDialog h2{margin:4px 0 0;font-size:21px}.closeBtn{border:0;background:#242424;color:#ddd;width:36px;height:36px;border-radius:12px;font-size:24px}
.saleItemLabel{background:#101010;border:1px solid #302a21;border-radius:14px;padding:11px 12px;margin:14px 0}.saleItemLabel strong{display:block;font-size:15px}.saleItemLabel span{display:block;color:var(--muted,#888);font-size:12px;margin-top:3px}
.customerChoices{display:grid;grid-template-columns:1fr 1fr;gap:8px}.customerChoices button{min-height:48px;border:1px solid #373129;background:#151515;color:#f5f1e7;border-radius:13px;padding:9px;font-size:13px;font-weight:750;text-align:left}.customerChoices button:last-child{grid-column:1/-1}.customerChoices button.selected{border-color:var(--gold);background:linear-gradient(135deg,#2a2111,#17130c);color:var(--gold2);box-shadow:0 0 0 1px rgba(215,168,79,.18) inset}
.saleError{min-height:18px;color:var(--red);font-size:12px;margin-top:8px}.saleActions{display:grid;grid-template-columns:1fr 1.2fr;gap:8px;margin-top:5px}.saleActions button{border-radius:13px;min-height:46px;font-weight:800}.secondaryAction{background:#242424;color:#eee;border:1px solid #393939}.primaryAction{background:linear-gradient(135deg,#e5bd68,#b88731);color:#17120a;border:1px solid #6a5126}.primaryAction:disabled{opacity:.45}
@media(max-width:430px){.categoryTabs3{grid-template-columns:1fr 1fr}.categoryTabs3 #salesTab{grid-column:1/-1;min-height:68px}.customerChoices{grid-template-columns:1fr}.customerChoices button:last-child{grid-column:auto}.saleRow{align-items:flex-start}.saleMeta{max-width:45%}}

/* Gestione Vendite: modifica negozio e archivio */
.salesSubTabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 11px}.salesSubTab{min-height:42px;border:1px solid #34302a;background:#151515;color:#aaa;border-radius:12px;font-weight:800}.salesSubTab.active{border-color:var(--gold);color:var(--gold2);background:#211b12}.saleRow{flex-wrap:wrap}.saleActionsRow{width:100%;display:flex;justify-content:flex-end;gap:7px;padding-top:9px;border-top:1px solid #28251f}.rowAction{border:1px solid #453a29;background:#201a12;color:var(--gold2);border-radius:10px;padding:8px 10px;font-size:12px;font-weight:800}.rowAction.delete{border-color:#55302f;background:#251414;color:#ff8f8f}.archiveRow{border-color:#34302a;background:#121212}.archiveReason{width:100%;margin-top:8px;padding-top:8px;border-top:1px solid #2b2823;color:#c6bbb0;font-size:12px;line-height:1.4}.archiveReason strong{color:#eee}.archiveBadge{display:inline-flex;border:1px solid #5b3833;background:#281817;color:#ff9a91;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:850;margin-top:4px}.fieldLabel{display:block;color:#c8bfae;font-size:12px;font-weight:750;margin:3px 0 6px}.modalSelect,.reasonInput{width:100%;border:1px solid #3a332a;background:#111;color:var(--text,inherit);border-radius:13px;padding:12px 13px;font-size:16px;outline:none}.reasonInput{resize:vertical;min-height:100px;font-family:inherit}.archiveNote{font-size:11px;line-height:1.4;color:var(--muted,#888);margin-top:9px}.dangerAction{background:linear-gradient(135deg,#8f302e,#5d211f);color:#fff;border:1px solid #a64b47;border-radius:13px;min-height:46px;font-weight:800}.dangerAction:disabled{opacity:.4}.dangerKicker{color:#ff8f8f}


.restoreStockOption{display:flex;gap:12px;align-items:flex-start;margin:14px 0;padding:14px;border:1px solid rgba(212,168,87,.35);border-radius:14px;background:rgba(212,168,87,.08);cursor:pointer}.restoreStockOption input{width:22px;height:22px;margin-top:2px;accent-color:#d4a857;flex:0 0 auto}.restoreStockOption span{display:flex;flex-direction:column;gap:4px}.restoreStockOption strong{font-size:15px}.restoreStockOption small{font-size:12px;line-height:1.35;color:#a3a3a3}.restoredBadge{display:inline-block;margin-top:5px;padding:4px 8px;border-radius:999px;border:1px solid rgba(34,197,94,.35);background:rgba(34,197,94,.1);font-size:11px;font-weight:700}

/* Selettore negozio compatto e scorrevole su iPhone */
.customerSelect{min-height:52px;margin-bottom:4px;background:#151515;color:#f5f1e7;border-color:#4a3c25;font-weight:750}
.customerSelect:focus{border-color:var(--gold);box-shadow:0 0 0 2px rgba(215,168,79,.14)}
@media(max-width:430px){.saleDialog{max-height:calc(100dvh - 36px);overflow:auto;-webkit-overflow-scrolling:touch}.customerSelect{font-size:16px}}

/* =========================================================
   RESPONSIVE UNIVERSALE — mobile, tablet, notebook, desktop
   ========================================================= */
html{width:100%;min-width:0;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{width:100%;min-width:0;overflow-x:hidden}
button,input,select,textarea{font:inherit;max-width:100%}
button{touch-action:manipulation}
img,svg{max-width:100%}
.app{width:min(100%,1320px);max-width:none;padding-left:clamp(12px,2vw,28px);padding-right:clamp(12px,2vw,28px)}
h1{font-size:clamp(22px,3vw,36px)}
.brandIcon{width:clamp(44px,5vw,62px);height:clamp(44px,5vw,62px)}
.stats{gap:clamp(8px,1.3vw,16px)}
.card{padding:clamp(11px,1.5vw,18px)}
.card span{font-size:clamp(11px,1vw,13px)}
.card strong{font-size:clamp(20px,2.5vw,30px)}
.categoryTabs{gap:clamp(8px,1.2vw,14px)}
.categoryTab{min-width:0;min-height:78px}
.categoryTab strong,.categoryTab span,.categoryTab .openHint{overflow-wrap:anywhere}
.tools{grid-template-columns:minmax(0,1fr) minmax(118px,180px)}
#inventory{min-width:0}
.model,.colors,.colorRow,.colorInfo,.stepper{min-width:0}
.colorRow{flex-wrap:wrap}
.colorInfo{flex:1 1 180px}
.stepper{flex:0 0 auto}
.stepper button{min-width:44px;min-height:44px}
.qty{min-height:44px}
.saleRow{min-width:0}
.saleMain{flex:1 1 260px}
.saleMeta{flex:0 1 220px}
.saleActionsRow{flex-wrap:wrap}
.rowAction,.miniBtn,.salesSubTab,.saleActions button,.closeBtn{min-height:44px}
.authPanel input,.modalSelect,.reasonInput,input[type=search],select{font-size:16px}
.saleModal{overflow-y:auto;-webkit-overflow-scrolling:touch;align-items:flex-start;padding:max(14px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}
.saleDialog{margin:auto;width:min(100%,560px);max-height:calc(100vh - 28px);overflow:auto;-webkit-overflow-scrolling:touch}
@supports(height:100dvh){.saleDialog{max-height:calc(100dvh - 28px)}}

/* Telefoni piccoli: 320–389 px */
@media(max-width:389px){
  .app{padding-left:10px;padding-right:10px}
  .brandHead{gap:8px}.eyebrow{font-size:9px}.brandIcon{width:40px;height:40px;border-radius:12px}
  h1{font-size:20px}
  .stats{grid-template-columns:1fr 1fr}.stats .card:last-child{grid-column:1/-1}
  .categoryTabs3{grid-template-columns:1fr}.categoryTabs3 #salesTab{grid-column:auto}
  .categoryTab{min-height:62px;padding:11px 38px 11px 12px}.categoryTab strong{font-size:15px}.categoryTab span{font-size:11px}
  .categoryTitle{flex-wrap:wrap;gap:3px 7px}.categoryTitle strong{font-size:18px}
  .tools{grid-template-columns:1fr}.tools select{min-height:48px}
  .modelHeader{padding:13px}.colorRow{padding:11px 12px}
  .stepper{width:100%;justify-content:flex-end}.qty{width:54px}
  .salesHeader{align-items:flex-start;flex-wrap:wrap}.miniBtn{width:100%}
  .salesSubTabs{grid-template-columns:1fr}
  .saleMeta{flex:1 1 100%;text-align:left}
  .saleActionsRow{justify-content:stretch}.rowAction{flex:1 1 130px}
  .saleActions{grid-template-columns:1fr}
  .saleDialog{padding:14px;border-radius:18px}
  .restoreStockOption{padding:12px}
}

/* Telefoni normali e grandi */
@media(min-width:390px) and (max-width:767px){
  .categoryTabs3{grid-template-columns:1fr 1fr}.categoryTabs3 #salesTab{grid-column:1/-1;min-height:64px}
  .saleDialog{width:min(100%,500px)}
}

/* Tablet portrait / piccoli notebook */
@media(min-width:768px) and (max-width:1099px){
  .app{width:min(100%,980px)}
  .stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .categoryTabs3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .categoryTab{min-height:92px}
  .tools{grid-template-columns:minmax(0,1fr) 180px}
  .colorRow{flex-wrap:nowrap}
  .saleDialog{width:min(92vw,560px)}
}

/* Desktop / notebook larghi */
@media(min-width:1100px){
  .app{width:min(100%,1320px);padding-top:24px}
  header{margin-bottom:20px}
  .stats{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}
  .categoryTabs3{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}
  .categoryTab{min-height:96px;padding:18px 48px 18px 18px}.categoryTab strong{font-size:19px}.categoryTab span{font-size:13px}
  .tools{grid-template-columns:minmax(0,1fr) 200px;gap:12px}
  .authPanel{padding:20px}
  .signedBrand strong{font-size:16px}
  .modelHeader{padding:17px 18px}.modelHeader h2{font-size:19px}.colorRow{padding:14px 18px;flex-wrap:nowrap}.colorName{font-size:15px}
  .salesView{max-width:none}.saleRow{padding:15px 18px}.saleMain strong,.saleMeta strong{font-size:15px}
  .saleDialog{width:min(100%,600px);padding:22px}
}

/* Schermi molto larghi: mantieni leggibilità e sfrutta lo spazio senza allungare troppo */
@media(min-width:1500px){
  .app{width:min(100%,1420px)}
  #inventory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
  #inventory>.model{margin-bottom:0}
}

/* Orientamento landscape su telefoni bassi */
@media(max-height:520px) and (orientation:landscape){
  .saleModal{align-items:flex-start}
  .saleDialog{max-height:calc(100vh - 18px);margin:0 auto}
  @supports(height:100dvh){.saleDialog{max-height:calc(100dvh - 18px)}}
  .loginLogo{max-height:140px}
}

/* Accessibilità e browser senza hover */
@media(hover:hover) and (pointer:fine){
  .categoryTab:hover,.modelHeader:hover,.rowAction:hover,.miniBtn:hover{filter:brightness(1.08)}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* =========================================================
   FOTO MODELLI + MODELLI SEMPRE CHIUSI + TEMA GIORNO/NOTTE
   ========================================================= */
header{gap:12px}
.themeToggle{
  flex:0 0 auto; min-height:46px; padding:8px 12px; border-radius:14px;
  border:1px solid #4a3c25; background:#171717; color:var(--gold2);
  display:flex; align-items:center; justify-content:center; gap:7px;
  font-weight:800; cursor:pointer;
}
.themeToggle #themeIcon{font-size:20px;line-height:1}
.themeToggle #themeLabel{font-size:12px}
.modelHeaderMain{display:flex;align-items:center;gap:13px;min-width:0}
.modelThumb{
  width:52px;height:68px;object-fit:contain;flex:0 0 auto;border-radius:10px;
  background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.015));
  border:1px solid rgba(215,168,79,.18);padding:3px;
}
.modelHeaderMain>div{min-width:0}
.modelHeaderMain h2{white-space:normal;overflow-wrap:anywhere}
.modelHeader{cursor:pointer}
.model.closed .modelThumb{opacity:.96}
@media(max-width:389px){
  header{align-items:flex-start}
  .themeToggle{padding:8px 9px;min-width:46px}
  .themeToggle #themeLabel{display:none}
  .modelThumb{width:44px;height:58px}
  .modelHeaderMain{gap:10px}
}
@media(min-width:768px){
  .modelThumb{width:58px;height:76px}
}

/* Tema giorno: mantiene il contrasto su mobile, tablet e desktop */
body[data-theme="light"]{
  --bg:#f4f1ea;--card:#ffffff;--card2:#f7f4ed;--text:#1c1a17;--muted:#716a60;--line:#ddd5c8;
  --gold:#a87624;--gold2:#8b621d;--green:#167a43;--amber:#a86508;--red:#bd3e3f;
  --panel:#ffffff;--surface:#faf7f1;--input:#ffffff;--border:#ddd5c8;--accent:#315ea8;
  background:radial-gradient(circle at 50% -10%,#fff8e8 0,#f4f1ea 38%);
  color:var(--text,inherit);
}
body[data-theme="light"] .themeToggle{
  background:#fff;border-color:#d6c7a9;color:#8b621d;box-shadow:0 4px 14px rgba(70,50,20,.08)
}
body[data-theme="light"] .card,
body[data-theme="light"] .model,
body[data-theme="light"] .modelHeader,
body[data-theme="light"] .authPanel,
body[data-theme="light"] .salesView,
body[data-theme="light"] .saleRow{
  background:#fff;color:var(--text,inherit);border-color:#ddd5c8;box-shadow:0 7px 22px rgba(60,45,20,.07)
}
body[data-theme="light"] input[type=search],
body[data-theme="light"] select,
body[data-theme="light"] .qty,
body[data-theme="light"] .modalSelect,
body[data-theme="light"] .reasonInput{
  background:#fff;color:#1c1a17;border-color:#d9d1c4;color-scheme:light
}
body[data-theme="light"] .categoryTab,
body[data-theme="light"] .salesSubTab,
body[data-theme="light"] .secondary,
body[data-theme="light"] .secondaryAction,
body[data-theme="light"] .closeBtn{
  background:#f8f5ee;color:#302b24;border-color:#d9d1c4
}
body[data-theme="light"] .categoryTab.active,
body[data-theme="light"] .salesSubTab.active{
  background:linear-gradient(145deg,#fff5dc,#f5e6c4);border-color:#c89a49;color:#6e4a0d
}
body[data-theme="light"] .colorRow,
body[data-theme="light"] .colors,
body[data-theme="light"] .saleActionsRow,
body[data-theme="light"] .archiveReason{border-color:#e2dbcf}
body[data-theme="light"] .stepper button,
body[data-theme="light"] .rowAction{
  background:#fff7e8;border-color:#d6ba86;color:#7a5315
}
body[data-theme="light"] .rowAction.delete{background:#fff0ef;border-color:#e5aaa6;color:#a53232}
body[data-theme="light"] .saleDialog{
  background:#fff;color:#1c1a17;border-color:#d8cbb5;box-shadow:0 22px 70px rgba(40,30,15,.22)
}
body[data-theme="light"] .saleItemLabel,
body[data-theme="light"] .restoreStockOption{background:#fbf7ef;border-color:#ddd0b7}
body[data-theme="light"] .archiveRow{background:#faf8f3}
body[data-theme="light"] .customerSelect{background:#fff;color:#1c1a17}
body[data-theme="light"] .modelThumb{background:#f7f4ed;border-color:#e2d3b7}

/* Gestione utenti */
.categoryTabs4{grid-template-columns:repeat(4,minmax(0,1fr))}
.usersView{display:grid;gap:14px;margin-top:4px}
.usersPanel{background:linear-gradient(160deg,#171717,#101010);border:1px solid #342d22;border-radius:22px;padding:18px;box-shadow:0 12px 34px rgba(0,0,0,.24)}
.usersHeader{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px}
.usersHeader h2{font-size:22px;margin:2px 0 5px}.usersHeader p{margin:0;color:var(--muted,#888);font-size:13px;line-height:1.45}.usersKicker{font-size:11px;letter-spacing:.14em;color:var(--gold2);font-weight:900}
.createUserForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.createUserForm label{display:grid;gap:6px}.createUserForm label>span{font-size:12px;font-weight:800;color:var(--muted)}
.createUserForm input,.createUserForm select{width:100%;min-width:0;border:1px solid #373129;color:var(--text,inherit);background:#0e0e0f;border-radius:13px;padding:13px;font-size:16px}
.createUserBtn{grid-column:1/-1;min-height:50px;font-weight:900;font-size:16px}.createUserMsg{grid-column:1/-1;min-height:18px;font-size:13px;color:var(--muted)}.createUserMsg.error{color:var(--red)}.createUserMsg.ok{color:var(--green)}
.usersListTitle{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--line)}.usersListTitle strong{font-size:16px}.usersListTitle span{min-width:28px;height:28px;border-radius:999px;display:grid;place-items:center;background:#242018;color:var(--gold2);font-weight:900;font-size:12px}
.userRow{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 2px;border-bottom:1px solid var(--line)}.userRow:last-child{border-bottom:0}
.userAvatar{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#3e2d14,#21190e);border:1px solid #5d4727;color:var(--gold2);font-weight:900;font-size:17px}.userInfo{min-width:0}.userInfo strong{display:block;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.userInfo span{display:block;color:var(--muted,#888);font-size:12px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roleBadge{font-size:11px;font-weight:900;padding:7px 9px;border-radius:999px;border:1px solid #514127;background:#211b11;color:var(--gold2);text-transform:uppercase}.roleBadge.admin{border-color:#6d4aa7;background:#271a3d;color:#c59bff}
@media(max-width:700px){.categoryTabs4{grid-template-columns:1fr 1fr}.categoryTabs4 #salesTab,.categoryTabs4 #usersTab{grid-column:auto;min-height:68px}.createUserForm{grid-template-columns:1fr}.createUserBtn,.createUserMsg{grid-column:auto}.usersHeader{align-items:center}.usersHeader h2{font-size:20px}}
@media(max-width:360px){.categoryTabs4{grid-template-columns:1fr}.categoryTabs4 #salesTab,.categoryTabs4 #usersTab{grid-column:auto}.userRow{grid-template-columns:auto minmax(0,1fr)}.roleBadge{grid-column:2;justify-self:start}}
body[data-theme="light"] .usersPanel{background:#fff;color:var(--text,inherit);border-color:#ddd5c8;box-shadow:0 7px 22px rgba(60,45,20,.07)}
body[data-theme="light"] .createUserForm input,body[data-theme="light"] .createUserForm select{background:#fff;color:#1c1a17;border-color:#d9d1c4;color-scheme:light}
body[data-theme="light"] .userAvatar{background:#fff6e5;border-color:#d9bd88;color:#7a5315}body[data-theme="light"] .usersListTitle span{background:#f6ead3;color:#7a5315}

/* --- BeparyTech UI refresh: operatori, permessi e cronologia --- */
.modalInput,.reasonInput,.modalSelect{
  width:100%;box-sizing:border-box;border:1px solid var(--line,#2a2a2a);border-radius:14px;
  background:color-mix(in srgb,var(--card,#151515) 88%,transparent);color:inherit;
  padding:13px 14px;font:inherit;outline:none;transition:.18s ease;
}
.modalInput:focus,.reasonInput:focus,.modalSelect:focus{border-color:#7c9cff;box-shadow:0 0 0 3px rgba(124,156,255,.14)}
.operatorGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0 4px}
.optionalText{opacity:.55;font-weight:500}
.readonlyQty{border-color:transparent!important;background:transparent!important;pointer-events:none;font-weight:800}
.stepper .plus[hidden]{display:none!important}
.operatorTag{display:inline-flex!important;width:max-content;padding:5px 9px;border-radius:999px;background:rgba(124,156,255,.12);font-size:12px!important;font-weight:700;color:#9db2ff!important}
.saleNoteText{opacity:.78;font-style:italic}
.restoreKicker{color:#34d399!important}
.userRowActions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.operatorPasswordState{display:block;margin-top:5px;color:#f59e0b;font-size:12px}.operatorPasswordState.set{color:#34d399}
.compactDialog{max-width:470px}
.saleRow{border:1px solid color-mix(in srgb,var(--line,#2a2a2a) 85%,transparent);box-shadow:0 12px 35px rgba(0,0,0,.08)}
.saleActionsRow{display:flex;gap:8px;flex-wrap:wrap}
.rowAction.restoreSale{border-color:rgba(52,211,153,.28);color:#34d399;background:rgba(52,211,153,.08)}
.usersPanel,.salesView,.model{backdrop-filter:blur(18px)}
@media(max-width:700px){
  .operatorGrid{grid-template-columns:1fr}
  .userRow{align-items:flex-start!important}.userRowActions{width:100%;justify-content:flex-start;margin-top:8px}
  .saleActionsRow .rowAction{flex:1 1 auto}
}


/* ===== BeparyTech Menu + Admin catalog + animated buttons ===== */
.headerActions{display:flex;align-items:center;gap:9px}.menuToggle{min-height:46px;padding:8px 13px;border-radius:14px;border:1px solid #4a3c25;background:#171717;color:var(--gold2);display:flex;align-items:center;gap:7px;font-weight:850}.menuGlyph{font-size:18px}
.menuOverlay{position:fixed;inset:0;z-index:12000;background:rgba(0,0,0,.58);backdrop-filter:blur(5px)}.mainMenu{position:fixed;z-index:12001;top:0;left:0;width:min(88vw,360px);height:100dvh;padding:max(16px,env(safe-area-inset-top)) 14px max(18px,env(safe-area-inset-bottom));background:linear-gradient(160deg,rgba(25,25,27,.98),rgba(8,8,9,.99));border-right:1px solid rgba(215,168,79,.24);box-shadow:28px 0 70px rgba(0,0,0,.48);transform:translateX(-105%);transition:transform .34s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;overflow:auto}.mainMenu.open{transform:translateX(0)}body.menu-open{overflow:hidden}.menuHead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 2px 18px;border-bottom:1px solid var(--line)}.menuBrand{display:flex;align-items:center;gap:10px}.menuBrand img{width:45px;height:45px;border-radius:14px}.menuBrand strong,.menuBrand span{display:block}.menuBrand strong{font-size:16px}.menuBrand span{font-size:11px;color:var(--muted,#888);margin-top:2px}.menuClose{width:42px;height:42px;border-radius:13px;border:1px solid var(--line);background:#1c1c1d;color:var(--text,inherit);font-size:25px}.menuNav{padding:13px 0;display:grid;gap:7px}.menuItem{width:100%;display:grid;grid-template-columns:42px 1fr;align-items:center;gap:10px;text-align:left;border:1px solid transparent;background:transparent;color:var(--text,inherit);padding:10px;border-radius:15px;cursor:pointer}.menuItem .menuIcon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#1e1d1a;border:1px solid #363027;color:var(--gold2);font-size:19px}.menuItem strong,.menuItem small{display:block}.menuItem strong{font-size:14px}.menuItem small{font-size:11px;color:var(--muted,#888);margin-top:3px}.menuItem.active{background:linear-gradient(135deg,rgba(215,168,79,.15),rgba(215,168,79,.05));border-color:rgba(215,168,79,.33)}.menuItem.active .menuIcon{background:linear-gradient(135deg,#e5bd68,#a97828);color:#17120a;border-color:#d7a84f}.menuDivider{height:1px;background:var(--line);margin:5px 7px}.menuFooter{margin-top:auto;padding:14px;border-radius:15px;background:#111;border:1px solid var(--line)}.menuFooter span,.menuFooter small{display:block}.menuFooter span{font-weight:850}.menuFooter small{color:var(--gold2);margin-top:3px}
.animatedBtn,.categoryTab,.menuItem,.stepper button,.rowAction,.miniBtn,.salesSubTab,.primaryAction,.secondaryAction,.dangerAction{position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .22s ease,filter .22s ease,border-color .22s ease}.animatedBtn::after,.categoryTab::after,.menuItem::after,.stepper button::after,.rowAction::after,.miniBtn::after,.primaryAction::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.18) 48%,transparent 70%);transform:translateX(-130%);transition:transform .48s ease;pointer-events:none}@media(hover:hover){.animatedBtn:hover,.categoryTab:hover,.menuItem:hover,.stepper button:hover,.rowAction:hover,.miniBtn:hover,.primaryAction:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.24);filter:brightness(1.08)}.animatedBtn:hover::after,.categoryTab:hover::after,.menuItem:hover::after,.stepper button:hover::after,.rowAction:hover::after,.miniBtn:hover::after,.primaryAction:hover::after{transform:translateX(130%)}}.animatedBtn:active,.categoryTab:active,.menuItem:active,.stepper button:active,.rowAction:active,.miniBtn:active,.primaryAction:active{transform:scale(.965)}
.catalogView{display:grid;gap:14px}.adminHero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;border:1px solid rgba(215,168,79,.25);border-radius:22px;background:linear-gradient(145deg,rgba(215,168,79,.11),rgba(20,20,20,.85));box-shadow:0 16px 40px rgba(0,0,0,.18)}.adminHero h2{margin:4px 0 6px;font-size:24px}.adminHero p{margin:0;color:var(--muted,#888);font-size:13px}.adminBadge{padding:8px 11px;border-radius:999px;background:linear-gradient(135deg,#e5bd68,#b88731);color:#17120a;font-size:11px;font-weight:950;letter-spacing:.08em}.catalogGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.catalogCard{background:linear-gradient(155deg,#171717,#101010);border:1px solid #342d22;border-radius:20px;padding:17px;display:grid;gap:11px}.catalogCard label{display:grid;gap:6px}.catalogCard label>span{font-size:12px;font-weight:800;color:var(--muted)}.catalogCard input,.catalogCard select{width:100%;min-width:0;border:1px solid #373129;color:var(--text,inherit);background:#0e0e0f;border-radius:13px;padding:13px;font-size:16px}.catalogCardTitle{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--line)}.catalogCardTitle strong,.catalogCardTitle small{display:block}.catalogCardTitle small{color:var(--muted,#888);font-size:11px;margin-top:2px}.catalogIcon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:#211b12;border:1px solid #4a3c25;color:var(--gold2);font-size:20px}.catalogTwoCols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.catalogListCard{display:block}.catalogListHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.catalogListHead strong,.catalogListHead small{display:block}.catalogListHead small{color:var(--muted,#888);font-size:11px;margin-top:2px}.catalogSectionRow{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 2px;border-top:1px solid var(--line)}.catalogSectionRow>div:first-child strong,.catalogSectionRow>div:first-child span{display:block}.catalogSectionRow>div:first-child span{color:var(--muted,#888);font-size:11px;margin-top:3px}.catalogSectionStats{display:grid;grid-template-columns:auto auto;gap:2px 7px;align-items:baseline;text-align:right}.catalogSectionStats b{font-size:15px;color:var(--gold2)}.catalogSectionStats small{font-size:10px;color:var(--muted)}
.customProductGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.customProductCard{border:1px solid #302a22;border-radius:19px;padding:15px;background:linear-gradient(145deg,#171717,#111);box-shadow:0 10px 28px rgba(0,0,0,.18)}.customProductTop{display:flex;gap:11px;align-items:center}.productVisual{width:48px;height:48px;flex:0 0 auto;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#3d2d16,#1e170e);border:1px solid #5a4324;color:var(--gold2);font-size:20px;font-weight:950}.customProductInfo{min-width:0}.customProductInfo strong,.customProductInfo span,.customProductInfo b{display:block}.customProductInfo strong{font-size:15px;overflow-wrap:anywhere}.customProductInfo span{font-size:11px;color:var(--muted,#888);margin:3px 0 4px}.customProductInfo .status{font-size:10px}.customProductBottom{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:15px;padding-top:12px;border-top:1px solid var(--line)}.customQty small,.customQty strong{display:block}.customQty small{font-size:10px;color:var(--muted)}.customQty strong{font-size:26px;margin-top:2px}.customActions{display:flex;gap:7px}.customActions button{min-width:48px;min-height:42px;border-radius:12px;font-weight:900;border:1px solid #4a3c25;background:#211b12;color:var(--gold2)}.customActions .minus{color:#ff9d9d;border-color:#593231;background:#251515}.customActions button:disabled{opacity:.35}
body[data-theme="light"] .mainMenu{background:linear-gradient(160deg,#fff,#f6f1e8);border-color:#d9c59f}body[data-theme="light"] .menuItem .menuIcon,body[data-theme="light"] .menuFooter,body[data-theme="light"] .catalogCard,body[data-theme="light"] .customProductCard{background:#fff;color:#1c1a17;border-color:#ddd5c8}body[data-theme="light"] .catalogCard input,body[data-theme="light"] .catalogCard select{background:#fff;color:#1c1a17;border-color:#d9d1c4;color-scheme:light}body[data-theme="light"] .adminHero{background:linear-gradient(145deg,#fff9eb,#fff);border-color:#dfc895;color:#1c1a17}
@media(max-width:760px){.catalogGrid{grid-template-columns:1fr}.customProductGrid{grid-template-columns:1fr}.headerActions{gap:6px}.menuToggle{padding:8px 10px}.menuToggle span:last-child{display:none}}@media(max-width:420px){.themeToggle #themeLabel{display:none}.adminHero{align-items:flex-start}.catalogTwoCols{grid-template-columns:1fr}.catalogSectionRow{align-items:flex-start}.categoryTabs{display:none}.categoryTitle{margin-top:12px}}

.readOnlyHistory{justify-content:flex-end;color:var(--muted,#888);font-size:11px;font-weight:750}


/* v16: login pulito + richieste Da ordinare */
body:not(.logged-in) > .mainMenu,
body:not(.logged-in) > .menuOverlay,
body:not(.logged-in) .app > header,
body:not(.logged-in) .app > .stats,
body:not(.logged-in) .app > .categoryTabs,
body:not(.logged-in) .app > .categoryTitle,
body:not(.logged-in) .app > .tools,
body:not(.logged-in) .app > main,
body:not(.logged-in) .app > .salesView,
body:not(.logged-in) .app > .usersView,
body:not(.logged-in) .app > .catalogView{display:none!important}
body:not(.logged-in){min-height:100vh;display:grid;place-items:center;padding:22px}
body:not(.logged-in) .app{width:min(100%,520px);margin:0;padding:0}
body:not(.logged-in) .authPanel{margin:0;width:100%;min-height:auto}
body:not(.logged-in) #signedIn{display:none!important}
.passwordRow{display:grid;gap:8px}
.forgotPasswordBtn{appearance:none;border:0;background:transparent;color:var(--accent,#7da7ff);font-weight:700;text-align:right;padding:2px 4px;cursor:pointer}
.forgotPasswordBtn:hover{text-decoration:underline}
.orderRequestWrap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:18px;width:100%}
.orderRequestCard{background:var(--panel,#111);border:1px solid var(--border,#272727);border-radius:22px;padding:18px;box-shadow:0 12px 38px rgba(0,0,0,.14)}
.orderRequestCard label{display:grid;gap:7px;margin:12px 0}.orderRequestCard input,.requestStatusSelect{width:100%;border:1px solid var(--border,#333);background:var(--input,#0d0d0d);color:inherit;border-radius:13px;padding:12px}
.requestRow{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--border,#262626)}
.requestRow:last-child{border-bottom:0}.requestMain{display:grid;gap:4px;min-width:0}.requestMain strong{font-size:15px}.requestMain span,.requestMain small{opacity:.72}.requestSide{display:grid;gap:8px;justify-items:end;min-width:120px}.requestStatus{text-transform:uppercase;font-size:11px;letter-spacing:.08em;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.08)}.requestStatus.ordinato{background:rgba(255,184,77,.16)}.requestStatus.arrivato{background:rgba(76,217,100,.16)}
@media(max-width:780px){.orderRequestWrap{grid-template-columns:1fr}.requestRow{align-items:flex-start}.requestSide{min-width:100px}}

/* ===== v17 layout professionale, dashboard, ricerca, audit, backup e scanner ===== */
.categoryTabs{display:none!important}
.app{width:min(100%,1480px);max-width:1480px;margin:0 auto;padding-left:clamp(12px,2vw,28px);padding-right:clamp(12px,2vw,28px)}
body.logged-in .app{min-height:100vh}
body.logged-in header{position:sticky;top:0;z-index:40;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.globalSearchBar{position:relative;z-index:35;margin:14px 0 16px}
.globalSearchBox{display:flex;align-items:center;gap:10px;border:1px solid #332d25;background:linear-gradient(145deg,#171717,#111);border-radius:17px;padding:7px 8px 7px 14px;box-shadow:0 10px 30px rgba(0,0,0,.14)}
.globalSearchBox>span{font-size:22px;color:var(--gold2)}
.globalSearchBox input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text,inherit);font-size:16px;padding:8px 2px}
.globalSearchResults{position:absolute;left:0;right:0;top:calc(100% + 7px);max-height:min(65vh,560px);overflow:auto;background:#111;border:1px solid #393127;border-radius:17px;padding:7px;box-shadow:0 22px 60px rgba(0,0,0,.4)}
.globalResult{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;border:0;border-bottom:1px solid #26221d;background:transparent;color:var(--text,inherit);padding:12px;border-radius:11px;cursor:pointer}.globalResult:last-child{border-bottom:0}.globalResult:hover{background:#1d1914}.globalResult span,.globalResult strong,.globalResult small{display:block}.globalResult small{color:var(--muted,#888);margin-top:3px}.globalResult b{font-size:18px;color:var(--gold2)}
.dashboardView{display:grid;gap:16px;margin:8px 0 26px}.dashboardHero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:23px;border:1px solid #3a3023;border-radius:24px;background:linear-gradient(135deg,#20180e,#111 58%);box-shadow:0 18px 50px rgba(0,0,0,.16)}.dashboardHero h2{font-size:clamp(25px,3vw,38px);margin:3px 0}.dashboardHero p{margin:0;color:var(--muted)}
.dashboardCards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.dashCard{appearance:none;text-align:left;color:var(--text,inherit);background:linear-gradient(145deg,#171717,#101010);border:1px solid #302a22;border-radius:20px;padding:18px;cursor:pointer;transition:.2s transform,.2s border-color}.dashCard:hover{transform:translateY(-2px);border-color:#6b5330}.dashCard span,.dashCard strong,.dashCard small{display:block}.dashCard span{color:var(--muted,#888);font-size:12px;font-weight:800}.dashCard strong{font-size:32px;margin:5px 0;color:var(--gold2)}.dashCard small{color:var(--muted)}.dashCard.warning strong{color:#ffb867}
.dashboardColumns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.dashboardPanel{border:1px solid #302a22;background:#131313;border-radius:20px;padding:16px;min-width:0}.panelHead{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding-bottom:10px}.panelHead strong,.panelHead span{display:block}.panelHead span{font-size:11px;color:var(--muted)}.dashboardLine{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;border:0;border-top:1px solid var(--line);background:transparent;color:var(--text,inherit);padding:12px 3px}.dashboardLine[data-section]{cursor:pointer}.dashboardLine[data-section]:hover{background:rgba(255,255,255,.025)}.dashboardLine span,.dashboardLine strong,.dashboardLine small{display:block}.dashboardLine small{color:var(--muted,#888);margin-top:3px}.dashboardLine b{color:var(--gold2);font-size:18px}
.auditRow{display:grid;grid-template-columns:44px minmax(0,1fr) minmax(120px,.55fr);gap:12px;align-items:center;padding:14px 2px;border-bottom:1px solid var(--line)}.auditIcon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:#211b12;border:1px solid #493a24;color:var(--gold2);font-weight:950}.auditMain strong,.auditMain span,.auditMain small{display:block}.auditMain span{font-size:12px;margin:2px 0;color:var(--muted)}.auditMain small{font-size:10px;color:var(--muted)}.auditDetails{text-align:right;color:var(--muted,#888);font-size:12px;overflow-wrap:anywhere}
.backupGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.backupAction{appearance:none;text-align:left;color:var(--text,inherit);cursor:pointer;min-height:150px;align-content:end}.backupAction strong,.backupAction span{display:block}.backupAction strong{font-size:20px;color:var(--gold2)}.backupAction span{margin-top:6px;color:var(--muted)}.backupAction:hover{border-color:#6c5430;transform:translateY(-2px)}
.scannerVideo{width:100%;max-height:52vh;object-fit:cover;background:#050505;border-radius:16px;border:1px solid #393128}.scannerMsg{color:var(--muted,#888);font-size:12px;margin:9px 0}.scannerManual{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.scannerManual input{min-width:0;border:1px solid #373129;color:var(--text,inherit);background:#0e0e0f;border-radius:13px;padding:12px;font-size:16px}
.catalogSectionRow{display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(250px,auto);align-items:center}.catalogSectionInfo em{font-style:normal;font-size:9px;color:#ffb867;border:1px solid #674823;padding:3px 6px;border-radius:999px;margin-left:7px}.catalogSectionActions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.catalogSectionActions .miniBtn{padding:8px 10px}.sectionInactive{opacity:.6}.sectionInactive .catalogSectionInfo strong{text-decoration:line-through}
.requestStatus.approvato{background:rgba(100,149,237,.17)}.requestStatus.consegnato{background:rgba(140,140,140,.18);opacity:.72}.requestMain a{color:var(--gold2);font-size:12px;text-decoration:none}.requestMain a:hover{text-decoration:underline}
.customProductInfo small{display:block;font-size:10px;color:var(--gold2);margin:1px 0 4px;overflow-wrap:anywhere}
body[data-theme="light"] .globalSearchBox,body[data-theme="light"] .globalSearchResults,body[data-theme="light"] .dashboardPanel,body[data-theme="light"] .dashCard,body[data-theme="light"] .backupAction{background:#fff;border-color:#ddd5c8;color:#1c1a17}body[data-theme="light"] .globalSearchBox input,body[data-theme="light"] .scannerManual input{color:#1c1a17;background:#fff}body[data-theme="light"] .globalResult{color:#1c1a17;border-color:#eee8de}body[data-theme="light"] .globalResult:hover{background:#f5efe5}body[data-theme="light"] .dashboardHero{background:linear-gradient(135deg,#fff8e9,#fff);color:#1c1a17;border-color:#dfc895}
@media(min-width:1000px){.mainMenu{width:300px}.customProductGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalogGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1300px){.customProductGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.dashboardCards{grid-template-columns:1fr 1fr}.dashboardColumns{grid-template-columns:1fr}.backupGrid{grid-template-columns:1fr}.catalogSectionRow{grid-template-columns:minmax(0,1fr) auto}.catalogSectionActions{grid-column:1/-1;justify-content:flex-start;padding-top:8px}.auditRow{grid-template-columns:44px minmax(0,1fr)}.auditDetails{grid-column:2;text-align:left}}
@media(max-width:560px){.app{padding-left:10px;padding-right:10px}.dashboardCards{grid-template-columns:1fr 1fr;gap:8px}.dashCard{padding:14px}.dashCard strong{font-size:26px}.dashboardHero{padding:17px;align-items:flex-start}.globalSearchBox{gap:6px}.globalSearchBox .miniBtn{font-size:0;width:42px}.globalSearchBox .miniBtn:after{content:'▣';font-size:17px}.catalogSectionRow{grid-template-columns:1fr}.catalogSectionStats{text-align:left;justify-self:start;grid-template-columns:auto auto auto auto}.scannerManual{grid-template-columns:1fr}.auditRow{grid-template-columns:38px minmax(0,1fr)}.auditIcon{width:36px;height:36px}}
/* Prima del login deve apparire esclusivamente il pannello di accesso */
body:not(.logged-in) .globalSearchBar,body:not(.logged-in) .dashboardView,body:not(.logged-in) #auditView,body:not(.logged-in) #backupView{display:none!important}
.productVisual{overflow:hidden;position:relative}.productModelImage{width:100%;height:100%;object-fit:contain;display:block;padding:3px}.productVisual>span{display:grid;place-items:center;width:100%;height:100%}.customActions .edit{color:var(--text,inherit);border-color:#3b3833;background:#181818}
@media(min-width:1150px){.dashboardCards{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* v18: ordinamento, ricerca navigabile e pannelli dashboard richiudibili */
.dashboardToggle{width:100%;border:0;background:transparent;color:var(--text,inherit);cursor:pointer;text-align:left;align-items:center}.dashboardToggle span{display:block}.dashboardToggle small{display:block;font-size:11px;color:var(--muted,#888);margin-top:3px}.panelChevron{font-size:22px;line-height:1;transition:transform .2s ease;color:var(--gold2)}.dashboardPanelBody{display:none}.dashboardPanel.open .dashboardPanelBody{display:block}.dashboardPanel.open .panelChevron{transform:rotate(180deg)}
.customProductCard.searchFocus{outline:2px solid var(--gold2);outline-offset:3px;animation:searchPulse .7s ease 2}@keyframes searchPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.015)}}
body[data-theme="light"] .dashboardToggle{color:#1c1a17}

/* v19: ogni modello in una tendina separata */
.customModelAccordion{display:grid;gap:11px}
.customModelGroup{background:#141414;border:1px solid #28251f;border-radius:18px;overflow:hidden;box-shadow:0 7px 22px rgba(0,0,0,.2)}
.customModelHeader{width:100%;border:0;background:transparent;color:var(--text,inherit);padding:14px 16px;display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:pointer}
.customModelHeaderMain{display:flex;align-items:center;gap:12px;min-width:0}
.customModelHeaderMain>div{min-width:0}
.customModelHeaderMain strong{display:block;font-size:16px;white-space:normal;overflow-wrap:anywhere}
.customModelHeaderMain small{display:block;color:var(--muted,#888);margin-top:3px;font-size:12px}
.customModelThumb{width:46px;height:60px;object-fit:contain;flex:0 0 auto}
.customModelBody{border-top:1px solid var(--line);padding:12px}
.customModelGroup.closed .customModelBody{display:none}
.customModelGroup.closed .chevron{transform:rotate(-90deg)}
.customModelGroup .chevron{transition:transform .18s ease}
.customModelGroup .customProductGrid{margin:0}
body[data-theme="light"] .customModelGroup{background:#fff;border-color:#e3d7c3}
@media(max-width:600px){.customModelHeader{padding:12px 13px}.customModelThumb{width:40px;height:52px}.customModelBody{padding:9px}}

/* v20: correzione desktop icone + contrasto campi */
:root{color-scheme:dark}
input,textarea,select{
  color:var(--text)!important;
  caret-color:var(--gold2);
}
input::placeholder,textarea::placeholder{color:#8f8a82;opacity:1}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{
  -webkit-text-fill-color:var(--text)!important;
  caret-color:var(--gold2)!important;
  box-shadow:0 0 0 1000px #0e0e0f inset!important;
}
.catalogCard input,.catalogCard select,.orderRequestCard input,.requestStatusSelect,
.createUserForm input,.createUserForm select,.modalInput,.reasonInput,.modalSelect,
.scannerManual input,.authPanel input,.qty,input[type="search"]{
  background:#0e0e0f;color:#f7f4ec!important;border-color:#3a342d;
}
.qty{text-align:center}

/* Le icone restano centrate anche su Windows/Chrome con font diversi */
.menuItem{grid-template-columns:44px minmax(0,1fr);align-items:center}
.menuItem .menuIcon{
  width:44px;height:44px;min-width:44px;min-height:44px;
  display:flex;align-items:center;justify-content:center;
  padding:0;margin:0;line-height:1;font-size:20px;text-align:center;
  font-family:"Segoe UI Symbol","Segoe UI",Arial,sans-serif;
}
.menuGlyph,.panelChevron,.chevron,.globalSearchBox>span,.auditIcon{
  display:flex;align-items:center;justify-content:center;line-height:1;
}
.headerActions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:nowrap}
.menuToggle,.themeToggle{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}
.menuToggle .menuGlyph{width:22px;height:22px;flex:0 0 22px}
.themeToggle #themeIcon{width:22px;height:22px;display:flex;align-items:center;justify-content:center;line-height:1}
.customActions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:nowrap}
.customActions button,.stepper button,.rowAction,.miniBtn{display:inline-flex;align-items:center;justify-content:center;line-height:1.15}
.customProductBottom{align-items:center}

/* Evita che le card desktop diventino troppo strette e spostino i comandi */
@media(min-width:1000px){
  .customModelGroup .customProductGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .customProductCard{min-width:0}
}
@media(min-width:1380px){
  .customModelGroup .customProductGrid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

body[data-theme="light"]{color-scheme:light}
body[data-theme="light"] input,body[data-theme="light"] textarea,body[data-theme="light"] select{
  color:#1c1a17!important;caret-color:#8b621d;
}
body[data-theme="light"] input::placeholder,body[data-theme="light"] textarea::placeholder{color:#81786d}
body[data-theme="light"] .catalogCard input,body[data-theme="light"] .catalogCard select,
body[data-theme="light"] .orderRequestCard input,body[data-theme="light"] .requestStatusSelect,
body[data-theme="light"] .createUserForm input,body[data-theme="light"] .createUserForm select,
body[data-theme="light"] .modalInput,body[data-theme="light"] .reasonInput,body[data-theme="light"] .modalSelect,
body[data-theme="light"] .scannerManual input,body[data-theme="light"] .authPanel input,
body[data-theme="light"] .qty,body[data-theme="light"] input[type="search"]{
  background:#fff;color:#1c1a17!important;border-color:#d9d1c4;
}

/* v21: rifinitura PC tendine + icona modifica visibile in tema chiaro */
.customModelHeader{position:relative;gap:14px}
.customModelHeaderMain{flex:1 1 auto;min-width:0}
.customModelHeader>.chevron{
  flex:0 0 34px;width:34px;height:34px;margin-left:10px;
  border:1px solid #4a3c25;border-radius:10px;background:#211b12;
  color:var(--gold2);font-size:20px;font-weight:900;
}
.customModelBody{min-height:0}
.customModelGroup.closed .customModelBody{display:none!important}
.customModelGroup:not(.closed) .customModelBody{display:block}
.customModelGroup .customProductGrid{align-items:stretch}
.customProductCard{display:flex;flex-direction:column;min-height:0}
.customProductBottom{margin-top:auto}
.customActions button{flex:0 0 auto}
.customActions .edit{font-size:21px;font-weight:900}

body[data-theme="light"] .customModelHeader>.chevron{
  background:#fff8e8;border-color:#d7b86e;color:#8a5e0a;
}
body[data-theme="light"] .customActions .edit{
  background:#f3eee5!important;border-color:#9f9486!important;color:#2a241d!important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.03);
}
body[data-theme="light"] .customActions .edit:hover{background:#e7dfd2!important}

/* Desktop: controlli sempre ordinati e senza spostamenti */
@media(min-width:900px){
  .customProductTop{min-height:64px}
  .customProductBottom{display:grid;grid-template-columns:minmax(70px,1fr) auto;align-items:end;gap:14px}
  .customActions{justify-self:end}
  .customActions button{width:48px;height:44px;padding:0}
}


/* v22: layout desktop corretto in base alla larghezza REALE del contenitore */
.customModelGroup{width:100%;max-width:100%;box-sizing:border-box}
.customModelBody{width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}
.customModelGroup .customProductGrid{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))!important;
}
.customProductCard{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  overflow:hidden;
}
.customProductTop,.customProductBottom{width:100%;max-width:100%;box-sizing:border-box}
.customProductBottom{
  grid-template-columns:minmax(54px,1fr) auto!important;
}
.customActions{max-width:100%;gap:6px}
.customActions button{
  width:46px!important;
  min-width:46px!important;
  height:44px!important;
  padding:0!important;
}
.customModelHeader{box-sizing:border-box;overflow:hidden}
.customModelHeader>.chevron{margin-left:auto!important}

/* Su desktop medio: mai 4 card compresse/tagliate nella stessa riga */
@media (min-width:900px) and (max-width:1399px){
  .customModelGroup .customProductGrid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media (min-width:900px) and (max-width:1080px){
  .customModelGroup .customProductGrid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media (max-width:700px){
  .customModelGroup .customProductGrid{grid-template-columns:1fr!important}
}

/* Tema giorno: modifica sempre leggibile */
body[data-theme="light"] .customActions .edit{
  background:#ece7de!important;
  border:1px solid #746b61!important;
  color:#17130f!important;
  opacity:1!important;
}

/* v23: FIX definitivo campi login chiari su Chrome/Brave/Edge/Windows */
body[data-theme="light"] .authPanel input,
body[data-theme="light"] .authPanel input[type="email"],
body[data-theme="light"] .authPanel input[type="password"],
body[data-theme="light"] .authPanel input[type="text"]{
  background:#ffffff !important;
  color:#17130f !important;
  -webkit-text-fill-color:#17130f !important;
  caret-color:#17130f !important;
  border-color:#cfc6b8 !important;
  color-scheme:light !important;
  -webkit-appearance:none;
  appearance:none;
}
body[data-theme="light"] .authPanel input::placeholder{
  color:#756d63 !important;
  -webkit-text-fill-color:#756d63 !important;
  opacity:1 !important;
}
body[data-theme="light"] .authPanel input:-webkit-autofill,
body[data-theme="light"] .authPanel input:-webkit-autofill:hover,
body[data-theme="light"] .authPanel input:-webkit-autofill:focus,
body[data-theme="light"] .authPanel input:-webkit-autofill:active{
  -webkit-text-fill-color:#17130f !important;
  caret-color:#17130f !important;
  -webkit-box-shadow:0 0 0 1000px #ffffff inset !important;
  box-shadow:0 0 0 1000px #ffffff inset !important;
  border-color:#cfc6b8 !important;
  transition:background-color 9999s ease-out 0s;
}

/* v24 MOBILE FIX: layout compatto indipendente dal desktop */
@media (max-width:700px){
  .customModelAccordion{gap:8px!important}
  .customModelGroup{border-radius:16px!important}
  .customModelHeader{padding:10px 12px!important;min-height:68px!important;gap:10px!important}
  .customModelHeaderMain{gap:9px!important}
  .customModelThumb{width:36px!important;height:46px!important}
  .customModelHeaderMain strong{font-size:16px!important}
  .customModelHeaderMain small{font-size:11px!important;margin-top:2px!important}
  .customModelHeader>.chevron{width:38px!important;height:38px!important;flex-basis:38px!important;margin-left:auto!important}
  .customModelBody{padding:8px!important;overflow:visible!important}
  .customModelGroup .customProductGrid{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .customProductCard{padding:10px 11px!important;border-radius:16px!important;overflow:visible!important;min-height:0!important}
  .customProductTop{gap:9px!important;min-height:0!important}
  .productVisual{width:42px!important;height:42px!important;border-radius:13px!important}
  .customProductInfo strong{font-size:15px!important;line-height:1.15!important}
  .customProductInfo span{font-size:11px!important;margin:2px 0 2px!important}
  .customProductInfo .status{font-size:10px!important;line-height:1.1!important}
  .customProductBottom{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    margin-top:8px!important;
    padding-top:8px!important;
    border-top:1px solid var(--line)!important;
  }
  .customQty{flex:0 0 auto!important;min-width:46px!important}
  .customQty small{font-size:10px!important}
  .customQty strong{font-size:23px!important;line-height:1!important;margin-top:2px!important}
  .customActions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;flex:0 0 auto!important;max-width:none!important}
  .customActions button{
    width:42px!important;
    min-width:42px!important;
    height:38px!important;
    min-height:38px!important;
    padding:0!important;
    border-radius:11px!important;
    font-size:15px!important;
  }
  .customActions .edit{font-size:18px!important}
}
@media (max-width:380px){
  .customProductCard{padding:9px!important}
  .customActions{gap:4px!important}
  .customActions button{width:39px!important;min-width:39px!important;height:37px!important;min-height:37px!important}
}

/* Riparalo multi-operatore */
.accountOperatorsDialog{max-width:680px}
.accountOperatorsHelp{margin:0 0 14px;color:var(--muted,#888);font-size:14px;line-height:1.45}
.accountOperatorForm{display:grid;gap:12px;margin-bottom:18px}
.accountOperatorRow{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}
.accountOperatorRow>div:first-child{display:grid;gap:4px}
.accountOperatorRow small{color:var(--muted)}
.accountOperatorActions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.operatorRequestFields{margin-bottom:2px}
@media(max-width:640px){.accountOperatorRow{align-items:flex-start;flex-direction:column}.accountOperatorActions{width:100%}.accountOperatorActions .rowAction{flex:1}.accountOperatorsDialog{max-width:none}}

/* v28 - Orari privati Admin */
.hoursView{display:grid;gap:16px}.hoursView[hidden]{display:none!important}.hoursHero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;border:1px solid var(--line,#2b2b2b);border-radius:20px;background:var(--panel,#111)}.hoursHero h2{margin:3px 0 5px}.hoursHero p{margin:0;opacity:.72}.hoursToolbar{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.hoursToolbar label{display:grid;gap:6px}.hoursToolbar label span,.hoursCard label>span{font-size:12px;font-weight:700;opacity:.72}.hoursSummary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.hoursSummary>div{padding:16px;border:1px solid var(--line,#2b2b2b);border-radius:16px;background:var(--panel,#111);display:grid;gap:5px}.hoursSummary span{font-size:12px;opacity:.68}.hoursSummary strong{font-size:20px}.hoursGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hoursCard{padding:18px;border:1px solid var(--line,#2b2b2b);border-radius:18px;background:var(--panel,#111);display:grid;gap:12px}.hoursCard label{display:grid;gap:6px}.hoursCard input,.hoursCard textarea{width:100%;box-sizing:border-box}.hoursTwoCols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hoursListCard{overflow:hidden}.hoursDay{border-top:1px solid var(--line,#2b2b2b);padding:14px 2px;display:grid;gap:9px}.hoursDay:first-child{border-top:0}.hoursDayHead{display:flex;align-items:center;justify-content:space-between;gap:10px}.hoursDayHead strong{font-size:15px}.hoursDayHead b{font-size:14px}.hoursLine{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:9px 11px;border-radius:12px;background:rgba(127,127,127,.08)}.hoursLine span{font-size:13px}.hoursLine small{opacity:.68;display:block;margin-top:2px}.hoursActions{display:flex;gap:7px;flex-wrap:wrap}.hoursDelete{border:0;background:transparent;color:#e05252;font-weight:700;cursor:pointer;padding:5px 7px}.hoursEdit{border:0;background:transparent;color:inherit;font-weight:700;cursor:pointer;padding:5px 7px}.hoursEmpty{opacity:.65;font-size:13px}.hoursPrivacy{font-size:12px;opacity:.62}
@media(max-width:760px){.hoursSummary{grid-template-columns:1fr 1fr}.hoursGrid{grid-template-columns:1fr}.hoursHero{align-items:flex-start}.hoursHero .adminBadge{font-size:10px}.hoursToolbar{display:grid;grid-template-columns:1fr 1fr}.hoursToolbar label{grid-column:1/-1}.hoursToolbar input{width:100%}.hoursTwoCols{gap:8px}.hoursCard{padding:14px}.hoursLine{display:grid}.hoursDayHead{align-items:flex-start}}

/* v32 - Orari: mesi + colonne e-Pol / Riparalo / Note */
.hoursMonthsPanel{padding:14px;border:1px solid var(--line,#2b2b2b);border-radius:18px;background:var(--panel,#111);display:grid;gap:10px}
.hoursMonthsTitle{display:flex;align-items:end;justify-content:space-between;gap:12px}.hoursMonthsTitle small{opacity:.62}
.hoursMonthColumns{display:grid;grid-template-columns:repeat(12,minmax(74px,1fr));gap:7px;overflow-x:auto;padding-bottom:3px;scrollbar-width:thin}
.hoursMonthBtn{min-width:74px;border:1px solid var(--line,#2b2b2b);border-radius:13px;background:rgba(127,127,127,.06);color:inherit;padding:10px 8px;display:grid;gap:3px;text-align:left;cursor:pointer}
.hoursMonthBtn strong{font-size:13px}.hoursMonthBtn small{font-size:10px;opacity:.62;white-space:nowrap}.hoursMonthBtn.active{border-color:#c99a44;background:rgba(201,154,68,.14);box-shadow:inset 0 0 0 1px rgba(201,154,68,.15)}
.hoursSeparatedGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.9fr);gap:12px;align-items:start}
.hoursCompanyColumn,.hoursNotesColumn{border:1px solid var(--line,#2b2b2b);border-radius:16px;padding:12px;background:rgba(127,127,127,.035);display:grid;gap:9px;min-width:0}
.hoursColumnHead{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 2px 8px;border-bottom:1px solid var(--line,#2b2b2b)}
.hoursColumnHead strong{font-size:16px}.hoursColumnHead b{font-size:13px;white-space:nowrap}.hoursColumnHead small{display:block;opacity:.6;margin-top:2px}
.hoursCompactDay{display:grid;gap:7px;padding:11px;border-radius:13px;background:rgba(127,127,127,.08)}
.hoursCompactTop{display:flex;justify-content:space-between;align-items:center;gap:8px}.hoursCompactTop strong{font-size:14px}.hoursCompactTop b{font-size:13px}
.hoursCompactTime{font-size:12px;opacity:.72;line-height:1.4;overflow-wrap:anywhere}.hoursCompactActions{display:flex;gap:5px;flex-wrap:wrap}
.hoursNoteItem{padding:10px 11px;border-radius:12px;background:rgba(127,127,127,.08);display:grid;gap:4px}.hoursNoteItem strong{font-size:13px}.hoursNoteItem span{font-size:12px;opacity:.75;line-height:1.4;overflow-wrap:anywhere}
.hoursOtherWrap{grid-column:1/-1;border-top:1px solid var(--line,#2b2b2b);padding-top:10px}.hoursOtherTitle{font-size:13px;font-weight:800;margin-bottom:8px}.hoursOtherGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
@media(max-width:900px){.hoursSeparatedGrid{grid-template-columns:1fr 1fr}.hoursNotesColumn{grid-column:1/-1}.hoursMonthColumns{grid-template-columns:repeat(12,82px)}}
@media(max-width:620px){.hoursSeparatedGrid{grid-template-columns:1fr}.hoursNotesColumn{grid-column:auto}.hoursOtherGrid{grid-template-columns:1fr}.hoursMonthBtn{min-width:78px}.hoursMonthsPanel{padding:12px}.hoursColumnHead strong{font-size:18px}.hoursCompactDay{padding:12px}}

/* v33 - Vendute, note versionate e stampa DYMO */
.saleStockAction{width:auto!important;min-width:72px!important;padding:0 10px!important;font-size:11px!important;letter-spacing:.02em}
.noteTools{display:flex;gap:9px;flex-wrap:wrap;margin:10px 0 14px}.noteTools .secondaryAction{flex:1;min-width:130px}
.noteHistoryHead{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:14px 0 8px}.noteHistoryHead strong,.noteHistoryHead small{display:block}.noteHistoryHead small{color:var(--muted,#888);font-size:10px;text-align:right}
.noteHistory{max-height:210px;overflow:auto;border:1px solid var(--line);border-radius:14px;padding:8px;background:rgba(0,0,0,.08)}
.noteHistoryItem{padding:9px 10px;border-bottom:1px solid var(--line)}.noteHistoryItem:last-child{border-bottom:0}.noteHistoryItem strong,.noteHistoryItem span,.noteHistoryItem small{display:block}.noteHistoryItem strong{font-size:11px}.noteHistoryItem span{margin-top:4px;white-space:pre-wrap;overflow-wrap:anywhere}.noteHistoryItem small{color:var(--muted,#888);margin-top:3px;font-size:10px}
.saleNoteActions{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.saleNoteActions .rowAction{font-size:10px;padding:7px 9px}
.dymoPrintLabel{display:none}
@media print{
 body.printingDymo>*:not(.dymoPrintLabel){display:none!important}
 body.printingDymo .dymoPrintLabel{display:block!important;position:fixed;inset:0;width:32mm;height:57mm;padding:2.5mm;box-sizing:border-box;background:#fff;color:#000;font-family:Arial,sans-serif;overflow:hidden}
 body.printingDymo .dymoPrintLabel strong{display:block;font-size:10pt;line-height:1.05}.dymoPrintLabel span{display:block;font-size:7pt;margin-top:1mm}.dymoPrintLabel p{font-size:8pt;line-height:1.15;margin:1.5mm 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
 @page{size:32mm 57mm;margin:0}
}

/* v37 - formato DYMO corretto 32x57 mm */
@media print{
  html,body{width:32mm!important;height:57mm!important;margin:0!important;padding:0!important}
  body.printingDymo .dymoPrintLabel{width:32mm!important;height:57mm!important;padding:2mm!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:.65mm!important}
  body.printingDymo .dymoPrintLabel strong{font-size:10pt!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.printingDymo .dymoPrintLabel span{font-size:7pt!important;line-height:1.05!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.printingDymo .dymoPrintLabel p{font-size:8pt!important;line-height:1.08!important;margin:.4mm 0 0!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;word-break:break-word!important;overflow:hidden!important;flex:1!important}
  body.printingDymo .dymoPrintLabel[data-fit="compact"] strong{font-size:9pt!important}
  body.printingDymo .dymoPrintLabel[data-fit="compact"] span{font-size:6.5pt!important}
  body.printingDymo .dymoPrintLabel[data-fit="compact"] p{font-size:7pt!important;line-height:1.03!important}
  body.printingDymo .dymoPrintLabel[data-fit="tiny"]{padding:1.5mm!important;gap:.4mm!important}
  body.printingDymo .dymoPrintLabel[data-fit="tiny"] strong{font-size:8pt!important}
  body.printingDymo .dymoPrintLabel[data-fit="tiny"] span{font-size:5.8pt!important}
  body.printingDymo .dymoPrintLabel[data-fit="tiny"] p{font-size:6pt!important;line-height:1!important;margin:.2mm 0 0!important}
  body.printingDymo .dymoPrintLabel[data-fit="micro"]{padding:1.2mm!important;gap:.25mm!important}
  body.printingDymo .dymoPrintLabel[data-fit="micro"] strong{font-size:7pt!important}
  body.printingDymo .dymoPrintLabel[data-fit="micro"] span{font-size:5.2pt!important}
  body.printingDymo .dymoPrintLabel[data-fit="micro"] p{font-size:5.3pt!important;line-height:.98!important;margin:.1mm 0 0!important}
  @page{size:32mm 57mm;margin:0}
}

/* v36 - FIX pulsanti Venduta/+1/Modifica: mai tagliati o compressi */
.customProductBottom{
  grid-template-columns:minmax(58px,1fr) auto!important;
  gap:10px!important;
}
.customActions{
  display:grid!important;
  grid-template-columns:minmax(78px,max-content) 48px 48px;
  align-items:center!important;
  justify-content:end!important;
  gap:6px!important;
  width:auto!important;
  max-width:100%!important;
}
.customActions button{
  box-sizing:border-box!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.customActions .minus{
  width:auto!important;
  min-width:78px!important;
  padding:0 12px!important;
  font-size:12px!important;
}
.customActions .plus,.customActions .edit{
  width:48px!important;
  min-width:48px!important;
  padding:0!important;
}

/* Il numero di card dipende dallo spazio reale: niente 3 colonne forzate su PC medio */
@media (min-width:701px){
  .customModelGroup .customProductGrid{
    grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))!important;
  }
}

/* Tablet / finestre strette: i comandi restano completi e vanno sotto la giacenza se serve */
@media (min-width:701px) and (max-width:900px){
  .customProductBottom{
    grid-template-columns:1fr!important;
    align-items:start!important;
  }
  .customActions{justify-self:start!important;}
}

/* Mobile: Venduta mantiene il testo intero senza allargare eccessivamente la card */
@media (max-width:700px){
  .customProductBottom{
    display:grid!important;
    grid-template-columns:minmax(44px,1fr) auto!important;
    align-items:center!important;
  }
  .customActions{
    display:grid!important;
    grid-template-columns:minmax(72px,max-content) 42px 42px!important;
    gap:5px!important;
  }
  .customActions .minus{
    width:auto!important;
    min-width:72px!important;
    height:38px!important;
    min-height:38px!important;
    padding:0 9px!important;
    font-size:11px!important;
  }
  .customActions .plus,.customActions .edit{
    width:42px!important;
    min-width:42px!important;
    height:38px!important;
    min-height:38px!important;
  }
}
@media (max-width:380px){
  .customProductBottom{grid-template-columns:1fr!important;gap:7px!important;}
  .customActions{justify-self:end!important;}
}


/* v38 - DYMO 57x32 mm landscape: matches the physical 57 mm wide x 32 mm high label */
@media print{
  @page{size:57mm 32mm;margin:0!important}
  html,body{width:57mm!important;height:32mm!important;min-width:57mm!important;min-height:32mm!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#fff!important}
  body.printingDymo{width:57mm!important;height:32mm!important;margin:0!important;padding:0!important;overflow:hidden!important}
  body.printingDymo>*:not(.dymoPrintLabel){display:none!important}
  body.printingDymo .dymoPrintLabel{
    position:absolute!important;left:0!important;top:0!important;right:auto!important;bottom:auto!important;
    width:57mm!important;height:32mm!important;margin:0!important;padding:2mm 2.2mm!important;
    box-sizing:border-box!important;overflow:hidden!important;background:#fff!important;color:#000!important;
    display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:stretch!important;
    gap:.7mm!important;transform:none!important;writing-mode:horizontal-tb!important;font-family:Arial,sans-serif!important
  }
  body.printingDymo .dymoPrintLabel strong{display:block!important;font-size:11pt!important;line-height:1.05!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.printingDymo .dymoPrintLabel span{display:block!important;font-size:7.5pt!important;line-height:1.05!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  body.printingDymo .dymoPrintLabel p{display:block!important;font-size:8.5pt!important;line-height:1.08!important;margin:.5mm 0 0!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;word-break:normal!important;overflow:hidden!important;flex:0 1 auto!important;max-height:18mm!important}
  body.printingDymo .dymoPrintLabel[data-fit="compact"] strong{font-size:10pt!important}
  body.printingDymo .dymoPrintLabel[data-fit="compact"] span{font-size:7pt!important}
  body.printingDymo .dymoPrintLabel[data-fit="compact"] p{font-size:7.5pt!important;line-height:1.04!important}
  body.printingDymo .dymoPrintLabel[data-fit="tiny"]{padding:1.7mm 2mm!important;gap:.45mm!important}
  body.printingDymo .dymoPrintLabel[data-fit="tiny"] strong{font-size:9pt!important}
  body.printingDymo .dymoPrintLabel[data-fit="tiny"] span{font-size:6.3pt!important}
  body.printingDymo .dymoPrintLabel[data-fit="tiny"] p{font-size:6.6pt!important;line-height:1.02!important;margin:.25mm 0 0!important;max-height:19mm!important}
  body.printingDymo .dymoPrintLabel[data-fit="micro"]{padding:1.4mm 1.8mm!important;gap:.3mm!important;justify-content:flex-start!important}
  body.printingDymo .dymoPrintLabel[data-fit="micro"] strong{font-size:8pt!important}
  body.printingDymo .dymoPrintLabel[data-fit="micro"] span{font-size:5.8pt!important}
  body.printingDymo .dymoPrintLabel[data-fit="micro"] p{font-size:5.8pt!important;line-height:1!important;margin:.15mm 0 0!important;max-height:21mm!important}
}
\n\n/* v39 - Vendite dispositivi Admin + password login */\n.deviceSalesView{display:block}.deviceSalesView[hidden]{display:none!important}\n.deviceSalesHero{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin:18px 0;padding:22px;border:1px solid var(--border,var(--line,#2b2b2b));border-radius:22px;background:var(--panel)}\n.deviceSalesHero h2{margin:4px 0 7px;font-size:24px}.deviceSalesHero p{margin:0;color:var(--muted,#888);max-width:720px}\n.deviceSalesLayout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px}\n.deviceSaleCard{border:1px solid var(--border,var(--line,#2b2b2b));border-radius:22px;background:var(--panel,#111);padding:20px;min-width:0}\n.deviceSaleCardHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.deviceSaleCardHead strong{display:block;font-size:17px}.deviceSaleCardHead small{display:block;color:var(--muted,#888);margin-top:3px}\n.deviceSaleGrid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.deviceSaleGrid label{display:grid;gap:6px}.deviceSaleGrid label>span{font-size:12px;font-weight:800;color:var(--muted)}.deviceSaleGrid .wide{grid-column:1/-1}\n.deviceSaleGrid input,.deviceSaleGrid select,.deviceSaleGrid textarea,.passwordAdminForm select{width:100%;box-sizing:border-box;border:1px solid var(--border,var(--line,#2b2b2b));border-radius:12px;background:var(--input,#0d0d0d);color:var(--text,inherit);padding:12px 13px;font:inherit;outline:none}\n.deviceSaleGrid textarea{resize:vertical;min-height:78px}.moneyInput{display:flex;align-items:center;border:1px solid var(--border,var(--line,#2b2b2b));border-radius:12px;background:var(--input,#0d0d0d);overflow:hidden}.moneyInput>span{padding-left:13px;font-weight:900}.moneyInput input{border:0!important;background:transparent!important}\n.vatPreview{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.vatPreview>div{border:1px solid var(--border,var(--line,#2b2b2b));border-radius:14px;padding:12px;background:var(--surface)}.vatPreview span{display:block;font-size:11px;color:var(--muted,#888);font-weight:800}.vatPreview strong{display:block;margin-top:4px;font-size:16px}.vatPreview .total strong{font-size:19px}\n.deviceSalesSummary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:13px}.deviceSalesSummary>div{padding:11px;border-radius:13px;background:var(--surface,rgba(127,127,127,.06));border:1px solid var(--border)}.deviceSalesSummary span{display:block;font-size:10px;color:var(--muted,#888);font-weight:800;text-transform:uppercase}.deviceSalesSummary strong{display:block;margin-top:4px}\n.deviceAdminSaleRow{border:1px solid var(--border,var(--line,#2b2b2b));border-radius:16px;padding:14px;margin-bottom:10px;background:var(--surface)}.deviceAdminSaleTop{display:flex;justify-content:space-between;gap:12px}.deviceAdminSaleTop strong{display:block}.deviceAdminSaleTop span,.deviceAdminSaleMeta span{color:var(--muted,#888);font-size:12px}.deviceAdminSalePrice{text-align:right;white-space:nowrap}.deviceAdminSalePrice strong{font-size:18px}.deviceAdminSaleMeta{display:flex;flex-wrap:wrap;gap:7px 12px;margin-top:9px}.deviceAdminSaleLink{display:inline-block;margin-top:9px;font-size:12px;font-weight:800}.deviceAdminSaleActions{display:flex;justify-content:flex-end;margin-top:10px}.deviceAdminSaleActions button{color:#b42318}\n.passwordAdminForm{margin-top:14px}\n@media(max-width:900px){.deviceSalesLayout{grid-template-columns:1fr}.deviceSaleHistoryCard{order:2}}\n@media(max-width:620px){.deviceSalesHero{padding:17px}.deviceSaleGrid{grid-template-columns:1fr}.deviceSaleGrid .wide{grid-column:auto}.vatPreview,.deviceSalesSummary{grid-template-columns:1fr}.deviceAdminSaleTop{display:grid}.deviceAdminSalePrice{text-align:left}}\n

/* v51 - Admin vendite/riparazioni: pulsanti grandi, pannelli chiusi e CRUD riparazioni */
#deviceSalesView .adminWorkTabs{
  display:grid!important;grid-template-columns:1fr;gap:10px!important;
  padding:0!important;background:transparent!important;border:0!important;
  margin:18px 0 22px!important;
}
#deviceSalesView .adminWorkTab{
  width:100%;min-height:72px!important;padding:14px 18px!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:14px!important;
  border:1px solid #3a342a!important;border-radius:18px!important;
  background:#252525!important;color:#f6e7bf!important;text-align:left!important;
  box-shadow:none!important;transition:transform .16s ease,border-color .2s ease,background .2s ease!important;
}
#deviceSalesView .adminWorkTab.active{
  border-color:#6a5126!important;background:#2b271f!important;
}
#deviceSalesView .adminWorkTab:active{transform:scale(.985)}
#deviceSalesView .adminWorkIcon{
  flex:0 0 42px!important;width:42px!important;height:42px!important;border-radius:12px!important;
  background:rgba(255,255,255,.055)!important;font-size:20px!important;
}
#deviceSalesView .adminWorkText{display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important}
#deviceSalesView .adminWorkText strong{font-size:17px!important;line-height:1.2!important;white-space:normal!important}
#deviceSalesView .adminWorkText small{font-size:12px!important;display:block!important;opacity:.66!important;line-height:1.3!important}
#deviceSalesView .repairFormActions{display:grid;grid-template-columns:1fr;gap:9px;margin-top:14px}
#deviceSalesView .repairFormActions .primaryAction,#deviceSalesView .repairFormActions .secondaryAction{width:100%;min-height:48px;margin:0}
#deviceSalesView .repairRowActions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
#deviceSalesView .repairRowActions .rowAction{min-width:100px}
@media(max-width:620px){
 #deviceSalesView .adminWorkTab{min-height:68px!important;padding:12px 14px!important;border-radius:16px!important}
 #deviceSalesView .adminWorkIcon{flex-basis:38px!important;width:38px!important;height:38px!important;font-size:18px!important}
 #deviceSalesView .adminWorkText strong{font-size:16px!important}
 #deviceSalesView .adminWorkText small{font-size:11px!important}
 #deviceSalesView .repairRowActions{display:grid;grid-template-columns:1fr 1fr;width:100%}
 #deviceSalesView .repairRowActions .rowAction{width:100%;min-width:0}
}
body[data-theme="light"] #deviceSalesView .adminWorkTab{background:#fff!important;color:#2a241b!important;border-color:#ddd3c3!important}
body[data-theme="light"] #deviceSalesView .adminWorkTab.active{background:#f8f1e3!important;border-color:#c49a45!important}

/* v53 - responsive navigation + collapsible hours */
.collapsibleHourCard{padding:0!important;overflow:hidden}
.hourCardToggle{width:100%;border:0;background:transparent;color:inherit;text-align:left;padding:18px;display:flex;align-items:center;gap:12px;cursor:pointer}
.hourCardToggle>div{flex:1}.hourCardToggle>b{font-size:20px;transition:transform .2s ease}.collapsibleHourCard.open .hourCardToggle>b{transform:rotate(180deg)}
.hourCardBody{padding:0 18px 18px}.hourCardBody[hidden]{display:none!important}
.bigSaveAction{width:100%!important;min-height:58px!important;font-size:16px!important;font-weight:900!important;border-radius:15px!important;margin-top:16px!important}
.smartBackBtn{position:fixed;z-index:70;left:18px;bottom:22px;min-height:48px;padding:0 17px;border-radius:15px;border:1px solid var(--border);background:var(--panel);color:inherit;font-weight:800;box-shadow:0 8px 30px rgba(0,0,0,.18)}
.mobileBottomNav{display:none}
@media(max-width:760px){
 body{padding-bottom:92px!important}
 .smartBackBtn{left:12px;bottom:82px;min-height:42px;padding:0 13px}
 .mobileBottomNav{position:fixed;z-index:65;left:0;right:0;bottom:0;display:grid!important;grid-template-columns:repeat(4,1fr);gap:0;padding:7px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:var(--panel);border-top:1px solid var(--border);box-shadow:0 -8px 25px rgba(0,0,0,.16)}
 .mobileBottomNav[hidden]{display:none!important}.mobileBottomNav button{border:0;background:transparent;color:inherit;min-width:0;min-height:54px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font:inherit}.mobileBottomNav button:active{background:rgba(127,127,127,.12)}
 .mobileBottomNav b{font-size:20px;line-height:1}.mobileBottomNav span{font-size:10px;font-weight:800;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .hoursGrid{grid-template-columns:1fr!important}.hourCardToggle{padding:15px}.hourCardBody{padding:0 15px 15px}
}
@media(min-width:761px) and (max-width:1100px){.hoursGrid{grid-template-columns:1fr 1fr}.bigSaveAction{min-height:54px!important}}

/* v54 - menu mobile elegante auto-hide + mesi responsive */
.hoursMonthColumns{
  grid-template-columns:repeat(6,minmax(120px,1fr))!important;
  gap:12px!important;
  overflow:visible!important;
  padding-bottom:0!important;
}
.hoursMonthBtn{
  min-width:0!important;
  min-height:86px;
  padding:15px 16px!important;
  border-radius:18px!important;
  align-content:center;
  gap:6px!important;
}
.hoursMonthBtn strong{font-size:17px!important;text-transform:lowercase}
.hoursMonthBtn small{font-size:13px!important}
.hoursSummary>div{min-height:92px;padding:18px!important;border-radius:19px!important}
.hoursSummary strong{font-size:24px!important}

@media(max-width:1100px){
  .hoursMonthColumns{grid-template-columns:repeat(4,minmax(120px,1fr))!important}
}
@media(max-width:620px){
  .hoursMonthsPanel{padding:16px!important;border-radius:22px!important}
  .hoursMonthColumns{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .hoursMonthBtn{min-height:92px!important;padding:16px 18px!important}
  .hoursMonthBtn strong{font-size:18px!important}
  .hoursMonthBtn small{font-size:13px!important}
  .hoursSummary{gap:12px!important}
  .hoursSummary>div{min-height:104px!important;padding:19px!important}
}

@media(max-width:760px){
  body{padding-bottom:calc(112px + env(safe-area-inset-bottom))!important}
  .mobileBottomNav{
    position:fixed!important;
    z-index:65;
    left:10px!important;
    right:10px!important;
    bottom:calc(8px + env(safe-area-inset-bottom))!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px!important;
    padding:8px!important;
    border:1px solid rgba(215,168,79,.22)!important;
    border-radius:24px!important;
    background:rgba(16,16,17,.88)!important;
    -webkit-backdrop-filter:blur(18px) saturate(140%);
    backdrop-filter:blur(18px) saturate(140%);
    box-shadow:0 14px 42px rgba(0,0,0,.36)!important;
    transform:translateY(0);
    opacity:1;
    transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .22s ease;
    will-change:transform;
  }
  body[data-theme="light"] .mobileBottomNav{background:rgba(250,247,240,.9)!important}
  .mobileBottomNav.nav-hidden{transform:translateY(calc(125% + env(safe-area-inset-bottom)));opacity:.18;pointer-events:none}
  .mobileBottomNav[hidden]{display:none!important}
  .mobileBottomNav button{
    border:1px solid rgba(255,255,255,.07)!important;
    background:rgba(255,255,255,.045)!important;
    color:inherit;
    min-width:0;
    min-height:62px!important;
    padding:7px 4px!important;
    border-radius:16px!important;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px!important;
    font:inherit;
    transition:transform .16s ease,background .16s ease,border-color .16s ease;
  }
  .mobileBottomNav button:active{transform:scale(.96);background:rgba(215,168,79,.16)!important}
  .mobileBottomNav button.nav-current{background:linear-gradient(145deg,rgba(229,189,104,.28),rgba(174,126,45,.18))!important;border-color:rgba(215,168,79,.55)!important}
  .mobileBottomNav b{font-size:21px!important;line-height:1}
  .mobileBottomNav span{font-size:10.5px!important;font-weight:850;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .smartBackBtn{
    left:12px!important;
    bottom:calc(94px + env(safe-area-inset-bottom))!important;
    min-height:44px!important;
    border-radius:14px!important;
    background:rgba(20,20,21,.9)!important;
    backdrop-filter:blur(12px);
    transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .22s ease;
  }
  .smartBackBtn.nav-hidden{transform:translateY(85px);opacity:0;pointer-events:none}
}

/* ===== v55: Scorte a zero + pull to refresh ===== */
.zeroStockView{display:grid;gap:18px}
.zeroStockSummary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.zeroStockStat{padding:20px;border:1px solid var(--border);border-radius:22px;background:var(--card);display:flex;align-items:center;justify-content:space-between;gap:16px}
.zeroStockStat span{color:var(--muted);font-weight:700}.zeroStockStat strong{font-size:32px}
.zeroStockGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.zeroStockPanel{border:1px solid var(--border);border-radius:24px;background:var(--card);overflow:hidden}
.zeroStockHead{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px;border-bottom:1px solid var(--border)}
.zeroStockHead>div{display:flex;flex-direction:column;gap:4px}.zeroStockHead strong{font-size:21px}.zeroStockHead small{color:var(--muted)}
.zeroStockList{display:grid;gap:0;max-height:620px;overflow:auto}
.zeroStockRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border)}
.zeroStockRow:last-child{border-bottom:0}.zeroStockRow>span{display:flex;flex-direction:column;gap:3px;min-width:0}.zeroStockRow strong{font-size:16px}.zeroStockRow small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zeroStockBadge{min-width:42px;text-align:center;padding:8px 10px;border-radius:13px;background:rgba(210,68,68,.10);border:1px solid rgba(210,68,68,.20);font-weight:800}
.pullRefreshIndicator{position:fixed;z-index:100;left:50%;top:calc(10px + env(safe-area-inset-top));transform:translate(-50%,-160%);display:flex;align-items:center;gap:8px;padding:10px 15px;border-radius:999px;background:rgba(18,18,19,.93);border:1px solid rgba(215,168,79,.30);box-shadow:0 10px 32px rgba(0,0,0,.28);opacity:0;pointer-events:none;transition:transform .18s ease,opacity .18s ease;color:#fff}
.pullRefreshIndicator.show{opacity:1}.pullRefreshIndicator.ready{border-color:rgba(215,168,79,.70)}.pullRefreshIndicator.refreshing span{animation:btSpin .8s linear infinite}@keyframes btSpin{to{transform:rotate(360deg)}}
@media(max-width:850px){.zeroStockGrid{grid-template-columns:1fr}.zeroStockList{max-height:none}}
@media(max-width:620px){.zeroStockSummary{grid-template-columns:1fr 1fr;gap:10px}.zeroStockStat{padding:16px;border-radius:18px;flex-direction:column;align-items:flex-start}.zeroStockStat strong{font-size:28px}.zeroStockHead{align-items:flex-start;flex-direction:column}.zeroStockHead .miniBtn{width:100%;min-height:48px}.zeroStockRow{padding:14px}}


/* =========================================================
   v56 — CORREZIONI MODALITÀ GIORNO + CONTRASTO + CACHE UI
   ========================================================= */
body[data-theme="light"]{color-scheme:light}
body[data-theme="light"] .iconBtn,
body[data-theme="light"] .menuToggle,
body[data-theme="light"] .menuClose{
  background:#fff!important;color:#8b621d!important;border-color:#d9c9aa!important;
  box-shadow:0 6px 18px rgba(70,50,20,.08)!important;
}
body[data-theme="light"] .categoryTitle strong{color:#1c1a17!important}
body[data-theme="light"] .categoryTitle span{color:#716a60!important}
body[data-theme="light"] .emptyState{background:#f8f5ee!important;color:#716a60!important}
body[data-theme="light"] input:not([type="checkbox"]):not([type="radio"]),
body[data-theme="light"] textarea,
body[data-theme="light"] select{
  background:#fff!important;color:#1c1a17!important;border-color:#d9d1c4!important;color-scheme:light;
}
body[data-theme="light"] input::placeholder,
body[data-theme="light"] textarea::placeholder{color:#8a8175!important;opacity:1}
body[data-theme="light"] .customerChoices button{
  background:#fff!important;color:#302b24!important;border-color:#ddd5c8!important;
}
body[data-theme="light"] .customerChoices button.selected{
  background:linear-gradient(145deg,#fff5dc,#f5e6c4)!important;color:#6e4a0d!important;border-color:#c89a49!important;
}
body[data-theme="light"] .archiveRow,
body[data-theme="light"] .customModelGroup,
body[data-theme="light"] .orderRequestCard,
body[data-theme="light"] .hoursHero,
body[data-theme="light"] .hoursCard,
body[data-theme="light"] .hoursMonthsPanel,
body[data-theme="light"] .hoursSummary>div,
body[data-theme="light"] .deviceSalesHero,
body[data-theme="light"] .deviceSaleCard,
body[data-theme="light"] .deviceAdminSaleRow,
body[data-theme="light"] .vatPreview>div,
body[data-theme="light"] .deviceSalesSummary>div,
body[data-theme="light"] .zeroStockStat,
body[data-theme="light"] .zeroStockPanel{
  background:#fff!important;color:#1c1a17!important;border-color:#ddd5c8!important;
  box-shadow:0 7px 22px rgba(60,45,20,.06);
}
body[data-theme="light"] .archiveReason{color:#655f57!important;border-color:#e2dbcf!important}
body[data-theme="light"] .archiveReason strong{color:#1c1a17!important}
body[data-theme="light"] .fieldLabel{color:#655f57!important}
body[data-theme="light"] .restoreStockOption small{color:#716a60!important}
body[data-theme="light"] .customActions .edit{background:#fff!important;color:#302b24!important;border-color:#ddd5c8!important}
body[data-theme="light"] .dashboardLine:hover{background:#f8f5ee!important}
body[data-theme="light"] .pullRefreshIndicator{
  background:rgba(255,255,255,.96)!important;color:#1c1a17!important;border-color:rgba(168,118,36,.32)!important;
  box-shadow:0 10px 28px rgba(70,50,20,.14)!important;
}
@media(max-width:760px){
  body[data-theme="light"] .mobileBottomNav{
    background:rgba(255,253,248,.94)!important;border-color:rgba(168,118,36,.24)!important;
    box-shadow:0 14px 38px rgba(70,50,20,.16)!important;
  }
  body[data-theme="light"] .mobileBottomNav button{
    background:#fff!important;color:#1c1a17!important;border-color:#e3dccf!important;
  }
  body[data-theme="light"] .mobileBottomNav button.nav-current{
    background:linear-gradient(145deg,#fff0c9,#f2ddb0)!important;color:#5f430f!important;border-color:#c89a49!important;
  }
  body[data-theme="light"] .smartBackBtn{
    background:rgba(255,253,248,.96)!important;color:#1c1a17!important;border-color:#d7c9ad!important;
    box-shadow:0 10px 28px rgba(70,50,20,.14)!important;
  }
}


/* v57 - styles moved from index.html for strict CSP */
#adminRepairsCard.repairModernShell{
  margin:24px 0;
  border:1px solid rgba(255,255,255,.12);
  border-radius:24px;
  overflow:hidden;
  background:
    radial-gradient(circle at top right, rgba(255,184,0,.12), transparent 34%),
    linear-gradient(180deg, rgba(26,29,38,.96), rgba(18,20,27,.96));
  box-shadow:0 18px 50px rgba(0,0,0,.24);
  backdrop-filter:blur(14px);
}
#adminRepairsCard .repairModernToggle{
  width:100%;
  display:grid;
  grid-template-columns:auto 1fr auto auto;
  gap:16px;
  align-items:center;
  padding:20px 22px;
  border:0;
  background:transparent;
  color:inherit;
  text-align:left;
  cursor:pointer;
}
#adminRepairsCard .repairModernToggle:hover{
  background:rgba(255,255,255,.035);
}
#adminRepairsCard .repairModernIcon{
  width:48px;height:48px;
  display:grid;place-items:center;
  border-radius:16px;
  font-size:23px;
  background:linear-gradient(145deg,rgba(255,190,40,.22),rgba(255,153,0,.08));
  border:1px solid rgba(255,190,40,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
#adminRepairsCard .repairModernTitleWrap{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}
#adminRepairsCard .repairModernTitleWrap strong{
  font-size:18px;
  letter-spacing:-.02em;
}
#adminRepairsCard .repairModernTitleWrap small{
  opacity:.66;
  font-size:13px;
}
#adminRepairsCard .repairModernBadge{
  padding:7px 10px;
  border-radius:999px;
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
  background:rgba(255,184,0,.13);
  border:1px solid rgba(255,184,0,.28);
  color:#ffc84d;
  white-space:nowrap;
}
#adminRepairsCard .repairModernChevron{
  font-size:26px;
  line-height:1;
  opacity:.72;
  transform:rotate(0deg);
  transition:transform .22s ease;
}
#adminRepairsCard.open .repairModernChevron{
  transform:rotate(180deg);
}
#adminRepairsCard .repairModernPanel{
  border-top:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.018);
}
#adminRepairsCard .repairModernInner{
  padding:22px;
}
#adminRepairsCard .deviceSaleCardHead{
  padding:0 0 16px 0;
  border:0;
}
#adminRepairsCard form{
  background:rgba(255,255,255,.025);
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;
  padding:18px;
}
#adminRepairsCard input,
#adminRepairsCard select,
#adminRepairsCard textarea{
  border-radius:14px !important;
}
#adminRepairsCard .vatPreview{
  margin-top:16px;
  gap:12px;
}
#adminRepairsCard .vatPreview>div{
  border-radius:16px;
  background:rgba(255,255,255,.035);
}
#adminRepairsCard .primaryAction{
  border-radius:14px;
  min-height:48px;
  font-weight:800;
}
#adminRepairsCard #adminRepairsSummary{
  margin-top:12px;
}
#adminRepairsCard #adminRepairsList{
  margin-top:12px;
}
@media(max-width:700px){
  #adminRepairsCard .repairModernToggle{
    grid-template-columns:auto 1fr auto;
    gap:12px;
    padding:16px;
  }
  #adminRepairsCard .repairModernBadge{display:none}
  #adminRepairsCard .repairModernIcon{width:42px;height:42px;border-radius:14px}
  #adminRepairsCard .repairModernInner{padding:14px}
  #adminRepairsCard form{padding:14px}
}
#deviceSalesView .adminFinanceSwitcher{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin:18px 0 24px;
  padding:7px;
  border-radius:20px;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.08);
}
#deviceSalesView .adminFinanceTab{
  display:flex;
  align-items:center;
  gap:12px;
  width:100%;
  padding:14px 16px;
  border:1px solid transparent;
  border-radius:15px;
  background:transparent;
  color:inherit;
  text-align:left;
  cursor:pointer;
}
#deviceSalesView .adminFinanceTab.active{
  background:linear-gradient(145deg,rgba(255,190,50,.17),rgba(255,155,0,.08));
  border-color:rgba(255,190,50,.28);
  box-shadow:0 8px 24px rgba(0,0,0,.15);
}
#deviceSalesView .adminFinanceTabIcon{
  width:40px;height:40px;display:grid;place-items:center;
  border-radius:12px;background:rgba(255,255,255,.055);font-size:20px;
}
#deviceSalesView .adminFinanceTab span:last-child{display:flex;flex-direction:column;gap:2px}
#deviceSalesView .adminFinanceTab strong{font-size:14px}
#deviceSalesView .adminFinanceTab small{font-size:11px;opacity:.62}
#deviceSalesView .adminFinancePanel[hidden]{display:none!important}
#deviceSalesView #adminRepairsCard{margin-top:0}
#deviceSalesView #adminRepairsCard .repairLegacyToggle{display:none!important}
#deviceSalesView #adminRepairsCard .repairModernPanel{border-top:0}
#deviceSalesView #adminRepairsCard .repairModernInner{padding-top:20px}
@media(max-width:620px){
 #deviceSalesView .adminFinanceSwitcher{grid-template-columns:1fr;gap:7px;padding:6px}
 #deviceSalesView .adminFinanceTab{padding:12px}
}
#deviceSalesView .adminFinanceSwitcher{display:none!important}
#deviceSalesView .cleanAdminTabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0;padding:6px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(255,255,255,.03)}
#deviceSalesView .cleanAdminTab{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px;border:1px solid transparent;border-radius:12px;background:transparent;color:inherit;font-size:14px}
#deviceSalesView .cleanAdminTab.active{background:rgba(222,169,58,.15);border-color:rgba(222,169,58,.35)}
#deviceSalesView .cleanAdminTab strong{white-space:nowrap}
#deviceSalesView #cleanSalesPanel[hidden],#deviceSalesView #adminRepairsCard[hidden]{display:none!important}
#deviceSalesView #adminRepairsCard{margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
#deviceSalesView #adminRepairsCard .adminSectionInner{padding:0!important}
#deviceSalesView #adminRepairsCard .repairModernToggle{display:none!important}
@media(max-width:480px){#deviceSalesView .cleanAdminTab{font-size:12px;padding:8px 5px;gap:5px}}
#deviceSalesView{max-width:1180px;margin:0 auto}
#deviceSalesView .adminWorkHero{
  display:flex;justify-content:space-between;gap:18px;align-items:flex-start;
  margin:0 0 18px;
}
#deviceSalesView .adminWorkHero h2{margin:7px 0 7px;font-size:30px;line-height:1.05}
#deviceSalesView .adminWorkHero p{margin:0;max-width:720px;opacity:.7}
#deviceSalesView .adminWorkTabs{
  display:grid;grid-template-columns:1fr 1fr;gap:10px;
  margin:20px 0 24px;padding:6px;border-radius:18px;
  background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.09);
}
#deviceSalesView .adminWorkTab{
  min-width:0;display:flex;align-items:center;gap:12px;
  padding:14px 16px;border-radius:13px;border:1px solid transparent;
  background:transparent;color:inherit;text-align:left;cursor:pointer;
}
#deviceSalesView .adminWorkTab.active{
  background:linear-gradient(145deg,rgba(230,178,62,.18),rgba(230,178,62,.08));
  border-color:rgba(230,178,62,.34);
  box-shadow:0 8px 24px rgba(0,0,0,.16);
}
#deviceSalesView .adminWorkIcon{
  flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;
  border-radius:12px;background:rgba(255,255,255,.06);font-size:20px;
}
#deviceSalesView .adminWorkText{min-width:0;display:flex;flex-direction:column;gap:2px}
#deviceSalesView .adminWorkText strong{font-size:15px}
#deviceSalesView .adminWorkText small{font-size:11px;opacity:.6}
#deviceSalesView .adminWorkPanel[hidden]{display:none!important}
#deviceSalesView .adminWorkPanel{display:block}
#deviceSalesView .adminPanelHeader{
  display:flex;justify-content:space-between;align-items:center;
  margin:0 0 14px;padding:0 2px;
}
#deviceSalesView .adminPanelHeader>div{display:flex;flex-direction:column;gap:3px}
#deviceSalesView .adminPanelHeader strong{font-size:22px}
#deviceSalesView .adminPanelHeader small{opacity:.62}
#deviceSalesView .adminUniformCard{
  margin:0 0 18px;
  border-radius:20px!important;
}
#deviceSalesView #adminRepairForm,
#deviceSalesView #deviceSaleForm{
  padding:18px;
  background:rgba(255,255,255,.025);
  border:1px solid rgba(255,255,255,.08);
}
#deviceSalesView .deviceSaleHistoryCard{padding:18px}
#deviceSalesView .deviceSaleGrid input,
#deviceSalesView .deviceSaleGrid select,
#deviceSalesView .deviceSaleGrid textarea{width:100%;box-sizing:border-box}
#deviceSalesView .vatPreview{margin-top:16px}
#deviceSalesView .primaryAction{margin-top:14px}
#deviceSalesView .repairModernShell,
#deviceSalesView .cleanAdminTabs,
#deviceSalesView .adminFinanceSwitcher,
#deviceSalesView .repairModernToggle{display:none!important}
@media(max-width:700px){
  #deviceSalesView .adminWorkHero{display:block}
  #deviceSalesView .adminWorkHero .adminBadge{display:inline-flex;margin-top:12px}
  #deviceSalesView .adminWorkHero h2{font-size:26px}
  #deviceSalesView .adminWorkTabs{grid-template-columns:1fr 1fr;gap:6px;padding:5px;border-radius:15px}
  #deviceSalesView .adminWorkTab{padding:10px 8px;gap:7px;justify-content:center}
  #deviceSalesView .adminWorkIcon{flex:0 0 32px;width:32px;height:32px;border-radius:9px;font-size:16px}
  #deviceSalesView .adminWorkText strong{font-size:12px;white-space:nowrap}
  #deviceSalesView .adminWorkText small{display:none}
  #deviceSalesView .adminPanelHeader strong{font-size:19px}
  #deviceSalesView #adminRepairForm,
  #deviceSalesView #deviceSaleForm,
  #deviceSalesView .deviceSaleHistoryCard{padding:14px}
}


/* v58 - recupero password isolato: nessun contenuto del gestionale visibile dietro */
body.password-recovery-mode{background:#0b0b0b;overflow:hidden}
body.password-recovery-mode .app> *:not(#passwordRecoveryModal){display:none!important}
body.password-recovery-mode #passwordRecoveryModal{display:flex!important;background:#0b0b0b;align-items:center;justify-content:center}
body.password-recovery-mode #passwordRecoveryModal[hidden]{display:none!important}
body.password-recovery-mode #passwordRecoveryModal .saleDialog{max-width:620px;width:min(100%,620px)}

/* v59 — firma elegante sotto il login */
.loginTrust{margin-top:16px;padding:12px 13px;border:1px solid rgba(213,169,76,.28);border-radius:14px;background:linear-gradient(135deg,rgba(213,169,76,.08),rgba(255,255,255,.015));display:flex;align-items:center;gap:10px}
.loginTrustMark{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#e5bd68,#9d6f25);color:#17120a;font-size:12px;box-shadow:0 8px 22px rgba(184,135,49,.18)}
.loginTrust strong{display:block;font-size:10px;letter-spacing:.16em;color:var(--gold2,#e5bd68);line-height:1.35}
.loginTrust small{display:block;margin-top:3px;font-size:10px;color:var(--muted,#8f8f8f);line-height:1.35}
body[data-theme="light"] .loginTrust{background:linear-gradient(135deg,rgba(184,135,49,.08),rgba(0,0,0,.015));border-color:rgba(120,83,24,.22)}

/* v60 — Vendute: consegne, listino BackGlass e riepilogo */
.salePriceTag{display:inline-flex;align-items:baseline;gap:5px;flex-wrap:wrap;margin-top:4px;padding:6px 9px;border-radius:10px;background:rgba(213,169,76,.10);border:1px solid rgba(213,169,76,.20);font-size:12px}
.salePriceTag b{color:var(--gold2,#e5bd68)}
.salePriceTag small{opacity:.68}
.saleLineTotal{display:block;margin-top:3px;font-size:11px;opacity:.88}
.deliveredSale{border-color:rgba(56,189,120,.34)!important;background:rgba(56,189,120,.10)!important}
.deliveredRow{border-color:rgba(56,189,120,.22)!important}
.deliveredBadge{background:rgba(56,189,120,.13)!important;border-color:rgba(56,189,120,.30)!important;color:#6ee7a8!important}
.salesSummaryHero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:16px;align-items:stretch;margin:4px 0 16px;padding:18px;border-radius:20px;border:1px solid rgba(213,169,76,.20);background:linear-gradient(145deg,rgba(213,169,76,.08),rgba(255,255,255,.025))}
.salesSummaryHero h3{font-size:28px;margin:4px 0 5px}
.salesSummaryHero p{margin:0;max-width:650px;font-size:12px;line-height:1.55;opacity:.65}
.summaryKicker{font-size:10px;font-weight:800;letter-spacing:.16em;color:var(--gold2,#e5bd68)}
.salesMoneySummary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.salesMoneySummary>div{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:12px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07)}
.salesMoneySummary span{font-size:10px;opacity:.62}
.salesMoneySummary strong{font-size:16px;margin-top:4px;white-space:nowrap}
.salesMoneySummary .grand{background:rgba(213,169,76,.10);border-color:rgba(213,169,76,.22)}
.modelSalesSummary{display:flex;flex-direction:column;gap:9px}
.modelSaleSummaryRow{display:grid;grid-template-columns:minmax(170px,1fr) minmax(190px,.8fr) 100px;gap:12px;align-items:center;padding:14px 15px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025)}
.summaryModelInfo,.summaryPriceInfo,.summaryQty{display:flex;flex-direction:column;gap:3px}
.summaryModelInfo strong{font-size:15px}.summaryModelInfo span{font-size:11px;opacity:.58}
.summaryUnitPrice{font-size:12px}.summaryUnitPrice small{opacity:.58}.summaryNoPrice{font-size:11px;opacity:.45}
.summaryModelTotal{font-size:11px;opacity:.76}
.summaryQty{text-align:right}.summaryQty span{font-size:10px;opacity:.55}.summaryQty strong{font-size:24px;color:var(--gold2,#e5bd68)}
body[data-theme="light"] .salePriceTag{background:rgba(160,111,25,.08);border-color:rgba(120,83,24,.16)}
body[data-theme="light"] .salesSummaryHero{background:linear-gradient(145deg,rgba(184,135,49,.08),rgba(0,0,0,.015));border-color:rgba(120,83,24,.16)}
body[data-theme="light"] .salesMoneySummary>div,body[data-theme="light"] .modelSaleSummaryRow{background:rgba(0,0,0,.02);border-color:rgba(0,0,0,.07)}
@media(max-width:760px){
  .salesSubTabs{display:grid!important;grid-template-columns:repeat(3,1fr);gap:6px}
  .salesSubTab{min-width:0;padding-left:8px!important;padding-right:8px!important;font-size:11px!important}
  .salesSummaryHero{grid-template-columns:1fr;padding:14px}.salesSummaryHero h3{font-size:24px}
  .salesMoneySummary{grid-template-columns:1fr 1fr}.salesMoneySummary .grand{grid-column:1/-1}
  .modelSaleSummaryRow{grid-template-columns:minmax(0,1fr) 76px;gap:8px;padding:12px}
  .summaryPriceInfo{grid-column:1/2}.summaryQty{grid-column:2/3;grid-row:1/3;align-self:center}
}

/* v65 — prezzo visibile in magazzino + azione -1 più chiara */
.inventoryPriceTag{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-top:12px;padding:9px 11px;border:1px solid rgba(212,168,87,.24);border-radius:12px;background:rgba(212,168,87,.055);color:var(--text)}
.inventoryPriceTag span{font-size:11px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.inventoryPriceTag strong{font-size:14px;color:var(--gold2);font-weight:950}
.inventoryPriceTag small{font-size:11px;color:var(--muted)}
.customActions .customMinus{min-width:112px;padding-inline:14px;white-space:nowrap}
@media(max-width:700px){.inventoryPriceTag{gap:5px 7px}.inventoryPriceTag span{width:100%}.customActions .customMinus{min-width:104px;padding-inline:10px}}

/* v68 Catalogo Bestek - area solo Admin */
.bestekToolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,260px);gap:12px;margin:16px 0}.bestekToolbar input,.bestekToolbar select{width:100%;padding:14px 15px;border:1px solid var(--border);border-radius:14px;background:var(--card);color:var(--text);font:inherit}.bestekSummary{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;margin-bottom:12px;border:1px solid var(--border);border-radius:14px;background:var(--card)}.bestekSummary strong{font-size:22px}.bestekCatalogList{display:grid;gap:10px}.bestekCard{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px;border:1px solid var(--border);border-radius:16px;background:var(--card)}.bestekCode{font-weight:900;letter-spacing:.3px}.bestekInfo{display:flex;flex-direction:column;gap:4px;min-width:0}.bestekInfo strong{overflow-wrap:anywhere}.bestekInfo span{font-size:12px;opacity:.68}.bestekCopy{white-space:nowrap}@media(max-width:680px){.bestekToolbar{grid-template-columns:1fr}.bestekCard{grid-template-columns:1fr auto}.bestekCode{grid-column:1}.bestekInfo{grid-column:1/-1;grid-row:2}.bestekCopy{grid-column:2;grid-row:1}}


/* ===== v70 — BeparyTech Premium Blue UI ===== */
:root{
  --v70-blue:#1479ff;--v70-blue2:#39a6ff;--v70-navy:#07131f;--v70-navy2:#0b1e31;
  --v70-panel:rgba(13,31,50,.82);--v70-line:rgba(126,183,255,.18);--v70-shadow:0 24px 70px rgba(0,0,0,.30);
}
body{background:radial-gradient(circle at 78% -10%,rgba(45,126,216,.28),transparent 34%),linear-gradient(145deg,#06101a 0%,#0b1b2c 52%,#0b1622 100%) fixed;color:#eef6ff}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.6),transparent 75%)}
.app{max-width:1600px}
header{border:1px solid var(--v70-line);background:linear-gradient(135deg,rgba(11,30,49,.92),rgba(7,20,34,.78));backdrop-filter:blur(24px);box-shadow:var(--v70-shadow);border-radius:24px;padding:15px 18px;margin-top:10px;position:sticky;top:10px;z-index:35}
.brandIcon{border-radius:16px;box-shadow:0 10px 30px rgba(15,119,255,.24)}
.eyebrow{color:#72baff;letter-spacing:.22em}.brandHead h1{font-weight:900;letter-spacing:-.04em}
.menuToggle,.themeToggle{border-color:rgba(103,169,255,.25)!important;background:linear-gradient(145deg,rgba(24,62,99,.75),rgba(11,30,49,.92))!important;color:#f7fbff!important;box-shadow:inset 0 1px rgba(255,255,255,.07)}
.mainMenu{background:linear-gradient(180deg,#07131f 0%,#081827 48%,#06111c 100%);border-right:1px solid rgba(92,164,255,.18);box-shadow:24px 0 70px rgba(0,0,0,.36)}
.menuBrand img{border-radius:17px;box-shadow:0 8px 24px rgba(20,121,255,.25)}.menuBrand strong{font-size:20px}.menuBrand span{color:#89b8e8}
.menuItem{border:1px solid transparent;border-radius:15px;color:#dbeeff}.menuItem small{color:#7093b7}.menuItem:hover{background:rgba(45,126,216,.10);border-color:rgba(83,156,255,.15)}.menuItem.active{background:linear-gradient(135deg,rgba(40,124,224,.30),rgba(31,82,137,.30));border-color:rgba(78,159,255,.30);box-shadow:inset 3px 0 #2f8cff,0 10px 30px rgba(0,80,180,.12)}.menuIcon{background:linear-gradient(145deg,#102b46,#0c2137)!important;border-color:rgba(102,173,255,.18)!important;color:#8fc5ff!important}
.globalSearchBar{margin-top:16px}.globalSearchBox{background:rgba(240,247,255,.96);border:1px solid rgba(255,255,255,.48);border-radius:18px;box-shadow:0 14px 38px rgba(0,0,0,.20)}.globalSearchBox input{color:#183049!important;background:transparent!important}.globalSearchBox>span{color:#52779d}
.dashboardHero{position:relative;overflow:hidden;min-height:220px;padding:30px;border-radius:27px;border:1px solid rgba(99,176,255,.28);background:linear-gradient(105deg,rgba(8,34,58,.98) 0%,rgba(15,60,98,.90) 52%,rgba(11,31,51,.75) 100%);box-shadow:0 24px 70px rgba(0,0,0,.28)}
.dashboardHero:after{content:"";position:absolute;right:-20px;top:-70px;width:380px;height:380px;background:url('iphone-15-pro.png') center/contain no-repeat;filter:drop-shadow(0 30px 40px rgba(0,0,0,.45));opacity:.72;transform:rotate(-8deg)}.dashboardHero>div{position:relative;z-index:2;max-width:58%}.dashboardHero h2{font-size:clamp(30px,4vw,52px);letter-spacing:-.045em;margin:4px 0}.dashboardHero p{font-size:15px;color:#a9c5df}
.dashboardCards{gap:14px}.dashCard,.stats .card{border:1px solid rgba(120,184,255,.18)!important;background:linear-gradient(145deg,rgba(16,42,68,.88),rgba(9,26,43,.94))!important;box-shadow:0 18px 45px rgba(0,0,0,.20);border-radius:20px!important}.dashCard strong,.stats .card strong{color:#fff}.dashCard span,.stats .card span{color:#8fb3d6}
.categoryTabs{background:rgba(10,28,46,.68);border:1px solid var(--v70-line);border-radius:19px;padding:6px;backdrop-filter:blur(18px)}.categoryTab{border-radius:14px;border:1px solid transparent}.categoryTab.active{background:linear-gradient(135deg,#1b7ff1,#0d61d0)!important;border-color:#66afff!important;box-shadow:0 8px 26px rgba(19,113,230,.28)}.categoryTab.active *{color:white!important}
.tools{background:rgba(9,27,44,.64);border:1px solid var(--v70-line);padding:10px;border-radius:18px}.tools input,.tools select{background:rgba(239,247,255,.95)!important;color:#132a40!important;border:0!important;border-radius:13px!important}
.modelCard,.variant,.productCard,.customProductCard{border-color:rgba(103,171,255,.18)!important;background:linear-gradient(150deg,rgba(17,38,59,.96),rgba(8,24,39,.98))!important;box-shadow:0 18px 48px rgba(0,0,0,.20)!important}.modelCard:hover,.variant:hover,.customProductCard:hover{border-color:rgba(91,165,255,.42)!important;transform:translateY(-1px)}
.qtyBtn.minus,.sellBtn,.outBtn{background:linear-gradient(135deg,#177ff4,#0d61d2)!important;color:#fff!important;border-color:#2f8cff!important;box-shadow:0 8px 22px rgba(20,117,238,.28)!important}.qtyBtn.plus{background:linear-gradient(135deg,#183c61,#112d4a)!important;border-color:rgba(92,167,255,.25)!important;color:#dceeff!important}
.adminHero{border-color:rgba(90,165,255,.25)!important;background:linear-gradient(130deg,rgba(12,42,70,.96),rgba(10,26,43,.95))!important}.adminBadge{background:linear-gradient(135deg,#4da2ff,#1974df)!important;color:white!important}
.bestekEditorCard{display:grid;gap:16px;padding:20px;border:1px solid rgba(100,174,255,.22);border-radius:24px;background:linear-gradient(145deg,rgba(15,40,65,.94),rgba(7,25,42,.98));box-shadow:0 22px 55px rgba(0,0,0,.23)}
.bestekEditorHead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.bestekEditorHead strong{font-size:20px}.bestekEditorHead small{display:block;margin-top:4px;color:#8eafcf}.bestekEditorGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.bestekEditorGrid label{display:grid;gap:7px}.bestekEditorGrid label>span{font-size:12px;font-weight:800;color:#9bb8d5}.bestekEditorGrid input{width:100%;min-width:0;padding:13px 14px;border-radius:13px;border:1px solid rgba(108,175,245,.20);background:#081a2b;color:#eef7ff;font:inherit}.bestekEditorGrid small{font-size:10px;color:#7191b1}.bestekPriceInput{display:flex;align-items:center;border:1px solid rgba(108,175,245,.20);border-radius:13px;background:#081a2b;overflow:hidden}.bestekPriceInput>span{padding-left:13px;color:#6facf0;font-weight:900}.bestekPriceInput input{border:0;background:transparent}.bestekEditorActions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.bestekEditorActions .primaryAction{min-width:220px;background:linear-gradient(135deg,#1b83f5,#0e65d7)!important;border-color:#2c91ff!important}
.bestekToolbar input,.bestekToolbar select{background:#eef6ff!important;color:#19324a!important;border-color:rgba(130,177,220,.35)!important}.bestekSummary{background:rgba(12,34,56,.72)!important;border-color:rgba(104,177,255,.18)!important}.bestekCatalogList{gap:12px}.premiumBestekCard{grid-template-columns:145px minmax(0,1fr) 180px auto!important;border-color:rgba(98,171,255,.20)!important;background:linear-gradient(145deg,rgba(15,39,64,.94),rgba(8,25,42,.98))!important;box-shadow:0 16px 42px rgba(0,0,0,.18)}.bestekCodeWrap{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bestekCode{color:#7cc0ff;font-size:16px}.bestekPrivateBadge{font-size:8px;font-weight:950;letter-spacing:.08em;padding:4px 6px;border-radius:999px;background:rgba(20,121,255,.16);border:1px solid rgba(78,158,255,.25);color:#7cc0ff}.bestekPrice{text-align:right}.bestekPrice strong,.bestekPrice small{display:block}.bestekPrice strong{font-size:15px;color:#fff}.bestekPrice small{margin-top:3px;color:#78a2c7;font-size:10px}.bestekPrice.noPrice strong{color:#ffb45e}.bestekCardActions{display:flex;gap:6px;justify-content:flex-end}.miniBtn.danger,.bestekDelete{border-color:rgba(255,100,116,.30)!important;color:#ff8794!important;background:rgba(116,25,38,.18)!important}
.salesView,.catalogView,.hoursView,.deviceSalesView{animation:v70fade .24s ease both}@keyframes v70fade{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(min-width:1180px){.mainMenu{transform:none!important;visibility:visible!important;opacity:1!important;width:276px;left:0;top:0;bottom:0;border-radius:0}.menuOverlay{display:none!important}.menuClose{display:none!important}.app{margin-left:276px;max-width:none;padding-left:24px;padding-right:24px}.menuToggle{display:none!important}.mainMenu .menuNav{overflow:auto}.mainMenu .menuFooter{margin-top:auto}.mainMenu{display:flex;flex-direction:column}.dashboardHero:after{right:40px}}
@media(max-width:1050px){.bestekEditorGrid{grid-template-columns:1fr 1fr}.premiumBestekCard{grid-template-columns:120px minmax(0,1fr) 160px!important}.bestekCardActions{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:680px){header{top:6px;border-radius:18px;padding:10px 12px}.brandHead h1{font-size:20px}.dashboardHero{min-height:190px;padding:21px}.dashboardHero>div{max-width:78%}.dashboardHero:after{width:230px;height:230px;right:-70px;top:-30px;opacity:.42}.bestekEditorGrid{grid-template-columns:1fr}.premiumBestekCard{grid-template-columns:1fr!important;padding:15px!important}.bestekPrice{text-align:left}.bestekCardActions{justify-content:stretch}.bestekCardActions .miniBtn{flex:1}.bestekEditorHead{flex-direction:column}.bestekEditorActions .primaryAction{width:100%}}
body[data-theme="light"]{background:linear-gradient(145deg,#edf5fc,#dfeefa) fixed;color:#142a3f}body[data-theme="light"] header{background:rgba(255,255,255,.80);border-color:rgba(76,132,188,.18)}body[data-theme="light"] .mainMenu{background:linear-gradient(180deg,#f9fcff,#eef6fc);color:#142a3f}body[data-theme="light"] .menuItem{color:#1d3953}body[data-theme="light"] .menuItem small{color:#718da7}body[data-theme="light"] .bestekEditorCard,body[data-theme="light"] .premiumBestekCard{background:#fff!important;color:#142a3f!important;border-color:#d9e7f3!important}body[data-theme="light"] .bestekEditorGrid input,body[data-theme="light"] .bestekPriceInput{background:#f5f9fd;color:#142a3f;border-color:#d8e6f1}body[data-theme="light"] .bestekPrice strong{color:#142a3f}

/* =========================================================
   v71 — PREMIUM MOBILE UI / MOCKUP APPROVATO
   ========================================================= */
:root{
  --bt-blue:#0a84ff;--bt-blue2:#3aa0ff;--bt-navy:#07192a;--bt-navy2:#0c2740;
  --bt-card:#0d2235;--bt-card2:#102d48;--bt-soft:#b8cbe0;--bt-line:rgba(96,174,255,.20);
}
.srOnly{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
body{background:radial-gradient(circle at 60% -15%,#123e67 0,#071827 30%,#04101a 62%,#02080d 100%)!important;color:#f4f8fc}
.app{max-width:1380px}
header{position:relative;border:1px solid var(--bt-line)!important;background:linear-gradient(145deg,rgba(10,35,56,.93),rgba(5,20,33,.94))!important;box-shadow:0 18px 48px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.05)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.brandHead .eyebrow{letter-spacing:.27em;color:#62b7ff!important;font-weight:900}.brandHead h1{letter-spacing:-.045em;line-height:1.02}.brandIcon{box-shadow:0 12px 28px rgba(0,0,0,.38)}
.headerActions{display:flex;align-items:center;gap:10px;flex-wrap:nowrap}
.menuToggle{width:auto!important;min-width:48px;height:48px;padding:0 15px!important;border:1px solid rgba(94,170,255,.3)!important;background:linear-gradient(145deg,#123a5d,#09233a)!important;border-radius:15px!important;color:#fff!important;box-shadow:inset 0 1px rgba(255,255,255,.08)!important}
.menuToggle .menuGlyph{font-size:21px}.menuToggle span:last-child{font-weight:800}
.themeToggle{height:48px!important;min-width:116px!important;padding:0 12px!important;border-radius:15px!important;gap:7px!important;border:1px solid rgba(94,170,255,.30)!important;background:linear-gradient(145deg,#123a5d,#09233a)!important;color:#fff!important;box-shadow:inset 0 1px rgba(255,255,255,.08)!important}
.themeSun,.themeMoon{font-size:16px;opacity:.55;transition:.2s ease}.themeTrack{width:42px;height:24px;padding:2px;border-radius:20px;background:rgba(255,255,255,.13);box-shadow:inset 0 2px 5px rgba(0,0,0,.28);display:flex;align-items:center}.themeKnob{width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 9px rgba(0,0,0,.35);transform:translateX(18px);transition:transform .22s ease,background .22s ease}.themeMoon{opacity:1}.themeSun{color:#ffd45a}
body[data-theme="light"] .themeKnob{transform:translateX(0);background:#fff8d4}body[data-theme="light"] .themeSun{opacity:1}body[data-theme="light"] .themeMoon{opacity:.45}
.headerLogoutBtn{height:48px;border-radius:15px;padding:0 16px;border:1px solid rgba(255,101,101,.25);background:rgba(137,27,35,.16);color:#ff7373;display:inline-flex;align-items:center;gap:7px;font-weight:900;cursor:pointer}.headerLogoutBtn[hidden]{display:none!important}.headerLogoutBtn span{font-size:20px}.headerCloudPill{font-size:12px;font-weight:800;color:#3be28c;background:rgba(23,173,97,.09);border:1px solid rgba(54,214,131,.18);padding:7px 10px;border-radius:999px}.headerCloudPill[hidden]{display:none!important}
.authPanel.loggedIn{display:none!important}

.globalSearchBar{margin-top:14px}.globalSearchBox{min-height:58px!important;border:1px solid rgba(91,169,255,.25)!important;background:rgba(245,250,255,.94)!important;box-shadow:0 14px 36px rgba(0,0,0,.14)!important;border-radius:18px!important}.globalSearchBox>span{color:#0a5b9d!important;font-size:21px}.globalSearchBox input{font-size:16px!important;color:#18344c!important;background:transparent!important}.globalSearchBox input::placeholder{color:#7c8b99!important}.globalSearchBox .miniBtn{border-radius:13px!important;background:#0a84ff!important;color:#fff!important;border:0!important;min-width:46px!important;height:44px!important}

.premiumDashboardHero{position:relative;min-height:210px;overflow:hidden;background:linear-gradient(120deg,#0d2943 0,#0c3458 45%,#0f4d78 100%)!important;border:1px solid rgba(87,178,255,.34)!important;box-shadow:0 24px 55px rgba(0,0,0,.25)!important;padding:28px!important}.dashboardHeroCopy{position:relative;z-index:2;max-width:58%}.premiumDashboardHero h2{font-size:clamp(30px,5vw,48px);margin:5px 0 8px;letter-spacing:-.045em}.premiumDashboardHero p{font-size:15px;color:#c8dcef!important;max-width:580px}.dashboardHeroPhone{position:absolute;right:8%;bottom:-48px;width:min(280px,37vw);transform:rotate(-10deg);filter:drop-shadow(0 22px 30px rgba(0,0,0,.42));opacity:.92}.premiumDashboardHero #refreshDashboardBtn{position:absolute;right:18px;top:18px;z-index:3;background:rgba(5,22,37,.60)!important;color:#d8edff!important;border-color:rgba(255,255,255,.14)!important}
.quickAccessGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0 18px}.quickAccessGrid button{border:1px solid rgba(92,171,255,.20);background:linear-gradient(145deg,rgba(16,48,76,.90),rgba(7,29,47,.96));border-radius:17px;padding:16px;text-align:left;display:flex;align-items:center;gap:12px;color:#fff;box-shadow:0 10px 26px rgba(0,0,0,.16);cursor:pointer}.quickAccessGrid button>b{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#178cff,#0066e5);box-shadow:0 8px 20px rgba(0,102,229,.28);font-size:17px}.quickAccessGrid button:nth-child(2)>b{background:linear-gradient(145deg,#8757ff,#6235e8)}.quickAccessGrid button:nth-child(3)>b{background:linear-gradient(145deg,#21cc7a,#119b59)}.quickAccessGrid button:nth-child(4)>b{background:linear-gradient(145deg,#e1a934,#a86c08);color:#15100a}.quickAccessGrid strong,.quickAccessGrid small{display:block}.quickAccessGrid strong{font-size:15px}.quickAccessGrid small{font-size:11px;color:#9fbbd3;margin-top:2px}
.dashboardCards{gap:12px!important}.dashCard{background:linear-gradient(145deg,rgba(16,47,74,.95),rgba(7,28,45,.96))!important;border:1px solid rgba(91,171,255,.19)!important;border-radius:18px!important;box-shadow:0 12px 30px rgba(0,0,0,.16)!important}.dashCard strong{color:#fff!important}.dashboardPanel{background:rgba(7,27,44,.92)!important;border:1px solid rgba(91,171,255,.17)!important;border-radius:18px!important}

.mainMenu{background:linear-gradient(180deg,#07192a,#06131f 70%,#05101a)!important;border-right:1px solid rgba(83,171,255,.20)!important;box-shadow:30px 0 70px rgba(0,0,0,.38)!important}.menuHead{border-bottom-color:rgba(123,186,247,.14)!important}.menuBrand strong{font-size:20px;color:#fff!important}.menuBrand span{color:#78b8ef!important}.menuItem{border:1px solid transparent!important;border-radius:14px!important;color:#d9e9f6!important}.menuItem:hover{background:rgba(45,127,203,.10)!important}.menuItem.active{background:linear-gradient(90deg,rgba(22,120,228,.70),rgba(15,79,138,.45))!important;border-color:rgba(68,162,255,.38)!important;box-shadow:inset 3px 0 #2d9cff!important}.menuIcon{border-radius:12px!important;background:linear-gradient(145deg,#12395b,#09243b)!important;border-color:rgba(93,172,255,.22)!important;color:#9ed2ff!important}.menuItem.active .menuIcon{background:linear-gradient(145deg,#168cff,#0068ed)!important;color:#fff!important}.menuFooter{border-top-color:rgba(123,186,247,.14)!important}

.bestekCatalogView{max-width:1050px;margin-inline:auto}.bestekHero{background:linear-gradient(130deg,#0d2a45,#0c3d63)!important;border:1px solid rgba(82,174,255,.28)!important;border-radius:22px!important;box-shadow:0 18px 45px rgba(0,0,0,.20)!important}.bestekHero h2{font-size:clamp(28px,5vw,42px);letter-spacing:-.04em}.adminBadge{background:#0a84ff!important;border:0!important;color:#fff!important;box-shadow:0 9px 20px rgba(10,132,255,.28)!important}.bestekEditorCard{background:linear-gradient(145deg,rgba(12,37,59,.96),rgba(6,25,41,.98))!important;border:1px solid rgba(87,174,255,.20)!important;border-radius:20px!important;box-shadow:0 16px 40px rgba(0,0,0,.20)!important}.bestekEditorGrid label>span,.bestekEditorHead strong{color:#eaf5ff!important}.bestekEditorGrid input,.bestekToolbar input,.bestekToolbar select{border:1px solid rgba(109,175,234,.25)!important;background:#071a2b!important;color:#eef7ff!important;border-radius:13px!important}.primaryAction{background:linear-gradient(145deg,#198fff,#006ee8)!important;border:0!important;color:#fff!important;box-shadow:0 10px 24px rgba(0,111,232,.25)!important}.premiumBestekCard{background:#f8fbff!important;color:#17324a!important;border:1px solid rgba(30,110,180,.11)!important;border-radius:18px!important;box-shadow:0 9px 25px rgba(0,24,48,.12)!important}.premiumBestekCard .bestekCode{color:#0b2034!important}.premiumBestekCard .bestekInfo span,.premiumBestekCard small{color:#62788b!important}.premiumBestekCard .bestekPrice strong{color:#0876dc!important}.premiumBestekCard .miniBtn{border-color:#cfe1ef!important;background:#fff!important;color:#0d4f85!important}.premiumBestekCard .miniBtn.danger{color:#d33!important;background:#fff2f2!important;border-color:#ffd4d4!important}

.scannerModal{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:rgba(0,7,14,.82)!important}.scannerDialog{width:min(720px,100%);background:linear-gradient(165deg,#0b2135,#071522)!important;border:1px solid rgba(90,174,255,.27)!important;border-radius:24px!important;box-shadow:0 28px 80px rgba(0,0,0,.48)!important;padding:18px!important}.scannerStage{position:relative;overflow:hidden;border-radius:20px;background:#02070a;aspect-ratio:4/3;min-height:230px;border:1px solid rgba(101,181,255,.22)}.scannerVideo{position:absolute!important;inset:0;width:100%!important;height:100%!important;max-height:none!important;border:0!important;border-radius:0!important;object-fit:cover!important;background:#02070a!important}.scannerFrame{position:absolute;inset:13%;pointer-events:none}.scannerFrame i{position:absolute;width:46px;height:46px;border-color:#1a9bff;border-style:solid}.scannerFrame i:nth-child(1){top:0;left:0;border-width:4px 0 0 4px;border-radius:14px 0 0 0}.scannerFrame i:nth-child(2){top:0;right:0;border-width:4px 4px 0 0;border-radius:0 14px 0 0}.scannerFrame i:nth-child(3){bottom:0;left:0;border-width:0 0 4px 4px;border-radius:0 0 0 14px}.scannerFrame i:nth-child(4){bottom:0;right:0;border-width:0 4px 4px 0;border-radius:0 0 14px 0}.scannerLaser{position:absolute;left:8%;right:8%;height:2px;top:18%;background:linear-gradient(90deg,transparent,#30a9ff,transparent);box-shadow:0 0 13px #32aaff;animation:scannerSweep 2s ease-in-out infinite alternate}@keyframes scannerSweep{to{top:80%}}.scannerHint{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);background:rgba(2,11,19,.74);color:#fff;border:1px solid rgba(255,255,255,.11);padding:9px 13px;border-radius:999px;font-size:12px;font-weight:800;backdrop-filter:blur(8px)}.scannerMsg{font-size:13px!important;color:#a9c6de!important;margin:12px 2px!important}.scannerManualDivider{display:flex;align-items:center;gap:10px;margin:13px 0;color:#70889c;font-size:11px;text-transform:uppercase;letter-spacing:.13em}.scannerManualDivider:before,.scannerManualDivider:after{content:"";height:1px;background:rgba(129,181,225,.14);flex:1}.scannerManual{grid-template-columns:1fr auto!important}.scannerManual input{background:#071522!important;border-color:rgba(104,174,235,.25)!important;color:#fff!important}.scannerManual button{min-width:100px}

.smartBackBtn{background:rgba(5,20,33,.91)!important;border-color:rgba(93,170,240,.20)!important;color:#fff!important;box-shadow:0 12px 30px rgba(0,0,0,.28)!important}.premiumBottomNav{grid-template-columns:repeat(5,1fr)!important;background:rgba(5,20,33,.94)!important;border:1px solid rgba(83,164,238,.22)!important;box-shadow:0 14px 42px rgba(0,0,0,.40)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important}.premiumBottomNav button{color:#b9cee0!important}.premiumBottomNav button b{font-size:18px!important}.scannerNavButton{position:relative;transform:translateY(-11px);overflow:visible!important}.scannerNavButton b{width:52px!important;height:52px!important;border-radius:50%!important;background:linear-gradient(145deg,#1d9cff,#006ce9)!important;color:#fff!important;display:grid!important;place-items:center!important;margin:auto!important;box-shadow:0 8px 24px rgba(0,113,235,.50),0 0 0 4px rgba(8,39,65,.95)!important}.scannerNavButton span{margin-top:4px!important;color:#dff1ff!important}

body[data-theme="light"]{background:radial-gradient(circle at 55% -12%,#fff 0,#edf6fc 36%,#e6f1f8 70%,#e2ecf3 100%)!important;color:#0f2a41!important}.body{}body[data-theme="light"] header{background:rgba(255,255,255,.91)!important;border-color:rgba(16,101,170,.12)!important;box-shadow:0 16px 40px rgba(24,71,107,.12)!important}.body{}body[data-theme="light"] .brandHead h1{color:#10283d!important}body[data-theme="light"] .menuToggle,body[data-theme="light"] .themeToggle{background:#fff!important;color:#153c5c!important;border-color:#d6e3ec!important;box-shadow:0 6px 18px rgba(23,63,93,.08)!important}body[data-theme="light"] .headerCloudPill{background:#eefbf4;color:#168b50;border-color:#ccefdc}.body{}body[data-theme="light"] .premiumDashboardHero{background:linear-gradient(125deg,#f7fbff,#e2f0fb)!important;color:#10283d!important;border-color:#cbdfea!important}.body{}body[data-theme="light"] .premiumDashboardHero p{color:#567289!important}.body{}body[data-theme="light"] .quickAccessGrid button,body[data-theme="light"] .dashCard,body[data-theme="light"] .dashboardPanel,body[data-theme="light"] .bestekEditorCard{background:#fff!important;color:#16344c!important;border-color:#d8e7f1!important;box-shadow:0 10px 28px rgba(31,78,111,.09)!important}body[data-theme="light"] .quickAccessGrid strong{color:#15334a}body[data-theme="light"] .quickAccessGrid small{color:#71879a}.body{}body[data-theme="light"] .bestekEditorGrid label>span,body[data-theme="light"] .bestekEditorHead strong{color:#183a55!important}body[data-theme="light"] .bestekEditorGrid input,body[data-theme="light"] .bestekToolbar input,body[data-theme="light"] .bestekToolbar select{background:#f8fbfd!important;color:#15334a!important;border-color:#d5e4ee!important}.body{}body[data-theme="light"] .scannerDialog{background:#fff!important;color:#13344d!important;border-color:#d9e7f0!important}.body{}body[data-theme="light"] .scannerManual input{background:#f6fafc!important;color:#17344c!important;border-color:#d5e4ed!important}.body{}body[data-theme="light"] .premiumBottomNav{background:rgba(255,255,255,.94)!important;border-color:#d5e2ea!important;box-shadow:0 14px 38px rgba(35,73,101,.15)!important}body[data-theme="light"] .premiumBottomNav button{color:#264e6c!important}body[data-theme="light"] .scannerNavButton b{box-shadow:0 8px 24px rgba(0,113,235,.34),0 0 0 4px #fff!important}

@media(max-width:820px){
  .app{padding:calc(12px + env(safe-area-inset-top)) 12px calc(104px + env(safe-area-inset-bottom))!important}
  header{padding:14px!important;border-radius:22px!important;align-items:center!important}.brandHead{gap:10px}.brandIcon{width:58px!important;height:58px!important;border-radius:15px!important}.brandHead h1{font-size:clamp(24px,7vw,34px)!important;max-width:310px}.brandHead .eyebrow{font-size:11px}.headerActions{gap:7px}.menuToggle,.themeToggle,.headerLogoutBtn{height:46px!important}.menuToggle{padding:0 13px!important}.menuToggle span:last-child{display:none!important}.themeToggle{min-width:84px!important;padding:0 8px!important}.themeSun,.themeMoon{font-size:14px}.themeTrack{width:36px;height:22px}.themeKnob{width:18px;height:18px;transform:translateX(14px)}body[data-theme="light"] .themeKnob{transform:translateX(0)}.headerCloudPill{display:none!important}.headerLogoutBtn{position:fixed!important;top:max(12px,env(safe-area-inset-top));right:12px;z-index:12100;width:44px;padding:0!important;justify-content:center;border-radius:14px!important;background:rgba(111,18,25,.88)!important;backdrop-filter:blur(10px)}.headerLogoutBtn strong{display:none}.headerLogoutBtn span{font-size:22px}
  .globalSearchBox{border-radius:19px!important}.premiumDashboardHero{min-height:205px;padding:22px!important;border-radius:22px!important}.dashboardHeroCopy{max-width:70%}.premiumDashboardHero h2{font-size:31px}.premiumDashboardHero p{font-size:13px}.dashboardHeroPhone{right:-5%;bottom:-35px;width:48vw;opacity:.72}.premiumDashboardHero #refreshDashboardBtn{font-size:0;width:40px;height:40px;padding:0!important}.premiumDashboardHero #refreshDashboardBtn:first-letter{font-size:18px}.quickAccessGrid{grid-template-columns:1fr 1fr;gap:9px}.quickAccessGrid button{padding:13px;border-radius:16px}.quickAccessGrid button>b{width:38px;height:38px}.quickAccessGrid strong{font-size:14px}
  .bestekHero{border-radius:21px!important;padding:20px!important}.bestekHero h2{font-size:31px}.adminBadge{font-size:11px!important}.bestekEditorCard{border-radius:20px!important;padding:17px!important}.bestekEditorGrid{grid-template-columns:1fr!important}.bestekToolbar{grid-template-columns:1fr!important}.premiumBestekCard{grid-template-columns:1fr auto!important;gap:8px!important}.premiumBestekCard .bestekInfo{grid-column:1/-1}.premiumBestekCard .bestekPrice{grid-column:1}.premiumBestekCard .bestekCardActions{grid-column:1/-1;display:grid!important;grid-template-columns:1fr 1fr 1fr!important}
  .scannerDialog{margin:auto 0!important;padding:14px!important}.scannerStage{aspect-ratio:3/4;max-height:62vh}.scannerManual{grid-template-columns:1fr!important}.scannerManual button{width:100%}
}
@media(max-width:520px){
  header{padding-right:63px!important}.brandIcon{width:52px!important;height:52px!important}.brandHead h1{font-size:25px!important}.themeToggle{min-width:78px!important}.headerActions{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.headerActions .headerLogoutBtn{position:fixed!important;top:max(10px,env(safe-area-inset-top))!important;right:10px!important;transform:none}.headerActions .menuToggle,.headerActions .themeToggle{width:44px!important;min-width:44px!important;padding:0!important}.themeSun,.themeMoon{display:none}.themeTrack{width:34px}.premiumDashboardHero{min-height:190px}.dashboardHeroCopy{max-width:78%}.dashboardHeroPhone{width:58vw;right:-18%}.quickAccessGrid button{min-width:0}.quickAccessGrid small{font-size:10px}.premiumBottomNav{left:10px!important;right:10px!important;bottom:max(8px,env(safe-area-inset-bottom))!important;padding:7px 6px!important;border-radius:24px!important}.premiumBottomNav button span{font-size:9px!important}.premiumBottomNav button b{font-size:17px!important}.scannerNavButton b{width:48px!important;height:48px!important}.smartBackBtn{bottom:calc(87px + env(safe-area-inset-bottom))!important}
}

/* ===== v72 — header unificato, tema giorno/notte corretto, card stock pulite ===== */
.headerActions{
  display:inline-flex!important;
  align-items:stretch!important;
  gap:0!important;
  padding:4px!important;
  border:1px solid rgba(91,168,238,.22)!important;
  border-radius:18px!important;
  background:rgba(7,29,48,.82)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.20), inset 0 1px rgba(255,255,255,.06)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
.headerActions .menuToggle,.headerActions .themeToggle,.headerActions .headerLogoutBtn{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  margin:0!important;
  height:48px!important;
  min-width:74px!important;
  width:auto!important;
  padding:0 13px!important;
  border:0!important;
  border-radius:13px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#eef8ff!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
}
.headerActions .menuToggle:hover,.headerActions .themeToggle:hover,.headerActions .headerLogoutBtn:hover{background:rgba(42,130,210,.14)!important}
.headerActions .themeToggle{min-width:110px!important}
.headerActions .headerLogoutBtn{color:#ff8d94!important}
.headerActions .headerLogoutBtn strong{display:inline!important;font-size:12px!important}
.headerActions .headerLogoutBtn span{font-size:19px!important;line-height:1!important}
.headerActions .themeWord{display:inline!important;font-size:12px!important;font-weight:800!important;letter-spacing:.01em}
.headerActions .menuToggle>span:last-child{display:inline!important;font-size:12px!important;font-weight:800!important}
.headerActions .themeTrack{flex:0 0 auto!important}
.headerActions .headerCloudPill{display:none!important}
#signedIn #logoutBtn{display:none!important}

body[data-theme="light"] .headerActions{
  background:rgba(255,255,255,.92)!important;
  border-color:#d6e4ee!important;
  box-shadow:0 10px 28px rgba(24,69,102,.10)!important;
}
body[data-theme="light"] .headerActions .menuToggle,
body[data-theme="light"] .headerActions .themeToggle{
  background:transparent!important;color:#123b5d!important;border:0!important;box-shadow:none!important;
}
body[data-theme="light"] .headerActions .headerLogoutBtn{background:transparent!important;color:#c83e48!important}
body[data-theme="light"] .headerActions .menuToggle:hover,
body[data-theme="light"] .headerActions .themeToggle:hover,
body[data-theme="light"] .headerActions .headerLogoutBtn:hover{background:#eef6fc!important}

/* Il tema chiaro deve restare realmente chiaro anche dentro le varianti */
body[data-theme="light"] .model,
body[data-theme="light"] .modelHeader,
body[data-theme="light"] .colors,
body[data-theme="light"] .colorRow,
body[data-theme="light"] .customModelGroup,
body[data-theme="light"] .customModelHeader,
body[data-theme="light"] .customModelBody,
body[data-theme="light"] .customProductCard{
  background:#ffffff!important;
  color:#102b42!important;
  border-color:#d9e5ee!important;
  box-shadow:0 8px 24px rgba(30,72,103,.08)!important;
}
body[data-theme="light"] .colorName,
body[data-theme="light"] .customProductInfo strong,
body[data-theme="light"] .customQty strong,
body[data-theme="light"] .customModelHeader strong{color:#102b42!important}
body[data-theme="light"] .customProductInfo span,
body[data-theme="light"] .customProductInfo small,
body[data-theme="light"] .customQty small,
body[data-theme="light"] .customModelHeader small{color:#6a8195!important}
body[data-theme="light"] .salePriceTag,
body[data-theme="light"] .customSalePrice{
  background:#f4f8fc!important;
  color:#173d5d!important;
  border-color:#d5e4ef!important;
}
body[data-theme="light"] .salePriceTag strong,
body[data-theme="light"] .customSalePrice strong{color:#0876dc!important}
body[data-theme="light"] .customActions .minus,
body[data-theme="light"] .minus{color:#a92f36!important;background:#fff2f3!important;border-color:#efc5c8!important}
body[data-theme="light"] .customActions .plus,
body[data-theme="light"] .plus{color:#137544!important;background:#eefaf4!important;border-color:#ccebd9!important}
body[data-theme="light"] .customActions .edit,
body[data-theme="light"] .rowAction{background:#fff!important;color:#123b5d!important;border-color:#d7e4ed!important}
body[data-theme="light"] .status.ok{color:#11814c!important}
body[data-theme="light"] .status.empty{color:#cf3440!important}
body[data-theme="light"] .status.low{color:#a86d00!important}

/* immagini modello: spazio coerente e senza deformazioni */
.modelThumb,.customModelThumb,.productModelImage{
  object-fit:contain!important;
  object-position:center!important;
  background:linear-gradient(145deg,rgba(56,128,188,.10),rgba(255,255,255,.03))!important;
  border-radius:14px!important;
}
body[data-theme="light"] .modelThumb,
body[data-theme="light"] .customModelThumb,
body[data-theme="light"] .productModelImage{background:#f3f8fc!important;border-color:#dce8f1!important}

@media(max-width:820px){
  header{padding:13px!important;padding-right:13px!important;display:flex!important;gap:10px!important;align-items:center!important}
  .brandHead{min-width:0!important;flex:1 1 auto!important}
  .brandHead>div{min-width:0!important}
  .brandHead h1{font-size:clamp(20px,5.6vw,28px)!important;line-height:1.02!important;max-width:290px!important}
  .headerActions{position:static!important;right:auto!important;top:auto!important;transform:none!important;flex:0 0 auto!important}
  .headerActions .menuToggle,.headerActions .themeToggle,.headerActions .headerLogoutBtn{height:44px!important;min-width:60px!important;padding:0 9px!important}
  .headerActions .themeToggle{min-width:91px!important}
  .headerActions .themeSun,.headerActions .themeMoon{display:none!important}
  .headerActions .themeTrack{width:34px!important;height:22px!important}
  .headerActions .themeWord{font-size:11px!important}
  .headerActions .menuToggle>span:last-child,.headerActions .headerLogoutBtn strong{font-size:11px!important}
}
@media(max-width:620px){
  header{align-items:center!important}
  .brandIcon{width:48px!important;height:48px!important}
  .brandHead .eyebrow{font-size:9px!important}
  .brandHead h1{font-size:20px!important;max-width:185px!important}
  .headerActions{padding:3px!important;border-radius:15px!important}
  .headerActions .menuToggle,.headerActions .themeToggle,.headerActions .headerLogoutBtn{width:43px!important;min-width:43px!important;height:42px!important;padding:0!important;border-radius:11px!important}
  .headerActions .themeToggle{width:50px!important;min-width:50px!important}
  .headerActions .themeWord,.headerActions .menuToggle>span:last-child,.headerActions .headerLogoutBtn strong{display:none!important}
  .headerActions .themeTrack{width:34px!important}
  .headerActions .menuGlyph{font-size:20px!important}
  .headerActions .headerLogoutBtn span{font-size:19px!important}
}
@media(max-width:390px){
  .brandHead h1{font-size:18px!important;max-width:155px!important}
  .brandIcon{width:44px!important;height:44px!important}
  .headerActions .menuToggle,.headerActions .headerLogoutBtn{width:39px!important;min-width:39px!important}
  .headerActions .themeToggle{width:45px!important;min-width:45px!important}
}

/* =========================================================
   v73 — PC SIDEBAR + HEADER CONTROLS + MOBILE NAV FOLLOW SCROLL
   ========================================================= */

/* PC / notebook: sidebar leggibile, stabile e con scroll proprio */
@media (min-width:900px){
  .mainMenu{
    width:292px!important;
  }
  .mainMenu .menuNav{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding-right:5px!important;
    scrollbar-gutter:stable;
  }
  .mainMenu .customMenuSections{
    display:grid!important;
    gap:7px!important;
    min-width:0!important;
  }
  .mainMenu .menuItem{
    grid-template-columns:44px minmax(0,1fr)!important;
    min-height:60px!important;
    padding:8px 10px!important;
    gap:11px!important;
    overflow:visible!important;
  }
  .mainMenu .menuItem>span:last-child{min-width:0!important;display:block!important}
  .mainMenu .menuItem strong{
    display:block!important;
    font-size:14px!important;
    line-height:1.18!important;
    color:inherit!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  .mainMenu .menuItem small{
    display:block!important;
    margin-top:4px!important;
    line-height:1.2!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  .mainMenu .menuFooter{
    flex:0 0 auto!important;
    margin-top:10px!important;
  }

  /* I tre comandi in alto sono separati: Menu / Giorno-Notte / Esci */
  .headerActions{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .headerActions .menuToggle,
  .headerActions .themeToggle,
  .headerActions .headerLogoutBtn{
    height:48px!important;
    min-width:0!important;
    width:auto!important;
    padding:0 15px!important;
    border-radius:14px!important;
    border:1px solid rgba(91,168,238,.25)!important;
    background:linear-gradient(145deg,rgba(18,58,93,.96),rgba(9,35,58,.96))!important;
    box-shadow:inset 0 1px rgba(255,255,255,.06),0 8px 20px rgba(0,0,0,.12)!important;
  }
  .headerActions .menuToggle{display:inline-flex!important}
  .headerActions .themeToggle{min-width:122px!important}
  .headerActions .headerLogoutBtn{
    border-color:rgba(255,101,101,.30)!important;
    background:rgba(137,27,35,.18)!important;
    color:#ff858d!important;
  }
  .headerActions .menuToggle:hover,
  .headerActions .themeToggle:hover{background:linear-gradient(145deg,#174b78,#0d3150)!important}
  .headerActions .headerLogoutBtn:hover{background:rgba(160,32,42,.27)!important}
  .brandHead{min-width:0!important;flex:1 1 auto!important}
  .brandHead>div{min-width:0!important}
  .brandHead h1{white-space:normal!important}

  body[data-theme="light"] .headerActions{background:transparent!important;border:0!important;box-shadow:none!important}
  body[data-theme="light"] .headerActions .menuToggle,
  body[data-theme="light"] .headerActions .themeToggle{
    background:#fff!important;color:#123b5d!important;border-color:#d4e3ed!important;
    box-shadow:0 7px 18px rgba(23,63,93,.08)!important;
  }
  body[data-theme="light"] .headerActions .headerLogoutBtn{
    background:#fff7f7!important;color:#c83e48!important;border-color:#efd1d4!important;
  }
}

@media (min-width:1180px){
  .mainMenu{width:292px!important}
  .app{margin-left:292px!important;padding-left:24px!important;padding-right:24px!important}
  /* Manteniamo Menu visibile anche su PC come richiesto */
  .menuToggle{display:inline-flex!important}
}

/* Portatili PC più stretti: nessuna sovrapposizione nell'header */
@media (min-width:900px) and (max-width:1220px){
  header{gap:14px!important}
  .brandIcon{width:54px!important;height:54px!important}
  .brandHead h1{font-size:clamp(23px,2.6vw,34px)!important}
  .headerActions{gap:7px!important}
  .headerActions .menuToggle,
  .headerActions .themeToggle,
  .headerActions .headerLogoutBtn{height:44px!important;padding:0 11px!important}
  .headerActions .themeToggle{min-width:108px!important}
}

/* Mobile: la barra segue realmente lo scroll invece di sparire a scatto */
@media (max-width:760px){
  .mobileBottomNav{
    transform:translate3d(0,var(--bt-nav-slide,0px),0)!important;
    opacity:var(--bt-nav-opacity,1)!important;
    transition:none!important;
    will-change:transform,opacity!important;
  }
  .mobileBottomNav.nav-returning{transition:transform .16s ease-out,opacity .16s ease-out!important}
  .mobileBottomNav.nav-hidden{pointer-events:none!important}
  .smartBackBtn{
    transform:translate3d(0,var(--bt-back-slide,0px),0)!important;
    opacity:var(--bt-back-opacity,1)!important;
    transition:none!important;
    will-change:transform,opacity!important;
  }
  .smartBackBtn.nav-returning{transition:transform .16s ease-out,opacity .16s ease-out!important}
  .smartBackBtn.nav-hidden{pointer-events:none!important}
}


/* ===== v74 — responsive PC header, store tabs, admin costs ===== */
@media (min-width:900px){
  header{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:clamp(8px,1.2vw,20px)!important;max-width:100%!important;overflow:hidden!important}
  .brandHead{min-width:0!important;overflow:hidden!important}.brandHead h1{font-size:clamp(20px,2.1vw,34px)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}
  .headerActions{min-width:0!important;max-width:100%!important;flex-wrap:nowrap!important}.headerActions .menuToggle,.headerActions .themeToggle,.headerActions .headerLogoutBtn{flex:0 1 auto!important}
}
@media (min-width:900px) and (max-width:1080px){.headerActions .themeWord,.headerActions .menuToggle>span:last-child,.headerActions .headerLogoutBtn strong{display:none!important}.headerActions .themeToggle{min-width:56px!important}.headerActions .menuToggle,.headerActions .headerLogoutBtn{width:50px!important;padding:0!important}.brandIcon{width:48px!important;height:48px!important}}
.salesStoreHead{margin:16px 0 8px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.salesStoreHead strong{font-size:14px}.salesStoreHead span{font-size:12px;color:var(--muted,#8ca2b5)}
.salesStoreTabs{display:flex;gap:8px;overflow-x:auto;padding:3px 2px 12px;scrollbar-width:thin}.salesStoreTab{white-space:nowrap;border:1px solid rgba(93,164,225,.22);background:rgba(21,55,83,.55);color:inherit;padding:9px 13px;border-radius:999px;font-weight:800;cursor:pointer}.salesStoreTab.active{background:#0876dc;color:#fff;border-color:#0876dc}.salesStoreTab[data-store="DL"]{border-style:dashed}
.adminCostBadge{display:flex;align-items:center;gap:7px;margin-left:auto;padding:6px 8px;border:1px solid rgba(255,190,69,.22);background:rgba(255,177,31,.08);border-radius:12px}.adminCostBadge span{font-size:10px;opacity:.72;text-transform:uppercase;font-weight:900}.adminCostBadge strong{font-size:12px}.editCostBtn{border:0;background:transparent;color:inherit;cursor:pointer;font-size:15px;padding:2px 4px}.operatorCodeOnly{grid-template-columns:minmax(0,1fr) minmax(150px,.7fr)!important}.operatorResolved{display:flex;flex-direction:column;justify-content:center;padding:10px 12px;border:1px solid rgba(95,160,214,.18);border-radius:12px;background:rgba(255,255,255,.03)}.operatorResolved span{font-size:11px;opacity:.7}.operatorResolved strong{margin-top:4px;font-size:13px}.storeAdminForm{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;gap:10px;align-items:center;margin:14px 0}.storeAdminForm input[type="text"],.storeAdminForm>input{min-height:44px}.storePrivateToggle{display:flex;align-items:center;gap:7px;white-space:nowrap}.storeAdminList{display:grid;gap:8px}.storeAdminRow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid rgba(95,160,214,.15);border-radius:14px}.storeAdminRow>div:first-child{display:flex;flex-direction:column;gap:3px}.storeAdminRow small{opacity:.7}.storeAdminRow>div:last-child{display:flex;gap:7px}
@media(max-width:700px){.operatorCodeOnly{grid-template-columns:1fr!important}.storeAdminForm{grid-template-columns:1fr}.storeAdminRow{align-items:flex-start;flex-direction:column}.adminCostBadge{margin-left:0}}
body[data-theme="light"] .salesStoreTab{background:#fff;border-color:#d5e4ee;color:#173b58}body[data-theme="light"] .salesStoreTab.active{background:#0876dc;color:#fff}body[data-theme="light"] .adminCostBadge{background:#fff8e9;border-color:#f0d6a4;color:#6a4710}

/* v80 — prezzi vendita visibili a tutti; costi solo Admin */
.inventoryPriceTag.salePriceAdmin{position:relative;padding-right:42px}
.editSalePriceBtn{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:1px solid rgba(212,168,87,.28);background:rgba(212,168,87,.10);color:inherit;border-radius:9px;width:28px;height:28px;display:grid;place-items:center;cursor:pointer;font-size:14px;font-weight:900}
.editSalePriceBtn:hover{background:rgba(212,168,87,.20)}
.salesMoneySummary{grid-template-columns:repeat(4,minmax(0,1fr))}
.salesMoneySummary small{font-size:9px;opacity:.55;margin-top:2px}
@media(max-width:900px){.salesMoneySummary{grid-template-columns:1fr 1fr}.salesMoneySummary .grand{grid-column:auto}}
@media(max-width:520px){.salesMoneySummary{grid-template-columns:1fr 1fr}}

/* ===== v82 Fatturazione Riparalo / MELA ===== */
.invoicePanel{display:grid;gap:18px}
.invoiceClientCard{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:18px 20px;border:1px solid var(--line,#2a2a2a);border-radius:20px;background:linear-gradient(135deg,rgba(55,135,255,.13),rgba(55,135,255,.035))}
.invoiceClientCard h3{margin:4px 0 6px;font-size:1.22rem}.invoiceClientCard p{margin:0;opacity:.74}.invoiceEyebrow{font-size:.72rem;font-weight:800;letter-spacing:.12em;opacity:.65}
.invoiceClientMeta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.invoiceClientMeta span{padding:8px 10px;border-radius:12px;background:rgba(127,127,127,.09);font-size:.82rem}.invoiceClientMeta b{margin-left:4px}
.invoiceGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.invoiceChecks{display:grid;gap:9px;margin:14px 0}.invoiceChecks label{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:rgba(127,127,127,.07);cursor:pointer}.invoiceChecks input{width:18px;height:18px}
.invoicePreviewCard{grid-column:1/-1}.invoiceLines{display:grid;gap:8px;margin-top:14px}.invoiceLine{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid rgba(127,127,127,.15);border-radius:14px}.invoiceLineNo{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:rgba(55,135,255,.12);font-weight:800}.invoiceLineMain{display:grid;gap:4px}.invoiceLineMain span,.invoiceLineMoney span{font-size:.78rem;opacity:.67}.invoiceLineMoney{text-align:right;display:grid;gap:4px}.invoiceActions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:16px}.invoiceHint{margin:12px 2px 0;font-size:.8rem;opacity:.66;line-height:1.45}
@media(max-width:820px){.invoiceGrid{grid-template-columns:1fr}.invoiceClientCard{align-items:flex-start;flex-direction:column}.invoiceClientMeta{justify-content:flex-start}.invoiceLine{grid-template-columns:32px 1fr}.invoiceLineMoney{grid-column:2;text-align:left}.invoiceActions>*{flex:1 1 180px}}

/* v84 assistenza fatturazione */
.invoiceServiceBox{margin:14px 0;padding:14px;border:1px solid var(--line,#d9e1ea);border-radius:16px;background:rgba(45,111,216,.05);display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:12px;align-items:end}.invoiceServiceBox>div:first-child{align-self:center}.invoiceServiceBox small{display:block;margin-top:4px;opacity:.72}.invoiceServiceBox label span{display:block;font-size:12px;margin-bottom:5px}.invoiceServiceBox input[type=number]{width:100%}.invoiceMergeHours{grid-column:1/-1;display:flex!important;align-items:center;gap:8px}.invoiceMergeHours span{margin:0!important}.invoiceHoursInfo{grid-column:1/-1;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.55);font-size:13px}@media(max-width:700px){.invoiceServiceBox{grid-template-columns:1fr}}

/* ===== v85 · Clienti aziendali / VR Trasporti ===== */
.businessInvoiceClientCard{gap:18px;align-items:center}.invoiceClientSelect{min-width:220px;display:grid;gap:6px}.invoiceClientSelect span{font-size:12px;font-weight:700;opacity:.7}.invoiceClientSelect select{width:100%;min-height:44px}.vrInvoiceDataCard{margin:14px 0 18px}.repairBadges{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.repairStatusBadge,.repairInvoiceBadge{display:inline-flex;align-items:center;min-height:25px;padding:4px 9px;border-radius:999px;font-size:11px;font-weight:800;background:rgba(127,127,127,.14)}.repairInvoiceBadge.done{background:rgba(46,160,67,.14)}.repairInvoiceBadge.pending{background:rgba(245,158,11,.16)}.adminCostMeta{font-weight:700}.invoiceLinePick{display:flex;align-items:center;justify-content:center;margin-right:2px}.invoiceLinePick input{width:18px;height:18px;accent-color:currentColor}.invoiceLineExcluded{opacity:.46}.invoiceLineExcluded .invoiceLineMain strong{text-decoration:line-through}.businessRepairRow small{display:block;margin-top:5px}.invoiceActions{flex-wrap:wrap}
@media(max-width:720px){.businessInvoiceClientCard{align-items:stretch}.invoiceClientSelect{min-width:0;width:100%}.invoiceLine{grid-template-columns:auto auto minmax(0,1fr);gap:8px}.invoiceLineMoney{grid-column:3}.invoiceLinePick{grid-row:1/3}.repairBadges{margin-bottom:2px}}
.invoiceLine{grid-template-columns:auto 34px minmax(0,1fr) auto}
@media(max-width:820px){.invoiceLine{grid-template-columns:auto 32px 1fr}.invoiceLineMoney{grid-column:3}.invoiceLinePick{grid-row:1/3}}

/* =========================================================
   v87 — BEPARYTECH MANAGER DASHBOARD
   ========================================================= */
.dashboardV87{gap:14px!important;margin-top:0!important}
.dashTopbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:4px 2px 0}
.dashSearchVisual{height:44px;min-width:min(520px,48vw);display:flex;align-items:center;gap:11px;padding:0 16px;border:1px solid rgba(95,160,214,.16);border-radius:13px;background:rgba(255,255,255,.045);color:#8ba4ba;cursor:pointer}
.dashSearchVisual span{font-size:21px}.dashSearchVisual strong{font-size:12px;font-weight:650}
.dashUserMini{display:flex;align-items:center;gap:10px}.dashUserMini>span{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#6847eb,#3c7ef3);color:#fff;font-weight:900;font-size:12px}.dashUserMini div strong,.dashUserMini div small{display:block}.dashUserMini div strong{font-size:12px}.dashUserMini div small{font-size:10px;color:var(--muted,#8ca2b5);margin-top:2px}
.v87Hero{position:relative;overflow:hidden;min-height:112px;padding:24px 30px!important;border:1px solid rgba(89,151,245,.15)!important;background:linear-gradient(115deg,rgba(232,242,255,.12),rgba(99,154,255,.20),rgba(116,91,255,.13))!important}
.v87Hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 20%,rgba(74,166,255,.23),transparent 28%);pointer-events:none}.v87Hero .dashboardHeroCopy,.v87Hero .heroQuote,.v87Hero button{position:relative;z-index:1}.v87Hero h2{font-size:clamp(26px,3vw,38px)!important;margin:4px 0!important}.v87Hero p{font-size:13px}.heroQuote{margin-left:auto;max-width:340px;text-align:right;font-style:italic;font-size:12px}.heroQuote small{display:block;margin-top:8px;font-style:normal;color:var(--muted,#8ca2b5)}
.dashboardMainGrid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:16px;align-items:start}.dashboardCenterCol{min-width:0;display:grid;gap:14px}.dashboardActionRail{display:grid;gap:11px;position:sticky;top:15px}.railAction{min-height:66px;border:0;border-radius:14px;padding:0 18px;color:#fff;display:flex;align-items:center;gap:14px;font-weight:900;font-size:14px;cursor:pointer;box-shadow:0 10px 26px rgba(0,0,0,.14)}.railAction b{font-size:25px;font-weight:400}.railAction.blue{background:linear-gradient(135deg,#2687ff,#1169ec)}.railAction.green{background:linear-gradient(135deg,#28bc7c,#08a35f)}.railAction.purple{background:linear-gradient(135deg,#8355ef,#6732df)}.railAction.dark{background:linear-gradient(135deg,#2b4564,#19304a)}
.noLogoReminder,.railRecent{border:1px solid rgba(93,164,225,.15);border-radius:16px;background:rgba(255,255,255,.045);padding:16px}.noLogoReminder{background:linear-gradient(145deg,rgba(255,186,55,.13),rgba(255,255,255,.03));border-color:rgba(255,183,47,.24)}.noLogoReminder strong,.noLogoReminder span{display:block}.noLogoReminder strong{font-size:13px}.noLogoReminder span{font-size:11px;line-height:1.45;margin-top:8px;color:var(--muted,#9dafbe)}.railRecent{display:grid;gap:6px}.railRecent button{border:0;background:transparent;color:inherit;padding:10px 2px;display:flex;justify-content:space-between;font-weight:800;cursor:pointer;border-bottom:1px solid rgba(93,164,225,.10)}.railRecent button:last-child{border-bottom:0}
.dashboardKpis{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:11px!important}.dashboardKpis .dashCard{min-height:116px;padding:17px!important;text-align:left!important;cursor:default!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(93,164,225,.14)!important}.dashboardKpis .dashCard:before{content:"";display:block;width:38px;height:38px;border-radius:11px;margin-bottom:10px;background:linear-gradient(145deg,#2584ff,#1168eb)}.dashboardKpis .kpiGreen:before{background:linear-gradient(145deg,#2bc17d,#08a55f)}.dashboardKpis .kpiOrange:before{background:linear-gradient(145deg,#ffb342,#f18716)}.dashboardKpis .kpiPurple:before{background:linear-gradient(145deg,#8957ef,#6937df)}.dashboardKpis .dashCard span{font-size:11px}.dashboardKpis .dashCard strong{font-size:clamp(22px,2vw,30px)!important;margin:4px 0!important}.dashboardKpis .dashCard small{font-size:10px}
.dashboardAnalyticsGrid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.75fr);gap:12px}.dashAnalyticsCard{min-height:260px;border:1px solid rgba(93,164,225,.14);border-radius:18px;background:rgba(255,255,255,.045);padding:17px}.dashCardHead{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.dashCardHead strong,.dashCardHead small{display:block}.dashCardHead strong{font-size:14px}.dashCardHead small{font-size:10px;color:var(--muted,#8ca2b5);margin-top:3px}.dashboardMiniChart{height:195px;display:flex;flex-direction:column;justify-content:flex-end}.chartBars{height:155px;display:grid;grid-template-columns:repeat(6,1fr);gap:13px;align-items:end;padding:12px 8px 0;border-bottom:1px solid rgba(112,169,219,.16);background:repeating-linear-gradient(to top,rgba(110,165,215,.08) 0,rgba(110,165,215,.08) 1px,transparent 1px,transparent 38px)}.chartCol{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}.chartBar{width:min(34px,65%);border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#3899ff,#176be9);min-height:18px}.chartBar.h30{height:30%}.chartBar.h40{height:40%}.chartBar.h50{height:50%}.chartBar.h60{height:60%}.chartBar.h70{height:70%}.chartBar.h80{height:80%}.chartBar.h90{height:90%}.chartCol small{font-size:9px;color:var(--muted,#8ca2b5)}.chartLegend{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:10px;color:var(--muted,#8ca2b5)}.chartLegend span{display:flex;align-items:center;gap:6px}.chartLegend i{width:8px;height:8px;border-radius:50%;background:#2584ff}.chartLegend b{color:inherit}
.dashboardCategoryMix{height:205px;display:grid;place-items:center;grid-template-columns:1fr;position:relative}.mixDonut{width:126px;height:126px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#2584ff 0 52%,#32c885 52% 84%,#ffb23d 84% 100%);position:relative}.mixDonut:after{content:"";position:absolute;width:76px;height:76px;border-radius:50%;background:#0c2031}.mixDonut div{position:relative;z-index:1;text-align:center}.mixDonut strong,.mixDonut small{display:block}.mixDonut strong{font-size:19px}.mixDonut small{font-size:9px;color:var(--muted,#9eb0bf)}.mixLegend{width:100%;display:grid;gap:7px}.mixLegend span{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:7px;font-size:10px}.mixLegend i{width:8px;height:8px;border-radius:50%}.bgDot{background:#2584ff}.hsDot{background:#32c885}.reqDot{background:#ffb23d}
.v87QuickAccess{grid-template-columns:repeat(4,minmax(0,1fr))!important}.v87QuickAccess button{position:relative;min-height:92px!important;padding:15px!important}.v87QuickAccess button>em{position:absolute;right:12px;bottom:10px;font-size:9px;font-style:normal;color:#67b2ff}.v87QuickAccess button small{padding-right:28px}.standardDashboardNotice{border:1px solid rgba(93,164,225,.16);border-radius:17px;padding:18px;background:rgba(255,255,255,.04)}.standardDashboardNotice strong,.standardDashboardNotice span{display:block}.standardDashboardNotice span{font-size:12px;color:var(--muted,#8ca2b5);margin-top:5px}

/* menu più vicino al layout gestionale desktop */
.mainMenu .menuBrand strong{letter-spacing:-.3px}.mainMenu .menuBrand span{font-size:10px!important}.mainMenu .menuItem.active{background:linear-gradient(90deg,#168cff,#0870e8)!important;border-color:#2b9cff!important;box-shadow:none!important}.mainMenu .menuItem.active .menuIcon{background:rgba(255,255,255,.16)!important;border-color:rgba(255,255,255,.16)!important}.mainMenu .menuDivider{background:rgba(119,184,241,.12)!important}

body[data-theme="light"] .dashSearchVisual,body[data-theme="light"] .dashAnalyticsCard,body[data-theme="light"] .dashboardKpis .dashCard,body[data-theme="light"] .railRecent,body[data-theme="light"] .standardDashboardNotice{background:#fff!important;border-color:#dbe8f2!important;color:#17364f!important;box-shadow:0 8px 24px rgba(40,84,118,.06)}body[data-theme="light"] .v87Hero{background:linear-gradient(115deg,#f7fbff,#eaf3ff,#e9e8ff)!important;color:#14314a!important}.body[data-theme="light"] .heroQuote{color:#17364f}.body[data-theme="light"] .dashboardMiniChart{color:#17364f}body[data-theme="light"] .mixDonut:after{background:#fff}

@media(max-width:1180px){.dashboardMainGrid{grid-template-columns:1fr}.dashboardActionRail{position:static;grid-template-columns:repeat(4,1fr)}.dashboardActionRail .noLogoReminder,.dashboardActionRail .railRecent{grid-column:span 2}.railAction{min-height:58px}.dashboardAnalyticsGrid{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.dashTopbar{display:none}.heroQuote{display:none}.dashboardKpis{grid-template-columns:1fr 1fr!important}.dashboardAnalyticsGrid{grid-template-columns:1fr}.v87QuickAccess{grid-template-columns:1fr 1fr!important}.dashboardActionRail{grid-template-columns:1fr 1fr}.dashboardActionRail .noLogoReminder,.dashboardActionRail .railRecent{grid-column:1/-1}.dashboardColumns{grid-template-columns:1fr!important}}
@media(max-width:480px){.dashboardKpis{grid-template-columns:1fr!important}.v87QuickAccess{grid-template-columns:1fr!important}.dashboardActionRail{grid-template-columns:1fr}.v87Hero{padding:18px!important}.v87Hero h2{font-size:24px!important}}
/* v88 - workflow centro riparazioni */
.practicePill{padding:8px 12px;border-radius:999px;background:rgba(37,99,235,.12);color:#2563eb;font-weight:800;font-size:12px;letter-spacing:.04em}.repairHistoryTools{display:flex;gap:8px;align-items:center}.repairHistoryTools input{min-width:260px;padding:10px 12px;border:1px solid var(--line,#dbe3ee);border-radius:12px;background:var(--card,#fff);color:inherit}.practiceCodeBadge{display:inline-flex;padding:4px 8px;border-radius:8px;background:rgba(37,99,235,.1);color:#2563eb;font-size:11px;font-weight:800;margin-bottom:5px}.warrantyBadge{display:inline-flex;padding:4px 8px;border-radius:8px;background:rgba(16,185,129,.1);color:#059669;font-size:11px;font-weight:700}.quoteBadge{display:inline-flex;padding:4px 8px;border-radius:8px;background:rgba(245,158,11,.12);color:#b45309;font-size:11px;font-weight:700}@media(max-width:700px){.repairHistoryTools{width:100%;flex-direction:column;align-items:stretch}.repairHistoryTools input{min-width:0;width:100%}}

/* v89 · Accettazione fotografica, firma, ricevuta e QR */
.repairMediaBox,.repairSignatureBox{border:1px solid var(--line,#dbe4f0);border-radius:16px;padding:14px;background:var(--panel,#fff)}
.repairMediaHead{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:10px}.repairMediaHead small{opacity:.7}
.repairPhotoPreview{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin-top:10px}
.repairPhotoThumb{position:relative;border:1px solid var(--line,#dbe4f0);border-radius:12px;overflow:hidden;aspect-ratio:1;background:#f4f7fb}.repairPhotoThumb img{width:100%;height:100%;object-fit:cover;display:block}.repairPhotoThumb button{position:absolute;right:6px;top:6px;border:0;border-radius:999px;width:28px;height:28px;background:rgba(0,0,0,.72);color:#fff;cursor:pointer}
#adminRepairSignatureCanvas{width:100%;height:180px;display:block;background:#fff;border:1px dashed #9db0c8;border-radius:12px;touch-action:none}.signatureActions{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:8px}.signatureConsent{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:8px;margin-top:10px}.signatureConsent input{width:auto!important;margin-top:3px}
.receiptBtn{background:#edf5ff!important;color:#0b67d1!important}.photoCountBadge{display:inline-flex;padding:4px 8px;border-radius:999px;background:#eef4ff;color:#1b64c8;font-size:12px;font-weight:700}
@media(max-width:700px){.repairMediaHead{display:block}.repairMediaHead small{display:block;margin-top:4px}#adminRepairSignatureCanvas{height:150px}.repairPhotoPreview{grid-template-columns:repeat(3,1fr)}}

/* =========================================================
   v91 — RESPONSIVE REWRITE / FINAL AUTHORITY LAYER
   Breakpoint coerenti:
   mobile <= 600 | tablet 601-899 | laptop 900-1199 | desktop >= 1200
   ========================================================= */
html,body{max-width:100%;overflow-x:hidden}
*,*::before,*::after{box-sizing:border-box}
img,svg,video,canvas{max-width:100%;height:auto}
input,select,textarea,button{max-width:100%}
.app{width:100%!important;max-width:none!important;margin:0!important;min-width:0!important}
.app>*{min-width:0}
header,.dashboardMainGrid,.dashboardCenterCol,.dashboardActionRail,.dashboardAnalyticsGrid,.dashboardKpis,.v87QuickAccess,.deviceSalesLayout,.deviceSaleGrid,.catalogGrid,.customProductGrid,.hoursGrid,.hoursSeparatedGrid,.hoursOtherGrid,.bestekEditorGrid,.premiumBestekCard,.salesView,.catalogView,.hoursView,.deviceSalesView{min-width:0}

/* tabelle/liste larghe: scroll interno, mai pagina fuori schermo */
.tableWrap,.salesTableWrap,.invoiceTableWrap,.hoursTableWrap,.catalogTableWrap,.usersTableWrap,.adminTableWrap,[class*="TableWrap"],[class*="tableWrap"]{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
table{max-width:100%}

/* header fluido */
header{width:100%;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:clamp(8px,1.5vw,16px)!important}
.brandHead{min-width:0!important;flex:1 1 auto!important}
.brandHead>div{min-width:0!important}
.brandHead h1{font-size:clamp(18px,2.2vw,32px)!important;line-height:1.05!important;overflow-wrap:anywhere!important}
.headerActions{flex:0 0 auto!important;max-width:100%}

/* contenuti e form sempre restringibili */
.tools,.deviceSaleGrid,.catalogTwoCols,.hoursTwoCols,.scannerManual,.orderRequestWrap,.repairHistoryTools,.adminRepairForm,.invoiceClientGrid{min-width:0}
.tools input,.tools select,.deviceSaleGrid input,.deviceSaleGrid select,.deviceSaleGrid textarea,.catalogCard input,.catalogCard select,.hoursCard input,.hoursCard textarea,.repairHistoryTools input{min-width:0!important;width:100%!important}

/* Dashboard: basi fluide indipendenti dai vecchi breakpoint */
.dashboardMainGrid{grid-template-columns:minmax(0,1fr) clamp(250px,22vw,300px)!important}
.dashboardKpis{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.dashboardAnalyticsGrid{grid-template-columns:minmax(0,1.45fr) minmax(220px,.75fr)!important}
.v87QuickAccess{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.dashboardActionRail{grid-template-columns:1fr!important}
.dashSearchVisual{min-width:0!important;width:min(520px,48vw)!important}
.v87Hero{display:flex!important;align-items:center!important;gap:18px!important}
.v87Hero .dashboardHeroCopy{min-width:0!important;max-width:min(62%,720px)!important}
.heroQuote{min-width:0!important}

/* =========================================================
   MOBILE <= 600
   ========================================================= */
@media (max-width:600px){
  .app{padding:calc(8px + env(safe-area-inset-top)) 10px calc(104px + env(safe-area-inset-bottom))!important}
  header{position:sticky!important;top:6px!important;padding:9px 10px!important;border-radius:16px!important;margin-top:0!important;gap:7px!important}
  .brandIcon{width:42px!important;height:42px!important;flex:0 0 42px!important}
  .brandHead{gap:8px!important}
  .brandHead .eyebrow{font-size:8px!important;letter-spacing:.12em!important}
  .brandHead h1{font-size:clamp(16px,5vw,20px)!important;max-width:none!important;white-space:normal!important}
  .headerActions{gap:4px!important;padding:2px!important}
  .headerActions .menuToggle,.headerActions .themeToggle,.headerActions .headerLogoutBtn{width:38px!important;min-width:38px!important;height:38px!important;padding:0!important;border-radius:10px!important}
  .headerActions .themeToggle{width:44px!important;min-width:44px!important}
  .headerActions .themeWord,.headerActions .menuToggle>span:last-child,.headerActions .headerLogoutBtn strong,.headerActions .themeSun,.headerActions .themeMoon{display:none!important}

  .globalSearchBox{grid-template-columns:minmax(0,1fr) auto!important}
  .tools{grid-template-columns:minmax(0,1fr)!important}
  .categoryTabs,.categoryTabs3,.categoryTabs4{grid-template-columns:1fr!important}

  .dashboardMainGrid,.dashboardAnalyticsGrid,.dashboardKpis,.v87QuickAccess,.dashboardActionRail,.dashboardColumns{grid-template-columns:minmax(0,1fr)!important}
  .dashboardActionRail .noLogoReminder,.dashboardActionRail .railRecent{grid-column:auto!important}
  .dashTopbar{display:none!important}
  .v87Hero{display:block!important;min-height:0!important;padding:17px!important}
  .v87Hero .dashboardHeroCopy{max-width:100%!important}
  .v87Hero h2{font-size:clamp(23px,8vw,30px)!important}
  .heroQuote{display:none!important}
  .dashboardKpis .dashCard{min-height:102px!important}
  .dashboardAnalyticsGrid .dashAnalyticsCard{min-height:220px!important;padding:13px!important}
  .chartBars{gap:7px!important;padding-inline:2px!important}
  .railAction{min-height:56px!important}

  .catalogGrid,.customProductGrid,.deviceSalesLayout,.deviceSaleGrid,.hoursGrid,.hoursSeparatedGrid,.hoursOtherGrid,.bestekEditorGrid{grid-template-columns:minmax(0,1fr)!important}
  .deviceSaleGrid .wide{grid-column:auto!important}
  .deviceSalesSummary,.vatPreview,.hoursSummary{grid-template-columns:1fr 1fr!important}
  .hoursNotesColumn{grid-column:auto!important}
  .hoursToolbar{display:grid!important;grid-template-columns:1fr!important;align-items:stretch!important}
  .hoursToolbar label{grid-column:auto!important}
  .hoursTwoCols,.catalogTwoCols{grid-template-columns:1fr!important}
  .premiumBestekCard{grid-template-columns:1fr!important}
  .bestekPrice{text-align:left!important}
  .bestekCardActions{grid-column:auto!important;justify-content:stretch!important;flex-wrap:wrap!important}
  .bestekCardActions>*{flex:1 1 120px!important}
  .adminHero,.deviceSalesHero,.hoursHero{flex-direction:column!important;align-items:stretch!important}
  .adminBadge{align-self:flex-start!important}
  .repairHistoryTools{width:100%!important;display:grid!important;grid-template-columns:1fr!important}
  .repairHistoryTools input{min-width:0!important}
  .repairPhotoPreview{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .signatureActions{align-items:stretch!important;flex-direction:column!important}
  .invoiceLine{grid-template-columns:auto minmax(0,1fr)!important}
  .invoiceLineMoney{grid-column:2!important}
  .invoiceLinePick{grid-row:auto!important}

  .colorRow,.saleRow,.requestRow,.userRow{min-width:0!important}
  .colorInfo,.saleMain,.requestMain,.userMain{min-width:0!important}
  .stepper{flex:0 0 auto!important;gap:4px!important}
  .stepper button{width:34px!important;height:36px!important}
  .qty{width:40px!important;height:36px!important}
}

/* telefoni molto stretti */
@media (max-width:380px){
  .app{padding-inline:7px!important}
  header{padding-inline:7px!important}
  .brandIcon{width:38px!important;height:38px!important;flex-basis:38px!important}
  .brandHead h1{font-size:16px!important}
  .headerActions .menuToggle,.headerActions .headerLogoutBtn{width:34px!important;min-width:34px!important}
  .headerActions .themeToggle{width:39px!important;min-width:39px!important}
  .deviceSalesSummary,.vatPreview,.hoursSummary{grid-template-columns:1fr!important}
  .repairPhotoPreview{grid-template-columns:1fr 1fr!important}
}

/* =========================================================
   TABLET 601-899
   ========================================================= */
@media (min-width:601px) and (max-width:899px){
  .app{padding:14px 16px calc(96px + env(safe-area-inset-bottom))!important}
  header{top:8px!important;padding:12px 14px!important;border-radius:19px!important}
  .brandIcon{width:50px!important;height:50px!important}
  .headerActions{gap:6px!important}
  .headerActions .menuToggle,.headerActions .themeToggle,.headerActions .headerLogoutBtn{height:42px!important;padding:0 9px!important;min-width:48px!important}
  .headerActions .themeWord,.headerActions .menuToggle>span:last-child,.headerActions .headerLogoutBtn strong{font-size:10px!important}

  .dashboardMainGrid{grid-template-columns:1fr!important}
  .dashboardKpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .dashboardAnalyticsGrid{grid-template-columns:1fr!important}
  .v87QuickAccess{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .dashboardActionRail{grid-template-columns:repeat(2,minmax(0,1fr))!important;position:static!important}
  .dashboardActionRail .noLogoReminder,.dashboardActionRail .railRecent{grid-column:1/-1!important}
  .heroQuote{display:none!important}

  .catalogGrid,.customProductGrid,.hoursGrid,.hoursSeparatedGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .hoursNotesColumn{grid-column:1/-1!important}
  .deviceSalesLayout{grid-template-columns:1fr!important}
  .bestekEditorGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .premiumBestekCard{grid-template-columns:110px minmax(0,1fr)!important}
  .bestekPrice,.bestekCardActions{grid-column:2!important;text-align:left!important;justify-content:flex-start!important}
}

/* =========================================================
   LAPTOP 900-1199
   ========================================================= */
@media (min-width:900px) and (max-width:1199px){
  .app{padding:16px 20px 54px!important;margin:0!important}
  .mainMenu{width:min(292px,34vw)!important}
  /* sidebar resta overlay: niente margine fisso finché non c'è spazio sufficiente */
  body:not(.menu-open) .mainMenu{transform:translateX(-110%)!important;visibility:hidden!important;opacity:0!important}
  body.menu-open .mainMenu{transform:translateX(0)!important;visibility:visible!important;opacity:1!important}
  .menuOverlay{display:block}
  .menuToggle{display:inline-flex!important}

  .dashboardMainGrid{grid-template-columns:1fr!important}
  .dashboardKpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .dashboardAnalyticsGrid{grid-template-columns:minmax(0,1.3fr) minmax(220px,.7fr)!important}
  .v87QuickAccess{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .dashboardActionRail{position:static!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .dashboardActionRail .noLogoReminder,.dashboardActionRail .railRecent{grid-column:span 2!important}

  .customProductGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .catalogGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .deviceSalesLayout{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important}
  .bestekEditorGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* =========================================================
   DESKTOP >= 1200
   ========================================================= */
@media (min-width:1200px){
  .mainMenu{width:292px!important;transform:none!important;visibility:visible!important;opacity:1!important;left:0!important;top:0!important;bottom:0!important;border-radius:0!important;display:flex!important;flex-direction:column!important}
  .menuOverlay{display:none!important}
  .menuClose{display:none!important}
  .app{margin-left:292px!important;width:calc(100% - 292px)!important;padding:16px clamp(20px,2vw,34px) 56px!important}
  .menuToggle{display:inline-flex!important}
  .dashboardMainGrid{grid-template-columns:minmax(0,1fr) clamp(260px,20vw,310px)!important}
  .dashboardKpis{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .dashboardAnalyticsGrid{grid-template-columns:minmax(0,1.5fr) minmax(250px,.75fr)!important}
  .v87QuickAccess{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .dashboardActionRail{position:sticky!important;top:15px!important;grid-template-columns:1fr!important}
  .customProductGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .catalogGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media (min-width:1500px){
  .customProductGrid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .app{padding-inline:36px!important}
}

/* landscape mobile: usa altezza, non forza layout desktop */
@media (max-height:520px) and (orientation:landscape) and (max-width:899px){
  header{position:relative!important;top:auto!important}
  .app{padding-bottom:82px!important}
  .dashboardKpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .v87QuickAccess{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* fix typo tema chiaro introdotto in v87 */
body[data-theme="light"] .heroQuote,
body[data-theme="light"] .dashboardMiniChart{color:#17364f}

/* ===== v92 · Repair workflow / quick intake / DYMO ===== */
.quickIntakeCard{border:1px solid rgba(16,185,129,.26);box-shadow:0 18px 44px rgba(16,185,129,.08)}
.quickRepairGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.quickRepairGrid label{display:grid;gap:7px;min-width:0}.quickRepairGrid label>span{font-size:12px;font-weight:800;letter-spacing:.02em;color:var(--muted)}
.quickRepairGrid input{width:100%;min-width:0;box-sizing:border-box}.quickRepairGrid .wide{grid-column:1/-1}
.quickRepairActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.quickRepairActions>*{min-height:46px}
.repairSectionDivider{display:flex;align-items:center;gap:12px;margin:12px 0;color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.16em}.repairSectionDivider:before,.repairSectionDivider:after{content:"";height:1px;flex:1;background:var(--line)}
.repairLabelSettings{margin-top:16px}.labelConfigGrid{display:grid;grid-template-columns:minmax(220px,1.5fr) repeat(3,minmax(120px,.6fr));gap:12px;align-items:end}.labelConfigGrid>label{display:grid;gap:7px}.labelConfigGrid>label>span{font-size:12px;font-weight:800;color:var(--muted)}.labelConfigGrid input,.labelConfigGrid select{width:100%;box-sizing:border-box}.inlineCheck{display:flex!important;align-items:center;gap:8px;min-height:44px}.inlineCheck input{width:auto}.labelConfigHint{margin-top:11px;padding:10px 12px;border-radius:12px;background:rgba(59,130,246,.08);font-size:12px;color:var(--muted)}
.repairDymoPrintLabel{display:none}
@media print{
 body.printingRepairDymo>*:not(.repairDymoPrintLabel){display:none!important}
 body.printingRepairDymo .repairDymoPrintLabel{display:grid!important;position:fixed;inset:0;width:var(--repair-label-w,32mm)!important;height:var(--repair-label-h,57mm)!important;padding:2mm!important;box-sizing:border-box!important;background:#fff!important;color:#000!important;font-family:Arial,sans-serif!important;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto 1fr;gap:.5mm 1mm;overflow:hidden}
 body.printingRepairDymo .repairDymoQr{grid-column:2;grid-row:1/5;align-self:start;width:min(21mm,38%);height:auto}.repairDymoQr canvas,.repairDymoQr img{width:100%!important;height:auto!important;display:block!important}
 body.printingRepairDymo .repairDymoPrintLabel strong{grid-column:1;font-size:11pt;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.repairDymoPrintLabel span{grid-column:1;font-size:7pt;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.repairDymoPrintLabel b{grid-column:1;font-size:9pt;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.repairDymoPrintLabel p{grid-column:1;font-size:7.2pt;line-height:1.08;margin:0;overflow:hidden;overflow-wrap:anywhere}
}
@media(max-width:899px){.quickRepairGrid{grid-template-columns:1fr}.quickRepairGrid .wide{grid-column:auto}.labelConfigGrid{grid-template-columns:1fr 1fr}.labelConfigGrid>label:first-child{grid-column:1/-1}}
@media(max-width:560px){.quickRepairActions{display:grid;grid-template-columns:1fr}.quickRepairActions>*{width:100%}.labelConfigGrid{grid-template-columns:1fr}.labelConfigGrid>label:first-child{grid-column:auto}}


/* ===== v93 · menu ordinato + mobile overlap fix ===== */
.menuGroup{display:grid;gap:4px;margin:6px 0 10px}.menuGroup[hidden]{display:none!important}.menuGroupTitle{padding:12px 14px 6px;font-size:10px;font-weight:950;letter-spacing:.16em;color:rgba(138,190,231,.62);text-transform:uppercase}.menuGroup+.menuGroup{border-top:1px solid rgba(105,169,219,.14);padding-top:7px}
.settingsView{display:grid;gap:16px}.settingsView[hidden]{display:none!important}.settingsInfoCard{display:grid;gap:7px;padding:16px;border:1px solid rgba(88,159,216,.18);border-radius:16px;background:rgba(12,39,61,.46)}.settingsInfoCard span{color:var(--muted);font-size:13px;line-height:1.45}
#quickIntakeCard[hidden],#repairModeDivider[hidden],#adminRepairsHistoryCard[hidden],#adminRepairForm[hidden]{display:none!important}
@media(max-width:899px){
  body{padding-bottom:0!important}
  .app{padding-bottom:calc(132px + env(safe-area-inset-bottom))!important}
  .mobileBottomNav{left:14px!important;right:14px!important;bottom:calc(10px + env(safe-area-inset-bottom))!important;width:auto!important;border:1px solid rgba(86,164,224,.25)!important;border-radius:24px!important;padding:7px!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;box-shadow:0 18px 44px rgba(0,0,0,.34)!important}
  .smartBackBtn{position:fixed!important;left:18px!important;bottom:calc(104px + env(safe-area-inset-bottom))!important;z-index:66!important;margin:0!important;max-width:180px!important}
  .repairLabelSettings{margin-top:0!important}
}
@media(max-width:560px){
  .menuGroupTitle{padding-left:12px}
  .mobileBottomNav{left:10px!important;right:10px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important}
  .smartBackBtn{left:12px!important;bottom:calc(101px + env(safe-area-inset-bottom))!important}
}

/* ===== v94 · Accettazione rapida: select intelligenti + mobile keyboard ===== */
.quickRepairGrid select,
.quickRepairGrid input{
  width:100%;
  min-width:0;
  box-sizing:border-box;
}
.quickRepairGrid [hidden]{display:none !important;}
@media (max-width:600px){
  #adminRepairsPanel{padding-bottom:max(9rem, calc(7rem + env(safe-area-inset-bottom)));}
  .quickRepairActions{position:relative;z-index:1;}
  .quickRepairGrid select,.quickRepairGrid input{font-size:16px;}
}


/* ===== v95 · pratiche separate + sicurezza accessi ===== */
.repairPracticeBucket{display:grid;gap:12px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}
.repairBucketHead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px}.repairBucketHead>div{display:grid;gap:3px}.repairBucketHead strong{font-size:15px}.repairBucketHead small{color:var(--muted);font-size:12px}.quickPracticeBucket{border-top:0;margin-top:12px;padding-top:0}.quickRepairRow{border-color:rgba(16,185,129,.28)!important;background:linear-gradient(135deg,rgba(16,185,129,.055),transparent 46%)!important}
.securityAccessView{display:grid;gap:16px}.securityAccessView[hidden]{display:none!important}.accessSecurityCard{display:grid;gap:14px}.loginAlertStatus{display:grid;gap:4px;padding:13px 14px;border:1px solid rgba(245,158,11,.24);border-radius:14px;background:rgba(245,158,11,.07)}.loginAlertStatus.configured{border-color:rgba(16,185,129,.28);background:rgba(16,185,129,.07)}.loginAlertStatus strong{font-size:13px}.loginAlertStatus span{font-size:12px;color:var(--muted)}
#loginEventsList{display:grid;gap:10px}.loginEventRow{display:grid;gap:9px;padding:14px;border:1px solid var(--line);border-radius:15px;background:rgba(9,30,47,.42)}.loginEventMain{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.loginEventMain>div{display:grid;gap:3px}.loginEventMain strong{font-size:14px}.loginEventMain span{font-size:11px;color:var(--muted)}.loginEventMeta{display:flex;gap:8px;flex-wrap:wrap}.loginEventMeta>span{padding:6px 8px;border-radius:9px;background:rgba(96,165,250,.08);font-size:11px;color:var(--muted)}.loginMailBadge{display:inline-flex!important;align-items:center;padding:5px 8px;border-radius:999px;font-size:10px!important;font-weight:900!important;white-space:nowrap}.loginMailBadge.sent{background:rgba(16,185,129,.12);color:#34d399!important}.loginMailBadge.failed{background:rgba(239,68,68,.12);color:#fb7185!important}.loginMailBadge.off{background:rgba(245,158,11,.12);color:#fbbf24!important}.loginMailBadge.pending{background:rgba(59,130,246,.12);color:#60a5fa!important}
@media(max-width:600px){.repairBucketHead{align-items:flex-start}.loginEventMain{display:grid}.loginEventMeta{display:grid;grid-template-columns:1fr}.loginEventMeta>span{overflow-wrap:anywhere}.repairPracticeBucket{margin-top:14px;padding-top:14px}}

/* ===== v96 · registro accessi solo Admin, senza email ===== */
.loginAccessBadge{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900;white-space:nowrap;background:rgba(16,185,129,.12);color:#34d399}.loginAlertStatus{margin-top:12px}

/* ===== DEMO · Login Repair Lab ===== */
body:not(.logged-in){
  min-height:100vh!important;display:block!important;padding:0!important;overflow-x:hidden;
  background:
    radial-gradient(circle at 18% 14%,rgba(0,146,255,.22),transparent 26%),
    radial-gradient(circle at 78% 34%,rgba(0,94,255,.20),transparent 28%),
    linear-gradient(135deg,#030810 0%,#07111f 43%,#04080e 100%)!important;
}
body:not(.logged-in)::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.28;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent)}
body:not(.logged-in) .app{width:100%!important;max-width:none!important;min-height:100vh;margin:0!important;padding:clamp(14px,2.2vw,34px)!important;display:grid;place-items:center;position:relative;z-index:1}
body:not(.logged-in) .authPanel{width:min(100%,1480px)!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
body:not(.logged-in) #signedOut.repairLoginScene{display:grid;grid-template-columns:minmax(300px,.92fr) minmax(430px,1.05fr) minmax(235px,.58fr);gap:clamp(16px,2vw,28px);align-items:center;width:100%}
.repairLoginBrand{min-width:0;padding:clamp(6px,1vw,14px)}
.repairLoginLogo{width:min(100%,430px);height:auto;display:block;filter:drop-shadow(0 12px 34px rgba(0,0,0,.38));margin:0 0 14px}
.repairLoginEyebrow{font-size:11px;letter-spacing:.2em;color:#a8bed8;margin:6px 0 28px;white-space:nowrap}
.repairLoginBrand h1{margin:0;color:#eef7ff;font-size:clamp(34px,4vw,62px);line-height:.98;letter-spacing:-.045em;max-width:620px;text-wrap:balance}
.repairLoginBrand h1 span{color:#25a8ff;text-shadow:0 0 30px rgba(37,168,255,.22)}
.repairLoginBrand>p{margin:18px 0 20px!important;color:#a8bad0!important;max-width:590px;font-size:clamp(14px,1.2vw,18px)!important;line-height:1.6!important}
.repairLoginServices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 16px;color:#d8e9fb;margin:20px 0 18px;max-width:440px}
.repairLoginServices span{display:flex;align-items:center;gap:10px;padding:9px 12px;border-left:2px solid #129eff;background:linear-gradient(90deg,rgba(18,158,255,.09),transparent);border-radius:0 10px 10px 0;font-size:13px}
.repairLoginServices b{font-weight:750}
.repairBenchVisual{height:210px;max-width:590px;position:relative;overflow:hidden;border:1px solid rgba(87,174,255,.14);border-radius:24px;background:linear-gradient(145deg,rgba(7,18,31,.88),rgba(1,6,12,.95));box-shadow:inset 0 1px rgba(255,255,255,.04),0 28px 70px rgba(0,0,0,.35)}
.repairBenchVisual::before{content:"";position:absolute;left:0;right:0;bottom:0;height:58%;background:linear-gradient(160deg,transparent 0 15%,rgba(255,255,255,.018) 16% 17%,transparent 18% 100%),linear-gradient(#090f16,#04080c);clip-path:polygon(0 34%,100% 2%,100% 100%,0 100%)}
.repairGlow{position:absolute;width:250px;height:250px;border-radius:50%;background:#0078ff;filter:blur(82px);opacity:.19;left:31%;top:-60px}
.repairPhoneVisual{position:absolute;width:185px;height:auto;object-fit:contain;left:30px;bottom:-28px;transform:rotate(-12deg);filter:drop-shadow(0 24px 24px rgba(0,0,0,.68))}
.tool{position:absolute;height:12px;border-radius:999px;background:linear-gradient(90deg,#0b1118,#2d9cff,#0a1017);box-shadow:0 6px 14px rgba(0,0,0,.55)}
.toolA{width:150px;left:245px;bottom:56px;transform:rotate(-9deg)}.toolB{width:126px;left:250px;bottom:34px;transform:rotate(-7deg)}.toolC{width:92px;right:32px;bottom:65px;transform:rotate(9deg)}
.repairMatLabel{position:absolute;right:22px;bottom:17px;color:#d8e8f8;font-size:10px;letter-spacing:.18em}.repairMatLabel span{color:#159eff}
.repairLoginCard{position:relative;padding:clamp(24px,3vw,46px);border:1px solid rgba(57,174,255,.62);border-radius:30px;background:linear-gradient(150deg,rgba(16,36,58,.92),rgba(5,16,28,.95));box-shadow:0 36px 100px rgba(0,0,0,.5),0 0 0 1px rgba(13,148,255,.08),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);overflow:hidden}
.repairLoginCard::before{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 50% 0,rgba(53,177,255,.17),transparent 38%)}
.repairCardLogo,.repairCardIntro,.repairLoginField,.repairLoginMeta,.repairAuthButtons,#authMsg,.repairSecurityStrip,.repairLoginCard .loginTrust{position:relative;z-index:1}
.repairCardLogo{text-align:center;color:white;margin-bottom:14px}.repairPhoneMark{display:block;color:#25a8ff;font-size:42px;line-height:1}.repairCardLogo strong{display:block;font-size:clamp(28px,3vw,42px);letter-spacing:.02em}.repairCardLogo strong span{color:#159eff}.repairCardLogo small{display:block;letter-spacing:.46em;margin-top:2px;color:#b8c8da;font-size:11px}
.repairCardIntro{text-align:center;margin:18px 0 22px}.repairCardIntro strong{display:block;color:#f5faff;font-size:clamp(24px,2.5vw,34px)}.repairCardIntro span{display:block;color:#9eb4ca;margin-top:6px;font-size:14px}
.repairLoginField{display:grid;grid-template-columns:28px minmax(0,1fr) 24px;align-items:center;gap:10px;border:1px solid rgba(125,178,226,.25);background:rgba(255,255,255,.045);border-radius:15px;padding:0 14px;margin:11px 0;transition:.18s border-color,.18s box-shadow,.18s background}
.repairLoginField:focus-within{border-color:#20a9ff;box-shadow:0 0 0 3px rgba(32,169,255,.11),0 14px 38px rgba(0,0,0,.16);background:rgba(255,255,255,.065)}
.repairLoginField .fieldIcon{color:#1ca8ff;font-size:20px}.repairLoginField .fieldEnd{color:#d8e7f5;opacity:.65;text-align:right}
body:not(.logged-in) .repairLoginField input{margin:0!important;padding:16px 0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#f2f8ff!important;outline:0!important;box-shadow:none!important;font-size:16px!important}.repairLoginField input::placeholder{color:#92a6ba!important}
.repairLoginMeta{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:2px 0 14px;color:#8297aa;font-size:11px}.repairLoginMeta .forgotPasswordBtn{color:#28aaff;padding:4px 0;font-size:12px}
.repairAuthButtons{display:block!important}.repairAuthButtons button.full{width:100%;border:0!important;border-radius:14px!important;padding:15px 18px!important;font-size:18px!important;font-weight:850!important;color:#fff!important;background:linear-gradient(100deg,#17b8ff,#0869ff)!important;box-shadow:0 16px 34px rgba(0,112,255,.28)!important;transition:.18s transform,.18s filter}.repairAuthButtons button.full:hover{transform:translateY(-1px);filter:brightness(1.06)}.repairAuthButtons button span{margin-left:9px}
.repairSecurityStrip{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px}.repairSecurityStrip span{padding:8px 7px;text-align:center;border:1px solid rgba(255,255,255,.06);border-radius:10px;color:#91a7bc;background:rgba(255,255,255,.025);font-size:9px;line-height:1.25}
.repairLoginCard .loginTrust{border-color:rgba(54,166,255,.16)!important;background:rgba(11,30,49,.66)!important}.repairLoginCard .loginTrustMark{background:linear-gradient(135deg,#23b8ff,#0b6aff)!important;color:white!important}.repairLoginCard .loginTrust strong{color:#bcdfff!important}.repairLoginCard .loginTrust small{color:#7790a7!important}
.repairLoginAside{display:grid;gap:12px;align-content:center;min-width:0}.repairAsideQuote{margin-bottom:6px;padding:18px 18px 20px;border-left:3px solid #159eff;color:#88a0b8;font-size:12px;letter-spacing:.18em;line-height:1.7;background:linear-gradient(90deg,rgba(21,158,255,.08),transparent)}.repairAsideQuote strong{color:#e8f5ff;font-size:16px}
.repairFeature{display:flex;gap:13px;align-items:center;padding:16px;border:1px solid rgba(99,161,216,.16);border-radius:17px;background:linear-gradient(145deg,rgba(13,31,49,.72),rgba(5,14,23,.86));box-shadow:0 16px 34px rgba(0,0,0,.16)}.repairFeature>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:rgba(21,158,255,.11);font-size:20px}.repairFeature strong,.repairFeature small{display:block}.repairFeature strong{color:#f0f7ff;font-size:14px}.repairFeature small{color:#8298ae;font-size:10px;line-height:1.4;margin-top:2px}
body[data-theme="light"]:not(.logged-in){background:radial-gradient(circle at 15% 15%,#dff1ff,transparent 30%),linear-gradient(135deg,#edf5fb,#dfeaf4)!important}body[data-theme="light"]:not(.logged-in)::before{opacity:.12}.repairLoginScene{color:#eef7ff}
@media(max-width:1100px){body:not(.logged-in) #signedOut.repairLoginScene{grid-template-columns:minmax(290px,.85fr) minmax(420px,1.15fr)}.repairLoginAside{grid-column:1/-1;grid-template-columns:repeat(4,1fr)}.repairAsideQuote{display:none}.repairFeature{padding:12px}.repairFeature>span{width:34px;height:34px}}
@media(max-width:790px){body:not(.logged-in) .app{padding:14px!important;place-items:start center}.repairLoginScene{padding-top:max(8px,env(safe-area-inset-top))}.repairLoginBrand,.repairLoginAside{display:none!important}body:not(.logged-in) #signedOut.repairLoginScene{display:block;width:100%;max-width:520px;margin:auto}.repairLoginCard{padding:24px 18px 20px;border-radius:24px;margin-top:2vh}.repairCardLogo strong{font-size:30px}.repairCardIntro{margin:14px 0 18px}.repairCardIntro strong{font-size:27px}.repairSecurityStrip{grid-template-columns:1fr}.repairSecurityStrip span:nth-child(2),.repairSecurityStrip span:nth-child(3){display:none}.repairLoginCard .loginTrust{margin-top:12px}.repairLoginMeta{align-items:flex-start}.repairLoginMeta>span{display:none}}
@media(max-width:380px){.repairLoginCard{padding:20px 14px 16px}.repairCardLogo strong{font-size:27px}.repairLoginField{padding:0 11px}.repairCardIntro strong{font-size:24px}.repairLoginCard .loginTrust strong{font-size:9px}.repairLoginCard .loginTrust small{font-size:9px}}