/**
 * Light theme — hand-tuned shell + tokens.
 * Page-specific hex overrides: theme-light-generated.css (auto).
 */
html.light-theme,
html.light-theme body,
body.light-theme {
    --bg-deep: #f0f2f5;
    --bg-surface: #ffffff;
    --bg-glass: rgba(255, 255, 255, 0.92);
    --accent-primary: #065fd4;
    --accent-glow: rgba(6, 95, 212, 0.25);
    --accent-dim: rgba(6, 95, 212, 0.08);
    --text-primary: #0f0f0f;
    --text-secondary: #606060;
    --border-glass: 1px solid rgba(0, 0, 0, 0.08);
    --border-active: 1px solid var(--accent-primary);
    --shadow-glass: 0 8px 32px rgba(0, 0, 0, 0.08);
    --bg-color: #ffffff;
    --bg-secondary-color: #f2f2f2;
    --text-color: #0f0f0f;
    --text-secondary-color: #606060;
    --border-color: #e5e5e5;

    /* Settings / cards (settings.css) */
    --bg-page: #f8f9fa;
    --bg-card: #ffffff;
    --bg-input: #ffffff;
    --bg-modal: #ffffff;
    --text-hint: #717171;
    --border-input: #d0d0d0;
    --border-soft: rgba(0, 0, 0, 0.08);

    --bg-primary: #ffffff;
    --bg-secondary: #f2f2f2;
    --bg-tertiary: #e8e8e8;
    --bg-hover: rgba(0, 0, 0, 0.06);
    --page-bg: #f0f2f5;
    --card-bg: #ffffff;
    --button-bg: #0f0f0f;
    --button-text: #ffffff;
    --subscribed-button-bg: #e8e8e8;
    --stats-card-bg: #f2f2f2;
    --accent-blue: #065fd4;
    --bg-main: #f0f2f5;
    --card-bg-hover: #f2f2f2;
    --bg-dark: #f8f9fa;
    --bg-panel: #ffffff;
    --text-main: #0f0f0f;
    --text-muted: #606060;
    --border: #e5e5e5;
    --bg-input: #ffffff;
    --text-dark: #909090;
    --bg-elevated: #ffffff;

    background-color: var(--bg-deep);
    background-image: none;
    color: var(--text-primary);
}

html.light-theme .main-header,
body.light-theme .main-header {
    background: var(--bg-glass);
    border-bottom-color: rgba(0, 0, 0, 0.08);
}

body.light-theme .icon-img,
body.light-theme .sidebar-item .icon-img,
body.light-theme .user-avatar.guest-icon {
    filter: brightness(0);
}

body.light-theme .search-input-wrapper input {
    background-color: #f1f1f1;
    color: var(--text-color);
}

body.light-theme .clear-search-btn {
    color: var(--text-secondary-color);
}

body.light-theme .clear-search-btn:hover {
    color: var(--text-color);
}

body.light-theme .search-button,
body.light-theme .voice-search-button {
    background-color: #f1f1f1;
}

body.light-theme .filter-item:not(.orbit-chip) {
    background: rgba(0, 0, 0, 0.06);
    color: var(--text-color);
}

body.light-theme .filter-item:not(.orbit-chip):hover {
    background: rgba(0, 0, 0, 0.1);
}

body.light-theme .filter-item:not(.orbit-chip).active {
    background-color: var(--text-color);
    color: var(--bg-color);
}

body.light-theme .sidebar-footer a {
    color: #5c4a3d;
}

body.light-theme .sidebar-footer a:hover,
body.light-theme .sidebar-footer a:focus-visible {
    color: #3d3229;
    text-decoration: none;
}

body.light-theme .copyright {
    color: #7a6a58;
}

body.light-theme .sidebar::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
}

body.light-theme .sidebar:hover::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.35);
}

/* Home feed cards: theme-home-light.css (page-home) */

body.light-theme .empty-page-placeholder img {
    filter: none;
    opacity: 0.55;
}

/* main.css */
html.light-theme #search-suggestions-container,
body.light-theme #search-suggestions-container {
    background-color: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.1) !important;
    padding: 8px !important;
}

html.light-theme #search-suggestions-container .suggestion-item,
body.light-theme #search-suggestions-container .suggestion-item {
    color: #0f0f0f !important;
    border: none !important;
    border-radius: 12px !important;
    margin: 0 !important;
    padding: 10px 12px !important;
}

html.light-theme #search-suggestions-container .suggestion-item:hover,
html.light-theme #search-suggestions-container .suggestion-item.active,
body.light-theme #search-suggestions-container .suggestion-item:hover,
body.light-theme #search-suggestions-container .suggestion-item.active {
    background-color: #f2f2f2 !important;
}

html.light-theme #search-suggestions-container .suggestion-icon,
html.light-theme .suggestion-icon,
body.light-theme #search-suggestions-container .suggestion-icon,
body.light-theme .suggestion-icon {
    width: 22px !important;
    height: 22px !important;
    filter: brightness(0) opacity(0.55) !important;
}

html.light-theme #search-suggestions-container .suggestion-item:hover .suggestion-icon,
html.light-theme #search-suggestions-container .suggestion-item.active .suggestion-icon,
html.light-theme .suggestion-item:hover .suggestion-icon,
html.light-theme .suggestion-item.active .suggestion-icon,
body.light-theme #search-suggestions-container .suggestion-item:hover .suggestion-icon,
body.light-theme #search-suggestions-container .suggestion-item.active .suggestion-icon,
body.light-theme .suggestion-item:hover .suggestion-icon,
body.light-theme .suggestion-item.active .suggestion-icon {
    filter: brightness(0) opacity(0.85) !important;
}

html.light-theme #search-suggestions-container .suggestion-report-link,
body.light-theme #search-suggestions-container .suggestion-report-link {
    border-top: 1px solid #eeeeee !important;
    margin-top: 4px !important;
}

html.light-theme .empty-placeholder img,
body.light-theme .empty-placeholder img {
    filter: brightness(0) opacity(0.38) !important;
    opacity: 1 !important;
}

html.light-theme .empty-placeholder h2,
body.light-theme .empty-placeholder h2 {
    color: #0f0f0f !important;
}

html.light-theme .empty-placeholder p,
body.light-theme .empty-placeholder p {
    color: #606060 !important;
}

html.light-theme .add-to-playlist-modal-close,
body.light-theme .add-to-playlist-modal-close {
    color: #505050 !important;
    background: #f2f2f2 !important;
    border: 1px solid #e0e0e0 !important;
}

html.light-theme #create-playlist-fly-modal .modal-close-button,
body.light-theme #create-playlist-fly-modal .modal-close-button {
    color: #505050 !important;
    background: #f2f2f2 !important;
    border: 1px solid #e0e0e0 !important;
}

html.light-theme .suggestion-report-link,
body.light-theme .suggestion-report-link {
    color: #606060 !important;
}

html.light-theme .suggestion-report-link:hover,
body.light-theme .suggestion-report-link:hover {
    color: #0f0f0f !important;
}

body.light-theme .suggestion-query {
    color: var(--text-color);
}

body.light-theme .suggestion-meta {
    color: var(--text-secondary-color);
}

/* common modals */
body.light-theme .share-modal-content,
body.light-theme .confirmation-modal-content,
body.light-theme .add-to-playlist-modal-content,
body.light-theme .modal-content-small,
body.light-theme .report-modal-content {
    background-color: #ffffff;
    border-color: var(--border-color);
    color: var(--text-color);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
}

body.light-theme .modal-close-button {
    color: var(--text-secondary-color);
}

body.light-theme .modal-close-button:hover {
    color: var(--text-color);
}

body.light-theme #login-required-modal .login-modal-content h3 {
    color: #0f0f0f;
}

body.light-theme #login-required-modal .login-modal-content .login-modal-text {
    color: #4a4a4a;
}

body.light-theme #login-required-modal .login-modal-actions .modal-button-small.create {
    background-color: #0f0f0f;
    color: #ffffff;
}

body.light-theme #login-required-modal .login-modal-actions .modal-button-small.create:hover {
    background-color: #2a2a2a;
}

body.light-theme #login-required-modal .login-modal-actions .modal-button-small.secondary {
    background-color: #ffffff;
    color: #0f0f0f;
    border-color: #d0d0d0;
}

body.light-theme #login-required-modal .login-modal-actions .modal-button-small.secondary:hover {
    background-color: #f0f0f0;
    color: #0f0f0f;
    border-color: #b0b0b0;
}

body.light-theme .share-modal-overlay,
body.light-theme .confirmation-modal-overlay,
body.light-theme .add-to-playlist-modal-overlay,
body.light-theme .modal-overlay-small,
body.light-theme .report-modal-overlay {
    background-color: rgba(0, 0, 0, 0.45);
}

/* Share modal (ShareX) — light */
html.light-theme #share-modal .sharex-content.share-modal-content,
html.light-theme #live-share-modal .sharex-content.share-modal-content,
body.light-theme #share-modal .sharex-content.share-modal-content,
body.light-theme #live-share-modal .sharex-content.share-modal-content {
    background: #ffffff !important;
    border: 1px solid #e5e5e5 !important;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.14) !important;
    color: #0f0f0f !important;
}

html.light-theme #share-modal .sharex-title,
html.light-theme #live-share-modal .sharex-title,
body.light-theme #share-modal .sharex-title,
body.light-theme #live-share-modal .sharex-title {
    color: #0f0f0f !important;
}

html.light-theme #share-modal .sharex-subtitle,
html.light-theme #live-share-modal .sharex-subtitle,
body.light-theme #share-modal .sharex-subtitle,
body.light-theme #live-share-modal .sharex-subtitle {
    color: #606060 !important;
}

html.light-theme #share-modal .sharex-close,
html.light-theme #live-share-modal .sharex-close,
body.light-theme #share-modal .sharex-close,
body.light-theme #live-share-modal .sharex-close {
    background: #f2f2f2 !important;
    border-color: #e0e0e0 !important;
    color: #0f0f0f !important;
}

html.light-theme #share-modal .sharex-close:hover,
html.light-theme #live-share-modal .sharex-close:hover,
body.light-theme #share-modal .sharex-close:hover,
body.light-theme #live-share-modal .sharex-close:hover {
    background: #e8e8e8 !important;
}

html.light-theme #share-modal .sharex-item.social-link-item:hover,
html.light-theme #live-share-modal .sharex-item.social-link-item:hover,
body.light-theme #share-modal .sharex-item.social-link-item:hover,
body.light-theme #live-share-modal .sharex-item.social-link-item:hover {
    background: #f2f2f2 !important;
}

html.light-theme #share-modal .sharex-item .social-name,
html.light-theme #live-share-modal .sharex-item .social-name,
body.light-theme #share-modal .sharex-item .social-name,
body.light-theme #live-share-modal .sharex-item .social-name {
    color: #0f0f0f !important;
}

html.light-theme #share-modal .sharex-link.share-link-container,
html.light-theme #live-share-modal .sharex-link.share-link-container,
body.light-theme #share-modal .sharex-link.share-link-container,
body.light-theme #live-share-modal .sharex-link.share-link-container {
    background: #f5f5f5 !important;
    border: 1px solid #e0e0e0 !important;
}

html.light-theme #share-modal .sharex-input.share-link-input,
html.light-theme #live-share-modal .sharex-input.share-link-input,
body.light-theme #share-modal .sharex-input.share-link-input,
body.light-theme #live-share-modal .sharex-input.share-link-input {
    color: #0f0f0f !important;
}

html.light-theme #share-modal .sharex-copy.share-copy-button,
html.light-theme #live-share-modal .sharex-copy.share-copy-button,
body.light-theme #share-modal .sharex-copy.share-copy-button,
body.light-theme #live-share-modal .sharex-copy.share-copy-button {
    background: #065fd4 !important;
    color: #ffffff !important;
}

html.light-theme #share-modal .sharex-copy.share-copy-button:hover,
html.light-theme #live-share-modal .sharex-copy.share-copy-button:hover,
body.light-theme #share-modal .sharex-copy.share-copy-button:hover,
body.light-theme #live-share-modal .sharex-copy.share-copy-button:hover {
    background: #0550b8 !important;
}

/* Profile — about tab */
html.light-theme .about-main-info,
html.light-theme .stats-card,
body.light-theme .about-main-info,
body.light-theme .stats-card {
    background: #ffffff !important;
    border: 1px solid #e5e5e5 !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05) !important;
}

html.light-theme .about-text,
body.light-theme .about-text {
    color: #0f0f0f !important;
}

html.light-theme .about-tab-content h3,
html.light-theme .stats-card-title,
body.light-theme .about-tab-content h3,
body.light-theme .stats-card-title {
    color: #0f0f0f !important;
    border-bottom-color: #eeeeee !important;
}

html.light-theme .contact-info-section,
body.light-theme .contact-info-section {
    border-top-color: #eeeeee !important;
}

html.light-theme .email-item .link-icon,
body.light-theme .email-item .link-icon {
    filter: brightness(0) opacity(0.55) !important;
}

html.light-theme .profile-description-text,
body.light-theme .profile-description-text {
    color: #606060 !important;
}

html.light-theme .profile-meta,
body.light-theme .profile-meta {
    color: #606060 !important;
}

html.light-theme .shelf-title,
html.light-theme .profile-text h1,
body.light-theme .shelf-title,
body.light-theme .profile-text h1 {
    color: #0f0f0f !important;
}

/* menu.css context menu */
body.light-theme .context-menu-dropdown {
    background-color: #ffffff;
    border-color: var(--border-color);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

body.light-theme .context-menu-dropdown a,
body.light-theme .context-menu-dropdown button {
    color: var(--text-color);
}

body.light-theme .context-menu-dropdown a:hover,
body.light-theme .context-menu-dropdown button:hover {
    background-color: var(--bg-secondary-color);
}

body.light-theme .context-menu-dropdown img {
    filter: brightness(0);
}

/* settings theme segments: theme-settings-light.css */

body.light-theme .st-card,
body.light-theme .settings-content-area {
    background: #ffffff;
    border-color: var(--border-soft);
}

html.light-theme .st-btn.secondary,
body.light-theme .st-btn.secondary {
    background: var(--bg-secondary-color);
    color: var(--text-color);
}

/* --- Icons (invert-on-dark assets) --- */
html.light-theme .icon-img,
html.light-theme .sidebar-item .icon-img,
html.light-theme .user-menu-icon,
html.light-theme .user-submenu-back-btn img,
html.light-theme .user-submenu .user-menu-item .checkmark,
html.light-theme .context-menu-dropdown img,
html.light-theme .menu-icon,
html.light-theme .st-nav-icon img,
html.light-theme .history-action-btn img,
html.light-theme .playlist-action-btn img,
html.light-theme .profile-tab img,
html.light-theme .complaints-toolbar img,
html.light-theme .admin-nav-icon,
body.light-theme .icon-img,
body.light-theme .sidebar-item .icon-img,
body.light-theme .user-menu-icon,
body.light-theme .user-submenu-back-btn img,
body.light-theme .user-submenu .user-menu-item .checkmark,
body.light-theme .context-menu-dropdown img,
body.light-theme .menu-icon,
body.light-theme .st-nav-icon img,
body.light-theme .history-action-btn img,
body.light-theme .playlist-action-btn img,
body.light-theme .profile-tab img,
body.light-theme .complaints-toolbar img,
body.light-theme .admin-nav-icon {
    filter: brightness(0);
}

html.light-theme .logo-icon,
html.light-theme .guest-icon,
html.light-theme .login-button-header .guest-icon,
body.light-theme .logo-icon,
body.light-theme .guest-icon,
body.light-theme .login-button-header .guest-icon {
    filter: none;
}

html.light-theme .sidebar-heading,
body.light-theme .sidebar-heading {
    color: #606060;
    font-weight: 600;
}

html.light-theme .login-prompt p,
body.light-theme .login-prompt p {
    color: #606060;
}

html.light-theme .login-button,
body.light-theme .login-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #fff;
    color: #0f0f0f;
    border: 1px solid #e0e0e0;
    border-radius: 40px;
    padding: 8px 16px 8px 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: background-color 0.2s, border-color 0.2s;
}

html.light-theme .login-button:hover,
body.light-theme .login-button:hover {
    background: #f5f5f5;
    border-color: #d0d0d0;
}

html.light-theme .login-button .icon-img,
body.light-theme .login-button .icon-img {
    width: 22px;
    height: 22px;
    filter: brightness(0) opacity(0.55);
}

/* --- Auth pages (standalone body) --- */
html.light-theme body:has(.auth-page-container),
body.light-theme:has(.auth-page-container) {
    background: linear-gradient(-45deg, #f8f9fa, #e8eef8, #f5f5f5, #f0e8f4) !important;
    background-size: 400% 400%;
    color: #0f0f0f;
}

html.light-theme .auth-form,
body.light-theme .auth-form {
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid #e5e5e5;
    color: #0f0f0f;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08);
}

html.light-theme .auth-form input,
html.light-theme .auth-form textarea,
body.light-theme .auth-form input,
body.light-theme .auth-form textarea {
    background: #f5f5f5;
    border-color: #d0d0d0;
    color: #0f0f0f;
}

/* --- Admin panel --- */
html.light-theme body.admin-body,
body.light-theme.admin-body {
    background-color: var(--bg-dark);
    color: var(--text-main);
}

html.light-theme .admin-sidebar,
body.light-theme .admin-sidebar {
    background: linear-gradient(180deg, #ffffff 0%, #f2f2f2 100%);
    border-right-color: rgba(0, 0, 0, 0.08);
    box-shadow: 2px 0 16px rgba(0, 0, 0, 0.06);
}

/* --- Studio / upload gradients --- */
html.light-theme .studio-shell-header,
html.light-theme .studio-stat-card,
html.light-theme .upload-studio-header,
body.light-theme .studio-shell-header,
body.light-theme .studio-stat-card,
body.light-theme .upload-studio-header {
    background: linear-gradient(165deg, #ffffff 0%, #f3f3f5 100%);
    border-color: rgba(0, 0, 0, 0.08);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
}

/* --- Live cards --- */
html.light-theme .live-header-clean,
html.light-theme .live-card,
html.light-theme .live-section-card,
body.light-theme .live-header-clean,
body.light-theme .live-card,
body.light-theme .live-section-card {
    border-color: rgba(0, 0, 0, 0.08);
}

/* --- Player: keep video area dark --- */
html.light-theme .video-container,
html.light-theme .main-video,
html.light-theme .live-player-wrap video,
body.light-theme .video-container,
body.light-theme .main-video,
body.light-theme .live-player-wrap video {
    background-color: #000;
}

/* --- Notifications dropdown --- */
html.light-theme .notification-dropdown,
body.light-theme .notification-dropdown {
    background-color: #ffffff;
    border-color: #e5e5e5;
}

html.light-theme .notification-header,
body.light-theme .notification-header {
    background-color: #f5f5f5;
}

/* --- Premium / landings decorative --- */
html.light-theme .about-hero,
html.light-theme .landing-hero,
body.light-theme .about-hero,
body.light-theme .landing-hero {
    border-color: rgba(0, 0, 0, 0.08);
}

/* ===================================================================
 *  Light theme — page panels, durations, menus (loads after generated)
 * =================================================================== */

/* Duration on thumbnails — always readable */
html.light-theme .thumbnail-duration,
html.light-theme .video-duration,
html.light-theme .history-thumbnail-duration,
html.light-theme .thumbnail-duration,
body.light-theme .video-duration,
body.light-theme .history-thumbnail-duration {
    color: #fff !important;
    background-color: rgba(0, 0, 0, 0.82) !important;
    font-weight: 600;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}

/* Three-dot / card menus — visible gray on light backgrounds */
html.light-theme .context-menu-button img,
html.light-theme .profile-video-menu-btn img,
html.light-theme .live-card-menu-btn img,
body.light-theme .context-menu-button img,
body.light-theme .profile-video-menu-btn img,
body.light-theme .live-card-menu-btn img {
    filter: brightness(0) !important;
    opacity: 0.5;
}

html.light-theme .context-menu-button:hover,
html.light-theme .profile-video-menu-btn:hover,
html.light-theme .live-card-menu-btn:hover,
body.light-theme .context-menu-button:hover,
body.light-theme .profile-video-menu-btn:hover,
body.light-theme .live-card-menu-btn:hover {
    background-color: rgba(0, 0, 0, 0.06) !important;
}

html.light-theme .context-menu-button:hover img,
html.light-theme .profile-video-menu-btn:hover img,
html.light-theme .live-card-menu-btn:hover img,
body.light-theme .context-menu-button:hover img,
body.light-theme .profile-video-menu-btn:hover img,
body.light-theme .live-card-menu-btn:hover img {
    opacity: 0.78;
}

/* Subscriptions / sort controls */
html.light-theme .sort-menu-button,
body.light-theme .sort-menu-button {
    background-color: rgba(0, 0, 0, 0.06) !important;
    color: var(--text-color) !important;
}

html.light-theme .sort-menu-button:hover,
body.light-theme .sort-menu-button:hover {
    background-color: rgba(0, 0, 0, 0.1) !important;
}

html.light-theme .sort-arrow-icon,
body.light-theme .sort-arrow-icon {
    filter: brightness(0);
    opacity: 0.65;
}

html.light-theme .subscriptions-page-title,
body.light-theme .subscriptions-page-title {
    color: var(--text-color);
}

/* You / profile header panels */
html.light-theme .you-page-header-section,
html.light-theme .subscriptions-page-container,
html.light-theme .playlists-page-container,
html.light-theme .liked-page-container,
html.light-theme .history-page-container,
html.light-theme .profile-page-container,
html.light-theme .profile-header-section,
html.light-theme .watch-later-container,
html.light-theme .results-page-container,
body.light-theme .you-page-header-section,
body.light-theme .subscriptions-page-container,
body.light-theme .playlists-page-container,
body.light-theme .liked-page-container,
body.light-theme .history-page-container,
body.light-theme .profile-page-container,
body.light-theme .profile-header-section,
body.light-theme .watch-later-container,
body.light-theme .results-page-container {
    background-color: #ffffff !important;
    border: 1px solid var(--border-color);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

html.light-theme .user-details h1,
body.light-theme .user-details h1 {
    color: var(--text-color);
}

html.light-theme .profile-button img,
html.light-theme .tab-link img,
body.light-theme .profile-button img,
body.light-theme .tab-link img {
    filter: brightness(0) !important;
    opacity: 0.75;
}

html.light-theme .tab-link.active,
body.light-theme .tab-link.active {
    color: var(--text-color);
}

html.light-theme .you-page .video-card,
body.light-theme .you-page .video-card {
    background-color: #ffffff !important;
    border-color: var(--border-color) !important;
}

html.light-theme .you-page .video-card:hover,
body.light-theme .you-page .video-card:hover {
    background-color: #f5f5f5 !important;
    border-color: #d0d0d0 !important;
}

html.light-theme .you-alert-error,
body.light-theme .you-alert-error {
    color: #b3261e;
    background: rgba(179, 38, 30, 0.08);
    border-color: rgba(179, 38, 30, 0.25);
}

/* Playlist overlay count stays white on thumbnail gradient */
html.light-theme .playlist-overlay,
body.light-theme .playlist-overlay {
    color: #fff !important;
}

/* Dropdowns on light pages */
html.light-theme .context-menu-dropdown,
html.light-theme .sort-menu-dropdown,
html.light-theme .profile-video-menu-dropdown,
body.light-theme .context-menu-dropdown,
body.light-theme .sort-menu-dropdown,
body.light-theme .profile-video-menu-dropdown {
    background-color: #ffffff !important;
    border: 1px solid var(--border-color);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

html.light-theme .context-menu-dropdown a,
html.light-theme .sort-menu-dropdown a,
html.light-theme .sort-menu-dropdown button,
html.light-theme .profile-video-menu-dropdown a,
body.light-theme .context-menu-dropdown a,
body.light-theme .sort-menu-dropdown a,
body.light-theme .sort-menu-dropdown button,
body.light-theme .profile-video-menu-dropdown a {
    color: var(--text-color) !important;
}

html.light-theme .context-menu-dropdown a:hover,
html.light-theme .sort-menu-dropdown a:hover,
html.light-theme .profile-video-menu-dropdown a:hover,
body.light-theme .context-menu-dropdown a:hover,
body.light-theme .sort-menu-dropdown a:hover,
body.light-theme .profile-video-menu-dropdown a:hover {
    background-color: var(--bg-secondary-color) !important;
}

/* ===================================================================
 *  Settings, profile edit, search history, reviews, complaints, FAQ
 * =================================================================== */

html.light-theme,
body.light-theme {
    --bg-main: #f8f9fa;
    --bg-secondary: #ffffff;
    --bg-tertiary: #f2f2f2;
}

html.light-theme .settings-modern-container,
html.light-theme .st-nav-item,
body.light-theme .settings-modern-container,
body.light-theme .st-nav-item {
    color: var(--text-color);
}

html.light-theme .st-nav-item:hover,
body.light-theme .st-nav-item:hover {
    background: rgba(0, 0, 0, 0.05);
}

html.light-theme .st-theme-segments,
body.light-theme .st-theme-segments {
    background: #f2f2f2;
    border-color: var(--border-color);
}

html.light-theme .st-theme-segment,
body.light-theme .st-theme-segment {
    color: var(--text-secondary-color);
}

html.light-theme .st-theme-segment:not(.active):hover,
body.light-theme .st-theme-segment:not(.active):hover {
    color: var(--text-color);
}

/* Search history */
html.light-theme .search-history-page-item,
body.light-theme .search-history-page-item {
    background: #ffffff;
    border-color: var(--border-color);
}

html.light-theme .search-history-page-item:hover,
body.light-theme .search-history-page-item:hover {
    background: #f5f5f5;
    border-color: #d0d0d0;
}

html.light-theme .search-history-input-icon,
body.light-theme .search-history-input-icon {
    filter: brightness(0);
    opacity: 0.45;
}

/* Profile edit */
html.light-theme .profile-edit-container,
html.light-theme .form-section,
body.light-theme .profile-edit-container,
body.light-theme .form-section {
    background: #ffffff;
    border-color: var(--border-color);
    color: var(--text-color);
}

html.light-theme .back-to-site-link,
body.light-theme .back-to-site-link {
    background: rgba(255, 255, 255, 0.95);
    color: var(--text-secondary-color);
    border-color: var(--border-color);
}

html.light-theme .back-to-site-link:hover,
body.light-theme .back-to-site-link:hover {
    background: #f2f2f2;
    color: var(--text-color);
}

html.light-theme .back-to-site-link img,
body.light-theme .back-to-site-link img {
    filter: brightness(0);
    opacity: 0.55;
}

html.light-theme .upload-button,
html.light-theme .cancel-button,
body.light-theme .upload-button,
body.light-theme .cancel-button {
    background-color: #f2f2f2;
    color: var(--text-color);
    border-color: var(--border-color);
}

html.light-theme .suggestion-item,
body.light-theme .suggestion-item {
    background-color: #ffffff;
    color: var(--text-color);
}

html.light-theme .suggestion-item:hover,
body.light-theme .suggestion-item:hover {
    background-color: #f2f2f2;
}

/* Reviews */
html.light-theme .reviews-page-container,
body.light-theme .reviews-page-container {
    --bg-page: #f8f9fa;
    --bg-panel: #ffffff;
    --bg-card: #ffffff;
    --bg-input: #ffffff;
    --text-main: #0f0f0f;
    --text-muted: #606060;
    --text-dark: #909090;
}

html.light-theme .reviews-page-content,
html.light-theme .my-review-card,
html.light-theme .review-card,
body.light-theme .reviews-page-content,
body.light-theme .my-review-card,
body.light-theme .review-card {
    background-color: #ffffff !important;
    border-color: #e0e0e0 !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
}

html.light-theme .tabs-navigation,
body.light-theme .tabs-navigation {
    border-bottom-color: #e0e0e0;
}

html.light-theme .tab-btn,
body.light-theme .tab-btn {
    color: #606060;
}

html.light-theme .tab-btn.active,
html.light-theme .tab-btn:hover,
body.light-theme .tab-btn.active,
body.light-theme .tab-btn:hover {
    color: #0f0f0f;
}

html.light-theme .review-detail-label,
body.light-theme .review-detail-label {
    color: #757575 !important;
}

html.light-theme .review-detail-value.subject,
body.light-theme .review-detail-value.subject {
    color: #0f0f0f !important;
}

html.light-theme .review-detail-value.body,
body.light-theme .review-detail-value.body {
    color: #303030 !important;
}

html.light-theme .admin-response,
body.light-theme .admin-response {
    background: #e8f0fe !important;
    border-left-color: #065fd4 !important;
}

html.light-theme .admin-response p,
body.light-theme .admin-response p {
    color: #303030 !important;
}

html.light-theme .admin-response strong,
body.light-theme .admin-response strong {
    color: #065fd4 !important;
}

html.light-theme .public-admin-response,
body.light-theme .public-admin-response {
    background: rgba(6, 95, 212, 0.08) !important;
    border-color: rgba(6, 95, 212, 0.22) !important;
}

html.light-theme .sort-menu-button,
body.light-theme .sort-menu-button {
    background: #f2f2f2 !important;
    color: #0f0f0f !important;
    border-color: #e0e0e0 !important;
}

html.light-theme .form-group input,
html.light-theme .form-group textarea,
body.light-theme .form-group input,
body.light-theme .form-group textarea {
    background: #ffffff !important;
    border-color: #d0d0d0 !important;
    color: #0f0f0f !important;
    box-shadow: none !important;
}

html.light-theme .edit-review-btn,
body.light-theme .edit-review-btn {
    border-color: #d0d0d0;
    color: #505050;
}

html.light-theme .edit-review-btn:hover,
body.light-theme .edit-review-btn:hover {
    background: #f2f2f2;
    color: #0f0f0f;
}

html.light-theme .edit-review-btn img,
body.light-theme .edit-review-btn img {
    filter: brightness(0);
    opacity: 0.6;
}

/* Complaints */
html.light-theme .complaints-container,
body.light-theme .complaints-container {
    --bg-dark: #f8f9fa;
    --bg-elevated: #ffffff;
    --bg-card: #ffffff;
    --text-color: #0f0f0f;
    --text-muted: #606060;
    --border: rgba(0, 0, 0, 0.08);
}

html.light-theme .complaints-hero,
body.light-theme .complaints-hero {
    background: linear-gradient(145deg, #ffffff 0%, #eef2f8 100%) !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
}

html.light-theme .complaint-card,
body.light-theme .complaint-card {
    background: #ffffff !important;
    border-color: #e0e0e0 !important;
}

html.light-theme .status-dismissed,
body.light-theme .status-dismissed {
    color: #505050 !important;
    background: rgba(0, 0, 0, 0.06) !important;
    border-color: #d0d0d0 !important;
}

html.light-theme .complaints-toolbar select,
html.light-theme .complaints-toolbar .custom-select-trigger,
body.light-theme .complaints-toolbar select,
body.light-theme .complaints-toolbar .custom-select-trigger {
    background: #ffffff !important;
    color: #0f0f0f !important;
    border-color: #e0e0e0 !important;
}

/* Help / FAQ */
html.light-theme .help-page,
html.light-theme .help-page-container,
body.light-theme .help-page,
body.light-theme .help-page-container {
    --help-surface: #ffffff;
    --help-border: #e0e0e0;
    --help-text: #0f0f0f;
    --help-muted: #606060;
}

html.light-theme .help-hero,
body.light-theme .help-hero {
    background: linear-gradient(145deg, #e8eef8 0%, #f5f5f5 45%, #ffffff 100%) !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06) !important;
}

html.light-theme .help-hero-content h1,
html.light-theme .hero-subtitle,
body.light-theme .help-hero-content h1,
body.light-theme .hero-subtitle {
    color: #0f0f0f !important;
}

html.light-theme .hero-subtitle,
body.light-theme .hero-subtitle {
    color: #606060 !important;
}

html.light-theme .search-bar-container input,
body.light-theme .search-bar-container input {
    background: #ffffff !important;
    border-color: #d0d0d0 !important;
    color: #0f0f0f !important;
}

html.light-theme .search-icon-img,
body.light-theme .search-icon-img {
    filter: brightness(0);
    opacity: 0.45;
}

html.light-theme .quick-link-card,
html.light-theme .faq-item,
body.light-theme .quick-link-card,
body.light-theme .faq-item {
    background: #ffffff !important;
    border-color: #e0e0e0 !important;
}

html.light-theme .faq-question,
body.light-theme .faq-question {
    background: #ffffff !important;
    color: #0f0f0f !important;
}

html.light-theme .faq-question:hover,
body.light-theme .faq-question:hover {
    background: #f5f5f5 !important;
    color: #0f0f0f !important;
}

html.light-theme .faq-item.active .faq-question,
body.light-theme .faq-item.active .faq-question {
    color: #065fd4 !important;
    background: #f8f9fa !important;
}

html.light-theme .faq-answer,
body.light-theme .faq-answer {
    background: #f5f5f5 !important;
}

html.light-theme .answer-inner,
body.light-theme .answer-inner {
    color: #303030 !important;
    border-top-color: #e0e0e0 !important;
}

html.light-theme .link-text h3,
body.light-theme .link-text h3 {
    color: #0f0f0f !important;
}

html.light-theme .faq-item .faq-question .icon-plus::before,
html.light-theme .faq-item .faq-question .icon-plus::after,
body.light-theme .faq-item .faq-question .icon-plus::before,
body.light-theme .faq-item .faq-question .icon-plus::after {
    background: #757575;
}

/* --- Help: force light (body.help-page) --- */
html.light-theme body.help-page,
body.light-theme.help-page {
    --help-surface: #ffffff;
    --help-border: #e0e0e0;
    --help-text: #0f0f0f;
    --help-muted: #606060;
}

html.light-theme body.help-page .help-hero,
body.light-theme.help-page .help-hero {
    background: linear-gradient(145deg, #eef3fb 0%, #f8f9fa 50%, #ffffff 100%) !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06) !important;
}

html.light-theme body.help-page .help-hero-content h1,
body.light-theme.help-page .help-hero-content h1 {
    color: #0f0f0f !important;
}

html.light-theme body.help-page .hero-subtitle,
body.light-theme.help-page .hero-subtitle {
    color: #606060 !important;
}

html.light-theme body.help-page .faq-question,
html.light-theme body.help-page .faq-item,
body.light-theme.help-page .faq-question,
body.light-theme.help-page .faq-item {
    background: #ffffff !important;
    color: #0f0f0f !important;
}

html.light-theme body.help-page .faq-question:hover,
body.light-theme.help-page .faq-question:hover {
    background: #f5f5f5 !important;
    color: #0f0f0f !important;
}

html.light-theme body.help-page .faq-item.active .faq-question,
body.light-theme.help-page .faq-item.active .faq-question {
    color: #065fd4 !important;
    background: #f0f4ff !important;
}

html.light-theme body.help-page .faq-answer,
body.light-theme.help-page .faq-answer {
    background: #f5f5f5 !important;
}

html.light-theme body.help-page .answer-inner,
body.light-theme.help-page .answer-inner {
    color: #303030 !important;
}

html.light-theme body.help-page .quick-link-card,
body.light-theme.help-page .quick-link-card {
    background: #ffffff !important;
    border-color: #e0e0e0 !important;
}

html.light-theme body.help-page .quick-link-card:hover,
body.light-theme.help-page .quick-link-card:hover {
    border-color: #bdbdbd !important;
    background: #fafafa !important;
}

html.light-theme body.help-page .link-text h3,
body.light-theme.help-page .link-text h3 {
    color: #0f0f0f !important;
}

html.light-theme body.help-page .link-text p,
body.light-theme.help-page .link-text p {
    color: #606060 !important;
}

html.light-theme body.help-page .category-title,
html.light-theme body.help-page .faq-section-title,
body.light-theme.help-page .category-title,
body.light-theme.help-page .faq-section-title {
    color: #0f0f0f !important;
}

/* --- Settings toggles (visible track) --- */
html.light-theme .toggle-switch .slider,
body.light-theme .toggle-switch .slider {
    background-color: #bdbdbd !important;
    border: 1px solid #9e9e9e;
    box-sizing: border-box;
}

html.light-theme input:checked + .slider,
body.light-theme input:checked + .slider {
    background-color: #065fd4 !important;
    border-color: #065fd4 !important;
}

html.light-theme .toggle-switch .slider:before,
body.light-theme .toggle-switch .slider:before {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);
}

/* --- Account deletion modal --- */
html.light-theme .st-modal-overlay,
body.light-theme .st-modal-overlay {
    background: rgba(0, 0, 0, 0.45);
}

html.light-theme .st-modal,
html.light-theme .st-modal.danger,
body.light-theme .st-modal,
body.light-theme .st-modal.danger {
    color: #0f0f0f;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
}

html.light-theme .st-modal h3,
body.light-theme .st-modal h3 {
    color: #0f0f0f;
}

html.light-theme .st-modal p,
html.light-theme .st-hint,
body.light-theme .st-modal p,
body.light-theme .st-hint {
    color: #606060;
}

html.light-theme .captcha-container,
body.light-theme .captcha-container {
    background: #f5f5f5 !important;
    border-color: #e0e0e0 !important;
}

html.light-theme .captcha-code,
body.light-theme .captcha-code {
    background: #ffffff !important;
    color: #065fd4 !important;
    border: 1px solid #e0e0e0;
}

html.light-theme .st-btn.danger,
body.light-theme .st-btn.danger {
    color: #ffffff !important;
}

/* --- Soft text panels (complaints, settings, premium) --- */
html.light-theme .comment-snippet,
html.light-theme .reason-card,
html.light-theme .feature-item,
body.light-theme .comment-snippet,
body.light-theme .reason-card,
body.light-theme .feature-item {
    background: rgba(0, 0, 0, 0.04);
    border-radius: 10px;
}

html.light-theme .st-option-row,
body.light-theme .st-option-row {
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 10px;
}

html.light-theme .comment-snippet,
body.light-theme .comment-snippet {
    padding: 14px 16px;
    border: 1px solid rgba(167, 139, 250, 0.2);
    border-left: 3px solid rgba(103, 58, 183, 0.45);
}

html.light-theme .reason-card,
body.light-theme .reason-card {
    padding: 12px 14px;
    border: 1px solid rgba(0, 0, 0, 0.06);
}

html.light-theme .complaint-card__reason-wrap,
body.light-theme .complaint-card__reason-wrap {
    background: transparent !important;
    padding: 0;
    margin-top: 4px;
}

html.light-theme .type-pill__ico--img,
body.light-theme .type-pill__ico--img {
    filter: none !important;
    opacity: 0.85;
}

html.light-theme .st-option-row,
body.light-theme .st-option-row {
    padding: 16px 14px;
    margin-bottom: 8px;
    border-bottom: none;
}

html.light-theme .st-notifications-clear-block,
body.light-theme .st-notifications-clear-block {
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 10px;
    padding: 16px 14px;
}

html.light-theme .notif-action-btn,
body.light-theme .notif-action-btn {
    background: transparent;
}

html.light-theme .notif-action-btn img,
body.light-theme .notif-action-btn img {
    filter: brightness(0) opacity(0.5) !important;
}

html.light-theme .notif-action-btn:hover,
body.light-theme .notif-action-btn:hover {
    background-color: rgba(0, 0, 0, 0.06) !important;
}

html.light-theme .notif-action-btn:hover img,
body.light-theme .notif-action-btn:hover img {
    filter: brightness(0) opacity(0.85) !important;
}

html.light-theme .st-theme-segments,
body.light-theme .st-theme-segments {
    align-items: stretch;
}

html.light-theme .st-theme-segment[data-theme="original"],
body.light-theme .st-theme-segment[data-theme="original"] {
    flex: 1 1 100%;
    margin-top: 4px;
    text-align: center;
}

html.light-theme .feature-item,
body.light-theme .feature-item {
    padding: 10px 12px;
}

html.light-theme .feature-item .feature-icon img,
body.light-theme .feature-item .feature-icon img {
    filter: brightness(0) opacity(0.65) !important;
}

html.light-theme .comment-snippet__link:hover,
body.light-theme .comment-snippet__link:hover {
    color: #0047b3;
    text-decoration: underline;
}

/* --- Profile edit: icons & links --- */
html.light-theme .copy-url-button img,
html.light-theme .info-icon img,
html.light-theme .link-drag-handle img,
html.light-theme .delete-link-btn img,
html.light-theme .add-link-button img,
html.light-theme .back-to-site-link img,
body.light-theme .copy-url-button img,
body.light-theme .info-icon img,
body.light-theme .link-drag-handle img,
body.light-theme .delete-link-btn img,
body.light-theme .add-link-button img,
body.light-theme .back-to-site-link img {
    filter: brightness(0) opacity(0.55) !important;
}

html.light-theme .copy-url-button:hover img,
html.light-theme .delete-link-btn:hover img,
html.light-theme .link-drag-handle:hover img,
body.light-theme .copy-url-button:hover img,
body.light-theme .delete-link-btn:hover img,
body.light-theme .link-drag-handle:hover img {
    filter: brightness(0) opacity(0.85) !important;
}

html.light-theme .copy-url-button:hover,
html.light-theme .delete-link-btn:hover,
body.light-theme .copy-url-button:hover,
body.light-theme .delete-link-btn:hover {
    background-color: rgba(0, 0, 0, 0.06);
    border-radius: 8px;
}

html.light-theme .channel-url-container,
html.light-theme .link-row,
body.light-theme .channel-url-container,
body.light-theme .link-row {
    background: rgba(0, 0, 0, 0.03);
    border-radius: 10px;
}

html.light-theme .channel-url-container,
body.light-theme .channel-url-container {
    padding: 12px 16px;
    border: 1px solid #e0e0e0;
}

html.light-theme .channel-url-text,
body.light-theme .channel-url-text {
    color: #303030;
}

html.light-theme .add-link-button,
body.light-theme .add-link-button {
    background: rgba(6, 95, 212, 0.08) !important;
    color: #065fd4 !important;
    border: 1px solid rgba(6, 95, 212, 0.25);
}

html.light-theme .add-link-button:hover,
body.light-theme .add-link-button:hover {
    background: rgba(6, 95, 212, 0.14) !important;
}

html.light-theme .scroll-to-preview-link,
body.light-theme .scroll-to-preview-link {
    color: #065fd4;
    text-decoration: underline;
    text-underline-offset: 3px;
}

html.light-theme .scroll-to-preview-link:hover,
body.light-theme .scroll-to-preview-link:hover {
    color: #0047b3;
}

/* --- Library pages: history, watch later, liked, playlists, subscriptions --- */
html.light-theme .history-page-container,
html.light-theme .watch-later-container,
html.light-theme .liked-page-container,
html.light-theme .playlists-page-container,
html.light-theme .subscriptions-page-container,
body.light-theme .history-page-container,
body.light-theme .watch-later-container,
body.light-theme .liked-page-container,
body.light-theme .playlists-page-container,
body.light-theme .subscriptions-page-container {
    background: #ffffff !important;
    border: 1px solid #e5e5e5 !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
}

html.light-theme .history-page-title,
html.light-theme .page-title,
html.light-theme .liked-page-title,
html.light-theme .playlists-page-title,
html.light-theme .subscriptions-page-title,
body.light-theme .history-page-title,
body.light-theme .page-title,
body.light-theme .liked-page-title,
body.light-theme .playlists-page-title,
body.light-theme .subscriptions-page-title {
    color: #0f0f0f !important;
}

html.light-theme .history-action-pill,
body.light-theme .history-action-pill {
    background: #f2f2f2 !important;
    border-color: #e0e0e0 !important;
    color: #0f0f0f !important;
}

html.light-theme .history-action-pill:hover,
body.light-theme .history-action-pill:hover {
    background: #e8e8e8 !important;
    color: #0f0f0f !important;
}

html.light-theme .history-action-pill img,
body.light-theme .history-action-pill img {
    filter: brightness(0) opacity(0.7) !important;
}

html.light-theme .history-action-pill--clear,
body.light-theme .history-action-pill--clear {
    background: #ffffff !important;
    border-color: #e57373 !important;
    color: #c62828 !important;
    box-shadow: 0 1px 3px rgba(198, 40, 40, 0.08) !important;
}

html.light-theme .history-action-pill--clear:hover,
body.light-theme .history-action-pill--clear:hover {
    background: #ffebee !important;
    border-color: #d32f2f !important;
    color: #b71c1c !important;
}

html.light-theme .history-action-pill--clear img,
body.light-theme .history-action-pill--clear img {
    filter: brightness(0) saturate(100%) invert(27%) sepia(85%) saturate(2476%) hue-rotate(346deg) brightness(92%) contrast(93%) !important;
    opacity: 0.9 !important;
}

/* Модалка «Статистика за 7 дней» */
html.light-theme #history-stats-modal .modal-content-small,
body.light-theme #history-stats-modal .modal-content-small {
    background: #ffffff !important;
    border: 1px solid #e5e5e5 !important;
    color: #0f0f0f !important;
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.14) !important;
}

html.light-theme #history-stats-modal .modal-content-small h3,
body.light-theme #history-stats-modal .modal-content-small h3 {
    color: #0f0f0f !important;
}

html.light-theme #history-stats-modal .modal-close-button,
body.light-theme #history-stats-modal .modal-close-button {
    top: 14px !important;
    right: 14px !important;
    background: #f2f2f2 !important;
    border: 1px solid #e0e0e0 !important;
    color: #606060 !important;
}

html.light-theme #history-stats-modal .modal-close-button:hover,
body.light-theme #history-stats-modal .modal-close-button:hover {
    background: #e8e8e8 !important;
    color: #0f0f0f !important;
}

html.light-theme #history-stats-modal .history-stat,
body.light-theme #history-stats-modal .history-stat {
    background: #f8f9fa !important;
    border: 1px solid #e8e8e8 !important;
}

html.light-theme #history-stats-modal .history-stat-val,
body.light-theme #history-stats-modal .history-stat-val {
    color: #0f0f0f !important;
}

html.light-theme #history-stats-modal .history-stat-label,
html.light-theme #history-stats-modal .history-topcats-title,
body.light-theme #history-stats-modal .history-stat-label,
body.light-theme #history-stats-modal .history-topcats-title {
    color: #606060 !important;
}

html.light-theme #history-stats-modal .history-topcats,
body.light-theme #history-stats-modal .history-topcats {
    border-top-color: #eeeeee !important;
}

html.light-theme #history-stats-modal .history-topcats-row,
body.light-theme #history-stats-modal .history-topcats-row {
    color: #0f0f0f !important;
    border-top-color: #f0f0f0 !important;
}

html.light-theme #history-stats-modal .history-topcats-cnt,
body.light-theme #history-stats-modal .history-topcats-cnt {
    color: #606060 !important;
}

html.light-theme .history-video-title,
html.light-theme .liked-video-title,
html.light-theme .video-title,
html.light-theme .channel-name-large,
body.light-theme .history-video-title,
body.light-theme .liked-video-title,
body.light-theme .video-title,
body.light-theme .channel-name-large {
    color: #0f0f0f !important;
}

html.light-theme .history-video-meta,
html.light-theme .video-meta,
html.light-theme .history-channel-name,
body.light-theme .history-video-meta,
body.light-theme .video-meta,
body.light-theme .history-channel-name {
    color: #606060 !important;
}

html.light-theme .history-channel-info,
body.light-theme .history-channel-info {
    background: rgba(0, 0, 0, 0.04) !important;
}

html.light-theme .history-video-item:hover,
html.light-theme .liked-video-item:hover,
html.light-theme .video-list-item:hover,
body.light-theme .history-video-item:hover,
body.light-theme .liked-video-item:hover,
body.light-theme .video-list-item:hover {
    background: rgba(0, 0, 0, 0.04) !important;
}

html.light-theme .action-button.shuffle,
html.light-theme .sort-menu-button,
body.light-theme .action-button.shuffle,
body.light-theme .sort-menu-button {
    background: #f2f2f2 !important;
    color: #0f0f0f !important;
    border: 1px solid #e0e0e0;
}

html.light-theme .action-button.shuffle img,
body.light-theme .action-button.shuffle img {
    filter: brightness(0) opacity(0.65) !important;
}

html.light-theme .sort-arrow-icon,
body.light-theme .sort-arrow-icon {
    filter: brightness(0) opacity(0.6) !important;
}

html.light-theme .filter-checkbox,
html.light-theme .control-label,
body.light-theme .filter-checkbox,
body.light-theme .control-label {
    color: #606060 !important;
}

/* Playlist view page */
html.light-theme body.playlist-view-page,
body.light-theme.playlist-view-page {
    background-color: #f8f9fa !important;
}

html.light-theme .playlist-info-sidebar,
body.light-theme .playlist-info-sidebar {
    background: linear-gradient(150deg, #ffffff 0%, #f3f4f6 100%) !important;
    border: 1px solid #e5e5e5;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

html.light-theme .playlist-info-sidebar h1,
html.light-theme .playlist-info-sidebar .playlist-title,
html.light-theme .playlist-description,
body.light-theme .playlist-info-sidebar h1,
body.light-theme .playlist-info-sidebar .playlist-title,
body.light-theme .playlist-description {
    color: #0f0f0f !important;
}

html.light-theme .playlist-meta,
html.light-theme .playlist-privacy,
body.light-theme .playlist-meta,
body.light-theme .playlist-privacy {
    color: #606060 !important;
}

html.light-theme .playlist-video-item,
html.light-theme .playlist-view-video-item,
body.light-theme .playlist-video-item,
body.light-theme .playlist-view-video-item {
    border-bottom-color: #eeeeee !important;
}

html.light-theme .playlist-video-item:hover,
body.light-theme .playlist-video-item:hover {
    background: rgba(0, 0, 0, 0.04) !important;
}

html.light-theme .playlist-action-btn,
body.light-theme .playlist-action-btn {
    background: #f2f2f2 !important;
    color: #0f0f0f !important;
    border: 1px solid #e0e0e0;
}

html.light-theme .playlist-action-btn img,
body.light-theme .playlist-action-btn img {
    filter: brightness(0) opacity(0.65) !important;
}

/* Playlists grid / view mode */
html.light-theme .view-toggle-btn.active,
html.light-theme .view-toggle-button.styled.active,
body.light-theme .view-toggle-btn.active,
body.light-theme .view-toggle-button.styled.active {
    background: #065fd4 !important;
    color: #ffffff !important;
}

html.light-theme .view-toggle,
body.light-theme .view-toggle {
    background: #f2f2f2 !important;
    border-color: #e0e0e0 !important;
}

html.light-theme .view-toggle-btn,
body.light-theme .view-toggle-btn {
    color: #505050 !important;
}

html.light-theme .view-toggle-btn:not(.active),
body.light-theme .view-toggle-btn:not(.active) {
    background: transparent !important;
}

html.light-theme .view-toggle-btn:not(.active):hover,
body.light-theme .view-toggle-btn:not(.active):hover {
    background: rgba(0, 0, 0, 0.06) !important;
    color: #0f0f0f !important;
}

/* --- Watch: playlist sidebar panel (compact title visible) --- */
html.light-theme .playlist-panel,
body.light-theme .playlist-panel {
    background: linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%) !important;
    border: 1px solid #e0e0e0 !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
}

html.light-theme .playlist-compact-title,
html.light-theme .playlist-panel-title,
html.light-theme .playlist-panel-meta,
body.light-theme .playlist-compact-title,
body.light-theme .playlist-panel-title,
body.light-theme .playlist-panel-meta {
    color: #0f0f0f !important;
}

html.light-theme .playlist-compact-sub,
html.light-theme .playlist-panel-sub,
body.light-theme .playlist-compact-sub,
body.light-theme .playlist-panel-sub {
    color: #606060 !important;
}

html.light-theme .playlist-panel-icon-btn,
body.light-theme .playlist-panel-icon-btn {
    background: rgba(0, 0, 0, 0.05) !important;
    color: #505050 !important;
}

html.light-theme .playlist-panel-icon-btn:hover,
body.light-theme .playlist-panel-icon-btn:hover {
    background: rgba(0, 0, 0, 0.1) !important;
    color: #0f0f0f !important;
}

html.light-theme .up-next-title,
body.light-theme .up-next-title {
    color: #ffffff !important;
}

html.light-theme .up-next-label,
body.light-theme .up-next-label {
    color: #cccccc !important;
}

/* --- Playlists page: buttons, shelves, modals --- */
html.light-theme .create-playlist-button,
html.light-theme .delete-playlist-main-button,
html.light-theme .apply-filters-button,
body.light-theme .create-playlist-button,
body.light-theme .delete-playlist-main-button,
body.light-theme .apply-filters-button {
    background: #f2f2f2 !important;
    border: 1px solid #d0d0d0 !important;
    color: #0f0f0f !important;
}

html.light-theme .create-playlist-button img,
html.light-theme .delete-playlist-main-button img,
body.light-theme .create-playlist-button img,
body.light-theme .delete-playlist-main-button img {
    filter: brightness(0) opacity(0.7) !important;
}

html.light-theme .playlists-grid.is-shelves .playlist-card,
body.light-theme .playlists-grid.is-shelves .playlist-card {
    background: #ffffff !important;
    border: 1px solid #e5e5e5 !important;
}

html.light-theme .playlists-grid.is-shelves .playlist-info h3,
body.light-theme .playlists-grid.is-shelves .playlist-info h3 {
    color: #0f0f0f !important;
}

html.light-theme .playlist-info .playlist-meta,
body.light-theme .playlist-info .playlist-meta {
    color: #606060 !important;
}

html.light-theme .playlist-info .view-playlist-link,
body.light-theme .playlist-info .view-playlist-link {
    color: #065fd4 !important;
}

html.light-theme .playlist-info .view-playlist-link:hover,
body.light-theme .playlist-info .view-playlist-link:hover {
    color: #0047b3 !important;
    text-decoration: underline;
}

html.light-theme .visibility-options,
body.light-theme .visibility-options {
    background: #f8f9fa !important;
    border-color: #e0e0e0 !important;
}

html.light-theme .visibility-options label,
body.light-theme .visibility-options label {
    background: transparent;
}

html.light-theme .visibility-options label:hover,
body.light-theme .visibility-options label:hover {
    background: rgba(0, 0, 0, 0.04) !important;
}

html.light-theme .visibility-options .visibility-icon,
body.light-theme .visibility-options .visibility-icon {
    filter: brightness(0) opacity(0.45) !important;
}

html.light-theme .visibility-options input[type="radio"]:checked + .visibility-icon,
body.light-theme .visibility-options input[type="radio"]:checked + .visibility-icon {
    filter: brightness(0) opacity(0.85) !important;
}

html.light-theme .visibility-options span,
body.light-theme .visibility-options span {
    color: #757575 !important;
}

html.light-theme .visibility-options input[type="radio"]:checked + .visibility-icon + span,
body.light-theme .visibility-options input[type="radio"]:checked + .visibility-icon + span {
    color: #0f0f0f !important;
}

/* --- Playlist view: title, actions, icons --- */
html.light-theme .playlist-title,
html.light-theme .playlist-owner span,
html.light-theme .playlist-owner .playlist-owner-link,
body.light-theme .playlist-title,
body.light-theme .playlist-owner span,
body.light-theme .playlist-owner .playlist-owner-link {
    color: #0f0f0f !important;
}

html.light-theme .playlist-meta-info,
html.light-theme .playlist-description,
body.light-theme .playlist-meta-info,
body.light-theme .playlist-description {
    color: #606060 !important;
}

html.light-theme .playlist-info-sidebar .action-button,
body.light-theme .playlist-info-sidebar .action-button {
    background: #f2f2f2 !important;
    color: #0f0f0f !important;
    border: 1px solid #e0e0e0;
}

html.light-theme .playlist-info-sidebar .action-button img,
body.light-theme .playlist-info-sidebar .action-button img {
    filter: brightness(0) opacity(0.65) !important;
}

html.light-theme .playlist-info-sidebar .action-button:hover,
body.light-theme .playlist-info-sidebar .action-button:hover {
    background: #e8e8e8 !important;
}

/* --- Studio: mini-studio + analytics dialog --- */
html.light-theme body.studio-page .studio-shell-header,
html.light-theme body.studio-page .studio-analytics-preview,
html.light-theme body.studio-page .studio-stat-card,
body.light-theme.studio-page .studio-shell-header,
body.light-theme.studio-page .studio-analytics-preview,
body.light-theme.studio-page .studio-stat-card {
    background: linear-gradient(165deg, #ffffff 0%, #f3f4f6 100%) !important;
    border: 1px solid #e5e5e5 !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
}

html.light-theme .studio-shell-title,
html.light-theme .studio-analytics-preview-title,
html.light-theme .studio-dialog-title,
html.light-theme .studio-stats-detail-title,
body.light-theme .studio-shell-title,
body.light-theme .studio-analytics-preview-title,
body.light-theme .studio-dialog-title,
body.light-theme .studio-stats-detail-title {
    color: #0f0f0f !important;
}

html.light-theme .studio-shell-desc,
html.light-theme .studio-analytics-preview-sub,
html.light-theme .studio-dialog-lead,
html.light-theme .studio-stat-label,
body.light-theme .studio-shell-desc,
body.light-theme .studio-analytics-preview-sub,
body.light-theme .studio-dialog-lead,
body.light-theme .studio-stat-label {
    color: #606060 !important;
}

html.light-theme .studio-stat-block,
html.light-theme .studio-stat-value,
body.light-theme .studio-stat-block,
body.light-theme .studio-stat-value {
    color: #0f0f0f !important;
    background: rgba(0, 0, 0, 0.04) !important;
    border-color: #e0e0e0 !important;
}

html.light-theme .studio-stats-detail-list,
html.light-theme .studio-stats-detail-list li,
body.light-theme .studio-stats-detail-list,
body.light-theme .studio-stats-detail-list li {
    color: #505050 !important;
    border-bottom-color: #eeeeee !important;
}

html.light-theme .studio-stats-detail-list strong,
body.light-theme .studio-stats-detail-list strong {
    color: #0f0f0f !important;
}

html.light-theme .studio-stats-detail--mini,
body.light-theme .studio-stats-detail--mini {
    border-top-color: #e0e0e0 !important;
}

html.light-theme .studio-tab,
body.light-theme .studio-tab {
    background: #f2f2f2 !important;
    color: #606060 !important;
    border-color: #e0e0e0 !important;
}

html.light-theme .studio-tab.is-active,
body.light-theme .studio-tab.is-active {
    background: rgba(6, 95, 212, 0.12) !important;
    color: #065fd4 !important;
    border-color: rgba(6, 95, 212, 0.35) !important;
}

html.light-theme .studio-back-btn,
body.light-theme .studio-back-btn {
    background: #f2f2f2 !important;
    color: #0f0f0f !important;
    border-color: #e0e0e0 !important;
}

/* --- Live studio (dashboard) --- */
html.light-theme body.live-dashboard-page .live-dash-studio-header .studio-shell-header,
html.light-theme body.live-dashboard-page .live-dash-card,
html.light-theme body.live-dashboard-page .live-dash-panel,
body.light-theme.live-dashboard-page .live-dash-studio-header .studio-shell-header,
body.light-theme.live-dashboard-page .live-dash-card,
body.light-theme.live-dashboard-page .live-dash-panel {
    background: #ffffff !important;
    border: 1px solid #e5e5e5 !important;
    color: #0f0f0f;
}

html.light-theme body.live-dashboard-page .live-dash-card h2,
html.light-theme body.live-dashboard-page .live-dash-card h3,
html.light-theme body.live-dashboard-page label,
body.light-theme.live-dashboard-page .live-dash-card h2,
body.light-theme.live-dashboard-page .live-dash-card h3,
body.light-theme.live-dashboard-page label {
    color: #0f0f0f !important;
}

html.light-theme body.live-dashboard-page .live-dash-muted,
html.light-theme body.live-dashboard-page .form-hint,
body.light-theme.live-dashboard-page .live-dash-muted,
body.light-theme.live-dashboard-page .form-hint {
    color: #606060 !important;
}

html.light-theme body.live-dashboard-page input,
html.light-theme body.live-dashboard-page textarea,
html.light-theme body.live-dashboard-page select,
body.light-theme.live-dashboard-page input,
body.light-theme.live-dashboard-page textarea,
body.light-theme.live-dashboard-page select {
    background: #ffffff !important;
    color: #0f0f0f !important;
    border-color: #d0d0d0 !important;
}

html.light-theme .channel-item-menu-button img,
html.light-theme .video-item-menu-button img,
body.light-theme .channel-item-menu-button img,
body.light-theme .video-item-menu-button img {
    filter: brightness(0) opacity(0.55) !important;
}

html.light-theme .channel-item-menu-button:hover,
html.light-theme .video-item-menu-button:hover,
body.light-theme .channel-item-menu-button:hover,
body.light-theme .video-item-menu-button:hover {
    background: rgba(0, 0, 0, 0.06) !important;
}

html.light-theme .channel-card,
html.light-theme .channel-card:hover,
body.light-theme .channel-card,
body.light-theme .channel-card:hover {
    background: rgba(0, 0, 0, 0.03) !important;
}

html.light-theme .channel-name-large,
html.light-theme .channel-info h3,
body.light-theme .channel-name-large,
body.light-theme .channel-info h3 {
    color: #0f0f0f !important;
}

html.light-theme body.live-dashboard-page .studio-shell-header,
body.light-theme.live-dashboard-page .studio-shell-header {
    background: linear-gradient(165deg, #ffffff 0%, #f3f4f6 100%) !important;
    border: 1px solid #e5e5e5 !important;
}

html.light-theme body.live-dashboard-page .studio-shell-title,
body.light-theme.live-dashboard-page .studio-shell-title {
    color: #0f0f0f !important;
}

html.light-theme .st-btn.danger,
body.light-theme .st-btn.danger {
    color: #ffffff !important;
}

/* ===================================================================
 *  Watch page, modals (report / playlist), comment UI
 * =================================================================== */

html.light-theme body.watch-page .like-dislike-buttons,
body.light-theme.watch-page .like-dislike-buttons {
    background: #f2f2f2 !important;
    border-color: #e0e0e0 !important;
    backdrop-filter: none !important;
}

html.light-theme body.watch-page .like-dislike-buttons button,
body.light-theme.watch-page .like-dislike-buttons button {
    color: #0f0f0f !important;
}

html.light-theme body.watch-page .like-dislike-buttons button img,
html.light-theme body.watch-page .like-dislike-buttons button img.video-vote-icon,
body.light-theme.watch-page .like-dislike-buttons button img,
body.light-theme.watch-page .like-dislike-buttons button img.video-vote-icon {
    filter: brightness(0) opacity(0.62) !important;
}

html.light-theme body.watch-page .like-dislike-buttons button.active,
body.light-theme.watch-page .like-dislike-buttons button.active {
    background: rgba(15, 15, 15, 0.1) !important;
    color: #0f0f0f !important;
    box-shadow: none !important;
}

html.light-theme body.watch-page .like-dislike-buttons button.active img,
body.light-theme.watch-page .like-dislike-buttons button.active img {
    filter: brightness(0) opacity(0.9) !important;
}

html.light-theme body.watch-page .action-buttons .action-btn,
html.light-theme body.watch-page .action-buttons .watch-share-btn,
body.light-theme.watch-page .action-buttons .action-btn,
body.light-theme.watch-page .action-buttons .watch-share-btn {
    background: #f2f2f2 !important;
    border: 1px solid #e0e0e0 !important;
    color: #0f0f0f !important;
}

html.light-theme body.watch-page .action-buttons .action-btn img,
html.light-theme body.watch-page .more-actions-btn img,
body.light-theme.watch-page .action-buttons .action-btn img,
body.light-theme.watch-page .more-actions-btn img {
    filter: brightness(0) opacity(0.58) !important;
}

html.light-theme body.watch-page .video-item-menu-button,
body.light-theme.watch-page .video-item-menu-button {
    background: #f2f2f2 !important;
    border: 1px solid #e0e0e0 !important;
}

html.light-theme body.watch-page .comment-actions .action-btn.comment-vote-btn img,
html.light-theme body.watch-page .comment-actions .action-btn img,
body.light-theme.watch-page .comment-actions .action-btn.comment-vote-btn img,
body.light-theme.watch-page .comment-actions .action-btn img {
    filter: brightness(0) opacity(0.55) !important;
}

html.light-theme body.watch-page .comment-actions .action-btn:hover img,
body.light-theme.watch-page .comment-actions .action-btn:hover img {
    filter: brightness(0) opacity(0.85) !important;
}

html.light-theme body.watch-page .comment-menu-btn img,
body.light-theme.watch-page .comment-menu-btn img {
    filter: brightness(0) opacity(0.55) !important;
}

html.light-theme body.watch-page .comment-action-btn.submit:not(:disabled),
body.light-theme.watch-page .comment-action-btn.submit:not(:disabled) {
    background: #065fd4 !important;
    color: #ffffff !important;
}

html.light-theme body.watch-page .comment-action-btn.submit:disabled,
body.light-theme.watch-page .comment-action-btn.submit:disabled {
    background: #e8e8e8 !important;
    color: #757575 !important;
}

html.light-theme body.watch-page .video-description-box,
body.light-theme.watch-page .video-description-box {
    background: #f5f5f5 !important;
    border: 1px solid #eeeeee !important;
}

html.light-theme .report-other-textarea-scroll,
body.light-theme .report-other-textarea-scroll {
    background: #f5f5f5 !important;
    border: 1px solid #e0e0e0 !important;
    box-shadow: none !important;
}

html.light-theme #other-reason-details,
html.light-theme #comment-other-reason-details,
body.light-theme #other-reason-details,
body.light-theme #comment-other-reason-details {
    color: #0f0f0f !important;
}

html.light-theme #other-reason-details::placeholder,
html.light-theme #comment-other-reason-details::placeholder,
body.light-theme #other-reason-details::placeholder,
body.light-theme #comment-other-reason-details::placeholder {
    color: #909090 !important;
}

html.light-theme .report-modal-footer,
html.light-theme .report-option label,
body.light-theme .report-modal-footer,
body.light-theme .report-option label {
    border-color: #e5e5e5 !important;
    color: #0f0f0f !important;
}

html.light-theme .char-counter,
body.light-theme .char-counter {
    color: #606060 !important;
}

html.light-theme .form-group-small label,
body.light-theme .form-group-small label {
    color: #606060 !important;
}

html.light-theme .form-group-small input[type="text"],
html.light-theme .custom-select-button,
body.light-theme .form-group-small input[type="text"],
body.light-theme .custom-select-button {
    background: #ffffff !important;
    border-color: #d0d0d0 !important;
    color: #0f0f0f !important;
}

html.light-theme .custom-select-arrow,
body.light-theme .custom-select-arrow {
    filter: brightness(0) opacity(0.55) !important;
}

html.light-theme .custom-select-dropdown,
body.light-theme .custom-select-dropdown {
    background: #ffffff !important;
    border: 1px solid #e5e5e5 !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
}

html.light-theme .custom-select-option,
body.light-theme .custom-select-option {
    color: #0f0f0f !important;
}

html.light-theme .custom-select-option:hover,
html.light-theme .custom-select-option.active,
body.light-theme .custom-select-option:hover,
body.light-theme .custom-select-option.active {
    background: #f2f2f2 !important;
}

html.light-theme .create-new-playlist-link,
html.light-theme .create-new-playlist-link span,
body.light-theme .create-new-playlist-link,
body.light-theme .create-new-playlist-link span {
    color: #0f0f0f !important;
}

html.light-theme .create-new-playlist-link img,
body.light-theme .create-new-playlist-link img {
    filter: brightness(0) opacity(0.7) !important;
}

html.light-theme .create-new-playlist-link:hover,
body.light-theme .create-new-playlist-link:hover {
    background: #f2f2f2 !important;
}

html.light-theme .add-to-playlist-modal-header,
html.light-theme .create-new-playlist-section,
body.light-theme .add-to-playlist-modal-header,
body.light-theme .create-new-playlist-section {
    border-color: #e5e5e5 !important;
}

html.light-theme .playlist-selection-item:hover,
body.light-theme .playlist-selection-item:hover {
    background: #f2f2f2 !important;
    color: #0f0f0f !important;
}

html.light-theme .comment-dropdown,
body.light-theme .comment-dropdown {
    background: #ffffff !important;
    border: 1px solid #e5e5e5 !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1) !important;
}

html.light-theme .comment-dropdown .menu-item,
body.light-theme .comment-dropdown .menu-item {
    color: #0f0f0f !important;
}

html.light-theme .comment-dropdown .menu-item:hover,
body.light-theme .comment-dropdown .menu-item:hover {
    background: #f2f2f2 !important;
}

html.light-theme .comment-dropdown .menu-item > img,
body.light-theme .comment-dropdown .menu-item > img {
    filter: brightness(0) opacity(0.62) !important;
}

html.light-theme .comment-delete-menu-icon,
body.light-theme .comment-delete-menu-icon {
    color: #0f0f0f !important;
}

html.light-theme body.watch-page .more-actions-dropdown,
body.light-theme.watch-page .more-actions-dropdown {
    background: #ffffff !important;
    border: 1px solid #e5e5e5 !important;
}

html.light-theme body.watch-page .more-actions-dropdown a,
body.light-theme.watch-page .more-actions-dropdown a {
    color: #0f0f0f !important;
}

html.light-theme body.watch-page .more-actions-dropdown a img,
body.light-theme.watch-page .more-actions-dropdown a img {
    filter: brightness(0) opacity(0.58) !important;
}

/* st-notifications-clear-block: settings.css + theme-settings-light.css */