/**
 * Light theme — upload/studio modals, stream live, upload queue toast.
 * Loaded after theme-light-generated.css to override dark-base upload.css rules.
 */

/* ========== Shared modal shell ========== */
html.light-theme .modal-overlay,
body.light-theme .modal-overlay {
    background: rgba(0, 0, 0, 0.5) !important;
    backdrop-filter: blur(4px) !important;
}

html.light-theme .modal-content,
html.light-theme .crop-editor-modal-inner,
html.light-theme .frame-thumb-modal-inner,
html.light-theme .modal-content.advanced-editor,
html.light-theme .modal-content.advanced-editor-inner,
body.light-theme .modal-content,
body.light-theme .crop-editor-modal-inner,
body.light-theme .frame-thumb-modal-inner,
body.light-theme .modal-content.advanced-editor,
body.light-theme .modal-content.advanced-editor-inner {
    background: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    color: #0f0f0f !important;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.14) !important;
}

html.light-theme .modal-content:not(.modal-content--scroll) > h3,
html.light-theme .modal-editor-fixed-head,
html.light-theme .modal-editor-fixed-head h3,
body.light-theme .modal-content:not(.modal-content--scroll) > h3,
body.light-theme .modal-editor-fixed-head,
body.light-theme .modal-editor-fixed-head h3 {
    background: #ffffff !important;
    color: #0f0f0f !important;
    border-bottom-color: #eeeeee !important;
}

html.light-theme .modal-editor-scroll,
body.light-theme .modal-editor-scroll {
    background: #f8f9fa !important;
}

html.light-theme .modal-editor-scroll::-webkit-scrollbar-track,
body.light-theme .modal-editor-scroll::-webkit-scrollbar-track {
    background: #eeeeee !important;
}

html.light-theme .modal-editor-scroll::-webkit-scrollbar-thumb,
body.light-theme .modal-editor-scroll::-webkit-scrollbar-thumb {
    background: #b0b0b0 !important;
}

html.light-theme .modal-actions,
body.light-theme .modal-actions {
    background: #ffffff !important;
    border-top: 1px solid #eeeeee !important;
}

html.light-theme .modal-btn-primary,
body.light-theme .modal-btn-primary {
    background: linear-gradient(135deg, #065fd4 0%, #0550b8 100%) !important;
    color: #ffffff !important;
}

html.light-theme .modal-btn-secondary,
body.light-theme .modal-btn-secondary {
    background: #ffffff !important;
    border: 1px solid #d0d0d0 !important;
    color: #0f0f0f !important;
}

html.light-theme .modal-btn-secondary:hover,
body.light-theme .modal-btn-secondary:hover {
    background: #f2f2f2 !important;
    border-color: #909090 !important;
    color: #0f0f0f !important;
}

/* ========== Crop / thumbnail editor ========== */
html.light-theme body.upload-page #crop-image-modal .studio-crop-editor-head,
html.light-theme body.studio-edit-page #crop-image-modal .studio-crop-editor-head,
body.light-theme body.upload-page #crop-image-modal .studio-crop-editor-head,
body.light-theme body.studio-edit-page #crop-image-modal .studio-crop-editor-head {
    background: #ffffff !important;
    border-bottom: 1px solid #eeeeee !important;
}

html.light-theme body.upload-page #crop-image-modal .studio-crop-editor-head h3,
html.light-theme body.studio-edit-page #crop-image-modal .studio-crop-editor-head h3,
body.light-theme body.upload-page #crop-image-modal .studio-crop-editor-head h3,
body.light-theme body.studio-edit-page #crop-image-modal .studio-crop-editor-head h3 {
    color: #0f0f0f !important;
}

html.light-theme .crop-tab-btn,
html.light-theme body.upload-page #crop-image-modal .studio-crop-editor-tabs .crop-tab-btn,
html.light-theme body.studio-edit-page #crop-image-modal .studio-crop-editor-tabs .crop-tab-btn,
body.light-theme .crop-tab-btn,
body.light-theme body.upload-page #crop-image-modal .studio-crop-editor-tabs .crop-tab-btn,
body.light-theme body.studio-edit-page #crop-image-modal .studio-crop-editor-tabs .crop-tab-btn {
    background: #f2f2f2 !important;
    border: 1px solid #d8d8d8 !important;
    color: #0f0f0f !important;
    box-shadow: none !important;
}

html.light-theme .crop-tab-btn.active,
html.light-theme body.upload-page #crop-image-modal .studio-crop-editor-tabs .crop-tab-btn.active,
html.light-theme body.studio-edit-page #crop-image-modal .studio-crop-editor-tabs .crop-tab-btn.active,
body.light-theme .crop-tab-btn.active,
body.light-theme body.upload-page #crop-image-modal .studio-crop-editor-tabs .crop-tab-btn.active,
body.light-theme body.studio-edit-page #crop-image-modal .studio-crop-editor-tabs .crop-tab-btn.active {
    background: rgba(6, 95, 212, 0.12) !important;
    border-color: #065fd4 !important;
    color: #065fd4 !important;
    box-shadow: 0 0 0 1px rgba(6, 95, 212, 0.2) !important;
}

html.light-theme .crop-tab-panel,
html.light-theme .thumb-style-grid,
html.light-theme .upload-thumb-style-head,
html.light-theme .editor-toolbar,
html.light-theme .editor-toolbar-inline,
body.light-theme .crop-tab-panel,
body.light-theme .thumb-style-grid,
body.light-theme .upload-thumb-style-head,
body.light-theme .editor-toolbar,
body.light-theme .editor-toolbar-inline {
    background: #f8f9fa !important;
    border-color: #eeeeee !important;
}

html.light-theme .thumb-preset-chip,
body.light-theme .thumb-preset-chip {
    background: #ffffff !important;
    border: 1px solid #d0d0d0 !important;
    color: #0f0f0f !important;
    box-shadow: none !important;
}

html.light-theme .thumb-preset-chip:hover,
body.light-theme .thumb-preset-chip:hover {
    background: #f2f2f2 !important;
    border-color: #909090 !important;
    color: #0f0f0f !important;
}

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

html.light-theme .thumb-style-control span,
html.light-theme .upload-thumb-presets-title,
html.light-theme .toolbar-label,
html.light-theme .crop-smart-hint,
body.light-theme .thumb-style-control span,
body.light-theme .upload-thumb-presets-title,
body.light-theme .toolbar-label,
body.light-theme .crop-smart-hint {
    color: #606060 !important;
}

html.light-theme .thumb-style-control span strong,
html.light-theme .ue-control-top,
html.light-theme .ue-value-inline,
body.light-theme .thumb-style-control span strong,
body.light-theme .ue-control-top,
body.light-theme .ue-value-inline {
    color: #0f0f0f !important;
}

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

html.light-theme .ratio-btn,
body.light-theme .ratio-btn {
    background: #ffffff !important;
    border: 1px solid #d0d0d0 !important;
    color: #0f0f0f !important;
}

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

html.light-theme .ratio-btn.active,
body.light-theme .ratio-btn.active {
    background: #065fd4 !important;
    border-color: #065fd4 !important;
    color: #ffffff !important;
}

html.light-theme .image-crop-container,
body.light-theme .image-crop-container {
    background: #e8e8e8 !important;
    border: 1px solid #dddddd !important;
}

html.light-theme .ue-range::-webkit-slider-runnable-track,
body.light-theme .ue-range::-webkit-slider-runnable-track {
    height: 4px !important;
    border-radius: 4px !important;
    background: #b8b8b8 !important;
}

html.light-theme .ue-range::-moz-range-track,
body.light-theme .ue-range::-moz-range-track {
    height: 4px !important;
    border-radius: 4px !important;
    background: #b8b8b8 !important;
}

html.light-theme .ue-range::-webkit-slider-thumb,
body.light-theme .ue-range::-webkit-slider-thumb {
    background: #065fd4 !important;
    border: 2px solid #ffffff !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) !important;
}

/* ========== Frame from video modal ========== */
html.light-theme .frame-thumb-preview-wrap,
body.light-theme .frame-thumb-preview-wrap {
    background: #0f0f0f !important;
}

html.light-theme .frame-thumb-scrub,
html.light-theme .frame-thumb-toolbar,
body.light-theme .frame-thumb-scrub,
body.light-theme .frame-thumb-toolbar {
    background: #ffffff !important;
}

html.light-theme .frame-thumb-time,
html.light-theme .frame-thumb-note,
body.light-theme .frame-thumb-time,
body.light-theme .frame-thumb-note {
    color: #606060 !important;
}

html.light-theme .frame-thumb-play-btn,
body.light-theme .frame-thumb-play-btn {
    background: #f2f2f2 !important;
    border: 1px solid #d0d0d0 !important;
    color: #0f0f0f !important;
}

html.light-theme .frame-thumb-play-btn:hover,
body.light-theme .frame-thumb-play-btn:hover {
    background: #e8e8e8 !important;
}

html.light-theme .frame-thumb-smart-block,
body.light-theme .frame-thumb-smart-block {
    background: #f8f9fa !important;
    border-top-color: #eeeeee !important;
}

html.light-theme .frame-thumb-smart-title,
body.light-theme .frame-thumb-smart-title {
    color: #0f0f0f !important;
}

html.light-theme .frame-thumb-smart-hint,
body.light-theme .frame-thumb-smart-hint {
    color: #606060 !important;
}

html.light-theme .smart-thumb-tile,
body.light-theme .smart-thumb-tile {
    background: #e8e8e8 !important;
    border-color: #d0d0d0 !important;
}

html.light-theme .smart-thumb-tile:hover,
body.light-theme .smart-thumb-tile:hover {
    border-color: #065fd4 !important;
    box-shadow: 0 4px 12px rgba(6, 95, 212, 0.2) !important;
}

/* ========== Advanced video editor ========== */
html.light-theme .video-editor-enhance-panel,
html.light-theme .adv-editor-body,
body.light-theme .video-editor-enhance-panel,
body.light-theme .adv-editor-body {
    background: #ffffff !important;
    color: #0f0f0f !important;
    border-color: #e5e5e5 !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06) !important;
}

html.light-theme .vep-title,
html.light-theme .vep-control label,
html.light-theme .vep-control span,
body.light-theme .vep-title,
body.light-theme .vep-control label,
body.light-theme .vep-control span {
    color: #606060 !important;
}

html.light-theme .vep-control span strong,
html.light-theme .vep-toggle-strong,
body.light-theme .vep-control span strong,
body.light-theme .vep-toggle-strong {
    color: #0f0f0f !important;
}

html.light-theme .vep-chip,
html.light-theme .vep-tab,
html.light-theme .vep-reset-btn,
html.light-theme .vep-compare-btn,
body.light-theme .vep-chip,
body.light-theme .vep-tab,
body.light-theme .vep-reset-btn,
body.light-theme .vep-compare-btn {
    background: #f2f2f2 !important;
    border: 1px solid #d8d8d8 !important;
    color: #0f0f0f !important;
}

html.light-theme .vep-chip:hover,
html.light-theme .vep-tab:hover:not(.is-active),
body.light-theme .vep-chip:hover,
body.light-theme .vep-tab:hover:not(.is-active) {
    background: #e8e8e8 !important;
    color: #0f0f0f !important;
}

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

html.light-theme .vep-toggles label,
body.light-theme .vep-toggles label {
    background: #f8f9fa !important;
    border-color: #e0e0e0 !important;
    color: #0f0f0f !important;
}

html.light-theme .vep-toggles label:hover,
body.light-theme .vep-toggles label:hover {
    background: #f2f2f2 !important;
}

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

html.light-theme .vep-smart-status,
html.light-theme .vep-smart-note,
html.light-theme .vep-smart-intro,
body.light-theme .vep-smart-status,
body.light-theme .vep-smart-note,
body.light-theme .vep-smart-intro {
    color: #606060 !important;
}

html.light-theme .vep-caption-draft,
body.light-theme .vep-caption-draft {
    background: #ffffff !important;
    border-color: #d0d0d0 !important;
    color: #0f0f0f !important;
}

html.light-theme .timeline-area,
html.light-theme .ue-playback-bar,
body.light-theme .timeline-area,
body.light-theme .ue-playback-bar {
    color: #0f0f0f !important;
}

/* ========== Stream live modal ========== */
html.light-theme .stream-live-modal-overlay,
body.light-theme .stream-live-modal-overlay {
    background: rgba(0, 0, 0, 0.45) !important;
}

html.light-theme .stream-live-modal,
body.light-theme .stream-live-modal {
    background: #ffffff !important;
    border: 1px solid #e5e5e5 !important;
    color: #0f0f0f !important;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.14) !important;
}

html.light-theme .stream-live-modal h3,
html.light-theme .stream-live-modal-close,
body.light-theme .stream-live-modal h3,
body.light-theme .stream-live-modal-close {
    color: #0f0f0f !important;
}

html.light-theme .stream-live-modal-subtitle,
html.light-theme .stream-live-form label,
body.light-theme .stream-live-modal-subtitle,
body.light-theme .stream-live-form label {
    color: #606060 !important;
}

html.light-theme .stream-live-form input,
html.light-theme .stream-live-form textarea,
html.light-theme .stream-live-select-trigger,
body.light-theme .stream-live-form input,
body.light-theme .stream-live-form textarea,
body.light-theme .stream-live-select-trigger {
    background: #ffffff !important;
    border: 1px solid #d0d0d0 !important;
    color: #0f0f0f !important;
}

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

html.light-theme .stream-live-select-option,
body.light-theme .stream-live-select-option {
    color: #0f0f0f !important;
    background: #ffffff !important;
}

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

html.light-theme .stream-live-select-arrow,
body.light-theme .stream-live-select-arrow {
    border-right-color: #505050 !important;
    border-bottom-color: #505050 !important;
}

html.light-theme .stream-live-copy-btn,
html.light-theme .stream-live-actions .profile-button,
body.light-theme .stream-live-copy-btn,
body.light-theme .stream-live-actions .profile-button {
    background: #f2f2f2 !important;
    border: 1px solid #e0e0e0 !important;
    color: #0f0f0f !important;
}

html.light-theme .stream-live-actions .profile-button:hover,
body.light-theme .stream-live-actions .profile-button:hover {
    background: #e8e8e8 !important;
}

/* ========== Upload queue toast — light UI, gray rows (like dark contrast) ========== */
html.light-theme #video-upload-toast.video-upload-toast,
html.light-theme .video-upload-toast,
body.light-theme #video-upload-toast.video-upload-toast,
body.light-theme .video-upload-toast {
    background: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    color: #0f0f0f !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.14) !important;
}

html.light-theme #video-upload-toast .video-upload-toast-title,
html.light-theme #video-upload-toast strong,
body.light-theme #video-upload-toast .video-upload-toast-title,
body.light-theme #video-upload-toast strong {
    color: #0f0f0f !important;
}

html.light-theme #video-upload-toast .upload-row,
body.light-theme #video-upload-toast .upload-row {
    border: 1px solid #e0e0e0 !important;
    background: #f2f2f2 !important;
    border-radius: 10px !important;
}

html.light-theme #video-upload-toast .upload-row-name,
body.light-theme #video-upload-toast .upload-row-name {
    color: #0f0f0f !important;
}

html.light-theme #video-upload-toast .upload-row-meta,
html.light-theme #video-upload-toast .upload-row-meta span,
body.light-theme #video-upload-toast .upload-row-meta,
body.light-theme #video-upload-toast .upload-row-meta span {
    color: #606060 !important;
}

html.light-theme #video-upload-toast .upload-row-meta span:last-child,
body.light-theme #video-upload-toast .upload-row-meta span:last-child {
    color: #065fd4 !important;
}

html.light-theme #video-upload-toast .upload-row-bar,
body.light-theme #video-upload-toast .upload-row-bar {
    background: #d8d8d8 !important;
}

html.light-theme #video-upload-toast .video-upload-toast-head-actions button,
html.light-theme #video-upload-toast .upload-row-actions button,
html.light-theme #video-upload-toast .upload-row-actions .upload-row-open,
body.light-theme #video-upload-toast .video-upload-toast-head-actions button,
body.light-theme #video-upload-toast .upload-row-actions button,
body.light-theme #video-upload-toast .upload-row-actions .upload-row-open {
    border: 1px solid #c8c8c8 !important;
    background: #ffffff !important;
    color: #0f0f0f !important;
}

html.light-theme #video-upload-toast .video-upload-toast-head-actions button:hover,
html.light-theme #video-upload-toast .upload-row-actions button:hover,
html.light-theme #video-upload-toast .upload-row-actions .upload-row-open:hover,
body.light-theme #video-upload-toast .video-upload-toast-head-actions button:hover,
body.light-theme #video-upload-toast .upload-row-actions button:hover,
body.light-theme #video-upload-toast .upload-row-actions .upload-row-open:hover {
    background: #e8e8e8 !important;
    border-color: #a8a8a8 !important;
    color: #0f0f0f !important;
}

html.light-theme #video-upload-toast .video-upload-toast-list::-webkit-scrollbar-track,
body.light-theme #video-upload-toast .video-upload-toast-list::-webkit-scrollbar-track {
    background: #eeeeee !important;
}

html.light-theme #video-upload-toast .video-upload-toast-list::-webkit-scrollbar-thumb,
body.light-theme #video-upload-toast .video-upload-toast-list::-webkit-scrollbar-thumb {
    background: #b0b0b0 !important;
}

/* ========== Upload mini panel (header queue — visible instead of hidden toast) ========== */
html.light-theme .upload-mini-panel,
body.light-theme .upload-mini-panel {
    background: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    color: #0f0f0f !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.14) !important;
}

html.light-theme .upload-mini-panel-title,
body.light-theme .upload-mini-panel-title {
    color: #0f0f0f !important;
}

html.light-theme .upload-mini-item,
body.light-theme .upload-mini-item {
    border: 1px solid #e0e0e0 !important;
    background: #f2f2f2 !important;
    border-radius: 10px !important;
}

html.light-theme .upload-mini-name,
body.light-theme .upload-mini-name {
    color: #0f0f0f !important;
}

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

html.light-theme .upload-mini-pct,
body.light-theme .upload-mini-pct {
    color: #065fd4 !important;
}

html.light-theme .upload-mini-bar,
body.light-theme .upload-mini-bar {
    background: #d8d8d8 !important;
}

html.light-theme .upload-mini-empty,
body.light-theme .upload-mini-empty {
    color: #606060 !important;
    border-color: #d0d0d0 !important;
    background: #f8f8f8 !important;
}

html.light-theme .upload-mini-clear-btn,
html.light-theme .upload-mini-undock-close,
html.light-theme .upload-mini-undock-collapse,
html.light-theme .upload-mini-panel .upload-row-actions button,
html.light-theme .upload-mini-panel .upload-row-actions .upload-row-open,
body.light-theme .upload-mini-clear-btn,
body.light-theme .upload-mini-undock-close,
body.light-theme .upload-mini-undock-collapse,
body.light-theme .upload-mini-panel .upload-row-actions button,
body.light-theme .upload-mini-panel .upload-row-actions .upload-row-open {
    border: 1px solid #c8c8c8 !important;
    background: #ffffff !important;
    color: #0f0f0f !important;
}

html.light-theme .upload-mini-clear-btn:hover,
html.light-theme .upload-mini-undock-close:hover,
html.light-theme .upload-mini-undock-collapse:hover,
html.light-theme .upload-mini-panel .upload-row-actions button:hover,
html.light-theme .upload-mini-panel .upload-row-actions .upload-row-open:hover,
body.light-theme .upload-mini-clear-btn:hover,
body.light-theme .upload-mini-undock-close:hover,
body.light-theme .upload-mini-undock-collapse:hover,
body.light-theme .upload-mini-panel .upload-row-actions button:hover,
body.light-theme .upload-mini-panel .upload-row-actions .upload-row-open:hover {
    background: #e8e8e8 !important;
    border-color: #a8a8a8 !important;
    color: #0f0f0f !important;
}

html.light-theme .upload-mini-panel-list::-webkit-scrollbar-track,
body.light-theme .upload-mini-panel-list::-webkit-scrollbar-track {
    background: #eeeeee !important;
}

html.light-theme .upload-mini-panel-list::-webkit-scrollbar-thumb,
body.light-theme .upload-mini-panel-list::-webkit-scrollbar-thumb {
    background: #b0b0b0 !important;
}