/* Rappels des contacts Facebook d'EMCC, écran v2 (31/10/2026, drapeau emcc_leads_v2). Maquette validée par la direction :
   workspace/Desk-Refonte-globale/emcc-refonte-3110/ (source/f2.css). Tout est scopé sous #sEl2 (et #uiDlg .el2- pour les
   boîtes du Desk). Banque graphique d'ORIAN : bouton principal de l'écran au rouge de marque (un seul), autres boutons pleins
   en marine, ambre seulement pour ce qui bloque, violet réservé à l'IA (jetons --ia-*), vert pour ce qui est fait ; boutons
   de 36 px (action de ligne 132 x 36), boutons d'icône de 32 px, lignes de 58 px, pastilles de 22 px, rayons 8, 10 et 12. */
#sEl2{--el2-mut:#56656f;--el2-blue-soft:#e8f0fe;--el2-blue-ink:#1b5fa8;--el2-focus:#2563eb;--el2-green:#18794e;--el2-green-soft:#e3f4ea;
  --el2-amber:#8a520a;--el2-amber-soft:#fdf2df;--el2-shadow:0 1px 2px rgba(15,29,51,.05);--el2-row:58px;
  --el2-n:var(--navy,#143240);--el2-n2:var(--navy2,#1d4356);--el2-rouge:var(--red-d,#c92d3a);--el2-rouge2:#b8242f}
html.theme-dark #sEl2{--el2-mut:#a3b6c1;--el2-blue-soft:#1f4560;--el2-blue-ink:#9ccaf5;--el2-focus:#5d8ff0;--el2-green:#6fd896;--el2-green-soft:#173f2e;
  --el2-amber:#f2c06e;--el2-amber-soft:#3a3218;--el2-shadow:none;--el2-n:#2b5a70;--el2-n2:#336a83;--el2-rouge:#c92d3a;--el2-rouge2:#d43a47}
#sEl2.wrap{max-width:none;margin:0;padding:0}
#sEl2.screen.on{display:flex;flex-direction:column;height:calc(100vh - var(--topdock,0px));min-height:560px;overflow:hidden;
  padding:14px 96px 14px 28px;container-type:inline-size;container-name:el2}
/* la marge de droite laisse la place aux boutons flottants du Desk (téléphone, messagerie, copilote) */
#sEl2{font-family:'Montserrat',system-ui,sans-serif;color:var(--txt);font-size:13px;line-height:1.35;-webkit-font-smoothing:antialiased}
#sEl2 *,#sEl2 *::before,#sEl2 *::after{box-sizing:border-box}
#sEl2 svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
#sEl2 button,#sEl2 input,#sEl2 select,#sEl2 textarea{font-family:inherit}
#sEl2 button{margin:0}

/* ---------- en-tête d'une ligne ---------- */
#sEl2 .el2-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;height:58px;margin:0 0 14px;flex:0 0 auto;min-width:0}
#sEl2 .el2-titres{min-width:0}
#sEl2 .el2-crumb{font-size:12px;font-weight:500;color:var(--el2-mut);height:16px;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#sEl2 .el2-crumb a{color:var(--el2-mut);cursor:pointer;text-decoration:none}
#sEl2 .el2-crumb a:hover{color:var(--ink);text-decoration:underline}
#sEl2 .el2-titre{display:flex;align-items:center;gap:12px;margin-top:6px;height:34px;min-width:0}
#sEl2 .el2-h1{font-size:21px;font-weight:800;color:var(--ink);letter-spacing:.02em;line-height:30px;margin:0;white-space:nowrap;text-transform:uppercase}
#sEl2 .el2-per{display:inline-flex;align-items:center;gap:2px;height:30px;border:1px solid var(--line);border-radius:10px;background:var(--card);
  padding:0 3px;font-size:13px;font-weight:700;color:var(--ink);white-space:nowrap;flex:0 0 auto}
#sEl2 .el2-per > span{padding:0 6px}
#sEl2 .el2-per-b{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;color:var(--el2-mut);border-radius:7px;border:0;background:transparent;cursor:pointer;padding:0}
#sEl2 .el2-per-b:hover:not(:disabled){background:var(--card2);color:var(--ink)}
#sEl2 .el2-per-b:disabled{opacity:.35;cursor:default}
#sEl2 .el2-per-b svg{width:14px;height:14px}
#sEl2 .el2-acts{display:flex;align-items:center;gap:8px;flex:0 0 auto}
#sEl2 .el2-plus-w,#sEl2 .el2-sel-w{position:relative;display:inline-flex}

/* ---------- boutons ---------- */
#sEl2 .el2-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 14px;border-radius:10px;
  border:1px solid var(--line);background:var(--card);color:var(--ink);font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer;
  text-decoration:none;line-height:1}
#sEl2 .el2-btn:hover{background:var(--card2);color:var(--ink)}
#sEl2 .el2-btn:disabled{opacity:.5;cursor:default}
#sEl2 .el2-btn:focus-visible,#sEl2 .el2-r:focus-visible,#sEl2 .el2-kpi:focus-visible,#sEl2 .el2-res button:focus-visible{outline:2px solid var(--el2-focus);outline-offset:2px}
/* l'action principale de l'écran : rouge de marque, une seule */
#sEl2 .el2-btn.p{background:var(--el2-rouge);border-color:var(--el2-rouge);color:#fff}
#sEl2 .el2-btn.p:hover{background:var(--el2-rouge2);border-color:var(--el2-rouge2);color:#fff}
/* les autres boutons pleins : marine */
#sEl2 .el2-btn.n{background:var(--el2-n);border-color:var(--el2-n);color:#fff}
#sEl2 .el2-btn.n:hover{background:var(--el2-n2);border-color:var(--el2-n2);color:#fff}
#sEl2 .el2-btn.ic{width:32px;height:32px;padding:0;color:var(--el2-mut)}
#sEl2 .el2-btn.ic:hover{color:var(--ink)}
#sEl2 .el2-btn.aide{border-radius:18px;padding:0 13px 0 6px;color:var(--ink);font-weight:600}
#sEl2 .el2-btn.aide .q{width:24px;height:24px;border-radius:50%;background:var(--navy,#143240);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:13px}
html.theme-dark #sEl2 .el2-btn.aide .q{background:#2b5a70}
#sEl2 .el2-btn.sm{height:32px;font-size:12.5px;padding:0 12px}
#sEl2 .el2-btn.row{width:132px;height:36px;font-size:12.5px;padding:0}
#sEl2 .el2-lien{border:0;background:transparent;color:var(--el2-blue-ink);font-weight:700;font-size:12px;cursor:pointer;padding:0;white-space:nowrap}
#sEl2 .el2-lien:hover{text-decoration:underline}
#sEl2 .el2-ia{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:12.5px;white-space:nowrap;cursor:pointer;text-decoration:none;color:var(--ia-ink)}
#sEl2 .el2-ia svg{width:14px;height:14px}
#sEl2 .el2-ia:hover{text-decoration:underline}

/* ---------- menus (« ⋯ » et sélecteur d'étape) ---------- */
#sEl2 .el2-pop{position:absolute;top:calc(100% + 6px);z-index:40;min-width:270px;background:var(--card);border:1px solid var(--line);border-radius:12px;
  box-shadow:0 10px 30px rgba(15,29,51,.16);padding:6px}
html.theme-dark #sEl2 .el2-pop{box-shadow:0 10px 30px rgba(0,0,0,.45)}
#sEl2 .el2-pop-plus{right:0}
#sEl2 .el2-pop-onglets{left:0;min-width:300px}
#sEl2 .el2-mi{display:flex;align-items:center;gap:10px;width:100%;height:38px;padding:0 10px;border:0;border-radius:8px;background:transparent;
  color:var(--ink);font-size:13px;font-weight:600;text-align:left;cursor:pointer;text-decoration:none;white-space:nowrap}
#sEl2 .el2-mi:hover{background:var(--card2)}
#sEl2 .el2-mi.on{background:var(--sel);font-weight:700}
#sEl2 .el2-mi svg{color:var(--el2-mut)}
#sEl2 .el2-mi > span:first-of-type{flex:1;min-width:0}
#sEl2 .el2-pop-sep{height:1px;background:var(--line);margin:6px 4px}

/* ---------- indicateurs : quatre cartes avec icône, chacune ouvre sa liste ---------- */
#sEl2 .el2-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;flex:0 0 auto}
#sEl2 .el2-kpi{display:grid;grid-template-columns:36px minmax(0,1fr) 14px;align-items:center;column-gap:11px;height:68px;padding:0 14px;
  background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--el2-shadow);cursor:pointer;text-align:left;color:var(--txt);width:100%}
#sEl2 .el2-kpi:hover{border-color:#b9c6cf;background:var(--card)}
html.theme-dark #sEl2 .el2-kpi:hover{border-color:#4a7182}
#sEl2 .el2-kpi.on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
#sEl2 .el2-kpi.attente{cursor:default}
#sEl2 .el2-kpi > svg{width:14px;height:14px;color:var(--el2-mut)}
#sEl2 .el2-kpi .t{min-width:0;display:block}
#sEl2 .el2-kpi .v{display:flex;align-items:baseline;gap:8px;font-size:22px;font-weight:800;color:var(--ink);line-height:26px;white-space:nowrap}
#sEl2 .el2-kpi .v small{font-size:12.5px;font-weight:700;color:var(--el2-mut)}
#sEl2 .el2-kpi .l{display:block;font-size:12px;font-weight:600;color:var(--el2-mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:17px}
#sEl2 .el2-ico{width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
#sEl2 .el2-ico svg{width:17px;height:17px}
#sEl2 .el2-ico.b{background:var(--el2-blue-soft);color:var(--el2-blue-ink)}
#sEl2 .el2-ico.g{background:var(--el2-green-soft);color:var(--el2-green)}
#sEl2 .el2-ico.n{background:var(--card2);color:var(--el2-mut)}

/* ---------- vue scindée : liste à gauche, fiche à droite, chaque côté défile seul ---------- */
#sEl2 .el2-split{display:grid;grid-template-columns:minmax(0,460px) minmax(0,1fr);gap:14px;flex:1 1 auto;min-height:0}
#sEl2 .el2-carte,#sEl2 .el2-fiche{background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--el2-shadow);min-width:0}
#sEl2 .el2-col{display:flex;flex-direction:column;min-height:0;overflow:hidden}
#sEl2 .el2-defile{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}

/* ---------- la liste ---------- */
#sEl2 .el2-bar{display:flex;align-items:center;gap:10px;height:54px;padding:0 12px;border-bottom:1px solid var(--line);flex:0 0 auto}
#sEl2 .el2-select{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 10px 0 12px;border:1px solid var(--line);border-radius:10px;background:var(--card);
  font-size:13px;font-weight:700;color:var(--ink);white-space:nowrap;flex:0 0 auto;cursor:pointer}
#sEl2 .el2-select:hover{background:var(--card2)}
#sEl2 .el2-select > svg{width:15px;height:15px;color:var(--el2-mut)}
#sEl2 .el2-search{flex:1;min-width:120px;display:flex;align-items:center;gap:8px;height:34px;border:1px solid var(--line);border-radius:10px;padding:0 11px;color:var(--el2-mut);background:var(--card);cursor:text}
#sEl2 .el2-search svg{width:15px;height:15px}
#sEl2 .el2-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:12.5px;height:30px;padding:0}
#sEl2 .el2-search input::placeholder{color:var(--el2-mut);opacity:1}
#sEl2 .el2-search:focus-within{border-color:var(--el2-focus)}
#sEl2 .el2-cnt{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;font-size:11px;font-weight:800;line-height:1;flex:0 0 auto;
  background:var(--card);color:var(--el2-mut);border:1px solid var(--line);padding-top:1px;font-variant-numeric:tabular-nums}
#sEl2 .el2-cnt.b{background:var(--el2-blue-soft);color:var(--el2-blue-ink);border-color:transparent}
#sEl2 .el2-g{display:flex;align-items:center;gap:10px;height:38px;padding:0 16px;background:var(--card2);border-bottom:1px solid var(--line);font-size:12.5px;font-weight:800;color:var(--ink)}
#sEl2 .el2-g > span:first-child{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#sEl2 .el2-g .el2-cnt{margin-left:auto}
#sEl2 .el2-r{display:grid;grid-template-columns:minmax(0,1fr) 132px;align-items:center;column-gap:16px;padding:0 16px;height:var(--el2-row);border-bottom:1px solid var(--line);cursor:pointer;position:relative}
#sEl2 .el2-r:hover{background:color-mix(in srgb,var(--card2) 55%,transparent)}
#sEl2 .el2-r.on{background:var(--sel)}
#sEl2 .el2-r.on::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--el2-focus)}
#sEl2 .el2-r .p{min-width:0}
#sEl2 .el2-r .nm{font-size:13.5px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:18px}
#sEl2 .el2-r .sb{font-size:12px;color:var(--el2-mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:17px;margin-top:2px}
html.theme-dark #sEl2 .el2-r.on .sb{color:#c6d5dc}
#sEl2 .el2-r .act{display:flex;justify-content:flex-end}
#sEl2 .el2-pied{display:flex;align-items:center;justify-content:space-between;gap:12px;height:52px;padding:0 16px;font-size:12.5px;color:var(--el2-mut);border-bottom:1px solid var(--line)}
#sEl2 .el2-load{display:flex;align-items:center;gap:10px;padding:22px 18px;color:var(--el2-mut);font-size:13px}
#sEl2 .el2-spin{width:16px;height:16px;border:2px solid var(--line);border-top-color:var(--el2-focus);border-radius:50%;animation:el2Spin .8s linear infinite;flex:0 0 auto}
@keyframes el2Spin{to{transform:rotate(360deg)}}
/* état vide utile : ce qui est vide, pourquoi, et ce qui a été fait aujourd'hui */
#sEl2 .el2-vide{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;padding:40px 24px;color:var(--el2-mut);font-size:13px;line-height:19px}
#sEl2 .el2-vide > svg{width:28px;height:28px;color:var(--el2-green);margin-bottom:4px}
#sEl2 .el2-vide b{color:var(--ink);font-size:14px}
#sEl2 .el2-vide .el2-vide-j{color:var(--txt);font-weight:600;margin-top:6px}
#sEl2 .el2-vide .el2-btn{margin-top:8px}
#sEl2 > .el2-carte.el2-vide{flex:0 0 auto}

/* ---------- la fiche ---------- */
#sEl2 .el2-fh{display:grid;grid-template-columns:44px minmax(0,1fr) auto;column-gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line);flex:0 0 auto}
#sEl2 .el2-av{width:44px;height:44px;border-radius:50%;background:var(--card2);color:var(--ink);font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line)}
#sEl2 .el2-fh-t{min-width:0}
#sEl2 .el2-fh .nm{font-size:16px;font-weight:800;color:var(--ink);line-height:21px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#sEl2 .el2-fh .sb{font-size:12.5px;color:var(--el2-mut);line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
#sEl2 .el2-fh .acts{display:flex;gap:6px}
#sEl2 .el2-faits{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,.8fr) minmax(0,1.1fr);border-bottom:1px solid var(--line);flex:0 0 auto}
#sEl2 .el2-faits > div{padding:10px 10px 10px 12px;border-right:1px solid var(--line);min-width:0}
#sEl2 .el2-faits > div:last-child{border-right:0}
#sEl2 .el2-faits span{display:block;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--el2-mut);line-height:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#sEl2 .el2-faits b{display:block;font-size:12.5px;font-weight:700;color:var(--ink);line-height:19px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#sEl2 .el2-fb{padding:14px 16px;display:flex;flex-direction:column;gap:12px}
#sEl2 .el2-sec{border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:var(--card);flex:0 0 auto}
#sEl2 .el2-sec.focus{border-color:color-mix(in srgb,var(--el2-focus) 55%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--el2-focus) 10%,transparent)}
#sEl2 .el2-sech{display:flex;align-items:center;gap:10px;margin-bottom:10px;min-height:22px}
#sEl2 .el2-sech h4{margin:0;font-size:13.5px;font-weight:800;color:var(--ink);white-space:nowrap}
#sEl2 .el2-sech .r{margin-left:auto;display:flex;align-items:center;gap:10px;min-width:0}
#sEl2 .el2-meta{font-size:12px;color:var(--el2-mut);white-space:nowrap}
#sEl2 .el2-quote{font-size:13.5px;line-height:21px;color:var(--txt);padding-left:12px;border-left:3px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere}
#sEl2 .el2-mut{color:var(--el2-mut)}
#sEl2 .el2-note{font-size:12px;color:var(--el2-mut);line-height:17px;margin-top:8px;overflow-wrap:anywhere}
#sEl2 .el2-alerte{margin-top:8px;padding:8px 10px;border-radius:8px;background:var(--el2-amber-soft);color:var(--el2-amber);font-size:12.5px;font-weight:600;line-height:18px}
#sEl2 .el2-etat{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding:8px 10px;border-radius:8px;background:var(--card2);color:var(--ink);font-size:12.5px;font-weight:600;line-height:18px}
#sEl2 .el2-etat.ok{background:var(--el2-green-soft);color:var(--el2-green)}
#sEl2 .el2-etat svg{width:15px;height:15px}
#sEl2 .el2-tel{display:flex;align-items:center;gap:14px}
#sEl2 .el2-tel .num{font-size:20px;font-weight:800;color:var(--ink);letter-spacing:.01em;white-space:nowrap;min-width:0}
#sEl2 .el2-tel .num small{display:block;font-size:12px;font-weight:500;color:var(--el2-mut);letter-spacing:0;margin-top:2px}
#sEl2 .el2-tel .el2-btn{margin-left:auto;width:132px}
#sEl2 .el2-res{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#sEl2 .el2-res button{height:52px;border:1px solid var(--line);border-radius:10px;background:var(--card);text-align:left;padding:0 14px;cursor:pointer;
  display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0}
#sEl2 .el2-res button:hover{border-color:var(--ink)}
#sEl2 .el2-res button.on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:var(--sel)}
#sEl2 .el2-res button:disabled{opacity:.5;cursor:default}
#sEl2 .el2-res b{font-size:13px;font-weight:700;color:var(--ink);white-space:nowrap;line-height:18px}
#sEl2 .el2-res span{font-size:12px;color:var(--el2-mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:17px;max-width:100%}
/* repères, emails, historique : une rangée d'onglets repliés, un seul ouvert ; le copilote (violet) au bout */
#sEl2 .el2-plis{border:1px solid var(--line);border-radius:12px;background:var(--card);flex:0 0 auto}
#sEl2 .el2-plis-h{display:flex;align-items:center;gap:6px;height:46px;padding:0 8px 0 6px}
#sEl2 .el2-ot{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 10px;border:1px solid transparent;border-radius:8px;background:transparent;
  color:var(--ink);font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap;flex:0 0 auto}
#sEl2 .el2-ot svg{width:15px;height:15px;color:var(--el2-mut)}
#sEl2 .el2-ot:hover{background:var(--card2)}
#sEl2 .el2-ot.on{background:var(--sel);border-color:var(--line)}
#sEl2 .el2-ot:focus-visible{outline:2px solid var(--el2-focus);outline-offset:1px}
#sEl2 .el2-plis-h .el2-ia{margin-left:auto;padding:0 6px}
#sEl2 .el2-pli-c{padding:2px 16px 14px;border-top:1px solid var(--line)}
#sEl2 .el2-ul{margin:10px 0 0;padding-left:18px;font-size:12.5px;line-height:19px;color:var(--txt)}
#sEl2 .el2-ul li{margin:0 0 5px}
#sEl2 .el2-hrow{display:grid;grid-template-columns:118px minmax(0,1fr);gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:12.5px;line-height:18px;color:var(--txt)}
#sEl2 .el2-hrow .m{color:var(--el2-mut);white-space:nowrap}
#sEl2 .el2-duo{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
#sEl2 .el2-notef{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:8px;align-items:end;margin-top:12px}
#sEl2 .el2-notef .el2-btn{width:132px}
/* pied : trois boutons de même largeur */
#sEl2 .el2-fpied{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px 16px;border-top:1px solid var(--line);background:var(--card);flex:0 0 auto;border-radius:0 0 12px 12px}
#sEl2 .el2-fpied .el2-btn{width:100%}

/* ---------- formulaires (résultat, email, note) ---------- */
#sEl2 .el2-form{margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--card2)}
html.theme-dark #sEl2 .el2-form{background:#13303b}
#sEl2 .el2-form-t{font-size:13px;font-weight:800;color:var(--ink);margin-bottom:8px}
#sEl2 .el2-form-l{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#sEl2 .el2-lab{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700;color:var(--el2-mut);margin-bottom:10px}
#sEl2 .el2-lab input,#sEl2 .el2-lab select,#sEl2 .el2-lab textarea,#sEl2 .el2-notef textarea,#sEl2 .el2-mail input,#sEl2 .el2-mail textarea{
  width:100%;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);font-size:13px;font-weight:500;padding:8px 10px;outline:0}
#sEl2 .el2-lab input,#sEl2 .el2-lab select{height:36px;padding:0 10px}
#sEl2 .el2-lab textarea,#sEl2 .el2-notef textarea,#sEl2 .el2-mail textarea{resize:vertical;line-height:19px}
#sEl2 .el2-lab input:focus,#sEl2 .el2-lab select:focus,#sEl2 .el2-lab textarea:focus,#sEl2 .el2-notef textarea:focus,#sEl2 .el2-mail input:focus,#sEl2 .el2-mail textarea:focus{border-color:var(--el2-focus)}
#sEl2 .el2-motifs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}
#sEl2 .el2-radio{display:flex;align-items:center;gap:8px;height:36px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:var(--card);font-size:12.5px;font-weight:600;color:var(--ink);cursor:pointer;min-width:0}
#sEl2 .el2-radio span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#sEl2 .el2-radio:has(input:checked){border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:var(--sel)}
#sEl2 .el2-radio input{accent-color:var(--navy,#143240);margin:0;width:16px;height:16px;flex:0 0 auto}
#sEl2 .el2-form-pied{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}
#sEl2 .el2-form-pied .el2-btn{width:132px}
#sEl2 .el2-mail{border:1px solid var(--line);border-radius:10px;background:var(--card2);padding:10px 12px}
html.theme-dark #sEl2 .el2-mail{background:#13303b}
#sEl2 .el2-mail .ln{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;font-size:12.5px;line-height:20px;min-height:24px;margin-bottom:4px}
#sEl2 .el2-mail .ln span{color:var(--el2-mut);font-weight:600}
#sEl2 .el2-mail .ln b{font-weight:600;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#sEl2 .el2-mail .ln input{height:32px;padding:0 8px}
#sEl2 .el2-mail textarea{margin-top:6px}
#sEl2 .el2-mail .sig{margin-top:10px;padding-top:10px;border-top:1px dashed var(--line);font-size:12px;line-height:18px;color:var(--el2-mut)}
#sEl2 .el2-ligne-act{display:grid;grid-template-columns:minmax(0,1fr) 132px 132px;gap:8px;align-items:center;margin-top:12px}
/* l'envoi reste sous les yeux en bas de la fiche, même quand l'aperçu est long */
#sEl2 .el2-s-mail .el2-ligne-act{position:sticky;bottom:-14px;z-index:2;background:var(--card);margin:12px -16px -14px;padding:10px 16px 14px;
  border-top:1px solid var(--line);border-radius:0 0 12px 12px}
#sEl2 .el2-ligne-act .el2-note{margin-top:0}
#sEl2 .el2-ligne-act .el2-btn{width:132px}

/* ---------- boîtes du Desk (guide, réglages) ---------- */
#uiDlg .el2-guide{font-size:13.5px;line-height:1.55}
#uiDlg .el2-guide ol{padding-left:20px;margin:8px 0}
#uiDlg .el2-guide li{margin:0 0 6px}
#uiDlg .el2-regl{display:flex;flex-direction:column;gap:10px;font-size:12.5px}
#uiDlg .el2-regl label{display:flex;flex-direction:column;gap:4px;font-weight:600}
#uiDlg .el2-regl input,#uiDlg .el2-regl textarea{border:1px solid var(--line);border-radius:10px;padding:7px 9px;font:inherit;font-weight:500;background:var(--card);color:var(--ink)}

/* ---------- écran plus étroit (combiné ouvert, petite fenêtre) ---------- */
#sEl2 .el2-court{display:none}
/* combiné ouvert : il occupe sa colonne à droite, les boutons flottants passent dessous ; la marge réservée n'a plus lieu d'être */
.mainarea.sfp-docked #sEl2.screen.on{padding-right:24px}
#sEl2 .el2-pied{justify-content:flex-end}
#sEl2 .el2-pied > span{margin-right:auto}
@container el2 (max-width: 1080px){
  #sEl2 .el2-split{grid-template-columns:minmax(0,360px) minmax(0,1fr)}
  #sEl2 .el2-btn.aide{padding:0;width:36px;gap:0;font-size:0}
  #sEl2 .el2-btn.aide .q{font-size:13px}
  #sEl2 .el2-r{grid-template-columns:minmax(0,1fr) 104px}
  #sEl2 .el2-r .el2-btn.row{width:104px}
}
@container el2 (max-width: 900px){
  #sEl2 .el2-large{display:none}
  #sEl2 .el2-court{display:inline}
  #sEl2 .el2-h1{font-size:17px;letter-spacing:.01em}
  #sEl2 .el2-titre{gap:10px}
  #sEl2 .el2-faits{grid-template-columns:fit-content(180px) minmax(0,1fr) fit-content(110px) fit-content(150px)}
  #sEl2 .el2-kpi{grid-template-columns:minmax(0,1fr) 12px;padding:0 12px;column-gap:8px}
  #sEl2 .el2-kpi .el2-ico{display:none}
  #sEl2 .el2-kpi .v{font-size:20px}
  #sEl2 .el2-kpi .v small{display:none}
  #sEl2 .el2-split{grid-template-columns:minmax(0,300px) minmax(0,1fr)}
  #sEl2 .el2-r{grid-template-columns:minmax(0,1fr)}
  #sEl2 .el2-r .act{display:none}
  #sEl2 .el2-search svg{display:none}
  #sEl2 .el2-tel .num small{white-space:normal}
  #sEl2 .el2-plis-h .el2-ia{padding:0 8px}
  #sEl2 .el2-ligne-act{grid-template-columns:1fr 1fr}
  #sEl2 .el2-ligne-act .el2-note{grid-column:1/-1}
  #sEl2 .el2-ligne-act .el2-btn{width:100%}
}
@container el2 (max-width: 700px){
  #sEl2 .el2-head{height:auto;flex-wrap:wrap;align-items:flex-start}
  #sEl2 .el2-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  #sEl2 .el2-split{grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(420px,auto);overflow-y:auto}
  #sEl2 .el2-faits{grid-template-columns:repeat(2,minmax(0,1fr))}
  #sEl2 .el2-faits > div:nth-child(2){border-right:0}
  #sEl2 .el2-faits > div:nth-child(-n+2){border-bottom:1px solid var(--line)}
  #sEl2 .el2-res,#sEl2 .el2-motifs,#sEl2 .el2-duo{grid-template-columns:minmax(0,1fr)}
}
/* (02/11/2026) script d'appel adapté au formulaire */
#sEl2 .el2-script{max-height:420px;overflow:auto}
#sEl2 .el2-sc{margin:0 0 10px}
#sEl2 .el2-sc > b{display:block;font-size:12.5px;color:var(--ink,#0b2a4a);margin:6px 0 0}
#sEl2 .el2-sc .el2-ul{margin-top:4px}