/* domini/gestionalemagazzino.it/assets/pagine.css — le disposizioni proprie delle pagine interne di gestionalemagazzino.it
   (2026-10-20). Si carica DOPO n6.css del tema e DOPO mg.css del pacchetto (n6_asset_pacchetto, ordine alfabetico) e
   aggiunge solo classi col prefisso mgp- (le mg- sono della home e delle schermate): nessuna regola del tema o di mg.css
   viene riscritta. Dove un pezzo del tema finisce DENTRO un blocco mgp- (briciole, domande, modulo) la regola parte
   sempre da una classe mgp-.
   Il segno del magazzino: apertura CHIARA su carta a quadretti da registro, chiusa in basso dall'ASSE di uno scaffale
   coi suoi montanti (non il bordo perforato dell'helpdesk ne' l'arco cobalto del tema); la parola evidenziata passata
   col NASTRO DA PACCO ambra; il CARTELLINO appeso col foro e il filo; i COLLI col nastro; la BOLLA a righe numerate; il
   REGISTRO con le entrate verdi (+) e le uscite rosse (−); il NASTRO trasportatore coi rulli; la SCATOLA di cartone.
   Colori: verde petrolio #0f766e (accento del marchio), cartone, ambra del nastro, verde e rosso del registro; ogni
   testo sta sopra 4.5:1 sul suo fondo. Regole della casa: niente testo barrato, niente riquadri col bordo colorato a
   sinistra, comparse con .rv del tema, sotto i 900px tutto in colonna.
   Pagine: modulo (mgp-ap-modulo, mgp-cartellino, mgp-vetrina, mgp-avviso, mgp-tecniche) · settore (mgp-pallet,
   mgp-dati-griglia, mgp-giornale, mgp-note, mgp-appesi) · moduli (mgp-segnapiani, mgp-mappa, mgp-reparto, mgp-tag,
   mgp-viaggio) · settori (mgp-asta, mgp-settore, mgp-controllo) · prezzi (mgp-piano, mgp-serie, mgp-richiesta,
   mgp-tipi, mgp-extra, mgp-confronto) · prova (mgp-tre, mgp-incluso, mgp-compiti) · contatti (mgp-trasporto,
   mgp-spedizione) · domande (mgp-dorsi, mgp-faq-pila, mgp-fuori) · consigli (mgp-fascicolo, mgp-consigli-*,
   mgp-manuale) · consiglio (mgp-ap-campi, mgp-in-guida, mgp-articolo) · 404 (mgp-404-collo, mgp-vie).
   Pezzi comuni in pagine/_magazzino.php: mgp-testa, mgp-occhio, mgp-codice, mgp-disp, mgp-bolla, mgp-registro,
   mgp-saldo, mgp-nastro, mgp-scaffale, mgp-collo, mgp-scatola, mgp-firma. */
:root {
	--mgp-acc: #0f766e;          /* 5,5:1 sul bianco */
	--mgp-acc-forte: #115e59;    /* 7,6:1 sul bianco */
	--mgp-acc-chiaro: #e3f3f0;
	--mgp-carta: #f5faf8;
	--mgp-quadretto: rgba(15, 118, 110, .07);
	--mgp-cartone: #ead8b8;
	--mgp-cartone-chiaro: #f6ecda;
	--mgp-cartone-testo: #6b4a17; /* 6,4:1 su --mgp-cartone-chiaro */
	--mgp-nastro: rgba(245, 176, 54, .42);
	--mgp-ambra-fondo: #fdf0d5;
	--mgp-ambra-testo: #7a4b00;   /* 6,9:1 su --mgp-ambra-fondo */
	--mgp-entra: #0a7638;         /* 5,8:1 sul bianco */
	--mgp-entra-fondo: #e6f5ec;
	--mgp-esce: #b42318;          /* 6,5:1 sul bianco */
	--mgp-esce-fondo: #fdecea;
	--mgp-asse: #3f4a52;
	--mgp-ombra: 0 1px 2px rgba(10, 50, 46, .06), 0 14px 32px -18px rgba(10, 50, 46, .32);
	--mgp-ombra-su: 0 2px 4px rgba(10, 50, 46, .06), 0 26px 50px -24px rgba(10, 50, 46, .42);
	--mgp-raggio: 14px;
}

/* ================================================================= APERTURA (tutte le pagine) */
.mgp-apertura { position: relative; padding: 40px 0 92px; background-color: var(--mgp-carta); background-image: linear-gradient(var(--mgp-quadretto) 1px, transparent 1px), linear-gradient(90deg, var(--mgp-quadretto) 1px, transparent 1px); background-size: 28px 28px; overflow: hidden; }
.mgp-apertura::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 12% 0%, rgba(15, 118, 110, .12) 0, rgba(15, 118, 110, 0) 420px), linear-gradient(180deg, rgba(245, 250, 248, 0) 60%, var(--mgp-carta) 100%); pointer-events: none; }
/* l'asse dello scaffale in fondo, coi montanti a intervalli regolari */
.mgp-apertura::after { content: ""; position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; height: 30px; background: linear-gradient(180deg, var(--mgp-asse) 0 10px, transparent 10px) 0 0 / 100% 100% no-repeat, repeating-linear-gradient(90deg, transparent 0 236px, #5b6770 236px 244px) 0 10px / 100% 20px no-repeat; pointer-events: none; }
.mgp-apertura > .n6-wrap { position: relative; z-index: 2; }
.mgp-apertura h1 { color: var(--titolo); font-size: clamp(32px, 4vw, 50px); font-weight: 900; line-height: 1.12; letter-spacing: -.03em; }
/* la parola evidenziata passata col nastro da pacco */
.mgp-apertura h1 span { color: var(--mgp-acc-forte); background: linear-gradient(180deg, transparent 52%, var(--mgp-nastro) 52%, var(--mgp-nastro) 92%, transparent 92%); padding: 0 .06em; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.mgp-ap-lead { margin-top: 18px; font: 700 clamp(19px, 2vw, 23px)/1.4 var(--titoli); color: var(--mgp-acc-forte); text-wrap: balance; }
.mgp-ap-sotto { margin-top: 18px; font-size: 18.5px; line-height: 1.65; color: var(--tenue); text-wrap: pretty; }
.mgp-ap-sotto a { color: var(--mgp-acc); font-weight: 600; }
.mgp-ap-centro .mgp-ap-sotto { max-width: 720px; margin-inline: auto; }
.mgp-ap-divisa { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); gap: 56px; align-items: center; }
.mgp-ap-divisa.allinea-alto { align-items: start; }
/* il codice del reparto: un piccolo cartellino col foro a sinistra */
.mgp-codice { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 18px; padding: 7px 14px 7px 26px; position: relative; border-radius: 4px 10px 10px 4px; background: #fff; border: 1px solid #c9ddd8; font: 600 13px/1.2 var(--mono); letter-spacing: .02em; color: var(--titolo); box-shadow: var(--mgp-ombra); }
.mgp-codice::before { content: ""; position: absolute; left: 9px; top: 50%; width: 8px; height: 8px; margin-top: -4px; border-radius: 50%; border: 1.5px solid #9fb9b3; background: var(--mgp-carta); }
.mgp-codice i { color: var(--c, var(--mgp-acc)); }
.mgp-ap-campi { display: flex; flex-wrap: wrap; gap: 0; margin: 24px 0 0; border: 1px solid #c9ddd8; border-radius: 10px; background: #fff; overflow: hidden; }
.mgp-ap-campi div { flex: 1 1 160px; padding: 10px 16px; }
.mgp-ap-campi div + div { border-left: 1px solid #c9ddd8; }
.mgp-ap-campi dt { font: 700 11.5px/1.2 var(--titoli); letter-spacing: .08em; text-transform: uppercase; color: var(--debole); }
.mgp-ap-campi dd { margin: 4px 0 0; font-size: 15px; color: var(--titolo); font-weight: 600; }
/* i segnapiani dei reparti (moduli) */
.mgp-segnapiani { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 28px; }
.mgp-segnapiani a { display: inline-flex; align-items: center; gap: 10px; padding: 9px 16px; border-radius: 6px; background: var(--mgp-asse); color: #fff; font-weight: 600; font-size: 15px; text-decoration: none; transition: transform .2s var(--ease); }
.mgp-segnapiani a:hover { transform: translateY(-2px); }
.mgp-segnapiani em { font-style: normal; font: 700 12px/1 var(--mono); padding: 4px 7px; border-radius: 4px; background: #fff; color: var(--mgp-asse); }
/* su telefono il modulo della prova sale sotto il titolo: la regola gemella di quella del tema, per le nostre classi */
@media (max-width: 1140px) {
	.mgp-ap-modulo-prova > .n6-due { gap: 0; }
	.mgp-ap-modulo-prova .n6-due > div:first-child > .mgp-codice, .mgp-ap-modulo-prova .n6-due > div:first-child > .mgp-ap-sotto { order: -2; }
}

/* ================================================================= PEZZI COMUNI */
.mgp-testa { max-width: 760px; margin-bottom: 36px; }
.mgp-testa.centro { margin-inline: auto; text-align: center; }
.mgp-testa h2 { font-size: clamp(29px, 3.3vw, 43px); line-height: 1.1; }
.mgp-testa h2 span { color: var(--mgp-acc-forte); }
.mgp-testa p { margin-top: 14px; font-size: 18px; color: var(--tenue); text-wrap: pretty; }
.mgp-occhio { display: inline-block; margin-bottom: 14px; padding: 4px 11px; border: 1.5px solid var(--mgp-acc); border-radius: 3px; font: 700 12.5px/1.2 var(--mono); letter-spacing: .06em; text-transform: uppercase; color: var(--mgp-acc-forte); }
.mgp-nota { margin-top: -14px; font-size: 16px; color: var(--tenue); }
.mgp-vai { display: inline-flex; align-items: center; gap: 8px; margin-top: 14px; font-weight: 600; font-size: 15px; color: var(--mgp-acc); text-decoration: none; }
.mgp-vai i { font-size: .8em; transition: transform .2s var(--ease); }
a:hover .mgp-vai i, .mgp-vai:hover i { transform: translateX(3px); }
/* la disponibilita' di un modulo */
.mgp-disp { display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px; border-radius: 99px; font: 700 12px/1.4 var(--titoli); white-space: nowrap; }
.mgp-disp i { font-size: .9em; }
.mgp-disp--serie { background: var(--mgp-entra-fondo); color: var(--mgp-entra); }
.mgp-disp--richiesta { background: var(--mgp-ambra-fondo); color: var(--mgp-ambra-testo); }
/* le pastiglie (settori che usano un modulo, «e inoltre») */
.mgp-pastiglie { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 28px; }
.mgp-pastiglie-tit { margin-right: 6px; font: 700 13px/1.2 var(--titoli); color: var(--debole); }
.mgp-pastiglie a { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 6px; background: #fff; border: 1px solid var(--linea); color: var(--titolo); font-weight: 600; font-size: 14.5px; text-decoration: none; transition: border-color .2s, transform .2s var(--ease); }
.mgp-pastiglie a i { color: var(--c, var(--mgp-acc)); }
.mgp-pastiglie a:hover { border-color: var(--c, var(--mgp-acc)); transform: translateY(-1px); }

/* la bolla (i problemi) */
.mgp-bolla-griglia { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 56px; align-items: start; }
.mgp-bolla-lato { position: sticky; top: 104px; }
.mgp-bolla { border-radius: 6px; background: #fff; box-shadow: var(--mgp-ombra-su); border-top: 6px solid var(--mgp-asse); overflow: hidden; }
.mgp-bolla-testa { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 16px 22px; border-bottom: 2px solid var(--titolo); }
.mgp-bolla-tipo { font: 800 15px/1.3 var(--titoli); color: var(--titolo); }
.mgp-bolla-tipo i { color: var(--mgp-acc); margin-right: 4px; }
.mgp-bolla-righe { font: 700 12.5px/1 var(--mono); color: var(--debole); }
.mgp-bolla-colonne { display: grid; grid-template-columns: 58px minmax(0, 1fr); padding: 8px 22px; background: #f3f6f5; font: 700 11.5px/1.2 var(--titoli); letter-spacing: .08em; text-transform: uppercase; color: var(--debole); }
.mgp-bolla-elenco { list-style: none; margin: 0; padding: 0; }
.mgp-bolla-elenco li { display: grid; grid-template-columns: 30px 40px minmax(0, 1fr); gap: 14px; align-items: start; padding: 18px 22px; }
.mgp-bolla-elenco li + li { border-top: 1px dashed #cfdcd9; }
.mgp-bolla-n { padding-top: 9px; font: 700 13px/1 var(--mono); color: var(--debole); }
.mgp-bolla-ico { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 8px; background: var(--mgp-acc-chiaro); color: var(--mgp-acc-forte); font-size: 17px; }
.mgp-bolla-elenco h3 { font-size: 17.5px; margin: 2px 0 5px; }
.mgp-bolla-elenco p { font-size: 15.5px; color: var(--tenue); }

/* il registro dei movimenti (prima e dopo) */
.mgp-registro { max-width: 960px; margin: 0 auto; border-radius: 10px; background: #fff; box-shadow: var(--mgp-ombra-su); overflow: hidden; }
.mgp-registro-testa { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 22px; padding: 14px 22px; background: var(--mgp-asse); color: #fff; font: 700 14px/1.3 var(--titoli); }
.mgp-registro-testa > span:first-child { margin-right: auto; font: 800 13px/1 var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.mgp-registro-leg { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; }
.mgp-registro-coppia { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mgp-registro-coppia + .mgp-registro-coppia { border-top: 1px solid var(--linea); }
.mgp-registro-riga { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 12px; align-items: start; padding: 16px 22px; font-size: 16px; line-height: 1.55; }
.mgp-registro-riga--meno { background: var(--mgp-esce-fondo); color: #5c1d17; }
.mgp-registro-riga--piu { background: #fff; color: var(--testo); }
.mgp-segno { display: inline-grid; place-items: center; width: 26px; height: 26px; border-radius: 6px; font: 800 17px/1 var(--mono); font-style: normal; color: #fff; flex: none; }
.mgp-segno--meno { background: var(--mgp-esce); }
.mgp-segno--piu { background: var(--mgp-entra); }

/* il risultato */
.mgp-saldo { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.mgp-saldo-col { padding: 26px 28px; border-radius: var(--mgp-raggio); background: #fff; box-shadow: var(--mgp-ombra); border-top: 4px solid var(--mgp-acc); }
.mgp-saldo-col--ordine { border-top-color: var(--mgp-asse); }
.mgp-saldo-col h3 { display: flex; align-items: center; gap: 12px; font-size: 20px; margin-bottom: 8px; }
.mgp-saldo-col h3 em { margin-left: auto; font: 700 12.5px/1 var(--mono); font-style: normal; padding: 5px 8px; border-radius: 4px; background: #f1f5f4; color: var(--debole); }
.mgp-saldo-ico { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 10px; background: var(--mgp-acc-chiaro); color: var(--mgp-acc-forte); font-size: 17px; }
.mgp-saldo-col--ordine .mgp-saldo-ico { background: var(--mgp-asse); color: #fff; }
.mgp-saldo-col ul { list-style: none; margin: 0; padding: 0; }
.mgp-saldo-col li { display: grid; gap: 3px; padding: 13px 0 13px 28px; position: relative; }
.mgp-saldo-col li::before { content: "+"; position: absolute; left: 0; top: 12px; font: 800 16px/1.4 var(--mono); color: var(--mgp-entra); }
.mgp-saldo-col li + li { border-top: 1px dashed #cfdcd9; }
.mgp-saldo-col li b { color: var(--titolo); font-size: 16.5px; }
.mgp-saldo-col li span { color: var(--tenue); font-size: 15.5px; }
.n6-grigio .mgp-saldo-col { box-shadow: none; }

/* il nastro trasportatore dei passi */
.mgp-nastro-box { position: relative; padding-bottom: 6px; }
.mgp-nastro { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(var(--n, 4), minmax(0, 1fr)); gap: 16px; position: relative; z-index: 1; }
.mgp-nastro li { position: relative; padding: 22px 20px 20px; border-radius: 6px; background: var(--mgp-cartone-chiaro); border: 1px solid var(--mgp-cartone); }
/* il nastro adesivo sul collo */
.mgp-nastro li::before { content: ""; position: absolute; left: 50%; top: -1px; width: 44px; height: 100%; margin-left: -22px; background: rgba(255, 255, 255, .45); pointer-events: none; }
.mgp-nastro li > * { position: relative; }
.mgp-nastro-n { display: inline-block; margin-bottom: 12px; padding: 4px 9px; border-radius: 4px; background: var(--mgp-asse); color: #fff; font: 700 12.5px/1.2 var(--mono); }
.mgp-nastro h3 { font-size: 17.5px; margin-bottom: 6px; }
.mgp-nastro p { font-size: 15.5px; color: var(--mgp-cartone-testo); }
.mgp-nastro-rulli { height: 22px; margin-top: 10px; border-radius: 11px; background: radial-gradient(circle, #8b979e 0 5px, #5b6770 5.5px 7px, transparent 7.5px) 0 50% / 30px 22px repeat-x, var(--mgp-asse); }

/* lo scaffale a ripiani */
.mgp-ripiano { list-style: none; margin: 0 0 26px; padding: 0 14px; display: grid; grid-template-columns: repeat(var(--per, 3), minmax(0, 1fr)); gap: 18px; position: relative; padding-bottom: 18px; }
.mgp-ripiano::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 12px; border-radius: 2px; background: var(--mgp-asse); box-shadow: 0 8px 14px -8px rgba(0, 0, 0, .35); }
.mgp-ripiano li { display: flex; }
.mgp-collo { position: relative; display: flex; flex-direction: column; width: 100%; padding: 24px 22px 22px; border-radius: 6px 6px 2px 2px; background: #fff; border: 1px solid var(--linea); text-decoration: none; color: inherit; transition: transform .2s var(--ease), box-shadow .2s; }
.n6-grigio .mgp-collo { border-color: transparent; }
/* il nastro che chiude il collo, col colore del modulo */
.mgp-collo::before { content: ""; position: absolute; left: 22px; right: 22px; top: -1px; height: 5px; border-radius: 0 0 3px 3px; background: var(--c, var(--mgp-acc)); }
a.mgp-collo:hover { transform: translateY(-3px); box-shadow: var(--mgp-ombra); }
.mgp-collo-ico { display: grid; place-items: center; width: 44px; height: 44px; margin-bottom: 14px; border-radius: 10px; background: color-mix(in srgb, var(--c, var(--mgp-acc)) 13%, #fff); color: var(--c, var(--mgp-acc)); font-size: 18px; }
.mgp-collo h3 { font-size: 17.5px; margin-bottom: 6px; }
.mgp-collo p { font-size: 15.5px; color: var(--tenue); }
.mgp-collo .mgp-vai { margin-top: auto; padding-top: 12px; }

/* le domande nella scatola */
.mgp-scatola-griglia { display: grid; grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr); gap: 48px; align-items: start; }
.mgp-scatola-lato { position: sticky; top: 104px; }
.mgp-scatola-aiuto { padding: 18px 20px; border-radius: 10px; background: #fff; border: 1px dashed #b9cfca; }
.mgp-scatola-aiuto p { font-size: 15.5px; color: var(--tenue); margin-bottom: 8px; }
.mgp-scatola-aiuto b { color: var(--titolo); }
.mgp-scatola { border-radius: 8px; background: #fff; box-shadow: var(--mgp-ombra-su); overflow: hidden; }
.mgp-scatola-testa { position: relative; display: flex; align-items: center; gap: 12px; padding: 15px 22px; background: var(--mgp-cartone-chiaro); border-bottom: 1px solid var(--mgp-cartone); color: var(--mgp-cartone-testo); }
/* il nastro che chiude la scatola */
.mgp-scatola-testa::after { content: ""; position: absolute; left: 50%; top: 0; bottom: 0; width: 56px; margin-left: -28px; background: var(--mgp-nastro); pointer-events: none; }
.mgp-scatola-testa > * { position: relative; z-index: 1; }
.mgp-scatola-testa b, .mgp-scatola-testa h2 { flex: 1; color: var(--mgp-cartone-testo); font: 800 16px/1.3 var(--titoli); letter-spacing: 0; }
.mgp-scatola-testa span { padding: 3px 9px; border-radius: 4px; background: #fff; font: 700 12.5px/1.2 var(--mono); color: var(--mgp-cartone-testo); }
.mgp-scatola-corpo { padding: 2px 26px 8px; }
.mgp-scatola-corpo .n6-faq details:last-child { border-bottom: 0; }

/* l'invito come piede di un DDT */
.mgp-firma { margin-top: 44px; border: 1.5px solid var(--titolo); border-radius: 6px; background: #fff; overflow: hidden; }
.mgp-firma-frase { padding: 16px 22px; font: 700 18px/1.4 var(--titoli); color: var(--titolo); border-bottom: 1.5px solid var(--titolo); }
.mgp-firma-campi { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.mgp-firma-campo { display: grid; gap: 10px; padding: 14px 22px 18px; }
.mgp-firma-campo + .mgp-firma-campo { border-left: 1.5px solid var(--titolo); }
.mgp-firma-campo > span { font: 700 11.5px/1.2 var(--titoli); letter-spacing: .08em; text-transform: uppercase; color: var(--debole); }

/* ================================================================= MODULO */
/* il cartellino appeso */
.mgp-cartellino { position: relative; max-width: 440px; margin: 34px auto 0; padding: 30px 26px 24px; border-radius: 10px 10px 18px 18px; background: #fff; box-shadow: var(--mgp-ombra-su); border-top: 6px solid var(--c, var(--mgp-acc)); transform: rotate(-1.4deg); }
.mgp-cartellino::before { content: ""; position: absolute; left: 50%; top: 12px; width: 16px; height: 16px; margin-left: -8px; border-radius: 50%; background: var(--mgp-carta); box-shadow: inset 0 0 0 3px #d4e2df; }
.mgp-cartellino-filo { position: absolute; left: 50%; top: -46px; width: 2px; height: 66px; margin-left: -1px; background: #9fb3ae; transform: rotate(1.4deg); transform-origin: bottom; }
.mgp-cartellino-testa { display: flex; align-items: center; gap: 12px; padding: 10px 0 16px; border-bottom: 1px dashed #c8d8d4; }
.mgp-cartellino-testa b { font: 800 20px/1.2 var(--titoli); color: var(--titolo); }
.mgp-cartellino-ico { display: grid; place-items: center; flex: none; width: 46px; height: 46px; border-radius: 12px; background: color-mix(in srgb, var(--c, var(--mgp-acc)) 14%, #fff); color: var(--c, var(--mgp-acc)); font-size: 19px; }
.mgp-cartellino-campi { margin: 0; }
.mgp-cartellino-campi div { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 10px; align-items: center; padding: 11px 0; border-bottom: 1px solid var(--linea); }
.mgp-cartellino-campi dt { font: 700 12px/1.3 var(--titoli); letter-spacing: .06em; text-transform: uppercase; color: var(--debole); }
.mgp-cartellino-campi dd { margin: 0; font-size: 15px; color: var(--titolo); font-weight: 600; }
.mgp-cartellino-nota { margin-top: 14px; font-size: 15px; color: var(--tenue); }
.mgp-cartellino-lista { list-style: none; margin: 8px 0 0; padding: 0; }
.mgp-cartellino-lista li { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 8px; padding: 9px 0; border-bottom: 1px solid var(--linea); font-size: 15.5px; color: var(--testo); }
.mgp-cartellino-lista li:last-child { border-bottom: 0; }
.mgp-cartellino-lista i { margin-top: 5px; color: var(--mgp-entra); }
.mgp-cartellino--dati { transform: rotate(1deg); margin-top: 40px; }
/* la schermata appoggiata sul ripiano */
.mgp-vetrina { padding: 54px 0 18px; }
.mgp-vetrina-schermo { max-width: 900px; margin: 0 auto; position: relative; z-index: 1; }
.mgp-vetrina-asse { max-width: 980px; height: 14px; margin: -2px auto 0; border-radius: 2px; background: var(--mgp-asse); box-shadow: 0 10px 18px -10px rgba(0, 0, 0, .4); }
.mgp-vetrina-didascalia { margin-top: 12px; text-align: center; font: 600 13px/1.4 var(--mono); color: var(--debole); }
/* l'avviso «si attiva su richiesta» */
.mgp-avviso { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 6px 16px; align-items: start; padding: 18px 22px; border-radius: 10px; background: var(--mgp-ambra-fondo); color: var(--mgp-ambra-testo); }
.mgp-avviso-ico { grid-row: span 2; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 10px; background: #fff; color: var(--mgp-ambra-testo); font-size: 18px; }
.mgp-avviso p { font-size: 16px; line-height: 1.55; }
.mgp-avviso b { color: #5a3700; }
.mgp-avviso .n6-link { color: var(--mgp-ambra-testo); font-size: 15px; }
/* le schede tecniche con l'indice a sinistra */
.mgp-tecniche-griglia { display: grid; grid-template-columns: 270px minmax(0, 1fr); gap: 48px; align-items: start; }
.mgp-tecniche-indice { position: sticky; top: 104px; display: grid; gap: 16px; }
.mgp-tecniche-indice-tit { font: 700 12.5px/1.2 var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--debole); }
.mgp-tecniche-indice ol { list-style: none; margin: 0; padding: 0; border-left: 2px solid var(--linea); }
.mgp-tecniche-indice li { margin: 0; }
.mgp-tecniche-indice ol a { display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 6px; padding: 7px 0 7px 12px; font-size: 15px; color: var(--tenue); text-decoration: none; }
.mgp-tecniche-indice ol a:hover { color: var(--mgp-acc); }
.mgp-tecniche-indice em { font: 700 12.5px/1.6 var(--mono); font-style: normal; color: var(--mgp-acc); }
.mgp-tecniche-cta { padding: 18px; border-radius: 10px; background: var(--mgp-asse); color: #fff; }
.mgp-tecniche-cta b { display: block; font: 700 17px/1.3 var(--titoli); }
.mgp-tecniche-cta p { margin: 6px 0 14px; font-size: 14.5px; color: rgba(255, 255, 255, .88); }
.mgp-tecnica { margin-bottom: 20px; border-radius: 8px; background: #fff; border: 1px solid var(--linea); scroll-margin-top: 100px; overflow: hidden; }
.mgp-tecnica-testa { display: flex; justify-content: space-between; gap: 12px; padding: 9px 26px; background: #f3f6f5; border-bottom: 1px solid var(--linea); font: 700 12px/1.3 var(--mono); letter-spacing: .04em; color: var(--debole); }
.mgp-tecnica h3 { padding: 22px 26px 0; font-size: 22px; }
.mgp-tecnica p { margin: 10px 26px 0; color: var(--testo); }
.mgp-tecnica ul { margin: 12px 26px 0; padding-left: 20px; color: var(--testo); }
.mgp-tecnica li { margin: 6px 0; }
.mgp-tecnica > :last-child { margin-bottom: 24px; }
/* collegamenti */
.mgp-colli-fila { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 14px; }
.mgp-collo-mini { position: relative; display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 18px 20px 16px; border-radius: 6px; background: #fff; border: 1px solid var(--linea); text-decoration: none; transition: border-color .2s, transform .2s var(--ease); }
.mgp-collo-mini::before { content: ""; position: absolute; left: 20px; right: 20px; top: -1px; height: 4px; border-radius: 0 0 3px 3px; background: var(--c, var(--mgp-acc)); }
.mgp-collo-mini:hover { border-color: var(--c, var(--mgp-acc)); transform: translateY(-2px); }
.mgp-collo-mini-ico { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 10px; background: color-mix(in srgb, var(--c, var(--mgp-acc)) 13%, #fff); color: var(--c, var(--mgp-acc)); font-size: 18px; }
.mgp-collo-mini-testo b { display: block; color: var(--titolo); font-size: 16.5px; }
.mgp-collo-mini-testo small { display: block; margin-top: 2px; color: var(--tenue); font-size: 14.5px; line-height: 1.45; }
.mgp-collo-mini > i { color: var(--debole); font-size: 14px; }

/* ================================================================= SETTORE */
/* il pallet di colli */
.mgp-pallet { position: relative; max-width: 420px; margin: 0 auto; padding-top: 30px; }
.mgp-pallet-cartello { position: absolute; z-index: 2; right: -6px; top: 0; display: inline-flex; align-items: center; gap: 8px; padding: 7px 14px; border-radius: 4px; background: #fff; box-shadow: var(--mgp-ombra); font: 700 13px/1.2 var(--titoli); color: var(--titolo); transform: rotate(3deg); }
.mgp-pallet-cartello i { color: var(--c, var(--mgp-acc)); }
.mgp-pallet-pila { display: flex; flex-direction: column-reverse; gap: 6px; padding: 0 26px; }
.mgp-pallet-collo { position: relative; display: flex; align-items: center; gap: 12px; min-height: 64px; padding: 14px 18px 14px 20px; border-radius: 4px; background: var(--mgp-cartone-chiaro); border: 1px solid var(--mgp-cartone); box-shadow: 0 6px 12px -8px rgba(80, 50, 10, .45); margin-inline: calc(var(--k) * 6px); font: 700 15px/1.25 var(--titoli); color: var(--mgp-cartone-testo); }
.mgp-pallet-collo::after { content: ""; position: absolute; top: 0; bottom: 0; right: 22%; width: 34px; background: var(--mgp-nastro); }
.mgp-pallet-collo > * { position: relative; z-index: 1; }
.mgp-pallet-collo i { display: grid; place-items: center; flex: none; width: 34px; height: 34px; border-radius: 8px; background: #fff; color: var(--cc, var(--mgp-acc)); font-size: 15px; }
.mgp-pallet-base { height: 26px; margin: 6px 10px 0; background: linear-gradient(180deg, #a8834f 0 8px, transparent 8px 18px, #a8834f 18px) 0 0 / 100% 100%, repeating-linear-gradient(90deg, #8f6c3c 0 34px, transparent 34px calc(50% - 17px)) 0 8px / 100% 10px no-repeat; border-radius: 2px; }
/* i dati da tenere */
.mgp-dati-griglia { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 56px; align-items: center; }
/* il giornale di magazzino */
.mgp-giornale-griglia { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 56px; align-items: start; }
.mgp-giornale-lato { position: sticky; top: 104px; }
.mgp-giornale { list-style: none; margin: 0; padding: 0; border-radius: 8px; background: #fff; box-shadow: var(--mgp-ombra); overflow: hidden; }
.mgp-giornale li { display: grid; grid-template-columns: 92px minmax(0, 1fr); }
.mgp-giornale li + li { border-top: 1px solid var(--linea); }
.mgp-giornale-k { display: flex; align-items: flex-start; justify-content: center; padding: 20px 8px; background: #f3f6f5; border-right: 1px solid var(--linea); font: 700 13px/1.3 var(--mono); color: var(--mgp-acc-forte); }
.mgp-giornale-voce { padding: 18px 22px; }
.mgp-giornale-voce h3 { font-size: 17.5px; margin-bottom: 5px; }
.mgp-giornale-voce p { font-size: 15.5px; color: var(--tenue); }
.mgp-giornale-fine { background: var(--mgp-ambra-fondo); }
.mgp-giornale-fine .mgp-giornale-k { background: transparent; color: var(--mgp-ambra-testo); border-right-color: #efd9a8; }
.mgp-giornale-fine p { color: var(--mgp-ambra-testo); }
/* note di consegna */
.mgp-note { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; }
.mgp-nota-consegna { padding: 24px 26px; border-radius: 6px; background: #fff; border: 1px solid var(--linea); border-top: 3px double var(--mgp-asse); scroll-margin-top: 100px; }
.n6-grigio .mgp-nota-consegna { border-color: transparent; border-top-color: var(--mgp-asse); }
.mgp-nota-consegna-k { display: inline-block; margin-bottom: 10px; font: 700 12px/1.2 var(--mono); letter-spacing: .06em; text-transform: uppercase; color: var(--debole); }
.mgp-nota-consegna h3 { font-size: 19px; margin-bottom: 8px; }
.mgp-nota-consegna p { color: var(--testo); font-size: 16px; }
.mgp-nota-consegna p + p { margin-top: 10px; }
/* i cartellini appesi (altri settori, domande dei contatti) */
.mgp-appesi { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 18px; }
.mgp-appesi--quattro { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.mgp-appeso { position: relative; display: flex; align-items: center; gap: 12px; padding: 18px 18px 18px 30px; border-radius: 4px 14px 14px 4px; background: #fff; border: 1px solid var(--linea); text-decoration: none; transition: transform .2s var(--ease), border-color .2s; }
.mgp-appeso::before { content: ""; position: absolute; left: 11px; top: 50%; width: 9px; height: 9px; margin-top: -4.5px; border-radius: 50%; border: 1.5px solid #9fb9b3; background: var(--mgp-carta); }
.mgp-appeso:hover { transform: translateY(-2px); border-color: var(--c, var(--mgp-acc)); }
.mgp-appeso > span { display: grid; place-items: center; flex: none; width: 38px; height: 38px; border-radius: 9px; background: color-mix(in srgb, var(--c, var(--mgp-acc)) 13%, #fff); color: var(--c, var(--mgp-acc)); }
.mgp-appeso b { color: var(--titolo); font-size: 15.5px; line-height: 1.3; }

/* ================================================================= MODULI */
/* la mappa come scaffale */
.mgp-mappa { padding: 22px 22px 6px; border-radius: 10px; background: #fff; box-shadow: var(--mgp-ombra-su); border-left: 10px solid var(--mgp-asse); border-right: 10px solid var(--mgp-asse); }
.mgp-mappa-ripiano { margin-bottom: 18px; }
.mgp-mappa-colli { list-style: none; margin: 0; padding: 0 6px; display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-end; }
.mgp-mappa-colli li { flex: 1 1 170px; max-width: 260px; }
.mgp-mappa-colli a { position: relative; display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 4px 10px; align-items: center; padding: 14px 14px 12px; border-radius: 4px 4px 1px 1px; background: var(--mgp-cartone-chiaro); border: 1px solid var(--mgp-cartone); text-decoration: none; transition: transform .2s var(--ease); }
.mgp-mappa-colli a::before { content: ""; position: absolute; left: 14px; right: 14px; top: -1px; height: 4px; background: var(--c, var(--mgp-acc)); border-radius: 0 0 2px 2px; }
.mgp-mappa-colli a:hover { transform: translateY(-3px); }
.mgp-mappa-ico { grid-row: span 2; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 8px; background: #fff; color: var(--c, var(--mgp-acc)); font-size: 15px; }
.mgp-mappa-colli b { color: var(--titolo); font: 700 15px/1.25 var(--titoli); }
.mgp-mappa-colli small { font: 700 11.5px/1.2 var(--titoli); color: var(--mgp-ambra-testo); }
.mgp-mappa-asse { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 0; padding: 7px 14px; border-radius: 2px; background: var(--mgp-asse); color: #fff; text-decoration: none; box-shadow: 0 8px 14px -8px rgba(0, 0, 0, .4); }
.mgp-mappa-asse b { font: 700 14px/1.2 var(--titoli); }
.mgp-mappa-asse em { font: 600 12px/1.2 var(--mono); font-style: normal; color: rgba(255, 255, 255, .85); }
/* il reparto: vetrina con la schermata e cartellini, a lati alterni */
.mgp-reparto-testa { max-width: 780px; margin-bottom: 32px; }
.mgp-reparto-n { display: inline-block; margin-bottom: 10px; padding: 4px 10px; border-radius: 3px; background: var(--mgp-asse); color: #fff; font: 700 12.5px/1.2 var(--mono); letter-spacing: .06em; text-transform: uppercase; }
.mgp-reparto-testa h2 { font-size: clamp(28px, 3vw, 40px); }
.mgp-reparto-testa p { margin-top: 12px; font-size: 18px; color: var(--tenue); }
.mgp-reparto { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: 40px; align-items: start; }
.mgp-reparto--rovescio .mgp-reparto-schermo { order: 2; }
.mgp-reparto-schermo { position: sticky; top: 104px; }
.mgp-reparto-didascalia { display: block; margin-top: 12px; padding-top: 10px; border-top: 8px solid var(--mgp-asse); font: 600 13px/1.4 var(--mono); color: var(--debole); }
.mgp-reparto-cartellini { display: grid; gap: 16px; }
.mgp-tag { position: relative; padding: 20px 22px 18px 44px; border-radius: 4px 16px 16px 4px; background: #fff; border: 1px solid var(--linea); }
.n6-grigio .mgp-tag { border-color: transparent; }
.mgp-tag-foro { position: absolute; left: 16px; top: 26px; width: 12px; height: 12px; border-radius: 50%; border: 2px solid #b4c9c4; background: var(--mgp-carta); }
.mgp-tag-testa { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 12px; margin-bottom: 8px; }
.mgp-tag-testa h3 { font-size: 18.5px; flex: 1 1 auto; }
.mgp-tag-testa h3 a { color: inherit; text-decoration: none; }
.mgp-tag-testa h3 a:hover { color: var(--mgp-acc); }
.mgp-tag-ico { display: grid; place-items: center; flex: none; width: 38px; height: 38px; border-radius: 9px; background: color-mix(in srgb, var(--c, var(--mgp-acc)) 13%, #fff); color: var(--c, var(--mgp-acc)); font-size: 16px; }
.mgp-tag p { font-size: 15.5px; color: var(--tenue); }
.mgp-tag-voci { list-style: none; margin: 10px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.mgp-tag-voci li { padding: 3px 10px; border-radius: 4px; background: #f1f5f4; font-size: 13.5px; color: var(--testo); }
.mgp-tag .mgp-vai { margin-top: 10px; }
.mgp-tag--domanda { padding-top: 22px; }
.mgp-tag--domanda .mgp-tag-ico { background: var(--mgp-asse); color: #fff; }
.mgp-tag--domanda h3 { font-size: 17.5px; }
.mgp-tag--domanda .mgp-tag-testa { flex-wrap: nowrap; align-items: flex-start; }
/* il viaggio della merce come registro */
.mgp-viaggio { list-style: none; max-width: 960px; margin: 0 auto; padding: 0; border-radius: 10px; background: #fff; box-shadow: var(--mgp-ombra-su); overflow: hidden; }
.mgp-viaggio li { display: grid; grid-template-columns: 64px minmax(0, 1fr) auto; gap: 18px; align-items: center; padding: 16px 22px; }
.mgp-viaggio li + li { border-top: 1px solid var(--linea); }
.mgp-viaggio-segno { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 10px; font: 800 24px/1 var(--mono); background: #eef2f1; color: var(--tenue); }
.mgp-viaggio--piu .mgp-viaggio-segno { background: var(--mgp-entra-fondo); color: var(--mgp-entra); }
.mgp-viaggio--meno .mgp-viaggio-segno { background: var(--mgp-esce-fondo); color: var(--mgp-esce); }
.mgp-viaggio--sposta .mgp-viaggio-segno, .mgp-viaggio--giacenza .mgp-viaggio-segno { background: var(--mgp-acc-chiaro); color: var(--mgp-acc-forte); }
.mgp-viaggio--rettifica .mgp-viaggio-segno { background: var(--mgp-ambra-fondo); color: var(--mgp-ambra-testo); }
.mgp-viaggio-tipo { font: 700 11.5px/1.2 var(--titoli); letter-spacing: .08em; text-transform: uppercase; color: var(--debole); }
.mgp-viaggio--piu .mgp-viaggio-tipo { color: var(--mgp-entra); }
.mgp-viaggio--meno .mgp-viaggio-tipo { color: var(--mgp-esce); }
.mgp-viaggio-testo h3 { font-size: 17.5px; margin: 3px 0 4px; }
.mgp-viaggio-testo p { font-size: 15.5px; color: var(--tenue); }
.mgp-viaggio-mod { display: inline-flex; align-items: center; gap: 8px; padding: 7px 12px; border-radius: 6px; border: 1px solid var(--linea); color: var(--titolo); font-weight: 600; font-size: 14px; text-decoration: none; white-space: nowrap; transition: border-color .2s; }
.mgp-viaggio-mod i { color: var(--c, var(--mgp-acc)); }
.mgp-viaggio-mod:hover { border-color: var(--c, var(--mgp-acc)); }

/* ================================================================= SETTORI */
.mgp-asta { height: 10px; margin: 0 -10px 0; border-radius: 5px; background: linear-gradient(180deg, #6b7780, var(--mgp-asse)); box-shadow: 0 6px 10px -6px rgba(0, 0, 0, .4); }
.mgp-settori { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px 26px; padding-top: 36px; }
.mgp-settore { position: relative; display: flex; flex-direction: column; border-radius: 8px 8px 20px 20px; background: #fff; box-shadow: var(--mgp-ombra); }
.mgp-settore-filo { position: absolute; left: 50%; top: -36px; width: 2px; height: 36px; margin-left: -1px; background: #9fb3ae; }
.mgp-settore:nth-child(n+4) .mgp-settore-filo { display: none; }
.mgp-settore-testa { position: relative; display: flex; align-items: center; gap: 12px; padding: 22px 22px 16px; border-radius: 8px 8px 0 0; background: color-mix(in srgb, var(--c, var(--mgp-acc)) 11%, #fff); border-top: 5px solid var(--c, var(--mgp-acc)); }
.mgp-settore-foro { position: absolute; left: 50%; top: 9px; width: 12px; height: 12px; margin-left: -6px; border-radius: 50%; background: #fff; box-shadow: inset 0 0 0 2px #c4d4d0; }
.mgp-settore-ico { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 10px; background: #fff; color: var(--c, var(--mgp-acc)); font-size: 18px; }
.mgp-settore-testa small { margin-left: auto; font: 700 12.5px/1 var(--mono); color: var(--tenue); }
.mgp-settore-corpo { display: flex; flex-direction: column; flex: 1; padding: 18px 22px 22px; }
.mgp-settore-corpo h2 { font-size: 22px; }
.mgp-settore-corpo h2 a { color: inherit; text-decoration: none; }
.mgp-settore-corpo h2 a:hover { color: var(--mgp-acc); }
.mgp-settore-corpo > p { margin-top: 8px; font-size: 15.5px; color: var(--tenue); }
.mgp-settore-mod { list-style: none; margin: 14px 0 0; padding: 12px 0 0; border-top: 1px dashed #cfdcd9; display: grid; gap: 7px; }
.mgp-settore-mod li { display: flex; align-items: center; gap: 9px; font-size: 14.5px; color: var(--testo); }
.mgp-settore-mod i { color: var(--c, var(--mgp-acc)); width: 16px; }
.mgp-settore-corpo .mgp-vai { margin-top: auto; padding-top: 14px; }
/* il controllo al ricevimento */
.mgp-controllo-griglia { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 56px; align-items: start; }
.mgp-controllo-lato { position: sticky; top: 104px; }
.mgp-controllo { border-radius: 8px; background: #fff; box-shadow: var(--mgp-ombra-su); overflow: hidden; }
.mgp-controllo-testa { display: flex; align-items: center; gap: 12px; padding: 14px 22px; background: var(--mgp-asse); color: #fff; }
.mgp-controllo-testa b { flex: 1; font: 700 16px/1.3 var(--titoli); }
.mgp-controllo-testa span { font: 700 12.5px/1 var(--mono); }
.mgp-controllo-elenco { list-style: none; margin: 0; padding: 0; }
.mgp-controllo-elenco li { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 14px; padding: 18px 22px; }
.mgp-controllo-elenco li + li { border-top: 1px solid var(--linea); }
.mgp-controllo-spunta { display: grid; place-items: center; width: 26px; height: 26px; margin-top: 2px; border-radius: 4px; border: 2px solid var(--mgp-entra); color: var(--mgp-entra); font-size: 13px; }
.mgp-controllo-elenco h3 { font-size: 17.5px; margin-bottom: 5px; }
.mgp-controllo-elenco p { font-size: 15.5px; color: var(--tenue); }
.mgp-controllo-elenco a { display: inline-flex; align-items: center; gap: 8px; margin-top: 10px; font-weight: 600; font-size: 14.5px; color: var(--mgp-acc); text-decoration: none; }
.mgp-controllo-elenco a i:first-child { color: var(--c, var(--mgp-acc)); }

/* ================================================================= PREZZI */
.mgp-ap-prezzi { padding-bottom: 120px; }
.mgp-scatole-sez { position: relative; z-index: 3; margin-top: -64px; padding-bottom: 20px; }
.mgp-scatole { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; align-items: stretch; }
.mgp-piano { display: flex; flex-direction: column; border-radius: 6px; background: #fff; box-shadow: var(--mgp-ombra-su); border: 1px solid var(--linea); overflow: hidden; }
.mgp-piano.scelto { border: 2px solid var(--mgp-acc); }
.mgp-piano-nastro { position: relative; padding: 18px 20px 14px; background: var(--mgp-cartone-chiaro); border-bottom: 1px solid var(--mgp-cartone); }
.mgp-piano-nastro::after { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 22px; margin-top: -11px; background: var(--mgp-nastro); pointer-events: none; }
.mgp-piano-nastro > * { position: relative; z-index: 1; }
.mgp-piano-nastro h2 { font-size: 22px; color: var(--mgp-cartone-testo); }
.mgp-piano-consiglio { display: inline-block; margin-top: 6px; padding: 3px 9px; border-radius: 4px; background: var(--mgp-acc); color: #fff; font: 700 12px/1.3 var(--titoli); }
.mgp-piano-fianco { padding: 18px 20px 8px; }
.mgp-piano-fianco .n6-prezzo b { font: 900 36px/1 var(--titoli); color: var(--titolo); }
.mgp-piano-fianco .n6-prezzo b.piccolo { font-size: 26px; }
.mgp-piano-fianco .n6-prezzo small { font-size: 15px; color: var(--debole); }
.mgp-piano-dentro { display: flex; flex-direction: column; flex: 1; padding: 6px 20px 20px; }
.mgp-piano-dentro ul { list-style: none; margin: 0 0 18px; padding: 0; }
.mgp-piano-dentro li { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 8px; padding: 8px 0; border-bottom: 1px dashed #d6e2df; font-size: 15px; color: var(--testo); }
.mgp-piano-dentro li i { margin-top: 5px; color: var(--mgp-acc); }
.mgp-piano-dentro .n6-btn { margin-top: auto; }
.mgp-piano-infinity .mgp-piano-nastro { background: var(--mgp-asse); border-bottom-color: var(--mgp-asse); }
.mgp-piano-infinity .mgp-piano-nastro h2 { color: #fff; }
.mgp-serie-tit { text-align: center; font-size: clamp(26px, 2.8vw, 36px); margin-bottom: 24px; }
.mgp-serie-tit span { color: var(--mgp-acc-forte); }
.mgp-serie { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid var(--linea); border-radius: 8px; overflow: hidden; }
.mgp-serie li { display: flex; align-items: center; gap: 12px; padding: 16px 20px; font-weight: 600; font-size: 15.5px; color: var(--titolo); border-bottom: 1px solid var(--linea); border-right: 1px solid var(--linea); }
.mgp-serie li:nth-child(3n) { border-right: 0; }
.mgp-serie li:nth-last-child(-n+3) { border-bottom: 0; }
.mgp-serie i { display: grid; place-items: center; flex: none; width: 34px; height: 34px; border-radius: 8px; background: var(--mgp-entra-fondo); color: var(--mgp-entra); }
.mgp-richiesta { list-style: none; margin: 0 0 26px; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.mgp-richiesta a { position: relative; display: flex; flex-direction: column; gap: 6px; height: 100%; padding: 20px 18px 18px; border-radius: 6px; background: #fff; text-decoration: none; transition: transform .2s var(--ease); }
.mgp-richiesta a:hover { transform: translateY(-2px); }
.mgp-richiesta-ico { display: grid; place-items: center; width: 40px; height: 40px; margin-bottom: 4px; border-radius: 9px; background: color-mix(in srgb, var(--c, var(--mgp-acc)) 13%, #fff); color: var(--c, var(--mgp-acc)); }
.mgp-richiesta b { color: var(--titolo); font: 700 16px/1.3 var(--titoli); }
.mgp-richiesta small { flex: 1; font-size: 14.5px; line-height: 1.5; color: var(--tenue); }
.mgp-richiesta .mgp-disp { align-self: flex-start; margin-top: 6px; }
.mgp-tipi { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.mgp-tipo { padding: 24px 24px 22px; border-radius: 6px; background: #fff; border: 1px solid var(--linea); border-bottom: 8px solid var(--mgp-asse); }
.mgp-tipo-ico { display: grid; place-items: center; width: 44px; height: 44px; margin-bottom: 14px; border-radius: 10px; background: var(--mgp-acc-chiaro); color: var(--mgp-acc-forte); font-size: 18px; }
.mgp-tipo h3 { font-size: 18px; margin-bottom: 6px; }
.mgp-tipo p { font-size: 15.5px; color: var(--tenue); }
.mgp-extra { display: grid; gap: 14px; max-width: 900px; margin: 0 auto; }
.mgp-extra-voce { display: grid; grid-template-columns: 46px minmax(0, 1fr) auto; gap: 18px; align-items: center; padding: 18px 22px; border-radius: 6px; background: #fff; }
.mgp-extra-ico { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 10px; background: var(--mgp-cartone-chiaro); color: var(--mgp-cartone-testo); font-size: 18px; }
.mgp-extra-testo h3 { font-size: 17.5px; margin-bottom: 4px; }
.mgp-extra-testo p { font-size: 15px; color: var(--tenue); }
.mgp-extra-voce .n6-prezzo b { font: 800 24px/1 var(--titoli); color: var(--titolo); }
.mgp-extra-voce .n6-prezzo small { color: var(--debole); }
.mgp-confronto { overflow-x: auto; border-radius: 8px; border: 1px solid var(--linea); background: #fff; }
.mgp-confronto table { width: 100%; min-width: 560px; border-collapse: collapse; font-size: 15.5px; }
.mgp-confronto th, .mgp-confronto td { padding: 13px 18px; text-align: center; border-bottom: 1px solid var(--linea); }
.mgp-confronto thead th { background: var(--mgp-asse); color: #fff; font: 700 15px/1.3 var(--titoli); }
.mgp-confronto thead th.scelto { background: var(--mgp-acc); }
.mgp-confronto tbody th { text-align: left; font-weight: 600; color: var(--titolo); }
.mgp-confronto td.scelto { background: var(--mgp-acc-chiaro); }
.mgp-confronto tbody tr:last-child th, .mgp-confronto tbody tr:last-child td { border-bottom: 0; }
.mgp-si { color: var(--mgp-entra); }
.mgp-no { color: #8a949c; }
.mgp-confronto-nota { margin-top: 14px; font-size: 15px; color: var(--tenue); }

/* ================================================================= PROVA */
.mgp-tre { list-style: none; margin: 24px 0 0; padding: 0; border: 1px solid #c9ddd8; border-radius: 8px; background: #fff; overflow: hidden; }
.mgp-tre li { display: grid; grid-template-columns: 74px minmax(0, 1fr); gap: 12px; align-items: center; padding: 12px 16px; font-size: 15.5px; color: var(--testo); }
.mgp-tre li + li { border-top: 1px dashed #cfdcd9; }
.mgp-tre-n { font: 700 12.5px/1.2 var(--mono); color: var(--mgp-acc-forte); }
.mgp-incluso { margin-top: 22px; }
.mgp-incluso > span { display: block; margin-bottom: 10px; font: 700 12.5px/1.2 var(--mono); letter-spacing: .06em; text-transform: uppercase; color: var(--debole); }
.mgp-incluso ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.mgp-incluso li { display: inline-flex; align-items: center; gap: 7px; padding: 6px 12px; border-radius: 4px; background: #fff; border: 1px solid var(--linea); font-size: 14.5px; color: var(--titolo); font-weight: 600; }
.mgp-incluso li i { color: var(--mgp-acc); }
.mgp-incluso-nota { margin-top: 12px; font-size: 14.5px; color: var(--tenue); }
.mgp-incluso-nota a { color: var(--mgp-acc); font-weight: 600; }
.mgp-aiuto { display: flex; align-items: center; gap: 14px; margin-top: 22px; padding: 14px 18px; border-radius: 8px; background: var(--mgp-asse); color: #fff; text-decoration: none; }
.mgp-aiuto > i { font-size: 20px; color: #9be3d6; }
.mgp-aiuto b { display: block; font: 700 16px/1.3 var(--titoli); }
.mgp-aiuto small { display: block; font-size: 14px; color: rgba(255, 255, 255, .88); }
.mgp-compiti-griglia { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 56px; align-items: start; }
.mgp-compiti-lato { position: sticky; top: 104px; }
.mgp-compiti { list-style: none; margin: 0; padding: 0; border-radius: 8px; background: #fff; box-shadow: var(--mgp-ombra-su); overflow: hidden; }
.mgp-compiti li { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 16px; padding: 18px 22px; }
.mgp-compiti li + li { border-top: 1px solid var(--linea); }
.mgp-compiti-segno { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 9px; font: 800 21px/1 var(--mono); background: #eef2f1; color: var(--tenue); }
.mgp-compiti--piu .mgp-compiti-segno { background: var(--mgp-entra-fondo); color: var(--mgp-entra); }
.mgp-compiti--meno .mgp-compiti-segno { background: var(--mgp-esce-fondo); color: var(--mgp-esce); }
.mgp-compiti--sposta .mgp-compiti-segno { background: var(--mgp-acc-chiaro); color: var(--mgp-acc-forte); }
.mgp-compiti--rettifica .mgp-compiti-segno { background: var(--mgp-ambra-fondo); color: var(--mgp-ambra-testo); }
.mgp-compiti-tipo { font: 700 12px/1.2 var(--mono); color: var(--debole); }
.mgp-compiti h3 { font-size: 17.5px; margin: 4px 0 5px; }
.mgp-compiti p { font-size: 15.5px; color: var(--tenue); }
.mgp-compiti .mgp-vai { margin-top: 8px; }

/* ================================================================= CONTATTI */
.mgp-trasporto { margin-top: 26px; border: 1.5px solid var(--titolo); border-radius: 6px; background: #fff; overflow: hidden; }
.mgp-trasporto-testa { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 14px; padding: 7px 16px; border-bottom: 1.5px solid var(--titolo); font: 700 11.5px/1.2 var(--titoli); letter-spacing: .08em; text-transform: uppercase; color: var(--debole); }
.mgp-trasporto-riga { display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 13px 16px; text-decoration: none; color: inherit; transition: background .2s; }
.mgp-trasporto-riga + .mgp-trasporto-riga { border-top: 1px solid var(--linea); }
.mgp-trasporto-riga:hover { background: var(--mgp-carta); }
.mgp-trasporto-ico { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 9px; background: var(--mgp-acc-chiaro); color: var(--mgp-acc-forte); font-size: 17px; }
.mgp-trasporto-ico svg { width: 20px; height: 20px; fill: currentColor; }
.mgp-trasporto-riga.primo .mgp-trasporto-ico { background: var(--mgp-acc); color: #fff; }
.mgp-trasporto-testo b { display: block; color: var(--titolo); font-size: 16px; }
.mgp-trasporto-testo small { display: block; color: var(--tenue); font-size: 14.5px; }
.mgp-trasporto-azione { padding: 5px 12px; border-radius: 4px; background: var(--mgp-acc); color: #fff; font: 700 13px/1.2 var(--titoli); }
.mgp-dopo-modulo { margin-top: 14px; text-align: center; font-size: 15px; color: var(--tenue); }
.mgp-dopo-modulo a { color: var(--mgp-acc); font-weight: 600; }
/* gli stati della spedizione */
.mgp-spedizione { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(var(--n, 4), minmax(0, 1fr)); gap: 18px; position: relative; }
.mgp-spedizione::before { content: ""; position: absolute; left: 12%; right: 12%; top: 25px; height: 4px; border-radius: 2px; background: repeating-linear-gradient(90deg, var(--mgp-acc) 0 14px, transparent 14px 22px); }
.mgp-spedizione li { position: relative; text-align: center; padding: 0 8px; }
.mgp-spedizione-punto { position: relative; display: inline-grid; place-items: center; width: 54px; height: 54px; border-radius: 50%; background: #fff; border: 3px solid var(--mgp-acc); color: var(--mgp-acc-forte); font-size: 19px; }
.mgp-spedizione li:last-child .mgp-spedizione-punto { background: var(--mgp-acc); color: #fff; }
.mgp-spedizione-stato { display: block; margin: 14px 0 6px; font: 800 17px/1.3 var(--titoli); color: var(--titolo); }
.mgp-spedizione p { font-size: 15.5px; color: var(--tenue); }

/* ================================================================= DOMANDE */
.mgp-dorsi-barra { position: relative; z-index: 3; margin-top: -44px; }
.mgp-dorsi { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.mgp-dorsi a { display: inline-flex; align-items: center; gap: 10px; padding: 12px 16px; border-radius: 4px 4px 2px 2px; background: #fff; border: 1px solid var(--linea); border-bottom: 6px solid var(--mgp-asse); color: var(--titolo); font-weight: 600; font-size: 15px; text-decoration: none; box-shadow: var(--mgp-ombra); transition: transform .2s var(--ease); }
.mgp-dorsi a:hover { transform: translateY(-2px); }
.mgp-dorsi a i { color: var(--mgp-acc); }
.mgp-dorsi em { font-style: normal; font: 700 12px/1 var(--mono); padding: 4px 7px; border-radius: 4px; background: var(--mgp-acc-chiaro); color: var(--mgp-acc-forte); }
.mgp-dorsi .mgp-dorso-fuori i { color: var(--mgp-esce); }
.mgp-faq-pila { display: grid; gap: 26px; max-width: 920px; }
.mgp-scatola--area { scroll-margin-top: 100px; }
.mgp-faq-pila .mgp-firma { margin-top: 0; }
.mgp-fuori { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.mgp-fuori-voce { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 14px; padding: 20px; border-radius: 6px; background: #fff; }
.mgp-fuori-ico { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 9px; background: #f1f3f4; color: #5f6b73; font-size: 17px; }
.mgp-fuori-timbro { display: inline-block; margin-bottom: 6px; padding: 2px 8px; border: 1.5px solid var(--mgp-esce); border-radius: 3px; font: 700 11px/1.3 var(--mono); letter-spacing: .06em; text-transform: uppercase; color: var(--mgp-esce); transform: rotate(-2deg); }
.mgp-fuori-voce h3 { font-size: 17px; margin-bottom: 5px; }
.mgp-fuori-voce p { font-size: 15px; color: var(--tenue); }

/* ================================================================= CONSIGLI */
.mgp-consigli-griglia { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, .65fr); gap: 48px; align-items: start; }
.mgp-consigli-lato { position: sticky; top: 104px; }
.mgp-consigli-elenco { display: grid; gap: 18px; }
.mgp-fascicolo { display: grid; grid-template-columns: 86px minmax(0, 1fr); border-radius: 6px; background: #fff; box-shadow: var(--mgp-ombra); overflow: hidden; }
.mgp-fascicolo-dorso { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 22px 8px; background: var(--c, var(--mgp-acc)); color: #fff; }
.mgp-fascicolo-dorso i { font-size: 20px; }
.mgp-fascicolo-dorso b { font: 900 24px/1 var(--titoli); }
.mgp-fascicolo-dorso small { font: 700 12px/1 var(--mono); }
.mgp-fascicolo-testo { padding: 22px 26px; }
.mgp-fascicolo-k { font: 700 12px/1.3 var(--mono); color: var(--debole); }
.mgp-fascicolo-testo h2 { margin: 6px 0 8px; font-size: 21px; }
.mgp-fascicolo-testo h2 a { color: inherit; text-decoration: none; }
.mgp-fascicolo-testo h2 a:hover { color: var(--mgp-acc); }
.mgp-fascicolo-testo > p { font-size: 15.5px; color: var(--tenue); }
.mgp-fascicolo-indice { margin: 12px 0 0; padding: 10px 0 0 20px; border-top: 1px dashed #cfdcd9; font-size: 14.5px; color: var(--testo); }
.mgp-fascicolo-indice li { margin: 3px 0; }
.mgp-consigli-temi { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.mgp-consigli-temi li { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-radius: 6px; background: var(--mgp-carta); font-weight: 600; color: var(--titolo); font-size: 15px; }
.mgp-consigli-temi i { color: var(--mgp-acc); }
.mgp-manuale { display: grid; grid-template-columns: 56px minmax(0, 1fr) auto; gap: 20px; align-items: center; padding: 24px 28px; border-radius: 8px; background: #fff; }
.mgp-manuale-ico { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 12px; background: var(--mgp-asse); color: #fff; font-size: 22px; }
.mgp-manuale h2 { font-size: 22px; }
.mgp-manuale p { margin-top: 4px; color: var(--tenue); }

/* ================================================================= CONSIGLIO */
.mgp-ap-guida h1 { font-size: clamp(30px, 3.6vw, 44px); }
.mgp-in-guida { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding-top: 8px; padding-bottom: 8px; }
.mgp-in-guida-tit { width: 100%; margin-bottom: 4px; font: 700 12.5px/1.2 var(--mono); letter-spacing: .06em; text-transform: uppercase; color: var(--debole); }
.mgp-in-guida a { display: inline-flex; align-items: center; gap: 8px; padding: 7px 12px 7px 7px; border-radius: 4px; background: var(--mgp-cartone-chiaro); border: 1px solid var(--mgp-cartone); color: var(--mgp-cartone-testo); font-weight: 600; font-size: 14.5px; text-decoration: none; }
.mgp-in-guida a:hover { border-color: var(--mgp-cartone-testo); }
.mgp-in-guida em { display: inline-grid; place-items: center; width: 24px; height: 24px; border-radius: 3px; background: #fff; font: 700 12.5px/1 var(--mono); font-style: normal; }
.mgp-articolo section { position: relative; padding-left: 64px; margin-bottom: 40px; scroll-margin-top: 100px; }
.mgp-articolo-collo { position: absolute; left: 0; top: 2px; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 4px; background: linear-gradient(180deg, var(--mgp-nastro) 0 9px, transparent 9px), var(--mgp-cartone-chiaro); border: 1px solid var(--mgp-cartone); padding-top: 6px; font: 800 17px/1 var(--mono); color: var(--mgp-cartone-testo); }
.mgp-articolo h2 { font-size: clamp(24px, 2.4vw, 30px); margin-bottom: 12px; }
.mgp-articolo p { margin-top: 12px; color: var(--testo); font-size: 17.5px; line-height: 1.75; }
.mgp-articolo ul { margin: 14px 0 0; padding-left: 22px; color: var(--testo); }
.mgp-articolo li { margin: 7px 0; }
.mgp-articolo .mgp-firma { margin: 0 0 40px; }

/* ================================================================= 404 */
.mgp-404-collo { position: relative; display: inline-flex; align-items: flex-end; gap: 14px; margin-bottom: 22px; }
.mgp-404-collo > i { font-size: 86px; color: #b08a55; }
.mgp-404-cartellino { display: grid; gap: 2px; padding: 10px 16px; border-radius: 4px 12px 12px 4px; background: #fff; box-shadow: var(--mgp-ombra); text-align: left; transform: rotate(-4deg); }
.mgp-404-cartellino b { font: 900 30px/1 var(--mono); color: var(--titolo); }
.mgp-404-cartellino small { font: 700 13px/1.2 var(--mono); color: var(--mgp-esce); }
.mgp-vie { display: grid; gap: 0; border-radius: 8px; background: #fff; box-shadow: var(--mgp-ombra-su); overflow: hidden; }
.mgp-via { display: grid; grid-template-columns: 30px 44px minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 16px 20px; text-decoration: none; color: inherit; transition: background .2s; }
.mgp-via + .mgp-via { border-top: 1px solid var(--linea); }
.mgp-via:hover { background: var(--mgp-carta); }
.mgp-via-segno { font: 800 20px/1 var(--mono); color: var(--mgp-entra); }
.mgp-via-ico { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 9px; background: var(--mgp-acc-chiaro); color: var(--mgp-acc-forte); font-size: 17px; }
.mgp-via-testo b { display: block; color: var(--titolo); font-size: 17px; }
.mgp-via-testo small { display: block; color: var(--tenue); font-size: 14.5px; }
.mgp-via-testo em { display: block; margin-top: 3px; font-style: normal; font: 600 12.5px/1.4 var(--mono); color: var(--debole); }
.mgp-via > i { color: var(--debole); }

/* ================================================================= TABLET E TELEFONO */
@media (max-width: 1100px) {
	.mgp-scatole { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.mgp-richiesta { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.mgp-appesi--quattro { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.mgp-settori { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.mgp-settore:nth-child(n+3) .mgp-settore-filo { display: none; }
	.mgp-fuori { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
	.mgp-apertura { padding: 28px 0 76px; }
	.mgp-ap-divisa, .mgp-bolla-griglia, .mgp-scatola-griglia, .mgp-tecniche-griglia, .mgp-dati-griglia, .mgp-giornale-griglia, .mgp-reparto, .mgp-controllo-griglia, .mgp-compiti-griglia, .mgp-consigli-griglia { grid-template-columns: minmax(0, 1fr); gap: 32px; }
	.mgp-bolla-lato, .mgp-scatola-lato, .mgp-tecniche-indice, .mgp-giornale-lato, .mgp-reparto-schermo, .mgp-controllo-lato, .mgp-compiti-lato, .mgp-consigli-lato { position: static; }
	.mgp-reparto--rovescio .mgp-reparto-schermo { order: 0; }
	.mgp-tecniche-indice ol, .mgp-tecniche-cta { display: none; }
	.mgp-tecniche-indice { gap: 0; }
	.mgp-tecniche-indice-tit { display: none; }
	.mgp-ripiano { grid-template-columns: minmax(0, 1fr); padding-inline: 8px; }
	.mgp-nastro { grid-template-columns: minmax(0, 1fr); }
	.mgp-nastro-rulli { display: none; }
	.mgp-registro-coppia { grid-template-columns: minmax(0, 1fr); }
	.mgp-registro-testa { gap: 6px 14px; }
	.mgp-saldo, .mgp-tipi, .mgp-serie, .mgp-firma-campi, .mgp-fuori, .mgp-settori, .mgp-appesi--quattro { grid-template-columns: minmax(0, 1fr); }
	.mgp-serie li { border-right: 0; border-bottom: 1px solid var(--linea); }
	.mgp-serie li:nth-last-child(-n+3) { border-bottom: 1px solid var(--linea); }
	.mgp-serie li:last-child { border-bottom: 0; }
	.mgp-firma-campo + .mgp-firma-campo { border-left: 0; border-top: 1.5px solid var(--titolo); }
	.mgp-scatole, .mgp-richiesta { grid-template-columns: minmax(0, 1fr); }
	.mgp-scatole-sez { margin-top: -40px; }
	.mgp-viaggio li { grid-template-columns: 52px minmax(0, 1fr); }
	.mgp-viaggio-segno { width: 44px; height: 44px; font-size: 20px; }
	.mgp-viaggio-mod { grid-column: 2; justify-self: start; white-space: normal; }
	.mgp-spedizione { grid-template-columns: minmax(0, 1fr); gap: 22px; }
	.mgp-spedizione::before { left: 25px; right: auto; top: 10px; bottom: 10px; width: 4px; height: auto; background: repeating-linear-gradient(180deg, var(--mgp-acc) 0 14px, transparent 14px 22px); }
	.mgp-spedizione li { display: grid; grid-template-columns: 54px minmax(0, 1fr); gap: 4px 16px; text-align: left; padding: 0; }
	.mgp-spedizione-punto { grid-row: span 2; }
	.mgp-spedizione-stato { margin: 6px 0 0; }
	.mgp-extra-voce { grid-template-columns: 46px minmax(0, 1fr); }
	.mgp-extra-voce .n6-prezzo { grid-column: 2; }
	.mgp-manuale { grid-template-columns: minmax(0, 1fr); }
	.mgp-fascicolo { grid-template-columns: 64px minmax(0, 1fr); }
	.mgp-fascicolo-testo { padding: 18px 18px; }
	.mgp-articolo section { padding-left: 0; padding-top: 54px; }
	.mgp-cartellino { transform: none; max-width: none; }
	.mgp-cartellino-filo { display: none; }
	.mgp-cartellino-campi div { grid-template-columns: minmax(0, 1fr); gap: 2px; }
	.mgp-mappa { padding: 16px 12px 4px; border-left-width: 6px; border-right-width: 6px; }
	.mgp-mappa-colli li { max-width: none; }
	.mgp-bolla-elenco li { grid-template-columns: 26px 36px minmax(0, 1fr); gap: 10px; padding: 16px; }
	.mgp-via { grid-template-columns: 20px 40px minmax(0, 1fr); }
	.mgp-via > i { display: none; }
	.mgp-asta { margin: 0; }
	.mgp-settore-filo { display: none; }
	.mgp-settori { padding-top: 22px; gap: 22px; }
	.mgp-dorsi-barra { margin-top: -36px; }
	.mgp-pallet-collo { margin-inline: 0; }
}
@media (prefers-reduced-motion: reduce) {
	.mgp-collo, .mgp-collo-mini, .mgp-appeso, .mgp-mappa-colli a, .mgp-richiesta a, .mgp-dorsi a, .mgp-segnapiani a { transition: none; }
}