/* CRM patrimonial — styles communs (espace conseiller crm.html et espace client espace-client.html) */
:root{--navy:#0D1B3E;--navy-800:#12203c;--navy-600:#335795;--navy-300:#93a9cb;--navy-100:#e3e9f3;--navy-50:#f3f6fa;
  --gold:#C9A84C;--gold-l:#f4df9a;--gold-50:#fdf8ec;--ink:#12161e;--mut:#59616f;--line:#e6e9ef;--red:#b3372c;--green:#2f7a4d;--bg:#ffffff}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.55 Figtree,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif}
h1,h2,h3{font-family:Figtree,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;color:var(--navy);font-weight:600;letter-spacing:-.3px;margin:0}
button,input,select,textarea{font:inherit}
a{color:var(--navy-600)}
.top{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px;padding:12px 28px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.mk{width:36px;height:36px;border-radius:9px;background:var(--gold);color:var(--navy);font:600 15px Figtree,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;display:flex;align-items:center;justify-content:center}
.brand b{display:block;color:var(--navy);font-family:Figtree,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.1}.brand small{color:var(--mut);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase}
.nav{display:flex;gap:4px;margin-left:18px}.nav button{border:0;background:none;padding:8px 14px;border-radius:9px;color:var(--mut);font-weight:600;cursor:pointer}
.nav button.on{background:var(--navy-50);color:var(--navy)}.nav button:hover{color:var(--navy)}
.sp{flex:1}.who{font-size:12.5px;color:var(--mut);text-align:right;line-height:1.3}.who b{color:var(--navy);display:block}
.btn{border:1px solid transparent;border-radius:10px;padding:9px 16px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:7px;text-decoration:none;white-space:nowrap}
.btn-navy{background:var(--navy);color:#fff}.btn-navy:hover{background:var(--navy-800)}
.btn-gold{background:var(--gold);color:var(--navy)}.btn-gold:hover{filter:brightness(1.05)}
.btn-out{background:#fff;border-color:var(--line);color:var(--navy)}.btn-out:hover{border-color:var(--navy-300)}
.btn-red{background:#fff;border-color:#efc9c4;color:var(--red)}
.btn:disabled{opacity:.55;cursor:default}
main{max-width:1320px;margin:0 auto;padding:28px}
.eyebrow{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-weight:700}
.head{display:flex;align-items:flex-end;gap:16px;margin-bottom:22px;flex-wrap:wrap}.head h1{font-size:30px}.head p{margin:4px 0 0;color:var(--mut)}
.grid{display:grid;gap:16px}.g4{grid-template-columns:repeat(4,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:repeat(2,1fr)}
.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 1px 3px rgba(10,26,51,.04)}
.card h3{font-size:17px;margin-bottom:12px}
.kpi span{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);font-weight:700}
.kpi b{display:block;font:700 26px Figtree,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--navy);margin-top:6px}.kpi small{color:var(--mut)}
.kpi.dark{background:var(--navy);border-color:var(--navy)}.kpi.dark span{color:var(--navy-300)}.kpi.dark b{color:var(--gold)}.kpi.dark small{color:#c9d4e6}
table.tb{width:100%;border-collapse:collapse}.tb th{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);text-align:left;padding:9px 10px;border-bottom:1px solid var(--line)}
.tb td{padding:11px 10px;border-bottom:1px solid var(--line)}.tb tr.click{cursor:pointer}.tb tr.click:hover td{background:var(--navy-50)}.tb .r{text-align:right;white-space:nowrap}
.pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:600;background:var(--navy-50);color:var(--navy-600)}
.pill.ok{background:#e4f3ea;color:var(--green)}.pill.wait{background:var(--gold-50);color:#8a6a10}.pill.off{background:#f6e3e1;color:var(--red)}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:18px 0 20px;overflow:auto}.tabs button{border:0;background:none;padding:10px 14px;font-weight:600;color:var(--mut);cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap}
.tabs button.on{color:var(--navy);border-bottom-color:var(--gold)}
.fg{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.fld{display:block}.fld span{display:block;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--navy-600);margin-bottom:6px}
.in{width:100%;border:1px solid #d7dde8;border-radius:10px;padding:9px 11px;background:#fff;color:var(--ink)}.in:focus{outline:0;border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,162,39,.2)}
textarea.in{min-height:110px;resize:vertical}
.sec{margin-bottom:26px}.sec>h3{font-size:18px;margin-bottom:12px}
.rows .rw{display:grid;gap:8px;margin-bottom:7px;align-items:center}.rows .rh{font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);margin-bottom:6px}
.x{border:0;background:none;color:var(--mut);cursor:pointer;font-size:18px;line-height:1}.x:hover{color:var(--red)}
.checks{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.checks label{display:flex;gap:9px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:10px 12px;cursor:pointer}
.checks input{accent-color:var(--navy)}
.save{position:sticky;bottom:0;background:rgba(255,255,255,.96);border-top:1px solid var(--line);padding:14px 28px;display:flex;gap:10px;align-items:center;justify-content:flex-end;z-index:10}
.msg{padding:10px 14px;border-radius:10px;font-size:13px;margin:10px 0}.msg.err{background:#f9e7e5;color:var(--red)}.msg.ok{background:#e4f3ea;color:var(--green)}.msg.info{background:var(--navy-50);color:var(--navy-600)}
.auth{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.auth .l{background:var(--navy);color:#fff;padding:56px;display:flex;flex-direction:column;justify-content:space-between}
.auth .l .brand b{color:#fff}.auth .l .brand small{color:var(--navy-300)}.auth .l h1{color:#fff;font-size:40px;line-height:1.1}.auth .l h1 em{color:var(--gold);font-style:italic}.auth .l p{color:#c9d4e6;max-width:460px}
.auth .r{padding:56px;display:flex;flex-direction:column;justify-content:center;gap:18px;max-width:560px}
.seg{display:flex;background:var(--navy-50);border-radius:12px;padding:4px}.seg button{flex:1;border:0;background:none;padding:10px;border-radius:9px;font-weight:600;color:var(--mut);cursor:pointer}.seg button.on{background:#fff;color:var(--navy);box-shadow:0 1px 3px rgba(0,0,0,.08)}
.chart{display:flex;gap:20px;align-items:center}.leg div{font-size:13px;margin-bottom:6px}.leg i{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:7px;vertical-align:-1px}
.bars .br{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:13px}.bars .bl{width:32%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bars .bt{flex:1;height:12px;background:var(--navy-50);border-radius:6px;overflow:hidden}.bars .bt i{display:block;height:100%;background:var(--navy-600);border-radius:6px}.bars .bv{width:110px;text-align:right;font-weight:600}
.empty{text-align:center;color:var(--mut);padding:40px 10px}
.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--navy);color:#fff;padding:11px 18px;border-radius:12px;font-weight:500;z-index:10002;opacity:0;transition:.2s;pointer-events:none}.toast.on{opacity:1}
.ov{position:fixed;inset:0;background:rgba(10,26,51,.45);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.modal{background:#fff;border-radius:18px;max-width:560px;width:100%;overflow:hidden}
.modal .mh{background:var(--navy);color:#fff;padding:18px 22px}.modal .mh h2{color:#fff;font-size:20px}.modal .mh p{color:var(--navy-300);margin:4px 0 0;font-size:12.5px}.modal .mb{padding:20px 22px}
@media(max-width:900px){.g4,.g3{grid-template-columns:repeat(2,1fr)}.fg{grid-template-columns:1fr 1fr}.auth{grid-template-columns:1fr}.auth .l{display:none}.nav{margin-left:8px;overflow-x:auto;flex:1 1 auto;min-width:0;scrollbar-width:thin}.nav button{white-space:nowrap;padding:7px 10px;font-size:.88rem}}
@media(max-width:560px){.g4,.g3,.g2,.fg,.checks{grid-template-columns:1fr}main{padding:16px}.top{padding:10px 16px}}

/* v2 : saisie par étapes, synthèse patrimoniale */
.steps{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:22px}.steps button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 14px 7px 7px;font-weight:600;color:var(--mut);cursor:pointer;display:flex;align-items:center;gap:8px;font-size:13px}
.steps button i{font-style:normal;width:24px;height:24px;border-radius:50%;background:var(--navy-50);color:var(--navy-600);display:flex;align-items:center;justify-content:center;font-size:12px}
.steps button.on{border-color:var(--navy);color:var(--navy)}.steps button.on i{background:var(--navy);color:var(--gold)}.steps button.done i{background:var(--gold);color:var(--navy)}
.stepnav{display:flex;justify-content:space-between;margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}
.rt{font-size:17px;margin-bottom:10px}.rwrap{overflow-x:auto}.rwrap .rw{min-width:760px}
.objs{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.obj{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px 12px}.obj label{flex:1;display:flex;gap:9px;align-items:center;cursor:pointer;font-weight:500}
.obj .obj-rk{width:52px;flex:0 0 52px;text-align:center;font-weight:700;padding-left:6px;padding-right:6px}.obj .obj-rk:disabled{opacity:.35}.obj select{max-width:170px}.obj select:disabled{opacity:.4}.obj.on{border-color:var(--gold);background:var(--gold-50)}.obj input{accent-color:var(--navy)}
.hint{color:var(--mut);font-size:12.5px}.back{text-decoration:none;font-weight:600;font-size:13px}
.big{font:700 24px Figtree,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--navy);margin:-4px 0 12px}
.vb{display:flex;align-items:flex-end;gap:6px}.vc{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}.vr{width:62%;border-radius:5px 5px 0 0;display:block}.vv{font-size:11px;font-weight:600;color:var(--navy);margin-bottom:4px;white-space:nowrap}.vl{font-size:11px;color:var(--mut);text-align:center;margin-top:6px;min-height:28px;line-height:1.2}
.stk{display:flex;height:34px;border-radius:8px;overflow:hidden}.stk span{display:block;height:100%}
.mini{display:flex;justify-content:space-between;margin-top:16px;padding-top:12px;border-top:1px solid var(--line);font-size:13px}.mini b{color:var(--navy)}
.ratio{margin-bottom:18px}.ratio b{font:700 22px Figtree,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-variant-numeric:tabular-nums;color:var(--navy);margin-right:8px}.ratio span{color:var(--mut);font-size:13px}.rb{height:10px;background:var(--navy-50);border-radius:5px;overflow:hidden;margin:8px 0 4px}.rb i{display:block;height:100%}.ratio small{color:var(--mut);font-size:12px}
.tb tr.grp td{font-weight:700;color:var(--navy);background:var(--navy-50)}.tb tr.tot td{font-weight:700;color:var(--navy);border-top:2px solid var(--navy-100)}.tb small{color:var(--mut)}
.strat{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.sw{display:flex;gap:8px;align-items:center;font-size:13px;cursor:pointer;white-space:nowrap}
.seg{display:flex;gap:4px;background:var(--navy-50);border-radius:12px;padding:4px;width:max-content}.seg button{border:0;background:none;padding:8px 14px;border-radius:9px;font-weight:600;color:var(--mut);cursor:pointer}.seg button.on{background:#fff;color:var(--navy);box-shadow:0 1px 3px rgba(10,26,51,.1)}
.badge{display:inline-block;min-width:18px;padding:0 6px;border-radius:9px;background:var(--gold);color:var(--navy);font-size:11px;font-weight:700;line-height:18px;text-align:center}
.seg.sm button{padding:5px 12px;font-size:12.5px}
.vault{display:flex;gap:12px;align-items:flex-start;background:var(--navy-50);border:1px solid var(--navy-100);border-radius:12px;padding:12px 14px;font-size:12.5px;color:var(--navy-600);line-height:1.5}.vault svg{flex:none;color:var(--navy)}.vault b{color:var(--navy)}
.doclist{display:grid;gap:6px;max-height:520px;overflow:auto;padding-right:4px}.docrow{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:13px}
.docrow.on{border-color:var(--gold);background:var(--gold-50)}.docrow label{display:flex;gap:8px;align-items:center;cursor:pointer;flex:1}.docrow .rcv{flex:none;color:var(--green);font-weight:600}.docrow .pill{font-size:10.5px;padding:1px 8px}
.sugg{position:absolute;z-index:10001;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px rgba(10,26,51,.16);padding:6px;max-width:560px}
.sugg button{display:block;width:100%;text-align:left;border:0;background:none;padding:8px 10px;border-radius:8px;cursor:pointer;font-size:13px}.sugg button:hover{background:var(--navy-50)}.sugg small{display:block;color:var(--mut);font-size:11.5px}
.sugg .add{color:var(--navy-600);border-top:1px solid var(--line);border-radius:0 0 8px 8px}.sugg .none{padding:8px 10px;color:var(--red);font-size:12.5px}
.tools{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.tools select{width:auto;max-width:280px}
.in.bad{border-color:var(--red);background:#fdf3f2}.okc{color:var(--green)}.warnc{color:#8a6a10}
.in.auto{background:#fdf8ec;border-color:rgba(201,162,39,.55)}
.stc{display:grid;gap:8px}.stc-r{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px 12px;cursor:pointer}.stc-r.on{border-color:var(--gold);background:var(--gold-50)}.stc-r span{flex:1}.stc-r small{display:block;color:var(--mut);font-size:12px}.stc-r input[type=checkbox]{accent-color:var(--navy)}
.in.def{background:#f1f5fb;border-color:#c9d6ea}.lg{display:inline-block;padding:1px 8px;border-radius:6px;font-size:11.5px;border:1px solid}.lg.auto{background:#fdf8ec;border-color:rgba(201,162,39,.55);color:#8a6a10}.lg.def{background:#f1f5fb;border-color:#c9d6ea;color:var(--navy-600)}
.recap{background:var(--navy-50);border:1px solid var(--navy-100);border-radius:12px;padding:12px 16px;margin:4px 0 14px}.rc-h{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}
.rc-kv{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;color:var(--mut)}.rc-kv b{color:var(--navy)}.rc-t{font-size:12px;font-weight:700;color:var(--navy);margin:10px 0 4px}
.rc-l{display:flex;justify-content:space-between;gap:12px;font-size:13px;padding:3px 0;border-bottom:1px dashed var(--navy-100)}.rc-l b{color:var(--navy);white-space:nowrap}
@media(max-width:900px){.objs{grid-template-columns:1fr}}
@media(max-width:560px){.stepnav .btn{padding:9px 12px}.top{flex-wrap:wrap}}
.acc-new{display:grid;grid-template-columns:1fr 1.3fr 1fr auto;gap:8px;margin-bottom:14px}@media(max-width:900px){.acc-new{grid-template-columns:1fr}}
.btn-pair{display:inline-flex;gap:8px;white-space:nowrap}
.tb td,.rc-l b,.kv b{font-variant-numeric:tabular-nums}

/* fiscalité du foyer (synthèse) */
.fx-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}
.fx-tiles>div,.fx-side>div{background:var(--navy-50);border-radius:12px;padding:14px 16px}
.fx-tiles span,.fx-side span{display:block;font-size:12px;color:var(--mut)}
.fx-tiles b,.fx-side b{display:block;white-space:nowrap;font-size:20px;color:var(--navy);margin:4px 0 2px;font-variant-numeric:tabular-nums}
.fx-tiles small,.fx-side small{font-size:12px;color:var(--mut)}
.fx .dark{background:var(--navy)}.fx .dark span,.fx .dark small{color:#b9c6dc}.fx .dark b{color:#DDC58A}
.fx .gold{background:#F6F1E3}
.fx-cols{display:grid;grid-template-columns:1.6fr 1fr;gap:18px}
.fx-t{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);margin:0 0 8px}
.fx-row{display:grid;grid-template-columns:170px 1fr 90px;gap:12px;align-items:center;padding:9px 12px;border-radius:10px;margin-bottom:6px;background:#fafbfd}
.fx-row.on{background:#F6F1E3;box-shadow:inset 0 0 0 1px #C9A84C}
.fx-lbl b{display:block;font-size:13px;color:var(--navy)}.fx-lbl small{font-size:11.5px;color:var(--mut)}
.fx-row.on .fx-lbl small{color:#8a6a10;font-weight:700}
.fx-bar{height:10px;border-radius:6px;background:rgba(10,26,51,.08);overflow:hidden}.fx-bar i{display:block;height:100%;background:#335795;border-radius:6px}
.fx-row.on .fx-bar i{background:#C9A84C}
.fx-val{text-align:right;font-weight:700;color:var(--navy);font-size:13px;font-variant-numeric:tabular-nums}
.fx-side{display:grid;gap:12px;align-content:start}
@media (max-width:900px){.fx-tiles{grid-template-columns:1fr 1fr}.fx-cols{grid-template-columns:1fr}}
@media (max-width:520px){.fx-tiles{grid-template-columns:1fr}.fx-row{grid-template-columns:1fr auto}.fx-val{white-space:nowrap}.fx-bar{grid-column:1/-1;grid-row:2}}

/* conformité : étapes de signature */
.sig-steps{display:flex;gap:6px;list-style:none;padding:0;margin:0 0 14px;flex-wrap:wrap;counter-reset:st}
.sig-steps li{counter-increment:st;flex:1;min-width:150px;padding:9px 12px 9px 38px;border-radius:10px;background:var(--navy-50);color:var(--mut);font-size:12.5px;font-weight:600;position:relative}
.sig-steps li::before{content:counter(st);position:absolute;left:10px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;background:#fff;color:var(--mut);display:grid;place-items:center;font-size:11px}
.sig-steps li.on{background:#EAF5EF;color:var(--green)}.sig-steps li.on::before{background:var(--green);color:#fff;content:"✓"}

/* questionnaire stratégie : interrupteurs des sections */
.qtog{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap;background:#f8f5ee;border:1px solid rgba(201,162,39,.35);border-radius:14px;padding:12px 14px;margin-bottom:16px}
.qtog>div:first-child{flex:1 1 220px}.qtog b{display:block;color:var(--navy);font-size:14px}.qtog small{color:var(--mut);font-size:12px}
.qtg{display:flex;flex-wrap:wrap;gap:8px;flex:2 1 420px}
.sw2{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 12px 6px 8px;font-size:13px;cursor:pointer;color:var(--mut)}
.sw2 input{display:none}.sw2 i{width:30px;height:18px;border-radius:9px;background:#cfd6e2;position:relative;transition:.2s;flex:none}
.sw2 i:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:.2s}
.sw2.on{color:var(--navy);border-color:rgba(201,162,39,.6)}.sw2.on i{background:#2f7a4d}.sw2.on i:after{left:14px}
/* questionnaire stratégie : un onglet par rendez-vous (R2 enrichissement, R3 retraite / protection / transmission) */
.qrdv{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.qrdv-b{text-align:left;border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px 14px;cursor:pointer;font:inherit;display:flex;flex-direction:column;gap:3px}
.qrdv-b b{color:var(--navy);font-size:.95rem}.qrdv-b small{color:var(--mut);font-size:.78rem}
.qrdv-b.on{border-color:var(--gold);background:var(--gold-50);box-shadow:0 0 0 2px rgba(201,162,39,.25)}
@media(max-width:700px){.qrdv{grid-template-columns:1fr}}
/* conformité : un onglet par contrat à ouvrir */
.ct-tabs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 14px;padding:10px 12px;background:var(--navy-50);border-radius:14px}
.ct-tabs .hint{flex-basis:100%}
.ct-tab{display:flex;flex-direction:column;gap:2px;text-align:left;border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px 12px;cursor:pointer;font:inherit}
.ct-tab b{color:var(--navy);font-size:.86rem}.ct-tab small{color:var(--mut);font-size:.76rem}.ct-tab i{font-style:normal;color:#8a6a10;font-size:.7rem}
.ct-tab.on{border-color:var(--gold);box-shadow:0 0 0 2px rgba(201,162,39,.25);background:var(--gold-50)}

/* espace client : signature du conseiller (en haut à droite) */
.head .sp{flex:1}
.adv-sig{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--line,#e3e6ee);border-left:3px solid #C9A84C;border-radius:14px;padding:12px 16px;max-width:430px;box-shadow:0 2px 10px rgba(13,27,62,.05)}
.adv-sig img,.adv-sig .av{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid #C9A84C;flex:none}
.adv-sig .av{display:grid;place-items:center;background:#0D1B3E;color:#C9A84C;font-weight:700;font-size:20px}
.adv-sig small{display:block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#A8862F;font-weight:700}
.adv-sig b{display:block;font-size:16px;color:#0D1B3E;margin:1px 0}
.adv-sig .t{display:block;font-size:12px;color:var(--mut,#5C6478);line-height:1.35}
.adv-sig .ln{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:5px;font-size:12.5px}.adv-sig .ln a{color:#0D1B3E;text-decoration:none;font-weight:600}.adv-sig .ln a:hover{text-decoration:underline}
.adv-sig .o{display:block;font-size:11px;color:var(--mut,#5C6478);margin-top:3px}
.adv-sig .rdv{display:inline-block;margin-top:7px;font-size:12px;font-weight:700;color:#A8862F;text-decoration:none}.adv-sig .rdv:hover{text-decoration:underline}
@media (max-width:720px){.head .sp{display:none}.adv-sig{max-width:none;width:100%}}

/* encart épargne, horizon et disponibilité (tableau de bord) */
.ep-kpi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.ep-kpi>div{background:var(--bg2,#f6f3ea);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:3px;min-width:0}
.ep-kpi span{font-size:11.5px;color:var(--mut,#6b7280)}.ep-kpi b{color:var(--navy,#0f1f47);font-size:15px}.ep-kpi b small{font-weight:400;font-size:11px}.ep-kpi>div>small{font-size:11px}
.ep-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:start}.ep-two h4{margin:0 0 8px;font-size:13px;color:var(--navy,#0f1f47)}
.ep-bar{display:grid;grid-template-columns:78px 1fr auto;gap:8px;align-items:center;font-size:12px;margin-bottom:8px}.ep-bar i{height:8px;background:#eee;border-radius:5px;overflow:hidden}.ep-bar em{display:block;height:100%;border-radius:5px}.ep-bar b{color:var(--navy,#0f1f47)}
@media (max-width:900px){.ep-kpi{grid-template-columns:1fr}.ep-two{grid-template-columns:1fr}}
.g-det{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}@media(max-width:900px){.g-det{grid-template-columns:1fr}}

/* recommandation simplifiée : forfait du foyer, SRI estimé, allocation par profil */
.forf{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.forf-c{display:flex;gap:9px;align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:10px 12px;cursor:pointer;background:#fff}
.forf-c input{accent-color:var(--navy);margin-top:3px}.forf-c span{display:flex;flex-direction:column;gap:1px;min-width:0}
.forf-c b{color:var(--navy);font-size:.9rem}.forf-c small{color:var(--mut);font-size:.74rem}.forf-c i{font-style:normal;font-weight:600;color:#8a6a10;font-size:.76rem}
.forf-c.on{border-color:var(--gold);box-shadow:0 0 0 2px rgba(201,162,39,.25);background:var(--gold-50)}
.in.est{background:#fff6d6;border-color:#d9a514}
.alloc-b.lite .in[readonly]{background:#f6f8fb;border-color:transparent;color:var(--ink,#12161e)}
.adq-det{margin-top:14px;border:1px solid var(--line);border-radius:12px;padding:0 14px;background:#fff}
.adq-det>summary{cursor:pointer;padding:12px 0;font-weight:600;color:var(--navy)}.adq-det[open]{padding-bottom:14px}
@media(max-width:760px){.forf{grid-template-columns:1fr 1fr}}
/* capital protégé : produits disponibles à cocher */
.vlp-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:6px}.vlp-col{display:flex;flex-direction:column;gap:6px}.vlp-col>b{font-size:12.5px;color:var(--navy-600)}
.vlp{display:flex;gap:9px;align-items:flex-start;border:1px solid var(--line);border-radius:10px;padding:9px 11px;cursor:pointer;background:#fff}.vlp.on{border-color:#b8923a;background:#fdf8ec}
.vlp span,.vlp b,.vlp small{text-transform:none;letter-spacing:normal}.vlp-col>b{text-transform:none;letter-spacing:normal}.vlp input{margin-top:3px;accent-color:#b8923a}.vlp b{display:block;font-size:13px}.vlp small{display:block;color:var(--mut);font-size:11.5px;line-height:1.35;margin-top:2px}
@media(max-width:700px){.vlp-grid{grid-template-columns:1fr}}
/* envoi en signature : documents à cocher */
.sg-docs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sg-doc{display:flex;gap:9px;align-items:flex-start;border:1px solid var(--line);border-radius:10px;padding:8px 10px;cursor:pointer;background:#fff}
.sg-doc input{margin-top:3px}.sg-doc b{display:block;font-size:13px}.sg-doc small{display:block;color:var(--mut);font-size:11.5px}
@media(max-width:640px){.sg-docs{grid-template-columns:1fr}}
/* parcours client (fiche) */
.journey{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:16px 0 6px}
.jstep{position:relative;text-align:left;border:1px solid var(--line);background:#fff;border-radius:12px;padding:9px 10px 9px 42px;cursor:pointer;min-height:58px;font:inherit}
.jstep i{position:absolute;left:10px;top:10px;width:24px;height:24px;border-radius:50%;background:#e7ebf2;color:var(--mut);font-style:normal;font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center}
.jstep b{display:block;font-size:13px;color:var(--navy)}.jstep small{display:block;font-size:11px;color:var(--mut);line-height:1.3;margin-top:2px}
.jstep.ok{background:#f1f9f4;border-color:#cfe8d8}.jstep.ok i{background:#2f7a4d;color:#fff}
.jstep.cur i{background:#c9a227;color:#fff}.jstep.next{border-color:#c9a227;box-shadow:0 0 0 2px rgba(201,162,39,.25)}
.jstep:hover{border-color:var(--navy)}
.jnext{display:flex;align-items:center;gap:12px;justify-content:space-between;background:#fdf8ec;border:1px solid #ecd9a2;border-radius:12px;padding:8px 8px 8px 14px;font-size:13.5px;margin-bottom:4px}
@media(max-width:1100px){.journey{grid-template-columns:repeat(4,1fr)}}@media(max-width:640px){.journey{grid-template-columns:repeat(2,1fr)}.jnext{flex-direction:column;align-items:stretch}}

/* recommandation : parcours dépliant compagnie → contrat → versements */
.pk{border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-top:10px;background:#fff}.pk-t{display:flex;gap:10px;align-items:center;margin-bottom:8px}.pk-t b{color:var(--navy)}.pk-t small{color:var(--mut)}
.pk-g{display:flex;flex-wrap:wrap;gap:8px}.pk-c{border:1px solid var(--line);background:#fff;border-radius:12px;padding:9px 14px;text-align:left;cursor:pointer;min-width:160px}.pk-c b{display:block;color:var(--navy);font-size:13.5px}.pk-c small{color:var(--mut);font-size:11.5px}.pk-c:hover{border-color:var(--navy-300)}.pk-c.on{border-color:var(--gold);background:var(--gold-50);box-shadow:0 0 0 2px rgba(201,168,76,.25)}

/* contrôle du dossier */
.ck{border:1px solid var(--line);border-radius:14px;padding:12px 16px;margin:0 0 14px;background:#fff}.ck.bad{border-color:#efc9c4;background:#fdf6f5}.ck.ok{display:flex;gap:10px;align-items:center;border-color:#cfe6d7;background:#f2faf5;color:var(--green)}.ck.ok span{color:var(--mut)}
.ck summary{display:flex;gap:10px;align-items:center;flex-wrap:wrap;cursor:pointer;list-style:none}.ck summary b{color:var(--navy)}.ck summary small{color:var(--mut);flex-basis:100%}.ck-l{margin-top:10px;display:grid;gap:6px;max-height:360px;overflow:auto}
.ck-i{display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;background:#fff;border:1px solid var(--line)}.ck-i.b{border-color:#efc9c4}.ck-i.a{border-color:#f0dfa8}.ck-i span{flex:1}.ck-i small{display:block;color:var(--mut);font-size:11.5px}.ck-i .btn{padding:6px 12px;font-size:12.5px}

/* tableau de bord cliquable */
.ck-go{cursor:pointer;transition:transform .12s,box-shadow .12s}.card.ck-go:hover{box-shadow:0 6px 18px rgba(10,26,51,.12);transform:translateY(-1px)}.br.ck-go:hover .bl,.leg .ck-go:hover b{color:var(--navy-600);text-decoration:underline}

/* liste des fiches : actions rapides */
.tb td.la{white-space:nowrap}.la-b{border:1px solid var(--line);background:var(--card,#fff);color:var(--navy,#0a1a33);border-radius:8px;width:30px;height:30px;margin-left:4px;cursor:pointer;font-size:14px;line-height:1}
.la-b:hover{background:var(--navy-50)}.la-b.la-del:hover{background:#fbe9ea;color:#b3343f;border-color:#e3a6ab}
/* espace client : « Ma stratégie » */
.cs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.cs-card{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:inherit;border-left:4px solid var(--gold,#c9a227);transition:transform .15s}
.cs-card:hover{transform:translateY(-2px)}.cs-card small{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}.cs-card b{font-size:18px;color:var(--navy,#0a1a33)}.cs-card span{margin-top:8px;color:#335795;font-weight:600;font-size:14px}
/* étape « Budget » : capacité d'épargne réelle */
.bg-top{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-bottom:16px}
.bg-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}
.bg-card{border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin-bottom:14px;background:#fff}
.bg-card h4{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 12px;font-size:15px;color:var(--navy)}.bg-card h4 b{font-variant-numeric:tabular-nums;color:var(--navy-600)}
.bg-f span em{font-style:normal;color:#8a6a10;text-transform:none;letter-spacing:0}
.bg-auto{display:flex;justify-content:space-between;gap:10px;background:var(--navy-50);border-radius:10px;padding:9px 12px;margin-bottom:12px;font-size:13px}
.bg-sum{position:sticky;top:90px;background:#0a1a33;color:#fff;border-radius:16px;padding:18px}.bg-sum .eyebrow{color:#c9a227}
.bg-cap{display:block;font-size:30px;margin:4px 0 12px;color:#fff;font-variant-numeric:tabular-nums}.bg-cap small{font-size:14px;color:#93a9cb}.bg-cap.neg{color:#ff9b9b}
.bg-l{display:flex;justify-content:space-between;gap:10px;padding:4px 0;font-size:13.5px;font-variant-numeric:tabular-nums}.bg-l.s{font-size:12px;color:#c9d4e6;padding:2px 0 2px 10px}.bg-l.t{border-top:1px solid rgba(255,255,255,.15);margin-top:6px;padding-top:8px}
.bg-bar{height:8px;background:rgba(255,255,255,.15);border-radius:4px;margin:12px 0 4px;overflow:hidden}.bg-bar i{display:block;height:100%;background:#c9a227}.bg-sum .hint{color:#93a9cb}
@media(max-width:900px){.bg-grid{grid-template-columns:1fr}.bg-sum{position:static}}
.bg-sum .btn{white-space:normal;text-align:center}
/* choix « stratégie déjà générée » */
.gs-ch{display:grid;gap:12px}.gs-o{display:flex;flex-direction:column;gap:4px;text-align:left;border:1px solid var(--line);border-radius:14px;background:#fff;padding:14px 16px;cursor:pointer;font:inherit}
.gs-o b{color:var(--navy);font-size:15px}.gs-o span{color:var(--mut);font-size:13px;line-height:1.45}.gs-o:hover{border-color:var(--gold,#c9a227);background:var(--navy-50)}
/* conformité express */
.cx{border:1px solid var(--line);border-left:4px solid var(--gold,#c9a227);border-radius:14px;padding:16px 18px;margin:4px 0 14px;background:#fff}
.cx-h b{display:block;font-size:17px;color:var(--navy)}.cx-h small{color:var(--mut)}
.cx-s{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:14px 0}
.cx-i{display:flex;gap:10px;align-items:flex-start;background:var(--navy-50);border-radius:12px;padding:10px 12px}.cx-i>i{flex:none;width:26px;height:26px;border-radius:50%;background:var(--navy);color:#c9a227;font-style:normal;font-weight:700;display:grid;place-items:center}
.cx-i.ko>i{background:#b3261e;color:#fff}.cx-i b{display:block;color:var(--navy)}.cx-i small{color:var(--mut);display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}
.cx-d{border:1px solid var(--line);background:#fff;border-radius:999px;padding:3px 9px;font-size:12px;cursor:pointer;color:var(--navy)}.cx-d:hover{border-color:#c9a227}.cx-d.sig{background:#e7f3ec;color:#2e7d5b}
.cx-go{width:100%;justify-content:center;font-size:15px;padding:12px}.cx-det{margin-top:6px}.cx-det>summary{cursor:pointer;color:var(--mut);margin-bottom:10px}
/* documents et signature façon Wizio */
.wz{display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,1.1fr);gap:12px;align-items:start}
.wz-n{background:var(--navy-50);border-radius:10px;padding:12px 14px;margin:0 0 10px;color:var(--mut);font-size:13.5px}
.wz-r{display:flex;align-items:center;gap:12px;padding:10px 4px;border-bottom:1px dashed var(--line)}
.wz-ic{flex:none;width:30px;height:36px;border-radius:4px;background:#fff;border:1px solid #d8dde7;display:flex;flex-direction:column;align-items:center;justify-content:center;font-style:normal;line-height:1}
.wz-ic b{color:#335795;font-size:14px}.wz-ic i{font-style:normal;font-size:7px;font-weight:700;background:#4a90d9;color:#fff;padding:1px 3px;border-radius:2px;margin-top:2px}
.wz-name{flex:1;text-align:left;border:0;background:none;font:inherit;color:var(--ink,#12161e);cursor:pointer;padding:0}.wz-name:hover{color:#335795;text-decoration:underline}
.wz-add{border:1px solid var(--line);border-radius:6px;padding:7px 14px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#5d6890;cursor:pointer;background:#fff;white-space:nowrap}
.wz-add.on{background:#e7f3ec;color:#2e7d5b;border-color:#bfe0cc}.wz-arrow{font-size:46px;color:#5d6890;text-align:center;align-self:center}
.wz-p{border:1px solid var(--line);border-radius:12px;background:#f7f8fb;padding:14px}.wz-ph b{display:block;font-size:17px;color:#5d6890}.wz-ph small{color:var(--mut)}
.wz-pb{background:#fff;border-radius:10px;padding:12px;margin-top:10px;min-height:140px}
.wz-empty{text-align:center;padding:30px 10px;color:var(--mut)}.wz-empty b{display:block;color:#5d6890;font-size:16px;margin-bottom:6px}
.wz-d{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.wz-d>span:not(.wz-ic){flex:1;min-width:0}.wz-d b{display:block;font-size:14px}.wz-d small{color:var(--mut)}
.wz-x{border:0;background:none;font-size:20px;color:#b3261e;cursor:pointer}
.wz-prev{max-width:min(980px,96vw)!important;width:96vw;height:90vh;display:flex;flex-direction:column}.wz-prev iframe{flex:1;width:100%;border:0;background:#fff}
@media(max-width:900px){.wz{grid-template-columns:1fr}.wz-arrow{display:none}}
/* profil investisseur (cartographie) */
.pq-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}.pq{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#fff}.pq h4{margin:0 0 4px;color:var(--navy)}
.ca{margin-top:16px}.ca-n{background:var(--navy-50);border-radius:10px;padding:12px 14px;color:var(--mut);margin:0 0 10px}
.ca-b{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start;border:1px solid var(--line);border-radius:12px;padding:14px;background:#fff}
.ca-f hr{border:0;border-top:1px solid var(--line);margin:10px 0}.ca-r{display:grid;grid-template-columns:1fr 1.2fr;gap:10px;align-items:center;margin-bottom:8px}.ca-r span{color:#5d6890}
.dm-c{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 10px}.pp{border-top:1px dashed var(--line);padding:10px 0 4px}.pp:first-of-type{border-top:0}
@media(max-width:900px){.ca-b{grid-template-columns:1fr}}
#wz-all{border:0;background:none;color:#335795;font:inherit;font-size:13px;font-weight:600;cursor:pointer;padding:6px 0;text-decoration:underline}
.wz-hide{border:0;background:none;color:#9aa3b5;font-size:16px;cursor:pointer;padding:0 2px}.wz-hide:hover{color:#b3261e}
.wz-immo{margin-top:12px;border:1px dashed #c9a227;border-radius:10px;padding:10px;background:#fffaf0}.wz-immo .wz-name{cursor:default}.wz-immo .wz-name:hover{text-decoration:none;color:inherit}.wz-immo small{display:block;color:var(--mut);font-size:12px}
.wz-immo .wz-add{font:inherit;font-size:12px;font-weight:700}.wz-r.im .wz-name{color:#5a3d00}
.wz-hid{margin-top:12px;font-size:12px;color:var(--mut)}.wz-back{border:1px solid var(--line);background:#fff;border-radius:999px;padding:3px 9px;font-size:12px;cursor:pointer;margin:3px 2px;color:#335795}
/* solutions du R2 */
.pk.r2{border-left:4px solid var(--gold,#c9a227)}.r2-i{display:flex;gap:10px;align-items:center;padding:7px 4px;border-bottom:1px dashed var(--line);cursor:pointer;color:var(--mut)}.r2-i.on{color:var(--ink,#12161e)}.r2-i span{flex:1}
.r2-a{display:flex;gap:8px;align-items:center;margin-top:8px;flex-wrap:wrap}.r2-a .in{flex:1;min-width:140px}
/* fenêtres longues (conformité immobilier, formulaires) : défilement à l'intérieur, sans couper le contenu */
.ov{overflow-y:auto;align-items:flex-start}.modal{max-height:calc(100vh - 40px);display:flex;flex-direction:column;margin:auto 0}.modal>.mb{overflow-y:auto;min-height:0}.modal>.mh{flex:none}
.modal.wz-prev{max-height:90vh}
/* projets immobiliers (kanban) */
.pj-kb{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:12px;overflow-x:auto;padding-bottom:8px}.pj-col{background:var(--navy-50);border-radius:14px;padding:10px;min-height:220px}.pj-col.ab{opacity:.7}
.pj-col h3{margin:0 0 8px;font-size:14px;color:var(--navy);display:flex;justify-content:space-between}.pj-col h3 span{color:var(--mut)}
.pj-c{background:#fff;border:1px solid var(--line);border-radius:10px;padding:9px 10px;margin-bottom:8px;cursor:pointer}.pj-c:hover{border-color:var(--gold,#c9a227)}.pj-c b{display:block;color:var(--navy)}.pj-c small{display:block;color:var(--mut)}.pj-c span{display:block;font-weight:700;margin-top:4px}
.pj-n{display:block;font-style:normal;font-size:12px;color:#335795;margin-top:4px}.pj-n.late{color:#b3261e;font-weight:600}.pj-c i{display:block;font-style:normal;font-size:11px;color:#8a6a10;margin-top:2px}
.msg.warn{background:#fdf3dc;color:#7a5a12;border:1px solid #f0d9a0}
.pk-c .pk-logo{display:flex;align-items:center;justify-content:center;height:34px;margin-bottom:6px;font-weight:800;color:var(--navy);font-size:15px}.pk-c .pk-logo img{max-height:32px;max-width:120px;object-fit:contain}

.ct-tab{position:relative}.ct-tab .ct-ck{position:absolute;top:6px;right:8px;margin:0}.ct-tab .ct-m{color:#0D1B3E;font-weight:700}.ct-tab.off{opacity:.55}.ct-tab.off i{color:#a3261b}.ct-tab.ct-add{border-style:dashed}

.ppm-m{max-width:min(1500px,calc(100vw - 24px));width:100%;height:calc(100vh - 24px);display:flex;flex-direction:column}.ppm-b{flex:1;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,1fr);min-height:0}
.ppm-b iframe{width:100%;height:100%;border:0;background:#0D1B3E}.ppm-r{display:flex;flex-direction:column;gap:10px;padding:14px 16px;overflow-y:auto;border-left:1px solid var(--line)}
.ppm-steps{display:flex;flex-wrap:wrap;gap:6px}.ppm-steps button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 10px;font:inherit;font-size:12px;cursor:pointer}.ppm-steps button.on{background:#0D1B3E;color:#fff;border-color:#0D1B3E}
.ppm-r h3{margin:4px 0}.ppm-nav{display:flex;gap:8px;justify-content:space-between}.ppm-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:10px;border-top:1px solid var(--line)}
.ppm-sum h4{margin:12px 0 4px}.ppm-sum ul{margin:0;padding-left:18px;line-height:1.5}
@media(max-width:900px){.ppm-b{grid-template-columns:1fr;grid-template-rows:45vh auto}}
.ppm-ch{display:flex;flex-wrap:wrap;gap:6px 14px;padding:4px 0}.ppm-ch label{display:flex;gap:6px;align-items:center;font-size:13px;cursor:pointer}

/* onglets de la fiche : plus grands, couleurs claires du bleu au vert */
.ftabs{display:flex;flex-wrap:wrap;gap:8px;border:0;margin:18px 0 14px}.ftabs button{font-size:15px;font-weight:700;padding:11px 16px;border-radius:12px;border:1px solid transparent;cursor:pointer;transition:transform .1s}.ftabs button:hover{transform:translateY(-1px)}.ftabs button small{font-weight:600;opacity:.75;margin-left:4px}
.ftabs .ft-0{background:hsl(208,62%,93%);border-color:hsl(208,45%,80%);color:hsl(208,45%,24%)}.ftabs .ft-0.on{background:hsl(208,55%,40%);border-color:hsl(208,55%,40%);color:#fff}.ftabs .ft-1{background:hsl(201,62%,93%);border-color:hsl(201,45%,80%);color:hsl(201,45%,24%)}.ftabs .ft-1.on{background:hsl(201,55%,40%);border-color:hsl(201,55%,40%);color:#fff}.ftabs .ft-2{background:hsl(194,62%,93%);border-color:hsl(194,45%,80%);color:hsl(194,45%,24%)}.ftabs .ft-2.on{background:hsl(194,55%,40%);border-color:hsl(194,55%,40%);color:#fff}.ftabs .ft-3{background:hsl(187,62%,93%);border-color:hsl(187,45%,80%);color:hsl(187,45%,24%)}.ftabs .ft-3.on{background:hsl(187,55%,40%);border-color:hsl(187,55%,40%);color:#fff}.ftabs .ft-4{background:hsl(180,62%,93%);border-color:hsl(180,45%,80%);color:hsl(180,45%,24%)}.ftabs .ft-4.on{background:hsl(180,55%,40%);border-color:hsl(180,55%,40%);color:#fff}.ftabs .ft-5{background:hsl(173,62%,93%);border-color:hsl(173,45%,80%);color:hsl(173,45%,24%)}.ftabs .ft-5.on{background:hsl(173,55%,40%);border-color:hsl(173,55%,40%);color:#fff}.ftabs .ft-6{background:hsl(166,62%,93%);border-color:hsl(166,45%,80%);color:hsl(166,45%,24%)}.ftabs .ft-6.on{background:hsl(166,55%,40%);border-color:hsl(166,55%,40%);color:#fff}.ftabs .ft-7{background:hsl(159,62%,93%);border-color:hsl(159,45%,80%);color:hsl(159,45%,24%)}.ftabs .ft-7.on{background:hsl(159,55%,40%);border-color:hsl(159,55%,40%);color:#fff}.ftabs .ft-8{background:hsl(152,62%,93%);border-color:hsl(152,45%,80%);color:hsl(152,45%,24%)}.ftabs .ft-8.on{background:hsl(152,55%,40%);border-color:hsl(152,55%,40%);color:#fff}.ftabs .ft-9{background:hsl(145,62%,93%);border-color:hsl(145,45%,80%);color:hsl(145,45%,24%)}.ftabs .ft-9.on{background:hsl(145,55%,40%);border-color:hsl(145,55%,40%);color:#fff}.ftabs .ft-10{background:hsl(138,62%,93%);border-color:hsl(138,45%,80%);color:hsl(138,45%,24%)}.ftabs .ft-10.on{background:hsl(138,55%,40%);border-color:hsl(138,55%,40%);color:#fff}
/* PPM */
.p2{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,1fr);gap:16px;align-items:start}.p2-nav{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.p2-nav button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 12px;font:inherit;font-size:13px;cursor:pointer}.p2-nav button small{margin-left:6px;color:var(--mut)}.p2-nav button.on{background:#0D1B3E;color:#fff;border-color:#0D1B3E}.p2-nav button.on small{color:#c3cce0}
.p2-card{padding:16px 18px}.p2-intro{background:#f3f6fb;border-left:3px solid #335795;padding:8px 12px;border-radius:0 8px 8px 0;font-style:italic;color:#33415c}.p2-q{display:flex;flex-direction:column;gap:6px;padding:10px 0;border-bottom:1px solid var(--line)}.p2-q>span{font-weight:600;color:#0D1B3E}
.p2-r{position:sticky;top:12px}.p2-r iframe{width:100%;height:calc(100vh - 140px);min-height:520px;border:0;border-radius:14px;background:#0D1B3E}
@media(max-width:1000px){.p2{grid-template-columns:1fr}.p2-r iframe{height:60vh}}

.who-row{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.who-c{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:14px;padding:10px 14px;background:#fff;min-width:230px}.who-c.on{border-color:#335795;box-shadow:0 0 0 2px rgba(51,87,149,.12)}.who-c.go{cursor:pointer}.who-c.go:hover{border-color:#c9a84c;background:#fffaf0}
.who-c small{display:block;color:var(--mut);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.who-c b{display:block;font-size:15px;color:#0D1B3E}.who-c i{font-style:normal;color:var(--mut);font-size:12.5px}.who-c em{font-style:normal;color:#8a6a10;font-size:12px;font-weight:700;margin-left:6px}
.who-av{width:38px;height:38px;border-radius:50%;background:#0D1B3E;color:#c9a84c;display:flex;align-items:center;justify-content:center;font-weight:800}
.who-st{display:flex;align-items:center;gap:10px;border-radius:14px;padding:10px 14px;margin-left:auto;border:1px solid}.who-st small{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;opacity:.8}.who-st b{font-size:14px}
.who-st.st-bleu{background:#e8f0fb;border-color:#9dbbe6;color:#1d4f91}.who-st.st-bleu .wz-ic i{background:#4a90d9}.who-st.st-jaune{background:#fff6dc;border-color:#ecc96a;color:#7a5a12}.who-st.st-jaune .wz-ic i{background:#e0a91c}.who-st.st-vert{background:#e6f4ea;border-color:#8fcca1;color:#1f6b3a}.who-st.st-vert .wz-ic i{background:#2f9e5a}

/* légendes des graphiques : noms longs sur plusieurs lignes, jamais coupés */
.chart{flex-wrap:wrap}.leg{min-width:0;flex:1 1 160px}.leg b{overflow-wrap:anywhere}

/* PPM : présentation QSN à gauche, au format paysage */
.p2{grid-template-columns:minmax(0,1.35fr) minmax(340px,1fr)}.p2-r iframe{height:auto;min-height:0;aspect-ratio:16/9}
@media(max-width:1000px){.p2{grid-template-columns:1fr}.p2-r{position:static}.p2-r iframe{height:auto}}
/* QSN : diapositive 1280×720 réduite (p2Scale), sous l en-tête fixe */
.p2-r{position:sticky;top:84px;overflow:hidden;border-radius:14px;background:#0D1B3E;aspect-ratio:16/9}.p2-r iframe{width:1280px!important;height:720px!important;aspect-ratio:auto;transform-origin:0 0;border-radius:0;min-height:0}
@media(max-width:1000px){.p2-r{position:static}}
.who-pr{display:block;margin-top:4px;border:1px dashed #c9a84c;background:#fffaf0;color:#8a6a10;border-radius:8px;padding:2px 8px;font-size:11.5px;cursor:pointer}.who-pr:hover{background:#c9a84c;color:#fff}
/* performance des placements : fiche client Wealthcome et contrats du CRM */
.pf .pf-h{display:flex;gap:14px;align-items:center}.pf-av{flex:none;width:52px;height:52px;border-radius:50%;background:#c9a84c;color:#0D1B3E;display:flex;align-items:center;justify-content:center;font:800 18px/1 inherit}
.pf-k{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:14px}.pf-k>div{background:linear-gradient(180deg,#fff,#f7f9fc);border:1px solid var(--line);border-radius:14px;padding:12px 14px}.pf-k small{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--mut)}.pf-k b{display:block;font-size:22px;color:#0D1B3E;margin-top:2px}.pf-k span{display:block;font-size:12px;color:var(--mut)}
.pf-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px;border-bottom:1px solid var(--line);padding-bottom:10px}.pf-tabs button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 14px;font:600 13px inherit;color:#0D1B3E;cursor:pointer}.pf-tabs button.on{background:#0D1B3E;color:#fff;border-color:#0D1B3E}
.pf-up{color:#1f7a45;font-weight:700}.pf-down{color:#b3372c;font-weight:700}.pf-up small,.pf-down small{font-weight:600}
.pf-ct{border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin-bottom:12px;background:#fff}.pf-cth{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.pf-cth>div:first-child>b{font-size:16px;color:#0D1B3E}
.pf-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.pf-chips span{font-size:11.5px;background:#f0f3f8;color:#33415c;border-radius:999px;padding:2px 9px}.pf-ctv{text-align:right}.pf-ctv b{display:block;font-size:20px;color:#0D1B3E}.pf-ctv small{color:var(--mut);font-size:11.5px}
.pf-mini{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:12px 0 8px}.pf-mini>div{background:#f7f9fc;border-radius:10px;padding:8px 10px}.pf-mini small{display:block;font-size:11px;color:var(--mut)}.pf-mini b{font-size:14px;color:#0D1B3E}
.pf-tb td,.pf-tb th{white-space:nowrap}.pf-tb td:first-child{white-space:normal;min-width:180px}.pf-w{height:6px;background:#eef1f6;border-radius:4px;overflow:hidden;margin-bottom:2px}.pf-w i{display:block;height:100%;background:#c9a84c}
.pf-sri{display:inline-flex;width:22px;height:22px;border-radius:6px;align-items:center;justify-content:center;font-weight:800;font-size:12px;color:#fff}.pf-sri1,.pf-sri2{background:#4a9d6b}.pf-sri3,.pf-sri4{background:#d9a52b}.pf-sri5{background:#e07b2e}.pf-sri6,.pf-sri7{background:#c9443a}
.pf-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}.pf-info>div{background:#f7f9fc;border-radius:10px;padding:8px 10px}.pf-info small{display:block;font-size:11px;color:var(--mut)}.pf-info b{font-size:13.5px;color:#0D1B3E;word-break:break-word}
/* synthèse par thème */
.syn-tabs{display:flex;gap:5px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;margin:0 0 16px;position:sticky;top:64px;z-index:5;background:var(--bg,#f6f7fb);padding:8px 0}.syn-tabs button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 11px;font:600 12.5px inherit;white-space:nowrap;flex:0 0 auto;color:#0D1B3E;cursor:pointer}.syn-tabs button.on{background:#0D1B3E;color:#fff;border-color:#0D1B3E}
.syn-p{display:none}.syn-p.on{display:block}
.pf-k b .pf-up,.pf-k b .pf-down,.pf-k b .hint{font-size:22px}.pf-k b small{font-size:13px}
/* suivi client */
.sv-ops{display:grid;gap:10px}.sv-op{display:grid;grid-template-columns:1fr auto;gap:2px 12px;text-align:left;border:1px solid var(--line);background:#fff;border-radius:14px;padding:14px 16px;cursor:pointer;font:inherit}.sv-op:hover{border-color:#c9a84c;background:#fffaf0}.sv-op b{color:#0D1B3E;font-size:15px}.sv-op span{grid-column:1;color:var(--mut);font-size:13px}.sv-op i{grid-column:2;grid-row:1/3;align-self:center;font-style:normal;font-size:12px;font-weight:700;border-radius:999px;padding:3px 10px;background:#f0f3f8;color:#5d6890}.sv-op i.ok{background:#e6f4ea;color:#1f6b3a}
.sv-env{border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:10px}.sv-inc{display:flex;gap:8px;align-items:center;font-size:14px;margin-bottom:8px}.sv-f{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}.qrdv-sv{border-color:#c9a84c!important}
/* recommandation libre : contrats validés avec le client, filtres par catégorie */
.ct-mgr{border:1px solid var(--line);border-radius:14px;padding:12px 12px 4px;margin:0 0 12px;background:#fff}
.ct-mgr-h{display:flex;flex-direction:column;gap:2px;margin:0 2px 8px}.ct-mgr-h b{color:var(--navy)}.ct-mgr-h small{color:var(--mut);font-size:.8rem}
.ct-fl{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}.ct-fl button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:4px 11px;font:600 .78rem inherit;color:var(--navy);cursor:pointer}
.ct-fl button i{font-style:normal;background:#eef1f7;border-radius:999px;padding:0 7px;margin-left:4px;font-size:.72rem}.ct-fl button.on{background:var(--navy);color:#fff;border-color:var(--navy)}.ct-fl button.on i{background:var(--gold);color:var(--navy)}
.ct-mgr .ct-tabs{background:none;padding:0}.ct-tab.hidden{display:none}
.ct-tab .ct-del{position:absolute;top:4px;right:6px;border:0;background:none;color:#a3261b;font-size:17px;line-height:1;cursor:pointer;padding:2px 4px;border-radius:6px}.ct-tab .ct-del:hover{background:#fbe9e7}
.ct-mgr .ct-tab{padding-right:28px}
/* fiche CRM : en-tête au format de la fiche client Wealthcome */
.fh-id{display:flex;align-items:center;gap:12px}.fh-id .pf-av{width:48px;height:48px;font-size:17px}
.fh-k{margin:14px 0 4px}.fh-k>div.dk{background:linear-gradient(180deg,#14244d,#0D1B3E);border-color:#0D1B3E}.fh-k>div.dk small{color:#9fb0cf}.fh-k>div.dk b{color:#C9A84C}.fh-k>div.dk span{color:#c9d4e6}
/* versement libre : produits à cocher */
.vl-pick{display:flex;flex-direction:column;gap:10px;width:100%}.vl-g h4{margin:2px 0 6px;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#8a6a10}
.vl-l{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
.vl-c{display:flex;gap:8px;align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:9px 11px;background:#fff;cursor:pointer}.vl-c:hover{border-color:var(--gold)}
.vl-c.on{border-color:var(--gold);background:var(--gold-50);box-shadow:0 0 0 2px rgba(201,162,39,.2)}.vl-c input{margin-top:3px}.vl-c b{display:block;font-size:.84rem;color:var(--navy)}.vl-c small{display:block;font-size:.74rem;color:var(--mut)}
/* DIC du dossier (Documents et signature) */
.dc-l{display:flex;flex-direction:column;gap:6px;margin-top:8px}.dc-r{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:10px;padding:8px 10px}
.dc-r.ko{border-color:#e7c27a;background:#fffaf0}.dc-n{min-width:0;flex:1 1 200px}.dc-n b{display:block;font-size:.84rem;color:var(--navy)}.dc-n small{color:var(--mut);font-size:.74rem}
.dc-a{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.fh-k>div[data-kgo]{cursor:pointer;transition:box-shadow .15s}.fh-k>div[data-kgo]:hover{box-shadow:0 0 0 2px rgba(201,168,76,.45)}
/* rapports : on choisit ce que l'on envoie */
.rp-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.rp-t{display:flex;flex-direction:column;gap:2px;text-align:left;border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 12px;cursor:pointer;font:inherit}
.rp-t b{color:var(--navy);font-size:.88rem}.rp-t small{color:var(--mut);font-size:.76rem}.rp-t:hover{border-color:var(--gold)}.rp-t.on{border-color:var(--gold);background:var(--gold-50);box-shadow:0 0 0 2px rgba(201,162,39,.25)}
.rp-pane{margin-top:14px}.rp-ins{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:8px 0}
.p2-skip{display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap;background:#fffaf0;border:1px dashed #C9A84C;border-radius:10px;padding:8px 12px;margin:0 0 10px;cursor:pointer}.p2-skip small{color:var(--mut);flex-basis:100%}.p2-nav button.skip{opacity:.55;text-decoration:line-through}
/* lot 70 · stratégie : section de l'Atelier + bulle d'explication */
.sq-at{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--navy,#0D1B3E);color:#fff;border-radius:12px;padding:10px 14px;margin:0 0 12px}
.sq-at-l{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold,#C9A84C);font-weight:700}.sq-at b{font-weight:600;font-size:14px;flex:1;min-width:200px}
.sq-i{position:relative;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--gold,#C9A84C);color:var(--gold,#C9A84C);font:italic 700 13px Georgia,serif;cursor:help;flex:none}
.sq-tip{display:none;position:absolute;right:0;top:calc(100% + 8px);width:min(380px,80vw);background:#fff;color:#1d2433;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px rgba(13,27,62,.18);padding:12px 14px;font:400 13px/1.55 system-ui,sans-serif;z-index:30;text-align:left}
.sq-i:hover .sq-tip,.sq-i:focus .sq-tip{display:block}
/* versement libre : trois familles */
.vl-fam{border:1px solid var(--line);border-radius:14px;background:#fff;padding:12px;margin-top:10px}.vl-fh{display:flex;gap:10px;align-items:center;margin-bottom:8px}.vl-fh small{display:block;color:var(--mut);font-size:12px}
.vl-n{width:26px;height:26px;border-radius:50%;background:var(--gold,#C9A84C);color:#fff;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex:none}
.vl-lines{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}.vl-line{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:8px 10px;cursor:pointer}.vl-line.on{border-color:var(--gold);background:var(--gold-50)}.vl-line small{display:block;color:var(--mut);font-size:11.5px}
.stc-g{display:flex;flex-direction:column;gap:12px}.stc-col{min-width:0}.stc-h{font-size:12.5px;font-weight:700;color:var(--navy-600,#0D1B3E);margin:0 0 6px}
.stc-h2{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.stc-h2 .stc-r{flex-wrap:wrap;align-items:flex-start;gap:6px 10px}.stc-h2 .stc-r>span{flex:1 1 0;min-width:0}.stc-h2 .stc-r input.in{flex:1 1 100%;max-width:none!important}
.vl-cies{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px}.vl-cie{flex:0 0 min(300px,85%);border:1px solid var(--line);border-radius:12px;padding:10px;background:#fff}.vl-cie-h{display:flex;align-items:center;gap:8px;margin-bottom:8px}.vl-cie-h small{color:var(--mut);margin-left:auto;font-size:11.5px}.vl-cie .vl-l{display:flex;flex-direction:column;gap:6px}
.cta-sp{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}
.wz-sig{padding:0 12px}.wz-sig>.card{margin-top:10px!important}.dc-more>summary{cursor:pointer;font-weight:700;color:var(--navy-600,#0D1B3E);padding:8px 2px;font-size:13px}
.vl-cie-h .pk-logo{width:auto;height:30px;flex:none;display:inline-flex;align-items:center}.vl-cie-h .pk-logo img{max-height:30px;max-width:96px;width:auto;height:auto;object-fit:contain}.vl-cie-h b{font-size:13px}
/* lot 71 · stratégie : section de l'Atelier par partie */
.sq-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sq-h0{margin:4px 0 8px}
.sq-at2{display:inline-flex;align-items:center;gap:6px;font:500 11.5px system-ui,sans-serif;color:var(--navy-600,#0D1B3E);background:var(--gold-50,#fbf6e9);border:1px solid #ecdcae;border-radius:999px;padding:3px 10px;letter-spacing:0;text-transform:none}
.sq-at2 i{font-style:normal;font-weight:700;color:#9a7b2f;text-transform:uppercase;font-size:10px;letter-spacing:.1em}
.sq-h .sq-i{border-color:#9a7b2f;color:#9a7b2f;width:20px;height:20px;font-size:12px}.sq-h .sq-tip{left:0;right:auto;text-transform:none;letter-spacing:0;font-weight:400}
.vl-fh .sq-at2{font-size:11px}
.vl-line .vl-m{width:130px;margin-left:auto;text-align:right;flex:none}.vl-line{align-items:center}
.vl-lines{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.vl-line>span{flex:1;min-width:0}
.vl-c .pk-logo{width:auto;height:24px;flex:none;display:inline-flex;align-items:center}.vl-c .pk-logo img{max-height:24px;max-width:72px;object-fit:contain}
.tb-tuto{width:30px;height:30px;border-radius:50%;border:1.5px solid var(--gold,#C9A84C);background:#fff;color:#9a7b2f;font:italic 700 15px Georgia,serif;cursor:pointer;flex:none;margin-right:6px}
/* stratégie : versement libre présenté comme la Recommandation */
.vl-strat{margin-top:6px}.vl-gs{border:1px solid var(--line);border-radius:14px;background:#fff;padding:10px 12px}.vl-gh{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}.vl-gh h4{margin:0!important}
.vl-strat .vl-c{flex-wrap:wrap;align-items:center}.vl-strat .vl-c>span{flex:1;min-width:0}.vl-strat .vl-c .vl-m{flex:1 1 100%;max-width:none;width:auto;margin:4px 0 0;text-align:right}
.vl-strat .vl-l{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.vl-strat .vl-cie .vl-l{display:flex}
.adq-sans{display:flex;gap:8px;align-items:flex-start;margin:4px 0 14px;padding:10px 12px;border:1px dashed var(--gold,#C9A84C);border-radius:12px;background:#fffaf0;cursor:pointer}
.adq-nb{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:0 0 10px}.adq-nb label{display:flex;gap:8px;align-items:center}.adq-nb select{width:80px}
/* Encours Wealthcome (vue WealthPro) */
.wcx-top{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:6px 4px 12px}.wcx-top small{display:block;color:var(--mut);font-size:.8rem}.wcx-top b{font-size:1.9rem;color:var(--navy);font-weight:800}
.wcx-cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:14px}
.wcx-cat{display:flex;flex-direction:column;gap:2px;text-align:left;cursor:pointer;font:inherit;border:1px solid var(--line);padding:12px 14px}.wcx-cat span{color:var(--mut);font-size:.82rem}.wcx-cat b{font-size:1.25rem;color:var(--navy)}.wcx-cat small{color:var(--mut);font-size:.75rem}
.wcx-cat.on{border-color:var(--gold);box-shadow:0 0 0 2px rgba(201,162,39,.25);background:var(--gold-50)}
.wcx-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 4px 10px}
.wcx-m .tb tr.wcx-g td{background:#f4f6fa}
/* Autres conseillers : cartes par conseiller */
.adv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.adv-c{display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer;font:inherit;border:1px solid var(--line);padding:12px 14px}.adv-c:hover{border-color:var(--gold)}
.adv-av{width:42px;height:42px;border-radius:50%;background:var(--navy,#0f1f47);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex:none}
.adv-t{display:flex;flex-direction:column;gap:2px}.adv-t b{color:var(--navy)}.adv-t small{color:var(--mut);font-size:.78rem}
.ng-tb tr.ng-g td{background:#f4f6fa;border-top:2px solid var(--line)}
/* Ajouter un contrat : montants et frais */
.cta-mf-g{display:grid;grid-template-columns:1fr 1fr;gap:18px}.cta-mf-g h4{margin:0 0 6px;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--mut)}
.cta-mf-g .fld{margin-bottom:10px}.cta-mf-g .fld small.hint{display:block;margin-top:3px;font-size:.74rem;line-height:1.3}
@media (max-width:620px){.cta-mf-g{grid-template-columns:1fr}}
.cat-gs .cat-g{margin-bottom:12px}.cat-gs .cat-g h4{margin:0 0 6px;font-size:.76rem;text-transform:uppercase;letter-spacing:.07em;color:var(--mut)}

/* synthèse : cartes agrandissables */
.card.syz{cursor:default}.syn-zoom .card{box-shadow:none}
/* onglet Budget de la fiche */
.bud-g{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:16px;align-items:start}@media(max-width:900px){.bud-g{grid-template-columns:1fr}}
.bud-k{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}.bud-k>div{background:#f6f8fb;border-radius:10px;padding:10px 12px}.bud-k small{display:block;color:#6b7686;font-size:.78rem}.bud-k b{font-size:1.15rem;color:#0f1f47}.bud-k i{font-style:normal;color:#6b7686;font-size:.78rem;margin-left:4px}.bud-k .pos b{color:#2f7a4d}.bud-k .neg b{color:#b3261e}
.bud-bar{height:5px;background:#eef1f5;border-radius:3px;margin-top:4px}.bud-bar i{display:block;height:100%;background:#c9a227;border-radius:3px}
.ct-tab.ct-fin{border-style:solid;border-color:#c9a227;background:#fffbef}.ct-tab.ct-fin b{color:#8a6d22}

/* couleurs des onglets ajoutés (Budget, Analytique, Recommandations) */
.ftabs .ft-11{background:hsl(131,62%,93%);border-color:hsl(131,45%,80%);color:hsl(131,45%,24%)}.ftabs .ft-11.on{background:hsl(131,55%,40%);border-color:hsl(131,55%,40%);color:#fff}.ftabs .ft-12{background:hsl(124,62%,93%);border-color:hsl(124,45%,80%);color:hsl(124,45%,24%)}.ftabs .ft-12.on{background:hsl(124,55%,40%);border-color:hsl(124,55%,40%);color:#fff}.ftabs .ft-13{background:hsl(117,62%,93%);border-color:hsl(117,45%,80%);color:hsl(117,45%,24%)}.ftabs .ft-13.on{background:hsl(117,55%,40%);border-color:hsl(117,55%,40%);color:#fff}
/* onglets de la fiche : tous sur une ligne (défilement horizontal si l'écran est étroit) */
.ftabs{flex-wrap:nowrap;overflow-x:auto;gap:6px;scrollbar-width:thin;padding-bottom:4px}.ftabs button{flex:none;white-space:nowrap;font-size:14px;padding:9px 12px}
/* synthèse de la recommandation : schéma, un onglet par compagnie */
.rs-sch{display:flex;align-items:stretch;gap:0;margin:0 0 8px;overflow-x:auto}.rs-cli{flex:none;width:170px;background:#0f1f47;color:#fff;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;justify-content:center}.rs-cli small{opacity:.7}.rs-cli b{font-size:1.05rem;margin:2px 0 6px}.rs-cli span{font-size:.85rem;color:#e8cf7c}
.rs-arrow{flex:none;width:28px;position:relative}.rs-arrow:before{content:"";position:absolute;left:0;right:6px;top:50%;border-top:2px solid #c9a227}.rs-arrow:after{content:"";position:absolute;right:0;top:calc(50% - 6px);border:6px solid transparent;border-left-color:#c9a227}
.rs-cies{display:flex;gap:10px;flex-wrap:wrap;flex:1}.rs-cie{flex:1;min-width:190px;text-align:left;background:#fff;border:1px solid #e3e7ee;border-radius:12px;padding:10px 12px;cursor:pointer;font:inherit}.rs-cie:hover{border-color:#c9a227}.rs-cie>b{display:inline-block;margin:0 0 4px 6px;vertical-align:middle}
.rs-ct{border-top:1px dashed #e3e7ee;margin-top:6px;padding-top:6px}.rs-ct small{color:#6b7686}.rs-l{font-size:.85rem;margin-top:4px}.rs-bar{display:flex;height:8px;border-radius:4px;overflow:hidden;background:#eef1f5;margin-top:3px}.rs-bar i{display:block;height:100%}
.rs-leg{display:flex;gap:12px;flex-wrap:wrap;font-size:.8rem;color:#5f6b7d;margin:0 0 12px}.rs-leg i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:4px;vertical-align:-1px}
.rs-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 10px}.rs-tabs button{display:flex;align-items:center;gap:6px;border:1px solid #e3e7ee;background:#fff;border-radius:10px;padding:6px 12px;cursor:pointer;font:inherit}.rs-tabs button.on{border-color:#c9a227;background:#fffbef;box-shadow:0 0 0 2px rgba(201,162,39,.2)}
.rs-p{display:none}.rs-p.on{display:block}
/* onglet Budget : onglets principaux, rubriques une à une, outils un à un */
.bud-main{display:flex;gap:6px;margin:0 0 12px}.bud-main button,.bud-sub button,.bud-tabs button{border:1px solid #e3e7ee;background:#fff;border-radius:10px;padding:8px 14px;font:inherit;font-weight:600;cursor:pointer;color:#0f1f47}
.bud-main button.on{background:#0f1f47;color:#fff;border-color:#0f1f47}.bud-sub{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px}.bud-sub button.on,.bud-tabs button.on{background:#fffbef;border-color:#c9a227;box-shadow:0 0 0 2px rgba(201,162,39,.18)}
.bud-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}.bud-tabs button{font-size:.88rem;padding:6px 11px}.bud-nav{display:flex;gap:8px;margin-top:12px}
.bg-card[hidden],[data-bpane][hidden],[data-bspane][hidden]{display:none!important}
/* logos plus discrets dans la synthèse de la recommandation */
.rs-cie .pk-logo,.rs-tabs .pk-logo{width:auto;height:auto;max-width:64px}.rs-cie .pk-logo img,.rs-tabs .pk-logo img{max-height:18px;max-width:64px;width:auto;height:auto}
/* fiche contrat (onglets Synthèse · Mon épargne · Mouvements · Documents) */
.modal.cf{padding:0;overflow:hidden}.cf-h{display:flex;gap:16px;align-items:flex-start;padding:18px 22px 14px;border-bottom:1px solid var(--line);position:relative;border-left:5px solid #0D1B3E}
.cf-h h2{margin:2px 0 4px;font-size:1.35rem;color:#0D1B3E}.cf-h p{margin:0;color:#59616f;font-size:.9rem}.cf-num{color:#59616f;letter-spacing:.04em;font-size:.72rem;font-weight:700}
.cf-st{display:inline-block;vertical-align:middle;margin-left:8px;background:#e6f6ec;color:#1f7a4d;border-radius:999px;padding:2px 9px;font-size:.62rem;font-weight:700;letter-spacing:.04em}
.cf-v{margin-left:auto;text-align:right;padding-right:28px}.cf-v b{display:block;font-size:1.7rem;color:#0D1B3E;font-family:var(--serif,Georgia,serif)}.cf-pv{display:inline-block;margin-top:6px;border-radius:8px;padding:3px 9px;font-size:.8rem;font-weight:700}.cf-pv.up{background:#e6f6ec;color:#1f7a4d}.cf-pv.down{background:#fcedec;color:#b3261e}
.cf-x{position:absolute;top:10px;right:12px;border:0;background:none;font-size:24px;cursor:pointer;color:#59616f;line-height:1}
.cf-tabs{display:flex;border-bottom:1px solid var(--line);background:#fafbfd;overflow-x:auto}.cf-tabs button{flex:1;min-width:120px;border:0;background:none;padding:13px 10px;font:600 13.5px inherit;color:#334155;cursor:pointer;border-bottom:3px solid transparent;white-space:nowrap}.cf-tabs button.on{color:#0D1B3E;border-bottom-color:#0D1B3E}
.modal.cf .mb{padding:18px 22px;max-height:68vh;overflow:auto}
.cf-kv{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.cf-kv>div{padding:10px 0;border-bottom:1px solid #eef0f4}.cf-kv small{display:block;color:#59616f;font-size:.78rem}.cf-kv b{font-size:.95rem;color:#1d2433}
.cf-ep{display:flex;gap:18px;align-items:center;flex-wrap:wrap;background:#f6f4ef;border-radius:12px;padding:14px;margin-bottom:14px}.cf-ep svg{max-width:150px}
.cf-tot{display:flex;gap:12px;flex:1;flex-wrap:wrap}.cf-tot>div{flex:1;min-width:180px;background:#fff;border-radius:10px;padding:12px 14px}.cf-tot i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}.cf-tot small{color:#59616f}.cf-tot b{display:block;font-size:1.2rem;margin-top:4px;color:#0D1B3E}
.cf-tb td{vertical-align:top}.cf-fam{color:#c27a2c;font-weight:700;font-size:.72rem}.cf-eye{text-decoration:none;font-size:15px}
@media (max-width:640px){.cf-kv{grid-template-columns:1fr}.cf-h{flex-wrap:wrap}.cf-v{margin-left:0;text-align:left}}
.sri7{display:flex;justify-content:space-between;gap:6px;position:relative;margin:4px 0 4px}.sri7:before{content:"";position:absolute;left:0;right:0;top:50%;border-top:2px solid #cfd6e2}.sri7 span{position:relative;width:34px;height:34px;border-radius:50%;border:2px solid #0D1B3E;background:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;color:#0D1B3E}.sri7 span.on{background:#0D1B3E;color:#fff;transform:scale(1.15)}
.sri7-l{display:flex;justify-content:space-between;gap:20px;margin-bottom:14px}.sri7-l small{color:#59616f;font-size:.72rem;max-width:45%}.sri7-l small+small{text-align:right}
/* mode clientèle : présentation au client */
#fh .head{position:relative}.cv-tog{position:absolute;top:0;right:0;z-index:3}
body.crm-cv #imp,body.crm-cv #trf,body.crm-cv #mrg,body.crm-cv #rgpd,body.crm-cv #inv,body.crm-cv .btn-pair,body.crm-cv .who-st,body.crm-cv .who-pr,body.crm-cv .sigban,body.crm-cv .journey,body.crm-cv .jnext,body.crm-cv #ptn-del,body.crm-cv #dl,
body.crm-cv .ftabs [data-mode="qsn"],body.crm-cv .ftabs [data-mode="conf"],body.crm-cv .ftabs [data-mode="rap"],body.crm-cv .ftabs [data-mode="docs"],body.crm-cv .ftabs [data-mode="suivi"],body.crm-cv .ftabs [data-mode="reco"],
body.crm-cv a[href*="gcal"],body.crm-cv a[href*="calendar.google"]{display:none!important}
body.crm-cv .cv-tog{background:#0f766e;color:#fff;border-color:#0f766e}
.cf-tb tr.click{cursor:pointer}.cf-tb tr.click:hover td{background:#f4f6fb}.cf-sup{color:#0D1B3E}.cf-go{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:3px 10px;font-size:12px;color:#0D1B3E;white-space:nowrap}
/* éléments cliquables de la synthèse : la main, partout */
.syn .click,.syn [data-asset],.syn [data-plp],.syn [data-plk],.syn [data-ctp],.syn [data-dn],.syn [data-sytgo]{cursor:pointer}
/* ══ synthèse façon tableau de bord (grand montant, répartition, tableau des actifs) ══ */
.fy-card{background:#fff;border:1px solid #eceef3;border-radius:18px;padding:20px 22px;box-shadow:0 1px 2px rgba(13,27,62,.03)}
.fy-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:16px;margin-bottom:16px}@media (max-width:980px){.fy-hero{grid-template-columns:1fr}}
.fy-sw,.fy-rt{display:flex;gap:4px;align-items:center;margin-bottom:10px}.fy-sw button,.fy-rt button{border:0;background:none;padding:6px 10px;border-radius:999px;font:600 13px inherit;color:#8a93a6;cursor:pointer}
.fy-sw button.on{background:#f1f3f8;color:#0D1B3E}.fy-rt button.on{color:#0D1B3E;box-shadow:inset 0 -2px 0 #0D1B3E;border-radius:0}.fy-rt small{color:#8a93a6;font-weight:500;margin-left:3px}
.fy-big{font:600 42px/1.1 var(--serif,Georgia,serif);color:#0D1B3E;letter-spacing:-.5px;cursor:pointer;display:inline-block;margin:2px 0 8px}.fy-big:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.fy-sub{display:flex;gap:18px;flex-wrap:wrap;color:#59616f;font-size:13px;margin-bottom:10px}.fy-sub span{cursor:pointer}.fy-sub span:hover b{text-decoration:underline}.fy-sub b{color:#1d2433}
.fy-spark{width:100%;height:120px;display:block;cursor:pointer}.fy-cap{color:#8a93a6;font-size:11.5px}
.fy-lnk{color:#8a6d22!important;font-size:12.5px!important}
.fy-rb{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.fy-dn{cursor:pointer;flex:none}.fy-dn .leg{display:none}.fy-dn .chart{display:block}
.fy-leg{flex:1;min-width:220px;display:flex;flex-direction:column;gap:2px}.fy-li{display:grid;grid-template-columns:10px minmax(90px,1.3fr) 1fr 58px;gap:10px;align-items:center;padding:7px 8px;border-radius:10px;cursor:pointer;font-size:13px}.fy-li:hover{background:#f6f7fb}
.fy-li i{width:10px;height:10px;border-radius:50%}.fy-li span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#1d2433}.fy-li em{height:6px;background:#f1f3f8;border-radius:4px;overflow:hidden;display:block}.fy-li em b{display:block;height:100%;border-radius:4px}.fy-li strong{text-align:right;font-weight:600;color:#0D1B3E}
.fy-tbw{margin-bottom:16px}.fy-flt{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:2px 0 12px}.fy-chips{display:flex;gap:6px;flex-wrap:wrap}.fy-chips button{border:1px dashed #cfd5e0;background:#fff;border-radius:999px;padding:5px 12px;font:500 12.5px inherit;color:#334155;cursor:pointer}.fy-chips button.on{border-style:solid;border-color:#0D1B3E;background:#0D1B3E;color:#fff}
.fy-tg{margin-left:auto;font-size:13px;color:#59616f;display:flex;gap:6px;align-items:center;cursor:pointer}
.fy-tb{width:100%;border-collapse:collapse;font-size:13.5px}.fy-tb th{text-align:left;font-weight:500;color:#8a93a6;font-size:12px;padding:8px 10px;border-bottom:1px solid #eceef3}.fy-tb th.r,.fy-tb td.r{text-align:right}
.fy-tb td{padding:11px 10px;border-bottom:1px solid #f3f4f7;vertical-align:middle}.fy-tb tbody tr[data-asset],.fy-tb tbody tr[data-xo]{cursor:pointer}.fy-tb tbody tr[data-asset]:hover td,.fy-tb tbody tr[data-xo]:hover td{background:#f8f9fc}
.fy-tb td b{color:#1d2433;font-weight:600}.fy-tb td small{display:block;color:#8a93a6;font-size:12px;margin-left:42px;margin-top:1px}.fy-tb td svg{vertical-align:middle}
.fy-av{display:inline-flex;width:32px;height:32px;border-radius:50%;color:#fff;font-weight:700;font-size:13px;align-items:center;justify-content:center;margin-right:10px;vertical-align:middle}
.fy-pill{background:#f1f3f8;border-radius:6px;padding:3px 8px;font-size:12px;color:#334155;white-space:nowrap}.fy-who{display:inline-flex;width:26px;height:26px;border-radius:50%;background:#eef1f7;color:#0D1B3E;font-size:11px;font-weight:700;align-items:center;justify-content:center}
.fy-tot td{background:#f6f7fb;font-weight:600;color:#0D1B3E}.fy-tot small{background:#e6e9f0;border-radius:6px;padding:2px 7px;font-size:11.5px;margin-left:6px;display:inline;font-weight:500}
.fy-grp td{background:#fbfbfd;font-weight:600;cursor:pointer}.fy-grp i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px}.fy-grp small{color:#8a93a6;font-weight:500}
[data-xp]{cursor:pointer}.card .big[data-xp]:hover,.mini[data-xp]:hover b,.ratio[data-xp]:hover b{text-decoration:underline;text-underline-offset:4px}tr[data-xp]:hover td{background:#f8f9fc}
.fy-calc{background:#f6f7fb;border-radius:12px;padding:6px 14px;margin-bottom:14px}.fy-calc>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #eceef3;font-size:14px}.fy-calc>div:last-child{border-bottom:0}.fy-calc .t{font-weight:700;color:#0D1B3E}.fy-calc .t b{font-size:16px}
.fy-h3{margin:16px 0 6px;font-size:15px;color:#0D1B3E}.fy-h4{display:flex;align-items:center;gap:8px;margin:14px 0 4px;font-size:13.5px;color:#0D1B3E}.fy-h4 i{width:9px;height:9px;border-radius:50%}.fy-h4 span{margin-left:auto;color:#59616f;font-weight:500}
.fy-big-rep{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-bottom:6px}.fy-big-rep .chart svg{width:220px;height:220px}.fy-big-rep .leg{display:none}
.doc-ban{display:block;margin:10px 0 0;border:1px solid #c9a22766;background:#fff8e6;color:#6b5210;border-radius:12px;padding:9px 14px;font:500 13.5px inherit;cursor:pointer;text-align:left}.doc-ban:hover{background:#fff1cc}

/* ═══ barre du rendez-vous : que faites-vous aujourd'hui, avancement, il manque…, mode tablette ═══ */
.rdv-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 12px;margin:10px 0 8px}
.rdv-bar .rdv-go{font-size:14.5px;padding:10px 18px}
.rdv-pc{display:flex;flex-direction:column;gap:4px;min-width:170px;font-size:13px}
.rdv-pc i{display:block;height:8px;border-radius:5px;background:#eef1f6;overflow:hidden}
.rdv-pc em{display:block;height:8px;border-radius:5px;background:linear-gradient(90deg,#c9a227,#1e7b45)}
.rdv-miss{border:1px solid #f0c4bf;background:#fdf0ee;color:#b3261e;border-radius:999px;padding:7px 14px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.rdv-ok{color:#1e7b45;font-weight:700;font-size:13px}
.rdv-bar .rdv-tab{margin-left:auto;font-size:12.5px;padding:6px 12px}
.rdv-bar .rdv-tab.on{background:#0D1B3E;color:#fff;border-color:#0D1B3E}
.rdv-ch{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.rdv-o{display:flex;flex-direction:column;gap:4px;text-align:left;border:1px solid var(--line);border-radius:14px;background:#fff;padding:14px 16px;cursor:pointer;font:inherit}
.rdv-o:hover{border-color:#c9a227;box-shadow:0 2px 10px rgba(13,27,62,.08)}
.rdv-o b{font-size:15px;color:#0D1B3E}.rdv-o span{font-size:12.5px;color:var(--mut)}
.cpl-bar{position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;justify-content:space-between;background:#0D1B3E;color:#fff;border-radius:12px;padding:8px 12px;margin:0 0 8px;font-size:13px}
.cpl-bar .seg button{font-size:12px}
.cpl-bar .seg small{color:#c8cfe0!important}
.ftabs .ft-all{border:1px dashed var(--line);background:transparent;color:var(--mut);font-size:12.5px}
.sv-at input{padding:4px 6px}
.rc-sig h4{margin:14px 0 6px;font-size:14px;color:#0D1B3E}.rc-sig h4:first-child{margin-top:0}
.rc-al{margin:0;padding-left:18px;color:#8a6a10;font-size:13px}
.p2-sug{white-space:normal;text-align:left}
/* mode tablette : tout plus grand, pour remplir avec le client à côté */
.crm-tab body{font-size:16.5px}
.crm-tab .in,.crm-tab select.in,.crm-tab textarea.in{font-size:16px;min-height:46px;padding:10px 12px}
.crm-tab .btn{min-height:44px;font-size:15px;padding:10px 16px}
.crm-tab .ftabs button{font-size:15px;padding:12px 16px}
.crm-tab .pk-c,.crm-tab .rdv-o,.crm-tab .sv-op{padding:16px 18px}
.crm-tab input[type=checkbox],.crm-tab input[type=radio]{width:22px;height:22px}
.crm-tab .fld span{font-size:13.5px}
.crm-cv .rdv-bar{display:none}
.pill.lead{background:#e8eefb;color:#335795}
/* ═══ Recommandation simple : le foyer, les contrats, la vérification ; le détail technique à la demande ═══ */
.reco-top{display:flex;align-items:center;gap:10px;justify-content:space-between;margin:0 0 10px}
.reco-h{display:flex;align-items:center;gap:8px}
.reco-h i{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#0D1B3E;color:#fff;font-style:normal;font-size:13px}
.adq-env{border:1px solid var(--line);border-radius:12px;padding:0 12px;margin:14px 0 6px;background:#fff}
.adq-env>summary{cursor:pointer;list-style:none;display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;padding:12px 0;font-size:14px}
.adq-env>summary::-webkit-details-marker{display:none}
.adq-env>summary span{color:var(--mut)}
.adq-env>summary em{margin-left:auto;font-style:normal;color:#8a6a10;font-weight:700;font-size:13px}
.adq-env[open]>summary em{display:none}
.adq-env[open]{padding-bottom:10px}
.reco-simple .alloc-b.lite .rwrap{display:none}
.reco-simple .alloc-b.lite:after{content:"Allocation du cabinet appliquée d'office (détail : Mode détaillé).";display:block;font-size:12.5px;color:var(--mut);margin:-4px 0 8px}
.ct-tab .ct-edit{order:9;align-self:flex-start;margin-top:6px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:3px 10px;font:inherit;font-size:12px;font-weight:600;color:#0D1B3E;cursor:pointer}
.ct-tab .ct-edit:hover{border-color:#c9a227}
.adq-env>summary em[data-ctedit]{cursor:pointer;border:1px solid #ecd9a2;border-radius:999px;padding:3px 10px;background:#fdf8ec}
/* répartition du versement libre : où on en est (€ ou %), toujours visible en descendant */
.vl-rest{position:sticky;bottom:72px;z-index:6;margin:10px 0 0;padding:8px 12px;background:#fff;border:1px solid #ecd9a2;border-radius:10px;box-shadow:0 4px 14px rgba(13,27,62,.12);font-size:13px}
.vl-rest:empty{display:none}
.modal .vl-rest{bottom:0}
/* financement immobilier (stratégie R2 Immobilier) */
.fin-res{margin-top:14px}
.fin-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.fin-g>div{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#fff;display:flex;flex-direction:column;gap:4px}
.fin-g small{color:var(--mut);font-size:12px}.fin-g b{font-size:22px;color:#0D1B3E}.fin-g span{font-size:12px;color:var(--mut)}
.fin-g .ok{border-color:#a9d8bb;background:#f1faf4}.fin-g .ok b{color:#1e7b45}.fin-g .ko{border-color:#f0c4bf;background:#fdf0ee}.fin-g .ko b{color:#b3261e}
.pill.tag{background:#fdf3d8;color:#8a6a10;font-weight:600}
.lead-tag{display:inline-flex;align-items:center;gap:8px;margin:8px 0 0 10px;font-size:12.5px;color:var(--mut)}
.lead-tag .in{max-width:240px;padding:5px 9px;font-size:13px}
/* contacter le client (conseiller) : WhatsApp, téléphone, email ; côté client : écrire à son conseiller */
.ct-act{display:flex;gap:6px;margin-top:6px}.ct-act a{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:#fff;color:#0D1B3E;text-decoration:none;transition:transform .12s}
.ct-act a:hover{transform:translateY(-1px)}.ct-act .ct-wa{color:#fff;background:#25D366;border-color:#25D366}.ct-act .ct-tel{color:#1a73e8}.ct-act .ct-mail{color:#b8923a}
.adv-sig .adv-mail{display:inline-flex;align-items:center;gap:6px;background:#0D1B3E;color:#fff!important;border-radius:999px;padding:7px 14px;text-decoration:none;font-weight:600}
/* accès directs en haut de la fiche (Informations, Conformité, Documents, Allocation ECP, Rapports) */
.fq{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.fq button{display:inline-flex;gap:6px;align-items:center;border:1px solid #e3e6ee;background:#fff;border-radius:999px;padding:5px 12px;font:500 12.5px Inter,system-ui,sans-serif;color:#0D1B3E;cursor:pointer}.fq button:hover{border-color:#d7c48e;background:#fffaf0}.fq button span{font-size:13px}
/* saisie des informations : colonnes en dégradé doux (ivoire → blanc) pour repérer les champs à remplir */
.card .fg>.fld{background:linear-gradient(180deg,#faf7ee 0%,#ffffff 75%);border:1px solid #f0e8d2;border-radius:10px;padding:8px 10px}
.ftabs .ft-ic{font-size:13px;margin-right:5px;opacity:.85}
/* fiche : « ⋯ Autres actions » (menu déroulant) */
.fx-more{position:relative;display:inline-block}.fx-more>summary{list-style:none;cursor:pointer}.fx-more>summary::-webkit-details-marker{display:none}
.fx-more .fx-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:30;background:#fff;border:1px solid #e3e6ee;border-radius:12px;box-shadow:0 12px 30px rgba(13,27,62,.14);padding:6px;display:flex;flex-direction:column;gap:2px;min-width:250px}
.fx-more .fx-menu .btn{justify-content:flex-start;border:0;background:none;width:100%;text-align:left}.fx-more .fx-menu .btn:hover{background:#f6f7fb}
/* onglets de la fiche : sur plusieurs lignes plutôt que coupés à droite */
.tabs.ftabs{flex-wrap:wrap;overflow:visible}
/* « Que faites-vous aujourd'hui ? » : en haut à droite, croix de fermeture, deux familles d'actions avec icônes */
.ov.rdo-dock{justify-content:flex-end;align-items:flex-start;padding:76px 24px 24px;background:rgba(10,26,51,.28)}.ov.rdo-dock .modal{margin:0}
.rdo-x{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);color:inherit;font-size:20px;line-height:1;cursor:pointer}.rdo-x:hover{background:rgba(255,255,255,.2)}
.rdo-g{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#8a93a6;margin:14px 0 8px;font-weight:600}.rdo-g:first-of-type{margin-top:2px}
.rdv-o .rdo-ic{font-size:20px;line-height:1;margin-bottom:2px}
/* fiche transmise entre conseillers : note, dates, validation de la reprise */
.trf-ban{border:1px solid #f0d9a0;background:#fffaf0;border-radius:12px;padding:8px 12px;margin:8px 0;font-size:13.5px}.trf-ban.ok{border-color:#cfe6d6;background:#f3faf5}.trf-ban summary{cursor:pointer}.trf-b{margin-top:8px}
/* lot 7 : boutons et menus un peu plus visibles (bordure, survol doré, focus clavier, onglet actif souligné) */
.btn-out{border-color:#cdd5e3;box-shadow:0 1px 0 rgba(13,27,62,.04)}.btn-out:hover{border-color:#C9A84C;background:#fffaf0;box-shadow:0 2px 8px rgba(13,27,62,.08)}
.btn-gold:hover{filter:brightness(1.04);box-shadow:0 4px 12px rgba(201,168,76,.35)}
.btn:focus-visible,.nav button:focus-visible,.ftabs button:focus-visible{outline:2px solid #C9A84C;outline-offset:2px}
.nav button:hover{background:#f3f5fa}.nav button.on{box-shadow:inset 0 -2px 0 #C9A84C}
.ftabs button:hover{border-color:#C9A84C}
/* audit doublons : la barre commune ECP affiche déjà le logo et « CRM patrimonial » → pas de second logo dans l'en-tête du CRM */
html:has(.ecp-bar:not(.float)) .top>.brand{display:none}
/* Key-Ops : liste et fiche « Détails du produit » (présentation Key-Ops, couleurs du cabinet) */
.ko-tabs{display:flex;gap:0;border-bottom:1px solid var(--line);background:#fff}.ko-tabs button{flex:1;border:0;background:none;padding:12px 14px;font:600 14px system-ui,sans-serif;color:var(--navy);cursor:pointer;border-bottom:3px solid transparent}
.ko-tabs button.on{background:#0D1B3E;color:#fff;border-bottom-color:#C9A84C}.ko-tabs button:hover:not(.on){background:#f6f7fb}
.ko-m .ko-mh{border-bottom:0}.ko-isin{color:#6b7385;font-size:15px}.ko-isin:before{content:"";display:inline-block;width:7px;height:7px;background:#C9A84C;margin-right:8px;vertical-align:middle}
.ko-mb{background:#f4f6fa}.ko-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:14px}@media(max-width:900px){.ko-g{grid-template-columns:1fr}}
.ko-c h3{font-family:Georgia,serif;font-weight:400;font-size:22px;margin:0 0 10px}.ko-c h3:after{content:"";display:inline-block;width:7px;height:7px;background:#C9A84C;margin-left:8px;vertical-align:middle}
.ko-h{color:#8a6a10;font-weight:600;font-size:13px;margin:12px 0 6px}.ko-r{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px}
.ko-t{background:#f1f3f8;border-radius:10px;padding:8px 10px;text-align:center}.ko-t small{display:block;color:#6b7385;font-size:11.5px}.ko-t b{display:block;font-size:14.5px;color:#0D1B3E}
.ko-lk{font-size:12.5px;color:#8a6a10;text-decoration:none}.ko-lk:hover{text-decoration:underline}.ko-tb td{vertical-align:top}
/* ═══ Espace Test : menu latéral (boutons du CRM, onglets et actions de la fiche), barre de boutons verte en haut ═══ */
.tx{display:grid;grid-template-columns:262px minmax(0,1fr);min-height:100vh;background:#f4f6fa}
.tx-side{background:#0D1B3E;color:#fff;padding:16px 12px;position:sticky;top:0;height:100vh;overflow:auto;display:flex;flex-direction:column;gap:2px}
.tx-brand{display:flex;gap:10px;align-items:center;color:#fff;text-decoration:none;padding:4px 6px 12px}.tx-brand .mk{width:36px;height:36px;border-radius:10px;background:#C9A84C;color:#0D1B3E;display:grid;place-items:center;font-weight:800}
.tx-brand b{display:block;font-size:15px}.tx-brand small{color:#C9A84C;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.tx-back{display:block;margin:0 0 10px;padding:8px 10px;border-radius:9px;border:1px solid rgba(201,168,76,.55);color:#f3e3b0;text-decoration:none;font-size:13px;font-weight:600;text-align:center}.tx-back:hover{background:rgba(201,168,76,.12)}
.tx-grp{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.45);padding:14px 10px 6px}.tx-fg{color:#C9A84C}
.tx-sub{font-size:11.5px;color:rgba(255,255,255,.6);padding:8px 10px 3px;font-weight:600}
.tx-it{display:flex;gap:10px;align-items:center;width:100%;text-align:left;border:0;background:none;color:rgba(255,255,255,.82);padding:8px 10px;border-radius:9px;font:500 13.5px system-ui,sans-serif;cursor:pointer;text-decoration:none}
.tx-it i{font-style:normal;width:20px;text-align:center;flex:none}.tx-it .ft-ic{width:20px;text-align:center}.tx-it:hover{background:rgba(255,255,255,.08);color:#fff}.tx-it.on{background:rgba(201,168,76,.18);color:#f3e3b0;box-shadow:inset 3px 0 0 #C9A84C;font-weight:600}
.tx-f{padding-left:16px}
.tx-me{margin-top:auto;padding-top:14px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:6px}.tx-me .who{color:#fff;text-align:left}.tx-me .who small{display:block;color:rgba(255,255,255,.55);font-size:11.5px}.tx-lo{border:1px solid rgba(255,255,255,.2);background:none;color:#fff;border-radius:9px;padding:7px;cursor:pointer}
.tx-main{min-width:0}.tx-bar{position:sticky;top:0;z-index:30;display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#fff;color:#0D1B3E;padding:10px 18px;border-bottom:1px solid var(--line);box-shadow:0 2px 10px rgba(13,27,62,.06)}
.tx-title{font-size:16px}.tx-pill{background:#C9A84C;color:#0D1B3E;border-radius:999px;padding:2px 10px;font-size:11.5px;font-weight:700}
.tx-b{border:1px solid #cdd5e3;background:#fff;color:#0D1B3E;border-radius:9px;padding:7px 12px;font:600 13px system-ui,sans-serif;cursor:pointer}.tx-b:hover{border-color:#C9A84C;background:#fffaf0}.tx-b.gold{background:#C9A84C;border-color:#C9A84C;color:#0D1B3E}.tx-b.gold:hover{filter:brightness(1.04)}
.tx #main{padding:18px 22px;max-width:none}
.tx .ftabs,.tx #fh .fx-more,.tx #fh .btn-pair,.tx #fh a[href*="calendar"]{display:none!important}
@media(max-width:860px){.tx{grid-template-columns:1fr}.tx-side{position:static;height:auto}}
/* préconisations de la fiche */
.pf-c h3{display:flex;gap:8px;align-items:center;margin:0 0 10px}.pf-kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.pf-kv div{background:#f4f6fa;border-radius:10px;padding:8px 10px}.pf-kv small{display:block;color:var(--mut);font-size:11.5px}.pf-kv b{font-size:16px}.pf-kv .hl{background:#eef7f1}.pf-kv .hl b{color:#2f6b47}
.pf-t{margin:10px 0 0;line-height:1.55}.pf-h{font-weight:700;margin:12px 0 4px}.pf-l{margin:0;padding-left:20px;line-height:1.6}
/* allocations par compagnie */
.al-cies{margin-bottom:12px}.al-cie{display:flex;gap:8px;align-items:center;border:1px solid var(--line);background:#fff;border-radius:12px;padding:6px 12px 6px 6px;cursor:pointer;font:600 13.5px system-ui,sans-serif;color:var(--navy)}.al-cie .pk-logo{width:34px;height:34px}.al-cie.on{border-color:#C9A84C;background:#fffaf0}.al-cie i{font-style:normal;color:var(--mut)}
.al-cie-l{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.al-cie-l button{border:1px solid var(--line);background:#f7f8fb;border-radius:999px;padding:6px 12px;cursor:pointer;font:500 13px system-ui,sans-serif}.al-cie-l button.on{background:#0D1B3E;color:#fff;border-color:#0D1B3E}
#app:has(.tx) .save{margin-left:262px}@media(max-width:860px){#app:has(.tx) .save{margin-left:0}}
.tx-me .who{background:none!important;border:0;cursor:pointer;padding:6px 4px;color:#fff}.tx-me .who b{color:#fff}

/* espace Test : vue d'ensemble de la fiche (allocation globale, projection, fiscalité & budget, transmission) */
.ov-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:0 0 14px;flex-wrap:wrap}.ov-tabs button{border:0;background:none;padding:10px 16px;font:600 14.5px system-ui,sans-serif;color:#59616f;cursor:pointer;border-bottom:3px solid transparent}.ov-tabs button.on{color:#8a6a10;border-bottom-color:#C9A84C}
.ov-g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px}.ov-g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px}.ov-g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px}.ov-g1{margin-bottom:14px}
@media(max-width:1250px){.ov-g4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1000px){.ov-g3{grid-template-columns:1fr}}@media(max-width:640px){.ov-g4,.ov-g2{grid-template-columns:1fr}}
.ov-c{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;box-shadow:0 2px 10px rgba(13,27,62,.04);min-width:0;position:relative}
.ov-h{display:flex;gap:8px;align-items:center;margin:0 0 10px}.ov-h b{font-size:14px;letter-spacing:.02em;text-transform:uppercase;color:#0D1B3E}.ov-ic{width:28px;height:28px;border-radius:8px;background:#fffaf0;border:1px solid #f0e3bf;display:grid;place-items:center;font-size:15px}
.ov-lk{font-size:12.5px;color:#335795;font-weight:600;text-decoration:none;white-space:nowrap}.ov-lk:hover{text-decoration:underline}
.ov-big{font-size:24px;font-weight:800;color:#0D1B3E;margin:0 0 8px}.ov-big small{display:block;font-size:12px;font-weight:500;color:var(--mut)}
.ov-sel{position:absolute;top:12px;right:14px}.ov-sel select{padding:4px 8px;font-size:13px}
.ov-n{font-size:12px;color:var(--mut);margin:6px 0 0}
.ov-tg{display:inline-flex;background:#f1f3f8;border-radius:9px;padding:3px;margin:0 0 8px}.ov-tg button{border:0;background:none;padding:5px 14px;border-radius:7px;font:600 13px system-ui,sans-serif;cursor:pointer;color:#59616f}.ov-tg button.on{background:#fff;color:#0D1B3E;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.ov-t{width:100%;border-collapse:collapse;font-size:13px}.ov-t th{font-size:11px;text-transform:uppercase;color:#8a93a6;font-weight:600;text-align:left;padding:5px 4px;border-bottom:1px solid var(--line)}.ov-t td{padding:5px 4px;border-bottom:1px solid #f1f3f8}.ov-t .r{text-align:right;white-space:nowrap}
.ov-dot{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:6px}
.ov-kv .ov-tot td{font-weight:700;background:#f7f8fb}.ov-kv .ov-hl td{font-weight:800;background:#fff6df;color:#8a6a10}
.ov-im{display:flex;flex-direction:column;gap:10px}.ov-img{width:100%;height:110px;border-radius:12px;display:block;background:#eef3fa}
.ov-str{background:linear-gradient(135deg,#0D1B3E 0%,#1d3466 60%,#33527f 100%);color:#fff;overflow:hidden;border:0;min-height:230px}.ov-mnt{position:absolute;inset:0;width:100%;height:100%}.ov-sti{position:relative}
.ov-stk{color:#C9A84C;font-weight:700;font-size:13px}.ov-str h3{font-family:Georgia,serif;font-weight:400;font-size:22px;margin:8px 0 8px;color:#fff;line-height:1.25}.ov-str p{color:#d7dfee;margin:0 0 14px;line-height:1.5}
.ov-bar{display:grid;grid-template-columns:1fr auto;gap:2px 8px;align-items:center;margin:0 0 8px;font-size:13px}.ov-bar em{grid-column:1/-1;height:7px;background:#eef1f6;border-radius:4px;overflow:hidden}.ov-bar em i{display:block;height:100%;border-radius:4px}
.ov-docs{display:flex;flex-direction:column;gap:6px}.ov-docs div{display:grid;grid-template-columns:22px 1fr;column-gap:8px;font-size:13px}.ov-docs small{grid-column:2;color:var(--mut);font-size:11.5px}
.ov-ck{grid-row:span 2;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;color:#fff}.ov-ck.ok{background:#2f7a4d}.ov-ck.ko{background:#d8a43a}
.ovw .fy-spark{width:100%!important;max-width:none!important;height:auto!important;display:block}
body.tx-ov #fh .fh-k,body.tx-ov #fh .rdv-bar,body.tx-ov #fh .journey{display:none!important}
/* écran moyen (CRM ouvert dans l'Espace conseiller, portable) : le menu passe sur une 2e ligne qui défile ; « + Nouveau client / prospect » reste toujours visible */
/* barre du CRM : jamais coupée, quelle que soit la largeur (CRM ouvert dans l'Espace conseiller, portable, grand écran) :
   libellés du menu sur une ligne ; s'il n'y a pas la place, le menu passe sur une 2e ligne qui défile, et « + Nouveau client / prospect »,
   le nom et Déconnexion restent visibles sur la 1re ligne */
.top{flex-wrap:wrap;row-gap:8px}.top .nav button{white-space:nowrap}.top .nav{min-width:0}
@media(max-width:2100px){.top{padding:10px 20px}.top .nav{order:10;flex:1 1 100%;margin-left:0;overflow-x:auto;scrollbar-width:thin}.top>.sp{flex:1}}