/* Bob et Nadia (15/09/2026) : la cloche en haut à droite et le panneau de
   ce qu'ils ont dit — même trait que leurs cartes (avatar, titre, lignes). */
.x4-agents-cloche { position: relative; width: 36px; height: 36px; padding: 0; display: grid; place-items: center; border: 1px solid var(--stroke, rgba(20, 20, 25, .1)); border-radius: var(--r-sm, 12px); background: var(--panel, rgba(255, 255, 255, .66)); color: var(--v2-text-2, #55595f); cursor: pointer; backdrop-filter: blur(20px); }
.x4-agents-cloche:hover { color: var(--v2-text, #16171a); background: var(--inset, rgba(0, 0, 0, .035)); }
.x4-agents-cloche.est-nouveau { color: var(--v2-text, #16171a); border-color: var(--accent-bright, #f5d547); }
.x4-agents-badge { position: absolute; top: -5px; right: -6px; min-width: 18px; height: 18px; padding: 0 5px; box-sizing: border-box; border-radius: 99px; background: var(--accent-bright, #f5d547); color: #16171a; font-size: 10.5px; font-weight: 680; line-height: 18px; text-align: center; }
.x4-agents-panneau { position: fixed; top: 60px; right: 16px; z-index: var(--z-modale, 200); width: 390px; max-width: calc(100vw - 24px); max-height: min(72vh, 640px); display: flex; flex-direction: column; box-sizing: border-box; border-radius: var(--r-md, 18px); border: 1px solid var(--stroke, rgba(20, 20, 25, .075)); border-top: 3px solid var(--accent-bright, #f5d547); background: var(--panel-solid, #fff); box-shadow: 0 22px 50px -18px rgba(0, 0, 0, .32); color: var(--v2-text, #16171a); font-family: var(--font, 'Manrope', -apple-system, system-ui, sans-serif); letter-spacing: -.01em; line-height: 1.3; }
.x4-agents-tete { display: flex; align-items: baseline; gap: 8px; padding: 13px 12px 11px 16px; border-bottom: 1px solid var(--stroke-2, rgba(20, 20, 25, .05)); }
.x4-agents-tete b { font-size: 13.5px; font-weight: 680; }
.x4-agents-tete span { font-size: 11.5px; color: var(--v2-text-3, #6b6f76); }
.x4-agents-x { margin-left: auto; width: 28px; height: 28px; border: 0; border-radius: 99px; background: transparent; font: inherit; font-size: 18px; line-height: 1; color: var(--v2-text-3, #6b6f76); cursor: pointer; align-self: center; }
.x4-agents-x:hover { background: var(--inset, rgba(0, 0, 0, .035)); color: var(--v2-text, #16171a); }
.x4-agents-liste { overflow: auto; padding: 4px 0 8px; }
.x4-agents-item { display: flex; gap: 10px; padding: 11px 16px 12px; border-bottom: 1px solid var(--stroke-2, rgba(20, 20, 25, .05)); }
.x4-agents-item:last-child { border-bottom: 0; }
.x4-agents-av { flex: none; width: 30px; height: 30px; border-radius: 99px; overflow: hidden; margin-top: 1px; }
.x4-agents-av svg { display: block; width: 100%; height: 100%; }
/* Un collègue qui te cite : son monogramme (16/09/2026). */
.x4-agents-av.est-equipe { display: inline-flex; align-items: center; justify-content: center; background: var(--inset, rgba(0, 0, 0, .06)); color: var(--v2-text-2, #55595f); font-size: 11px; font-weight: 680; letter-spacing: .02em; }
.x4-agents-corps { min-width: 0; flex: 1; display: flex; flex-direction: column; gap: 3px; }
.x4-agents-l1 { display: flex; align-items: baseline; gap: 8px; }
.x4-agents-l1 b { font-size: 10.5px; font-weight: 640; letter-spacing: .06em; text-transform: uppercase; color: var(--v2-text-3, #6b6f76); }
.x4-agents-item.est-nadia .x4-agents-l1 b { color: #3f6ea8; }
.x4-agents-l1 time { margin-left: auto; font-size: 11px; color: var(--v2-text-3, #6b6f76); font-variant-numeric: tabular-nums; }
.x4-agents-titre { font-size: 13px; font-weight: 640; color: var(--v2-text, #16171a); }
.x4-agents-item.est-mot .x4-agents-titre { font-weight: 550; }
.x4-agents-sous { font-size: 12px; color: var(--v2-text-2, #55595f); }
.x4-agents-lignes { list-style: none; margin: 2px 0 0; padding: 0; display: flex; flex-direction: column; }
.x4-agents-lignes li { display: flex; flex-direction: column; gap: 1px; padding: 5px 0 5px 9px; border-left: 3px solid var(--stroke, rgba(20, 20, 25, .075)); font-size: 12px; }
.x4-agents-lignes li b { font-weight: 620; color: var(--v2-text, #16171a); }
.x4-agents-lignes li span { color: var(--v2-text-3, #6b6f76); }
.x4-agents-lignes li[data-ton="pos"] { border-left-color: var(--pos-fg, #136d45); }
.x4-agents-lignes li[data-ton="warn"] { border-left-color: var(--warn-fg, #9a5a12); }
.x4-agents-lignes li[data-ton="neg"] { border-left-color: var(--neg-fg, #a74137); }
.x4-agents-btn { align-self: flex-start; margin-top: 4px; height: 30px; padding: 0 12px; border-radius: 99px; border: 1px solid var(--stroke, rgba(20, 20, 25, .075)); background: var(--panel-solid, #fff); font: inherit; font-size: 12px; font-weight: 640; color: var(--v2-text, #16171a); cursor: pointer; }
.x4-agents-btn:hover { background: var(--accent-bright, #f5d547); border-color: transparent; }
.x4-agents-vide { padding: 22px 18px; font-size: 12.5px; line-height: 1.45; color: var(--v2-text-3, #6b6f76); }