/* ===========================================================
   URGENCES « Votre coursier » — surcharge de marque
   Applique la charte URGENCES (rouge, blanc, gris fonce) par-dessus
   le systeme de design partage (assets/css/app.css) sans le modifier.
   =========================================================== */
:root {
    --navy:      #2B2B2E;
    --navy-mid:  #3A3A3F;
    --navy-soft: #46464C;
    --red:       #D81F2A;
    --red-dk:    #A8151E;
    /* teal/violet du systeme partage ne font pas partie de la charte URGENCES (rouge/blanc/gris fonce) :
       on les ramene sur l'echelle de gris pour eviter toute teinte bleutee residuelle. */
    --teal:      #4A4A50;
    --teal-l:    #5C5C63;
    --violet:    #4A4A50;
    --violet-l:  #5C5C63;
    --amber:     #B45E00;
    --green:     #0D6B43;
    --green-l:   #0E9058;
    --bg:        #F5F5F7;
    --border:    #E6E3E6;
    --t1:        #232326;
    --t2:        #5A5A60;
    --t3:        #8C8C92;

    /* Bootstrap definit son "primary" en bleu (#0d6efd) et l'utilise pour les liens,
       les anneaux de focus, .bg-primary/.text-primary/.border-primary, etc. On le
       remplace par le gris fonce de la charte pour qu'aucun bleu ne subsiste. */
    --bs-primary: #2B2B2E;
    --bs-primary-rgb: 43, 43, 46;
    --bs-primary-text-emphasis: #2B2B2E;
    --bs-primary-bg-subtle: #E6E3E6;
    --bs-primary-border-subtle: #C7C7CB;
    --bs-link-color: #2B2B2E;
    --bs-link-color-rgb: 43, 43, 46;
    --bs-link-hover-color: #D81F2A;
    --bs-link-hover-color-rgb: 216, 31, 42;
    --bs-focus-ring-color: rgba(216, 31, 42, .25);

    /* Bootstrap "info" est cyan (#0dcaf0) par defaut : utilise par .alert-info (ecran de
       saisie de demande, solde pack) et .bg-info/.text-info. On le neutralise en gris. */
    --bs-info: #5A5A60;
    --bs-info-rgb: 90, 90, 96;
    --bs-info-text-emphasis: #2B2B2E;
    --bs-info-bg-subtle: #EEEEF0;
    --bs-info-border-subtle: #C7C7CB;
}

.k-teal, .k-violet { background: linear-gradient(135deg,#3A3A3F,#5C5C63); box-shadow: 0 4px 16px rgba(43,43,46,.22); }
.k-charcoal { background: linear-gradient(135deg,#4A4A50,#6B6B72); box-shadow: 0 4px 16px rgba(74,74,80,.22); }
.k-rose { background: linear-gradient(135deg,#8A2E38,#B8434F); box-shadow: 0 4px 16px rgba(138,46,56,.22); }
/* app.css code ce degrade en bleu marine fige (#00003C -> #000075) : on le remplace par du noir/gris. */
.k-navy { background: linear-gradient(135deg,#111113,#3A3A3F); box-shadow: 0 4px 16px rgba(0,0,0,.28); }

/* Sidebar et topbar : app.css melange var(--navy) avec des teintes bleues figees
   (#000028, #12008A) qui echappent a la surcharge de variables. On impose ici un
   degrade noir/gris pur, avec juste une pointe de rouge sur la topbar. */
.app-sidebar {
    background: linear-gradient(180deg, #2B2B2E 0%, #0E0E10 100%) !important;
}
.app-topbar {
    background: linear-gradient(110deg, #1C1C1F 0%, #2B2B2E 55%, #46464C 100%) !important;
}

/* app.css code .bd-info en bleu clair (#DBEAFE/#1E40AF) : neutralise en gris. */
.bd-info { background: #EEEEF0; color: var(--navy); border: 1px solid #C7C7CB; }

/* .brand-mark garde le badge blanc arrondi defini dans app.css : un support propre
   pour poser le logo (source JPEG, leger lisere sur fond sombre sinon). */
.brand-mark {
    display: flex;
    align-items: center;
    justify-content: center;
}
.brand-mark img { width: 100%; height: 100%; object-fit: contain; }

.sidebar-brand-name {
    font-family: 'Outfit', sans-serif;
    font-weight: 700;
    color: #fff;
    line-height: 1.1;
}
.sidebar-brand-tag {
    font-size: .68rem;
    color: rgba(255,255,255,.55);
    letter-spacing: .03em;
}

.brand-logo-full { max-width: 260px; width: 100%; height: auto; }
.brand-logo-full-sm { max-width: 190px; width: 100%; height: auto; }

/* ---------- Statuts de course (pastilles) ---------- */
.bd-statut-recue     { background: #EEEEF0; color: var(--t2); border: 1px solid var(--border); }
.bd-statut-affectee   { background: #E6E3E6; color: var(--navy); border: 1px solid #C7C7CB; }
.bd-statut-en_cours   { background: #FEF3C7; color: #92400E; border: 1px solid #FDE68A; }
.bd-statut-livree     { background: #D1FAE5; color: #065F46; border: 1px solid #A7F3D0; }
.bd-statut-echec      { background: #FEE2E2; color: #991B1B; border: 1px solid #FECACA; }
.bd-statut-annulee    { background: #EEEEF0; color: var(--t3); border: 1px solid var(--border); }

/* Compat retro : anciennes classes badge-statut-* utilisees dans les vues */
.badge.badge-statut-recue    { background: #8C8C92 !important; }
.badge.badge-statut-affectee { background: #4A4A50 !important; }
.badge.badge-statut-en_cours { background: #D97706 !important; }
.badge.badge-statut-livree   { background: var(--green-l) !important; }
.badge.badge-statut-echec    { background: var(--red) !important; }
.badge.badge-statut-annulee  { background: #ADB5BD !important; }

/* Neutralise les bleus Bootstrap restants sur les composants qui figent leurs
   couleurs en valeurs locales (--bs-btn-*, --bs-nav-link-*) plutot que via --bs-primary. */
.btn-outline-primary { --bs-btn-color: #2B2B2E; --bs-btn-border-color: #2B2B2E; --bs-btn-hover-bg: #2B2B2E; --bs-btn-hover-border-color: #2B2B2E; --bs-btn-active-bg: #2B2B2E; --bs-btn-active-border-color: #2B2B2E; }
.form-check-input:checked { background-color: var(--navy); border-color: var(--navy); }
.form-control:focus, .form-select:focus { border-color: #B8B8BC; box-shadow: 0 0 0 .25rem rgba(43,43,46,.15); }
.page-link { color: var(--navy); }
.page-item.active .page-link { background-color: var(--navy); border-color: var(--navy); }
.nav-pills .nav-link.active { background-color: var(--navy); }
.spinner-border.text-primary, .spinner-grow.text-primary { color: var(--navy) !important; }