/* Copyright (c) 2026 RIM RUN SARL, Nouakchott. Tous droits reserves. */
/* ═══ IDENTITÉ VISUELLE COMMUNE DES MODULES ═══
   Reprend à l'identique les jetons de RimRun_View.html (fiche projet) : bleu nuit + or,
   fond sable, titres Playfair Display, en-têtes de carte dorés en capitales, ombres douces.
   Chargée APRÈS le <style> propre de chaque module (RimRun_DQE_V1, RimRun_Planning_V1,
   RimRun_Reports_V1, RimRun_Eau_V1) : seuls l'apparence change, jamais la mise en page
   ni le comportement. Toute évolution de la charte se fait ici, une seule fois. */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&display=swap');

:root{
  --b:#0c2d52; --navy-2:#123b6b; --bm:#2563eb;
  --bg:#efe8da; --l:#e5e0d0; --bl:#e9eef6;
  --gold:#b8933b; --gold-l:#f6efd9; --gold-d:#8a6c25;
  --shadow-card:0 1px 2px rgba(12,45,82,.04),0 8px 24px -6px rgba(12,45,82,.10);
  --shadow-lift:0 2px 4px rgba(12,45,82,.05),0 16px 36px -8px rgba(12,45,82,.16);
  --hair:linear-gradient(90deg,var(--b),var(--gold) 50%,var(--b));
}
body{
  background:radial-gradient(1100px 480px at 50% -120px,rgba(184,147,59,.10),transparent 60%),linear-gradient(180deg,#f2ece0 0%,#e9e1cf 100%);
  background-attachment:fixed;
}

/* Barre latérale (usage autonome) */
aside{background:linear-gradient(180deg,var(--navy-2) 0%,var(--b) 60%,#081f3b 100%);box-shadow:inset -3px 0 0 var(--gold)}
.nav-item.active{border-left-color:var(--gold)}

/* Titres de page */
.page-header h2{font-family:'Playfair Display',Georgia,serif;font-weight:700;color:var(--b);letter-spacing:.01em}

/* Cartes : blanches, arrondies, ombre douce ; titre doré en capitales avec filet bleu-or */
.card,.kpi{border-radius:16px;box-shadow:var(--shadow-card)}
.card-title{color:var(--gold-d);font-size:12px;text-transform:uppercase;letter-spacing:.09em;padding-bottom:10px;position:relative}
.card-title::after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--hair);opacity:.45}
.card-title i{color:var(--gold)}
.project-card{border-radius:16px;border-left-color:var(--gold);box-shadow:var(--shadow-card)}

/* Indicateurs : fond blanc, accent coloré conservé sur le bord, valeur en bleu nuit */
.kpi.ok,.kpi.bad,.kpi.warn,.kpi.info{background:#fff}
.kpi-label{color:var(--m);letter-spacing:.05em}
.kpi-value{color:var(--b)}

/* Onglets du mode encastré : blancs, l'actif en bleu nuit souligné d'or */
.embed-tab{background:#fff;color:var(--b);border:1px solid var(--l)}
.embed-tab.active{background:var(--b);color:#fff;border-color:var(--b);box-shadow:inset 0 -2px 0 var(--gold)}

/* Boutons */
.btn.outline{border-color:var(--l)}
.btn.outline:hover{background:var(--gold-l);border-color:var(--gold)}

/* Fenêtres : même dégradé que la carte « Fiche projet », filet or */
.modal-head{background:linear-gradient(150deg,var(--navy-2) 0%,var(--b) 55%,#081f3b 100%);border-bottom:3px solid var(--gold)}

/* En-têtes de tableaux */
.dqe-table th,.daily-table th,.card table th{background:#f7f2e6;color:var(--gold-d)}

/* Champs */
.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(184,147,59,.15)}