/* 22/10/2026 — Accesso, registrazione e recupero password (views/login.ejs, views/registrati.ejs).
   Mobile first: la base è il telefono, da 900px si aggiunge il pannello del marchio a sinistra. Tutto sotto .acc26. */
.acc26{--ink:#0E1A2B;--testo:#1B2638;--muto:#55637A;--blu:#1560B0;--azzurro:#1D9AD4;--magenta:#C3146D;--linea:#E2E8F1;--tenue:#EEF3FA;--sfondo:#F5F8FD;--carta:#fff;--verde:#0F7A4C;--rosso:#B4232F;
  background:var(--sfondo);color:var(--testo);font-family:"Manrope",Roboto,system-ui,sans-serif;font-size:16px;line-height:1.5;padding:24px 16px 40px}
.acc26 *,.acc26 *::before,.acc26 *::after{box-sizing:border-box}
.acc26 [hidden]{display:none!important}
.acc26 .acc-marchio{display:none}
.acc26 .acc-carta{max-width:440px;margin:0 auto;background:var(--carta);border:1px solid var(--linea);border-radius:24px;padding:24px 20px}
.acc26 h1{font-family:"Jost","Manrope",sans-serif;font-weight:600;font-size:30px;letter-spacing:-.02em;color:var(--ink);margin:6px 0 6px;text-align:left;line-height:1.15}
.acc26 .acc-sub{color:var(--muto);margin:0 0 20px}
.acc26 .acc-soc{width:100%;height:50px;border-radius:14px;border:1.5px solid var(--linea);background:var(--carta);font:inherit;font-weight:800;font-size:15px;color:var(--ink);display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;margin:0 0 10px;text-decoration:none}
.acc26 .acc-apple{display:flex;justify-content:center;margin:0 0 10px}
.acc26 .acc-oppure{display:flex;align-items:center;gap:12px;color:var(--muto);font-size:13px;margin:16px 0}
.acc26 .acc-oppure::before,.acc26 .acc-oppure::after{content:"";flex:1;height:1px;background:var(--linea)}
.acc26 .acc-campo{display:block;margin:0 0 14px}
.acc26 .acc-campo>span{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;font-weight:800;color:var(--ink);margin-bottom:6px}
.acc26 .acc-campo input{width:100%;height:50px;border-radius:14px;border:1.5px solid var(--linea);padding:0 14px;font:inherit;font-size:16px;color:var(--ink);background:var(--carta);margin:0}
.acc26 .acc-campo input:focus{outline:none;border-color:var(--blu);box-shadow:0 0 0 4px rgba(21,96,176,.14)}
.acc26 .acc-pw{position:relative}
.acc26 .acc-pw input{padding-right:50px}
.acc26 .acc-occhio{position:absolute;right:6px;top:5px;width:40px;height:40px;border:0;background:transparent;color:var(--muto);border-radius:10px;cursor:pointer;display:grid;place-items:center;padding:0}
.acc26 .acc-riga{display:flex;justify-content:flex-end;margin:2px 0 18px;font-size:14px}
.acc26 a,.acc26 .acc-link{color:var(--blu);font-weight:800;text-decoration:none;background:none;border:0;font:inherit;font-weight:800;cursor:pointer;padding:0}
.acc26 .acc-prim{width:100%;height:52px;border-radius:999px;border:0;background:var(--blu);color:#fff;font:inherit;font-weight:800;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;text-decoration:none;margin:0}
.acc26 .acc-prim:disabled{opacity:.6;cursor:wait}
.acc26 .acc-piede{text-align:center;color:var(--muto);font-size:14.5px;margin:18px 0 0}
.acc26 .acc-nota{color:var(--muto);font-size:13.5px;margin:14px 0 0}
.acc26 .acc-indietro{display:inline-flex;align-items:center;gap:6px;color:var(--muto);font-weight:700;font-size:14px;margin-bottom:14px}
.acc26 .acc-passi{display:flex;align-items:center;gap:6px;margin-bottom:8px}
.acc26 .acc-passi i{width:28px;height:5px;border-radius:9px;background:var(--linea)}
.acc26 .acc-passi i.on{background:var(--blu)}
.acc26 .acc-passi small{margin-left:6px;color:var(--muto);font-weight:700;font-size:12.5px}
.acc26 .acc-avviso{background:#FDECEE;border:1px solid #F5C2C8;color:#7A1520;border-radius:14px;padding:12px 14px;font-size:14px;margin:0 0 16px}
.acc26 .acc-avviso.ok{background:#EAF6EF;border-color:#BFE3CD;color:#0F5A39}
.acc26 .acc-caselle{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:4px 0 18px}
.acc26 .acc-cif{width:100%;height:56px;border-radius:14px;border:1.5px solid var(--linea);text-align:center;font:inherit;font-size:24px;font-weight:800;color:var(--ink);background:var(--carta);padding:0;margin:0}
.acc26 .acc-cif::placeholder{color:#B8C2D1;font-size:28px}
.acc26 .acc-cif.piena{border-color:var(--blu);background:#F3F8FD}
.acc26 .acc-cif:focus{outline:none;border-color:var(--blu);box-shadow:0 0 0 4px rgba(21,96,176,.14)}
.acc26 .acc-genera{display:inline-flex;align-items:center;gap:6px;border:0;background:var(--tenue);color:var(--blu);font:inherit;font-size:12.5px;font-weight:800;border-radius:999px;padding:6px 10px;cursor:pointer}
.acc26 .acc-generata{background:#EAF6EF;color:#0F5A39;border-radius:12px;padding:9px 12px;font-size:13px;margin:-4px 0 10px}
.acc26 .acc-forza{display:flex;align-items:center;gap:5px;margin:-4px 0 10px}
.acc26 .acc-forza i{flex:1;height:5px;border-radius:9px;background:var(--linea)}
.acc26 .acc-forza i.f1{background:#D04A4A}.acc26 .acc-forza i.f2,.acc26 .acc-forza i.f3{background:#E9B23C}.acc26 .acc-forza i.f4{background:var(--verde)}
.acc26 .acc-forza small{margin-left:6px;font-weight:800;font-size:12.5px;color:var(--muto)}
.acc26 .acc-regole{list-style:none;padding:0;margin:0 0 16px;display:grid;gap:6px;font-size:13.5px;color:var(--muto)}
.acc26 .acc-regole li{display:flex;align-items:center;gap:8px}
.acc26 .acc-regole li::before{content:"";width:18px;height:18px;border-radius:50%;border:2px solid var(--linea);flex:0 0 18px}
.acc26 .acc-regole li.si{color:var(--verde)}
.acc26 .acc-regole li.si::before{border:0;background:var(--verde) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/12px no-repeat}
.acc26 .acc-uguali{font-size:13px;margin:-6px 0 14px;font-weight:700}
.acc26 .acc-uguali.si{color:var(--verde)}.acc26 .acc-uguali.no{color:var(--rosso)}
.acc26 .acc-due{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.acc26 .acc-spunta{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--muto);margin:0 0 12px;font-weight:400}
.acc26 .acc-spunta input{width:20px;height:20px;flex:0 0 20px;accent-color:var(--blu);margin:1px 0 0}
.acc26 .acc-spunta a{font-weight:700}
.acc26 .acc-spunta b{color:var(--rosso)}
.acc26 .acc-ok{display:grid;place-items:center;margin:8px 0 6px}
.acc26 .acc-centro{text-align:center}
.acc26 .acc-sicuro{display:flex;gap:6px;justify-content:center;align-items:center;color:var(--muto);font-size:12.5px;margin:18px 0 0}
.acc26 .acc-sicuro a{color:inherit;font-weight:600;text-decoration:underline}
.acc26 button:focus-visible,.acc26 a:focus-visible,.acc26 input:focus-visible{outline:3px solid var(--azzurro);outline-offset:2px}
@media (min-width:900px){
  .acc26{padding:32px 16px 56px}
  .acc26 .acc-griglia{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-width:1100px;margin:0 auto;background:var(--carta);border:1px solid var(--linea);border-radius:28px;overflow:hidden}
  .acc26 .acc-marchio{display:flex;flex-direction:column;justify-content:space-between;gap:24px;background:var(--ink);color:#B9C4D6;padding:44px}
  .acc26 .acc-marchio img{height:64px;width:auto;align-self:flex-start}
  .acc26 .acc-marchio h2{font-family:"Jost",sans-serif;font-weight:600;color:#fff;font-size:34px;line-height:1.1;margin:0 0 16px;letter-spacing:-.02em;text-align:left}
  .acc26 .acc-marchio ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}
  .acc26 .acc-marchio li{display:flex;gap:10px;align-items:flex-start}
  .acc26 .acc-marchio li i{width:10px;height:10px;border-radius:3px;background:var(--c);margin-top:7px;flex:0 0 10px}
  .acc26 .acc-carta{border:0;border-radius:0;padding:48px 56px;max-width:none}
}
