/* Appels client v2 (30/10/2026, drapeau appels_v2). Tout est scopé sous #s28.av2. */

#s28.av2 > :not(.h1):not(#av2):not(.av2-keep){display:none!important}
#s28.av2{width:100%;box-sizing:border-box}
#s28.av2 #av2{padding-right:80px}
#s28.av2 .av2-keep{padding-right:80px}
#s28.av2 .ap-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;box-sizing:border-box;flex:0 0 auto}
#s28.av2 .ap-cnt.r{background:var(--red);color:#fff}
#s28.av2 .ap-cnt.g{background:var(--card2);color:var(--mut);border:1px solid var(--line)}
/* en-tête : onglets + statut + appeler */
#s28.av2 .ap-top{display:flex;align-items:center;gap:8px;margin:12px 0 14px}
#s28.av2 .ap-tabs{display:inline-flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:11px;background:var(--card2)}
#s28.av2 .ap-tabs button{border:0;border-radius:8px;background:transparent;padding:0 14px;height:30px;font-size:12.5px;font-weight:700;color:var(--mut);display:inline-flex;align-items:center;gap:7px;font-family:inherit}
#s28.av2 .ap-tabs button.on{background:var(--card);color:var(--ink);box-shadow:0 1px 3px rgba(15,29,51,.16)}
#s28.av2 .ap-sum{margin-left:auto;font-size:12px;color:var(--mut);white-space:nowrap}
#s28.av2 .ap-sum b{color:var(--txt);font-weight:700}
#s28.av2 .ap-stat{display:inline-flex;align-items:center;gap:8px;height:36px;border:1px solid var(--line);border-radius:10px;background:var(--card);padding:0 12px;font-size:12.5px;font-weight:700;color:var(--ink);white-space:nowrap;box-sizing:border-box}
#s28.av2 .ap-stat i{width:9px;height:9px;border-radius:50%;background:#1f9d55;display:inline-block}
#s28.av2 .ap-stat svg{width:13px;height:13px;color:var(--mut)}
#s28.av2 .ap-call{display:inline-flex;align-items:center;gap:7px;height:36px;border:0;border-radius:10px;background:#143240;color:#fff;padding:0 14px;font-weight:800;font-size:12.5px;white-space:nowrap;box-sizing:border-box;font-family:inherit}
html.theme-dark #s28.av2 .ap-call{background:#2f6f8f}
#s28.av2 .ap-call svg{width:14px;height:14px}
/* barre d'outils */
#s28.av2 .ap-bar{display:flex;align-items:center;gap:6px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:7px 9px;margin-bottom:14px}
#s28.av2 .ap-seg{display:inline-flex;gap:2px;padding:3px;background:var(--card2);border:1px solid var(--line);border-radius:10px;flex:0 0 auto}
#s28.av2 .ap-seg button{border:0;background:transparent;border-radius:7px;padding:0 10px;height:26px;font-weight:700;font-size:12.5px;color:var(--mut);white-space:nowrap;display:inline-flex;align-items:center;gap:7px;font-family:inherit}
#s28.av2 .ap-seg button.on{background:var(--card);color:var(--ink);box-shadow:0 1px 3px rgba(15,29,51,.14)}
#s28.av2 .ap-search{flex:1;min-width:80px;display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:10px;padding:0 10px;height:34px;color:var(--mut);box-sizing:border-box;background:var(--card)}
#s28.av2 .ap-search svg{width:15px;height:15px;flex:0 0 auto}
#s28.av2 .ap-search span{font-size:12.5px;white-space:nowrap;overflow:hidden}
#s28.av2 .ap-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:34px;border:1px solid var(--line);border-radius:10px;background:var(--card);padding:0 12px;font-weight:700;font-size:12.5px;color:var(--txt);white-space:nowrap;box-sizing:border-box;flex:0 0 auto;font-family:inherit}
#s28.av2 .ap-btn svg{width:14px;height:14px;color:var(--mut)}
#s28.av2 .ap-btn.tg{color:var(--mut)}
#s28.av2 .ap-btn.sq{width:34px;padding:0}
/* liste */
#s28.av2 .ap-list{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:76px;position:relative}
#s28.av2 .ap-cols,#s28.av2 .ap-r{display:grid;grid-template-columns:32px minmax(0,1fr) 168px 112px 64px 112px;align-items:center;column-gap:12px;padding:0 14px 0 14px}
#s28.av2 .ap-cols{height:34px;border-bottom:1px solid var(--line);font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
#s28.av2 .ap-cols span{white-space:nowrap}
#s28.av2 .ap-cols .c-du{text-align:right}
#s28.av2 .ap-cols .c-act{text-align:right}
#s28.av2 .ap-g{display:flex;align-items:center;gap:9px;height:38px;padding:0 14px 0 16px;background:var(--card2);border-bottom:1px solid var(--line);font-size:12px;font-weight:800;color:var(--ink)}
#s28.av2 .ap-g .ap-gd{font-weight:600;color:var(--mut)}
#s28.av2 .ap-g .ap-cnt{margin-left:auto}
#s28.av2 .ap-r{height:58px;border-bottom:1px solid var(--line);position:relative}
#s28.av2 .ap-list > .ap-r:last-child{border-bottom:0}
#s28.av2 .ap-r.hov{background:color-mix(in srgb,var(--card2) 55%,transparent)}
#s28.av2 .ap-dir{width:32px;height:32px;border-radius:9px;background:var(--card2);border:1px solid var(--line);color:var(--mut);display:flex;align-items:center;justify-content:center;box-sizing:border-box}
#s28.av2 .ap-dir svg{width:15px;height:15px}
#s28.av2 .ap-dir.alerte{background:#fdecee;border-color:transparent;color:#c42b37}
html.theme-dark #s28.av2 .ap-dir.alerte{background:#3a2229;color:#ff8a94}
#s28.av2 .ap-t{min-width:0}
#s28.av2 .ap-lb{font-size:13.5px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:18px;display:flex;align-items:center;gap:6px}
#s28.av2 .ap-lb .vip{color:#b8860b;font-size:12px}
#s28.av2 .ap-lb .vip svg{width:12px;height:12px}
#s28.av2 .ap-sb{font-size:12px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:17px;margin-top:2px}
#s28.av2 .ap-sb b{font-weight:700;color:var(--txt)}
#s28.av2 .ap-sb .tkl{color:#1b5fa8;font-weight:600}
html.theme-dark #s28.av2 .ap-sb .tkl{color:#7fb8ec}
#s28.av2 .ap-st{display:flex;flex-direction:column;line-height:17px;white-space:nowrap}
#s28.av2 .ap-st b{font-size:12.5px;font-weight:700;color:var(--txt);display:flex;align-items:center;gap:7px}
#s28.av2 .ap-st b i{width:8px;height:8px;border-radius:50%;display:inline-block;background:#9aa8b1}
#s28.av2 .ap-st span{font-size:11.5px;color:var(--mut)}
#s28.av2 .ap-st.ok b i{background:#1f9d55}
#s28.av2 .ap-st.late b{color:#c42b37}
#s28.av2 .ap-st.late b i{background:var(--red)}
html.theme-dark #s28.av2 .ap-st.late b{color:#ff8a94}
#s28.av2 .ap-wh{line-height:17px;white-space:nowrap}
#s28.av2 .ap-wa{font-size:12.5px;font-weight:700;color:var(--txt)}
#s28.av2 .ap-wb{font-size:11.5px;color:var(--mut)}
#s28.av2 .ap-du{font-size:12.5px;color:var(--txt);text-align:right;font-variant-numeric:tabular-nums}
#s28.av2 .ap-acts{display:flex;align-items:center;justify-content:flex-end;gap:6px}
#s28.av2 .ap-ic{width:32px;height:32px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--mut);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;flex:0 0 auto}
#s28.av2 .ap-ic svg{width:14px;height:14px}
#s28.av2 .ap-ic.call{color:#143240}
html.theme-dark #s28.av2 .ap-ic.call{color:#dbe8ed}
#s28.av2 .ap-ic.vide{visibility:hidden}
#s28.av2 .ap-ic.on{border-color:var(--ink);color:var(--ink)}
/* menu ⋯ */
#s28.av2 .ap-pop{position:absolute;right:14px;top:50px;z-index:30;width:300px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 34px rgba(13,31,41,.18);padding:6px;box-sizing:border-box}
#s28.av2 .ap-po{display:flex;align-items:center;gap:9px;height:34px;padding:0 10px;border-radius:8px;font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap}
#s28.av2 .ap-po svg{width:14px;height:14px;color:var(--mut);flex:0 0 auto}
#s28.av2 .ap-po.hov{background:var(--card2)}
#s28.av2 .ap-po.mute{color:var(--mut)}
#s28.av2 .ap-psep{height:1px;background:var(--line);margin:5px 4px}
/* À traiter */
#s28.av2 .ap-ok{display:flex;align-items:center;gap:16px;padding:22px 24px;background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:14px}
#s28.av2 .ap-oki{width:44px;height:44px;border-radius:50%;background:#dff3e8;color:#18794e;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
html.theme-dark #s28.av2 .ap-oki{background:#1d4a37;color:#7ee2a8}
#s28.av2 .ap-oki svg{width:20px;height:20px}
#s28.av2 .ap-okt b{display:block;font-size:15px;font-weight:800;color:var(--ink)}
#s28.av2 .ap-okt span{display:block;font-size:12.5px;color:var(--mut);margin-top:3px}
#s28.av2 .ap-h{display:flex;align-items:center;gap:9px;margin:4px 2px 8px;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
#s28.av2 .ap-h span{font-size:11.5px;font-weight:500;letter-spacing:0;text-transform:none}
#s28.av2 .ap-r.gris .ap-lb{color:var(--txt);font-weight:600}

#s28.av2 .an-av{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff;flex:0 0 auto;letter-spacing:.02em}
#s28.av2 .an-av.l{width:56px;height:56px;font-size:19px}
#s28.av2 .an-av.num{background:var(--card2);color:var(--mut);border:1px solid var(--line);box-sizing:border-box}
#s28.av2 .an-av.num svg{width:15px;height:15px}
/* annuaire */
#s28.av2 .an-info{display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px 12px 16px;margin-bottom:14px}
#s28.av2 .an-info .ii{width:34px;height:34px;border-radius:9px;background:#e4ecf7;color:#1b5fa8;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
html.theme-dark #s28.av2 .an-info .ii{background:#22506b;color:#dbe8ed}
#s28.av2 .an-info .ii svg{width:16px;height:16px}
#s28.av2 .an-info b{display:block;font-size:13px;color:var(--ink)}
#s28.av2 .an-info span{display:block;font-size:12px;color:var(--mut);margin-top:2px}
#s28.av2 .an-info .ap-btn{margin-left:auto}
#s28.av2 .an-grid{display:grid;grid-template-columns:210px minmax(0,1fr) 350px;gap:14px;margin-bottom:76px;align-items:start}
#s28.av2 .an-grid.sans{grid-template-columns:210px minmax(0,1fr)}
#s28.av2 .an-col{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden}
#s28.av2 .an-ch{height:40px;display:flex;align-items:center;padding:0 14px;border-bottom:1px solid var(--line);font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
#s28.av2 .an-cl{display:flex;align-items:center;gap:8px;height:38px;padding:0 10px 0 14px;font-size:12.5px;font-weight:600;color:var(--txt);border-bottom:1px solid var(--line)}
#s28.av2 .an-cl:last-child{border-bottom:0}
#s28.av2 .an-cl > span:first-child{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#s28.av2 .an-cl.on{background:#e8eef3;color:var(--ink);font-weight:800;box-shadow:inset 3px 0 0 #143240}
html.theme-dark #s28.av2 .an-cl.on{background:#22343d;box-shadow:inset 3px 0 0 #7fb8ec}
#s28.av2 .an-cl .ap-cnt{width:auto;min-width:30px;padding:0 6px}
#s28.av2 .an-lh,#s28.av2 .an-r{display:grid;grid-template-columns:34px minmax(0,1fr) 150px 32px;align-items:center;column-gap:12px;padding:0 14px}
#s28.av2 .an-lh{height:40px;border-bottom:1px solid var(--line);font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
#s28.av2 .an-lh .c-act{text-align:right}
#s28.av2 .an-lt{display:flex;align-items:center;height:28px;padding:0 16px;background:var(--card2);border-bottom:1px solid var(--line);font-size:11px;font-weight:800;color:var(--mut)}
#s28.av2 .an-r{height:56px;border-bottom:1px solid var(--line)}
#s28.av2 .an-r.on{background:#e8eef3;box-shadow:inset 3px 0 0 #143240}
html.theme-dark #s28.av2 .an-r.on{background:#22343d;box-shadow:inset 3px 0 0 #7fb8ec}
#s28.av2 .an-t{min-width:0}
#s28.av2 .an-n{font-size:13.5px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:18px;display:flex;align-items:center;gap:6px}
#s28.av2 .an-n svg{width:12px;height:12px;color:#b8860b;flex:0 0 auto}
#s28.av2 .an-s{font-size:12px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:17px;margin-top:2px}
#s28.av2 .an-tel{font-size:12.5px;font-weight:700;color:var(--txt);white-space:nowrap;font-variant-numeric:tabular-nums}
#s28.av2 .an-tel.vide{font-weight:500;color:var(--mut)}
#s28.av2 .an-more{height:44px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--mut)}
/* fiche */
#s28.av2 .an-f{padding:18px 18px 16px}
#s28.av2 .an-fh{display:flex;align-items:center;gap:14px}
#s28.av2 .an-fh > div b{display:block;font-size:16px;font-weight:800;color:var(--ink)}
#s28.av2 .an-fh > div span{display:block;font-size:12.5px;color:var(--mut);margin-top:2px}
#s28.av2 .an-fa{display:grid;grid-template-columns:1fr 1fr 34px;gap:8px;margin:16px 0 6px}
#s28.av2 .an-fa .ap-call,#s28.av2 .an-fa .ap-btn{width:100%;justify-content:center;height:36px}
#s28.av2 .an-fa .ap-btn.sq{width:34px}
#s28.av2 .an-kv{display:grid;grid-template-columns:64px minmax(0,1fr) 34px;align-items:center;column-gap:10px;min-height:44px;border-bottom:1px solid var(--line)}
#s28.av2 .an-kv:last-child{border-bottom:0}
#s28.av2 .an-kv i{font-style:normal;font-size:11.5px;color:var(--mut)}
#s28.av2 .an-kv b{font-size:12.5px;font-weight:700;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#s28.av2 .an-kv b.vide{font-weight:500;color:var(--mut)}
#s28.av2 .an-fs{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);margin:16px 0 4px}
#s28.av2 .an-sw{width:34px;height:20px;border-radius:10px;background:#c9d2d8;position:relative;justify-self:end}
#s28.av2 .an-sw::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2)}
#s28.av2 .an-hist{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;column-gap:8px;min-height:36px;border-bottom:1px solid var(--line);font-size:12px;color:var(--txt)}
#s28.av2 .an-hist:last-child{border-bottom:0}
#s28.av2 .an-hist svg{width:13px;height:13px;color:var(--mut)}
#s28.av2 .an-hist span{color:var(--mut);white-space:nowrap}
/* compléter l'annuaire */
#s28.av2 .an-nh,#s28.av2 .an-nr{display:grid;grid-template-columns:34px minmax(0,1fr) 170px 120px 230px;align-items:center;column-gap:12px;padding:0 14px}
#s28.av2 .an-nh{height:40px;border-bottom:1px solid var(--line);font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
#s28.av2 .an-nh .c-act{text-align:right}
#s28.av2 .an-nr{height:58px;border-bottom:1px solid var(--line)}
#s28.av2 .an-nr:last-child{border-bottom:0}
#s28.av2 .an-na{display:grid;grid-template-columns:1fr 1fr;gap:6px}
#s28.av2 .an-na .ap-btn{height:32px;width:100%;padding:0 8px}
#s28.av2 .an-na .ap-btn.p{background:#143240;border-color:#143240;color:#fff}
html.theme-dark #s28.av2 .an-na .ap-btn.p{background:#2f6f8f;border-color:#2f6f8f}
#s28.av2 .an-na .ap-btn.p svg{color:#fff}
/* composeur */
#s28.av2 .dl-veil{position:fixed;inset:0;z-index:69;background:rgba(13,31,41,.32)}
#s28.av2 .dl{position:fixed;left:calc(50% + 107px);top:72px;transform:translateX(-50%);z-index:70;width:840px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 60px rgba(13,31,41,.28);overflow:hidden}
#s28.av2 .dl-h{display:flex;align-items:center;height:56px;padding:0 14px 0 22px;border-bottom:1px solid var(--line);font-size:15px;font-weight:800;color:var(--ink)}
#s28.av2 .dl-h .x{margin-left:auto;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--mut)}
#s28.av2 .dl-h .x svg{width:16px;height:16px}
#s28.av2 .dl-in{display:flex;align-items:center;gap:12px;height:58px;margin:18px 22px 0;padding:0 16px;border:2px solid #143240;border-radius:12px;box-sizing:border-box}
html.theme-dark #s28.av2 .dl-in{border-color:#7fb8ec}
#s28.av2 .dl-in svg{width:20px;height:20px;color:var(--mut);flex:0 0 auto}
#s28.av2 .dl-in span{font-size:20px;font-weight:700;color:var(--ink);letter-spacing:.02em;white-space:nowrap}
#s28.av2 .dl-in span.ph{font-weight:500;color:var(--mut);font-size:17px;letter-spacing:0}
#s28.av2 .dl-in .car{width:2px;height:24px;background:var(--ink);margin-left:-8px}
#s28.av2 .dl-line{display:flex;align-items:center;gap:10px;margin:10px 22px 0;font-size:12.5px;color:var(--mut)}
#s28.av2 .dl-line .ap-btn{height:32px}
#s28.av2 .dl-line em{font-style:normal;color:var(--mut);font-size:12px}
#s28.av2 .dl-b{display:grid;grid-template-columns:minmax(0,1fr) 252px;gap:22px;padding:16px 22px 22px}
#s28.av2 .dl-sec{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);margin:2px 0 6px}
#s28.av2 .dl-r{display:grid;grid-template-columns:34px minmax(0,1fr) auto 32px;align-items:center;column-gap:10px;height:52px;border-bottom:1px solid var(--line);padding:0 6px;border-radius:0}
#s28.av2 .dl-r:last-child{border-bottom:0}
#s28.av2 .dl-r.on{background:#e8eef3;border-radius:10px;border-bottom-color:transparent}
html.theme-dark #s28.av2 .dl-r.on{background:#22343d}
#s28.av2 .dl-r .w{font-size:11.5px;color:var(--mut);white-space:nowrap;text-align:right;line-height:16px}
#s28.av2 .dl-r .w b{display:block;font-size:12px;color:var(--txt)}
#s28.av2 .dl-r .w b.late{color:#c42b37}
#s28.av2 .dl-r .ap-ic{width:32px;height:32px}
#s28.av2 .dl-new{display:flex;align-items:center;gap:10px;height:44px;padding:0 6px;font-size:12.5px;font-weight:700;color:#1b5fa8}
#s28.av2 .dl-new svg{width:15px;height:15px}
html.theme-dark #s28.av2 .dl-new{color:#7fb8ec}
#s28.av2 .kp{display:grid;grid-template-columns:repeat(3,72px);gap:10px 18px;justify-content:center;margin:0 0 14px}
#s28.av2 .kp b{width:72px;height:56px;border-radius:14px;background:var(--card2);border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:var(--ink);line-height:20px;box-sizing:border-box}
#s28.av2 .kp b i{font-style:normal;font-size:9.5px;font-weight:700;letter-spacing:.12em;color:var(--mut);line-height:12px;margin-top:2px;min-height:12px}
#s28.av2 .dl-go{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:50px;border:0;border-radius:12px;background:#18794e;color:#fff;font-weight:800;font-size:14px;font-family:inherit}
#s28.av2 .dl-go svg{width:17px;height:17px}
#s28.av2 .dl-go.off{background:#c9d2d8;color:#fff}
html.theme-dark #s28.av2 .dl-go.off{background:#3b4b54;color:#9fb0b9}
#s28.av2 .dl-hint{font-size:11.5px;color:var(--mut);text-align:center;margin-top:8px}
#s28.av2 .dl-known{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:12px}
#s28.av2 .dl-known > div b{display:block;font-size:13px;color:var(--ink)}
#s28.av2 .dl-known > div span{display:block;font-size:12px;color:var(--mut);margin-top:2px}

#s28.av2 .an-kv.mail{grid-template-columns:minmax(0,1fr) 34px;padding:6px 0}
#s28.av2 .an-kv.mail i{display:block;margin-bottom:2px}
#s28.av2 .an-kv.mail b{display:block;font-weight:600;font-size:12px}
#s28.av2 .an-kv > :last-child{justify-self:end}
/* Appels client v2 : écran fixe, chaque zone défile seule (30/10/2026, règle X-20). */
#s28.av2 .ap-list.fx{overflow-y:auto;overscroll-behavior:contain;margin-bottom:0}
#s28.av2 .ap-list.fx .ap-cols{position:sticky;top:0;z-index:6;background:var(--card);border-radius:12px 12px 0 0}
#s28.av2 .ap-list.fx .ap-g{position:sticky;top:34px;z-index:5}
#s28.av2 .an-grid.fx{margin-bottom:0;align-items:stretch}
#s28.av2 .an-grid.fx > .an-col{overflow-y:auto;overscroll-behavior:contain;min-height:0}
#s28.av2 .an-grid.fx > .an-col:nth-child(3){align-self:start;max-height:100%}
#s28.av2 .an-grid.fx .an-ch,#s28.av2 .an-grid.fx .an-lh{position:sticky;top:0;z-index:6;background:var(--card)}
#s28.av2 .an-grid.fx .an-lt{position:sticky;top:40px;z-index:5}
#s28.av2 .an-col.fx{overflow-y:auto;overscroll-behavior:contain;margin-bottom:0}
#s28.av2 .an-col.fx .an-nh{position:sticky;top:0;z-index:6;background:var(--card)}

/* compléments de l'écran réel */
#s28.av2 > :not(.h1):not(#av2):not(.av2-keep){display:none!important}
#s28.av2 .an-av.c0{background:#5b7a8c}#s28.av2 .an-av.c1{background:#7a6a9c}#s28.av2 .an-av.c2{background:#3f7f6e}
#s28.av2 .an-av.c3{background:#8c6a4f}#s28.av2 .an-av.c4{background:#4f6f9c}#s28.av2 .an-av.c5{background:#8c5a6a}
#s28.av2 button{font-family:inherit;cursor:pointer}
#s28.av2 .ap-tabs button .ap-cnt.w{background:#b45309;color:#fff}
#s28.av2 .ap-stat{cursor:pointer;font-family:inherit}
#s28.av2 .ap-stat i.away{background:#d97706}#s28.av2 .ap-stat i.off{background:#9aa8b1}#s28.av2 .ap-stat i.busy{background:var(--red)}
#s28.av2 .ap-call{cursor:pointer}
#s28.av2 .ap-search input{border:0;outline:0;background:transparent;flex:1;min-width:0;font-size:12.5px;color:var(--txt);padding:0;height:30px;font-family:inherit}
#s28.av2 .ap-bar,#s28.av2 .ap-top{position:relative}
#s28.av2 .ap-btn.on{border-color:var(--ink);color:var(--ink)}
#s28.av2 .ap-btn:hover,#s28.av2 .ap-ic:hover{background:var(--card2)}
#s28.av2 .ap-ic.call:hover{border-color:#18794e;color:#18794e}
html.theme-dark #s28.av2 .ap-ic.call:hover{border-color:#7ee2a8;color:#7ee2a8}
#s28.av2 .ap-ic.ok:hover{border-color:#18794e;color:#18794e}
html.theme-dark #s28.av2 .ap-ic.ok:hover{border-color:#7ee2a8;color:#7ee2a8}
#s28.av2 .ap-call:hover{filter:brightness(1.12)}
#s28.av2 .ap-r:hover{background:color-mix(in srgb,var(--card2) 55%,transparent)}
#s28.av2 .ap-sb a.tkl{color:#1b5fa8;font-weight:600;text-decoration:none}
#s28.av2 .ap-sb a.tkl:hover{text-decoration:underline}
html.theme-dark #s28.av2 .ap-sb a.tkl{color:#7fb8ec}
#s28.av2 .ap-list.at .ap-cols,#s28.av2 .ap-list.at .ap-r{grid-template-columns:32px minmax(0,1fr) 168px 112px 64px 150px}
#s28.av2 .ap-pop{z-index:40}
#s28.av2 .ap-pop .ap-po{cursor:pointer}
#s28.av2 .ap-pop .ap-po:hover{background:var(--card2)}
#s28.av2 .ap-pop.bar{top:44px;right:auto}
#s28.av2 .ap-pf{width:300px;padding:10px 12px 12px}
#s28.av2 .ap-pf label{display:block;font-size:11.5px;font-weight:700;color:var(--mut);margin:6px 0 4px}
#s28.av2 .ap-pf select{width:100%;height:34px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--txt);font-size:12.5px;padding:0 8px;font-family:inherit}
#s28.av2 .ap-pf .ap-pfb{display:flex;justify-content:flex-end;margin-top:10px}
#s28.av2 .ap-player,#s28.av2 .ap-note{grid-column:1/-1;padding:0 14px 12px 58px;border-bottom:1px solid var(--line)}
#s28.av2 .ap-player audio{width:100%;max-width:520px;display:block}
#s28.av2 .ap-note div{font-size:12.5px;color:var(--txt);white-space:pre-wrap;background:var(--card2);border-radius:9px;padding:9px 11px;margin-top:6px}
#s28.av2 .ap-note b{font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--mut)}
#s28.av2 .ap-msg{padding:16px 18px;font-size:12.5px;color:var(--mut)}
#s28.av2 .ap-err{margin:0 0 12px;padding:9px 12px;border-radius:10px;background:#fdecee;color:#9b1c27;font-size:12.5px;font-weight:600}
html.theme-dark #s28.av2 .ap-err{background:#3a2229;color:#ffb3ba}
#s28.av2 .av2-sub{display:inline-flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:11px;background:var(--card2);margin:0 0 14px}
#s28.av2 .av2-sub button{border:0;border-radius:8px;background:transparent;padding:0 14px;height:28px;font-size:12.5px;font-weight:700;color:var(--mut)}
#s28.av2 .av2-sub button.on{background:var(--card);color:var(--ink);box-shadow:0 1px 3px rgba(15,29,51,.16)}
#s28.av2 .an-cl,#s28.av2 .an-r{cursor:pointer}
#s28.av2 .an-cl:hover,#s28.av2 .an-r:hover{background:color-mix(in srgb,var(--card2) 55%,transparent)}
#s28.av2 .an-sw{cursor:pointer}
#s28.av2 .an-sw.on{background:#143240}
html.theme-dark #s28.av2 .an-sw.on{background:#2f6f8f}
#s28.av2 .an-sw.on::after{left:16px}
#s28.av2 .an-fvide{padding:26px 18px;font-size:12.5px;color:var(--mut);text-align:center}
#s28.av2 .an-pop{position:absolute;right:14px;top:50px;z-index:40;width:320px;max-height:320px;overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 34px rgba(13,31,41,.18);padding:6px}
#s28.av2 .an-pop input{width:100%;height:32px;border:1px solid var(--line);border-radius:8px;padding:0 9px;font-size:12.5px;box-sizing:border-box;margin-bottom:6px;background:var(--card);color:var(--txt);font-family:inherit}
#s28.av2 .an-nr{position:relative}
#s28.av2 .dl{z-index:1000}
#s28.av2 .dl-veil{z-index:999}
#s28.av2 .dl-in input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:20px;font-weight:700;color:var(--ink);letter-spacing:.02em;font-family:inherit;height:44px}
#s28.av2 .dl-in input::placeholder{font-size:17px;font-weight:500;color:var(--mut);letter-spacing:0}
#s28.av2 .dl-line select{height:32px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--txt);font-weight:700;font-size:12.5px;padding:0 10px;font-family:inherit;max-width:420px}
#s28.av2 .dl-h .x{cursor:pointer;border:0;background:transparent}
#s28.av2 .dl-h .x:hover{background:var(--card2)}
#s28.av2 .dl-r{cursor:pointer}
#s28.av2 .dl-r:hover{background:color-mix(in srgb,var(--card2) 60%,transparent);border-radius:10px}
#s28.av2 .dl-list{max-height:330px;overflow-y:auto;overscroll-behavior:contain}
#s28.av2 .kp b{cursor:pointer;user-select:none}
#s28.av2 .kp b:hover{background:color-mix(in srgb,var(--card2) 70%,var(--line))}
#s28.av2 .dl-go{cursor:pointer}
#s28.av2 .dl-go:hover{filter:brightness(1.08)}
#s28.av2 .dl-go.off{cursor:default;filter:none}
#s28.av2 a.ap-btn,#s28.av2 a.ap-ic{text-decoration:none}
/* numéros trouvés dans les signatures (drapeau annuaire_signatures, 30/10/2026) */
#s28.av2 .as-bar .as-tout{display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--card);font-size:12.5px;font-weight:700;color:var(--ink);cursor:pointer;flex:0 0 auto;white-space:nowrap}
#s28.av2 .as-bar .as-tout input{margin:0}
#s28.av2 .as-bar .as-esp{flex:1 1 auto}
#s28.av2 .as-bar .ap-btn[disabled],#s28.av2 .as-bar .ap-call[disabled]{opacity:.45;cursor:default}
#s28.av2 .as-bar .ap-call .ap-cnt{background:#fff;color:#143240;margin-left:2px}
#s28.av2 .an-nh.as-h,#s28.av2 .as-r{display:grid;grid-template-columns:18px 34px minmax(0,.9fr) 150px minmax(0,1.35fr) 196px;align-items:center;column-gap:12px;padding:0 14px}
#s28.av2 .as-w{border-bottom:1px solid var(--line)}
#s28.av2 .as-w:last-child{border-bottom:0}
#s28.av2 .as-w.sel{background:var(--card2)}
#s28.av2 .as-r{min-height:64px;padding-top:6px;padding-bottom:6px;box-sizing:border-box}
#s28.av2 .as-r input[type=checkbox]{margin:0}
#s28.av2 .as-x{font-size:12.5px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#s28.av2 .as-r .an-s{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#s28.av2 .as-tag{display:inline-block;margin-right:6px;padding:0 7px;border:1px solid var(--line);border-radius:6px;background:var(--card2);font-size:10.5px;font-weight:700;line-height:17px;color:var(--mut)}
#s28.av2 .as-voir{border:0;background:none;padding:0;font:inherit;font-weight:700;color:#1b5fa8;cursor:pointer}
html.theme-dark #s28.av2 .as-voir{color:#7fb8ec}
#s28.av2 .as-voir:hover{text-decoration:underline}
#s28.av2 .as-bloc{margin:0 14px 12px 90px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card2);white-space:pre-wrap;font-size:12px;line-height:1.5;color:var(--ink);max-height:270px;overflow:auto}
#s28.av2 .as-r .c-act{text-align:right}
#s28.av2 .as-bar .ap-search{flex:0 1 360px}
#s28.av2 .as-bar .as-tout,#s28.av2 .as-bar .ap-call,#s28.av2 .as-bar .ap-btn{height:34px}
#s28.av2 .as-r .tkl{color:#1b5fa8;font-weight:600;text-decoration:none}
html.theme-dark #s28.av2 .as-r .tkl{color:#7fb8ec}
#s28.av2 .as-r .an-n{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#s28.av2 .as-m{display:flex;align-items:center;gap:8px;margin-top:2px;font-size:12px;color:var(--mut);min-width:0}
#s28.av2 .as-mt{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#s28.av2 .as-m .as-voir{flex:0 0 auto;font-size:12px}
#s28.av2 .an-nh.as-h,#s28.av2 .as-r{grid-template-columns:18px 34px minmax(0,1fr) 150px minmax(0,1.3fr) 196px}