/* Notifications du Chat qui restent à l'écran (06/11/2026, drapeau chat_cartes_notif). */
.ccn-pile{display:none;flex-direction:column;gap:8px;position:fixed;right:84px;bottom:22px;z-index:9407;width:350px;max-width:calc(100vw - 110px);max-height:calc(100vh - 90px);overflow:hidden}
.ccn-carte{display:flex;gap:10px;align-items:flex-start;background:var(--card,#fff);border:1px solid var(--line,#e2e8ec);border-radius:12px;box-shadow:0 10px 28px rgba(13,31,41,.2);padding:11px 12px;cursor:pointer;font-family:var(--chat-police,inherit);color:var(--chat-txt,#1d1c1d)}
.ccn-carte:hover{border-color:#9db4c0}
.ccn-carte:focus-visible{outline:2px solid #1264a3;outline-offset:1px}
.ccn-neuve{animation:ccnArrive .18s ease-out}
@keyframes ccnArrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.ccn-neuve{animation:none}}
.ccn-av{flex:0 0 36px;width:36px;height:36px;font-size:13px}
.ccn-corps{flex:1;min-width:0}
.ccn-haut{display:flex;align-items:baseline;gap:8px;font-size:14.5px}
.ccn-haut b{font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ccn-h{margin-left:auto;flex:none;font-size:12px;color:var(--chat-mut,#616061)}
.ccn-ctx{font-size:12.5px;color:var(--chat-mut,#616061);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ccn-txt{margin-top:4px;font-size:14px;line-height:1.4;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.ccn-txt a{color:var(--chat-lien,#1264a3)}
.ccn-txt pre,.ccn-txt code{font-size:12.5px}
.ccn-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:6px}
.ccn-actions button,.ccn-tout{font-family:inherit;font-size:12.5px;font-weight:700;border-radius:7px;padding:4px 10px;cursor:pointer}
.ccn-ign,.ccn-tout{background:none;border:1px solid var(--line,#d5dde2);color:var(--chat-txt,#1d1c1d)}
.ccn-ign:hover,.ccn-tout:hover{background:var(--card2,#f4f6f9)}
.ccn-voir{background:#1264a3;border:1px solid #1264a3;color:#fff}
.ccn-voir:hover{background:#0f5689}
.ccn-pied{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--card,#fff);border:1px solid var(--line,#e2e8ec);border-radius:10px;box-shadow:0 6px 18px rgba(13,31,41,.14);padding:5px 6px 5px 12px;font-size:13px;font-family:var(--chat-police,inherit);color:var(--chat-mut,#616061)}
.ccn-tout{padding:4px 9px;font-size:12.5px}
html.theme-dark .ccn-carte:hover{border-color:#5f7682}
@media (max-width:560px){.ccn-pile{display:none!important}}