/* Scoped to the roof options; no changes to formulas or other tools. */
html .roof-compact #isolamentoBox{margin-bottom:16px}
html .roof-compact #isolamentoBox .grid2{grid-template-columns:minmax(0,2fr) minmax(100px,1fr);gap:14px}
html .roof-compact .field-label{display:block;font-size:11px;line-height:1.3;margin:0 0 5px;text-transform:none}
html .roof-compact select.input{min-height:40px;padding:8px 10px;font-size:13px}
html .roof-compact #isolamentoBox .hint{font-size:12px!important;line-height:1.45!important;color:#748078;margin:8px 0 0!important}
html .roof-compact .roof-options-compact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:26px;row-gap:0;border-top:1px solid #e8ede8}
html .roof-compact .roof-option-row{min-width:0;padding:12px 0;border-bottom:1px solid #edf0ed;background:none;display:flex;align-items:center;gap:10px}
html .roof-compact .roof-option-gronde,html .roof-compact .roof-option-pluviali{display:block;padding:14px 0}
html .roof-compact .check{display:flex;align-items:center;gap:8px;position:static;min-height:22px}
html .roof-compact .check input{position:static!important;opacity:1!important;appearance:auto!important;width:16px!important;height:16px!important;flex:0 0 16px;margin:0;accent-color:#83ac35}
html .roof-compact .check label,html .roof-compact .check input:checked+label,html .roof-compact .check input:checked~label{border:0!important;box-shadow:none!important;background:none!important;padding:0!important;border-radius:0;font-size:13px;font-weight:600;line-height:1.4;cursor:pointer}
html .roof-compact .check label:after{display:none!important}
html .roof-compact .roof-line-icon{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:#91a087;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
html .roof-compact .roof-option-row>label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;flex:1;line-height:1.4}
html .roof-compact .roof-option-row>.input{width:58px;min-width:58px;min-height:34px;padding:6px;font-size:13px}
html .roof-compact #roofGutterFields,html .roof-compact #roofDownpipeFields{margin-top:10px}
html .roof-compact #roofDownpipeFields .grid2{grid-template-columns:minmax(85px,1fr) minmax(0,1.5fr);gap:10px}
html .roof-compact #roofGutterFields .input,html .roof-compact #roofDownpipeFields .input{padding:8px 9px;min-height:36px;font-size:13px}
html .roof-compact #gronde_metri,html .roof-compact #pluviali_altezza{appearance:textfield;-moz-appearance:textfield}
html .roof-compact #gronde_metri::-webkit-inner-spin-button,html .roof-compact #gronde_metri::-webkit-outer-spin-button,html .roof-compact #pluviali_altezza::-webkit-inner-spin-button,html .roof-compact #pluviali_altezza::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
html .roof-compact input[type=number]:not(#gronde_metri):not(#pluviali_altezza)::-webkit-inner-spin-button{opacity:1}
html .roof-compact #grondeAuto,html .roof-compact #pluvialiAuto{display:block;margin-top:6px;color:#7b877e;font-size:11px;line-height:1.4}
html .roof-compact #roofDrainage{display:none!important}
html .roof-compact [hidden]{display:none!important}
html .roof-compact .roof-option-amianto{color:#859087}
@media(max-width:680px){html .roof-compact .roof-options-compact{grid-template-columns:minmax(0,1fr)}html .roof-compact .roof-option-row{padding:10px 0}html .roof-compact #isolamentoBox .grid2{grid-template-columns:minmax(0,1.6fr) minmax(90px,1fr);gap:10px}}

/* V38: gerarchia più chiara e righe compatte; stessi controlli e calcoli. */
html #roofForm.roof-form-refined{gap:14px}html .roof-form-refined>.box{padding:18px;border-radius:17px}html .roof-form-refined .qhead{margin-bottom:12px;gap:11px}html .roof-form-refined .qhead strong{font-size:18px;line-height:1.25}html .roof-form-refined .qhead small{font-size:12px;line-height:1.4;margin-top:3px}html .roof-form-refined .num{width:26px;height:26px;font-size:11px}html .roof-form-refined .choice label{padding:11px 12px;min-height:0}html .roof-form-refined .choice label strong{font-size:13px;line-height:1.3}html .roof-form-refined .choice label small{font-size:11px;line-height:1.4;margin-top:4px}html .roof-form-refined .warn{font-size:11px;line-height:1.45;padding:8px 10px;margin-top:10px}
html .roof-refined #isolamentoBox{margin-bottom:12px}html .roof-refined #isolamentoBox .grid2{grid-template-columns:minmax(0,2fr) minmax(100px,1fr);gap:12px}html .roof-refined select.input{box-sizing:border-box;width:100%;height:34px;min-height:34px;padding:5px 9px;font-size:12px;border:1px solid #dce4dc;border-radius:7px;background:#fff;color:#29382e}html .roof-refined .field-label{font-size:10px;margin-bottom:4px;line-height:1.3}html .roof-insulation-help{margin-top:7px}html .roof-insulation-help>summary{cursor:pointer;list-style:none;font:11px/1.5 system-ui;color:#71836a;display:inline-flex;align-items:center;gap:5px}html .roof-insulation-help>summary:before{content:'i';font:600 9px system-ui;display:inline-grid;place-items:center;border:1px solid #a2b398;border-radius:50%;width:12px;height:12px}html .roof-insulation-help>summary::-webkit-details-marker{display:none}html .roof-refined #isolamentoBox .hint{font-size:11px!important;margin:5px 0 0!important;line-height:1.5!important}
html .roof-refined .roof-options-compact{grid-template-columns:repeat(6,minmax(0,1fr));column-gap:20px}html .roof-refined .roof-option-row{padding:9px 0;gap:7px}html .roof-refined .check{gap:6px}html .roof-refined .check label,html .roof-refined .check input:checked~label{font-size:12px;line-height:1.3}html .roof-refined .roof-line-icon{width:16px;height:16px;flex-basis:16px;stroke-width:1.3}html .roof-refined .roof-option-row>label{font-size:12px;gap:6px}html .roof-refined .roof-option-gronde{grid-column:1/4;grid-row:1;display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:6px 12px;align-items:start}html .roof-refined .roof-option-pluviali{grid-column:4/7;grid-row:1;display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:6px 12px;align-items:start}html .roof-refined .roof-option-gronde>.check,html .roof-refined .roof-option-pluviali>.check{margin-top:19px}html .roof-refined #roofGutterFields,html .roof-refined #roofDownpipeFields{margin:0;min-width:0}html .roof-refined #roofDownpipeFields .grid2{grid-template-columns:1fr 1fr;gap:8px}html .roof-refined #roofGutterFields .input,html .roof-refined #roofDownpipeFields .input{width:100%;box-sizing:border-box;padding:5px 7px;min-height:32px;height:32px;font-size:12px;border-radius:7px}html .roof-refined .roof-drainage-note{grid-column:1/-1;margin:0!important;font-size:10px!important;line-height:1.4!important;color:#7b8874}html .roof-option-gronde:has(#gronde:not(:checked)) #grondeAuto,html .roof-option-pluviali:has(#pluviali:not(:checked)) #pluvialiAuto{display:none!important}html .roof-refined .roof-option-lineavita{grid-column:1/4;grid-row:2}html .roof-refined .roof-option-amianto{grid-column:4/7;grid-row:2}html .roof-refined .roof-option-lucernari{grid-column:1/3;grid-row:3}html .roof-refined .roof-option-camini{grid-column:3/5;grid-row:3}html .roof-refined .roof-option-abbaini{grid-column:5/7;grid-row:3}html .roof-refined .roof-option-row>.input{width:48px;min-width:48px;min-height:30px;height:30px;padding:4px;font-size:12px;border-radius:7px}
@media(max-width:1050px) and (min-width:761px){html .roof-refined .roof-option-gronde,html .roof-refined .roof-option-pluviali{grid-template-columns:1fr}html .roof-refined .roof-option-gronde>.check,html .roof-refined .roof-option-pluviali>.check{margin-top:0}html .roof-refined #roofGutterFields{max-width:150px}}
@media(max-width:760px){html .roof-form-refined>.box{padding:15px;border-radius:15px}html .roof-form-refined .qhead strong{font-size:17px}html .roof-refined .roof-options-compact{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px}html .roof-refined .roof-option-gronde,html .roof-refined .roof-option-pluviali{grid-column:1/-1;grid-row:auto;grid-template-columns:minmax(0,1fr) 155px}html .roof-refined .roof-option-gronde{grid-template-columns:minmax(0,1fr) 110px}html .roof-refined .roof-option-lineavita,html .roof-refined .roof-option-amianto,html .roof-refined .roof-option-lucernari,html .roof-refined .roof-option-camini,html .roof-refined .roof-option-abbaini{grid-column:auto;grid-row:auto}html .roof-refined .roof-option-amianto{grid-column:1/-1}html .roof-refined .roof-option-lineavita{grid-column:1/-1}html .roof-refined .roof-option-abbaini{grid-column:1/-1}html .roof-refined input.input,html .roof-refined select.input,html .roof-refined #roofGutterFields .input,html .roof-refined #roofDownpipeFields .input{font-size:16px}html .roof-refined .roof-option-row>label{font-size:11px}html .roof-refined .roof-option-row>.input{min-width:43px;width:43px}html .roof-refined .roof-option-abbaini>.input{margin-left:auto}}

/* V39: un unico pannello per intervento, dotazioni e accesso. */
html .roof-unified>.qhead{padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #e6ece3}html .roof-unified .roof-subheading{font:650 10px/1.4 system-ui;letter-spacing:.045em;text-transform:uppercase;color:#73846a;margin:0 0 7px}html .roof-intervention-block{margin:0 0 14px}html .roof-unified .roof-intervention-block .grid3{gap:8px}html .roof-unified .roof-intervention-block .choice label{min-height:38px!important;padding:9px 10px!important;border:1px solid #dce5d6!important;border-radius:7px!important;background:#fff!important;box-shadow:none!important;display:flex;align-items:center}html .roof-unified .roof-intervention-block .choice label b{font-size:12px;line-height:1.3;display:flex;align-items:center;gap:7px}html .roof-unified .roof-intervention-block .choice label b:before{content:'';display:block;flex:0 0 10px;width:10px;height:10px;border:1px solid #aab99f;border-radius:50%;box-sizing:border-box}html .roof-unified .roof-intervention-block .choice input:checked+label{border-color:#8ab83d!important;background:#f1f8e7!important}html .roof-unified .roof-intervention-block .choice input:checked+label b:before{background:#7fa637;border-color:#7fa637;box-shadow:inset 0 0 0 2px #f1f8e7}html .roof-unified .roof-intervention-block .choice input:focus-visible+label{outline:2px solid #73952e;outline-offset:2px}html .roof-unified .roof-intervention-block .choice label:after,html .roof-unified .roof-intervention-block .choice label small{display:none!important}html .roof-unified .roof-intervention-note{font:11px/1.5 system-ui;color:#788671;margin:6px 0 0;min-height:16px}html .roof-unified .roof-intervention-block .warn{background:none!important;border:0!important;border-left:2px solid #d4c19b!important;border-radius:0;padding:2px 0 2px 8px!important;font:10px/1.5 system-ui!important;color:#9a8050;margin:6px 0 0!important}html .roof-unified #isolamentoBox{padding-top:12px;border-top:1px solid #e6ece3;margin-bottom:12px}html .roof-unified #isolamentoBox .grid2{grid-template-columns:minmax(0,2fr) minmax(100px,1fr)}html .roof-unified .roof-dotations-title{padding-top:11px;border-top:1px solid #e6ece3;margin-bottom:2px}html .roof-unified .roof-options-compact{border-top:0}html .roof-unified .roof-access-block{padding-top:11px;margin-top:9px;border-top:1px solid #e6ece3;display:grid;grid-template-columns:130px minmax(0,1fr);gap:12px;align-items:center}html .roof-unified .roof-access-block>.roof-subheading{margin:0}html .roof-unified .roof-access{margin:0;gap:8px}html .roof-unified .roof-access label{padding:7px 9px!important;min-height:32px!important;border-radius:7px!important;font-size:11px!important}html .roof-unified .roof-access span{font-size:11px!important}
@media(max-width:760px){html .roof-unified .roof-intervention-block .grid3{grid-template-columns:1fr!important;gap:6px}html .roof-unified .roof-intervention-block .choice label{min-height:34px!important;padding:7px 9px!important}html .roof-unified .roof-access-block{grid-template-columns:1fr;gap:6px}html .roof-unified .roof-access label{padding:7px 5px!important}html .roof-unified .roof-access span{font-size:10px!important}}