/* =====================================================================
   MRv2 — MAPPING per-pagina (vocabolario reale → look Master Rule v2)
   Carica DOPO ui2-master-v2.css. Solo grafica, !important, scope .mrv2.
   Le pagine vecchie usano classi su misura (summary-section, ai-field-*,
   persona-fields-box, ...). Qui le rimappiamo al sistema v2 senza toccare
   il markup né il JS.
   ===================================================================== */

/* ---- SEZIONE = card bianca con header a banda gradiente ---- */
.mrv2 .summary-section,
.mrv2 .ai-fields-section,
.mrv2 .data-section,
.mrv2 .form-section{
  background:var(--mr-card) !important;
  border:1px solid var(--mr-card-bd) !important;
  border-radius:var(--mr-r-card) !important;
  box-shadow:var(--mr-shadow) !important;
  padding:0 0 14px !important;
  margin:0 0 16px !important;
  overflow:hidden !important;
}
/* titolo sezione → banda gradiente blu→turchese, testo bianco */
.mrv2 .summary-section-title,
.mrv2 .ai-fields-section-title,
.mrv2 .data-section > .section-head,
.mrv2 .form-section > .section-head{
  background:var(--mr-grad) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  font-size:14px !important; font-weight:750 !important;
  letter-spacing:.01em !important; text-transform:none !important;
  margin:0 0 12px !important; padding:12px 14px !important;
  border:0 !important; border-radius:0 !important;
  display:flex !important; align-items:center !important; gap:.55rem !important;
}
.mrv2 .summary-section-title i,
.mrv2 .summary-section-title .ic,
.mrv2 .ai-fields-section-title i{
  color:#fff !important; -webkit-text-fill-color:#fff !important;
}
/* contenuto della sezione: padding laterale (il titolo è a tutta larghezza) */
.mrv2 .summary-section > :not(.summary-section-title),
.mrv2 .ai-fields-section > :not(.ai-fields-section-title){
  padding-left:14px !important; padding-right:14px !important;
}

/* ---- sotto-titoli interni (FIMAA, ecc.) = divisore blu su greybox ---- */
.mrv2 .fimaa-section-title{
  background:var(--mr-grey) !important;
  color:var(--mr-divider) !important;
  -webkit-text-fill-color:var(--mr-divider) !important;
  border:1px solid var(--mr-grey-bd) !important;
  border-radius:var(--mr-r-box) !important;
  font-weight:800 !important;
}
.mrv2 .section-divider{
  color:var(--mr-divider) !important;
  -webkit-text-fill-color:var(--mr-divider) !important;
  font-weight:800 !important; background:transparent !important;
  border:0 !important; border-top:1px solid var(--mr-line) !important;
}

/* ---- box raggruppamento campi (persona/immobile) = greybox ---- */
.mrv2 .persona-fields-box,
.mrv2 .fields-box,
.mrv2 .sub-card{
  background:var(--mr-grey) !important;
  border:1px solid var(--mr-grey-bd) !important;
  border-radius:var(--mr-r-box) !important;
  padding:12px !important;
}

/* ---- label dei campi ---- */
.mrv2 .ai-field-label,
.mrv2 .field-label,
.mrv2 .font-label{
  font-size:var(--mr-fz-label) !important; font-weight:650 !important;
  color:var(--mr-ink2) !important; text-transform:none !important;
}

/* ---- ricerca cliente/DB = campo giallo ---- */
.mrv2 .cerca-db-wrap input,
.mrv2 input.cerca-db,
.mrv2 input[type=search],
.mrv2 .search-input,
.mrv2 input[placeholder*="Cerca"],
.mrv2 input[placeholder*="cerca"]{
  background:var(--mr-search) !important;
  border-color:var(--mr-search-bd) !important;
  color:var(--mr-search-ink) !important;
}

/* ---- bottoni AI (estrazione) = arancione cream ---- */
.mrv2 .btn-extract-ai,
.mrv2 .btn-ai,
.mrv2 .btn-add-card{
  background:var(--mr-ai-cream) !important;
  border:1px dashed var(--mr-ai-bd) !important;
  color:var(--mr-ai-ink) !important;
  border-radius:var(--mr-r-btn) !important; font-weight:700 !important;
}
.mrv2 .btn-extract-ai:hover,
.mrv2 .btn-ai:hover{ filter:brightness(.98) !important; }

/* ---- pagehead (titolo pagina design-system) ---- */
.mrv2 .page-title-main,
.mrv2 .page-title-block .page-title-main{
  font-size:21px !important; font-weight:800 !important; color:var(--mr-ink) !important;
}
.mrv2 .page-title-desc,.mrv2 .page-title-kicker{ color:var(--mr-mut) !important; }
.mrv2 .page-title-icon{
  background:var(--mr-grad) !important; color:#fff !important; border-radius:10px !important;
}