/**
 * FICHE-PAIE.FR - Styles du template de bulletin de paie "Classic"
 * Version front-end pour l'aperçu JavaScript
 *
 * MISE À JOUR 31/01/2026 : Simplification - seul le template "classic" est conservé
 * Les templates modern/corporate/minimal ont été supprimés (code mort après migration BDD)
 *
 * MISE À JOUR 18/03/2026 - Phase 1 refactoring couleurs :
 * Les sélecteurs de rétrofit `style*="#1d458c"` ont été supprimés car generate.js
 * utilise désormais le système de tokens via bp(). Les variables CSS sont conservées
 * comme interface de theming navigateur pour la Phase 2.
 *
 * @copyright 2025-2026 Purple Telecom EURL
 * @author    Fabien HIRIART <contact@polygonlab.ai>
 */

/* ==========================================================================
   VARIABLES CSS — Palette navy par défaut
   Alimentées dynamiquement par activePalette en Phase 2
   ========================================================================== */

.bp.template-classic {
    --bp-primary: #1d458c;
    --bp-primary-light: #e8f0fe;
    --bp-primary-lighter: #f5f8fc;
    --bp-row-alt: #fafafa;
    --bp-row-alt-2: #f8f9fa;
    --bp-box-bg: #dce6f5;
    --bp-box-border: #a8c5e8;
    --bp-forfait-bg: #f0f4ff;
}

/* ==========================================================================
   TEMPLATE CLASSIC — Utilitaires de couleur navigateur
   ========================================================================== */

/* Bouton télécharger — utilise la palette active */
.bp.template-classic + div button[style*="background:linear-gradient"] {
    background: linear-gradient(135deg, var(--bp-primary, #1d458c), #2d5aa0) !important;
}

/* ==========================================================================
   UTILITAIRES COMMUNS
   ========================================================================== */

/* Transition douce */
.bp {
    transition: all 0.3s ease;
}

/* Amélioration de la lisibilité */
.bp table {
    border-collapse: collapse;
}

/* Responsive - Ajustements mobiles */
@media (max-width: 768px) {
    .bp {
        padding: 10px !important;
        font-size: 9pt !important;
    }

    .bp td,
    .bp th {
        padding: 4px !important;
    }
}

/* Impression - Forcer les couleurs primaires */
@media print {
    .bp.template-classic .bg-primary,
    .bp.template-classic tr.bg-primary {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }
}