.rk-chat-activity-toast {
    position: fixed;
    top: 140px;
    right: 16px;
    z-index: 10009;
    box-sizing: border-box;
    width: max-content;
    max-width: calc(100vw - 32px);
    padding: 8px 12px;
    border: 1px solid #221b3b;
    border-radius: 16px;
    background: #fff9eb;
    color: #221b3b;
    cursor: pointer;
}
.rk-chat-activity-heading { display: flex; align-items: center; gap: 2px; }
.rk-chat-activity-heading a {
    display: flex; align-items: center; gap: 6px; flex: 0 1 auto; min-width: 0;
    color: inherit; text-decoration: none;
}
.rk-chat-activity-heading > button[data-chat-notification-toggle] {
    display: grid; place-items: center; flex-shrink: 0; width: 24px; height: 24px;
    margin-left: 28px;
    padding: 0; color: #dc2626; border: 1px solid #fecaca; border-radius: 7px; background: #fff1f2;
}
.rk-chat-activity-heading > button[data-chat-notification-toggle] svg { width: 16px; height: 16px; }
.rk-chat-activity-heading > button[data-chat-activity-close] { margin-left: 0; }
.rk-chat-activity-heading [data-chat-bell-slash] { display: inline !important; }
.rk-chat-activity-heading p {
    display: flex; align-items: center; gap: 6px; flex-wrap: nowrap;
    flex: 1; min-width: 0; margin: 0;
    font-size: 14px; font-weight: 600; line-height: 1.5; white-space: normal; overflow-wrap: anywhere;
}
.rk-chat-activity-heading button {
    flex-shrink: 0; padding: 2px 4px; color: #716881; background: transparent; border: 0; cursor: pointer;
}
.rk-chat-activity-room { display: inline; }
.rk-chat-activity-move {
    flex-shrink: 0;
    display: inline-block; padding: 0 7px; border: 1px solid #221b3b; border-radius: 5px;
    background: #fff276; font: inherit; line-height: inherit; white-space: nowrap;
}
.rk-chat-activity-toast :is(a, button):focus-visible { outline: 2px solid #4f46e5; outline-offset: 3px; }