/* Kit d'interface Alta36 · V3 (19 octobre 2026).
   Plus simple, plus visuel : un écran par espace, le détail derrière un geste (panneau ou feuille).
   DA du cockpit d'Alain : blanc, gris froids, barre latérale sombre, titres en Bricolage serrés, orange pour l'action. */
@import url("fonts.css");

:root{
  --bg:#FFFFFF; --sunk:#F6F7F8; --hover:#EEF0F2; --line:#E3E6EA; --line-2:#EEF0F2;
  --ink:#18191C; --ink-2:#2B2D32; --g7:#3B3F46; --muted:#5E6570; --faint:#8A909A; --g3:#CDD2D8;
  --or:#F0531C; --or-6:#C2410C; --or-50:#FDEEE6; --or-100:#FBDCCB; --amber:#FF9E2C;
  --ok:#1F7A4D; --ok-50:#E8F3EC; --risk:#B42318; --risk-50:#FDECEA; --warn:#9A6200;
  --rail:#18191C; --on-rail:#FFFFFF; --on-rail-2:rgba(255,255,255,.62); --rail-line:rgba(255,255,255,.10);
  --disp:"Bricolage Grotesque",Inter,system-ui,sans-serif;
  --sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --r-s:8px; --r:12px; --r-l:16px; --r-xl:20px;
  --sh:0 12px 32px rgba(24,25,28,.10),0 2px 8px rgba(24,25,28,.05);
  --ease:cubic-bezier(.2,.7,.2,1); --ease-out:cubic-bezier(.16,1,.3,1);
  --side:264px;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100vh;overflow-x:hidden;}
a{color:inherit;text-decoration:none;}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent;text-align:inherit;}
input{font:inherit;color:inherit;}
img{display:block;max-width:100%;}
svg.i{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
::selection{background:rgba(255,158,44,.30);}
.num,.fig,.v{font-variant-numeric:tabular-nums;}

/* ===== Arrivée : fondu et translation, filet de sécurité dans v3.js ===== */
.js .rv{opacity:0;transform:translateY(14px);transition:opacity .55s var(--ease-out),transform .65s var(--ease-out);}
.js .rv.in{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){
  .js .rv{opacity:1;transform:none;transition:none;}
  *,*::before,*::after{animation-duration:.001s !important;animation-iteration-count:1 !important;transition-duration:.001s !important;}
}

/* ===== Coquille ordinateur ===== */
.app{display:grid;grid-template-columns:var(--side) minmax(0,1fr);min-height:100vh;}
.sb{position:sticky;top:0;height:100vh;background:var(--rail);color:var(--on-rail);display:flex;flex-direction:column;padding:22px 14px 16px;overflow-y:auto;}
.org{display:flex;align-items:center;gap:11px;padding:0 8px 22px;}
.mark{width:36px;height:36px;border-radius:10px;background:var(--or);color:#fff;font-family:var(--disp);font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center;letter-spacing:-.03em;flex:none;}
.org b{display:block;font-family:var(--disp);font-weight:700;font-size:17px;letter-spacing:-.02em;line-height:1.1;}
.org small{display:block;font-size:12.5px;color:var(--on-rail-2);margin-top:2px;}
.nav{display:flex;flex-direction:column;gap:2px;}
.nav a{white-space:nowrap;display:flex;align-items:center;gap:12px;min-height:42px;padding:0 12px;border-radius:10px;color:var(--on-rail-2);font-weight:500;font-size:14.5px;transition:background .15s,color .15s;}
.nav a:hover{background:rgba(255,255,255,.06);color:#fff;}
.nav a.on{background:rgba(255,255,255,.10);color:#fff;font-weight:600;}
.nav a.on svg.i{color:var(--or);}
.nav .ct{margin-left:auto;font-size:12.5px;font-weight:600;color:var(--on-rail-2);font-variant-numeric:tabular-nums;}
.nav a.on .ct,.nav .ct.hot{color:var(--or);}
.nav .sep{height:1px;background:var(--rail-line);margin:10px 12px;}
.sb-foot{margin-top:auto;padding:14px 8px 0;border-top:1px solid var(--rail-line);font-size:12.5px;color:var(--on-rail-2);line-height:1.45;}
.sb-foot b{color:#fff;font-weight:600;}

.main{min-width:0;display:flex;flex-direction:column;}
.top{position:sticky;top:0;z-index:30;height:60px;display:flex;align-items:center;gap:14px;padding:0 44px;background:rgba(255,255,255,.9);backdrop-filter:saturate(1.3) blur(12px);-webkit-backdrop-filter:saturate(1.3) blur(12px);border-bottom:1px solid var(--line);}
.crumb{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:14px;min-width:0;}
.crumb b{color:var(--ink);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.crumb svg.i{width:14px;height:14px;color:var(--faint);}
.top-r{margin-left:auto;display:flex;align-items:center;gap:10px;}
.who-btn{display:flex;align-items:center;gap:10px;height:42px;padding:0 12px 0 5px;border:1px solid var(--line);border-radius:12px;background:#fff;transition:border-color .15s;}
.who-btn:hover{border-color:var(--ink);}
.who-btn b{font-weight:600;font-size:14px;white-space:nowrap;}
.who-btn svg.i{width:15px;height:15px;color:var(--faint);}
.ab{display:none;}
.page{padding:34px 44px 56px;display:flex;flex-direction:column;gap:26px;max-width:1200px;width:100%;}

/* ===== En-tête d'écran : une ligne grise, une phrase ===== */
.head{display:flex;align-items:flex-end;gap:24px;}
.head-m{min-width:0;flex:1;}
.date{font-size:14.5px;font-weight:500;color:var(--muted);margin-bottom:8px;}
h1{font-family:var(--disp);font-weight:800;font-size:44px;line-height:1.02;letter-spacing:-.045em;text-wrap:balance;max-width:860px;}
h1 em{font-style:normal;color:var(--or);}
.head-r{display:flex;gap:10px;align-items:center;flex:none;}
h2{font-family:var(--disp);font-weight:700;font-size:21px;line-height:1.15;letter-spacing:-.025em;}
.sec{display:flex;align-items:baseline;gap:12px;margin-bottom:14px;}
.sec .more{margin-left:auto;font-size:14px;font-weight:600;color:var(--or-6);white-space:nowrap;}
.sec .more:hover{color:var(--ink);}
.sec .r{margin-left:auto;font-size:13.5px;color:var(--muted);}

/* ===== Chiffres : trois au plus ===== */
.nums{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));border:1px solid var(--line);border-radius:var(--r-l);background:#fff;}
.nums>div{padding:16px 20px 18px;min-width:0;}
.nums>div+div{border-left:1px solid var(--line);}
.nums .v{font-family:var(--disp);font-weight:700;font-size:36px;line-height:1;letter-spacing:-.04em;white-space:nowrap;}
.nums .v small{font-family:var(--sans);font-size:15px;font-weight:500;letter-spacing:0;color:var(--faint);margin-left:4px;}
.nums .v.or{color:var(--or);}
.nums .v.risk{color:var(--risk);}
.nums .l{font-size:13.5px;color:var(--muted);margin-top:8px;font-weight:500;}
.nums .l b{color:var(--ok);font-weight:600;}

/* ===== Cartes ===== */
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r-l);padding:20px;min-width:0;}
.card.flat{background:var(--sunk);border-color:transparent;}
.card.dark{background:var(--ink);border-color:var(--ink);color:#fff;}
.card.dark .muted{color:var(--on-rail-2);}
.muted{color:var(--muted);}
.faint{color:var(--faint);}
.g{display:grid;gap:16px;min-width:0;}
.g2{grid-template-columns:repeat(2,minmax(0,1fr));}
.g3{grid-template-columns:repeat(3,minmax(0,1fr));}
.col{display:flex;flex-direction:column;gap:16px;min-width:0;}
.split{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start;}

/* Statut en mot coloré, jamais en pastille */
.st{font-size:13.5px;font-weight:600;color:var(--or-6);}
.st.ok{color:var(--ok);} .st.risk{color:var(--risk);} .st.gr{color:var(--muted);font-weight:500;}

/* ===== Boutons ===== */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:10px;font-size:15px;font-weight:600;white-space:nowrap;transition:background .15s,border-color .15s,color .15s,transform .15s;border:1px solid transparent;}
.btn:active{transform:scale(.98);}
.btn.pri{background:var(--or);color:#fff;}
.btn.pri:hover{background:var(--or-6);}
.btn.ink{background:var(--ink);color:#fff;}
.btn.ink:hover{background:var(--g7);}
.btn.gh{background:#fff;border-color:var(--line);color:var(--ink);}
.btn.gh:hover{border-color:var(--ink);}
.btn.done{background:var(--ok-50);color:var(--ok);pointer-events:none;}
.btn.sm{min-height:38px;padding:0 14px;font-size:14px;}
.btn.wide{width:100%;}
.lnk{font-weight:600;color:var(--or-6);font-size:14px;display:inline-flex;align-items:center;gap:6px;}
.lnk svg.i{width:15px;height:15px;}

/* ===== Avatars ===== */
.av{position:relative;width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:700;color:var(--g7);background:var(--hover);flex:none;overflow:hidden;}
.av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s;}
.av img.ok{opacity:1;}
.av.l{width:40px;height:40px;font-size:13px;}
.av.s{width:26px;height:26px;font-size:10px;}
.avs{display:inline-flex;}
.avs .av{box-shadow:0 0 0 2px #fff;margin-left:-8px;}
.avs .av:first-child{margin-left:0;}

/* ===== Carte d'action : prénom, objet, chiffre, bouton ===== */
.acts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.acts.two{grid-template-columns:repeat(2,minmax(0,1fr));}
.act{display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid var(--line);border-radius:var(--r-l);padding:18px;min-width:0;transition:border-color .25s,opacity .4s,transform .4s,max-height .5s var(--ease);}
.act:hover{border-color:var(--g3);}
.act .who{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted);}
.act .who b{color:var(--ink);font-weight:600;}
.act h3{font-size:17px;font-weight:600;line-height:1.3;letter-spacing:-.01em;}
.act .fig{font-family:var(--disp);font-weight:700;font-size:30px;line-height:1;letter-spacing:-.04em;margin-top:auto;}
.act .fig small{display:block;font-family:var(--sans);font-size:13.5px;font-weight:500;letter-spacing:0;color:var(--faint);margin-top:6px;}
.act .bt{display:flex;gap:8px;}
.act .bt .btn{flex:1;}
.act .bt .btn.gh{flex:none;}
.act.is-ok{border-color:var(--ok);}
.act.gone{opacity:0;transform:scale(.97);}
.done-list{display:flex;flex-direction:column;}
.done-list .it{display:flex;align-items:center;gap:10px;padding:10px 0;font-size:14.5px;border-top:1px solid var(--line-2);}
.done-list .it:first-child{border-top:0;}
.done-list .it svg.i{color:var(--ok);}
.done-list .it span{margin-left:auto;font-size:13px;color:var(--faint);}
.empty{font-size:14.5px;color:var(--muted);}
.allset{display:none;align-items:center;gap:12px;padding:22px;border:1px dashed var(--g3);border-radius:var(--r-l);color:var(--muted);font-size:15px;}
.allset svg.i{color:var(--ok);width:22px;height:22px;}
.allset.on{display:flex;}

/* Tuiles « prêt cette semaine » */
.ready{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.tile{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r-l);overflow:hidden;min-width:0;transition:border-color .2s,transform .2s;}
.tile:hover{border-color:var(--ink);transform:translateY(-2px);}
.tile .vis{height:112px;background:var(--sunk);position:relative;overflow:hidden;background-size:cover;background-position:center;}
.tile .tb{padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px;}
.tile .tb .k{font-size:13.5px;color:var(--muted);font-weight:500;}
.tile .tb b{font-family:var(--disp);font-weight:700;font-size:22px;letter-spacing:-.03em;line-height:1.1;}
.tile .tb .lnk{margin-top:8px;}
.minibars{position:absolute;inset:16px 18px 14px;display:flex;align-items:flex-end;gap:10px;}
.minibars span{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto;align-items:end;column-gap:3px;row-gap:5px;height:100%;}
.minibars i{display:block;border-radius:4px 4px 2px 2px;background:var(--g3);}
.minibars i.o{background:var(--or);}
.minibars em{grid-column:1/-1;font-style:normal;font-size:11px;color:var(--faint);text-align:center;}
.thumbs{position:absolute;inset:14px 16px;display:flex;gap:8px;}
.thumbs i{flex:1;border-radius:8px;background-size:cover;background-position:center;background-color:var(--g3);}
.themes{position:absolute;inset:16px 18px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px;}
.themes span{background:#fff;border-radius:8px;padding:8px 10px;font-size:12.5px;color:var(--muted);display:flex;align-items:baseline;justify-content:space-between;gap:6px;}
.themes span b{font-family:var(--disp);font-size:18px;color:var(--ink);}

/* Agenda en carte sombre */
.agenda h2{color:#fff;margin-bottom:6px;}
.agenda .rd{display:grid;grid-template-columns:78px minmax(0,1fr) 18px;gap:12px;align-items:center;padding:14px 0;border-top:1px solid var(--rail-line);}
.agenda .rd:first-of-type{border-top:0;}
.agenda .rd .h{font-family:var(--disp);font-weight:700;font-size:28px;letter-spacing:-.04em;color:var(--or);line-height:1;}
.agenda .rd b{display:block;font-weight:600;font-size:15px;line-height:1.3;}
.agenda .rd small{display:block;font-size:13.5px;color:var(--on-rail-2);margin-top:2px;}
.agenda .rd svg.i{color:var(--on-rail-2);width:16px;height:16px;}
.agenda a.rd:hover svg.i,.agenda button.rd:hover svg.i{color:#fff;}
.agenda button.rd{width:100%;text-align:left;}

/* ===== Visuels ===== */
.meter{height:6px;border-radius:4px;background:var(--hover);overflow:hidden;margin-top:12px;}
.meter i{display:block;height:100%;border-radius:4px;background:var(--ink);width:0;transition:width 1.1s var(--ease-out) .2s;}
.meter.or i{background:var(--or);}
.rv.in .meter i,.meter.in i{width:var(--w);}
.segs{display:flex;gap:4px;margin-top:12px;}
.segs i{flex:1;height:6px;border-radius:3px;background:var(--hover);}
.segs i.f{background:var(--ink);}

/* Carte de chaleur de la charge */
.heat{display:flex;flex-direction:column;gap:4px;}
.heat .hr{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(4,minmax(0,1fr)) 22px;gap:6px;align-items:center;width:100%;padding:3px 6px;margin:0 -6px;width:calc(100% + 12px);border-radius:12px;transition:background .15s;}
.heat button.hr:hover{background:var(--sunk);}
.heat button.hr:hover .go{color:var(--ink);}
.heat .go{display:flex;justify-content:flex-end;color:var(--g3);transition:color .15s;}
.heat .go svg.i{width:16px;height:16px;}
.heat .hd{font-size:12.5px;color:var(--faint);text-align:center;padding-bottom:2px;}
.heat .who{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;min-width:0;white-space:nowrap;}
.heat .who .nm{min-width:0;overflow:hidden;text-overflow:ellipsis;}
.heat i{transition:background-color .6s var(--ease),color .6s var(--ease);}
.heat i{font-style:normal;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--g7);}
.heat .l1{background:#F6F7F8;color:var(--faint);} .heat .l2{background:#EEF0F2;} .heat .l3{background:#FBDCCB;} .heat .l4{background:#F5A27E;color:#4A1A06;} .heat .lx{background:var(--or);color:#fff;}
.legend{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin-top:14px;}
.legend span{display:inline-flex;align-items:center;gap:7px;}
.legend span::before{content:"";width:12px;height:12px;border-radius:3px;background:var(--c);}

/* Barres horizontales */
.hbars{display:flex;flex-direction:column;gap:10px;}
.hbar{display:grid;grid-template-columns:120px minmax(0,1fr) 44px;gap:12px;align-items:center;font-size:14px;}
.hbar span{color:var(--g7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hbar .tr{height:12px;border-radius:6px;background:var(--sunk);overflow:hidden;}
.hbar .tr i{display:block;height:100%;border-radius:6px;background:var(--ink);width:0;transition:width 1.1s var(--ease-out) .2s;}
.hbar:first-child .tr i{background:var(--or);}
.rv.in .hbar .tr i{width:var(--w);}
.hbar b{text-align:right;font-variant-numeric:tabular-nums;font-weight:600;}

/* Chronologie d'un dossier */
.tl{display:grid;grid-template-columns:repeat(var(--n,5),minmax(0,1fr));gap:6px;}
.tl .stp{display:flex;flex-direction:column;gap:6px;min-width:0;}
.tl .stp .d{font-size:13px;color:var(--faint);font-weight:500;}
.tl .stp .bar{height:8px;border-radius:4px;background:var(--hover);}
.tl .stp.f .bar{background:var(--ink);}
.tl .stp.now .bar{background:var(--or);}
.tl .stp.now .d{color:var(--or-6);font-weight:600;}
.tl .stp b{font-size:14.5px;font-weight:600;line-height:1.3;display:flex;gap:6px;align-items:flex-start;}
.tl .stp b svg.i{width:16px;height:16px;color:var(--ok);margin-top:1px;}
.tl .stp:not(.f):not(.now) b{color:var(--muted);font-weight:500;}
.next{display:flex;align-items:center;gap:16px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line-2);}
.next .tx{min-width:0;flex:1;}
.next .tx small{display:block;font-size:13.5px;color:var(--or-6);font-weight:600;}
.next .tx b{display:block;font-size:16px;font-weight:600;}

/* Lignes courtes */
.rows{display:flex;flex-direction:column;}
.row{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line-2);min-width:0;}
.row:first-child{border-top:0;padding-top:4px;}
.row .ic{width:34px;height:34px;border-radius:10px;background:var(--sunk);display:flex;align-items:center;justify-content:center;color:var(--muted);flex:none;}
.row .ic svg.i{width:17px;height:17px;}
.row .tx{min-width:0;flex:1;}
.row .tx b{display:block;font-weight:600;font-size:14.5px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.row .tx small{display:block;font-size:13.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.row .end{margin-left:auto;flex:none;display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--faint);}
button.row{width:100%;}
button.row:hover .tx b{color:var(--or-6);}

/* Aperçu papier d'une proposition */
.paper{background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:0 18px 40px -20px rgba(24,25,28,.35);padding:18px 18px 16px;aspect-ratio:3/4;display:flex;flex-direction:column;gap:7px;}
.paper>span{display:block;}
button.paper{width:100%;cursor:pointer;transition:transform .2s;}
button.paper:hover{transform:translateY(-2px);}
.paper .pp{display:flex !important;}
.paper .pk{font-size:10.5px;font-weight:600;color:var(--or-6);}
.paper .pt{font-family:var(--disp);font-weight:700;font-size:17px;letter-spacing:-.02em;line-height:1.1;}
.paper .pl{height:6px;border-radius:3px;background:var(--hover);width:100%;}
.paper .pl.w8{width:80%;} .paper .pl.w6{width:60%;} .paper .pl.w4{width:40%;}
.paper .ps{font-size:10px;font-weight:600;color:var(--muted);margin-top:6px;}
.paper .pp{margin-top:auto;display:flex;justify-content:space-between;font-size:11px;font-weight:600;padding-top:8px;border-top:1px solid var(--line-2);}
.prop{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:18px;align-items:center;}
.prop .fig{font-family:var(--disp);font-weight:700;font-size:32px;letter-spacing:-.04em;line-height:1;margin:10px 0 14px;}
.prop .fig small{font-family:var(--sans);font-size:14px;font-weight:500;color:var(--faint);letter-spacing:0;margin-left:6px;}

/* Barre empilée d'une affaire */
.stack{display:flex;height:44px;border-radius:10px;overflow:hidden;gap:3px;margin-top:16px;}
.stack i{display:block;height:100%;flex:0 1 0;transition:flex-basis 1.1s var(--ease-out) .2s;}
.rv.in .stack i,.stack.in i{flex-basis:var(--w);}
.stack .s-ok{background:var(--ok);} .stack .s-risk{background:var(--risk);} .stack .s-ink{background:var(--g7);} .stack .s-or{background:var(--or);} .stack .s-gr{background:var(--hover);}
.stack-l{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:14px;}
.stack-l div{font-size:13px;color:var(--muted);min-width:0;}
.stack-l div::before{content:"";display:block;width:100%;height:3px;border-radius:2px;background:var(--c);margin-bottom:8px;}
.stack-l b{display:block;font-family:var(--disp);font-weight:700;font-size:20px;letter-spacing:-.03em;color:var(--ink);}
.steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line-2);}
.steps div{font-size:13.5px;color:var(--muted);min-width:0;}
.steps div::before{content:"";display:block;height:6px;border-radius:3px;background:var(--hover);margin-bottom:8px;}
.steps div.f::before{background:var(--ink);}
.steps div.now::before{background:var(--or);}
.steps b{display:block;color:var(--ink);font-weight:600;font-size:14.5px;}

/* Entreprises à contacter */
.leads{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.lead{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r-l);overflow:hidden;min-width:0;transition:border-color .25s,opacity .35s;}
.lead .ph{height:96px;background-size:cover;background-position:center;background-color:var(--sunk);display:flex;align-items:center;justify-content:center;font-family:var(--disp);font-weight:800;font-size:30px;letter-spacing:-.04em;color:var(--g3);}
.lead .ph.has-img{color:transparent;}
.lead .lb{padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px;flex:1;min-width:0;}
.lead .nm{font-weight:600;font-size:15.5px;}
.lead .fc{font-size:14px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.lead .bt{display:flex;gap:8px;margin-top:12px;}
.lead .bt .btn{flex:1;}
.lead.is-ok{border-color:var(--ok);}
.lead .th{display:none;}
.chart{display:flex;align-items:flex-end;gap:16px;height:96px;padding-top:6px;}
.chart .wk{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end;min-width:0;}
.chart .bars{display:flex;align-items:flex-end;gap:4px;height:100%;width:100%;justify-content:center;}
.chart .bars i{width:14px;border-radius:4px 4px 2px 2px;background:var(--g3);height:0;transition:height 1s var(--ease-out) .25s;}
.chart .bars i.o{background:var(--or);}
.rv.in .chart .bars i{height:var(--h);}
.chart em{font-style:normal;font-size:12px;color:var(--faint);}
.nums .chart-c{grid-column:span 1;}

/* Rail horizontal fini (contenu) */
.rail-w{position:relative;min-width:0;}
.rail{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding:2px 2px 4px;}
.rail::-webkit-scrollbar{display:none;}
.fmt{flex:0 0 268px;scroll-snap-align:start;display:flex;flex-direction:column;gap:12px;min-width:0;}
.fmt .vis{aspect-ratio:1/1;border-radius:var(--r-l);overflow:hidden;position:relative;background:var(--sunk);background-size:cover;background-position:center;border:1px solid var(--line);transition:transform .25s var(--ease);}
.fmt:hover .vis{transform:translateY(-3px);}
.fmt .fb{display:flex;align-items:baseline;gap:8px;}
.fmt .fb b{font-weight:600;font-size:15.5px;}
.fmt .fb span{font-size:13.5px;color:var(--muted);}
.fmt .fb .st{margin-left:auto;}
.rail-nav{display:flex;align-items:center;gap:14px;margin-top:16px;}
.rail-nav .ct{font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums;min-width:44px;}
.rail-nav .pr{flex:1;height:3px;border-radius:2px;background:var(--hover);overflow:hidden;}
.rail-nav .pr i{display:block;height:100%;background:var(--ink);width:0;transition:width .3s var(--ease);}
.rbtn{width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:center;}
.rbtn:hover{border-color:var(--ink);}
.rbtn:disabled{opacity:.35;pointer-events:none;}

/* Vignettes des formats */
.v-cover::after,.v-art::after,.v-ad::after{content:"";position:absolute;inset:0;}
.v-cover::after{background:linear-gradient(180deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.5) 40%,rgba(255,255,255,0) 62%,rgba(24,25,28,.45) 100%);}
.v-art::after,.v-ad::after{background:linear-gradient(180deg,rgba(24,25,28,0) 35%,rgba(24,25,28,.78) 100%);}
.vt{position:absolute;z-index:1;font-family:var(--disp);font-weight:800;letter-spacing:-.035em;line-height:1.02;}
.v-cover .vt{left:20px;right:20px;top:20px;font-size:27px;}
.v-cover .vt em{font-style:normal;color:var(--or);}
.vpg{position:absolute;z-index:1;right:14px;bottom:12px;font-size:12px;font-weight:600;color:#fff;}
.v-art .vt,.v-ad .vt{left:18px;right:18px;bottom:18px;font-size:22px;color:#fff;}
.v-ad .yr{position:absolute;z-index:1;left:18px;top:14px;font-family:var(--disp);font-weight:800;font-size:58px;letter-spacing:-.05em;color:var(--or);line-height:1;}
.v-post{background:#fff;padding:18px;display:flex;flex-direction:column;gap:12px;}
.v-post .ph{display:flex;align-items:center;gap:10px;font-size:13px;}
.v-post .ph b{display:block;font-size:14px;}
.v-post .ph small{color:var(--faint);font-size:12px;}
.v-post p{font-size:16px;line-height:1.4;font-weight:600;letter-spacing:-.01em;}
.v-post .ln{height:7px;border-radius:4px;background:var(--hover);}
.v-post .ln.w7{width:70%;}
.v-nl{background:#F1F2F4;padding:14px;}
.v-nl .c{background:#fff;border-radius:10px;overflow:hidden;height:100%;display:flex;flex-direction:column;}
.v-nl .hi{height:46%;background-size:cover;background-position:center;background-color:var(--g3);}
.v-nl .bd{padding:12px 14px;display:flex;flex-direction:column;gap:8px;}
.v-nl .bd b{font-family:var(--disp);font-weight:700;font-size:17px;letter-spacing:-.02em;line-height:1.15;}
.v-nl .bd .ln{height:6px;border-radius:3px;background:var(--hover);}
.v-nl .bd .bt{align-self:flex-start;background:var(--or);color:#fff;font-size:12px;font-weight:700;border-radius:6px;padding:5px 10px;margin-top:2px;}
.v-vid{background:#140E07;}
.v-vid .bg{position:absolute;inset:-4%;background-size:cover;background-position:center;animation:kb 9s ease-in-out infinite alternate;}
.v-vid::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,14,7,.15),rgba(20,14,7,.75));}
.v-vid .vt{left:18px;right:18px;bottom:52px;font-size:24px;color:#fff;}
.v-vid .vt em{font-style:normal;color:var(--amber);}
.v-vid .pb{position:absolute;z-index:2;left:18px;right:18px;bottom:20px;display:flex;align-items:center;gap:10px;color:#fff;font-size:12px;}
.v-vid .pb svg.i{width:14px;height:14px;fill:#fff;stroke:none;}
.v-vid .pb .bar{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.3);overflow:hidden;}
.v-vid .pb .bar i{display:block;height:100%;background:#fff;transform-origin:left;animation:prog 9s linear infinite;}
@keyframes kb{from{transform:scale(1);}to{transform:scale(1.08) translate(-2%,-1%);}}
@keyframes prog{from{transform:scaleX(0);}to{transform:scaleX(1);}}

/* Semaine de publication */
.week{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;}
.week .dy{background:var(--sunk);border-radius:12px;padding:12px;min-height:104px;display:flex;flex-direction:column;gap:6px;min-width:0;}
.week .dy>span{font-size:13px;color:var(--faint);font-weight:500;}
.week .ev{background:#fff;border:1px solid var(--line);border-radius:8px;padding:7px 9px;font-size:13px;line-height:1.3;min-width:0;}
.week .ev b{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.week .ev small{color:var(--faint);font-size:12px;}

/* Thèmes de veille */
.thm{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.thm button{display:flex;flex-direction:column;gap:6px;background:var(--sunk);border-radius:var(--r-l);padding:16px 18px;min-width:0;transition:background .15s;}
.thm button:hover{background:var(--hover);}
.thm button svg.i{color:var(--muted);}
.thm button b{font-family:var(--disp);font-weight:700;font-size:30px;letter-spacing:-.04em;line-height:1;margin-top:6px;}
.thm button span{font-size:14.5px;font-weight:600;}
.thm button small{font-size:13px;color:var(--muted);}

/* Décision de la mémoire */
.pair{display:flex;align-items:baseline;gap:14px;margin:12px 0 4px;}
.pair .new{font-family:var(--disp);font-weight:800;font-size:46px;letter-spacing:-.05em;line-height:1;color:var(--or);}
.pair .old{font-family:var(--disp);font-weight:600;font-size:24px;color:var(--faint);text-decoration:line-through;text-decoration-thickness:2px;}
.by{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted);margin-top:12px;}

/* Question au cabinet */
.ask{display:flex;gap:8px;margin-top:12px;}
.ask input{flex:1;min-width:0;height:44px;border:1px solid var(--line);border-radius:10px;padding:0 14px;background:#fff;outline:none;font-size:15px;}
.ask input:focus{border-color:var(--ink);}
.sugg{display:flex;flex-direction:column;margin-top:8px;}
.sugg button{display:flex;align-items:center;gap:10px;font-size:14.5px;color:var(--g7);padding:10px 0;border-top:1px solid var(--line-2);}
.sugg button:first-child{border-top:0;}
.sugg button::after{content:"";margin-left:auto;width:7px;height:7px;border-right:1.6px solid var(--faint);border-top:1.6px solid var(--faint);transform:rotate(45deg);}
.sugg button:hover{color:var(--or-6);}
.answer{display:none;margin-top:14px;padding:14px 16px;background:var(--sunk);border-radius:12px;font-size:14.5px;line-height:1.55;}
.answer.on{display:block;animation:fade .35s var(--ease-out);}
.answer ul{margin:6px 0 6px 18px;}
.answer .by2{margin-top:8px;font-size:12.5px;color:var(--faint);}
@keyframes fade{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}

/* ===== Panneau de détail (droite) / feuille (téléphone) ===== */
.scrim{position:fixed;inset:0;background:rgba(24,25,28,.32);z-index:80;opacity:0;pointer-events:none;transition:opacity .25s;}
.dw{position:fixed;z-index:90;top:0;right:0;bottom:0;width:min(560px,100%);background:#fff;box-shadow:var(--sh);display:flex;flex-direction:column;transform:translateX(102%);visibility:hidden;transition:transform .35s var(--ease-out),visibility 0s linear .35s;}
body.dw-open .scrim{opacity:1;pointer-events:auto;}
body.dw-open .dw{transform:none;visibility:visible;transition:transform .35s var(--ease-out),visibility 0s;}
.dw-h{display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid var(--line);}
.dw-h h2{font-size:20px;min-width:0;flex:1;}
.dw-x{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--muted);flex:none;}
.dw-x:hover{background:var(--sunk);color:var(--ink);}
.dw-b{flex:1;overflow-y:auto;padding:22px;overscroll-behavior:contain;display:flex;flex-direction:column;gap:18px;}
.dw-f{padding:14px 22px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--line);display:flex;gap:10px;}
.dw-f .btn{flex:1;}
.dw-f:empty{display:none;}
.handle{display:none;}
.mail{border:1px solid var(--line);border-radius:12px;overflow:hidden;}
.mail .mh{padding:10px 14px;border-bottom:1px solid var(--line-2);font-size:14px;}
.mail .mh span{color:var(--faint);margin-right:6px;}
.mail .mb{padding:14px;font-size:15px;line-height:1.6;display:flex;flex-direction:column;gap:10px;}
.kv{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line-2);font-size:14.5px;}
.kv:first-child{border-top:0;}
.kv span{color:var(--muted);}
.kv b{font-weight:600;text-align:right;}
.why{display:flex;gap:10px;font-size:14.5px;color:var(--g7);background:var(--or-50);border-radius:12px;padding:12px 14px;}
.why svg.i{color:var(--or-6);margin-top:1px;}
.doc h3{font-family:var(--disp);font-weight:700;font-size:22px;letter-spacing:-.025em;margin-bottom:8px;}
.doc h4{font-size:14px;font-weight:600;color:var(--muted);margin:16px 0 6px;}
.doc li{margin-left:18px;font-size:15px;line-height:1.6;}
.doc mark{background:var(--or-50);color:var(--or-6);font-weight:700;padding:0 4px;border-radius:4px;}
.search{display:flex;align-items:center;gap:10px;height:46px;border:1px solid var(--line);border-radius:12px;padding:0 14px;background:var(--sunk);}
.search input{border:0;background:transparent;outline:none;flex:1;min-width:0;font-size:15px;}
.search svg.i{color:var(--faint);}
.grp{font-size:13px;font-weight:600;color:var(--faint);margin:6px 0 -6px;}
.ppl{display:flex;flex-direction:column;}
.ppl button{display:flex;align-items:center;gap:12px;padding:9px 6px;border-radius:10px;width:100%;}
.ppl button:hover{background:var(--sunk);}
.ppl button b{font-weight:600;font-size:15px;}
.ppl button small{display:block;font-size:13px;color:var(--muted);}
.ppl button .ck{margin-left:auto;color:var(--or);}
.ppl button.hide{display:none;}

/* Aperçus en grand dans le panneau (livrables montrés) */
.car{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -22px;padding:0 22px;scroll-padding:0 22px;}
.car::-webkit-scrollbar{display:none;}
.sl{flex:0 0 82%;max-width:360px;aspect-ratio:4/5;border-radius:8px;scroll-snap-align:start;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:24px 22px 18px;background:#fff;border:1px solid var(--line);background-size:cover;background-position:center;}
.sl .k{font-size:12px;font-weight:700;color:var(--or-6);}
.sl .h{font-family:var(--disp);font-weight:800;font-size:30px;line-height:1.02;letter-spacing:-.035em;margin-top:10px;position:relative;}
.sl .h em{font-style:normal;color:var(--or);}
.sl .n{font-family:var(--disp);font-weight:800;font-size:92px;line-height:.85;letter-spacing:-.06em;color:var(--or);margin-top:6px;}
.sl .p{font-family:var(--disp);font-weight:700;font-size:23px;line-height:1.12;letter-spacing:-.025em;margin-top:14px;}
.sl .s{font-size:14.5px;line-height:1.45;color:var(--g7);margin-top:10px;}
.sl .ft{margin-top:auto;display:flex;justify-content:space-between;font-size:12px;font-weight:600;color:var(--muted);position:relative;}
.sl.cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.5) 40%,rgba(255,255,255,0) 62%,rgba(24,25,28,.45) 100%);}
.sl.cover>*{position:relative;z-index:1;}
.sl.cover .ft{color:#fff;}
.sl.dark{background:var(--ink);color:#fff;border-color:var(--ink);}
.sl.dark .s,.sl.dark .ft{color:var(--on-rail-2);}
.sl.dark .k{color:var(--amber);}
.sl.or{background:var(--or);color:#fff;border-color:var(--or);}
.sl.or .n{color:#fff;font-size:116px;}
.sl.or .k,.sl.or .s,.sl.or .ft{color:rgba(255,255,255,.88);}
.sl.cream{background-color:#F6EDDF;}
.big-vis{border-radius:12px;overflow:hidden;position:relative;background-size:cover;background-position:center;}
.big-vis.r169{aspect-ratio:16/9;}
.big-vis.r11{aspect-ratio:1/1;}
.prev-t{font-family:var(--disp);font-weight:700;font-size:22px;letter-spacing:-.025em;line-height:1.15;}
.prev-p{font-size:15px;line-height:1.6;color:var(--g7);}
.meta{font-size:13.5px;color:var(--muted);}

/* Toast */
.toast{position:fixed;left:50%;bottom:28px;z-index:120;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--ink);color:#fff;font-size:14.5px;font-weight:500;padding:12px 18px;border-radius:12px;box-shadow:var(--sh);transition:opacity .25s,transform .3s var(--ease-out);display:flex;align-items:center;gap:10px;width:max-content;max-width:calc(100vw - 32px);}
.toast svg.i{color:#7FD1A6;}
.toast.on{opacity:1;transform:translate(-50%,0);}

/* Barre d'onglets téléphone : cachée sur ordinateur */
.tabbar{display:none;}
@media (min-width:981px){.hide-d{display:none !important;}}

/* ===== Téléphone : une vraie application ===== */
@media (max-width:980px){
  .app{display:block;}
  .sb{display:none;}
  .top{height:auto;padding:10px 16px;padding-top:calc(10px + env(safe-area-inset-top));gap:12px;}
  .crumb,.top-r{display:none;}
  .ab{display:flex;align-items:center;gap:12px;width:100%;}
  .ab .mark{width:34px;height:34px;font-size:14px;}
  .ab-t{min-width:0;flex:1;}
  .ab-t b{display:block;font-family:var(--disp);font-weight:700;font-size:18px;letter-spacing:-.025em;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .ab-t small{display:block;font-size:12.5px;color:var(--muted);}
  .ab .who-m{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;}
  .ab .who-m .av{width:36px;height:36px;}
  .page{padding:20px 16px calc(100px + env(safe-area-inset-bottom));gap:20px;}
  .head{flex-direction:column;align-items:stretch;gap:14px;}
  .head-r{flex-wrap:wrap;}
  .head-r .btn{flex:1;}
  h1{font-size:32px;line-height:1.04;}
  h2{font-size:19px;}
  .date{font-size:14px;margin-bottom:6px;}
  .nums>div{padding:12px 12px 14px;}
  .nums .v{font-size:25px;}
  .nums .v small{font-size:12.5px;margin-left:2px;}
  .nums .l{font-size:12.5px;margin-top:6px;line-height:1.3;}
  .nums .chart-c{display:none;}
  .g2,.g3,.split,.acts,.acts.two,.ready,.leads,.prop{grid-template-columns:minmax(0,1fr);}
  .card{padding:16px;}
  .hide-m{display:none !important;}
  /* Carte d'action compacte */
  .act{padding:16px;gap:10px;}
  .act h3{font-size:16.5px;}
  .act .fig{font-size:26px;margin-top:2px;}
  .ready{grid-auto-flow:column;grid-auto-columns:78%;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -16px;padding:0 16px;scroll-padding:0 16px;}
  .ready::-webkit-scrollbar{display:none;}
  .ready .tile{scroll-snap-align:start;}
  .agenda .rd{grid-template-columns:66px minmax(0,1fr) 18px;}
  .agenda .rd .h{font-size:24px;}
  .heat .hr{grid-template-columns:minmax(0,1.9fr) repeat(4,minmax(0,1fr));gap:4px;padding:3px 4px;margin:0 -4px;width:calc(100% + 8px);}
  .heat .go{display:none;}
  .heat .who{font-size:12.5px;gap:6px;}
  .heat .who .av{display:none;}
  .heat i{height:32px;font-size:12px;}
  .hbar{grid-template-columns:96px minmax(0,1fr) 36px;font-size:13.5px;}
  .tl{grid-template-columns:minmax(0,1fr);gap:0;}
  .tl .stp{display:grid;grid-template-columns:6px minmax(0,1fr) auto;column-gap:12px;align-items:center;padding:7px 0;}
  .tl .stp .bar{grid-row:1;grid-column:1;width:6px;height:100%;min-height:30px;}
  .tl .stp b{grid-column:2;grid-row:1;}
  .tl .stp .d{grid-column:3;grid-row:1;}
  .next{flex-direction:column;align-items:stretch;gap:12px;}
  .prop{gap:12px;}
  .prop .paper{display:none;}
  .stack{height:36px;}
  .stack-l{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:14px;}
  .stack-l b{font-size:17px;}
  .steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;}
  .steps div{font-size:11.5px;line-height:1.3;}
  .steps b{font-size:12.5px;}
  /* Entreprises : lignes compactes, l'email dans la feuille */
  .leads{gap:0;border:1px solid var(--line);border-radius:var(--r-l);overflow:hidden;}
  .lead{flex-direction:row;align-items:center;gap:12px;border:0;border-top:1px solid var(--line-2);border-radius:0;padding:12px 14px;}
  .lead:first-child{border-top:0;}
  .lead .ph{display:none;}
  .lead .th{display:flex;width:44px;height:44px;border-radius:10px;flex:none;background-size:cover;background-position:center;background-color:var(--sunk);align-items:center;justify-content:center;font-family:var(--disp);font-weight:700;font-size:15px;color:var(--muted);}
  .lead .th.has-img{color:transparent;}
  .lead .lb{padding:0;gap:2px;}
  .lead .nm{font-size:15px;}
  .lead .fc{font-size:13.5px;}
  .lead .bt{margin:0;flex:none;}
  .lead .bt .gh{display:none;}
  .lead .bt .btn{min-height:40px;padding:0 14px;font-size:14px;}
  .lead.is-ok{background:var(--ok-50);}
  .fmt{flex-basis:76%;}
  .rail{margin:0 -16px;padding:2px 16px 4px;scroll-padding:0 16px;}
  .rail-nav .rbtn{display:none;}
  .week{grid-template-columns:minmax(0,1fr);gap:6px;}
  .week .dy{flex-direction:row;align-items:center;flex-wrap:wrap;min-height:0;padding:8px 10px;gap:8px;}
  .week .dy>span{width:56px;}
  .week .dy:not(:has(.ev)){display:none;}
  .week .ev{display:flex;gap:8px;align-items:baseline;}
  .sec .r{display:none;}
  .thm{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .thm button{padding:14px;}
  .thm button b{font-size:26px;}
  .pair .new{font-size:40px;}
  /* Feuille du bas */
  .dw{top:auto;left:0;right:0;width:100%;max-height:88vh;border-radius:20px 20px 0 0;transform:translateY(102%);}
  .handle{display:block;width:40px;height:5px;border-radius:3px;background:var(--g3);margin:8px auto 0;}
  .dw-h{padding:10px 16px 14px;}
  .dw-b{padding:16px;}
  .dw-f{padding:12px 16px calc(12px + env(safe-area-inset-bottom));}
  .car{margin:0 -16px;padding:0 16px;scroll-padding:0 16px;}
  .toast{bottom:calc(84px + env(safe-area-inset-bottom));}
  /* Onglets */
  .tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:70;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));}
  .tabbar a,.tabbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:54px;font-size:11.5px;font-weight:600;color:var(--faint);position:relative;text-align:center;}
  .tabbar svg.i{width:23px;height:23px;}
  .tabbar .on{color:var(--ink);}
  .tabbar .on svg.i{color:var(--or);}
  .tabbar .bd{position:absolute;top:3px;left:calc(50% + 6px);min-width:18px;height:18px;border-radius:9px;background:var(--or);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 5px;}
}
@media (max-width:380px){
  h1{font-size:29px;}
  .nums .v{font-size:22px;}
}

/* =====================================================================
   V3.1 (19 octobre 2026, soir) : charge détaillée, contenu par thématique, stratégie, affaire lisible.
   ===================================================================== */

/* ----- Détail de charge d'une personne (panneau / feuille) ----- */
.ld-h{display:flex;align-items:center;gap:14px;}
.ld-h .av{width:52px;height:52px;font-size:15px;}
.ld-h .tx{min-width:0;flex:1;}
.ld-h .tx b{display:block;font-family:var(--disp);font-weight:700;font-size:21px;letter-spacing:-.025em;line-height:1.1;}
.ld-h .tx small{display:block;font-size:13.5px;color:var(--muted);margin-top:3px;}
.ld-h .pc{text-align:right;flex:none;}
.ld-h .pc b{display:block;font-family:var(--disp);font-weight:800;font-size:40px;line-height:1;letter-spacing:-.05em;font-variant-numeric:tabular-nums;transition:color .4s;}
.ld-h .pc b.hi{color:var(--or);}
.ld-h .pc small{display:block;font-size:13px;color:var(--muted);margin-top:4px;}
.ld-wk{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;}
.ld-wk div{border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:2px;transition:background-color .6s var(--ease),color .6s var(--ease);}
.ld-wk div span{font-size:12px;opacity:.8;}
.ld-wk div b{font-family:var(--disp);font-weight:700;font-size:19px;letter-spacing:-.03em;font-variant-numeric:tabular-nums;}
.ld-wk div.cur{outline:2px solid var(--ink);outline-offset:2px;}
.ld-wk .l1{background:#F6F7F8;color:var(--faint);} .ld-wk .l2{background:#EEF0F2;color:var(--g7);} .ld-wk .l3{background:#FBDCCB;color:var(--g7);} .ld-wk .l4{background:#F5A27E;color:#4A1A06;} .ld-wk .lx{background:var(--or);color:#fff;}
.ld-s h3{font-size:14px;font-weight:600;color:var(--muted);margin-bottom:12px;display:flex;align-items:baseline;gap:8px;}
.ld-s h3 span{margin-left:auto;font-weight:500;color:var(--faint);font-size:13px;}
/* Le calcul : une barre de la semaine, repère des jours disponibles */
.ld-bar{position:relative;height:30px;margin-bottom:36px;}
.ld-bar .tk{position:absolute;inset:0;display:flex;gap:2px;border-radius:8px;overflow:hidden;background:var(--sunk);}
.ld-bar .tk i{display:block;height:100%;flex:none;}
.ld-bar .tk i.p{background:var(--ink);}
.ld-bar .tk i.a{background:var(--or);}
.ld-bar .cap{position:absolute;top:-5px;bottom:-5px;width:2px;background:var(--ink);border-radius:1px;}
.ld-bar .cap span{position:absolute;top:calc(100% + 4px);left:50%;transform:translateX(-50%);font-size:12px;font-weight:600;white-space:nowrap;color:var(--ink);}
.ld-bar .cap.end span{left:auto;right:0;transform:none;}
.ld-lines{display:flex;flex-direction:column;}
.ld-lines .ln{display:grid;grid-template-columns:minmax(0,1fr) auto 64px;gap:12px;align-items:baseline;padding:9px 0;border-top:1px solid var(--line-2);font-size:14.5px;}
.ld-lines .ln:first-child{border-top:0;padding-top:0;}
.ld-lines .ln b{font-weight:600;}
.ld-lines .ln small{display:block;font-size:12.5px;color:var(--faint);}
.ld-lines .ln .q{text-align:right;font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap;}
.ld-lines .ln .q em{font-style:normal;color:var(--or-6);font-weight:600;}
.ld-lines .ln .t{text-align:right;font-weight:700;font-variant-numeric:tabular-nums;}
.ld-lines .tot{display:flex;justify-content:space-between;align-items:baseline;padding:12px 0 0;border-top:1px solid var(--ink);font-size:14.5px;}
.ld-lines .tot b{font-family:var(--disp);font-size:18px;letter-spacing:-.02em;}
/* Ce qui s'est passé : frise verticale sans point */
.ld-tl{display:flex;flex-direction:column;border-left:2px solid var(--line);margin-left:2px;}
.ld-tl .ev{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:12px;align-items:baseline;padding:8px 0 8px 14px;font-size:14.5px;line-height:1.35;}
.ld-tl .ev .d{font-size:12.5px;font-weight:600;color:var(--faint);white-space:nowrap;}
.ld-tl .ev .x{font-weight:700;color:var(--or-6);font-variant-numeric:tabular-nums;white-space:nowrap;}
.ld-tl .ev.now{border-left:2px solid var(--ink);margin-left:-2px;}
.ld-tl .ev.now .d{color:var(--ink);}
.ld-tl .ev.fx .d,.ld-tl .ev.fx .x{color:var(--ok);}
.ld-tl .ev.fx{border-left:2px solid var(--ok);margin-left:-2px;animation:fade .4s var(--ease-out);}
/* Ce que la direction peut faire */
.ld-acts{display:flex;flex-direction:column;gap:10px;}
.ld-act{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:var(--r-l);padding:14px 14px 14px 16px;transition:border-color .25s,opacity .4s,transform .4s,max-height .5s var(--ease),padding .5s var(--ease),margin .5s var(--ease);overflow:hidden;}
.ld-act .tx{min-width:0;flex:1;}
.ld-act .tx b{display:block;font-weight:600;font-size:15px;line-height:1.3;}
.ld-act .tx small{display:block;font-size:13.5px;color:var(--muted);margin-top:2px;}
.ld-act .bt{flex:none;display:flex;}
.ld-act.is-ok{border-color:var(--ok);}
.ld-act.gone{opacity:0;transform:scale(.97);max-height:0 !important;padding-top:0;padding-bottom:0;margin-top:-10px;border-width:0;}
.ld-none{font-size:14.5px;color:var(--muted);display:flex;align-items:center;gap:10px;}
.ld-none svg.i{color:var(--ok);}
.ld-src{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:var(--muted);}
.ld-src span{display:inline-flex;align-items:center;gap:6px;}
.ld-src svg.i{width:15px;height:15px;color:var(--faint);}
.tap{font-size:13.5px;color:var(--muted);margin-left:auto;}

/* ----- Contenu : vues Semaine, Thématiques, Stratégie ----- */
.seg{display:inline-flex;background:var(--sunk);border-radius:12px;padding:4px;gap:2px;align-self:flex-start;}
.seg button{min-height:38px;padding:0 16px;border-radius:9px;font-size:14.5px;font-weight:600;color:var(--muted);transition:background .2s,color .2s;white-space:nowrap;}
.seg button:hover{color:var(--ink);}
.seg button.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(24,25,28,.10);}
.view{display:flex;flex-direction:column;gap:30px;min-width:0;}
.view[hidden]{display:none;}
.view.in-v{animation:fade .35s var(--ease-out);}
/* Formats en grand, sans cadre */
.rail.big .fmt{flex-basis:300px;}
.rail.big .fmt .vis{aspect-ratio:4/5;border:0;border-radius:14px;}
.rail.big .fmt .v-post,.rail.big .fmt .v-nl{background:var(--sunk);}
.rail.big .fmt .v-post{padding:24px 22px;gap:14px;}
.rail.big .fmt .v-post p{font-size:20px;line-height:1.3;}
.rail.big .fmt .v-nl{padding:22px;}
.rail.big .fmt .v-nl .hi{height:44%;}
.rail.big .fmt .v-nl .bd b{font-size:20px;}
.rail.big .v-cover .vt{font-size:31px;}
.rail.big .v-vid .vt{font-size:27px;}
.rail.big .v-art .vt,.rail.big .v-ad .vt{font-size:25px;}
.rail.big .v-ad .yr{font-size:72px;}
.fmt .fb .dd{font-size:13.5px;color:var(--muted);}
/* Semaine sans cadre, chaque contenu porte sa thématique */
.week.open .dy{background:var(--sunk);}
.week.open .ev{border:0;border-left:3px solid var(--tc,var(--g3));border-radius:4px 8px 8px 4px;box-shadow:0 1px 2px rgba(24,25,28,.06);}
.week .ev .tg{display:block;font-size:11.5px;font-weight:600;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.week .ev.pub{opacity:.62;}
.tlg{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;color:var(--muted);}
.tlg span{display:inline-flex;align-items:center;gap:7px;}
.tlg span::before{content:"";width:3px;height:14px;border-radius:2px;background:var(--tc);}
/* Thématiques : une colonne par thématique */
.thg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.thc{display:flex;flex-direction:column;gap:14px;min-width:0;}
.thc .hd{padding-bottom:14px;border-bottom:3px solid var(--tc);}
.thc .hd b{display:block;font-family:var(--disp);font-weight:700;font-size:19px;letter-spacing:-.025em;line-height:1.15;min-height:44px;}
.thc .hd .w{display:flex;align-items:baseline;gap:8px;margin-top:8px;}
.thc .hd .w strong{font-family:var(--disp);font-weight:800;font-size:34px;letter-spacing:-.05em;line-height:1;}
.thc .hd .w span{font-size:13px;color:var(--muted);}
.thi{display:flex;align-items:center;gap:12px;width:100%;min-width:0;text-align:left;border-radius:12px;padding:4px;margin:-4px;transition:background .15s;}
button.thi:hover{background:var(--sunk);}
.thi .th{width:58px;height:58px;border-radius:10px;flex:none;background:var(--sunk);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;color:var(--muted);position:relative;overflow:hidden;}
.thi .th svg.i{width:20px;height:20px;}
.thi .th.dk{background-color:var(--ink);color:#fff;}
.thi .th.or{background-color:var(--or);color:#fff;}
.thi .tx{min-width:0;flex:1;}
.thi .tx b{display:block;font-weight:600;font-size:14.5px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.thi .tx small{display:block;font-size:13px;color:var(--muted);margin-top:2px;}
.thi .tx small em{font-style:normal;color:var(--ok);font-weight:600;}
.thm6{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;}
.thm6 button{aspect-ratio:1/1;border-radius:10px;background:var(--sunk);background-size:cover;background-position:center;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:6px 8px;font-size:11.5px;font-weight:600;color:#fff;transition:transform .2s;}
.thm6 button:hover{transform:translateY(-2px);}
.thm6 button::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(24,25,28,0) 45%,rgba(24,25,28,.7));}
.thm6 button span{position:relative;}
.thm6 button.lt{color:var(--ink);}
.thm6 button.lt::before{display:none;}
/* Stratégie : la ligne éditoriale en un coup d'oeil */
.strat{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:20px;align-items:start;}
.strat .blk{display:flex;flex-direction:column;gap:14px;min-width:0;}
.strat .k{font-size:14px;font-weight:600;color:var(--muted);}
.aud{font-family:var(--disp);font-weight:700;font-size:28px;line-height:1.12;letter-spacing:-.035em;text-wrap:balance;}
.aud em{font-style:normal;color:var(--or);}
.wbar{display:flex;flex-direction:column;gap:10px;}
.wbar div{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr) 44px;gap:12px;align-items:center;font-size:14.5px;}
.wbar div span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.wbar .tr{height:12px;border-radius:6px;background:var(--sunk);overflow:hidden;}
.wbar .tr i{display:block;height:100%;border-radius:6px;background:var(--tc);width:0;transition:width 1s var(--ease-out) .15s;}
.view:not([hidden]) .wbar .tr i{width:var(--w);}
.wbar b{text-align:right;font-variant-numeric:tabular-nums;}
.prin{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.prin div{background:var(--sunk);border-radius:var(--r-l);padding:16px 18px 18px;display:flex;flex-direction:column;gap:10px;min-width:0;}
.prin div b{font-family:var(--disp);font-weight:800;font-size:28px;line-height:1;color:var(--or);letter-spacing:-.04em;}
.prin div span{font-weight:600;font-size:15.5px;line-height:1.3;}
.tone{display:flex;flex-wrap:wrap;gap:8px 22px;font-family:var(--disp);font-weight:700;font-size:22px;letter-spacing:-.03em;}
.tone span+span{color:var(--muted);}
.wp{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;align-items:center;background:var(--sunk);border-radius:var(--r-l);padding:18px;}
button.wp{width:100%;text-align:left;transition:background .15s;}
button.wp:hover{background:var(--hover);}
.cov{aspect-ratio:3/4;border-radius:4px 8px 8px 4px;background:var(--ink);color:#fff;padding:14px 13px 12px;display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 18px 30px -16px rgba(24,25,28,.55);}
.cov::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:rgba(255,255,255,.08);}
.cov .y{font-family:var(--disp);font-weight:800;font-size:44px;line-height:.9;letter-spacing:-.06em;color:var(--or);}
.cov .t{font-family:var(--disp);font-weight:700;font-size:15.5px;line-height:1.08;letter-spacing:-.02em;margin-top:10px;}
.cov .f{margin-top:auto;font-size:9.5px;font-weight:600;color:rgba(255,255,255,.62);display:flex;justify-content:space-between;}
.wp .tx b{display:block;font-family:var(--disp);font-weight:700;font-size:20px;letter-spacing:-.025em;line-height:1.15;}
.wp .tx small{display:block;font-size:13.5px;color:var(--muted);margin-top:6px;}
.wp .tx .fig{font-family:var(--disp);font-weight:700;font-size:30px;letter-spacing:-.04em;line-height:1;margin-top:14px;}
.wp .tx .fig small{font-family:var(--sans);font-size:13px;font-weight:500;letter-spacing:0;margin-top:4px;}
.wp .lnk{margin-top:12px;}
.cov.big{width:min(260px,70%);margin:0 auto;padding:22px 20px 16px;}
.cov.big .y{font-size:76px;}
.cov.big .t{font-size:26px;}
.cov.big .f{font-size:12px;}

/* ----- CRM : le montant signé d'abord, une lecture en deux secondes ----- */
.hero-n{display:block;font-family:var(--disp);font-weight:800;font-size:84px;line-height:.95;letter-spacing:-.055em;color:var(--ink);font-variant-numeric:tabular-nums;}
h1 .hero-s{display:block;font-size:32px;letter-spacing:-.035em;color:var(--muted);font-weight:700;margin-top:10px;}
.dl-rows{display:flex;flex-direction:column;}
.dl{display:grid;grid-template-columns:minmax(0,210px) minmax(0,1fr) 128px;gap:20px;align-items:center;padding:14px 0;border-top:1px solid var(--line-2);}
.dl:first-child{border-top:0;padding-top:4px;}
.dl .lb b{display:block;font-weight:600;font-size:15.5px;}
.dl .lb small{display:block;font-size:13.5px;color:var(--muted);}
.dl .tr{height:14px;border-radius:7px;background:var(--sunk);overflow:hidden;}
.dl .tr i{display:block;height:100%;border-radius:7px;background:var(--g3);width:0;transition:width 1.1s var(--ease-out) .2s;}
.rv.in .dl .tr i{width:var(--w);}
.dl .am{text-align:right;font-family:var(--disp);font-weight:700;font-size:26px;letter-spacing:-.035em;white-space:nowrap;font-variant-numeric:tabular-nums;}
.dl.ink .tr i{background:var(--ink);}
.dl.mid .tr i{background:#9AA0A8;}
.dl.or .tr i{background:var(--or);}
.dl.or .am,.dl.or .lb small{color:var(--or-6);}
.dl .am small{display:block;font-family:var(--sans);font-size:12.5px;font-weight:500;letter-spacing:0;color:var(--faint);margin-top:2px;}

@media (max-width:980px){
  .ld-h .av{width:44px;height:44px;}
  .ld-h .tx b{font-size:19px;}
  .ld-h .pc b{font-size:34px;}
  .ld-wk div{padding:7px 8px;}
  .ld-wk div b{font-size:17px;}
  .ld-tl .ev{grid-template-columns:66px minmax(0,1fr) auto;gap:10px;font-size:14px;padding-left:12px;}
  .ld-s h3 span{display:none;}
  .ld-act{flex-direction:column;align-items:stretch;gap:10px;}
  .ld-act .bt .btn{width:100%;}
  .tap{display:none;}
  .seg{display:flex;align-self:stretch;}
  .seg button{flex:1;padding:0 8px;font-size:14px;}
  .view{gap:24px;}
  .rail.big .fmt{flex-basis:78%;}
  .thg{grid-auto-flow:column;grid-auto-columns:82%;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -16px;padding:0 16px;scroll-padding:0 16px;gap:18px;}
  .thg::-webkit-scrollbar{display:none;}
  .thc{scroll-snap-align:start;}
  .thc .hd b{min-height:0;}
  .strat{grid-template-columns:minmax(0,1fr);}
  .aud{font-size:23px;}
  .wbar{gap:12px;}
  .wbar div{grid-template-columns:minmax(0,1fr) 40px;font-size:14px;gap:4px 10px;}
  .wbar div>span:first-child{grid-column:1/-1;}
  .prin{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;}
  .prin div{padding:14px;}
  .prin div span{font-size:14px;}
  .tone{font-size:19px;gap:6px 16px;}
  .wp{grid-template-columns:104px minmax(0,1fr);gap:14px;padding:14px;}
  .cov{padding:10px 9px 8px;}
  .cov .y{font-size:32px;}
  .cov .t{font-size:11.5px;margin-top:6px;}
  .cov .f{font-size:7.5px;}
  .wp .tx b{font-size:17px;}
  .wp .tx .fig{font-size:24px;margin-top:10px;}
  .cov.big{padding:20px 18px 14px;}
  .cov.big .y{font-size:64px;}
  .cov.big .t{font-size:22px;}
  .cov.big .f{font-size:11px;}
  .hero-n{font-size:58px;}
  h1 .hero-s{font-size:24px;margin-top:8px;}
  .dl{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:8px 12px;padding:14px 0;}
  .dl .lb{grid-column:1;grid-row:1;}
  .dl .am{grid-column:2;grid-row:1;font-size:22px;}
  .dl .tr{grid-column:1/-1;grid-row:2;height:10px;}
}
@media (max-width:980px){
  .week .ev{min-width:0;max-width:100%;}
  .week .ev .tg{margin-top:0;min-width:0;}
  .week .ev small{white-space:nowrap;}
}