/**
 * pages/community.css — вынесено 1:1 из style.css (C.3.8).
 * Pure .community/friends/mini/notif-* (+ потомки). Overrides pages-* не трогались.
 * friends-popup / mini-profile / @media / @keyframes оставлены в style.css.
 */

.friends-page {
    max-width: 1100px;
}

.friends-list-panel {
    background: var(--va-border, #2a475e);
    border-radius: var(--radius-md);
    padding: var(--space-4);
}

.friends-list-panel h3 {
    margin-bottom: var(--space-3);
    font-size: 1rem;
    color: var(--va-accent, #66c0f4);
}

.friends-layout {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 20px;
    margin-top: 20px;
}

.friends-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Плавающая кнопка друзей (как в PyQt-лаунчере) */
.friends-fab {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: var(--z-overlay-high);
    background: color-mix(in srgb, var(--va-bg-elevated, #1e2328) 92%, transparent);
    color: var(--va-text, #e3e6eb);
    border: 1px solid var(--va-border, #3a424f);
    border-radius: 12px;
    padding: 10px 16px;
    font-size: 0.88rem;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    white-space: nowrap;
    max-width: calc(100vw - 40px);
    overflow: hidden;
    text-overflow: ellipsis;
    transition: background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);
}

.friends-fab:hover {
    background: color-mix(in srgb, var(--va-accent, #66c0f4) 18%, var(--va-bg-elevated, #1e2328));
    border-color: var(--va-accent, #66c0f4);
    transform: translateY(-1px);
}

.friends-request-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-2);
    padding: var(--space-2);
    margin-bottom: var(--space-1);
    border-radius: 10px;
    background: color-mix(in srgb, #f0c14b 10%, var(--va-bg-card, #252b34));
    font-size: 0.84rem;
}

.friends-request-name {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.friends-request-actions {
    display: flex;
    gap: var(--space-1);
    flex-shrink: 0;
}

.friends-request-actions .btn {
    min-width: 72px;
}

.dm-friend-requests {
    margin: 0 8px 10px;
    padding: 10px;
    border-radius: 12px;
    background: color-mix(in srgb, #66c0f4 12%, var(--va-bg-card, #1b2838));
    border: 1px solid color-mix(in srgb, #66c0f4 28%, transparent);
}

.dm-friend-requests-head {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--va-text-muted, #9aa4b2);
    margin-bottom: 8px;
}

.dm-friend-request-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 6px 0;
}

.dm-friend-request-row + .dm-friend-request-row {
    border-top: 1px solid color-mix(in srgb, #fff 8%, transparent);
}

.dm-friend-request-name {
    font-size: 0.9rem;
    font-weight: 600;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dm-friend-request-actions {
    display: flex;
    gap: 6px;
    flex-shrink: 0;
}

.friends-open-page {
    margin: 8px 12px 12px;
    width: calc(100% - 24px);
    border-radius: 10px;
}

.friends-page-toolbar {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-4);
    margin-bottom: var(--space-4);
}

.notif-panel {
    position: fixed;
    top: 56px;
    right: 16px;
    width: 320px;
    max-height: 420px;
    z-index: 9100;
    background: var(--va-bg, #1b2838);
    border: 1px solid var(--va-border, #2a475e);
    border-radius: var(--radius-md);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5);
    display: flex;
    flex-direction: column;
}

.notif-panel-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 12px;
    border-bottom: 1px solid var(--va-border, #2a475e);
}

.notif-list {
    overflow-y: auto;
    max-height: 340px;
    padding: var(--space-2);
}

.notif-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    text-align: left;
    background: #17202a;
    border: none;
    border-radius: var(--radius-sm);
    padding: 10px;
    margin-bottom: 6px;
    color: var(--va-text, #c7d5e0);
    cursor: pointer;
    font: inherit;
}

.notif-item.read {
    opacity: 0.65;
}

.notif-item strong {
    color: var(--va-accent, #66c0f4);
    font-size: 0.85rem;
}

.notif-item time {
    font-size: 0.7rem;
    color: var(--va-text-muted, #8f98a0);
}

.notif-muted-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    color: #ed4245;
    min-height: 1.4em;
}

.mini-editor-preview-wrap h4,
.mini-editor-group h4 {
    margin: 0 0 8px;
    font-size: 14px;
}

.mini-editor-group {
    margin: 16px 0;
    padding-top: var(--space-1);
}

.mini-editor-group > label {
    display: block;
    margin: 8px 0;
}

.mini-editor-colors {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-4);
    margin-top: var(--space-3);
}

.mini-editor-colors label {
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 13px;
}

.mini-editor-colors input[type="color"] {
    width: 56px;
    height: 36px;
    padding: 2px;
    border: 1px solid var(--va-border, #2a475e);
    border-radius: var(--radius-md);
    background: transparent;
    cursor: pointer;
}

.mini-editor-assets {
    margin: 12px 0;
}

.mini-asset-selector {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    padding: 8px 4px 12px;
    max-width: 100%;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
}

.mini-asset-option {
    flex: 0 0 108px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: var(--space-2);
    border: 2px solid transparent;
    border-radius: 10px;
    background: var(--va-surface-2, #2a2e3d);
    cursor: pointer;
    scroll-snap-align: start;
    transition: border-color var(--transition-fast), transform var(--transition-fast);
}

.mini-asset-option:hover:not(:disabled) {
    border-color: var(--va-accent, #4c6ef5);
    transform: translateY(-1px);
}

.mini-asset-option.selected {
    border-color: #f5c542;
}

.mini-asset-option.locked {
    opacity: 0.45;
    cursor: not-allowed;
}

.mini-asset-thumb {
    width: 72px;
    height: 72px;
    border-radius: var(--radius-md);
    background-size: cover;
    background-position: center;
    background-color: #1b1e28;
}

.mini-asset-name {
    font-size: 11px;
    text-align: center;
    line-height: 1.2;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mini-asset-badge {
    font-size: 10px;
}

.friends-subtabs {
    display: flex;
    gap: var(--space-2);
    margin-bottom: var(--space-3);
}

.friends-subtab {
    background: var(--va-border, #2a475e);
    border: none;
    color: var(--va-text-muted, #8f98a0);
    padding: 8px 14px;
    border-radius: var(--radius-sm);
    cursor: pointer;
}

.friends-subtab.active {
    color: #fff;
    background: color-mix(in srgb, var(--va-accent, #66c0f4) 38%, var(--va-bg-card, #16202d));
}

.friends-blocked-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid var(--va-border, #2a475e);
}

.notif-preview-media {
    display: block;
    max-width: 120px;
    max-height: 80px;
    border-radius: 6px;
    object-fit: cover;
    margin-top: var(--space-1);
}

.notif-preview-sticker {
    max-width: 64px;
    max-height: 64px;
}

.friends-layout-single {
    grid-template-columns: 1fr !important;
}

.friends-chat-hint {
    margin-top: var(--space-3);
    padding: var(--space-3);
    text-align: center;
}

.community-input-row {
    position: relative;
    z-index: 2;
}

.community-page {
    --community-shell-h: calc(100vh - 120px);
    margin: 0;
    min-height: var(--community-shell-h);
    height: var(--community-shell-h);
    max-height: var(--community-shell-h);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #36393f;
    color: #dcddde;
}

.community-page > .discord-layout.community-layout-root {
    flex: 1 1 auto;
    min-height: 0;
}

.community-page[data-community-style="discord"] .discord-layout,
.community-page[data-community-style="discord"] .community-chat-area,
.community-page[data-community-style="discord"] .community-messages {
    background-color: #36393f !important;
    color: #dcddde !important;
}

.community-page[data-community-style="discord"] .guilds-bar {
    background-color: #202225 !important;
}

.community-page[data-community-style="discord"] .channels-bar,
.community-page[data-community-style="discord"] .members-sidebar {
    background-color: #2f3136 !important;
    color: #dcddde !important;
}

.community-page[data-community-style="discord"] .community-chat-head,
.community-page[data-community-style="discord"] .community-input-row {
    background-color: #2f3136 !important;
    color: #dcddde !important;
}

.community-page .loader {
    color: #b9bbbe !important;
}

.community-page[data-community-style="discord"] .discord-layout.community-layout-root {
    --community-guilds-w: 72px;
    --community-channels-w: 340px;
    --community-members-w: 220px;
    min-width: 0;
    overflow-x: auto;
}

.community-page[data-community-style="discord"] .guilds-bar {
    width: var(--community-guilds-w, 72px) !important;
    min-width: var(--community-guilds-w, 72px);
    max-width: var(--community-guilds-w, 72px);
    flex-shrink: 0;
}

.community-page[data-community-style="discord"] .community-left-col {
    width: var(--community-channels-w, 420px) !important;
    min-width: 400px;
    max-width: 560px;
    flex-shrink: 0;
}

.community-page[data-community-style="discord"] .community-left-col > .channels-bar {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
}

.community-page[data-community-style="discord"] .channels-bar:not(.community-left-col > .channels-bar) {
    width: var(--community-channels-w, 340px) !important;
    min-width: var(--community-channels-w, 340px);
    max-width: var(--community-channels-w, 340px);
    flex-shrink: 0;
}

.community-page[data-community-style="discord"] .members-sidebar:not(.hidden) {
    width: var(--community-members-w, 220px) !important;
    min-width: var(--community-members-w, 220px);
    max-width: var(--community-members-w, 220px);
    flex-shrink: 0;
}

.community-layout-resizer {
    width: 8px;
    margin: 0 -3px;
    flex-shrink: 0;
    cursor: col-resize;
    align-self: stretch;
    position: relative;
    z-index: 12;
    touch-action: none;
    background: transparent;
    transition: background 0.12s ease;
}

.community-layout-resizer::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 2px;
    width: 1px;
    background: color-mix(in srgb, var(--va-border, #40444b) 80%, transparent);
}

.community-layout-resizer:hover::after,
.community-layout-resizer.is-dragging::after {
    left: 1px;
    width: 3px;
    background: var(--va-accent, #66c0f4);
}

.community-layout-resizer--members {
    display: none;
}

.community-page[data-community-style="discord"] .community-layout-root.community-layout-has-members .community-layout-resizer--members {
    display: block;
}

.community-page .discord-layout {
    border-radius: 0;
    border-left: none;
    border-right: none;
}

.community-search {
    flex: 0 0 auto !important;
    width: 100%;
    min-height: 32px;
}

.community-channel-item {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    background: transparent;
    border: none;
    color: var(--va-text-muted, #b9bbbe);
    text-align: left;
    padding: 8px 10px;
    border-radius: var(--radius-sm);
    cursor: pointer;
    font-size: 0.9rem;
}

.community-channel-item:hover {
    background: var(--va-border-strong, #42464d);
    color: #fff;
}

.community-channel-item.active {
    background: var(--va-border-strong, #42464d);
    color: #fff;
}

.community-channel-item.voice-connected {
    background: #3ba55c22;
    color: #3ba55c;
    box-shadow: inset 3px 0 0 #3ba55c;
}

.community-hub-menu {
    position: fixed;
    z-index: var(--z-toast);
    min-width: 200px;
    background: var(--va-bg-elevated, #18191c);
    border: 1px solid var(--va-border-strong, #4f545c);
    border-radius: var(--radius-md);
    padding: 6px 0;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
}

.community-hub-menu-title {
    padding: 6px 12px;
    font-size: 0.72rem;
    text-transform: uppercase;
    color: var(--va-text-muted, #8e9297);
    letter-spacing: 0.04em;
}

.community-hub-menu button {
    display: block;
    width: 100%;
    text-align: left;
    background: transparent;
    border: none;
    color: var(--va-text, #dcddde);
    padding: 8px 12px;
    cursor: pointer;
    font-size: 0.9rem;
}

.community-hub-menu button:hover {
    background: var(--va-accent, #5865f2);
    color: #fff;
}

.community-chat-area {
    flex: 1;
    display: flex;
    flex-direction: column;
    background: var(--va-bg, #36393f);
    min-width: 0;
    min-height: 0;
}

.community-chat-head {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border-bottom: 1px solid var(--va-border-strong, #40444b);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    flex-shrink: 0;
    min-height: 56px;
    height: 56px;
    box-sizing: border-box;
}

.community-messages {
    flex: 1 1 auto;
    min-height: 0;
    max-height: none;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.community-input-row {
    padding: 12px 16px;
    background: var(--va-border-strong, #404249);
    flex-wrap: wrap;
    flex-shrink: 0;
}

.community-input-row .btn,
.community-input-row input {
    min-width: 0;
}

.community-input-row #community-send {
    flex-shrink: 0;
}

.community-page #community-messages > .dm-chat-log-area,
.community-page #community-messages > .dm-voice-chat-log {
    background: transparent !important;
}

.community-page .community-messages .chat-msg,
.community-page #community-messages .chat-msg,
.community-page #community-messages .dm-chat-log-area .chat-msg,
.community-page #community-messages .dm-voice-chat-log .chat-msg {
    background: #2b2d31;
    color: #f2f3f5;
    border-radius: 12px;
    padding: 8px 12px;
    max-width: min(70%, 480px);
    width: -webkit-max-content;
    width: max-content;
    min-width: 140px;
    box-sizing: border-box;
    overflow: visible;
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}

.community-page .community-messages .chat-msg.mine,
.community-page .community-messages .chat-msg.own,
.community-page #community-messages .chat-msg.mine,
.community-page #community-messages .chat-msg.own {
    background: #5865f2 !important;
    color: #fff !important;
}

.community-page .community-messages .chat-msg .chat-msg-body,
.community-page #community-messages .chat-msg .chat-msg-body {
    color: inherit !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0;
    display: block !important;
    width: auto;
    max-width: 100%;
    font-size: 0.95rem;
    line-height: 1.4;
    min-height: 1.15em;
    white-space: pre-wrap;
    visibility: visible !important;
    opacity: 1 !important;
}

.community-page #community-messages .chat-msg:has(.repost-embed),
.community-page #community-messages .chat-msg:has(.chat-channel-post-card),
.community-page #community-messages .dm-chat-log-area .chat-msg:has(.repost-embed) {
    width: -webkit-fit-content !important;
    width: fit-content !important;
    max-width: min(340px, 85%) !important;
    min-width: 0 !important;
}

.community-page #community-messages .chat-msg:has(.repost-embed) .chat-msg-body,
.community-page #community-messages .chat-msg:has(.chat-channel-post-card) .chat-msg-body {
    width: auto !important;
    max-width: 100% !important;
}

.community-page[data-community-style="telegram"] .community-messages .chat-msg,
.community-page[data-community-style="telegram"] #community-messages .chat-msg {
    background: #1e2a36;
    color: #e8eef4;
}

.community-page[data-community-style="telegram"] .community-messages .chat-msg.mine,
.community-page[data-community-style="telegram"] .community-messages .chat-msg.own,
.community-page[data-community-style="telegram"] #community-messages .chat-msg.mine,
.community-page[data-community-style="telegram"] #community-messages .chat-msg.own {
    background: color-mix(in srgb, var(--va-accent, #66c0f4) 42%, #1a2330) !important;
    color: #fff !important;
}

.community-page[data-community-style="vk"] .community-messages .chat-msg,
.community-page[data-community-style="vk"] #community-messages .chat-msg {
    background: color-mix(in srgb, var(--va-bg-elevated, #171a21) 92%, #fff 5%);
    color: var(--va-text, #e7e9ec);
    padding: 8px 12px;
}

.community-page[data-community-style="vk"] .community-messages .chat-msg.mine,
.community-page[data-community-style="vk"] .community-messages .chat-msg.own,
.community-page[data-community-style="vk"] #community-messages .chat-msg.mine,
.community-page[data-community-style="vk"] #community-messages .chat-msg.own {
    background: color-mix(in srgb, var(--va-accent, #66c0f4) 34%, #1a222d) !important;
    color: #fff !important;
}

.community-page #community-messages .chat-author-row .user-framed-avatar,
.community-page #community-messages .chat-author-row .framed-avatar-wrap,
.community-page #community-messages .chat-author-row .friend-avatar-wrap {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px;
    min-height: 32px;
    --ufa-size: 32px;
    overflow: visible !important;
}

.community-page #community-messages .chat-msg-header {
    margin-bottom: 2px;
}

.community-page #community-messages .chat-reactions-row {
    margin-top: var(--space-1);
}

.community-page #community-messages .chat-msg.theirs,
.community-page #community-messages .chat-msg:not(.mine):not(.own),
.community-page #community-messages .dm-chat-log-area .chat-msg.theirs,
.community-page #community-messages .dm-chat-log-area .chat-msg:not(.mine):not(.own),
.community-page #community-messages .dm-voice-chat-log .chat-msg.theirs,
.community-page #community-messages .dm-voice-chat-log .chat-msg:not(.mine):not(.own) {
    align-self: flex-start;
    margin-left: 0;
    margin-right: auto;
}

.community-page #community-messages .chat-msg.mine,
.community-page #community-messages .chat-msg.own,
.community-page #community-messages .dm-chat-log-area .chat-msg.mine,
.community-page #community-messages .dm-chat-log-area .chat-msg.own,
.community-page #community-messages .dm-voice-chat-log .chat-msg.mine,
.community-page #community-messages .dm-voice-chat-log .chat-msg.own {
    align-self: flex-end;
    margin-left: auto;
    margin-right: 0;
}

.notif-item-body {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
}

.notif-item-invite {
    text-align: left;
}

.notif-invite-card {
    display: grid;
    grid-template-columns: 40px 1fr;
    gap: 8px 10px;
    align-items: start;
    width: 100%;
}

.notif-invite-card.compact .notif-invite-actions {
    grid-column: 1 / -1;
}

.notif-invite-icon {
    width: 40px;
    height: 40px;
    border-radius: var(--radius-md);
    object-fit: cover;
    background: #0f1f2d;
}

.notif-invite-meta {
    min-width: 0;
}

.notif-invite-meta strong,
.notif-invite-meta .notif-invite-name {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notif-invite-actions {
    display: flex;
    gap: var(--space-2);
    flex-wrap: wrap;
}

/* --- Community interface styles --- */
/* Единая палитра сообщества — из ThemeEngine / --va-* лаунчера */
.community-page,
.community-page .discord-layout,
.community-page .community-chat-area,
.community-page .community-messages,
.community-page .channels-bar,
.community-page .members-sidebar,
.community-page .guilds-bar,
.community-page .community-chat-head,
.community-page .community-input-row {
    background-color: var(--va-bg) !important;
    color: var(--va-text) !important;
    border-color: var(--va-border) !important;
}

.community-page .guilds-bar {
    background-color: var(--va-bg-elevated) !important;
}

.community-page .channels-bar,
.community-page .members-sidebar {
    background-color: var(--va-bg-card) !important;
}

.community-page .community-chat-head,
.community-page .community-input-row {
    background-color: var(--va-bg-elevated) !important;
}

.community-page .community-channel-item,
.community-page .chat-list-row {
    color: var(--va-text-muted) !important;
}

.community-page .community-channel-item:hover,
.community-page .community-channel-item.active,
.community-page .chat-list-row:hover,
.community-page .chat-list-row.active {
    background: color-mix(in srgb, var(--va-accent) 16%, var(--va-bg-card)) !important;
    color: var(--va-text) !important;
}

.community-page .community-input-row #community-input,
.community-page .community-search {
    background: var(--va-bg-card) !important;
    border-color: var(--va-border) !important;
    color: var(--va-text) !important;
}

.community-vk-header {
    display: none;
    align-items: center;
    justify-content: space-between;
    padding: 8px 14px;
    background: color-mix(in srgb, var(--va-accent) 72%, var(--va-bg-elevated)) !important;
    color: var(--va-btn-text, #fff);
    flex-shrink: 0;
}

.community-vk-back {
    display: none;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: inherit;
    cursor: pointer;
    font-size: 18px;
    margin-right: 6px;
}

.community-page[data-community-style="telegram"] .guilds-bar {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    width: 56px;
    min-width: 56px;
    height: 100%;
    min-height: 0;
    max-height: none;
    padding: 8px 4px;
    gap: var(--space-2);
    overflow-x: hidden;
    overflow-y: auto;
    flex-shrink: 0;
    border-right: 1px solid var(--va-border) !important;
    border-bottom: none;
    background: var(--va-bg-elevated) !important;
}

.community-page[data-community-style="telegram"] .guilds-bar .guild-icon {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    margin: 0;
    border-radius: 12px;
}

.community-page[data-community-style="telegram"] .guilds-bar .guild-icon:hover,
.community-page[data-community-style="telegram"] .guilds-bar .guild-icon.active {
    border-radius: 12px;
}

.community-page[data-community-style="telegram"] .guilds-bar .guilds-divider {
    width: 28px;
    height: 2px;
    margin: 4px 0;
    flex-shrink: 0;
}

.community-page[data-community-style="telegram"] .guilds-bar .guild-icon-badge-voice,
.community-page[data-community-style="telegram"] .guilds-bar .guild-icon-badge-screen {
    bottom: -2px;
    right: -2px;
}

.community-page[data-community-style="telegram"] .discord-layout.community-layout-root {
    --community-channels-w: var(--tg-list-width, 300px);
    display: grid !important;
    grid-template-columns: 56px var(--community-channels-w) minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    height: 100% !important;
    min-height: 0;
    flex: 1 1 auto;
}

.community-page[data-community-style="telegram"] .guilds-bar {
    grid-column: 1;
    grid-row: 1;
}

.community-page[data-community-style="telegram"] .channels-bar {
    grid-row: 1;
    grid-column: 2;
    width: var(--community-channels-w, 300px) !important;
    min-width: var(--community-channels-w, 200px);
    max-width: min(var(--community-channels-w, 300px), 480px);
    min-width: 0;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    background: var(--va-bg-card) !important;
    border-right: 1px solid var(--va-border) !important;
    padding: 8px 0;
}

.community-page[data-community-style="telegram"] .channels-head,
.community-page[data-community-style="telegram"] .community-search {
    margin: 0 10px 8px;
}

.community-page[data-community-style="telegram"] .channels-list {
    gap: 0;
}

.community-page[data-community-style="telegram"] .community-channel-item,
.community-page[data-community-style="telegram"] .chat-list-row {
    border-radius: 0;
    margin: 0;
    padding: 10px 12px;
}

.community-page[data-community-style="telegram"] .community-channel-item.active,
.community-page[data-community-style="telegram"] .chat-list-row.active {
    background: color-mix(in srgb, var(--va-accent) 28%, var(--va-bg-card)) !important;
    color: var(--va-text) !important;
}

.community-page[data-community-style="telegram"] .members-sidebar {
    display: none !important;
}

.community-page[data-community-style="telegram"] .members-sidebar:not(.hidden) {
    display: flex !important;
    flex-direction: column;
    width: 220px;
    min-width: 200px;
    min-height: 0;
    overflow-y: auto;
    border-left: 1px solid #2c2c2e;
    background: #17212b !important;
}

.community-page[data-community-style="telegram"] .community-chat-area {
    grid-row: 1;
    grid-column: 3;
    min-width: 0;
    overflow: hidden;
    background: var(--va-bg) !important;
    border-left: none;
}

.community-page[data-community-style="telegram"] .members-sidebar:not(.hidden) {
    grid-row: 1;
    grid-column: 4;
    background: var(--va-bg-card) !important;
    border-left: 1px solid var(--va-border) !important;
}

.community-page[data-community-style="telegram"] .community-chat-head {
    border-bottom: 1px solid var(--va-border) !important;
    padding: 10px 16px;
    background: var(--va-bg-elevated) !important;
}

.community-page[data-community-style="telegram"] .community-input-row {
    background: var(--va-bg-elevated) !important;
    border-top: 1px solid var(--va-border) !important;
    padding: 10px 14px;
    gap: var(--space-2);
}

.community-page[data-community-style="telegram"] .community-input-row #community-input {
    border-radius: 20px;
    background: var(--va-bg-card) !important;
    border: 1px solid var(--va-border) !important;
    padding: 10px 14px;
}

.community-page[data-community-style="telegram"] .community-messages .chat-msg-body,
.community-page[data-community-style="telegram"] .community-messages .chat-msg.mine .chat-msg-body,
.community-page[data-community-style="telegram"] .community-messages .chat-msg.own .chat-msg-body {
    background: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
    display: block !important;
    max-width: 100%;
    color: inherit !important;
}

.community-page[data-community-style="vk"] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    background: var(--va-bg) !important;
    color: var(--va-text) !important;
}

.community-page[data-community-style="vk"] > .community-vk-header:not(.hidden) {
    grid-row: 1;
    display: flex !important;
    position: relative;
    z-index: var(--z-raised);
}

.community-page[data-community-style="vk"] > .discord-layout.community-layout-root {
    grid-row: 2;
}

.community-page[data-community-style="vk"].vk-night {
    background: var(--va-bg) !important;
    color: var(--va-text) !important;
}

.community-page[data-community-style="vk"] > .discord-layout.community-layout-root {
    grid-row: 2;
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

.community-page[data-community-style="vk"] .community-vk-back {
    display: none;
}

.community-page[data-community-style="vk"]:not(.vk-show-guilds) .guilds-bar {
    display: none !important;
}

.community-page[data-community-style="vk"] .guilds-bar {
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
    width: 100% !important;
    height: auto;
    min-height: 56px;
    max-height: none;
    padding: 8px 12px;
    gap: var(--space-2);
    overflow-x: auto;
    overflow-y: visible;
    flex-shrink: 0;
    background: var(--va-bg-elevated) !important;
    border-bottom: 1px solid var(--va-border) !important;
    position: relative;
    z-index: 20;
    grid-area: vk-toolbar;
    grid-column: 1 / -1;
}

.community-page[data-community-style="vk"] .guilds-bar .guild-icon {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    margin: 0;
    border-radius: 10px;
    position: relative;
    z-index: 2;
    overflow: visible;
}

.community-page[data-community-style="vk"] .guilds-bar .guild-icon img,
.community-page[data-community-style="vk"] .guilds-bar .guild-icon-inner {
    border-radius: inherit;
    position: relative;
    z-index: var(--z-base);
}

.community-page[data-community-style="vk"] #community-guild-list {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--space-2);
    flex-shrink: 0;
    position: relative;
    z-index: 2;
}

.community-page[data-community-style="vk"] .guilds-bar .guild-icon[data-hub],
.community-page.community-vk-hub-mode .guilds-bar .guild-icon[data-hub],
.community-page[data-community-style="vk"] .guilds-bar .guilds-divider {
    display: none !important;
}

.community-page[data-community-style="vk"] .guilds-bar .guild-icon:hover,
.community-page[data-community-style="vk"] .guilds-bar .guild-icon.active {
    border-radius: 10px;
}

.community-page[data-community-style="vk"].vk-night .guilds-bar {
    background: var(--va-bg-elevated) !important;
    border-color: var(--va-border) !important;
}

.community-page[data-community-style="vk"] .discord-layout.community-layout-root {
    --community-channels-w: 320px;
    display: grid !important;
    grid-template-columns: var(--community-channels-w) minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr);
    grid-template-areas:
        "vk-toolbar vk-toolbar"
        "vk-list vk-chat";
    height: 100% !important;
    min-height: 0;
    flex: none !important;
    background: var(--va-bg) !important;
    border: none;
    overflow: hidden;
}

.community-page[data-community-style="vk"]:not(.vk-show-guilds) .discord-layout.community-layout-root {
    grid-template-rows: minmax(0, 1fr);
    grid-template-areas: "vk-list vk-chat";
}

.community-page[data-community-style="vk"] .guilds-bar {
    grid-area: vk-toolbar;
    grid-column: 1 / -1;
    grid-row: auto;
}

.community-page[data-community-style="vk"] .channels-bar {
    grid-area: vk-list;
    grid-column: auto;
    grid-row: auto;
    width: var(--community-channels-w, 320px) !important;
    min-width: var(--community-channels-w, 220px);
    max-width: min(var(--community-channels-w, 320px), 520px);
    min-width: 0;
    max-height: none;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    border-right: 1px solid var(--va-border) !important;
    border-bottom: none;
    background: var(--va-bg-card) !important;
    color: var(--va-text) !important;
    padding: 0;
    flex: none !important;
    position: relative;
    z-index: var(--z-raised);
}

.community-page[data-community-style="vk"] .community-chat-area {
    grid-area: vk-chat;
    grid-column: auto;
    grid-row: auto;
    flex: none !important;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    position: relative;
    z-index: 3;
    background: var(--va-bg) !important;
    color: var(--va-text) !important;
}

.community-page[data-community-style="vk"] .members-sidebar:not(.hidden) {
    grid-area: vk-members;
    grid-column: auto;
    grid-row: auto;
}

.community-page[data-community-style="vk"].vk-night .channels-bar {
    background: var(--va-bg-card) !important;
    border-color: var(--va-border) !important;
    color: var(--va-text) !important;
}

.community-page[data-community-style="vk"].vk-night .community-chat-area {
    background: var(--va-bg) !important;
    color: var(--va-text) !important;
}

/* VK: не показывать боковую колонку серверов как в Telegram/Discord */
.community-page[data-community-style="vk"] .discord-layout.community-layout-root > .guilds-bar {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
}

.community-page[data-community-style="vk"] .members-sidebar {
    display: none !important;
}

.community-page[data-community-style="vk"] .members-sidebar:not(.hidden) {
    display: flex !important;
    flex-direction: column;
    width: 220px;
    min-width: 200px;
    min-height: 0;
    overflow-y: auto;
    border-left: 1px solid var(--va-border) !important;
    background: var(--va-bg-card) !important;
    color: var(--va-text) !important;
}

.community-page[data-community-style="vk"].vk-night .members-sidebar:not(.hidden) {
    background: var(--va-bg-card) !important;
    border-color: var(--va-border) !important;
}

.community-page[data-community-style="vk"] .community-members-toggle:not(.hidden) {
    display: inline-flex !important;
}

.community-page[data-community-style="telegram"] .community-members-toggle:not(.hidden) {
    display: inline-flex !important;
}

.community-page[data-community-style="vk"].vk-night .community-chat-area {
    background: #1e1e1e;
}

.community-page[data-community-style="vk"] .community-chat-head {
    background: var(--va-bg-elevated) !important;
    border-bottom: 1px solid var(--va-border) !important;
    color: var(--va-text) !important;
}

.community-page[data-community-style="vk"].vk-night .community-chat-head {
    background: var(--va-bg-elevated) !important;
    border-color: var(--va-border) !important;
    color: var(--va-text) !important;
}

.community-page[data-community-style="vk"] .chat-input-row,
.community-page[data-community-style="vk"] .community-input-row {
    background: var(--va-bg-elevated) !important;
    border-top: 1px solid var(--va-border) !important;
}

.community-page[data-community-style="telegram"] .community-messages,
.community-page[data-community-style="vk"] .community-messages {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
}

.community-page[data-community-style="telegram"] .members-sidebar:not(.hidden),
.community-page[data-community-style="vk"] .members-sidebar:not(.hidden) {
    min-height: 0;
    overflow-y: auto;
}

.community-page.community-compact {
    box-sizing: border-box;
    width: 100%;
    padding-left: 15%;
    padding-right: 15%;
    background: transparent !important;
}

.community-page.community-compact > .discord-layout.community-layout-root {
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    max-width: 100%;
    border-radius: 10px;
    border: 1px solid var(--va-border, #2a475e);
    overflow: hidden;
}

.community-page.community-compact > .community-vk-header:not(.hidden) {
    width: 100%;
    border-radius: 10px 10px 0 0;
}

.community-page.community-compact .guilds-bar {
    padding: 8px 0;
    gap: 6px;
}

.community-page.community-compact .guild-icon {
    width: 40px;
    height: 40px;
    font-size: 16px;
}

.community-page.community-compact .channels-bar {
    padding: var(--space-2);
    gap: 6px;
}

.community-page.community-compact .community-channel-item,
.community-page.community-compact .friend-item,
.community-page.community-compact .chat-list-row {
    padding: 5px 8px !important;
    font-size: 0.82rem;
}

.community-page.community-compact .chat-list-avatar,
.community-page.community-compact .chat-list-avatar .group-avatar-wrap,
.community-page.community-compact .chat-list-avatar .friend-avatar-wrap {
    width: 40px;
    height: 40px;
}

.community-page.community-compact .chat-list-row .friend-item-avatar,
.community-page.community-compact .chat-list-row .group-avatar-letter {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    max-width: 40px;
    max-height: 40px;
    font-size: 0.85rem;
}

.community-page.community-compact .community-chat-head {
    padding: 8px 12px;
    gap: var(--space-2);
}

.community-page.community-compact .community-input-row {
    padding: 8px 12px;
    gap: 6px;
}

.community-page.community-compact .dm-chat-log-area,
.community-page.community-compact .dm-voice-chat-log {
    padding: 8px 12px;
    gap: 2px;
}

.community-page.community-compact .chat-msg {
    padding: 4px 8px;
    font-size: 0.9rem;
}

.community-page.community-compact .members-header {
    padding: 8px 10px;
    font-size: 0.7rem;
}

.community-page.community-compact .member-row {
    padding: 4px 6px;
}

.community-page.community-compact .community-channel-item {
    padding: 5px 8px;
    font-size: 0.82rem;
}

.community-page[data-community-style="vk"] .chat-list-unread {
    background: #4a76a8;
}

.community-page.community-hide-preview .chat-list-preview,
.community-page.community-hide-preview .chat-list-time {
    display: none;
}

.community-page.community-hide-avatars .chat-list-avatar {
    display: none;
}

.community-page.community-hide-timestamps .chat-msg-time {
    display: none !important;
}

.community-page.community-hide-date-header .chat-date-header {
    display: none !important;
}

.community-page.community-msg-groups .chat-msg.chat-msg-grouped {
    padding-top: 2px;
}

.community-page.community-msg-groups .chat-msg.chat-msg-grouped .chat-msg-header.hidden {
    display: none !important;
}

.community-typing {
    font-size: 0.8rem;
    color: var(--va-accent);
    font-style: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
    min-height: 0;
}

.community-typing.chat-typing-footer {
    flex: 0 0 auto;
    width: auto;
    padding: 2px 16px 4px;
    margin: 0;
}

.community-typing .typing-indicator-inner {
    max-width: 100%;
}

.community-typing .typing-indicator-text {
    overflow: hidden;
    text-overflow: ellipsis;
}

.community-page.community-hide-typing .community-typing,
.community-page.community-hide-typing .typing-indicator {
    display: none !important;
}

.community-page[data-community-style="vk"] .channels-head {
    padding: 10px 12px 0;
    position: relative;
    z-index: 2;
}

.community-page[data-community-style="vk"] .channels-head .btn,
.community-page[data-community-style="vk"] .vk-chat-filter {
    position: relative;
    z-index: 2;
    pointer-events: auto;
}

.community-page[data-community-style="vk"] .channels-bar .community-layout-resizer--split,
.community-page[data-community-style="telegram"] .channels-bar .community-layout-resizer--split {
    position: absolute;
    right: -4px;
    top: 0;
    bottom: 0;
    width: 8px;
    margin: 0;
    z-index: 30;
}

.community-page[data-community-style="vk"] .community-channel-item.active,
.community-page[data-community-style="vk"] .chat-list-row.active {
    background: color-mix(in srgb, var(--va-accent) 16%, var(--va-bg-card)) !important;
    color: var(--va-text) !important;
}

.community-page[data-community-style="vk"].vk-night .community-channel-item.active,
.community-page[data-community-style="vk"].vk-night .chat-list-row.active {
    background: color-mix(in srgb, var(--va-accent) 20%, var(--va-bg-card)) !important;
}

.community-page[data-community-style="vk"] .community-input-row {
    background: var(--va-bg-elevated) !important;
    border-top: 1px solid var(--va-border) !important;
    padding: 10px 14px;
    gap: var(--space-2);
}

.community-page[data-community-style="vk"] .community-input-row #community-input {
    border-radius: var(--radius-md);
    background: var(--va-bg-card) !important;
    border: 1px solid var(--va-border) !important;
    color: var(--va-text) !important;
    padding: 10px 12px;
}

.community-page[data-community-style="vk"].vk-night .community-input-row {
    background: var(--va-bg-elevated) !important;
    border-color: var(--va-border) !important;
}

.community-page[data-community-style="vk"].vk-night .community-input-row #community-input {
    background: var(--va-bg-card) !important;
    border-color: var(--va-border) !important;
    color: var(--va-text) !important;
}

.community-page[data-community-style="vk"] .community-messages .chat-msg {
    padding: 8px 12px;
}

.community-page[data-community-style="vk"].community-msg-groups .community-messages .chat-msg + .chat-msg[data-sender-id] {
    margin-top: 2px;
}

.community-page[data-community-style="vk"] .group-channel-row {
    display: flex;
    align-items: center;
    gap: var(--space-1);
}

.community-page[data-community-style="vk"] .group-channel-row .chat-list-row,
.community-page[data-community-style="telegram"] .group-channel-row .chat-list-row {
    flex: 1;
    min-width: 0;
}

.community-page.community-hide-avatars .hub-avatar,
.community-page.community-hide-avatars .friend-avatar {
    display: none !important;
}

.community-style-options-title {
    font-size: 14px;
    margin: 0 0 10px;
}

/* Канал в сообществе: фиксированная шапка и скролл ленты */
.community-page #community-messages > .channel-view--tg {
    height: 100%;
    min-height: 0;
}

/* F4: папки друзей */
.ff-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 6px 8px 8px;
    align-items: center;
}
.ff-tab {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 140px;
    padding: 4px 10px;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--ff-color, #6b8cae) 45%, transparent);
    background: color-mix(in srgb, var(--ff-color, #6b8cae) 14%, transparent);
    color: var(--va-text, #e8eef7);
    font-size: 12px;
    cursor: pointer;
    line-height: 1.2;
}
.ff-tab.is-active {
    background: color-mix(in srgb, var(--ff-color, #6b8cae) 32%, transparent);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ff-color, #6b8cae) 70%, transparent);
}
.ff-tab--system .ff-tab-dot {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--ff-color, #e8a54b) 40%, transparent);
}
.ff-tab-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--ff-color, #6b8cae);
    flex-shrink: 0;
}
.ff-tab-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ff-tab--add,
.ff-tab--menu {
    min-width: 28px;
    justify-content: center;
    border-style: dashed;
    opacity: 0.85;
}
.ff-tab--drop {
    outline: 2px dashed var(--ff-color, #6b8cae);
}
.ff-dragging {
    opacity: 0.55;
}

/* Модалка создания / редактирования папок друзей */
.ff-modal-overlay {
    z-index: 13000;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(4, 6, 12, 0.72);
}

.ff-modal {
    width: min(420px, 96vw);
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: color-mix(in srgb, var(--va-bg-elevated, #1a1d24) 94%, #000);
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.55);
    overflow: hidden;
}

.ff-modal-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.ff-modal-head strong {
    font-size: 1.05rem;
    letter-spacing: -0.02em;
}

.ff-modal-body {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 16px;
}

.ff-modal-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 12px 16px 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.ff-field {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 0.82rem;
    color: var(--va-text-muted);
}

.ff-field .search-input {
    width: 100%;
    height: 40px;
    border-radius: 10px;
    border: 1px solid var(--va-border, rgba(255, 255, 255, 0.12));
    background: rgba(0, 0, 0, 0.28);
    color: var(--va-text, #fff);
    padding: 0 12px;
    box-sizing: border-box;
}

.ff-color-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.ff-color-swatch {
    width: 28px;
    height: 28px;
    min-width: 28px;
    min-height: 28px;
    padding: 0;
    border-radius: 50%;
    border: 2px solid transparent;
    cursor: pointer;
    box-sizing: border-box;
}

.ff-color-swatch.on {
    border-color: #fff;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.25);
}

.ff-manage-row {
    display: grid;
    grid-template-columns: 12px 1fr auto auto;
    align-items: center;
    gap: 10px;
    padding: 8px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.ff-manage-row:last-child {
    border-bottom: 0;
}

.ff-manage-name {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ff-tab--add,
.ff-tab--menu {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    aspect-ratio: 1 / 1;
    justify-content: center;
}

/* F10 saved posts */
.channel-action-btn.is-saved {
    color: var(--accent, #c9a227);
}
.channel-modal-card--saved {
    width: min(560px, 94vw);
    max-height: 86vh;
    display: flex;
    flex-direction: column;
}
.channel-saved-list {
    max-height: min(70vh, 640px);
    overflow: auto;
    padding: 4px 8px 14px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.channel-saved-row {
    display: flex;
    align-items: stretch;
    gap: 12px;
    width: 100%;
    padding: 10px;
    border: 0;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.03);
    color: inherit;
    text-align: left;
    cursor: pointer;
    font: inherit;
}
.channel-saved-row:hover {
    background: rgba(102, 192, 244, 0.1);
}
.channel-saved-thumb {
    position: relative;
    width: 64px;
    height: 64px;
    border-radius: 10px;
    overflow: hidden;
    flex-shrink: 0;
    background: #0e151c;
}
.channel-saved-thumb img,
.channel-saved-thumb video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.channel-saved-thumb--empty {
    display: grid;
    place-items: center;
    color: #c9a227;
    font-size: 1.2rem;
    background: rgba(201, 162, 39, 0.12);
}
.channel-saved-thumb-count {
    position: absolute;
    right: 4px;
    bottom: 4px;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 9px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    font-size: 0.68rem;
    display: grid;
    place-items: center;
}
.channel-saved-row-body {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
    justify-content: center;
}
.channel-saved-row-top {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}
.channel-saved-ava {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}
.channel-saved-author {
    font-size: 0.8rem;
    font-weight: 600;
    color: #6ec9ff;
    white-space: nowrap;
}
.channel-saved-ch,
.channel-saved-date {
    font-size: 0.72rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.channel-saved-date {
    margin-left: auto;
}
.channel-saved-title {
    font-size: 0.92rem;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.channel-saved-snippet {
    font-size: 0.78rem;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.channel-saved-unsave {
    align-self: center;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #c9a227;
    cursor: pointer;
}
.channel-saved-unsave:hover {
    background: rgba(201, 162, 39, 0.15);
}
.channel-saved-item {
    margin-bottom: 0;
}
.channel-post-hidden {
    color: #c9a227;
    font-size: 12px;
}
.channel-post-card[data-post-id] .channel-post-hidden {
    margin-bottom: 6px;
}