/* ================================================================
 *  DARK MODE — actual style rules
 *
 *  Variables are declared in variables.css.
 *  Rules here cover elements that either:
 *    (a) don't use --ii-* tokens (global HTML elements, DLE chrome)
 *    (b) need complex overrides a single variable can't express
 *        (gradient shimmers, multi-stop box-shadows, etc.)
 * ================================================================ */

[data-theme='dark'] body {
	background-color: var(--ii-dk-base) !important;
	color: var(--ii-dk-text-primary) !important;
}

[data-theme='dark'] h1,
[data-theme='dark'] h2,
[data-theme='dark'] h3,
[data-theme='dark'] h4,
[data-theme='dark'] h5,
[data-theme='dark'] h6 {
	color: var(--ii-dk-text-primary);
}

[data-theme='dark'] p:not(.ii-preset-card-preview, .ii-queue-error-msg),
[data-theme='dark'] li,
[data-theme='dark'] {
	color: var(--ii-dk-text-body);
}

[data-theme='dark'] hr {
	border-color: var(--ii-dk-border);
}

[data-theme='dark'] ::selection {
	background: rgba(59, 130, 246, 0.28);
	color: var(--ii-dk-text-primary);
}

[data-theme='dark'] #page,
[data-theme='dark'] .page,
[data-theme='dark'] #wrapper,
[data-theme='dark'] .wrapper,
[data-theme='dark'] #container {
	background-color: var(--ii-dk-base) !important;
	color: var(--ii-dk-text-primary);
}

[data-theme='dark'] header,
[data-theme='dark'] #header,
[data-theme='dark'] .header,
[data-theme='dark'] .site-header,
[data-theme='dark'] .top-bar {
	background-color: var(--ii-dk-surface-1) !important;
	border-bottom: 1px solid var(--ii-dk-border) !important;
	color: var(--ii-dk-text-primary) !important;
}

/* [data-theme="dark"] header a,
[data-theme="dark"] #header a,
[data-theme="dark"] .header a {
    color: var(--ii-dk-text-body);
} */

[data-theme='dark'] header a:hover,
[data-theme='dark'] #header a:hover {
	color: var(--ii-dk-link);
}

[data-theme='dark'] footer,
[data-theme='dark'] #footer,
[data-theme='dark'] .footer,
[data-theme='dark'] .site-footer {
	background-color: var(--ii-dk-surface-1) !important;
	border-top: 1px solid var(--ii-dk-border) !important;
	color: var(--ii-dk-text-secondary) !important;
}

[data-theme='dark'] footer a,
[data-theme='dark'] #footer a {
	color: var(--ii-dk-text-secondary);
}

[data-theme='dark'] footer a:hover,
[data-theme='dark'] #footer a:hover {
	color: var(--ii-dk-link);
}

/* [data-theme="dark"] nav,
[data-theme="dark"] .nav,
[data-theme="dark"] .navigation,
[data-theme="dark"] .navbar,
[data-theme="dark"] .nav-menu,
[data-theme="dark"] .menu {
    background-color: var(--ii-dk-surface-2);
    border-color: var(--ii-dk-border);
} */

[data-theme='dark'] nav a,
[data-theme='dark'] .nav a,
[data-theme='dark'] .menu a {
	color: var(--ii-dk-text-body);
}

[data-theme='dark'] nav a:hover,
[data-theme='dark'] .nav a:hover,
[data-theme='dark'] .menu a:hover {
	color: var(--ii-dk-link);
}

[data-theme='dark'] .content,
[data-theme='dark'] #content,
[data-theme='dark'] .main-content,
[data-theme='dark'] article,
[data-theme='dark'] .article,
[data-theme='dark'] .post,
[data-theme='dark'] .news-item,
[data-theme='dark'] .news_body {
	background-color: var(--ii-dk-surface-1);
	color: var(--ii-dk-text-primary);
	border-color: var(--ii-dk-border);
}

[data-theme='dark'] .card,
[data-theme='dark'] .panel,
[data-theme='dark'] .block,
[data-theme='dark'] .box,
[data-theme='dark'] .widget,
[data-theme='dark'] .sidebar-block,
[data-theme='dark'] .sidebar_block {
	background-color: var(--ii-dk-surface-2);
	border-color: var(--ii-dk-border);
	color: var(--ii-dk-text-primary);
}

[data-theme='dark'] input[type='text'],
[data-theme='dark'] input[type='email'],
[data-theme='dark'] input[type='password'],
[data-theme='dark'] input[type='search'],
[data-theme='dark'] input[type='number'],
[data-theme='dark'] input[type='url'],
[data-theme='dark'] textarea:not(.ii-input),
[data-theme='dark'] select {
	background-color: var(--ii-dk-surface-2) !important;
	border-color: var(--ii-dk-border) !important;
	color: var(--ii-dk-text-primary) !important;
}

[data-theme='dark'] input::placeholder,
[data-theme='dark'] textarea::placeholder {
	color: var(--ii-dk-text-faint) !important;
}

[data-theme='dark'] input:focus,
[data-theme='dark'] textarea:focus:not(.ii-input),
[data-theme='dark'] select:focus {
	border-color: var(--ii-accent) !important;
	box-shadow: 0 0 0 3px var(--ii-accent-dim);
}

[data-theme='dark'] table {
	border-color: var(--ii-dk-border);
}

[data-theme='dark'] th {
	background-color: var(--ii-dk-surface-2);
	border-color: var(--ii-dk-border);
	color: var(--ii-dk-text-secondary);
}

[data-theme='dark'] td {
	border-color: var(--ii-dk-border);
}

[data-theme='dark'] tr:hover td {
	background-color: var(--ii-dk-hover);
}

[data-theme='dark'] code,
[data-theme='dark'] pre {
	background-color: var(--ii-dk-surface-2);
	border-color: var(--ii-dk-border);
	color: var(--ii-dk-text-body);
}

[data-theme='dark'] ::-webkit-scrollbar-thumb {
	background: var(--ii-dk-active);
}

[data-theme='dark'] ::-webkit-scrollbar-thumb:hover {
	background: var(--ii-dk-text-faint);
}

[data-theme='dark'] .ii-popper-menu {
	box-shadow: var(--ii-popper-shadow);
}

[data-theme='dark'] .ii-bulk-action-bar {
	box-shadow: var(--ii-bulk-bar-shadow);
}

[data-theme='dark'] .ii-image-skeleton,
[data-theme='dark'] .ii-variant-pending-skeleton,
[data-theme='dark'] .ii-variant-loading-skeleton,
[data-theme='dark'] .ii-creation-skeleton-card,
[data-theme='dark'] .ii-coll-skeleton-card,
[data-theme='dark'] .ii-creations-skeleton-group-title,
[data-theme='dark'] .ii-ca-skeleton-thumb,
[data-theme='dark'] .ii-ca-skeleton-line,
[data-theme='dark'] .ii-skeleton-input-field,
[data-theme='dark'] .ii-skeleton-text-line,
[data-theme='dark'] .ii-skeleton-tab,
[data-theme='dark'] .ii-skeleton-chip,
[data-theme='dark'] .ii-skeleton-badge {
	background-image: linear-gradient(
		90deg,
		var(--ii-dk-shimmer-base) 25%,
		var(--ii-dk-shimmer-peak) 50%,
		var(--ii-dk-shimmer-base) 75%
	) !important;
	background-color: transparent !important;
	background-size: 200% 100% !important;
}

[data-theme='dark'] .ii-ai-popup {
	background: var(--ii-surface-white) !important;
	border-color: var(--ii-border) !important;
	box-shadow:
		0 20px 48px rgba(0, 0, 0, 0.6),
		0 4px 12px rgba(0, 0, 0, 0.4) !important;
	color: var(--ii-text-primary) !important;
}

[data-theme='dark'] .ii-ai-popup-backdrop {
	background: rgba(0, 0, 0, 0.6);
}

[data-theme='dark'] .ii-ai-popup .ii-title {
	border-bottom-color: var(--ii-border);
	color: var(--ii-text-primary);
}

[data-theme='dark'] .ii-ai-popup .ii-title h1,
[data-theme='dark'] .ii-ai-popup .ii-title h2 {
	color: var(--ii-text-primary);
}

[data-theme='dark'] .ii-ai-popup-close {
	color: var(--ii-text-secondary);
}

[data-theme='dark'] .ii-ai-popup-close:hover {
	background: var(--ii-bg-hover);
	color: var(--ii-text-primary);
}

[data-theme='dark'] .ii-ai-popup-panel > div {
	color: var(--ii-text-primary);
}

[data-theme='dark']
	.ii-ai-popup-panel
	.ii-ai-popup-btn[data-variant='secondary'],
[data-theme='dark']
	.ii-ai-popup-panel
	.ii-ai-popup-btn[data-variant='default'] {
	background: var(--ii-bg-tertiary) !important;
	border-color: var(--ii-border) !important;
	color: var(--ii-text-primary) !important;
}

[data-theme='dark']
	.ii-ai-popup-panel
	.ii-ai-popup-btn[data-variant='secondary']:hover,
[data-theme='dark']
	.ii-ai-popup-panel
	.ii-ai-popup-btn[data-variant='default']:hover {
	background: var(--ii-bg-hover) !important;
}

[data-theme='dark'] .ii-ci-thumb {
	background: var(--ii-bg-tertiary);
}

[data-theme='dark'] .ii-collection-image {
	background: var(--ii-bg-tertiary);
}

[data-theme='dark'] .ii-ci-checkbox input[type='checkbox'] {
	background-color: rgba(30, 30, 40, 0.88);
	border-color: rgba(255, 255, 255, 0.22);
}

[data-theme='dark'] .ii-message-prompt-section {
	border-bottom-color: var(--ii-border);
}

[data-theme='dark'] li,
[data-theme='dark']
	span:not(.ii-custom-asset-badge):not(.ii-prompt-badge):not(
		.ii-workspace-pin-badge
	):not(.ii-bulk-count-badge):not(.ai-toast-desc):not(
		.ii-send-btn > span
	):not(.ii-popper-menu-item span):not(.ii-generation-receipt span):not(
		.ii-receipt-label
	):not(.ii-workspace-item.is-active .ii-workspace-item-title):not(
		.ii-view-toggle span
	):not(.ii-sidebar-title):not(.ii-collection-select-btn:hover span):not(
		.ii-compare-handle-icon
	):not(.ii-presets-drawer span):not(.ii-drawer span):not(
		.ii-sidebar-show-all-overlay-btn span
	):not(.ii-send-btn-cost-num):not(.ii-nww-size-surcharge):not(
		.ii-upgrade-modal-total
	):not(.ii-beta-badge):not(.ii-asset-chip-title):not(
		.ii-workspace-item-title
	):not(.ii-presets-btn span):not(.ii-viewer-section-label span):not(
		.ii-viewer-meta-date span
	):not(.ii-workspace-item-date):not(.ii-ci-brand):not(
		.ii-viewer-asset-brand
	):not(.ii-viewer-author-username):not(.ii-rec-refresh-btn span):not(
		#iiRecPanel span
	):not(#iiNavCreationsBtn.is-active span):not(
		.ii-workspaces-separator span
	):not(.ii-ctx-add-assets-btn-text):not(.ii-animated-placeholder span):not(
		.ii-tooltip-kbd
	):not(.ii-cmenu-kbd):not(.ii-cmenu-key):not(.ii-cmenu-plus):not(
		.ii-cmenu-item.is-danger span
	):not(.ii-popper-user-email):not(.ii-popper-menu-divider span):not(
		.ii-coll-card-create-body span
	):not(#iiNavCollectionsBtn span):not(.ii-coll-create-cta):not(
		.ii-coll-card-name
	):not(.ii-coll-card-count):not(.ii-coll-btn span):not(
		#iiNavWishlistBtn span
	):not(.ii-wishlist-card-cat):not(.ii-super-popper-item-desc):not(
		.ii-super-popper-divider span
	):not(.ii-tooltip-text):not(.ii-tooltip-plus):not(
		.ii-bulk-delete-label
	):not(.ii-pcb-row span),
[data-theme='dark'] label,
[data-theme='dark'] td,
[data-theme='dark'] dt,
[data-theme='dark'] dd {
	color: var(--ii-text-primary);
}

[data-theme='dark'] .ii-ci-category,
[data-theme='dark'] .ii-creations-group-count,
[data-theme='dark'] .ii-asset-breadcrumb-cat,
[data-theme='dark'] .ii-receipt-label,
[data-theme='dark'] .ii-assets-section-title span,
[data-theme='dark'] .ii-sidebar-title,
[data-theme='dark'] .ii-bulk-bar-label,
[data-theme='dark'] .ii-ca-bulk-progress-label {
	color: var(--ii-text-secondary);
}

[data-theme='dark'] .ii-input::placeholder {
	color: var(--ii-text-tertiary);
}

[data-theme='dark'] .ii-input-hint {
	color: var(--ii-text-tertiary);
}

[data-theme='dark'] .ii-popper-menu-item.ii-popper-item-danger {
	color: var(--ii-danger);
}

[data-theme='dark'] .ii-popper-menu-item.ii-popper-item-danger:hover {
	background: var(--ii-danger-bg);
	color: var(--ii-danger-text);
}

[data-theme='dark'] .ii-bubble-back {
	border-color: rgba(255, 255, 255, 0.09);
	background: rgba(255, 255, 255, 0.04);
}

[data-theme='dark'] .ii-bubble-back--1 {
	opacity: 0.6;
}

[data-theme='dark'] .ii-bubble-back--2 {
	opacity: 0.38;
}

[data-theme='dark'] .ii-bubble-back--3 {
	opacity: 0.2;
}

[data-theme='dark'] .ii-bubble-stack:hover .ii-bubble-back--1,
[data-theme='dark'] .ii-bubble-stack:focus-visible .ii-bubble-back--1 {
	opacity: 0.68;
}

[data-theme='dark'] .ii-bubble-stack:hover .ii-bubble-back--2,
[data-theme='dark'] .ii-bubble-stack:focus-visible .ii-bubble-back--2 {
	opacity: 0.44;
}

[data-theme='dark'] .ii-bubble-stack:hover .ii-bubble-back--3,
[data-theme='dark'] .ii-bubble-stack:focus-visible .ii-bubble-back--3 {
	opacity: 0.24;
}

/* Front card dark shadow */
[data-theme='dark'] .ii-bubble-front {
	box-shadow:
		0 4px 24px rgba(0, 0, 0, 0.45),
		0 1px 4px rgba(0, 0, 0, 0.3);
	border-color: rgba(255, 255, 255, 0.1);
}

[data-theme='dark'] .ii-bubble-stack:hover .ii-bubble-front,
[data-theme='dark'] .ii-bubble-stack:focus-visible .ii-bubble-front {
	box-shadow:
		0 10px 36px rgba(0, 0, 0, 0.55),
		0 3px 10px rgba(0, 0, 0, 0.3);
}

/* Count badge — slightly more opaque in dark mode */
[data-theme='dark'] .ii-bubble-count {
	background: rgba(0, 0, 0, 0.68);
}

/* Skeleton shimmer on dark surfaces */
[data-theme='dark'] .ii-creation-skeleton-card,
[data-theme='dark'] .ii-coll-skeleton-card,
[data-theme='dark'] .ii-creations-skeleton-group-title {
	background: rgba(255, 255, 255, 0.05);
}