/*
 * Thème personnalisé Gendarmerie Nationale du Cameroun
 * Couleurs officielles: Bleu #003366, #0066cc
 * Version 2 - Améliorations contraste
 */

:root {
    /* Couleurs primaires */
    --cpd-color-blue-900: #003366 !important;
    --cpd-color-blue-800: #004080 !important;
    --cpd-color-blue-700: #0066cc !important;
    --cpd-color-blue-600: #0080ff !important;

    /* Couleurs d'accent */
    --accent-color: #0066cc !important;
    --accent: #0066cc !important;
    --primary-color: #003366 !important;

    /* Couleurs de fond */
    --header-panel-bg-color: #003366 !important;
    --roomlist-bg-color: #001a33 !important;
    --timeline-background-color: #0d1117 !important;

    /* Couleurs de texte */
    --primary-content: #ffffff !important;
    --secondary-content: #e0e0e0 !important;

    /* Boutons */
    --button-primary-bg-color: #0066cc !important;
    --button-primary-fg-color: #ffffff !important;
    --button-secondary-bg-color: #003366 !important;

    /* Messages */
    --event-selected-color: rgba(0, 51, 102, 0.2) !important;
    --event-highlight-bg-color: rgba(0, 102, 204, 0.1) !important;
}

/* En-tête personnalisé */
.mx_TopBar {
    background-color: #003366 !important;
    border-bottom: 2px solid #FFD700 !important;
}

/* Barre latérale */
.mx_LeftPanel {
    background-color: #001a33 !important;
}

/* Messages personnels */
.mx_EventTile_line {
    background-color: transparent !important;
}

.mx_EventTile.mx_EventTile_me .mx_EventTile_line {
    background-color: rgba(0, 102, 204, 0.15) !important;
}

/* Boutons principaux */
.mx_AccessibleButton_kind_primary,
.mx_AccessibleButton_kind_primary_sm {
    background-color: #0066cc !important;
    color: #ffffff !important;
}

.mx_AccessibleButton_kind_primary:hover,
.mx_AccessibleButton_kind_primary_sm:hover {
    background-color: #004080 !important;
}

/* Bouton de connexion SSO - AMÉLIORATION CONTRASTE */
.mx_SSOButton {
    background-color: #003366 !important;
    border: 2px solid #0066cc !important;
    color: #ffffff !important; /* Texte en blanc pour meilleure lisibilité */
}

.mx_SSOButton:hover {
    background-color: #0066cc !important;
    color: #ffffff !important;
}

/* Page de connexion */
.mx_AuthPage {
    background: linear-gradient(135deg, #001a33 0%, #003366 100%) !important;
}

.mx_AuthBody {
    background-color: rgba(255, 255, 255, 0.95) !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3) !important;
}

/* Logo sur la page de connexion */
.mx_AuthHeader {
    text-align: center !important;
}

/* Personnalisation des salles */
.mx_RoomTile_selected,
.mx_RoomTile_selected:hover {
    background-color: rgba(0, 102, 204, 0.3) !important;
    border-left: 4px solid #FFD700 !important;
}

/* Barre de recherche */
.mx_SearchBox {
    background-color: rgba(0, 51, 102, 0.2) !important;
    border: 1px solid #0066cc !important;
}

/* Notifications */
.mx_NotificationBadge {
    background-color: #FFD700 !important;
    color: #003366 !important;
    font-weight: bold !important;
}

/* Scrollbars personnalisées */
::-webkit-scrollbar {
    width: 8px !important;
}

::-webkit-scrollbar-track {
    background: #001a33 !important;
}

::-webkit-scrollbar-thumb {
    background: #003366 !important;
    border-radius: 4px !important;
}

::-webkit-scrollbar-thumb:hover {
    background: #0066cc !important;
}

/* Animation du logo */
@keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.8; }
}

.mx_AuthHeader img {
    animation: pulse 3s ease-in-out infinite !important;
}