/* ==========================================================================
   ECP — charte commune des outils internes (même design que l'Espace conseiller)
   Chargée par chaque outil : <link rel="stylesheet" href="/ecp-ui/ecp-ui.css">
   Couleurs : navy #0D1B3E · or #C9A84C · fond #F0F2F7 — Polices : Marcellus (titres) · Figtree (texte)
   ========================================================================== */
:root{
  --ecp-navy:#0D1B3E;--ecp-navy-2:#16274F;--ecp-navy-deep:#091430;
  --ecp-gold:#C9A84C;--ecp-gold-soft:#DDC58A;--ecp-light:#F0F2F7;
  --ecp-ink:#1C2438;--ecp-muted:#5C6478;--ecp-hair:rgba(13,27,62,.12);
  --ecp-ok:#2E7D5B;--ecp-bad:#B3261E;
  --ecp-fd:'Marcellus','Times New Roman',serif;
  --ecp-fb:'Figtree','Helvetica Neue',Arial,sans-serif;
  --ecp-bar-h:48px;
}

/* ── barre commune : logo ECP + retour à l'Espace conseiller ── */
.ecp-bar{position:sticky;top:0;z-index:9990;height:var(--ecp-bar-h);display:flex;align-items:center;gap:14px;
  padding:0 max(16px,env(safe-area-inset-left));background:var(--ecp-navy);color:#fff;font:500 14px/1 var(--ecp-fb);
  box-shadow:0 1px 0 rgba(201,168,76,.35);-webkit-font-smoothing:antialiased}
.ecp-bar *{box-sizing:border-box}
.ecp-bar a{color:inherit;text-decoration:none}
.ecp-bar .ecp-home{display:flex;align-items:center;gap:10px;min-width:0;color:rgba(255,255,255,.82)}
.ecp-bar .ecp-home:hover{color:var(--ecp-gold-soft)}
.ecp-bar .ecp-home img{width:30px;height:30px;border-radius:8px;background:#fff;padding:3px;object-fit:contain;flex:none}
.ecp-bar .ecp-home b{font:400 15px/1.1 var(--ecp-fd);color:#fff;white-space:nowrap}
.ecp-bar .ecp-home span{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ecp-gold-soft);white-space:nowrap}
.ecp-bar .ecp-sep{width:1px;height:22px;background:rgba(255,255,255,.18);flex:none}
.ecp-bar .ecp-tool{font:400 15px/1.2 var(--ecp-fd);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.ecp-bar .ecp-back{margin-left:auto;display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.25);border-radius:999px;
  padding:7px 12px;font-size:12.5px;font-weight:600;white-space:nowrap;flex:none}
.ecp-bar .ecp-back:hover{border-color:var(--ecp-gold);color:var(--ecp-gold-soft)}
.ecp-bar.fixed{position:fixed;left:0;right:0;top:0}
/* variante flottante pour les outils plein écran (Atelier Stratégie) */
.ecp-bar.float{position:fixed;top:auto;bottom:14px;left:14px;height:auto;padding:0;background:none;box-shadow:none;z-index:9990}
.ecp-bar.float .ecp-back{margin:0;background:var(--ecp-navy);border-color:var(--ecp-navy);box-shadow:0 8px 20px rgba(9,20,48,.25);padding:9px 14px}
.ecp-bar.float .ecp-home,.ecp-bar.float .ecp-sep,.ecp-bar.float .ecp-tool{display:none}
@media (max-width:640px){
  .ecp-bar .ecp-home span,.ecp-bar .ecp-home b{display:none}
  .ecp-bar .ecp-back .ecp-long{display:none}
}
@media print{.ecp-bar{display:none!important}}

/* ── règles responsive communes (appliquées avec la classe ecp-ui sur <html>) ── */
html.ecp-ui img,html.ecp-ui video,html.ecp-ui iframe{max-width:100%}
html.ecp-ui body{-webkit-text-size-adjust:100%;text-size-adjust:100%}
/* tableau trop large : défilement horizontal dans son cadre plutôt que toute la page */
html.ecp-ui .ecp-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}