/* TeleLive — Lite theme: flat surfaces, no glass blur, no rounded corners */

[data-theme="lite"] body,
[data-theme="lite"] {
    color: var(--text);
    background-color: var(--bg);
}

/* ── Disable all backdrop-filter (performance on old Android) ── */
[data-theme="lite"] .tl-glass-chip,
[data-theme="lite"] .tl-glass-panel,
[data-theme="lite"] .tl-glass-surface,
[data-theme="lite"] .stream-card,
[data-theme="lite"] .navbar,
[data-theme="lite"] .navbar::before,
[data-theme="lite"] .mob-bottom-nav,
[data-theme="lite"] .mob-bottom-nav::before,
[data-theme="lite"] .mob-bottom-nav::after,
[data-theme="lite"] .site-footer-glass,
[data-theme="lite"] .site-footer-glass::before,
[data-theme="lite"] .site-footer-glass::after,
[data-theme="lite"] .mob-drawer,
[data-theme="lite"] .mob-live-bar,
[data-theme="lite"] .tl-spotlight,
[data-theme="lite"] .tl-spotlight__bottom,
[data-theme="lite"] .tl-hero-live__dock,
[data-theme="lite"] .tl-hero-live__chat-col,
[data-theme="lite"] .tl-home-clips-panel,
[data-theme="lite"] .hubs-add-section,
[data-theme="lite"] .tl-lang-trigger,
[data-theme="lite"] .tl-lang-menu,
[data-theme="lite"] .tl-lang-menu--menu,
[data-theme="lite"] .tl-lang-menu--guest,
[data-theme="lite"] .user-dropdown,
[data-theme="lite"] .notification-dropdown,
[data-theme="lite"] .chat-panel,
[data-theme="lite"] .profile-header,
[data-theme="lite"] .settings-card,
[data-theme="lite"] .card,
[data-theme="lite"] .modal-content,
[data-theme="lite"] .tl-spotlight__nav,
[data-theme="lite"] .tl-spotlight__pill,
[data-theme="lite"] .tl-hero-live__live-badge {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* ── Flat solid backgrounds for glass classes ── */
[data-theme="lite"] .tl-glass-chip,
[data-theme="lite"] .tl-glass-panel,
[data-theme="lite"] .tl-glass-surface {
    background: var(--bg-elev-2) !important;
    border: 1px solid var(--line) !important;
    box-shadow: none !important;
    border-radius: var(--radius-sm) !important;
}

[data-theme="lite"] .stream-card {
    background: var(--bg-elev-1) !important;
    border: 1px solid var(--line) !important;
    box-shadow: none !important;
    border-radius: var(--radius-sm) !important;
}

[data-theme="lite"] .stream-card:hover {
    transform: none;
    border-color: var(--brand) !important;
}

/* ── Navbar (desktop + mobile) ── */
[data-theme="lite"] .navbar {
    background: var(--bg-elev-1) !important;
    border-bottom: 1px solid var(--line) !important;
    color: var(--text);
    box-shadow: none !important;
}

[data-theme="lite"] .navbar-brand,
[data-theme="lite"] .nav-link,
[data-theme="lite"] .navbar a {
    color: var(--text);
}

[data-theme="lite"] .nav-link {
    color: var(--text-muted);
}

[data-theme="lite"] .nav-link.active,
[data-theme="lite"] .nav-link:hover {
    color: var(--brand);
}

[data-theme="lite"] .search-input {
    background: var(--bg-elev-2);
    color: var(--text);
    border-color: var(--line);
}

[data-theme="lite"] .mob-hdr-btn,
[data-theme="lite"] .notification-bell,
[data-theme="lite"] .tele-pill {
    background: var(--bg-elev-2);
    color: var(--text-muted);
    border-color: var(--line);
}

/* ── Mobile: full-width fixed header + bottom bar (no floating capsule) ── */
@media (max-width: 768px) {
    html[data-theme="lite"] body:not(.page-stream) .navbar,
    html[data-theme="lite"] .tl-mobile-app .navbar,
    html[data-theme="lite"] .navbar {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding-top: env(safe-area-inset-top, 0px) !important;
        border-radius: 0 !important;
        border: none !important;
        border-bottom: 1px solid var(--line) !important;
        background: var(--bg-elev-1) !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        isolation: auto !important;
        z-index: 300 !important;
    }

    html[data-theme="lite"] body:not(.page-stream) .navbar::before,
    html[data-theme="lite"] .tl-mobile-app .navbar::before,
    html[data-theme="lite"] .navbar::before {
        display: none !important;
        content: none !important;
    }

    html[data-theme="lite"] body:not(.page-stream) .navbar-container,
    html[data-theme="lite"] .tl-mobile-app .navbar-container {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 52px !important;
        padding: 4px 14px !important;
        padding-top: max(4px, env(safe-area-inset-top, 0px)) !important;
        box-sizing: border-box !important;
    }

    html[data-theme="lite"] body:not(.page-stream) .main-content,
    html[data-theme="lite"] .tl-mobile-app:not(.page-stream) .main-content,
    html[data-theme="lite"] body .main-content {
        padding-top: calc(52px + env(safe-area-inset-top, 0px)) !important;
    }

    html[data-theme="lite"] .mob-bottom-nav,
    html[data-theme="lite"] .tl-mobile-app .mob-bottom-nav,
    html[data-theme="lite"] .tl-mobile-app .mob-nav-bottom {
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        border-radius: 0 !important;
        background: var(--bg-elev-1) !important;
        border: none !important;
        border-top: 1px solid var(--line) !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        isolation: auto !important;
        overflow: visible !important;
        padding-bottom: env(safe-area-inset-bottom, 0px) !important;
        z-index: 1200 !important;
    }

    html[data-theme="lite"] .mob-bottom-nav.is-compact,
    html[data-theme="lite"] .tl-mobile-app .mob-bottom-nav.is-compact {
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
    }

    html[data-theme="lite"] .mob-bottom-nav::before,
    html[data-theme="lite"] .mob-bottom-nav::after,
    html[data-theme="lite"] .tl-mobile-app .mob-bottom-nav::before,
    html[data-theme="lite"] .tl-mobile-app .mob-bottom-nav::after {
        display: none !important;
        content: none !important;
    }

    html[data-theme="lite"] .mob-nav-item {
        border-radius: 0 !important;
        margin: 0 !important;
    }

    html[data-theme="lite"] .mob-nav-item.active {
        color: var(--brand-soft);
        background: var(--bg-elev-2);
        box-shadow: none;
    }

    html[data-theme="lite"] .tl-mobile-app:not(.page-stream) .tl-page-content,
    html[data-theme="lite"] body:not(.page-stream) .tl-page-content {
        padding-bottom: calc(60px + env(safe-area-inset-bottom, 0px)) !important;
    }

    html[data-theme="lite"] .tl-mobile-app .navbar-logo-img {
        border-radius: 0 !important;
    }

    html[data-theme="lite"] .tl-mobile-app .category-card-scroll,
    html[data-theme="lite"] .tl-mobile-app .stream-card,
    html[data-theme="lite"] .tl-mobile-app .browse-card {
        border-radius: 0 !important;
        background: var(--bg-elev-1) !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        box-shadow: none !important;
    }
}

/* ── Drawer ── */
[data-theme="lite"] .mob-drawer {
    background: var(--bg-elev-1);
    color: var(--text);
    border-inline-start: 1px solid var(--line);
}

[data-theme="lite"] .mob-drawer-item {
    color: var(--text);
    border-radius: 0;
}

[data-theme="lite"] .mob-live-bar {
    background: var(--bg-elev-2);
    border-color: var(--line);
    box-shadow: none;
    border-radius: 0;
}

/* ── Footer ── */
[data-theme="lite"] .site-footer-glass {
    border-radius: 0 !important;
    background: var(--bg-elev-1) !important;
    border: 1px solid var(--line) !important;
    box-shadow: none !important;
}

[data-theme="lite"] .site-footer-glass::before,
[data-theme="lite"] .site-footer-glass::after {
    display: none !important;
}

/* ── Home spotlight / hero ── */
[data-theme="lite"] .tl-spotlight {
    border-radius: 0 !important;
}

[data-theme="lite"] .tl-spotlight__bottom,
[data-theme="lite"] .tl-hero-live__dock,
[data-theme="lite"] .tl-hero-live__chat-col {
    background: var(--bg-elev-1) !important;
    border: 1px solid var(--line) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

[data-theme="lite"] .tl-spotlight__pill,
[data-theme="lite"] .tl-spotlight__nav,
[data-theme="lite"] .tl-spotlight__dot {
    border-radius: 0 !important;
}

[data-theme="lite"] .tl-spotlight__avatar {
    border-radius: 0 !important;
}

[data-theme="lite"] .tl-home-clips-panel {
    background: var(--bg-elev-1) !important;
    border: 1px solid var(--line) !important;
    border-radius: 0 !important;
}

/* ── Explore / hubs ── */
[data-theme="lite"] .hubs-add-section {
    background: var(--bg-elev-1) !important;
    border: 1px solid var(--line) !important;
    border-radius: 0 !important;
}

/* ── Profile / settings ── */
[data-theme="lite"] .profile-header,
[data-theme="lite"] .profile-card,
[data-theme="lite"] .settings-section,
[data-theme="lite"] .settings-card {
    border-radius: 0 !important;
    box-shadow: none !important;
}

[data-theme="lite"] .profile-avatar:not(.tl-sidebar-item img),
[data-theme="lite"] .avatar:not(.tl-sidebar-item img):not(.mob-info-avatar img) {
    border-radius: var(--radius-sm) !important;
}

/* Sidebar / stream avatars stay round */
html[data-theme="lite"] .tl-sidebar-item img,
html[data-theme="lite"] .tl-sidebar-live-ring,
html[data-theme="lite"] .tl-sidebar-av-wrap img,
html[data-theme="lite"] .mob-info-avatar img,
html[data-theme="lite"] .avatar-sm,
html[data-theme="lite"] .avatar-live-dot {
    border-radius: 50% !important;
}

/* ── Stream page ── */
[data-theme="lite"] .chat-panel,
[data-theme="lite"] .stream-info-bar,
[data-theme="lite"] .mobile-tab-bar,
[data-theme="lite"] .mob-info-bar {
    background: var(--bg-elev-1);
    color: var(--text);
    border-color: var(--line);
}

[data-theme="lite"] .chat-header,
[data-theme="lite"] .chat-input-area,
[data-theme="lite"] .chat-messages {
    color: var(--text);
}

[data-theme="lite"] .chat-message:nth-child(odd) {
    background: var(--bg-elev-2);
}

/* ── Buttons & form controls ── */
[data-theme="lite"] .btn {
    border-radius: var(--radius-sm) !important;
    box-shadow: none !important;
}

[data-theme="lite"] .btn-primary {
    background: var(--brand);
    border-color: var(--brand-strong);
}

[data-theme="lite"] .btn-outline {
    background: var(--bg-elev-1);
    border-color: var(--line);
    color: var(--text);
}

[data-theme="lite"] input,
[data-theme="lite"] select,
[data-theme="lite"] textarea {
    border-radius: var(--radius-sm) !important;
    background: var(--bg-elev-1);
    border-color: var(--line);
    color: var(--text);
}

/* ── Dropdowns & menus ── */
[data-theme="lite"] .user-dropdown,
[data-theme="lite"] .notification-dropdown,
[data-theme="lite"] .tl-lang-menu,
[data-theme="lite"] .tl-theme-menu {
    background: var(--bg-elev-1) !important;
    border: 1px solid var(--line) !important;
    border-radius: var(--radius) !important;
    box-shadow: none !important;
}

[data-theme="lite"] .tl-lang-trigger,
[data-theme="lite"] .tl-theme-trigger {
    background: var(--bg-elev-2) !important;
    border: 1px solid var(--line) !important;
    border-radius: var(--radius-sm) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

[data-theme="lite"] .tl-lang-option:hover {
    background: var(--bg-elev-2);
}

[data-theme="lite"] .tl-lang-option.is-active {
    background: rgba(30, 86, 245, 0.12);
}

/* ── Global radius reset for common UI ── */
[data-theme="lite"] .card,
[data-theme="lite"] .modal-content,
[data-theme="lite"] .badge,
[data-theme="lite"] .tag,
[data-theme="lite"] .pill,
[data-theme="lite"] .chip {
    border-radius: var(--radius-sm) !important;
}

/* ── Disable ambient background glows ── */
[data-theme="lite"] body::before,
[data-theme="lite"] body::after,
[data-theme="lite"] .tl-bg-glow {
    display: none !important;
}

[data-theme="lite"] body {
    background: var(--bg) !important;
    background-image: none !important;
}

/* ── Skeleton loaders: simpler animation ── */
[data-theme="lite"] .tl-sk-layer {
    opacity: 0.6;
}

[data-theme="lite"] .tl-sk-shimmer {
    animation: none !important;
    background: var(--bg-elev-2) !important;
}

/* ── Settings page (inline glass cards) ── */
[data-theme="lite"] .scard,
[data-theme="lite"] .settings-unified .scard {
    background: var(--bg-elev-1) !important;
    border: 1px solid var(--line) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

[data-theme="lite"] .scard-header {
    background: var(--bg-elev-2) !important;
    border-bottom-color: var(--line) !important;
}

[data-theme="lite"] .scard-header-icon,
[data-theme="lite"] .simg-preview,
[data-theme="lite"] .simg-preview-banner,
[data-theme="lite"] .sform-group input,
[data-theme="lite"] .sform-group textarea,
[data-theme="lite"] .cooldown-badge {
    border-radius: 0 !important;
}

/* ── Mobile webapp tokens ── */
[data-theme="lite"].tl-mobile-app,
[data-theme="lite"] .tl-mobile-app {
    --tl-app-radius: 8px;
    --tl-app-radius-sm: 6px;
}

[data-theme="lite"] .tl-mobile-app .navbar,
[data-theme="lite"] .tl-mobile-app .mob-bottom-nav {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

[data-theme="lite"] .tl-mobile-app .navbar::before {
    display: none !important;
}

/* ── Following page pills ── */
[data-theme="lite"] .following-stat-pill {
    border-radius: var(--radius-sm) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: var(--bg-elev-2) !important;
    border: 1px solid var(--line) !important;
    box-shadow: none !important;
}

/* ── Disable heavy animations & transitions (performance) ── */
html[data-theme="lite"] *,
html[data-theme="lite"] *::before,
html[data-theme="lite"] *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
}

html[data-theme="lite"] .stream-card:hover,
html[data-theme="lite"] .tl-sidebar-item:hover img {
    transform: none !important;
    filter: none !important;
}

/* ── Desktop: flat full-width header (no glass capsule) ── */
@media (min-width: 769px) {
    html[data-theme="lite"] .navbar {
        pointer-events: auto !important;
        padding-top: 0 !important;
        background: var(--bg-elev-1) !important;
        border-bottom: 1px solid var(--line) !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    html[data-theme="lite"] .navbar-container {
        width: min(1500px, 100%) !important;
        max-width: 100% !important;
        border-radius: 0 !important;
        background: var(--bg-elev-1) !important;
        border: none !important;
        border-bottom: 1px solid var(--line) !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        isolation: auto !important;
        min-height: 52px !important;
        padding: 4px 14px !important;
    }

    html[data-theme="lite"] .navbar-container::before {
        display: none !important;
        content: none !important;
    }

    html[data-theme="lite"] .tl-left-sidebar {
        margin: 0 !important;
        border-radius: 0 !important;
        top: 52px !important;
        height: calc(100vh - 52px) !important;
        background: var(--bg-elev-1) !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        border: none !important;
        border-right: 1px solid var(--line) !important;
        box-shadow: none !important;
    }

    html[data-theme="lite"] .tl-sidebar-toggle-btn {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        box-shadow: none !important;
    }

    html[data-theme="lite"] .tl-sidebar-item img {
        border-radius: 50% !important;
    }

    html[data-theme="lite"] .search-results,
    html[data-theme="lite"] .tele-dropdown,
    html[data-theme="lite"] .tele-modal-box {
        border-radius: var(--radius) !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        background: var(--bg-elev-1) !important;
        box-shadow: none !important;
    }
}

/* ── /live page: flat surfaces, no glass ── */
html[data-theme="lite"] body.page-stream .player-wrapper,
html[data-theme="lite"] body.page-stream .stream-page .mobile-tab-bar,
html[data-theme="lite"] body.page-stream .chat-panel,
html[data-theme="lite"] body.page-stream .chat-input-area,
html[data-theme="lite"] body.page-stream .mob-info-bar,
html[data-theme="lite"] body.page-stream .mob-info-cat-art,
html[data-theme="lite"] body.page-stream .chat-message,
html[data-theme="lite"] body.page-stream .mem-chat-bubble {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
}

html[data-theme="lite"] body.page-stream .stream-page .mob-info-bar-actions .mob-info-btn,
html[data-theme="lite"] body.page-stream .stream-page .mob-info-bar-actions .viewer-count,
html[data-theme="lite"] body.page-stream .stream-page .player-mob-viewer,
html[data-theme="lite"] body.page-stream .player-live-badge {
    background: var(--bg-elev-2) !important;
    border: 1px solid var(--line) !important;
}

html[data-theme="lite"] body.page-stream .chat-panel,
html[data-theme="lite"] body.page-stream #tlMobChatDock .chat-panel {
    background: var(--bg-elev-1) !important;
    border-color: var(--line) !important;
}

html[data-theme="lite"] body.page-stream .navbar {
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    border-radius: 0 !important;
    background: var(--bg-elev-1) !important;
    border-bottom: 1px solid var(--line) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

html[data-theme="lite"] body.page-stream .navbar::before,
html[data-theme="lite"] body.page-stream .navbar-container::before {
    display: none !important;
    content: none !important;
}

html[data-theme="lite"] body.page-stream .navbar-container {
    border-radius: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    width: 100% !important;
}

@media (max-width: 768px) {
    html[data-theme="lite"] body.page-stream .navbar {
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        padding-top: env(safe-area-inset-top, 0px) !important;
        border-radius: 0 !important;
    }

    html[data-theme="lite"] body.page-stream .main-content {
        padding-top: calc(52px + env(safe-area-inset-top, 0px)) !important;
    }

    html[data-theme="lite"] body.page-stream:not(.tl-mob-chat-drawer-open) #tlMobChatDock {
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        border-radius: 0 !important;
    }

    html[data-theme="lite"] body.page-stream:not(.tl-mob-chat-drawer-open) #tlMobChatDock .chat-panel {
        background: var(--bg-elev-1) !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        box-shadow: none !important;
    }
}

html[data-theme="lite"] #streamMoreMenu {
    background: var(--bg-elev-1) !important;
    border: 1px solid var(--line) !important;
    border-radius: var(--radius) !important;
    box-shadow: none !important;
}

/* ── Unified soft corners: header + /live controls ── */
html[data-theme="lite"] .search-btn,
html[data-theme="lite"] .search-form,
html[data-theme="lite"] .search-input,
html[data-theme="lite"] .tele-pill,
html[data-theme="lite"] .notification-bell,
html[data-theme="lite"] .mob-hdr-btn,
html[data-theme="lite"] .tl-mem-nav-btn,
html[data-theme="lite"] .tl-nav-chip,
html[data-theme="lite"] .tl-wheel-nav-btn,
html[data-theme="lite"] .tl-wheel-mob-btn,
html[data-theme="lite"] .navbar-live-pill,
html[data-theme="lite"] .nav-link,
html[data-theme="lite"] .tl-guest-auth-btn,
html[data-theme="lite"] .mob-info-btn,
html[data-theme="lite"] .viewer-count,
html[data-theme="lite"] .player-mob-viewer,
html[data-theme="lite"] .player-live-badge,
html[data-theme="lite"] .player-controls-bar button,
html[data-theme="lite"] .player-quality-menu,
html[data-theme="lite"] .player-quality-menu button,
html[data-theme="lite"] .chat-input-area input,
html[data-theme="lite"] .chat-input-area button,
html[data-theme="lite"] .chat-send-btn,
html[data-theme="lite"] .mob-tab-nav button,
html[data-theme="lite"] .mob-tab-btn,
html[data-theme="lite"] .tl-btn-donate,
html[data-theme="lite"] .tl-btn-subscribe,
html[data-theme="lite"] .tl-btn-subbed,
html[data-theme="lite"] .stream-page .btn,
html[data-theme="lite"] body.page-stream .mob-info-btn,
html[data-theme="lite"] body.page-stream .viewer-count,
html[data-theme="lite"] body.page-stream .player-mob-viewer,
html[data-theme="lite"] body.page-stream .player-live-badge,
html[data-theme="lite"] body.page-stream #streamMoreMenu button,
html[data-theme="lite"] .mob-nav-item,
html[data-theme="lite"] .stream-card,
html[data-theme="lite"] .tl-glass-chip,
html[data-theme="lite"] .tl-glass-panel,
html[data-theme="lite"] .following-stat-pill,
html[data-theme="lite"] .scard,
html[data-theme="lite"] .tl-sidebar-item,
html[data-theme="lite"] .search-input {
    border-radius: var(--radius-sm) !important;
}

/* Search expanded: keep end cap consistent in lite */
html[data-theme="lite"] .navbar.search-open .search-btn,
html[data-theme="lite"] html[dir="rtl"] .navbar.search-open .search-btn {
    border-radius: var(--radius-sm) !important;
}

html[data-theme="lite"] .tl-theme-option,
html[data-theme="lite"] .tl-lang-option {
    border-radius: var(--radius-xs) !important;
}

/* Avatars stay round */
html[data-theme="lite"] .tl-sidebar-item img,
html[data-theme="lite"] .tl-sidebar-live-ring,
html[data-theme="lite"] .tl-sidebar-av-wrap img,
html[data-theme="lite"] .mob-info-avatar img,
html[data-theme="lite"] .avatar-sm,
html[data-theme="lite"] .mob-menu-avatar,
html[data-theme="lite"] .user-menu-btn .avatar-sm {
    border-radius: 50% !important;
}

/* Full-bleed bars stay flat */
html[data-theme="lite"] .navbar,
html[data-theme="lite"] .navbar-container,
html[data-theme="lite"] .mob-bottom-nav,
html[data-theme="lite"] .tl-left-sidebar,
html[data-theme="lite"] body.page-stream .navbar,
html[data-theme="lite"] body.page-stream .navbar-container,
html[data-theme="lite"] body.page-stream:not(.tl-mob-chat-drawer-open) #tlMobChatDock {
    border-radius: 0 !important;
}

/* ── /live flush tile layout: stick panels together, no outer gaps ── */
@media (min-width: 769px) {
    /* Navbar is in document flow (sticky) — no extra top padding on main */
    html[data-theme="lite"] body.page-stream .main-content {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    html[data-theme="lite"] body.page-stream .tl-page-content,
    html[data-theme="lite"] body.page-stream .tl-page-content.has-sidebar {
        padding: 0 !important;
        margin: 0 !important;
    }

    html[data-theme="lite"] body.page-stream .tl-left-sidebar {
        margin: 0 !important;
        border-radius: 0 !important;
        top: calc(52px + env(safe-area-inset-top, 0px)) !important;
        height: calc(100vh - 52px - env(safe-area-inset-top, 0px)) !important;
        border-right: 1px solid var(--line) !important;
        box-shadow: none !important;
    }

    html[data-theme="lite"] body.page-stream .stream-page {
        margin: 0 !important;
        padding: 0 !important;
        column-gap: 0 !important;
        row-gap: 0 !important;
        align-items: stretch !important;
    }

    html[data-theme="lite"] body.page-stream .stream-left-col {
        gap: 0 !important;
    }

    html[data-theme="lite"] body.page-stream .player-wrapper,
    html[data-theme="lite"] body.page-stream .stream-player,
    html[data-theme="lite"] body.page-stream .stream-page .mobile-tab-bar,
    html[data-theme="lite"] body.page-stream .chat-panel,
    html[data-theme="lite"] body.page-stream #tlMobChatDock,
    html[data-theme="lite"] body.page-stream .tl-sk-mount--stream-chat .chat-panel {
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    html[data-theme="lite"] body.page-stream .stream-page .mobile-tab-bar {
        border: none !important;
        border-top: 1px solid var(--line) !important;
        margin-top: 0 !important;
    }

    html[data-theme="lite"] body.page-stream .chat-panel {
        border: none !important;
        border-left: 1px solid var(--line) !important;
        top: 0 !important;
        height: calc(100vh - 52px - env(safe-area-inset-top, 0px)) !important;
        max-height: none !important;
    }

    html[data-theme="lite"] body.page-stream #tlMobChatDock,
    html[data-theme="lite"] body.page-stream .tl-sk-mount--stream-chat {
        top: calc(52px + env(safe-area-inset-top, 0px)) !important;
        align-self: stretch !important;
        height: calc(100vh - 52px - env(safe-area-inset-top, 0px)) !important;
        max-height: calc(100vh - 52px - env(safe-area-inset-top, 0px)) !important;
    }

    html[data-theme="lite"] body.page-stream .tl-sk-mount--stream-chat {
        height: 100% !important;
        top: 0 !important;
    }

    html[data-theme="lite"] body.page-stream .mob-info-bar {
        border-radius: 0 !important;
        border-top: 1px solid var(--line) !important;
        border-bottom: none !important;
        margin: 0 !important;
    }

    html[data-theme="lite"] body.page-stream .mob-info-cat-art {
        border-radius: 0 !important;
    }
}

@media (max-width: 768px) {
    html[data-theme="lite"] body.page-stream .stream-left-col {
        gap: 0 !important;
    }

    html[data-theme="lite"] body.page-stream .player-wrapper,
    html[data-theme="lite"] body.page-stream .stream-player,
    html[data-theme="lite"] body.page-stream .stream-page .mobile-tab-bar {
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    html[data-theme="lite"] body.page-stream .stream-page .mobile-tab-bar {
        border-top: 1px solid var(--line) !important;
    }
}