/* ------------------------------------------------------------------
   goman-crm.css — restyling grafico CRM Goman
   Va caricato PER ULTIMO in include/cssinclude.php: sovrascrive
   default.css / stylehome.css / articolilist.css / paginazione.css
   senza rimuoverli, così nessuna pagina resta senza regole.
   Molte pagine (login, selezione, popup, carrello) caricano un proprio
   CSS (loginpage.css, defaultpop.css, schedacarrello.css,
   pannelloutente.css, menu.css) DOPO questo foglio: per non perdere il
   restyling ogni regola qui sotto usa !important, così vince sempre,
   indipendentemente dall'ordine di caricamento nella pagina.
   Nessun id, nome campo o handler viene modificato: qui c'è solo CSS.
------------------------------------------------------------------ */

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap');

:root{
  --g-ink:#171b26;
  --g-ink-2:#3d4556;
  --g-ink-3:#5b6478;
  --g-line:#e3e6ed;
  --g-line-2:#f0f2f6;
  --g-bg:#f7f8fa;
  --g-red:#900023;
  --g-red-dark:#6e001b;
  --g-red-soft:#fbeef1;
  --g-green:#0f7a4f;
  --g-green-soft:#eaf5ef;
  --g-amber:#8a5300;
  --g-amber-soft:#fff4e0;
  --g-sans:'Manrope',system-ui,sans-serif;
  --g-mono:'Space Mono',monospace;
  --g-r:10px;
  --g-r-s:6px;
}

/* ---------- base ---------- */
html,body{background:var(--g-bg)!important;overflow-x:hidden!important;max-width:100%!important;height:100%!important}
body{
  margin:0!important;font-family:var(--g-sans)!important;font-size:14px!important;color:var(--g-ink)!important;
  -webkit-font-smoothing:antialiased;background-image:none!important;
  display:flex!important;flex-direction:column!important;min-height:100vh!important;
}
.allcontent{display:flex!important;flex-direction:column!important;flex:1 0 auto!important}
*{box-sizing:border-box}
a{color:var(--g-red)!important;text-decoration:none!important}
a:hover{color:var(--g-red-dark)!important}
input,select,button,textarea{font-family:inherit!important;font-size:inherit!important;color:inherit!important}
img{max-width:100%;height:auto}
b,strong{font-weight:700!important}

/* il vecchio foglio Word: neutralizzato */
p.MsoNormal,li.MsoNormal,div.MsoNormal{
  margin:0!important;font-family:var(--g-sans)!important;font-size:13.5px!important;line-height:1.5!important;
}
table.MsoTableGrid{border:0!important}

.allcontent{
  max-width:1280px!important;width:100%!important;margin:0 auto!important;padding:0 24px 0px!important;
  background:none!important;border:0!important;box-shadow:none!important;
}
.clear{clear:both}
.margintop20{margin-top:20px!important}

/* ---------- header ---------- */
.g-header{
  background:#fff!important;border-bottom:1px solid var(--g-line)!important;
  width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;margin-top:0!important;margin-bottom:24px!important;
  padding:12px max(24px,calc((100vw - 1232px)/2))!important;
  display:flex!important;align-items:center!important;gap:22px!important;flex-wrap:wrap!important;
}
.g-header .g-sep{width:1px!important;height:28px!important;background:var(--g-line)!important}
.g-header-info{display:flex!important;gap:24px!important;flex-wrap:wrap!important;flex:1 1 auto!important;min-width:0!important}
.g-field{min-width:0}
.g-field-label{font:700 9.5px/1 var(--g-mono)!important;letter-spacing:.1em!important;color:var(--g-ink-3)!important;margin-bottom:5px!important}
.g-field-value{font:700 13px/1.2 var(--g-sans)!important;color:var(--g-ink)!important}
.g-field-value.mono{font-family:var(--g-mono)!important}
.g-field-value a{color:var(--g-ink)!important}
.g-field-value a:hover{color:var(--g-red)!important}
.g-changecli{
  display:inline-flex!important;align-items:center!important;margin-left:4px!important;
  font:700 10.5px/1 var(--g-mono)!important;letter-spacing:.04em!important;color:var(--g-red)!important;
  background:var(--g-red-soft)!important;border-radius:4px!important;padding:4px 7px!important;
}
a.g-changecli:hover{background:var(--g-red)!important;color:#fff!important}
/* semaforo rosso accanto al nome cliente quando ha scadenze scadute */
.g-semaforo,#alert.g-semaforo{
  display:inline-block!important;width:12px!important;height:12px!important;border-radius:50%!important;
  vertical-align:middle!important;margin:0 2px 0 6px!important;padding:0!important;flex:none!important;
}
.g-semaforo-red{
  background:#d4183d!important;border:1px solid #a30f2d!important;
  box-shadow:0 0 0 3px rgba(212,24,61,.18),0 0 8px rgba(212,24,61,.55)!important;
}
a.g-semaforo-red:hover{background:#d4183d!important}
#alert.g-semaforo{margin:0!important}
#logoheader{height:46px!important;width:auto!important;display:block!important}
#alert{width:20px!important;height:20px!important;vertical-align:middle}
.g-alert-scadenze{
  display:inline-flex!important;align-items:center!important;gap:7px!important;padding:7px 11px!important;border-radius:var(--g-r-s)!important;
  background:var(--g-red-soft)!important;font:600 12px/1 var(--g-sans)!important;color:var(--g-red)!important;
}
#imgcarrello{width:18px!important;height:18px!important}
#RiepilogoOrdine{
  display:inline-flex!important;align-items:center!important;gap:9px!important;padding:8px 13px!important;
  border:1px solid #cbd1de!important;border-radius:var(--g-r-s)!important;
  font:600 13px/1 var(--g-sans)!important;color:var(--g-ink)!important;float:none!important;width:auto!important;height:auto!important;
  position:relative!important;
}
#RiepilogoOrdine:hover{border-color:var(--g-red)!important;color:var(--g-red)!important}
.g-cart-badge{
  position:absolute!important;top:-7px!important;right:-7px!important;
  min-width:18px!important;height:18px!important;padding:0 4px!important;border-radius:9px!important;
  background:var(--g-red)!important;color:#fff!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  font:700 10.5px/1 var(--g-mono)!important;
}
.g-user{display:inline-flex!important;align-items:center!important;gap:9px!important;font:600 13px/1 var(--g-sans)!important;color:var(--g-ink-2)!important;float:none!important}
.g-user .g-avatar{
  width:30px!important;height:30px!important;border-radius:50%!important;background:#eef1f6!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  font:700 11px/1 var(--g-mono)!important;color:var(--g-ink-2)!important;
}

/* ---------- menu ---------- */
nav{
  background:var(--g-ink)!important;
  width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;margin-top:0!important;margin-bottom:0!important;
  padding:0 max(24px,calc((100vw - 1232px)/2))!important;
}
ul.menuheader{
  list-style:none!important;margin:0!important;padding:0!important;display:flex!important;gap:2px!important;flex-wrap:wrap!important;
  justify-content:space-between!important;
  background:none!important;border:0!important;width:100%!important;
}
ul.menuheader li{float:none!important;margin:0!important;padding:0!important;background:none!important;border:0!important;width:auto!important}
ul.menuheader li a{
  display:block!important;padding:13px 14px!important;white-space:nowrap!important;
  font:600 13px/1 var(--g-sans)!important;color:rgba(255,255,255,.72)!important;
  border-bottom:2px solid transparent!important;background:none!important;
}
ul.menuheader li a:hover{color:#fff!important;background:rgba(255,255,255,.1)!important}
ul.menuheader li a.g-active,ul.menuheader li.g-active a{
  color:#fff!important;background:rgba(255,255,255,.1)!important;border-bottom-color:var(--g-red)!important;
}
.menu-mobile .livello1 p{margin:0!important}
.menu-mobile .livello1 a{display:block!important;padding:12px 16px!important;border-bottom:1px solid var(--g-line)!important;color:var(--g-ink-2)!important;font:600 13.5px var(--g-sans)!important}

/* ---------- titoli ---------- */
h1{font:800 21px/1.2 var(--g-sans)!important;letter-spacing:-.02em!important;margin:0 0 18px!important;color:var(--g-ink)!important}
h2{font:700 15px/1.2 var(--g-sans)!important;margin:0 0 14px!important;color:var(--g-ink)!important}
.titlecart,.titolopagina{font:800 21px/1.2 var(--g-sans)!important;letter-spacing:-.02em!important;color:var(--g-ink)!important;margin-bottom:12px!important}

/* ---------- card / form ---------- */
.form,.curvy,.schedacarrello,.ricerca,.ricercalead,.ricercaclienti,.ricercadocumenti,
.ricercaCPO,.ricercacontweb,.ricercaopp,.catalogomenulistarticoli,.error,.novita{
  background:#fff!important;background-image:none!important;
  border:1px solid var(--g-line)!important;border-radius:var(--g-r)!important;
  box-shadow:none!important;
}
.buttonback.curvy{background:none!important;border:0!important;border-radius:0!important}
.form{width:100%!important;max-width:100%!important;margin:0 0 16px!important;padding:20px 22px!important}
.form:not(:has(*)){display:none!important}
.ricerca,.ricercalead,.ricercaclienti,.ricercadocumenti,.ricercaCPO,.ricercacontweb,.ricercaopp{
  padding:16px!important;margin:0 0 18px!important;width:auto!important;height:auto!important;min-height:0!important;
}
.ricerca>p,.ricercalead>p,.ricercaclienti>p,.ricercadocumenti>p,.ricercaCPO>p,
.ricercacontweb>p,.ricercaopp>p{
  font:700 10px/1 var(--g-mono)!important;letter-spacing:.09em!important;text-transform:uppercase!important;
  color:var(--g-ink-3)!important;margin:0 0 12px!important;
}

.formtop,.formtopdocumenti,.formtopCPO,.formtoplead,.formtopclienti,.formtopcontweb,.formtopopp{
  display:flex!important;flex-wrap:wrap!important;gap:12px!important;align-items:flex-end!important;
  margin:0!important;
}
/* label dei multi-select "Categoria/Importanza/Stato" (lead/clienti/contweb/opp) */
ul.titoli,ul.titolipercli{list-style:none!important;margin:0 0 6px!important;padding:0!important}
ul.titoli li,ul.titolipercli li{
  font:600 11.5px/1 var(--g-sans)!important;color:var(--g-ink-2)!important;
}
.formelements{
  display:flex!important;flex-direction:column!important;gap:6px!important;margin:0!important;
  flex:1 1 160px!important;min-width:0!important;max-width:100%!important;
}
.formelements input,.formelements select{min-width:0!important}
.formelements label,.form label,legend{
  font:600 11.5px/1 var(--g-sans)!important;color:var(--g-ink-2)!important;
}
legend{display:block!important;margin-bottom:6px!important}

input[type=text],input[type=password],input[type=email],select,textarea{
  width:100%!important;min-height:38px!important;height:38px!important;padding:0 11px!important;
  border:1px solid #cbd1de!important;border-radius:var(--g-r-s)!important;background:#fff!important;
  font-size:13.5px!important;color:var(--g-ink)!important;
}
textarea{padding:11px!important;line-height:1.6!important;resize:vertical;min-height:90px!important;height:auto!important}
input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,select:focus,textarea:focus{
  border-color:var(--g-red)!important;outline:2px solid var(--g-red-soft)!important;
}
input[disabled],select[disabled],textarea[disabled]{background:var(--g-bg)!important;color:var(--g-ink-2)!important}
.g-searchfield{
  width:100%!important;padding-right:34px!important;cursor:pointer!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%235b6478' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-position:right 12px center!important;
}
select:not([multiple]){
  appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;
  padding-right:34px!important;cursor:pointer!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%235b6478' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-position:right 12px center!important;
}
select[multiple]{
  height:auto!important;min-height:0!important;padding:6px!important;
  border:1px solid #cbd1de!important;border-radius:var(--g-r-s)!important;
  background:#fff!important;color:var(--g-ink)!important;font-size:13px!important;
}
select[multiple]:focus{border-color:var(--g-red)!important;outline:2px solid var(--g-red-soft)!important}
select[multiple] option{padding:5px 8px!important;border-radius:4px!important;color:var(--g-ink)!important}
select[multiple] option:checked{background:var(--g-red-soft)!important;color:var(--g-red)!important}

/* ---------- multi-select come dropdown chiuso (Categoria/Importanza ecc., filtri ricerca*.php) ----------
   sostituisce il <select multiple> nativo (poco stilizzabile) con un bottone che apre un pannello
   di checkbox; ogni checkbox mantiene lo stesso name="campo[]" del select originale, quindi il
   submit arriva al backend identico (array di valori), nessuna query/nome cambiato. */
.g-msel{position:relative!important}
.g-msel-toggle{
  width:100%!important;min-height:38px!important;height:38px!important;padding:0 32px 0 11px!important;
  border:1px solid #cbd1de!important;border-radius:var(--g-r-s)!important;background:#fff!important;
  font-size:13.5px!important;color:var(--g-ink)!important;text-align:left!important;cursor:pointer!important;
  position:relative!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.g-msel-toggle::after{
  content:'';position:absolute!important;right:12px!important;top:50%!important;margin-top:-4px!important;
  width:7px!important;height:7px!important;border-right:2px solid var(--g-ink-3)!important;border-bottom:2px solid var(--g-ink-3)!important;
  transform:rotate(45deg)!important;pointer-events:none!important;
}
.g-msel-toggle:focus,.g-msel.open .g-msel-toggle{border-color:var(--g-red)!important;outline:2px solid var(--g-red-soft)!important}
.g-msel-toggle:hover{background:#fff!important;border-color:#cbd1de!important;color:var(--g-ink)!important}
.g-msel-panel{
  display:none!important;position:absolute!important;top:100%!important;left:0!important;
  width:260px!important;max-width:calc(100vw - 40px)!important;
  margin-top:2px!important;max-height:240px!important;overflow-y:auto!important;overflow-x:hidden!important;
  background:#fff!important;border:1px solid var(--g-line)!important;border-radius:var(--g-r-s)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.14)!important;z-index:50!important;padding:6px!important;
}
.g-msel.open .g-msel-panel{display:block!important}
.g-msel-opt{
  display:flex!important;align-items:flex-start!important;gap:8px!important;padding:7px 8px!important;
  border-radius:4px!important;cursor:pointer!important;
}
.g-msel-opt:hover{background:var(--g-bg)!important}
.g-msel-opt input[type=checkbox]{margin:2px 0 0!important;flex-shrink:0!important}
.g-msel-opt span{
  display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;
  overflow:hidden!important;text-overflow:ellipsis!important;
  font:400 13px/1.4 var(--g-sans)!important;color:var(--g-ink)!important;
}
input[type=checkbox],input[type=radio]{width:16px!important;height:16px!important;accent-color:var(--g-red)!important}
input.minifield,input.qtacartList,input.qtacartScheda{
  width:64px!important;text-align:center!important;font:400 13px var(--g-mono)!important;
}
/* riga ordinata (dopo click su "Ordina"): campo q.ta' verde */
input.minifield.g-ordinato,input.g-ordinato[type=text]{
  background:var(--g-green-soft)!important;border-color:var(--g-green)!important;color:var(--g-green)!important;font-weight:700!important;
}
.g-qtylabel{display:inline-flex!important;flex-direction:column!important;gap:6px!important;margin-right:9px!important;vertical-align:top!important}
.annotazionifield{width:100%!important;max-width:none!important;min-height:32px!important;font-size:12.5px!important;margin:14px 0!important}

/* campi monospaziati: codici, importi, date */
input[name*=cap],input[name*=CAP],input[name*=partitaiva],input[name*=PartitaIVA],
input[name*=codicefiscale],input[name*=CodiceFiscale],input[name*=telef],
input[name*=Telefono],input[name*=telefono]{font-family:var(--g-mono)!important;font-size:13px!important}
input[name*=provincia],input[name*=Provincia]{font-family:var(--g-mono)!important;text-transform:uppercase!important}

/* ---------- pulsanti ---------- */
input[type=submit],input[type=button],button,.submit{
  height:38px!important;padding:0 20px!important;border:0!important;border-radius:var(--g-r-s)!important;
  background:var(--g-red)!important;color:#fff!important;font:700 13.5px var(--g-sans)!important;cursor:pointer!important;
  width:auto!important;
}
input[type=submit]:hover,input[type=button]:hover,button:hover,.submit:hover{background:var(--g-red-dark)!important}
input[name=cardel],input[value*=Elimina],input[value*=elimina],
.buttcardel input,.buttonback input[type=button]{
  background:#fff!important;border:1px solid #cbd1de!important;color:var(--g-red)!important;font-weight:600!important;
}
input[name=cardel]:hover,input[value*=Elimina]:hover,.buttcardel input:hover{
  background:#fff!important;border-color:var(--g-red)!important;
}
.buttcartback input[type=button]{
  background:#fff!important;border:1px solid #cbd1de!important;color:var(--g-ink-2)!important;font-weight:600!important;
}
.buttcartback input[type=button]:hover{border-color:var(--g-red)!important;color:var(--g-red)!important}
.buttonback,.buttcarend,.buttcardel{margin-top:16px!important}
.buttonback p{margin:0!important}
.buttonback a{
  display:inline-flex!important;align-items:center!important;height:38px!important;padding:0 20px!important;border-radius:var(--g-r-s)!important;
  background:var(--g-red)!important;color:#fff!important;font:700 13.5px var(--g-sans)!important;
}
.buttonback a:hover{background:var(--g-red-dark)!important}
.g-btn{
  display:inline-flex!important;align-items:center!important;height:38px!important;padding:0 20px!important;
  border-radius:var(--g-r-s)!important;background:var(--g-red)!important;color:#fff!important;
  font:700 13.5px var(--g-sans)!important;
}
.g-btn:hover{background:var(--g-red-dark)!important;color:#fff!important}

/* +/- quantità (mettiinordine) */
.buttPlus,.buttMinus,.buttPlusScheda,.buttMinusScheda,.buttcartUP,.buttcartDOWN,.buttcartDEL{
  width:30px!important;height:30px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border:1px solid #cbd1de!important;border-radius:var(--g-r-s)!important;background:#fff!important;
  font:700 13px/1 var(--g-mono)!important;color:var(--g-ink-2)!important;cursor:pointer!important;
}
.buttPlus:hover,.buttMinus:hover,.buttPlusScheda:hover,.buttMinusScheda:hover,
.buttcartUP:hover,.buttcartDOWN:hover,.buttcartDEL:hover{border-color:var(--g-red)!important;color:var(--g-red)!important}
.buttcartUP a,.buttcartDOWN a,.buttcartDEL a{color:inherit!important;line-height:1!important}

/* ---------- elenchi ---------- */
.toplist,.toplistscheda{
  padding:14px 18px!important;border-bottom:1px solid var(--g-line)!important;
  display:flex!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important;align-items:center!important;
}
.toplist ul.links,.linksscheda{list-style:none!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;gap:14px!important;flex-wrap:wrap!important}
.linksscheda li{font:600 13px/1 var(--g-sans)!important;color:var(--g-ink-2)!important}
.toplist ul.links li{font:600 13.5px/1 var(--g-sans)!important;color:var(--g-ink)!important}

table{border-collapse:collapse!important;width:100%!important}
table td,table th{border:0!important}
.allcontent table tr td[width]{padding:10px 12px!important}

/* tabelle Word con border=1/windowtext (cliente-show, lead/opp/contweb-gestione, elenchi):
   tolgo i bordi neri vecchi, resta lo stile pulito qui sotto. */
table[border="1"]{
  width:100%!important;border-collapse:collapse!important;background:#fff!important;margin:0!important;
}
table[border="1"] td{
  border:0!important;border-bottom:1px solid var(--g-line-2)!important;
  padding:10px 12px!important;vertical-align:middle!important;
}
table[border="1"] tr:last-child td{border-bottom:0!important}

/* Info anagrafiche/amministrative/commerciali/statistiche in cliente-show.php:
   coppie etichetta:valore, non una tabella con intestazione. */
.form table.g-kv tr:first-child td{
  font:400 13px/1.45 var(--g-sans)!important;text-transform:none!important;background:transparent!important;letter-spacing:normal!important;
}
.form table.g-kv tr:first-child td:first-child{font-weight:600!important;color:var(--g-ink-2)!important}
.form table.g-kv tr:first-child:hover td{background:var(--g-red-soft)!important}
.form table.g-kv td:first-child{font-weight:600!important;color:var(--g-ink-2)!important;width:40%!important}
.form table.g-kv td:last-child{color:var(--g-ink)!important}

/* Scadenze: righe normali in inchiostro, rosse solo se scadute (DataScadenza < oggi) */
.g-scadenze td{color:var(--g-ink)!important}
.g-scadenze tr.g-scad-scaduta td,.g-scadenze tr.g-scad-scaduta:hover td{color:var(--g-red)!important;background:var(--g-red-soft)!important;font-weight:600!important}
.g-scadenze tr:first-child td{
  font:700 10px/1 var(--g-mono)!important;letter-spacing:.07em!important;text-transform:uppercase!important;
  color:var(--g-ink-3)!important;background:var(--g-bg)!important;
}

/* le tabelle-Word degli elenchi (elencodocumenti, elencoCPO, ...) */
.form table{width:100%!important;margin-top:12px!important;border-top:1px solid var(--g-line)!important}
/* combinatori diretti (>): con lo spazio (discendente) questo selettore matchava anche le righe
   delle tabelle annidate dentro la prima riga di una tabella-wrapper esterna (pattern
   Lead/Clienti/Agenti/referenti: table[border=0] > tr colspan=2 > table[border=1] reale),
   rendendo indistinguibili intestazione e righe dati. */
.form table>tbody>tr:first-child>td:not([colspan]){
  font:700 10px/1 var(--g-mono)!important;letter-spacing:.07em!important;color:var(--g-ink-3)!important;
  background:var(--g-bg)!important;text-transform:uppercase!important;
}
.form table tr td{
  border-bottom:1px solid var(--g-line-2)!important;
  font:400 13px/1.45 var(--g-sans)!important;color:var(--g-ink-2)!important;vertical-align:middle!important;
}
.form table>tbody>tr:hover>td:not([colspan]){background:var(--g-red-soft)!important}

/* ---------- contatti cliente (cliente-show.php, tab Contatti) ----------
   ogni gruppo referenti: table[border=0] con riga1=etichetta+Aggiungi, riga2=table[border=1]
   con la sua prima riga come intestazione (niente thead/th nel markup originale). */
.g-clitab[data-tab="cont"] table[border="1"] tr:first-child:hover td,
.g-clitab[data-tab="cwCont"] table[border="1"] tr:first-child:hover td{background:transparent!important}
.g-clitab[data-tab="cont"] table[border="0"] tr:first-child td:last-child,
.g-clitab[data-tab="cwCont"] table[border="0"] tr:first-child td:last-child{text-align:right!important}

/* ---------- carosello Top 20 (novitainclude.php, swiper.js) ----------
   stylehome.css (rimosso ieri) conteneva il contenimento di questi wrapper;
   qui rimetto solo lo stretto necessario, senza il resto del foglio legacy. */
.homeFullSize{width:100%!important;float:none!important;margin:0 0 18px!important;flex:none!important}
.homeWrapper{width:100%!important;margin:0!important;float:none!important;flex:none!important;position:relative!important}
.swiper-container{width:100%!important;position:relative!important;overflow:hidden!important}
/* swiper2: niente libreria Swiper (calcolo larghezze inaffidabile dentro il layout flex
   a colonna del body), scroll nativo con frecce che chiamano scrollBy(). */
.swiper2.swiper-container{overflow-x:auto!important;overflow-y:hidden!important;scroll-behavior:smooth!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important}
.swiper2.swiper-container::-webkit-scrollbar{display:none!important}
.swiper2 .swiper-wrapper{display:flex!important;align-items:stretch!important;gap:14px!important}
.swiper2 .swiper-slide{
  flex:0 0 auto!important;width:calc((100% - 4*14px)/5)!important;
  height:auto!important;display:flex!important;flex-direction:column!important;
  background:#fff!important;border:1px solid var(--g-line)!important;border-radius:var(--g-r)!important;
  overflow:hidden!important;
}
@media (max-width:1100px){.swiper2 .swiper-slide{width:calc((100% - 3*14px)/4)!important}}
@media (max-width:768px){.swiper2 .swiper-slide{width:calc((100% - 2*14px)/3)!important}}
@media (max-width:468px){.swiper2 .swiper-slide{width:calc((100% - 1*14px)/2)!important}}
.swiper-slide .ImageSlide{background:var(--g-bg)!important;text-align:center!important;padding:12px!important;flex-shrink:0!important}
.swiper-slide .ImageSlide img{max-height:140px!important;width:auto!important;max-width:100%!important}
.swiper-slide .InfoSlide{padding:12px 14px!important;flex:1 1 auto!important}
.swiper-slide .InfoTxt p{margin:0 0 4px!important;font:400 12.5px/1.4 var(--g-sans)!important;color:var(--g-ink)!important}
.swiper-slide .InfoTxt p:last-child{font:400 11.5px/1.3 var(--g-mono)!important;color:var(--g-ink-3)!important;margin-bottom:0!important}
.swiper-button-next2,.swiper-button-prev2{
  position:absolute!important;top:50%!important;margin-top:-18px!important;width:34px!important;height:34px!important;
  border-radius:50%!important;background:#fff!important;border:1px solid var(--g-line)!important;z-index:10!important;cursor:pointer!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
}
.swiper-button-next2::after,.swiper-button-prev2::after{
  content:'';width:8px;height:8px;border-top:2px solid var(--g-ink-2);border-right:2px solid var(--g-ink-2);
}
.swiper-button-next2::after{transform:rotate(45deg);margin-left:-2px}
.swiper-button-prev2::after{transform:rotate(-135deg);margin-right:-2px}
.swiper-button-next2:hover::after,.swiper-button-prev2:hover::after{border-color:var(--g-red)}
.swiper-button-next2{right:-17px!important}
.swiper-button-prev2{left:-17px!important}
.swiper-button-next2.swiper-button-disabled,.swiper-button-prev2.swiper-button-disabled{
  opacity:.35!important;pointer-events:none!important;cursor:default!important;
}

/* ---------- catalogo ---------- */
.catalogomenulistarticoli{padding:0!important;overflow:hidden!important;margin-bottom:60px!important}
.catalogomenulistarticoli table{width:100%!important;border-collapse:collapse!important}
.catalogomenulistarticoli thead tr{background:var(--g-bg)!important;border-bottom:1px solid var(--g-line)!important}
.catalogomenulistarticoli th{
  font:700 10px/1 var(--g-mono)!important;letter-spacing:.07em!important;color:var(--g-ink-3)!important;
  text-transform:uppercase!important;text-align:left!important;padding:11px 12px!important;
}
.catalogomenulistarticoli td{padding:11px 12px!important;border-bottom:1px solid var(--g-line-2)!important;vertical-align:middle!important}
.catalogomenulistarticoli tbody tr:hover td{background:var(--g-red-soft)!important}
.g-tocart{font:600 13px/1 var(--g-sans)!important;color:var(--g-red)!important}
.catalogomenulistarticoli td.realprice{text-align:right!important;white-space:nowrap!important}
/* ultima colonna (qta + Ordina): resta una vera table-cell (con display:flex la cella usciva dalla riga e si sfalsava) */
.catalogomenulistarticoli td:last-child:has(input){display:table-cell!important;text-align:right!important;white-space:nowrap!important;width:1%!important}
.catalogomenulistarticoli td:last-child:has(input) input{display:inline-block!important;vertical-align:middle!important;margin-left:8px!important}
.catalogomenuboxarticoli{
  display:grid!important;grid-template-columns:96px minmax(0,1fr) auto!important;gap:16px!important;align-items:center!important;
  padding:14px 18px!important;border-bottom:1px solid var(--g-line-2)!important;
}
.catalogomenuboxarticoli:hover{background:var(--g-red-soft)!important}
.catalogomenuboxarticoli .picture img{border-radius:var(--g-r-s)!important;background:var(--g-bg)!important}
.fam{font:400 12px/1.4 var(--g-mono)!important;color:var(--g-red)!important;margin-bottom:3px!important}
/* miniatura prodotto (prima colonna delle liste articoli) e link scheda tecnica */
.g-thcol-foto,.g-tdfoto{width:120px!important;text-align:center!important}
img.g-thumb{
  display:block!important;width:96px!important;height:96px!important;max-width:none!important;object-fit:contain!important;
  margin:0 auto!important;border-radius:var(--g-r-s)!important;
}
.schedatecnica{margin-top:4px!important}
.schedatecnica a{font:600 12px/1 var(--g-sans)!important;color:var(--g-red)!important;text-decoration:underline!important}
.artname{font:600 13.5px/1.35 var(--g-sans)!important;color:var(--g-ink)!important}
.price,.pricescheda{display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important}
#padding{display:flex!important;justify-content:space-between!important;align-items:end!important}
.realprice{font:700 15px/1 var(--g-mono)!important;color:var(--g-ink)!important;white-space:nowrap!important}
.pricescheda .realprice{font-size:26px!important}
.buttbox{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}
.available{
  font:600 11px/1 var(--g-mono)!important;letter-spacing:.05em!important;color:var(--g-green)!important;
  background:var(--g-green-soft)!important;border-radius:4px!important;padding:7px 9px!important;display:inline-block!important;
}
.available:empty{display:none!important;padding:0!important}
.marchilist{font:400 12px/1.4 var(--g-mono)!important;color:var(--g-ink-3)!important}

/* ---------- scheda articolo ---------- */
.g-noshellcard{background:none!important;border:0!important;padding:0!important;margin:0 0 16px!important;width:100%!important}
.testatascheda{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important;margin-bottom:18px!important}
.g-artinfo{min-width:0!important}
.g-artnav{display:flex!important;align-items:center!important;gap:9px!important;flex-wrap:wrap!important}
#famiglia{font:400 12.5px/1 var(--g-mono)!important;color:var(--g-ink-3)!important;margin:0 0 5px!important}
#nomearticolo{font:800 21px/1.2 var(--g-sans)!important;letter-spacing:-.02em!important;margin:0!important}
.g-artgrid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;gap:16px!important;align-items:start!important;width:100%!important}
.g-artside{display:flex!important;flex-direction:column!important;gap:16px!important;width:100%!important;min-width:0!important}
.immaginischeda{min-width:0!important}
.g-pdflink:empty{display:none!important}
.g-pdflink{margin-top:16px!important;padding-top:14px!important;border-top:1px solid var(--g-line-2)!important}
.g-pdflink a{font:600 12.5px/1 var(--g-sans)!important;color:var(--g-red)!important}

/* icona "rimuovi associazione" (Lead/Clienti/Agenti in Opp-Gestione, referenti):
   dentro a <td> con table-layout automatico, max-width:100% (regola globale su img)
   la fa collassare a 0px perché la percentuale non si risolve nel calcolo dell'auto-layout. */
img[src*="images/remove.png"]{width:16px!important;height:16px!important;max-width:none!important}

/* pallino colorato stato (elenco/scheda opportunità) */
img[src*="images/ico/circle-"]{margin-right:6px!important}
.g-statorow{display:flex!important;align-items:center!important;gap:9px!important}
.g-statorow select{flex:1 1 auto!important;width:auto!important}
.g-statorow img{flex:none!important;width:16px!important;height:16px!important}
/* css/schedaarticolo.css si carica dopo il nostro su questa pagina: neutralizzo i vecchi float/absolute/dimensioni fisse */
.toplistscheda:not(:has(*)){display:none!important}
.boxscheda{width:auto!important;height:auto!important;float:none!important;border:0!important;overflow:visible!important}
.pricescheda{width:auto!important;height:auto!important;float:none!important;border:0!important;background:transparent!important}
.available{position:static!important;margin:0!important;top:auto!important;left:auto!important}
.linksscheda{margin:0!important;text-align:left!important}
.buttcartback{width:auto!important;height:auto!important;background-image:none!important;margin:0!important;text-align:left!important}
.realprice{width:auto!important;margin:0!important;text-align:left!important;top:auto!important;left:auto!important}
.bx-prevscheda,.bx-nextscheda{position:static!important;width:auto!important;height:auto!important;background-image:none!important;text-indent:0!important;top:auto!important;margin-left:0!important}
.descrizionetascheda{
  background:#fff!important;border:1px solid var(--g-line)!important;border-radius:var(--g-r)!important;
  padding:18px 20px!important;font:400 13.5px/1.7 var(--g-sans)!important;color:var(--g-ink-2)!important;margin-bottom:0!important;
}
.descrizionetascheda:empty{display:none!important}
.descrizionetascheda h2{padding-bottom:12px!important;border-bottom:1px solid var(--g-line-2)!important}
.descrizionetascheda p{margin:0!important}
.prezzoscheda,.immaginischeda{background:#fff!important;border:1px solid var(--g-line)!important;border-radius:var(--g-r)!important;padding:20px 22px!important;margin-bottom:0!important}
.pricescheda{padding-bottom:14px!important;border-bottom:1px solid var(--g-line-2)!important;margin-bottom:16px!important}
.boxscheda{background:var(--g-bg)!important;border-radius:var(--g-r-s)!important;padding:10px!important;text-align:center!important}
.bx-prevscheda,.bx-nextscheda{
  display:inline-flex!important;align-items:center!important;height:34px!important;padding:0 13px!important;
  border:1px solid #cbd1de!important;border-radius:var(--g-r-s)!important;
  font:600 13px var(--g-sans)!important;color:var(--g-ink-2)!important;
}
.bx-prevscheda:hover,.bx-nextscheda:hover{border-color:var(--g-red)!important;color:var(--g-red)!important}

/* ---------- carrello ---------- */
.schedacarrello{
  background:none!important;border:0!important;padding:0!important;overflow:visible!important;
  display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important;
  margin:0 0 18px!important;
}
.titlecart{padding:0!important;border-bottom:0!important;margin:0 0 3px!important}
.g-cartsub{font:400 12.5px/1 var(--g-mono)!important;color:var(--g-ink-3)!important}
/* due colonne: righe carrello a sinistra (piu' larga), form riepilogo a destra */
.g-cartgrid{display:grid!important;grid-template-columns:minmax(0,2.2fr) minmax(280px,1fr)!important;gap:16px!important;align-items:start!important}
.g-cartitems{min-width:0!important}
.g-cartgrid .formcontent{min-width:0!important;margin:0!important}
.g-cartgrid .formcontent form[name=cartformdel]{margin-top:16px!important}
.g-cartgrid .form h2,#divazienda h2{padding-bottom:12px!important;border-bottom:1px solid var(--g-line-2)!important}
.g-cartordnum{font:600 12px/1 var(--g-mono)!important;color:var(--g-ink-3)!important;margin:-6px 0 14px!important}
.g-cartgrid .form label{display:block!important;width:100%!important;margin:0 0 14px!important}
.g-cartgrid .form label:last-child{margin-bottom:0!important}
.g-cartgrid .form>input[type=text]{display:block!important;margin-bottom:9px!important}
.g-cartgrid .form>input[type=text]:last-child{margin-bottom:0!important}
#uno{height:auto!important}
#uno label.g-chk{display:flex!important;align-items:center!important;gap:9px!important;width:auto!important;margin:0 0 10px!important;font:400 13px/1.4 var(--g-sans)!important;color:var(--g-ink-2)!important;cursor:pointer!important}
#uno #divazienda{margin-top:16px!important}
#uno>input[type=checkbox]{vertical-align:middle!important}
#uno img[height="24"]{vertical-align:middle!important;margin:0 4px 0 8px!important}
/* "Conferma ordine" ed "Elimina ordine" nella stessa card #uno: il bottone elimina appartiene
   al form cartformdel (azione diversa, non puo' stare nello stesso <form> di cartform), ma e'
   collegato via l'attributo form="formusedel" cosi' puo' stare visivamente dentro #uno insieme
   al bottone conferma (form="formuse"); nessun campo/azione/onclick e' cambiato, solo dove
   compare nel markup. */
.g-cartgrid .formcontent form[name=cartformdel]{display:none!important}
#uno .buttcarend,#uno .buttcardel{margin-top:16px!important}
#uno .buttcarend input[type=submit],#uno .buttcardel input[type=submit]{width:100%!important}
.cartdett{
  display:grid!important;grid-template-columns:96px minmax(0,1fr) auto!important;gap:14px!important;align-items:center!important;
  padding:14px 16px!important;border:1px solid var(--g-line)!important;border-radius:var(--g-r)!important;
  background:#fff!important;margin:0 0 10px!important;
}
.g-cartrowend{display:flex!important;align-items:center!important;gap:12px!important}
/* × rimuovi riga: stesso box di − e + (30x30), rosso al passaggio */
.g-cartrowend .buttcartDEL{
  width:30px!important;height:30px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border:1px solid #cbd1de!important;border-radius:var(--g-r-s)!important;background:#fff!important;padding:0!important;margin:0!important;cursor:pointer!important;
}
.g-cartrowend .buttcartDEL a{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;font:700 16px/1 var(--g-mono)!important;color:var(--g-ink-2)!important}
.g-cartrowend .buttcartDEL:hover{border-color:var(--g-red)!important;background:var(--g-red-soft)!important}
.g-cartrowend .buttcartDEL:hover a{color:var(--g-red)!important}
/* foto riga carrello: stessa misura delle miniature nelle liste (img.g-thumb, 96px) */
.fotocart{width:96px!important;height:96px!important;border-radius:var(--g-r-s)!important;display:flex!important;align-items:center!important;justify-content:center!important}
.fotocart img{width:96px!important;height:96px!important;max-width:none!important;max-height:none!important;object-fit:contain!important;border-radius:var(--g-r-s)!important}
.descrizionecart{min-width:0;font:400 13.5px/1.4 var(--g-sans)!important;color:var(--g-ink)!important}
.qtacart{font:700 12.5px/1 var(--g-mono)!important;color:var(--g-ink-2)!important;white-space:nowrap!important}
.pricetotcart{font:700 14.5px/1 var(--g-mono)!important;color:var(--g-ink)!important;min-width:86px!important;text-align:right!important}
.totcart{
  display:flex!important;justify-content:flex-end!important;padding:16px 18px!important;
  background:#fff!important;border:1px solid var(--g-line)!important;border-radius:var(--g-r)!important;
}
.totcartprice{font:700 18px/1 var(--g-mono)!important;color:var(--g-red)!important}
#divazienda{background:#fff!important;border:1px solid var(--g-line)!important;border-radius:var(--g-r)!important;padding:20px 22px!important;margin-top:16px!important}
#divazienda p{display:flex!important;flex-direction:column!important;gap:6px!important;margin:0 0 10px!important;font:600 11.5px/1 var(--g-sans)!important;color:var(--g-ink-2)!important}

/* ---------- messaggi ed esiti (pagine di sola notifica: Ricerca-*-Empty, cart-riepilogo-done/empty, *-login-done, invio-mail-result, error.php) ---------- */
.error{max-width:620px!important;padding:26px 28px!important;margin:24px auto!important}
.error>span{
  display:flex!important;align-items:center!important;justify-content:center!important;width:fit-content!important;margin-left:auto!important;margin-right:auto!important;
  font:700 10.5px/1 var(--g-mono)!important;letter-spacing:.09em!important;
  color:var(--g-amber)!important;background:var(--g-amber-soft)!important;border-radius:4px!important;padding:7px 9px!important;margin-bottom:16px!important;
}
.error>span.g-badge-ok{color:var(--g-green)!important;background:var(--g-green-soft)!important}
#myalert{display:flex!important;align-items:center!important;justify-content:center!important;padding:20px!important}
#myalert .error{margin:0!important}

/* icona al posto del badge testuale, nei popup (#myalert e .g-modal-overlay) */
.g-icon{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:44px!important;height:44px!important;border-radius:50%!important;margin:0 auto 14px!important;
}
.g-icon svg{width:22px!important;height:22px!important;display:block!important}
.g-icon-ok{background:var(--g-green-soft)!important;color:var(--g-green)!important}
.g-icon-warn{background:var(--g-amber-soft)!important;color:var(--g-amber)!important}
.g-icon-danger{background:var(--g-red-soft)!important;color:var(--g-red)!important}

/* ---------- popup custom (sostituiscono alert()/confirm() nativi del browser) ---------- */
.g-modal-overlay{
  display:none;position:fixed!important;inset:0!important;z-index:2000!important;
  background:rgba(23,27,38,.55)!important;align-items:center!important;justify-content:center!important;padding:20px!important;
}
.g-modal-overlay.open{display:flex!important}
.g-modal-overlay .error{margin:0!important;max-width:420px!important;text-align:center!important}
.g-modal-actions{display:flex!important;gap:9px!important;justify-content:center!important;margin-top:18px!important}
.g-btn-outline{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;height:38px!important;padding:0 20px!important;
  border:1px solid #cbd1de!important;border-radius:var(--g-r-s)!important;background:#fff!important;
  color:var(--g-ink-2)!important;font:700 13.5px var(--g-sans)!important;cursor:pointer!important;
}
.g-btn-outline:hover{background:var(--g-red)!important;border-color:var(--g-red)!important;color:#fff!important}
/* pagina "documento confermato": scelta destinatari */
.error.g-done{max-width:560px!important}
.g-done h2{text-align:center!important;color:var(--g-green)!important;margin:0 0 6px!important;font:700 18px/1.3 var(--g-sans)!important}
.g-done-sub{text-align:center!important;font:400 13.5px/1.6 var(--g-sans)!important;color:var(--g-ink-3)!important;margin:0 0 20px!important}
.g-destlist{display:flex!important;flex-direction:column!important;gap:8px!important;margin:0 0 20px!important}
.g-dest{
  display:grid!important;grid-template-columns:auto 72px minmax(0,1fr)!important;align-items:center!important;gap:12px!important;
  margin:0!important;padding:11px 14px!important;border:1px solid var(--g-line)!important;border-radius:var(--g-r-s)!important;
  background:#fff!important;cursor:pointer!important;width:auto!important;
}
.g-dest:hover{background:var(--g-bg)!important}
.g-dest-role{font:700 12px/1 var(--g-sans)!important;color:var(--g-ink-2)!important}
.g-dest-mail{font:italic 400 13.5px/1.3 var(--g-sans)!important;color:var(--g-ink)!important;overflow-wrap:anywhere!important}
.g-dest input[disabled]~.g-dest-role,.g-dest input[disabled]~.g-dest-mail{opacity:.5!important}
.g-dest-altro{cursor:default!important;grid-template-columns:auto minmax(0,1fr)!important}
.g-dest-altro:hover{background:#fff!important}
.g-dest-altrolbl{display:grid!important;grid-template-columns:auto 72px!important;align-items:center!important;gap:12px!important;margin:0!important;cursor:pointer!important;width:auto!important}
.g-dest-altro input[type=text]{height:34px!important;min-height:34px!important}
.g-doneactions{display:flex!important;gap:10px!important;justify-content:flex-end!important}
.g-doneactions label{margin:0!important;width:auto!important}
.g-doneactions .g-btn-sec{background:#fff!important;border:1px solid #cbd1de!important;color:var(--g-ink-2)!important}
.g-doneactions .g-btn-sec:hover{background:#fff!important;border-color:var(--g-red)!important;color:var(--g-red)!important}
.error.g-error-center,.error.g-error-center p,.error.g-error-center .buttonback{text-align:center!important}
.error>span.g-badge-err{color:var(--g-red)!important;background:var(--g-red-soft)!important}
.error p{font:400 14px/1.7 var(--g-sans)!important;color:var(--g-ink-3)!important;margin:10px 0 0!important}
.error>span+p,.error>p:first-of-type{font:700 17px/1.4 var(--g-sans)!important;color:var(--g-ink)!important;margin:0!important}

/* ---------- pagine di selezione (lead/cliente/opp/contweb-selezione.php, login) ----------
   markup: <div class="error"><div class="formcontent"><div class="left curvy" id="due">
   <form name="sel...">, <form name="new...">, <form name="search...">, <form name="excel...">
   Qui l'.error è solo un contenitore neutro (niente doppio bordo): la card vera è #due/.left.
   I bottoni "new/search/excel" diventano azioni secondarie in riga; "sel" (ricerca+conferma)
   resta la form primaria a tutta larghezza. Nessun markup toccato, solo selettori su class/name esistenti. */
.error:has(.formcontent){
  max-width:100%!important;width:100%!important;
  padding:0!important;border:0!important;background:none!important;box-shadow:none!important;
}
.formcontent{
  padding:0!important;border:0!important;margin:0 0 16px!important;background:none!important;background-image:none!important;
}
.formcontent .left,.left#uno,.left#due,.left#tre{
  float:none!important;width:auto!important;height:auto!important;
  margin:0 0 16px!important;padding:20px 22px!important;
  border:1px solid var(--g-line)!important;border-radius:var(--g-r)!important;
  background:#fff!important;background-image:none!important;
  display:flex!important;flex-wrap:wrap!important;gap:12px!important;align-items:flex-start!important;
}
.left>.textboxform{flex:1 1 100%!important;order:-1!important}
.left>form{margin:0!important;flex:1 1 100%!important}
.left>form[name^=new],.left>form[name^=search],.left>form[name^=excel]{flex:1 1 180px!important}
.left label{display:block!important;width:100%!important;margin:0 0 14px!important}
.left label p{
  display:flex!important;flex-direction:column!important;gap:6px!important;margin:0!important;
  color:var(--g-ink-2)!important;font:600 11.5px/1 var(--g-sans)!important;
}
.left .buttcartform{display:block!important;width:100%!important;margin:4px 0 0!important}
.left input[type=submit]{width:100%!important}
.left>form[name^=new] input[type=submit],
.left>form[name^=search] input[type=submit],
.left>form[name^=excel] input[type=submit]{
  background:#fff!important;color:var(--g-ink-2)!important;border:1px solid #cbd1de!important;font-weight:600!important;
}
.left>form[name^=new] input[type=submit]:hover,
.left>form[name^=search] input[type=submit]:hover,
.left>form[name^=excel] input[type=submit]:hover{
  background:#fff!important;border-color:var(--g-red)!important;color:var(--g-red)!important;
}
/* ---------- risultati ricerca live (DocRicerca*.php via ajax in cliente/lead/Opp/contweb-selezione.php) ----------
   .textboxform è il div target dell'ajax (#XxxTrovatiTD); il php inietta dentro un
   div.returnarticle con style inline fisso (width:350px;height:200px;overflow:auto):
   qui lo trasformo in overlay stile <select> invece di allungare/allargare la card. */
.textboxform:empty{display:none!important}
.textboxform{position:relative!important}
.textboxform:not(:has(.returnarticle)){padding-top:10px!important}
.textboxform .returnarticle{
  position:absolute!important;top:0!important;left:0!important;right:0!important;
  width:auto!important;height:auto!important;max-height:240px!important;
  overflow-y:auto!important;overflow-x:hidden!important;
  background:#fff!important;border:1px solid var(--g-line)!important;border-radius:var(--g-r-s)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.14)!important;z-index:50!important;
  margin-top:2px!important;padding:4px!important;
}
.returnarticle li{list-style:none!important;margin:0!important;padding:0!important}
.returnarticle li br{display:none!important}
.returnarticle input[type=button]{
  display:block!important;width:100%!important;height:auto!important;
  text-align:left!important;white-space:normal!important;line-height:1.4!important;
  padding:9px 12px!important;margin:2px 0!important;
}

/* ---------- form referenti (lead/cliente/contweb-mod-cont.php) ---------- */
.g-fieldgrid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:14px 18px!important}
.g-fielditem{display:block!important}
.g-fullwidth{width:100%!important}
.formelements.g-fullwidth{margin-top:26px!important}
input[value=Annulla]{
  background:#fff!important;border:1px solid #cbd1de!important;color:var(--g-ink-2)!important;font-weight:600!important;
}
input[value=Annulla]:hover{background:#fff!important;border-color:var(--g-red)!important;color:var(--g-red)!important}

/* ---------- home ---------- */
.g-subtitle{font:400 13.5px/1.6 var(--g-sans)!important;color:var(--g-ink-3)!important;margin:0 0 22px!important}
.g-home-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))!important;gap:14px!important}
.g-home-card{
  display:block!important;background:#fff!important;border:1px solid var(--g-line)!important;border-radius:var(--g-r)!important;
  padding:18px 20px!important;
}
.g-home-card:hover{border-color:var(--g-red)!important;box-shadow:0 4px 14px rgba(144,0,35,.1)!important}
.g-home-card-num{font:700 9.5px/1 var(--g-mono)!important;letter-spacing:.1em!important;color:var(--g-red)!important;margin-bottom:10px!important}
.g-home-card-label{font:700 15px/1.3 var(--g-sans)!important;color:var(--g-ink)!important;margin-bottom:5px!important}
.g-home-card-desc{font:400 12.5px/1.5 var(--g-sans)!important;color:var(--g-ink-3)!important}

/* etichette per singolo campo nelle barre di ricerca (CPO, documenti, ecc.) */
.g-flabel{display:block!important;font:600 11.5px/1 var(--g-sans)!important;color:var(--g-ink-2)!important;margin-bottom:6px!important}

/* ---------- paginazione ---------- */
.paging{display:flex!important;gap:6px!important;justify-content:center!important;padding:18px!important;flex-wrap:wrap!important}
.paging li{list-style:none!important;margin:0!important;padding:0!important}
.paging li p{margin:0!important;display:contents!important}
.paging a,.paging span{
  min-width:34px!important;height:34px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  padding:0 10px!important;border:1px solid var(--g-line)!important;border-radius:var(--g-r-s)!important;background:#fff!important;
  color:var(--g-ink-2)!important;font:400 13px var(--g-mono)!important;
}
.paging a:hover{border-color:var(--g-red)!important;color:var(--g-red)!important}
.paging .ellipsis{display:flex!important;align-items:center!important;color:var(--g-ink-3)!important;font:400 13px var(--g-mono)!important;padding:0 2px!important}
.paging .attiva,.paging .current,.paging .choose a,.paging strong,.paging b{
  background:var(--g-red)!important;border-color:var(--g-red)!important;color:#fff!important;font-weight:700!important;
}

/* ---------- footer ---------- */
.footer{
  background:var(--g-ink)!important;color:rgba(255,255,255,.8)!important;
  width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;margin-top:auto!important;margin-bottom:0!important;
  padding:22px max(24px,calc((100vw - 1232px)/2))!important;
  display:flex!important;justify-content:space-between!important;gap:20px!important;flex-wrap:wrap!important;
  font:400 12.5px/1.7 var(--g-sans)!important;
}
.footer a{color:#fff!important}
.footer strong{color:#fff!important}
.footer .g-footer-legal{color:rgba(255,255,255,.55)!important;font-size:11.5px!important}

/* ---------- autocomplete (jQuery UI) ---------- */
.ui-autocomplete{
  background:#fff!important;border:1px solid var(--g-line)!important;border-radius:var(--g-r-s)!important;
  box-shadow:0 10px 24px rgba(23,27,38,.12)!important;padding:4px!important;list-style:none!important;
}
.ui-menu-item{padding:0!important}
.ui-menu-item-wrapper,.ui-menu-item a{
  display:block!important;padding:9px 11px!important;border-radius:4px!important;
  font:400 13.5px var(--g-sans)!important;color:var(--g-ink)!important;
}
.ui-menu-item-wrapper.ui-state-active,.ui-menu-item a:hover{
  background:var(--g-red-soft)!important;color:var(--g-red)!important;border:0!important;margin:0!important;
}
.textboxform{font:400 11.5px/1.5 var(--g-mono)!important;color:var(--g-ink-3)!important}

/* ---------- scheda cliente a tab (cliente-show.php) ---------- */
.g-clihead{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important;margin:0 0 18px!important}
.g-clihead h1{font:800 21px/1.2 var(--g-sans)!important;letter-spacing:-.02em!important;margin:0 0 3px!important}
.g-clisub{font:400 12.5px/1 var(--g-mono)!important;color:var(--g-ink-3)!important}
.g-clitabs{display:flex!important;gap:2px!important;border-bottom:1px solid var(--g-line)!important;margin:0 0 20px!important;overflow-x:auto!important}
.g-clitabs a{padding:11px 15px!important;font:600 13px/1 var(--g-sans)!important;color:var(--g-ink-2)!important;border-bottom:2px solid transparent!important;white-space:nowrap!important;cursor:pointer!important}
.g-clitabs a:hover{color:var(--g-red)!important}
.g-clitabs a.active{color:var(--g-red)!important;border-bottom-color:var(--g-red)!important}
.g-clitabs a.g-clitab-ext{
  margin-left:auto!important;align-self:center!important;padding:7px 14px!important;
  font:600 12px/1 var(--g-sans)!important;color:var(--g-ink-2)!important;
  border:1px solid var(--g-line)!important;border-radius:var(--g-r-s)!important;
  background:var(--g-bg)!important;
}
.g-clitabs a.g-clitab-ext:hover{color:var(--g-red)!important;border-color:var(--g-red)!important;background:var(--g-red-soft)!important}
.g-clitab{display:none!important}
.g-clitab.active{display:block!important}
.g-clitab + .formelements{margin:24px 0!important}
#formleaddel .formelements,#formoppdel .formelements,#formcontwebdel .formelements{margin:16px 0 24px!important}
.g-noresult{
  display:flex!important;align-items:center!important;justify-content:center!important;
  text-align:center!important;font:600 13.5px/1.6 var(--g-sans)!important;color:var(--g-ink-3)!important;
  background:var(--g-bg)!important;border:1px dashed var(--g-line)!important;border-radius:var(--g-r)!important;
  padding:32px 20px!important;margin:0!important;
}

/* ---------- responsive ---------- */
@media (max-width:900px){
  .allcontent{padding:0 14px 32px!important}
  .g-header{padding-left:14px!important;padding-right:14px!important}
  nav{padding-left:14px!important;padding-right:14px!important}
  .footer{padding-left:14px!important;padding-right:14px!important}
  .catalogomenuboxarticoli,.cartdett{grid-template-columns:72px minmax(0,1fr)!important}
  .cartdett .fotocart,.cartdett .fotocart img{width:72px!important;height:72px!important}
  .catalogomenuboxarticoli .buttbox,.cartdett .qtacart{grid-column:1/-1}
  .g-cartgrid{grid-template-columns:1fr!important}
}