/* ===================================================================================
   Nimaro — feuille de style de l'application.

   CE FICHIER EST GÉNÉRÉ. Ne pas le modifier à la main : toute retouche sera écrasée.
   Il est reconstruit à partir des maquettes de Mikaël par :

       node outils/construire_app_css.js <dossier décompressé>

   Généré le 23/10/2026 11:30:51.

   Règle des univers (README du dossier) : la couleur d'univers ne touche QUE la barre
   latérale et les boutons d'action — marine #16324F côté entreprise, vert #12B8A6 côté
   commercial. Les graphiques, jauges, anneaux et pastilles gardent la palette commune.
   L'orange est réservé aux actions à traiter. Il n'y a pas de mode sombre.
   =================================================================================== */

/* ======================= 1. SOCLE COMMUN (tableau de bord commercial) ======================= */
:root{--teal:#0A7D70;--mint:#12B8A6;--turq:#19D6C2;--amber:#F4A340;--amber2:#E8912B;--info:#6FA8E6;--rose:#E05C78;--violet:#4F86C6;
  --grad:linear-gradient(135deg,#19D6C2,#0A7D70);
  --grad-amber:linear-gradient(135deg,#F7B955,#E8912B);
  --orange:#F4A340;--orange2:#E8912B;--grad-orange:linear-gradient(135deg,#F7B955,#E8912B);
  --bg:#0B1B29;--bg2:#0E2233;--side:#16324F;--topbar:rgba(11,27,41,.7);
  --card:#13273A;--card2:#16293B;--line:rgba(255,255,255,.08);--line2:rgba(255,255,255,.05);
  --text:#EDF3F7;--muted:#9FB3C2;--faint:#6E8494;
  --navhover:rgba(255,255,255,.05);--navactive:rgba(18,184,166,.14);--navactivetx:#5fe6d2;
  --chip:rgba(255,255,255,.06);--shadow:0 18px 44px -22px rgba(0,0,0,.7);
  --ok-bg:rgba(18,184,166,.16);--ok-tx:#8ff0e2;--wait-bg:rgba(244,163,64,.16);--wait-tx:#f4c98a;
  --plan-bg:rgba(111,168,230,.16);--plan-tx:#a9c8ee;--danger-bg:rgba(220,90,90,.16);--danger-tx:#f3a9a9;
  --neutral-bg:rgba(255,255,255,.08);--neutral-tx:#c9d6e0;
  --grid:rgba(255,255,255,.07);}
:root{--bg:#EEF3F8;--bg2:#F4F8FB;--side:#FFFFFF;--topbar:rgba(255,255,255,.82);
  --card:#FFFFFF;--card2:#FFFFFF;--line:#E4EBF3;--line2:#EEF2F7;
  --text:#0E2233;--muted:#5A6B7B;--faint:#90A2B0;--navhover:#EFF4F9;--navactive:#E2F7F4;--navactivetx:#0A7D70;
  --chip:#EFF4F9;--shadow:0 12px 30px rgba(16,43,67,.08);
  --ok-bg:#E2F7F4;--ok-tx:#0A7D70;--wait-bg:#FEF3E0;--wait-tx:#9A5A12;--plan-bg:#E9EEFB;--plan-tx:#2a3f8f;--danger-bg:#FBE3E3;--danger-tx:#9B2C2C;
  --neutral-bg:#EFF4F9;--neutral-tx:#5A6B7B;
  --grid:#E4EBF3;}
*{box-sizing:border-box;margin:0;padding:0}
html,body{max-width:100%;overflow-x:clip}
body.app-body{font-family:'Plus Jakarta Sans','Segoe UI',system-ui,sans-serif;color:var(--text);
  -webkit-font-smoothing:antialiased;transition:background .3s,color .3s;
  background:radial-gradient(circle at 85% 6%,rgba(18,184,166,.14),transparent 55%),radial-gradient(circle at 5% 0%,rgba(25,214,194,.08),transparent 50%),linear-gradient(170deg,#0E2233,#123048 55%,#0B1B29) fixed}
html body.app-body{background:radial-gradient(circle at 85% 6%,rgba(18,184,166,.10),transparent 55%),radial-gradient(circle at 6% 0%,rgba(25,214,194,.07),transparent 50%),linear-gradient(170deg,#EEF3F8,#F4F8FB 55%,#E8F1F8) fixed}
a{color:inherit;text-decoration:none}
.mono{font-family:'JetBrains Mono','SFMono-Regular',Consolas,monospace}
.app{display:grid;grid-template-columns:248px 1fr;min-height:100vh}
.side{background:var(--side);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:18px 14px;gap:4px;position:sticky;top:0;height:100vh;overflow-y:auto}
.brand{display:flex;align-items:center;gap:9px;padding:6px 8px 14px}
.brand .wordmark{font-weight:800;font-size:20px;letter-spacing:-.02em}
.brand .wordmark i{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.beta{font-size:9.5px;font-weight:800;letter-spacing:.1em;color:var(--navactivetx);background:var(--navactive);padding:3px 7px;border-radius:6px;margin-left:auto}
.sidebadge{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:4px 9px;border-radius:999px;margin:0 8px 10px;display:inline-block}
.sidebadge.ent{background:var(--grad);color:#04201d}
.sidebadge.com{background:var(--grad-amber);color:#3a2400}
.navlbl{font-size:10.5px;font-weight:700;letter-spacing:.12em;color:var(--faint);text-transform:uppercase;padding:14px 10px 6px}
.nav{display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:11px;color:var(--muted);font-weight:600;font-size:14px;cursor:pointer;transition:.15s;border:0;background:transparent;font-family:inherit;width:100%;text-align:left}
.nav:hover{background:var(--navhover);color:var(--text)}
.nav.on{background:var(--navactive);color:var(--navactivetx)}
.nav svg{width:18px;height:18px;flex:none}
.nav .badge{margin-left:auto;font-size:11px;font-weight:700;background:var(--chip);color:var(--muted);min-width:20px;height:20px;border-radius:999px;display:grid;place-items:center;padding:0 6px}
.nav.on .badge{background:var(--mint);color:#04201d}
.nav .badge.warn{background:var(--orange);color:#3a2400}
.side .spacer{flex:1}
.toggle{display:none!important;align-items:center;gap:11px;padding:11px;border:1px solid var(--line);border-radius:11px;color:var(--text);font-weight:600;font-size:14px;cursor:pointer;background:transparent;font-family:inherit;width:100%;margin-top:6px}
.toggle:hover{border-color:var(--mint)}
.toggle svg{width:17px;height:17px}
.uside{display:flex;align-items:center;gap:10px;padding:10px 8px;margin-top:6px}
.uside .av0{width:34px;height:34px;border-radius:9px;background:var(--grad);display:grid;place-items:center;color:#04201d;font-weight:800;font-size:13px;flex:none}
.uside .av0.am{background:var(--grad-amber);color:#3a2400}
.uside b{font-size:13.5px;display:block}
.uside span{font-size:11.5px;color:var(--faint)}
.main{min-width:0}
.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;padding:14px 30px;background:var(--topbar);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.top h2{font-size:17px;font-weight:800;letter-spacing:-.01em}
.search{flex:1;max-width:380px;display:flex;align-items:center;gap:9px;background:var(--chip);border:1px solid var(--line);border-radius:11px;padding:9px 13px;color:var(--faint);font-size:13.5px}
.search svg{width:16px;height:16px;flex:none}
.search .kbd{margin-left:auto;font-size:11px;background:var(--card);border:1px solid var(--line);border-radius:5px;padding:1px 6px;color:var(--muted)}
.iconbtn{width:38px;height:38px;border-radius:10px;border:1px solid var(--line);background:transparent;display:grid;place-items:center;color:var(--muted);cursor:pointer;position:relative}
.iconbtn svg{width:18px;height:18px}
.iconbtn .dot{position:absolute;top:8px;right:9px;width:7px;height:7px;border-radius:50%;background:var(--orange)}
.abtn{display:inline-flex;align-items:center;gap:8px;border:0;cursor:pointer;font-family:inherit;font-weight:700;font-size:14px;padding:10px 17px;border-radius:11px;transition:.15s;white-space:nowrap}
.abtn svg{width:16px;height:16px}
.abtn.fill{background:var(--grad);color:#04201d}
.abtn.fill:hover{filter:brightness(1.06);transform:translateY(-1px)}
.abtn.amber{background:var(--grad-orange);color:#3a2400}
.abtn.amber:hover{filter:brightness(1.06);transform:translateY(-1px)}
.abtn.orange{background:var(--grad-orange);color:#3a2400}
.abtn.orange:hover{filter:brightness(1.06);transform:translateY(-1px)}
.abtn.line{background:transparent;border:1px solid var(--line);color:var(--text)}
.abtn.line:hover{border-color:var(--mint)}
.abtn.sm{padding:7px 12px;font-size:12.5px;border-radius:9px}
.abtn.xs{padding:5px 10px;font-size:12px;border-radius:8px}
.seg{display:inline-flex;background:var(--chip);border:1px solid var(--line);border-radius:10px;padding:3px;gap:2px}
.seg button{border:0;background:transparent;color:var(--muted);font-family:inherit;font-weight:700;font-size:12.5px;padding:6px 11px;border-radius:8px;cursor:pointer;transition:.15s}
.seg button.on{background:var(--card);color:var(--text);box-shadow:0 2px 8px rgba(0,0,0,.15)}
html .seg button.on{box-shadow:0 2px 8px rgba(16,43,67,.1)}
.awrap{max-width:1240px;margin:0 auto;padding:24px 30px 60px}
.view{display:none}
.view.on{display:block;animation:nmUp .35s ease both}
.pagehead{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.eyebrow{font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--turq)}
.eyebrow.am{color:var(--teal)}
.pagehead h1{font-size:28px;font-weight:800;letter-spacing:-.02em;margin:6px 0 4px}
.pagehead p{color:var(--muted);font-size:14px}
.headactions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.chip2{font-size:12px;font-weight:600;color:var(--muted);background:var(--chip);border:1px solid var(--line);padding:6px 11px;border-radius:999px}
.dlink{font-size:13px;font-weight:600;color:var(--navactivetx);cursor:pointer;background:none;border:0;font-family:inherit}
.dlink:hover{text-decoration:underline}
.acard{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);margin-bottom:20px}
.acard-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 20px;border-bottom:1px solid var(--line2);flex-wrap:wrap}
.acard-h b{font-size:15.5px;font-weight:800}
.acard-h small{display:block;color:var(--muted);font-weight:500;font-size:12.5px;margin-top:2px}
.acard-b{padding:18px 20px}
.acard-b.tight{padding:8px 20px 14px}
.cols2{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}
.cols2>div,.cols2b>div,.cols3>div,.act>div{min-width:0}
.cols2b{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.cols3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;align-items:start}
.hacts{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ast{font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.ast .d{width:6px;height:6px;border-radius:50%;background:currentColor}
.ast.ok{background:var(--ok-bg);color:var(--ok-tx)}
.ast.wait{background:var(--wait-bg);color:var(--wait-tx)}
.ast.plan{background:var(--plan-bg);color:var(--plan-tx)}
.ast.no{background:var(--danger-bg);color:var(--danger-tx)}
.ast.neu{background:var(--neutral-bg);color:var(--neutral-tx)}
.todo{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:20px}
.todo .t{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:13px 15px;cursor:pointer;transition:.18s}
.todo .t:hover{transform:translateY(-2px);border-color:rgba(25,214,194,.45)}
.todo .t .n{font-family:'JetBrains Mono',monospace;font-weight:700;font-size:22px;min-width:38px}
.todo .t .n.am{color:var(--orange2)}
.todo .t .n.ro{color:var(--rose)}
.todo .t .n.tq{color:var(--turq)}
.todo .t b{font-size:13.5px;display:block}
.todo .t span{font-size:12px;color:var(--muted)}
.todo .t .go{margin-left:auto;color:var(--faint)}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}
.kpis.k6{grid-template-columns:repeat(6,1fr)}
.kpi{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;position:relative;overflow:hidden}
.kpi:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad)}
.kpi.am:before{background:var(--grad-orange)}
.kpi .kh{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12.5px;font-weight:600}
.kpi .ic{width:28px;height:28px;border-radius:8px;background:var(--ok-bg);color:var(--ok-tx);display:grid;place-items:center;flex:none}
.kpi .ic svg{width:15px;height:15px}
.kpi .ic.am{background:var(--wait-bg);color:var(--wait-tx)}
.kpi .val{font-family:'JetBrains Mono',monospace;font-weight:700;font-size:26px;margin:10px 0 4px;letter-spacing:-.5px}
.kpi .val small{font-size:14px;color:var(--muted);font-family:'Plus Jakarta Sans';font-weight:600}
.kpi .sub{font-size:12px;color:var(--faint);line-height:1.4}
.kpi.hs .sub{padding-right:90px}
.kpi .up{color:var(--mint);font-weight:700}
.kpi .down{color:var(--rose);font-weight:700}
.kpi .spark{position:absolute;right:12px;bottom:10px;width:84px;height:30px;opacity:.9}
.kpi .help{position:absolute;top:12px;right:12px;width:18px;height:18px;border-radius:50%;background:var(--chip);color:var(--faint);font-size:11px;display:grid;place-items:center;cursor:help;font-weight:700}
.tbl{width:100%;border-collapse:collapse;font-size:13.5px}
.tbl th{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);font-weight:700;text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap}
.tbl td{padding:12px 12px;border-bottom:1px solid var(--line2);vertical-align:middle}
.tbl tr:last-child td{border-bottom:0}
.tbl tbody tr:hover td{background:var(--navhover)}
.tbl .r{text-align:right}
.tbl .num{font-family:'JetBrains Mono',monospace;font-weight:700}
.tbl .sub{font-size:12px;color:var(--muted);display:block;margin-top:2px}
.tblwrap{overflow-x:auto}
.av{width:30px;height:30px;border-radius:8px;background:var(--grad);display:inline-grid;place-items:center;color:#04201d;font-weight:800;font-size:11px;flex:none;vertical-align:middle}
.av.am{background:var(--grad-amber);color:#3a2400}
.av.gr{background:var(--chip);color:var(--muted)}
.who{display:flex;align-items:center;gap:9px}
.who b{display:block;font-size:13.5px}
.who span{font-size:12px;color:var(--muted)}
.stars{color:var(--orange);font-size:12.5px;letter-spacing:1px}
.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:14px}
.filters select,.filters input{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:0 11px;height:40px;color:var(--text);font-family:inherit;font-size:13.5px}
.filters .fs{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:0 12px;height:40px;box-sizing:border-box;color:var(--faint);font-size:13.5px;flex:1 1 220px;min-width:200px}
.fs svg{width:16px;height:16px;flex:none}
.filters .fs input{border:0;background:transparent;padding:0;flex:1;outline:none;color:var(--text);font-family:inherit;font-size:13.5px;height:100%}
.pill{font-size:12px;font-weight:700;padding:6px 11px;border-radius:999px;border:1px solid var(--line);background:var(--chip);color:var(--muted);cursor:pointer;font-family:inherit}
.pill.on{background:var(--grad);color:#04201d;border-color:transparent}
.pill.am.on{background:var(--grad-amber);color:#3a2400}
.kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.kcol{background:var(--bg2);border:1px solid var(--line2);border-radius:14px;padding:12px;min-height:110px;min-width:0}
.kcard{min-width:0}
html .kcol{background:#F7FAFD}
.kcol-h{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;margin-bottom:11px;padding:0 4px}
.kcol-h .d{width:8px;height:8px;border-radius:50%}
.kcol-h .n{margin-left:auto;color:var(--faint)}
.kcard{background:var(--card2);border:1px solid var(--line);border-radius:12px;padding:13px;margin-bottom:10px;transition:.15s;cursor:pointer}
.kcard:hover{transform:translateY(-3px);border-color:var(--mint);box-shadow:var(--shadow)}
.kcard:last-child{margin-bottom:0}
.kc-top{display:flex;align-items:center;gap:9px;margin-bottom:8px;flex-wrap:wrap}
.kc-top>b{flex:1 1 150px;min-width:0}
.kc-top .ast{flex:none}
.kc-top b{font-size:13.5px}
.kc-top span{font-size:11px;color:var(--faint);margin-left:auto;white-space:nowrap}
.kcard p{font-size:12.5px;color:var(--muted);line-height:1.5;margin-bottom:8px}
.kmeta{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}
.kmeta span{font-size:11px;font-weight:600;color:var(--muted);background:var(--chip);border:1px solid var(--line);padding:3px 8px;border-radius:999px}
.track{height:7px;border-radius:999px;background:var(--chip);overflow:hidden}
.track i{display:block;height:100%;background:var(--grad);border-radius:999px;transition:width .6s ease}
.track i.am{background:var(--grad-orange)}
.track i.ro{background:var(--rose)}
.obj{margin-bottom:14px}
.obj:last-child{margin-bottom:0}
.obj-h{display:flex;justify-content:space-between;font-size:13px;margin-bottom:7px;gap:10px}
.obj-h .v{color:var(--muted);font-family:'JetBrains Mono',monospace;font-weight:700;font-size:12px;white-space:nowrap}
.kv{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid var(--line2);font-size:13px}
.kv:last-child{border-bottom:0}
.kv span{color:var(--muted);flex:none}
.kv b{font-weight:600;text-align:right}
.act{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid var(--line2)}
.act:last-child{border-bottom:0}
.act .ai{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:none;background:var(--ok-bg);color:var(--ok-tx)}
.act .ai svg{width:15px;height:15px}
.act .ai.am{background:var(--wait-bg);color:var(--wait-tx)}
.act .ai.no{background:var(--danger-bg);color:var(--danger-tx)}
.act .ai.pl{background:var(--plan-bg);color:var(--plan-tx)}
.act .at{font-size:13px;line-height:1.4}
.act .as{font-size:11.5px;color:var(--faint);margin-top:2px}
.empty{text-align:center;padding:30px 16px;color:var(--muted);font-size:14px}
.chart{width:100%;height:auto;display:block}
.chart text{font-family:'Plus Jakarta Sans',system-ui,sans-serif;fill:var(--muted);font-size:11px}
.chart .axis{stroke:var(--grid)}
.chart .lbl{fill:var(--faint);font-size:10.5px}
.chart .val{fill:var(--text);font-weight:700;font-size:11px;font-family:'JetBrains Mono',monospace}
.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-top:10px}
.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.chart-note{font-size:12.5px;color:var(--muted);margin-top:10px;line-height:1.5}
.chart-note b{color:var(--text)}
.afunnel{display:flex;flex-direction:column;gap:9px}
.afr{display:grid;grid-template-columns:190px 1fr 210px;align-items:center;gap:14px}
.afl{font-size:13.5px;color:var(--text);font-weight:600}
.afl small{display:block;color:var(--faint);font-weight:500;font-size:11.5px}
.abar{height:32px;border-radius:9px;background:var(--grad);display:flex;align-items:center;padding-left:12px;color:#04201d;font-weight:800;font-family:'JetBrains Mono',monospace;font-size:13.5px;min-width:52px;transition:width .6s ease}
.abar.b2{background:linear-gradient(135deg,#3fd9c6,#0f8f7f)}
.abar.b3{background:linear-gradient(135deg,#7fe9da,#12a894)}
.abar.b4{background:linear-gradient(135deg,#a9efe4,#19b9a6)}
.abar.b5{background:linear-gradient(135deg,#F7B955,#E8912B);color:#3a2400}
.abar.b6{background:linear-gradient(135deg,#F4A340,#d97b16);color:#3a2400}
.abar.b7{background:linear-gradient(135deg,#4F86C6,#2F5E9E);color:#fff}
.afp{text-align:right;font-size:12.5px;color:var(--muted)}
.afp b{color:var(--text);font-family:'JetBrains Mono',monospace}
.afp .bench{display:block;font-size:11px;color:var(--faint)}
.afp .bench.good{color:var(--mint)}
.afp .bench.bad{color:var(--rose)}
.heat{display:grid;grid-template-columns:48px repeat(5,1fr);gap:4px;font-size:11px;color:var(--faint)}
.heat .c{height:26px;border-radius:6px;display:grid;place-items:center;font-family:'JetBrains Mono',monospace;font-size:10.5px;font-weight:700;color:var(--text)}
.heat .h{text-align:center;font-weight:700;padding-bottom:4px}
.heat .rl{display:flex;align-items:center;justify-content:flex-end;padding-right:6px}
.lbrow{display:flex;align-items:center;gap:10px;padding:8px 6px;border-bottom:1px solid var(--line2);font-size:13.5px}
.lbrow:last-of-type{border-bottom:0}
.lbrow .lbr{width:22px;height:22px;border-radius:7px;background:var(--chip);display:grid;place-items:center;font-family:'JetBrains Mono',monospace;font-weight:700;font-size:12px;color:var(--muted);flex:none}
.lbrow .lbn{flex:1;font-weight:600}
.lbrow .lbp{font-family:'JetBrains Mono',monospace;font-weight:700;color:var(--turq)}
.lbrow.me{background:var(--navactive);border-radius:8px;border-bottom-color:transparent}
.lbrow:first-child .lbr{background:var(--grad);color:#04201d}
.badge-verif{display:inline-flex;align-items:center;gap:6px;background:var(--grad);color:#04201d;font-size:11.5px;font-weight:800;padding:4px 10px 4px 6px;border-radius:999px;white-space:nowrap}
.badge-verif .c{display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#04201d;color:var(--turq);font-size:9px;font-weight:900}
.badge-top{display:inline-flex;align-items:center;gap:5px;background:var(--grad-amber);color:#3a2400;font-size:11.5px;font-weight:800;padding:4px 10px;border-radius:999px;white-space:nowrap}
.note{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--card2);margin-bottom:10px}
.note:last-child{margin-bottom:0}
.note-h{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:12.5px;color:var(--muted)}
.note-h b{color:var(--text);font-size:13.5px}
.note p{font-size:13px;line-height:1.5;color:var(--text)}
.note .tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.note .tags span{font-size:11px;font-weight:600;background:var(--chip);border:1px solid var(--line);color:var(--muted);padding:2px 8px;border-radius:999px}
.money{font-family:'JetBrains Mono',monospace;font-weight:700}
.big{font-family:'JetBrains Mono',monospace;font-weight:700;font-size:30px;letter-spacing:-.5px}
.info-banner{display:flex;gap:12px;align-items:flex-start;background:var(--plan-bg);color:var(--plan-tx);border-radius:12px;padding:12px 14px;font-size:13px;line-height:1.5;margin-bottom:16px}
.info-banner svg{width:18px;height:18px;flex:none;margin-top:1px}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:16px}
.tabs button{background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);font-family:inherit;font-weight:700;font-size:13.5px;padding:10px 14px;cursor:pointer;margin-bottom:-1px}
.tabs button.on{color:var(--text);border-bottom-color:var(--mint)}
.tabs button .n{font-size:11px;background:var(--chip);border-radius:999px;padding:1px 7px;margin-left:6px;color:var(--muted)}
.tabpane{display:none}
.tabpane.on{display:block}
.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--card);border:1px solid var(--line);color:var(--text);padding:11px 16px;border-radius:12px;font-size:13.5px;box-shadow:var(--shadow);opacity:0;transition:.25s;z-index:999;pointer-events:none}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.spec{font-size:11px;color:var(--faint);border:1px dashed var(--line);border-radius:8px;padding:6px 10px;margin-top:10px;line-height:1.5}
.spec b{color:var(--muted)}
@keyframes nmUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media(max-width:1180px){.cols2{grid-template-columns:1fr}.kpis.k6{grid-template-columns:repeat(3,1fr)}.cols3{grid-template-columns:1fr 1fr}}
@media(max-width:1000px){.kpis{grid-template-columns:1fr 1fr}.cols2b{grid-template-columns:1fr}.app{grid-template-columns:72px 1fr}.brand .wordmark,.navlbl,.nav span,.nav .badge,.toggle span,.uside div,.beta,.sidebadge{display:none}.nav,.toggle{justify-content:center}}
@media(max-width:760px){.kanban{grid-template-columns:1fr}.top{flex-wrap:wrap;gap:10px}.top .search{order:5;flex-basis:100%;max-width:none}.awrap{padding:18px 16px 42px}.afr{grid-template-columns:110px 1fr}.afp{grid-column:1/-1;text-align:left}.cols3{grid-template-columns:1fr}.kpis.k6{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.kpis,.kpis.k6{grid-template-columns:1fr}.app{grid-template-columns:56px 1fr}.top .search{display:none}}
.scope{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.scope button{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--card);color:var(--muted);font-family:inherit;font-weight:700;font-size:14px;padding:11px 18px;border-radius:12px;cursor:pointer;transition:.15s}
.scope button svg{width:16px;height:16px}
.scope button em{font-style:normal;font-size:11.5px;background:var(--chip);border-radius:999px;padding:2px 8px;color:var(--faint);font-family:'JetBrains Mono',monospace}
.scope button:hover{border-color:var(--mint);color:var(--text)}
.scope button.on{background:var(--grad);color:#04201d;border-color:transparent;box-shadow:0 10px 24px -12px rgba(18,184,166,.7)}
.scope button.on em{background:rgba(4,32,29,.18);color:#04201d}
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}
.tiles.tiles3{grid-template-columns:repeat(3,1fr)}
.tile{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px 18px 14px;position:relative;overflow:hidden;cursor:pointer;transition:.18s;display:flex;flex-direction:column}
.tile:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad)}
.tile.am:before{background:var(--grad-orange)}
.tile.ro:before{background:linear-gradient(135deg,#f08ca0,#E05C78)}
.tile.gr:before{background:var(--grid)}
.tile:hover{transform:translateY(-3px);border-color:rgba(25,214,194,.45);box-shadow:var(--shadow)}
.tile.open{border-color:var(--mint)}
.tile .th{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:13px;font-weight:600}
.tile .th .ic{width:28px;height:28px;border-radius:8px;background:var(--ok-bg);color:var(--ok-tx);display:grid;place-items:center;flex:none}
.tile .th .ic svg{width:15px;height:15px}
.tile.am .th .ic{background:var(--wait-bg);color:var(--wait-tx)}
.tile.ro .th .ic{background:var(--danger-bg);color:var(--danger-tx)}
.tile .tv{font-family:'JetBrains Mono',monospace;font-weight:700;font-size:34px;letter-spacing:-1px;margin:12px 0 2px;line-height:1}
.tile .tv small{font-size:16px;color:var(--muted);font-family:'Plus Jakarta Sans';font-weight:600;letter-spacing:0}
.tile .ts{font-size:12.5px;color:var(--faint);min-height:18px;line-height:1.45}
.tile .tm{margin-top:auto;padding-top:12px;border-top:1px dashed var(--line);display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.tile .tm span{font-size:12px;color:var(--muted)}
.tile .tm b{font-family:'JetBrains Mono',monospace;font-weight:700;font-size:16px;white-space:nowrap}
.tile .tm b.am{color:var(--orange2)}
.tile .tm b.tq{color:var(--turq)}
.tile .ring{position:absolute;right:16px;top:50px;width:52px;height:52px}
.tile .stars{font-size:15px;letter-spacing:2px}
.tile .go{position:absolute;right:14px;bottom:14px;color:var(--faint);opacity:0;transition:.15s}
.tile .go svg{width:16px;height:16px}
.tile:hover .go{opacity:1}
.drawer{display:none;background:var(--card);border:1px solid var(--mint);border-radius:18px;margin-bottom:20px;animation:nmUp .25s ease both;overflow:hidden}
.drawer.on{display:block}
.drawer .dh{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 20px;border-bottom:1px solid var(--line2)}
.drawer .dh b{font-size:15px}
.drawer .dh small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px}
.drawer .dx{background:transparent;border:0;color:var(--muted);cursor:pointer;font-size:22px;line-height:1}
.mrow{display:flex;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid var(--line2);cursor:pointer;border-radius:8px}
.mrow:last-child{border-bottom:0}
.mrow:hover{background:var(--navhover)}
.mrow .mt{flex:1;min-width:0}
.mrow .mt b{display:block;font-size:13.5px}
.mrow .mt span{font-size:12px;color:var(--muted)}
.mrow .mp{width:160px;flex:none}
.mrow .mp .track{margin-top:5px}
.mrow .mp small{font-size:11.5px;color:var(--faint);display:flex;justify-content:space-between}
.mrow .mm{text-align:right;flex:none;min-width:110px}
.mrow .mm b{font-family:'JetBrains Mono',monospace;font-size:14px;display:block}
.mrow .mm span{font-size:11.5px;color:var(--faint)}
@media(max-width:1100px){.tiles{grid-template-columns:1fr 1fr}.tiles.tiles3{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.tiles,.tiles.tiles3{grid-template-columns:1fr}.mrow .mp{display:none}}
.tile .gaugerow{display:flex;align-items:center;gap:14px;margin:10px 0 6px}
.tile .bigring{width:88px;height:88px;flex:none}
.tile .gaugerow .ts{line-height:1.5}
.refbtn{display:inline-flex;align-items:center;gap:6px;background:var(--danger-bg);color:var(--danger-tx);border:1px solid transparent;border-radius:999px;padding:6px 12px;font-family:inherit;font-weight:800;font-size:12.5px;cursor:pointer;transition:.15s}
.refbtn svg{width:13px;height:13px}
.refbtn:hover{filter:brightness(1.1);transform:translateY(-1px)}
.refbtn.zero{background:var(--ok-bg);color:var(--ok-tx)}
.cdown{display:inline-flex;align-items:center;gap:6px;background:var(--wait-bg);color:var(--wait-tx);border-radius:8px;padding:4px 9px;font-size:12px;font-weight:700;white-space:nowrap}
.cdown svg{width:13px;height:13px}
.cdown b{font-family:'JetBrains Mono',monospace;font-weight:700;font-variant-numeric:tabular-nums}
.cdown.hot{background:var(--danger-bg);color:var(--danger-tx);animation:cdPulse 1.6s ease-in-out infinite}
@keyframes cdPulse{0%,100%{box-shadow:0 0 0 0 rgba(224,92,120,0)}50%{box-shadow:0 0 0 4px rgba(224,92,120,.25)}}
.scopesel{flex:1;min-width:0;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 14px;color:var(--muted);font-family:inherit;font-weight:700;font-size:13.5px;min-width:260px;cursor:pointer}
.scopesel.on{border-color:var(--mint);color:var(--text)}
@media(max-width:900px){.scopesel{flex-basis:100%}}
.nav.two span{display:flex;flex-direction:column;line-height:1.15}
.nav.two span small{font-size:10.5px;font-weight:600;color:var(--faint);letter-spacing:.02em}
.nav.two.on span small{color:inherit;opacity:.75}
.mgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px}
.mcard{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px;display:flex;flex-direction:column;transition:transform .18s,border-color .18s,box-shadow .18s;box-shadow:var(--shadow)}
.mcard:hover{transform:translateY(-4px);border-color:rgba(18,184,166,.4)}
.mtop{display:flex;align-items:center;gap:12px}
.mav{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;font-weight:800;font-size:16px;flex:none}
.mid{min-width:0;flex:1}
.mid .mnm{font-weight:800;font-size:16px}
.mid .mrole{font-size:12.5px;color:var(--muted);margin-top:2px}
.iconbtn.fav{color:var(--faint)}
.iconbtn.fav.on{color:var(--orange);border-color:var(--orange)}
.mbadges{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}
.mbadge{font-size:11px;font-weight:700;padding:5px 10px;border-radius:999px;background:var(--chip);color:var(--muted);border:1px solid var(--line)}
.mbadge.ok{background:var(--ok-bg);color:var(--ok-tx);border-color:transparent}
.mbadge.amber{background:var(--wait-bg);color:var(--wait-tx);border-color:transparent}
.mrating{margin-top:12px;font-size:13.5px;font-weight:700}
.mstar{color:var(--orange)}
.mmuted{color:var(--faint);font-weight:500}
.mquote{font-size:13px;color:var(--muted);line-height:1.5;margin:10px 0;font-style:italic}
.mtags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.mtag{font-size:11px;font-weight:600;color:var(--muted);background:var(--chip);border:1px solid var(--line);padding:4px 8px;border-radius:7px}
.mstats{display:flex;gap:8px;padding:12px 0;border-top:1px solid var(--line2);border-bottom:1px solid var(--line2)}
.mstats div{flex:1}
.mstats b{font-family:'JetBrains Mono',monospace;font-weight:700;font-size:15px;display:block}
.mstats span{font-size:10.5px;color:var(--faint)}
.mfoot{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:14px;flex-wrap:wrap}
.mrate{font-weight:800;font-size:15px}
.mrate small{display:block;font-weight:500;font-size:11.5px;color:var(--muted);margin-top:2px}
.macts{display:flex;gap:8px}
.refbtn.note{background:var(--wait-bg);color:var(--wait-tx)}
.refbtn.neu{background:var(--plan-bg);color:var(--plan-tx)}
.statstrip{position:sticky;top:66px;z-index:15;display:grid;grid-template-columns:repeat(6,1fr) auto;gap:14px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 16px;margin-bottom:14px;box-shadow:var(--shadow)}
.ssi span{display:block;font-size:11px;color:var(--faint);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ssi b{display:block;font-family:'JetBrains Mono',monospace;font-size:15px;margin:2px 0 4px}
.ssi small{font-size:11px;color:var(--muted)}
.ssi .track{height:5px}
.stripdetail{animation:nmUp .25s ease both}
@media(max-width:1100px){.statstrip{grid-template-columns:repeat(3,1fr) auto;position:static}}
@media(max-width:640px){.statstrip{grid-template-columns:1fr 1fr}}
.rate{display:inline-flex;align-items:center;gap:1px;cursor:pointer;font-size:19px;line-height:1;user-select:none;vertical-align:middle}
.rate i{font-style:normal;color:#D5DEE7;transition:transform .12s,color .12s}
.rate i.on{color:var(--orange)}
.rate i.hov{color:var(--orange2);transform:scale(1.18)}
.rate:hover i:not(.hov){color:#D5DEE7}
.rate em{font-style:normal;font-size:11.5px;font-weight:700;color:var(--faint);margin-left:7px;white-space:nowrap}
.rate.set em{color:var(--muted)}
.rate.sm{font-size:16px}
.rate.lg{font-size:28px;gap:3px}
.rate.lg em{font-size:13px;margin-left:10px}
.rate.pop i.on{animation:ratePop .35s ease}
@keyframes ratePop{0%{transform:scale(1)}50%{transform:scale(1.35)}100%{transform:scale(1)}}
.remind{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:linear-gradient(90deg,rgba(244,163,64,.16),rgba(244,163,64,.04));border:1px solid rgba(244,163,64,.45);border-radius:14px;padding:10px 14px;margin-bottom:16px}
.remind .ri{width:30px;height:30px;border-radius:9px;background:var(--grad-orange);color:#3a2400;display:grid;place-items:center;flex:none}
.remind .ri svg{width:16px;height:16px}
.remind b{font-size:13.5px}
.remind small{display:block;font-size:12px;color:var(--muted);margin-top:1px}
.remind .rb{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.remind[hidden]{display:none}
.rlist{display:grid;gap:6px}
.rrow{display:flex;align-items:center;gap:12px;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.rrow.done{opacity:.55}
.rrow .rw{flex:1;min-width:0}
.rrow .rw b{display:block;font-size:13.5px}
.rrow .rw small{display:block;font-size:12px;color:var(--muted)}
.rsec{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin:14px 0 8px}
.rsec:first-child{margin-top:0}
.evalcard{border:1.5px solid rgba(244,163,64,.5)!important}
.evalcard.done{border-color:var(--line)!important}
.evalrow{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--line2)}
.evalrow:last-of-type{border-bottom:0}
.evalrow b{display:block;font-size:14px}
.evalrow small{display:block;font-size:12px;color:var(--muted)}
.evalchips{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}
.evalchips button{border:1.5px solid var(--line);background:var(--card);border-radius:999px;padding:5px 11px;font-family:inherit;font-size:12.5px;font-weight:600;color:var(--text);cursor:pointer}
.evalchips button.on{border-color:var(--amber);background:var(--wait-bg);color:#8a5a12}

/* ======================= 2. FORMULAIRES (mission, profil, rendez-vous) ====================== */
.wiz{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}
.stepper{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:4px 0 22px}
.step{display:flex;align-items:center;gap:11px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:var(--card);cursor:pointer;transition:.18s;text-align:left;font-family:inherit;color:var(--text)}
.step:hover{border-color:var(--mint)}
.step .n{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-family:'JetBrains Mono',monospace;font-weight:700;font-size:13px;background:var(--chip);color:var(--muted);flex:none}
.step .n svg{width:15px;height:15px}
.step b{display:block;font-size:13.5px;font-weight:800;line-height:1.15}
.step small{display:block;font-size:11.5px;color:var(--faint);margin-top:2px}
.step.on{border-color:transparent;background:var(--navactive);box-shadow:inset 0 0 0 1.5px var(--mint)}
.step.on .n{background:var(--grad);color:#04201d}
.step.done .n{background:var(--ok-bg);color:var(--ok-tx)}
.pane{display:none}
.pane.on{display:block;animation:nmUp .3s ease both}
.sec{padding:20px 22px;border-bottom:1px solid var(--line2)}
.sec:last-child{border-bottom:0}
.sec-h{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.sec-h b{font-size:15px;font-weight:800;display:block}
.sec-h small{display:block;color:var(--muted);font-size:12.5px;margin-top:3px;line-height:1.45}
.sec-h .opt{font-size:11px;font-weight:700;color:var(--faint);background:var(--chip);border-radius:999px;padding:3px 9px;white-space:nowrap}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fgrid .full{grid-column:1/-1}
.fld label{display:flex;justify-content:space-between;gap:8px;font-size:12.5px;font-weight:700;color:var(--text);margin-bottom:6px}
.fld label em{font-style:normal;font-weight:600;color:var(--faint);font-size:11.5px}
.fld .help{font-size:12px;color:var(--faint);margin-top:6px;line-height:1.45}
.fld input,.fld select,.fld textarea,.chipbox{width:100%;background:var(--card);border:1px solid var(--line);border-radius:11px;padding:11px 13px;color:var(--text);font-family:inherit;font-size:14px;transition:.15s;outline:0}
.fld input:focus,.fld select:focus,.fld textarea:focus,.chipbox:focus-within{border-color:var(--mint);box-shadow:0 0 0 3px rgba(25,214,194,.18)}
.fld input.mono{font-family:'JetBrains Mono',monospace;font-weight:700}
.fld textarea{resize:vertical;min-height:84px;line-height:1.5}
.fld .ro{background:var(--chip);color:var(--muted)}
.inrow{display:flex;gap:10px;align-items:center}
.inrow>*{flex:1}
.unit{position:relative}
.unit input{padding-right:52px}
.unit i{position:absolute;right:13px;top:50%;transform:translateY(-50%);font-style:normal;font-size:12.5px;font-weight:700;color:var(--faint)}
.chipbox{display:flex;flex-wrap:wrap;gap:6px;padding:7px 9px;cursor:text;min-height:46px}
.chipbox input{border:0!important;background:transparent!important;flex:1;min-width:140px;padding:5px 4px!important;box-shadow:none!important}
.tag{display:inline-flex;align-items:center;gap:6px;background:var(--navactive);color:var(--teal);font-size:12.5px;font-weight:700;padding:5px 6px 5px 11px;border-radius:999px;border:1px solid rgba(18,184,166,.25)}
.tag button{border:0;background:rgba(10,125,112,.14);color:inherit;width:18px;height:18px;border-radius:50%;cursor:pointer;font-size:12px;line-height:1;display:grid;place-items:center;font-family:inherit}
.sugg{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.sugg button{font-family:inherit;font-size:12px;font-weight:600;padding:5px 10px;border-radius:999px;border:1px dashed var(--line);background:transparent;color:var(--muted);cursor:pointer;transition:.12s}
.sugg button:hover{border-color:var(--mint);color:var(--text);border-style:solid}
.sugg button.on{display:none}
.chipbox.sel{cursor:default;align-items:center}
.chipbox .ph{font-size:13.5px;color:var(--faint);padding:5px 4px}
.sugg .custom{border:1px solid var(--mint);border-style:solid;color:var(--teal);background:var(--navactive);font-weight:700;display:inline-flex;align-items:center;gap:5px}
.sugg .custom svg{width:13px;height:13px}
.custrow{display:none;gap:8px;margin-top:8px;align-items:center}
.custrow.on{display:flex;animation:nmUp .2s ease both}
.custrow input{flex:1;max-width:420px;background:var(--card);border:1px solid var(--mint);border-radius:10px;padding:9px 12px;font-family:inherit;font-size:13.5px;color:var(--text);outline:0;box-shadow:0 0 0 3px rgba(25,214,194,.16)}
.sugg button.perso{border-style:solid;border-color:rgba(244,163,64,.5);color:#8a5a12;background:var(--wait-bg)}
.sugg .addc{border:1px solid var(--mint);border-style:solid;background:var(--navactive);color:var(--teal);font-weight:700;display:inline-flex;align-items:center;gap:5px}
.sugg .addc svg{width:13px;height:13px}
.sugg .addc b{font-weight:800}
.tag.perso{background:var(--wait-bg);color:#8a5a12;border-color:rgba(244,163,64,.35)}
.tag.perso i{font-style:normal;font-size:9.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:rgba(244,163,64,.25);padding:2px 5px;border-radius:5px;margin-right:2px}
.tag.perso button{background:rgba(232,145,43,.18)}
.optgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.opt{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:11px;border:1px solid var(--line);background:var(--card);cursor:pointer;font-size:13px;font-weight:600;color:var(--text);transition:.12s;user-select:none;font-family:inherit;text-align:left}
.opt .bx{width:18px;height:18px;border-radius:6px;border:1.5px solid var(--line);display:grid;place-items:center;flex:none;transition:.12s;color:#04201d}
.opt .bx svg{width:12px;height:12px;opacity:0}
.opt.on{border-color:var(--mint);background:var(--navactive)}
.opt.on .bx{background:var(--grad);border-color:transparent}
.opt.on .bx svg{opacity:1}
.opt.rd .bx{border-radius:50%}
.opt small{display:block;font-size:11.5px;font-weight:500;color:var(--faint);margin-top:1px}
.seg.full{display:flex}
.seg.full button{flex:1;text-align:center}
.calc{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}
.calc div{background:var(--chip);border-radius:12px;padding:12px 14px}
.calc span{display:block;font-size:11.5px;color:var(--muted);font-weight:600}
.calc b{display:block;font-family:'JetBrains Mono',monospace;font-size:19px;margin-top:4px;letter-spacing:-.5px}
.calc b.tq{color:var(--teal)}
.calc .tot{background:var(--navactive);border:1px solid rgba(18,184,166,.3)}
.calchead{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:13px}
.calchead b{font-size:14px;margin-right:auto}
.calcdetail{margin-top:10px;border:1px dashed var(--line);border-radius:12px;padding:10px 14px;font-size:12.5px;color:var(--muted)}
.calcdetail .l{display:flex;justify-content:space-between;gap:12px;padding:4px 0}
.calcdetail .l b{font-family:'JetBrains Mono',monospace;color:var(--text);font-weight:700}
.calcdetail .l.sum{border-top:1px solid var(--line);margin-top:4px;padding-top:8px;color:var(--text);font-weight:700}
.calcdetail .l.sum b{color:var(--teal)}
.paygrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.paycard{position:relative;border:1.5px solid var(--line);border-radius:18px;padding:18px 18px 16px;background:var(--card);cursor:pointer;transition:.18s;font-family:inherit;text-align:left;color:var(--text);display:flex;flex-direction:column;gap:10px}
.paycard:hover{border-color:var(--mint);transform:translateY(-2px)}
.paycard.on{border-color:var(--mint);box-shadow:0 0 0 3px rgba(25,214,194,.16)}
.paycard .pc-top{display:flex;align-items:center;gap:11px}
.paycard .pc-top .ic{width:38px;height:38px;border-radius:11px;background:var(--ok-bg);color:var(--ok-tx);display:grid;place-items:center;flex:none}
.paycard .ic svg{width:19px;height:19px}
.paycard.on .pc-top .ic{background:var(--grad);color:#04201d}
.paycard .pc-top b{font-size:15px;font-weight:800;display:block}
.paycard .pc-top small{display:block;font-size:12px;color:var(--muted);margin-top:1px}
.paycard p{font-size:13px;color:var(--muted);line-height:1.5}
.paycard ul{list-style:none;display:grid;gap:5px;font-size:12.5px;color:var(--text)}
.paycard li{display:flex;gap:8px;align-items:flex-start}
.paycard li svg{width:14px;height:14px;flex:none;margin-top:2px;color:var(--mint)}
.paycard .rk{position:absolute;top:14px;right:14px;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--line);display:grid;place-items:center}
.paycard.on .rk{border-color:transparent;background:var(--grad)}
.paycard .rk i{width:8px;height:8px;border-radius:50%;background:#04201d;opacity:0}
.paycard.on .rk i{opacity:1}
.paycard .tagline{font-size:11px;font-weight:700;color:var(--teal);background:var(--ok-bg);border-radius:999px;padding:3px 9px;align-self:flex-start}
.subpay{margin-top:14px;border:1px solid var(--line);border-radius:14px;padding:16px 18px;background:var(--bg2);display:none}
.subpay.on{display:block;animation:nmUp .25s ease both}
html .subpay{background:#F7FAFD}
.subpay h4{font-size:13.5px;font-weight:800;margin-bottom:10px}
.tl{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:12px;position:relative}
.tl:before{content:"";position:absolute;left:12%;right:12%;top:15px;height:2px;background:var(--line)}
.tl div{text-align:center;position:relative;padding:0 6px}
.tl i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--card);border:2px solid var(--mint);margin:0 auto 8px;font-style:normal;font-size:12px;font-weight:800;color:var(--teal);position:relative;z-index:1}
.tl i.go{background:var(--grad);color:#04201d;border-color:transparent}
.tl b{display:block;font-size:12.5px}
.tl small{display:block;font-size:11px;color:var(--faint);margin-top:2px;line-height:1.4}
.iban{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.iban div{background:var(--card);border:1px dashed var(--line);border-radius:10px;padding:10px 12px}
.iban span{display:block;font-size:11px;color:var(--faint);font-weight:600}
.iban b{font-family:'JetBrains Mono',monospace;font-size:13px;display:block;margin-top:3px}
.sw{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid var(--line2)}
.sw:last-child{border-bottom:0}
.sw b{font-size:13.5px;display:block}
.sw small{display:block;font-size:12px;color:var(--faint);margin-top:2px;line-height:1.4}
.switch{width:42px;height:24px;border-radius:999px;background:var(--chip);border:1px solid var(--line);position:relative;cursor:pointer;flex:none;transition:.15s}
.switch:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--muted);transition:.15s}
.switch.on{background:var(--grad);border-color:transparent}
.switch.on:after{left:21px;background:#04201d}
.wizfoot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;border-top:1px solid var(--line2);flex-wrap:wrap}
.wizfoot .hint{font-size:12.5px;color:var(--faint)}
.summary{position:sticky;top:86px;background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden}
.summary .sh{padding:16px 18px 14px;border-bottom:1px solid var(--line2);background:linear-gradient(135deg,rgba(25,214,194,.12),transparent)}
.summary .sh .eyebrow{margin-bottom:4px}
.summary .sh h3{font-size:16px;font-weight:800;letter-spacing:-.01em;line-height:1.25}
.summary .sh p{font-size:12px;color:var(--muted);margin-top:4px}
.summary .sb{padding:12px 18px}
.summary .kv{padding:8px 0}
.summary .kv b{font-size:13px}
.summary .kv b.mono{font-family:'JetBrains Mono',monospace}
.summary .tot{margin:10px -18px 0;padding:14px 18px;background:var(--chip);display:flex;justify-content:space-between;align-items:baseline}
.summary .tot span{font-size:12px;color:var(--muted);font-weight:600}
.summary .tot b{font-family:'JetBrains Mono',monospace;font-size:22px;letter-spacing:-.5px}
.summary .comp{padding:14px 18px;border-top:1px solid var(--line2)}
.summary .comp .obj-h{display:flex;justify-content:space-between;font-size:12px;font-weight:700;margin-bottom:6px}
.attract{display:flex;align-items:center;gap:12px;padding:14px 18px;border-top:1px solid var(--line2)}
.attract .ring{width:56px;height:56px;flex:none}
.attract b{display:block;font-size:13px}
.attract small{display:block;font-size:11.5px;color:var(--faint);line-height:1.4;margin-top:2px}
.sumbtn{padding:14px 18px;border-top:1px solid var(--line2);display:grid;gap:8px}
.todo-s{font-size:12px;color:var(--muted);display:grid;gap:4px;padding:0 18px 14px}
.todo-s div{display:flex;gap:7px;align-items:center}
.todo-s svg{width:13px;height:13px;flex:none}
.todo-s .ok{color:var(--teal)}
.ok-screen{text-align:center;padding:40px 24px}
.ok-screen .big{width:72px;height:72px;border-radius:50%;background:var(--grad);display:grid;place-items:center;margin:0 auto 18px;color:#04201d}
.ok-screen .big svg{width:34px;height:34px}
.ok-screen h2{font-size:24px;font-weight:800;letter-spacing:-.02em}
.ok-screen p{color:var(--muted);font-size:14px;margin-top:8px;line-height:1.5;max-width:560px;margin-inline:auto}
.next{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px auto 0;max-width:820px;text-align:left}
.next div{background:var(--chip);border-radius:14px;padding:14px 16px}
.next b{display:block;font-size:13.5px;margin-bottom:4px}
.next small{font-size:12px;color:var(--muted);line-height:1.45}
.next .n{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:7px;background:var(--grad);color:#04201d;font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:700;margin-bottom:8px}
.fld input::placeholder,.fld textarea::placeholder{color:var(--faint)}
.prem{display:flex;gap:12px;align-items:flex-start;background:var(--wait-bg);border-radius:12px;padding:12px 14px;font-size:12.5px;line-height:1.5;color:var(--text);margin-top:12px}
.prem svg{width:16px;height:16px;flex:none;color:var(--orange);margin-top:2px}
.ttl-preview{display:flex;align-items:center;gap:10px;background:var(--chip);border-radius:12px;padding:11px 14px;font-size:13px;color:var(--muted);margin-top:14px}
.ttl-preview b{color:var(--text);font-size:14px}
.ttl-preview .ast{margin-left:auto}
.vis{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:3px 8px;border-radius:999px;vertical-align:middle;white-space:nowrap}
.vis.pub{background:var(--ok-bg);color:#0A7D70}
.vis.ret{background:rgba(111,168,230,.16);color:#2F5E9E}
.vis.priv{background:var(--neutral-bg);color:#4b5b68}
.vis.match{background:var(--wait-bg);color:#8a5a12}
.vislegend{display:flex;gap:16px;flex-wrap:wrap;align-items:center;font-size:12.5px;color:var(--muted);margin:-6px 0 18px}
.vislegend span{display:inline-flex;align-items:center;gap:6px}
.fld label .vis{margin-left:auto}
.fld label .vis+.vis{margin-left:4px}
.fld label{min-height:22px;align-items:center}
.sec-h .vis{flex:none}
.sec-h>div:first-child{flex:1}
.sec-h .vis+.vis{margin-left:-6px}
.ttl-preview>svg,.chipbox>svg,.prem>svg,.wizfoot svg,.sumbtn svg,.headactions svg{width:18px;height:18px;flex:none}
.ttl-preview b{white-space:nowrap}
.inrow .dlink{white-space:nowrap;flex:none}
html .vis.pub{color:#0A7D70}
html .vis.priv{color:#4b5b68}
.vis svg{width:11px;height:11px}
.verif{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px dashed var(--line);border-radius:11px;font-size:13px;cursor:pointer;background:var(--card)}
.verif .st{margin-left:auto}
.exp{border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:10px;background:var(--card)}
.exp .fgrid{gap:10px}
.mscore{display:flex;align-items:center;gap:14px;padding:14px 18px;border-top:1px solid var(--line2)}
.mscore .ring{width:74px;height:74px;flex:none}
.mscore b{display:block;font-size:14px}
.mscore small{display:block;font-size:12px;color:var(--muted);line-height:1.4;margin-top:2px}
.brk{padding:0 18px 14px;display:grid;gap:7px}
.brk .r{display:grid;grid-template-columns:110px 1fr 56px;gap:8px;align-items:center;font-size:12px}
.brk .r span{color:var(--muted)}
.brk .r b{text-align:right;font-family:'JetBrains Mono',monospace;font-size:12px}
.brk .track{height:6px}
.brk .r.ko span,.brk .r.ko b{color:var(--rose)}
.brk .r.ko .track i{background:var(--rose)}
.pubcard{padding:14px 18px}
.pubcard .pav{width:46px;height:46px;border-radius:13px;background:var(--grad-amber);color:#3a2400;display:grid;place-items:center;font-weight:900;font-size:17px;flex:none}
.pubcard .chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}
.pubcard .chips span{font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px;background:var(--chip);color:var(--muted)}
.rule{padding:14px 18px;border-top:1px solid var(--line2);font-size:12.5px;color:var(--muted);line-height:1.55}
.rule table{width:100%;border-collapse:collapse;margin:8px 0}
.rule td{padding:5px 0;border-bottom:1px solid var(--line2);font-size:12px}
.rule td:last-child{text-align:right;font-family:'JetBrains Mono',monospace;font-weight:700;color:var(--text)}
.rule b{color:var(--text)}
.ttl-preview>svg,.chipbox>svg,.wizfoot svg,.sumbtn svg,.headactions svg,.verif>svg{width:18px;height:18px;flex:none}
.rec{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.rec b{display:block;font-size:13.5px}
.rec small{display:block;font-size:12px;color:var(--faint);margin-top:2px;line-height:1.4}
.rec-dot{width:14px;height:14px;border-radius:50%;background:var(--chip);flex:none}
.rec.live .rec-dot{background:var(--rose);animation:recpulse 1s infinite}
.rec.done .rec-dot{background:var(--mint)}
@keyframes recpulse{0%,100%{box-shadow:0 0 0 0 rgba(224,92,120,.5)}50%{box-shadow:0 0 0 8px rgba(224,92,120,0)}}
.recbar{height:5px;border-radius:999px;background:var(--chip);margin-top:8px;overflow:hidden}
.recbar i{display:block;height:100%;width:0;background:var(--grad-amber);transition:width .25s linear}
.rec .hacts{flex:none}
.presgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.prespanel{border:1px solid var(--line);border-radius:16px;padding:14px;background:var(--card);display:flex;flex-direction:column;gap:10px}
.prespanel.live{border-color:var(--rose)}
.prespanel.done{border-color:var(--amber)}
.pp-h{display:flex;align-items:center;gap:10px}
.pp-h .ic{width:34px;height:34px;border-radius:10px;background:var(--wait-bg);color:#8a5a12;display:grid;place-items:center;flex:none}
.pp-h .ic svg{width:17px;height:17px}
.pp-h b{display:block;font-size:14px}
.pp-h small{display:block;font-size:11.5px;color:var(--faint);line-height:1.35}
.pp-h .st{margin-left:auto;flex:none}
.stage{position:relative;border-radius:12px;background:#16324F;aspect-ratio:16/9;overflow:hidden;display:grid;place-items:center}
.stage.audio{aspect-ratio:auto;height:92px;background:var(--chip)}
.stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.stage .ph{color:rgba(255,255,255,.45);display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px}
.stage.audio .ph{color:var(--faint)}
.stage .ph svg{width:26px;height:26px}
.stage .timer{position:absolute;right:10px;bottom:8px;font-family:'JetBrains Mono',monospace;font-weight:700;font-size:13px;color:#fff;background:rgba(0,0,0,.45);padding:3px 8px;border-radius:8px}
.stage.audio .timer{color:var(--text);background:var(--card);border:1px solid var(--line)}
.stage audio{width:calc(100% - 24px)}
.wave{display:flex;align-items:center;gap:4px;height:40px}
.wave i{width:5px;border-radius:3px;background:var(--amber);animation:wv .9s ease-in-out infinite}
.wave i:nth-child(odd){animation-delay:.2s}
.wave i:nth-child(3n){animation-delay:.4s}
@keyframes wv{0%,100%{height:8px}50%{height:36px}}
.prespanel .recbar{margin:0}
.prespanel .hacts{flex-wrap:wrap}
.sugg .grp{width:100%;font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--faint);margin:8px 0 -2px}
.sugg .grp:first-child{margin-top:2px}
[hidden]{display:none!important}
.fld input:focus,.fld select:focus,.fld textarea:focus{border-color:var(--amber);box-shadow:0 0 0 3px rgba(244,163,64,.18)}
.vis.must{background:var(--danger-bg);color:#9B2C2C}
.socle{display:flex;align-items:center;gap:12px;border:1.5px solid var(--line);border-radius:14px;padding:12px 14px;cursor:pointer;background:var(--card)}
.socle .bx{width:30px;height:30px;border-radius:9px;border:1.5px solid var(--line);display:grid;place-items:center;flex:none;color:#04201d}
.socle .bx svg{width:16px;height:16px;opacity:0}
.socle.on{border-color:var(--mint);background:var(--ok-bg)}
.socle.on .bx{background:var(--grad);border-color:transparent}
.socle.on .bx svg{opacity:1}
.socle b{display:block;font-size:14px}
.socle small{display:block;font-size:12px;color:var(--muted);margin-top:2px;line-height:1.4}
.socle .pr{margin-left:auto;font-size:11px;font-weight:700;color:var(--muted);background:var(--chip);border-radius:999px;padding:3px 9px;flex:none}
.bec{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.bc{border:1px solid var(--line);border-radius:16px;padding:14px;background:var(--card);display:flex;flex-direction:column;gap:10px}
.bc.top{border-color:var(--mint);box-shadow:0 0 0 3px rgba(25,214,194,.12)}
.bc-h{display:flex;align-items:center;gap:10px}
.bc-h .lt{width:30px;height:30px;border-radius:9px;background:var(--ok-bg);color:#0A7D70;font-family:'JetBrains Mono',monospace;font-weight:700;display:grid;place-items:center;flex:none}
.bc-h b{display:block;font-size:14.5px}
.bc-h small{display:block;font-size:11.5px;color:var(--faint)}
.lvl{display:grid;gap:5px}
.lvl button{text-align:left;border:1px solid var(--line);background:var(--card);border-radius:10px;padding:8px 10px;font-family:inherit;font-size:12.5px;color:var(--text);cursor:pointer;display:flex;align-items:center;gap:8px}
.lvl button i{width:8px;height:8px;border-radius:50%;background:var(--line);flex:none;margin-top:5px}
.lvl button>span{display:block;line-height:1.25}
.lvl button>span small{display:block;margin:2px 0 0;font-size:10.5px;color:var(--faint);font-weight:500}
.lvl button.on{border-color:var(--amber);background:var(--wait-bg);font-weight:700}
.lvl button.on i{background:var(--amber)}
.lvl button.on.max{border-color:var(--mint);background:var(--ok-bg)}
.lvl button.on.max i{background:var(--mint)}
.bc textarea{width:100%;background:var(--chip);border:1px solid var(--line);border-radius:10px;padding:9px 11px;color:var(--text);font-family:inherit;font-size:13px;line-height:1.5;min-height:74px;resize:vertical}
.bc .pf{font-size:11.5px;display:none}
.bc .pf.ko{display:block;color:#9B2C2C;font-weight:700}
.bc .pf.ok{color:#0A7D70;font-weight:700}
.bc .pf.ko{color:#9B2C2C;font-weight:700}
.bc .proof{display:flex;gap:6px;flex-wrap:wrap}
.bc .proof button{font-family:inherit;font-size:11.5px;font-weight:600;padding:5px 9px;border-radius:999px;border:1px dashed var(--line);background:transparent;color:var(--muted);cursor:pointer}
.bc .proof button.on{border-style:solid;border-color:var(--mint);color:#0A7D70;background:var(--ok-bg)}
.topbanner{display:flex;align-items:center;gap:12px;border-radius:14px;padding:12px 16px;margin-top:12px;font-size:13px;line-height:1.5;background:var(--chip);color:var(--muted)}
.topbanner.on{background:#16324F;color:#EDF3F7}
.topbanner .tb{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:6px 12px;border-radius:999px;border:1.5px solid #c9a24a;color:#f3d27a;white-space:nowrap}
.topbanner:not(.on) .tb{border-color:var(--line);color:var(--faint)}
.rcard{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--card);box-shadow:var(--shadow)}
.rc-h{background:#16324F;color:#EDF3F7;padding:16px 18px;display:flex;align-items:flex-start;gap:12px}
.rc-h b{display:block;font-size:17px;font-weight:800}
.rc-h small{display:block;font-size:12.5px;color:#9FB3C2;margin-top:3px}
.rc-h .tb{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:6px 11px;border-radius:999px;border:1.5px solid #c9a24a;color:#f3d27a;white-space:nowrap;flex:none}
.rc-r{display:flex;gap:12px;padding:12px 18px;border-bottom:1px solid var(--line2)}
.rc-r .lt{width:30px;height:30px;border-radius:9px;background:var(--ok-bg);color:#0A7D70;font-family:'JetBrains Mono',monospace;font-weight:700;display:grid;place-items:center;flex:none;font-size:12px}
.rc-r .lt.s{background:#16324F;color:#fff}
.rc-r .bd{flex:1;min-width:0}
.rc-r .tag2{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:var(--ok-bg);color:#0A7D70;margin-bottom:6px}
.rc-r .tag2.dk{background:#16324F;color:#fff}
.rc-r .tag2.lo{background:var(--neutral-bg);color:#4b5b68}
.rc-r p{font-size:13.5px;line-height:1.5}
.rc-r p.q{font-style:italic;color:var(--text)}
.rc-r .pr{margin-left:auto;font-size:11px;color:var(--muted);background:var(--chip);border-radius:999px;padding:3px 9px;height:fit-content;flex:none}
.rc-f{display:flex;align-items:center;gap:10px;padding:14px 18px;flex-wrap:wrap}
.rc-f small{margin-left:auto;font-size:12px;color:var(--muted)}
.rc-l{background:var(--chip);padding:10px 18px;font-size:12.5px;color:#0A7D70;font-weight:700;display:flex;align-items:center;gap:8px}
.rc-l svg{width:14px;height:14px}
.rc-c{padding:12px 18px;border-bottom:1px solid var(--line2);font-size:13px;display:grid;grid-template-columns:1fr 1fr;gap:6px 14px}
.rc-c span{color:var(--faint);font-size:11.5px;display:block}
.rc-c b{font-weight:600}
.pvtabs{display:flex;gap:6px;margin-bottom:10px}
.pvtabs button{font-family:inherit;font-size:12.5px;font-weight:700;padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--muted);cursor:pointer}
.pvtabs button.on{background:var(--grad-amber);color:#3a2400;border-color:transparent}
.mail{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--card);font-size:13px}
.mail .mh{padding:10px 14px;border-bottom:1px solid var(--line2);font-size:12px;color:var(--muted)}
.mail .mh b{color:var(--text)}
.mail .mb{padding:14px;line-height:1.55}
.mail .mb .cta{display:inline-block;margin-top:10px;background:var(--grad);color:#04201d;font-weight:700;padding:9px 14px;border-radius:10px}
.mail .mb .cta.no{background:var(--card);color:var(--text);border:1px solid var(--line);font-weight:600}
.mail .mb .ctas{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.mail .mb .ctas .cta{margin-top:0}
.mail .mb .sig{display:block;margin-top:8px;font-size:12px;color:var(--faint)}
.checks{display:grid;gap:6px;font-size:12.5px;color:var(--muted);padding:12px 18px}
.checks div{display:flex;gap:8px;align-items:center}
.checks svg{width:14px;height:14px;flex:none}
.checks .ok{color:#0A7D70}
.checks .ko{color:#9B2C2C}
.blur{filter:blur(5px);user-select:none}
.rc-c .lock{display:inline-flex;font-size:10.5px;color:var(--muted);margin-left:4px}
.lock{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;color:var(--muted);background:var(--chip);border-radius:999px;padding:2px 7px;vertical-align:middle;white-space:nowrap}
.lock svg{width:10px;height:10px}
.ok-screen .next .n{background:var(--grad-amber);color:#3a2400}
.ttl-preview>svg,.wizfoot svg,.sumbtn svg,.headactions svg{width:18px;height:18px;flex:none}
html .app{background:linear-gradient(90deg,#16324F 248px,#FFFFFF 248px)}
html .side{background:#16324F;color:#EDF3F7;border-right-color:rgba(255,255,255,.08);--text:#EDF3F7;--muted:#9FB3C2;--faint:#6E8494;--line:rgba(255,255,255,.08);--chip:rgba(255,255,255,.06);--navhover:rgba(255,255,255,.05);--navactive:rgba(18,184,166,.14);--navactivetx:#5fe6d2;--card:#13273A}
html .top{background:rgba(255,255,255,.92);border-bottom-color:#E4EBF3}
html .acard,html .tile,html .kpi,html .mcard,html .todo .t{box-shadow:0 10px 30px rgba(16,43,67,.07)}
.tile.tq:before{background:var(--grad)}
.tile.tq .th .ic{background:var(--ok-bg);color:var(--ok-tx)}
.track i.tq{background:var(--grad)}
.avail{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:6px 12px 6px 8px;font-size:12.5px;font-weight:700;cursor:pointer;background:var(--card);font-family:inherit;color:var(--text)}
.avail .sw{width:34px;height:20px;border-radius:999px;background:var(--grad);position:relative;transition:.2s}
.avail .sw:after{content:"";position:absolute;top:3px;left:17px;width:14px;height:14px;border-radius:50%;background:#04201d;transition:.2s}
.avail.off .sw{background:var(--chip)}
.avail.off .sw:after{left:3px;background:var(--muted)}
.modeswitch{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}
.modeswitch button{text-align:left;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 18px;cursor:pointer;font-family:inherit;color:var(--text);transition:.15s;display:flex;gap:14px;align-items:flex-start}
.modeswitch button .ic{width:40px;height:40px;border-radius:11px;background:var(--wait-bg);color:var(--wait-tx);display:grid;place-items:center;flex:none}
.modeswitch button .ic svg{width:19px;height:19px}
.modeswitch button b{display:block;font-size:15px}
.modeswitch button span{font-size:12.5px;color:var(--muted);line-height:1.45;display:block;margin-top:3px}
.modeswitch button.on{border-color:var(--mint);background:linear-gradient(135deg,rgba(18,184,166,.1),transparent)}
.modeswitch button:hover{border-color:var(--mint)}
.form{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.form label{display:block;font-size:12px;font-weight:700;color:var(--muted);margin-bottom:5px}
.form input,.form select,.form textarea{width:100%;background:var(--chip);border:1px solid var(--line);border-radius:10px;padding:10px 12px;color:var(--text);font-family:inherit;font-size:14px}
.form input[type=number]{font-family:'JetBrains Mono',monospace;font-weight:700}
.form .full{grid-column:1/-1}
.form .half{grid-column:span 2}
.tile .split{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0 2px}
.tile .split>div{border-radius:10px;padding:4px 6px;margin:-4px -6px;transition:.12s}
.tile .split>div:hover{background:var(--chip)}
.tile .split>div+div{border-left:1px dashed var(--line);border-radius:0 10px 10px 0;padding-left:14px;margin-left:0}
.tile .split .n{display:block;font-family:'JetBrains Mono',monospace;font-weight:700;font-size:28px;letter-spacing:-1px;line-height:1}
.tile .split .l{display:block;font-size:12.5px;font-weight:700;margin-top:4px}
.tile .split small{display:block;font-size:11.5px;color:var(--faint);margin-top:2px;line-height:1.4}
.tile .th .msel{background:var(--chip);border:1px solid var(--line);border-radius:8px;padding:3px 6px;font-family:inherit;font-weight:700;font-size:12.5px;color:var(--text);margin-left:2px}
.tile .ts .down{color:var(--rose);font-weight:700}
.mpsearch{display:flex;align-items:center;gap:10px;background:var(--chip);border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin-bottom:10px}
.mpsearch svg{width:18px;height:18px;flex:none;color:var(--faint)}
.mpsearch input{flex:1;border:0;background:transparent;color:var(--text);font-family:inherit;font-size:14px;outline:0}
.mpwrap{display:grid;grid-template-columns:262px minmax(0,1fr);gap:20px;align-items:start}
.fpanel{position:sticky;top:86px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:14px 16px 6px;box-shadow:var(--shadow);max-height:calc(100vh - 110px);overflow:auto}
.fp-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.fp-h b{font-size:15px}
.fpanel .mpsearch{padding:8px 11px;margin-bottom:6px}
.fg{border-top:1px solid var(--line2);padding:10px 0 8px}
.fg-h{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:12.5px;font-weight:800;color:var(--text);user-select:none}
.fg-h .n{font-size:11px;font-weight:700;color:#8a5a12;background:var(--wait-bg);border-radius:999px;padding:1px 7px;margin-left:auto;margin-right:8px}
.fg-h .car{color:var(--faint);transition:.15s;font-size:11px}
.fg.closed .car{transform:rotate(-90deg)}
.fg-b{display:grid;gap:2px;margin-top:6px}
.fg.closed .fg-b{display:none}
.fopt{display:flex;align-items:center;gap:8px;padding:5px 6px;border-radius:8px;font-size:13px;cursor:pointer;color:var(--text)}
.fopt:hover{background:var(--chip)}
.fopt .bx{width:16px;height:16px;border-radius:5px;border:1.5px solid var(--line);display:grid;place-items:center;flex:none;color:#3a2400}
.fopt .bx svg{width:11px;height:11px;opacity:0}
.fopt.rd .bx{border-radius:50%}
.fopt.on .bx{background:var(--grad);border-color:transparent}
.fopt.on .bx svg{opacity:1}
.fopt.on{font-weight:700}
.fopt .c{margin-left:auto;font-size:11px;color:var(--faint);font-family:'JetBrains Mono',monospace}
.kpi .klist{display:grid;gap:4px;margin-top:8px}
.kpi .klist button{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:var(--chip);border:1px solid transparent;border-radius:9px;padding:6px 9px;font-family:inherit;font-size:12.5px;color:var(--text);cursor:pointer}
.kpi .klist button:hover{border-color:var(--amber)}
.kpi .klist b{font-weight:700}
.kpi .klist .ast{margin-left:auto}
.kpi .klist .go{color:var(--faint);font-size:12px}
.mcard.hl{border-color:var(--mint);box-shadow:0 0 0 3px rgba(18,184,166,.25)}
.mphead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.mphead b{font-size:15px;display:block}
.mpact{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;font-size:12.5px;color:var(--muted)}
.mpact .af{display:inline-flex;align-items:center;gap:5px;background:var(--wait-bg);color:#8a5a12;font-weight:700;font-size:11.5px;padding:3px 8px;border-radius:999px}
.mpact .af button{border:0;background:none;color:inherit;cursor:pointer;font-size:13px;line-height:1;padding:0}
.mprow{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.mprow select{flex:1;min-width:150px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:9px 12px;color:var(--text);font-family:inherit;font-size:13.5px}
.mprow.chips{align-items:center;gap:8px}
.mpfine{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:12px;border:1px dashed var(--line);border-radius:12px;margin-bottom:10px;background:var(--bg2)}
html .mpfine{background:#F7FAFD}
.mpfine label{display:block;font-size:11.5px;font-weight:700;color:var(--muted);margin-bottom:4px}
.mpfine select{width:100%;background:var(--card);border:1px solid var(--line);border-radius:9px;padding:8px 10px;color:var(--text);font-family:inherit;font-size:13px}
@media(max-width:700px){.mpfine{grid-template-columns:1fr 1fr}}
.mpfoot{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px;color:var(--muted)}
.mpfoot .af{display:inline-flex;align-items:center;gap:5px;background:var(--wait-bg);color:#8a5a12;font-weight:700;font-size:11.5px;padding:3px 8px;border-radius:999px}
.mpfoot .af button{border:0;background:none;color:inherit;cursor:pointer;font-size:13px;line-height:1;padding:0}
.mcard .mscore{display:flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-weight:700;font-size:13px}
.mcard .mscore .track{width:70px;height:6px}
.mcard .mmeta{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0 10px}
.mcard .mmeta span{font-size:11px;font-weight:600;color:var(--muted);background:var(--chip);padding:3px 8px;border-radius:999px}
.funnelin{display:grid;grid-template-columns:230px minmax(0,1fr);gap:18px;margin-top:16px;align-items:start}
.fviz{position:sticky;top:90px;background:var(--bg2);border:1px solid var(--line);border-radius:16px;padding:14px 12px}
html .fviz{background:#F7FAFD}
.fviz .ft{font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin-bottom:10px;text-align:center}
.fband{margin:0 auto 6px;border-radius:8px;color:#04201d;text-align:center;padding:9px 6px;transition:width .35s ease;min-width:34%;position:relative}
.fband b{display:block;font-family:'JetBrains Mono',monospace;font-size:18px;line-height:1}
.fband span{display:block;font-size:11px;font-weight:700;margin-top:2px;opacity:.85}
.fband.am{color:#3a2400}
.fconv{text-align:center;font-size:11.5px;color:var(--muted);margin:-2px 0 6px}
.fconv b{font-family:'JetBrains Mono',monospace;color:var(--text)}
.fsteps{display:grid;gap:10px}
.fq{display:flex;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.fq-n{width:28px;height:28px;border-radius:9px;background:var(--grad);color:#04201d;font-family:'JetBrains Mono',monospace;font-weight:700;font-size:13px;display:grid;place-items:center;flex:none;margin-top:2px}
.fq-b{flex:1;min-width:0}
.fq-b>label{display:block;font-size:14px;font-weight:700;margin-bottom:8px}
.fq-b>label b{color:var(--teal);font-family:'JetBrains Mono',monospace}
.fq-row{display:flex;align-items:center;gap:10px}
.fq-row .fu{font-size:12.5px;color:var(--faint)}
.fin{width:92px;background:var(--chip);border:1px solid var(--line);border-radius:10px;padding:8px 10px;color:var(--text);font-family:'JetBrains Mono',monospace;font-weight:700;font-size:17px;text-align:center}
.fin:focus{outline:0;border-color:var(--amber);box-shadow:0 0 0 3px rgba(244,163,64,.18)}
.fq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.fq-grid.four{grid-template-columns:repeat(4,1fr)}
.fq-grid>div{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.fq-grid>div .fin{width:64px;flex:none;font-size:15px;padding:6px 6px}
.fq-grid>div span{font-size:12.5px;font-weight:700;line-height:1.2}
.fq-grid>div span small{display:block;font-size:11px;font-weight:500;color:var(--faint);margin-top:2px}
.fq-grid>div.hi{border-color:rgba(18,184,166,.45);background:var(--ok-bg)}
.fq-grid>div.hi.am{border-color:var(--mint);background:var(--ok-bg)}
.fq-grid>div.hi.am .fin{border-color:var(--amber);color:var(--amber2)}
.fq-res{margin-top:8px;font-size:12.5px;color:var(--muted);background:var(--chip);border-radius:10px;padding:8px 12px}
.fq-res b{color:var(--text);font-family:'JetBrains Mono',monospace}
.fq-res.warnbox{color:var(--rose);background:var(--danger-bg);font-weight:600}
.timer{font-family:'JetBrains Mono',monospace;font-weight:700;font-size:40px;letter-spacing:-1px;line-height:1}
.calllog{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}
.calllog button{border:1px solid var(--line);background:var(--card2);color:var(--text);font-family:inherit;font-weight:700;font-size:12.5px;padding:11px 10px;border-radius:10px;cursor:pointer;transition:.15s;text-align:left}
.calllog button:hover{border-color:var(--mint);transform:translateY(-1px)}
.calllog button small{display:block;font-weight:500;color:var(--faint);font-size:11px;margin-top:2px}
.calllog button kbd{float:right;font-family:'JetBrains Mono',monospace;font-size:10.5px;background:var(--chip);border:1px solid var(--line);border-radius:5px;padding:1px 6px;color:var(--faint)}
.calllog button.rdv{border-color:var(--mint);background:rgba(18,184,166,.12)}
.contact{background:var(--card2);border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin-top:14px}
.contact .cn{font-size:19px;font-weight:800}
.contact .cf{font-size:13.5px;color:var(--muted);margin-top:2px}
.contact .cg{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;margin-top:12px;font-size:13px}
.contact .cg span{color:var(--faint);display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.contact .cg b{font-weight:600}
.drop{border:2px dashed var(--line);border-radius:16px;padding:28px;text-align:center;color:var(--muted);font-size:14px;cursor:pointer;transition:.15s;background:var(--card2)}
.drop:hover,.drop.over{border-color:var(--mint);color:var(--text)}
.drop b{display:block;color:var(--text);font-size:15px;margin-bottom:4px}
.drop small{display:block;font-size:12px;color:var(--faint);margin-top:8px;line-height:1.5}
.mapgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.mapgrid label{font-size:11.5px;font-weight:700;color:var(--muted);display:block;margin-bottom:4px}
.mapgrid select{width:100%;background:var(--chip);border:1px solid var(--line);border-radius:9px;padding:8px 10px;color:var(--text);font-family:inherit;font-size:13px}
.prog{display:flex;align-items:center;gap:12px;font-size:12.5px;color:var(--muted);margin-top:14px}
.prog .track{flex:1}
.bilan{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.bilan div{background:var(--card2);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.bilan div b{display:block;font-family:'JetBrains Mono',monospace;font-size:22px}
.bilan div span{font-size:12px;color:var(--muted)}
.overlay{position:fixed;inset:0;background:rgba(8,18,28,.6);z-index:300;display:none;align-items:center;justify-content:center;padding:20px}
.overlay.on{display:flex}
.modal{background:var(--card);border:1px solid var(--line);border-radius:20px;max-width:860px;width:100%;max-height:92vh;overflow:auto;box-shadow:0 40px 90px -20px rgba(0,0,0,.6)}
.modal .mh{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid var(--line2)}
.modal .mh b{font-size:17px}
.modal .mb{padding:20px 22px}
.modal .mf{display:flex;gap:10px;justify-content:flex-end;padding:16px 22px;border-top:1px solid var(--line2)}
.sidebadge.ent,.nav.on .badge,.uside .av0,.av,.abar,.abtn.fill,.pill.on,.pill.on em,.lbrow:first-child .lbr,.badge-verif,.scope button.on,.scope button.on em,.step.on .n,.opt.on .bx,.paycard.on .pc-top .ic,.tl i.go,.ok-screen .big,.next .n,.fopt.on .bx,.ck.ok .bx,.ctxbar .ctx-ic,.mpill.on,.mpill.on .st,.socle.on .bx,.badge-top,.kpi .ic{color:#fff}
.mpill.on .st{background:rgba(255,255,255,.25)}
.recur{border:1.5px solid var(--line);border-radius:14px;padding:12px 14px;margin-top:14px;background:var(--card)}
.recur.on{border-color:var(--mint);background:var(--ok-bg)}
.recur.off{opacity:.6}
.recur-h{display:flex;align-items:center;gap:14px}
.recur-h b{display:block;font-size:14px}
.recur-h small{display:block;font-size:12px;color:var(--muted);margin-top:2px;line-height:1.45}
.recur-h .switch{flex:none;margin-left:auto}
.recur-b{display:grid;grid-template-columns:1.2fr 1fr 1.2fr;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line2)}
#backBtn{margin-right:4px}
#backBtn svg{transform:rotate(180deg)}
.compbox{display:flex;align-items:center;gap:20px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:14px 20px;box-shadow:var(--shadow);width:100%;margin:-6px 0 16px}
.compbox .cb-ring{display:flex;flex-direction:column;align-items:center;gap:2px;flex:none}
.compbox .cb-ring svg{width:92px;height:92px}
.compbox .cb-ring text{font-family:'JetBrains Mono',monospace;font-weight:800;font-size:21px;fill:var(--text)}
.compbox .cb-ring small{font-size:11px;color:var(--muted);font-weight:600;text-align:center;line-height:1.2}
.compbox .cb-body{flex:1;min-width:0}
.compbox .cb-body>b{display:block;font-size:14px}
.compbox .cb-body>small{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.compbox .cb-miss{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:9px}
.compbox .cb-miss button{display:flex;align-items:center;gap:8px;width:100%;text-align:left;border:1px solid var(--line);background:var(--chip);border-radius:10px;padding:7px 10px;font-family:inherit;font-size:12.5px;font-weight:700;color:var(--text);cursor:pointer}
.compbox .cb-miss button:hover{border-color:var(--turq);background:var(--card)}
.compbox.am .cb-miss button:hover{border-color:var(--orange)}
.compbox .cb-miss .plus{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;color:var(--teal);background:var(--ok-bg);border-radius:999px;padding:2px 7px;flex:none}
.compbox.am .cb-miss .plus{color:#8a5a12;background:var(--wait-bg)}
.compbox .cb-miss .lbl{flex:1;min-width:0}
.compbox .cb-miss i{font-style:normal;font-size:11px;color:var(--faint);white-space:nowrap}
.compbox.full{border-color:rgba(18,184,166,.45);background:linear-gradient(135deg,rgba(25,214,194,.1),transparent)}
.pagehead .hacts{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.sidebadge.com,.uside .av0.am,.av.am,.pill.am.on,.abtn.amber,.badge-top,.media .ic,.ck.ok .bx,.fopt.on .bx{color:#04201d}
.compbox .cb-miss .plus,.compbox.am .cb-miss .plus{color:#8a5a12;background:var(--wait-bg)}
.todolist .tr,.todogrid button{border-left-color:var(--orange)}
.tn{font-family:'JetBrains Mono',monospace;font-size:12px;background:rgba(0,0,0,.14);border-radius:999px;padding:1px 7px;margin-left:4px;font-style:normal}
#todoBtn.zero{background:var(--chip);color:var(--muted)}
.todochips{display:flex;gap:6px;flex-wrap:wrap}
.todochips button{display:inline-flex;align-items:center;gap:6px;border:1.5px solid rgba(244,163,64,.55);background:var(--card);border-radius:999px;padding:5px 11px;font-family:inherit;font-size:12.5px;font-weight:700;color:#8a5a12;cursor:pointer}
.todochips button:hover{background:var(--wait-bg)}
.todochips button b{font-family:'JetBrains Mono',monospace;background:var(--amber);color:#3a2400;border-radius:999px;padding:0 7px;font-size:11.5px}
.todogrid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:7px}
@media(max-width:1200px){.todogrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.todogrid{grid-template-columns:1fr}}
.todogrid button{display:flex;align-items:center;gap:8px;text-align:left;min-width:0;overflow:hidden;border:1px solid rgba(244,163,64,.45);border-left:3px solid var(--amber);background:var(--card);border-radius:10px;padding:5px 9px 5px 8px;font-family:inherit;color:var(--text);cursor:pointer}
.todogrid button:hover{background:var(--wait-bg)}
.todogrid .n{font-family:'JetBrains Mono',monospace;font-weight:800;font-size:15px;color:#8a5a12;min-width:24px;text-align:center}
.todogrid .tx{flex:1;min-width:0}
.todogrid .tx b{display:block;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.todogrid .tx small{display:block;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.todogrid .go{font-size:11.5px;font-weight:700;color:#8a5a12;white-space:nowrap}
.remind.dash{padding:9px 14px}
.remind.dash .ri{width:26px;height:26px;border-radius:8px}
.remind.dash .ri svg{width:14px;height:14px}
.remind.dash>div>b{font-size:13px}
.remind.dash>div>small{display:inline;margin-left:8px}
.todolist{display:grid;gap:8px}
.todolist .tr{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-left:4px solid var(--orange);border-radius:12px;background:var(--card)}
.todolist .tr b{display:block;font-size:14px}
.todolist .tr small{display:block;font-size:12px;color:var(--muted)}
.todolist .tr .n{font-family:'JetBrains Mono',monospace;font-weight:800;font-size:20px;color:#8a5a12;min-width:34px;text-align:center}
.todolist .tr .go{margin-left:auto}
.tbl td.num{white-space:nowrap}
.paycell{display:inline-flex;flex-direction:column;gap:4px;align-items:flex-start}
.paycell .cdown{font-size:11.5px}
.kcard.hot{border-color:rgba(244,163,64,.6);box-shadow:0 0 0 3px rgba(244,163,64,.12)}
.kc-status{display:flex;align-items:center;justify-content:space-between;gap:8px}
.kc-status small{font-size:11px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.kc-head{display:flex;align-items:flex-start;gap:10px}
.kc-head .av{width:32px;height:32px;font-size:11px;flex:none;border-radius:9px}
.kc-ttl{min-width:0;flex:1}
.kc-ttl b{display:block;font-size:13.5px;line-height:1.3;color:var(--text)}
.kc-ttl small{display:block;font-size:12px;color:var(--muted);margin-top:3px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kc-meta{display:flex;gap:6px;flex-wrap:wrap}
.kc-meta span{font-size:11px;font-weight:600;color:var(--muted);background:var(--chip);border:1px solid var(--line);padding:3px 8px;border-radius:999px;white-space:nowrap}
.kc-meta span.money{color:var(--text);font-weight:700}
.kc-quote{font-size:12.5px;color:var(--muted);font-style:italic;line-height:1.5;padding:9px 11px;border-left:3px solid var(--line);background:var(--bg2);border-radius:0 10px 10px 0}
.kc-quote span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.kc-quote.ok{border-left-color:var(--mint);color:var(--text);font-style:normal}
.kc-prog .track{height:7px}
.kc-progl{display:flex;justify-content:space-between;gap:8px;font-size:11.5px;color:var(--faint);margin-top:6px}
.kc-progl b{color:var(--text)}
.kc-progl .pl{color:var(--plan-tx);font-weight:700}
.kc-progl .stars{color:var(--orange);letter-spacing:0}
.kc-progl.nw span{white-space:nowrap}
.kc-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;border-top:1px solid var(--line2);padding-top:10px;margin-top:auto}
.kc-acts{display:flex;gap:6px;flex-wrap:wrap}
.kc-open{font-size:11.5px;font-weight:700;color:var(--teal);margin-left:auto;white-space:nowrap;opacity:.75}
.kcard:hover .kc-open{opacity:1}
.kcards{display:grid;gap:10px}
#kanban.single .kcards{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:12px}
#kanban.single .kcol{padding:14px}
#kanban.single .kc-quote span{-webkit-line-clamp:4}
#kanban{overflow-x:auto}
.mbig{display:flex;align-items:center;gap:12px;margin:12px 0 10px;padding:10px 12px;border-radius:14px;border:1px solid transparent}
.mbig.ex{background:rgba(10,125,112,.12);border-color:rgba(10,125,112,.45)}
.mbig.bo{background:rgba(18,184,166,.11);border-color:rgba(18,184,166,.4)}
.mbig.pa{background:rgba(111,168,230,.14);border-color:rgba(111,168,230,.45)}
.mbig.fa,.mbig.xx{background:var(--danger-bg);border-color:rgba(224,92,120,.4)}
.mbig .ring{width:50px;height:50px;flex:none}
.mbig .ring text{font-family:'JetBrains Mono',monospace;font-weight:800;font-size:13px;fill:var(--text)}
.mbig b{display:block;font-size:14px;line-height:1.2}
.mbig small{display:block;font-size:11.5px;color:var(--muted);margin-top:2px}
.mbig .why{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.mbig .why span{font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:999px;background:var(--card);border:1px solid var(--line);color:var(--muted)}
.mbig .why span.y{color:var(--ok-tx);border-color:rgba(18,184,166,.4)}
.mbig .why span.p{color:var(--wait-tx);border-color:rgba(244,163,64,.45)}
.mbig .why span.n{color:var(--danger-tx);border-color:rgba(224,92,120,.4)}
.mbig .why button{border:0;background:none;color:var(--teal);font-family:inherit;font-size:11px;font-weight:700;cursor:pointer;padding:0 4px}
.whyfull[hidden]{display:none}
.whyfull{display:grid;gap:3px;margin:-4px 0 10px;padding:8px 12px;border:1px dashed var(--line);border-radius:12px;font-size:12px}
.whyfull div{display:flex;align-items:center;gap:8px}
.whyfull .t{flex:1;height:5px;background:var(--chip);border-radius:999px;overflow:hidden}
.whyfull .t i{display:block;height:100%;background:var(--mint)}
.whyfull b{font-family:'JetBrains Mono',monospace;font-size:11px;min-width:52px;text-align:right}
.compwrap{display:grid;grid-template-columns:200px minmax(0,1fr);gap:20px;align-items:start}
.compring{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:8px 0}
.compring .bigring{width:120px;height:120px}
.cklist{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.ck{display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid var(--line);border-radius:12px;font-size:13px;background:var(--card)}
.ck .bx{width:20px;height:20px;border-radius:7px;display:grid;place-items:center;flex:none;border:1.5px solid var(--line);color:#3a2400}
.ck .bx svg{width:12px;height:12px}
.ck.ok .bx{background:var(--grad);border-color:transparent}
.ck.ok{border-color:rgba(18,184,166,.35)}
.ck b{display:block;font-size:13px}
.ck small{display:block;font-size:11.5px;color:var(--muted);margin-top:1px}
.ck .go{margin-left:auto;white-space:nowrap}
.media{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--chip)}
.media .ic{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;flex:none;background:var(--grad);color:#04201d}
.media .ic.off{background:var(--card);color:var(--faint);border:1px dashed var(--line)}
.media .ic svg{width:18px;height:18px}
.media b{display:block;font-size:13px}
.media small{display:block;font-size:11.5px;color:var(--muted)}
.compact .afr{grid-template-columns:96px 1fr;gap:8px}
.compact .afp{grid-column:1/-1;text-align:left;font-size:11.5px;padding-left:104px;margin-top:-4px}
.compact .afl small{display:none}
.mcomp{display:flex;align-items:center;gap:16px}
.mcomp .bigring{width:96px;height:96px;flex:none}
.kcard .kcomp{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--chip);color:var(--muted)}
.kcard .kcomp i{width:6px;height:6px;border-radius:50%;display:inline-block}
.ctxbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:linear-gradient(90deg,rgba(25,214,194,.1),rgba(25,214,194,0) 60%),var(--card);border:1px solid var(--line);border-radius:14px;padding:9px 12px 9px 14px;margin-bottom:14px;box-shadow:var(--shadow)}
.ctxbar .ctx-l{display:flex;align-items:center;gap:10px;flex:1;min-width:0;flex-wrap:nowrap}
.ctxbar .ctx-ic{width:30px;height:30px;border-radius:9px;background:var(--grad);color:#04201d;display:grid;place-items:center;flex:none}
.ctxbar .ctx-ic svg{width:16px;height:16px}
.ctxbar .ctx-lbl{font-size:13px;font-weight:800;color:var(--text);white-space:nowrap}
.ctxbar .ctx-sel{min-width:260px;max-width:420px;flex:1;font-weight:700;padding:8px 36px 8px 12px}
.ctxbar .ctx-hint{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.sugg b{display:flex;align-items:center;gap:6px;font-size:14px}
.sugg b svg{width:16px;height:16px;color:var(--teal)}
.sugg small{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.mmeta{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0 10px}
.mscore .track{flex:1;height:6px;background:var(--chip);border-radius:999px;overflow:hidden}
.mscore .track i{display:block;height:100%;border-radius:999px}

/* ======================= 3. UNIVERS COMMERCIAL (vert du logo) =============================== */
body.app-body.role-commercial{--uni:#12B8A6;--uni2:#0A7D70;--uni-lt:#19D6C2;--grad-uni:linear-gradient(135deg,#19D6C2,#0A7D70);--navactive:rgba(25,214,194,.14);--navactivetx:#5fe6d2}
body.app-body.role-commercial .abtn.fill,body.app-body.role-commercial .pill.on,body.app-body.role-commercial .scope button.on,body.app-body.role-commercial .step.on .n,body.app-body.role-commercial .opt.on .bx,body.app-body.role-commercial .paycard.on .pc-top .ic,body.app-body.role-commercial .tl i.go,body.app-body.role-commercial .ok-screen .big,body.app-body.role-commercial .next .n,body.app-body.role-commercial .fopt.on .bx,body.app-body.role-commercial .ck.ok .bx,body.app-body.role-commercial .ctxbar .ctx-ic,body.app-body.role-commercial .mpill.on,body.app-body.role-commercial .socle.on .bx,body.app-body.role-commercial .badge-top,body.app-body.role-commercial .badge-verif,body.app-body.role-commercial .uside .av0,body.app-body.role-commercial .av,body.app-body.role-commercial .abar,body.app-body.role-commercial .lbrow:first-child .lbr,body.app-body.role-commercial .kpi .ic,body.app-body.role-commercial .kpi .ic.am,body.app-body.role-commercial .fq-n{background:var(--grad-uni)}
body.app-body.role-commercial .tabs button.on{border-bottom-color:var(--uni)}
body.app-body.role-commercial .opt.on{border-color:var(--uni2);background:rgba(18,184,166,.07)}
body.app-body.role-commercial .step.on{box-shadow:inset 0 0 0 1.5px var(--uni2);background:rgba(18,184,166,.06)}
body.app-body.role-commercial .step:hover{border-color:var(--uni2)}
body.app-body.role-commercial .scope button:hover,body.app-body.role-commercial .scopesel.on,body.app-body.role-commercial .tile.open,body.app-body.role-commercial .mcard.hl,body.app-body.role-commercial .modeswitch button.on{border-color:var(--uni2)}
body.app-body.role-commercial .tile:before{background:var(--grad-uni)}
body.app-body.role-commercial .fld input:focus,body.app-body.role-commercial .fld select:focus,body.app-body.role-commercial .fld textarea:focus,body.app-body.role-commercial .chipbox:focus-within{border-color:var(--uni2);box-shadow:0 0 0 3px rgba(18,184,166,.16)}
body.app-body.role-commercial .dlink{color:var(--uni2)}
body.app-body.role-commercial .paycard.on,body.app-body.role-commercial .recur.on{border-color:var(--uni2)}
body.app-body.role-commercial .abtn.amber{background:var(--grad);color:#04201d}
body.app-body.role-commercial .sidebadge.com,body.app-body.role-commercial .uside .av0.am,body.app-body.role-commercial .av.am,body.app-body.role-commercial .pill.am.on,body.app-body.role-commercial .abtn.amber,body.app-body.role-commercial .badge-top,body.app-body.role-commercial .media .ic,body.app-body.role-commercial .ck.ok .bx,body.app-body.role-commercial .fopt.on .bx{color:#04201d}
body.app-body.role-commercial .sidebadge.com,body.app-body.role-commercial .uside .av0.am,body.app-body.role-commercial .av.am,body.app-body.role-commercial .pill.am.on,body.app-body.role-commercial .media .ic{background:var(--grad)}
body.app-body.role-commercial .nav.on{background:rgba(25,214,194,.14);color:#5fe6d2}
body.app-body.role-commercial .nav.on .badge{background:var(--orange);color:#3a2400}
body.app-body.role-commercial .kpi .ic.am{background:var(--ok-bg);color:var(--ok-tx)}
body.app-body.role-commercial .fg-h .n{color:var(--ok-tx);background:var(--ok-bg)}
body.app-body.role-commercial .mpact .af{background:var(--ok-bg);color:var(--ok-tx)}
body.app-body.role-commercial .cdown{background:var(--plan-bg);color:var(--plan-tx)}
body.app-body.role-commercial .cdown.hot{background:var(--danger-bg);color:var(--danger-tx)}

/* ======================= 4. UNIVERS ENTREPRISE (marine du logo) ============================= */
body.app-body.role-entreprise{--uni:#16324F;--uni2:#24497A;--uni-lt:#5B8DD6;--grad-uni:linear-gradient(135deg,#24497A,#16324F);--navactive:rgba(91,141,214,.16);--navactivetx:#9CC0F2}
body.app-body.role-entreprise .abtn.fill,body.app-body.role-entreprise .pill.on,body.app-body.role-entreprise .scope button.on,body.app-body.role-entreprise .step.on .n,body.app-body.role-entreprise .opt.on .bx,body.app-body.role-entreprise .paycard.on .pc-top .ic,body.app-body.role-entreprise .tl i.go,body.app-body.role-entreprise .ok-screen .big,body.app-body.role-entreprise .next .n,body.app-body.role-entreprise .fopt.on .bx,body.app-body.role-entreprise .ck.ok .bx,body.app-body.role-entreprise .ctxbar .ctx-ic,body.app-body.role-entreprise .mpill.on,body.app-body.role-entreprise .socle.on .bx,body.app-body.role-entreprise .badge-top,body.app-body.role-entreprise .badge-verif,body.app-body.role-entreprise .uside .av0,body.app-body.role-entreprise .av,body.app-body.role-entreprise .abar,body.app-body.role-entreprise .lbrow:first-child .lbr,body.app-body.role-entreprise .kpi .ic,body.app-body.role-entreprise .kpi .ic.am,body.app-body.role-entreprise .fq-n{background:var(--grad-uni)}
body.app-body.role-entreprise .tabs button.on{border-bottom-color:var(--uni)}
body.app-body.role-entreprise .opt.on{border-color:var(--uni2);background:rgba(36,73,122,.07)}
body.app-body.role-entreprise .step.on{box-shadow:inset 0 0 0 1.5px var(--uni2);background:rgba(36,73,122,.06)}
body.app-body.role-entreprise .step:hover{border-color:var(--uni2)}
body.app-body.role-entreprise .scope button:hover,body.app-body.role-entreprise .scopesel.on,body.app-body.role-entreprise .tile.open,body.app-body.role-entreprise .mcard.hl,body.app-body.role-entreprise .modeswitch button.on{border-color:var(--uni2)}
body.app-body.role-entreprise .tile:before{background:var(--grad-uni)}
body.app-body.role-entreprise .fld input:focus,body.app-body.role-entreprise .fld select:focus,body.app-body.role-entreprise .fld textarea:focus,body.app-body.role-entreprise .chipbox:focus-within{border-color:var(--uni2);box-shadow:0 0 0 3px rgba(36,73,122,.16)}
body.app-body.role-entreprise .dlink{color:var(--uni2)}
body.app-body.role-entreprise .paycard.on,body.app-body.role-entreprise .recur.on{border-color:var(--uni2)}

/* ======================= 5. ÉCRANS PROPRES AU SITE (hors maquettes) ========================= */
.rating-big{display:flex;align-items:center;gap:16px}
.review{border-bottom:1px solid var(--line2);padding:12px 0}
.review:last-child{border-bottom:0}
.review .rh{display:flex;justify-content:space-between;gap:10px;font-size:13px;margin-bottom:4px}
.review .rh b{font-size:13.5px}
.review p{font-size:13px;color:var(--muted);line-height:1.5}
.badges{display:flex;gap:8px;flex-wrap:wrap}
.navchk,.navscrim,.navburger{display:none}
.mreasons{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.mreasons span{font-size:12px;font-weight:600;color:var(--muted);background:var(--chip);border:1px solid var(--line);padding:3px 9px;border-radius:999px}
.vbtn{background:var(--grad);color:#04201d;border:0;font-family:inherit;font-weight:700;font-size:12.5px;padding:7px 14px;border-radius:9px;cursor:pointer;text-decoration:none;display:inline-block}
.lbme{margin-top:12px;font-size:13px;color:var(--muted);background:var(--chip);border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.lbme b{color:var(--text)}
.mtrust{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 20px}
.mfilters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:22px}
.mfilters .msearch{flex:1;min-width:240px;display:flex;align-items:center;gap:9px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 14px}
.mfilters .msearch svg{width:16px;height:16px;color:var(--faint);flex:none}
.mfilters .msearch input{flex:1;background:transparent;border:0;color:var(--text);font-family:inherit;font-size:14px;outline:none}
.mfilters select{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:11px 12px;color:var(--text);font-family:inherit;font-size:13.5px}
.mfilters .mchk{display:inline-flex;align-items:center;gap:7px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 13px;color:var(--text);font-size:13.5px;cursor:pointer;min-height:44px}
.mfilters .mchk input{accent-color:#0A7D70;width:16px;height:16px;cursor:pointer}
.pfphoto{width:88px;height:88px;border-radius:18px;object-fit:cover;display:block;border:1px solid var(--line)}
.ptabs{overflow-x:auto}
.pro-top{display:flex;align-items:center;gap:16px}
.pro-top .meta b{display:block}
.pro-top .loc{color:var(--muted);font-size:14px;margin-top:3px}
.pro-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:6px}
.pro-stats{display:flex;gap:26px;flex-wrap:wrap;border-top:1px solid var(--line2);border-bottom:1px solid var(--line2);padding:14px 0}
.pro-stats b{display:block;font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;font-size:20px;color:var(--text)}
.pro-stats span{font-size:12.5px;color:var(--muted)}
.rm-model{font-size:12.5px;font-weight:600;color:var(--muted)}
.mnew{color:var(--faint);font-weight:600;font-size:12.5px}
.mchip{font-size:12px;font-weight:600;color:var(--muted);background:var(--chip);border:1px solid var(--line);padding:4px 8px;border-radius:7px}
.wrap{max-width:1140px;margin:0 auto}
.crumb{display:inline-block;color:var(--navactivetx);font-weight:600;font-size:14px;margin-bottom:16px;cursor:pointer}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:var(--shadow);margin-bottom:20px}
.panel{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);margin-bottom:20px;overflow:hidden}
.panel-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 20px;border-bottom:1px solid var(--line2)}
.panel-h h3{font-size:16px;font-weight:800}
.panel-b{padding:18px 20px}
.cr{border:1px solid var(--line);border-radius:14px;padding:15px;margin-bottom:12px;background:var(--card2)}
.cr:last-child{margin-bottom:0}
.cr-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.cr-top b{font-size:15px}
.cr-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.st-wait{background:var(--wait-bg);color:var(--wait-tx)}
.st-ok{background:var(--ok-bg);color:var(--ok-tx)}
.st-no{background:var(--danger-bg);color:var(--danger-tx)}
.st-act{background:var(--mint);color:#04201d;font-weight:800;box-shadow:0 0 0 3px rgba(18,184,166,.22)}
.st-prem{background:#16324F;color:#fff;font-weight:800;box-shadow:0 0 0 2px rgba(201,162,39,.55)}
.bant-chips{display:flex;flex-wrap:wrap;gap:6px;margin:11px 0}
.bant-chips span{font-size:12px;background:var(--plan-bg);color:var(--plan-tx);border-radius:999px;padding:3px 9px}
.chat{display:flex;flex-direction:column;min-height:300px}
.chat-body{flex:1;overflow:auto;padding:10px 2px;display:flex;flex-direction:column;gap:10px}
.msg{max-width:82%;padding:9px 13px;border-radius:13px;font-size:14px;line-height:1.45}
.msg.them{background:var(--chip);align-self:flex-start;border-bottom-left-radius:4px}
.msg small{display:block;font-size:12px;opacity:.75;margin-top:3px}
.chat-in{display:flex;gap:8px;padding-top:10px;border-top:1px solid var(--line2)}
.chat-in input{flex:1;background:var(--chip);border:1px solid var(--line);border-radius:10px;padding:10px 12px;color:var(--text);font-family:inherit;font-size:14px}
.chat-note{font-size:12.5px;color:var(--muted);background:var(--chip);border:1px solid var(--line);border-radius:10px;padding:9px 12px;margin-bottom:12px;line-height:1.5}
.masked{font-family:monospace;background:var(--chip);border-radius:5px;padding:0 6px;color:var(--muted);letter-spacing:.5px}
.rem{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--chip);border:1px solid var(--line);border-radius:10px;padding:9px 12px;margin:12px 0}
.rm-model{font-weight:700;color:var(--turq);font-size:13px}
.rm-rate{font-weight:800;font-size:13.5px}
.btn{display:inline-flex;align-items:center;gap:7px;border:0;cursor:pointer;font-family:inherit;font-weight:700;font-size:14px;padding:11px 18px;border-radius:11px;text-decoration:none;transition:.15s}
.btn-primary,.btn-accent{background:var(--grad);color:#04201d}
.btn-ghost{background:transparent;border:1px solid var(--line);color:var(--text)}
.btn-sm{padding:8px 14px;font-size:13px}
.cta-row{display:flex;gap:12px;flex-wrap:wrap}
.doclink{color:var(--navactivetx);font-weight:600;text-decoration:underline;cursor:pointer}
.su-badge{display:inline-flex;align-items:center;gap:6px;background:var(--chip);color:var(--muted);font-weight:700;font-size:12px;padding:5px 11px;border-radius:999px}
.pr-card{border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:var(--card2)}
.pr-card h3{font-size:15px;font-weight:800;margin-bottom:8px}
.pr-card ul{list-style:none;display:flex;flex-direction:column;gap:8px;font-size:13.5px;color:var(--muted)}
.pr-card ul li{padding-left:20px;position:relative;line-height:1.45}
.pr-card ul li:before{content:"✓";position:absolute;left:0;color:var(--mint);font-weight:800}
.form-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:var(--shadow)}
.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.pill-ok{display:inline-flex;align-items:center;gap:4px;background:var(--ok-bg);color:var(--ok-tx);font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px}
.ksub{font-size:12px;color:var(--faint);margin-top:2px}
.muted{color:var(--muted)}
.offergrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.offer{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:var(--shadow);display:flex;flex-direction:column}
.offer.key{grid-column:1/-1;border:1.5px solid var(--mint);background:linear-gradient(180deg,rgba(18,184,166,.06),transparent)}
.offer h3{font-family:'Plus Jakarta Sans';font-size:19px;font-weight:800;margin-bottom:6px}
.offer .incl{list-style:none;display:flex;flex-direction:column;gap:7px;font-size:13.5px;color:var(--muted);margin:12px 0}
.offer .incl li{padding-left:20px;position:relative;line-height:1.45}
.offer .incl li:before{content:"✓";position:absolute;left:0;color:var(--mint);font-weight:800}
.offer .foot{margin-top:auto}
.offer .price{margin-top:auto;padding-top:14px;border-top:1px solid var(--line2);font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700;font-size:20px;color:var(--text)}
.offer .foot .price{margin-top:12px}
.offer .price small{display:block;font-family:'Plus Jakarta Sans';font-weight:500;font-size:12px;color:var(--faint);margin-top:4px}
.reveal{opacity:0;will-change:opacity,transform}
.reveal.in{animation:nmUp .6s cubic-bezier(.22,.61,.36,1) both}
.nia-bubble{position:fixed;bottom:22px;right:22px;z-index:200;display:inline-flex;align-items:center;gap:9px;background:var(--grad);color:#04201d;border:0;cursor:pointer;font-family:inherit;font-weight:800;font-size:14px;padding:13px 18px;border-radius:999px;box-shadow:0 16px 36px -12px rgba(18,184,166,.7);animation:niaPulse 2.6s ease-out infinite;transition:transform .18s}
.nia-bubble:hover{transform:translateY(-2px)}
.nia-bubble svg{width:19px;height:19px}
.nia-bubble.hide{display:none}
.nia-panel{position:fixed;bottom:22px;right:22px;z-index:201;width:374px;max-width:calc(100vw - 32px);height:558px;max-height:calc(100vh - 44px);background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:0 34px 80px -20px rgba(0,0,0,.75);display:none;flex-direction:column;overflow:hidden}
.nia-head{display:flex;align-items:center;gap:11px;padding:15px 16px;border-bottom:1px solid var(--line2);background:linear-gradient(135deg,rgba(18,184,166,.14),transparent)}
.nia-personas{display:flex;gap:6px;flex-wrap:wrap;padding:10px 14px;border-bottom:1px solid var(--line2)}
.nia-persona{font-size:12.5px;font-weight:700;padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:var(--chip);color:var(--muted);cursor:pointer;transition:.15s}
.nia-persona:hover{border-color:var(--mint);color:var(--text)}
.nia-head b{font-size:14.5px;display:block;font-family:'Plus Jakarta Sans'}
.nia-head span{font-size:12px;color:var(--muted)}
.nia-x{background:transparent;border:0;color:var(--muted);cursor:pointer;font-size:22px;line-height:1;padding:0 2px}
.nia-body{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:10px}
.nia-msg{max-width:86%;padding:10px 13px;border-radius:14px;font-size:13.5px;line-height:1.5;white-space:pre-line}
.nia-msg.bot{background:var(--chip);align-self:flex-start;border-bottom-left-radius:4px}
.nia-chips{display:flex;flex-wrap:wrap;gap:7px;padding:2px 14px 10px}
.nia-chip{background:var(--chip);border:1px solid var(--line);color:var(--text);font-size:12.5px;font-weight:600;padding:7px 11px;border-radius:999px;cursor:pointer;transition:.15s}
.nia-chip:hover{border-color:var(--mint);color:var(--navactivetx)}
.nia-in{display:flex;gap:8px;padding:12px 14px;border-top:1px solid var(--line2)}
.nia-in input{flex:1;background:var(--chip);border:1px solid var(--line);border-radius:10px;padding:11px 12px;color:var(--text);font-family:inherit;font-size:13.5px;outline:none}
.nia-in input:focus{border-color:var(--mint)}
.nia-send{background:var(--grad);border:0;color:#04201d;border-radius:10px;padding:0 15px;font-weight:800;font-size:16px;cursor:pointer}
.nia-form{display:flex;flex-direction:column;gap:8px;margin-top:4px}
.nia-form input,.nia-form textarea{background:var(--card2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;color:var(--text);font-family:inherit;font-size:13px;width:100%}
.nia-form textarea{resize:vertical;min-height:58px}
.nia-form .cal{background:transparent;border:1px solid var(--line);color:var(--text);font-weight:700;border-radius:10px;padding:10px;cursor:pointer;font-family:inherit;font-size:13px;text-align:center;text-decoration:none}
.nia-note{font-size:12px;color:var(--faint);padding:0 14px 10px;text-align:center}
.demo-modal{display:none}
.demo-modal:target{display:flex;position:fixed;inset:0;z-index:9998;align-items:center;justify-content:center;background:rgba(14,34,51,.55);padding:20px}
.demo-modal .demo-modal-x{position:absolute;inset:0}
.demo-modal-card{position:relative;z-index:1;background:#fff;border-radius:18px;max-width:440px;width:100%;padding:30px 28px;box-shadow:0 30px 80px -20px rgba(0,0,0,.5)}
.demo-modal-close{position:absolute;top:14px;right:16px;color:#8496a6;text-decoration:none;font-size:16px;line-height:1}
.demo-modal-badge{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.demo-modal-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.demo-modal-back{color:#5A6B7B;font-weight:600;font-size:14px;text-decoration:none}
.demo-modal-back:hover{color:#0E2233}
.offer-box{display:flex;flex-direction:column;gap:9px;margin-top:10px;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--card2)}
.offer-box .offer-lbl{font-size:12.5px;font-weight:600;color:var(--muted)}
.offer-box select,.offer-box input{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:9px;font-family:inherit;font-size:14px;color:var(--text);background:var(--card);margin:0;box-sizing:border-box}
.offer-box select:focus,.offer-box input:focus{outline:none;border-color:var(--mint,#12B8A6)}
.offer-box .offer-row{display:flex;gap:8px;flex-wrap:wrap}
.offer-box .offer-row input{flex:1;min-width:130px}
.offer-box [hidden]{display:none!important}
.todo-badge{margin-left:auto;min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:var(--todo);color:#fff;font-size:12px;font-weight:800;display:grid;place-items:center;flex:none;box-shadow:0 2px 6px rgba(240,138,36,.35)}
.optcard{display:flex;gap:12px;align-items:flex-start;background:var(--chip);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:2px 0 14px;cursor:pointer}
.optcard input{width:18px;height:18px;margin:2px 0 0;flex:none;accent-color:var(--turq)}
.optcard-tx{display:flex;flex-direction:column;gap:2px}
.optcard-tx b{font-size:14px}
.optcard-tx span{font-size:12.5px;color:var(--muted)}
.navw{position:relative}
.todo-pop{display:none;position:absolute;left:8px;right:8px;top:calc(100% - 2px);z-index:40;padding:9px 12px;border-radius:10px;background:#13273A;border:1px solid rgba(244,163,64,.55);box-shadow:0 14px 30px -10px rgba(0,0,0,.6)}
.navw.has-todo:hover .todo-pop,.navw.has-todo:focus-within .todo-pop{display:block}
.todo-pop b{display:block;font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#F4A340;margin-bottom:4px}
.todo-pop a{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:12.5px;font-weight:600;color:#EDF3F7;line-height:1.3}
.todo-pop a:hover{color:#F4A340}
.todo-pop a em{font-style:normal;font-family:'JetBrains Mono',ui-monospace,monospace;font-weight:700;color:#F4A340;min-width:16px}
.todo-pop a span{flex:1}
.todo-pop a i{font-style:normal;color:#F4A340;opacity:.8}
.todo-block{border:1px solid rgba(244,163,64,.55);border-radius:16px;background:#FFFBF4;margin-bottom:20px;overflow:hidden;box-shadow:0 10px 30px rgba(16,43,67,.05)}
.todo-block:before{content:"";display:block;height:3px;background:linear-gradient(135deg,#F7B955,#E8912B)}
.todo-block .tb-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px 8px;flex-wrap:wrap}
.todo-block .tb-h b{font-size:15px;color:#9A5A12;display:flex;align-items:center;gap:8px}
.todo-block .tb-h b em{font-style:normal;background:#F4A340;color:#3a2400;border-radius:999px;min-width:22px;height:22px;padding:0 7px;display:grid;place-items:center;font-size:12px;font-weight:800}
.todo-block .tb-h span{font-size:12.5px;color:var(--muted)}
.todo-block .tb-r{display:flex;align-items:center;gap:14px;padding:10px 18px;border-top:1px solid #F6E6CC;flex-wrap:wrap}
.todo-block .tb-r .tb-what{flex:1;min-width:220px}
.todo-block .tb-r .tb-what b{font-size:14px;display:block}
.todo-block .tb-r .tb-what span{font-size:12.5px;color:var(--muted)}
.todo-block .tb-r .tb-tag{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:#FEF3E0;color:#9A5A12;padding:4px 9px;border-radius:999px;white-space:nowrap}
.availf{display:inline-flex;margin:0}
.pill-dispo{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;padding:3px 9px;border-radius:999px;background:#E2F7F4;color:#0A7D70;white-space:nowrap}
.pill-dispo:before{content:"";width:7px;height:7px;border-radius:50%;background:#12B8A6}
.phgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:6px}
.phbtn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-family:inherit;font-weight:800;font-size:13.5px;color:var(--text);cursor:pointer;text-align:left;transition:.15s;line-height:1.2}
.phbtn small{font-weight:600;font-size:11.5px;color:var(--muted)}
.phbtn:hover{border-color:var(--mint);transform:translateY(-1px)}
.tb-r{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.tb-r .tb-what b{display:block;font-size:14px}
.tb-r .tb-what span{font-size:12.5px;color:var(--muted)}
.hgrid{display:grid;grid-template-columns:repeat(12,1fr);gap:4px}
.vislg{display:flex;flex-wrap:wrap;gap:14px;font-size:12.5px;color:var(--muted);margin:0 0 16px}
.vislg span{display:inline-flex;align-items:center;gap:6px}
.apercu{position:sticky;top:18px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px}
.apercu h4{margin:0 0 4px;font-family:'Plus Jakarta Sans';font-size:14px;color:var(--text)}
.apercu .ln{display:flex;justify-content:space-between;gap:10px;padding:6px 0;font-size:13px;border-bottom:1px solid var(--line2)}
.apercu .ln:last-of-type{border-bottom:0}
.apercu .ln span:first-child{color:var(--muted)}
.apercu .ln b{color:var(--text);text-align:right}
.wiznav{display:flex;justify-content:space-between;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.compl{height:6px;border-radius:999px;background:var(--chip);overflow:hidden;margin:10px 0 4px}
.compl i{display:block;height:100%;background:var(--grad,linear-gradient(135deg,#19D6C2,#0A7D70))}
.mini .mstat{display:grid;grid-template-columns:72px 1fr 34px;gap:8px;align-items:center;font-size:12px;color:var(--muted);margin:5px 0}
.mini .mstat b{text-align:right;color:var(--text);font-family:'JetBrains Mono',monospace;font-size:12px}

/* ======================= 6. JETONS DU README (réalignement) ========================= */

/* Valeurs reprises du tableau « Design system (à reprendre tel quel) » du README. */
:root{--side:#16324F;--uni:#16324F;--uni2:#24497A;--grad-uni:linear-gradient(135deg,#24497A,#16324F);
--mint:#12B8A6;--teal:#0A7D70;--turq:#19D6C2;--grad:linear-gradient(135deg,#19D6C2,#0A7D70);
--amber:#F4A340;--amber2:#E8912B;--orange:#F4A340;--orange2:#E8912B;
--info:#6FA8E6;--rose:#E05C78;--violet:#4F86C6;
--text:#0E2233;--muted:#5A6B7B;--faint:#90A2B0;--line:#E4EBF3;--card:#FFFFFF}

/* ======================= 7. DÉCISIONS QUI PRIMENT SUR LA MAQUETTE ========================== */

/* Pleine largeur : demandée par William. Les maquettes sont dessinées à 1240 px ;
   sur ses écrans, cela laissait deux bandes vides de part et d'autre du contenu. */
.awrap{max-width:none;margin:0;padding:24px 30px 60px}
.awrap-in{margin:0;max-width:none!important}
@media(max-width:700px){.awrap{padding:18px 16px 42px}}

/* Le logo de la barre latérale, lien de retour vers la vitrine. Sa maquette porte un
   wordmark en texte (« nimaro BETA ») ; la plateforme garde son logo, et c'est lui qui
   ramène sur le site. Ces règles étaient dans notre ancienne feuille et sont PARTIES à la
   régénération : .brand est une classe de sa maquette, donc le filtre « aucune classe
   commune = règle bien à nous » ne les reconnaissait plus. Le logo restait dans la page,
   en 0 × 0 pixel. Vu par William le 22 octobre. La barre est marine : c'est la version
   blanche qui s'affiche, la version encre sert aux fonds clairs. */
.side .brand a{display:flex;align-items:center;line-height:0}
.side .brand img.logo{height:36px;width:auto;display:block}
.side .brand img.logo-light{display:none}

/* ---- Téléphone et tablette (William, 22 octobre au soir : « rien n'est responsive ») ----
   Les maquettes de Mikaël sont dessinées pour un écran large ; elles prévoient la tablette
   (barre latérale en rail d'icônes sous 1000 px, grilles qui se replient) mais pas le
   téléphone. Ci-dessous, ce qui manque, en respectant ses règles existantes :
   - sous 760 px, la barre latérale sort de l'écran ; le bouton ☰ de la barre du haut l'ouvre
     en tiroir par-dessus le contenu (case à cocher #navtoggle, posée par lib/html.js) ;
   - les grilles de ses trois formulaires (assistant à deux colonnes, barreau d'étapes, paires
     de champs) et de ses vues qu'il n'avait pas repliées passent sur une colonne ;
   - les tableaux défilent horizontalement dans leur cadre (.tblwrap) au lieu de casser la page ;
   - la fiche d'un rendez-vous (modale) prend tout l'écran. */
/* Le fond de la colonne de gauche est peint par un dégradé sur .app (marine jusqu'à 248 px,
   blanc ensuite, règle « html .app » de sa feuille).
   Dès que la barre latérale rétrécit (rail de 72 px sous 1000 px, 56 px sous 520 px) ou sort
   de l'écran (tiroir sous 760 px), cette bande marine restait peinte derrière le contenu.
   William, sur son téléphone, 22 octobre au soir : la moitié gauche de l'écran en marine. */
@media(max-width:1000px){html .app{background:linear-gradient(90deg,#16324F 72px,#FFFFFF 72px)}}
@media(max-width:760px){
  html .app{background:#FFFFFF}
  .app{grid-template-columns:1fr}
  .side{position:fixed;top:0;left:0;bottom:0;width:272px;max-width:86vw;height:100vh;transform:translateX(-105%);transition:transform .25s ease;z-index:60;box-shadow:0 20px 60px rgba(0,0,0,.35)}
  .side .brand .wordmark,.side .navlbl,.side .nav span,.side .nav .badge,.side .uside div,.side .sidebadge,.side .beta{display:revert}
  .side .nav{justify-content:flex-start}
  .navchk:checked ~ .app .side{transform:none}
  .navscrim{position:fixed;inset:0;background:rgba(14,34,51,.45);z-index:55}
  .navchk:checked ~ .navscrim{display:block}
  .navburger{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--text);font-size:18px;cursor:pointer;flex:none}
  .top,header.top{padding:10px 14px;gap:10px}
  .top h2{font-size:16px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .awrap{padding:14px 12px 40px}
  .pagehead{flex-direction:column;align-items:stretch;gap:10px}
  .pagehead .headactions{display:flex;flex-wrap:wrap;gap:8px}
  .pagehead h1{font-size:22px}
  .wiz{grid-template-columns:1fr}
  .summary{position:static}
  .stepper{grid-template-columns:1fr 1fr}
  .fgrid,.paygrid,.iban,.presgrid,.rc-c,.cklist,.contact .cg,.tile .split,.modeswitch,.recur-b,.next,.bec,.fq-grid,.mapgrid,.compbox .cb-miss,.mpwrap,.funnelin,.compwrap,.mgrid,.cols2,.cols2b,.cols3,.kanban{grid-template-columns:1fr}
  .calc,.tl,.form,.calllog,.bilan,.fq-grid.four,.mpfine{grid-template-columns:1fr 1fr}
  .statstrip{position:static;grid-template-columns:1fr 1fr}
  .tiles,.tiles.tiles3,.kpis,.kpis.k6,.todogrid{grid-template-columns:1fr}
  .tbl{font-size:12.5px}
  .tbl th,.tbl td{padding:8px 8px;white-space:nowrap}
  .overlay{padding:0;align-items:stretch}
  .modal{border-radius:0;max-height:100vh;max-width:none}
  .scope,.hacts,.todochips{flex-wrap:wrap}
  .evalrow,.rrow,.act{flex-wrap:wrap}
  .chat-in{flex-wrap:wrap}
  .mcomp{flex-direction:column;align-items:stretch}
  .mcomp .bigring{width:88px;margin:0 auto}
  .ck{flex-wrap:wrap}
}
/* ---- Fiche mission : quatre petites tuiles à la place du graphe hebdomadaire (William,
   22 octobre : « gros, moche, il n'apporte pas grand-chose ») ---- */
.minis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px}
.minis .mini{padding:14px 16px;margin:0}
.mini-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:10px}
.mini-h b{font-size:13px}
.mini-v{font-family:'JetBrains Mono',monospace;font-weight:800;font-size:18px;white-space:nowrap}
.mini-v small{font-family:inherit;font-weight:600;font-size:11px;color:var(--muted)}
.mini>small{display:block;color:var(--muted);font-size:12px;margin-top:10px;line-height:1.5}
.mbar{height:10px;border-radius:999px;background:var(--chip);overflow:hidden;display:flex}
.mbar i{display:block;height:100%;flex:none}
/* .mstat et pas .mrow : « mrow » est DÉJÀ la ligne de mission de sa liste « Missions en
   cours ». Réutiliser son nom passait cette liste de flex à grid, et les montants se
   retrouvaient écrasés par le badge « 1 à valider » (vu par William le 23 octobre). */
.mini .minirow{display:grid;grid-template-columns:72px 1fr 34px;gap:8px;align-items:center;font-size:12px;color:var(--muted);margin:5px 0}
.mini .minirow b{text-align:right;color:var(--text);font-family:'JetBrains Mono',monospace;font-size:12px}
.mspark{display:flex;align-items:flex-end;gap:4px;height:46px}
.mspark i{flex:1;border-radius:4px 4px 2px 2px;background:var(--turq);min-height:3px;opacity:.9}
.mspark i.now{background:var(--orange)}
.mleg{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:8px;font-size:11.5px;color:var(--muted)}
.mleg i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:5px;vertical-align:middle}
@media(max-width:1100px){.minis{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.minis{grid-template-columns:1fr}}
/* Vignettes et lignes cliquables en entier (Mes commerciaux, rendez-vous de la mission). */
.cardgo:hover,.rowgo:hover td{background:var(--chip)}
/* Le champ à compléter, mis en évidence à l'arrivée depuis « Compléter → ». */
.hl{box-shadow:0 0 0 3px rgba(25,214,194,.55);border-radius:12px;transition:box-shadow .6s}
/* Les pastilles de distinction, une seule famille (William, 23 octobre) : fond bleu nuit, texte
   blanc. « Top performer » était noir sur fond ambre, illisible sur les cartes de Human Place ;
   « Vérifié Nimaro » changeait de couleur d'un écran à l'autre. */
.badge-top,.badge-verif{display:inline-flex;align-items:center;gap:5px;background:#0E2233;color:#fff;font-size:11.5px;font-weight:800;padding:4px 10px;border-radius:999px;white-space:nowrap;border:0}
.badge-verif .c,.badge-verif i.c{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:#19D6C2;color:#04201d;font-size:10px;font-weight:900}

/* Fiche commerciale, colonne de droite « Ses résultats sur Nimaro » : quatre tuiles sur deux
   rangées, au lieu de quatre colonnes serrées où « 4,5 / 5 · 12 notés » débordait de sa carte
   (William, 23 octobre). Les valeurs longues passent à la ligne, le détail sous la valeur. */
.calc.deux{grid-template-columns:1fr 1fr}
.calc.deux div{padding:14px 16px;min-width:0}
.calc.deux b{font-size:22px;overflow-wrap:anywhere}
.calc.deux b small{display:block;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:12px;letter-spacing:0;margin-top:2px;color:var(--muted)}
/* Vidéo de présentation intégrée (YouTube, Vimeo, Loom) : cadre 16/9 dans la carte. */
.pitch-video{position:relative;padding-top:56.25%;border-radius:10px;overflow:hidden;background:#000}
.pitch-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

@media(max-width:420px){
  .stepper{grid-template-columns:1fr}
  .calc,.tl,.form,.calllog,.bilan,.fq-grid.four,.mpfine{grid-template-columns:1fr}
  .pagehead h1{font-size:20px}
}


/* Ses onglets, rendus cliquables comme des liens. Déclarations reprises de sa
   règle `.tabs button`, pas réécrites : elles suivront ses futures retouches. */
.tabs a{background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);font-family:inherit;font-weight:700;font-size:13.5px;padding:10px 14px;cursor:pointer;margin-bottom:-1px;text-decoration:none}
.tabs a.on{color:var(--text);border-bottom-color:var(--mint);text-decoration:none}
.tabs a .n{font-size:11px;background:var(--chip);border-radius:999px;padding:1px 7px;margin-left:6px;color:var(--muted);text-decoration:none}