/* ==========================================================================
   F4M MULTIVIEW construct - neutral structural skin (theme via CSS variables).
   Contenitore con header (titolo+sottotitolo+azioni), riga chips e viste
   switchabili. Il look PrimisWeb-specifico vive in resource/css (override layer).
   ========================================================================== */

.F4M_MULTIVIEW{ width:100%; display:block; }

/* ---- header block: titolo/sottotitolo + azioni + chips (riquadro unico) ---- */
.F4M_MULTIVIEW_HEAD{
    display:flex; flex-direction:column; gap:var(--margin2);
    width:100%; margin-bottom:var(--margin2);
}
.F4M_MULTIVIEW_HEAD_TOP{
    display:flex; flex-direction:row; align-items:flex-start;
    justify-content:space-between; gap:var(--margin2); flex-wrap:wrap;
}
.F4M_MULTIVIEW_HEAD_TEXT{ min-width:0; }
.F4M_MULTIVIEW_TITLE{
    margin:0; font-size:var(--font-size3); font-weight:700; color:var(--nero1);
    line-height:1.15;
}
.F4M_MULTIVIEW_SUBTITLE{
    margin:var(--margin0) 0 0; color:var(--nero2);
    font-size:var(--font-size1); font-weight:500;
}
.F4M_MULTIVIEW_ACTIONS{
    display:flex; flex-direction:row; align-items:center;
    gap:var(--margin1); flex-wrap:wrap; flex:0 0 auto;
}

/* ---- chips: switch tra viste ---- */
.F4M_MULTIVIEW_CHIPS{
    display:flex; flex-direction:row; align-items:center;
    gap:var(--margin1); flex-wrap:wrap;
    width:100%; margin-bottom:var(--margin3);
}
.F4M_MULTIVIEW_CHIP{
    display:inline-flex; align-items:center; gap:var(--margin1);
    height:38px; padding:0 18px; border:1px solid var(--nero6);
    border-radius:var(--radius1); background:var(--bianco1);
    color:var(--nero1); font-weight:600; white-space:nowrap;
    cursor:pointer; transition:var(--transition0);
}
.F4M_MULTIVIEW_CHIP:hover{ background:var(--nero6); }
.F4M_MULTIVIEW_CHIP.active{
    background:var(--colore2); color:var(--nero0);
    border-color:var(--colore2);
}

/* ---- contenitori viste ---- */
.F4M_MULTIVIEW_VIEWS{ width:100%; }
.F4M_MULTIVIEW_VIEW{ width:100%; }