/* 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}
}