/* =========================================================================
   MarinaFlow Pro — design system
   TurboBit IT Solutions — www.turbobit.it
   Palette: navy profondo + ottone. Nessuna dipendenza esterna.
   ========================================================================= */

:root{
  --ink:#0A1D28;        /* fondo scuro principale */
  --ink-2:#0F2A38;
  --deep:#103446;       /* superfici scure */
  --deep-3:#17465C;
  --brass:#C8963E;      /* accento caldo: azioni primarie */
  --brass-2:#E0B45F;
  --teal:#17A398;       /* accento freddo: stati positivi */
  --teal-2:#0E7C74;
  --salt:#EEF1F0;       /* fondo chiaro */
  --carta:#FFFFFF;
  --linea:#DCE3E4;
  --linea-2:#C7D2D5;
  --testo:#152A33;
  --testo-2:#5A6E76;
  --testo-3:#84969C;
  --ok:#1F8F63; --ok-bg:#E4F4EC;
  --warn:#B57314; --warn-bg:#FBEFDC;
  --ko:#B33A31;  --ko-bg:#FAE7E5;
  --info:#1D6F92; --info-bg:#E2F0F6;
  --neutro:#5A6E76; --neutro-bg:#E9EDEE;
  --r-s:6px; --r:10px; --r-l:16px;
  --om-1:0 1px 2px rgba(10,29,40,.06), 0 1px 3px rgba(10,29,40,.05);
  --om-2:0 2px 6px rgba(10,29,40,.07), 0 8px 24px rgba(10,29,40,.08);
  --om-3:0 12px 40px rgba(10,29,40,.18);
  --sidebar:250px;
  --display:"Bitter",Georgia,"Times New Roman",serif;
  --ui:"Inter Tight","Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:"JetBrains Mono","SFMono-Regular",Consolas,"Liberation Mono",monospace;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--salt);color:var(--testo);
  font-family:var(--ui);font-size:15px;line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{font-family:var(--display);font-weight:600;line-height:1.2;margin:0 0 .4em;color:var(--ink)}
h1{font-size:1.7rem;letter-spacing:-.01em}
h2{font-size:1.28rem}
h3{font-size:1.06rem}
a{color:var(--deep-3);text-decoration:none}
a:hover{text-decoration:underline}
p{margin:0 0 1em}
small{font-size:.82rem}
code,kbd,.mono{font-family:var(--mono);font-size:.9em}
hr{border:0;border-top:1px solid var(--linea);margin:1.4rem 0}
::selection{background:var(--brass);color:#fff}
.ico{width:1.15em;height:1.15em;flex:0 0 auto;vertical-align:-.18em}

/* ---------------------------------------------------------- LAYOUT APP */
.guscio{display:flex;min-height:100vh}
.sidebar{
  width:var(--sidebar);flex:0 0 var(--sidebar);background:var(--ink);color:#C7D6DD;
  display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow:hidden;
}
.marchio{display:flex;align-items:center;gap:.6rem;padding:1.05rem 1.1rem .9rem;border-bottom:1px solid rgba(255,255,255,.08)}
.marchio-logo{width:34px;height:34px;flex:0 0 34px}
.marchio-testo{font-family:var(--display);font-size:1.02rem;color:#fff;line-height:1.05}
.marchio-testo span{display:block;font-family:var(--ui);font-size:.66rem;letter-spacing:.13em;text-transform:uppercase;color:var(--brass)}
.nav{flex:1;overflow-y:auto;padding:.7rem .6rem 1.4rem}
.nav::-webkit-scrollbar{width:6px}
.nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:3px}
.nav-gruppo{margin:.9rem .5rem .3rem;font-size:.64rem;letter-spacing:.15em;text-transform:uppercase;color:#5D7987}
.nav a{
  display:flex;align-items:center;gap:.65rem;padding:.5rem .65rem;border-radius:var(--r-s);
  color:#BACAD2;font-size:.9rem;margin-bottom:1px;text-decoration:none;transition:background .12s,color .12s;
}
.nav a:hover{background:rgba(255,255,255,.06);color:#fff;text-decoration:none}
.nav a.attivo{background:var(--deep);color:#fff;box-shadow:inset 3px 0 0 var(--brass)}
.nav a .ico{opacity:.85}
.nav-pill{margin-left:auto;font-size:.68rem;background:rgba(200,150,62,.18);color:var(--brass-2);padding:.05rem .38rem;border-radius:20px}
.nav-bloccato{opacity:.42}
.sidebar-piede{padding:.7rem .9rem;border-top:1px solid rgba(255,255,255,.08);font-size:.72rem;color:#6E8894}
.sidebar-piede a{color:#9DB3BC}

.principale{flex:1;min-width:0;display:flex;flex-direction:column}
.topbar{
  background:var(--carta);border-bottom:1px solid var(--linea);padding:.6rem 1.3rem;
  display:flex;align-items:center;gap:1rem;position:sticky;top:0;z-index:30;
}
.topbar-titolo{font-family:var(--display);font-size:1.05rem;color:var(--ink);margin:0}
.topbar-briciole{font-size:.76rem;color:var(--testo-2)}
.topbar-spazio{flex:1}
.ricerca-globale{position:relative;min-width:190px}
.ricerca-globale .ico{position:absolute;left:.6rem;top:50%;transform:translateY(-50%);color:var(--testo-2)}
.ricerca-globale input{padding-left:2rem}
.utente-menu{position:relative}
.utente-btn{display:flex;align-items:center;gap:.55rem;background:none;border:0;cursor:pointer;padding:.25rem .4rem;border-radius:var(--r-s);font-family:inherit}
.utente-btn:hover{background:var(--salt)}
.avatar{
  width:32px;height:32px;border-radius:50%;background:var(--deep);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:.76rem;font-weight:600;letter-spacing:.02em;
}
.utente-info{text-align:left;line-height:1.15}
.utente-info b{display:block;font-size:.84rem;font-weight:600;color:var(--ink)}
.utente-info small{color:var(--testo-2);font-size:.7rem}
.menu-tendina{
  position:absolute;right:0;top:calc(100% + .45rem);background:#fff;border:1px solid var(--linea);
  border-radius:var(--r);box-shadow:var(--om-2);min-width:210px;padding:.35rem;display:none;z-index:60;
}
.menu-tendina.aperto{display:block}
.menu-tendina a,.menu-tendina button{
  display:flex;align-items:center;gap:.55rem;width:100%;padding:.45rem .6rem;border-radius:var(--r-s);
  color:var(--testo);font-size:.86rem;background:none;border:0;cursor:pointer;font-family:inherit;text-align:left;
}
.menu-tendina a:hover,.menu-tendina button:hover{background:var(--salt);text-decoration:none}
.menu-sep{height:1px;background:var(--linea);margin:.3rem 0}

.contenuto{padding:1.3rem 1.3rem 3rem;flex:1;max-width:1500px;width:100%}
.pagina-testa{display:flex;align-items:flex-start;gap:1rem;flex-wrap:wrap;margin-bottom:1.1rem}
.pagina-testa h1{margin:0}
.pagina-testa .sottotitolo{color:var(--testo-2);font-size:.88rem;margin-top:.15rem}
.pagina-azioni{margin-left:auto;display:flex;gap:.5rem;flex-wrap:wrap}

/* ---------------------------------------------------------- COMPONENTI */
.scheda{background:var(--carta);border:1px solid var(--linea);border-radius:var(--r);box-shadow:var(--om-1)}
.scheda-testa{padding:.8rem 1rem;border-bottom:1px solid var(--linea);display:flex;align-items:center;gap:.6rem}
.scheda-testa h2,.scheda-testa h3{margin:0;font-size:1rem}
.scheda-testa .azioni{margin-left:auto;display:flex;gap:.4rem}
.scheda-corpo{padding:1rem}
.scheda-piede{padding:.7rem 1rem;border-top:1px solid var(--linea);background:#FBFCFC;border-radius:0 0 var(--r) var(--r)}

.griglia{display:grid;gap:1rem}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.g-2-1{grid-template-columns:2fr 1fr}
.g-1-2{grid-template-columns:1fr 2fr}

.kpi{background:var(--carta);border:1px solid var(--linea);border-radius:var(--r);padding:.9rem 1rem;box-shadow:var(--om-1);position:relative;overflow:hidden}
.kpi::after{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--brass)}
.kpi.k-teal::after{background:var(--teal)}
.kpi.k-ko::after{background:var(--ko)}
.kpi.k-info::after{background:var(--info)}
.kpi-etichetta{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--testo-2)}
.kpi-valore{font-family:var(--display);font-size:1.72rem;color:var(--ink);line-height:1.15;margin-top:.15rem}
.kpi-nota{font-size:.78rem;color:var(--testo-2)}

.badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:600;padding:.16rem .5rem;border-radius:20px;white-space:nowrap;letter-spacing:.01em}
.badge-ok{background:var(--ok-bg);color:var(--ok)}
.badge-warn{background:var(--warn-bg);color:var(--warn)}
.badge-ko{background:var(--ko-bg);color:var(--ko)}
.badge-info{background:var(--info-bg);color:var(--info)}
.badge-neutro{background:var(--neutro-bg);color:var(--neutro)}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.45rem;cursor:pointer;
  font-family:inherit;font-size:.87rem;font-weight:500;padding:.5rem .9rem;border-radius:var(--r-s);
  border:1px solid var(--linea-2);background:var(--carta);color:var(--testo);
  transition:background .12s,border-color .12s,transform .06s;text-decoration:none;white-space:nowrap;
}
.btn:hover{background:var(--salt);text-decoration:none}
.btn:active{transform:translateY(1px)}
.btn-primario{background:var(--brass);border-color:var(--brass);color:#231603;font-weight:600}
.btn-primario:hover{background:var(--brass-2);border-color:var(--brass-2)}
.btn-scuro{background:var(--deep);border-color:var(--deep);color:#fff}
.btn-scuro:hover{background:var(--deep-3);border-color:var(--deep-3)}
.btn-ko{background:#fff;border-color:#E7BDB8;color:var(--ko)}
.btn-ko:hover{background:var(--ko-bg)}
.btn-piano{border-color:transparent;background:transparent}
.btn-piano:hover{background:var(--salt)}
.btn-s{padding:.3rem .55rem;font-size:.79rem}
.btn-l{padding:.7rem 1.4rem;font-size:.98rem}
.btn[disabled],.btn.disabilitato{opacity:.5;pointer-events:none}
.btn-gruppo{display:inline-flex}
.btn-gruppo .btn{border-radius:0;margin-left:-1px}
.btn-gruppo .btn:first-child{border-radius:var(--r-s) 0 0 var(--r-s);margin-left:0}
.btn-gruppo .btn:last-child{border-radius:0 var(--r-s) var(--r-s) 0}

label{display:block;font-size:.78rem;font-weight:600;color:var(--testo-2);margin-bottom:.25rem;letter-spacing:.01em}
input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],
input[type=time],input[type=search],input[type=tel],input[type=file],select,textarea{
  width:100%;padding:.5rem .65rem;font-family:inherit;font-size:.9rem;color:var(--testo);
  background:#fff;border:1px solid var(--linea-2);border-radius:var(--r-s);transition:border-color .12s,box-shadow .12s;
}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--deep-3);box-shadow:0 0 0 3px rgba(23,70,92,.12)}
input[readonly]{background:#F5F7F7}
textarea{min-height:88px;resize:vertical}
select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235A6E76' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:1rem;padding-right:2rem}
.campo{margin-bottom:.85rem}
.campo-aiuto{font-size:.74rem;color:var(--testo-2);margin-top:.2rem}
.campo-inline{display:flex;align-items:center;gap:.5rem}
.campo-inline input[type=checkbox],.campo-inline input[type=radio]{width:auto;margin:0}
.campo-inline label{margin:0;font-weight:500;color:var(--testo);font-size:.88rem}
fieldset{border:1px solid var(--linea);border-radius:var(--r);padding:.9rem 1rem;margin:0 0 1rem}
legend{font-family:var(--display);font-size:.92rem;padding:0 .4rem;color:var(--ink)}
.form-griglia{display:grid;gap:0 .9rem;grid-template-columns:repeat(2,minmax(0,1fr))}
.form-griglia-3{display:grid;gap:0 .9rem;grid-template-columns:repeat(3,minmax(0,1fr))}
.col-2{grid-column:span 2}
.barra-filtri{display:flex;gap:.55rem;flex-wrap:wrap;align-items:flex-end;margin-bottom:1rem}
.barra-filtri .campo{margin:0}
.barra-filtri input,.barra-filtri select{min-width:150px}

table{width:100%;border-collapse:collapse;font-size:.88rem}
.tabella-guscio{overflow-x:auto;border-radius:var(--r)}
th{
  text-align:left;font-size:.7rem;text-transform:uppercase;letter-spacing:.09em;color:var(--testo-2);
  font-weight:700;padding:.6rem .75rem;border-bottom:1px solid var(--linea);background:#FAFBFB;white-space:nowrap;
}
td{padding:.62rem .75rem;border-bottom:1px solid var(--linea)}
tbody tr:hover{background:#FAFCFC}
tbody tr:last-child td{border-bottom:0}
.num{text-align:right;font-family:var(--mono);font-size:.85rem;white-space:nowrap}
.col-azioni{text-align:right;white-space:nowrap;width:1%}
.tab-vuota{padding:2.6rem 1rem;text-align:center;color:var(--testo-2)}
.tab-vuota .ico{width:34px;height:34px;color:var(--linea-2);display:block;margin:0 auto .6rem}

.avviso{display:flex;gap:.6rem;padding:.7rem .9rem;border-radius:var(--r-s);font-size:.88rem;margin-bottom:.7rem;border:1px solid transparent}
.avviso-ok{background:var(--ok-bg);color:var(--ok);border-color:#BFE3D1}
.avviso-errore{background:var(--ko-bg);color:var(--ko);border-color:#EFC7C2}
.avviso-avviso{background:var(--warn-bg);color:var(--warn);border-color:#EFD9AF}
.avviso-info{background:var(--info-bg);color:var(--info);border-color:#BFDDE9}
.flash-zona{position:fixed;top:.8rem;right:.8rem;z-index:200;max-width:380px}
.flash-zona .avviso{box-shadow:var(--om-2);background-color:#fff}

.paginazione{display:flex;gap:.25rem;justify-content:center;padding:.8rem}
.pag{padding:.3rem .6rem;border:1px solid var(--linea);border-radius:var(--r-s);font-size:.84rem;color:var(--testo)}
.pag:hover{background:var(--salt);text-decoration:none}
.pag-attiva{background:var(--deep);border-color:var(--deep);color:#fff}
.pag-sep{padding:.3rem .3rem;color:var(--testo-2)}

.tabs{display:flex;gap:.15rem;border-bottom:1px solid var(--linea);margin-bottom:1rem;overflow-x:auto}
.tabs a{padding:.55rem .9rem;font-size:.88rem;color:var(--testo-2);border-bottom:2px solid transparent;white-space:nowrap}
.tabs a:hover{color:var(--ink);text-decoration:none}
.tabs a.attivo{color:var(--ink);border-bottom-color:var(--brass);font-weight:600}

.elenco-dati{display:grid;grid-template-columns:auto 1fr;gap:.35rem 1rem;font-size:.88rem}
.elenco-dati dt{color:var(--testo-2);font-size:.8rem}
.elenco-dati dd{margin:0;color:var(--testo)}

.modale{position:fixed;inset:0;background:rgba(10,29,40,.55);display:none;align-items:center;justify-content:center;z-index:300;padding:1rem}
.modale.aperto{display:flex}
.modale-scheda{background:#fff;border-radius:var(--r-l);box-shadow:var(--om-3);width:100%;max-width:460px;overflow:hidden}
.modale-testa{padding:1rem 1.1rem .3rem}
.modale-corpo{padding:.3rem 1.1rem 1rem;color:var(--testo-2);font-size:.9rem}
.modale-piede{padding:.8rem 1.1rem;background:var(--salt);display:flex;gap:.5rem;justify-content:flex-end}

/* ------------------------------------------------- MAPPA PONTILI (SIGNATURE) */
.mappa-guscio{background:linear-gradient(180deg,#0C2432 0%,#0A1D28 100%);border-radius:var(--r-l);padding:1rem;box-shadow:var(--om-2);position:relative;overflow:hidden}
.mappa-guscio::before{
  content:"";position:absolute;inset:0;opacity:.16;pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.35) 1px,transparent 1px);background-size:22px 22px;
}
.mappa-legenda{display:flex;flex-wrap:wrap;gap:.9rem;margin-bottom:.8rem;position:relative;font-size:.76rem;color:#B7C8D0}
.mappa-legenda i{width:11px;height:11px;border-radius:3px;display:inline-block;margin-right:.35rem;vertical-align:-1px}
.pontile{position:relative;margin-bottom:1.1rem}
.pontile-nome{font-family:var(--display);color:#fff;font-size:.98rem;margin-bottom:.45rem;display:flex;align-items:center;gap:.5rem}
.pontile-nome small{font-family:var(--ui);color:#7E97A3;font-weight:400;font-size:.74rem}
.pontile-molo{
  background:linear-gradient(180deg,#1B3A4A,#16303E);border:1px solid rgba(255,255,255,.09);
  border-radius:8px;padding:.5rem;display:flex;flex-wrap:wrap;gap:.35rem;
}
.posto{
  width:54px;height:44px;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;
  font-size:.7rem;font-weight:600;color:#0A1D28;cursor:pointer;border:1px solid rgba(0,0,0,.18);
  transition:transform .1s,box-shadow .1s;font-family:var(--mono);position:relative;
}
.posto:hover{transform:translateY(-2px);box-shadow:0 5px 14px rgba(0,0,0,.35);text-decoration:none;z-index:2}
.posto small{font-family:var(--ui);font-weight:500;font-size:.61rem;opacity:.72}
.p-libero{background:#8FD9C6}
.p-occupato{background:#7FB6D5}
.p-transito{background:#F0C98A}
.p-riservato{background:#D9C3E8}
.p-manutenzione{background:#E8D68A}
.p-fuori_servizio{background:#C9C9C9;opacity:.65}
.posto.sel{outline:2px solid var(--brass);outline-offset:1px}

/* ------------------------------------------------------------- PLANNING */
.planning{overflow-x:auto;border:1px solid var(--linea);border-radius:var(--r);background:#fff}
.planning table{border-collapse:separate;border-spacing:0;font-size:.78rem;min-width:820px}
.planning th{position:sticky;top:0;background:#FAFBFB;z-index:2}
.planning th.giorno{width:34px;text-align:center;padding:.4rem .1rem;font-size:.64rem}
.planning td.cella{width:34px;height:26px;padding:0;border-right:1px solid #EEF1F1;border-bottom:1px solid #EEF1F1}
.planning td.posto-col{position:sticky;left:0;background:#fff;z-index:1;font-family:var(--mono);font-size:.76rem;white-space:nowrap;border-right:1px solid var(--linea)}
.planning .festivo{background:#F6F8F8}
.barra-pren{height:18px;border-radius:4px;background:var(--teal);color:#fff;font-size:.66rem;line-height:18px;padding:0 .3rem;overflow:hidden;white-space:nowrap}
.barra-pren.s-richiesta{background:#D79A2B}
.barra-pren.s-confermato{background:#1D6F92}
.barra-pren.s-in_porto{background:var(--teal-2)}
.barra-pren.s-partito{background:#8C9BA1}

/* -------------------------------------------------------------- GRAFICI */
.grafico{width:100%;height:auto;display:block}
.grafico .asse{stroke:var(--linea);stroke-width:1}
.grafico .griglia-l{stroke:#EDF1F1;stroke-width:1}
.grafico .etichetta{font-size:10px;fill:var(--testo-2);font-family:var(--ui)}
.grafico .colonna{fill:var(--deep-3);transition:fill .12s}
.grafico .colonna:hover{fill:var(--brass)}
.grafico .linea{fill:none;stroke:var(--teal);stroke-width:2.2}
.grafico .area{fill:rgba(23,163,152,.13)}
.barra-avanz{height:8px;border-radius:5px;background:var(--linea);overflow:hidden}
.barra-avanz span{display:block;height:100%;background:var(--teal)}

/* ------------------------------------------------------------- PUBBLICO */
.pub-nav{position:sticky;top:0;background:rgba(10,29,40,.94);backdrop-filter:blur(8px);z-index:50;border-bottom:1px solid rgba(255,255,255,.08)}
.pub-nav .interno{max-width:1160px;margin:0 auto;padding:.8rem 1.2rem;display:flex;align-items:center;gap:1.2rem}
.pub-nav a{color:#C7D6DD;font-size:.9rem}
.pub-nav a:hover{color:#fff;text-decoration:none}
.pub-nav .spazio{flex:1}
.eroe{background:radial-gradient(1100px 500px at 72% -8%,#1C4A5F 0%,var(--ink) 62%);color:#fff;padding:4.4rem 1.2rem 4rem}
.eroe .interno{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;gap:2.6rem;align-items:center}
.eroe h1{color:#fff;font-size:2.85rem;line-height:1.08;letter-spacing:-.02em}
.eroe .occhiello{font-size:.74rem;letter-spacing:.19em;text-transform:uppercase;color:var(--brass);margin-bottom:.7rem}
.eroe p{color:#B9CCD4;font-size:1.06rem;max-width:34rem}
.eroe-azioni{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.5rem}
.sezione{max-width:1160px;margin:0 auto;padding:3.4rem 1.2rem}
.sezione-testa{text-align:center;max-width:640px;margin:0 auto 2.2rem}
.sezione-testa p{color:var(--testo-2)}
.funzione{background:#fff;border:1px solid var(--linea);border-radius:var(--r);padding:1.2rem;box-shadow:var(--om-1)}
.funzione .ico{width:26px;height:26px;color:var(--brass);margin-bottom:.5rem}
.funzione h3{font-size:1rem}
.funzione p{font-size:.88rem;color:var(--testo-2);margin:0}
.piano{background:#fff;border:1px solid var(--linea);border-radius:var(--r-l);padding:1.4rem;display:flex;flex-direction:column;box-shadow:var(--om-1)}
.piano.evidenza{border-color:var(--brass);box-shadow:0 0 0 3px rgba(200,150,62,.16),var(--om-2);position:relative}
.piano.evidenza::before{content:"Consigliato";position:absolute;top:-.72rem;left:50%;transform:translateX(-50%);background:var(--brass);color:#231603;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.18rem .6rem;border-radius:20px}
.piano-prezzo{font-family:var(--display);font-size:2.1rem;color:var(--ink);line-height:1}
.piano-prezzo small{font-family:var(--ui);font-size:.8rem;color:var(--testo-2);font-weight:400}
.piano ul{list-style:none;padding:0;margin:1rem 0;font-size:.87rem;flex:1}
.piano li{display:flex;gap:.5rem;padding:.24rem 0;color:var(--testo-2)}
.piano li .ico{color:var(--teal);width:1rem;height:1rem;margin-top:.22rem}
.piano li.no{opacity:.45}
.piano li.no .ico{color:var(--testo-2)}
.pie-pub{background:var(--ink);color:#8FA6B0;padding:2.2rem 1.2rem;font-size:.85rem}
.pie-pub .interno{max-width:1160px;margin:0 auto;display:flex;flex-wrap:wrap;gap:1.4rem}
.pie-pub a{color:#B7C8D0}

/* -------------------------------------------------------- AUTENTICAZIONE */
.accesso{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}
.accesso-vetrina{background:radial-gradient(900px 500px at 30% 0%,#1C4A5F,var(--ink));color:#fff;padding:3rem;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.accesso-vetrina::after{content:"";position:absolute;right:-140px;bottom:-140px;width:430px;height:430px;border:1px solid rgba(200,150,62,.28);border-radius:50%}
.accesso-vetrina h2{color:#fff;font-size:1.9rem;max-width:22rem;position:relative}
.accesso-vetrina p{color:#A9C0C9;max-width:26rem;position:relative}
.accesso-form{display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--carta)}
.accesso-box{width:100%;max-width:370px}
.accesso-box h1{font-size:1.5rem;margin-bottom:.2rem}
.accesso-box .sub{color:var(--testo-2);font-size:.88rem;margin-bottom:1.5rem}

/* -------------------------------------------------------------- STAMPA */
.foglio{max-width:820px;margin:1.4rem auto;background:#fff;padding:2.4rem;box-shadow:var(--om-2);border-radius:4px}
.doc-testa{display:flex;justify-content:space-between;gap:2rem;border-bottom:2px solid var(--ink);padding-bottom:1rem;margin-bottom:1.4rem}
.doc-titolo{font-family:var(--display);font-size:1.5rem;color:var(--ink);text-align:right}
.doc-mittente b{font-size:1.05rem;color:var(--ink);font-family:var(--display)}
.doc-blocchi{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;margin-bottom:1.4rem}
.doc-blocco{border:1px solid var(--linea);border-radius:var(--r-s);padding:.7rem .9rem;font-size:.86rem}
.doc-blocco h4{margin:0 0 .3rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--testo-2);font-family:var(--ui)}
.doc-totali{margin-left:auto;width:290px;font-size:.9rem}
.doc-totali div{display:flex;justify-content:space-between;padding:.25rem 0}
.doc-totali .tot{border-top:2px solid var(--ink);margin-top:.3rem;padding-top:.45rem;font-weight:700;font-size:1.05rem;font-family:var(--display)}
.doc-piede{margin-top:2.2rem;border-top:1px solid var(--linea);padding-top:.8rem;font-size:.76rem;color:var(--testo-2)}
.barra-stampa{position:sticky;top:0;background:var(--ink);color:#fff;padding:.6rem 1rem;display:flex;gap:.5rem;align-items:center;z-index:10}
.barra-stampa .spazio{flex:1}
.filigrana{position:fixed;top:44%;left:50%;transform:translate(-50%,-50%) rotate(-24deg);font-family:var(--display);font-size:6rem;color:rgba(179,58,49,.10);pointer-events:none;letter-spacing:.1em}

/* --------------------------------------------------------------- UTILI */
.t-destra{text-align:right}.t-centro{text-align:center}
.muto{color:var(--testo-2)}
.piccolo{font-size:.8rem}
.grassetto{font-weight:600}
.nowrap{white-space:nowrap}
.mt0{margin-top:0}.mt1{margin-top:.6rem}.mt2{margin-top:1.2rem}.mt3{margin-top:2rem}
.mb0{margin-bottom:0}.mb1{margin-bottom:.6rem}.mb2{margin-bottom:1.2rem}
.flex{display:flex;gap:.6rem;align-items:center}
.flex-wrap{flex-wrap:wrap}
.spazio{flex:1}
.pieno{width:100%}
.nascosto{display:none}
.pillola{display:inline-block;font-size:.72rem;background:var(--salt);border:1px solid var(--linea);border-radius:20px;padding:.1rem .55rem;color:var(--testo-2)}
.riga-clic{cursor:pointer}

@media (max-width:1100px){
  .g4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .g-2-1,.g-1-2{grid-template-columns:1fr}
  .eroe .interno{grid-template-columns:1fr}
}
@media (max-width:820px){
  .sidebar{position:fixed;left:0;top:0;z-index:100;transform:translateX(-100%);transition:transform .2s}
  .sidebar.aperta{transform:none;box-shadow:var(--om-3)}
  .g2,.g3,.g4,.form-griglia,.form-griglia-3{grid-template-columns:1fr}
  .col-2{grid-column:auto}
  .accesso{grid-template-columns:1fr}
  .accesso-vetrina{display:none}
  .contenuto{padding:1rem .8rem 3rem}
  .doc-blocchi{grid-template-columns:1fr}
  .foglio{padding:1.2rem;margin:.6rem}
  .eroe h1{font-size:2.1rem}
}
.apri-menu{display:none}
@media (max-width:820px){.apri-menu{display:inline-flex}}

@media print{
  body{background:#fff}
  .barra-stampa,.sidebar,.topbar,.flash-zona,.no-stampa{display:none!important}
  .foglio{box-shadow:none;margin:0;padding:0;max-width:100%}
  .contenuto{padding:0}
  a{color:#000;text-decoration:none}
  @page{margin:14mm}
}

/* ======================================================== HOME 2026 */
.mf-hero{position:relative;min-height:690px;color:#fff;overflow:hidden;background:var(--ink)}
.mf-hero-bg{position:absolute;inset:0;background:url('../img/home/marina-hero.jpg') center/cover no-repeat;transform:scale(1.04)}
.mf-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,22,33,.97) 0%,rgba(4,22,33,.9) 40%,rgba(4,22,33,.38) 72%,rgba(4,22,33,.18) 100%),linear-gradient(0deg,rgba(4,22,33,.38),transparent 45%)}
.mf-hero-inner{position:relative;z-index:2;max-width:1220px;margin:0 auto;padding:6rem 1.4rem 5rem;display:grid;grid-template-columns:.92fr 1.08fr;gap:3rem;align-items:center}
.mf-hero-copy h1{font-size:4rem;line-height:1.02;color:#fff;letter-spacing:-.045em;max-width:690px;margin:.3rem 0 1.15rem}.mf-hero-copy h1 span{color:#d8ecef}.mf-hero-copy>p{font-size:1.12rem;color:#c8d8dd;max-width:620px}.mf-hero-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin:1.6rem 0 1.5rem}.mf-btn-ghost{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.28)!important;color:#fff!important;backdrop-filter:blur(8px)}.mf-btn-ghost:hover{background:rgba(255,255,255,.13)!important}.mf-trust-row{display:flex;flex-wrap:wrap;gap:1.2rem;color:#a9c0c9;font-size:.82rem}.mf-trust-row span{display:flex;align-items:center;gap:.3rem}.mf-trust-row .ico{color:#73c8b5}.mf-hero-card{background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.5);border-radius:18px;box-shadow:0 28px 70px rgba(0,0,0,.32);overflow:hidden;transform:perspective(1300px) rotateY(-3deg);transform-origin:left center}.mf-window-bar{height:38px;background:#f1f4f5;border-bottom:1px solid #dae2e3;display:flex;align-items:center;gap:6px;padding:0 13px;color:#6e8087;font-size:.68rem}.mf-window-bar i{width:8px;height:8px;border-radius:50%;background:#c7d2d5}.mf-window-bar span{margin-left:8px}.mf-mini-app{height:410px;display:grid;grid-template-columns:136px 1fr;background:#eef1f0}.mf-mini-app aside{background:#0A1D28;padding:14px 10px;color:#aebfc7}.mf-mini-brand{display:flex;align-items:center;gap:7px;color:white;margin:0 0 18px 2px;font-size:11px}.mf-mini-brand img{width:22px}.mf-mini-brand b small{display:block;color:#C8963E;text-transform:uppercase;letter-spacing:.13em;font-size:6px}.mf-mini-app aside>span{display:block;font-size:8px;padding:7px 8px;border-radius:5px;margin:2px 0}.mf-mini-app aside .on{background:#103446;color:#fff;border-left:2px solid #C8963E}.mf-mini-app main{padding:16px}.mf-mini-head{display:flex;justify-content:space-between;color:#0A1D28;font-size:12px;margin-bottom:12px}.mf-mini-head em{font-style:normal;color:#84969c;font-size:8px}.mf-mini-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.mf-mini-kpis div{background:#fff;border:1px solid #dde4e5;border-radius:7px;padding:9px}.mf-mini-kpis small{font-size:6px;color:#6f8289;display:block;text-transform:uppercase}.mf-mini-kpis b{font-family:var(--display);font-size:15px}.mf-mini-body{display:grid;grid-template-columns:2fr 1fr;gap:8px;margin-top:8px}.mf-chart,.mf-state{background:white;border:1px solid #dde4e5;border-radius:7px;padding:10px;height:222px}.mf-chart strong,.mf-state strong{font-size:8px}.mf-bars{height:165px;display:flex;align-items:end;gap:5px;border-bottom:1px solid #e2e7e7;padding:8px 4px 0}.mf-bars i{flex:1;background:#17465C;border-radius:2px 2px 0 0}.mf-donut{width:110px;height:110px;margin:20px auto;border-radius:50%;background:conic-gradient(#7FB6D5 0 46%,#F0C98A 46% 61%,#D9C3E8 61% 69%,#8FD9C6 69% 94%,#C9C9C9 94%);position:relative}.mf-donut:after{content:"";position:absolute;inset:18px;background:#fff;border-radius:50%}.mf-donut span{position:absolute;z-index:2;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#0A1D28;font-family:var(--display);font-size:20px}.mf-donut small{font-family:var(--ui);font-size:7px;color:#6f8289}.mf-proofbar{max-width:1180px;margin:-32px auto 0;position:relative;z-index:5;background:#fff;border-radius:14px;box-shadow:0 16px 45px rgba(10,29,40,.14);display:grid;grid-template-columns:repeat(4,1fr);padding:1rem 1.2rem}.mf-proofbar div{padding:.55rem 1rem;border-right:1px solid var(--linea)}.mf-proofbar div:last-child{border:0}.mf-proofbar b,.mf-proofbar span{display:block}.mf-proofbar b{font-family:var(--display);font-size:.98rem;color:var(--ink)}.mf-proofbar span{font-size:.76rem;color:var(--testo-2);margin-top:.18rem}.mf-intro{padding-top:5.4rem}.mf-section-kicker{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--brass);font-weight:700;margin-bottom:.55rem}.mf-section-kicker.light{color:#e0b45f}.mf-section-head-wide{display:grid;grid-template-columns:1.15fr .85fr;gap:3rem;align-items:end;margin-bottom:2.5rem}.mf-section-head h2,.mf-section-head-wide h2{font-size:2.45rem;letter-spacing:-.025em}.mf-section-head-wide p{color:var(--testo-2);font-size:1rem}.mf-software-showcase{display:grid;grid-template-columns:.75fr 1.25fr;gap:3.2rem;align-items:center;margin:0 0 6rem}.mf-software-showcase.reverse{grid-template-columns:1.25fr .75fr}.mf-software-showcase.reverse .mf-software-copy{order:2}.mf-software-copy h3{font-size:2rem;letter-spacing:-.025em;margin:.35rem 0 .8rem}.mf-software-copy>p{color:var(--testo-2);font-size:.96rem}.mf-label{display:inline-flex;border:1px solid #d9e1e2;background:#fff;border-radius:99px;padding:.26rem .65rem;font-size:.72rem;color:var(--deep-3);font-weight:700}.mf-checks{list-style:none;padding:0;margin:1.15rem 0 0;display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.mf-checks li{display:flex;gap:.45rem;align-items:center;font-size:.86rem;color:var(--testo)}.mf-checks .ico{color:var(--teal)}.mf-app-shot{border:1px solid #d7dfe0;border-radius:15px;background:#fff;box-shadow:0 25px 60px rgba(10,29,40,.13);overflow:hidden;min-height:430px}.mf-shot-dashboard{display:grid;grid-template-columns:150px 1fr}.mf-shot-sidebar{background:#0A1D28;color:#afc1c9;padding:14px 10px;font-size:8px}.mf-shot-logo{display:flex;gap:7px;align-items:center;color:#fff;margin:2px 4px 18px}.mf-shot-logo img{width:24px}.mf-shot-logo span{font-family:var(--display);font-size:10px}.mf-shot-logo small{display:block;color:#C8963E;text-transform:uppercase;font:6px var(--ui);letter-spacing:.15em}.mf-shot-sidebar>b{display:block;color:#587583;font-size:6px;letter-spacing:.16em;margin:13px 8px 4px}.mf-shot-sidebar>span{display:block;padding:6px 8px;margin:1px;border-radius:5px}.mf-shot-sidebar .active{background:#103446;color:#fff;border-left:2px solid #C8963E}.mf-shot-main{background:#EEF1F0}.mf-shot-top{height:48px;background:#fff;border-bottom:1px solid #dce3e4;display:flex;align-items:center;padding:0 15px;gap:10px;font-size:8px}.mf-shot-top>span{margin-left:auto;color:#7e929a}.mf-shot-top i{font-style:normal;background:#103446;color:#fff;width:25px;height:25px;border-radius:50%;display:grid;place-items:center}.mf-shot-content{padding:15px}.mf-shot-title{display:flex;justify-content:space-between;align-items:flex-start}.mf-shot-title h4{font-size:15px;margin:0}.mf-shot-title small{color:#6e8289;font-size:7px}.mf-shot-title button{border:0;background:#C8963E;padding:7px 10px;border-radius:5px;font-size:7px}.mf-shot-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:12px 0}.mf-shot-kpis>div{background:#fff;border:1px solid #dce3e4;border-radius:7px;padding:9px}.mf-shot-kpis small{display:block;color:#73868d;font-size:6px;letter-spacing:.08em}.mf-shot-kpis b{display:block;font:15px var(--display);margin:3px 0}.mf-shot-kpis em{font-style:normal;color:#82949a;font-size:6px}.mf-shot-panels{display:grid;grid-template-columns:2fr 1fr;gap:7px}.mf-shot-panels>div{height:210px;background:#fff;border:1px solid #dce3e4;border-radius:7px;padding:10px}.mf-shot-panels strong{font-size:8px}.mf-shot-bars{height:160px;display:flex;gap:5px;align-items:end;border-bottom:1px solid #e4e9e9;padding:12px 4px 0}.mf-shot-bars i{flex:1;background:#17465C;border-radius:2px 2px 0 0}.mf-shot-donut{width:112px;height:112px;border-radius:50%;background:conic-gradient(#7FB6D5 0 46%,#F0C98A 46% 61%,#D9C3E8 61% 69%,#8FD9C6 69% 94%,#C9C9C9 94%);margin:25px auto;position:relative}.mf-shot-donut:after{content:"128";position:absolute;inset:20px;border-radius:50%;background:#fff;display:grid;place-items:center;font:20px var(--display)}.mf-shot-map{padding:1.4rem;background:linear-gradient(#f8fbfb,#eef3f2);min-height:450px}.mf-map-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.mf-map-head small,.mf-map-head strong{display:block}.mf-map-head small{font-size:.62rem;color:#74888f;letter-spacing:.13em}.mf-map-head strong{font-size:1.05rem}.mf-map-head>span{font-size:.75rem;background:#e4f4ec;color:#1f8f63;padding:.3rem .65rem;border-radius:20px}.mf-pier-row{display:grid;grid-template-columns:70px 1fr;gap:10px;align-items:center}.mf-pier-row>b{font-size:.74rem}.mf-berths{display:grid;grid-template-columns:repeat(12,1fr);gap:5px}.mf-berths span{height:35px;border-radius:6px;display:grid;place-items:center;font:7px var(--mono);border:1px solid rgba(255,255,255,.8);box-shadow:0 1px 2px rgba(10,29,40,.06)}.mf-pier{height:18px;background:#a98d70;border-radius:2px;margin:6px 0 13px 80px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}.mf-berths .free,.mf-map-legend .free{background:#8FD9C6}.mf-berths .occ,.mf-map-legend .occ{background:#7FB6D5}.mf-berths .trans,.mf-map-legend .trans{background:#F0C98A}.mf-berths .res,.mf-map-legend .res{background:#D9C3E8}.mf-berths .maint,.mf-map-legend .maint{background:#C9C9C9}.mf-map-legend{display:flex;gap:1rem;justify-content:center;margin-top:8px;font-size:.65rem;color:#63777e}.mf-map-legend span{display:flex;align-items:center;gap:4px}.mf-map-legend i{width:10px;height:10px;border-radius:3px}.mf-photo-band{max-width:1220px;margin:0 auto 5rem;padding:0 1.2rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.mf-photo-band article{height:280px;background-size:cover;background-position:center;border-radius:15px;overflow:hidden;position:relative;box-shadow:var(--om-2)}.mf-photo-band article:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,22,32,.82),transparent 65%)}.mf-photo-band article div{position:absolute;z-index:2;left:1.15rem;right:1.15rem;bottom:1rem;color:#fff}.mf-photo-band span{font:1.45rem var(--display)}.mf-photo-band p{font-size:.82rem;color:#d0dfe4;margin:.2rem 0}.mf-funzioni-head{max-width:780px}.mf-funzioni-head h2{font-size:2.35rem}.mf-feature-grid{gap:1.15rem}.mf-feature{padding:1.45rem;transition:transform .18s,box-shadow .18s}.mf-feature:hover{transform:translateY(-4px);box-shadow:var(--om-2)}.mf-feature .ico{width:30px;height:30px}.mf-hosting{margin-top:3rem;background:linear-gradient(120deg,#071a25,#103446);color:#fff;position:relative;overflow:hidden}.mf-hosting:after{content:"";position:absolute;width:650px;height:650px;border-radius:50%;border:1px solid rgba(200,150,62,.18);right:-250px;top:-280px}.mf-hosting-inner{display:grid;grid-template-columns:1.15fr .85fr;gap:4rem;align-items:center;position:relative;z-index:2;padding-top:4.7rem;padding-bottom:4.7rem}.mf-hosting h2{color:#fff;font-size:2.55rem}.mf-hosting-copy>p{color:#b9ccd4;max-width:650px}.mf-hosting-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-top:1.3rem}.mf-hosting-grid span{display:flex;align-items:center;gap:.45rem;font-size:.86rem;color:#d3e0e4}.mf-hosting-grid .ico{color:#73c8b5}.mf-demo-card{background:#fff;color:var(--testo);padding:1.6rem;border-radius:15px;box-shadow:0 18px 55px rgba(0,0,0,.24)}.mf-demo-card>span{font-size:.65rem;color:var(--brass);font-weight:700;letter-spacing:.14em}.mf-demo-card h3{font-size:1.55rem;margin:.35rem 0 .65rem}.mf-demo-card p{font-size:.86rem;color:var(--testo-2)}.mf-demo-card small{display:block;text-align:center;color:var(--testo-2);margin-top:.7rem}.mf-pricing{padding-top:5rem;padding-bottom:5rem}.mf-pricing .sezione-testa{max-width:720px}.mf-pricing .sezione-testa h2{font-size:2.4rem}.mf-final-cta{min-height:370px;position:relative;color:#fff;display:flex;align-items:center;overflow:hidden}.mf-final-photo{position:absolute;inset:0;background:url('../img/home/marina-hero.jpg') center 45%/cover no-repeat;transform:scale(1.03)}.mf-final-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,22,32,.94),rgba(5,22,32,.58))}.mf-final-inner{position:relative;z-index:2;max-width:1160px;width:100%;margin:auto;padding:3.8rem 1.2rem;display:flex;justify-content:space-between;align-items:end;gap:2rem}.mf-final-inner>div:last-child{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:flex-end}.mf-final-inner span{color:#e0b45f;text-transform:uppercase;letter-spacing:.15em;font-size:.7rem}.mf-final-inner h2{color:#fff;font-size:2.55rem;margin:.5rem 0 0}
@media(max-width:980px){.mf-hero-inner{grid-template-columns:1fr;padding-top:4.5rem}.mf-hero-card{transform:none}.mf-proofbar{grid-template-columns:1fr 1fr;margin:-20px 1rem 0}.mf-proofbar div:nth-child(2){border-right:0}.mf-section-head-wide,.mf-software-showcase,.mf-software-showcase.reverse,.mf-hosting-inner{grid-template-columns:1fr}.mf-software-showcase.reverse .mf-software-copy{order:0}.mf-photo-band{grid-template-columns:1fr}.mf-photo-band article{height:240px}.mf-final-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.mf-hero{min-height:auto}.mf-hero-inner{padding:3.7rem 1rem}.mf-hero-copy h1{font-size:2.8rem}.mf-hero-card{display:none}.mf-trust-row{display:grid;gap:.45rem}.mf-proofbar{grid-template-columns:1fr}.mf-proofbar div{border-right:0;border-bottom:1px solid var(--linea)}.mf-section-head-wide h2,.mf-funzioni-head h2,.mf-hosting h2,.mf-pricing .sezione-testa h2,.mf-final-inner h2{font-size:2rem}.mf-checks{grid-template-columns:1fr}.mf-software-showcase{margin-bottom:4rem;gap:1.5rem}.mf-app-shot{min-height:330px}.mf-shot-dashboard{grid-template-columns:90px 1fr}.mf-shot-sidebar{padding:8px 5px}.mf-shot-sidebar>span{font-size:6px;padding:4px}.mf-shot-kpis{grid-template-columns:1fr 1fr}.mf-shot-panels{grid-template-columns:1fr}.mf-shot-panels>div:last-child{display:none}.mf-shot-content{padding:9px}.mf-shot-map{overflow-x:auto}.mf-pier-row,.mf-pier{min-width:620px}.mf-hosting-grid{grid-template-columns:1fr}.mf-final-inner>div:last-child{justify-content:flex-start}.pub-nav .interno>a:not(:first-child):not(.btn){display:none}}