/* Shared navigation and post controls across the Razor pages. */
:root { --voicer-ui-blue: #195fe6; --voicer-ui-line: #dce7f5; }

#menu-sidebar-left-3.voicer-drawer {
    background: #f8fbff !important;
    border-right: 1px solid var(--voicer-ui-line);
    box-shadow: 12px 0 36px rgba(16, 50, 95, .13);
    font-family: "Voicer Inter", system-ui, sans-serif;
}
.voicer-drawer__top { display: flex; align-items: center; justify-content: space-between; min-height: 64px; padding: 12px 18px 11px 23px; border-bottom: 1px solid var(--voicer-ui-line); color: #183859; font-size: 17px; font-weight: 760; }
.voicer-drawer__close { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 10px; color: #49617e !important; }
.voicer-drawer__close:hover { background: #eaf3ff; color: var(--voicer-ui-blue) !important; }
.voicer-drawer__close i,
#menu-sidebar-left-3.voicer-drawer .list-group a > i {
    display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto;
    width: 22px; height: 22px; margin: 0 !important; padding: 0 !important;
    color: currentColor !important; font-size: 0 !important; line-height: 1 !important;
}
.voicer-drawer__close i::before,
#menu-sidebar-left-3.voicer-drawer .list-group a > i::before {
    content: '' !important; display: block; width: 21px; height: 21px; background: currentColor;
    -webkit-mask: var(--voicer-menu-icon) center / contain no-repeat;
    mask: var(--voicer-menu-icon) center / contain no-repeat;
}
.voicer-drawer__close i { --voicer-menu-icon: url('/icons/outline-close.svg'); }
#menu-sidebar-left-3.voicer-drawer .list-group { margin-top: 10px; gap: 3px; }
#menu-sidebar-left-3.voicer-drawer .list-group a { display: flex; align-items: center; gap: 13px; min-height: 48px; padding: 10px 12px; border: 0; border-radius: 11px; color: #395675 !important; font-size: 14px; font-weight: 640; text-decoration: none; }
#menu-sidebar-left-3.voicer-drawer .list-group a:hover,
#menu-sidebar-left-3.voicer-drawer .list-group a:focus-visible { background: #e9f3ff; color: #1357bc !important; }
#menu-sidebar-left-3.voicer-drawer .list-group a > span { flex: 1; color: inherit !important; }
#menu-sidebar-left-3.voicer-drawer .list-group a > strong { display: none; }
#menu-sidebar-left-3.voicer-drawer .list-group a > i:last-child { width: 15px; height: 15px; margin-left: auto !important; opacity: .5; }
#menu-sidebar-left-3.voicer-drawer .list-group a > i:last-child::before { width: 15px; height: 15px; }
#menu-sidebar-left-3.voicer-drawer .list-group .fa-home { --voicer-menu-icon: url('/icons/outline-home.svg'); }
#menu-sidebar-left-3.voicer-drawer .list-group .fa-comment-dots { --voicer-menu-icon: url('/icons/outline-message.svg'); }
#menu-sidebar-left-3.voicer-drawer .list-group .fa-th-large { --voicer-menu-icon: url('/icons/outline-grid.svg'); }
#menu-sidebar-left-3.voicer-drawer .list-group .fa-list-alt { --voicer-menu-icon: url('/icons/outline-activity.svg'); }
#menu-sidebar-left-3.voicer-drawer .list-group .fa-user-plus { --voicer-menu-icon: url('/icons/outline-user-plus.svg'); }
#menu-sidebar-left-3.voicer-drawer .list-group .fa-users { --voicer-menu-icon: url('/icons/outline-users.svg'); }
#menu-sidebar-left-3.voicer-drawer .list-group .fa-bookmark { --voicer-menu-icon: url('/icons/outline-bookmark.svg'); }
#menu-sidebar-left-3.voicer-drawer .list-group .fa-user { --voicer-menu-icon: url('/icons/outline-user.svg'); }
#menu-sidebar-left-3.voicer-drawer .list-group .fa-video { --voicer-menu-icon: url('/icons/outline-video.svg'); }
#menu-sidebar-left-3.voicer-drawer .list-group .fa-star { --voicer-menu-icon: url('/icons/outline-star.svg'); }
#menu-sidebar-left-3.voicer-drawer .list-group .fa-angle-right { --voicer-menu-icon: url('/icons/outline-chevron-right.svg'); }
#menu-sidebar-left-3.voicer-drawer .post-avatar { border-radius: 50%; object-fit: cover; }
#menu-sidebar-left-3.voicer-drawer .opacity-30 { color: #6f8198; opacity: 1 !important; }

/* Stable icon names avoid a wrong glyph when the number of footer links changes. */
#footer-bar { border-top: 1px solid var(--voicer-ui-line); background: rgba(255,255,255,.98); }
#footer-bar a[data-nav-icon="home"] i { --voicer-nav-icon: url('/icons/outline-home.svg'); }
#footer-bar a[data-nav-icon="featured"] i { --voicer-nav-icon: url('/icons/outline-star.svg'); }
#footer-bar a[data-nav-icon="video"] i { --voicer-nav-icon: url('/icons/outline-video.svg'); }
#footer-bar a[data-nav-icon="post"] i { --voicer-nav-icon: url('/icons/outline-plus.svg'); }
#footer-bar a[data-nav-icon="menu"] i { --voicer-nav-icon: url('/icons/outline-menu.svg'); }
#footer-bar a { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; min-width: 0; min-height: 60px; padding: 5px 2px !important; cursor: pointer; }
#footer-bar a span { margin: 0 !important; font-family: "Voicer Inter", system-ui, sans-serif !important; font-size: 10px; font-weight: 650; line-height: 1.2; opacity: 1; }
#footer-bar a i { min-height: 23px; }
#footer-bar a[aria-current="page"] { color: var(--voicer-ui-blue) !important; }
#footer-bar #footer-close-button { width: 35px; height: 35px; margin: 4px 4px 0 0 !important; padding: 8px !important; align-self: center; border-radius: 10px; opacity: .7; }
@media (max-width: 767px) {
    #footer-bar { height: calc(64px + env(safe-area-inset-bottom)); padding-bottom: env(safe-area-inset-bottom) !important; }
    #footer-bar a { flex: 1 1 0; }
    #footer-bar #footer-close-button { display: none !important; }
    .open-button-post-small-screen { display: none !important; }
    .voicer-hub .left-flex-container { display: none !important; }
}
@media (min-width: 768px) {
    /* The desktop menu button opens a compact dock instead of a full-width strip. */
    #footer-bar:not(.d-lg-none) { left: auto !important; right: 18px !important; bottom: 18px !important; width: min(430px, calc(100vw - 36px)); min-height: 62px; height: 62px; border: 1px solid var(--voicer-ui-line); border-radius: 17px; box-shadow: 0 13px 35px rgba(19, 55, 105, .18); overflow: hidden; }
    #footer-bar:not(.d-lg-none) #footer-close-button { flex: 0 0 36px; }
}

/* One outline set for post actions in the home, public, profile, and topic feeds. */
.content-icons.row { align-items: center; flex-wrap: nowrap; border-top: 1px solid #e6edf6; padding-top: 7px !important; }
.content-icons.row > :is(a, div, v) { display: flex; align-items: center; justify-content: center; gap: 2px; flex: 1 1 0; width: auto; max-width: none; min-width: 0; min-height: 42px; margin: 0 !important; padding: 0 2px !important; color: #58718e !important; text-decoration: none; }
.content-icons.row :is(.fa-comment, .fa-thumbs-up, .fa-sync, .fa-paper-plane, .fa-bookmark) {
    display: inline-flex; align-items: center; justify-content: center; flex: 0 0 34px;
    width: 34px; height: 34px; padding: 0 !important; border-radius: 9px;
    color: currentColor !important; font-size: 0 !important; line-height: 1 !important;
}
.content-icons.row :is(.fa-comment, .fa-thumbs-up, .fa-sync, .fa-paper-plane, .fa-bookmark)::before {
    content: '' !important; display: block; width: 21px; height: 21px; background: currentColor;
    -webkit-mask: var(--voicer-post-icon) center / contain no-repeat;
    mask: var(--voicer-post-icon) center / contain no-repeat;
}
.content-icons.row .fa-comment { --voicer-post-icon: url('/icons/outline-reply.svg'); }
.content-icons.row .fa-thumbs-up { --voicer-post-icon: url('/icons/outline-heart.svg'); }
.content-icons.row .fa-sync { --voicer-post-icon: url('/icons/outline-repost.svg'); }
.content-icons.row .fa-paper-plane { --voicer-post-icon: url('/icons/outline-share.svg'); }
.content-icons.row .fa-bookmark { --voicer-post-icon: url('/icons/outline-bookmark.svg'); }
.content-icons.row :is(a, div, v):hover > i { background: #e9f3ff; color: var(--voicer-ui-blue) !important; }
.content-icons.row span { padding: 0 !important; color: #62758d; font-size: 12px; }

/* Post overflow menu and message shortcut. */
.card .fa-ellipsis-v, .card .fa-comment-dots, .dropdown-menu .fa-adjust, .dropdown-menu .fa-edit, .dropdown-menu .fa-bookmark, .dropdown-menu .fa-trash, .dropdown-menu .fa-heart, .dropdown-menu .fa-bell-slash {
    display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px;
    color: currentColor !important; font-size: 0 !important; line-height: 1 !important;
}
.card .fa-ellipsis-v::before, .card .fa-comment-dots::before, .dropdown-menu .fa-adjust::before, .dropdown-menu .fa-edit::before, .dropdown-menu .fa-bookmark::before, .dropdown-menu .fa-trash::before, .dropdown-menu .fa-heart::before, .dropdown-menu .fa-bell-slash::before {
    content: '' !important; display: block; width: 19px; height: 19px; background: currentColor;
    -webkit-mask: var(--voicer-overflow-icon) center / contain no-repeat;
    mask: var(--voicer-overflow-icon) center / contain no-repeat;
}
.card .fa-ellipsis-v { --voicer-overflow-icon: url('/icons/outline-more.svg'); }
.card .fa-comment-dots { --voicer-overflow-icon: url('/icons/outline-message.svg'); }
.dropdown-menu .fa-adjust { --voicer-overflow-icon: url('/icons/outline-activity.svg'); }
.dropdown-menu .fa-edit { --voicer-overflow-icon: url('/icons/outline-edit.svg'); }
.dropdown-menu .fa-bookmark { --voicer-overflow-icon: url('/icons/outline-bookmark.svg'); }
.dropdown-menu .fa-trash { --voicer-overflow-icon: url('/icons/outline-trash.svg'); }
.dropdown-menu .fa-heart { --voicer-overflow-icon: url('/icons/outline-heart.svg'); }
.dropdown-menu .fa-bell-slash { --voicer-overflow-icon: url('/icons/outline-flag.svg'); }
.card h5 :is(.fa-check-circle, .fa-heart), .timeline-cover .fa-check-circle,
.profileheader .fa-camera, .profileheadermobile .fa-camera { display: inline-flex; align-items: center; justify-content: center; width: 17px; height: 17px; padding: 0 !important; font-size: 0 !important; color: currentColor !important; }
.card h5 :is(.fa-check-circle, .fa-heart)::before, .timeline-cover .fa-check-circle::before,
.profileheader .fa-camera::before, .profileheadermobile .fa-camera::before { content: '' !important; display: block; width: 16px; height: 16px; background: currentColor; -webkit-mask: var(--voicer-detail-icon) center / contain no-repeat; mask: var(--voicer-detail-icon) center / contain no-repeat; }
.card h5 .fa-check-circle, .timeline-cover .fa-check-circle { --voicer-detail-icon: url('/icons/outline-badge-check.svg'); }
.card h5 .fa-heart { --voicer-detail-icon: url('/icons/outline-heart.svg'); }
.profileheader .fa-camera, .profileheadermobile .fa-camera { --voicer-detail-icon: url('/icons/outline-camera.svg'); }

/* The floating desktop menu control uses the same icon as the dock. */
.open-footer, .open-footer-gallery { display: inline-flex; align-items: center; justify-content: center; width: 43px; height: 43px; border-radius: 13px !important; background: #1e5fc4 !important; cursor: pointer; }
.open-footer i, .open-footer-gallery i { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; color: #fff !important; font-size: 0 !important; }
.open-footer i::before, .open-footer-gallery i::before { content: '' !important; display: block; width: 22px; height: 22px; background: currentColor; -webkit-mask: url('/icons/outline-menu.svg') center / contain no-repeat; mask: url('/icons/outline-menu.svg') center / contain no-repeat; }

body.theme-dark #menu-sidebar-left-3.voicer-drawer { background: #1b2b40 !important; border-color: #334a68; }
body.theme-dark .voicer-drawer__top { border-color: #334a68; color: #e8f2ff; }
body.theme-dark .voicer-drawer__close { color: #c1d2e8 !important; }
body.theme-dark #menu-sidebar-left-3.voicer-drawer .list-group a { color: #cad9ec !important; }
body.theme-dark #menu-sidebar-left-3.voicer-drawer .list-group a:hover { background: #284665; color: #a9cfff !important; }
body.theme-dark .content-icons.row { border-color: #344760; }
body.theme-dark .content-icons.row > :is(a, div, v), body.theme-dark .content-icons.row span { color: #bdcde2 !important; }
body.theme-dark .content-icons.row :is(a, div, v):hover > i { background: #2d4869; color: #a7caff !important; }

/* Video and Shorts drawers keep their category links while sharing the navigation style. */
#menu-sidebar-left-3:not(.voicer-drawer) { background: #f8fbff !important; border-right: 1px solid var(--voicer-ui-line); font-family: "Voicer Inter", system-ui, sans-serif; }
#menu-sidebar-left-3:not(.voicer-drawer) > div:first-child { display: flex; align-items: center; justify-content: flex-end; height: 62px; margin: 0 !important; padding: 0 12px 0 20px; border-bottom: 1px solid var(--voicer-ui-line); }
#menu-sidebar-left-3:not(.voicer-drawer) > div:first-child::before { content: 'Media'; margin-right: auto; color: #183859; font-size: 17px; font-weight: 760; }
#menu-sidebar-left-3:not(.voicer-drawer) #closesidebarmobil { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; margin: 13px 14px 0 0; border-radius: 10px; background: #ebf3ff; color: #385c86 !important; }
#menu-sidebar-left-3:not(.voicer-drawer) > div:first-child #closesidebarmobil { margin: 0 !important; }
#menu-sidebar-left-3:not(.voicer-drawer) #closesidebarmobil i { display: inline-flex; align-items: center; justify-content: center; width: 19px; height: 19px; font-size: 0 !important; }
#menu-sidebar-left-3:not(.voicer-drawer) #closesidebarmobil i::before { content: '' !important; display: block; width: 19px; height: 19px; background: currentColor; -webkit-mask: url('/icons/outline-close.svg') center / contain no-repeat; mask: url('/icons/outline-close.svg') center / contain no-repeat; }
#menu-sidebar-left-3 .shortcut-links { display: grid; gap: 4px; margin-top: 10px; }
#menu-sidebar-left-3 .shortcut-links a { display: flex; align-items: center; gap: 13px; min-height: 47px; padding: 9px 12px; border-radius: 10px; color: #385674 !important; text-decoration: none; }
#menu-sidebar-left-3 .shortcut-links a:hover { background: #e9f3ff; color: #1357bc !important; }
#menu-sidebar-left-3 .shortcut-links a p { margin: 0 !important; color: inherit !important; font-size: 14px; font-weight: 640; }
#menu-sidebar-left-3 .shortcut-links a > span { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 22px; width: 22px; height: 22px; margin: 0 !important; color: currentColor !important; font-size: 0 !important; }
#menu-sidebar-left-3 .shortcut-links a > span::before { content: '' !important; display: block; width: 21px; height: 21px; background: currentColor; -webkit-mask: var(--voicer-menu-icon) center / contain no-repeat; mask: var(--voicer-menu-icon) center / contain no-repeat; }
#menu-sidebar-left-3 .shortcut-links #public { --voicer-menu-icon: url('/icons/outline-users.svg'); }
#menu-sidebar-left-3 .shortcut-links #shorts { --voicer-menu-icon: url('/icons/outline-video.svg'); }
#menu-sidebar-left-3 .shortcut-links #following { --voicer-menu-icon: url('/icons/outline-user-plus.svg'); }
#menu-sidebar-left-3 .shortcut-links #myuploads { --voicer-menu-icon: url('/icons/outline-upload.svg'); }
#menu-sidebar-left-3 .shortcut-links #favorites { --voicer-menu-icon: url('/icons/outline-heart.svg'); }
#menu-sidebar-left-3:not(.voicer-drawer) > .ps-3 { margin-top: 0 !important; padding: 17px 18px 12px !important; }
#menu-sidebar-left-3:not(.voicer-drawer) > .me-3.ms-3 { margin: 0 !important; padding: 0 18px 25px; }
#menu-sidebar-left-3:not(.voicer-drawer) .shortcut-links hr { margin: 13px 0 18px; border-color: var(--voicer-ui-line); }
body.theme-dark #menu-sidebar-left-3:not(.voicer-drawer) { background: #1b2b40 !important; border-color: #334a68; }
body.theme-dark #menu-sidebar-left-3:not(.voicer-drawer) > div:first-child { border-color: #334a68; }
body.theme-dark #menu-sidebar-left-3:not(.voicer-drawer) > div:first-child::before { color: #e8f2ff; }
body.theme-dark #menu-sidebar-left-3 .shortcut-links a { color: #cad9ec !important; }
body.theme-dark #menu-sidebar-left-3 .shortcut-links a:hover { background: #284665; color: #a9cfff !important; }

/* The desktop rail is repeated on Home, Actions, Messages, and profile pages. */
#menufixed44 .nav-links a > i:first-child { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 23px; width: 23px; height: 23px; margin: 0 !important; padding: 0 !important; color: currentColor !important; font-size: 0 !important; line-height: 1 !important; }
#menufixed44 .nav-links a > i:first-child::before { content: '' !important; display: block; width: 21px; height: 21px; background: currentColor; -webkit-mask: var(--voicer-rail-icon) center / contain no-repeat; mask: var(--voicer-rail-icon) center / contain no-repeat; }
#menufixed44 .nav-links .fa-home { --voicer-rail-icon: url('/icons/outline-home.svg'); }
#menufixed44 .nav-links .fa-comment-dots { --voicer-rail-icon: url('/icons/outline-message.svg'); }
#menufixed44 .nav-links .fa-list-alt { --voicer-rail-icon: url('/icons/outline-activity.svg'); }
#menufixed44 .nav-links .fa-bookmark { --voicer-rail-icon: url('/icons/outline-bookmark.svg'); }
#menufixed44 .nav-links .fa-th-large { --voicer-rail-icon: url('/icons/outline-grid.svg'); }
#menufixed44 .nav-links .fa-user { --voicer-rail-icon: url('/icons/outline-user.svg'); }
#menufixed44 .nav-links .fa-user-friends { --voicer-rail-icon: url('/icons/outline-users.svg'); }
#menufixed44 #postvoicerbutton1 i, #menufixed44 .postvoicerbuttonsmall i { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; margin-right: 6px; color: currentColor !important; font-size: 0 !important; }
#menufixed44 #postvoicerbutton1 i::before, #menufixed44 .postvoicerbuttonsmall i::before { content: '' !important; display: block; width: 19px; height: 19px; background: currentColor; -webkit-mask: url('/icons/outline-plus.svg') center / contain no-repeat; mask: url('/icons/outline-plus.svg') center / contain no-repeat; }
#menufixed44 #postvoicerbutton1 { display: flex; align-items: center; justify-content: center; gap: 8px; }
#menufixed44 #postvoicerbutton1 i { flex: 0 0 20px; margin-right: 0 !important; }
#menufixed44 #postvoicerbutton1 i::before { min-width: 19px; }
.voicer-hub .right-flex-container .sidebarhomepageright { position: static !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; }
.voicer-hub .right-flex-container .sidebarhomepageright > .card { width: calc(100% - 24px); max-width: calc(100% - 24px); }
.voicer-hub .profile-tabs-wrapper { overflow-x: auto; scrollbar-width: thin; }
.voicer-hub .profile-tabs-wrapper ul { display: flex; align-items: center; gap: 18px; white-space: nowrap; }

/* Gallery cards and the Shorts viewer use the same action symbols as posts. */
.voicer-videos .gallery-actions-bar :is(.fa-thumbs-up, .fa-paper-plane, .fa-share, .fa-heart, .fa-comment, .fa-comments),
.voicer-shorts :is(.fa-thumbs-up, .fa-paper-plane, .fa-comments) {
    display: inline-flex; align-items: center; justify-content: center; width: 25px; height: 25px;
    color: currentColor !important; font-size: 0 !important; line-height: 1 !important;
}
.voicer-videos .gallery-actions-bar :is(.fa-thumbs-up, .fa-paper-plane, .fa-share, .fa-heart, .fa-comment, .fa-comments)::before,
.voicer-shorts :is(.fa-thumbs-up, .fa-paper-plane, .fa-comments)::before {
    content: '' !important; display: block; width: 19px; height: 19px; background: currentColor;
    -webkit-mask: var(--voicer-media-icon) center / contain no-repeat;
    mask: var(--voicer-media-icon) center / contain no-repeat;
}
.voicer-videos .gallery-actions-bar .fa-thumbs-up, .voicer-shorts .fa-thumbs-up { --voicer-media-icon: url('/icons/outline-heart.svg'); }
.voicer-videos .gallery-actions-bar .fa-thumbs-up { width: auto; gap: 3px; }
.voicer-videos .gallery-actions-bar .fa-thumbs-up > span { margin: 0 !important; color: inherit !important; font-size: 12px; }
.voicer-videos .gallery-actions-bar :is(.fa-paper-plane, .fa-share), .voicer-shorts .fa-paper-plane { --voicer-media-icon: url('/icons/outline-share.svg'); }
.voicer-videos .gallery-actions-bar .fa-heart { --voicer-media-icon: url('/icons/outline-bookmark.svg'); }
.voicer-videos .gallery-actions-bar :is(.fa-comment, .fa-comments), .voicer-shorts .fa-comments { --voicer-media-icon: url('/icons/outline-reply.svg'); }
.shortsBoxTools :is(.fa-thumbs-up, .fa-paper-plane, .fa-comments, .fa-ellipsis-v),
.shortsBoxTools [id^="StatusFavorite"] :is(.fa-heart, .fa-star) {
    display: inline-flex; align-items: center; justify-content: center; width: 48px !important; height: 48px !important;
    padding: 0 !important; border-radius: 50% !important; color: #375774 !important; font-size: 0 !important;
}
.shortsBoxTools :is(.fa-thumbs-up, .fa-paper-plane, .fa-comments, .fa-ellipsis-v)::before,
.shortsBoxTools [id^="StatusFavorite"] :is(.fa-heart, .fa-star)::before {
    content: '' !important; display: block; width: 23px; height: 23px; background: currentColor;
    -webkit-mask: var(--voicer-shorts-icon) center / contain no-repeat;
    mask: var(--voicer-shorts-icon) center / contain no-repeat;
}
.shortsBoxTools .fa-thumbs-up { --voicer-shorts-icon: url('/icons/outline-heart.svg'); }
.shortsBoxTools .fa-paper-plane { --voicer-shorts-icon: url('/icons/outline-share.svg'); }
.shortsBoxTools .fa-comments { --voicer-shorts-icon: url('/icons/outline-reply.svg'); }
.shortsBoxTools .fa-ellipsis-v { --voicer-shorts-icon: url('/icons/outline-more.svg'); }
.shortsBoxTools [id^="StatusFavorite"] :is(.fa-heart, .fa-star) { --voicer-shorts-icon: url('/icons/outline-bookmark.svg'); }
.voicer-watch .play-video-info > div:last-child { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; }
.voicer-watch .play-video-info > div:last-child > a { display: inline-flex; align-items: center; gap: 5px; min-height: 36px; padding: 5px 7px; border-radius: 9px; color: #536f8c; text-decoration: none; }
.voicer-watch .play-video-info > div:last-child > a:hover { background: #e9f3ff; color: #1a5dc7; }
.voicer-watch .play-video-info > div:last-child > span { margin: 0 8px 0 0 !important; font-size: 12px; }
.voicer-watch .play-video-info :is(.fa-thumbs-up, .fa-paper-plane, .fa-heart),
.voicer-watch .publisher .fa-check-circle { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; margin: 0 !important; padding: 0 !important; float: none !important; color: currentColor !important; font-size: 0 !important; }
.voicer-watch .play-video-info :is(.fa-thumbs-up, .fa-paper-plane, .fa-heart)::before,
.voicer-watch .publisher .fa-check-circle::before { content: '' !important; display: block; width: 19px; height: 19px; background: currentColor; -webkit-mask: var(--voicer-watch-icon) center / contain no-repeat; mask: var(--voicer-watch-icon) center / contain no-repeat; }
.voicer-watch .play-video-info .fa-thumbs-up { --voicer-watch-icon: url('/icons/outline-heart.svg'); }
.voicer-watch .play-video-info .fa-paper-plane { --voicer-watch-icon: url('/icons/outline-share.svg'); }
.voicer-watch .play-video-info .fa-heart { --voicer-watch-icon: url('/icons/outline-bookmark.svg'); }
.voicer-watch .publisher .fa-check-circle { --voicer-watch-icon: url('/icons/outline-badge-check.svg'); }
@media (max-width: 767px) {
    .voicer-videos__nav { scrollbar-width: none; }
    .voicer-videos__nav::-webkit-scrollbar { display: none; }
    .voicer-public-feed .timeline-cover .card { min-height: 0 !important; }
    .voicer-public-feed .timeline-cover .card > .content { position: relative; z-index: 2; margin: 0 !important; padding: 23px 20px 19px !important; }
    .voicer-public-feed .timeline-cover .card > .content > .d-flex:first-child { display: block !important; margin: 0 !important; }
    .voicer-public-feed .timeline-cover .card > .content > .d-flex:first-child > .col-sm-8 { width: 100%; max-width: 100%; padding: 0; }
    .voicer-public-feed .timeline-cover .card > .content > .d-flex:first-child > .col-sm-4 { display: none !important; }
    .voicer-public-feed .timeline-cover h2 { font-size: 30px !important; line-height: 1.08; }
    .voicer-public-feed .timeline-cover h1 { margin-top: 8px; font-size: 16px !important; line-height: 1.35; opacity: 1 !important; }
    .voicer-public-feed .timeline-cover p { max-width: 300px; line-height: 1.45; }
    .voicer-public-feed .timeline-cover .row.mb-0.pb-4 { padding-bottom: 0 !important; }
    .voicer-public-feed #btnBookmark { display: inline-flex; align-items: center; justify-content: center; width: auto !important; min-height: 31px; margin: 4px 0 0 !important; padding: 6px 12px; border: 1px solid rgba(255,255,255,.36); border-radius: 9px !important; background: rgba(11,45,83,.56) !important; box-shadow: none; font-size: 11px; letter-spacing: 0; text-transform: none !important; }
    .voicer-public-feed .timeline-cover .card > .content > .d-flex:nth-child(2) { margin: 16px 0 0 !important; }
    .voicer-public-feed .timeline-cover .card > .content > .d-flex:nth-child(2) .col-12 { padding: 0; }
    .voicer-public-feed .timeline-cover .card > .content > .d-flex:nth-child(2) > .col-12 > span { display: flex !important; gap: 7px; margin: 0 0 14px !important; }
    .voicer-public-feed .timeline-cover button[data-bs-toggle="collapse"] { display: inline-flex; align-items: center; min-height: 34px; padding: 6px 9px; border: 1px solid rgba(255,255,255,.3); border-radius: 9px; background: rgba(11,45,83,.57) !important; font-size: 11px; white-space: nowrap; }
    .voicer-public-feed .timeline-cover .tab-controls { gap: 5px; margin: 0 !important; }
    .voicer-public-feed .timeline-cover .tab-controls a { padding: 7px 10px; font-size: 11px; }
}
.voicer-public-feed .timeline-cover button[data-bs-target="#HastagPartial"] i,
.voicer-public-feed .timeline-cover button[data-bs-target="#NewImagesPartial"] i { display: inline-flex; align-items: center; justify-content: center; width: 15px; height: 15px; margin-right: 4px; font-size: 0 !important; }
.voicer-public-feed .timeline-cover button[data-bs-target="#HastagPartial"] i::before,
.voicer-public-feed .timeline-cover button[data-bs-target="#NewImagesPartial"] i::before { content: '' !important; display: block; width: 14px; height: 14px; background: currentColor; -webkit-mask: var(--voicer-hero-icon) center / contain no-repeat; mask: var(--voicer-hero-icon) center / contain no-repeat; }
.voicer-public-feed .timeline-cover button[data-bs-target="#HastagPartial"] i { --voicer-hero-icon: url('/icons/outline-activity.svg'); }
.voicer-public-feed .timeline-cover button[data-bs-target="#NewImagesPartial"] i { --voicer-hero-icon: url('/icons/outline-grid.svg'); }

/* Follow and saved states use one blue palette across feeds, profiles, and people search. */
.voicer-follow-action,
.voicer-following-chip,
.voicer-follow-login,
.voicer-unfollow-action,
.voicer-visibility-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 4px 10px;
    border: 1px solid transparent;
    border-radius: 999px !important;
    box-shadow: none !important;
    font-family: "Voicer Inter", system-ui, sans-serif;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.25;
    letter-spacing: 0;
    text-decoration: none !important;
    text-transform: none !important;
    vertical-align: middle;
    white-space: nowrap;
}
.voicer-follow-action {
    float: right;
    margin-left: 8px;
    background: var(--voicer-ui-blue) !important;
    color: #fff !important;
    cursor: pointer;
}
.voicer-follow-action:hover { background: #124dbd !important; color: #fff !important; }
.voicer-follow-action:empty { display: none !important; }
.voicer-follow-action:focus-visible,
.voicer-follow-login:focus-visible,
.voicer-unfollow-action:focus-visible { outline: 2px solid #80b5ff; outline-offset: 2px; }
.voicer-following-chip,
.voicer-profile-following {
    border-color: #d3e3fa !important;
    background: #eaf3ff !important;
    color: #205baa !important;
}
.voicer-following-chip:empty { display: none !important; }
.voicer-follow-login,
.voicer-unfollow-action {
    border-color: #cbdcf3 !important;
    background: #f4f8ff !important;
    color: #245da8 !important;
}
.voicer-follow-login:hover,
.voicer-unfollow-action:hover { background: #e4efff !important; color: #164a94 !important; }
.voicer-visibility-chip {
    min-height: 24px;
    margin: 0 7px 0 0;
    padding: 3px 8px;
    border-color: #d4e4f9;
    background: #edf5ff;
    color: #245da8;
    font-size: 10px !important;
}
.voicer-topic-label {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 6px 12px;
    border: 1px solid #d4e4f9;
    border-radius: 999px;
    background: #eaf3ff;
    color: #205baa;
    font-family: "Voicer Inter", system-ui, sans-serif;
    font-size: 11px;
    font-weight: 750;
    letter-spacing: .04em;
}
.voicer-profile-following {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d3e3fa !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0;
    text-transform: none !important;
}
.voicer-profile-following.hidden,
.voicer-profile-following:empty { display: none !important; }
.voicer-favorite-active { color: #2b69c8 !important; }
[id^="btnFollow-"].voicer-following-chip {
    min-height: 28px;
    margin-top: 7px !important;
    background: #eaf3ff !important;
    color: #205baa !important;
}
body.theme-dark .voicer-follow-action { background: #3278e8 !important; color: #fff !important; }
body.theme-dark .voicer-follow-action:hover { background: #4a8cff !important; }
body.theme-dark .voicer-following-chip,
body.theme-dark .voicer-profile-following,
body.theme-dark [id^="btnFollow-"].voicer-following-chip {
    border-color: #355b86 !important;
    background: #213d61 !important;
    color: #c3ddff !important;
}
body.theme-dark .voicer-follow-login,
body.theme-dark .voicer-unfollow-action {
    border-color: #3b5575 !important;
    background: #233b58 !important;
    color: #c5ddff !important;
}
body.theme-dark .voicer-follow-login:hover,
body.theme-dark .voicer-unfollow-action:hover { background: #2d4b70 !important; }
body.theme-dark .voicer-visibility-chip {
    border-color: #355b86;
    background: #213d61;
    color: #c3ddff;
}
body.theme-dark .voicer-topic-label {
    border-color: #355b86;
    background: #213d61;
    color: #c3ddff;
}
body.theme-dark .voicer-favorite-active { color: #89b8ff !important; }

/* Full-height story previews in the feed sidebars. */
.voicer-public-feed #iframeNews .responsive-iframe,
.voicer-hashtag #newsIframe .responsive-iframe { height: 780px !important; min-height: 780px; padding: 0 !important; overflow: hidden; }
.voicer-public-feed #iframeNews iframe,
.voicer-hashtag #newsIframe iframe { position: relative !important; display: block; width: 100%; height: 780px !important; border: 0; }
.voicer-hashtag #newsIframe { overflow: hidden; border: 1px solid #d8e5f4; border-radius: 18px; background: #fff; }
body.theme-dark .voicer-hashtag #newsIframe { border-color: #374b65; background: #202c3b; }

/* Account tabs and compact activity feed. */
.voicer-hub #searchwrapper44 .profile-tabs-wrapper li { flex: 1 1 0; text-align: center; }
.voicer-hub #searchwrapper44 .profile-tabs-wrapper li a { display: block; padding: 12px 8px; white-space: nowrap; }
.voicer-actions-page #activityFeedStatus:not([hidden]) { margin: 12px; padding: 22px; border: 1px solid #d8e5f4; border-radius: 14px; background: #f4f8ff; font-weight: 600; }
body.theme-dark .voicer-actions-page #activityFeedStatus:not([hidden]) { border-color: #3e5877; background: #203650; }
@media (max-width: 767px) {
    .voicer-actions-page .tab-controls { display: flex !important; align-items: center; gap: 6px; width: 100%; margin: 0 0 12px !important; padding: 7px !important; overflow-x: auto; border: 1px solid #dce8f6; border-radius: 16px; background: #fff; box-shadow: 0 8px 22px rgba(30, 72, 127, .07); scrollbar-width: none; }
    .voicer-actions-page .tab-controls::-webkit-scrollbar { display: none; }
    .voicer-actions-page .tab-controls a { flex: 1 0 auto; min-width: 75px; min-height: 38px; margin: 0 !important; padding: 9px 11px !important; border: 0 !important; border-radius: 11px !important; background: transparent; color: #36577c; font-size: 13px; font-weight: 700; text-align: center; }
    .voicer-actions-page .tab-controls a.bg-blue-dark { background: #1963dc !important; color: #fff !important; }
    .voicer-actions-page .voicer-activity-feed { margin: 0 0 18px !important; border: 1px solid #e1eaf5; border-radius: 19px !important; overflow: hidden; }
    .voicer-actions-page .voicer-activity-feed [id^="post-"] { margin: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
    body.theme-dark .voicer-actions-page .tab-controls { border-color: #3c516b; background: #202c3b; }
    body.theme-dark .voicer-actions-page .tab-controls a { color: #bdcde1; }
}

/* The profile preview uses the same rounded card language as the share dialogs. */
#menu-author-1 { width: min(390px, calc(100vw - 30px)) !important; min-height: 260px; border: 1px solid #dbe7f5; border-radius: 22px !important; background: #fff; box-shadow: 0 24px 60px rgba(16, 43, 83, .23) !important; overflow: hidden; }
#menu-author-1 .content { margin: 12px 18px 18px !important; }
#menu-author-1 #xprofilepic { border-radius: 50% !important; object-fit: cover; }
#menu-author-1 .divider { opacity: .55; }
body.theme-dark #menu-author-1 { border-color: #3e526d; background: #202c3b; }