/* style.css — Duerly, styles applicatifs (langage « registre / dossier »). */

.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;
  padding:16px clamp(20px,5vw,56px);background:rgba(240,234,221,.86);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;gap:.5em;font-family:var(--serif);font-weight:700;font-size:1.4rem;letter-spacing:-.02em}
.brand-mark{width:18px;height:18px;background:var(--accent);display:inline-block;border-radius:2px;transform:rotate(45deg)}
.topbar-right{display:flex;align-items:center;gap:.5em}
#userZone{display:inline-flex;align-items:center;gap:.6em;font-size:var(--step--1)}

/* layout */
.pagehead{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-end;justify-content:space-between;margin:clamp(28px,5vw,52px) 0 26px}
.grid{display:grid;gap:18px}
.grid-cards{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.spread{display:flex;gap:12px;align-items:center;justify-content:space-between}
.stack{display:grid;gap:12px}
.mt{margin-top:16px}.mt2{margin-top:28px}
.center{text-align:center}

/* auth */
.auth{max-width:430px;margin:8vh auto;display:grid;gap:15px}
.auth h2{font-size:var(--step-2)}
.auth .err{color:var(--c-urgent);font-size:var(--step--1);min-height:1.1em;font-weight:650}
.switchline{font-size:var(--step--1);text-align:center}
.switchline button{background:none;border:none;color:inherit;border-bottom:1.5px solid var(--accent);font-weight:650;cursor:pointer;padding-bottom:1px}

/* fiche entreprise (dashboard) */
.co-card{cursor:pointer;display:grid;gap:16px;position:relative;transition:border-color .2s,transform .2s}
.co-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);opacity:0;transition:opacity .2s}
.co-card:hover{transform:translateY(-2px);border-color:var(--ink)}
.co-card:hover::before{opacity:1}
.co-card .name{font-family:var(--serif);font-size:1.5rem;font-weight:500;line-height:1.05}
.co-meta{font-size:var(--step--1);color:var(--ink-2)}

/* jauge — anneau de criticité */
.gauge{--p:0;--col:var(--c-ok);position:relative;width:92px;height:92px;border-radius:50%;
  background:conic-gradient(var(--col) calc(var(--p)*1%),var(--paper-2) 0);display:grid;place-items:center;flex:none}
.gauge::after{content:"";position:absolute;inset:9px;background:var(--card);border-radius:50%;z-index:1}
.gauge .val{position:relative;z-index:2;font-family:var(--serif);font-weight:700;font-size:1.7rem;line-height:1;letter-spacing:-.02em}
.gauge.small{width:62px;height:62px}.gauge.small .val{font-size:1.15rem}.gauge.small::after{inset:6px}

.niveau{font-weight:650}
.badge.ok{background:rgba(62,122,82,.12);color:var(--c-ok);border-color:rgba(62,122,82,.35)}
.badge.warn{background:rgba(210,118,31,.12);color:var(--c-act);border-color:rgba(210,118,31,.35)}
.badge.danger{background:rgba(200,53,31,.12);color:var(--c-urgent);border-color:rgba(200,53,31,.35)}
.badge.flat{background:var(--paper-2);color:var(--ink);border-color:var(--line)}

/* onglets */
.tabs{display:flex;gap:24px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin:22px 0 26px}
.tab{padding:.2em 0 .8em;border:none;background:none;cursor:pointer;font-family:var(--sans);font-weight:650;font-size:var(--step-0);
  color:var(--ink);opacity:.45;border-bottom:2px solid transparent;margin-bottom:-1px;letter-spacing:.01em}
.tab.active{opacity:1;border-bottom-color:var(--accent)}
.tab:hover{opacity:.8}

/* unité & risque */
.unit{margin-bottom:18px}
.unit-head{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.unit-head .u-name{font-family:var(--serif);font-size:1.35rem;font-weight:500}
.risk{border:1px solid var(--line);border-radius:var(--r);padding:16px;margin-bottom:10px;background:#FCFAF4}
.risk-top{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}
.risk-label{font-family:var(--serif);font-weight:500;font-size:1.12rem;line-height:1.15}
.risk-cat{font-size:var(--step--1);color:var(--ink-2);display:inline-flex;gap:.3em;align-items:center;margin-top:3px}
.risk-controls{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:12px;align-items:end;margin-top:14px}
.risk-controls .field{display:grid;gap:4px}
.risk-controls label{margin:0;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2)}
.risk-controls select{padding:.42em .5em}
.scorebox{text-align:center;min-width:66px}
.scorebox .n{font-family:var(--serif);font-weight:700;font-size:1.9rem;line-height:1;letter-spacing:-.02em}
.scorebox .lab{font-size:.64rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2);margin-top:2px}
.measures{margin-top:14px;border-top:1px solid var(--line);padding-top:12px;display:grid;gap:7px}
.measure{display:flex;gap:9px;align-items:center;font-size:var(--step--1)}
.measure .dot{width:7px;height:7px;flex:none;transform:rotate(45deg)}
.measure .dot.existante{background:var(--c-ok)}.measure .dot.planifiee{background:var(--accent)}
.measure .mlabel{flex:1}
.chip{font-size:.68rem;padding:.12em .55em;border-radius:2px;background:var(--paper-2);border:1px solid var(--line);letter-spacing:.02em}

/* checklist des manques */
.gaps{display:grid;gap:9px}
.gap{display:flex;gap:10px;align-items:flex-start;font-size:var(--step-0)}
.gap .x{color:var(--c-urgent);font-weight:700;font-family:var(--serif)}
.gap .half{color:var(--c-act);font-weight:700;font-family:var(--serif)}

/* légende criticité */
.legend{display:flex;gap:18px;flex-wrap:wrap;font-size:var(--step--1);color:var(--ink-2)}
.legend span{display:inline-flex;align-items:center;gap:.45em}
.legend i{width:10px;height:10px;display:inline-block;transform:rotate(45deg)}

/* modale */
.modal-bg{position:fixed;inset:0;background:rgba(19,16,10,.55);backdrop-filter:blur(3px);z-index:200;display:grid;place-items:center;padding:20px}
.modal{background:var(--card);border:1px solid var(--line);border-radius:var(--r);max-width:720px;width:100%;max-height:86vh;overflow:auto;padding:26px;box-shadow:0 40px 90px -30px rgba(0,0,0,.45)}
.modal h3{font-size:var(--step-1);margin-bottom:6px}
.sugg{border:1px solid var(--line);border-radius:var(--r);padding:11px 13px;margin-bottom:8px;display:flex;gap:11px;align-items:flex-start;background:#FCFAF4}
.sugg input{width:auto;margin-top:4px}
.sugg .s-label{font-weight:650}
.sugg .s-meta{font-size:var(--step--1);color:var(--ink-2)}

/* tableau */
table.tbl{width:100%;border-collapse:collapse;font-size:var(--step--1)}
table.tbl th,table.tbl td{text-align:left;padding:10px 11px;border-bottom:1px solid var(--line);vertical-align:top}
table.tbl th{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2);font-weight:650}

.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--paper);padding:.7em 1.3em;border-radius:var(--r);z-index:300;font-size:var(--step--1);font-weight:650;box-shadow:0 18px 40px -20px rgba(0,0,0,.6)}
.hidden{display:none!important}
.spinner{width:15px;height:15px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;display:inline-block}
@keyframes spin{to{transform:rotate(360deg)}}
/* ===== Autopilot ===== */
.autopilot{border:1.5px solid var(--accent);background:linear-gradient(180deg,rgba(212,58,34,.05),transparent)}
.autopilot .eyebrow{color:var(--accent)}
.autopilot textarea{resize:vertical}

/* ===== Cartographie (matrice gravité × probabilité) ===== */
.matrix{display:grid;grid-template-columns:42px repeat(4,1fr);gap:6px;max-width:560px}
.mx-corner{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;font-size:.66rem;color:var(--ink-2);line-height:1.1}
.mx-corner b{font-weight:650}
.mx-head{text-align:center;font-family:var(--serif);font-weight:700;color:var(--ink-2);padding:4px 0;align-self:end}
.mx-gl{display:grid;place-items:center;font-family:var(--serif);font-weight:700;color:var(--ink-2)}
.mx-cell{position:relative;aspect-ratio:1;border:1px solid var(--line);border-radius:var(--r);
  display:flex;flex-wrap:wrap;gap:5px;align-content:flex-start;padding:7px}
.mx-dot{width:15px;height:15px;border-radius:50%;cursor:pointer;border:2px solid rgba(255,255,255,.7);
  box-shadow:0 2px 6px rgba(0,0,0,.25);transition:transform .18s}
.mx-dot:hover{transform:scale(1.4);box-shadow:0 0 0 4px rgba(212,58,34,.18),0 2px 8px rgba(0,0,0,.3)}
.mx-cell{transition:transform .25s,box-shadow .25s}
.mx-cell:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(23,19,12,.12);z-index:2}
.mx-dot.mx-urgent{animation:dotpulse 1.7s ease-in-out infinite}
@keyframes dotpulse{0%,100%{box-shadow:0 2px 6px rgba(0,0,0,.25),0 0 0 0 rgba(212,58,34,.55)}50%{box-shadow:0 2px 6px rgba(0,0,0,.25),0 0 0 7px rgba(212,58,34,0)}}
.matrix{position:relative}
.matrix::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:var(--r);background:linear-gradient(115deg,transparent 30%,rgba(212,58,34,.10) 50%,transparent 70%);background-size:280% 100%;animation:mxscan 2.2s cubic-bezier(.4,0,.2,1) 1 both}
@keyframes mxscan{from{background-position:200% 0}to{background-position:-120% 0}}
@media (prefers-reduced-motion:reduce){.mx-dot.mx-urgent{animation:none}.matrix::after{display:none}}
.mx-xlabel{grid-column:2 / -1;text-align:center;font-size:.66rem;color:var(--ink-2);margin-top:4px}

/* ===== Simulateur ===== */
.simul-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;align-items:start}
.simul-list{display:grid;gap:8px}
.simul-row{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:var(--r);padding:10px 12px;cursor:pointer;background:#FCFAF4;font-size:var(--step--1)}
.simul-row:hover{border-color:var(--ink)}
.simul-row input{width:auto}
.simul-row .sr-label{flex:1}
.dot-sq{width:9px;height:9px;flex:none;transform:rotate(45deg)}
.simul-result{display:flex;flex-direction:column;justify-content:center;min-height:200px;position:sticky;top:80px}
@media(max-width:680px){.simul-grid{grid-template-columns:1fr}.simul-result{position:static}}

/* ===== Mode inspecteur ===== */
.inspector .insp-list{display:grid;gap:8px}
.insp-row{display:flex;align-items:center;gap:12px;font-size:var(--step-0);padding:8px 0;border-bottom:1px solid var(--line)}
.insp-ico{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#fff;flex:none;font-size:.85rem}
.insp-ico.ok{background:var(--c-ok)}.insp-ico.bad{background:var(--c-urgent)}.insp-ico.half{background:var(--c-act)}
.insp-verdict{border:1.5px solid;border-radius:var(--r);padding:18px 20px;margin-top:18px;text-align:center}

/* flash sur un risque ciblé depuis la cartographie */
.flash{animation:flash 1.3s ease}
@keyframes flash{0%,100%{box-shadow:0 0 0 0 transparent}30%{box-shadow:0 0 0 3px var(--accent)}}

@media (max-width:560px){.risk-controls{grid-template-columns:1fr 1fr}}

/* ===== ✦ Échéancier (radar) ===== */
.radar-grid{display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:18px;align-items:start}
.radar-count{text-align:center;border-width:2px;border-style:solid}
.radar-big{font-size:clamp(3.4rem,9vw,5.5rem);line-height:.95;font-weight:600;letter-spacing:-.03em;margin:6px 0}
.timeline{position:relative;padding-left:6px}
.tl-row{display:flex;gap:14px;align-items:flex-start;padding:0 0 18px 4px;position:relative}
.tl-row::before{content:"";position:absolute;left:9px;top:18px;bottom:-2px;width:2px;background:rgba(23,19,12,.12)}
.tl-row:last-child::before{display:none}
.tl-dot{flex:none;width:14px;height:14px;border-radius:50%;margin-top:3px;background:rgba(23,19,12,.25);box-shadow:0 0 0 4px var(--paper);position:relative;z-index:1}
.tl-dot.past{background:rgba(23,19,12,.32)}
.tl-dot.future{background:var(--c-ok)}
.tl-dot.due{background:var(--accent);box-shadow:0 0 0 4px var(--paper),0 0 0 7px rgba(212,58,34,.18)}
.tl-dot.late{background:var(--c-urgent);box-shadow:0 0 0 4px var(--paper),0 0 0 7px rgba(200,53,31,.22)}
.tl-dot.heat{background:#D2761F;box-shadow:0 0 0 4px var(--paper),0 0 0 7px rgba(210,118,31,.2)}
.tl-when{font-size:.82rem;color:var(--ink);font-weight:600}
.tl-label{font-size:.92rem;color:var(--ink-soft,rgba(23,19,12,.66))}

/* ===== ✦ Benchmark sectoriel ===== */
.bench-bars{display:flex;flex-direction:column;gap:16px}
.bench-row{display:grid;grid-template-columns:140px 1fr 46px;gap:14px;align-items:center}
.bench-name{font-size:.9rem;color:var(--ink-soft,rgba(23,19,12,.66))}
.bench-name.strong{color:var(--ink);font-weight:600}
.bench-track{height:14px;border-radius:8px;background:rgba(23,19,12,.08);overflow:hidden}
.bench-fill{height:100%;width:0;border-radius:8px;transition:width 1.1s cubic-bezier(.2,.85,.25,1)}
.bench-val{text-align:right;font-weight:600;font-size:1.05rem}
.bench-verdict{text-align:center}
@media (prefers-reduced-motion:reduce){.bench-fill{transition:none;width:var(--w)}}
@media (max-width:640px){.radar-grid{grid-template-columns:1fr}.bench-row{grid-template-columns:96px 1fr 40px;gap:10px}}

/* ===== ✦ Plan d'action Kanban ===== */
.kb-progress{margin-bottom:16px}
.kb-bar{height:12px;border-radius:7px;background:rgba(23,19,12,.08);overflow:hidden}
.kb-fill{height:100%;border-radius:7px;background:var(--c-ok);transition:width 1s cubic-bezier(.2,.85,.25,1)}
.kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:start}
.kb-col{background:rgba(23,19,12,.04);border-radius:12px;padding:10px;min-height:120px;transition:background .15s,box-shadow .15s}
.kb-col.over{background:rgba(212,58,34,.08);box-shadow:inset 0 0 0 2px var(--accent)}
.kb-head{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft,rgba(23,19,12,.6));padding:4px 6px 10px}
.kb-count{background:rgba(23,19,12,.1);border-radius:20px;padding:1px 9px;font-size:.78rem;color:var(--ink)}
.kb-drop{display:flex;flex-direction:column;gap:10px;min-height:40px}
.kb-card{position:relative;background:var(--paper);border:1px solid rgba(23,19,12,.1);border-radius:10px;padding:12px 12px 10px;cursor:grab;box-shadow:0 1px 2px rgba(23,19,12,.05)}
.kb-card[draggable="true"]:active{cursor:grabbing}
.kb-card.dragging{opacity:.4}
.kb-prio{position:absolute;left:0;top:10px;bottom:10px;width:4px;border-radius:4px}
.kb-measure{font-weight:600;font-size:.95rem;margin-left:6px}
.kb-card .co-meta{margin-left:6px}
.kb-meta{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0 6px}
.kb-meta .chip.late{background:rgba(200,53,31,.12);color:var(--c-urgent)}
.kb-sel{margin-top:10px;width:100%;font-size:.82rem}
@media (max-width:720px){.kanban{grid-template-columns:1fr}}

/* ===== ✦ Attestation ===== */
.attest input{font-family:ui-monospace,Menlo,monospace;font-size:.8rem}
.attest-badge{display:flex;justify-content:center;padding:12px;background:rgba(23,19,12,.04);border-radius:10px}

/* ===== ✦ Mode présentation (deck plein écran cinématique) ===== */
.pres-overlay{position:fixed;inset:0;z-index:200;background:var(--ink);color:var(--paper);display:flex;flex-direction:column}
.pres-overlay .eyebrow{color:var(--accent);opacity:.95}
.pres-stage{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:6vh 8vw;cursor:pointer}
.pres-slide{max-width:900px}
.pres-h{font-family:var(--serif,"Duerly Serif",Georgia,serif);font-size:clamp(2.6rem,8vw,6rem);line-height:.98;font-weight:600;letter-spacing:-.02em;margin:16px 0}
.pres-h2{font-family:var(--serif,"Duerly Serif",Georgia,serif);font-size:clamp(1.8rem,5vw,3.2rem);line-height:1.05;font-weight:600;margin:14px 0}
.pres-big{font-family:var(--serif,"Duerly Serif",Georgia,serif);font-size:clamp(3.5rem,12vw,8rem);line-height:.9;font-weight:600;margin:10px auto}
.pres-sub{font-size:clamp(1rem,2.4vw,1.5rem);color:rgba(240,234,221,.72);margin:8px auto 0}
.pres-list{list-style:none;margin:24px auto 0;max-width:620px;text-align:left;display:flex;flex-direction:column;gap:14px}
.pres-list li{display:flex;align-items:center;gap:14px;font-size:clamp(1rem,2.4vw,1.5rem);border-bottom:1px solid rgba(240,234,221,.14);padding-bottom:14px}
.pres-list li span:nth-child(2){flex:1}
.pres-gaps{list-style:none;margin:20px auto 0;max-width:560px;text-align:left;display:flex;flex-direction:column;gap:10px}
.pres-gaps li{font-size:clamp(.95rem,2.2vw,1.3rem);color:rgba(240,234,221,.8)}
.pres-gaps li::before{content:"✕ ";color:var(--accent)}
.pres-gauge{display:flex;justify-content:center;margin:24px 0}
.pres-overlay .gauge{width:170px;height:170px}
.pres-overlay .gauge .val{color:var(--paper);font-size:2.6rem}
.pres-overlay .gauge::after{background:var(--ink)}
.pres-bar{display:flex;align-items:center;justify-content:center;gap:24px;padding:24px}
.pres-arrow{background:none;border:1px solid rgba(240,234,221,.3);color:var(--paper);width:46px;height:46px;border-radius:50%;font-size:1.2rem;cursor:pointer;transition:background .15s}
.pres-arrow:hover{background:rgba(240,234,221,.12)}
.pres-dots{display:flex;gap:10px}
.pres-dots i{width:9px;height:9px;border-radius:50%;background:rgba(240,234,221,.28);transition:background .2s,transform .2s}
.pres-dots i.on{background:var(--accent);transform:scale(1.3)}
.pres-close{position:absolute;top:22px;right:24px;background:none;border:none;color:var(--paper);font-size:1.6rem;cursor:pointer;opacity:.7;z-index:1}
.pres-close:hover{opacity:1}

/* ===== ✦ Cockpit cabinet (KPI portefeuille) ===== */
.cockpit{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:18px 0 22px}
.kpi{background:var(--paper);border:1px solid rgba(23,19,12,.1);border-radius:12px;padding:16px 18px;position:relative;overflow:hidden}
.kpi::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:rgba(23,19,12,.14)}
.kpi.ok::before{background:var(--c-ok)}
.kpi.warn::before{background:#BE8B12}
.kpi.bad::before{background:var(--c-urgent)}
.kpi.wide::before{background:var(--accent)}
.kpi-num{font-family:var(--serif,"Duerly Serif",Georgia,serif);font-size:clamp(1.6rem,3vw,2.3rem);font-weight:600;line-height:1}
.kpi-label{font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft,rgba(23,19,12,.55));margin-top:6px}
.kpi-sub{font-size:.74rem;color:rgba(23,19,12,.45);margin-top:2px}
.kpi.wide{grid-column:span 1}
.dash-sort{display:flex;align-items:center;gap:8px;margin-bottom:14px;flex-wrap:wrap}
.sort-chip{background:rgba(23,19,12,.05);border:1px solid rgba(23,19,12,.12);border-radius:20px;padding:5px 14px;font:inherit;font-size:.84rem;cursor:pointer;color:var(--ink);transition:background .15s,border-color .15s}
.sort-chip:hover{background:rgba(23,19,12,.09)}
.sort-chip.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
@media (max-width:900px){.cockpit{grid-template-columns:repeat(2,1fr)}.kpi.wide{grid-column:span 2}}

/* ===== 🔔 Traceur de veille (clients à rappeler) ===== */
.veille{background:var(--paper);border:1px solid rgba(23,19,12,.1);border-radius:14px;padding:18px 20px;margin:0 0 24px;position:relative;overflow:hidden}
.veille::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent)}
.veille-head{display:flex;align-items:center;gap:12px}
.veille-head h3{font-family:var(--serif,"Duerly Serif",Georgia,serif);font-weight:600;font-size:1.15rem;margin:0}
.veille-count{background:var(--accent);color:#fff;font-size:.78rem;font-weight:700;min-width:22px;height:22px;padding:0 7px;border-radius:11px;display:grid;place-items:center}
.veille-intro{margin:4px 0 14px;max-width:62ch}
.veille-list{display:flex;flex-direction:column;gap:10px}
.veille-row{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border:1px solid var(--line,rgba(23,19,12,.1));border-radius:10px;background:rgba(255,255,255,.4)}
.veille-row .veille-dot{width:9px;height:9px;border-radius:50%;background:#BE8B12;margin-top:6px;flex:none}
.veille-row.bad .veille-dot{background:var(--c-urgent)}
.veille-row.warn .veille-dot{background:#BE8B12}
.veille-main{flex:1;min-width:0}
.veille-name{font-weight:650}
.veille-trig{margin:5px 0 0;padding-left:16px;font-size:.86rem;color:var(--ink-2);display:flex;flex-direction:column;gap:2px}
.btn-sm{padding:7px 12px;font-size:.82rem;white-space:nowrap;flex:none}
.danger-text{color:var(--c-urgent)}.danger-text:hover{text-decoration:underline}
.formule-tag{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.02em;padding:.12em .6em;border-radius:20px;background:rgba(212,58,34,.12);color:var(--accent);border:1px solid rgba(212,58,34,.3)}
@media (max-width:640px){.veille-row{flex-wrap:wrap}.btn-sm{width:100%}}

/* ===== ✦ Prospects (CRM contacts + leads) ===== */
.prosp-row{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;flex-wrap:wrap}
.prosp-contact{display:flex;flex-direction:column;align-items:flex-end;gap:4px;text-align:right;font-size:.9rem}
.prosp-contact a{color:var(--accent);text-decoration:none}

/* ===== ✦ Coffre légal (versions signées du DUERP) ===== */
.coffre-head{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:18px}
.coffre-act{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.vault{display:flex;flex-direction:column;gap:10px}
.vault-row{display:flex;align-items:center;gap:16px;background:var(--paper);border:1px solid rgba(23,19,12,.1);border-radius:12px;padding:14px 18px;position:relative;overflow:hidden}
.vault-row::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--c-ok)}
.vault-v{font-family:var(--serif,"Duerly Serif",Georgia,serif);font-size:1.3rem;font-weight:600;min-width:46px;color:var(--ink)}
.vault-main{flex:1;min-width:0}
.vault-top{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.vault-hash{display:inline-block;margin-top:4px;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:.74rem;letter-spacing:.02em;color:rgba(23,19,12,.5);background:rgba(23,19,12,.05);padding:2px 8px;border-radius:6px}
.vault-score{font-size:1.5rem;font-weight:600}

/* ===== Transitions de vue (View Transitions API) — navigation & onglets fluides ===== */
@media (prefers-reduced-motion:no-preference){
  ::view-transition-old(root){animation:vt-fade-out .24s ease both}
  ::view-transition-new(root){animation:vt-fade-in .36s cubic-bezier(.2,.8,.2,1) both}
  #tabContent{view-transition-name:tab}
  ::view-transition-old(tab){animation:vt-slide-out .26s ease both}
  ::view-transition-new(tab){animation:vt-slide-in .4s cubic-bezier(.2,.8,.2,1) both}
}
@keyframes vt-fade-out{to{opacity:0}}
@keyframes vt-fade-in{from{opacity:0}}
@keyframes vt-slide-out{to{opacity:0;transform:translateY(-8px)}}
@keyframes vt-slide-in{from{opacity:0;transform:translateY(14px)}}

/* Recherche entreprise (API de l'État) dans la création de fiche */
.lookup-box{border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--r);padding:14px 16px;background:#FCFAF4}
.lookup-results{display:grid;gap:6px;margin-top:10px}
.lookup-row{display:block;width:100%;text-align:left;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:10px 12px;cursor:pointer;font:inherit;color:inherit;transition:border-color .15s,transform .15s}
.lookup-row:hover{border-color:var(--ink);transform:translateX(2px)}
.lookup-name{display:block;font-weight:650;letter-spacing:.01em}
.lookup-meta{display:block;font-size:.78rem;color:var(--ink-2);margin-top:2px}
.naf-badge{background:var(--ink);color:var(--paper);border-radius:8px;padding:11px 14px;font-size:.86rem;line-height:1.45}
.naf-eyebrow{display:inline-block;font-size:.62rem;text-transform:uppercase;letter-spacing:.14em;color:var(--accent);font-weight:700;margin-right:6px}
.naf-code{display:inline-block;font-family:ui-monospace,Menlo,monospace;font-size:.74rem;background:var(--paper-2);color:var(--ink);border:1px solid var(--line);border-radius:4px;padding:.05em .4em;letter-spacing:.02em}

/* Prospection — cibler des entreprises via l'API de l'État */
.prosp-search{padding:18px 20px}
.prosp-search label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2);margin-bottom:5px}
.prosp-table{display:grid;gap:10px}
.prosp-card{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 18px;border-left:3px solid transparent;transition:border-color .15s}
.prosp-card:hover{border-left-color:var(--accent)}
.prosp-main{flex:1;min-width:220px}
.prosp-main strong{letter-spacing:.01em}
.prosp-side{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.prosp-expo{text-align:right}
.prosp-expo span{display:block;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2)}
.prosp-expo strong{font-family:var(--serif);font-size:1.15rem}

/* Onboarding (état vide) — création express depuis SIRET/e-mail pro */
.onboard{max-width:680px;padding:30px 32px;border-left:3px solid var(--accent)}
.onboard-eyebrow{font-size:.68rem;text-transform:uppercase;letter-spacing:.16em;color:var(--accent);font-weight:700}
.onboard h3{font-family:var(--serif);font-size:clamp(1.4rem,1rem + 2vw,2rem);margin:8px 0 10px;font-weight:600}
.onboard p{color:var(--ink-2);max-width:60ch;margin-bottom:18px}
.onb-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:6px 0 22px}
.onb-step{display:flex;gap:11px;align-items:flex-start}
.onb-n{width:26px;height:26px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:700;font-size:.85rem;flex:none}
.onb-step b{display:block;font-size:.92rem}.onb-step span{color:var(--ink-2);font-size:.8rem;line-height:1.35}
@media(max-width:600px){.onb-steps{grid-template-columns:1fr}}

/* Groupes d'export (formats éditables / documents légaux) */
.ex-group{border-top:1px solid var(--line);padding-top:14px;margin-top:4px}
.ex-lab{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-2);font-weight:700;margin-bottom:10px}

/* Étiquette de type de mesure cliquable (bascule existante ↔ plan d'action) */
.chip-toggle{cursor:pointer;font:inherit;font-size:.68rem;line-height:1;transition:border-color .15s,background .15s}
.chip-toggle:hover{border-color:var(--ink)}
.chip-toggle.planifiee{border-color:var(--accent);color:var(--accent)}
.chip-toggle.existante{border-color:var(--c-ok,#3E7A52);color:var(--c-ok,#3E7A52)}

/* Jauge de conformité : pulse quand le score se pose (wow) */
.gauge .val{display:inline-block}
.gauge.settled .val{animation:scorepulse .6s cubic-bezier(.2,.8,.2,1)}
@keyframes scorepulse{0%{transform:scale(1)}42%{transform:scale(1.14)}100%{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.gauge.settled .val{animation:none}}

/* Mode présentation : profondeur cinématique (vignette + grain + entrée des slides + halo jauge) */
.pres-overlay::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(120% 90% at 50% 38%,transparent 54%,rgba(0,0,0,.58) 100%)}
.pres-overlay::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/></filter><rect width='120' height='120' filter='url(%23n)'/></svg>")}
.pres-overlay>*{position:relative;z-index:2}
.pres-slide{animation:presIn .55s cubic-bezier(.2,.8,.2,1) both}
@keyframes presIn{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
.pres-overlay .gauge{filter:drop-shadow(0 0 26px rgba(212,58,34,.35))}
@media (prefers-reduced-motion:reduce){.pres-slide{animation:none}}

/* Génération « en direct » du DUERP — overlay cinématique (étapes + barre) */
.gen-overlay{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:24px;background:rgba(19,16,10,.55);backdrop-filter:blur(8px);opacity:0;transition:opacity .3s}
.gen-overlay.in{opacity:1}.gen-overlay.out{opacity:0}
.gen-card{background:var(--paper);color:var(--ink);width:100%;max-width:460px;border:1px solid var(--line);border-radius:16px;padding:30px 32px;box-shadow:0 30px 80px rgba(19,16,10,.4);transform:translateY(10px) scale(.98);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.gen-overlay.in .gen-card{transform:none}
.gen-mark{width:30px;height:30px;background:var(--accent);border-radius:4px;transform:rotate(45deg);margin-bottom:16px;animation:genspin 1.4s cubic-bezier(.6,.1,.4,.9) infinite}
@keyframes genspin{0%{transform:rotate(45deg) scale(.85)}50%{transform:rotate(225deg) scale(1.12)}100%{transform:rotate(405deg) scale(.85)}}
.gen-title{font-family:var(--serif);font-size:1.45rem;font-weight:600;margin-bottom:18px;line-height:1.1}
.gen-steps{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:11px}
.gen-steps li{display:flex;align-items:center;gap:11px;color:var(--ink-2);opacity:.5;transition:opacity .3s,color .3s}
.gen-steps li.active,.gen-steps li.done{opacity:1;color:var(--ink)}.gen-steps li.active{font-weight:600}
.gs-dot{width:18px;height:18px;border-radius:50%;border:2px solid var(--line);flex:none;display:grid;place-items:center;font-size:.7rem;color:#fff;transition:background .3s,border-color .3s,box-shadow .3s}
.gen-steps li.active .gs-dot{border-color:var(--accent);box-shadow:0 0 0 4px rgba(212,58,34,.14)}
.gen-steps li.done .gs-dot{background:var(--c-ok,#3E7A52);border-color:var(--c-ok,#3E7A52)}
.gen-steps li.done .gs-dot::after{content:"✓"}
.gen-bar{height:6px;border-radius:6px;background:var(--paper-2,#E7DECB);overflow:hidden}
.gen-bar i{display:block;height:100%;width:8%;background:linear-gradient(90deg,var(--accent),#9B2D34);animation:genbar 2.4s ease-in-out forwards}
@keyframes genbar{0%{width:8%}80%{width:78%}100%{width:92%}}
.gen-overlay.complete .gen-bar i{width:100%!important;animation:none;transition:width .4s}
.gen-overlay.complete .gen-mark{animation:none;background:var(--c-ok,#3E7A52)}
.gen-done{margin-top:14px;font-family:var(--serif);font-weight:600;color:var(--c-ok,#3E7A52);font-size:1.1rem}
@media (prefers-reduced-motion:reduce){.gen-mark,.gen-bar i{animation:none}}

/* PWA install pill — apparaît seulement quand l'installation native est dispo */
.install-pill{position:fixed;bottom:20px;right:20px;z-index:280;background:var(--ink);color:var(--paper);
  border:none;border-radius:999px;padding:.7em 1.25em;font-weight:650;font-size:var(--step--1);cursor:pointer;
  box-shadow:0 18px 40px -18px rgba(0,0,0,.55);display:inline-flex;align-items:center;gap:.5em;
  animation:pillin .5s cubic-bezier(.2,.9,.3,1.2)}
.install-pill::before{content:"⤓";font-size:1.05em;line-height:1}
.install-pill:hover{transform:translateY(-2px)}
@keyframes pillin{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}

/* Moment de célébration — sceau « conforme » + confettis à la conformité atteinte */
.celebrate{position:fixed;inset:0;z-index:400;display:grid;place-items:center;pointer-events:none}
.celebrate .seal{pointer-events:auto;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);
  padding:30px 38px;text-align:center;box-shadow:0 40px 90px -30px rgba(0,0,0,.6);
  animation:sealpop .6s cubic-bezier(.2,.9,.3,1.3) both}
.celebrate .seal .ring{width:84px;height:84px;border-radius:50%;margin:0 auto 14px;display:grid;place-items:center;
  background:radial-gradient(circle at 50% 40%,rgba(62,122,82,.18),transparent 70%);border:2px solid var(--c-ok)}
.celebrate .seal .ring b{font-family:var(--serif);font-size:2.2rem;color:var(--c-ok);line-height:1}
.celebrate .seal h3{font-family:var(--serif);font-size:1.5rem;margin:.1em 0 .2em}
.celebrate .seal p{color:var(--ink-2);font-size:var(--step--1);margin:0}
.celebrate .seal .seal-x{margin-top:14px;background:var(--ink);color:var(--paper);border:none;border-radius:var(--r);
  padding:.55em 1.3em;font-weight:650;cursor:pointer}
@keyframes sealpop{0%{opacity:0;transform:scale(.7) rotate(-4deg)}60%{transform:scale(1.04) rotate(1deg)}100%{opacity:1;transform:scale(1) rotate(0)}}
.confetti{position:fixed;top:-12px;width:9px;height:14px;z-index:399;pointer-events:none;border-radius:1px;
  animation:confall var(--d,2.4s) linear forwards}
@keyframes confall{0%{transform:translateY(-20px) rotate(0);opacity:1}100%{transform:translateY(102vh) rotate(720deg);opacity:.9}}
@media (prefers-reduced-motion:reduce){.celebrate .seal{animation:none}.confetti{display:none}.install-pill{animation:none}}

/* Prochaine action recommandée — la SEULE chose à faire ensuite (anti-surcharge) */
.next-act{display:flex;align-items:center;gap:16px;margin-bottom:18px;padding:16px 20px;border-radius:var(--r);
  background:linear-gradient(100deg,rgba(212,58,34,.07),transparent 70%);border:1px solid var(--line);border-left:3px solid var(--accent)}
.next-act.done{background:rgba(62,122,82,.06);border-left-color:var(--c-ok)}
.next-act .na-ico{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:700;
  background:var(--accent);color:#fff;font-size:1.1rem}
.next-act.done .na-ico{background:var(--c-ok)}
.next-act .na-eyebrow{font-size:.64rem;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-2);margin-bottom:2px}
.next-act strong{font-family:var(--serif);font-size:1.12rem;line-height:1.25}
.next-act .btn{flex:none}

/* Bandeau de VALIDITÉ du DUERP : rend évident ce qui empêche la validation automatique. */
.valid-banner{margin-bottom:16px;padding:14px 18px;border-radius:var(--r);border:1px solid var(--line)}
.valid-banner.ok{display:flex;align-items:center;gap:12px;background:rgba(62,122,82,.08);border-left:3px solid var(--c-ok)}
.valid-banner.bad{background:rgba(200,53,31,.06);border-left:3px solid var(--accent)}
.valid-banner .vb-ico{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff}
.valid-banner.ok .vb-ico{background:var(--c-ok)}
.valid-banner.bad .vb-ico{background:var(--accent)}
.valid-banner strong{font-family:var(--serif)}
.vb-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.vb-list{display:flex;flex-direction:column;gap:8px}
.vb-gap{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:var(--card,#FCFAF4);border:1px solid var(--line);
  border-radius:var(--r);padding:9px 12px;cursor:pointer;font:inherit;color:inherit;transition:border-color .15s,background .15s}
button.vb-gap:hover{border-color:var(--accent);background:#fff}
.vb-x{flex:none;font-weight:800;color:var(--accent)}
.vb-go{margin-left:auto;font-size:.82rem;color:var(--accent);font-weight:650;white-space:nowrap}

/* Revue du plan d'action suggéré par l'IA : validation / rejet à l'unité. */
.psug-row{display:flex;gap:14px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;
  border:1px solid var(--line);border-radius:var(--r);padding:12px;background:#FCFAF4}
.psug-main{flex:1;min-width:240px;display:flex;flex-direction:column;gap:6px}
.psug-action{width:100%;font:inherit}
.psug-side{display:flex;flex-direction:column;gap:8px;align-items:flex-end}
.psug-ech{font-size:.78rem;color:var(--ink-2);display:flex;flex-direction:column;gap:3px}
.psug-row .s-meta{font-size:.8rem;color:var(--ink-2);display:flex;align-items:center;gap:8px;flex-wrap:wrap}

/* Parcours de conformité — checklist guidée des obligations légales */
.parcours{display:grid;gap:16px}
.pj-head{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.pj-ring{flex:none}
.pj-ring .g-suffix{font-size:.6rem;color:var(--ink-2);display:block;margin-top:-2px}
.pj-head-txt{flex:1;min-width:240px}
.pj-head-txt h3{font-family:var(--serif);font-size:1.5rem}
.pj-track{height:8px;border-radius:99px;background:var(--paper-2);overflow:hidden}
.pj-track i{display:block;height:100%;border-radius:99px;transition:width 1.1s cubic-bezier(.2,.9,.3,1)}
.ob-list{display:grid;gap:10px}
.ob-row{display:flex;align-items:flex-start;gap:14px;padding:15px 18px;border-radius:var(--r);background:var(--paper);
  border:1px solid var(--line);transition:transform .18s,border-color .18s,box-shadow .18s}
.ob-row:hover{transform:translateX(3px);border-color:var(--ink);box-shadow:0 12px 30px -22px rgba(0,0,0,.5)}
.ob-row .ob-ic{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:.95rem;margin-top:1px}
.ob-row.ob-done .ob-ic{background:rgba(62,122,82,.14);color:var(--c-ok)}
.ob-row.ob-todo .ob-ic{background:rgba(200,53,31,.12);color:var(--c-urgent,#C8351F)}
.ob-row.ob-info .ob-ic{background:var(--paper-2);color:var(--ink-2)}
.ob-row.ob-done{opacity:.78}
.ob-body{flex:1;min-width:0}
.ob-body strong{font-family:var(--serif);font-size:1.04rem}
.ob-body p{margin:3px 0 0;font-size:var(--step--1);color:var(--ink-2);line-height:1.5}
.ob-row .btn,.ob-row .btn-outline{flex:none;align-self:center}
.ob-sep{font-size:.66rem;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-2);margin:8px 0 2px;padding-left:4px}
@media (prefers-reduced-motion:reduce){.pj-track i{transition:none}.ob-row:hover{transform:none}}
@media (max-width:560px){.ob-row{flex-wrap:wrap}.ob-row .btn{width:100%;margin-top:8px}}

/* Dossier de contrôle (export hero) */
.dossier-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;
  padding:18px 20px;border-radius:var(--r);background:linear-gradient(100deg,rgba(212,58,34,.08),transparent 70%);border:1px solid var(--line)}
.dossier-hero h3{font-family:var(--serif);font-size:1.3rem}
.dossier-hero .btn{flex:none}
/* Journal des accidents */
.note-info{background:rgba(212,58,34,.07);border-left:3px solid var(--accent);border-radius:8px;padding:13px 16px;font-size:var(--step--1);color:var(--ink-2)}
.acc-row{display:flex;gap:12px;align-items:flex-start}
.acc-row.grave{border-left:3px solid var(--c-act,#C9762B)}
.acc-row.mortel{border-left:3px solid var(--c-urgent,#C8351F)}
/* Sparkline de conformité */
.pj-spark{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:none}
.pj-spark svg{display:block}
.pj-spark-lab{font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2)}
@media (max-width:560px){.pj-spark{align-items:flex-start;margin-top:8px}.dossier-hero .btn{width:100%}}

/* Historique des déclarations — timeline consolidée (versions + MAJ + accidents) */
.timeline{display:grid;gap:0;position:relative;padding-left:6px}
.tl-row{display:flex;gap:14px;align-items:flex-start;padding:12px 0 12px 20px;position:relative;border-left:2px solid var(--line);margin-left:8px}
.tl-row::before{content:"";position:absolute;left:-7px;top:16px;width:12px;height:12px;border-radius:50%;background:var(--paper);border:2px solid var(--ink-2)}
.tl-row.tl-version::before{border-color:var(--c-ok,#3E7A52)}
.tl-row.tl-update::before{border-color:var(--accent)}
.tl-row.tl-accident::before{border-color:var(--c-urgent,#C8351F)}
.tl-row.tl-grave{background:rgba(200,53,31,.04)}
.tl-ico{flex:none;font-size:1rem;line-height:1.4}
.tl-body{flex:1;min-width:0}.tl-body strong{font-family:var(--serif)}

/* Carte intelligence sectorielle (sinistralité publique + à faire absolument) */
.intel-card{border-left:3px solid var(--accent)}
.intel-head .intel-lvl{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:6px}
.intel-must{margin-top:14px}
.intel-list{margin:8px 0 0;padding-left:0;list-style:none;display:grid;gap:7px}
.intel-list li{position:relative;padding-left:24px;font-size:.94rem}
.intel-list li::before{content:"✓";position:absolute;left:0;top:0;color:var(--c-ok,#3E7A52);font-weight:700}
.intel-src{margin-top:12px;font-size:.74rem;opacity:.7}