/* =====================================================================
   Charte BNETD - Solution CA
   Couleur de marque : #1C3761 (bleu marine du logo bnetd)
   ===================================================================== */
:root {
    --bnetd-navy: #1C3761;
    --bnetd-navy-dark: #142a4d;
    --bnetd-navy-light: #2c4d82;
    --bnetd-accent: #C8A24B;     /* doré sobre pour les accents */
    --bnetd-bg: #f4f6f9;
}

body {
    background-color: var(--bnetd-bg);
    font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color: #243049;
}

/* --- Barre de navigation --- */
.navbar-bnetd {
    background-color: var(--bnetd-navy);
}
.navbar-bnetd .navbar-brand,
.navbar-bnetd .nav-link {
    color: #ffffff !important;
}
.navbar-bnetd .nav-link:hover,
.navbar-bnetd .nav-link.active {
    color: var(--bnetd-accent) !important;
}
.navbar-bnetd .navbar-brand img {
    height: 30px;
    background: #fff;
    padding: 2px 6px;
    border-radius: 4px;
}

/* --- Boutons --- */
.btn-bnetd {
    background-color: var(--bnetd-navy);
    border-color: var(--bnetd-navy);
    color: #fff;
}
.btn-bnetd:hover {
    background-color: var(--bnetd-navy-dark);
    border-color: var(--bnetd-navy-dark);
    color: #fff;
}
.btn-outline-bnetd {
    color: var(--bnetd-navy);
    border-color: var(--bnetd-navy);
}
.btn-outline-bnetd:hover {
    background-color: var(--bnetd-navy);
    color: #fff;
}
a { color: var(--bnetd-navy); }

/* --- Titres de section --- */
.page-title {
    color: var(--bnetd-navy);
    border-bottom: 3px solid var(--bnetd-accent);
    padding-bottom: .35rem;
    margin-bottom: 1.25rem;
}

/* --- Cartes / encadres --- */
.card-header-bnetd {
    background-color: var(--bnetd-navy);
    color: #fff;
}

/* --- Page de connexion --- */
.login-wrapper {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--bnetd-navy) 0%, var(--bnetd-navy-light) 100%);
    padding: 1rem;
}
.login-card {
    width: 100%;
    max-width: 420px;
    border: none;
    border-radius: 12px;
    box-shadow: 0 18px 40px rgba(0,0,0,.25);
}
.login-card .logo-zone {
    text-align: center;
    padding: 1.75rem 1.5rem .5rem;
}
.login-card .logo-zone img {
    max-width: 180px;
    height: auto;
}

/* --- Ordre du jour : drag & drop --- */
.oj-item {
    cursor: grab;
    border-left: 4px solid var(--bnetd-navy);
}
.oj-item.dragging {
    opacity: .5;
}
.oj-item .handle {
    color: var(--bnetd-navy-light);
    cursor: grab;
}

/* --- Badges de statut --- */
.badge-statut { font-size: .75rem; }

/* --- Pied de page --- */
.app-footer {
    color: #6c757d;
    font-size: .85rem;
    padding: 1.25rem 0;
    text-align: center;
}