/**
 * «Смотреть позже» — светлая и lo-fi темы.
 * Скоуп: body.watch-later-page (не трогаем .video-item на других страницах).
 */

/* ═══════════════════════════════════════
   Светлая тема
   ═══════════════════════════════════════ */
/* Герой с затемнённым превью — заголовок всегда светлый */
html.light-theme body.watch-later-page .wl-hero,
body.light-theme.watch-later-page .wl-hero {
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
}

html.light-theme body.watch-later-page .wl-hero__title,
body.light-theme.watch-later-page .wl-hero__title {
    color: #ffffff !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.55);
}

html.light-theme body.watch-later-page .wl-hero__eyebrow,
html.light-theme body.watch-later-page .wl-hero__stats,
html.light-theme body.watch-later-page .wl-hero__hint,
body.light-theme.watch-later-page .wl-hero__eyebrow,
body.light-theme.watch-later-page .wl-hero__stats,
body.light-theme.watch-later-page .wl-hero__hint {
    color: rgba(255, 255, 255, 0.78) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}

html.light-theme body.watch-later-page .page-title,
body.light-theme.watch-later-page .page-title {
    color: #0f0f0f !important;
}

html.light-theme body.watch-later-page .sort-menu-button,
body.light-theme.watch-later-page .sort-menu-button {
    background: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    color: #0f0f0f !important;
}

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

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

html.light-theme body.watch-later-page .sort-option:hover,
body.light-theme.watch-later-page .sort-option:hover {
    background: #f2f2f2 !important;
}

html.light-theme body.watch-later-page .watch-later-container .video-item,
body.light-theme.watch-later-page .watch-later-container .video-item {
    background: #ffffff !important;
    border: 1px solid #e8e8e8 !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
}

html.light-theme body.watch-later-page .watch-later-container .video-item:hover,
body.light-theme.watch-later-page .watch-later-container .video-item:hover {
    background: #f5f5f5 !important;
    border-color: #e0e0e0 !important;
}

html.light-theme body.watch-later-page .watch-later-container .video-title,
body.light-theme.watch-later-page .watch-later-container .video-title {
    color: #0f0f0f !important;
}

html.light-theme body.watch-later-page .watch-later-container .video-meta,
html.light-theme body.watch-later-page .watch-later-container .video-meta span,
body.light-theme.watch-later-page .watch-later-container .video-meta,
body.light-theme.watch-later-page .watch-later-container .video-meta span {
    color: #606060 !important;
}

html.light-theme body.watch-later-page .watch-later-container .video-main-link,
body.light-theme.watch-later-page .watch-later-container .video-main-link {
    color: inherit !important;
}

html.light-theme body.watch-later-page .watch-later-container .wl-note-btn,
body.light-theme.watch-later-page .watch-later-container .wl-note-btn {
    background: #ffffff !important;
    border: 1px solid #d8d8d8 !important;
    color: #505050 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

html.light-theme body.watch-later-page .watch-later-container .wl-note-btn:hover,
body.light-theme.watch-later-page .watch-later-container .wl-note-btn:hover {
    background: #f2f2f2 !important;
    border-color: #c8c8c8 !important;
    color: #0f0f0f !important;
}

html.light-theme body.watch-later-page .watch-later-container .wl-note-btn__dot,
body.light-theme.watch-later-page .watch-later-container .wl-note-btn__dot {
    background: #c8c8c8 !important;
}

html.light-theme body.watch-later-page .watch-later-container .wl-note-btn.has-note .wl-note-btn__dot,
body.light-theme.watch-later-page .watch-later-container .wl-note-btn.has-note .wl-note-btn__dot {
    background: #065fd4 !important;
    box-shadow: 0 0 6px rgba(6, 95, 212, 0.35);
}

html.light-theme body.watch-later-page .watch-later-container .drag-handle-icon,
body.light-theme.watch-later-page .watch-later-container .drag-handle-icon {
    filter: brightness(0) opacity(0.35) !important;
    opacity: 1 !important;
}

html.light-theme body.watch-later-page .watch-later-container .video-item:hover .drag-handle-icon,
body.light-theme.watch-later-page .watch-later-container .video-item:hover .drag-handle-icon {
    filter: brightness(0) opacity(0.55) !important;
}

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

html.light-theme body.watch-later-page .watch-later-container .context-menu-button,
body.light-theme.watch-later-page .watch-later-container .context-menu-button {
    opacity: 1 !important;
}

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

html.light-theme body.watch-later-page .watch-later-container .context-menu-dropdown,
body.light-theme.watch-later-page .watch-later-container .context-menu-dropdown {
    background: #ffffff !important;
    border: 1px solid #e5e5e5 !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
}

html.light-theme body.watch-later-page .watch-later-container .context-menu-dropdown a,
body.light-theme.watch-later-page .watch-later-container .context-menu-dropdown a {
    color: #0f0f0f !important;
}

html.light-theme body.watch-later-page .watch-later-container .context-menu-dropdown a:hover,
body.light-theme.watch-later-page .watch-later-container .context-menu-dropdown a:hover {
    background: #f2f2f2 !important;
}

html.light-theme body.watch-later-page .watch-later-container .context-menu-dropdown a img,
body.light-theme.watch-later-page .watch-later-container .context-menu-dropdown a img {
    filter: brightness(0) opacity(0.65) !important;
}

html.light-theme body.watch-later-page .action-button.wl-short-toggle,
body.light-theme.watch-later-page .action-button.wl-short-toggle {
    background: #f2f2f2 !important;
    border: 1px solid #e0e0e0 !important;
    color: #0f0f0f !important;
}

html.light-theme body.watch-later-page .action-button.wl-short-toggle.is-on,
body.light-theme.watch-later-page .action-button.wl-short-toggle.is-on {
    background: rgba(6, 95, 212, 0.12) !important;
    border-color: rgba(6, 95, 212, 0.35) !important;
    color: #065fd4 !important;
}

html.light-theme body.watch-later-page .wl-filter-empty,
body.light-theme.watch-later-page .wl-filter-empty {
    border-color: #e0e0e0 !important;
    background: #fafafa;
}

html.light-theme body.watch-later-page .wl-filter-empty p,
body.light-theme.watch-later-page .wl-filter-empty p {
    color: #606060 !important;
}

html.light-theme body.watch-later-page .wl-filter-empty__link,
body.light-theme.watch-later-page .wl-filter-empty__link {
    color: #065fd4 !important;
}

html.light-theme body.watch-later-page .sortable-drag,
body.light-theme.watch-later-page .sortable-drag {
    background: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12) !important;
}

/* Модалка заметки — светлая */
html.light-theme body.watch-later-page .wl-note-modal__panel,
body.light-theme.watch-later-page .wl-note-modal__panel {
    background: #ffffff !important;
    border: 1px solid #e5e5e5 !important;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.18) !important;
    color: #0f0f0f !important;
}

html.light-theme body.watch-later-page .wl-note-modal__header,
body.light-theme.watch-later-page .wl-note-modal__header {
    border-bottom-color: #eeeeee !important;
}

html.light-theme body.watch-later-page .wl-note-modal__kicker,
body.light-theme.watch-later-page .wl-note-modal__kicker {
    color: #909090 !important;
}

html.light-theme body.watch-later-page .wl-note-modal__title,
body.light-theme.watch-later-page .wl-note-modal__title {
    color: #0f0f0f !important;
}

html.light-theme body.watch-later-page .wl-note-modal__close,
body.light-theme.watch-later-page .wl-note-modal__close {
    background: #f2f2f2 !important;
    border-color: #e0e0e0 !important;
    color: #606060 !important;
}

html.light-theme body.watch-later-page .wl-note-modal__close:hover,
body.light-theme.watch-later-page .wl-note-modal__close:hover {
    background: #e8e8e8 !important;
    color: #0f0f0f !important;
}

html.light-theme body.watch-later-page .wl-note-modal__input,
body.light-theme.watch-later-page .wl-note-modal__input {
    background: #fafafa !important;
    border: 1px solid #e0e0e0 !important;
    color: #0f0f0f !important;
}

html.light-theme body.watch-later-page .wl-note-modal__input:focus,
body.light-theme.watch-later-page .wl-note-modal__input:focus {
    border-color: #065fd4 !important;
    box-shadow: 0 0 0 2px rgba(6, 95, 212, 0.15) !important;
}

html.light-theme body.watch-later-page .wl-note-modal__input::placeholder,
body.light-theme.watch-later-page .wl-note-modal__input::placeholder {
    color: #909090;
}

html.light-theme body.watch-later-page .wl-note-modal__status,
body.light-theme.watch-later-page .wl-note-modal__status {
    color: #606060 !important;
}

html.light-theme body.watch-later-page .wl-note-modal__actions,
body.light-theme.watch-later-page .wl-note-modal__actions {
    background: #f8f9fa !important;
    border-top-color: #eeeeee !important;
}

html.light-theme body.watch-later-page .wl-note-modal__btn,
body.light-theme.watch-later-page .wl-note-modal__btn {
    background: #ffffff !important;
    border: 1px solid #d0d0d0 !important;
    color: #0f0f0f !important;
}

html.light-theme body.watch-later-page .wl-note-modal__btn:hover,
body.light-theme.watch-later-page .wl-note-modal__btn:hover {
    background: #f2f2f2 !important;
    color: #0f0f0f !important;
}

html.light-theme body.watch-later-page .wl-note-modal__btn--primary,
body.light-theme.watch-later-page .wl-note-modal__btn--primary {
    background: #065fd4 !important;
    border-color: #065fd4 !important;
    color: #ffffff !important;
}

html.light-theme body.watch-later-page .wl-note-modal__btn--primary:hover,
body.light-theme.watch-later-page .wl-note-modal__btn--primary:hover {
    background: #0550b8 !important;
    border-color: #0550b8 !important;
}

/* ═══════════════════════════════════════
   Lo-fi «Оригинальная»
   ═══════════════════════════════════════ */
html.original-theme body.watch-later-page .watch-later-container .video-item,
body.original-theme.watch-later-page .watch-later-container .video-item {
    background: linear-gradient(180deg, #fffefb 0%, #faf6f0 100%) !important;
    border: 1px solid rgba(180, 150, 120, 0.2) !important;
    box-shadow: 0 2px 10px rgba(92, 74, 58, 0.05);
}

html.original-theme body.watch-later-page .watch-later-container .video-item:hover,
body.original-theme.watch-later-page .watch-later-container .video-item:hover {
    background: #f8f4ef !important;
    border-color: rgba(196, 137, 90, 0.28) !important;
}

html.original-theme body.watch-later-page .watch-later-container .video-title,
body.original-theme.watch-later-page .watch-later-container .video-title {
    color: #4a3f35 !important;
}

html.original-theme body.watch-later-page .watch-later-container .video-meta,
html.original-theme body.watch-later-page .watch-later-container .video-meta span,
body.original-theme.watch-later-page .watch-later-container .video-meta,
body.original-theme.watch-later-page .watch-later-container .video-meta span {
    color: #8b7355 !important;
}

html.original-theme body.watch-later-page .watch-later-container .wl-note-btn,
body.original-theme.watch-later-page .watch-later-container .wl-note-btn {
    background: #fffefb !important;
    border: 1px solid rgba(180, 150, 120, 0.3) !important;
    color: #6b5a48 !important;
    box-shadow: 0 1px 4px rgba(92, 74, 58, 0.06);
}

html.original-theme body.watch-later-page .watch-later-container .wl-note-btn:hover,
body.original-theme.watch-later-page .watch-later-container .wl-note-btn:hover {
    background: #f5efe6 !important;
    border-color: rgba(196, 137, 90, 0.4) !important;
    color: #4a3f35 !important;
}

html.original-theme body.watch-later-page .watch-later-container .wl-note-btn__dot,
body.original-theme.watch-later-page .watch-later-container .wl-note-btn__dot {
    background: rgba(180, 150, 120, 0.45) !important;
}

html.original-theme body.watch-later-page .watch-later-container .wl-note-btn.has-note .wl-note-btn__dot,
body.original-theme.watch-later-page .watch-later-container .wl-note-btn.has-note .wl-note-btn__dot {
    background: #c4895a !important;
    box-shadow: 0 0 8px rgba(196, 137, 90, 0.45);
}

html.original-theme body.watch-later-page .watch-later-container .drag-handle-icon,
body.original-theme.watch-later-page .watch-later-container .drag-handle-icon {
    filter: brightness(0) saturate(100%) opacity(0.32) !important;
    opacity: 1 !important;
}

html.original-theme body.watch-later-page .watch-later-container .context-menu-button img,
body.original-theme.watch-later-page .watch-later-container .context-menu-button img {
    filter: brightness(0) saturate(100%) opacity(0.45) !important;
}

html.original-theme body.watch-later-page .watch-later-container .context-menu-button,
body.original-theme.watch-later-page .watch-later-container .context-menu-button {
    opacity: 1 !important;
}

html.original-theme body.watch-later-page .watch-later-container .context-menu-button:hover,
body.original-theme.watch-later-page .watch-later-container .context-menu-button:hover {
    background: rgba(245, 239, 230, 0.95) !important;
}

html.original-theme body.watch-later-page .action-button.wl-short-toggle,
body.original-theme.watch-later-page .action-button.wl-short-toggle {
    background: rgba(255, 254, 251, 0.9) !important;
    border: 1px solid rgba(180, 150, 120, 0.28) !important;
    color: #5c4a3d !important;
}

html.original-theme body.watch-later-page .action-button.wl-short-toggle.is-on,
body.original-theme.watch-later-page .action-button.wl-short-toggle.is-on {
    background: rgba(196, 137, 90, 0.18) !important;
    border-color: rgba(196, 137, 90, 0.4) !important;
    color: #4a3f35 !important;
}

html.original-theme body.watch-later-page .wl-filter-empty,
body.original-theme.watch-later-page .wl-filter-empty {
    border-color: rgba(180, 150, 120, 0.28) !important;
    background: rgba(255, 254, 251, 0.6);
}

html.original-theme body.watch-later-page .sortable-drag,
body.original-theme.watch-later-page .sortable-drag {
    background: #fffefb !important;
    border: 1px solid rgba(180, 150, 120, 0.25) !important;
    box-shadow: 0 12px 32px rgba(92, 74, 58, 0.12) !important;
}

/* Модалка заметки — lo-fi */
html.original-theme body.watch-later-page .wl-note-modal__panel,
body.original-theme.watch-later-page .wl-note-modal__panel {
    background: linear-gradient(165deg, #fffefb 0%, #faf6f0 55%, #f5ebe2 100%) !important;
    border: 1px solid rgba(180, 150, 120, 0.24) !important;
    box-shadow: 0 24px 64px rgba(74, 63, 53, 0.18) !important;
}

html.original-theme body.watch-later-page .wl-note-modal__header,
body.original-theme.watch-later-page .wl-note-modal__header {
    border-bottom-color: rgba(180, 150, 120, 0.18) !important;
}

html.original-theme body.watch-later-page .wl-note-modal__kicker,
body.original-theme.watch-later-page .wl-note-modal__kicker {
    color: #8b7355 !important;
}

html.original-theme body.watch-later-page .wl-note-modal__title,
body.original-theme.watch-later-page .wl-note-modal__title {
    color: #4a3f35 !important;
}

html.original-theme body.watch-later-page .wl-note-modal__close,
body.original-theme.watch-later-page .wl-note-modal__close {
    background: #f5efe6 !important;
    border-color: rgba(180, 150, 120, 0.25) !important;
    color: #8b7355 !important;
}

html.original-theme body.watch-later-page .wl-note-modal__close:hover,
body.original-theme.watch-later-page .wl-note-modal__close:hover {
    background: #ebe4da !important;
    color: #4a3f35 !important;
}

html.original-theme body.watch-later-page .wl-note-modal__input,
body.original-theme.watch-later-page .wl-note-modal__input {
    background: #fffefb !important;
    border: 1px solid rgba(180, 150, 120, 0.28) !important;
    color: #4a3f35 !important;
}

html.original-theme body.watch-later-page .wl-note-modal__input:focus,
body.original-theme.watch-later-page .wl-note-modal__input:focus {
    border-color: #c4895a !important;
    box-shadow: 0 0 0 2px rgba(196, 137, 90, 0.18) !important;
}

html.original-theme body.watch-later-page .wl-note-modal__status,
body.original-theme.watch-later-page .wl-note-modal__status {
    color: #8b7355 !important;
}

html.original-theme body.watch-later-page .wl-note-modal__actions,
body.original-theme.watch-later-page .wl-note-modal__actions {
    background: #f5efe6 !important;
    border-top-color: rgba(180, 150, 120, 0.18) !important;
}

html.original-theme body.watch-later-page .wl-note-modal__btn,
body.original-theme.watch-later-page .wl-note-modal__btn {
    background: #fffefb !important;
    border: 1px solid rgba(180, 150, 120, 0.3) !important;
    color: #6b5a48 !important;
}

html.original-theme body.watch-later-page .wl-note-modal__btn:hover,
body.original-theme.watch-later-page .wl-note-modal__btn:hover {
    background: #f8f4ef !important;
    color: #4a3f35 !important;
}

html.original-theme body.watch-later-page .wl-note-modal__btn--primary,
body.original-theme.watch-later-page .wl-note-modal__btn--primary {
    background: linear-gradient(135deg, #c4895a 0%, #b8927a 100%) !important;
    border: none !important;
    color: #fffdf9 !important;
}

html.original-theme body.watch-later-page .wl-note-modal__btn--primary:hover,
body.original-theme.watch-later-page .wl-note-modal__btn--primary:hover {
    filter: brightness(0.97);
}

html.original-theme body.watch-later-page .wl-hero,
body.original-theme.watch-later-page .wl-hero {
    border: 1px solid rgba(180, 150, 120, 0.22) !important;
    border-radius: 18px !important;
}

html.original-theme body.watch-later-page .wl-hero__bg,
body.original-theme.watch-later-page .wl-hero__bg {
    filter: blur(20px) brightness(0.92) saturate(0.85) !important;
    opacity: 0.55;
}

html.original-theme body.watch-later-page .wl-hero__title,
body.original-theme.watch-later-page .wl-hero__title {
    color: #fffdf9 !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.45);
}

html.original-theme body.watch-later-page .wl-hero__eyebrow,
html.original-theme body.watch-later-page .wl-hero__stats,
html.original-theme body.watch-later-page .wl-hero__hint,
body.original-theme.watch-later-page .wl-hero__eyebrow,
body.original-theme.watch-later-page .wl-hero__stats,
body.original-theme.watch-later-page .wl-hero__hint {
    color: rgba(255, 253, 249, 0.78) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

html.original-theme body.watch-later-page .wl-hero__thumb-link,
body.original-theme.watch-later-page .wl-hero__thumb-link {
    border-color: rgba(180, 150, 120, 0.3) !important;
    box-shadow: 0 8px 24px rgba(92, 74, 58, 0.12) !important;
}

html.original-theme body.watch-later-page .page-title,
body.original-theme.watch-later-page .page-title {
    color: #5c4a3d !important;
}

html.original-theme body.watch-later-page .wl-filter-empty,
html.original-theme body.watch-later-page .wl-filter-empty p,
body.original-theme.watch-later-page .wl-filter-empty,
body.original-theme.watch-later-page .wl-filter-empty p {
    color: #8b7355 !important;
}

html.original-theme body.watch-later-page .wl-filter-empty__link,
body.original-theme.watch-later-page .wl-filter-empty__link {
    color: #b0784e !important;
}