/*
 * ==========================================================
 * PROGETTO:    Kerno Framework
 * FILE:        view.css
 * Path:        public/css/view.css
 * ==========================================================
 * DESCRIZIONE GENERALE:
 * Definisce la fascia azioni e il form di eliminazione delle pagine di
 * dettaglio, indipendentemente dal contenuto prodotto da DetailBox/DetailField
 * (vedi details.css).
 *
 * FUNZIONE DEL FILE:
 * Questo foglio di stile raccoglie regole CSS specifiche per: le pagine di
 * dettaglio, non per il widget DetailBox in se'.
 * Le regole definiscono solo la presentazione grafica degli elementi HTML e
 * non introducono logica applicativa. Eventuali comportamenti dinamici sono
 * gestiti dai file JavaScript o dal markup prodotto dalle view PHP.
 *
 * NOTE OPERATIVE:
 * - mantenere i selettori coerenti con il markup generato dalle view;
 * - modificare colori, spaziature e transizioni solo verificando le pagine
 *   che riutilizzano gli stessi componenti;
 * - evitare rinominazioni dei selettori senza aggiornare anche HTML e JS.
 * ==========================================================
 */

/* ==========================================================
 * SEZIONE: azioni e form eliminazione
 * ========================================================== */

/* Azioni in alto a destra nelle schede dettaglio. */
.view-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

/* Il form di eliminazione (.view-delete-form) e' in form.css, perche' compare anche sotto il modulo di modifica. */

/* ==========================================================
 * SEZIONE: adattamento responsive
 * ========================================================== */

@media (max-width: 720px) {
    .view-actions {
        justify-content: stretch;
    }
}