/* Espace client ASN : styles de l'app. Sources : design system ASN (tokens, composants) + maquettes V4 (nav.css, dossier.css). */

/* L'agence sans nom — generated from tokens.json */
:root, [data-theme="light"] {
  --paper: #faf7f0; --paper-deep: #f3ede0; --card: #ffffff; --deeper: #0d0829; --concrete: #1a1054;
  --ink-strong: #0d0829; --ink: #14102a; --ink-mute: #5c5770; --line: rgba(13,8,41,0.1);
  --tape: #ffd300; --on-tape: #0d0829; --elec: #255ff1; --elec-text: #255ff1; --elec-ink: #1d4ec5;
  --green: #1a8f4f; --green-ink: #136b3b;
  --tint-neutral: rgba(13,8,41,0.06); --tint-elec: rgba(37,95,241,0.1); --tint-green: rgba(26,143,79,0.12); --tint-tape: rgba(255,211,0,0.32);
  --focus: #255ff1;
  --shadow-lift: 0 18px 30px rgba(13,8,41,0.08); --shadow-menu: 0 18px 36px rgba(13,8,41,0.12);
  --shadow-cta: 0 14px 26px rgba(255,211,0,0.35); --shadow-sticker: 0 8px 18px rgba(13,8,41,0.16);
}
[data-theme="dark"] {
  --paper: #0d0829; --paper-deep: #140c3d; --card: #1a1054;
  --ink-strong: #faf7f0; --ink: #f3ede0; --ink-mute: rgba(243,237,224,0.75); --line: rgba(243,237,224,0.16);
  --elec-text: #7a9cff; --elec-ink: #9db6ff; --green: #4fc684; --green-ink: #7fdca7;
  --tint-neutral: rgba(243,237,224,0.1); --tint-elec: rgba(122,156,255,0.16); --tint-green: rgba(79,198,132,0.16); --tint-tape: rgba(255,211,0,0.16);
  --focus: #7a9cff;
}
:root {
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px; --space-6: 24px;
  --space-7: 32px; --space-8: 48px; --space-9: 64px; --space-10: 88px;
  --radius-sm: 8px; --radius-md: 10px; --radius-lg: 14px; --radius-card: 18px; --radius-xl: 24px; --radius-pill: 999px;
  --font-display: "Archivo Black", Impact, sans-serif;
  --font-sans: "Inter Tight", Inter, system-ui, sans-serif;
}


/* Base */
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased;}
.asn-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding:var(--space-4);}
.asn-stack{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);}
:where(.asn-btn,.asn-check,.asn-field input,.asn-field textarea):focus-visible{outline:2px solid var(--focus);outline-offset:2px;}

/* Button */
.asn-btn{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-weight:800;font-size:14.5px;line-height:1.2;padding:14px 24px;border-radius:var(--radius-pill);border:none;cursor:pointer;white-space:nowrap;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;text-decoration:none;}
.asn-btn-primary{background:var(--tape);color:var(--on-tape);}
.asn-btn-primary:hover{transform:translateY(-3px);box-shadow:var(--shadow-cta);}
.asn-btn-ghost{background:transparent;color:var(--ink-strong);border:1.5px solid var(--line);}
.asn-btn-ghost:hover{border-color:var(--ink-strong);transform:translateY(-3px);}
.asn-btn-dark{background:var(--deeper);color:#faf7f0;}
.asn-btn-dark:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift);}
.asn-btn-sm{padding:11px 20px;font-size:13.5px;}
.asn-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none;}

/* Kicker + Mark + Heading */
.asn-kicker{display:block;font-family:var(--font-sans);font-size:12.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--elec-text);margin-bottom:10px;}
.asn-mark{background:var(--tape);color:var(--on-tape);padding:0 .14em;-webkit-box-decoration-break:clone;box-decoration-break:clone;}
.asn-h{font-family:var(--font-display);font-weight:400;text-transform:uppercase;line-height:1.08;letter-spacing:-0.01em;color:var(--ink-strong);margin:0;text-wrap:balance;}
.asn-h-1{font-size:clamp(26px,4vw,40px);}
.asn-h-2{font-size:clamp(20px,4vw,34px);}
.asn-h-3{font-size:24px;}

/* Card */
.asn-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-card);padding:28px;display:flex;flex-direction:column;gap:var(--space-3);color:var(--ink);}
.asn-card-cream{background:var(--paper-deep);}
.asn-card-featured{background:var(--deeper);border-color:var(--deeper);color:rgba(243,237,224,0.82);}
.asn-card-featured .asn-card-title{color:#faf7f0;}
.asn-card-link{cursor:pointer;transition:transform .2s ease, box-shadow .2s ease;}
.asn-card-link:hover{transform:translateY(-6px);box-shadow:var(--shadow-lift);}
.asn-card-title{font-family:var(--font-sans);font-size:18px;font-weight:800;line-height:1.3;color:var(--ink-strong);margin:0;}
.asn-card p{margin:0;font-size:14.5px;}

/* StatusPill */
.asn-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:5px 12px;border-radius:var(--radius-pill);white-space:nowrap;line-height:1.3;}
.asn-pill::before{content:"";width:7px;height:7px;border-radius:2px;background:currentColor;flex:none;}
.asn-pill-todo{background:var(--tint-neutral);color:var(--ink-mute);}
.asn-pill-progress{background:var(--tint-elec);color:var(--elec-ink);}
.asn-pill-done{background:var(--tint-green);color:var(--green-ink);}
.asn-pill-waiting{background:var(--tint-tape);color:var(--ink-strong);}

/* Roadmap */
.asn-roadmap{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--asn-steps,5),minmax(0,1fr));gap:var(--space-4);position:relative;}
.asn-roadmap::before{content:"";position:absolute;top:27px;left:28px;right:28px;height:3px;background:var(--line);border-radius:2px;}
.asn-roadmap-item{position:relative;display:flex;flex-direction:column;gap:10px;min-width:0;}
.asn-roadmap-num{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:18px;position:relative;z-index:1;background:var(--paper-deep);border:2px solid var(--tape);color:var(--ink-strong);}
.asn-roadmap-done .asn-roadmap-num{background:var(--tape);color:var(--on-tape);}
.asn-roadmap-current .asn-roadmap-num{background:var(--deeper);color:#ffd300;box-shadow:0 0 0 6px var(--tint-tape);}
.asn-roadmap-locked .asn-roadmap-num{border:2px dashed var(--line);color:var(--ink-mute);background:var(--paper);}
.asn-roadmap-label{font-size:15px;font-weight:800;color:var(--ink-strong);line-height:1.3;}
.asn-roadmap-locked .asn-roadmap-label{color:var(--ink-mute);}
.asn-roadmap-meta{font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-mute);}
.asn-roadmap-current .asn-roadmap-meta{color:var(--elec-text);}
@media (max-width:640px){
  .asn-roadmap{grid-template-columns:1fr;gap:var(--space-4);}
  .asn-roadmap::before{top:28px;bottom:28px;left:27px;right:auto;width:3px;height:auto;}
  .asn-roadmap-item{flex-direction:row;align-items:center;gap:var(--space-4);}
}

/* TaskRow */
.asn-task{display:flex;align-items:center;gap:var(--space-4);padding:16px 18px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);}
.asn-check{flex:none;width:24px;height:24px;border-radius:7px;border:2px solid var(--ink-mute);background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;color:var(--on-tape);}
.asn-check[aria-checked="true"]{background:var(--tape);border-color:var(--tape);}
.asn-check svg{width:14px;height:14px;}
.asn-task-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
.asn-task-title{font-size:15px;font-weight:700;color:var(--ink-strong);line-height:1.4;overflow-wrap:anywhere;}
.asn-task-done .asn-task-title{color:var(--ink-mute);text-decoration:line-through;text-decoration-color:var(--ink-mute);}
.asn-task-meta{font-size:13px;font-weight:500;color:var(--ink-mute);}
.asn-task-meta strong{color:var(--ink);font-weight:700;}
@media (max-width:520px){.asn-task{flex-wrap:wrap;}.asn-task .asn-pill{margin-left:40px;}}

/* Field */
.asn-field{display:flex;flex-direction:column;gap:6px;}
.asn-field label{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-mute);}
.asn-field input,.asn-field textarea{font-family:var(--font-sans);font-size:14.5px;color:var(--ink);background:var(--card);border:1.5px solid var(--line);border-radius:var(--radius-md);padding:12px 14px;resize:vertical;}
.asn-field input::placeholder,.asn-field textarea::placeholder{color:var(--ink-mute);opacity:.7;}
.asn-field input:focus,.asn-field textarea:focus{border-color:var(--ink-strong);}
.asn-field-hint{font-size:12.5px;color:var(--ink-mute);}

/* ProgressBar */
.asn-progress{display:flex;flex-direction:column;gap:8px;}
.asn-progress-head{display:flex;justify-content:space-between;gap:var(--space-3);font-size:13px;font-weight:700;color:var(--ink-strong);}
.asn-progress-head span:last-child{font-variant-numeric:tabular-nums;color:var(--ink-mute);}
.asn-progress-track{height:6px;background:var(--tint-neutral);border-radius:var(--radius-pill);overflow:hidden;}
.asn-progress-bar{display:block;height:100%;background:var(--tape);border-radius:var(--radius-pill);transition:width .3s ease;}

/* Stat */
.asn-stat{display:flex;flex-direction:column;gap:2px;}
.asn-stat-value{font-family:var(--font-display);font-size:clamp(36px,7vw,52px);line-height:1.1;color:var(--elec-text);font-variant-numeric:tabular-nums;}
.asn-stat-unit{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--elec-text);}
.asn-stat-label{font-size:12.5px;color:var(--ink-mute);max-width:200px;line-height:1.4;margin-top:4px;}

/* TapeBar + Band */
.asn-tape{height:6px;background:repeating-linear-gradient(-45deg,var(--tape) 0 16px,var(--deeper) 16px 32px);}
.asn-band{background:linear-gradient(125deg,var(--deeper) 0%,var(--concrete) 55%,var(--elec) 145%);color:#faf7f0;padding:var(--space-8) var(--space-6);border-radius:var(--radius-card);}
.asn-band .asn-h{color:#faf7f0;}
.asn-band .asn-kicker{color:#ffd300;}
.asn-band p{color:rgba(250,247,240,0.8);margin:0;}

@media (prefers-reduced-motion:reduce){.asn-btn,.asn-card-link,.asn-progress-bar{transition:none;}.asn-btn:hover,.asn-card-link:hover{transform:none;}}

/* Pistes de navigation : contenu commun (blanc et crème dominants, bleu nuit en accent) */
body{margin:0;background:#faf7f0;}
.N{min-height:100%;background:#faf7f0;color:#14102a;font-family:"Inter Tight",Inter,system-ui,sans-serif;font-size:14px;line-height:1.5;}
.N a{color:#255ff1;}
.N a:hover{color:#0d0829;}
.logo-l{display:block;width:176px;height:30px;overflow:hidden;flex:none;}
.logo-l img{display:block;width:204px;margin:-40px 0 0 -12px;}
.iconb{position:relative;width:38px;height:38px;border-radius:10px;border:1px solid rgba(13,8,41,0.12);background:#ffffff;display:flex;align-items:center;justify-content:center;color:#0d0829;cursor:pointer;flex:none;}
.iconb .dot{position:absolute;top:7px;right:8px;width:8px;height:8px;border-radius:50%;background:#255ff1;border:2px solid #ffffff;}
.av{width:36px;height:36px;border-radius:50%;background:#ffd300;color:#0d0829;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12.5px;flex:none;}
.byel{display:inline-flex;align-items:center;height:40px;padding:0 18px;border-radius:999px;background:#ffd300;color:#0d0829;font-weight:800;font-size:14px;text-decoration:none;white-space:nowrap;}
.bout{display:inline-flex;align-items:center;height:40px;padding:0 16px;border-radius:999px;background:#ffffff;color:#0d0829;font-weight:800;font-size:14px;text-decoration:none;border:1.5px solid rgba(13,8,41,0.14);white-space:nowrap;}
.N a.byel,.N a.bout{color:#0d0829;}
.card{background:#ffffff;border:1px solid rgba(13,8,41,0.15);border-radius:16px;}
.card-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:16px 20px 10px;}
.card-h h2{margin:0;font-size:15px;font-weight:800;color:#0d0829;}
.card-h a{font-size:13px;font-weight:800;text-decoration:none;}
.ess{border-radius:16px;padding:22px 24px;background:#f3ede0;display:flex;gap:20px;align-items:center;flex-wrap:wrap;}
.ess small{display:block;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#255ff1;}
.ess p{margin:4px 0 0;font-size:20px;font-weight:800;color:#0d0829;line-height:1.3;}
.ess p mark{background:#ffd300;color:#0d0829;padding:0 .12em;}
.ess span{display:block;margin-top:6px;font-size:14px;color:#4a4560;max-width:560px;}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.kpi{background:#ffffff;border:1px solid rgba(13,8,41,0.15);border-radius:16px;padding:16px 18px;display:flex;flex-direction:column;gap:2px;}
.kpi span{font-size:12.5px;font-weight:700;color:#4a4560;}
.kpi b{font-family:"Archivo Black",Impact,sans-serif;font-weight:400;font-size:26px;color:#0d0829;font-variant-numeric:tabular-nums;line-height:1.2;}
.kpi small{font-size:12.5px;color:#4a4560;}
.kpi small.up{color:#136b3b;font-weight:700;}
.ask{display:flex;align-items:center;gap:12px;padding:12px 20px;border-top:1px solid rgba(13,8,41,0.1);text-decoration:none;color:#14102a;}
.ask .q{width:34px;height:34px;border-radius:10px;background:rgba(255,211,0,0.32);color:#0d0829;display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:800;flex:none;}
.ask .q.d{background:rgba(37,95,241,0.1);color:#1d4ec5;}
.ask .t{flex:1;min-width:0;font-weight:700;color:#0d0829;}
.ask .t small{display:block;font-weight:500;color:#4a4560;font-size:12.5px;}
.phs{display:flex;flex-direction:column;gap:12px;padding:6px 20px 18px;}
.phr{display:grid;grid-template-columns:110px minmax(0,1fr) 84px;gap:12px;align-items:center;font-size:13.5px;}
.phr b{color:#0d0829;}
.phr i{display:block;height:8px;border-radius:999px;background:rgba(13,8,41,0.11);overflow:hidden;}
.phr i s{display:block;height:100%;background:#0d0829;border-radius:999px;}
.phr em{font-style:normal;font-size:12.5px;color:#4a4560;text-align:right;}
.two{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px;align-items:start;}
@media (max-width:980px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr));}.two{grid-template-columns:minmax(0,1fr);}}

/* V4 · Dossier client : barre fine + bandeau du dossier + onglets (complète nav.css) */
.dbar{max-width:1160px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;gap:14px;}
.dbar .sp{flex:1;}
.dwrap{max-width:1160px;margin:0 auto;padding:0 24px 56px;display:flex;flex-direction:column;gap:20px;}
.cover{background:#ffffff;border:1px solid rgba(13,8,41,0.15);border-radius:20px;overflow:hidden;}
.cover-top{padding:24px 28px 20px;display:flex;gap:18px;align-items:center;flex-wrap:wrap;}
.cover.sm .cover-top{padding:16px 24px;}
.mono{width:60px;height:60px;border-radius:16px;background:#f3ede0;color:#0d0829;font-family:"Archivo Black",Impact,sans-serif;font-size:20px;display:flex;align-items:center;justify-content:center;flex:none;}
.cover.sm .mono{width:44px;height:44px;border-radius:12px;font-size:15px;}
.idt{flex:1;min-width:220px;}
.idt small{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#255ff1;}
.idt .nm{margin:4px 0 2px;font-family:"Archivo Black",Impact,sans-serif;font-weight:400;font-size:30px;text-transform:uppercase;color:#0d0829;letter-spacing:-0.01em;line-height:1.1;}
.cover.sm .idt .nm{font-size:20px;margin:2px 0 0;}
.idt p{margin:0;font-size:14px;color:#4a4560;}
.meta{display:flex;gap:24px;flex-wrap:wrap;font-size:12.5px;color:#4a4560;}
.meta b{display:block;font-size:14px;color:#0d0829;}
.track{padding:0 28px 20px;display:grid;grid-template-columns:1fr 4fr 3fr 3fr;gap:6px;}
.cover.sm .track{padding:0 24px 14px;}
.track a,.track div{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;color:#4a4560;text-decoration:none;}
.track i{display:block;height:8px;border-radius:999px;background:rgba(13,8,41,0.11);overflow:hidden;}
.track i s{display:block;height:100%;width:50%;background:#ffd300;}
.track .on{color:#0d0829;}
.tabs{display:flex;gap:2px;padding:0 16px;border-top:1px solid rgba(13,8,41,0.11);background:#fdfbf7;overflow-x:auto;}
.tabs a{position:relative;padding:14px 12px;font-size:14px;font-weight:700;color:#4a4560;text-decoration:none;white-space:nowrap;}
.tabs a:hover{color:#0d0829;}
.tabs a.on{color:#0d0829;}
.tabs a.on::after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:#255ff1;}
.tabs a b{margin-left:6px;font-size:11.5px;font-weight:800;color:#0d0829;background:#ffd300;border-radius:999px;padding:0 6px;}
.pt{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;}
.pt h1{margin:0;font-size:24px;font-weight:800;color:#0d0829;letter-spacing:-0.01em;}
.pt p{margin:4px 0 0;font-size:14.5px;color:#4a4560;max-width:680px;}
.back{font-size:13px;font-weight:800;text-decoration:none;}
.edit-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 24px;background:#ffd300;color:#0d0829;font-size:13.5px;font-weight:700;}
.edit-bar a{margin-left:auto;color:#0d0829 !important;font-weight:800;text-decoration:underline;}
.sec-t{margin:0 0 10px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#4a4560;}
.tag{display:inline-flex;align-items:center;font-size:12px;font-weight:800;padding:3px 9px;border-radius:999px;background:#f3ede0;color:#0d0829;white-space:nowrap;}
.muted{color:#4a4560;}
@media (max-width:760px){.track{grid-template-columns:repeat(2,minmax(0,1fr));}}

/* V4.1 · plus de contraste, touches de bleu nuit */
.mono{background:#0d0829;color:#ffd300;}
.tabs{background:#ffffff;}
.tabs a.on::after{background:#0d0829;height:3px;}
.track i s{background:#0d0829;}
.track .on i{box-shadow:inset 0 0 0 1px #0d0829;}
.idt small{color:#0d0829;}
.idt small::before{content:"";display:inline-block;width:7px;height:7px;border-radius:2px;background:#ffd300;margin-right:7px;vertical-align:1px;}
.ess{background:#0d0829;}
.ess small{color:#ffd300;}
.ess p{color:#faf7f0;}
.ess span{color:rgba(250,247,240,0.78);}
.ess .bout{background:#faf7f0;border-color:#faf7f0;}
.card-h h2{display:flex;align-items:center;gap:8px;}
.card-h h2::before{content:"";width:4px;height:14px;border-radius:2px;background:#0d0829;}
.kpi b{color:#0d0829;}
.panel{border-color:rgba(13,8,41,0.15);}
.dbar{border-bottom:1px solid rgba(13,8,41,0.11);}

/* App : connexion, messages, formulaires, tableaux */
.auth{min-height:100vh;display:flex;flex-wrap:wrap;background:#faf7f0;font-family:"Inter Tight",Inter,system-ui,sans-serif;color:#14102a;}
.auth-l{flex:1 1 420px;min-width:0;background:#0d0829;color:#faf7f0;padding:56px;display:flex;flex-direction:column;justify-content:space-between;gap:40px;box-sizing:border-box;}
.auth-l .chip{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;background:#faf7f0;border-radius:999px;padding:6px 16px 6px 6px;color:#0d0829;font-weight:800;font-size:14px;}
.auth-l .chip span{width:30px;height:30px;border-radius:50%;background:#ffd300;display:flex;align-items:center;justify-content:center;font-family:"Archivo Black",Impact,sans-serif;font-size:11px;}
.auth-l p.big{margin:0;font-family:"Archivo Black",Impact,sans-serif;font-size:32px;line-height:1.1;text-transform:uppercase;}
.auth-l p.big mark{background:#ffd300;color:#0d0829;padding:0 .12em;}
.auth-l p.sm{margin:16px 0 0;font-size:16px;line-height:1.6;color:rgba(250,247,240,0.8);max-width:460px;}
.auth-l small{font-size:13px;color:rgba(250,247,240,0.7);}
.auth-r{flex:1 1 420px;min-width:0;padding:56px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;}
.auth-r form,.auth-r .box{width:100%;max-width:400px;display:flex;flex-direction:column;gap:18px;}
.auth-r h1{margin:0;font-size:28px;font-weight:800;color:#0d0829;}
.auth-r p{margin:0;font-size:15px;line-height:1.6;color:#4a4560;}
@media (max-width:700px){.auth-l,.auth-r{padding:32px 20px;}}
.field{display:flex;flex-direction:column;gap:6px;}
.field label{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#4a4560;}
.field input,.field select,.field textarea{font-family:"Inter Tight",sans-serif;font-size:15px;color:#14102a;background:#ffffff;border:1.5px solid rgba(13,8,41,0.18);border-radius:10px;padding:12px 14px;}
.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid #255ff1;outline-offset:2px;}
.err{font-size:13.5px;font-weight:700;color:#9b1c1c;}
.notice{padding:16px 18px;border-radius:14px;background:#ffffff;border:1px solid rgba(13,8,41,0.15);display:flex;flex-direction:column;gap:4px;}
.notice b{font-size:16px;color:#0d0829;}
.notice.ok{background:rgba(26,143,79,0.1);border-color:rgba(26,143,79,0.3);color:#136b3b;font-weight:700;}
button.byel,button.bout{font-family:"Inter Tight",sans-serif;cursor:pointer;border:none;}
button.bout{border:1.5px solid rgba(13,8,41,0.14);}
.linkbtn{background:none;border:none;padding:8px 0;font:inherit;font-weight:800;color:#255ff1;cursor:pointer;}
:focus-visible{outline:2px solid #255ff1;outline-offset:2px;}
.tbl{overflow-x:auto;}
.tbl table{width:100%;border-collapse:collapse;min-width:720px;font-size:14px;}
.tbl th{text-align:left;font-size:12px;font-weight:700;color:#4a4560;padding:12px 20px;border-bottom:1px solid rgba(13,8,41,0.15);background:#fdfbf7;}
.tbl td{padding:14px 20px;border-bottom:1px solid rgba(13,8,41,0.1);vertical-align:middle;}
.tbl tr:last-child td{border-bottom:none;}
.empty{padding:24px 20px;font-size:14px;color:#4a4560;}
.who{display:flex;align-items:center;gap:10px;}
.who .av{width:32px;height:32px;font-size:11.5px;}
.who form{margin:0;}

/* Roadmap */
.phase{display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;position:relative;}
.phase .rail{position:absolute;left:19px;top:40px;bottom:-24px;width:2px;background:rgba(13,8,41,0.12);}
.pn{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;position:relative;z-index:1;}
.pn.c{background:#ffd300;color:#0d0829;box-shadow:0 0 0 5px rgba(255,211,0,0.3);}
.pn.d{background:#0d0829;color:#ffd300;}
.pn.l{background:#ffffff;color:#4a4560;border:1.5px dashed rgba(13,8,41,0.3);}
.phead{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:8px 0 12px;}
.phead h2{margin:0;font-size:17px;font-weight:800;color:#0d0829;}
.phead span{font-size:13px;color:#4a4560;}
.chs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
@media (max-width:1100px){.chs{grid-template-columns:minmax(0,1fr);}}
.ch{display:flex;flex-direction:column;gap:8px;padding:16px 18px;background:#ffffff;border:1px solid rgba(13,8,41,0.15);border-radius:16px;text-decoration:none;color:#14102a;transition:transform .2s ease,box-shadow .2s ease;}
.ch:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(13,8,41,0.08);}
.ch b{font-size:15px;color:#0d0829;line-height:1.3;}
.ch p{margin:0;font-size:13.5px;color:#4a4560;line-height:1.5;}
.ch .gain{display:flex;justify-content:space-between;gap:8px;padding-top:10px;margin-top:auto;border-top:1px solid rgba(13,8,41,0.11);font-size:12.5px;color:#4a4560;}
.ch .gain strong{font-size:14px;color:#136b3b;}
.lst{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;}
.lst li{font-size:14px;line-height:1.5;padding:10px 14px;background:#ffffff;border:1px solid rgba(13,8,41,0.11);border-radius:12px;}
.lst li strong{color:#0d0829;}
.sum{width:100%;border-collapse:collapse;}
.sum td,.sum th{padding:10px 18px;border-top:1px solid rgba(13,8,41,0.1);font-size:13.5px;text-align:left;}
.sum th{font-size:12px;color:#4a4560;font-weight:700;border-top:none;}
.sum td.r{text-align:right;font-weight:800;color:#0d0829;white-space:nowrap;font-variant-numeric:tabular-nums;}
.sum tr.t td{background:#fdfbf7;font-weight:800;color:#0d0829;}
.blk{padding:4px 20px 18px;display:flex;flex-direction:column;gap:18px;}
.blk h3{margin:0 0 6px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#4a4560;}
.blk p{margin:0;font-size:14.5px;line-height:1.6;}
.chk{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;}
.chk li{display:flex;gap:10px;font-size:14px;line-height:1.5;}
.chk li::before{content:"";flex:none;width:6px;height:6px;margin-top:8px;background:#255ff1;border-radius:2px;}
.ba{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:8px;align-items:center;padding:0 20px 18px;}
.ba div{background:#faf7f0;border-radius:12px;padding:12px;}
.ba span{display:block;font-size:12px;font-weight:700;color:#4a4560;}
.ba b{font-size:16px;color:#0d0829;}
.ba div.after{background:rgba(26,143,79,0.1);}
.ba div.after b{color:#136b3b;}
.gainbig{padding:0 20px 14px;}
.gainbig b{font-family:"Archivo Black",Impact,sans-serif;font-weight:400;font-size:28px;color:#136b3b;}
.gainbig p{margin:2px 0 0;font-size:13px;color:#4a4560;}
.stack{display:flex;flex-direction:column;gap:16px;min-width:0;}
.list8{display:flex;flex-direction:column;gap:8px;padding:4px 16px 16px;}

/* Plan d'action : filtres, groupes, panneau de détail */
.seg{display:inline-flex;padding:3px;border-radius:10px;background:#f3ede0;gap:2px;flex-wrap:wrap;}
.seg a{font-size:13.5px;font-weight:700;padding:0 14px;height:34px;display:inline-flex;align-items:center;border-radius:8px;color:#4a4560;text-decoration:none;}
.seg a:hover{color:#0d0829;}
.seg a.on{background:#ffffff;color:#0d0829;box-shadow:0 1px 3px rgba(13,8,41,0.12);}
.seg a .n{font-variant-numeric:tabular-nums;margin-left:6px;font-weight:800;color:#4a4560;}
.grp{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#4a4560;padding:16px 20px 8px;}
.work{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start;}
.work > .main{flex:999 1 480px;min-width:0;}
.drawer{flex:1 1 380px;min-width:0;background:#ffffff;border:1px solid rgba(13,8,41,0.15);border-radius:16px;box-shadow:0 18px 36px rgba(13,8,41,0.1);}
.drawer .in{padding:20px;display:flex;flex-direction:column;gap:18px;}
.drawer h2{margin:0;font-size:19px;font-weight:800;color:#0d0829;line-height:1.3;}
.dl{display:grid;grid-template-columns:100px minmax(0,1fr);gap:8px 12px;font-size:13.5px;margin:0;}
.dl dt{color:#4a4560;font-weight:700;}
.dl dd{margin:0;color:#0d0829;font-weight:600;}
.sub{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#4a4560;}
.msg{display:flex;gap:10px;font-size:13.5px;line-height:1.5;}
.msg .av{width:28px;height:28px;font-size:10.5px;flex:none;}
.msg small{color:#4a4560;}
.msg p{margin:0;white-space:pre-line;}
.att{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(13,8,41,0.15);border-radius:10px;font-size:13px;text-decoration:none;color:#14102a;}
.att .ext{flex:none;font-size:10.5px;font-weight:800;padding:3px 6px;border-radius:6px;background:rgba(37,95,241,0.1);color:#1d4ec5;}
.att span.t{flex:1;min-width:0;overflow-wrap:anywhere;}
.att small{color:#4a4560;}
.upl{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.upl input[type=file]{font-family:"Inter Tight",sans-serif;font-size:13px;max-width:100%;}
.sep{border-top:1px solid rgba(13,8,41,0.11);padding-top:16px;}
textarea.ta{width:100%;box-sizing:border-box;font-family:"Inter Tight",sans-serif;font-size:14px;line-height:1.5;color:#14102a;border:1.5px solid rgba(13,8,41,0.18);border-radius:10px;padding:10px 12px;resize:vertical;background:#ffffff;}
audio{width:100%;max-width:360px;height:36px;}

/* À me renvoyer */
details.rq{border-top:1px solid rgba(13,8,41,0.1);}
details.rq summary{list-style:none;display:flex;align-items:center;gap:12px;padding:14px 20px;cursor:pointer;}
details.rq summary::-webkit-details-marker{display:none;}
details.rq summary:hover{background:#fdfbf7;}
details.rq .q{width:34px;height:34px;border-radius:10px;background:rgba(255,211,0,0.32);color:#0d0829;display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:800;flex:none;}
details.rq .q.d{background:rgba(37,95,241,0.1);color:#1d4ec5;}
details.rq .q.ok{background:#f3ede0;color:#0d0829;}
details.rq .t{flex:1;min-width:0;font-weight:700;color:#0d0829;line-height:1.4;}
details.rq .t small{display:block;font-weight:500;color:#4a4560;font-size:13px;margin-top:2px;}
details.rq .t small.ans{color:#14102a;}
.rq-b{padding:0 20px 18px 66px;display:flex;flex-direction:column;gap:10px;}
@media (max-width:600px){.rq-b{padding-left:20px;}}
.rq-form{display:flex;flex-direction:column;gap:12px;}
.rec{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:#faf7f0;border:1px dashed rgba(13,8,41,0.25);font-size:13.5px;color:#4a4560;}
.mic{width:44px;height:44px;border-radius:50%;background:#0d0829;color:#ffd300;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none;}
.mic.on{background:#ffd300;color:#0d0829;box-shadow:0 0 0 6px rgba(255,211,0,0.3);}

/* Comptes-rendus */
.mail{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:16px;align-items:start;}
@media (max-width:900px){.mail{grid-template-columns:minmax(0,1fr);}}
.lst-m{display:flex;flex-direction:column;overflow:hidden;}
.lst-m a{display:flex;flex-direction:column;gap:2px;padding:14px 18px;border-top:1px solid rgba(13,8,41,0.1);text-decoration:none;color:#14102a;}
.lst-m a:first-child{border-top:none;}
.lst-m a:hover{background:#fdfbf7;}
.lst-m a.on{background:#f3ede0;}
.lst-m .d{font-size:12px;font-weight:700;color:#4a4560;}
.lst-m b{font-size:14px;color:#0d0829;}

/* Ressources */
.subtabs{display:flex;gap:4px;border-bottom:1px solid rgba(13,8,41,0.15);overflow-x:auto;}
.subtabs a{padding:10px 14px;font-size:14px;font-weight:700;color:#4a4560;text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;}
.subtabs a.on{color:#0d0829;border-bottom-color:#0d0829;}
.subtabs .n{font-size:12px;color:#4a4560;}
.grid-r{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;}
.res{display:flex;flex-direction:column;gap:6px;padding:18px 20px;background:#ffffff;border:1px solid rgba(13,8,41,0.15);border-radius:16px;text-decoration:none;color:#14102a;transition:transform .2s ease,box-shadow .2s ease;}
.res:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(13,8,41,0.08);}
.res .k,.reader .k{font-size:12px;font-weight:700;color:#255ff1;}
.res b{font-size:15.5px;color:#0d0829;line-height:1.3;}
.res .d{font-size:13.5px;color:#4a4560;line-height:1.5;}
.res .thumb{height:110px;border-radius:10px;background:linear-gradient(125deg,#0d0829 0%,#1a1054 55%,#255ff1 145%);display:flex;align-items:center;justify-content:center;margin-bottom:6px;}
.res .play{width:42px;height:42px;border-radius:50%;background:#ffd300;display:flex;align-items:center;justify-content:center;}
.drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:32px 24px;border:2px dashed rgba(13,8,41,0.22);border-radius:16px;background:#ffffff;align-self:start;}
.drop input[type=file]{font-family:"Inter Tight",sans-serif;font-size:13px;max-width:100%;}
.reader{padding:36px 44px;max-width:820px;}
@media (max-width:700px){.reader{padding:24px 18px;}}
.reader h1{margin:6px 0 4px;font-size:26px;font-weight:800;color:#0d0829;}
.reader header{padding-bottom:18px;margin-bottom:8px;border-bottom:1px solid rgba(13,8,41,0.11);}
.reader header p{margin:6px 0 0;}
.prose h2{margin:30px 0 10px;font-size:19px;font-weight:800;color:#0d0829;}
.prose h3{margin:22px 0 8px;font-size:16px;font-weight:800;color:#0d0829;}
.prose p,.prose li{font-size:15px;line-height:1.7;}
.prose p{margin:0 0 12px;}
.prose ul,.prose ol{margin:0 0 14px;padding-left:22px;}
.prose strong{color:#0d0829;}
.prose blockquote{margin:16px 0;padding:14px 18px;border-radius:12px;background:#0d0829;color:#faf7f0;font-size:15.5px;font-weight:600;line-height:1.6;}
.prose blockquote p{margin:0;}

/* Mode édition */
.egrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:6px 20px 16px;}
@media (max-width:700px){.egrid{grid-template-columns:minmax(0,1fr);}}
.egrid .field input,.egrid .field select,.egrid .field textarea{font-size:14px;padding:10px 12px;}
.efoot{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:14px 20px;border-top:1px solid rgba(13,8,41,0.1);}
details.eitem{border-top:1px solid rgba(13,8,41,0.1);}
details.card.eitem{border-top:1px solid rgba(13,8,41,0.15);}
details.eitem > summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:14px 20px;}
details.eitem > summary::-webkit-details-marker{display:none;}
details.eitem > summary:hover{background:#fdfbf7;}
details.eitem > summary .t{flex:1;min-width:0;font-weight:700;color:#0d0829;}
details.eitem > summary .t small{display:block;font-weight:500;color:#4a4560;font-size:12.5px;}
details.eitem[open] > summary{background:#fdfbf7;}
details.confirm > summary{list-style:none;cursor:pointer;}
details.confirm > summary::-webkit-details-marker{display:none;}
.suggest{display:flex;flex-direction:column;gap:8px;padding:4px 20px 16px;}
.det{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid rgba(13,8,41,0.15);border-radius:10px;}
.det input[type=checkbox]{width:18px;height:18px;accent-color:#ffd300;flex:none;}
.det input[type=text]{flex:1;min-width:0;font-family:"Inter Tight",sans-serif;font-size:14px;border:none;background:transparent;padding:4px;}
.det select{font-family:"Inter Tight",sans-serif;font-size:13px;font-weight:700;border:1px solid rgba(13,8,41,0.18);border-radius:8px;height:32px;padding:0 8px;background:#ffffff;}