*{box-sizing:border-box;margin:0;padding:0}
:root{
  --b:#1e3d6e;--r:#e8174a;--g:#2db87a;--warn:#f59e0b;
  --line:#dde2ea;--line2:#c8d0dc;
  --bg:#f5f6f8;--bg2:#ffffff;--bg3:#f0f2f5;
  --t:#1e3d6e;--t2:#5a6e8a;--t3:#8a9bb0;
  --mono:monospace;
}
body{font-family:system-ui,sans-serif;background:var(--bg);color:var(--t);
     height:100vh;display:flex;flex-direction:column;overflow:hidden;-webkit-font-smoothing:antialiased}
button{font-family:inherit;cursor:pointer}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--line2);border-radius:4px}

/* ── HEADER ── */
#hdr{background:var(--bg2);border-bottom:1px solid var(--line);padding:8px 18px;
     display:flex;align-items:center;gap:14px;flex-shrink:0;flex-wrap:wrap}
#hdr-right{margin-left:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#infos h1{font-size:14px;font-weight:700;color:var(--b)}
#infos p{font-family:var(--mono);font-size:11px;color:var(--t2);margin-top:2px}
.gfw{display:flex;flex-direction:column;gap:3px}
.gfl{font-size:9px;color:var(--t3);text-transform:uppercase;letter-spacing:.5px;font-weight:600}
.hsel{background:var(--bg2);color:var(--t);border:1px solid var(--line2);border-radius:6px;padding:5px 10px;font-size:12px}
#btn-reset{background:var(--bg2);border:1px solid var(--line2);color:var(--t2);
           border-radius:6px;padding:5px 10px;font-size:11px;font-family:var(--mono);display:none}
#btn-reset:hover{border-color:var(--r);color:var(--r)}

/* ── TABS ── */
#tabs{display:flex;background:var(--bg2);border-bottom:1px solid var(--line);flex-shrink:0;overflow-x:auto}
.tab{background:none;border:none;border-bottom:2px solid transparent;
     color:var(--t3);padding:10px 20px;font-size:13px;font-weight:600;white-space:nowrap}
.tab.on{color:var(--r);border-bottom-color:var(--r)}
#btn-newtask{margin-left:auto;align-self:center;margin-right:14px;background:var(--r);color:#fff;
             border:none;border-radius:7px;padding:7px 14px;font-size:12px;font-weight:600;white-space:nowrap}
#btn-newtask:hover{background:#c4103a}

/* ── MODAL NOUVELLE TÂCHE ── */
#nt-ov{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:110;
       justify-content:center;align-items:flex-start;overflow-y:auto;padding:32px 16px}
#nt-ov.open{display:flex}
#nt-panel{width:560px;max-width:100%;background:var(--bg2);border-radius:14px;
          padding:22px 24px 24px;box-shadow:0 18px 60px rgba(0,0,0,.3)}
#nt-head{display:flex;align-items:center;margin-bottom:16px}
#nt-head h2{font-size:17px;font-weight:650;color:var(--b)}
#nt-close{margin-left:auto;background:none;border:none;color:var(--t2);font-size:24px;
          line-height:1;width:32px;height:32px;border-radius:7px}
#nt-close:hover{background:var(--r);color:#fff}
.nt-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px}
.nt-f{display:flex;flex-direction:column;gap:4px}
.nt-f.full{grid-column:1 / -1}
.nt-f label{font-size:10px;color:var(--t3);text-transform:uppercase;letter-spacing:.5px;font-weight:600}
.nt-f input,.nt-f select,.nt-f textarea{font-family:inherit;font-size:13px;color:var(--t);
          background:var(--bg);border:1px solid var(--line2);border-radius:7px;padding:7px 9px}
.nt-f input:focus,.nt-f select:focus,.nt-f textarea:focus{border-color:var(--r);background:#fff;outline:none}
.nt-f textarea{min-height:54px;resize:vertical}
.nt-f .nt-mono{font-family:var(--mono)}
#nt-fincalc{font-family:var(--mono);font-size:11px;color:var(--t2);margin-top:2px}
#nt-fincalc b{color:var(--r)}
.nt-chips{display:flex;flex-wrap:wrap;gap:6px}
.nt-chip{display:inline-flex;align-items:center;gap:5px;background:var(--bg3);
         border:1px solid var(--line2);border-radius:14px;padding:3px 9px;font-family:var(--mono);font-size:11px}
.nt-chip b{font-weight:700}
.nt-chip button{background:none;border:none;color:var(--t3);font-size:13px;line-height:1;padding:0;cursor:pointer}
.nt-chip button:hover{color:var(--r)}
.nt-addrow{display:flex;gap:6px}
.nt-addrow select,.nt-addrow input{flex:1}
.nt-addrow button{background:var(--b);color:#fff;border:none;border-radius:7px;padding:0 12px;font-size:13px;font-weight:600}
.nt-addrow button:hover{background:var(--r)}
#nt-actions{display:flex;gap:10px;margin-top:20px}
#nt-save{flex:1;background:var(--r);color:#fff;border:none;border-radius:8px;padding:11px;font-size:14px;font-weight:600}
#nt-save:hover{background:#c4103a}
#nt-cancel{background:var(--bg3);border:1px solid var(--line2);color:var(--t2);border-radius:8px;padding:11px 18px;font-size:14px}
#nt-cancel:hover{border-color:var(--r);color:var(--r)}
#nt-err{color:var(--r);font-size:12px;min-height:16px;margin-top:8px}

/* ── BADGE COMMENTAIRE ── */
.cbadge{display:inline-flex;align-items:center;gap:3px;background:var(--b);color:#fff;
        font-family:var(--mono);font-size:9px;font-weight:700;padding:1px 6px;
        border-radius:10px;margin-left:5px;vertical-align:middle;flex-shrink:0}

/* ── VUE AUJOURD'HUI ── */
#vue-jour{flex:1;overflow-y:auto;padding:16px 20px 28px;display:none}
#jour-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:12px}
#jour-nav button{width:38px;height:38px;background:var(--bg2);border:1px solid var(--line2);border-radius:8px;color:var(--t);font-size:20px}
#jour-nav button:hover{border-color:var(--r);color:var(--r)}
#jour-date{text-align:center;min-width:200px}
#jour-sem{font-family:var(--mono);font-size:10px;color:var(--r);letter-spacing:.8px;text-transform:uppercase}
#jour-jj{font-size:21px;font-weight:700;margin:1px 0;text-transform:capitalize}
#jour-aa{font-family:var(--mono);font-size:11px;color:var(--t3)}
#btn-today{display:none;justify-content:center;margin-bottom:10px}
#btn-today button{background:rgba(232,23,74,.08);border:1px solid rgba(232,23,74,.3);
                  color:var(--r);border-radius:7px;padding:6px 14px;font-size:12px;font-family:var(--mono)}
#btn-today button:hover{background:var(--r);color:#fff}
#jour-chips{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:16px}
.chip{font-family:var(--mono);font-size:12px;color:var(--t2);background:var(--bg2);
      border:1px solid var(--line);padding:4px 11px;border-radius:7px}
.chip b{color:var(--t)}
.chip.warn{border-color:rgba(245,158,11,.4);color:var(--warn);background:rgba(245,158,11,.07)}
.chip.alrt{border-color:rgba(232,23,74,.3);color:var(--r);background:rgba(232,23,74,.06)}
#jour-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.pcard{background:var(--bg2);border:1px solid var(--line);border-radius:11px;overflow:hidden}
.pcard.sur{border-color:rgba(245,158,11,.5)}
.phead{display:flex;align-items:center;gap:9px;padding:10px 13px;
       border-bottom:1px solid var(--line);background:var(--bg3)}
.pdot{width:10px;height:10px;border-radius:50%;flex-shrink:0}
.pname{flex:1}.pname b{font-family:var(--mono);font-size:13px;font-weight:700;display:block}
.pname small{font-size:11px;color:var(--t3)}
.pwarn{font-family:var(--mono);font-size:10px;color:var(--warn);
       background:rgba(245,158,11,.1);padding:2px 7px;border-radius:5px}
.ptasks{list-style:none;padding:7px;display:flex;flex-direction:column;gap:5px}
.ptask{padding:8px 10px 8px 13px;background:var(--bg);border:1px solid var(--line);
       border-radius:7px;cursor:pointer;position:relative;overflow:hidden;transition:.12s}
.ptask.has-com{border-color:rgba(45,184,122,.5);border-left:3px solid var(--g)}
.ptask:hover{background:var(--bg3)}
.ptask-bar{position:absolute;left:0;top:0;bottom:0;width:3px}
.ptask-mach{font-family:var(--mono);font-size:10px;font-weight:700;display:block}
.ptask-act{font-size:12px;font-weight:500;display:block;margin-top:1px;line-height:1.3}
.ptask-meta{font-size:10px;color:var(--t3);margin-top:2px;font-family:var(--mono)}
#jour-empty{text-align:center;padding:60px 20px;color:var(--t3)}
#jour-empty p{font-size:15px;color:var(--t2);margin-bottom:8px}
#jour-jump{background:rgba(232,23,74,.08);border:1px solid rgba(232,23,74,.3);
           color:var(--r);border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer}

/* ── VUE PLANNING ── */
#vue-planning{flex:1;display:none;flex-direction:column;min-height:0}
#ptoolbar{display:flex;align-items:center;gap:14px;padding:9px 18px;
          background:var(--bg2);border-bottom:1px solid var(--line);flex-shrink:0}
.segm{display:flex;background:var(--bg3);border:1px solid var(--line2);border-radius:7px;padding:3px;gap:2px}
.segm button{background:none;border:none;color:var(--t2);font-size:12px;font-weight:600;padding:5px 13px;border-radius:5px}
.segm button.on{background:var(--r);color:#fff}
#pinfo{margin-left:auto;font-family:var(--mono);font-size:12px;color:var(--t2)}
#top-scroll{overflow-x:scroll;overflow-y:hidden;background:var(--bg2);
            border-bottom:1px solid var(--line2);flex-shrink:0}
#top-scroll-inner{height:1px}
#table-wrap{flex:1;overflow:auto}
#gtable{border-collapse:collapse;table-layout:fixed}
.th-corner{position:sticky;top:0;left:0;z-index:30;background:var(--bg2);color:var(--t3);
           font-size:9px;text-transform:uppercase;letter-spacing:.5px;padding:4px 12px 6px;
           border-right:1px solid var(--line2);border-bottom:2px solid var(--r);
           min-width:260px;width:260px;vertical-align:bottom;white-space:nowrap;font-family:var(--mono)}
.th-month{position:sticky;top:0;z-index:20;background:var(--bg2);color:var(--r);
          font-size:10px;font-weight:700;padding:2px 6px;border-left:1px solid var(--line2);
          border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;
          overflow:hidden;height:22px;font-family:var(--mono)}
.th-week{position:sticky;top:22px;z-index:20;background:var(--bg2);color:var(--t3);
         font-size:9px;text-align:center;border-left:1px solid var(--line);
         border-bottom:1px solid var(--line);height:20px;padding:0;font-family:var(--mono)}
.th-day{position:sticky;top:42px;z-index:20;background:var(--bg2);
        border-left:1px solid var(--line);border-bottom:2px solid var(--r);
        width:24px;min-width:24px;max-width:24px;padding:0;text-align:center;height:22px;vertical-align:middle}
.th-day b{display:block;font-family:var(--mono);font-size:9px;font-weight:600;color:var(--t2);line-height:1.3}
.th-day s{display:block;font-family:var(--mono);font-size:7px;color:var(--t3);line-height:1;font-style:normal;text-decoration:none}
.th-day.we b,.th-day.we s{color:var(--line2)}
.th-day.today{background:rgba(232,23,74,.12)}.th-day.today b,.th-day.today s{color:var(--r)}
.td-grp{position:sticky;left:0;z-index:5;background:var(--bg3);
        border-top:1px solid var(--line2);border-bottom:1px solid var(--line);
        border-right:1px solid var(--line2);padding:5px 12px;
        font-size:11px;font-weight:700;color:var(--t);white-space:nowrap;font-family:var(--mono)}
.td-grp-in{display:flex;align-items:center;gap:7px}
.td-grp-dot{width:8px;height:8px;border-radius:2px;display:inline-block;flex-shrink:0}
.td-grp-n{margin-left:auto;color:var(--t3);font-size:10px;font-weight:400}
.td-lbl{position:sticky;left:0;z-index:5;background:var(--bg2);
        border-right:1px solid var(--line2);border-bottom:1px solid var(--line);
        padding:4px 12px;width:260px;min-width:260px;max-width:260px;vertical-align:middle;cursor:pointer}
.td-lbl:hover{background:var(--bg3)}
.td-lbl.has-com{border-left:3px solid var(--g)}
.td-tag{font-family:var(--mono);font-size:8px;font-weight:700;text-transform:uppercase;
        padding:1px 4px;border-radius:3px;margin-right:4px;letter-spacing:.3px}
.td-act{font-size:11px;color:var(--t);display:block;white-space:nowrap;
        overflow:hidden;text-overflow:ellipsis;margin-top:1px}
.td-team{font-size:9px;color:var(--t3);display:flex;gap:3px;flex-wrap:nowrap;overflow:hidden;margin-top:2px}
.td-team span{background:var(--bg3);border-radius:3px;padding:0 3px;font-family:var(--mono)}
.td-cell{border-left:1px solid var(--line);border-bottom:1px solid var(--line);
         width:24px;min-width:24px;max-width:24px;height:36px;position:relative;overflow:visible;padding:0}
.td-cell.we{background:rgba(0,0,0,.03)}.td-cell.today{background:rgba(232,23,74,.05)}
.td-cell.gbg{height:26px;background:rgba(0,0,0,.02)}.td-cell.gbg.we{background:rgba(0,0,0,.05)}
tr:hover .td-lbl,tr:hover .td-cell{background:rgba(30,61,110,.03)!important}
.gbar{position:absolute;left:2px;top:50%;transform:translateY(-50%);height:18px;
      border-radius:4px;overflow:hidden;display:flex;align-items:center;cursor:pointer;z-index:2}
.gbar:hover{filter:brightness(.92)}.gbar.est{border-style:dashed!important;opacity:.85}
.gbar-fill{position:absolute;left:0;top:0;bottom:0;opacity:.45}
.gbar-txt{position:relative;font-family:var(--mono);font-size:8px;font-weight:700;
          color:#fff;padding-left:5px;text-shadow:0 1px 2px rgba(0,0,0,.4);white-space:nowrap}

/* ── VUE CHARGE ── */
#vue-charge{flex:1;display:none;flex-direction:column;min-height:0}
#ch-legend{display:flex;align-items:center;gap:16px;padding:9px 18px;
           background:var(--bg2);border-bottom:1px solid var(--line);
           flex-shrink:0;font-size:12px;color:var(--t2);flex-wrap:wrap}
.cleg{display:flex;align-items:center;gap:6px}
.cleg-dot{width:12px;height:12px;border-radius:3px;display:inline-block}
#ch-top-scroll{overflow-x:scroll;overflow-y:hidden;background:var(--bg2);
               border-bottom:1px solid var(--line2);flex-shrink:0}
#ch-top-inner{height:1px}
#ch-wrap{flex:1;overflow:auto}
#ch-table{border-collapse:collapse;table-layout:fixed}
.cth-corner{position:sticky;top:0;left:0;z-index:30;background:var(--bg2);
            border-right:1px solid var(--line2);border-bottom:2px solid var(--r);
            width:230px;min-width:230px;padding:4px 12px 6px;
            font-family:var(--mono);font-size:9px;color:var(--t3);
            text-transform:uppercase;letter-spacing:.5px;vertical-align:bottom}
.cth-week{position:sticky;top:0;z-index:20;background:var(--bg2);color:var(--t3);
          font-size:9px;text-align:center;border-left:1px solid var(--line);
          border-bottom:1px solid var(--line);height:18px;padding:0;font-family:var(--mono)}
.cth-day{position:sticky;top:18px;z-index:20;background:var(--bg2);
         border-left:1px solid var(--line);border-bottom:2px solid var(--r);
         width:20px;min-width:20px;max-width:20px;padding:0;text-align:center;
         height:20px;font-family:var(--mono);font-size:9px;color:var(--t3)}
.cth-day.we{color:var(--line2)}.cth-day.today{background:rgba(232,23,74,.12);color:var(--r)}
.ctd-name{position:sticky;left:0;z-index:5;background:var(--bg2);
          border-right:1px solid var(--line2);border-bottom:1px solid var(--line);
          padding:0 10px;width:230px;min-width:230px;height:36px;vertical-align:middle}
.ctd-inner{display:flex;align-items:center;gap:7px}
.ctd-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}
.ctd-info{flex:1;min-width:0}
.ctd-info b{font-family:var(--mono);font-size:11px;font-weight:700;display:block}
.ctd-info small{font-size:9px;color:var(--t3);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}
.ctd-jh{display:flex;align-items:center;gap:5px}
.ctd-jhbar{width:44px;height:4px;background:var(--bg3);border-radius:2px;overflow:hidden;flex-shrink:0}
.ctd-jhfill{height:100%;border-radius:2px}
.ctd-jhnum{font-family:var(--mono);font-size:9px;color:var(--t2);white-space:nowrap}
.ctd-conf{font-family:var(--mono);font-size:10px;color:var(--warn);font-weight:700;margin-left:4px}
.ctd-cell{border-left:1px solid var(--line);border-bottom:1px solid var(--line);
          width:20px;min-width:20px;height:36px;text-align:center;vertical-align:middle;
          font-family:var(--mono);font-size:10px;font-weight:700;color:#fff}
.ctd-cell.we{background:rgba(0,0,0,.04)}
.ctd-cell.c1{background:rgba(45,184,122,.35);cursor:pointer}
.ctd-cell.c2{background:rgba(245,158,11,.45);cursor:pointer}
.ctd-cell.c3{background:var(--r);cursor:pointer}
.ctd-cell.c1:hover,.ctd-cell.c2:hover,.ctd-cell.c3:hover{filter:brightness(.9)}

/* ── VUE AVANCEMENT ── */
#vue-avanc{flex:1;overflow-y:auto;padding:16px 20px 28px;display:none}
.av-kpis{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}
.av-kpi{background:var(--bg2);border:1px solid var(--line);border-radius:11px;padding:14px 18px;flex:1;min-width:110px}
.av-kpi b{font-family:var(--mono);font-size:26px;font-weight:800;display:block;line-height:1}
.av-kpi p{font-size:11px;color:var(--t3);text-transform:uppercase;letter-spacing:.5px;margin-top:3px}
.av-grp{background:var(--bg2);border:1px solid var(--line);border-radius:11px;margin-bottom:10px;overflow:hidden}
.av-gh{display:flex;align-items:center;gap:8px;padding:9px 14px;background:var(--bg3);border-bottom:1px solid var(--line)}
.av-gdot{width:8px;height:8px;border-radius:2px;display:inline-block}
.av-gname{font-family:var(--mono);font-weight:700;font-size:12px}
.av-gbar{flex:1;height:5px;background:var(--line);border-radius:3px;margin-left:8px;overflow:hidden;max-width:220px}
.av-gfill{height:100%;border-radius:3px;transition:width .4s}
.av-gpct{font-family:var(--mono);font-size:13px;font-weight:700;min-width:38px;text-align:right}
.av-task{display:flex;align-items:center;gap:12px;padding:8px 14px;border-bottom:1px solid var(--bg3)}
.av-task:last-child{border-bottom:none}.av-task:hover{background:rgba(30,61,110,.02)}
.av-task.has-com{border-left:3px solid var(--g)}
.av-tinfo{flex:1;min-width:0;cursor:pointer}
.av-tname{font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.av-tmeta{font-family:var(--mono);font-size:10px;color:var(--t3);margin-top:1px}
.av-ctrl{display:flex;align-items:center;gap:8px;flex-shrink:0}
.av-ctrl input{width:100px}
.av-pct{font-family:var(--mono);font-size:12px;font-weight:700;min-width:36px;text-align:right}

/* ── VUE RETARDS ── */
#vue-retard{flex:1;overflow-y:auto;padding:16px 20px 28px;display:none}
.ret-kpis{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}
.ret-kpi{background:var(--bg2);border:1px solid var(--line);border-radius:11px;
         padding:14px 18px;flex:1;min-width:110px;border-left:4px solid var(--line)}
.ret-kpi b{font-family:var(--mono);font-size:26px;font-weight:800;display:block;line-height:1}
.ret-kpi p{font-size:11px;color:var(--t3);text-transform:uppercase;letter-spacing:.5px;margin-top:3px}
.ret-kpi.rouge{border-left-color:var(--r)}.ret-kpi.orange{border-left-color:var(--warn)}.ret-kpi.vert{border-left-color:var(--g)}
.ret-section{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;
             color:var(--t3);margin:18px 0 10px;display:flex;align-items:center;gap:8px}
.ret-section::after{content:"";flex:1;height:1px;background:var(--line)}
.ret-card{background:var(--bg2);border:1px solid var(--line);border-radius:11px;
          margin-bottom:8px;overflow:hidden;display:flex;align-items:stretch;cursor:pointer}
.ret-card:hover{box-shadow:0 2px 12px rgba(30,61,110,.1)}
.ret-card.rouge{border-left:4px solid var(--r)}.ret-card.orange{border-left:4px solid var(--warn)}
.ret-card.has-com{box-shadow:0 0 0 2px var(--g)}
.ret-badge{padding:0 16px;display:flex;flex-direction:column;align-items:center;
           justify-content:center;min-width:80px;flex-shrink:0}
.ret-badge b{font-family:var(--mono);font-size:20px;font-weight:800;line-height:1}
.ret-badge span{font-size:9px;text-transform:uppercase;letter-spacing:.5px;margin-top:2px}
.ret-badge.rouge{background:rgba(232,23,74,.07);color:var(--r)}
.ret-badge.orange{background:rgba(245,158,11,.07);color:var(--warn)}
.ret-body{flex:1;padding:10px 14px;min-width:0}
.ret-machine{font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.4px;margin-bottom:3px}
.ret-action{font-size:13px;font-weight:600;color:var(--b)}
.ret-meta{font-size:11px;color:var(--t3);margin-top:4px;display:flex;gap:12px;flex-wrap:wrap;font-family:var(--mono)}
.ret-av{display:flex;align-items:center;gap:8px;margin-top:6px}
.ret-av-bar{flex:1;height:6px;background:var(--bg3);border-radius:3px;overflow:hidden;max-width:200px}
.ret-av-fill{height:100%;border-radius:3px}
.ret-av-pct{font-family:var(--mono);font-size:11px;font-weight:700;min-width:34px}
.ret-av-attendu{font-size:10px;color:var(--t3);font-family:var(--mono)}
.ret-interv{font-size:10px;color:var(--t2);margin-top:4px;display:flex;gap:4px;flex-wrap:wrap}
.ret-interv span{background:var(--bg3);border-radius:3px;padding:1px 5px;font-family:var(--mono)}

/* ── DÉTAIL ── */
#det-ov{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:100}
#det-ov.open{display:flex;justify-content:flex-end}
#det-panel{width:400px;max-width:100%;height:100%;background:var(--bg2);
           border-left:1px solid var(--line2);padding:22px 22px 80px;overflow-y:auto}
#det-close{float:right;background:none;border:none;color:var(--t2);font-size:22px;
           cursor:pointer;width:32px;height:32px;border-radius:6px}
#det-close:hover{background:var(--r);color:#fff}
#det-mach{font-family:var(--mono);font-size:13px;font-weight:700;margin-bottom:4px}
#det-phase{font-family:var(--mono);font-size:10px;text-transform:uppercase;
           letter-spacing:.5px;margin-bottom:10px}
#det-title{font-size:17px;font-weight:650;line-height:1.3;margin-bottom:16px;
           padding-right:36px;color:var(--b)}
#det-est{font-family:var(--mono);font-size:11px;color:var(--warn);
         background:rgba(245,158,11,.07);border:1px solid rgba(245,158,11,.25);
         border-radius:7px;padding:7px 11px;margin-bottom:14px}
.det-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}
.det-f span{display:block;font-size:10px;color:var(--t3);text-transform:uppercase;
            letter-spacing:.5px;margin-bottom:3px}
.det-f b{font-family:var(--mono);font-size:13px;font-weight:600}
.det-sec{font-size:10px;color:var(--t3);text-transform:uppercase;letter-spacing:.5px;
         font-weight:600;border-top:1px solid var(--line);padding-top:14px;
         margin-bottom:10px;margin-top:14px;display:flex;align-items:center;gap:8px}
.det-pers{display:flex;align-items:center;gap:8px;background:var(--bg3);
          border-radius:7px;padding:7px 10px;margin-bottom:6px}
.det-pdot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}
.det-pers b{font-family:var(--mono);font-size:12px;font-weight:700}
.det-pers span{font-size:11px;color:var(--t3);margin-left:auto}
#det-av-ctrl{display:flex;align-items:center;gap:12px}
#det-av-ctrl input{flex:1;accent-color:var(--r)}
#det-av-pct{font-family:var(--mono);font-size:17px;font-weight:700;min-width:46px;text-align:right}
#det-com-input{width:100%;min-height:72px;border:1px solid var(--line2);border-radius:8px;
               padding:9px 12px;font-family:inherit;font-size:12px;color:var(--t);
               background:var(--bg3);resize:vertical;outline:none}
#det-com-input:focus{border-color:var(--r);background:#fff}
#det-com-btn{margin-top:8px;width:100%;background:var(--r);color:#fff;border:none;
             border-radius:8px;padding:9px;font-size:13px;font-weight:600}
#det-com-btn:hover{background:#c4103a}
#det-com-list{margin-top:12px;display:flex;flex-direction:column;gap:8px}
#det-danger{margin-top:22px;padding-top:16px;border-top:1px solid var(--line)}
#det-del-btn{width:100%;background:none;border:1px solid var(--line2);color:var(--t2);
             border-radius:8px;padding:10px;font-size:13px;font-weight:600}
#det-del-btn:hover{border-color:var(--r);color:var(--r)}
#det-del-warn{font-size:13px;font-weight:600;color:var(--r);text-align:center;margin-bottom:10px}
#det-del-actions{display:flex;gap:10px}
#det-del-yes{flex:1;background:var(--r);color:#fff;border:none;border-radius:8px;padding:10px;font-size:13px;font-weight:600}
#det-del-yes:hover{background:#c4103a}
#det-del-no{flex:1;background:var(--bg3);border:1px solid var(--line2);color:var(--t2);
            border-radius:8px;padding:10px;font-size:13px}
#det-del-no:hover{border-color:var(--t2)}
.dcitem{background:var(--bg3);border:1px solid var(--line);border-radius:8px;
        padding:9px 12px;border-left:3px solid var(--r);position:relative}
.dcdate{font-family:var(--mono);font-size:10px;color:var(--t3);margin-bottom:4px}
.dctext{font-size:12px;color:var(--t);line-height:1.5;white-space:pre-wrap}
.dcdel{position:absolute;top:8px;right:8px;background:none;border:none;
       color:var(--line2);font-size:14px;cursor:pointer;padding:0}
.dcdel:hover{color:var(--r)}

/* ── SAUVEGARDE ── */
#btn-save{position:fixed;bottom:20px;right:20px;background:var(--b);color:#fff;
          border:none;border-radius:10px;padding:11px 18px;font-size:13px;font-weight:600;
          box-shadow:0 4px 16px rgba(30,61,110,.25);display:flex;align-items:center;gap:8px;z-index:50}
#btn-save:hover{background:var(--r)}
#save-ok{font-size:11px;color:var(--g);display:none}

/* Édition dates */
.det-date-edit{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.det-date-edit label{display:flex;flex-direction:column;gap:4px;font-size:10px;
  color:var(--t3);text-transform:uppercase;letter-spacing:.5px;font-weight:600}
.det-date-edit input{font-family:var(--mono);font-size:13px;color:var(--t);
  background:var(--bg3);border:1px solid var(--line2);border-radius:7px;padding:7px 10px;outline:none}
.det-date-edit input:focus{border-color:var(--r);background:#fff}
#det-fin-calc{font-family:var(--mono);font-size:11px;color:var(--t2);margin-top:6px}
#det-fin-calc b{color:var(--r)}
#det-apply-dates{margin-top:8px;width:100%;background:var(--b);color:#fff;border:none;
  border-radius:8px;padding:9px;font-size:13px;font-weight:600;cursor:pointer}
#det-apply-dates:hover{background:var(--r)}

/* VERSION + AVERTISSEMENT */
#version-bar{background:#1e3d6e;color:#fff;font-family:monospace;font-size:11px;
  padding:4px 18px;display:flex;align-items:center;gap:16px;flex-shrink:0}
#version-bar span{opacity:.7}
#version-bar b{opacity:1;color:#2db87a}
#version-bar .v-warn{background:#f59e0b;color:#1e3d6e;border-radius:5px;
  padding:2px 10px;font-weight:700;font-size:10px;margin-left:auto}
#lock-banner{display:none;background:#f59e0b;color:#1e3d6e;
  font-size:12px;font-weight:600;padding:7px 18px;text-align:center;flex-shrink:0}

.cloture-badge{font-family:var(--mono);font-size:9px;color:var(--g);
  background:rgba(45,184,122,.1);border:1px solid rgba(45,184,122,.3);
  border-radius:5px;padding:2px 7px;margin-left:6px;vertical-align:middle}

/* ── PAGE RÉUNION ── */
#vue-reunion{flex:1;overflow-y:auto;padding:0 0 80px;display:none}

/* Navigation date */
#reu-nav{display:flex;align-items:center;justify-content:center;gap:16px;
  padding:14px 20px;background:var(--bg2);border-bottom:1px solid var(--line);flex-shrink:0;
  position:sticky;top:0;z-index:10}
#reu-nav button{width:38px;height:38px;background:var(--bg2);border:1px solid var(--line2);
  border-radius:8px;color:var(--t);font-size:20px;cursor:pointer;flex-shrink:0}
#reu-nav button:hover{border-color:var(--r);color:var(--r)}
#reu-date{text-align:center;min-width:200px}
#reu-sem{font-family:var(--mono);font-size:10px;color:var(--r);letter-spacing:.8px;text-transform:uppercase}
#reu-jj{font-size:20px;font-weight:700;margin:1px 0;text-transform:capitalize}
#reu-aa{font-family:var(--mono);font-size:11px;color:var(--t3)}
#btn-reu-today{display:none;justify-content:center;padding:6px 20px;
  background:var(--bg2);border-bottom:1px solid var(--line)}
#btn-reu-today button{background:rgba(232,23,74,.08);border:1px solid rgba(232,23,74,.3);
  color:var(--r);border-radius:7px;padding:5px 14px;font-size:12px;font-family:var(--mono);cursor:pointer}

/* Chips stats */
#reu-chips{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;
  padding:10px 20px;background:var(--bg2);border-bottom:1px solid var(--line)}

/* Section titre */
.reu-section{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;
  color:var(--t3);padding:14px 20px 8px;display:flex;align-items:center;gap:8px}
.reu-section::after{content:"";flex:1;height:1px;background:var(--line)}

/* Carte intervenant */
.reu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;padding:0 20px 4px}
.reu-pcard{background:var(--bg2);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.reu-pcard.sur{border-color:rgba(245,158,11,.5)}
.reu-phead{display:flex;align-items:center;gap:9px;padding:9px 13px;
  border-bottom:1px solid var(--line);background:var(--bg3)}
.reu-pdot{width:10px;height:10px;border-radius:50%;flex-shrink:0}
.reu-pname b{font-family:var(--mono);font-size:13px;font-weight:700;display:block}
.reu-pname small{font-size:11px;color:var(--t3)}
.reu-pwarn{font-family:var(--mono);font-size:10px;color:var(--warn);
  background:rgba(245,158,11,.1);padding:2px 7px;border-radius:5px;margin-left:auto}

/* Ligne de tâche dans carte intervenant */
.reu-task{display:flex;align-items:center;gap:8px;padding:8px 12px;
  border-bottom:1px solid var(--bg3);cursor:pointer}
.reu-task:last-child{border-bottom:none}
.reu-task:hover{background:var(--bg3)}
.reu-task-bar{width:3px;height:36px;border-radius:2px;flex-shrink:0}
.reu-task-info{flex:1;min-width:0}
.reu-task-mach{font-family:var(--mono);font-size:9px;font-weight:700;display:block}
.reu-task-act{font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.reu-task-meta{font-size:10px;color:var(--t3);font-family:var(--mono)}
.reu-task-ctrl{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex-shrink:0}
.reu-task-ctrl input[type=range]{width:90px;accent-color:var(--r)}
.reu-task-pct{font-family:var(--mono);font-size:11px;font-weight:700;text-align:right;min-width:34px}

/* Carte retard/risque */
.reu-alerts{padding:0 20px;display:flex;flex-direction:column;gap:8px}
.reu-alert{background:var(--bg2);border:1px solid var(--line);border-radius:10px;
  overflow:hidden;display:flex;align-items:stretch}
.reu-alert.rouge{border-left:4px solid var(--r)}
.reu-alert.orange{border-left:4px solid var(--warn)}
.reu-alert.has-com{box-shadow:0 0 0 2px var(--g)}
.reu-alert-badge{padding:0 14px;display:flex;flex-direction:column;
  align-items:center;justify-content:center;min-width:72px;flex-shrink:0;cursor:pointer}
.reu-alert-badge.rouge{background:rgba(232,23,74,.07);color:var(--r)}
.reu-alert-badge.orange{background:rgba(245,158,11,.07);color:var(--warn)}
.reu-alert-badge b{font-family:var(--mono);font-size:18px;font-weight:800;line-height:1}
.reu-alert-badge span{font-size:9px;text-transform:uppercase;letter-spacing:.4px;margin-top:2px}
.reu-alert-body{flex:1;padding:9px 12px;min-width:0;cursor:pointer}
.reu-alert-mach{font-family:var(--mono);font-size:10px;font-weight:700;margin-bottom:2px}
.reu-alert-act{font-size:13px;font-weight:600;color:var(--b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reu-alert-meta{font-size:10px;color:var(--t3);font-family:var(--mono);margin-top:3px}
.reu-alert-ctrl{display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:4px;padding:0 14px;flex-shrink:0;border-left:1px solid var(--line)}
.reu-alert-ctrl input[type=range]{width:90px;accent-color:var(--r)}
.reu-alert-pct{font-family:var(--mono);font-size:12px;font-weight:700;text-align:center}

/* ── PAGE RÉUNION ── */
#vue-reunion{flex:1;overflow:hidden;display:none;flex-direction:column}
#reu-nav{background:#1e3d6e;color:#fff;padding:10px 18px;display:flex;align-items:center;gap:12px;flex-shrink:0}
#reu-nav button{width:34px;height:34px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:7px;color:#fff;font-size:18px;cursor:pointer;flex-shrink:0}
#reu-nav button:hover{background:rgba(255,255,255,.22)}
#reu-date{flex:1;text-align:center}
#reu-sem{font-family:var(--mono);font-size:10px;color:rgba(255,255,255,.7);letter-spacing:.8px;text-transform:uppercase}
#reu-jj{font-size:18px;font-weight:700;margin:1px 0}
#reu-aa{font-family:var(--mono);font-size:11px;color:rgba(255,255,255,.6)}
#btn-reu-today{display:none;justify-content:center;padding:5px;background:#1e3d6e;flex-shrink:0}
#btn-reu-today button{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:6px;padding:4px 12px;font-size:11px;font-family:var(--mono);cursor:pointer}
#reu-chips{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;padding:7px 16px;background:#1e3d6e;border-bottom:2px solid #e8174a;flex-shrink:0}
#reu-body{flex:1;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;min-height:0}
.reu-col{overflow-y:auto;padding:0;min-width:0}
.reu-col-l{border-right:1px solid #dde2ea}
.reu-col-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#8a9bb0;padding:10px 14px 6px;display:flex;align-items:center;gap:6px;position:sticky;top:0;background:#f5f6f8;z-index:2;border-bottom:1px solid #dde2ea}
.rcard{border-bottom:1px solid #dde2ea}
.rcard-top{display:flex;align-items:center;gap:8px;padding:9px 12px;cursor:pointer}
.rcard-top:hover{background:#f0f2f5}
.rcard-badge{font-family:monospace;font-size:11px;font-weight:700;padding:2px 8px;border-radius:5px;white-space:nowrap;flex-shrink:0}
.rcard-badge.rouge{color:#e8174a;background:rgba(232,23,74,.08)}
.rcard-badge.orange{color:#f59e0b;background:rgba(245,158,11,.08)}
.rcard-info{flex:1;min-width:0}
.rcard-mach{font-family:monospace;font-size:9px;font-weight:700;display:block}
.rcard-act{font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.rcard-meta{font-size:10px;color:#8a9bb0;margin-top:1px;font-family:monospace}
.rcard-slider{display:flex;align-items:center;gap:8px;padding:6px 12px 8px;background:#f0f2f5;border-top:1px solid #dde2ea}
.rcard-slider input{flex:1;accent-color:#e8174a}
.rcard-slider span{font-family:monospace;font-size:11px;font-weight:700;min-width:34px;text-align:right}
.icard{border-bottom:1px solid #dde2ea}
.icard-head{display:flex;align-items:center;gap:8px;padding:7px 12px;background:#f0f2f5;border-bottom:1px solid #dde2ea}
.icard-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}
.icard-head b{font-family:monospace;font-size:12px;font-weight:700}
.icard-head small{font-size:10px;color:#8a9bb0;margin-left:2px}
.icard-warn{font-family:monospace;font-size:9px;color:#f59e0b;background:rgba(245,158,11,.1);padding:1px 6px;border-radius:4px;margin-left:auto}
.itask{display:flex;align-items:center;gap:8px;padding:7px 12px;border-bottom:1px solid #f0f2f5;cursor:pointer}
.itask:last-child{border-bottom:none}
.itask:hover{background:#f0f2f5}
.itask-bar{width:3px;height:30px;border-radius:2px;flex-shrink:0}
.itask-info{flex:1;min-width:0}
.itask-mach{font-family:monospace;font-size:9px;color:#8a9bb0;display:block}
.itask-act{font-size:11px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.itask-ctrl{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}
.itask-ctrl input{width:80px;accent-color:#e8174a}
.itask-pct{font-family:monospace;font-size:10px;font-weight:700;text-align:right}
.reu-empty{text-align:center;padding:30px 16px;color:#8a9bb0;font-size:12px}
/* Barre de recherche globale */
#search-bar{background:var(--bg2);border-bottom:1px solid var(--line);padding:8px 18px;position:relative;flex-shrink:0}
#search-wrap{position:relative;max-width:520px}
#search-input{width:100%;font-family:inherit;font-size:13px;color:var(--t);background:var(--bg);
  border:1px solid var(--line2);border-radius:8px;padding:8px 32px 8px 32px}
#search-input:focus{border-color:var(--r);background:#fff;outline:none}
#search-ic{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--t3);font-size:13px;pointer-events:none}
#search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;
  color:var(--t3);font-size:16px;line-height:1;padding:2px 4px;display:none}
#search-clear:hover{color:var(--r)}
#search-results{position:absolute;top:100%;left:0;right:0;max-width:520px;background:var(--bg2);
  border:1px solid var(--line2);border-top:none;border-radius:0 0 8px 8px;
  box-shadow:0 6px 18px rgba(30,61,110,.12);max-height:340px;overflow-y:auto;z-index:50;display:none}
#search-results.open{display:block}
.sr-item{display:flex;align-items:center;gap:9px;padding:8px 12px;border-bottom:1px solid var(--line);cursor:pointer}
.sr-item:last-child{border-bottom:none}
.sr-item:hover{background:var(--bg3)}
.sr-mach{font-family:var(--mono);font-weight:700;font-size:11px;flex-shrink:0;min-width:64px}
.sr-act{font-size:12px;color:var(--t);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sr-meta{font-family:var(--mono);font-size:10px;color:var(--t3);flex-shrink:0}
.sr-tag{display:inline-block;font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:.5px;
  background:var(--bg3);border:1px solid var(--line2);border-radius:10px;padding:1px 6px;color:var(--t2);flex-shrink:0}
.sr-empty{padding:12px;font-size:12px;color:var(--t3);text-align:center}
.sr-hl{background:rgba(232,23,74,.15);border-radius:3px;padding:0 1px}
/* Mise en évidence de la ligne Gantt ciblée par la recherche */
tr.sr-target>td{background:rgba(232,23,74,.16)!important}
tr.sr-target>td:first-child{box-shadow:inset 3px 0 0 var(--r)}
tr.sr-fade>td{transition:background 1.4s,box-shadow 1.4s}