/* /Components/Layout/BarraMobile.razor.rz.scp.css */
/* Solo sotto i 961px: sopra c'e il cassetto laterale e questa sarebbe di troppo. */
.barra-basso[b-ozaj97h7wd] { display: none; }

@media (max-width: 960px) {
    .barra-basso[b-ozaj97h7wd] {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1300;
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: 1fr;
        background: var(--mud-palette-surface);
        border-top: 1px solid var(--mud-palette-divider);
        /* Sugli iPhone senza tasto casa la barra di sistema mangia lo spazio
           in fondo: l'area sicura va aggiunta, non indovinata. */
        padding-bottom: env(safe-area-inset-bottom, 0);
    }
}

[b-ozaj97h7wd] .voce-basso {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    /* 56px: la misura minima di un bersaglio che si prende col pollice */
    min-height: 56px;
    padding: 8px 4px 6px;
    text-decoration: none;
    color: var(--mud-palette-text-secondary);
    transition: color 0.15s ease;
}

[b-ozaj97h7wd] .voce-basso--attiva { color: var(--mud-palette-primary); }

[b-ozaj97h7wd] .voce-basso:focus-visible {
    outline: 2px solid var(--mud-palette-primary);
    outline-offset: -2px;
    border-radius: 8px;
}

.voce-icona[b-ozaj97h7wd] { position: relative; line-height: 1; }

.voce-testo[b-ozaj97h7wd] {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.01em;
}

.voce-pallino[b-ozaj97h7wd] {
    position: absolute;
    top: -4px;
    right: -8px;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    border-radius: 8px;
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
    font-size: 10px;
    font-weight: 700;
    line-height: 16px;
    text-align: center;
}
/* /Components/Layout/LayoutPubblico.razor.rz.scp.css */
.pubblico[b-v98zxr38ua] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: var(--mud-palette-background);
}

.pubblico-barra[b-v98zxr38ua] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 16px;
    background: var(--mud-palette-surface);
    border-bottom: 1px solid var(--mud-palette-divider);
}

.pubblico-marchio[b-v98zxr38ua] {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: var(--mud-palette-text-primary);
    font-weight: 700;
    font-size: 19px;
    letter-spacing: -0.01em;
}

.pubblico-azioni[b-v98zxr38ua] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.pubblico-corpo[b-v98zxr38ua] {
    flex: 1 1 auto;
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    padding: 24px 16px 40px;
}

@media (min-width: 961px) {
    .pubblico-barra[b-v98zxr38ua] { padding: 14px 32px; }
    .pubblico-corpo[b-v98zxr38ua] { padding: 40px 24px 56px; }
}

.pubblico-piede[b-v98zxr38ua] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center;
    padding: 20px 16px calc(20px + env(safe-area-inset-bottom, 0px));
    border-top: 1px solid var(--mud-palette-divider);
    font-size: 13px;
    color: var(--mud-palette-text-secondary);
}

.pubblico-piede a[b-v98zxr38ua] {
    color: var(--mud-palette-text-secondary);
    text-decoration: none;
}

.pubblico-piede a:hover[b-v98zxr38ua] { color: var(--mud-palette-primary); }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-ondyqmmg7w],
.components-reconnect-repeated-attempt-visible[b-ondyqmmg7w],
.components-reconnect-failed-visible[b-ondyqmmg7w],
.components-pause-visible[b-ondyqmmg7w],
.components-resume-failed-visible[b-ondyqmmg7w],
.components-rejoining-animation[b-ondyqmmg7w] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-ondyqmmg7w],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-ondyqmmg7w],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-ondyqmmg7w],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-ondyqmmg7w],
#components-reconnect-modal.components-reconnect-retrying[b-ondyqmmg7w],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-ondyqmmg7w],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-ondyqmmg7w],
#components-reconnect-modal.components-reconnect-failed[b-ondyqmmg7w],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-ondyqmmg7w] {
    display: block;
}

/* I colori arrivano dal tema, con un ripiego in chiaro: questo dialogo puo
   comparire prima che il MudThemeProvider abbia emesso le sue variabili. */
#components-reconnect-modal[b-ondyqmmg7w] {
    background-color: var(--mud-palette-surface, #FFFFFF);
    color: var(--mud-palette-text-primary, #1A1D21);
    border: 1px solid var(--mud-palette-divider, #E3E6EA);
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border-radius: 0.75rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-ondyqmmg7w 0.5s both;
    font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    font-size: 15px;
}

#components-reconnect-modal[open][b-ondyqmmg7w] {
    animation: components-reconnect-modal-slideUp-b-ondyqmmg7w 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-ondyqmmg7w 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

#components-reconnect-modal[b-ondyqmmg7w]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-ondyqmmg7w 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-ondyqmmg7w {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-ondyqmmg7w {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-ondyqmmg7w {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-ondyqmmg7w] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-ondyqmmg7w] {
    margin: 0;
    text-align: center;
    line-height: 1.5;
}

#components-reconnect-modal button[b-ondyqmmg7w] {
    border: 0;
    min-height: 40px;
    padding: 6px 24px;
    border-radius: 8px;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
    background-color: var(--mud-palette-primary, #2E5B8A);
    color: var(--mud-palette-primary-text, #FFFFFF);
    transition: filter 0.2s ease;
}

#components-reconnect-modal button:hover[b-ondyqmmg7w] {
    filter: brightness(1.08);
}

#components-reconnect-modal button:active[b-ondyqmmg7w] {
    filter: brightness(0.95);
}

#components-reconnect-modal button:focus-visible[b-ondyqmmg7w] {
    outline: 2px solid var(--mud-palette-primary, #2E5B8A);
    outline-offset: 2px;
}

.components-rejoining-animation[b-ondyqmmg7w] {
    position: relative;
    width: 80px;
    height: 80px;
}

.components-rejoining-animation div[b-ondyqmmg7w] {
    position: absolute;
    border: 3px solid var(--mud-palette-primary, #2E5B8A);
    opacity: 1;
    border-radius: 50%;
    animation: components-rejoining-animation-b-ondyqmmg7w 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.components-rejoining-animation div:nth-child(2)[b-ondyqmmg7w] {
    animation-delay: -0.5s;
}

@keyframes components-rejoining-animation-b-ondyqmmg7w {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Admin/Abbonamento.razor.rz.scp.css */
/* Pagina dei piani. Mobile prima: una colonna, le schede in fila verticale,
   e da 961px in su le tre affiancate. */

.piano-testa[b-l294h5xhcw] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.piano-nome[b-l294h5xhcw] {
    font-size: 26px;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -0.01em;
}

.testo-attenzione[b-l294h5xhcw] { color: var(--mud-palette-warning); }

.piano-consumi[b-l294h5xhcw] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    margin-top: 18px;
}

@media (min-width: 601px) {
    .piano-consumi[b-l294h5xhcw] { grid-template-columns: repeat(3, 1fr); gap: 20px; }
}

.consumo-riga[b-l294h5xhcw] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    font-size: 13px;
    color: var(--mud-palette-text-secondary);
    margin-bottom: 6px;
}

.consumo-riga .numerico[b-l294h5xhcw] {
    color: var(--mud-palette-text-primary);
    font-weight: 600;
}

/* ---------- Scelta del periodo ---------- */

.scelta-testa[b-l294h5xhcw] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 16px;
}

@media (min-width: 601px) {
    .scelta-testa[b-l294h5xhcw] {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
}

/* Controllo segmentato fatto a mano: due pulsanti in una pillola.
   Su MudBlazor ci sarebbe il toggle group, ma qui serve anche l'etichetta
   del risparmio dentro il pulsante. */
.interruttore-periodo[b-l294h5xhcw] {
    display: inline-flex;
    padding: 3px;
    background: var(--mud-palette-background-gray);
    border: 1px solid var(--mud-palette-divider);
    border-radius: 999px;
    align-self: flex-start;
}

.periodo[b-l294h5xhcw] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 38px;
    padding: 0 16px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: var(--mud-palette-text-secondary);
    font: inherit;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.18s ease, color 0.18s ease;
}

.periodo:hover[b-l294h5xhcw] { color: var(--mud-palette-text-primary); }

.periodo--attivo[b-l294h5xhcw] {
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.10);
}

.risparmio[b-l294h5xhcw] {
    font-size: 11px;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--mud-palette-success) 16%, transparent);
    color: var(--mud-palette-success);
}

/* ---------- Le schede dei piani ---------- */

.griglia-piani[b-l294h5xhcw] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}

@media (min-width: 961px) {
    .griglia-piani[b-l294h5xhcw] { grid-template-columns: repeat(3, 1fr); gap: 20px; align-items: start; }
}

.scheda-piano[b-l294h5xhcw] {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 22px 20px;
    border: 1px solid var(--mud-palette-divider);
    border-radius: 14px;
    background: var(--mud-palette-surface);
}

/* Il piano consigliato si distingue col bordo, non con un colore di fondo:
   resta leggibile anche in tema scuro. */
.scheda-piano--consigliato[b-l294h5xhcw] {
    border-color: var(--mud-palette-primary);
    box-shadow: 0 0 0 1px var(--mud-palette-primary);
}

.scheda-piano--corrente[b-l294h5xhcw] {
    background: color-mix(in srgb, var(--mud-palette-primary) 5%, var(--mud-palette-surface));
    border-color: color-mix(in srgb, var(--mud-palette-primary) 40%, var(--mud-palette-divider));
}

.etichetta-piano[b-l294h5xhcw] {
    position: absolute;
    top: -11px;
    right: 16px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    padding: 4px 10px;
    border-radius: 999px;
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
}

.etichetta-piano--corrente[b-l294h5xhcw] {
    background: var(--mud-palette-background-gray);
    color: var(--mud-palette-text-secondary);
    border: 1px solid var(--mud-palette-divider);
}

.prezzo[b-l294h5xhcw] {
    display: flex;
    align-items: baseline;
    gap: 6px;
    margin: 10px 0 4px;
}

.prezzo-cifra[b-l294h5xhcw] {
    font-size: 34px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.02em;
    font-variant-numeric: tabular-nums;
}

.prezzo-periodo[b-l294h5xhcw] {
    font-size: 13px;
    color: var(--mud-palette-text-secondary);
}

.lista-funzioni[b-l294h5xhcw] {
    list-style: none;
    margin: 14px 0 auto;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 14px;
}

.lista-funzioni li[b-l294h5xhcw] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

/* L'icona di spunta e decorativa: colore tenue, non deve urlare */
.lista-funzioni[b-l294h5xhcw]  .mud-icon-root {
    color: var(--mud-palette-success);
    margin-top: 1px;
    flex: 0 0 auto;
}
/* /Components/Pages/Admin/Contatori.razor.rz.scp.css */
.griglia-contatori[b-fsigf1b81f] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}

@media (min-width: 1200px) {
    .griglia-contatori[b-fsigf1b81f] { grid-template-columns: 1fr 1fr; gap: 24px; align-items: start; }
}

.contatore-testa[b-fsigf1b81f] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}
/* /Components/Pages/Admin/Immobili.razor.rz.scp.css */
.griglia-immobili[b-byrrj2l9hm] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}

@media (min-width: 961px) {
    .griglia-immobili[b-byrrj2l9hm] { grid-template-columns: 1fr 1fr; gap: 24px; align-items: start; }
}

.immobile-testa[b-byrrj2l9hm] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.immobile-numeri[b-byrrj2l9hm] {
    display: flex;
    gap: 24px;
    margin: 16px 0 12px;
}

.immobile-numeri > div[b-byrrj2l9hm] { display: flex; flex-direction: column; }

.immobile-numeri .numerico[b-byrrj2l9hm] {
    font-size: 24px;
    font-weight: 700;
    text-align: left;
    line-height: 1.1;
}

.immobile-scorciatoie[b-byrrj2l9hm] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    padding-top: 12px;
    border-top: 1px solid var(--mud-palette-divider);
    font-size: 14px;
}
/* /Components/Pages/Admin/Impostazioni.razor.rz.scp.css */
/* Due colonne da tablet in su, una sola sul telefono. */

.griglia-impostazioni[b-lqjw1zhlyu] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}

@media (min-width: 961px) {
    .griglia-impostazioni[b-lqjw1zhlyu] { grid-template-columns: 1fr 1fr; gap: 24px; align-items: start; }
}

.contatori-posta[b-lqjw1zhlyu] {
    display: flex;
    gap: 22px;
}

.contatori-posta > div[b-lqjw1zhlyu] {
    display: flex;
    flex-direction: column;
}

.contatori-posta .numerico[b-lqjw1zhlyu] {
    font-size: 22px;
    font-weight: 700;
    text-align: left;
}

.testo-errore[b-lqjw1zhlyu] { color: var(--mud-palette-error); }

.riga-spazio .consumo-riga[b-lqjw1zhlyu] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    font-size: 13px;
    color: var(--mud-palette-text-secondary);
    margin-bottom: 6px;
}

.riga-spazio .consumo-riga .numerico[b-lqjw1zhlyu] {
    color: var(--mud-palette-text-primary);
    font-weight: 600;
}
/* /Components/Pages/Admin/Report.razor.rz.scp.css */
.selettore-anno[b-h72pb7sn35] { max-width: 200px; }

.mesi[b-h72pb7sn35] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

@media (min-width: 601px) {
    .mesi[b-h72pb7sn35] { grid-template-columns: 1fr 1fr; gap: 12px 20px; }
}

.mese-riga[b-h72pb7sn35] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 4px;
}
/* /Components/Pages/Comunicazione/Messaggi.razor.rz.scp.css */
.conversazioni[b-rbw9kkow4m] {
    display: flex;
    flex-direction: column;
}

.conv[b-rbw9kkow4m] {
    display: flex;
    align-items: center;
    gap: 12px;
    /* 44px di area toccabile anche quando la riga ha poco testo */
    min-height: 64px;
    padding: 10px 6px;
    border-radius: 10px;
    text-decoration: none;
    color: inherit;
}

.conv + .conv[b-rbw9kkow4m] {
    border-top: 1px solid var(--mud-palette-divider-light);
}

.conv:hover[b-rbw9kkow4m] {
    background: var(--mud-palette-table-hover);
}

.conv-iniziale[b-rbw9kkow4m] {
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-weight: 700;
    background: var(--mud-palette-background-gray);
    color: var(--mud-palette-text-secondary);
    border: 1px solid var(--mud-palette-divider);
}

/* min-width:0 sul figlio flessibile: senza, l'ellissi non scatta mai */
.conv-corpo[b-rbw9kkow4m] {
    flex: 1 1 auto;
    min-width: 0;
}

.conv-testa[b-rbw9kkow4m] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
}

.conv-nome[b-rbw9kkow4m] {
    font-weight: 600;
    color: var(--mud-palette-text-primary);
}

.conv-ora[b-rbw9kkow4m] {
    flex: 0 0 auto;
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
}

.conv-anteprima[b-rbw9kkow4m] {
    font-size: 13px;
    color: var(--mud-palette-text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.conv-pallino[b-rbw9kkow4m] {
    flex: 0 0 auto;
    min-width: 22px;
    height: 22px;
    padding: 0 6px;
    border-radius: 11px;
    display: grid;
    place-items: center;
    font-size: 12px;
    font-weight: 700;
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
}
/* /Components/Pages/Inquilino/SituazioneView.razor.rz.scp.css */
.saldo-riga[b-9qrp6wvein] {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 6px;
}

.griglia-due[b-9qrp6wvein] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}

@media (min-width: 961px) {
    .griglia-due[b-9qrp6wvein] { grid-template-columns: 1fr 1fr; gap: 24px; }
}


.mese-testa[b-9qrp6wvein] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
}

.mese-nome[b-9qrp6wvein] {
    font-weight: 600;
    text-transform: capitalize;
}

.mese-totale[b-9qrp6wvein] {
    color: var(--mud-palette-text-secondary);
}
/* /Components/Pages/Pubblico/Calcolatore.razor.rz.scp.css */
.risultato-riga[b-93pkfrz9dh] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    font-size: 15px;
}

.risultato-riga strong[b-93pkfrz9dh] {
    font-size: 20px;
    font-variant-numeric: tabular-nums;
}
/* /Components/Pages/Verbali/DettaglioVerbale.razor.rz.scp.css */
.voci[b-1wplfcoes9] {
    display: flex;
    flex-direction: column;
}

.voce[b-1wplfcoes9] {
    padding: 12px 0;
}

.voce + .voce[b-1wplfcoes9] {
    border-top: 1px solid var(--mud-palette-divider-light);
}

.voce-testa[b-1wplfcoes9] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.voce-titolo[b-1wplfcoes9] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
}

.voce-nota[b-1wplfcoes9] {
    margin: 4px 0 0 28px;
}

.voce-detrazione[b-1wplfcoes9] {
    margin: 4px 0 0 28px;
    color: var(--mud-palette-error);
}

/* Le miniature scorrono in orizzontale dentro la riga: su un telefono e il
   modo giusto di mostrarne cinque senza allungare la pagina. */
.voce-foto[b-1wplfcoes9] {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    margin: 10px 0 0 28px;
    padding-bottom: 4px;
}

.foto-riquadro[b-1wplfcoes9] {
    flex: 0 0 auto;
    width: 78px;
    height: 78px;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid var(--mud-palette-divider);
    background: var(--mud-palette-background-gray);
    display: grid;
    place-items: center;
}

.foto-riquadro img[b-1wplfcoes9] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.cauzione[b-1wplfcoes9] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
}

@media (min-width: 601px) {
    .cauzione[b-1wplfcoes9] { grid-template-columns: repeat(3, 1fr); }
}

.cauzione > div[b-1wplfcoes9] {
    display: flex;
    flex-direction: column;
}
/* /Components/Shared/EmptyState.razor.rz.scp.css */
.vuoto[b-t9a1ze9udp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 40px 24px;
}

.vuoto-titolo[b-t9a1ze9udp] { margin: 14px 0 0; }
.vuoto-testo[b-t9a1ze9udp] { margin: 8px 0 0; }
.vuoto-azione[b-t9a1ze9udp] { margin-top: 20px; }
/* /Components/Shared/FiloMessaggi.razor.rz.scp.css */
/* Solo struttura: i colori arrivano dal tema (--mud-palette-*). */

.filo[b-ucwrf9dtvq] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.filo-messaggi[b-ucwrf9dtvq] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    overflow-y: auto;
    /* Alto abbastanza per far vedere lo scambio, non tanto da mandare la
       casella di scrittura sotto il bordo dello schermo del telefono. */
    min-height: 260px;
    max-height: min(58vh, 520px);
    padding: 4px 2px;
}

.filo-giorno[b-ucwrf9dtvq] {
    align-self: center;
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
    margin: 12px 0 6px;
}

.bolla[b-ucwrf9dtvq] {
    max-width: 82%;
    padding: 9px 12px;
    border-radius: 14px;
    font-size: 15px;
    line-height: 1.45;
}

@media (min-width: 601px) {
    .bolla[b-ucwrf9dtvq] { max-width: 68%; }
}

/* Le proprie a destra, in colore pieno: si distinguono senza leggere il nome. */
.bolla-mia[b-ucwrf9dtvq] {
    align-self: flex-end;
    background: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
    border-bottom-right-radius: 5px;
}

.bolla-sua[b-ucwrf9dtvq] {
    align-self: flex-start;
    background: var(--mud-palette-background-gray);
    color: var(--mud-palette-text-primary);
    border: 1px solid var(--mud-palette-divider);
    border-bottom-left-radius: 5px;
}

.bolla-autore[b-ucwrf9dtvq] {
    font-size: 12px;
    font-weight: 600;
    color: var(--mud-palette-text-secondary);
    margin-bottom: 2px;
}

/* Gli a capo scritti da chi manda vanno tenuti; una parola lunghissima
   (un IBAN, un link) deve spezzarsi invece di allargare la bolla. */
.bolla-testo[b-ucwrf9dtvq] {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.bolla-meta[b-ucwrf9dtvq] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    font-size: 11px;
    margin-top: 3px;
    opacity: 0.75;
}

[b-ucwrf9dtvq] .bolla-spunta {
    font-size: 14px !important;
    width: 14px;
    height: 14px;
}

.filo-composizione[b-ucwrf9dtvq] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    border-top: 1px solid var(--mud-palette-divider);
    padding-top: 14px;
}

/* min-width:0 perche una textarea in un flex non si stringe da sola */
.filo-campo[b-ucwrf9dtvq] {
    flex: 1 1 auto;
    min-width: 0;
}

[b-ucwrf9dtvq] .filo-invia {
    min-height: 44px;
    margin-top: 4px;
}

/* Suggerimento da tastiera: su un telefono non c'e un tasto Ctrl. */
.filo-scorciatoia[b-ucwrf9dtvq] {
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
    margin-top: 2px;
    padding-left: 2px;
}

@media (max-width: 600px) {
    .filo-scorciatoia[b-ucwrf9dtvq] { display: none; }
}
/* /Components/Shared/Marchio.razor.rz.scp.css */
/* display:block toglie lo spazio da riga di testo che un <svg> inline si porta
   dietro; flex:none evita che un contenitore flex lo schiacci. */
.marchio[b-3i2vnki2lr] {
    display: block;
    flex: none;
}
/* /Components/Shared/PageHeader.razor.rz.scp.css */
.intestazione[b-s6dz0oifdu] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
}

.intestazione-sotto[b-s6dz0oifdu] {
    margin: 6px 0 0;
}

@media (min-width: 601px) {
    .intestazione[b-s6dz0oifdu] {
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
        gap: 24px;
    }
    .intestazione-azione[b-s6dz0oifdu] {
        flex-shrink: 0;
    }
}
/* /Components/Shared/SectionCard.razor.rz.scp.css */
.scheda[b-jw0b3ux2pf] {
    padding: 24px;
    border: 1px solid var(--mud-palette-divider);
    border-radius: 12px;
    background: var(--mud-palette-surface);
}

.scheda-compatta[b-jw0b3ux2pf] { padding: 16px; }

.scheda-testa[b-jw0b3ux2pf] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 20px;
}

.scheda-nota[b-jw0b3ux2pf] { margin: 4px 0 0; }

.scheda-strumenti[b-jw0b3ux2pf] { flex-shrink: 0; }
/* /Components/Shared/Soldi.razor.rz.scp.css */
.soldi-grande[b-lkurxi50pt] {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -0.01em;
}