/* Dark Theme Variables */

:root {
    /* Light theme colors (default) */
    --bg-primary: #ffffff;
    --bg-secondary: #f8f9fa;
    --bg-tertiary: #f5f5f5;

    --text-primary: #181c22;
    --text-secondary: #343a40;
    --text-tertiary: #6c757d;
    --text-muted: #999999;

    --border-color: #e0e0e0;
    --border-light: #e5e5e5;
    --border-hover: #d0d0d0;

    --link-color: #008FA1;
    --link-hover: #007a8a;
    --link-active: #008FA1;

    --button-primary-bg: #008FA1;
    --button-primary-hover: #007a8a;
    --button-secondary-bg: #6c757d;
    --button-secondary-hover: #5a6268;

    --input-bg: #ffffff;
    --input-border: #ced4da;
    --input-focus: #008FA1;

    --header-bg: #ffffff;
    --header-text: #181c22;
    --header-border: #e0e0e0;

    --card-bg: #ffffff;
    --card-border: #e0e0e0;
    --card-hover-shadow: rgba(0, 0, 0, 0.15);

    --overlay-bg: rgba(0, 0, 0, 0.5);
    --modal-bg: #ffffff;

    --success-color: #28a745;
    --warning-color: #ffc107;
    --error-color: #dc3545;
    --info-color: #008FA1;

    --shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --shadow-md: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
}

/* No auto theme - user must explicitly choose light or dark */

/* Manual dark theme override */
html[data-theme="dark"] {
    --bg-primary: #1f1f1f;
    --bg-secondary: #242424;
    --bg-tertiary: #2d2d2d;

    --text-primary: #e0e0e0;
    --text-secondary: #d0d0d0;
    --text-tertiary: #b0b0b0;
    --text-muted: #888888;

    --border-color: #3a3a3a;
    --border-light: #353535;
    --border-hover: #4a4a4a;

    --link-color: #ffffff;
    --link-hover: #008FA1;
    --link-active: #00a8bc;

    --button-primary-bg: #00a8bc;
    --button-primary-hover: #008FA1;
    --button-secondary-bg: #495057;
    --button-secondary-hover: #5c636a;

    --input-bg: #2d2d2d;
    --input-border: #3a3a3a;
    --input-focus: #00a8bc;

    --header-bg: #1f1f1f;
    --header-text: #e0e0e0;
    --header-border: #3a3a3a;

    --card-bg: #242424;
    --card-border: #3a3a3a;
    --card-hover-shadow: rgba(0, 0, 0, 0.5);

    --overlay-bg: rgba(0, 0, 0, 0.7);
    --modal-bg: #2d2d2d;

    --success-color: #51cf66;
    --warning-color: #ffd43b;
    --error-color: #ff6b6b;
    --info-color: #00a8bc;

    --shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.3);
    --shadow-md: 0 0.5rem 1rem rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.5);

    color-scheme: dark;
}

/* Manual light theme override */
html[data-theme="light"] {
    --bg-primary: #ffffff;
    --bg-secondary: #f8f9fa;
    --bg-tertiary: #f5f5f5;

    --text-primary: #181c22;
    --text-secondary: #343a40;
    --text-tertiary: #6c757d;
    --text-muted: #999999;

    --border-color: #e0e0e0;
    --border-light: #e5e5e5;
    --border-hover: #d0d0d0;

    --link-color: #008FA1;
    --link-hover: #007a8a;
    --link-active: #008FA1;

    --button-primary-bg: #008FA1;
    --button-primary-hover: #007a8a;
    --button-secondary-bg: #6c757d;
    --button-secondary-hover: #5a6268;

    --input-bg: #ffffff;
    --input-border: #ced4da;
    --input-focus: #008FA1;

    --header-bg: #ffffff;
    --header-text: #181c22;
    --header-border: #e0e0e0;

    --card-bg: #ffffff;
    --card-border: #e0e0e0;
    --card-hover-shadow: rgba(0, 0, 0, 0.15);

    --overlay-bg: rgba(0, 0, 0, 0.5);
    --modal-bg: #ffffff;

    --success-color: #28a745;
    --warning-color: #ffc107;
    --error-color: #dc3545;
    --info-color: #008FA1;

    --shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --shadow-md: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);

    color-scheme: light;
}

/* Apply theme to body */
body {
    background-color: var(--bg-primary);
    color: var(--text-primary);
}

/* THEME TOGGLE BUTTON */
.theme-toggle {
    cursor: pointer;
    border: none;
    background: transparent;
    transition: none;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    line-height: 24px;
}

.theme-toggle svg {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    display: none;
    color: #181c22;
    transition: none;
}

html[data-theme="dark"] .theme-toggle svg {
    color: #e0e0e0;
}

/* Prevent hover color change */
.theme-toggle:hover,
.theme-toggle:hover svg,
.theme-toggle:focus,
.theme-toggle:focus svg {
    color: #181c22 !important;
    background: transparent !important;
}

html[data-theme="dark"] .theme-toggle:hover,
html[data-theme="dark"] .theme-toggle:hover svg,
html[data-theme="dark"] .theme-toggle:focus,
html[data-theme="dark"] .theme-toggle:focus svg {
    color: #e0e0e0 !important;
    background: transparent !important;
}

/* Hide all labels and icons by default */
.theme-toggle .theme-label {
    display: none;
    color: var(--text-primary);
    font-size: 14px;
}

/* Show appropriate icon based on current theme */
/* Light theme = show moon icon (to switch to dark) */
html[data-theme="light"] .theme-toggle .theme-icon-when-light {
    display: block;
}

/* Dark theme = show sun icon (to switch to light) */
html[data-theme="dark"] .theme-toggle .theme-icon-when-dark {
    display: block;
}

/* Fallback when no theme is set yet - show moon */
html:not([data-theme]) .theme-toggle .theme-icon-when-light {
    display: block;
}

/* Smooth transitions for theme changes - only for non-interactive elements */
body,
.header,
.card,
.main,
main,
.footer {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

/* ============================================
   DARK THEME OVERRIDES FOR EXISTING STYLES
   ============================================ */

/* Apply dark theme to core elements */
html[data-theme="dark"] body {
    background-color: var(--bg-primary);
    color: var(--text-primary);
}

html[data-theme="dark"] a {
    color: var(--link-color);
}

html[data-theme="dark"] a:hover {
    color: var(--link-hover);
}

/* Header styles */
html[data-theme="dark"] .header {
    background-color: var(--header-bg) !important;
    border-bottom: 1px solid var(--border-color) !important;
}

html[data-theme="dark"] .header__logo {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .header__nav-link {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .header__nav-link:hover,
html[data-theme="dark"] .header__nav-link:focus {
    color: var(--text-primary) !important;
    background-color: var(--bg-tertiary) !important;
}

html[data-theme="dark"] .header__btn {
    background: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme="dark"] .header__btn:hover,
html[data-theme="dark"] .header__btn:focus {
    background: var(--bg-tertiary) !important;
    color: var(--link-hover) !important;
    border-color: var(--link-hover) !important;
}

html[data-theme="dark"] .header__btn--primary {
    background: var(--button-primary-bg) !important;
    color: #ffffff !important;
}

html[data-theme="dark"] .header__btn--primary:hover,
html[data-theme="dark"] .header__btn--primary:focus {
    background: var(--button-primary-hover) !important;
    color: #ffffff !important;
}

/* Buttons */
html[data-theme="dark"] .button--primary {
    background-color: var(--button-primary-bg);
}

html[data-theme="dark"] .button--primary:hover {
    background-color: var(--button-primary-hover);
}

html[data-theme="dark"] .button--secondary {
    background-color: var(--button-secondary-bg);
}

html[data-theme="dark"] .button--secondary:hover {
    background-color: var(--button-secondary-hover);
}

/* Forms and inputs */
html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select {
    background-color: var(--input-bg);
    color: var(--text-primary);
    border-color: var(--input-border);
}

html[data-theme="dark"] input:focus,
html[data-theme="dark"] textarea:focus,
html[data-theme="dark"] select:focus {
    border-color: var(--input-focus);
}

/* Cards */
html[data-theme="dark"] .card,
html[data-theme="dark"] .big-card,
html[data-theme="dark"] .catalog-card {
    background-color: var(--card-bg);
    border-color: var(--card-border);
}

html[data-theme="dark"] .card:hover {
    box-shadow: 0 4px 12px var(--card-hover-shadow);
}

/* Modal and overlays */
html[data-theme="dark"] .modal,
html[data-theme="dark"] .popup {
    background-color: var(--modal-bg);
}

html[data-theme="dark"] .overlay,
html[data-theme="dark"] .modal-overlay {
    background-color: var(--overlay-bg);
}

/* Footer */
html[data-theme="dark"] .imager-stock__footer,
html[data-theme="dark"] footer {
    background-color: var(--bg-secondary);
    color: var(--text-secondary);
    border-top: 1px solid var(--border-color);
}

/* Borders */
html[data-theme="dark"] .border,
html[data-theme="dark"] [class*="border"] {
    border-color: var(--border-color) !important;
}

/* Search and filters */
html[data-theme="dark"] .search-input,
html[data-theme="dark"] .search-bar {
    background-color: var(--input-bg);
    color: var(--text-primary);
    border-color: var(--input-border);
}

html[data-theme="dark"] .filter-option,
html[data-theme="dark"] .active-filter {
    background-color: var(--bg-secondary);
    color: var(--text-primary);
    border-color: var(--border-color);
}

/* Dropdown menus */
html[data-theme="dark"] .dropdown-menu,
html[data-theme="dark"] .user-menu__dropdown,
html[data-theme="dark"] .language-switcher__menu {
    background-color: var(--bg-secondary) !important;
    border-color: var(--border-color) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5) !important;
}

html[data-theme="dark"] .dropdown-item,
html[data-theme="dark"] .user-menu__link,
html[data-theme="dark"] .language-switcher__option {
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme="dark"] .dropdown-item:hover,
html[data-theme="dark"] .user-menu__link:hover,
html[data-theme="dark"] .language-switcher__option:hover {
    background-color: var(--bg-tertiary) !important;
    color: var(--link-hover) !important;
}

html[data-theme="dark"] .language-switcher__option--active {
    background-color: var(--bg-tertiary) !important;
}

html[data-theme="dark"] .user-menu__header,
html[data-theme="dark"] .user-menu__info,
html[data-theme="dark"] .user-menu__name,
html[data-theme="dark"] .user-menu__email {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .user-menu__nav {
    border-top: 1px solid var(--border-color) !important;
}

html[data-theme="dark"] .header__nav-cabinet:hover {
    background: var(--bg-tertiary) !important;
}

html[data-theme="dark"] .header__nav-cabinet:hover .header__avatar {
    border-color: var(--link-hover) !important;
}

/* Tables */
html[data-theme="dark"] table {
    background-color: var(--card-bg);
    color: var(--text-primary);
}

html[data-theme="dark"] table th,
html[data-theme="dark"] table td {
    border-color: var(--border-color);
}

html[data-theme="dark"] table tr:hover {
    background-color: var(--bg-tertiary);
}

/* Wishlist specific */
html[data-theme="dark"] .wishlist-item {
    background-color: var(--card-bg);
    border-color: var(--border-color);
}

html[data-theme="dark"] .wishlist-item:hover {
    background-color: var(--bg-secondary);
}

/* Cart specific */
html[data-theme="dark"] .cart-item {
    background-color: var(--card-bg);
    border-color: var(--border-color);
}

html[data-theme="dark"] .cart-total {
    background-color: var(--bg-secondary);
    color: var(--text-primary);
}

/* SVG icons in headers */
html[data-theme="dark"] .header__nav-item-icon svg {
    fill: var(--text-primary) !important;
}

html[data-theme="dark"] .header__nav-item-icon-wishlist-path {
    stroke: var(--text-primary) !important;
}

/* Removed hover effects for icons in dark theme */

html[data-theme="dark"] .header__icon-btn {
    color: var(--text-primary);
}

html[data-theme="dark"] .header__icon-badge {
    background: var(--button-primary-bg);
    color: #ffffff;
}

html[data-theme="dark"] .header__avatar {
    border: 2px solid var(--border-color);
}

/* Language switcher */
html[data-theme="dark"] .language-switcher__button {
    color: var(--text-primary) !important;
    background-color: transparent !important;
}

html[data-theme="dark"] .language-switcher__button:hover {
    background-color: var(--bg-tertiary) !important;
}

html[data-theme="dark"] .language-switcher__current {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .language-switcher__arrow {
    stroke: var(--text-primary) !important;
}

/* Alerts and messages */
html[data-theme="dark"] .alert-success {
    background-color: rgba(81, 207, 102, 0.2);
    color: var(--success-color);
    border-color: var(--success-color);
}

html[data-theme="dark"] .alert-warning {
    background-color: rgba(255, 212, 59, 0.2);
    color: var(--warning-color);
    border-color: var(--warning-color);
}

html[data-theme="dark"] .alert-error,
html[data-theme="dark"] .alert-danger {
    background-color: rgba(255, 107, 107, 0.2);
    color: var(--error-color);
    border-color: var(--error-color);
}

html[data-theme="dark"] .alert-info {
    background-color: rgba(77, 171, 247, 0.2);
    color: var(--info-color);
    border-color: var(--info-color);
}

/* Navigation and pagination */
html[data-theme="dark"] .pagination {
    background-color: var(--bg-secondary);
}

html[data-theme="dark"] .pagination-item {
    color: var(--text-primary);
    border-color: var(--border-color);
}

html[data-theme="dark"] .pagination-item:hover {
    background-color: var(--bg-tertiary);
}

html[data-theme="dark"] .pagination-item.active {
    background-color: var(--button-primary-bg);
    color: white;
}

/* Breadcrumbs */
html[data-theme="dark"] .breadcrumb {
    background-color: var(--bg-secondary);
}

html[data-theme="dark"] .breadcrumb-item {
    color: var(--text-secondary);
}

html[data-theme="dark"] .breadcrumb-item a {
    color: var(--link-color);
}

/* Loading and spinners */
html[data-theme="dark"] .spinner,
html[data-theme="dark"] .loading {
    border-color: var(--border-color);
    border-top-color: var(--link-color);
}

/* Scrollbars for WebKit browsers */
html[data-theme="dark"] ::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

html[data-theme="dark"] ::-webkit-scrollbar-track {
    background: var(--bg-secondary);
}

html[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: var(--border-hover);
    border-radius: 6px;
}

html[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: var(--text-muted);
}

/* Selection color */
html[data-theme="dark"] ::selection {
    background-color: var(--button-primary-bg);
    color: white;
}

/* Popular requests section */
html[data-theme="dark"] .popular-requests__label {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .popular-requests__tag {
    background: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme="dark"] .popular-requests__tag:hover {
    background: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
}

/* Main content area */
html[data-theme="dark"] .main {
    background-color: var(--bg-primary) !important;
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .imager-stock__main,
html[data-theme="dark"] main {
    background-color: var(--bg-primary) !important;
}

/* Home page specific */
html[data-theme="dark"] .home-hero {
    background-color: var(--bg-secondary) !important;
}

html[data-theme="dark"] .home-hero__title,
html[data-theme="dark"] .home-hero__subtitle {
    color: var(--text-primary) !important;
}

/* Product cards */
html[data-theme="dark"] .product-card,
html[data-theme="dark"] .image-card {
    background-color: var(--card-bg) !important;
    border-color: var(--border-color) !important;
}

html[data-theme="dark"] .product-card:hover,
html[data-theme="dark"] .image-card:hover {
    box-shadow: 0 4px 12px var(--card-hover-shadow) !important;
}

html[data-theme="dark"] .product-card__title,
html[data-theme="dark"] .product-card__price {
    color: var(--text-primary) !important;
}

/* Search results */
html[data-theme="dark"] .search-results__header {
    background-color: var(--bg-secondary) !important;
    border-bottom: 1px solid var(--border-color) !important;
}

html[data-theme="dark"] .search-results__title {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .search-results__count {
    color: var(--text-secondary) !important;
}

/* Filters */
html[data-theme="dark"] .filters {
    background-color: var(--bg-secondary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme="dark"] .filter__title {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .filter__checkbox:checked {
    background-color: var(--button-primary-bg) !important;
}

/* Text and headings */
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6 {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] p {
    color: var(--text-secondary) !important;
}

/* Labels and small text */
html[data-theme="dark"] label {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] small {
    color: var(--text-tertiary) !important;
}

/* Code blocks if any */
html[data-theme="dark"] pre,
html[data-theme="dark"] code {
    background-color: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

/* ============================================
   HOME PAGE SPECIFIC STYLES
   ============================================ */

/* Hero section background */
html[data-theme="dark"] .imager-stock__hero {
    background-color: var(--bg-secondary) !important;
}

html[data-theme="dark"] .imager-stock__hero-title {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .imager-stock__hero-title-name {
    background: -webkit-linear-gradient(left, #e35f9d, #9d5fc1);
    background: linear-gradient(to right, #e35f9d, #9d5fc1);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

html[data-theme="dark"] .imager-stock__hero-description {
    color: var(--text-secondary) !important;
    background: var(--bg-secondary) !important;
}

html[data-theme="dark"] .imager-stock__hero-cta {
    background: #00a8bc !important;
    color: #ffffff !important;
}

html[data-theme="dark"] .imager-stock__hero-cta:hover {
    background: #008fa1 !important;
    color: #ffffff !important;
}

html[data-theme="dark"] .imager-stock__hero-image {
    background: var(--bg-tertiary) !important;
}

/* Container backgrounds */
html[data-theme="dark"] .imager-stock__container {
    background-color: transparent !important;
}

/* Legal content section */
html[data-theme="dark"] .imager-stock__legal-content {
    background: var(--bg-secondary) !important;
}

html[data-theme="dark"] .imager-stock__legal-content-title,
html[data-theme="dark"] .imager-stock__legal-content-heading {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .imager-stock__legal-content-text,
html[data-theme="dark"] .imager-stock__legal-content-description {
    color: var(--text-secondary) !important;
}

/* Collections section */
html[data-theme="dark"] .imager-stock__collections {
    background: var(--bg-secondary) !important;
}

html[data-theme="dark"] .imager-stock__collections .imager-stock__category-card:after {
    background: transparent !important;
}

html[data-theme="dark"] .imager-stock__category-card {
    background-color: transparent !important;
}

html[data-theme="dark"] .imager-stock__category-card:after {
    background: transparent !important;
}

html[data-theme="dark"] .imager-stock__category-title,
html[data-theme="dark"] .imager-stock__category-name {
    color: var(--text-primary) !important;
}

/* Browsed section */
html[data-theme="dark"] .imager-stock__browsed {
    background: var(--bg-secondary) !important;
}

html[data-theme="dark"] .imager-stock__browsed-item {
    background: var(--card-bg) !important;
}

html[data-theme="dark"] .imager-stock__browsed-item:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5) !important;
}

/* View all button */
html[data-theme="dark"] .imager-stock__view-all-btn {
    background: transparent !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .imager-stock__view-all-btn:hover {
    background: var(--bg-tertiary) !important;
    border-color: #00bcd4 !important;
    color: #00bcd4 !important;
}

/* Search section wrapper */
html[data-theme="dark"] .search-section-wrap {
    background: var(--bg-primary) !important;
}

html[data-theme="dark"] .search-hero-test-bg {
    background: var(--bg-primary) !important;
}

/* Search hero box */
html[data-theme="dark"] .search-hero__box {
    background: var(--card-bg) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4) !important;
}

/* Search input */
html[data-theme="dark"] .search-hero__input {
    background: var(--input-bg) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme="dark"] .search-hero__input::placeholder {
    color: var(--text-muted) !important;
}

/* File type dropdown */
html[data-theme="dark"] .search-hero__file-type-dropdown {
    background: var(--bg-tertiary) !important;
}

html[data-theme="dark"] .search-hero__file-type-select {
    background: var(--bg-tertiary) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 8L2 4h8z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 12px !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme="dark"] .search-hero__file-type-select:hover {
    background-color: var(--bg-secondary) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 8L2 4h8z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 12px !important;
}

html[data-theme="dark"] .search-hero__file-type-select:focus {
    background-color: var(--bg-secondary) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 8L2 4h8z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 12px !important;
}

/* Search cell containers */
html[data-theme="dark"] .search-hero__cell {
    background: var(--bg-tertiary) !important;
}

html[data-theme="dark"] .search-hero__cell-submit {
    background: var(--bg-tertiary) !important;
}

/* Search submit button */
html[data-theme="dark"] .search-hero__submit {
    background: #00a8bc !important;
    color: #ffffff !important;
}

html[data-theme="dark"] .search-hero__submit:hover {
    background: #008fa1 !important;
}

/* Search camera button */
html[data-theme="dark"] .search-hero__camera {
    background: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .search-hero__camera:hover {
    background: var(--bg-secondary) !important;
}

/* Search filters button */
html[data-theme="dark"] .search-hero__filters {
    background: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .search-hero__filters:hover {
    background: var(--bg-secondary) !important;
}

html[data-theme="dark"] .search-hero__filters--active {
    background: #00a8bc !important;
    color: #ffffff !important;
}

/* Popular search tags */
html[data-theme="dark"] .search-hero__popular-label {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .search-hero__tag {
    background: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme="dark"] .search-hero__tag:hover {
    background: var(--bg-secondary) !important;
    color: var(--link-hover) !important;
    border-color: var(--link-hover) !important;
}

/* Section titles */
html[data-theme="dark"] .imager-stock__section-title {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .imager-stock__section-description {
    color: var(--text-secondary) !important;
}

/* Author banner */
html[data-theme="dark"] .imager-stock__author-banner .imager-stock__container {
    background: linear-gradient(90deg, #00bcd4 0%, rgba(0, 188, 212, 0) 100%) !important;
}

html[data-theme="dark"] .imager-stock__author-banner-title {
    color: #ffffff !important;
}

html[data-theme="dark"] .imager-stock__author-register-btn {
    background: #1f1f1f !important;
    color: #ffffff !important;
}

html[data-theme="dark"] .imager-stock__author-register-btn:hover {
    background: #2d2d2d !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.5) !important;
}

/* Category cards */
html[data-theme="dark"] .imager-stock__category-card-image {
    background: var(--bg-tertiary) !important;
}

html[data-theme="dark"] .imager-stock__category-card:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5) !important;
}

/* Reasons section */
html[data-theme="dark"] .imager-stock__reasons-grid {
    background-color: transparent !important;
}

html[data-theme="dark"] .imager-stock__reason-card {
    background: var(--card-bg) !important;
    border-color: var(--border-color) !important;
}

html[data-theme="dark"] .imager-stock__reason-card:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5) !important;
}

html[data-theme="dark"] .imager-stock__reason-icon {
    color: #00bcd4 !important;
}

html[data-theme="dark"] .imager-stock__reason-icon svg {
    stroke: #00bcd4 !important;
}

html[data-theme="dark"] .imager-stock__reason-title {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .imager-stock__reason-description {
    color: var(--text-secondary) !important;
}

/* ============================================
   SEARCH RESULTS PAGE STYLES
   ============================================ */

/* Intro section */
html[data-theme="dark"] .intro {
    background-color: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
}

/* Search results header */
html[data-theme="dark"] .search-results-header {
    background-color: var(--bg-secondary) !important;
    border-bottom: 1px solid var(--border-color) !important;
}

html[data-theme="dark"] .search-results-header__sort-label {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .search-results-header__sort-button {
    background: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme="dark"] .search-results-header__sort-button:hover {
    background: rgba(0, 188, 212, 0.1) !important;
    border-color: #00bcd4 !important;
    color: #00bcd4 !important;
}

html[data-theme="dark"] .search-results-header__sort-button:focus {
    border-color: var(--link-hover) !important;
    box-shadow: 0 0 0 3px rgba(77, 171, 247, 0.2) !important;
}

html[data-theme="dark"] .search-results-header__sort-current {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .search-results-header__sort-arrow {
    color: var(--text-tertiary) !important;
}

/* Sort dropdown menu */
html[data-theme="dark"] .search-results-header__sort-menu {
    background: var(--bg-secondary) !important;
    border-color: var(--border-color) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;
}

html[data-theme="dark"] .search-results-header__sort-option {
    color: var(--text-primary) !important;
    border-bottom: 1px solid var(--border-color) !important;
}

html[data-theme="dark"] .search-results-header__sort-option:hover {
    background-color: rgba(0, 188, 212, 0.15) !important;
    color: #00bcd4 !important;
}

html[data-theme="dark"] .search-results-header__sort-option--active {
    background-color: rgba(77, 171, 247, 0.2) !important;
    color: var(--link-hover) !important;
}

/* Search filters dropdown */
html[data-theme="dark"] .search-filters-dropdown {
    background: var(--bg-secondary) !important;
    border-color: var(--border-color) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;
}

html[data-theme="dark"] .search-filters-dropdown__content {
    background-color: var(--bg-secondary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme="dark"] .search-filters__form {
    background-color: var(--bg-secondary) !important;
}

html[data-theme="dark"] .search-filters__label {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .search-filters__select {
    background-color: var(--input-bg) !important;
    color: var(--text-primary) !important;
    border-color: var(--input-border) !important;
}

html[data-theme="dark"] .search-filters__select:hover,
html[data-theme="dark"] .search-filters__select:focus {
    border-color: var(--input-focus) !important;
    background-color: var(--bg-tertiary) !important;
}

html[data-theme="dark"] .search-filters__select option {
    background-color: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .search-filters__group {
    background-color: transparent !important;
}

html[data-theme="dark"] .search-filters__color-palette {
    background-color: transparent !important;
}

html[data-theme="dark"] .search-filters__color-option {
    background-color: transparent !important;
}

html[data-theme="dark"] .search-filters__color-swatch {
    border: 2px solid var(--border-color) !important;
}

html[data-theme="dark"] .search-filters__color-radio:checked + .search-filters__color-swatch {
    border-color: var(--link-hover) !important;
    box-shadow: 0 0 0 2px var(--link-hover) !important;
}

html[data-theme="dark"] .search-filters__actions {
    background-color: transparent !important;
}

/* User menu dropdown */
html[data-theme="dark"] .user-menu__dropdown {
    background-color: var(--bg-secondary) !important;
    border-color: var(--border-color) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5) !important;
}

html[data-theme="dark"] .user-menu__header {
    background-color: var(--bg-tertiary) !important;
    border-bottom: 1px solid var(--border-color) !important;
}

html[data-theme="dark"] .user-menu__greeting,
html[data-theme="dark"] .user-menu__user-id {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .user-menu__close {
    color: var(--text-primary) !important;
    background: transparent !important;
}

html[data-theme="dark"] .user-menu__close:hover {
    background: var(--bg-secondary) !important;
}

html[data-theme="dark"] .user-menu__section {
    background-color: transparent !important;
    border-bottom: 1px solid var(--border-color) !important;
}

html[data-theme="dark"] .user-menu__section-title {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .user-menu__plan-item {
    background-color: transparent !important;
    border-bottom: none !important;
}

html[data-theme="dark"] .user-menu__plan-label {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .user-menu__plan-value {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .user-menu__plan-action {
    color: var(--link-color) !important;
}

html[data-theme="dark"] .user-menu__plan-action:hover {
    color: var(--link-hover) !important;
}

html[data-theme="dark"] .user-menu__nav {
    background-color: transparent !important;
}

html[data-theme="dark"] .user-menu__nav-item {
    color: var(--text-primary) !important;
    border-bottom: none !important;
}

html[data-theme="dark"] .user-menu__nav-item:hover {
    background-color: var(--bg-tertiary) !important;
    color: var(--link-hover) !important;
}

html[data-theme="dark"] .user-menu__nav-item svg {
    stroke: var(--text-primary) !important;
}

html[data-theme="dark"] .user-menu__nav-item:hover svg {
    stroke: var(--link-hover) !important;
}

html[data-theme="dark"] .user-menu__nav-item--admin:hover {
    background-color: rgba(77, 171, 247, 0.1) !important;
}

html[data-theme="dark"] .user-menu__nav-item--logout {
    color: var(--error-color) !important;
    border-top: 2px solid var(--border-color) !important;
    margin-top: 8px !important;
}

html[data-theme="dark"] .user-menu__nav-item--logout:hover {
    background-color: rgba(255, 107, 107, 0.1) !important;
    color: var(--error-color) !important;
}

html[data-theme="dark"] .user-menu__nav-item--logout svg {
    stroke: var(--error-color) !important;
}

/* Pagination */
html[data-theme="dark"] .pagination {
    background-color: var(--bg-primary) !important;
}

html[data-theme="dark"] .pagination__link {
    background-color: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme="dark"] .pagination__link:hover {
    background-color: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
    border-color: var(--link-hover) !important;
}

html[data-theme="dark"] .pagination__link--active {
    background-color: var(--button-primary-bg) !important;
    color: #ffffff !important;
    border-color: var(--button-primary-bg) !important;
}

/* Footer */
html[data-theme="dark"] .imager-stock__footer {
    background-color: var(--bg-secondary) !important;
    border-top: 1px solid var(--border-color) !important;
}

html[data-theme="dark"] .imager-stock__footer-content {
    background-color: transparent !important;
}

html[data-theme="dark"] .imager-stock__footer-section {
    background-color: transparent !important;
}

html[data-theme="dark"] .imager-stock__footer-title {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .imager-stock__footer-links {
    background-color: transparent !important;
}

html[data-theme="dark"] .imager-stock__footer-links a {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .imager-stock__footer-links a:hover {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .imager-stock__footer-bottom {
    background-color: transparent !important;
    border-top: 1px solid var(--border-color) !important;
}

html[data-theme="dark"] .imager-stock__footer-bottom p {
    color: var(--text-tertiary) !important;
}

html[data-theme="dark"] .footer__social-link {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .footer__social-link:hover {
    color: var(--link-hover) !important;
}

/* Active filters */
html[data-theme="dark"] .active-filters {
    background-color: var(--bg-secondary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme="dark"] .active-filters__container {
    background-color: transparent !important;
}

html[data-theme="dark"] .active-filters__label {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .active-filters__item {
    background-color: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme="dark"] .active-filters__item-label {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .active-filters__item-value {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .active-filters__remove {
    color: var(--text-tertiary) !important;
    background-color: transparent !important;
}

html[data-theme="dark"] .active-filters__remove:hover {
    color: var(--error-color) !important;
    background-color: rgba(255, 107, 107, 0.1) !important;
}

/* Catalog page action buttons */
html[data-theme="dark"] .catalog-page__action {
    background: var(--bg-tertiary) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5) !important;
}

html[data-theme="dark"] .catalog-page__action:hover {
    background: var(--bg-secondary) !important;
}

html[data-theme="dark"] .catalog-page__action--like svg circle {
    fill: var(--bg-tertiary) !important;
}

html[data-theme="dark"] .catalog-page__action--like svg path {
    fill: var(--text-primary) !important;
}

html[data-theme="dark"] .catalog-page__action--like:hover svg path {
    fill: #e57373 !important;
}

html[data-theme="dark"] .catalog-page__action--camera svg circle {
    fill: var(--bg-tertiary) !important;
}

html[data-theme="dark"] .catalog-page__action--camera svg path {
    fill: var(--text-primary) !important;
}

html[data-theme="dark"] .catalog-page__action--camera:hover svg path {
    fill: #1976d2 !important;
}

html[data-theme="dark"] .catalog-page__action--camera .icon,
html[data-theme="dark"] .catalog-page__action--camera i {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .catalog-page__action--camera:hover .icon,
html[data-theme="dark"] .catalog-page__action--camera:hover i {
    color: #1976d2 !important;
}

html[data-theme="dark"] .catalog-page__action--cart svg circle {
    fill: var(--bg-tertiary) !important;
}

html[data-theme="dark"] .catalog-page__action--cart svg path {
    fill: var(--text-primary) !important;
}

html[data-theme="dark"] .catalog-page__action--cart:hover svg circle {
    fill: var(--bg-secondary) !important;
}

html[data-theme="dark"] .catalog-page__action--cart:hover svg path {
    fill: #00796b !important;
}

html[data-theme="dark"] .catalog-page__action--cart .icon,
html[data-theme="dark"] .catalog-page__action--cart i {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .catalog-page__action--cart:hover .icon,
html[data-theme="dark"] .catalog-page__action--cart:hover i {
    color: #00796b !important;
}

html[data-theme="dark"] .catalog-page__action .icon {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .catalog-page__action--like .icon {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .catalog-page__action--like:hover .icon {
    color: #e57373 !important;
}

html[data-theme="dark"] .catalog-page__colors {
    background: var(--bg-tertiary) !important;
    background-color: var(--bg-tertiary) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5) !important;
    border: 1px solid var(--border-color) !important;
}

html[data-theme="dark"] .catalog-page__color-chip {
    border: 2px solid var(--border-color) !important;
}

/* ============================================
   CART PAGE STYLES
   ============================================ */

html[data-theme="dark"] .cart-page {
    background-color: var(--bg-primary) !important;
}

html[data-theme="dark"] .cart-container {
    background-color: transparent !important;
}

html[data-theme="dark"] .cart-header {
    background-color: transparent !important;
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .cart-header h1 {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .cart-items-count {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .cart-content {
    background-color: transparent !important;
}

html[data-theme="dark"] .cart-items {
    background-color: transparent !important;
}

html[data-theme="dark"] .cart-item {
    background-color: var(--card-bg) !important;
    border-color: var(--border-color) !important;
}

html[data-theme="dark"] .cart-item:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="dark"] .cart-item-title,
html[data-theme="dark"] .cart-item-name {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .cart-item-price {
    color: var(--link-color) !important;
}

html[data-theme="dark"] .cart-item-price strong {
    color: var(--link-color) !important;
}

html[data-theme="dark"] .cart-item-remove,
html[data-theme="dark"] .remove-btn {
    color: var(--text-tertiary) !important;
    background-color: var(--bg-tertiary) !important;
}

html[data-theme="dark"] .cart-item-remove:hover,
html[data-theme="dark"] .remove-btn:hover {
    color: var(--error-color) !important;
    background-color: rgba(255, 107, 107, 0.1) !important;
}

html[data-theme="dark"] .cart-item-image {
    background-color: var(--bg-tertiary) !important;
}

html[data-theme="dark"] .file-type-badge {
    background-color: rgba(0, 0, 0, 0.8) !important;
    color: #ffffff !important;
}

html[data-theme="dark"] .cart-summary {
    background-color: transparent !important;
}

html[data-theme="dark"] .summary-card {
    background-color: var(--card-bg) !important;
    border-color: var(--border-color) !important;
}

html[data-theme="dark"] .summary-card h3 {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .summary-row {
    color: var(--text-secondary) !important;
    border-bottom: 1px solid var(--border-color) !important;
}

html[data-theme="dark"] .summary-row span:first-child {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .summary-row span:last-child {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .summary-total {
    color: var(--text-primary) !important;
    border-top: none !important;
}

html[data-theme="dark"] .summary-total span {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .checkout-btn {
    background-color: var(--button-primary-bg) !important;
    color: #ffffff !important;
}

html[data-theme="dark"] .checkout-btn:hover:not(:disabled) {
    background-color: var(--button-primary-hover) !important;
}

html[data-theme="dark"] .checkout-btn:disabled {
    background-color: var(--bg-tertiary) !important;
    color: var(--text-muted) !important;
}

html[data-theme="dark"] .continue-shopping {
    color: var(--link-color) !important;
}

html[data-theme="dark"] .continue-shopping:hover {
    color: var(--link-hover) !important;
}

html[data-theme="dark"] .loading {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] #creditsBalance {
    background-color: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
}

/* Cart empty state */
html[data-theme="dark"] .cart-empty {
    background: var(--card-bg) !important;
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .cart-empty-icon {
    color: var(--text-tertiary) !important;
}

html[data-theme="dark"] .cart-empty h2 {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .cart-empty p {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .cart-empty svg {
    color: var(--text-tertiary) !important;
}

/* Payment toggle buttons */
html[data-theme="dark"] .toggle-buttons {
    background-color: var(--bg-tertiary) !important;
}

html[data-theme="dark"] .toggle-buttons::before {
    background: var(--button-primary-bg) !important;
    box-shadow: 0 2px 8px rgba(0, 168, 188, 0.3) !important;
}

html[data-theme="dark"] .payment-toggle-btn {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .payment-toggle-btn.active {
    color: #ffffff !important;
}

html[data-theme="dark"] .payment-toggle-btn:hover {
    color: var(--link-hover) !important;
}

html[data-theme="dark"] .payment-toggle-btn.active:hover {
    color: #ffffff !important;
}

html[data-theme="dark"] .payment-method-toggle label {
    color: var(--text-primary) !important;
}

/* ============================================
   WISHLIST PAGE STYLES
   ============================================ */

html[data-theme="dark"] .wishlist-page {
    background-color: var(--bg-primary) !important;
}

html[data-theme="dark"] .wishlist-container {
    background-color: transparent !important;
}

html[data-theme="dark"] .wishlist-header {
    background-color: transparent !important;
}

html[data-theme="dark"] .wishlist-header h1 {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .wishlist-items-count {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .wishlist-content {
    background-color: transparent !important;
}

html[data-theme="dark"] #wishlistItems {
    background-color: transparent !important;
}

html[data-theme="dark"] .wishlist-grid {
    background-color: transparent !important;
}

html[data-theme="dark"] .wishlist-card,
html[data-theme="dark"] .wishlist-item {
    background-color: var(--card-bg) !important;
    border-color: var(--border-color) !important;
}

html[data-theme="dark"] .wishlist-card:hover,
html[data-theme="dark"] .wishlist-item:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="dark"] .wishlist-card-title,
html[data-theme="dark"] .wishlist-item-title {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .wishlist-card-price,
html[data-theme="dark"] .wishlist-item-price {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .wishlist-empty {
    background-color: var(--bg-secondary) !important;
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .wishlist-remove-btn {
    background-color: var(--bg-tertiary) !important;
    color: var(--text-tertiary) !important;
}

html[data-theme="dark"] .wishlist-remove-btn:hover {
    background-color: rgba(255, 107, 107, 0.1) !important;
    color: var(--error-color) !important;
}

html[data-theme="dark"] .wishlist-btn-primary {
    background: var(--button-primary-bg) !important;
    color: #ffffff !important;
}

html[data-theme="dark"] .wishlist-btn-primary:hover {
    background: var(--button-primary-hover) !important;
    color: #ffffff !important;
}

html[data-theme="dark"] .empty-wishlist {
    background-color: var(--bg-secondary) !important;
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .empty-wishlist h2 {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .empty-wishlist p {
    color: var(--text-secondary) !important;
}

/* ============================================
   ACCOUNT PLANS PAGE STYLES
   ============================================ */

html[data-theme="dark"] .account-plans {
    background-color: var(--bg-primary) !important;
}

html[data-theme="dark"] .account-plans__header {
    background-color: transparent !important;
}

html[data-theme="dark"] .account-plans__title {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .account-plans__description {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .account-plans__toggle {
    background-color: var(--bg-tertiary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme="dark"] .account-plans__toggle-label {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .account-plans__toggle-input:checked + .account-plans__toggle-label,
html[data-theme="dark"] input:checked ~ .account-plans__toggle .account-plans__toggle-label {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .account-plans__toggle-highlight {
    background-color: #00bcd4 !important;
}

html[data-theme="dark"] .account-plans__status {
    background: var(--bg-tertiary) !important;
    background-image: none !important;
    border: 1px solid var(--border-color) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="dark"] .account-plans__status-label {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .account-plans__status-value {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .account-plans__status-action {
    background-color: #00bcd4 !important;
    color: #ffffff !important;
}

html[data-theme="dark"] .account-plans__status-action:hover {
    background-color: #008fa1 !important;
}

html[data-theme="dark"] .account-plans__grid {
    background-color: transparent !important;
}

html[data-theme="dark"] .account-plan-card {
    background-color: var(--card-bg) !important;
    border-color: var(--border-color) !important;
}

html[data-theme="dark"] .account-plan-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="dark"] .account-plan-card__header {
    background-color: transparent !important;
}

html[data-theme="dark"] .account-plan-card__name {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .account-plan-card__price {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .account-plan-card__subtitle {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .account-plan-card__features {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .account-plan-card__features li {
    color: var(--text-secondary) !important;
    border-bottom: 1px solid var(--border-color) !important;
}

html[data-theme="dark"] .account-plan-card__cta {
    background-color: #00bcd4 !important;
    color: #ffffff !important;
}

html[data-theme="dark"] .account-plan-card__cta:hover {
    background-color: #008fa1 !important;
}

html[data-theme="dark"] .account-plan-card--featured {
    border-color: #00bcd4 !important;
}

html[data-theme="dark"] .account-plan-card__badge {
    background-color: #00bcd4 !important;
    color: #ffffff !important;
}

/* Credits calculator */
html[data-theme="dark"] .credits-calculator {
    background: var(--bg-tertiary) !important;
    background-image: none !important;
    border: 1px solid var(--border-color) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="dark"] .credits-calculator__title {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .credits-calculator__description {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .credits-calculator__label {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .credits-calculator__input {
    background-color: var(--input-bg) !important;
    color: var(--text-primary) !important;
    border-color: var(--input-border) !important;
}

html[data-theme="dark"] .credits-calculator__input:focus {
    border-color: #00bcd4 !important;
    box-shadow: 0 0 0 3px rgba(0, 188, 212, 0.2) !important;
}

html[data-theme="dark"] .credits-calculator__warning {
    background: rgba(255, 107, 107, 0.1) !important;
    color: var(--error-color) !important;
    border-color: var(--error-color) !important;
}

html[data-theme="dark"] .credits-calculator__result {
    background-color: transparent !important;
}

html[data-theme="dark"] .credits-calculator__result-item {
    border-color: var(--border-color) !important;
}

html[data-theme="dark"] .credits-calculator__result-item--total {
    border-top-color: var(--border-color) !important;
    border-bottom-color: var(--border-color) !important;
}

html[data-theme="dark"] .credits-calculator__result-label {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .credits-calculator__result-value {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .credits-calculator__result-value--total {
    color: #00bcd4 !important;
}

html[data-theme="dark"] .credits-calculator__result-value--savings {
    color: var(--success-color) !important;
}

html[data-theme="dark"] .credits-calculator__cta {
    background: #00bcd4 !important;
    background-image: none !important;
}

html[data-theme="dark"] .credits-calculator__cta:hover:not(:disabled) {
    background: #008fa1 !important;
}

html[data-theme="dark"] .credits-calculator__cta:disabled {
    background: var(--bg-tertiary) !important;
    color: var(--text-muted) !important;
}

/* Credits layout */
html[data-theme="dark"] .credits-layout__section-title {
    color: var(--text-primary) !important;
}

/* Credits packs scroll */
html[data-theme="dark"] .credits-packs-scroll {
    background: var(--bg-tertiary) !important;
    background-image: none !important;
    border: 1px solid var(--border-color) !important;
}

html[data-theme="dark"] .credits-packs-scroll::-webkit-scrollbar-track {
    background: var(--bg-tertiary) !important;
}

html[data-theme="dark"] .credits-packs-scroll::-webkit-scrollbar-thumb {
    background: #00bcd4 !important;
}

html[data-theme="dark"] .credits-packs-scroll::-webkit-scrollbar-thumb:hover {
    background: #008fa1 !important;
}

/* ============================================
   GENERIC PAGE STYLES (for React apps like cabinet, orders, revenue)
   ============================================ */

/* These pages are React apps loaded in iframes or separate routes */
/* Apply generic dark theme to their containers */

html[data-theme="dark"] section,
html[data-theme="dark"] article {
    background-color: transparent !important;
}

html[data-theme="dark"] .page-container,
html[data-theme="dark"] .content-wrapper {
    background-color: var(--bg-primary) !important;
}

/* Generic cards */
html[data-theme="dark"] .card {
    background-color: var(--card-bg) !important;
    border-color: var(--border-color) !important;
}

html[data-theme="dark"] .card:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

/* Generic tables */
html[data-theme="dark"] table {
    background-color: var(--card-bg) !important;
    border-color: var(--border-color) !important;
}

html[data-theme="dark"] table th {
    background-color: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme="dark"] table td {
    color: var(--text-secondary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme="dark"] table tr:hover {
    background-color: var(--bg-tertiary) !important;
}

html[data-theme="dark"] table tbody tr {
    border-bottom: 1px solid var(--border-color) !important;
}

/* ============================================
   BIG CARD PAGE STYLES
   ============================================ */

/* Big card container */
html[data-theme="dark"] .big-card__container {
    background: var(--card-bg) !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4) !important;
}

html[data-theme="dark"] .big-card {
    background: #1f1f1f !important;
}

/* Big card left section */
html[data-theme="dark"] .big-card__left {
    background: #242424 !important;
}

/* Big card page main background */
html[data-theme="dark"] .big-card-page .main {
    background: #1f1f1f !important;
}

/* Big card license options */
html[data-theme="dark"] .big-card__license-option {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .big-card__license-title {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .big-card__license-desc {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .big-card__license-link {
    color: var(--link-color) !important;
}

/* License radio buttons */
html[data-theme="dark"] .big-card__license-radio {
    background: var(--bg-secondary) !important;
    border-color: var(--link-color) !important;
}

html[data-theme="dark"] .big-card__license-option--active .big-card__license-radio {
    border-color: var(--link-color) !important;
}

html[data-theme="dark"] .big-card__license-radio::after {
    background: transparent !important;
}

html[data-theme="dark"] .big-card__license-option--active .big-card__license-radio::after {
    background: var(--link-color) !important;
}

/* Size buttons */
html[data-theme="dark"] .big-card__size-buttons {
    background-color: var(--bg-tertiary) !important;
}

html[data-theme="dark"] .big-card__size-btn {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .big-card__size-btn--active {
    color: #ffffff !important;
}

html[data-theme="dark"] .big-card__size-btn:hover {
    color: var(--link-hover) !important;
}

html[data-theme="dark"] .big-card__size-btn--active:hover {
    color: #ffffff !important;
}

/* Size info */
html[data-theme="dark"] .big-card__size-info {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .big-card__size-info span {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .size-info-item {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .size-info-item strong {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .big-card__size-link {
    color: var(--link-color) !important;
}

/* Buy blocks */
html[data-theme="dark"] .big-card__buy {
    background: #353535 !important;
    border: 1px solid #3a3a3a !important;
}

html[data-theme="dark"] .big-card__buy-credits,
html[data-theme="dark"] .big-card__buy-price {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .big-card__buy-desc,
html[data-theme="dark"] .big-card__buy-note {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .big-card__buy--radio {
    background: #353535 !important;
    border: 1px solid #3a3a3a !important;
}

html[data-theme="dark"] .big-card__buy--radio:hover {
    border-color: var(--link-hover) !important;
    background: #333333 !important;
}

html[data-theme="dark"] .big-card__buy--radio:has(.big-card__radio-input:checked) {
    border-color: var(--button-primary-bg) !important;
    background: rgba(0, 168, 188, 0.15) !important;
}

/* Buy buttons */
html[data-theme="dark"] .big-card__add-to-cart {
    background: #00a8bc !important;
    color: #ffffff !important;
}

html[data-theme="dark"] .big-card__add-to-cart:hover {
    background: #008fa1 !important;
}

html[data-theme="dark"] .big-card__add-to-cart.cart-in-cart {
    background: #51cf66 !important;
}

html[data-theme="dark"] .big-card__add-to-cart.cart-in-cart:hover {
    background: #40c057 !important;
}

html[data-theme="dark"] .big-card__buy-now-btn {
    background: #51cf66 !important;
    color: #ffffff !important;
}

html[data-theme="dark"] .big-card__buy-now-btn:hover {
    background: #40c057 !important;
}

/* Meta row */
html[data-theme="dark"] .big-card__meta-row {
    border: 1px solid var(--border-color) !important;
    padding: 12px !important;
    border-radius: 8px !important;
    background: transparent !important;
}

/* Meta buttons */
html[data-theme="dark"] .big-card__meta-btn,
html[data-theme="dark"] .big-card__meta-id {
    background: #353535 !important;
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .big-card__meta-btn:hover {
    background: #3f3f3f !important;
}

html[data-theme="dark"] .big-card__meta-id {
    background-color: #4a4a4a !important;
    color: var(--text-primary) !important;
}

/* Horizontal rule */
html[data-theme="dark"] .big-card__left-hr {
    background: var(--border-color) !important;
}

/* Author and description */
html[data-theme="dark"] .big-card__author-row,
html[data-theme="dark"] .big-card__description-row {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .big-card__author-link {
    color: var(--link-color) !important;
}

/* Tags */
html[data-theme="dark"] .big-card__tag {
    background: #353535 !important;
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .big-card__tag:hover {
    background: #3f3f3f !important;
}

html[data-theme="dark"] .big-card__tags-title {
    color: var(--text-primary) !important;
}

/* Keywords */
html[data-theme="dark"] .big-card__keywords-title {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .big-card__keyword {
    background: rgba(77, 171, 247, 0.15) !important;
    color: var(--link-color) !important;
    border-color: rgba(77, 171, 247, 0.3) !important;
}

html[data-theme="dark"] .big-card__keyword:hover {
    background: rgba(77, 171, 247, 0.25) !important;
    border-color: var(--link-hover) !important;
}

/* Manual keywords */
html[data-theme="dark"] .big-card__manual-keywords-title {
    color: var(--text-primary) !important;
}

/* Recommendations section */
html[data-theme="dark"] .big-card__recommendations {
    border-top: 1px solid var(--border-color) !important;
}

html[data-theme="dark"] .big-card__recommendations-section {
    margin-top: 32px !important;
    padding-top: 24px !important;
}

html[data-theme="dark"] .big-card__recommendations-title {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .big-card__recommendation-item {
    background: var(--card-bg) !important;
}

html[data-theme="dark"] .big-card__recommendation-image-wrapper {
    background: var(--bg-tertiary) !important;
}

/* Show all button */
html[data-theme="dark"] .big-card__show-all {
    color: var(--link-color) !important;
}

html[data-theme="dark"] .big-card__show-all:hover {
    color: var(--link-hover) !important;
}

/* Section title */
html[data-theme="dark"] .big-card__h4 {
    color: var(--text-primary) !important;
}

/* Related cards */
html[data-theme="dark"] .big-card__related-card {
    background: var(--card-bg) !important;
}

/* Modal */
html[data-theme="dark"] .big-card__modal {
    background: rgba(0, 0, 0, 0.9) !important;
}

html[data-theme="dark"] .big-card__modal-close {
    background: var(--card-bg) !important;
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .big-card__modal-close:hover {
    background: var(--bg-tertiary) !important;
    color: var(--link-hover) !important;
}

/* Test download buttons */
html[data-theme="dark"] .big-card__test-downloads {
    border-top-color: var(--border-color) !important;
}

html[data-theme="dark"] .big-card__test-downloads p {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .big-card__test-download-btn {
    background: var(--button-primary-bg) !important;
    color: #ffffff !important;
}

html[data-theme="dark"] .big-card__test-download-btn:hover {
    background: var(--button-primary-hover) !important;
}

html[data-theme="dark"] .big-card__test-download-btn:disabled {
    background: var(--bg-tertiary) !important;
    color: var(--text-muted) !important;
}

/* SVG controls */
html[data-theme="dark"] .big-card__bg-btn {
    background: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme="dark"] .big-card__bg-btn:hover {
    border-color: var(--link-hover) !important;
    background: var(--bg-secondary) !important;
}

html[data-theme="dark"] .big-card__bg-btn.active {
    border-color: var(--button-primary-bg) !important;
    background: var(--button-primary-bg) !important;
    color: #ffffff !important;
}

html[data-theme="dark"] .big-card__svg-wrapper {
    background: var(--bg-tertiary) !important;
}

/* Collection dropdown */
html[data-theme="dark"] .big-card__collection-dropdown {
    background: var(--bg-secondary) !important;
    border-color: var(--border-color) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;
}

html[data-theme="dark"] .collection-new-name {
    background: var(--input-bg) !important;
    color: var(--text-primary) !important;
    border-color: var(--input-border) !important;
}

html[data-theme="dark"] .collection-create-btn {
    background: var(--button-primary-bg) !important;
    color: #ffffff !important;
}

html[data-theme="dark"] .collection-create-btn:hover {
    background: var(--button-primary-hover) !important;
}

html[data-theme="dark"] .collection-item {
    color: var(--text-primary) !important;
    border-bottom: 1px solid var(--border-color) !important;
}

html[data-theme="dark"] .collection-item span {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .collection-item span:last-child {
    color: var(--text-secondary) !important;
}

/* License selected */
html[data-theme="dark"] .big-card__license-selected-title {
    color: var(--text-primary) !important;
}

/* File type indicators */
html[data-theme="dark"] .big-card__file-type {
    background: rgba(0, 0, 0, 0.8) !important;
    color: #ffffff !important;
}

/* ============================================
   REVENUE PAGE STYLES
   ============================================ */

/* Revenue page main background */
html[data-theme="dark"] .revenue-page {
    background-color: var(--bg-primary) !important;
}

/* Revenue header */
html[data-theme="dark"] .revenue-header h1 {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .revenue-subtitle {
    color: var(--text-secondary) !important;
}

/* Loading and error states */
html[data-theme="dark"] .revenue-loading,
html[data-theme="dark"] .revenue-error {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .revenue-error h3 {
    color: var(--text-primary) !important;
}

/* Summary cards */
html[data-theme="dark"] .revenue-summary .summary-card {
    background: var(--card-bg) !important;
    border-color: var(--border-color) !important;
}

html[data-theme="dark"] .summary-value {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .summary-label {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .summary-card-primary {
    border-left-color: var(--button-primary-bg) !important;
}

/* Revenue sections */
html[data-theme="dark"] .revenue-section h2 {
    color: var(--text-primary) !important;
}

/* Breakdown cards */
html[data-theme="dark"] .breakdown-card {
    background: var(--card-bg) !important;
}

html[data-theme="dark"] .breakdown-card h3 {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .breakdown-item {
    background: var(--bg-tertiary) !important;
}

html[data-theme="dark"] .breakdown-item-label {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .breakdown-item-value {
    color: var(--link-color) !important;
}

html[data-theme="dark"] .breakdown-item-meta {
    color: var(--text-secondary) !important;
}

/* Top products table */
html[data-theme="dark"] .top-products-table {
    background: var(--card-bg) !important;
}

html[data-theme="dark"] .top-products-table th {
    color: var(--text-secondary) !important;
    border-bottom-color: var(--border-color) !important;
}

html[data-theme="dark"] .top-products-table td {
    color: var(--text-primary) !important;
    border-bottom-color: var(--border-color) !important;
}

html[data-theme="dark"] .top-products-table tr:hover {
    background: var(--bg-tertiary) !important;
}

html[data-theme="dark"] .product-name-cell {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .revenue-cell {
    color: var(--link-color) !important;
}

/* Sales cards */
html[data-theme="dark"] .sale-card {
    background: var(--card-bg) !important;
}

html[data-theme="dark"] .sale-image {
    background: var(--bg-tertiary) !important;
}

html[data-theme="dark"] .sale-product-name {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .sale-price {
    color: var(--link-color) !important;
}

html[data-theme="dark"] .sale-buyer {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .sale-email {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .sale-spec {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .spec-label {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .sale-date {
    color: var(--text-secondary) !important;
}

/* No sales state */
html[data-theme="dark"] .no-sales {
    background: var(--card-bg) !important;
}

html[data-theme="dark"] .no-sales p {
    color: var(--text-secondary) !important;
}

/* ============================================
   DASHBOARD PAGE STYLES
   ============================================ */

html[data-theme="dark"] .dashboard-page {
    background-color: var(--bg-primary) !important;
}

html[data-theme="dark"] .dashboard-header h1 {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .dashboard-subtitle {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .dashboard-loading,
html[data-theme="dark"] .dashboard-error {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .dashboard-error h3 {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .retry-button {
    background-color: var(--button-primary-bg) !important;
}

html[data-theme="dark"] .retry-button:hover {
    background-color: var(--button-primary-hover) !important;
}

html[data-theme="dark"] .stat-card {
    background: var(--card-bg) !important;
}

html[data-theme="dark"] .stat-card-primary .stat-value {
    color: var(--link-color) !important;
}

html[data-theme="dark"] .stat-label {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .stat-sublabel {
    color: var(--text-tertiary) !important;
}

html[data-theme="dark"] .dashboard-section {
    background: var(--card-bg) !important;
}

html[data-theme="dark"] .dashboard-section h2 {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .status-to-submit {
    background-color: var(--bg-tertiary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme="dark"] .status-pending {
    background-color: rgba(255, 193, 7, 0.1) !important;
    border-color: #ffc107 !important;
}

html[data-theme="dark"] .status-checked {
    background-color: rgba(40, 167, 69, 0.1) !important;
    border-color: #28a745 !important;
}

html[data-theme="dark"] .bar-value {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .bar-label {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .top-product-card {
    border-color: var(--border-color) !important;
    background: var(--card-bg) !important;
}

html[data-theme="dark"] .product-image {
    background-color: var(--bg-tertiary) !important;
}

html[data-theme="dark"] .product-name {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .product-views {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .product-buyer,
html[data-theme="dark"] .product-date {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .action-button-primary {
    background-color: var(--button-primary-bg) !important;
}

html[data-theme="dark"] .chart-toggle {
    background: var(--bg-tertiary) !important;
}

html[data-theme="dark"] .chart-toggle::before {
    background: var(--button-primary-bg) !important;
}

html[data-theme="dark"] .chart-toggle-btn {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .chart-toggle-btn:hover {
    color: var(--link-hover) !important;
}

html[data-theme="dark"] .chart-toggle-btn.active {
    color: #ffffff !important;
}

/* ============================================
   PAYOUT PAGE STYLES
   ============================================ */

html[data-theme="dark"] .payout-page {
    background-color: var(--bg-primary) !important;
}

html[data-theme="dark"] .payout-container {
    background: var(--card-bg) !important;
}

html[data-theme="dark"] .payout-header h1 {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .payout-header p {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .balance-card {
    background: var(--bg-tertiary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme="dark"] .balance-card.highlight {
    background: rgba(76, 175, 80, 0.1) !important;
    border-color: #4caf50 !important;
}

html[data-theme="dark"] .balance-label {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .balance-value {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .form-group label {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .form-group input,
html[data-theme="dark"] .form-group select,
html[data-theme="dark"] .form-group textarea {
    background: var(--input-bg) !important;
    border-color: var(--input-border) !important;
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .form-group input:focus,
html[data-theme="dark"] .form-group select:focus,
html[data-theme="dark"] .form-group textarea:focus {
    border-color: var(--link-color) !important;
}

html[data-theme="dark"] .form-group small {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .form-group input[type="checkbox"] {
    accent-color: #008FA1;
}

html[data-theme="dark"] .submit-button {
    background: var(--button-primary-bg) !important;
}

html[data-theme="dark"] .submit-button:hover:not(:disabled) {
    background: var(--button-primary-hover) !important;
}

html[data-theme="dark"] .payout-history h2 {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .payout-table {
    background: var(--card-bg) !important;
}

html[data-theme="dark"] .payout-table th {
    background: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
    border-bottom-color: var(--border-color) !important;
}

html[data-theme="dark"] .payout-table td {
    color: var(--text-primary) !important;
    border-bottom-color: var(--border-color) !important;
}

html[data-theme="dark"] .payout-table tbody tr:hover {
    background-color: var(--bg-tertiary) !important;
}

html[data-theme="dark"] .payout-modal {
    background: rgba(0, 0, 0, 0.8) !important;
}

html[data-theme="dark"] .payout-modal-content {
    background: var(--card-bg) !important;
}

html[data-theme="dark"] .payout-modal-close {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .payout-modal-close:hover {
    background: var(--bg-tertiary) !important;
}

html[data-theme="dark"] .payout-modal h2 {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .payout-detail-row {
    border-bottom-color: var(--border-color) !important;
}

html[data-theme="dark"] .payout-detail-label {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .payout-detail-value {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .payout-notes {
    background: var(--bg-tertiary) !important;
}

html[data-theme="dark"] .payout-notes h3 {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .payout-notes p {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .loading,
html[data-theme="dark"] .error {
    color: var(--text-secondary) !important;
}

/* ============================================
   PORTFOLIO MANAGER / WORKSPACE STYLES
   ============================================ */

/* Tab Menu */
html[data-theme="dark"] .tab-menu {
    background-color: transparent !important;
}

html[data-theme="dark"] .tab-menu__tab {
    background: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .tab-menu__tab--active {
    background: var(--bg-primary) !important;
    color: var(--link-color) !important;
    border-bottom-color: var(--link-color) !important;
}

html[data-theme="dark"] .tab-menu__count {
    background: var(--bg-tertiary) !important;
    color: var(--link-color) !important;
}

/* Gallery Grid */
html[data-theme="dark"] .gallery-grid {
    background-color: transparent !important;
}

html[data-theme="dark"] .gallery-grid__item {
    background: var(--card-bg) !important;
    border-color: var(--card-border) !important;
}

html[data-theme="dark"] .gallery-grid__item--selected {
    border-color: var(--link-color) !important;
}

html[data-theme="dark"] .gallery-grid__image {
    background: var(--bg-secondary) !important;
}

html[data-theme="dark"] .gallery-grid__image--placeholder {
    background: var(--bg-tertiary) !important;
}

html[data-theme="dark"] .gallery-grid__number {
    background: rgba(0, 0, 0, 0.75) !important;
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .gallery-grid__error {
    background: var(--error-color) !important;
}

html[data-theme="dark"] .gallery-grid__check {
    background: var(--link-color) !important;
}

html[data-theme="dark"] .gallery-grid__badge {
    background: rgba(0, 0, 0, 0.8) !important;
}

html[data-theme="dark"] .gallery-grid__hover-preview {
    background: var(--card-bg) !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.7) !important;
}

/* Split panel */
html[data-theme="dark"] .split-right {
    background: var(--card-bg) !important;
    border-left-color: var(--border-color) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5) !important;
}

/* Material Settings */
html[data-theme="dark"] .material-settings {
    background-color: transparent !important;
}

html[data-theme="dark"] .material-settings__title {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .material-settings__main > div[style*="color"] {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .material-settings__section {
    border-color: var(--border-color) !important;
}

html[data-theme="dark"] .material-settings__label {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .material-settings__types,
html[data-theme="dark"] .material-settings__usages,
html[data-theme="dark"] .material-settings__restrictions {
    background-color: rgba(255, 255, 255, 0.05) !important;
}

html[data-theme="dark"] .material-settings__type,
html[data-theme="dark"] .material-settings__usage,
html[data-theme="dark"] .material-settings__restriction {
    background: none !important;
    color: #999 !important;
}

html[data-theme="dark"] .material-settings__type--active,
html[data-theme="dark"] .material-settings__usage--active,
html[data-theme="dark"] .material-settings__restriction--active {
    color: #fff !important;
}

html[data-theme="dark"] .material-settings__category {
    background: var(--bg-tertiary) !important;
    color: var(--link-color) !important;
}

html[data-theme="dark"] .material-settings__category button {
    color: var(--link-color) !important;
}

html[data-theme="dark"] .material-settings__category-input {
    background: var(--input-bg) !important;
    color: var(--input-text) !important;
    border-color: var(--input-border) !important;
}

html[data-theme="dark"] .material-settings__keyword-input {
    background: var(--input-bg) !important;
    color: var(--input-text) !important;
    border-color: var(--input-border) !important;
}

html[data-theme="dark"] .material-settings__keyword-input input {
    background: transparent !important;
    color: var(--input-text) !important;
}

html[data-theme="dark"] .material-settings__keywords-count {
    color: var(--text-tertiary) !important;
}

html[data-theme="dark"] .material-settings__keywords-menu-btn {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .material-settings__keyword {
    background: var(--bg-tertiary) !important;
    color: var(--link-color) !important;
}

html[data-theme="dark"] .material-settings__keyword-btn {
    background: var(--link-color) !important;
}

html[data-theme="dark"] .material-settings__keyword-btn--remove:hover {
    background: var(--error-color) !important;
}

html[data-theme="dark"] .material-settings__description {
    background: var(--input-bg) !important;
    color: var(--input-text) !important;
    border-color: var(--input-border) !important;
}

html[data-theme="dark"] .material-settings__categories-dropdown,
html[data-theme="dark"] .material-settings__categories-dropdown--top {
    background: var(--bg-secondary) !important;
    border-color: var(--border-color) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5) !important;
}

html[data-theme="dark"] .material-settings__categories-dropdown-item {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .material-settings__categories-dropdown-item:hover {
    background: var(--bg-tertiary) !important;
}

html[data-theme="dark"] .material-settings__error {
    color: var(--error-color) !important;
}

html[data-theme="dark"] .material-settings__upload-btn {
    background: var(--link-color) !important;
}

html[data-theme="dark"] .material-settings__upload-btn:hover {
    background: var(--link-hover) !important;
}

html[data-theme="dark"] .material-settings__remove-permit-btn {
    background: var(--error-color) !important;
}

html[data-theme="dark"] .material-settings__remove-permit-btn:hover {
    background: #c82333 !important;
}

html[data-theme="dark"] .material-settings__permit-info,
html[data-theme="dark"] .material-settings__permit-status {
    color: var(--success-color) !important;
}

html[data-theme="dark"] .material-settings__permit-filename {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .material-settings__release-help {
    color: var(--text-tertiary) !important;
}

html[data-theme="dark"] .material-settings__collection-btn {
    background: var(--bg-tertiary) !important;
    color: var(--link-color) !important;
    border-color: var(--link-color) !important;
}

html[data-theme="dark"] .material-settings__collection-btn:hover {
    background: var(--link-color) !important;
    color: #fff !important;
}

html[data-theme="dark"] .material-settings__new-collection-btn,
html[data-theme="dark"] .material-settings__create-collection-btn {
    background: var(--link-color) !important;
}

html[data-theme="dark"] .material-settings__new-collection-btn:hover,
html[data-theme="dark"] .material-settings__create-collection-btn:hover {
    background: var(--link-hover) !important;
}

html[data-theme="dark"] .material-settings__collection-input,
html[data-theme="dark"] .material-settings__collection-textarea {
    background: var(--input-bg) !important;
    color: var(--text-primary) !important;
    border-color: var(--input-border) !important;
}

html[data-theme="dark"] .material-settings__collection-input:focus,
html[data-theme="dark"] .material-settings__collection-textarea:focus {
    border-color: var(--link-color) !important;
}

html[data-theme="dark"] .material-settings__collection-save-btn {
    background: var(--link-color) !important;
}

html[data-theme="dark"] .material-settings__collection-save-btn:hover {
    background: var(--link-hover) !important;
}

html[data-theme="dark"] .material-settings__collection-cancel-btn {
    background: var(--button-secondary-bg) !important;
}

html[data-theme="dark"] .material-settings__collection-cancel-btn:hover {
    background: var(--button-secondary-hover) !important;
}

html[data-theme="dark"] .material-settings__collection-help {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .material-settings__current-collection {
    background: rgba(0, 168, 188, 0.1) !important;
    border-color: var(--link-color) !important;
}

html[data-theme="dark"] .material-settings__collection-badge {
    color: var(--link-color) !important;
}

html[data-theme="dark"] .material-settings__collection-badge strong {
    color: var(--link-hover) !important;
}

html[data-theme="dark"] .material-settings__remove-collection-btn {
    background: var(--error-color) !important;
}

html[data-theme="dark"] .material-settings__remove-collection-btn:hover {
    background: #c82333 !important;
}

html[data-theme="dark"] .material-settings__no-collection {
    background: var(--bg-tertiary) !important;
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .material-settings__mixed-collection {
    background: rgba(255, 193, 7, 0.1) !important;
    border-color: var(--warning-color) !important;
    color: var(--warning-color) !important;
}

html[data-theme="dark"] .permit-license-modal-overlay {
    background: rgba(0, 0, 0, 0.8) !important;
}

html[data-theme="dark"] .permit-license-modal {
    background: var(--card-bg) !important;
}

html[data-theme="dark"] .permit-license-modal__header {
    border-bottom-color: var(--border-color) !important;
}

html[data-theme="dark"] .permit-license-modal__header h3 {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .permit-license-modal__close {
    color: var(--text-tertiary) !important;
}

html[data-theme="dark"] .permit-license-modal__close:hover {
    background: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .permit-license-modal__body p {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .permit-license-btn {
    background: var(--card-bg) !important;
    border-color: var(--border-color) !important;
}

html[data-theme="dark"] .permit-license-btn__title {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .permit-license-btn__desc {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .material-settings__release-item {
    background: var(--bg-tertiary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme="dark"] .material-settings__release-item:hover {
    background: var(--bg-secondary) !important;
    border-color: var(--border-hover) !important;
}

html[data-theme="dark"] .material-settings__release-type {
    background: var(--link-color) !important;
}

html[data-theme="dark"] .material-settings__release-filename {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .material-settings__release-remove-single {
    background: var(--error-color) !important;
}

html[data-theme="dark"] .material-settings__release-remove-single:hover {
    background: #c82333 !important;
}

html[data-theme="dark"] .split-right--wide .material-settings::after {
    background: var(--border-color) !important;
}

/* Gallery Actions Bar */
html[data-theme="dark"] .gallery-actions-bar {
    background: var(--bg-secondary) !important;
    border-top-color: var(--border-color) !important;
    box-shadow: 0 -2px 18px rgba(0, 0, 0, 0.5) !important;
}

html[data-theme="dark"] .gallery-actions-bar__selected {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .gallery-actions-bar__selected-note {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .gallery-actions-bar__select-all {
    background: rgba(0, 168, 188, 0.15) !important;
    color: var(--link-color) !important;
}

html[data-theme="dark"] .gallery-actions-bar__select-all:hover {
    background: rgba(0, 168, 188, 0.25) !important;
}

html[data-theme="dark"] .gallery-actions-bar__save {
    background: var(--link-color) !important;
}

html[data-theme="dark"] .gallery-actions-bar__save:hover {
    background: var(--link-hover) !important;
}

html[data-theme="dark"] .gallery-actions-bar__delete {
    background: var(--card-bg) !important;
    color: var(--error-color) !important;
    border-color: var(--error-color) !important;
}

html[data-theme="dark"] .gallery-actions-bar__delete:hover {
    background: var(--error-color) !important;
    color: #fff !important;
}

html[data-theme="dark"] .gallery-actions-bar__send {
    background: #ff6b6b !important;
}

html[data-theme="dark"] .gallery-actions-bar__modal {
    background: rgba(0, 0, 0, 0.7) !important;
}

html[data-theme="dark"] .gallery-actions-bar__modal-content {
    background: var(--card-bg) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5) !important;
}

html[data-theme="dark"] .gallery-actions-bar__modal-content > div:first-child {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .gallery-actions-bar__modal-confirm {
    background: var(--link-color) !important;
}

html[data-theme="dark"] .gallery-actions-bar__modal-confirm:hover {
    background: var(--link-hover) !important;
}

html[data-theme="dark"] .gallery-actions-bar__modal-cancel {
    background: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .gallery-actions-bar__modal-cancel:hover {
    background: var(--bg-secondary) !important;
}

/* ============================================
   UPLOAD PAGE STYLES
   ============================================ */

html[data-theme="dark"] .upload-page {
    background-color: var(--bg-primary) !important;
}

html[data-theme="dark"] .upload-page__card {
    background: var(--card-bg) !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="dark"] .upload-page__dropzone {
    border-color: rgba(0, 168, 188, 0.3) !important;
}

html[data-theme="dark"] .upload-page__dropzone--active {
    border-color: var(--link-color) !important;
    background-color: rgba(0, 168, 188, 0.1) !important;
}

html[data-theme="dark"] .upload-page__title {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .upload-page__subtitle {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .upload-page__select-btn {
    background: var(--link-color) !important;
}

html[data-theme="dark"] .upload-page__select-btn:hover {
    background: var(--link-hover) !important;
}

html[data-theme="dark"] .upload-page__files-title {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .upload-page__file-size-warning {
    background: rgba(255, 193, 7, 0.1) !important;
    border-color: var(--warning-color) !important;
    color: var(--warning-color) !important;
}

html[data-theme="dark"] .upload-page__warning {
    background: rgba(255, 193, 7, 0.1) !important;
    border-color: var(--warning-color) !important;
    color: var(--warning-color) !important;
}

html[data-theme="dark"] .upload-page__file {
    background: var(--bg-secondary) !important;
}

html[data-theme="dark"] .upload-page__file-preview-placeholder {
    background: var(--bg-tertiary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme="dark"] .upload-page__file-preview-placeholder--loading {
    background: rgba(0, 168, 188, 0.1) !important;
    border-color: var(--link-color) !important;
}

html[data-theme="dark"] .upload-page__loading-spinner {
    border-color: var(--border-color) !important;
    border-top-color: var(--link-color) !important;
}

html[data-theme="dark"] .upload-page__file-remove-btn {
    background: rgba(0, 0, 0, 0.6) !important;
}

html[data-theme="dark"] .upload-page__file:hover .upload-page__file-remove-btn,
html[data-theme="dark"] .upload-page__file-remove-btn:focus {
    background: rgba(0, 0, 0, 0.8) !important;
}

html[data-theme="dark"] .upload-page__file-remove-btn:active {
    background: var(--error-color) !important;
}

html[data-theme="dark"] .upload-page__file-name {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .upload-page__file-size {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .upload-page__file-status--uploading {
    background: rgba(0, 168, 188, 0.15) !important;
    color: var(--link-color) !important;
}

html[data-theme="dark"] .upload-page__file-status--completed {
    background: rgba(81, 207, 102, 0.15) !important;
    color: var(--success-color) !important;
}

html[data-theme="dark"] .upload-page__file-status--failed {
    background: rgba(255, 107, 107, 0.15) !important;
    color: var(--error-color) !important;
}

html[data-theme="dark"] .upload-page__file-progress {
    background: var(--bg-tertiary) !important;
}

html[data-theme="dark"] .upload-page__file-progress-bar {
    background: var(--link-color) !important;
}

html[data-theme="dark"] .upload-page__actions-row {
    background: var(--bg-secondary) !important;
    border-top-color: var(--border-color) !important;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="dark"] .upload-page__upload-btn,
html[data-theme="dark"] .upload-page__next-btn {
    background: var(--link-color) !important;
    border-color: var(--link-color) !important;
}

html[data-theme="dark"] .upload-page__upload-btn:hover,
html[data-theme="dark"] .upload-page__next-btn:hover {
    background: var(--link-hover) !important;
}

html[data-theme="dark"] .upload-page__upload-btn:active,
html[data-theme="dark"] .upload-page__next-btn:active {
    background: #006b7a !important;
}

html[data-theme="dark"] .upload-page__upload-btn:disabled,
html[data-theme="dark"] .upload-page__next-btn:disabled {
    background: var(--bg-tertiary) !important;
    border-color: var(--border-color) !important;
    color: var(--text-muted) !important;
}

html[data-theme="dark"] .upload-page__next-btn {
    background: var(--card-bg) !important;
    color: var(--link-color) !important;
}

html[data-theme="dark"] .upload-page__next-btn:hover:not(:disabled) {
    background: rgba(0, 168, 188, 0.1) !important;
    color: var(--link-hover) !important;
}

html[data-theme="dark"] .upload-page__next-btn:active:not(:disabled) {
    background: rgba(0, 168, 188, 0.2) !important;
}

html[data-theme="dark"] .upload-page__failed-files-btn {
    background: rgba(255, 193, 7, 0.1) !important;
    border-color: var(--warning-color) !important;
    color: var(--warning-color) !important;
}

html[data-theme="dark"] .upload-page__failed-files-btn:hover {
    background: rgba(255, 193, 7, 0.2) !important;
    border-color: #fdcb6e !important;
}

html[data-theme="dark"] .upload-page__failed-files-list {
    background: var(--card-bg) !important;
    border-color: var(--border-color) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="dark"] .upload-page__failed-files-header {
    background: var(--bg-tertiary) !important;
    border-bottom-color: var(--border-color) !important;
}

html[data-theme="dark"] .upload-page__failed-files-header h4 {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .upload-page__failed-files-close {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .upload-page__failed-files-close:hover {
    background: var(--bg-secondary) !important;
}

html[data-theme="dark"] .upload-page__failed-files-item {
    border-bottom-color: var(--border-color) !important;
}

html[data-theme="dark"] .upload-page__failed-files-item:hover {
    background: var(--bg-tertiary) !important;
}

html[data-theme="dark"] .upload-page__failed-files-item-name {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .upload-page__failed-files-item-error {
    color: var(--error-color) !important;
}

html[data-theme="dark"] .upload-page__file-error-details {
    border-color: rgba(255, 107, 107, 0.3) !important;
    background: rgba(255, 107, 107, 0.1) !important;
}

html[data-theme="dark"] .upload-page__file-error-summary {
    background: rgba(255, 107, 107, 0.15) !important;
    color: var(--error-color) !important;
}

html[data-theme="dark"] .upload-page__file-error-summary:hover {
    background: rgba(255, 107, 107, 0.2) !important;
}

html[data-theme="dark"] .upload-page__file-error-message {
    background: var(--card-bg) !important;
    color: var(--error-color) !important;
    border-top-color: rgba(255, 107, 107, 0.3) !important;
}

html[data-theme="dark"] .upload-page__file-error-suggestion {
    background: rgba(255, 193, 7, 0.1) !important;
    border-color: var(--warning-color) !important;
    color: var(--warning-color) !important;
}

html[data-theme="dark"] .upload-warning-modal__overlay {
    background: rgba(0, 0, 0, 0.8) !important;
}

html[data-theme="dark"] .upload-warning-modal__content {
    background: var(--card-bg) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5) !important;
}

html[data-theme="dark"] .upload-warning-modal__header {
    border-bottom-color: var(--border-color) !important;
}

html[data-theme="dark"] .upload-warning-modal__title {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .upload-warning-modal__close {
    color: var(--text-tertiary) !important;
}

html[data-theme="dark"] .upload-warning-modal__close:hover {
    background: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .upload-warning-modal__message {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .upload-warning-modal__progress {
    background: var(--bg-tertiary) !important;
}

html[data-theme="dark"] .upload-warning-modal__progress-text {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .upload-warning-modal__progress-bar {
    background: rgba(0, 168, 188, 0.2) !important;
}

html[data-theme="dark"] .upload-warning-modal__progress-fill {
    background: var(--link-color) !important;
}

html[data-theme="dark"] .upload-warning-modal__btn--cancel {
    background: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme="dark"] .upload-warning-modal__btn--cancel:hover {
    background: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .upload-warning-modal__btn--continue {
    background: var(--error-color) !important;
}

html[data-theme="dark"] .upload-warning-modal__btn--continue:hover {
    background: #c82333 !important;
}

/* Portfolio Filters - Dark Theme */
html[data-theme="dark"] .portfolio-filters {
    background: var(--card-bg) !important;
}

html[data-theme="dark"] .portfolio-filters__toggle {
    background: var(--card-bg) !important;
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .portfolio-filters__toggle:hover {
    background: var(--bg-secondary) !important;
}

html[data-theme="dark"] .portfolio-filters__content {
    background: var(--card-bg) !important;
    border-color: var(--border-color) !important;
}

html[data-theme="dark"] .portfolio-filters__label {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .portfolio-filters__buttons {
    background-color: rgba(255, 255, 255, 0.05) !important;
}

html[data-theme="dark"] .portfolio-filters__button {
    background: none !important;
    color: #999 !important;
}

html[data-theme="dark"] .portfolio-filters__button.active {
    color: #fff !important;
}

html[data-theme="dark"] .portfolio-filters__select {
    background: var(--input-bg) !important;
    color: var(--input-text) !important;
    border-color: var(--input-border) !important;
}

html[data-theme="dark"] .portfolio-filters__input {
    background: var(--input-bg) !important;
    color: var(--input-text) !important;
    border-color: var(--input-border) !important;
}

html[data-theme="dark"] .portfolio-filters__input::placeholder {
    color: var(--input-placeholder) !important;
}

/* Cabinet Page - Dark Theme */
html[data-theme="dark"] .cabinet-page {
    background: var(--bg-primary) !important;
}

html[data-theme="dark"] .cabinet-container {
    background: transparent !important;
}

html[data-theme="dark"] .cabinet-header {
    background: var(--card-bg) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="dark"] .cabinet-main {
    background: var(--card-bg) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="dark"] .user-info h1 {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .user-info .user-email {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .cabinet-grid {
    background: transparent !important;
}

html[data-theme="dark"] .cabinet-card {
    background: var(--card-bg) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
    border-color: var(--border-color) !important;
}

html[data-theme="dark"] .cabinet-card h2,
html[data-theme="dark"] .cabinet-card h3 {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .cabinet-card p,
html[data-theme="dark"] .cabinet-card li {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .stat-item {
    background: var(--bg-secondary) !important;
}

html[data-theme="dark"] .stat-label {
    color: var(--text-tertiary) !important;
}

html[data-theme="dark"] .stat-value {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .recent-activity-item {
    border-color: var(--border-color) !important;
}

html[data-theme="dark"] .activity-title {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .activity-meta {
    color: var(--text-tertiary) !important;
}

html[data-theme="dark"] .quick-action-btn {
    background: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-color) !important;
}

html[data-theme="dark"] .quick-action-btn:hover {
    background: var(--bg-tertiary) !important;
    border-color: var(--link-color) !important;
}

html[data-theme="dark"] .badge {
    background: var(--bg-secondary) !important;
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .badge-success {
    background: rgba(40, 167, 69, 0.2) !important;
    color: #5cb85c !important;
}

html[data-theme="dark"] .badge-warning {
    background: rgba(255, 193, 7, 0.2) !important;
    color: #ffc107 !important;
}

html[data-theme="dark"] .badge-danger {
    background: rgba(220, 53, 69, 0.2) !important;
    color: #dc3545 !important;
}

html[data-theme="dark"] .cabinet-section {
    background: transparent !important;
}

html[data-theme="dark"] .section-header h2 {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .stats-grid {
    background: transparent !important;
}

html[data-theme="dark"] .stat-card {
    background: var(--card-bg) !important;
    border-color: var(--border-color) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="dark"] .stat-number {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .stat-label {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .recent-activity {
    background: transparent !important;
}

html[data-theme="dark"] .recent-activity h3 {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .activity-list {
    background: transparent !important;
}

html[data-theme="dark"] .activity-item {
    background: var(--card-bg) !important;
    border-color: var(--border-color) !important;
}

html[data-theme="dark"] .activity-icon {
    background: var(--bg-secondary) !important;
    color: var(--link-color) !important;
}

html[data-theme="dark"] .activity-icon svg {
    fill: var(--link-color) !important;
}

html[data-theme="dark"] .activity-content h4 {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .activity-content p {
    color: var(--text-tertiary) !important;
}

html[data-theme="dark"] .recent-activity {
    background: var(--card-bg) !important;
    border-color: var(--border-color) !important;
}

html[data-theme="dark"] .recent-activity h3 {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .activity-list {
    background: transparent !important;
}

html[data-theme="dark"] .cabinet-sidebar {
    background: var(--card-bg) !important;
    border-color: var(--border-color) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="dark"] .sidebar-nav {
    background: transparent !important;
}

html[data-theme="dark"] .sidebar-nav li {
    border-color: var(--border-color) !important;
}

html[data-theme="dark"] .sidebar-nav a {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .sidebar-nav a:hover,
html[data-theme="dark"] .sidebar-nav a.active {
    background: var(--bg-secondary) !important;
    color: var(--link-color) !important;
}

html[data-theme="dark"] .nav-link {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .nav-link:hover {
    background: var(--bg-secondary) !important;
    color: var(--link-color) !important;
}

html[data-theme="dark"] .nav-link.active {
    background: var(--bg-secondary) !important;
    color: var(--link-color) !important;
    border-left-color: var(--link-color) !important;
}

html[data-theme="dark"] .nav-link svg {
    fill: currentColor !important;
}

html[data-theme="dark"] .stat-card.green {
    background: var(--card-bg) !important;
    border-left-color: #5cb85c !important;
}

html[data-theme="dark"] .stat-card.red {
    background: var(--card-bg) !important;
    border-left-color: #dc3545 !important;
}

html[data-theme="dark"] .order-card {
    background: var(--card-bg) !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="dark"] .collection-card {
    background: var(--card-bg) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="dark"] .collection-card h3 {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .collection-card span {
    color: var(--text-tertiary) !important;
}

/* Collections Page - Dark Theme */
html[data-theme="dark"] .collections-sidebar {
    background: var(--card-bg) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="dark"] .collections-sidebar__title {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .collections-sidebar__link {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .collections-sidebar__link:hover {
    background: var(--bg-secondary) !important;
}

html[data-theme="dark"] .collections-sidebar__link--active {
    background: var(--button-primary-bg) !important;
    color: #fff !important;
}

html[data-theme="dark"] .collections-header {
    background: var(--card-bg) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="dark"] .collections-header__title {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .collections-header__title-input {
    background: var(--input-bg) !important;
    color: var(--input-text) !important;
    border-color: var(--input-border) !important;
}

html[data-theme="dark"] .collections-header__description {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .collections-header__description-input {
    background: var(--input-bg) !important;
    color: var(--input-text) !important;
    border-color: var(--input-border) !important;
}

html[data-theme="dark"] .btn-collections--edit {
    background: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .btn-collections--edit:hover {
    background: var(--bg-tertiary) !important;
}

html[data-theme="dark"] .collections-empty {
    background: var(--card-bg) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="dark"] .collections-empty__text {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .catalog-page__action--remove .icon {
    color: #7B8A9A !important;
}

html[data-theme="dark"] .catalog-page__action--remove:hover .icon {
    color: #dc3545 !important;
}

html[data-theme="dark"] .catalog-page__action--camera .icon {
    color: #7B8A9A !important;
}

html[data-theme="dark"] .catalog-page__action--camera:hover .icon {
    color: #1976d2 !important;
}

/* Payout Modal - Dark Theme */
html[data-theme="dark"] #method-modal > div {
    background: var(--card-bg) !important;
}

html[data-theme="dark"] #modal-title {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] #payout-method-form label {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] #payout-method-form input[type="text"],
html[data-theme="dark"] #payout-method-form input[type="email"],
html[data-theme="dark"] #payout-method-form select,
html[data-theme="dark"] #payout-method-form textarea {
    background: var(--input-bg) !important;
    color: var(--input-text) !important;
    border-color: var(--input-border) !important;
}

html[data-theme="dark"] #payout-method-form small {
    color: var(--text-tertiary) !important;
}

html[data-theme="dark"] #close-modal {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] #close-modal:hover {
    color: var(--text-primary) !important;
}

/* Payout Method Cards - Dark Theme */
html[data-theme="dark"] .method-card {
    background: var(--card-bg) !important;
    border-color: var(--border-color) !important;
}

html[data-theme="dark"] .method-card.is-default {
    border-color: #28a745 !important;
}

html[data-theme="dark"] .method-card__title {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .method-card__detail {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .method-card__btn--delete {
    background: #dc3545 !important;
    color: white !important;
}

html[data-theme="dark"] .method-card__btn--delete:hover {
    background: #c82333 !important;
}

/* Orders Page - Dark Theme */
html[data-theme="dark"] .order-card {
    background: var(--card-bg) !important;
    border-color: var(--border-color) !important;
}

html[data-theme="dark"] .order-meta-col .order-label {
    color: var(--text-tertiary) !important;
}

html[data-theme="dark"] .order-meta-col .order-value {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .order-status {
    background: rgba(34, 197, 94, 0.15) !important;
    color: #4ade80 !important;
}

html[data-theme="dark"] .order-divider {
    background: var(--border-color) !important;
}

html[data-theme="dark"] .order-preview-thumb {
    border-color: var(--border-color) !important;
}

html[data-theme="dark"] .order-preview-more {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .order-details-link {
    color: #00b8cc !important;
}

html[data-theme="dark"] .order-details-link:hover {
    color: #00a3b5 !important;
}

html[data-theme="dark"] .order-details-expanded {
    background: var(--card-bg) !important;
    border-color: var(--border-color) !important;
}

html[data-theme="dark"] .order-item-expanded {
    background: var(--bg-secondary) !important;
}

html[data-theme="dark"] .order-item-info h4 {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .order-item-meta-text {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .download-btn {
    background: #28a745 !important;
    color: white !important;
}

html[data-theme="dark"] .download-btn:hover {
    background: #218838 !important;
}

html[data-theme="dark"] .empty-orders h2 {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .empty-orders p {
    color: var(--text-secondary) !important;
}

/* Wishlist Page - Dark Theme */
html[data-theme="dark"] .wishlist-container {
    background: var(--card-bg) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="dark"] .wishlist-header {
    background: var(--card-bg) !important;
    color: var(--text-primary) !important;
    border-bottom-color: var(--border-color) !important;
}

html[data-theme="dark"] .wishlist-header h1 {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .wishlist-items-count {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .wishlist-item {
    background: var(--bg-secondary) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="dark"] .wishlist-item:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
}

html[data-theme="dark"] .wishlist-item-image {
    background: var(--bg-tertiary) !important;
}

html[data-theme="dark"] .wishlist-item-title {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .wishlist-btn-secondary {
    background: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .wishlist-btn-secondary:hover {
    background: var(--bg-primary) !important;
}

html[data-theme="dark"] .wishlist-remove-btn {
    background: rgba(30, 30, 30, 0.95) !important;
    color: #f56565 !important;
}

html[data-theme="dark"] .wishlist-remove-btn:hover {
    background: #f56565 !important;
    color: white !important;
}

html[data-theme="dark"] .empty-wishlist {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .empty-wishlist-icon {
    color: var(--text-tertiary) !important;
}

html[data-theme="dark"] .empty-wishlist h2 {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .empty-wishlist p {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .loading {
    color: var(--text-secondary) !important;
}

/* ===========================
   Cookie Policy Page - Dark Theme
   =========================== */

html[data-theme="dark"] .legal-page {
    background: var(--bg) !important;
}

html[data-theme="dark"] .legal-container {
    background: var(--card-bg) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="dark"] .legal-title {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .legal-intro {
    background: rgba(0, 143, 161, 0.1) !important;
    color: var(--text-secondary) !important;
    border-left-color: #00b8cc !important;
}

html[data-theme="dark"] .legal-section-title {
    color: var(--text-primary) !important;
}

html[data-theme="dark"] .legal-text {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .legal-list li {
    color: var(--text-secondary) !important;
}

html[data-theme="dark"] .legal-list a {
    color: #00b8cc !important;
}

html[data-theme="dark"] .legal-list a:hover {
    color: #ffffffcc !important;
}

html[data-theme="dark"] .cookie-table {
    border-color: var(--border-color) !important;
}

html[data-theme="dark"] .cookie-row {
    border-bottom-color: var(--border-color) !important;
}

html[data-theme="dark"] .cookie-row:first-child {
    background: rgba(255, 255, 255, 0.03) !important;
}

html[data-theme="dark"] .cookie-cell {
    color: var(--text-secondary) !important;
    border-right-color: var(--border-color) !important;
}

html[data-theme="dark"] .legal-footer {
    border-top-color: var(--border-color) !important;
    color: var(--text-muted) !important;
}

/* License Table - Dark Theme */
html[data-theme="dark"] .license-table {
    border-color: var(--border-color) !important;
    background: var(--card-bg) !important;
}

html[data-theme="dark"] .license-table__header {
    background: #007a8a !important;
}

html[data-theme="dark"] .license-table__row {
    border-bottom-color: var(--border-color) !important;
}

html[data-theme="dark"] .license-table__row:nth-child(even) {
    background: rgba(255, 255, 255, 0.03) !important;
}

html[data-theme="dark"] .license-table__cell {
    color: var(--text-secondary) !important;
    border-right-color: var(--border-color) !important;
}

/* ============================================
   CONTRIBUTOR PORTFOLIO MANAGER STYLES
   ============================================ */

/* Resizable column divider */
html[data-theme="dark"] [style*="cursor: col-resize"] {
    background-color: rgba(255, 255, 255, 0.05) !important;
}

html[data-theme="dark"] .rc__divider::after {
    border-left-color: rgba(255, 255, 255, 0.1) !important;
    border-right-color: rgba(255, 255, 255, 0.1) !important;
}

/* Author name links on homepage */
html[data-theme="dark"] .imager-stock__author-name {
    color: #ffffff;
}

/* Release Documents Section - Dark Theme */
html[data-theme="dark"] .release-card {
    background: var(--card-bg);
    border-color: var(--border-light);
}

html[data-theme="dark"] .release-filename {
    color: var(--text-primary);
}

html[data-theme="dark"] .release-date {
    color: var(--text-tertiary);
}

html[data-theme="dark"] .release-download-btn {
    color: #ffffff;
}

html[data-theme="dark"] .releases-loading,
html[data-theme="dark"] .releases-empty {
    color: var(--text-secondary);
}

/* Collections Section - Dark Theme */
html[data-theme="dark"] .collections-dropdown {
    background: var(--card-bg);
    border-color: var(--border-light);
    color: var(--text-primary);
}

html[data-theme="dark"] .collection-title {
    color: var(--text-primary);
}

html[data-theme="dark"] .collection-item {
    background: var(--card-bg);
}

html[data-theme="dark"] .collection-item-image-wrapper {
    background: #2a2a2a;
}

html[data-theme="dark"] .collections-loading,
html[data-theme="dark"] .collections-empty {
    color: var(--text-secondary);
}

/* Sticky search section for dark theme */
html[data-theme="dark"] .search-section-results {
    background: var(--bg-primary);
}