:root{--bg: #f6f9f7;--panel: #fff;--ink: #16241d;--mut: #5a6b62;--line: #e2eae5;--acc: #1e7a3d;--acc-scuro: #0b3d2e;--chip: #eef4f0;--warn: #b04a4a}@media (prefers-color-scheme: dark){:root{--bg: #0d1218;--panel: #151d27;--ink: #e7edf3;--mut: #93a1b3;--line: #243040;--acc: #4fb283;--acc-scuro: #0b3d2e;--chip: #1b2530}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.page{max-width:900px;margin:0 auto;padding:24px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:16px}.card-title{font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--mut);margin:0 0 14px}label.field{display:block;margin-bottom:12px}.field-label{display:block;font-size:.85rem;color:var(--mut);margin-bottom:4px}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}input[type=text],input[type=email],input[type=number],input[type=file],select,textarea{width:100%;padding:8px;border-radius:8px;border:1px solid var(--line);background:var(--chip);color:var(--ink);font:inherit}textarea{resize:vertical}button.btn-primary{background:var(--acc);color:#fff;border:none;border-radius:10px;padding:12px 18px;font-weight:700;cursor:pointer}.seg{display:inline-flex;gap:8px;flex-wrap:wrap}.seg button,.seg label.seg-opt{border-radius:9px;border:1px solid var(--line);background:var(--chip);color:var(--ink);padding:8px 14px;cursor:pointer;font-size:.9rem;display:inline-flex;align-items:center;gap:6px}.seg .active,.seg label.seg-opt.active{background:var(--acc);color:#fff;border-color:var(--acc)}.error{color:var(--warn);font-weight:600}.note{font-size:.85rem;color:var(--mut)}.scenario-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 720px){.scenario-pair,.row,.row3{grid-template-columns:1fr}}.scenario-block{border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--chip)}.scenario-block h4{margin:0 0 10px;font-size:.95rem}.pratica-row{transition:background .12s ease,border-color .12s ease}.pratica-row:hover{background:var(--chip);border-color:var(--acc)}.fasi{display:flex;flex-wrap:wrap;gap:8px}.fase{padding:6px 12px;border-radius:999px;font-size:.82rem;font-weight:700;background:var(--chip);color:var(--mut);border:1px solid var(--line)}.fase.attiva{background:var(--acc);color:#fff;border-color:var(--acc)}.ragio{margin-top:8px;max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.ragio-r{font-size:.82rem;color:var(--ink);background:var(--chip);border:1px solid var(--line);border-radius:8px;padding:6px 10px;white-space:pre-wrap}.appbar{background:var(--panel);border-bottom:3px solid var(--acc)}.appbar-in{max-width:900px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;gap:16px}.appbar-logo{height:42px;width:auto;object-fit:contain}.appbar-title{flex:1;text-align:center;line-height:1.25}.appbar-kick{font-weight:800;color:var(--acc-scuro);font-size:1rem}.appbar-sub{font-size:.74rem;color:var(--mut)}@media (max-width: 560px){.appbar-sub{display:none}.appbar-logo{height:32px}}.map-frame{position:relative}.map-toolbar{position:absolute;top:12px;left:12px;z-index:5;display:flex;gap:6px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:6px;box-shadow:0 6px 18px #0000001f}.map-tool{width:42px;height:42px;border:1.5px solid transparent;border-radius:9px;background:var(--panel);color:var(--ink);cursor:pointer;display:grid;place-items:center}.map-tool:hover{background:var(--chip)}.map-tool.active{background:#1fbf6b;color:#fff;border-color:#1aa85d}.map-tool svg{width:21px;height:21px}.map-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px}.map-hint{font-size:.84rem;color:var(--mut)}.map-hint strong{color:var(--ink)}.map-area-out{font-weight:800;font-size:1rem;color:var(--ink);margin-left:auto;background:var(--chip);border:1px solid var(--line);border-radius:10px;padding:8px 14px}.map-area-out strong{color:var(--acc)}.dati-input{display:grid;grid-template-columns:max-content 1fr;gap:6px 18px;margin:0 0 14px}.dati-input dt{color:var(--mut);font-size:.86rem}.dati-input dd{margin:0}.dati-input-titolo{font-weight:600;margin:14px 0 8px}.dati-input-edificio+.dati-input-edificio{border-top:1px solid var(--line);padding-top:12px}.muted{color:var(--mut)}@media (max-width: 560px){.dati-input{grid-template-columns:1fr;gap:2px 0}.dati-input dd{margin-bottom:8px}}.tetto-figura{margin:0 0 14px}.tetto-figura img{display:block;width:100%;border-radius:10px;border:1px solid var(--line)}.tetto-figura figcaption{color:var(--mut);font-size:.78rem;margin-top:6px}