/*
    Area riservata degli utenti: solo quello che il kit e il ponte dell'area staff
    (Backoffice/Layouts) non hanno gia'. Nessun colore a mano, solo le variabili del kit.
*/

/* pagine di accesso: una scheda stretta al centro, senza menu */
.ua-auth {
    flex: 1;
    width: 100%;
    max-width: 440px;
    margin: 0 auto;
    padding: var(--space-6) var(--space-4);
}

.ua-auth:focus {
    outline: none;
}

.ua-auth h1 {
    margin: 0 0 var(--space-2);
    font-size: 20px;
}

.ua-auth .dk-card > p {
    margin: 0 0 var(--space-4);
}

/* il bottone principale occupa la riga: sul telefono e' il bersaglio facile */
.ua-auth .dk-btn--primary {
    width: 100%;
    justify-content: center;
}

.ua-auth__links {
    margin-top: var(--space-4);
    text-align: center;
    font-size: 13.5px;
}

/* nuova cartella: campo e bottone sulla stessa riga, il bottone allineato al campo */
.ua-newfolder {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--space-3);
    margin-bottom: var(--space-4);
}

.ua-newfolder .dk-field {
    flex: 1 1 240px;
    min-width: 0;
    margin: 0;
}

/* la colonna delle caselle di selezione: stretta */
.dk-table .ua-select {
    width: 1%;
    white-space: nowrap;
}

/* senza menu in basso il piede non deve lasciare lo spazio della barra del telefono */
.ua-auth + .dk-footer {
    padding-bottom: var(--space-4);
}