*{box-sizing:border-box;margin:0;padding:0}
:root{
  --br:#4F46E5;--brl:#EEF2FF;--brm:#818CF8;--brd:#3730A3;
  --ok:#10B981;--okl:#ECFDF5;--okb:#A7F3D0;
  --er:#EF4444;--erl:#FEF2F2;--erb:#FECACA;
  --wa:#F59E0B;--wal:#FFFBEB;--wab:#FDE68A;
  --bg:#F8F9FF;--w:#fff;--tx:#1E1B4B;--mu:#6B7280;--mu2:#9CA3AF;
  --bo:#E5E7EB;--bo2:#D1D5DB;--r:14px;
}
body{font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--tx);min-height:100vh;font-size:15px}
h1,h2,h3,h4{font-family:'Sora',sans-serif}
button,input,select,textarea{font-family:'DM Sans',sans-serif}
.scr{display:none;min-height:100vh}
.scr.on{display:flex}

/* AUTH */
.aw{flex:1;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(135deg,#EEF2FF,#F4F5FF 55%,#E0E7FF)}
.ac{background:var(--w);border-radius:24px;border:1px solid var(--bo);padding:40px;width:100%;max-width:460px;box-shadow:0 8px 40px rgba(79,70,229,.1)}
.logo{display:flex;align-items:center;gap:9px;margin-bottom:24px}
.logo-i{width:38px;height:38px;background:var(--br);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:14px}
.logo-t{font-size:18px;font-weight:700;color:var(--br);font-family:'Sora',sans-serif}
.logo-t em{color:var(--tx);font-style:normal}
.logo-s{font-size:10px;font-weight:600;color:var(--brm);letter-spacing:.05em}
.ai-pill{display:inline-flex;align-items:center;gap:5px;background:var(--brl);color:var(--br);font-size:11px;font-weight:500;padding:3px 10px;border-radius:999px;border:1px solid #C7D2FE;margin-bottom:16px}
.dot{width:5px;height:5px;background:var(--br);border-radius:50%;animation:blink 2s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.ac h2{font-size:21px;font-weight:700;margin-bottom:4px}
.ac .sub{font-size:13px;color:var(--mu);margin-bottom:24px}
.fg{margin-bottom:14px}
.fg label{display:block;font-size:12px;font-weight:500;margin-bottom:5px}
.fg input,.fg select,.fg textarea{width:100%;padding:10px 13px;border:1.5px solid var(--bo);border-radius:9px;font-size:14px;color:var(--tx);outline:none;transition:.18s;background:var(--w)}
.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--br);box-shadow:0 0 0 3px rgba(79,70,229,.07)}
.fg-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.btn-p{width:100%;padding:12px;background:var(--br);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:500;cursor:pointer;transition:.15s;margin-top:4px}
.btn-p:hover:not(:disabled):not(.eb-btn-disabled){background:var(--brd)}
.btn-p:disabled,.btn-p.eb-btn-disabled{opacity:.55;cursor:not-allowed;pointer-events:none}
.sw{text-align:center;margin-top:16px;font-size:13px;color:var(--mu)}
.sw a{color:var(--br);font-weight:500;cursor:pointer}

/* SETUP */
#s-setup{background:linear-gradient(135deg,#EEF2FF,#F4F5FF,#E0E7FF);flex-direction:column;align-items:center;justify-content:center;padding:24px}
.scard{background:var(--w);border-radius:24px;border:1px solid var(--bo);padding:40px;width:100%;max-width:560px;box-shadow:0 8px 40px rgba(79,70,229,.1)}
.steps-ind{display:flex;align-items:center;gap:6px;margin-bottom:28px}
.si-item{display:flex;align-items:center;gap:5px}
.si-dot{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;font-family:'Sora',sans-serif;flex-shrink:0;transition:.2s}
.si-dot.d{background:var(--ok);color:#fff}
.si-dot.a{background:var(--br);color:#fff}
.si-dot.t{background:var(--bo);color:var(--mu2)}
.si-lbl{font-size:11px;font-weight:500}
.si-lbl.a{color:var(--br)}
.si-lbl.d{color:var(--ok)}
.si-lbl.t{color:var(--mu2)}
.si-line{flex:1;height:1px;background:var(--bo)}
.sstep{display:none}
.sstep.on{display:block}
.sstep h3{font-size:17px;font-weight:700;margin-bottom:4px}
.sstep .desc{font-size:13px;color:var(--mu);margin-bottom:22px}
.s-brow{display:flex;gap:10px;margin-top:22px;justify-content:flex-end}
.btn-s{padding:10px 26px;background:var(--br);color:#fff;border:none;border-radius:9px;font-size:14px;font-weight:500;cursor:pointer;transition:.15s}
.btn-s:hover{background:var(--brd)}
.btn-sg{padding:10px 18px;background:var(--w);color:var(--mu);border:1.5px solid var(--bo);border-radius:9px;font-size:14px;font-weight:500;cursor:pointer;transition:.15s}
.btn-sg:hover{border-color:var(--br);color:var(--br)}
.plan-g{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.pc{border:1.5px solid var(--bo);border-radius:11px;padding:14px;cursor:pointer;transition:.18s;text-align:center}
.pc:hover{border-color:var(--brm)}
.pc.on{border-color:var(--br);background:var(--brl)}
.pc h4{font-family:'Sora',sans-serif;font-size:13px;font-weight:700;margin-bottom:3px}
.pc .pp{font-size:17px;font-weight:700;color:var(--br);margin:5px 0 2px}
.pc .pp span{font-size:11px;font-weight:400;color:var(--mu)}
.pc p{font-size:11px;color:var(--mu);line-height:1.5}
.pc.pop{position:relative}
.pc.pop::before{content:'⭐ Populaire';position:absolute;top:-9px;left:50%;transform:translateX(-50%);background:var(--br);color:#fff;font-size:9px;font-weight:600;padding:2px 9px;border-radius:999px;white-space:nowrap}
.inv-row{display:flex;gap:8px}
.inv-row input{flex:1;padding:9px 12px;border:1.5px solid var(--bo);border-radius:8px;font-size:14px;outline:none}
.inv-row button{padding:9px 16px;background:var(--br);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer}
.inv-list{display:flex;flex-direction:column;gap:5px;margin-top:8px}
.inv-chip{display:flex;align-items:center;gap:8px;background:#F9FAFB;border:1px solid var(--bo);border-radius:7px;padding:6px 11px;font-size:13px}
.inv-chip span{flex:1}
.inv-chip button{background:none;border:none;color:var(--mu2);font-size:15px;cursor:pointer;line-height:1}
.ibox{background:#F0F9FF;border:1px solid #BAE6FD;border-radius:9px;padding:11px 14px;font-size:13px;color:#075985;display:flex;gap:8px;align-items:flex-start;margin-bottom:14px}
.ibox svg{width:14px;height:14px;flex-shrink:0;margin-top:1px}
.notice-info{background:#EFF6FF;border-color:#BFDBFE;color:#1E3A8A}
.notice-success{background:#ECFDF5;border-color:#A7F3D0;color:#065F46}
.notice-warning{background:#FFFBEB;border-color:#FDE68A;color:#92400E}
.notice-error{background:#FEF2F2;border-color:#FECACA;color:#991B1B}
.mat-ex{background:#F9FAFB;border:1px solid var(--bo);border-radius:8px;padding:10px 13px;display:flex;align-items:center;gap:10px;font-size:13px;margin-bottom:7px}
.mat-ex .me{font-family:'Sora',sans-serif;font-weight:700;font-size:12px;background:#E0E7FF;color:var(--brd);padding:2px 9px;border-radius:5px;flex-shrink:0}

/* APP SHELL */
#s-app{flex-direction:row}
.sidebar{width:224px;background:var(--w);border-right:1px solid var(--bo);display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;flex-shrink:0}
.sb-hd{padding:18px 18px 14px;border-bottom:1px solid var(--bo);display:flex;align-items:center;gap:8px}
.sb-ci{width:32px;height:32px;background:var(--br);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:12px;flex-shrink:0}
.sb-co{padding:10px 14px;border-bottom:1px solid var(--bo)}
.sb-co-lbl{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--mu2);margin-bottom:5px}
.sb-chip{display:flex;align-items:center;gap:7px;background:var(--brl);border:1px solid #C7D2FE;border-radius:8px;padding:7px 9px}
.sb-cav{width:26px;height:26px;background:var(--br);border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-family:'Sora',sans-serif;font-size:10px;font-weight:700;flex-shrink:0}
.sb-cn{font-size:11px;font-weight:600;color:var(--br);line-height:1.3}
.sb-cp{font-size:10px;color:var(--brm)}
.sb-nav{flex:1;padding:10px 8px}
.sb-sec{font-size:9px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--mu2);padding:7px 9px 3px}
.sb-it{display:flex;align-items:center;gap:9px;padding:8px 9px;border-radius:8px;font-size:13px;font-weight:500;color:var(--mu);cursor:pointer;transition:.15s;margin-bottom:1px}
.sb-it:hover{background:var(--bg);color:var(--tx)}
.sb-it.on{background:var(--brl);color:var(--br)}
.sb-it svg{width:15px;height:15px;flex-shrink:0}
.sb-bk{margin-left:auto;font-size:9px;font-weight:700;background:var(--br);color:#fff;border-radius:999px;padding:1px 6px}
.sb-bk.red{background:var(--er)}
.sb-bk.ok{background:var(--ok)}
.sb-ft{padding:10px 14px;border-top:1px solid var(--bo)}
.sb-usr{display:flex;align-items:center;gap:8px;padding:7px;border-radius:8px;cursor:pointer;transition:.15s}
.sb-usr:hover{background:var(--bg)}
.sb-uav{width:38px;height:38px;border-radius:50%;flex-shrink:0;overflow:hidden;border:2px solid var(--bo);background:var(--brl);box-shadow:0 2px 12px rgba(79,70,229,.12)}
.sb-uav img{width:100%;height:100%;object-fit:cover;display:block}
.sb-umeta{min-width:0;flex:1;text-align:left}
.sb-uname{font-size:12px;font-weight:600;color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-uemail{font-size:10px;color:var(--mu2);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-ulbl{font-size:10px;color:var(--mu2);margin-top:3px;opacity:.9}

/* MAIN */
.main{flex:1;min-width:0;display:flex;flex-direction:column;min-height:100vh}
.topbar{background:var(--w);border-bottom:1px solid var(--bo);padding:0 26px;height:56px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:40}
.tt{font-family:'Sora',sans-serif;font-size:15px;font-weight:700}
.tbr{display:flex;align-items:center;gap:9px}
.tbtn{padding:6px 14px;border:1.5px solid var(--bo);border-radius:7px;background:var(--w);font-size:12px;font-weight:500;color:var(--mu);cursor:pointer;transition:.15s;display:flex;align-items:center;gap:5px}
.tbtn:hover{border-color:var(--br);color:var(--br)}
.tbtn.pr{background:var(--br);color:#fff;border-color:var(--br)}
.tbtn.pr:hover{background:var(--brd)}
.tbtn svg{width:13px;height:13px}
.pc2{flex:1;padding:26px}
.pg{display:none}
.pg.on{display:block}

/* COMPONENTS */
.sh{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.sh h2{font-family:'Sora',sans-serif;font-size:17px;font-weight:700}
.sh p{font-size:13px;color:var(--mu);margin-top:2px}
.sr{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:22px}
.sc2{background:var(--w);border:1px solid var(--bo);border-radius:13px;padding:16px 18px}
.sc2 .sl{font-size:11px;color:var(--mu);font-weight:500;margin-bottom:7px;display:flex;align-items:center;gap:5px}
.sc2 .sl svg{width:12px;height:12px}
.sc2 .sn{font-family:'Sora',sans-serif;font-size:26px;font-weight:700}
.sc2 .ss{font-size:11px;color:var(--mu2);margin-top:3px}
.tbl{width:100%;border-collapse:collapse;background:var(--w);border-radius:13px;overflow:hidden;border:1px solid var(--bo)}
.tbl th{font-size:10px;font-weight:600;color:var(--mu2);text-transform:uppercase;letter-spacing:.06em;padding:10px 14px;background:#FAFAFA;border-bottom:1px solid var(--bo);text-align:left;white-space:nowrap}
.tbl td{padding:10px 14px;border-bottom:1px solid var(--bo);font-size:13px;vertical-align:middle}
.tbl tr:last-child td{border-bottom:none}
.tbl tr:hover td{background:#FAFAFA}
.mb{font-family:'Sora',sans-serif;font-size:11px;font-weight:700;background:#E0E7FF;color:var(--brd);padding:2px 9px;border-radius:5px;letter-spacing:.03em;display:inline-block}
.pb{font-size:10px;font-weight:600;background:var(--wal);color:var(--wa);border:1px solid var(--wab);padding:2px 8px;border-radius:5px;white-space:nowrap;display:inline-block}
.sp2{font-size:10px;font-weight:600;padding:3px 9px;border-radius:999px;white-space:nowrap;display:inline-block}
.ok2{background:var(--okl);color:var(--ok)}
.wa2{background:var(--wal);color:var(--wa)}
.er2{background:var(--erl);color:var(--er)}
.btn-s2{padding:11px 26px;background:var(--br);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:.15s;display:inline-flex;align-items:center;gap:7px;text-decoration:none}
.btn-s2:hover:not(:disabled){background:var(--brd);transform:translateY(-1px)}
.btn-s2:disabled{opacity:.45;cursor:not-allowed}
.btn-g{padding:11px 18px;background:var(--w);color:var(--tx);border:1.5px solid var(--bo);border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:.15s}
.btn-g:hover{border-color:var(--br);color:var(--br)}
.btn-g:disabled,.btn-g[disabled]{opacity:.5;cursor:not-allowed;border-color:var(--bo);color:var(--mu)}
.btn-g:disabled:hover,.btn-g[disabled]:hover{border-color:var(--bo);color:var(--mu)}
.brow{display:flex;gap:10px;align-items:center;flex-wrap:wrap}

/* FLOW BAR */
.fbar{display:flex;background:var(--w);border:1px solid var(--bo);border-radius:11px;overflow:hidden;margin-bottom:22px}
.fs{display:flex;align-items:center;gap:7px;padding:11px 16px;font-size:12px;font-weight:500;color:var(--mu2);flex:1;justify-content:center;border-right:1px solid var(--bo);transition:.2s}
.fs:last-child{border-right:none}
.fs.d{color:var(--ok)}
.fs.a{color:var(--br);background:var(--brl)}
.fs .fn{width:20px;height:20px;border-radius:50%;background:var(--bo);color:var(--mu2);font-family:'Sora',sans-serif;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.fs.a .fn{background:var(--br);color:#fff}
.fs.d .fn{background:var(--ok);color:#fff}
.dz{
  position:relative;
  border:none;
  border-radius:16px;
  padding:42px 24px;
  text-align:center;
  cursor:pointer;
  background:linear-gradient(180deg,#EEF2FF 0%,#E8EEFF 100%);
  transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease;
  margin-bottom:18px;
  overflow:hidden;
}
.dz::before{
  content:"";
  position:absolute;
  inset:10px;
  border:none;
  border-radius:12px;
  pointer-events:none;
}
.dz:hover,.dz.drag{
  background:linear-gradient(180deg,#E6ECFF 0%,#E0E7FF 100%);
  box-shadow:0 8px 24px rgba(79,70,229,.15);
  transform:translateY(-1px);
}
.dz-ic{
  width:54px;
  height:54px;
  background:rgba(255,255,255,.95);
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 12px;
  box-shadow:0 6px 14px rgba(79,70,229,.16);
}
.dz-ic svg{width:22px;height:22px;color:var(--br)}
.dz-m{font-size:14px;font-weight:600;margin-bottom:4px;color:#312E81}
.dz-m a{color:var(--br);text-decoration:underline;text-underline-offset:2px}
.dz-h{font-size:12px;color:#5B5FA3}
.dz-f{
  display:inline-flex;
  align-items:center;
  gap:4px;
  margin-top:10px;
  background:rgba(255,255,255,.92);
  border:1px solid #C7D2FE;
  border-radius:999px;
  padding:4px 11px;
  font-size:10px;
  color:var(--br);
  font-weight:600;
}
.import-actions-raised{
  margin-top:-8px;
}
.import-table-wrap{
  overflow-x:auto;
}
.import-table-wrap.is-scrollable{
  max-height:420px;
  overflow-y:auto;
  border-radius:12px;
}
.import-table-wrap.is-scrollable .tbl thead th{
  position:sticky;
  top:0;
  z-index:1;
}
.eb-bulk-root .eb-bulk-hidden-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
/* Zone depot bulletins (design type maquette : fond lavande, bordure pointillee, pastille format) */
.eb-bulk-root .eb-bulk-dz{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:168px;
  padding:40px 28px;
  margin-bottom:0;
  cursor:pointer;
  text-align:center;
  background:#EEF2FF;
  border:2px dashed #A5B4FC;
  border-radius:16px;
  box-shadow:none;
  transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
.eb-bulk-root .eb-bulk-dz::before{display:none}
.eb-bulk-root .eb-bulk-dz:hover,
.eb-bulk-root .eb-bulk-dz.drag{
  background:#E8EDFF;
  border-color:#818CF8;
  box-shadow:0 4px 22px rgba(99,102,241,.14);
  transform:none;
}
.eb-bulk-root .eb-bulk-dz:focus-within{
  outline:2px solid #6366F1;
  outline-offset:2px;
}
.eb-bulk-root .eb-bulk-dz .dz-ic{
  width:44px;
  height:44px;
  border-radius:10px;
  background:#fff;
  box-shadow:0 1px 4px rgba(15,23,42,.08);
  margin:0 auto 14px;
}
.eb-bulk-root .eb-bulk-dz .dz-ic svg{width:22px;height:22px;color:#4F46E5}
.eb-bulk-root .eb-bulk-dz .dz-m{
  font-size:15px;
  font-weight:600;
  color:#312E81;
  margin-bottom:6px;
  line-height:1.45;
}
.eb-bulk-root .eb-bulk-dz .eb-bulk-link,
.eb-bulk-root .eb-bulk-dz .dz-link{
  color:#4F46E5;
  text-decoration:underline;
  text-underline-offset:3px;
  cursor:pointer;
}
.eb-bulk-root .eb-bulk-dz .dz-h{
  font-size:13px;
  color:#64748B;
  font-weight:400;
  margin-bottom:0;
}
.eb-bulk-root .eb-bulk-dz .dz-f{
  margin-top:12px;
  background:#fff;
  border:1px solid #E2E8F0;
  color:#475569;
  font-weight:500;
  padding:6px 14px;
  font-size:11px;
  border-radius:999px;
}
/* Import bulletins — aligne sur resources/views/upload-bulletins.html (scope .eb-bulk-root) */
.eb-bulk-root .eb-sel-hd{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:10px 14px;background:var(--w);border:1px solid var(--bo);border-radius:10px;
  margin-bottom:12px;font-size:13px;color:var(--mu);
}
.eb-bulk-root .eb-sel-hd strong{color:var(--tx);font-weight:600}
.eb-bulk-root .eb-sel-add{
  font-size:12px;color:var(--br);font-weight:500;cursor:pointer;text-decoration:underline;
  text-underline-offset:2px;background:none;border:none;padding:0;
}
.eb-bulk-root .eb-sel-add:hover{color:var(--brd)}
.eb-bulk-root .eb-stats{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap}
.eb-bulk-root .eb-stat{
  flex:1;min-width:90px;background:var(--w);border:1px solid var(--bo);border-radius:10px;
  padding:10px 14px;text-align:center;
}
.eb-bulk-root .eb-stat-n{font-family:'Sora',sans-serif;font-size:20px;font-weight:700}
.eb-bulk-root .eb-stat-l{font-size:11px;color:var(--mu);margin-top:2px}
.eb-bulk-root .eb-upload-banner{
  background:var(--w);border:1px solid var(--bo);border-radius:12px;
  padding:16px 18px;margin-bottom:14px;
}
.eb-bulk-root .eb-prog-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:4px}
.eb-bulk-root .eb-prog-title{font-family:'Sora',sans-serif;font-size:14px;font-weight:700;color:var(--tx)}
.eb-bulk-root .eb-prog-pct{
  font-family:'Sora',sans-serif;font-size:20px;font-weight:700;color:var(--br);
  flex-shrink:0;min-width:48px;text-align:right;
}
.eb-bulk-root .eb-prog-sub{font-size:12px;color:var(--mu);margin-bottom:8px}
.eb-bulk-root .eb-prog-track{height:10px;background:#EEF2FF;border-radius:999px;overflow:hidden}
.eb-bulk-root .eb-prog-fill{
  height:100%;width:0%;border-radius:999px;transition:width .22s ease-out;
  background:linear-gradient(90deg,#4F46E5,#6366F1,#8B5CF6);
}
.eb-bulk-root .eb-prog-fill.busy{
  width:100% !important;
  animation:eb-bulk-indet 1.1s ease-in-out infinite;
  background:linear-gradient(90deg,#4F46E5,#A78BFA,#4F46E5);
  background-size:200% 100%;
}
@keyframes eb-bulk-indet{0%{background-position:100% 0}100%{background-position:-100% 0}}
@media (prefers-reduced-motion:reduce){
  .eb-bulk-root .eb-prog-fill.busy{animation:none;opacity:.85}
}
.eb-bulk-root .eb-prog-bytes{font-size:11px;color:var(--mu);margin-top:6px;text-align:center;min-height:14px}
.eb-bulk-root .eb-prog-detail{font-size:11px;color:var(--mu2);margin-top:4px;display:flex;gap:14px;flex-wrap:wrap}
.eb-bulk-root .eb-prog-detail span{display:flex;align-items:center;gap:4px}
.eb-bulk-root .eb-charging{
  display:flex;align-items:center;gap:10px;margin-top:10px;padding:8px 10px;
  background:var(--brl);border:1px solid #C7D2FE;border-radius:10px;font-size:12px;font-weight:600;color:var(--brd);
}
.eb-bulk-root .eb-charging[hidden]{display:none !important}
.eb-bulk-root .eb-charging__dots{display:flex;gap:4px;align-items:center}
.eb-bulk-root .eb-charging__dots > span{
  width:6px;height:6px;border-radius:50%;background:var(--br);
  animation:eb-charge-dot .6s ease-in-out infinite;
}
.eb-bulk-root .eb-charging__dots > span:nth-child(2){animation-delay:.15s}
.eb-bulk-root .eb-charging__dots > span:nth-child(3){animation-delay:.3s}
@keyframes eb-charge-dot{0%,100%{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}
@media (prefers-reduced-motion:reduce){
  .eb-bulk-root .eb-charging__dots > span{animation:none;opacity:.75}
}
.eb-bulk-root.eb-import-active .eb-stats{opacity:.72;transition:opacity .2s ease}
.eb-bulk-root.eb-import-active .eb-cards{opacity:.95}
.eb-bulk-root .eb-cards{
  display:flex;flex-direction:column;gap:8px;
  max-height:min(52vh,600px);overflow-y:auto;padding-right:2px;margin-bottom:14px;
}
.eb-bulk-root .eb-cards::-webkit-scrollbar{width:4px}
.eb-bulk-root .eb-cards::-webkit-scrollbar-track{background:transparent}
.eb-bulk-root .eb-cards::-webkit-scrollbar-thumb{background:var(--bo);border-radius:999px}
.eb-bulk-root .eb-card{
  background:var(--w);border:1px solid var(--bo);border-radius:11px;
  padding:11px 13px;box-shadow:0 1px 2px rgba(15,23,42,.04);transition:border-color .15s;
}
.eb-bulk-root .eb-card:hover{border-color:var(--brm)}
.eb-bulk-root .eb-card.warn{border-color:var(--wa);background:var(--wal)}
.eb-bulk-root .eb-card.ok{border-color:var(--ok)}
.eb-bulk-root .eb-card.err{border-color:var(--er);background:var(--erl)}
.eb-bulk-root .eb-card-row{display:flex;align-items:flex-start;gap:11px}
.eb-bulk-root .eb-card-ico{
  width:38px;height:38px;border-radius:9px;background:#EEF2FF;color:var(--br);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.eb-bulk-root .eb-card-ico svg{width:19px;height:19px}
.eb-bulk-root .eb-card.warn .eb-card-ico{background:var(--wal);color:var(--wa)}
.eb-bulk-root .eb-card.ok .eb-card-ico{background:var(--okl);color:var(--ok)}
.eb-bulk-root .eb-card.err .eb-card-ico{background:var(--erl);color:var(--er)}
.eb-bulk-root .eb-card-body{flex:1;min-width:0}
.eb-bulk-root .eb-card-name{
  font-family:'Sora',sans-serif;font-size:13px;font-weight:600;color:var(--tx);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.eb-bulk-root .eb-card-meta{font-size:11px;color:var(--mu);margin-top:3px;line-height:1.45}
.eb-bulk-root .eb-card-meta .mat{
  font-family:'Sora',sans-serif;font-weight:700;color:var(--brd);background:#E0E7FF;
  padding:1px 7px;border-radius:4px;margin-right:4px;
}
.eb-bulk-root .eb-card-meta .per{font-weight:600;color:var(--wa);background:var(--wal);padding:1px 7px;border-radius:4px;margin-right:4px}
.eb-bulk-root .eb-card-meta .bad{font-weight:600;color:var(--er)}
.eb-bulk-root .eb-card-state{font-size:11px;font-weight:600;color:var(--br);margin-top:5px;min-height:16px}
.eb-bulk-root .eb-card.ok .eb-card-state{color:var(--ok)}
.eb-bulk-root .eb-card.err .eb-card-state{color:var(--er)}
.eb-bulk-root .eb-card.warn .eb-card-state{color:var(--wa)}
.eb-bulk-root .eb-card-track{margin-top:7px;height:5px;background:#F1F5F9;border-radius:99px;overflow:hidden}
.eb-bulk-root .eb-card-bar{height:100%;width:0%;border-radius:99px;transition:width .3s ease,background .2s}
.eb-bulk-root .eb-card-bar.run{background:linear-gradient(90deg,#6366F1,#A78BFA)}
.eb-bulk-root .eb-card-bar.done{background:var(--ok)}
.eb-bulk-root .eb-card-bar.fail{background:var(--er)}
.eb-bulk-root .eb-card-rm{
  flex-shrink:0;width:32px;height:32px;border:none;border-radius:8px;
  background:transparent;color:var(--mu2);cursor:pointer;display:flex;
  align-items:center;justify-content:center;transition:.15s;
}
.eb-bulk-root .eb-card-rm:hover{background:var(--erl);color:var(--er)}
.eb-bulk-root .eb-card-rm:disabled{opacity:.3;cursor:not-allowed}
.eb-bulk-root .eb-card-rm svg{width:15px;height:15px;pointer-events:none}
.eb-bulk-root .eb-result{
  background:var(--okl);border:1.5px solid var(--okb);border-radius:14px;
  padding:20px 22px;margin-bottom:18px;display:flex;align-items:flex-start;gap:14px;
}
.eb-bulk-root .eb-result-icon{font-size:28px;flex-shrink:0;margin-top:2px}
.eb-bulk-root .eb-result h3{font-family:'Sora',sans-serif;font-size:16px;font-weight:700;color:#065F46;margin-bottom:6px}
.eb-bulk-root .eb-result p{font-size:13px;color:#065F46;line-height:1.6}
.eb-bulk-root .eb-result.has-err{background:var(--wal);border-color:var(--wab)}
.eb-bulk-root .eb-result.has-err h3{color:#92400E}
.eb-bulk-root .eb-result.has-err p{color:#92400E}
.eb-bulk-root #eb-actions .btn-s2{margin-left:auto}
.pb2{height:3px;background:#F3F4F6;border-radius:999px;overflow:hidden;margin-top:4px}
.pf{height:100%;border-radius:999px;transition:width .6s ease}
.pf-l{background:var(--br)}
.pf-d{background:var(--ok)}
.pf-e{background:var(--er)}
.spin-s{background:var(--brl);border:1px solid #C7D2FE;border-radius:11px;padding:13px 16px;display:flex;align-items:center;gap:11px;margin-bottom:16px}
.spin{width:22px;height:22px;border:3px solid #C7D2FE;border-top-color:var(--br);border-radius:50%;animation:sp .75s linear infinite;flex-shrink:0}
@keyframes sp{to{transform:rotate(360deg)}}
.spin-s h4{font-family:'Sora',sans-serif;font-size:13px;font-weight:600;color:var(--br)}
.spin-s p{font-size:12px;color:var(--mu);margin-top:1px}
.period-w{background:var(--w);border:1px solid var(--bo);border-radius:13px;padding:22px;margin-bottom:18px}
.period-w h3{font-family:'Sora',sans-serif;font-size:14px;font-weight:700;margin-bottom:4px}
.period-w p{font-size:13px;color:var(--mu);margin-bottom:16px}
.pgrid{display:flex;flex-wrap:wrap;gap:9px}
.po{border:1.5px solid var(--bo);border-radius:9px;padding:11px 16px;cursor:pointer;transition:.18s;text-align:center;min-width:120px}
.po:hover{border-color:var(--brm);background:var(--brl)}
.po.on{border-color:var(--br);background:var(--brl)}
.po-d{font-family:'Sora',sans-serif;font-size:14px;font-weight:700;color:var(--br)}
.po-c{font-size:11px;color:var(--mu);margin-top:2px}
.po-ok{font-size:10px;font-weight:600;color:var(--ok);margin-top:2px}
.po-nw{font-size:10px;font-weight:600;color:var(--wa);margin-top:2px}
.po.done-all{opacity:.5;cursor:default}
.vc2{background:var(--w);border:2px solid var(--brm);border-radius:13px;padding:20px;margin-bottom:16px}
.vc2-t{font-family:'Sora',sans-serif;font-size:14px;font-weight:700;margin-bottom:3px;display:flex;align-items:center;gap:7px}
.vc2-t svg{width:15px;height:15px;color:var(--br)}
.vc2-s{font-size:12px;color:var(--mu);margin-bottom:13px}
.vr{display:flex;align-items:flex-start;gap:9px;font-size:13px;padding:6px 0;border-bottom:1px solid var(--bo)}
.vr:last-child{border-bottom:none}
.vi{width:19px;height:19px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:10px;flex-shrink:0;margin-top:1px}
.vi-ok{background:var(--okl);color:var(--ok)}
.vi-wa{background:var(--wal);color:var(--wa)}
.cb{background:var(--brl);border:1px solid #C7D2FE;border-radius:11px;padding:13px 16px;margin-bottom:16px;display:flex;align-items:flex-start;gap:9px;font-size:13px;color:var(--brd)}
.cb svg{width:14px;height:14px;flex-shrink:0;margin-top:1px}
.ck-l{display:flex;align-items:flex-start;gap:9px;font-size:14px;margin-bottom:16px;cursor:pointer;padding:13px;background:var(--w);border:1.5px solid var(--bo);border-radius:10px;transition:.2s}
.ck-l:hover{border-color:var(--brm)}
.ck-l input{width:15px;height:15px;accent-color:var(--br);cursor:pointer;flex-shrink:0;margin-top:2px}
.sw2{text-align:center;padding:50px 20px}
.sw2-c{width:68px;height:68px;background:var(--okl);border:3px solid var(--okb);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;font-size:28px}
.sw2 h2{font-size:24px;font-weight:700;color:var(--ok);margin-bottom:8px}
.sw2 p{font-size:14px;color:var(--mu);max-width:440px;margin:0 auto 26px}
.ss-g{display:flex;gap:14px;justify-content:center;margin-bottom:26px;flex-wrap:wrap}
.ss-c{background:var(--w);border:1px solid var(--bo);border-radius:11px;padding:14px 20px;text-align:center;min-width:90px}
.ss-n{font-family:'Sora',sans-serif;font-size:26px;font-weight:700}
.ss-l{font-size:11px;color:var(--mu);margin-top:2px}

/* SETTINGS */
.sett-l{display:grid;grid-template-columns:190px 1fr;gap:18px}
.sn{display:flex;flex-direction:column;gap:2px}
.sn-i{padding:8px 12px;border-radius:8px;font-size:13px;font-weight:500;color:var(--mu);cursor:pointer;transition:.15s}
.sn-i:hover{background:var(--bg);color:var(--tx)}
.sn-i.on{background:var(--brl);color:var(--br)}
.sp3{display:none}
.sp3.on{display:block}
.scard2{background:var(--w);border:1px solid var(--bo);border-radius:13px;padding:22px;margin-bottom:14px}
.scard2 h3{font-family:'Sora',sans-serif;font-size:14px;font-weight:700;margin-bottom:3px}
.scard2 .sdesc{font-size:12px;color:var(--mu);margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--bo)}
.srow{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--bo)}
.srow:last-child{border-bottom:none}
.srow-i h4{font-size:13px;font-weight:500}
.srow-i p{font-size:11px;color:var(--mu);margin-top:1px}
.tog{width:38px;height:20px;background:var(--bo);border-radius:999px;cursor:pointer;position:relative;transition:.2s;flex-shrink:0}
.tog.on{background:var(--br)}
.tog::after{content:'';position:absolute;width:14px;height:14px;background:var(--w);border-radius:50%;top:3px;left:3px;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.tog.on::after{left:21px}
.si2{width:100%;padding:9px 12px;border:1.5px solid var(--bo);border-radius:8px;font-size:14px;outline:none;transition:.18s;font-family:'DM Sans',sans-serif;background:var(--w);color:var(--tx)}
.si2:focus{border-color:var(--br)}
.btn-sv{padding:9px 20px;background:var(--br);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:.15s;font-family:'DM Sans',sans-serif}
.btn-sv:hover{background:var(--brd)}
.dbtn{padding:9px 20px;background:var(--erl);color:var(--er);border:1.5px solid var(--erb);border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;font-family:'DM Sans',sans-serif;transition:.15s}
.dbtn:hover{background:var(--er);color:#fff}
.mr2{display:flex;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid var(--bo)}
.mr2:last-child{border-bottom:none}
.m-av{width:32px;height:32px;border-radius:50%;background:#E0E7FF;display:flex;align-items:center;justify-content:center;font-family:'Sora',sans-serif;font-size:11px;font-weight:700;color:var(--br);flex-shrink:0}
.m-rl{font-size:10px;font-weight:600;padding:2px 8px;border-radius:999px}
.rl-a{background:var(--brl);color:var(--br)}
.rl-m{background:#F9FAFB;color:var(--mu);border:1px solid var(--bo)}
.fi2{padding:7px 11px;border:1.5px solid var(--bo);border-radius:8px;font-size:13px;outline:none;transition:.18s;font-family:'DM Sans',sans-serif;background:var(--w)}
.fi2:focus{border-color:var(--br)}

/* ANALYTICS */
.ag{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-bottom:18px}
.cc{background:var(--w);border:1px solid var(--bo);border-radius:13px;padding:18px}
.cc h3{font-family:'Sora',sans-serif;font-size:13px;font-weight:700;margin-bottom:14px}
.bch{display:flex;align-items:flex-end;gap:7px;height:110px}
.bcc{display:flex;flex-direction:column;align-items:center;gap:3px;flex:1}
.bcb{width:100%;background:var(--br);border-radius:5px 5px 0 0;min-height:4px}
.bcl{font-size:9px;color:var(--mu);font-weight:500}
.bcv{font-size:9px;font-weight:700;color:var(--br)}
.dl-w{display:flex;align-items:center;gap:16px}
.dl-i{display:flex;align-items:center;gap:7px;font-size:12px;margin-bottom:5px}
.dl-d{width:9px;height:9px;border-radius:50%;flex-shrink:0}

/* TICKET / CHAT */
.tk-list{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}
.tk-card{background:var(--w);border:1px solid var(--bo);border-radius:12px;padding:14px 16px;cursor:pointer;transition:.18s}
.tk-card:hover{border-color:var(--brm);box-shadow:0 2px 10px rgba(79,70,229,.07)}
.tk-card.active{border-color:var(--br);background:var(--brl)}
.tk-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.tk-title{font-size:14px;font-weight:600}
.tk-meta{font-size:11px;color:var(--mu);margin-top:2px}
.tk-id{font-family:'Sora',sans-serif;font-size:10px;font-weight:700;color:var(--brm)}
.tk-new{width:7px;height:7px;background:var(--br);border-radius:50%;flex-shrink:0}
.chat-wrap{background:var(--w);border:1px solid var(--bo);border-radius:13px;overflow:hidden;display:flex;flex-direction:column}
.chat-hd{padding:14px 18px;border-bottom:1px solid var(--bo);display:flex;align-items:center;justify-content:space-between}
.chat-hd h3{font-family:'Sora',sans-serif;font-size:14px;font-weight:700}
.chat-hd p{font-size:12px;color:var(--mu);margin-top:2px}
.chat-msgs{flex:1;padding:16px;display:flex;flex-direction:column;gap:12px;min-height:320px;max-height:420px;overflow-y:auto}
.msg{display:flex;gap:9px;max-width:80%}
.msg.me{align-self:flex-end;flex-direction:row-reverse}
.msg-av{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Sora',sans-serif;font-size:10px;font-weight:700;flex-shrink:0}
.msg-av.usr{background:var(--brl);color:var(--br)}
.msg-av.adm{background:#FEF2F2;color:#DC2626}
.msg-body{background:#F3F4F6;border-radius:12px 12px 12px 3px;padding:10px 13px}
.msg.me .msg-body{background:var(--brl);border-radius:12px 12px 3px 12px}
.msg-txt{font-size:13px;line-height:1.5}
.msg-time{font-size:10px;color:var(--mu2);margin-top:4px}
.msg.me .msg-time{text-align:right}
.chat-inp{border-top:1px solid var(--bo);padding:12px 16px;display:flex;gap:9px;align-items:flex-end}
.chat-inp textarea{flex:1;padding:9px 12px;border:1.5px solid var(--bo);border-radius:9px;font-size:13px;outline:none;resize:none;font-family:'DM Sans',sans-serif;transition:.18s;min-height:40px;max-height:100px;background:var(--w);color:var(--tx)}
.chat-inp textarea:focus{border-color:var(--br)}
.chat-inp button{padding:9px 16px;background:var(--br);color:#fff;border:none;border-radius:9px;font-size:13px;font-weight:500;cursor:pointer;transition:.15s;white-space:nowrap;align-self:flex-end}
.chat-inp button:hover{background:var(--brd)}
.tk-layout{display:grid;grid-template-columns:320px 1fr;gap:16px}
.new-tk-btn{padding:9px 18px;background:var(--br);color:#fff;border:none;border-radius:9px;font-size:13px;font-weight:500;cursor:pointer;transition:.15s;display:inline-flex;align-items:center;gap:6px}
.new-tk-btn:hover{background:var(--brd)}
@keyframes eb-overlay-in{from{opacity:0}to{opacity:1}}
@keyframes eb-modal-in{from{opacity:0;transform:translateY(-18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes eb-notice-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;animation:eb-overlay-in .18s ease}
.modal-box{background:var(--w);border-radius:18px;padding:28px;width:100%;max-width:460px;box-shadow:0 8px 40px rgba(0,0,0,.18);animation:eb-modal-in .22s cubic-bezier(.34,1.2,.64,1)}
.modal-box h3{font-family:'Sora',sans-serif;font-size:17px;font-weight:700;margin-bottom:4px}
.modal-box p{font-size:13px;color:var(--mu);margin-bottom:20px}
.modal-close{float:right;background:none;border:none;font-size:20px;cursor:pointer;color:var(--mu2);line-height:1;margin-top:-4px}
.tk-status{font-size:10px;font-weight:600;padding:2px 8px;border-radius:999px}
.tk-open{background:var(--brl);color:var(--br)}
.tk-closed{background:var(--okl);color:var(--ok)}
.tk-wait{background:var(--wal);color:var(--wa)}
.licence-box{background:#F5F3FF;border:1px solid #DDD6FE;border-radius:11px;padding:16px;margin-bottom:14px}
.licence-key{font-family:'Sora',sans-serif;font-size:15px;font-weight:700;color:var(--brd);letter-spacing:.08em;word-break:break-all;margin:8px 0}
.licence-meta{font-size:12px;color:var(--mu)}
.toast{position:fixed;bottom:20px;right:20px;padding:11px 16px;border-radius:11px;font-size:13px;font-weight:500;z-index:9999;transform:translateY(60px);opacity:0;transition:.28s;max-width:300px;box-shadow:0 4px 20px rgba(0,0,0,.15)}
.toast.on{transform:translateY(0);opacity:1}
.t-ok{background:#065F46;color:#fff}
.t-er{background:#7F1D1D;color:#fff}
.t-in{background:var(--brd);color:#fff}
.ravi{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;font-family:'Sora',sans-serif;flex-shrink:0}
.badge-sent{font-size:9px;font-weight:700;background:#E0E7FF;color:var(--brd);padding:1px 6px;border-radius:3px;margin-left:4px;vertical-align:middle}
.blocked-banner{background:var(--erl);border:1.5px solid var(--erb);border-radius:11px;padding:14px 18px;display:flex;align-items:center;gap:10px;margin-bottom:18px;font-size:13px;color:#7F1D1D;font-weight:500}
.blocked-banner svg{width:16px;height:16px;flex-shrink:0}

.ia-process-banner{display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--inl);border:1px solid #BAE6FD;border-radius:12px;margin-bottom:16px;font-size:13px;color:var(--brd);font-weight:500}
.ia-spinner{width:22px;height:22px;border:3px solid var(--brl);border-top-color:var(--brm);border-radius:50%;animation:ia-spin .75s linear infinite;flex-shrink:0}
@keyframes ia-spin{to{transform:rotate(360deg)}}

.em-modal{max-width:560px}
.em-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:540px){.em-form-grid{grid-template-columns:1fr}}
.em-field label{display:block;font-size:11px;font-weight:600;color:var(--mu2);margin-bottom:4px}
.em-field input,.em-field textarea{width:100%;padding:9px 11px;border:1.5px solid var(--bo);border-radius:8px;font-size:13px;font-family:'DM Sans',sans-serif;background:var(--w);color:var(--tx)}
.em-field textarea{resize:vertical;min-height:52px}
.em-field input:focus,.em-field textarea:focus{outline:none;border-color:var(--br)}
.em-err{font-size:12px;color:var(--er);margin:4px 0 0}

.periode-collapse{border:1px solid var(--bo);border-radius:12px;background:var(--w);margin-bottom:12px;overflow:hidden}
.periode-collapse-sum{display:flex;width:100%;border:none;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;cursor:pointer;list-style:none;font-size:13px;background:transparent;text-align:left}
.periode-collapse-sum::-webkit-details-marker{display:none}
.periode-collapse.open .periode-collapse-sum{border-bottom:1px solid var(--bo);background:#FAFAFA}
.periode-collapse-tit{display:flex;align-items:center;gap:8px;color:var(--tx)}
.periode-collapse-ico{color:var(--br)}
.periode-collapse-meta{font-size:11px;color:var(--mu2);font-weight:500}
.periode-collapse-body{padding:12px 14px 14px}
.periode-collapse-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.periode-table-scroll{overflow:visible;border-radius:12px}
.periode-table-scroll.is-scrollable{max-height:62vh;overflow:auto}
.periode-table-scroll.is-scrollable .tbl thead th{position:sticky;top:0;z-index:2}

.pret-folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.pret-folder-card{text-align:left;border:1.5px solid var(--bo);border-radius:12px;padding:16px;background:var(--w);cursor:pointer;transition:.15s;display:flex;flex-direction:column;gap:6px}
.pret-folder-card:hover{border-color:var(--br);box-shadow:0 4px 14px rgba(0,0,0,.06)}
.pret-folder-ic{font-size:28px;color:var(--br)}
.pret-folder-t{font-family:'Sora',sans-serif;font-weight:700;font-size:14px;color:var(--tx)}
.pret-folder-m{font-size:12px;color:var(--mu2)}
.pret-breadcrumb{margin-bottom:14px}
.pret-table-scroll{max-height:62vh;overflow:auto;border-radius:12px}
.pret-table-scroll .tbl thead th{position:sticky;top:0;z-index:2}
.list-counter{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:var(--mu);font-weight:500}
.list-counter-hint{display:inline-flex;align-items:center;gap:6px;color:var(--br);font-weight:600}

/* Salaries — tableau type annuaire */
.emp-page{margin-bottom:28px}
.emp-page-hd{margin-bottom:18px}
.emp-import-card{background:var(--w);border:1px solid var(--bo);border-radius:14px;padding:14px 16px;margin-bottom:14px}
.emp-import-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.emp-import-head h3{font-size:14px;margin:0 0 4px}
.emp-import-head p{font-size:12px;color:var(--mu);margin:0}
.emp-import-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.emp-import-actions input[type="file"]{font-size:12px;max-width:290px}
.emp-import-actions .emp-import-btn{padding:8px 12px;font-size:12px;border-radius:8px;display:inline-flex;align-items:center;gap:6px}
.emp-import-actions .emp-import-btn i{font-size:13px;line-height:1}
.emp-import-note{font-size:12px;color:var(--mu2);margin:8px 0 0}
.emp-import-stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.emp-import-stats span{font-size:11px;font-weight:600;background:#F8FAFC;border:1px solid var(--bo);color:var(--tx);border-radius:999px;padding:4px 9px}
.emp-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}
.emp-tabs{display:flex;flex-wrap:wrap;gap:8px}
.emp-tab{border:1px solid var(--bo);background:var(--w);border-radius:999px;padding:7px 14px;font-size:12px;font-weight:600;color:var(--mu2);cursor:pointer;transition:.15s;display:inline-flex;align-items:center;gap:6px}
.emp-tab:hover{border-color:var(--br);color:var(--br)}
.emp-tab.on{background:var(--brl);border-color:#C7D2FE;color:var(--brd)}
.emp-tab-n{font-size:11px;font-weight:700;background:#EEF2FF;color:var(--brd);border-radius:999px;padding:1px 7px}
.emp-tab.on .emp-tab-n{background:var(--br);color:#fff}
.emp-toolbar-right{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.emp-search{display:flex;align-items:center;gap:8px;border:1.5px solid var(--bo);border-radius:10px;padding:0 12px;background:var(--w);min-width:220px;flex:1;max-width:360px;outline:none}
.emp-search:focus-within{border-color:var(--br)}
.emp-search i{color:var(--mu2);font-size:14px}
.emp-search input{flex:1;border:none;outline:none;padding:10px 0;font-size:13px;background:transparent;color:var(--tx)}
.emp-table-card{background:var(--w);border:1px solid var(--bo);border-radius:14px;box-shadow:0 1px 3px rgba(15,23,42,.04);overflow:hidden}
.emp-table-scroll{max-height:62vh;overflow:auto}
.emp-table{width:100%;border-collapse:collapse}
.emp-table thead th{text-align:left;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--mu2);padding:12px 14px;background:#FAFAFA;border-bottom:1px solid var(--bo)}
.emp-table-scroll .emp-table thead th{position:sticky;top:0;z-index:2}
.emp-th-check{width:44px;text-align:center}
.emp-th-actions{width:72px;text-align:right}
.emp-table tbody td{padding:12px 14px;border-bottom:1px solid var(--bo);font-size:13px;vertical-align:middle}
.emp-table tbody tr:last-child td{border-bottom:none}
.emp-table tbody tr:hover td{background:#FAFAFF}
.emp-td-check{text-align:center}
.emp-td-actions{text-align:right}
.emp-user{display:flex;align-items:center;gap:12px;min-width:0}
.emp-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Sora',sans-serif;font-size:12px;font-weight:700;flex-shrink:0;position:relative;background:linear-gradient(135deg,#EEF2FF,#E0E7FF);color:var(--brd)}
.emp-avatar.ok{box-shadow:0 0 0 2px #fff,0 0 0 3px #10B981}
.emp-avatar.warn{box-shadow:0 0 0 2px #fff,0 0 0 3px #F59E0B}
.emp-user-txt{min-width:0}
.emp-user-name{font-weight:700;color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.emp-user-email{font-size:12px;color:var(--mu);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.emp-mat{font-family:'Sora',monospace;font-size:11px;font-weight:700;background:#F3F4F6;padding:3px 8px;border-radius:6px;color:var(--tx)}
.emp-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:3px 10px;border-radius:999px;background:#EEF2FF;color:var(--brd)}
.emp-badge-poste i{font-size:12px}
.emp-dept{font-size:11px;color:var(--mu2);margin-top:4px}
.emp-muted{color:var(--mu2);font-size:12px}
.emp-status{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--tx)}
.emp-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.emp-dot.ok{background:#10B981}
.emp-dot.warn{background:#F59E0B}
.emp-ic-btn{width:36px;height:36px;border-radius:10px;border:1px solid var(--bo);background:var(--w);color:var(--mu2);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:.15s}
.emp-ic-btn:hover{border-color:var(--br);color:var(--br);background:var(--brl)}
.emp-ic-btn i{font-size:16px}
.emp-empty{text-align:center;padding:28px;color:var(--mu2);font-size:13px}

.em-modal-rich{max-width:580px;padding:0;overflow:hidden}
.em-modal-hd{display:flex;align-items:center;gap:14px;padding:22px 24px 16px;border-bottom:1px solid var(--bo);background:linear-gradient(180deg,#FAFAFF,#fff)}
.em-modal-avatar{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--brm),var(--brd));color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.em-modal-rich h3{margin:0;font-size:17px}
.em-modal-meta{margin:4px 0 0;font-size:12px;color:var(--mu2)}
.em-modal-rich .em-form-grid{padding:18px 24px 8px}
.em-modal-ft{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:16px 24px 22px;border-top:1px solid var(--bo);background:#FAFAFA}

/* Modal apercu PDF */
.pdf-modal-overlay{z-index:120}
.pdf-modal{background:var(--w);border-radius:16px;width:min(1120px,96vw);max-height:92vh;display:flex;flex-direction:column;box-shadow:0 25px 80px rgba(15,23,42,.25);overflow:hidden;border:1px solid var(--bo)}
.pdf-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid var(--bo);background:linear-gradient(180deg,#FAFAFA,#fff);flex-shrink:0}
.pdf-modal-head-txt{min-width:0}
.pdf-modal-head h3{margin:0;font-family:'Sora',sans-serif;font-size:16px;font-weight:700;color:var(--tx);word-break:break-word}
.pdf-modal-sub{margin:4px 0 0;font-size:12px;color:var(--mu2)}
.pdf-modal-head-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.pdf-head-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:9px;font-size:12px;font-weight:600;border:1px solid var(--bo);background:var(--w);color:var(--tx);cursor:pointer;text-decoration:none;transition:.15s}
.pdf-head-btn:hover{border-color:var(--br);color:var(--br)}
.pdf-head-btn-close{padding:8px 10px}
.pdf-modal-body{flex:1;min-height:0;background:#E5E7EB;display:flex}
.pdf-modal-iframe{flex:1;width:100%;min-height:min(72vh,720px);border:0;background:#52525b}
.pdf-modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid var(--bo);background:#FAFAFA;flex-shrink:0}