/* Ispezione del cantiere — H185 (9/11/2026). Gli stessi colori delle altre app Kibitec (PWA Presenze v2). */
:root { --blu:#161b33; --blu2:#232a4d; --blu3:#2f3763; --ar:#f47a20; --ch:#c9cfe6; --verde:#1fa860; --rosso:#e5484d; --giallo:#ffd43b; }
* { box-sizing: border-box; }
[hidden] { display: none !important; }     /* .vista e .nota hanno display: il «hidden» deve vincere */
html, body { margin: 0; }
body { background: var(--blu); color: #fff; font: 17px/1.4 -apple-system, "Helvetica Neue", Roboto, Arial, sans-serif; -webkit-text-size-adjust: 100%; padding-bottom: env(safe-area-inset-bottom); }
button { font: inherit; border: 0; cursor: pointer; }
.top { display: flex; align-items: center; gap: 10px; padding: calc(10px + env(safe-area-inset-top)) 16px 10px; background: #0f1326; border-bottom: 3px solid var(--ar); position: sticky; top: 0; z-index: 5; }
.top img { width: 30px; height: 30px; border-radius: 7px; }
.top b { font-size: 17px; } .top b i { font-style: normal; color: var(--ar); }
.top span { margin-left: auto; color: var(--ch); font-size: 14px; }
.schede { display: flex; gap: 8px; padding: 12px 16px 0; }
.schede button { flex: 1; background: var(--blu2); color: var(--ch); border-radius: 12px; padding: 11px; font-weight: 800; }
.schede button.su { background: var(--ar); color: #000; }
main { padding: 12px 16px 40px; display: flex; flex-direction: column; gap: 10px; }
.carta { background: #fff; color: #101816; border-radius: 16px; padding: 14px; }
.carta.giallo { background: var(--giallo); color: #3a2c00; font-weight: 700; }
.carta.rosso { background: #ffe1e1; color: #8a1616; font-weight: 700; }
.isp { display: block; width: 100%; text-align: left; background: #fff; color: #101816; border-radius: 16px; padding: 13px 14px; border-left: 8px solid var(--ch); }
.isp b { display: block; font-size: 18px; line-height: 1.25; }
.isp small { display: block; color: #4d5956; font-size: 14px; margin-top: 3px; }
.isp .st { display: inline-block; margin-top: 8px; padding: 3px 10px; border-radius: 10px; font-size: 13px; font-weight: 900; background: #e3e6ee; color: #37423f; }
.isp.pronta { border-left-color: var(--ar); } .isp.pronta .st { background: var(--ar); color: #000; }
.isp.fatta { border-left-color: var(--verde); } .isp.fatta .st { background: #d8f5e1; color: #127a45; }
.vuoto { color: var(--ch); text-align: center; padding: 30px 10px; }
.vista { position: fixed; inset: 0; background: var(--blu); z-index: 10; display: flex; flex-direction: column; }
.testa { flex: none; display: flex; align-items: center; gap: 10px; padding: calc(9px + env(safe-area-inset-top)) 12px 9px; background: #0f1326; border-bottom: 3px solid var(--ar); }
.testa button { background: var(--blu3); color: #fff; width: 42px; height: 42px; border-radius: 12px; font-size: 26px; font-weight: 900; line-height: 1; }
.testa b { display: block; font-size: 17px; } .testa small { display: block; color: var(--ch); font-size: 13px; }
.una-corpo { flex: 1; overflow-y: auto; padding: 12px 16px 60px; display: flex; flex-direction: column; gap: 12px; }
.sez { background: #fff; color: #101816; border-radius: 16px; padding: 14px; }
.sez h3 { margin: 0 0 8px; font-size: 13px; letter-spacing: .6px; color: #6b7774; }
.sez.decidere { border-left: 8px solid var(--ar); } .sez.deciso { border-left: 8px solid var(--verde); }
.sez .testo { white-space: pre-wrap; font-size: 16px; }
.sez .meta { font-size: 13.5px; color: #4d5956; margin-top: 8px; }
.sez a { color: #2f6fed; font-weight: 800; text-decoration: none; }
.sez .ok { color: #127a45; font-weight: 900; margin-top: 8px; }
.sez .prob { background: #ffe1e1; color: #8a1616; border-radius: 10px; padding: 8px 10px; margin-top: 8px; font-size: 14.5px; }
.manda { display: block; width: 100%; margin-top: 12px; background: var(--verde); color: #fff; border-radius: 14px; padding: 15px; font-size: 18px; font-weight: 900; }
.manda.rosso { background: var(--rosso); } .manda.chiaro { background: #e3e6ee; color: #101816; }
.manda:disabled { opacity: .45; }
textarea { width: 100%; min-height: 90px; border-radius: 12px; border: 1px solid #c9cfe6; padding: 10px; font: inherit; font-size: 16px; }
select { font: inherit; font-size: 15px; padding: 6px; border-radius: 8px; margin-bottom: 8px; }
.nota { position: fixed; left: 12px; right: 12px; bottom: calc(14px + env(safe-area-inset-bottom)); background: var(--giallo); color: #3a2c00; border-radius: 14px; padding: 12px 14px; font-weight: 800; z-index: 20; }
.nota.rosso { background: #ffe1e1; color: #8a1616; }

/* H185 (9/11 sera): l'ispezione APERTA in cima a «Oggi» */
.aperta { background: #fff7e0; color: #3a2c00; border: 2px solid var(--ar); border-radius: 16px; padding: 14px; }
.aperta small { display: block; font-weight: 900; letter-spacing: .6px; color: #b3570d; font-size: 12.5px; }
.aperta b { display: block; font-size: 19px; } .aperta span { display: block; font-size: 14px; margin-top: 2px; }
.aperta p { margin: 8px 0 0; font-size: 15px; }
#b-comincia { margin-top: 0; font-size: 20px; padding: 18px; }