/* Quello che resta del foglio del modello Blazor, piu' il poco che Tabler non copre.

   Sono spariti da qui: il font imposto su html e body, che scavalcava la scala tipografica di
   Tabler; il colore dei link e la riscrittura di .btn-primary, che duplicavano a mano quello che
   le variabili del tema fanno gia' e che nel tema scuro davano contrasti sbagliati; l'anello di
   fuoco su .btn e .form-control, che disegnava un bordo bianco fisso e su fondo scuro spariva;
   e .content, che apparteneva al layout a barra laterale ora sostituito. */

/* FocusOnNavigate sposta il fuoco sul titolo dopo ogni navigazione: e' un fuoco dato via
   programma e non dalla tastiera, quindi il contorno direbbe all'utente una cosa che non e'
   successa. */
h1:focus,
h2:focus {
    outline: none;
}

/* Testo che arriva dal modello o dal cliente: gli a capo sono contenuto, non formattazione. */
.text-preserve {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

/* Convalida dei moduli, nei colori del tema invece che in rosso e verde fissi. */
.valid.modified:not([type=checkbox]) {
    outline: 1px solid var(--tblr-success);
}

.invalid {
    outline: 1px solid var(--tblr-danger);
}

.validation-message {
    color: var(--tblr-danger);
}

.blazor-error-boundary {
    background: var(--tblr-danger);
    padding: 1rem;
    color: #fff;
    border-radius: var(--tblr-border-radius);
}

.blazor-error-boundary::after {
    content: "Si è verificato un errore.";
}

/* Il corpus a database, in Amministrazione.

   In Tabler <pre> e' un blocco di codice scuro: sfondo bg-surface-dark e testo chiaro. Il corpus
   pero' e' prosa italiana lunga mille righe, non codice, e mille righe in negativo si leggono
   male. Qui si riporta chiaro, e si riscrive anche il colore del testo: cambiare solo lo sfondo
   lascia il testo chiaro su fondo chiaro, cioe' invisibile, ed e' esattamente cosi' che la
   pagina si era rotta. */
.corpus-view {
    max-height: 70vh;
    overflow: auto;
    white-space: pre-wrap;
    background: var(--tblr-bg-surface-secondary);
    color: var(--tblr-body-color);
    --tblr-scrollbar-color: var(--tblr-body-color);
}

/* L'area dei messaggi in /chat.

   min-height piu' alta della finestra che c'era prima, e scorrimento proprio invece di far
   crescere la pagina: cosi' il campo di scrittura resta dov'e' e non scende a ogni turno.
   Su schermi bassi max-height finisce sotto min-height, e in quel caso vince min-height: la
   scatola resta di 32rem e a scorrere e' comunque il contenuto, che e' il comportamento voluto
   in entrambi i casi. */
.chat-scroller {
    min-height: 32rem;
    max-height: 65vh;
    overflow-y: auto;
}