/* Impianto della pagina: testata, menu, avvisi, bottoni, moduli e piede.
   Le pagine dello strumento sono in esg.css. Il colore principale arriva da
   ESG_COLORE, nella variabile --colore impostata dalla base. */
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:#f5f7f4;color:#172d3b;font:16px/1.5 'Hanken Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif}
a{color:var(--colore)}
.testata{background:#fff;border-bottom:1px solid #dce4e6}
.testata-in{max-width:1180px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.marchio{display:flex;flex-direction:column;text-decoration:none;color:var(--colore);line-height:1.2}
.marchio b{font-family:'Newsreader',Georgia,serif;font-weight:500;font-size:1.3rem;letter-spacing:-.01em}
.marchio small{font-size:.78rem;color:#5b6f7b;margin-top:2px}
.menu{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.menu a,.menu button{font:inherit;font-size:.92rem;color:#2d4350;text-decoration:none;background:none;border:0;border-radius:999px;padding:8px 13px;cursor:pointer}
.menu a:hover,.menu button:hover{background:#eef2f1}
.menu a[aria-current="page"]{background:#e6eeec;color:var(--colore);font-weight:700}
.menu form{margin:0}
.pagina{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:28px 24px 64px}
.is-pubblico .pagina{padding-top:36px}
.crumbs{display:flex;gap:8px;flex-wrap:wrap;font-size:.84rem;color:#74838a;margin:0 0 22px}
.crumbs a{color:#55706a;text-decoration:none}
.crumbs a:hover{text-decoration:underline}
.avvisi{max-width:1100px;margin:0 auto 20px;display:grid;gap:8px}
.avviso{margin:0;border-radius:12px;padding:12px 16px;background:#eef2f1;border:1px solid #dce4e6}
.avviso-success{background:#e8f4ec;border-color:#b9dcc6;color:#1f5b39}
.avviso-error{background:#fbeceb;border-color:#efc4c0;color:#8a2a22}
.avviso-info{background:#edf3f7;border-color:#c9dbe6;color:#24465c}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:999px;padding:11px 20px;font:inherit;font-weight:700;font-size:.95rem;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:background .15s,border-color .15s}
.btn-primary{background:var(--colore);color:#fff}
.btn-primary:hover{filter:brightness(1.12)}
.btn-ghost{background:#fff;color:var(--colore);border-color:#afc1c9}
.btn-ghost:hover{border-color:var(--colore)}
.btn:focus-visible,.menu a:focus-visible,.menu button:focus-visible{outline:3px solid #8ab7d0;outline-offset:2px}
.piede{border-top:1px solid #dce4e6;background:#fff}
.piede-in{max-width:1180px;margin:0 auto;padding:18px 24px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.84rem;color:#74838a}
.piede a{color:#55706a}
/* Accesso e password */
.accesso{max-width:440px;margin:24px auto 0;background:#fff;border:1px solid #dce4e6;border-radius:20px;padding:34px}
.accesso h1{font-family:'Newsreader',Georgia,serif;font-weight:500;color:var(--colore);font-size:2rem;letter-spacing:-.02em;margin:0 0 8px}
.accesso>p{color:#5b6f7b;margin:0 0 22px}
.campo{display:block;margin:0 0 16px}
.campo>span{display:block;font-weight:700;font-size:.9rem;margin-bottom:6px}
.campo input{width:100%;border:1px solid #bfcdd2;border-radius:10px;padding:11px 13px;font:inherit;background:#fff}
.campo input:focus{outline:3px solid #cfe1ea;border-color:#8ab7d0}
.campo small{display:block;color:#5b6f7b;font-size:.82rem;margin-top:6px}
.campo ul{margin:6px 0 0;padding-left:18px;color:#5b6f7b;font-size:.82rem}
.errori{background:#fbeceb;border:1px solid #efc4c0;color:#8a2a22;border-radius:10px;padding:10px 14px;margin:0 0 16px}
.errori p,.errori ul{margin:0}
.accesso .btn{width:100%;margin-top:6px}
.accesso .sotto{margin:18px 0 0;font-size:.9rem;text-align:center}
/* Tutte le analisi (amministratori) */
.tabella-wrap{overflow-x:auto;background:#fff;border:1px solid #dce4e6;border-radius:16px}
.tabella{width:100%;border-collapse:collapse;min-width:760px;font-size:.92rem}
.tabella th{text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:#74838a;padding:14px 16px;border-bottom:1px solid #dce4e6}
.tabella td{padding:14px 16px;border-bottom:1px solid #edf1f1;vertical-align:top}
.tabella tr:last-child td{border-bottom:0}
.tabella small{display:block;color:#74838a}
@media(max-width:640px){
  .testata-in{padding:14px 16px}
  .pagina{padding:22px 16px 48px}
  .piede-in{padding:16px}
  .accesso{padding:24px 18px}
}