/* ============================================================================
   CLOSARA — DA R3 (lot 13, 07/10/2026), DERRIÈRE UN DRAPEAU.
   Contrat : paquet CLOSARA_REPRISE_COMPLETE_DA_R3 (docs/02_DIRECTION_ARTISTIQUE, design-tokens).
   Navigation bleu nuit, surfaces claires, accent bleu, police système, densité pro.
   « La DA simplifie la vue, jamais les capacités » : ce fichier ne fait QUE peindre. Il ne
   masque rien, ne déplace rien, ne retire aucune fonction. Tout est sous body.da-r3 : drapeau
   éteint = interface actuelle à l'identique. Chargé APRÈS les styles de la page : à spécificité
   égale, il l'emporte sur le mode clair (que le drapeau allume aussi).
   Une couleur signifie un ÉTAT (succès / à vérifier / restriction), jamais une décoration.
   ============================================================================ */
body.da-r3{
  --accent:#1859DB; --accent-2:#124BBD;
  --bg:#F4F6FA; --card:#FFFFFF; --card-2:#F7F9FC; --line:#DFE5EE;
  --da-nav:#0E1C32; --da-txt:#17243C; --da-mut:#596981;
  --da-ok:#18754E; --da-ok-bg:#EDF8F2; --da-warn:#85500C; --da-warn-bg:#FFF7E8; --da-ko:#B52E3E; --da-ko-bg:#FFF0F1;
  color:var(--da-txt); background:var(--bg); background-image:none;
}
/* police système, sans empattements (pas de fichier de police à livrer) */
body.da-r3, body.da-r3 :where(*){font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
body.da-r3 .brandname{text-transform:none;letter-spacing:0;font-weight:700}
body.da-r3 main h1{font-size:1.375rem;font-weight:650;letter-spacing:-.005em;color:var(--da-txt)}

/* ── navigation bleu nuit ── (préfixe html : l'emporte sur les règles #sidebar injectées par le script) */
html body.da-r3 #sidebar{background:var(--da-nav);border-color:var(--da-nav)}
html body.da-r3 #sidebar .brandname{color:#fff}
html body.da-r3 #sidebar .nav-a{color:#C9D3E3}
html body.da-r3 #sidebar .nav-a:hover{background:rgba(255,255,255,.07);color:#fff;transform:none}
html body.da-r3 #sidebar .nav-a.active{background:rgba(76,139,255,.22);color:#fff;box-shadow:inset 3px 0 0 #4C8BFF}
html body.da-r3 #sidebar .navhdr{color:#94A4BD}
html body.da-r3 #sidebar .navhdr:hover{color:#fff;background:rgba(255,255,255,.06)}
html body.da-r3 #sidebar #navToggle,html body.da-r3 #navExpand{color:#94A4BD}
html body.da-r3 #sidebar .usercard{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.10)}
html body.da-r3 #sidebar .usercard .text-gray-500{color:#94A4BD}
html body.da-r3 #sidebar .usercard .text-gray-400{color:#C9D3E3}
html body.da-r3 #sidebar .usercard .accent-text{color:#8DB4FF}
html body.da-r3 #sidebar ::-webkit-scrollbar-thumb{background:#2A3B57}

/* ── surfaces et formes : 7 px commandes, 12 px panneaux, ombres faibles ── */
body.da-r3 .card{background:#FFFFFF;border-color:var(--line);border-radius:12px;box-shadow:0 1px 2px rgba(23,36,60,.06);backdrop-filter:none}
body.da-r3 .card-2{background:var(--card-2);border-color:var(--line)}
body.da-r3 main .rounded-lg,body.da-r3 #prefPop .rounded-lg{border-radius:7px}
body.da-r3 main .rounded-2xl,body.da-r3 main .rounded-xl{border-radius:12px}
body.da-r3 .bg-gray-900,body.da-r3 .bg-gray-900\/50{background-color:#FFFFFF}
body.da-r3 .bg-gray-800{background-color:#EEF2F8}
body.da-r3 .hover\:bg-gray-700:hover{background-color:#E3E9F2}
body.da-r3 .border-gray-700{border-color:#D5DDE8}
body.da-r3 .border-gray-800,body.da-r3 .border-gray-800\/60{border-color:var(--line)}
body.da-r3 .divide-gray-800>*{border-color:var(--line)}

/* ── texte : secondaire lisible (contraste ≥ 4,5:1 sur blanc) ── */
body.da-r3 .text-gray-100,body.da-r3 .text-gray-200,body.da-r3 .text-gray-300{color:var(--da-txt)}
body.da-r3 .text-gray-400,body.da-r3 .text-gray-500{color:var(--da-mut)}
body.da-r3 .text-gray-600{color:#5F6E85}

/* ── action principale : bleu ── */
body.da-r3 .btn-accent{background:var(--accent);color:#fff;box-shadow:none}
body.da-r3 .btn-accent:hover{background:var(--accent-2)}
body.da-r3 .accent-text{color:var(--accent)}
body.da-r3 .accent-bg{background:var(--accent)}
body.da-r3 .chip.on{background:var(--accent);border-color:var(--accent);color:#fff}

/* ── états : une couleur = un état ── */
body.da-r3 .text-emerald-300,body.da-r3 .text-emerald-400{color:var(--da-ok)}
body.da-r3 .bg-emerald-900\/40,body.da-r3 .bg-emerald-900\/30{background-color:var(--da-ok-bg)}
body.da-r3 .text-amber-300,body.da-r3 .text-amber-400{color:var(--da-warn)}
body.da-r3 .text-rose-300,body.da-r3 .text-rose-400,body.da-r3 .text-red-300,body.da-r3 .text-red-400{color:var(--da-ko)}
body.da-r3 .bg-rose-900\/30,body.da-r3 .bg-red-900\/50{background-color:var(--da-ko-bg)}

/* ── texte blanc sur gris : le mode clair ne l'a jamais couvert (le sombre était le défaut).
      Sous R3 le gris devient clair : le texte passe en encre. Boutons d'issue (Cockpit, Allo,
      Centre d'appels), onglets actifs, filtres de campagne, compteurs. (revue chasseur, lot 13) ── */
body.da-r3 .text-white:is(.bg-gray-500,.bg-gray-600,.bg-gray-700,.bg-gray-800,.bg-gray-900):not([class*="text-rose"]){color:var(--da-txt)}
body.da-r3 :is(.lsOng,.scOng,.cpFiltre,.cpJourL).text-white,body.da-r3 #dStats .text-white{color:var(--da-txt)}
body.da-r3 .has-\[\:checked\]\:text-white:has(:checked){color:var(--da-txt)}
body.da-r3 .ring-white\/70{--tw-ring-color:var(--accent)}
/* « Contraste élevé » repeint le texte secondaire en brun foncé avec !important : sur la nav
   bleu nuit, il faut le contraire. */
html body.da-r3.hi-contrast #sidebar :is(.text-gray-400,.text-gray-500,.text-gray-600,.navhdr){color:#E6ECF5 !important}

/* pastilles d'initiales : couleur de palier pensée pour le sombre (ARGENT #C3CEDA sur blanc = 1,6:1).
   Le fond teinté garde le palier, l'encre porte la lecture. */
body.da-r3 .avt{color:var(--da-txt) !important}

/* les variantes à opacité (text-amber-300/80, hover:text-emerald-400…) que les classes exactes
   ci-dessus ne couvrent pas : même couleur d'état, lisible sur clair. */
body.da-r3 :is([class*="text-emerald-200"],[class*="text-emerald-300"],[class*="text-emerald-400"],[class*="text-green-300"],[class*="text-green-400"]){color:var(--da-ok)}
body.da-r3 :is([class*="text-amber-200"],[class*="text-amber-300"],[class*="text-amber-400"],[class*="text-yellow-300"],[class*="text-yellow-400"],[class*="text-orange-300"],[class*="text-orange-400"]){color:var(--da-warn)}
body.da-r3 :is([class*="text-rose-200"],[class*="text-rose-300"],[class*="text-rose-400"],[class*="text-red-200"],[class*="text-red-300"],[class*="text-red-400"]){color:var(--da-ko)}
body.da-r3 :is([class*="text-sky-300"],[class*="text-sky-400"],[class*="text-blue-300"],[class*="text-blue-400"],[class*="text-indigo-300"],[class*="text-indigo-400"],[class*="text-cyan-300"],[class*="text-cyan-400"]){color:#1F4FB8}

/* ── champs de saisie ── */
body.da-r3 main:not(.lgn-main) input:not([type=checkbox]):not([type=radio]),body.da-r3 main:not(.lgn-main) select,body.da-r3 main:not(.lgn-main) textarea{background-color:#FFFFFF;border-color:#CBD5E3;color:var(--da-txt)}

/* ── clavier : le focus se voit toujours ── */
body.da-r3 :focus-visible{outline:2px solid var(--accent);outline-offset:2px}
html body.da-r3 #sidebar :focus-visible{outline-color:#8DB4FF}

/* ============================================================================
   COQUE ET ÉCRANS R3 — RÉFÉRENCE VERROUILLÉE (CLOSARA_APPROVED_DA_DO_NOT_CHANGE.jpeg,
   sha256 530884873e09…). Navigation navy courte, espace de travail blanc / gris très clair,
   bleu = action, vert = sain, ambre = attention, rouge = problème. Rien d’autre.
   ============================================================================ */
body.da-r3 main{background:#F6F8FB}
/* sidebar courte — et moins large (UX-1, 08/10 : 240 → 216 px ; le contenu y gagne, les huit entrées tiennent) */
html body.da-r3 #sidebar{padding:18px 12px 12px}
@media (min-width:768px){html body.da-r3 #sidebar{width:13.5rem}html body.da-r3 main.ml-60{margin-left:13.5rem}}
html body.da-r3 #sidebar #navToggle{display:none}
html body.da-r3 #sidebar .brandname{color:#fff;font-size:22px;font-weight:600;letter-spacing:-.01em}
body.da-r3 .r3logo{width:30px;height:30px;flex:none}
html body.da-r3 #sidebar .r3nav{display:flex;flex-direction:column;gap:4px;margin-top:6px}
html body.da-r3 #sidebar .r3-a{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;font-size:14.5px;font-weight:500;color:#D6DEEB;box-shadow:none;background:transparent;text-align:left}
html body.da-r3 #sidebar .r3-a:hover{background:rgba(255,255,255,.06);color:#fff}
html body.da-r3 #sidebar .r3-a.active{background:#1D3A66;color:#fff;box-shadow:none;font-weight:600}
/* « Plus » : le catalogue complet, à côté de la sidebar, mêmes liens, mêmes droits */
html body.da-r3 #sidebar .r3plus{position:fixed;left:13.5rem;top:0;bottom:0;width:300px;background:#0E1C32;border-left:1px solid rgba(255,255,255,.08);box-shadow:24px 0 48px -24px rgba(5,10,20,.55);z-index:46;overflow-y:auto;padding:16px 12px}
html body.da-r3 #sidebar .r3plus.hidden{display:none}
html body.da-r3 #sidebar .r3plus-h{display:flex;align-items:center;justify-content:space-between;color:#fff;font-weight:600;font-size:14px;padding:4px 8px 12px}
html body.da-r3 #sidebar .r3plus-h button{color:#94A4BD;font-size:22px;line-height:1;padding:0 6px}
html body.da-r3 #sidebar .r3plus-h button:hover{color:#fff}
html body.da-r3 #sidebar .r3foot{display:flex;align-items:center;gap:10px;margin:12px 2px 2px;padding:14px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#C9D3E3;font-size:13px;line-height:1.35}
body.da-r3 .r3foot-logo{width:22px;height:22px;flex:none}
/* topbar claire et fine */
body.da-r3 #topbar.r3top{display:block;margin:-28px -28px 22px;padding:0 28px;background:#fff;border-bottom:1px solid #E6EAF0}
body.da-r3 .r3row{display:flex;align-items:center;gap:14px;height:60px}
body.da-r3 .r3search{display:flex;align-items:center;gap:10px;width:min(480px,52%);height:38px;padding:0 12px;border:1px solid #E1E6EE;border-radius:8px;background:#fff;color:#8A96A8;font-size:13.5px;text-align:left}
body.da-r3 .r3search:hover{border-color:#C9D3E3}
body.da-r3 .r3search kbd{margin-left:auto;font:500 11px ui-sans-serif,system-ui,sans-serif;color:#8A96A8;background:none;border:0}
body.da-r3 .r3actions{display:flex;align-items:center;gap:6px;margin-left:auto}
body.da-r3 .r3icon,body.da-r3 .r3top #bellBtn,body.da-r3 .r3top #prefBtn{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:transparent;border:0;color:#475569}
body.da-r3 .r3icon:hover,body.da-r3 .r3top #bellBtn:hover,body.da-r3 .r3top #prefBtn:hover{background:#F1F4F9;color:#17243C}
body.da-r3 .r3user{display:flex;align-items:center;gap:10px;padding:4px 6px 4px 4px;border-radius:10px;margin-left:6px}
body.da-r3 .r3user:hover{background:#F1F4F9}
body.da-r3 .r3av{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#E7EEFB;color:#1859DB;font-weight:600;font-size:12px;flex:none}
body.da-r3 .r3av-lg{width:42px;height:42px;font-size:14px}
body.da-r3 .r3who{display:flex;flex-direction:column;text-align:left;line-height:1.2}
body.da-r3 .r3who b{font-size:13.5px;font-weight:600;color:#17243C}
body.da-r3 .r3who small{font-size:12px;color:#596981}
body.da-r3 .r3chev{color:#596981}
body.da-r3 .r3pop{position:absolute;right:0;top:46px;width:270px;background:#fff;border:1px solid #E1E6EE;border-radius:10px;box-shadow:0 12px 32px -12px rgba(23,36,60,.25);padding:14px;z-index:50}
body.da-r3 .r3pop select{width:100%}
body.da-r3 .r3logout{display:block;width:100%;margin-top:12px;padding:8px 10px;border-radius:8px;border:1px solid #E1E6EE;color:#17243C;font-size:13px;text-align:left}
body.da-r3 .r3logout:hover{background:#F6F8FB}
body.da-r3 .r3titre{font-size:22px;font-weight:650;color:#17243C;margin:6px 0 14px;letter-spacing:-.01em}
body.da-r3 .r3onglets{display:flex;gap:24px;margin-top:-4px;overflow-x:auto}
body.da-r3 .r3onglets a{padding:0 0 12px;font-size:13.5px;color:#596981;border-bottom:2px solid transparent;white-space:nowrap}
body.da-r3 .r3onglets a:hover{color:#17243C}
body.da-r3 .r3onglets a.on{color:#1859DB;border-bottom-color:#1859DB;font-weight:600}
/* accueil : 3 choses, la file, le rail (UX-1 : rail 300 px, absent sans carte ; les cartes ne s'étirent pas) */
body.da-r3 .r3home{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}
body.da-r3 .r3home-seul{grid-template-columns:minmax(0,1fr)}
body.da-r3 .r3hello{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
body.da-r3 .r3hello h2{font-size:28px;font-weight:650;color:#0F1B33;letter-spacing:-.015em;line-height:1.15}
body.da-r3 .r3hello p{font-size:16px;color:#596981;margin-top:6px}
body.da-r3 .r3date{font-size:13px;color:#596981;white-space:nowrap}
body.da-r3 .r3cartes{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,340px));gap:16px;margin:22px 0 26px}
body.da-r3 .r3carte{display:flex;flex-direction:column;border:1px solid #E3E8F0;border-radius:12px;padding:18px;background:#fff;cursor:pointer;transition:box-shadow .15s}
body.da-r3 .r3carte-rose{background:#FFF7F7;border-color:#F6DCDC}
body.da-r3 .r3carte-bleu{background:#F8FAFF;border-color:#DCE6F8}
body.da-r3 .r3carte-ambre{background:#FFFBF2;border-color:#F2E2C0}
body.da-r3 .r3carte.choisie{box-shadow:0 0 0 2px rgba(24,89,219,.28)}
body.da-r3 .r3carte:focus-visible{outline:2px solid #1859DB;outline-offset:2px}
body.da-r3 .r3carte-h{display:flex;align-items:center;gap:12px}
body.da-r3 .r3carte-nom{font-size:15px;font-weight:600;color:#0F1B33}
body.da-r3 .r3carte-soc{font-size:13px;color:#596981}
body.da-r3 .r3etiq{margin-left:auto;align-self:flex-start;font-size:12px;font-weight:500;padding:3px 8px;border-radius:6px;white-space:nowrap}
body.da-r3 .r3etiq-rose{background:#FDE8E8;color:#B52E3E}
body.da-r3 .r3etiq-bleu{background:#E7F0FF;color:#1859DB}
body.da-r3 .r3etiq-ambre{background:#FFF1D6;color:#85500C}
body.da-r3 .r3carte-titre{font-size:15px;font-weight:650;color:#0F1B33;margin:16px 0 6px}
body.da-r3 .r3carte-txt{font-size:13.5px;color:#4B5A70;line-height:1.5;flex:1}
body.da-r3 .r3carte-meta{font-size:12px;color:#8A96A8}
body.da-r3 .r3carte-bloque{margin-top:14px;font-size:12.5px;color:#B52E3E}
body.da-r3 .r3cta{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;height:40px;border-radius:8px;border:1px solid;background:#fff;font-size:13.5px;font-weight:600}
body.da-r3 .r3cta-rose{color:#C2343F;border-color:#F0B8BD}
body.da-r3 .r3cta-rose:hover{background:#FFF0F1}
body.da-r3 .r3cta-bleu{color:#1859DB;border-color:#A9C3F4}
body.da-r3 .r3cta-bleu:hover{background:#EEF4FF}
body.da-r3 .r3cta-ambre{color:#85500C;border-color:#E8CB8F}
body.da-r3 .r3cta-ambre:hover{background:#FFF6E3}
body.da-r3 .r3vide{padding:18px;border:1px dashed #D5DDE8;border-radius:12px;color:#596981;font-size:13.5px;background:#fff;margin:22px 0}
body.da-r3 .r3panne{padding:10px 14px;border-radius:8px;background:#FFF7E8;color:#85500C;font-size:13px;margin-top:14px}
body.da-r3 .r3file{background:#fff;border:1px solid #E3E8F0;border-radius:12px;padding:18px 20px}
body.da-r3 .r3file-h{display:flex;align-items:center;justify-content:space-between}
body.da-r3 .r3file-h h3{font-size:17px;font-weight:650;color:#0F1B33}
body.da-r3 .r3file-h h3 span{font-weight:400;color:#596981;font-size:15px}
body.da-r3 .r3file-droite{display:flex;align-items:center;gap:10px}
body.da-r3 .r3file-cta{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:8px;background:#1859DB;color:#fff;font-size:13px;font-weight:600}
body.da-r3 .r3file-cta:hover{background:#124BBD}
body.da-r3 .r3file-cta svg{display:inline}
/* avec une carte d'attention, c'est la carte qui porte le geste principal : le bouton de la file passe en second */
body.da-r3 .r3file-cta-2{background:#fff;color:#1859DB;border:1px solid #A9C3F4}
body.da-r3 .r3file-cta-2:hover{background:#EEF4FF}
body.da-r3 .r3chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 8px}
body.da-r3 .r3chips button{padding:6px 12px;border-radius:8px;background:#F1F4F9;color:#475569;font-size:13px}
body.da-r3 .r3chips button.on{background:#E7F0FF;color:#1859DB;font-weight:600}
body.da-r3 .r3table-wrap{overflow-x:auto}
body.da-r3 .r3table{width:100%;border-collapse:collapse}
body.da-r3 .r3table th{font-size:12.5px;font-weight:400;color:#6B7A90;text-align:left;padding:10px 12px;border-bottom:1px solid #E6EAF0;white-space:nowrap}
body.da-r3 .r3table td{font-size:13.5px;color:#2C3A52;padding:11px 12px;border-bottom:1px solid #F0F3F7;white-space:nowrap}
body.da-r3 .r3table td b{font-weight:600;color:#0F1B33}
body.da-r3 .r3table td svg{display:inline;vertical-align:-3px;margin-right:6px}
body.da-r3 .r3table tbody tr{cursor:pointer}
body.da-r3 .r3table tbody tr:hover{background:#F7F9FC}
body.da-r3 .r3table tbody tr:focus-visible{outline:2px solid #1859DB;outline-offset:-2px}
body.da-r3 .r3heure{font-variant-numeric:tabular-nums;color:#475569}
body.da-r3 .r3dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:12px;vertical-align:-1px;border:2.5px solid currentColor;background:transparent}
body.da-r3 .r3dot-ok{color:#18A06A}
body.da-r3 .r3dot-info{color:#1859DB}
body.da-r3 .r3dot-warn{color:#E0A100}
body.da-r3 .r3dot-ko{color:#D9434F}
body.da-r3 .r3pill{display:inline-block;font-size:12px;padding:2px 8px;border-radius:6px}
body.da-r3 .r3pill-ok{background:#E8F7EF;color:#18754E}
body.da-r3 .r3pill-info{background:#E7F0FF;color:#1859DB}
body.da-r3 .r3pill-warn{background:#FFF1D6;color:#85500C}
body.da-r3 .r3pill-ko{background:#FDE8E8;color:#B52E3E}
body.da-r3 .r3pill-muted{background:#EEF1F5;color:#596981}
body.da-r3 .r3muet{color:#8A96A8}
/* le rail « Avec Closara » */
body.da-r3 .r3rail{background:#fff;border:1px solid #E3E8F0;border-radius:12px;padding:16px;position:sticky;top:20px}
body.da-r3 .r3rail-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
body.da-r3 .r3rail-ico{color:#1859DB}
body.da-r3 .r3rail-h h3{font-size:16px;font-weight:650;color:#0F1B33}
body.da-r3 .r3rail-qui{margin-left:auto;font-size:12.5px;color:#596981;max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.da-r3 .r3rail-tabs{display:flex;gap:20px;border-bottom:1px solid #E6EAF0;margin:14px 0 16px}
body.da-r3 .r3rail-tabs button{padding:8px 0;font-size:13px;color:#596981;border-bottom:2px solid transparent;margin-bottom:-1px}
body.da-r3 .r3rail-tabs button.on{color:#1859DB;border-bottom-color:#1859DB;font-weight:600}
body.da-r3 .r3rail-vide{font-size:13px;color:#596981;line-height:1.5}
body.da-r3 .r3rail-charge{color:#8A96A8}
body.da-r3 .r3points{margin-top:22px}
body.da-r3 .r3points-t{font-size:14px;font-weight:600;color:#0F1B33;margin-bottom:8px}
body.da-r3 .r3points ul{list-style:disc;padding-left:18px}
body.da-r3 .r3points li{font-size:13.5px;color:#2C3A52;margin:6px 0}
body.da-r3 .r3src{font-size:11.5px;color:#8A96A8;white-space:nowrap}
body.da-r3 .r3docs li{display:flex;align-items:center;gap:8px;font-size:13px;color:#2C3A52;padding:6px 0;border-bottom:1px solid #F0F3F7}
body.da-r3 .r3docs small{margin-left:auto;color:#8A96A8}
/* la situation d’abord (fiche et contexte) */
body.da-r3 .r3retenir-t{font-size:14px;font-weight:650;color:#0F1B33;margin-bottom:8px}
body.da-r3 .r3situation{display:grid;gap:8px}
body.da-r3 .r3sit{display:flex;gap:10px;padding:10px 12px;border:1px solid #E6EAF0;border-radius:8px;background:#fff}
body.da-r3 .r3sit-dot{width:10px;height:10px;border-radius:50%;border:2.5px solid currentColor;flex:none;margin-top:4px}
body.da-r3 .r3sit-rose{color:#D9434F}
body.da-r3 .r3sit-vert{color:#18A06A}
body.da-r3 .r3sit-ambre{color:#E0A100}
body.da-r3 .r3sit-bleu{color:#1859DB}
body.da-r3 .r3sit-t{font-size:13px;font-weight:600;color:#0F1B33}
body.da-r3 .r3sit-c{font-size:13px;color:#4B5A70;line-height:1.45}
body.da-r3 .r3sit-alerte{padding:8px 12px;border-radius:8px;background:#FFF0F1;color:#B52E3E;font-size:13px}
/* la barre basse : seulement sur mobile */
body.da-r3 .r3bas{display:none}
@media (max-width:1180px){body.da-r3 .r3home{grid-template-columns:minmax(0,1fr)}body.da-r3 .r3rail{position:static}}
@media (max-width:767.98px){
  body.da-r3 #topbar.r3top{margin:-16px -16px 16px;padding:0 12px}
  body.da-r3 .r3row{height:56px;gap:8px}
  body.da-r3 .r3search{width:auto;flex:1}
  body.da-r3 .r3search kbd,body.da-r3 .r3who,body.da-r3 .r3chev{display:none}
  body.da-r3 .r3hello{flex-direction:column;align-items:flex-start}
  body.da-r3 .r3hello h2{font-size:24px}
  body.da-r3 .r3cartes{grid-template-columns:1fr}
  body.da-r3 .r3table th:nth-child(2),body.da-r3 .r3table td:nth-child(2),body.da-r3 .r3table th:nth-child(4),body.da-r3 .r3table td:nth-child(4){display:none}
  html body.da-r3 #sidebar .r3plus{left:0;width:min(320px,85vw);z-index:47}
  body.da-r3 main{padding-bottom:84px!important}
  body.da-r3 .r3bas{display:flex;position:fixed;left:0;right:0;bottom:0;height:64px;background:#0E1C32;z-index:43;justify-content:space-around;align-items:center;padding-bottom:env(safe-area-inset-bottom)}
  body.da-r3 .r3bas a,body.da-r3 .r3bas button{display:flex;flex-direction:column;align-items:center;gap:3px;color:#9FB0CA;font-size:11px;min-width:64px;padding:6px 0}
  body.da-r3 .r3bas a.on{color:#fff}
}
/* Dans « Plus », le catalogue est déjà ce panneau : « Tous les outils » y est ouvert d’office. */
html body.da-r3 #r3PlusPanel #navTout{display:none}
html body.da-r3 #r3PlusPanel #navToutBloc{display:block!important}
/* Sur mobile, le bouton flottant « Génie » passe AU-DESSUS de la barre basse (il masquait « Plus »). */
@media (max-width:767.98px){html body.da-r3 #genieBtn{bottom:76px!important}}
/* Mobile : la recherche rétrécit (min-width:0) pour que cloche, apparence et compte restent visibles. */
@media (max-width:767.98px){body.da-r3 .r3search{min-width:0}body.da-r3 .r3actions{gap:2px;flex:none}body.da-r3 .r3user{margin-left:0;padding:2px}}
/* main est un enfant flex : sans min-width:0 il s’élargit à son contenu (512 px pour un écran de 390). */
body.da-r3 main{min-width:0}
body.da-r3 .r3home-main,body.da-r3 .r3file{min-width:0}
/* Tablette (768-1100 px) : sidebar + recherche ne laissent pas la place au nom ; l’avatar suffit. */
@media (max-width:1100px){body.da-r3 .r3who,body.da-r3 .r3chev{display:none}}
/* Le tableau tient dans sa colonne (la référence le montre entier) : marges serrées, entreprise et action sur deux lignes au besoin. */
body.da-r3 .r3table th,body.da-r3 .r3table td{padding-left:8px;padding-right:8px}
body.da-r3 .r3table td:nth-child(2),body.da-r3 .r3table td:nth-child(3){white-space:normal;line-height:1.35}
body.da-r3 .r3table td:nth-child(2){max-width:220px}

/* lot 16 — état de la relation (fiche R3) */
body.da-r3 .r3relbox{margin-top:14px}
body.da-r3 .r3rel{border:1px solid #E6EAF0;border-radius:10px;padding:12px 14px;background:#fff}
body.da-r3 .r3rel-h{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}
body.da-r3 .r3rel-eng{display:grid;gap:6px;margin-top:6px}
body.da-r3 .r3rel-eng li{display:grid;grid-template-columns:64px 1fr auto;gap:4px 10px;align-items:center;font-size:13px;color:#2C3A52}
body.da-r3 .r3rel-eng li .r3src:last-child{grid-column:2 / 4}
body.da-r3 .r3rel-qui{font-size:12px;color:#596981}
body.da-r3 .r3rel-contra{margin-top:10px;padding:8px 10px;border-radius:8px;background:#FFF7E8;color:#85500C;font-size:13px;display:grid;gap:4px}
body.da-r3 .r3rel-inc{margin-top:8px;font-size:12.5px;color:#596981;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
body.da-r3 .r3rel-faits{margin-top:10px;font-size:13px}
body.da-r3 .r3rel-faits summary{cursor:pointer;color:#1859DB;font-size:12.5px}
body.da-r3 .r3rel-faits li{margin:4px 0;color:#2C3A52}
body.da-r3 .r3relbox:empty{display:none}

/* UX-2 : une tête de relation, une prochaine action, preuves dépliables. Palette R3 conservée. */
body.da-r3 .r3rel-first{border:0;border-top:2px solid #0F1B33;border-radius:0;padding:16px 0 0;background:transparent}
body.da-r3 .r3rel-first .r3rel-h{align-items:flex-start;gap:12px;margin-bottom:9px}
body.da-r3 .r3rel-title{font-size:18px;font-weight:650;line-height:1.3;letter-spacing:-.3px;color:#0F1B33;margin:0}
body.da-r3 .r3rel-reason{font-size:14px;line-height:1.6;color:#3C4B63;margin:0 0 16px;overflow-wrap:anywhere}
body.da-r3 .r3rel-next{border-left:3px solid #1859DB;background:#F1F5FE;padding:12px 14px;margin:15px 0 18px}
body.da-r3 .r3rel-next-label{font-size:12px;font-weight:550;color:#476189;margin-bottom:6px}
body.da-r3 .r3rel-next-text{font-size:16px;line-height:1.4;font-weight:650;color:#13346B;margin-bottom:6px;overflow-wrap:anywhere}
body.da-r3 .r3rel-message{padding:2px 0 15px;margin-bottom:15px;border-bottom:1px solid #E6EAF0}
body.da-r3 .r3rel-message blockquote{font-size:14px;line-height:1.6;color:#2C3A52;margin:8px 0;border:0;padding:0;overflow-wrap:anywhere}
body.da-r3 .r3rel-event{display:grid;gap:5px;font-size:13px;margin:14px 0;color:#3C4B63}
body.da-r3 .r3rel-commitments{margin:18px 0 14px}
body.da-r3 .r3rel-commitments h4{margin:0 0 9px}
body.da-r3 .r3rel-first .r3rel-eng li{padding:9px 0;border-bottom:1px solid #EDF0F5;grid-template-columns:58px minmax(0,1fr) auto;overflow-wrap:anywhere}
body.da-r3 .r3rel-first .r3rel-quoi{min-width:0;line-height:1.5}
body.da-r3 .r3rel-closed,body.da-r3 .r3rel-first .r3rel-faits{border-top:1px solid #E6EAF0;padding-top:12px;margin-top:12px;font-size:13px}
body.da-r3 .r3rel-closed summary,body.da-r3 .r3rel-fallback summary{cursor:pointer;color:#1859DB;font-size:12.5px}
body.da-r3 .r3rel-error{display:grid;gap:9px;border-left:3px solid #AB5411;padding:12px 14px;background:#FFF7E8;color:#6E420F;font-size:13px;overflow-wrap:anywhere}
body.da-r3 .r3rel-retry{justify-self:start;background:#fff;border:1px solid #D2BDA0;border-radius:5px;padding:7px 12px;color:#6E420F;cursor:pointer}
body.da-r3 .r3rel-retry:focus-visible{outline:2px solid #1859DB;outline-offset:3px}
body.da-r3 .r3rel-fallback{margin-top:15px;padding-top:12px;border-top:1px solid #E6EAF0}
body.da-r3 .r3rel-fallback>.r3retenir-t{margin-top:15px}
@media(max-width:480px){body.da-r3 .r3rel-first .r3rel-h{flex-wrap:wrap}body.da-r3 .r3rel-first .r3rel-eng li{grid-template-columns:48px minmax(0,1fr)}body.da-r3 .r3rel-first .r3rel-eng li>.r3pill{grid-column:2;justify-self:start}body.da-r3 .r3rel-first .r3rel-eng li .r3src:last-child{grid-column:2}body.da-r3 .r3rel-title{font-size:17px}}

/* Préparation du dossier : sources de travail dans la fiche, sans nouvelle navigation. */
body.da-r3 .r3brain{border-top:1px solid #DDE4EF;margin-top:18px;padding-top:16px}
body.da-r3 .r3brain>summary{font-size:14px;font-weight:650;color:#13346B;cursor:pointer}
body.da-r3 .r3brain-intro,body.da-r3 .r3brain-empty{font-size:13px;line-height:1.6;color:#526179;margin:12px 0}
body.da-r3 .r3brain-form{display:flex;gap:8px;align-items:end;margin:14px 0}
body.da-r3 .r3brain-form label{flex:1;min-width:0;font-size:12px;color:#526179}
body.da-r3 .r3brain-form input{display:block;box-sizing:border-box;width:100%;margin-top:6px;border:1px solid #C8D3E3;border-radius:5px;padding:9px;background:#FFF;color:#182A44;font-size:13px}
body.da-r3 .r3brain button{border:1px solid #C8D3E3;background:#FFF;color:#1859DB;border-radius:5px;padding:9px 11px;font-size:12px;cursor:pointer}
body.da-r3 .r3brain input:focus-visible,body.da-r3 .r3brain button:focus-visible,body.da-r3 .r3brain textarea:focus-visible{outline:2px solid #1859DB;outline-offset:2px}
body.da-r3 .r3brain-sources article{border-left:2px solid #CCD8EB;padding:0 0 0 12px;margin:18px 0}
body.da-r3 .r3brain-sources h4{font-size:13px;font-weight:650;color:#213A5E;margin:0 0 7px}
body.da-r3 .r3brain-sources blockquote{margin:0;font-size:13px;line-height:1.6;color:#3C4B63;white-space:pre-wrap;overflow-wrap:anywhere}
body.da-r3 .r3brain-sources .r3src{margin-top:7px}
body.da-r3 .r3brain-note summary{font-size:12px;color:#1859DB;cursor:pointer;margin:12px 0}
body.da-r3 .r3brain-note textarea{box-sizing:border-box;width:100%;resize:vertical;border:1px solid #C8D3E3;background:#F8FAFE;color:#2C3A52;padding:12px;font-family:inherit;font-size:12px;line-height:1.6}
@media(max-width:480px){body.da-r3 .r3brain-form{align-items:stretch;flex-direction:column}body.da-r3 .r3brain-form button{align-self:flex-start}}

body.da-r3 .r3brain .r3src{white-space:normal;overflow-wrap:anywhere}
body.da-r3 .r3brain-sources h4{overflow-wrap:anywhere}

/* Le cadre métier prolonge le dossier, sans écran ou navigation supplémentaire. */
body.da-r3 .r3brain-metier-label{display:grid;gap:6px;margin:16px 0;font-size:12px;color:var(--muted,#596981)}
body.da-r3 .r3brain-metier{width:100%;min-width:0;max-width:100%;padding:10px;border:1px solid #ccd5e1;border-radius:6px;background:#fff;color:#142138;font:inherit}
body.da-r3 .r3brain-cadre{margin:16px 0;padding:16px;border-left:3px solid #193c36;background:#f4f7f5;overflow-wrap:anywhere}
body.da-r3 .r3brain-cadre h4{margin:4px 0 8px;font-size:17px}
body.da-r3 .r3brain-cadre h5{margin:16px 0 6px;font-size:12px}
body.da-r3 .r3brain-cadre p,body.da-r3 .r3brain-cadre li{font-size:13px;line-height:1.55}
body.da-r3 .r3brain-cadre ul{margin:0;padding-left:18px}
body.da-r3 .r3brain-etapes{color:#315b50;font-size:12px!important}
body.da-r3 .r3brain-pieces{display:flex;flex-wrap:wrap;gap:6px}
body.da-r3 .r3brain-pieces button{max-width:100%;white-space:normal;text-align:left;padding:7px 10px;border:1px solid #cbd8d1;background:#fff;color:#183b32;border-radius:5px;font:inherit;font-size:12px;cursor:pointer}
body.da-r3 .r3brain-pieces button:focus-visible,body.da-r3 .r3brain-metier:focus-visible{outline:2px solid #183b32;outline-offset:3px}