/* Fase 70B - Rapporto sopralluogo mobile-first guidato dalla distinta materiali. */
.survey-page{width:100%;max-width:1600px;margin-inline:auto;display:grid;gap:16px}.survey-source-card,.survey-progress-card,.survey-section,.survey-photo-callout,.survey-action-bar{border:1px solid #d7e0ec;border-radius:20px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.055)}.survey-source-card{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:17px 20px;background:linear-gradient(135deg,#eef6ff 0%,#fff 70%)}.survey-source-card h3,.survey-photo-callout h3{margin:2px 0 4px;color:#061423}.survey-source-card p,.survey-photo-callout p{margin:0;color:#53657d;line-height:1.45}.survey-kicker,.survey-material-category{display:block;color:#1d4ed8;font-size:.72rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.survey-source-metric{min-width:120px;text-align:center;border:1px solid #bfdbfe;border-radius:16px;background:#fff;padding:10px 14px}.survey-source-metric strong{display:block;color:#0f62fe;font-size:1.65rem}.survey-source-metric span{display:block;color:#53657d;font-size:.76rem;font-weight:800}.survey-form{display:grid;gap:16px}.survey-section-nav{position:sticky;top:8px;z-index:20;display:flex;gap:7px;padding:7px;border:1px solid #d7e0ec;border-radius:16px;background:rgba(255,255,255,.96);box-shadow:0 8px 24px rgba(15,23,42,.08);overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.survey-section-nav a{min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:10px;color:#334155;font-weight:850;white-space:nowrap}.survey-section-nav a:hover,.survey-section-nav a:focus-visible,.survey-section-nav a.is-active{background:#0f62fe;color:#fff}.survey-progress-card{display:grid;grid-template-columns:auto minmax(180px,1fr);align-items:center;gap:8px 18px;padding:14px 18px}.survey-progress-card div{display:flex;gap:10px;align-items:baseline}.survey-progress-card span{color:#64748b;font-size:.76rem;font-weight:900;text-transform:uppercase}.survey-progress-card strong{color:#061423;font-size:1.25rem}.survey-progress-card progress{width:100%;height:12px;accent-color:#0f62fe}.survey-progress-card small{grid-column:1/-1;color:#64748b}.survey-section{min-inline-size:0;margin:0;padding:18px}.survey-section legend{display:flex;align-items:center;gap:10px;padding:0 8px 0 0;color:#061423;font-size:1.12rem;font-weight:900}.survey-section legend span{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:#061423;color:#fff;font-size:.82rem}.survey-section-copy{margin:2px 0 15px;color:#53657d;line-height:1.48}.survey-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.survey-field-wide{grid-column:1/-1}.survey-field{min-width:0}.survey-field label{display:block;margin-bottom:6px;color:#17263a;font-size:.82rem;font-weight:850}.survey-field .form-control{width:100%;min-height:46px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;color:#17263a}.survey-field textarea.form-control{min-height:92px;resize:vertical}.survey-field.has-error .form-control{border-color:#dc2626}.survey-field .help-text{display:block;margin-top:5px;color:#64748b;line-height:1.35}.survey-field .error{display:block;margin-top:5px;color:#b91c1c;font-weight:800}.survey-outcome-field ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:9px}.survey-outcome-field li label{min-height:58px;display:flex;align-items:center;gap:9px;border:1px solid #cbd5e1;border-radius:14px;background:#fff;padding:10px 12px;color:#17263a;font-weight:800}.survey-outcome-field input{width:20px;height:20px;flex:0 0 auto}.survey-outcome-field li label:has(input:checked){border-color:#0f62fe;background:#eff6ff;color:#1d4ed8}.survey-material-section{background:#f8fafc}.survey-material-groups{display:grid;gap:16px}.survey-material-group{display:grid;gap:10px}.survey-material-group-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.survey-material-group-head h3{margin:0;color:#061423}.survey-material-group-head span{border-radius:999px;background:#dbeafe;color:#1d4ed8;padding:5px 9px;font-size:.74rem;font-weight:900}.survey-material-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:12px}.survey-material-card{min-width:0;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:14px;border:1px solid #d7e0ec;border-radius:17px;background:#fff;padding:14px}.survey-material-copy h4{margin:4px 0;color:#061423}.survey-material-copy p,.survey-material-copy small{display:block;margin:4px 0;color:#53657d;line-height:1.38}.survey-material-copy>strong{display:inline-flex;margin-top:8px;border-radius:10px;background:#eef4f8;color:#17263a;padding:7px 9px}.survey-material-fields{display:grid;gap:9px}.survey-empty-materials{border:1px dashed #94a3b8;border-radius:16px;background:#fff;padding:18px;color:#475569}.survey-empty-materials strong{color:#061423}.survey-empty-materials p{margin:5px 0 0}.survey-installation-notes{border-color:#f5c36a;background:linear-gradient(135deg,#fffbeb,#fff)}.survey-primary-note{border:1px solid #f5c36a;border-radius:16px;background:#fff;padding:13px}.survey-primary-note label{color:#92400e;font-size:.9rem}.survey-primary-note textarea.form-control{min-height:150px}.survey-photo-callout{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 20px}.survey-action-bar{position:sticky;bottom:8px;z-index:18;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;background:rgba(255,255,255,.97)}.survey-action-bar>div:first-child{display:grid}.survey-action-bar>div:first-child strong{color:#061423}.survey-action-bar>div:first-child span{color:#64748b;font-size:.82rem}.survey-action-bar .actions{display:flex;gap:8px;flex-wrap:wrap}.survey-summary-card{border:1px solid #bfdbfe;border-radius:20px;background:linear-gradient(135deg,#eff6ff,#fff);padding:17px;box-shadow:0 8px 22px rgba(15,23,42,.05)}.survey-summary-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.survey-summary-head h3{margin:2px 0 4px;color:#061423}.survey-summary-head p{margin:0;color:#53657d}.survey-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px;margin-top:12px}.survey-summary-item{border:1px solid #dbeafe;border-radius:13px;background:#fff;padding:10px}.survey-summary-item span{display:block;color:#64748b;font-size:.72rem;font-weight:900;text-transform:uppercase}.survey-summary-item strong{display:block;margin-top:4px;color:#061423}.survey-summary-note{margin-top:12px;border-left:4px solid #0f62fe;border-radius:0 12px 12px 0;background:#fff;padding:11px;color:#17263a;line-height:1.45}@media(max-width:900px){.survey-material-card{grid-template-columns:1fr}.survey-source-card,.survey-photo-callout,.survey-summary-head{align-items:flex-start;flex-direction:column}.survey-source-metric{min-width:0;text-align:left}.survey-action-bar{align-items:flex-start;flex-direction:column}.survey-action-bar .actions{width:100%}}@media(max-width:720px){.survey-page{gap:12px}.survey-section{padding:15px;border-radius:17px}.survey-field-grid{grid-template-columns:1fr}.survey-field-wide{grid-column:auto}.survey-material-grid{grid-template-columns:1fr}.survey-progress-card{grid-template-columns:1fr}.survey-progress-card small{grid-column:auto}.survey-section-nav{top:4px;margin-inline:-2px}.survey-action-bar{position:static}.survey-action-bar .btn{width:100%}.survey-photo-callout .btn{width:100%}.survey-outcome-field ul{grid-template-columns:1fr}}@media(forced-colors:active){.survey-section,.survey-source-card,.survey-material-card,.survey-action-bar{border:1px solid CanvasText}.survey-section-nav a.is-active{outline:2px solid Highlight}}@media(prefers-reduced-motion:reduce){.survey-section-nav{scroll-behavior:auto}}

/* Estensioni 70B.2: preparazione ufficio, repertorio fotografico e campi estesi. */
.survey-office-brief {
  display: grid;
  grid-template-columns: minmax(180px, .42fr) minmax(0, 1fr);
  gap: 18px;
  align-items: start;
  border: 1px solid #93c5fd;
  border-radius: 20px;
  background: linear-gradient(135deg, #eff6ff, #ffffff);
  padding: 18px 20px;
  box-shadow: 0 8px 24px rgba(15, 23, 42, .055);
}
.survey-office-brief h3 { margin: 3px 0 0; color: #061423; }
.survey-office-brief p { margin: 0; color: #334155; line-height: 1.58; }
.survey-photo-copy { min-width: 0; }
.survey-photo-checklist {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
}
.survey-photo-checklist li {
  display: grid;
  gap: 3px;
  border: 1px solid #dbeafe;
  border-radius: 12px;
  background: #fff;
  padding: 10px 12px;
}
.survey-photo-checklist strong { color: #17263a; }
.survey-photo-checklist span { color: #64748b; font-size: .82rem; line-height: 1.4; }
.survey-section[id] { scroll-margin-top: 88px; }
.survey-section-nav a[aria-current="true"] { background: #0f62fe; color: #fff; }
.survey-form.is-dirty .survey-action-bar { border-color: #f59e0b; }
.survey-roof-config {
  display: grid;
  gap: 12px;
  border: 1px solid #bfdbfe;
  border-radius: 16px;
  background: #f8fbff;
  padding: 14px;
}
.survey-roof-config-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.survey-roof-config-head strong,
.survey-roof-config-head span { display: block; }
.survey-roof-config-head strong { color: #17263a; }
.survey-roof-config-head span { margin-top: 4px; color: #64748b; line-height: 1.4; }
.survey-roof-count-field { flex: 0 0 190px; }
.survey-roof-grid { display: grid; gap: 9px; }
.survey-roof-row {
  display: grid;
  grid-template-columns: 34px minmax(180px, .7fr) minmax(240px, 1.3fr);
  gap: 11px;
  align-items: start;
  border: 1px solid #dbeafe;
  border-radius: 14px;
  background: #fff;
  padding: 12px;
}
.survey-roof-row[hidden] { display: none; }
.survey-roof-number {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  margin-top: 24px;
  border-radius: 999px;
  background: #1d4ed8;
  color: #fff;
  font-size: .78rem;
  font-weight: 900;
}

@media (max-width: 900px) {
  .survey-office-brief { grid-template-columns: 1fr; }
  .survey-photo-checklist { grid-template-columns: 1fr; }
  .survey-roof-config-head { flex-direction: column; }
  .survey-roof-count-field { flex-basis: auto; width: 100%; }
}

@media (max-width: 720px) {
  .survey-office-brief { border-radius: 17px; padding: 15px; }
  .survey-source-card { padding: 15px; }
  .survey-section-nav { max-width: 100vw; }
  .survey-roof-row { grid-template-columns: 30px minmax(0, 1fr); }
  .survey-roof-row .survey-field:last-child { grid-column: 2; }
}

@media (forced-colors: active) {
  .survey-office-brief,
  .survey-photo-checklist li { border: 1px solid CanvasText; }
  .survey-section-nav a[aria-current="true"] { outline: 2px solid Highlight; }
}