/* ============================================================================
   Système de Design Officiel — TALIS EVENTS & SERVICES (تاليس للرحلات و الخدمات)
   Palette : Bleu Pétrole Profond (#063A52 / #084764) & Or Solaire (#FDBE11)
   ============================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;600;700&display=swap');

:root {
    --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-mono: 'JetBrains Mono', monospace;
    --talis-petrol-950: #021620;
    --talis-petrol-900: #042434;
    --talis-petrol-800: #052e42;
    --talis-petrol-700: #063A52;
    --talis-petrol-600: #084764;
    --talis-petrol-500: #15698f;
    --talis-gold-400: #FDBE11;
    --talis-gold-500: #F5B301;
    --talis-gold-600: #D99700;
}

body {
    font-family: var(--font-sans);
    background-color: #f4f7f9;
    background-image: radial-gradient(at 0% 0%, rgba(8, 71, 100, 0.04) 0px, transparent 50%),
                      radial-gradient(at 100% 0%, rgba(253, 190, 17, 0.05) 0px, transparent 45%);
    color: #042434;
    -webkit-font-smoothing: antialiased;
}

.font-mono-code {
    font-family: var(--font-mono);
    letter-spacing: -0.02em;
}

/* Cartes & Surfaces modernes avec liseré subtil Talis */
main .bg-white.rounded-2xl {
    border-color: rgba(8, 71, 100, 0.10);
    box-shadow: 0 4px 20px -4px rgba(4, 36, 52, 0.05), 0 1px 3px 0 rgba(4, 36, 52, 0.03);
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

main .bg-white.rounded-2xl:hover {
    border-color: rgba(8, 71, 100, 0.18);
}

/* Lien actif de la Sidebar avec accent Or Solaire TALIS (#FDBE11) */
aside nav a.bg-indigo-600 {
    background: linear-gradient(135deg, #084764 0%, #063A52 100%) !important;
    border-left: 3px solid #FDBE11 !important;
    box-shadow: 0 6px 16px -3px rgba(2, 22, 32, 0.45) !important;
    color: #ffffff !important;
}

aside nav a.bg-indigo-600 svg,
aside nav a.bg-indigo-600 i {
    color: #FDBE11 !important;
}

/* Boutons principaux au style TALIS Pétrole & Or */
button.bg-indigo-600,
a.bg-indigo-600,
button.bg-indigo-500 {
    background: linear-gradient(135deg, #084764 0%, #063A52 100%);
    border: 1px solid rgba(253, 190, 17, 0.25);
    transition: all 0.2s ease;
}

button.bg-indigo-600:hover,
a.bg-indigo-600:hover,
button.bg-indigo-500:hover {
    background: linear-gradient(135deg, #0a587a 0%, #084764 100%);
    border-color: rgba(253, 190, 17, 0.55);
    transform: translateY(-1px);
    box-shadow: 0 8px 18px -4px rgba(6, 58, 82, 0.35);
}

/* En-têtes de tableaux modernes */
thead tr.bg-slate-900 {
    background: linear-gradient(90deg, #063A52 0%, #084764 100%) !important;
    border-bottom: 2px solid #FDBE11 !important;
}

/* Scrollbar fine et élégante aux couleurs Talis */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: #eef3f6;
}
::-webkit-scrollbar-thumb {
    background: #9db6c4;
    border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
    background: #084764;
}

/* Animation d'apparition douce */
@keyframes fadeInScale {
    from {
        opacity: 0;
        transform: scale(0.97) translateY(4px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

.animate-modal {
    animation: fadeInScale 0.18s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* Styles d'impression A4 pour Factures, Devis, Reçus et Décharges */
@media print {
    body {
        background: #ffffff !important;
        background-image: none !important;
        color: #042434 !important;
    }
    .no-print {
        display: none !important;
    }
    .print-container, .print-sheet {
        box-shadow: none !important;
        border: none !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}