/**
 * Светлая тема — страница просмотра (watch.php):
 * плеер, меню настроек, панель плейлиста.
 */

/* Плеер остаётся тёмным — текст времени и подписи контролов светлые */
html.light-theme .video-container,
body.light-theme .video-container {
    color: #f1f1f1 !important;
}

html.light-theme .video-container .time-container,
body.light-theme .video-container .time-container {
    color: rgba(255, 255, 255, 0.95) !important;
    font-weight: 500;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

html.light-theme .video-container .controls button img,
body.light-theme .video-container .controls button img {
    filter: invert(1) !important;
}

/* Меню настроек (шестерёнка) — тёмная панель, светлый текст (не глобальный #0f0f0f) */
html.light-theme .video-container .settings-menu-container,
body.light-theme .video-container .settings-menu-container {
    background: rgba(28, 28, 30, 0.94) !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #f1f1f1 !important;
}

html.light-theme .video-container .settings-menu-container .menu-item,
html.light-theme .video-container .settings-menu-container .menu-option,
html.light-theme .video-container .settings-menu-container .submenu-header,
html.light-theme .video-container .settings-menu-container .arrow-symbol,
body.light-theme .video-container .settings-menu-container .menu-item,
body.light-theme .video-container .settings-menu-container .menu-option,
body.light-theme .video-container .settings-menu-container .submenu-header,
body.light-theme .video-container .settings-menu-container .arrow-symbol {
    color: #ffffff !important;
}

html.light-theme .video-container .settings-menu-container .menu-item .value,
html.light-theme .video-container .settings-menu-container .menu-option-subhint,
body.light-theme .video-container .settings-menu-container .menu-item .value,
body.light-theme .video-container .settings-menu-container .menu-option-subhint {
    color: rgba(255, 255, 255, 0.65) !important;
}

html.light-theme .video-container .settings-menu-container .menu-item:hover,
html.light-theme .video-container .settings-menu-container .menu-option:hover,
body.light-theme .video-container .settings-menu-container .menu-item:hover,
body.light-theme .video-container .settings-menu-container .menu-option:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
}

html.light-theme .video-container .settings-menu-container .menu-item img,
body.light-theme .video-container .settings-menu-container .menu-item img {
    filter: invert(1) !important;
}

html.light-theme .video-container .settings-menu-container .menu-item svg.menu-item-icon,
body.light-theme .video-container .settings-menu-container .menu-item svg.menu-item-icon {
    color: #f1f1f1 !important;
}

html.light-theme .video-container .settings-menu-container .submenu,
body.light-theme .video-container .settings-menu-container .submenu {
    background: rgba(28, 28, 30, 0.98) !important;
}

html.light-theme .video-container .settings-menu-container .submenu-header .back-btn,
body.light-theme .video-container .settings-menu-container .submenu-header .back-btn {
    color: #ffffff !important;
}

/* ── Панель плейлиста ── */
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,
html.light-theme .playlist-panel .playlist-video-title,
html.light-theme .playlist-panel .playlist-meta-owner-name,
body.light-theme .playlist-compact-title,
body.light-theme .playlist-panel-title,
body.light-theme .playlist-panel-meta,
body.light-theme .playlist-panel .playlist-video-title,
body.light-theme .playlist-panel .playlist-meta-owner-name {
    color: #0f0f0f !important;
}

html.light-theme .playlist-compact-sub,
html.light-theme .playlist-panel-sub,
html.light-theme .playlist-panel .playlist-video-channel,
html.light-theme .playlist-panel .playlist-meta-detail,
html.light-theme .playlist-panel .playlist-meta-owner-label,
body.light-theme .playlist-compact-sub,
body.light-theme .playlist-panel-sub,
body.light-theme .playlist-panel .playlist-video-channel,
body.light-theme .playlist-panel .playlist-meta-detail,
body.light-theme .playlist-panel .playlist-meta-owner-label {
    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 .playlist-panel .playlist-toolbar,
body.light-theme .playlist-panel .playlist-toolbar {
    border-bottom-color: #e8e8e8 !important;
}

/* Shuffle / repeat — SVG stroke через currentColor */
html.light-theme .playlist-panel .playlist-icon-tool,
body.light-theme .playlist-panel .playlist-icon-tool {
    background: rgba(0, 0, 0, 0.05) !important;
    color: #505050 !important;
}

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

html.light-theme .playlist-panel .playlist-icon-tool.is-on,
html.light-theme .playlist-panel .playlist-shuffle-btn:hover,
body.light-theme .playlist-panel .playlist-icon-tool.is-on,
body.light-theme .playlist-panel .playlist-shuffle-btn:hover {
    background: rgba(6, 95, 212, 0.12) !important;
    color: #065fd4 !important;
}

html.light-theme .playlist-panel .playlist-mode-toggle-btn,
body.light-theme .playlist-panel .playlist-mode-toggle-btn {
    background: rgba(6, 95, 212, 0.08) !important;
    border-color: rgba(6, 95, 212, 0.35) !important;
    color: #065fd4 !important;
}

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

html.light-theme .playlist-panel .playlist-video-row.is-playlist-current,
body.light-theme .playlist-panel .playlist-video-row.is-playlist-current {
    background-color: rgba(6, 95, 212, 0.1) !important;
    outline-color: rgba(6, 95, 212, 0.28) !important;
}

html.light-theme .playlist-panel .playlist-video-index,
body.light-theme .playlist-panel .playlist-video-index {
    color: #909090 !important;
}

html.light-theme .playlist-panel .playlist-video-index.is-playing,
body.light-theme .playlist-panel .playlist-video-index.is-playing {
    color: #065fd4 !important;
}

/* Троеточие — видно на светлом фоне и на синей подсветке текущего */
html.light-theme .playlist-panel .playlist-video-menu-btn,
body.light-theme .playlist-panel .playlist-video-menu-btn {
    color: #606060 !important;
    opacity: 1 !important;
}

html.light-theme .playlist-panel .playlist-video-row.is-playlist-current .playlist-video-menu-btn,
html.light-theme .playlist-panel .playlist-video-menu-btn:hover,
body.light-theme .playlist-panel .playlist-video-row.is-playlist-current .playlist-video-menu-btn,
body.light-theme .playlist-panel .playlist-video-menu-btn:hover {
    color: #404040 !important;
    background: rgba(0, 0, 0, 0.06) !important;
    opacity: 1 !important;
}

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

html.light-theme .playlist-panel .playlist-dd-item,
body.light-theme .playlist-panel .playlist-dd-item {
    color: #0f0f0f !important;
}

html.light-theme .playlist-panel .playlist-dd-item:hover,
body.light-theme .playlist-panel .playlist-dd-item:hover {
    background: #f2f2f2 !important;
}

html.light-theme .playlist-panel .playlist-dd-icon,
body.light-theme .playlist-panel .playlist-dd-icon {
    filter: brightness(0) opacity(0.65) !important;
}

html.light-theme .playlist-panel .playlist-privacy-badge,
body.light-theme .playlist-panel .playlist-privacy-badge {
    background: rgba(0, 0, 0, 0.05) !important;
    border-color: #e0e0e0 !important;
    color: #606060 !important;
}

html.light-theme .playlist-panel .playlist-privacy--public,
body.light-theme .playlist-panel .playlist-privacy--public {
    background: rgba(6, 95, 212, 0.08) !important;
    color: #065fd4 !important;
    border-color: rgba(6, 95, 212, 0.25) !important;
}

html.light-theme .playlist-panel .thumbnail-duration,
body.light-theme .playlist-panel .thumbnail-duration {
    color: #ffffff !important;
    background-color: rgba(0, 0, 0, 0.82) !important;
}

/* ═══════════════════════════════════════
   Lo-fi «Оригинальная» — те же зоны
   ═══════════════════════════════════════ */
html.original-theme .video-container,
body.original-theme .video-container {
    color: #fffdf9 !important;
}

html.original-theme .video-container .time-container,
body.original-theme .video-container .time-container {
    color: rgba(255, 253, 249, 0.95) !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
}

html.original-theme .video-container .settings-menu-container,
body.original-theme .video-container .settings-menu-container {
    background: rgba(74, 63, 53, 0.94) !important;
    border: 1px solid rgba(180, 150, 120, 0.25) !important;
    color: #fffdf9 !important;
}

html.original-theme .video-container .settings-menu-container .menu-item,
html.original-theme .video-container .settings-menu-container .menu-option,
html.original-theme .video-container .settings-menu-container .submenu-header,
html.original-theme .video-container .settings-menu-container .arrow-symbol,
body.original-theme .video-container .settings-menu-container .menu-item,
body.original-theme .video-container .settings-menu-container .menu-option,
body.original-theme .video-container .settings-menu-container .submenu-header,
body.original-theme .video-container .settings-menu-container .arrow-symbol {
    color: #fffdf9 !important;
}

html.original-theme .video-container .settings-menu-container .menu-item .value,
html.original-theme .video-container .settings-menu-container .menu-option-subhint,
body.original-theme .video-container .settings-menu-container .menu-item .value,
body.original-theme .video-container .settings-menu-container .menu-option-subhint {
    color: rgba(232, 196, 168, 0.85) !important;
}

html.original-theme .video-container .settings-menu-container .menu-item:hover,
html.original-theme .video-container .settings-menu-container .menu-option:hover,
body.original-theme .video-container .settings-menu-container .menu-item:hover,
body.original-theme .video-container .settings-menu-container .menu-option:hover {
    background-color: rgba(255, 255, 255, 0.08) !important;
}

html.original-theme .video-container .settings-menu-container .menu-item img,
body.original-theme .video-container .settings-menu-container .menu-item img {
    filter: invert(1) !important;
}

html.original-theme .video-container .settings-menu-container .submenu,
body.original-theme .video-container .settings-menu-container .submenu {
    background: rgba(74, 63, 53, 0.98) !important;
}

html.original-theme .video-container .settings-menu-container .submenu-header,
body.original-theme .video-container .settings-menu-container .submenu-header {
    border-bottom-color: rgba(180, 150, 120, 0.22) !important;
    color: #fffdf9 !important;
}

html.original-theme .video-container .settings-menu-container .submenu-header .back-btn,
body.original-theme .video-container .settings-menu-container .submenu-header .back-btn {
    color: #e8c4a8 !important;
}

html.original-theme .video-container .settings-menu-container .menu-option.active,
body.original-theme .video-container .settings-menu-container .menu-option.active {
    background: rgba(232, 196, 168, 0.18) !important;
    color: #fffdf9 !important;
}

html.original-theme .video-container .settings-menu-container.active,
body.original-theme .video-container .settings-menu-container.active {
    animation: none !important;
    box-shadow: 0 8px 28px rgba(42, 36, 32, 0.45) !important;
}

/* Lo-fi — панель управления и прогресс */
html.original-theme .video-container .video-controls-container,
body.original-theme .video-container .video-controls-container {
    background: linear-gradient(
        to top,
        rgba(42, 36, 32, 0.94) 0%,
        rgba(42, 36, 32, 0.5) 50%,
        transparent 100%
    ) !important;
}

html.original-theme .video-container .timeline,
body.original-theme .video-container .timeline {
    background-color: rgba(255, 248, 240, 0.28) !important;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25) !important;
}

html.original-theme .video-container .progress-bar,
body.original-theme .video-container .progress-bar {
    background: linear-gradient(90deg, #a86b4a 0%, #c4895a 42%, #e8c4a8 78%, #fff8f0 100%) !important;
    box-shadow: 0 0 10px rgba(196, 137, 90, 0.38) !important;
}

html.original-theme .video-container .thumb-indicator,
body.original-theme .video-container .thumb-indicator {
    background-color: #fff8f0 !important;
    border: 1px solid rgba(180, 150, 120, 0.35);
    box-shadow: 0 1px 8px rgba(74, 58, 42, 0.5) !important;
}

html.original-theme .video-container .volume-container input[type="range"]::-webkit-slider-runnable-track,
body.original-theme .video-container .volume-container input[type="range"]::-webkit-slider-runnable-track {
    background: linear-gradient(
        to right,
        #e8c4a8 var(--volume-progress, 100%),
        rgba(255, 248, 240, 0.28) var(--volume-progress, 100%)
    ) !important;
}

html.original-theme .video-container .volume-container input[type="range"]::-moz-range-track,
body.original-theme .video-container .volume-container input[type="range"]::-moz-range-track {
    background: linear-gradient(
        to right,
        #e8c4a8 var(--volume-progress, 100%),
        rgba(255, 248, 240, 0.28) var(--volume-progress, 100%)
    ) !important;
}

html.original-theme .video-container .volume-container input[type="range"]::-webkit-slider-thumb,
body.original-theme .video-container .volume-container input[type="range"]::-webkit-slider-thumb {
    background: radial-gradient(circle at 30% 30%, #fff8f0, #d4a574) !important;
}

html.original-theme .video-container .volume-container input[type="range"]::-moz-range-thumb,
body.original-theme .video-container .volume-container input[type="range"]::-moz-range-thumb {
    background: #fff8f0 !important;
}

/* Экран «Следующее видео» */
html.original-theme .video-container .end-screen,
body.original-theme .video-container .end-screen {
    background-color: rgba(42, 36, 32, 0.9) !important;
}

html.original-theme .video-container .up-next-label,
body.original-theme .video-container .up-next-label {
    color: #c4a38a !important;
}

html.original-theme .video-container .up-next-title,
html.original-theme .video-container .up-next-channel,
body.original-theme .video-container .up-next-title,
body.original-theme .video-container .up-next-channel {
    color: #fffdf9 !important;
}

html.original-theme .video-container .play-next-btn,
body.original-theme .video-container .play-next-btn {
    background: linear-gradient(135deg, #d49a6a 0%, #c4895a 100%) !important;
    color: #fffdf9 !important;
}

html.original-theme .video-container .play-next-btn:hover,
body.original-theme .video-container .play-next-btn:hover {
    background: linear-gradient(135deg, #e0a878 0%, #d49a6a 100%) !important;
}

/* ── Панель плейлиста (lo-fi) ── */
html.original-theme .playlist-panel,
body.original-theme .playlist-panel {
    background: linear-gradient(180deg, #fffefb 0%, #f5efe6 100%) !important;
    border: 1px solid rgba(168, 130, 90, 0.32) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.75) inset,
        0 8px 28px rgba(92, 74, 58, 0.1) !important;
    color: #4a3f35 !important;
}

html.original-theme .playlist-panel-compact,
body.original-theme .playlist-panel-compact {
    color: #4a3f35 !important;
}

html.original-theme .playlist-compact-title,
html.original-theme .playlist-compact-primary,
html.original-theme .playlist-panel-title,
html.original-theme .playlist-panel .playlist-video-title,
html.original-theme .playlist-meta-owner-name,
html.original-theme .playlist-meta-owner-link,
body.original-theme .playlist-compact-title,
body.original-theme .playlist-compact-primary,
body.original-theme .playlist-panel-title,
body.original-theme .playlist-panel .playlist-video-title,
body.original-theme .playlist-meta-owner-name,
body.original-theme .playlist-meta-owner-link {
    color: #4a3f35 !important;
}

html.original-theme .playlist-compact-sub,
html.original-theme .playlist-panel-sub,
html.original-theme .playlist-panel .playlist-video-channel,
html.original-theme .playlist-meta-detail,
html.original-theme .playlist-meta-owner-label,
html.original-theme .playlist-panel-chevron,
html.original-theme .playlist-panel .playlist-video-index,
body.original-theme .playlist-compact-sub,
body.original-theme .playlist-panel-sub,
body.original-theme .playlist-panel .playlist-video-channel,
body.original-theme .playlist-meta-detail,
body.original-theme .playlist-meta-owner-label,
body.original-theme .playlist-panel-chevron,
body.original-theme .playlist-panel .playlist-video-index {
    color: #8b7355 !important;
}

html.original-theme .playlist-meta-owner-link:hover,
html.original-theme .playlist-meta-owner-link:hover .playlist-meta-owner-label,
html.original-theme .playlist-meta-owner-link:hover .playlist-meta-owner-name,
body.original-theme .playlist-meta-owner-link:hover,
body.original-theme .playlist-meta-owner-link:hover .playlist-meta-owner-label,
body.original-theme .playlist-meta-owner-link:hover .playlist-meta-owner-name {
    color: #6b5a48 !important;
}

html.original-theme .playlist-panel-icon-btn,
body.original-theme .playlist-panel-icon-btn {
    background: rgba(255, 254, 251, 0.9) !important;
    border: 1px solid rgba(180, 150, 120, 0.22) !important;
    color: #6b5a48 !important;
}

html.original-theme .playlist-panel-icon-btn:hover,
body.original-theme .playlist-panel-icon-btn:hover {
    background: #f5efe6 !important;
    color: #4a3f35 !important;
}

html.original-theme .playlist-panel .playlist-toolbar,
body.original-theme .playlist-panel .playlist-toolbar {
    border-bottom-color: rgba(180, 150, 120, 0.2) !important;
}

html.original-theme .playlist-panel .playlist-icon-tool,
body.original-theme .playlist-panel .playlist-icon-tool {
    background: rgba(255, 254, 251, 0.95) !important;
    border: 1px solid rgba(180, 150, 120, 0.22) !important;
    color: #6b5a48 !important;
}

html.original-theme .playlist-panel .playlist-icon-tool:hover,
html.original-theme .playlist-panel .playlist-icon-tool.is-on,
html.original-theme .playlist-panel .playlist-shuffle-btn:hover,
body.original-theme .playlist-panel .playlist-icon-tool:hover,
body.original-theme .playlist-panel .playlist-icon-tool.is-on,
body.original-theme .playlist-panel .playlist-shuffle-btn:hover {
    background: rgba(232, 196, 168, 0.4) !important;
    color: #5c4a3d !important;
    border-color: rgba(196, 137, 90, 0.35) !important;
}

html.original-theme .playlist-panel .playlist-mode-toggle-btn,
body.original-theme .playlist-panel .playlist-mode-toggle-btn {
    background: rgba(255, 254, 251, 0.9) !important;
    border: 1px solid rgba(196, 137, 90, 0.35) !important;
    color: #a86b4a !important;
}

html.original-theme .playlist-panel .playlist-mode-toggle-btn:hover,
body.original-theme .playlist-panel .playlist-mode-toggle-btn:hover {
    background: rgba(232, 196, 168, 0.35) !important;
    color: #5c4a3d !important;
}

/* Плашки строк видео в плейлисте */
html.original-theme .playlist-panel .playlist-video-row,
body.original-theme .playlist-panel .playlist-video-row {
    background: rgba(255, 254, 251, 0.72) !important;
    border: 1px solid rgba(180, 150, 120, 0.14) !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
}

html.original-theme .playlist-panel .playlist-video-row:hover,
body.original-theme .playlist-panel .playlist-video-row:hover {
    background: #faf6f0 !important;
    border-color: rgba(180, 150, 120, 0.26) !important;
}

html.original-theme .playlist-panel .playlist-video-item:hover,
body.original-theme .playlist-panel .playlist-video-item:hover {
    background: transparent !important;
}

html.original-theme .playlist-panel .playlist-video-row.is-playlist-current,
body.original-theme .playlist-panel .playlist-video-row.is-playlist-current {
    background: rgba(201, 123, 132, 0.12) !important;
    border-color: rgba(201, 123, 132, 0.28) !important;
    outline: 1px solid rgba(201, 123, 132, 0.22) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.45) inset,
        0 2px 10px rgba(201, 123, 132, 0.08) !important;
}

html.original-theme .playlist-panel .playlist-video-index.is-playing,
body.original-theme .playlist-panel .playlist-video-index.is-playing {
    color: #c4895a !important;
}

html.original-theme .playlist-panel .playlist-video-menu-btn,
body.original-theme .playlist-panel .playlist-video-menu-btn {
    color: #6b5a48 !important;
    opacity: 1 !important;
    background: transparent !important;
    transition: background-color 0.15s ease !important;
}

html.original-theme .playlist-panel .playlist-video-row:hover .playlist-video-menu-btn,
html.original-theme .playlist-panel .playlist-video-menu-btn:hover,
html.original-theme .playlist-panel .playlist-video-menu-btn:focus-visible,
body.original-theme .playlist-panel .playlist-video-row:hover .playlist-video-menu-btn,
body.original-theme .playlist-panel .playlist-video-menu-btn:hover,
body.original-theme .playlist-panel .playlist-video-menu-btn:focus-visible {
    color: #4a3f35 !important;
    background: rgba(245, 239, 230, 0.95) !important;
    opacity: 1 !important;
}

html.original-theme .playlist-panel .playlist-video-dropdown,
body.original-theme .playlist-panel .playlist-video-dropdown {
    background: #fffefb !important;
    border: 1px solid rgba(180, 150, 120, 0.28) !important;
    box-shadow: 0 12px 32px rgba(74, 63, 53, 0.14) !important;
}

html.original-theme .playlist-panel .playlist-dd-item,
body.original-theme .playlist-panel .playlist-dd-item {
    color: #4a3f35 !important;
}

html.original-theme .playlist-panel .playlist-dd-item:hover,
body.original-theme .playlist-panel .playlist-dd-item:hover {
    background: #f5efe6 !important;
    color: #4a3f35 !important;
}

html.original-theme .playlist-panel .playlist-dd-icon,
body.original-theme .playlist-panel .playlist-dd-icon {
    filter: brightness(0) saturate(100%) opacity(0.5) !important;
}

html.original-theme .playlist-panel .playlist-privacy-badge,
body.original-theme .playlist-panel .playlist-privacy-badge {
    background: rgba(255, 254, 251, 0.85) !important;
    border: 1px solid rgba(180, 150, 120, 0.22) !important;
    color: #8b7355 !important;
}

html.original-theme .playlist-panel .playlist-privacy--public,
body.original-theme .playlist-panel .playlist-privacy--public {
    background: rgba(232, 196, 168, 0.35) !important;
    color: #6b5a48 !important;
    border-color: rgba(196, 137, 90, 0.3) !important;
}

html.original-theme .playlist-panel .playlist-privacy--unlisted,
body.original-theme .playlist-panel .playlist-privacy--unlisted {
    background: rgba(255, 220, 180, 0.35) !important;
    color: #8b6a40 !important;
    border-color: rgba(200, 160, 100, 0.3) !important;
}

html.original-theme .playlist-panel .thumbnail-duration,
body.original-theme .playlist-panel .thumbnail-duration {
    color: #fffdf9 !important;
    background: rgba(74, 58, 42, 0.78) !important;
}

html.original-theme .playlist-panel-videos,
body.original-theme .playlist-panel-videos {
    scrollbar-color: rgba(180, 150, 120, 0.45) rgba(245, 239, 230, 0.5);
}

/* ═══════════════════════════════════════
   Lo-fi — страница просмотра (watch.php)
   ═══════════════════════════════════════ */

html.original-theme body.watch-page .video-container,
body.original-theme.watch-page .video-container {
    background-color: #000 !important;
    box-shadow: none !important;
}

html.original-theme body.watch-page .video-description-box,
body.original-theme.watch-page .video-description-box {
    background: rgba(255, 254, 251, 0.82) !important;
    border: 1px solid rgba(180, 150, 120, 0.2) !important;
    box-shadow: none !important;
    overflow: hidden;
}

html.original-theme body.watch-page .video-description-box,
html.original-theme body.watch-page .video-text-description,
html.original-theme body.watch-page .video-meta-info,
html.original-theme body.watch-page .video-meta-info span,
html.original-theme body.watch-page .toggle-desc-btn,
body.original-theme.watch-page .video-description-box,
body.original-theme.watch-page .video-text-description,
body.original-theme.watch-page .video-meta-info,
body.original-theme.watch-page .video-meta-info span,
body.original-theme.watch-page .toggle-desc-btn {
    color: #4a3f35 !important;
}

html.original-theme body.watch-page .video-desc-ts-link,
html.original-theme body.watch-page .video-desc-ext-link,
body.original-theme.watch-page .video-desc-ts-link,
body.original-theme.watch-page .video-desc-ext-link {
    color: #a86b4a !important;
    font-weight: 600;
}

html.original-theme body.watch-page .video-desc-ts-link:hover,
html.original-theme body.watch-page .video-desc-ext-link:hover,
body.original-theme.watch-page .video-desc-ts-link:hover,
body.original-theme.watch-page .video-desc-ext-link:hover {
    color: #c97b84 !important;
    text-decoration: underline;
}

html.original-theme body.watch-page .toggle-desc-btn:hover,
body.original-theme.watch-page .toggle-desc-btn:hover {
    color: #6b5a48 !important;
}

/* Заголовок, канал, кнопки под плеером */
html.original-theme body.watch-page .video-title-watch,
html.original-theme body.watch-page .channel-name-watch a,
html.original-theme body.watch-page .channel-name-watch span:first-child,
body.original-theme.watch-page .video-title-watch,
body.original-theme.watch-page .channel-name-watch a,
body.original-theme.watch-page .channel-name-watch span:first-child {
    color: #4a3f35 !important;
}

html.original-theme body.watch-page .subscribers-count,
body.original-theme.watch-page .subscribers-count {
    color: #8b7355 !important;
}

html.original-theme body.watch-page .like-dislike-buttons,
body.original-theme.watch-page .like-dislike-buttons {
    display: inline-flex !important;
    align-items: stretch !important;
    border-radius: 9999px !important;
    border: none !important;
    background: #fffefb !important;
    backdrop-filter: none !important;
    box-shadow:
        0 0 0 1px rgba(168, 130, 90, 0.55),
        0 2px 8px rgba(92, 74, 58, 0.07) !important;
    overflow: hidden !important;
    isolation: isolate;
}

html.original-theme body.watch-page .like-dislike-buttons button,
body.original-theme.watch-page .like-dislike-buttons button {
    color: #4a3f35 !important;
    border: none !important;
    box-shadow: none !important;
    margin: 0 !important;
    transition: background-color 0.15s ease !important;
}

html.original-theme body.watch-page .like-dislike-buttons button:first-child,
body.original-theme.watch-page .like-dislike-buttons button:first-child {
    border-radius: 9999px 0 0 9999px !important;
}

html.original-theme body.watch-page .like-dislike-buttons button:last-child,
body.original-theme.watch-page .like-dislike-buttons button:last-child {
    border-radius: 0 9999px 9999px 0 !important;
}

html.original-theme body.watch-page .like-dislike-buttons button:active,
body.original-theme.watch-page .like-dislike-buttons button:active {
    transform: none !important;
}

html.original-theme body.watch-page .like-dislike-buttons button + button,
body.original-theme.watch-page .like-dislike-buttons button + button {
    border-left: 1px solid rgba(180, 150, 120, 0.3) !important;
    box-shadow: none !important;
}

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

html.original-theme body.watch-page .like-dislike-buttons button:hover,
body.original-theme.watch-page .like-dislike-buttons button:hover {
    background: #f5efe6 !important;
}

html.original-theme body.watch-page .like-dislike-buttons button.active,
body.original-theme.watch-page .like-dislike-buttons button.active {
    background: rgba(201, 123, 132, 0.18) !important;
    box-shadow: none !important;
    color: #4a3f35 !important;
}

html.original-theme body.watch-page .like-dislike-buttons button.active img,
body.original-theme.watch-page .like-dislike-buttons button.active img {
    filter: brightness(0) saturate(100%) opacity(0.75) !important;
}

html.original-theme body.watch-page .action-buttons .watch-share-btn,
body.original-theme.watch-page .action-buttons .watch-share-btn {
    background: #fffefb !important;
    border: none !important;
    border-radius: 9999px !important;
    color: #4a3f35 !important;
    box-shadow:
        0 0 0 1px rgba(168, 130, 90, 0.55),
        0 2px 8px rgba(92, 74, 58, 0.07) !important;
}

html.original-theme body.watch-page .action-buttons .watch-share-btn:hover,
body.original-theme.watch-page .action-buttons .watch-share-btn:hover {
    background: #f5efe6 !important;
    border-color: rgba(180, 150, 120, 0.38) !important;
}

html.original-theme body.watch-page .action-buttons .watch-share-btn img,
html.original-theme body.watch-page .action-buttons .more-actions-btn img,
body.original-theme.watch-page .action-buttons .watch-share-btn img,
body.original-theme.watch-page .action-buttons .more-actions-btn img {
    filter: brightness(0) saturate(100%) opacity(0.5) !important;
}

html.original-theme body.watch-page .subscribe-button,
body.original-theme.watch-page .subscribe-button {
    background: linear-gradient(135deg, #d49a6a 0%, #c4895a 100%) !important;
    color: #fffdf9 !important;
}

html.original-theme body.watch-page .subscribe-button.subscribed,
body.original-theme.watch-page .subscribe-button.subscribed {
    background: #e8d4bc !important;
    color: #4a3f35 !important;
}

/* «⋯» под плеером — без любой анимации */
html.original-theme body.watch-page .video-actions-bar .action-buttons .more-actions-btn,
html.original-theme body.watch-page .video-actions-bar .more-actions-container .more-actions-btn,
body.original-theme.watch-page .video-actions-bar .action-buttons .more-actions-btn,
body.original-theme.watch-page .video-actions-bar .more-actions-container .more-actions-btn {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
}

html.original-theme body.watch-page .video-actions-bar .action-buttons .more-actions-btn:hover,
html.original-theme body.watch-page .video-actions-bar .action-buttons .more-actions-btn:focus-visible,
html.original-theme body.watch-page .video-actions-bar .more-actions-container:has(.more-actions-dropdown.active) .more-actions-btn,
html.original-theme body.watch-page .video-actions-bar .more-actions-container:has(.more-actions-dropdown.active) .more-actions-btn:hover,
body.original-theme.watch-page .video-actions-bar .action-buttons .more-actions-btn:hover,
body.original-theme.watch-page .video-actions-bar .action-buttons .more-actions-btn:focus-visible,
body.original-theme.watch-page .video-actions-bar .more-actions-container:has(.more-actions-dropdown.active) .more-actions-btn,
body.original-theme.watch-page .video-actions-bar .more-actions-container:has(.more-actions-dropdown.active) .more-actions-btn:hover {
    background: #f5efe6 !important;
    transform: none !important;
    box-shadow: none !important;
    transition: none !important;
}

html.original-theme body.watch-page .video-actions-bar .more-actions-dropdown,
html.original-theme body.watch-page .video-actions-bar .more-actions-dropdown.opens-upward,
html.original-theme body.watch-page .video-actions-bar .more-actions-dropdown.active,
body.original-theme.watch-page .video-actions-bar .more-actions-dropdown,
body.original-theme.watch-page .video-actions-bar .more-actions-dropdown.opens-upward,
body.original-theme.watch-page .video-actions-bar .more-actions-dropdown.active {
    background: #fffefb !important;
    border: 1px solid rgba(180, 150, 120, 0.28) !important;
    box-shadow: 0 12px 32px rgba(74, 63, 53, 0.14) !important;
    transform: none !important;
    transform-origin: top right !important;
    will-change: auto !important;
    transition: none !important;
    animation: none !important;
}

html.original-theme body.watch-page .video-actions-bar .more-actions-dropdown:not(.active),
body.original-theme.watch-page .video-actions-bar .more-actions-dropdown:not(.active) {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

html.original-theme body.watch-page .video-actions-bar .more-actions-dropdown.active,
body.original-theme.watch-page .video-actions-bar .more-actions-dropdown.active {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

html.original-theme body.watch-page .more-actions-dropdown a,
body.original-theme.watch-page .more-actions-dropdown a {
    color: #4a3f35 !important;
}

html.original-theme body.watch-page .more-actions-dropdown a:hover,
body.original-theme.watch-page .more-actions-dropdown a:hover {
    background: #f5efe6 !important;
    color: #4a3f35 !important;
}

html.original-theme body.watch-page .more-actions-dropdown a img,
body.original-theme.watch-page .more-actions-dropdown a img {
    filter: brightness(0) saturate(100%) opacity(0.5) !important;
}

/* Рекомендации — плашки и превью */
html.original-theme body.watch-page .recommendations-sidebar .recommendation-card.video-card,
body.original-theme.watch-page .recommendations-sidebar .recommendation-card.video-card {
    background: rgba(255, 254, 251, 0.88) !important;
    border-radius: 14px !important;
    border: none !important;
    padding: 8px 10px !important;
    box-shadow:
        0 0 0 1px rgba(180, 150, 120, 0.22),
        0 1px 0 rgba(255, 255, 255, 0.55) inset !important;
    gap: 10px !important;
}

html.original-theme body.watch-page .recommendations-sidebar .recommendation-card.video-card:hover,
body.original-theme.watch-page .recommendations-sidebar .recommendation-card.video-card:hover {
    background: #faf6f0 !important;
    box-shadow:
        0 0 0 1px rgba(180, 150, 120, 0.32),
        0 2px 10px rgba(92, 74, 58, 0.08) !important;
}

html.original-theme body.watch-page .recommendations-sidebar .thumbnail-wrapper,
body.original-theme.watch-page .recommendations-sidebar .thumbnail-wrapper {
    width: 168px;
    height: 94px;
    border-radius: 12px !important;
    overflow: hidden !important;
    background: linear-gradient(160deg, #ebe3d6 0%, #d9cbb8 45%, #cfc0ad 100%) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35);
}

html.original-theme body.watch-page .recommendations-sidebar .recommendation-thumbnail,
body.original-theme.watch-page .recommendations-sidebar .recommendation-thumbnail {
    display: block;
    width: 100% !important;
    height: 100% !important;
    border-radius: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
    background: transparent !important;
}

html.original-theme body.watch-page .recommendations-sidebar .thumbnail-duration,
body.original-theme.watch-page .recommendations-sidebar .thumbnail-duration {
    background: rgba(74, 58, 42, 0.78) !important;
    color: #fffdf9 !important;
    border-radius: 6px !important;
}

html.original-theme body.watch-page .recommendations-sidebar .recommendation-title,
html.original-theme body.watch-page .recommendations-sidebar .recommendation-channel,
html.original-theme body.watch-page .recommendations-sidebar .recommendation-views,
body.original-theme.watch-page .recommendations-sidebar .recommendation-title,
body.original-theme.watch-page .recommendations-sidebar .recommendation-channel,
body.original-theme.watch-page .recommendations-sidebar .recommendation-views {
    color: #4a3f35 !important;
}

html.original-theme body.watch-page .recommendations-sidebar .recommendation-channel,
html.original-theme body.watch-page .recommendations-sidebar .recommendation-stats,
body.original-theme.watch-page .recommendations-sidebar .recommendation-views,
body.original-theme.watch-page .recommendations-sidebar .recommendation-channel,
body.original-theme.watch-page .recommendations-sidebar .recommendation-stats,
body.original-theme.watch-page .recommendations-sidebar .recommendation-views {
    color: #8b7355 !important;
}

html.original-theme body.watch-page .recommendations-sidebar .context-menu-button,
body.original-theme.watch-page .recommendations-sidebar .context-menu-button {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

html.original-theme body.watch-page .recommendations-sidebar .context-menu-button:hover,
html.original-theme body.watch-page .recommendations-sidebar .context-menu-button:focus-visible,
body.original-theme.watch-page .recommendations-sidebar .context-menu-button:hover,
body.original-theme.watch-page .recommendations-sidebar .context-menu-button:focus-visible {
    background: #f5efe6 !important;
    border: 1px solid rgba(180, 150, 120, 0.22) !important;
}

html.original-theme body.watch-page .comment-menu-btn,
body.original-theme.watch-page .comment-menu-btn {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

html.original-theme body.watch-page .comment-menu-btn:hover,
html.original-theme body.watch-page .comment-menu-btn:focus-visible,
body.original-theme.watch-page .comment-menu-btn:hover,
body.original-theme.watch-page .comment-menu-btn:focus-visible {
    background: #f5efe6 !important;
}

html.original-theme body.watch-page .comment-menu-btn img,
body.original-theme.watch-page .comment-menu-btn img {
    filter: brightness(0) saturate(100%) opacity(0.5) !important;
    opacity: 1 !important;
}

html.original-theme body.watch-page .comment-thread,
body.original-theme.watch-page .comment-thread {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

html.original-theme body.watch-page .comment-thread:hover,
body.original-theme.watch-page .comment-thread:hover {
    background: rgba(245, 239, 230, 0.55) !important;
    border-color: rgba(180, 150, 120, 0.14) !important;
}

/* Комментарии — текст и кнопки (не invert на светлом фоне) */
html.original-theme body.watch-page .comments-header-title,
html.original-theme body.watch-page .comment-author,
html.original-theme body.watch-page .comment-text,
html.original-theme body.watch-page .comment-meta,
html.original-theme body.watch-page .sort-btn,
html.original-theme body.watch-page .reply-btn-text,
html.original-theme body.watch-page .comment-deleted-label,
body.original-theme.watch-page .comments-header-title,
body.original-theme.watch-page .comment-author,
body.original-theme.watch-page .comment-text,
body.original-theme.watch-page .comment-meta,
body.original-theme.watch-page .sort-btn,
body.original-theme.watch-page .reply-btn-text,
body.original-theme.watch-page .comment-deleted-label {
    color: #4a3f35 !important;
}

html.original-theme body.watch-page .sort-btn,
body.original-theme.watch-page .sort-btn {
    color: #8b7355 !important;
}

html.original-theme body.watch-page .sort-btn.active,
body.original-theme.watch-page .sort-btn.active {
    color: #4a3f35 !important;
    border-bottom-color: #c97b84 !important;
}

html.original-theme body.watch-page .comment-actions .action-btn,
body.original-theme.watch-page .comment-actions .action-btn {
    color: #6b5a48 !important;
}

html.original-theme body.watch-page .comment-actions .action-btn img,
html.original-theme body.watch-page .comment-actions .action-btn.comment-vote-btn img,
html.original-theme body.watch-page .comment-actions .action-btn:hover img,
html.original-theme body.watch-page .comment-actions .action-btn.comment-vote-btn:hover img,
html.original-theme body.watch-page .comment-actions .action-btn.comment-vote-btn.active img,
body.original-theme.watch-page .comment-actions .action-btn img,
body.original-theme.watch-page .comment-actions .action-btn.comment-vote-btn img,
body.original-theme.watch-page .comment-actions .action-btn:hover img,
body.original-theme.watch-page .comment-actions .action-btn.comment-vote-btn:hover img,
body.original-theme.watch-page .comment-actions .action-btn.comment-vote-btn.active img {
    filter: brightness(0) saturate(100%) opacity(0.45) !important;
}

html.original-theme body.watch-page .comment-actions .action-btn:hover,
body.original-theme.watch-page .comment-actions .action-btn:hover {
    background: rgba(245, 239, 230, 0.9) !important;
    color: #4a3f35 !important;
}

html.original-theme body.watch-page #comment-text-input,
html.original-theme body.watch-page #comment-text-input::placeholder,
html.original-theme body.watch-page .reply-input,
body.original-theme.watch-page #comment-text-input,
body.original-theme.watch-page #comment-text-input::placeholder,
body.original-theme.watch-page .reply-input {
    color: #4a3f35 !important;
}

html.original-theme body.watch-page #comment-text-input,
body.original-theme.watch-page #comment-text-input {
    border-bottom-color: rgba(180, 150, 120, 0.35) !important;
}

html.original-theme body.watch-page .comment-action-btn.cancel,
body.original-theme.watch-page .comment-action-btn.cancel {
    color: #6b5a48 !important;
}

html.original-theme body.watch-page .comment-action-btn.submit:not(:disabled),
body.original-theme.watch-page .comment-action-btn.submit:not(:disabled) {
    background: linear-gradient(135deg, #d49a6a 0%, #c4895a 100%) !important;
    color: #fffdf9 !important;
}

html.original-theme body.watch-page .comment-action-btn.submit:disabled,
body.original-theme.watch-page .comment-action-btn.submit:disabled {
    background: #e8d4bc !important;
    color: #9a7d62 !important;
}

html.original-theme body.watch-page .replies-toolbar-btn,
html.original-theme body.watch-page .comment-text-toggle,
html.original-theme body.watch-page .comment-reply-badge-user,
body.original-theme.watch-page .replies-toolbar-btn,
body.original-theme.watch-page .comment-text-toggle,
body.original-theme.watch-page .comment-reply-badge-user {
    color: #b8956a !important;
}

html.original-theme body.watch-page .replies-btn-hide,
body.original-theme.watch-page .replies-btn-hide {
    color: #8b7355 !important;
}

html.original-theme body.watch-page .replies-list-thread-flat > .comment-thread.is-flat-reply,
body.original-theme.watch-page .replies-list-thread-flat > .comment-thread.is-flat-reply {
    border-top-color: rgba(180, 150, 120, 0.16) !important;
}

/* Меню «⋯» у комментария — lo-fi */
html.original-theme body.watch-page .comment-dropdown,
body.original-theme.watch-page .comment-dropdown {
    background: #fffefb !important;
    border: 1px solid rgba(180, 150, 120, 0.28) !important;
    box-shadow: 0 12px 32px rgba(74, 63, 53, 0.14) !important;
}

html.original-theme body.watch-page .comment-dropdown .menu-item,
body.original-theme.watch-page .comment-dropdown .menu-item {
    color: #4a3f35 !important;
}

html.original-theme body.watch-page .comment-dropdown .menu-item:hover,
body.original-theme.watch-page .comment-dropdown .menu-item:hover {
    background: #f5efe6 !important;
    color: #4a3f35 !important;
}

html.original-theme body.watch-page .comment-dropdown .menu-item > img,
body.original-theme.watch-page .comment-dropdown .menu-item > img {
    filter: brightness(0) saturate(100%) opacity(0.5) !important;
}

html.original-theme body.watch-page .comment-delete-menu-icon,
body.original-theme.watch-page .comment-delete-menu-icon {
    color: #5c4a3d !important;
}

html.original-theme body.watch-page .comment-thread.highlighted,
body.original-theme.watch-page .comment-thread.highlighted {
    outline-color: rgba(201, 123, 132, 0.35) !important;
}

/* Светлая тема — троеточие на watch */
html.light-theme body.watch-page .video-desc-ts-link,
html.light-theme body.watch-page .video-desc-ext-link,
body.light-theme.watch-page .video-desc-ts-link,
body.light-theme.watch-page .video-desc-ext-link {
    color: #065fd4 !important;
}

html.light-theme body.watch-page .action-buttons .more-actions-btn,
body.light-theme.watch-page .action-buttons .more-actions-btn {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    transform: none !important;
    transition: background-color 0.15s ease !important;
}

html.light-theme body.watch-page .action-buttons .more-actions-btn:hover,
html.light-theme body.watch-page .action-buttons .more-actions-btn:focus-visible,
body.light-theme.watch-page .action-buttons .more-actions-btn:hover,
body.light-theme.watch-page .action-buttons .more-actions-btn:focus-visible {
    background: rgba(0, 0, 0, 0.06) !important;
    transform: none !important;
}

html.light-theme body.watch-page .video-actions-bar .more-actions-dropdown,
html.light-theme body.watch-page .video-actions-bar .more-actions-dropdown.active,
body.light-theme.watch-page .video-actions-bar .more-actions-dropdown,
body.light-theme.watch-page .video-actions-bar .more-actions-dropdown.active {
    transform: none !important;
    transition: opacity 0.12s ease, visibility 0.12s ease !important;
}

html.light-theme body.watch-page .recommendations-sidebar .context-menu-button,
body.light-theme.watch-page .recommendations-sidebar .context-menu-button {
    background: transparent !important;
    border: none !important;
}

html.light-theme body.watch-page .recommendations-sidebar .context-menu-button:hover,
html.light-theme body.watch-page .recommendations-sidebar .context-menu-button:focus-visible,
body.light-theme.watch-page .recommendations-sidebar .context-menu-button:hover,
body.light-theme.watch-page .recommendations-sidebar .context-menu-button:focus-visible {
    background: rgba(0, 0, 0, 0.06) !important;
}

html.light-theme body.watch-page .comment-menu-btn,
body.light-theme.watch-page .comment-menu-btn {
    background: transparent !important;
    border: none !important;
}

html.light-theme body.watch-page .comment-menu-btn:hover,
html.light-theme body.watch-page .comment-menu-btn:focus-visible,
body.light-theme.watch-page .comment-menu-btn:hover,
body.light-theme.watch-page .comment-menu-btn:focus-visible {
    background: rgba(0, 0, 0, 0.06) !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-actions .action-btn img,
html.light-theme body.watch-page .comment-actions .action-btn.comment-vote-btn img,
html.light-theme body.watch-page .comment-actions .action-btn:hover img,
body.light-theme.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:hover img {
    filter: brightness(0) opacity(0.55) !important;
}

html.light-theme body.watch-page .comment-dropdown,
body.light-theme.watch-page .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 body.watch-page .comment-dropdown .menu-item,
body.light-theme.watch-page .comment-dropdown .menu-item {
    color: #0f0f0f !important;
}

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

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

/* ═══════════════════════════════════════
   Светлая тема — лайки и рекомендации (watch)
   ═══════════════════════════════════════ */
html.light-theme body.watch-page .like-dislike-buttons,
body.light-theme.watch-page .like-dislike-buttons {
    display: inline-flex !important;
    border-radius: 9999px !important;
    border: none !important;
    background: #f8f8f8 !important;
    backdrop-filter: none !important;
    box-shadow:
        0 0 0 1px rgba(0, 0, 0, 0.12),
        0 2px 6px rgba(0, 0, 0, 0.04) !important;
    overflow: hidden !important;
}

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

html.light-theme body.watch-page .like-dislike-buttons button:first-child,
body.light-theme.watch-page .like-dislike-buttons button:first-child {
    border-radius: 9999px 0 0 9999px !important;
}

html.light-theme body.watch-page .like-dislike-buttons button:last-child,
body.light-theme.watch-page .like-dislike-buttons button:last-child {
    border-radius: 0 9999px 9999px 0 !important;
}

html.light-theme body.watch-page .like-dislike-buttons button + button,
body.light-theme.watch-page .like-dislike-buttons button + button {
    border-left: 1px solid rgba(0, 0, 0, 0.1) !important;
    box-shadow: none !important;
}

html.light-theme body.watch-page .like-dislike-buttons button:hover,
body.light-theme.watch-page .like-dislike-buttons button:hover {
    background: #eeeeee !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.85) !important;
}

html.light-theme body.watch-page .action-buttons .watch-share-btn,
body.light-theme.watch-page .action-buttons .watch-share-btn {
    border: none !important;
    border-radius: 9999px !important;
    background: #f8f8f8 !important;
    box-shadow:
        0 0 0 1px rgba(0, 0, 0, 0.12),
        0 2px 6px rgba(0, 0, 0, 0.04) !important;
}

html.light-theme body.watch-page .recommendations-sidebar .recommendation-card.video-card,
body.light-theme.watch-page .recommendations-sidebar .recommendation-card.video-card {
    background: #ffffff !important;
    border-radius: 14px !important;
    padding: 8px 10px !important;
    box-shadow:
        0 0 0 1px rgba(0, 0, 0, 0.08),
        0 1px 4px rgba(0, 0, 0, 0.04) !important;
}

html.light-theme body.watch-page .recommendations-sidebar .recommendation-card.video-card:hover,
body.light-theme.watch-page .recommendations-sidebar .recommendation-card.video-card:hover {
    background: #f5f5f5 !important;
    box-shadow:
        0 0 0 1px rgba(0, 0, 0, 0.12),
        0 2px 8px rgba(0, 0, 0, 0.06) !important;
}

html.light-theme body.watch-page .recommendations-sidebar .thumbnail-wrapper,
body.light-theme.watch-page .recommendations-sidebar .thumbnail-wrapper {
    width: 168px;
    height: 94px;
    border-radius: 12px !important;
    overflow: hidden !important;
    background: linear-gradient(160deg, #f0f0f0 0%, #e4e4e4 50%, #d8d8d8 100%) !important;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
}

html.light-theme body.watch-page .recommendations-sidebar .recommendation-thumbnail,
body.light-theme.watch-page .recommendations-sidebar .recommendation-thumbnail {
    width: 100% !important;
    height: 100% !important;
    border-radius: 0 !important;
    object-fit: cover !important;
    background: transparent !important;
}

html.light-theme body.watch-page .recommendations-sidebar .thumbnail-duration,
body.light-theme.watch-page .recommendations-sidebar .thumbnail-duration {
    background: rgba(0, 0, 0, 0.75) !important;
    color: #ffffff !important;
}

/* ═══════════════════════════════════════
   Тёмная тема — лайки и рекомендации (watch)
   ═══════════════════════════════════════ */
html.dark-theme body.watch-page .like-dislike-buttons,
body.dark-theme.watch-page .like-dislike-buttons {
    display: inline-flex !important;
    border-radius: 9999px !important;
    border: none !important;
    background: rgba(255, 255, 255, 0.08) !important;
    backdrop-filter: none !important;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.16) !important;
    overflow: hidden !important;
}

html.dark-theme body.watch-page .like-dislike-buttons button,
body.dark-theme.watch-page .like-dislike-buttons button {
    border: none !important;
    box-shadow: none !important;
    color: #f1f1f1 !important;
}

html.dark-theme body.watch-page .like-dislike-buttons button:first-child,
body.dark-theme.watch-page .like-dislike-buttons button:first-child {
    border-radius: 9999px 0 0 9999px !important;
}

html.dark-theme body.watch-page .like-dislike-buttons button:last-child,
body.dark-theme.watch-page .like-dislike-buttons button:last-child {
    border-radius: 0 9999px 9999px 0 !important;
}

html.dark-theme body.watch-page .like-dislike-buttons button + button,
body.dark-theme.watch-page .like-dislike-buttons button + button {
    border-left: 1px solid rgba(255, 255, 255, 0.14) !important;
    box-shadow: none !important;
}

html.dark-theme body.watch-page .like-dislike-buttons button img,
html.dark-theme body.watch-page .like-dislike-buttons button img.video-vote-icon,
body.dark-theme.watch-page .like-dislike-buttons button img,
body.dark-theme.watch-page .like-dislike-buttons button img.video-vote-icon {
    filter: invert(1) opacity(0.88) !important;
}

html.dark-theme body.watch-page .like-dislike-buttons button:hover,
body.dark-theme.watch-page .like-dislike-buttons button:hover {
    background: rgba(255, 255, 255, 0.1) !important;
}

html.dark-theme body.watch-page .like-dislike-buttons button.active,
body.dark-theme.watch-page .like-dislike-buttons button.active {
    background: rgba(255, 255, 255, 0.18) !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

html.dark-theme body.watch-page .like-dislike-buttons button.active img,
body.dark-theme.watch-page .like-dislike-buttons button.active img {
    filter: invert(1) opacity(1) !important;
}

html.dark-theme body.watch-page .action-buttons .watch-share-btn,
body.dark-theme.watch-page .action-buttons .watch-share-btn {
    border: none !important;
    border-radius: 9999px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    color: #f1f1f1 !important;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.16) !important;
}

html.dark-theme body.watch-page .action-buttons .watch-share-btn img,
html.dark-theme body.watch-page .more-actions-btn img,
body.dark-theme.watch-page .action-buttons .watch-share-btn img,
body.dark-theme.watch-page .more-actions-btn img {
    filter: invert(1) opacity(0.88) !important;
}

html.dark-theme body.watch-page .recommendations-sidebar .recommendation-card.video-card,
body.dark-theme.watch-page .recommendations-sidebar .recommendation-card.video-card {
    background: rgba(255, 255, 255, 0.06) !important;
    border-radius: 14px !important;
    padding: 8px 10px !important;
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.1),
        0 2px 8px rgba(0, 0, 0, 0.25) !important;
}

html.dark-theme body.watch-page .recommendations-sidebar .recommendation-card.video-card:hover,
body.dark-theme.watch-page .recommendations-sidebar .recommendation-card.video-card:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.16),
        0 4px 12px rgba(0, 0, 0, 0.35) !important;
}

html.dark-theme body.watch-page .recommendations-sidebar .thumbnail-wrapper,
body.dark-theme.watch-page .recommendations-sidebar .thumbnail-wrapper {
    width: 168px;
    height: 94px;
    border-radius: 12px !important;
    overflow: hidden !important;
    background: linear-gradient(160deg, #3d3d3d 0%, #2d2d2d 45%, #252525 100%) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

html.dark-theme body.watch-page .recommendations-sidebar .recommendation-thumbnail,
body.dark-theme.watch-page .recommendations-sidebar .recommendation-thumbnail {
    width: 100% !important;
    height: 100% !important;
    border-radius: 0 !important;
    object-fit: cover !important;
    background: transparent !important;
}

html.dark-theme body.watch-page .recommendations-sidebar .thumbnail-duration,
body.dark-theme.watch-page .recommendations-sidebar .thumbnail-duration {
    background: rgba(0, 0, 0, 0.78) !important;
    color: #ffffff !important;
}

html.dark-theme body.watch-page .recommendations-sidebar .recommendation-title,
body.dark-theme.watch-page .recommendations-sidebar .recommendation-title {
    color: #f1f1f1 !important;
}

html.dark-theme body.watch-page .recommendations-sidebar .recommendation-channel,
html.dark-theme body.watch-page .recommendations-sidebar .recommendation-stats,
html.dark-theme body.watch-page .recommendations-sidebar .recommendation-views,
body.dark-theme.watch-page .recommendations-sidebar .recommendation-channel,
body.dark-theme.watch-page .recommendations-sidebar .recommendation-stats,
body.dark-theme.watch-page .recommendations-sidebar .recommendation-views {
    color: #aaaaaa !important;
}