.componenti-guidata{--componenti-verde:#174d38;--componenti-chiaro:#edf4e8}
.componenti-avanzamento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;list-style:none;padding:0;margin:0 0 14px}
.componenti-avanzamento li{display:flex;align-items:center;gap:8px;padding:5px 3px 9px;border-bottom:2px solid var(--border);font-size:12px;color:var(--text2)}
.componenti-avanzamento li span{display:grid;place-items:center;flex:0 0 25px;height:25px;border-radius:50%;background:var(--surface2);font-weight:700}
.componenti-avanzamento li[aria-current]{border-color:var(--componenti-verde);color:var(--text);font-weight:700}
.componenti-avanzamento li[aria-current] span{color:white;background:var(--componenti-verde)}
.componenti-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(215px,30%);gap:14px;align-items:start}
.componenti-pannello,.componenti-quadro{min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:12px}
.componenti-testa,.componenti-corpo,.componenti-piede{padding:15px clamp(12px,2vw,22px)}
.componenti-testa{border-bottom:1px solid var(--border)}
.componenti-testa h3{margin:4px 0;font-size:20px;line-height:1.25}
.componenti-testa p,.componenti-nota,.componenti-scheda small,.componenti-ruolo small{margin:0;color:var(--text2);font-size:12px}
.componenti-indice,.componenti-domanda h4 span{font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--text2)}
.componenti-corpo{display:grid;gap:14px}
.componenti-domanda+.componenti-domanda{border-top:1px solid var(--border);padding-top:14px}
.componenti-domanda h4,.componenti-coppia h4{margin:0;font-size:14px}
.componenti-domanda h4{margin-bottom:9px}
.componenti-domanda h4 span{margin-right:6px}
.componenti-domanda label,.componenti-quadro label{display:grid;gap:4px;font-size:12px;color:var(--text2);min-width:0}
.componenti-domanda input:not([type=checkbox]),.componenti-domanda textarea,.componenti-domanda select{width:100%;min-width:0;min-height:36px;padding:7px 10px;border:1px solid var(--border2);border-radius:var(--radius-sm);font:13px var(--font-sans);color:var(--text);background:var(--surface)}
.componenti-domanda label.componenti-casella{display:flex;align-items:center;gap:7px;min-height:34px}
.componenti-casella input{width:auto;margin:0}
.componenti-domanda .componenti-prezzo{max-width:245px;margin-top:8px}
.componenti-ruolo,.componenti-piede,.componenti-azioni{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.componenti-ruolo{margin-bottom:9px}
.componenti-materiale{padding:8px 0;border-bottom:1px solid var(--border)}
.componenti-materiale-riga{display:grid;grid-template-columns:minmax(105px,2fr) minmax(55px,.6fr) minmax(100px,1fr) auto;align-items:end;gap:7px}
.componenti-dettagli{margin-top:8px;color:var(--text2);font-size:12px}
.componenti-dettagli summary{cursor:pointer}
.componenti-dettagli .btn{margin-top:8px}
.componenti-campi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:7px}
.componenti-campo-largo{grid-column:1/-1}
.componenti-vuoto,.componenti-scheda{padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface2)}
.componenti-vuoto{font-size:12px;color:var(--text2)}
.componenti-confermata{background:var(--componenti-chiaro);color:var(--componenti-verde)}
.componenti-azioni{margin-top:7px}
.componenti-piede{justify-content:space-between;border-top:1px solid var(--border)}
.componenti-piede>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.componenti-quadro-totale{display:grid;gap:2px;border-radius:11px 11px 0 0;padding:15px;background:var(--componenti-verde);color:white}
.componenti-quadro-totale>strong{font-size:23px;line-height:1.2;overflow-wrap:anywhere}
.componenti-quadro-totale>span{font-size:12px;font-weight:700}
.componenti-quadro-dettaglio,.componenti-quadro>label{padding:10px 13px 0}
.componenti-quadro input{margin:5px 13px 12px}
.componenti-coppia{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:3px 0;font-size:13px}
.componenti-coppia>:first-child{min-width:0;overflow-wrap:anywhere}
.componenti-coppia>:last-child{flex:none}
.componenti-opzioni-quadro{margin-top:7px;border-top:1px solid var(--border);padding-top:7px}
.componenti-opzioni-quadro>small{display:block;color:var(--text2)}
@media(max-width:1050px){.componenti-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:510px){.componenti-materiale-riga{grid-template-columns:minmax(55px,.6fr) minmax(0,1fr) auto}.componenti-materiale-riga>label:first-child{grid-column:1/-1}.componenti-avanzamento li{flex-wrap:wrap}.componenti-azioni .btn,.componenti-piede .btn{white-space:normal}}