@charset "utf-8";
/* ══════════════════════════════════════════════════════════════════════
   CMO — Palette mode sombre (CONFIGURATION, pas d'override de composant)
   --------------------------------------------------------------------
   PRINCIPE (2026-06-01) : une app ne réécrit JAMAIS les composants iManage ;
   elle les CONFIGURE via les variables de thème qu'ils consomment. Ici, CMO
   ne fait que (ré)affirmer sa palette sombre — les composants iManage/Bootstrap
   (navbar, dropdown, card, form, table…) la consomment et se rendent en sombre
   d'eux-mêmes, tels qu'ils sont pensés.

   Pourquoi ré-affirmer ici : le composant co-édité `theme-toggle` pose bien
   data-theme="dark" mais son bloc de variables est inopérant dans CMO ; et
   app.css (chargé avant) fige les tokens clairs en :root. Ce fichier, chargé EN
   DERNIER, gagne par ordre de cascade. AUCUN sélecteur de composant iManage ici.
   ══════════════════════════════════════════════════════════════════════ */

[data-theme="dark"] {
    color-scheme: dark;

    /* Backgrounds & surfaces */
    --bg-primary:      #0d0e17;
    --bg-surface:      #161824;
    --bg-content:      #11121b;
    --bg-navbar:       #12131d;
    --bg-notification: rgba(8, 9, 15, 0.96);

    /* Textes */
    --text-primary:    #e8eaff;
    --text-secondary:  rgba(232,234,255,0.62);
    --text-on-dark:    #e8eaff;
    --text-light:      rgba(232,234,255,0.45);
    --text-muted:      rgba(232,234,255,0.55);
    --text-disabled:   rgba(232,234,255,0.30);

    /* Bordures */
    --border:          rgba(255,255,255,0.10);
    --border-color:    rgba(255,255,255,0.10);
    --separator:       1px solid rgba(255,255,255,0.10);

    /* Surfaces lemai / list-view (tokens consommés par les composants) */
    --surface-0: #161824; --surface-1: #0d0e17; --surface-2: rgba(255,255,255,0.04);
    --surface: #161824;   --surface-alt: #11121b; --bg-soft: #11121b;
    --soft:   #11121b;    --softer: rgba(255,255,255,0.04);
    --surf:   #161824;
    --lv-ink: #e8eaff; --lv-mute: rgba(232,234,255,0.55); --lv-line: rgba(255,255,255,0.10);
    --lv-surf: #161824; --lv-soft: #11121b; --lv-softer: rgba(255,255,255,0.04);

    /* Aliases CMO (app.css) */
    --paper:      #161824;
    --canvas:     #0d0e17;
    --ink:        #e8eaff;
    --ink-soft:   rgba(232,234,255,0.72);
    --mute:       rgba(232,234,255,0.62);
    --muted:      rgba(232,234,255,0.55);
    --line:       rgba(255,255,255,0.10);
    --line-soft:  rgba(255,255,255,0.05);
    --accent-soft: rgba(31,180,197,0.18);

    --shadow-sm: 0 1px 2px rgba(0,0,0,0.40), 0 1px 1px rgba(0,0,0,0.30);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.45), 0 2px 4px rgba(0,0,0,0.35);
    --shadow-lg: 0 16px 40px rgba(0,0,0,0.55), 0 4px 12px rgba(0,0,0,0.40);

    --notification-bg: linear-gradient(135deg, #11121b 0%, #1d1d22 100%);
    --body-tone-overlay: rgba(255, 255, 255, 0.05);

    /* Bootstrap : variables consommées par navbar, dropdown, card, table, form… */
    --bs-body-bg:                  #0d0e17;
    --bs-body-color:               #e8eaff;
    --bs-body-color-rgb:           232, 234, 255;
    --bs-emphasis-color:           #e8eaff;
    --bs-secondary-color:          rgba(232,234,255,0.62);
    --bs-tertiary-color:           rgba(232,234,255,0.38);
    --bs-secondary-bg:             #161824;
    --bs-tertiary-bg:              #11121b;
    --bs-link-color:               #5ccad9;
    --bs-link-hover-color:         #8fe0ec;
    --bs-border-color:             rgba(255,255,255,0.10);
    --bs-border-color-translucent: rgba(255,255,255,0.10);
    /* Dropdown — ABSENT de theme-toggle (cause des menus blancs) */
    --bs-dropdown-bg:               #161824;
    --bs-dropdown-color:            #e8eaff;
    --bs-dropdown-border-color:     rgba(255,255,255,0.10);
    --bs-dropdown-link-color:       #e8eaff;
    --bs-dropdown-link-hover-color: #ffffff;
    --bs-dropdown-link-hover-bg:    rgba(255,255,255,0.06);
    --bs-dropdown-link-active-color:#ffffff;
    --bs-dropdown-link-active-bg:   rgba(31,180,197,0.30);
    --bs-dropdown-header-color:     rgba(232,234,255,0.55);
    /* Card */
    --bs-card-bg:             #161824;
    --bs-card-color:          #e8eaff;
    --bs-card-border-color:   rgba(255,255,255,0.10);
    /* Modal */
    --bs-modal-bg:            #161824;
    --bs-modal-color:         #e8eaff;
    --bs-modal-border-color:  rgba(255,255,255,0.10);
    /* Form controls */
    --bs-form-control-bg:     #11121b;
    --bs-form-control-color:  #e8eaff;
    /* Tables */
    --bs-table-color:         #e8eaff;
    --bs-table-bg:            transparent;
    --bs-table-border-color:  rgba(255,255,255,0.10);
    --bs-table-striped-color: #e8eaff;
    --bs-table-striped-bg:    rgba(255,255,255,0.03);
    --bs-table-hover-color:   #e8eaff;
    --bs-table-hover-bg:      rgba(255,255,255,0.05);
}

/* ─── Composant MÉTIER CMO : boîte facture (js/scripts/invoice_box.js) ────
   invoice_box est un composant propre à CMO (pas iManage) → CMO en assume le
   rendu sombre. (Ce n'est pas un override de composant iManage.) */
[data-theme="dark"] #invoice_box,
[data-theme="dark"] .invoice_box,
[data-theme="dark"] .invoice_contents {
    background-color: var(--paper);
    color: var(--text-primary);
}
[data-theme="dark"] .invoice_box .print_command,
[data-theme="dark"] #invoice_box .print_command {
    background-color: var(--btn-color, #1fb4c5);
    border-color: var(--btn-color, #1fb4c5);
    color: #ffffff;
}
[data-theme="dark"] .invoice_box .close_command,
[data-theme="dark"] #invoice_box .close_command {
    background-color: transparent;
    border: 1px solid var(--line);
    color: var(--text-primary);
}