/* ================================================================
   DENSIFY_FORMS_V1 - Overlay UX : reduit espaces vides dans forms/cards
   Charge APRES styles.css pour surcharger les regles.
   Rollback : supprimer ce fichier + retirer la balise script de index.php
================================================================ */

/* === Formulaires === */
.form-group {
    margin-bottom: 10px !important;
    gap: 0.15rem !important;
}

.form-row {
    gap: 10px !important;
}

.form-label {
    font-size: 11px !important;
    font-weight: 600;
    margin-bottom: 4px !important;
    line-height: 1.3 !important;
    color: var(--color-text-soft, #4B5563);
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

/* === Inputs plus compacts === */
.form-input,
.form-input[type="text"],
.form-input[type="email"],
.form-input[type="number"],
.form-input[type="password"],
.form-input[type="date"],
.form-input[type="tel"],
select.form-input,
textarea.form-input {
    padding: 7px 10px !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
}

textarea.form-input {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

/* === Cartes & sections === */
.card {
    padding: 14px !important;
}

/* === Modales === */
.modal-body {
    padding: 16px !important;
}

.modal-content,
.modal-content > div {
    /* Pas d override agressif sur modal-content pour ne pas casser le layout */
}

.modal-header {
    padding: 12px 16px !important;
}

.modal-footer {
    padding: 12px 16px !important;
    gap: 8px !important;
}

/* === Champs groupes : input-group, button-group === */
.input-group {
    gap: 6px !important;
}

/* === Tableaux denses === */
table.table-dense th,
table.table-dense td {
    padding: 6px 8px !important;
}

/* === Liste de stats / KPI === */
.stat-item,
.kpi-card {
    padding: 10px !important;
}

/* === Sections de la fiche projet === */
.project-section,
.section {
    margin-bottom: 14px !important;
    padding: 12px 14px !important;
}

.project-section h3,
.section-title,
.section h3 {
    margin-bottom: 8px !important;
    font-size: 13px !important;
}

/* === Sous-titres / metadonnees === */
.field-help,
.help-text {
    margin-top: 2px !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
}

/* === Marker visible dans le DOM pour confirmer activation === */
body::after {
    content: '';
    display: none;
}
body.densify-active { /* anchor pour debug */ }