/*
 * Foglio locale minimo del back-office (T4b).
 *
 * Il grosso lo fa Bootstrap 5.3 da CDN, come gia' fanno subscribe.jsp qui e
 * qic.jsp nel progetto qic: qui stanno solo le poche cose che Bootstrap non
 * copre o che ricorrono in tutte le pagine dell'admin.
 */

/* Etichette dei form a campo singolo: larghezza fissa perche' le decine di
   righe "etichetta + campo + Aggiorna" restino incolonnate. */
.admin-label {
    min-width: 11rem;
    justify-content: flex-start;
}

/* Barra utente in testa alla pagina. */
.admin-topbar {
    font-size: .8125rem;
    border-bottom: 1px solid var(--bs-border-color);
    padding-bottom: .35rem;
    margin-bottom: 1rem;
}

/* Pie' di pagina con la versione. */
.admin-footer {
    font-size: .8125rem;
    border-top: 1px solid var(--bs-border-color);
    margin-top: 2rem;
    padding-top: .5rem;
}

/* Logo dell'agenzia: i loghi in archivio hanno proporzioni molto diverse. */
.admin-logo {
    max-height: 70px;
    max-width: 260px;
}

/* Tabelle generate via AJAX (elenco agenzie non modificabili): la larghezza
   non e' prevedibile, quindi scorrono dentro al proprio contenitore. */
.admin-scroll-x {
    overflow-x: auto;
}

/* Righe di elenco (email, siti, telefoni, canonici): il form "Trasferisci" sta
   sulla stessa riga del dato quando c'e' spazio, sotto quando non ce n'e'. */
.admin-row-actions {
    gap: .5rem;
    flex-wrap: wrap;
}

/* Miniature degli annunci: proporzioni molto varie, si vincola solo l'altezza. */
.admin-thumb {
    width: auto;
    max-height: 300px;
    margin: .5rem;
}

/* Cornice dell'anteprima logo su prove.jsp.
   L'immagine NON viene scalata (serve giudicarne le dimensioni reali), quindi
   la cornice scorre invece di deformarla; lo scacchiere rende visibile la
   trasparenza, che su un PNG mal ritagliato e' proprio la cosa da vedere. */
.admin-logo-frame {
    display: inline-block;
    max-width: 100%;
    max-height: 420px;
    overflow: auto;
    padding: .5rem;
    border: 1px solid var(--bs-border-color);
    border-radius: .375rem;
    background-color: #fff;
    background-image:
        linear-gradient(45deg, #e9ecef 25%, transparent 25%, transparent 75%, #e9ecef 75%),
        linear-gradient(45deg, #e9ecef 25%, transparent 25%, transparent 75%, #e9ecef 75%);
    background-size: 16px 16px;
    background-position: 0 0, 8px 8px;
}

.admin-logo-frame img {
    display: block;
    /* nessun max-width: le dimensioni reali sono il punto */
}