/* ============================================================
   Segmenti Ospiti — card ad altezza uniforme
   ------------------------------------------------------------
   Nella lista (Table con ->contentGrid) le card sono disposte in
   una CSS grid: ogni cella .fi-ta-record e' gia' h-full e la riga
   prende l'altezza della card piu' alta (es. "Demo Luna").
   Il problema e' che i wrapper interni generati da Filament tra la
   cella e la nostra card colorata (segment-card.blade.php, che ha
   height:100%) sono a display:block / altezza automatica, quindi la
   card si ferma all'altezza del contenuto invece di riempire la cella.

   Qui rendiamo l'intera catena di wrapper del *contenuto* (mai le
   azioni: .fi-ta-actions resta a dimensione naturale) una colonna
   flessibile che si estende, cosi' l'altezza propaga fino alla card.
   Tutto e' scopato a .fi-resource-guest-segments per non toccare le
   altre tabelle del pannello.
   ============================================================ */

/* Cella della griglia (grid item, altezza definita): colonna flex */
.fi-resource-guest-segments .fi-ta-content-grid > .fi-ta-record {
    display: flex;
    flex-direction: column;
}

/* Wrapper esterno del record (flex items-center): riempie la cella
   ed estende in verticale il suo contenuto (stretch, non center) */
.fi-resource-guest-segments .fi-ta-content-grid > .fi-ta-record > div {
    flex: 1 1 auto;
    align-items: stretch;
    min-height: 0;
}

/* Colonna del contenuto (sorella delle azioni .fi-ta-actions) */
.fi-resource-guest-segments .fi-ta-content-grid > .fi-ta-record > div > div > .flex-1 {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

/* Tutti gli anelli intermedi della catena Filament *dentro* la colonna
   contenuto (grid.column, wrapper record-content, Stack, col-wrapper):
   crescono e impilano in colonna, propagando l'altezza fino alla card. */
.fi-resource-guest-segments .fi-ta-content-grid > .fi-ta-record > div > div > .flex-1 .w-full,
.fi-resource-guest-segments .fi-ta-content-grid > .fi-ta-record > div > div > .flex-1 .flex-1,
.fi-resource-guest-segments .fi-ta-content-grid > .fi-ta-record > div > div > .flex-1 .fi-ta-col-wrp,
.fi-resource-guest-segments .fi-ta-content-grid > .fi-ta-record > div > div > .flex-1 .flex.flex-col.items-start {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

/* ============================================================
   Modali Segmenti (Anteprima "Vedi Segmento ospiti" + Modifica)
   ------------------------------------------------------------
   Box del modale vincolato all'altezza dello schermo: header e
   footer restano fissi (flex-shrink:0) e SOLO il corpo scorre,
   internamente alla scatola. Cosi' gli angoli arrotondati della
   finestra restano sempre visibili e non scrolla l'overlay.
   La classe seg-modal-fit e' aggiunta alla .fi-modal-window via
   ->extraModalWindowAttributes() sulle rispettive Action.
   Il contenitore (modalContainer) ha p-4 → sottraggo 2rem.
   ============================================================ */
.fi-modal-window.seg-modal-fit {
    max-height: calc(100vh - 2rem);
    max-height: calc(100dvh - 2rem);
}

.fi-modal-window.seg-modal-fit > .fi-modal-header,
.fi-modal-window.seg-modal-fit > .fi-modal-footer {
    flex: 0 0 auto;
}

.fi-modal-window.seg-modal-fit > .fi-modal-content {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
}