/* Foglio minimo: solo leggibilita' e struttura.
   Il design vero arriva dopo e sostituisce questo file. */
:root{--max:72rem;--gap:1rem}
*{box-sizing:border-box}
body{margin:0;font:16px/1.6 system-ui,sans-serif;color:#111}
main{max-width:var(--max);margin:0 auto;padding:2rem 1rem}
.salta{position:absolute;left:-9999px}
.salta:focus{left:1rem;top:1rem;background:#fff;padding:.5rem}
.intestazione,.pie{max-width:var(--max);margin:0 auto;padding:1rem}
.intestazione__nav ul,.pie ul{display:flex;flex-wrap:wrap;gap:var(--gap);list-style:none;margin:0;padding:0}
table{border-collapse:collapse;width:100%}
th,td{border:1px solid #ddd;padding:.4rem .6rem;text-align:right}
th[scope=row]{text-align:left}
.cfg__campo{margin:.75rem 0;display:flex;flex-direction:column;gap:.25rem}
.cfg__input,.cfg__select,.cfg__textarea{padding:.5rem;font:inherit;width:100%}
.cfg__input-gruppo{display:flex;align-items:center;gap:.5rem}
.cfg__passi ol{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0}
.cfg__investimento{display:grid;gap:.5rem;border:1px solid #eee;padding:.75rem;margin:.5rem 0;list-style:none}
.cfg__semaforo[data-stato=verde]{border-left:4px solid green;padding-left:1rem}
.cfg__semaforo[data-stato=giallo]{border-left:4px solid #b8860b;padding-left:1rem}
.cfg__semaforo[data-stato=rosso]{border-left:4px solid #b00;padding-left:1rem}
.cfg__allarme[data-gravita=alta]{border-left:3px solid #b00;padding-left:.75rem}
.cfg__allarme[data-gravita=media]{border-left:3px solid #b8860b;padding-left:.75rem}