/* ── Buttons ── */
.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--rm);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all var(--tr)}
.btn-p{background:var(--grad);color:#fff;border:none;box-shadow:0 2px 8px rgba(37,99,235,.2)}
.btn-p:hover{opacity:.9}
.btn-s{background:var(--white);color:var(--t2);border:1px solid var(--border)}
.btn-s:hover{background:var(--muted);color:var(--t1)}
.btn-d{background:var(--d-bg);color:var(--d-tx);border:1px solid var(--d-bd)}
.btn-ok{background:var(--s-bg);color:var(--s-tx);border:1px solid var(--s-bd)}
.btn-sm{padding:4px 10px;font-size:11px}
.btn-lg{padding:11px 22px;font-size:14px}
.btn-ico{padding:7px}

/* ── Badges ── */
.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--rf);font-size:10px;font-weight:700;white-space:nowrap}
.b-cl{background:var(--i-bg);color:var(--i-tx)}
.b-so{background:var(--s-bg);color:var(--s-tx)}
.b-ad{background:var(--w-bg);color:var(--w-tx)}
.b-uk{background:var(--d-bg);color:var(--d-tx)}
.b-nr{background:var(--d-bg);color:var(--d-tx)}
.b-rp{background:var(--s-bg);color:var(--s-tx)}
.b-ar{background:var(--muted);color:var(--t3)}
.b-on{background:var(--s-bg);color:var(--s-tx)}
.b-of{background:var(--muted);color:var(--t3)}
.b-in{background:var(--s-bg);color:var(--s-tx)}
.b-out{background:var(--i-bg);color:var(--i-tx)}
.b-ok{background:var(--s-bg);color:var(--s-tx)}
.b-rej{background:var(--d-bg);color:var(--d-tx)}
.b-wa{background:var(--w-bg);color:var(--w-tx)}
.b-pole{background:#EEF2FF;color:#3730A3}
.b-pu{background:var(--p-bg);color:var(--p-tx)}
.b-s{background-color:#dcfce7 !important;color:#166534 !important;border:1px solid #bbf7d0}
.b-d{background-color:#fee2e2 !important;color:#991b1b !important;border:1px solid #fecaca}

/* ── Cards ── */
.card{background:var(--white);border:1px solid var(--border);border-radius:var(--rl);box-shadow:var(--sh)}
.card-h{padding:13px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}
.card-t{font-size:13px;font-weight:600;color:var(--t1)}
.card-b{padding:14px 16px}

/* ── KPI ── */
.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}
.kpi{background:var(--white);border:1px solid var(--border);border-radius:var(--rl);padding:15px 17px;box-shadow:var(--sh)}
.kpi-v{font-size:26px;font-weight:800;margin-bottom:3px}
.kpi-l{font-size:11px;color:var(--t3);font-weight:500}
.kpi-t{font-size:11px;margin-top:5px}
.kpi-t.up{color:#059669}.kpi-t.dn{color:#DC2626}.kpi-t.wn{color:#D97706}

/* ── Avatars ── */
.av{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;flex-shrink:0}
.av-sm{width:26px;height:26px;font-size:9px}
.av-md{width:34px;height:34px;font-size:12px}
.av-lg{width:48px;height:48px;font-size:17px}
.av-xl{width:60px;height:60px;font-size:21px}
.sq{border-radius:var(--rm)!important}
.av-bl{background:linear-gradient(135deg,#2563EB,#7C3AED)}
.av-gr{background:linear-gradient(135deg,#059669,#0D9488)}
.av-rd{background:linear-gradient(135deg,#DC2626,#EA580C)}
.av-or{background:linear-gradient(135deg,#D97706,#EA580C)}
.av-pu{background:linear-gradient(135deg,#7C3AED,#DB2777)}
.av-te{background:linear-gradient(135deg,#0D9488,#0891B2)}
.av-un{background:#FED7AA;color:#92400E!important}
.av-blue{background:#3b82f6 !important;color:white !important}
.av-green{background:#10b981 !important;color:white !important}
.av-client{background:linear-gradient(135deg,#3b82f6,#1e40af) !important}
.av-societe{background:linear-gradient(135deg,#10b981,#065f46) !important}
.av-administration{background:linear-gradient(135deg,#f59e0b,#d97706) !important}
.av-default{background:#fed7aa !important;color:#92400E !important}

/* ── Forms ── */
.f-group{margin-bottom:13px}
.f-lbl{display:block;font-size:11px;font-weight:700;color:var(--t2);letter-spacing:.6px;text-transform:uppercase;margin-bottom:5px}
.f-lbl .req{background:var(--d-bg);color:var(--d-tx);font-size:9px;font-weight:700;padding:1px 5px;border-radius:3px;margin-left:4px}
.f-inp,.f-sel,.f-ta{width:100%;background:var(--subtle);border:1.5px solid var(--border);border-radius:var(--rm);padding:9px 11px;font-size:13px;color:var(--t1);transition:border-color var(--tr),background var(--tr)}
.f-inp:focus,.f-sel:focus,.f-ta:focus{border-color:var(--brand);background:var(--white)}
.f-inp::placeholder,.f-ta::placeholder{color:var(--t3)}
.f-ta{resize:vertical;min-height:110px;line-height:1.65}
.f-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.frow{display:flex;align-items:center;gap:11px;padding:8px 0;border-bottom:1px solid var(--muted)}
.frow-l{font-size:12px;color:var(--t3);font-weight:500;min-width:72px;flex-shrink:0}
.frow-v{flex:1;background:none;border:none;font-size:13px;color:var(--t1)}
.frow-s{flex:1;background:var(--subtle);border:1.5px solid var(--border);border-radius:var(--rm);padding:7px 10px;font-size:12px}
.frow-s:focus{border-color:var(--brand)}

/* ── Table ── */
.tbl{width:100%;border-collapse:collapse}
.tbl thead tr{background:var(--subtle);border-bottom:1px solid var(--border)}
.tbl thead th{padding:9px 15px;text-align:left;font-size:10px;font-weight:700;color:var(--t3);letter-spacing:.6px;text-transform:uppercase;white-space:nowrap}
.tbl tbody tr{border-bottom:1px solid #F8FAFC;transition:background var(--tr)}
.tbl tbody tr:last-child{border-bottom:none}
.tbl tbody tr:hover{background:var(--subtle)}
.tbl tbody tr.row-d{background:#FFF8F8}
.tbl td{padding:9px 15px;font-size:12px;color:var(--t2)}
.tc-p{font-weight:600;color:var(--t1);font-size:13px}
.tc-l{color:var(--brand);cursor:pointer}
.tc-l:hover{text-decoration:underline}
.tc-m{color:var(--t3);font-size:11px}
.tc-mo{font-family:'Courier New',monospace;font-size:11px}

/* ── Pagination ── */
.pag{padding:11px 15px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--t3);flex-shrink:0}
.pages{display:flex;gap:3px}
.pg{width:28px;height:28px;border-radius:var(--rm);display:flex;align-items:center;justify-content:center;font-size:12px;background:var(--white);border:1px solid var(--border);color:var(--t2);cursor:pointer;transition:all var(--tr)}
.pg:hover{background:var(--muted)}
.pg.active{background:var(--i-bg);color:var(--brand);border-color:var(--i-bd);font-weight:700}

/* ── Tabs ── */
.tabs-nav{display:flex;border-bottom:1px solid var(--border);padding:0 16px;background:var(--white);flex-shrink:0}
.tab{padding:11px 15px;font-size:12px;color:var(--t3);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;font-weight:500;transition:color var(--tr);white-space:nowrap}
.tab:hover{color:var(--t1)}
.tab.active{color:var(--brand);border-bottom-color:var(--brand);font-weight:600}
.tab-panel{display:none;flex:1;flex-direction:column;overflow-y:auto;background:var(--bg);padding:15px}
.tab-panel.active{display:flex}

/* ── Filter pills ── */
.filters{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.pill{padding:4px 11px;border-radius:var(--rf);font-size:11px;font-weight:500;cursor:pointer;border:1px solid var(--border);color:var(--t2);transition:all var(--tr);white-space:nowrap}
.pill:hover{border-color:#CBD5E1;background:var(--muted)}
.pill.active{background:var(--i-bg);color:var(--brand);border-color:var(--i-bd);font-weight:600}
.pill.red{background:#FFF5F5;color:var(--d-tx);border-color:var(--d-bd)}

/* ── Search ── */
.search-wrap{position:relative;display:inline-flex;align-items:center}
.search-wrap>.fa-search,.search-wrap>.fas.fa-search{position:absolute;left:10px;color:var(--t3);font-size:12px;pointer-events:none;z-index:1}
.search-wrap .search{padding-left:32px}
.search{background:var(--muted);border:1px solid var(--border);border-radius:var(--rm);padding:7px 12px;font-size:12px;color:var(--t3);width:210px;transition:all var(--tr)}
.search:focus{background:var(--white);color:var(--t1);border-color:var(--brand);width:250px}
.search::placeholder{color:var(--t3)}

/* ── Icon helpers ── */
.ico-i{display:inline-flex;align-items:center;justify-content:center;line-height:1}
.ico-i i{font-size:inherit;line-height:1}
.btn .ico-i,.btn i.fas,.btn i.far{margin-right:5px}
.alert-bar .ico-i,.login-alert .ico-i,.login-note .ico-i{margin-right:6px;flex-shrink:0}
.doc-ico i{font-size:18px}

/* ── Alert bar ── */
.alert-bar{padding:9px 22px;display:flex;align-items:center;gap:10px;font-size:12px;flex-shrink:0}
.alert-bar.w{background:var(--w-bg);border-bottom:1px solid var(--w-bd);color:var(--w-tx)}
.alert-bar.d{background:var(--d-bg);border-bottom:1px solid var(--d-bd);color:var(--d-tx)}
.alert-bar.i{background:var(--i-bg);border-bottom:1px solid var(--i-bd);color:var(--i-tx)}

/* ── Email items ── */
.email-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:var(--rm);border:1.5px solid var(--border);background:var(--white);cursor:pointer;margin-bottom:6px;transition:border-color var(--tr);color:inherit}
.email-item:hover{border-color:#CBD5E1}
.email-item.unread{border-color:var(--i-bd);background:#FAFCFF}
.email-item.active{border-color:var(--brand);background:var(--i-bg)}
.e-dir{width:26px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0;margin-top:2px}
.e-dir.in{background:var(--s-bg);color:var(--s-tx)}.e-dir.out{background:var(--i-bg);color:var(--i-tx)}
.e-meta{flex:1;min-width:0}
.e-subj{font-size:12px;font-weight:600;color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.e-from{font-size:10px;color:var(--t3);margin-top:1px}
.e-pills{display:flex;gap:3px;margin-top:4px}
.e-trace{font-size:10px;color:var(--t3);margin-top:2px}
.e-time{font-size:10px;color:var(--t3);flex-shrink:0}

/* ── Docs ── */
.doc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.doc-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--rm);padding:13px;cursor:pointer;transition:border-color var(--tr)}
.doc-card:hover{border-color:#CBD5E1}
.doc-ico{width:38px;height:46px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:8px}
.doc-ico.pdf{background:var(--d-bg)}.doc-ico.img{background:var(--s-bg)}.doc-ico.word{background:var(--i-bg)}
.doc-name{font-size:12px;font-weight:600;color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}
.doc-meta{font-size:10px;color:var(--t3)}
.upload-zone{border:2px dashed var(--border);border-radius:var(--rm);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;transition:all var(--tr);min-height:110px}
.upload-zone:hover{border-color:var(--brand);background:var(--i-bg)}

/* ── Entity cards ── */
.e-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.e-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--rl);padding:14px;cursor:pointer;box-shadow:var(--sh);transition:border-color var(--tr),box-shadow var(--tr);display:block;color:inherit}
.e-card:hover{border-color:#CBD5E1;box-shadow:var(--shm)}
.e-card.sel{border-color:var(--brand);background:#FAFCFF}
.e-card.locked{opacity:.4;pointer-events:none;border-style:dashed}
.e-card.card-disabled{opacity:0.55 !important;background-color:#f8fafc !important;border:1px dashed #cbd5e1 !important;cursor:not-allowed !important;pointer-events:none !important;box-shadow:none !important}
.e-card.card-disabled .av{background:#94a3b8 !important;color:#ffffff !important}
.e-card.card-disabled .badge{background-color:#e2e8f0 !important;color:#64748b !important;border:1px solid #cbd5e1 !important}
.ec-head{display:flex;align-items:center;gap:9px;margin-bottom:10px}
.ec-name{font-size:13px;font-weight:600;color:var(--t1)}
.ec-sub{font-size:10px;color:var(--t3);margin-top:1px}
.stat-row{display:flex;border-top:1px solid var(--muted);padding-top:9px;margin-top:3px}
.stat-row .stat{flex:1;text-align:center}
.stat-row .stat+.stat{border-left:1px solid var(--muted)}
.stat-row .sv{font-size:15px;font-weight:700}
.stat-row .sl{font-size:9px;color:var(--t3);text-transform:uppercase;letter-spacing:.4px}

/* ── Profile panel ── */
.pp{width:258px;flex-shrink:0;border-right:1px solid var(--border);background:var(--white);padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}
.pp-top{text-align:center;padding-bottom:12px;border-bottom:1px solid var(--muted)}
.pp-name{font-size:15px;font-weight:700;color:var(--t1);margin-top:8px}
.pp-email{font-size:12px;color:var(--brand);margin-top:2px}
.pp-badges{display:flex;justify-content:center;gap:5px;margin-top:7px;flex-wrap:wrap}
.pp-lbl{font-size:10px;font-weight:700;color:var(--t3);letter-spacing:.8px;text-transform:uppercase;margin-bottom:7px}
.ir{display:flex;gap:8px;margin-bottom:5px}
.ik{font-size:11px;color:var(--t3);min-width:75px;flex-shrink:0}
.iv{font-size:11px;color:var(--t2);font-weight:500}
.iv.lk{color:var(--brand);cursor:pointer}
.iv.lk:hover{text-decoration:underline}
.mg{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.ms{background:var(--subtle);border:1px solid var(--border);border-radius:var(--rm);padding:9px;text-align:center}
.ms-v{font-size:18px;font-weight:800}
.ms-l{font-size:9px;color:var(--t3);text-transform:uppercase;letter-spacing:.4px;margin-top:1px}
.e-link{background:var(--i-bg);border:1px solid var(--i-bd);border-radius:var(--rm);padding:9px 11px;display:flex;align-items:center;gap:9px;transition:background var(--tr);color:inherit}
.e-link:hover{background:#DBEAFE}

/* ── Bar chart ── */
.bar-chart{display:flex;align-items:flex-end;gap:7px;height:88px}
.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px}
.bar-fill{width:100%;border-radius:4px 4px 0 0;background:var(--grad)}
.bar-day{font-size:9px;color:var(--t3)}

/* ── Donut ── */
.donut-wrap{display:flex;align-items:center;gap:15px}
.donut{width:96px;height:96px;position:relative;flex-shrink:0}
.donut svg{width:100%;height:100%}
.donut-c{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}
.donut-c .big{font-size:17px;font-weight:800}.donut-c .sm{font-size:9px;color:var(--t3)}
.legend{display:flex;flex-direction:column;gap:6px}
.leg{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--t2)}
.leg-d{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.leg-v{margin-left:auto;font-weight:700}

/* ── Timeline ── */
.tl-item{display:flex;gap:10px;padding:7px 0;border-bottom:1px solid var(--muted);font-size:12px}
.tl-item:last-child{border:none}
.tl-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:4px}
.tl-tx{flex:1;color:var(--t2)}
.tl-dt{color:var(--t3);font-size:11px;flex-shrink:0}

/* ── Attach ── */
.att{background:var(--subtle);border:1px solid var(--border);border-radius:var(--rm);padding:6px 11px;display:inline-flex;align-items:center;gap:7px;font-size:12px;cursor:pointer;transition:all var(--tr)}
.att:hover{border-color:#CBD5E1;background:var(--muted)}
.att .att-s{font-size:10px;color:var(--t3)}

/* ── Action bar ── */
.act-bar{padding:11px 18px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px;background:var(--subtle);flex-shrink:0}
.trace{font-size:11px;color:var(--t3)}
.trace .v{color:var(--brand);font-weight:500}

/* ── Editor toolbar ── */
.ed-tb{display:flex;gap:3px;padding:7px 0;border-bottom:1px solid var(--muted)}
.tb-b{background:var(--subtle);border:1px solid var(--border);border-radius:5px;padding:4px 8px;font-size:11px;color:var(--t3);cursor:pointer;transition:all var(--tr)}
.tb-b:hover{background:var(--muted);color:var(--t1)}

/* ── Type selector ── */
.type-sel{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}
.type-card{background:var(--white);border:2px solid var(--border);border-radius:var(--rl);padding:14px;cursor:pointer;text-align:center;transition:all var(--tr)}
.type-card:hover{border-color:#CBD5E1}
.type-card.sel{border-color:var(--brand);background:var(--i-bg)}
.type-card .tc-i{font-size:26px;margin-bottom:6px}
.type-card .tc-n{font-size:13px;font-weight:600;color:var(--t1)}
.type-card .tc-d{font-size:10px;color:var(--t3);margin-top:2px}

/* ── Priv matrix ── */
.priv-t{width:100%;border-collapse:collapse}
.priv-t th,.priv-t td{padding:8px 13px}
.priv-t thead tr{background:var(--subtle);border-bottom:1px solid var(--border)}
.priv-t thead th{font-size:10px;font-weight:700;color:var(--t3);letter-spacing:.5px;text-transform:uppercase;text-align:center}
.priv-t thead th:first-child{text-align:left}
.priv-t tbody tr{border-bottom:1px solid #F8FAFC}
.priv-t tbody tr:last-child{border:none}
.priv-t td{font-size:12px;color:var(--t2);text-align:center}
.priv-t td:first-child{text-align:left;font-weight:600;color:var(--t1)}
.chk{color:#059669;font-size:14px;font-weight:700}
.crs{color:var(--border);font-size:12px}

/* ── Contact list ── */
.ct-item{display:grid;grid-template-columns:40px 1fr min-content;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid #F8FAFC;cursor:pointer}
.ct-item:hover{background:var(--subtle)}
.ct-item.active{background:var(--i-bg)}
.ct-item.is-unknown{background-color:#FFFBEB !important;border-left:4px solid #F59E0B}
.ci-info{display:flex;flex-direction:column;overflow:hidden;min-width:0}
.ci-nm{font-size:14px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ci-em{font-size:12px;color:#64748b;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ci-rt{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;white-space:nowrap;width:90px;gap:4px;flex-shrink:0}
.ci-mt{font-size:10px;color:var(--t3);margin-top:2px}
.udot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#DC2626;margin-left:3px;vertical-align:middle}
.unknown-action-container{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.ci-classify-link{color:#D97706 !important;font-size:9px !important;text-decoration:underline;white-space:nowrap;cursor:pointer}

/* ── Disk bar ── */
.disk{background:var(--muted);border-radius:4px;height:5px;margin:7px 0 3px}
.disk-f{height:5px;border-radius:4px;background:var(--grad)}
.disk-i{font-size:10px;color:var(--t3)}

/* ── KPI Cards ── */
.kpi-card{background:white;padding:24px;border-radius:12px;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1);border:1px solid #f0f0f0}
.kpi-value{font-size:32px;font-weight:bold;color:#1E3A8A}
.kpi-label{color:#6B7280;margin:8px 0}
.trend-up{color:#059669;font-size:14px}

/* ── Badges par type ── */
.badge.b-client{background-color:#E0E7FF !important;color:#4338CA !important}
.badge.b-societe{background-color:#D1FAE5 !important;color:#065F46 !important}
.badge.b-administration{background-color:#FEF3C7 !important;color:#92400E !important}
.badge.b-inconnu{background-color:#FEE2E2 !important;color:#991B1B !important}
.badge.b-non_lu{background-color:#FEE2E2;color:#991B1B}
.badge.b-lu{background-color:#F3F4F6;color:#374151}
.badge.b-repondu{background-color:#DBEAFE;color:#1E40AF}
.badge.b-archiver{background-color:#E5E7EB;color:#4B5563}
.badge.b-erreur_envoi{background-color:#FEF2F2;color:#B91C1C}
.badge.b-envoye{background-color:#D1FAE5;color:#065F46}
.badge.b-inconnu{background-color:#FFFBEB;color:#92400E}

/* ── Misc ── */
.c-bl{color:var(--brand)}.c-gr{color:#059669}.c-rd{color:#DC2626}.c-or{color:#D97706}.c-pu{color:#7C3AED}.c-mu{color:var(--t3)}
.fw7{font-weight:700}
.df{display:flex}.ai{align-items:center}.jsb{justify-content:space-between}
.g6{gap:6px}.g8{gap:8px}.g10{gap:10px}.g12{gap:12px}
.mla{margin-left:auto}
.mt12{margin-top:12px}.mt16{margin-top:16px}.mb12{margin-bottom:12px}.mb16{margin-bottom:16px}
.p16{padding:16px}.p18{padding:18px}.p20{padding:20px}
.w100{width:100%}
hr.div{border:none;border-top:1px solid var(--border);margin:12px 0}
.net-note{background:var(--i-bg);border:1px solid var(--i-bd);border-radius:var(--rm);padding:9px 12px;font-size:11px;color:var(--i-tx)}
.auto-ok{background:var(--s-bg);border:1px solid var(--s-bd);border-radius:var(--rm);padding:9px 12px;font-size:11px;color:var(--s-tx);margin-bottom:15px}
.lock-label{position:absolute;top:10px;right:10px;background:#fee2e2;color:#b91c1c;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:bold;z-index:2}
.pill-lock{opacity:0.5;pointer-events:none}
.kpi-trend{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;margin-top:6px}
.kpi-trend.up{color:#10B981 !important}
.kpi-trend.down{color:#EF4444 !important}
.disabled-select-option{color:#94a3b8 !important;background-color:#f1f5f9 !important}
#blocSociete{display:none;background:#F8FAFC;padding:10px;border-radius:6px;border:1px dashed var(--border)}

/* ── Toast ── */
.toast{position:fixed;bottom:22px;right:22px;color:#fff;padding:10px 18px;border-radius:var(--rm);font-size:13px;font-weight:500;box-shadow:var(--shm);z-index:9999;animation:tIn .25s ease}
.toast.ok{background:#065F46}.toast.er{background:#B91C1C}.toast.in{background:#1D4ED8}
@keyframes tIn{from{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}

/* ── Lang Switch ── */
/* Version corrigée - position statique et alignée à droite */
.lang-switch{
  display:inline-flex !important;
  gap:2px !important;
  background:var(--subtle);
  border:1px solid var(--border);
  border-radius:999px;
  padding:3px;
  flex-shrink:0;
  margin-left:12px !important;
  position:static !important;
}
.lang-switch a{
  font-size:11px;font-weight:700;letter-spacing:.3px;
  color:var(--t3);text-decoration:none;
  padding:5px 11px;border-radius:999px;transition:.15s;
}
.lang-switch a:hover{color:var(--t1)}
.lang-switch a.active{
  background:#fff;color:var(--brand);
  box-shadow:0 1px 3px rgba(15,23,42,.12);
}

/* Suppression des positions absolues des autres lang-switch */
.topbar .lang-switch,
header .lang-switch,
.super-header .lang-switch {
  position:static !important;
  top:auto !important;
  right:auto !important;
}

/* ── Correction de l'alignement du topbar ── */
/* Appliqué à tous les topbar pour un alignement cohérent */
.topbar {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 0 22px !important;
    height: 56px !important;
    flex-shrink: 0 !important;
    flex-wrap: nowrap !important;
}

/* Le titre et le breadcrumb restent à gauche */
.topbar .topbar-title,
.topbar .breadcrumb {
    flex-shrink: 0 !important;
}

/* Tous les éléments avec margin-left:auto sont poussés à droite */
.topbar .mla,
.topbar .df.ai.g8.mla,
.topbar > .df.ai.g8 {
    margin-left: auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-shrink: 0 !important;
    flex-wrap: nowrap !important;
}

/* Correction spécifique pour le lang-switch dans le topbar */
.topbar .lang-switch {
    position: static !important;
    top: auto !important;
    right: auto !important;
    display: inline-flex !important;
    margin-left: 12px !important;
    flex-shrink: 0 !important;
    vertical-align: middle !important;
}

/* Correction pour les cas où .lang-switch est directement dans .topbar */
.topbar > .lang-switch {
    margin-left: auto !important;
    position: static !important;
}

/* Pour le cas spécifique de config.html avec le bouton "Ajouter" */
.topbar .mla .lang-switch,
.topbar .df.ai.g8.mla .lang-switch {
    margin-left: 12px !important;
    position: static !important;
}

/* Correction pour le cas où le lang-switch est dans un div avec margin-left:auto */
.topbar > div.mla,
.topbar > div[style*="margin-left: auto"] {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-shrink: 0 !important;
}

/* Forcer l'alignement vertical des boutons et du lang-switch */
.topbar .btn,
.topbar .search-wrap,
.topbar .lang-switch a {
    display: inline-flex !important;
    align-items: center !important;
    vertical-align: middle !important;
}

/* Supprimer le positionnement absolu des lang-switch dans toutes les pages */
.lang-switch {
    position: static !important;
    top: auto !important;
    right: auto !important;
}

/* Correction pour les topbars avec des éléments flottants */
.topbar .df.ai.g8.mla .lang-switch,
.topbar .df.ai.g8.mla > .lang-switch,
.topbar .df.ai.g8 .lang-switch:last-child {
    margin-left: 12px !important;
    position: static !important;
}

/* Correction pour les cas où le lang-switch suit immédiatement un bouton */
.topbar .btn + .lang-switch,
.topbar .btn-sm + .lang-switch,
.topbar .search-wrap + .lang-switch {
    margin-left: 12px !important;
}

/* Forcer le lang-switch à rester sur la même ligne */
.topbar .lang-switch a {
    white-space: nowrap !important;
}

/* Ajustement pour les écrans plus petits */
@media (max-width: 768px) {
    .topbar {
        gap: 8px !important;
        padding: 0 12px !important;
        flex-wrap: wrap !important;
        height: auto !important;
        min-height: 56px !important;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }
    
    .topbar .lang-switch {
        margin-left: 8px !important;
    }
    
    .topbar .mla,
    .topbar .df.ai.g8.mla,
    .topbar > .df.ai.g8 {
        flex-wrap: wrap !important;
        gap: 6px !important;
    }
}