/* Additive controls for Material Kit. The existing theme layout and palette remain authoritative. */
[ng-cloak], .workspace-unread-dot[hidden], .secure-chat-unread-dot[hidden], .sidebar-unread-dot[hidden] { display: none !important; }
.secure-chat-avatar, .workspace-list-avatar, .material-thread-avatar { position: relative; overflow: visible !important; }
.secure-chat-unread-dot, .workspace-unread-dot, .sidebar-unread-dot {
    display: inline-block; width: 9px; height: 9px; border-radius: 50%; background: #f44336;
}
.secure-chat-unread-dot, .workspace-unread-dot { position: absolute; top: -2px; right: -2px; border: 2px solid #fff; box-sizing: content-box; }
.secure-chat-unread-badge {
    position: absolute; top: -6px; right: -6px; min-width: 19px; height: 19px; padding: 0 4px;
    border-radius: 10px; background: #f44336; color: #fff; font-size: 11px; line-height: 19px; text-align: center;
}
.material-unread-anchor { position: relative; }
.material-unread-anchor > .sidebar-unread-dot { margin-left: 5px; vertical-align: top; }
.navbar-toggler > .sidebar-unread-dot { position: absolute; right: 0; top: 2px; }
.profile-page .media > .float-left { margin-right: 12px; }
.material-list-tabs { display: inline-flex; flex-wrap: wrap; margin-bottom: 10px; }
.material-list-tabs .nav-link { min-width: 0; padding: 10px 16px; }
.workspace-create-menu { min-width: 280px; max-width: min(90vw, 400px); padding: 10px; }
.workspace-create-menu-title { padding: 8px; margin: 0; }
.workspace-create-bot-list { max-height: 320px; overflow-y: auto; }
.workspace-create-bot-list form { margin: 0; }
.workspace-create-menu-footer { border-top: 1px solid #eee; padding-top: 6px; }
.workspace-create-menu .dropdown-item { white-space: normal; }
.workspace-create-menu .dropdown-item img { flex-shrink: 0; object-fit: cover; }
.forum-members-toolbar { display: flex; align-items: center; min-width: 0; gap: 8px; }
.forum-members-strip { display: flex; align-items: center; flex: 1; min-width: 0; overflow: hidden; }
.forum-members-avatar { flex: 0 0 auto; margin: 7px; }
.forum-members-avatar img { width: 32px; height: 32px; object-fit: cover; border-radius: 50%; }
.forum-members-trigger { flex: 0 0 auto; }
.thread-bot-label { display: inline-flex; align-items: center; gap: 5px; min-width: 0; }
.thread-bot-label img { flex-shrink: 0; }
.thread-bot-label-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.thread-bot-option { width: 100%; }
.ask-bot-dd .dropdown-menu { max-width: min(90vw, 420px); max-height: 50vh; overflow-y: auto; }
.image-catalog-toggle.btn { padding: 8px 12px; margin: 6px; text-transform: none; }
.image-catalog-above-input { width: 100%; }
.xyz-comment-toggle { border: 0; background: transparent; color: #9c27b0; padding: 6px 0; cursor: pointer; }
.xyz-comment-preview, .secure-chat-message-content { overflow-wrap: anywhere; }
.secure-chat-message-content img, .secure-chat-message-content video { max-width: 100%; height: auto; }
.secure-chat-message-content table { display: block; max-width: 100%; overflow-x: auto; }
.live-comment-actions { clear: both; }
.live-comment-recall-confirm { padding: 8px 0; }
.pwdless-login-background { height: auto; min-height: 100vh; padding: 80px 0 30px; }
.pwdless-login-background .card-signup { margin-top: 30px; }
@media (max-width: 767.98px) {
    .forum-members-strip { overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .material-list-tabs .nav-link { padding: 8px 12px; }
    .workspace-create-menu { max-width: calc(100vw - 32px); }
    .pwdless-login-background { padding-top: 30px; }
}