.chat-social-actions{display:flex;align-items:center;gap:8px;margin-top:7px;opacity:.72;transition:opacity .2s}.chat-message:hover .chat-social-actions{opacity:1}.chat-social-actions button{border:1px solid rgba(148,163,184,.16);border-radius:999px;background:rgba(15,23,42,.56);color:inherit;cursor:pointer;padding:4px 8px}.chat-reply-reference{display:grid;width:100%;gap:2px;margin-bottom:7px;padding:8px 10px;text-align:left;border:0;border-left:3px solid #8b5cf6;border-radius:8px;background:rgba(139,92,246,.1);color:inherit;cursor:pointer}.chat-reply-reference span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#94a3b8}.chat-reply-composer{grid-column:1/-1;display:flex;justify-content:space-between;gap:10px;padding:9px 12px;border:1px solid rgba(139,92,246,.35);border-radius:12px;background:rgba(139,92,246,.12)}.chat-reply-composer span{display:grid;min-width:0}.chat-reply-composer small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-reply-composer button{border:0;background:transparent;color:inherit;font-size:1.3rem}.chat-message.is-highlighted{animation:message-highlight 1.6s ease}@keyframes message-highlight{50%{box-shadow:0 0 0 3px rgba(139,92,246,.55);background:rgba(139,92,246,.14)}}.notification-center{position:fixed;right:18px;bottom:86px;z-index:850}.notification-launch{position:relative;width:48px;height:48px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:#111c33;color:#fff;font-size:1.2rem;box-shadow:0 15px 38px rgba(0,0,0,.32)}.notification-launch strong{position:absolute;right:-5px;top:-6px;min-width:21px;padding:3px;border-radius:999px;background:#ef476f;font-size:.7rem}.notification-center section{position:absolute;right:0;bottom:58px;width:min(390px,calc(100vw - 24px));max-height:min(560px,75vh);overflow:auto;border:1px solid rgba(148,163,184,.2);border-radius:20px;background:#0b1427;box-shadow:0 24px 70px rgba(0,0,0,.5)}.notification-center section header{position:sticky;top:0;display:flex;align-items:center;gap:8px;padding:14px;background:#101c33}.notification-center h2{margin:0 auto 0 0;font-size:1rem}.notification-center header button{border:0;background:transparent;color:#cbd5e1}.notification-center section>div{display:grid}.notification-center a{display:grid;gap:3px;padding:13px 15px;border-bottom:1px solid rgba(148,163,184,.1);color:#e2e8f0;text-decoration:none}.notification-center a.is-unread{background:rgba(99,102,241,.13)}.notification-center a span,.notification-center a small{color:#94a3b8}@media(max-width:700px){.chat-social-actions{opacity:1}.notification-center{right:10px;bottom:76px}.notification-center section{position:fixed;inset:10px 10px auto;max-height:calc(100dvh - 20px)}}

.chat-feedback-actions{display:flex;align-items:center;gap:5px}
.chat-feedback-actions button{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:4px 9px}
.chat-feedback-actions button strong{min-width:16px;color:#94a3b8;font-size:.72rem;font-weight:800}
.chat-feedback-actions button.is-mine{border-color:#60a5fa;background:rgba(59,130,246,.16);color:#dbeafe}
.chat-feedback-actions button[data-reaction="unlike"].is-mine{border-color:#f87171;background:rgba(239,68,68,.13);color:#fee2e2}
@media(max-width:700px){.chat-feedback-actions button{min-height:36px;padding:6px 10px}.chat-feedback-actions button>span{display:none}}


/* 3.24.4 – Like/Unlike user hover */
.chat-feedback-actions button[data-reaction]{
    position:relative;
}
.chat-feedback-tooltip{
    position:absolute;
    left:50%;
    bottom:calc(100% + 9px);
    z-index:980;
    width:max-content;
    max-width:min(300px,70vw);
    padding:8px 10px;
    border:1px solid rgba(148,163,184,.22);
    border-radius:10px;
    background:#081225;
    color:#f8fafc;
    box-shadow:0 12px 30px rgba(0,0,0,.38);
    font-size:.75rem;
    font-weight:600;
    line-height:1.4;
    text-align:left;
    white-space:normal;
    pointer-events:none;
    opacity:0;
    visibility:hidden;
    transform:translate(-50%,5px);
    transition:opacity .14s ease,transform .14s ease,visibility .14s ease;
}
.chat-feedback-tooltip[hidden]{
    display:none!important;
}
.chat-feedback-actions button.has-reactions:hover .chat-feedback-tooltip,
.chat-feedback-actions button.has-reactions:focus-visible .chat-feedback-tooltip{
    opacity:1;
    visibility:visible;
    transform:translate(-50%,0);
}
.chat-feedback-actions button[data-reaction="like"] .chat-feedback-tooltip{
    border-color:rgba(96,165,250,.28);
}
.chat-feedback-actions button[data-reaction="unlike"] .chat-feedback-tooltip{
    border-color:rgba(248,113,113,.28);
}
@media(max-width:700px){
    .chat-feedback-tooltip{
        max-width:min(260px,78vw);
    }
}


/* 3.24.5 – Reaktion umschalten / zurücknehmen */
.chat-feedback-actions button[data-reaction]{
    transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;
}
.chat-feedback-actions button[data-reaction]:not(.is-mine):hover{
    transform:translateY(-1px);
}
.chat-feedback-actions button[data-reaction].is-mine{
    font-weight:800;
}
.chat-feedback-actions button[data-reaction="like"].is-mine{
    border-color:#60a5fa;
    background:rgba(59,130,246,.20);
    color:#dbeafe;
}
.chat-feedback-actions button[data-reaction="unlike"].is-mine{
    border-color:#f87171;
    background:rgba(239,68,68,.18);
    color:#fee2e2;
}