:root{--ink:#07384a;--navy:#082f43;--blue:#087d9d;--teal:#078c92;--mint:#91eda6;--gold:#ffb735;--bg:#f3f8fa;--soft:#e9f3f7;--line:#dce9ef;--muted:#647d90;--danger:#ba3547;--white:#fff;--shadow:0 12px 35px rgba(7,54,77,.055);font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink)}*{box-sizing:border-box}svg{width:18px;height:18px;flex-shrink:0}body{margin:0;background:var(--bg);font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em}#app{min-height:100vh}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column}.loading-screen img{width:240px}.shell{max-width:1800px;margin:auto}.topbar{background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:23px;padding:12px 30px;min-height:78px}.brand{display:flex;align-items:center;flex-shrink:0}.brand img{display:block;width:220px;height:auto;max-height:57px;object-fit:contain}.menu{display:flex;align-items:center;gap:2px;flex:1;justify-content:center}.nav-link{background:transparent;border:0;border-radius:12px;padding:11px 12px;color:#355c70;white-space:nowrap;font-size:13px;font-weight:650;display:flex;align-items:center;gap:7px}.nav-link:hover,.nav-link.active{background:#eaf7fa;color:var(--ink)}.nav-link svg,.icon svg{width:18px;height:18px;stroke-width:2}.top-tools{display:flex;align-items:center;gap:10px}.search-global{display:flex;align-items:center;gap:7px;border-radius:13px;background:#f4f8fa;padding:10px 12px;border:1px solid #eaf1f5;width:235px}.search-global input{border:0;background:transparent;outline:none;min-width:0;width:100%;font-size:12px}.year-selector{padding:10px;border:1px solid #e1eaf0;background:white;border-radius:12px;font-weight:750;color:var(--navy)}.profile{display:flex;gap:9px;align-items:center;min-width:148px}.avatar{width:34px;height:34px;background:#e2f3ee;border-radius:50%;display:grid;place-items:center;color:var(--teal);font-weight:800}.profile strong{font-size:12px;display:block}.profile small{font-size:10px;color:var(--muted)}.canvas{padding:0 30px 35px}.hero{position:relative;overflow:hidden;border-radius:0 0 24px 24px;min-height:191px;background:linear-gradient(105deg,#effdff,#ecf9fc 60%,#d4f2f8);padding:26px 36px;display:flex;align-items:center;justify-content:space-between;gap:14px}.hero h1{font-size:clamp(31px,3.3vw,52px);line-height:1.07;margin:0 0 6px;color:#0a3346;letter-spacing:-.055em}.hero h1 span{color:#f2a221}.hero p{font-size:17px;margin:0 0 7px;font-weight:700}.hero .sub{font-size:13px;color:#3b6880;font-weight:500}.hero-decor{position:absolute;right:0;top:0;width:43%;height:100%;pointer-events:none;opacity:.97}.sun{position:absolute;top:21px;right:28%;width:120px;height:120px;border-radius:50%;background:linear-gradient(150deg,#ffd77a,#ffb12f)}.hill{position:absolute;bottom:-1px;width:120%;height:80%;clip-path:polygon(0 95%,24% 70%,40% 82%,62% 25%,100% 100%)}.hill.one{background:#91d5df;right:-12%;bottom:0;opacity:.8}.hill.two{background:#3689a7;right:-18%;bottom:-18px;transform:scale(1.09);opacity:.9}.hill.three{background:#064d6b;right:-34%;bottom:-31px;transform:scale(.97)}.hero-title{position:relative;z-index:1}.hero-flags{position:relative;z-index:1;display:flex;gap:9px;margin-left:auto;max-width:370px}.flag{min-width:153px;border-radius:12px;background:#fffdf4e8;padding:11px;border:1px solid #d9edf3;box-shadow:var(--shadow);font-size:11px}.flag strong{display:block;font-size:12px;margin-bottom:3px}.flag small{color:#527d8b}.flag.safe{background:#e2f9e9e8;border-color:#bfebcb}.session-banner{margin:14px 0 0;padding:11px 16px;background:#fff4df;border:1px solid #f9d79a;color:#80531e;border-radius:12px;font-size:12px;display:flex;gap:10px;align-items:center;justify-content:space-between}.session-banner.good{background:#e8faf1;border-color:#b4edd0;color:#126346}.session-banner.error{background:#ffecef;border-color:#ffbfcb;color:#943044}.kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:16px 0}.card,.kpi{background:white;border-radius:15px;border:1px solid #e5edf2;box-shadow:var(--shadow)}.kpi{min-height:134px;padding:17px;display:flex;gap:11px;align-items:flex-start}.kpi .kicon{width:41px;height:41px;flex-shrink:0;background:#e8f7fd;color:#1186b4;border-radius:11px;display:grid;place-items:center}.kpi:nth-child(3) .kicon{background:#fff2da;color:#d88a08}.kpi:nth-child(4) .kicon{background:#e7fbed;color:#1f9867}.kpi:nth-child(5) .kicon{background:#eff1fe;color:#7466c5}.kpi:nth-child(6) .kicon{background:#f6eeff;color:#905bd5}.kpi .kicon svg{width:23px;height:23px}.kpi .klabel{font-size:12px;font-weight:750;margin:1px 0 9px}.kpi .kvalue{font-weight:850;font-size:clamp(16px,1.4vw,24px);color:#12374e;font-variant-numeric:tabular-nums;white-space:nowrap}.kpi .kfoot{margin-top:8px;font-size:11px;color:#718c9a}.layout-main{display:grid;grid-template-columns:1.53fr 1fr .66fr;gap:13px}.card{padding:17px;min-width:0}.card-head{display:flex;gap:10px;align-items:flex-start;justify-content:space-between;margin-bottom:13px}.card-head h2{font-size:17px;margin:0 0 3px}.card-head p{font-size:12px;color:var(--muted);margin:0}.card-title{display:flex;gap:11px;align-items:flex-start}.miniicon{background:#e7f7fb;color:var(--teal);width:38px;height:38px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.miniicon svg{width:22px;height:22px}.miniicon.gold{background:#fff1d9;color:#a87413}.btn{border:1px solid #d8e5ec;background:#fff;color:#16465a;padding:10px 12px;border-radius:10px;font-weight:750;font-size:12px;white-space:nowrap}.btn.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.btn.accent{background:#087f91;border-color:#087f91;color:white}.btn:hover{filter:brightness(.97);transform:translateY(-1px)}.btn.xs{font-size:11px;padding:7px 9px}.btn.ghost{background:transparent}.filters{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.control{padding:9px 10px;border:1px solid var(--line);border-radius:9px;color:#385367;background:#fff;max-width:240px;font-size:12px}.chart-wrap{width:100%;height:270px}.chart-wrap svg{width:100%;height:100%;overflow:visible}.chart-legend{display:flex;align-items:center;gap:20px;justify-content:center;font-size:11px;color:#517084;flex-wrap:wrap}.dot{width:10px;height:10px;display:inline-block;border-radius:50%;margin-right:5px}.timeline{display:flex;flex-direction:column;max-height:295px;overflow:auto}.timeline-row{display:flex;align-items:center;gap:11px;padding:10px 0;border-top:1px solid #eaf0f4}.timeline-row:first-child{border-top:0}.datebox{background:#edf5f8;color:#214f68;width:42px;min-width:42px;border-radius:8px;text-align:center;padding:6px 4px;font-size:10px}.datebox b{display:block;font-size:18px}.tmain{min-width:0;flex:1}.tmain strong{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tmain small{font-size:11px;color:var(--muted);display:block;margin-top:2px}.tag{display:inline-block;padding:4px 7px;border-radius:6px;background:#e5f3ff;color:#156087;font-size:10px;font-weight:750}.tag.rec{color:#188044;background:#e0f8e9}.tag.sm{color:#80571b;background:#fff2d9}.tag.warn{color:#a44b24;background:#ffece0}.tamount{font-weight:800;font-size:12px;white-space:nowrap}.more{border:0;background:transparent;color:#477b90;padding:5px 4px;font-weight:800}.cloture{background:linear-gradient(140deg,#fffefd,#fff8eb)}.cloture-entry{background:#fff;border:1px solid #f2e8dd;display:flex;align-items:center;gap:8px;padding:12px 10px;border-radius:9px;margin-bottom:8px;font-size:12px}.cloture-entry strong{margin-left:auto;white-space:nowrap}.alertstrip{padding:12px;background:#fff0d7;color:#915510;border-radius:10px;margin-top:10px;font-size:11px}.wide-layout{display:grid;grid-template-columns:2.32fr 1fr;gap:13px;margin-top:13px}.table-scroll{overflow:auto;max-width:100%}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px}th{color:#56778c;background:#edf5f9;text-align:left;font-weight:750;padding:11px}td{border-bottom:1px solid #edf2f5;padding:10px 11px;max-width:340px;overflow:hidden;text-overflow:ellipsis}td.num{text-align:right;font-variant-numeric:tabular-nums;font-weight:650}.clientname{font-weight:750;color:#0a5067}.clientname:before{content:'✦';color:#23a5a7;margin-right:7px}.muted{color:#7a8d99}.panel-roles{display:grid;gap:8px}.role{display:flex;align-items:center;gap:11px;padding:12px;border-radius:11px;font-size:12px;background:#fff4e0}.role:nth-child(2){background:#ecf7fd}.role:nth-child(3){background:#e8faee}.role strong{display:block}.role small{color:#637e8f}.roleico{font-size:20px}.single{margin-top:13px}.empty{padding:35px 20px;text-align:center;color:#668397;line-height:1.6}.empty strong{display:block;color:#17475d;font-size:15px}.divider{height:1px;background:var(--line);margin:12px 0}.overlay{position:fixed;inset:0;background:#082a3c80;z-index:100;display:flex;justify-content:flex-end}.drawer{background:white;height:100%;width:min(530px,100%);padding:28px;overflow:auto;box-shadow:-20px 0 50px #08233229}.drawer h2{font-size:25px}.drawer .row{display:flex;justify-content:space-between;align-items:center}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:13px}.field.wide{grid-column:1/-1}.field label{font-weight:750;font-size:12px;color:#456275}.field input,.field select,.field textarea{border:1px solid #dce8ee;border-radius:9px;padding:11px;color:#133f52;width:100%;background:#fff}.field textarea{min-height:70px}.actions{display:flex;gap:10px;margin-top:20px;justify-content:flex-end}.statehint{background:#eaf7fa;color:#245c74;padding:10px;border-radius:9px;line-height:1.45;font-size:12px}.toast{position:fixed;right:20px;bottom:25px;background:#113e50;color:#fff;padding:13px 18px;border-radius:12px;z-index:110;box-shadow:0 8px 20px #0824304f}.side-by-side{display:grid;grid-template-columns:1fr 1fr;gap:12px}.statline{display:flex;justify-content:space-between;border-bottom:1px solid #e9eff2;padding:10px 0}.micro{font-size:11px;color:var(--muted)}.spaced{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.popover{position:absolute;z-index:50;right:0;top:45px;background:#fff;border-radius:12px;border:1px solid var(--line);padding:10px;box-shadow:0 15px 35px #173d4a25}.statusdot{width:8px;height:8px;border-radius:50%;background:#36c76e;display:inline-block;margin-right:5px}.statusdot.warn{background:#ffaf36}.feedback{font-size:12px;color:#246c65}.no-data{color:#6f8898;font-style:italic}.pill{border-radius:16px;padding:4px 8px;background:#e8f5f9;color:#377085;font-size:11px}.tabstrip{display:flex;gap:7px;flex-wrap:wrap;padding-bottom:10px}.tabstrip button{border:1px solid #dce9ef;background:white;border-radius:9px;padding:10px 12px;color:var(--ink)}.tabstrip .current{background:var(--ink);color:#fff}.notprod{display:inline-flex;align-items:center;gap:5px;font-size:10px;background:#fff2dd;color:#875d16;border-radius:99px;padding:4px 8px}.hide{display:none!important}@media(max-width:1400px){.topbar{gap:8px;padding:10px 20px}.brand img{width:170px}.search-global{width:175px}.nav-link{padding:10px 8px}.canvas{padding:0 20px 25px}.kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.layout-main{grid-template-columns:1.4fr 1fr}.cloture{grid-column:1/-1}.wide-layout{grid-template-columns:1fr}.hero-decor{width:38%}}@media(max-width:980px){.topbar{flex-wrap:wrap}.menu{order:3;width:100%;justify-content:flex-start;overflow-x:auto}.top-tools{margin-left:auto}.hero{padding:22px}.hero-decor{opacity:.22;width:100%}.hero-flags{display:none}.layout-main{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.search-global{display:none}}@media(max-width:560px){.canvas{padding:0 10px 20px}.topbar{padding:10px}.hero h1{font-size:36px}.hero{min-height:144px}.kpis{gap:7px}.kpi{padding:11px;min-height:110px}.kpi .kicon{width:29px;height:29px}.kpi .kvalue{font-size:17px}.card{padding:12px}.form-grid{grid-template-columns:1fr}.field.wide{grid-column:auto}.profile{min-width:auto}.profile>span:nth-child(2){display:none}}

/* HORIZON 2027 — Accueil sécurisé Microsoft */
.auth-root{min-height:100vh;background:radial-gradient(ellipse at 80% 12%,#dff7f8 0%,transparent 40%),radial-gradient(ellipse at 0% 85%,#fff2d1 0%,transparent 36%),#f8fbfd;color:#073b54;font-family:inherit;display:flex;flex-direction:column}
.auth-brand{padding:28px clamp(24px,5vw,80px)}.auth-brand img{width:210px;max-width:70vw;height:auto}
.auth-panel{width:min(520px,calc(100% - 40px));margin:clamp(34px,8vh,95px) auto 40px;padding:clamp(25px,4vw,45px);border:1px solid #dbeaf0;border-radius:28px;background:white;box-shadow:0 24px 70px rgba(3,46,67,.08)}
.auth-kicker{font-size:11px;font-weight:800;letter-spacing:.15em;color:#07829a}
.auth-panel h1{font-size:clamp(38px,6vw,60px);letter-spacing:-.055em;line-height:1;margin:18px 0 9px;color:#073b54}.auth-panel h1 em{font-style:normal;color:#ffae2b}
.auth-sub{color:#42758a;line-height:1.5;margin:0 0 18px}.auth-divider{height:2px;background:linear-gradient(90deg,#00a9a7,#ffb437,transparent);margin:27px 0}
.auth-private{display:flex;gap:13px;align-items:flex-start}.auth-private svg{width:24px;min-width:24px;color:#049d99}.auth-private strong{font-size:16px}.auth-private p{font-size:13px;line-height:1.6;margin:7px 0 20px;color:#597b8c}
.auth-ms-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;background:#073b54;color:white;border:0;border-radius:13px;padding:16px 14px;font-weight:800;cursor:pointer}.auth-ms-btn:hover{background:#0b5770}.auth-ms-btn>svg{width:19px;height:19px;margin-left:auto}.ms-symbol{display:grid;grid-template-columns:repeat(2,8px);grid-template-rows:repeat(2,8px);gap:2px}.ms-symbol i:nth-child(1){background:#f35325}.ms-symbol i:nth-child(2){background:#81bc06}.ms-symbol i:nth-child(3){background:#05a6f0}.ms-symbol i:nth-child(4){background:#ffba08}
.auth-disabled{background:#fff7e6;border:1px solid #ffdba1;color:#865219;padding:14px;border-radius:12px;font-size:13px}
.auth-note{font-size:12px;color:#748d9a;line-height:1.65;margin:18px 0 0}.auth-footer{display:flex;justify-content:space-between;padding:20px clamp(24px,5vw,80px);margin-top:auto;color:#6b8c9d;font-size:12px;gap:10px}

/* HORIZON V5 - état initial de reprise 2026 */
.onboard{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#e6f6f1;border:1px solid #a3dfc9;border-radius:16px;padding:20px 24px;margin:0 0 16px;color:#063e48}
.onboard strong{font-weight:750;font-size:16px}
.onboard p{margin:5px 0 0;font-size:13px;color:#315965;line-height:1.4}
@media(max-width:860px){.onboard{flex-direction:column;align-items:stretch}.onboard .btn{justify-content:center}}