/* Design system del gestionale estratto dal mockup approvato. */
:root {
  --zuc:#00ADEF; --zuc-scuro:#0089BC; --zuc-tenue:#E3F5FD; --zuc-linea:#B6E4F8;
  --side-1:#08324A; --side-2:#041D2C; --ink:#231F20; --ink-2:#4A5560; --ink-3:#6B7680;
  --bg-app:#EEF2F5; --surface:#FFF; --linea:#D6DEE5; --linea-tenue:#E6ECF1;
  --ok-ink:#14683A; --ok-soft:#E1F4E7; --ok-line:#B8E2C6;
  --warn-ink:#8A5B00; --warn-soft:#FFF4D6; --warn-line:#F2DCA0;
  --ko-ink:#A62B2B; --ko-soft:#FBE7E7; --ko-line:#EFC4C4;
  --shadow:0 1px 2px rgba(8,50,74,.07),0 8px 24px rgba(8,50,74,.10);
  --font-titoli:'Barlow Condensed','Arial Narrow',Arial,sans-serif;
  --font-testo:'Schibsted Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
/* Un elemento con l'attributo `hidden` deve sparire anche quando una regola gli dà un
   display esplicito (.campo{display:flex}): senza questa riga i campi condizionali del
   Planning restavano a video. */
[hidden]{display:none!important}
*{box-sizing:border-box} html,body{margin:0;min-height:100%} body{font:13px/1.45 var(--font-testo);color:var(--ink);background:var(--bg-app);-webkit-font-smoothing:antialiased;overflow-x:hidden}
button,input,select,textarea{font:inherit;color:inherit} button,a,input,select,textarea{outline-offset:2px} :focus-visible{outline:3px solid rgba(0,173,239,.35)} a{color:var(--zuc-scuro);text-decoration:none}.num{font-variant-numeric:tabular-nums lining-nums}
.app-shell{display:grid;grid-template-columns:224px minmax(0,1fr);grid-template-rows:56px minmax(0,1fr);grid-template-areas:"side head" "side main";height:100dvh;overflow:hidden}
.side{grid-area:side;background:linear-gradient(180deg,var(--side-1),var(--side-2));color:#B9CBD9;display:flex;flex-direction:column;overflow-y:auto}.brandmini{display:flex;align-items:center;gap:10px;padding:15px 16px 14px;border-bottom:1px solid rgba(255,255,255,.1)}.brandmini .bi{width:30px;height:30px;border-radius:4px;background:var(--zuc);color:var(--side-2);font:700 15px var(--font-titoli);display:grid;place-items:center}.brandmini .t1{color:#fff;font-weight:700;font-size:12px;letter-spacing:.1em}.brandmini .t2{font-size:10px;color:#6E8CA0;letter-spacing:.14em}.mandante{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.1)}.mandante .lbl,.nav .sect{font-size:9.5px;letter-spacing:.16em;color:#6E8CA0;font-weight:600}.mand-item{display:flex;align-items:center;gap:8px;padding:7px 8px;border:1px solid rgba(0,173,239,.35);border-radius:6px;background:rgba(0,173,239,.14);color:#fff;font-weight:600}.pallino{width:7px;height:7px;border-radius:50%;background:var(--zuc)}.nav{padding:10px;display:flex;flex-direction:column;gap:2px}.nav .sect{padding:8px 10px 4px}.nav a{display:flex;align-items:center;gap:10px;min-height:36px;padding:6px 10px;border-left:3px solid transparent;border-radius:6px;color:#B9CBD9;font-size:12.5px}.nav a:hover{background:rgba(255,255,255,.06)}.nav a.active{background:rgba(255,255,255,.1);border-left-color:var(--zuc);color:#fff;font-weight:600}.nav-icona{width:20px;text-align:center;font:700 15px var(--font-titoli)}.side .spacer{flex:1}.sede{border-top:1px solid rgba(255,255,255,.1);padding:10px 14px 14px;font-size:10px;color:#57768A}
.head{grid-area:head;background:var(--surface);border-bottom:1px solid var(--linea);display:flex;align-items:center;padding:0 20px;gap:16px;min-width:0}.breadcrumb{display:flex;align-items:baseline;gap:7px;white-space:nowrap}.bc-radice{font:600 15px var(--font-titoli);color:var(--ink-3)}.bc-sep{color:var(--ink-3)}.bc-corrente{font:700 17px var(--font-titoli);color:var(--side-1)}.ricerca-globale{margin-left:12px;display:flex;align-items:center;gap:8px;flex:0 1 320px;background:var(--bg-app);border:1px solid var(--linea);border-radius:6px;padding:5px 11px;color:var(--ink-3)}.ricerca-globale input{width:100%;border:0;background:transparent;outline:0;font-size:12px}.head .right{margin-left:auto;display:flex;align-items:center;gap:10px}.user-av{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--side-1);color:#fff;font-weight:700;font-size:11px}
.main{grid-area:main;padding:18px 20px 28px;min-width:0;overflow-y:auto}.page-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.page-title h1{margin:0;font-size:16px;color:var(--side-1)}.page-title .ctx{font-size:11.5px;color:var(--ink-3)}.page-title .azioni{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.card{background:var(--surface);border:1px solid var(--linea);border-radius:8px;overflow:hidden;margin-bottom:14px}.card .chd{display:flex;align-items:center;gap:10px;padding:11px 15px;border-bottom:1px solid var(--linea-tenue)}.card .chd h2,.card .chd h3{margin:0;font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--side-1)}.card .chd .sub{font-size:11px;color:var(--ink-3)}.card .cbody{padding:13px 15px}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.kpi{background:var(--surface);border:1px solid var(--linea);border-top:3px solid var(--side-1);border-radius:8px;padding:13px 15px 12px;min-width:0}.kpi:nth-child(2){border-top-color:var(--zuc)}.kpi:nth-child(3){border-top-color:var(--zuc-scuro)}.kpi:nth-child(4){border-top-color:#2E9E5B}.kpi .kl{font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.kpi .kv{font:700 30px/1.1 var(--font-titoli);color:var(--side-1);margin-top:5px;overflow:hidden;text-overflow:ellipsis}.kpi .ks{font-size:11px;color:var(--ink-3);margin-top:4px}.kpi .ks b{color:var(--zuc-scuro)}/* Piano del mese: quattro fette in scala sulla soglia. Il tratteggio dell'«atteso» dice a
   colpo d'occhio che quella parte può non arrivare — la forma, non solo il colore. */
.barra-piano{display:flex;height:14px;border-radius:7px;overflow:hidden;background:var(--linea-tenue);margin-bottom:14px}
.barra-piano span{display:block;height:100%}
.barra-piano .p-fatto{background:var(--side-1)}
.barra-piano .p-mano{background:var(--zuc)}
.barra-piano .p-atteso{background:repeating-linear-gradient(135deg,var(--zuc-linea) 0 6px,#fff 6px 12px)}
.barra-piano .p-trovare{background:var(--linea-tenue)}
.kpi-piano{border-top-color:var(--linea)!important}
.kpi-piano.p-fatto{border-top-color:var(--side-1)!important}
.kpi-piano.p-mano{border-top-color:var(--zuc)!important}
.kpi-piano.p-atteso{border-top-color:var(--zuc-linea)!important}
.kpi-piano.p-trovare{border-top-color:var(--ink-3)!important}
.kbar,.prog{height:6px;margin-top:8px;border-radius:4px;overflow:hidden;background:var(--linea-tenue)}.kbar>span,.prog>span{display:block;height:100%;background:var(--zuc);border-radius:4px}
.btn{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 16px;border:1px solid var(--zuc);border-radius:6px;background:var(--zuc);color:#fff;font-weight:700;cursor:pointer;white-space:nowrap}.btn:hover{background:var(--zuc-scuro);border-color:var(--zuc-scuro)}.btn:active{transform:translateY(1px)}.btn.secondario{background:var(--surface);border-color:var(--linea);color:var(--ink-2)}.btn.secondario:hover{background:var(--linea-tenue)}.btn:disabled{opacity:.55;cursor:not-allowed}.chip,.badge{display:inline-flex;align-items:center;border:1px solid var(--linea);border-radius:9px;padding:2px 8px;font-size:11px;font-weight:700;white-space:nowrap}.chip{background:var(--linea-tenue);color:var(--ink-2)}.chip.zuc{background:var(--zuc-tenue);border-color:var(--zuc-linea);color:var(--zuc-scuro)}.badge.verde{background:var(--ok-soft);color:var(--ok-ink);border-color:var(--ok-line)}.badge.giallo{background:var(--warn-soft);color:var(--warn-ink);border-color:var(--warn-line)}.badge.rosso{background:var(--ko-soft);color:var(--ko-ink);border-color:var(--ko-line)}.badge.neutro{background:var(--linea-tenue);color:var(--ink-2);border-color:var(--linea)}
.filtri{display:grid;grid-template-columns:minmax(220px,2fr) repeat(3,minmax(150px,1fr));gap:10px}.campo{display:flex;flex-direction:column;gap:5px}.campo label{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3)}.campo input,.campo select,.input-tabella{min-height:44px;width:100%;border:1px solid var(--linea);border-radius:6px;background:#fff;padding:8px 10px}.input-tabella{min-width:74px;height:44px;padding:6px 8px}.tabella-scroll{overflow-x:auto}.tabella{width:100%;border-collapse:collapse}.tabella th{padding:8px 7px;background:#F7F9FB;border-bottom:1px solid var(--linea);font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);text-align:left;white-space:nowrap}.tabella td{padding:8px 7px;border-bottom:1px solid var(--linea-tenue);font-size:12px;vertical-align:middle}.tabella th:first-child,.tabella td:first-child{padding-left:15px}.tabella th:last-child,.tabella td:last-child{padding-right:15px}.tabella .r{text-align:right}.tabella tbody tr[data-href]{cursor:pointer}.tabella tbody tr:hover{background:#F4F7FA}.prodotto{font-weight:600}.paraf{color:var(--ink-3)}.imp{font-weight:800;color:var(--side-1)}.paginazione{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:12px 15px;border-top:1px solid var(--linea-tenue)}
.griglia-2{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px;align-items:start}.griglia-scheda{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.griglia-scheda .card{margin:0}.tc-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap}.tc-nome{font:700 21px var(--font-titoli);color:var(--side-1)}.tc-sub,.muted{font-size:11.5px;color:var(--ink-3)}.tc-badges{display:flex;gap:6px;flex-wrap:wrap}.lista{list-style:none;margin:0;padding:0}.lista li{padding:10px 0;border-bottom:1px solid var(--linea-tenue)}.lista li:last-child{border:0}.riga-dati{display:flex;justify-content:space-between;gap:12px}.riga-dati b{color:var(--side-1)}
.avviso{display:flex;gap:9px;margin-bottom:10px;padding:12px 14px;border:1px solid var(--warn-line);border-radius:8px;background:var(--warn-soft);color:var(--warn-ink)}.avviso.ok{background:var(--ok-soft);border-color:var(--ok-line);color:var(--ok-ink)}.avviso.ko{background:var(--ko-soft);border-color:var(--ko-line);color:var(--ko-ink)}.avviso strong{display:block}.avviso p{margin:3px 0 0}.tot-riga{display:flex;justify-content:space-between;padding:4px 0;color:var(--ink-2)}.tot-riga.finale{margin-top:6px;padding-top:8px;border-top:2px solid var(--side-1);font-size:15px;font-weight:800;color:var(--side-1)}.sconto-cascata{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.pillino{padding:2px 7px;border:1px solid var(--linea);border-radius:9px;background:var(--linea-tenue);font-size:10.5px;font-weight:700}.sconto-cascata .eq{margin-left:2px;font-weight:800;color:var(--side-1)}.catalogo-risultati{position:absolute;z-index:20;left:0;right:0;top:100%;max-height:280px;overflow:auto;background:#fff;border:1px solid var(--linea);border-radius:0 0 8px 8px;box-shadow:var(--shadow)}.catalogo-risultati button{display:block;width:100%;min-height:44px;padding:8px 10px;border:0;border-bottom:1px solid var(--linea-tenue);background:#fff;text-align:left;cursor:pointer}.catalogo-risultati button:hover{background:var(--zuc-tenue)}.aggiungi-prodotto{position:relative;flex:1;max-width:560px}
.vuoto{padding:32px 20px;text-align:center;color:var(--ink-3)}.vuoto strong{display:block;margin-bottom:4px;color:var(--side-1)}.caricamento{padding:20px;display:grid;gap:9px}.caricamento span{display:block;height:14px;border-radius:5px;background:linear-gradient(90deg,#E6ECF1 25%,#F7F9FB 50%,#E6ECF1 75%);background-size:200% 100%;animation:scheletro 1.2s infinite}.caricamento span:nth-child(2){width:78%}.caricamento span:nth-child(3){width:55%}.caricamento-pagina{max-width:720px;margin:20vh auto}.errore-stato{max-width:720px;margin:8vh auto;padding:24px;background:var(--ko-soft);border:1px solid var(--ko-line);border-radius:8px;color:var(--ko-ink)}.errore-stato h2{margin:0 0 6px;font:700 20px var(--font-titoli)}@keyframes scheletro{to{background-position:-200% 0}}
@media(max-width:1180px){.griglia-2{grid-template-columns:1fr}.filtri{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell{grid-template-columns:190px minmax(0,1fr)}.main{padding-left:14px;padding-right:14px}.tabella-scroll{overflow-x:hidden}.tabella{table-layout:fixed}.tabella th{white-space:normal;overflow-wrap:anywhere}.tabella td{overflow-wrap:anywhere}.input-tabella{min-width:0;padding-left:5px;padding-right:5px}}
@media(max-width:900px){button,.btn,[role=button],[role=link],.side a,input,select{min-height:44px}a[href]:not(.mob-item){display:inline-flex;align-items:center;min-height:44px}.app-shell{display:block;height:auto;min-height:100dvh}.head{height:56px;padding:0 12px;position:sticky;top:0;z-index:30}.bc-radice,.bc-sep,.ricerca-globale,.head .chip{display:none}.main{padding:14px 12px 78px;overflow:visible}.side{position:fixed;left:0;right:0;bottom:0;z-index:60;width:100%;height:64px;overflow:visible}.brandmini,.mandante,.nav .sect,.side .spacer,.sede{display:none}.nav{width:100%;height:100%;padding:0;flex-direction:row;justify-content:space-around}.nav a{display:none}.nav a.mob-item{display:flex;flex:1;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:5px 2px;border:0;border-top:3px solid transparent;border-radius:0;font-size:9px;text-align:center}.nav a.mob-item.active{border-top-color:var(--zuc);background:transparent}.nav-icona{height:21px}.kpis{display:grid;grid-template-columns:1fr 1fr}.griglia-scheda{grid-template-columns:1fr}.tabella-scroll{overflow:visible}.tabella,.tabella tbody,.tabella tr,.tabella td{display:block;width:100%}.tabella thead{display:none}.tabella tbody{padding:10px}.tabella tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 12px;margin-bottom:10px;padding:10px 12px;border:1px solid var(--linea);border-radius:8px}.tabella td,.tabella td:first-child,.tabella td:last-child{padding:3px 0;border:0;white-space:normal;text-align:left}.tabella td[data-label]::before{content:attr(data-label);display:block;margin-bottom:1px;font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3)}.tabella td[data-wide],.tabella td[colspan]{grid-column:1/-1}.tabella .r{text-align:left}.paginazione{justify-content:center}.azioni{width:100%}.azioni .btn{flex:1}.aggiungi-prodotto{max-width:none}.ordine-tabella .input-tabella{max-width:none}.ordine-tabella td[data-wide]{grid-column:1/-1}}
@media(max-width:560px){.filtri,.kpis{grid-template-columns:1fr}.kpi .kv{font-size:26px}.page-title{align-items:flex-start}.head .right .user-label{display:none}.tabella tbody{padding:8px}.griglia-2{display:block}}
@media(prefers-reduced-motion:reduce){.caricamento span{animation:none}}

/* Componenti delle viste visita, mappe, giro, radar, scadenze e grafici provvigioni. */
.mappa-svg{padding:12px;min-height:220px}.mappa-svg svg{display:block;width:100%;height:auto;max-height:480px}.mappa-svg g{cursor:pointer}.mappa-svg g:focus circle{stroke:var(--zuc);stroke-width:6}.lista-tappe{margin:0;padding:4px 15px;list-style:none}.lista-tappe li{padding:14px 0;border-bottom:1px solid var(--linea-tenue)}.lista-tappe li:last-child{border:0}.tappa-testa,.tappa-meta,.azioni-visita{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tappa-testa strong{font-size:15px;color:var(--side-1);flex:1}.numero-tappa{width:32px;height:32px;display:inline-grid;place-items:center;border-radius:50%;background:var(--side-1);color:#fff;font-weight:800;flex:0 0 auto}.tappa-meta{margin-top:10px}.tappa-meta .btn{margin-left:auto}.kpi-allarme{border-top-color:var(--ko-ink)!important;background:var(--ko-soft)}.visita-form{max-width:760px;margin:auto}.visita-passo>.cbody,.visita-passo>.scelte-grandi{margin:13px 15px}.scelte-grandi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.scelta-check{min-height:56px;display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;column-gap:8px;padding:9px 12px;border:1px solid var(--linea);border-radius:8px;cursor:pointer}.scelta-check input{width:22px;height:22px;grid-row:1/3}.scelta-check small{color:var(--ink-3)}.campi-visita{display:grid;grid-template-columns:1fr 1fr}.visita-form textarea{width:100%;min-height:110px;border:1px solid var(--linea);border-radius:6px;padding:10px}.azioni-visita{padding:0 0 14px}.btn-grande{width:100%;min-height:54px;font-size:15px}.premio-visita{font-size:15px}.premio-importo{margin-top:8px;font:700 24px var(--font-titoli)}.grafico-barre{padding:14px;overflow:hidden}.grafico-barre svg{display:block;width:100%;height:auto}.grafico-barre text{font:10px var(--font-testo);fill:var(--ink-3)}.grafico-barre .barra{fill:var(--side-1)}.grafico-barre .barra.sopra{fill:var(--ok-ink)}.grafico-barre .linea-soglia{stroke:var(--ko-ink);stroke-width:3;stroke-dasharray:7 4}.mese-corrente{background:var(--zuc-tenue)}.scadenza-importo{display:flex;align-items:flex-end;flex-direction:column;gap:4px}.avviso-compatto{margin:8px 0 0}.catalogo-tabella .badge{margin:2px}.catalogo-risultati small{display:block;margin-top:3px;color:var(--ink-3)}
@media(max-width:560px){.scelte-grandi,.campi-visita{grid-template-columns:1fr}.tappa-meta .btn{width:100%;margin-left:0}.azioni-visita>*{width:100%}.scadenza-importo{align-items:flex-start}.riga-dati{flex-wrap:wrap}}

/* Controlli operativi condivisi dalle nuove viste. */
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid .pieno{grid-column:1/-1}.campo textarea{min-height:96px;border:1px solid var(--linea);border-radius:6px;padding:9px}.azioni{display:flex;gap:8px;flex-wrap:wrap}.esito{margin-top:10px}.calendario{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;padding:12px}.giorno{min-height:105px;border:1px solid var(--linea);border-radius:7px;background:#fff;padding:6px;text-align:left;cursor:pointer}.giorno.fuori{opacity:.42}.giorno-num{display:block;font-weight:800;margin-bottom:5px}.evento{display:block;margin:3px 0;padding:3px 5px;border-radius:4px;background:var(--zuc-tenue);font-size:10px;overflow:hidden}.evento.visita{background:var(--ok-soft);color:var(--ok-ink)}.evento.saltato{background:var(--linea-tenue);text-decoration:line-through}.agenda-intestazione{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;padding:0 12px;color:var(--ink-3);font-size:10px;text-align:center}.priorita-alta{border-left:4px solid var(--ko-ink)}.priorita-media{border-left:4px solid #e0a400}.priorita-bassa{border-left:4px solid var(--ink-3)}.grafico-report svg{display:block;width:100%;height:auto;min-height:220px}.grafico-report .soglia{stroke:var(--ko-ink);stroke-width:2;stroke-dasharray:6 4}.grafico-report .barra{fill:var(--zuc-scuro)}.grafico-report text{font:10px var(--font-testo);fill:var(--ink-3)}.var-su{color:var(--ok-ink)}.var-giu{color:var(--ko-ink)}.tappa-comandi{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.tappa-selettore{width:24px;height:24px}.riquadri-report{display:grid;grid-template-columns:1fr 1fr;gap:14px}.modale-inline{padding:14px;background:var(--surface);border:2px solid var(--zuc-linea);border-radius:8px;margin-bottom:14px}.lista-prodotti-scelti{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.lista-prodotti-scelti button{min-height:44px}.errore-campo{color:var(--ko-ink);font-size:12px}.campo input[aria-invalid=true]{border-color:var(--ko-ink)}
@media(max-width:700px){.form-grid,.riquadri-report{grid-template-columns:1fr}.form-grid .pieno{grid-column:auto}.calendario{gap:2px;padding:7px}.agenda-intestazione{gap:2px;padding:0 7px}.giorno{min-height:82px;padding:4px}.evento{font-size:0;width:10px;height:10px;border-radius:50%;display:inline-block;padding:0}.calendario .giorno{min-width:0}.card .chd{flex-wrap:wrap}}

/* Ricerca globale, promemoria, ordini e acquisizione immagini. */
.ricerca-globale{position:relative}.ricerca-risultati{position:absolute;z-index:80;top:calc(100% + 5px);left:0;width:min(430px,90vw);max-height:65vh;overflow:auto;background:#fff;border:1px solid var(--linea);border-radius:8px;box-shadow:var(--shadow);color:var(--ink)}.ricerca-gruppo{padding:8px 11px 4px;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.ricerca-voce{display:flex;min-height:50px!important;flex-direction:column;justify-content:center;padding:7px 11px;border-bottom:1px solid var(--linea-tenue);color:var(--ink)}.ricerca-voce:hover,.ricerca-voce:focus{background:var(--zuc-tenue)}.ricerca-voce small{color:var(--ink-3)}.campanella{position:relative;display:grid;place-items:center;min-width:44px;min-height:44px;font-size:19px;color:var(--side-1)}.campanella-num{position:absolute;top:1px;right:0;min-width:19px;height:19px;display:grid;place-items:center;padding:0 4px;border-radius:10px;background:var(--ko-ink);color:#fff;font-size:10px;font-weight:800}.filtri-rapidi{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}.filtro-stato{min-height:44px}.filtro-stato.attivo{background:var(--side-1);border-color:var(--side-1);color:#fff}.riga-bozza{background:var(--warn-soft)}.azioni-ordine{display:flex;gap:6px;flex-wrap:wrap}.azioni-ordine .btn{min-height:44px;padding:7px 10px}.promemoria-scaduto{border-left:4px solid var(--ko-ink)}.promemoria-oggi{border-left:4px solid #e0a400}.scanner-video{display:block;width:100%;max-height:420px;object-fit:cover;border-radius:8px;background:#000}.foto-anteprima{display:block;max-width:100%;max-height:320px;margin-top:10px;border-radius:8px}.nota-foto{color:var(--warn-ink);font-weight:700}
@media(max-width:900px){.head .ricerca-globale{display:flex!important;flex:1;margin:0}.head .ricerca-globale>span{display:none}.head .right{margin-left:0}.head .user-av,.head .user-label{display:none}.nav{justify-content:flex-start;overflow-x:auto}.nav a.mob-item{flex:0 0 72px;min-width:72px}}

/* Scelta della farmacia in "Nuovo ordine" (aggiunta 28/08) */
.elenco-scelta{display:flex;flex-direction:column;gap:6px;margin-top:10px;max-height:60vh;overflow-y:auto}
.riga-scelta{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;
  min-height:48px;padding:9px 12px;border:1px solid var(--linea);border-radius:8px;background:var(--surface);
  text-align:left;cursor:pointer;font:inherit;color:inherit}
.riga-scelta:hover{border-color:var(--zuc);background:var(--zuc-tenue)}
.riga-scelta .sub{font-size:11.5px;color:var(--ink-3)}
.mandante-select{min-width:0;width:100%;border:0;background:transparent;color:#fff;font:inherit}.mandante-select option{color:var(--ink);background:#fff}

/* Resi, sell-out, veline, allegati e firma. */
.righe-editor{display:grid;gap:10px}.riga-editor{display:grid;grid-template-columns:minmax(180px,2fr) repeat(3,minmax(100px,1fr)) auto;gap:8px;align-items:end;padding:10px;border:1px solid var(--linea);border-radius:8px}.anteprime-allegati{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin-top:10px}.anteprime-allegati img{width:100%;height:120px;object-fit:cover;border-radius:8px}.audio-box{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}.firma-canvas{display:block;width:100%;height:220px;touch-action:none;border:2px solid var(--linea);border-radius:8px;background:#fff}.riga-reclamo{background:var(--ko-soft)!important;border-left:4px solid var(--ko-ink)}.azioni-export{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.azione-export{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:16px}.preview-csv{overflow:auto;max-height:240px}.mappatura-colonne{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sellout-input{width:90px;min-height:44px}.esito-importante{border-top-color:var(--ko-ink)!important;background:var(--ko-soft)}
@media(max-width:700px){.riga-editor,.mappatura-colonne,.azioni-export{grid-template-columns:1fr}.riga-editor .btn{width:100%}.firma-canvas{height:180px}}