/**
 * WTNovels Dark Mode – overrides when html.wtn-dark-mode is present.
 * Loaded after theme/plugin styles so header, footer, sidebar and page overrides apply on every page.
 * Uses CSS variables so themes can override; !important used to win over other CSS where needed.
 */
:root {
	--wtn-dm-bg: #2d2d2d;
	--wtn-dm-bg-elevated: #2d2d2d;
	--wtn-dm-text: #e0e0e0;
	--wtn-dm-text-muted: #a0a0a0;
	--wtn-dm-link: #7eb8da;
	--wtn-dm-link-hover: #9eccea;
	--wtn-dm-border: #404040;
	--wtn-dm-input-bg: #2d2d2d;
	--wtn-dm-input-border: #404040;
	--wtn-dm-primary: #2271b1;
	--wtn-dm-primary-hover: #135e96;
	--wtn-dm-primary-text: #ffffff;
	--wtn-dm-card-bg: #151515;
	--wtn-dm-card-border: #2b2b2b;
}

/* Toggle button (widget) – visible in both themes */
.widget_wtn_dark_mode .wtn-dark-mode-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.25rem;
	height: 2.25rem;
	padding: 0;
	border: 1px solid currentColor;
	border-radius: 50%;
	background: transparent;
	cursor: pointer;
	color: inherit;
	opacity: 0.85;
	transition: opacity 0.2s ease;
}
.widget_wtn_dark_mode .wtn-dark-mode-toggle:hover {
	opacity: 1;
}
.widget_wtn_dark_mode .wtn-dark-mode-toggle:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
	opacity: 1;
}
/* Sun/moon icons (inline SVG) – show in light/dark mode respectively */
.wtn-dm-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.25rem;
	height: 1.25rem;
	pointer-events: none;
}
.wtn-dm-icon svg {
	display: block;
	width: 100%;
	height: 100%;
}
.wtn-dm-icon-sun {
	display: inline-flex;
}
.wtn-dm-icon-sun svg {
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.75;
}
.wtn-dm-icon-moon {
	display: none;
}
.wtn-dm-icon-moon svg {
	fill: currentColor;
}
/* Moon icon: show in dark mode only */
html.wtn-dark-mode .wtn-dm-icon-sun {
	display: none;
}
html.wtn-dark-mode .wtn-dm-icon-moon {
	display: inline-flex;
}

/* Page and body – override other CSS */
html.wtn-dark-mode,
html.wtn-dark-mode body {
	background-color: var(--wtn-dm-bg) !important;
	color: var(--wtn-dm-text) !important;
}

/* Header – override theme header CSS on every page */
html.wtn-dark-mode .site-header,
html.wtn-dark-mode header[role="banner"],
html.wtn-dark-mode #masthead,
html.wtn-dark-mode .ast-header-wrap,
html.wtn-dark-mode .ast-site-header-wrap,
html.wtn-dark-mode .main-header-bar,
html.wtn-dark-mode .site-branding,
html.wtn-dark-mode .ast-site-identity,
html.wtn-dark-mode [data-section="header"],
html.wtn-dark-mode .elementor-location-header {
	background-color: var(--wtn-dm-bg-elevated) !important;
	color: var(--wtn-dm-text) !important;
	border-color: var(--wtn-dm-border) !important;
}
html.wtn-dark-mode .site-header a,
html.wtn-dark-mode header[role="banner"] a,
html.wtn-dark-mode #masthead a,
html.wtn-dark-mode .ast-header-wrap a,
html.wtn-dark-mode .main-header-bar a,
html.wtn-dark-mode .site-branding a {
	color: var(--wtn-dm-link) !important;
}
html.wtn-dark-mode .site-header a:hover,
html.wtn-dark-mode header[role="banner"] a:hover,
html.wtn-dark-mode #masthead a:hover,
html.wtn-dark-mode .ast-header-wrap a:hover,
html.wtn-dark-mode .main-header-bar a:hover,
html.wtn-dark-mode .site-header .current-menu-item a,
html.wtn-dark-mode #masthead .current-menu-item a {
	color: var(--wtn-dm-link-hover) !important;
}
html.wtn-dark-mode .site-title,
html.wtn-dark-mode .site-description,
html.wtn-dark-mode .ast-site-title-wrap .site-title,
html.wtn-dark-mode .ast-site-title-wrap .site-description {
	color: var(--wtn-dm-text) !important;
}
html.wtn-dark-mode .main-navigation a,
html.wtn-dark-mode .ast-main-navigation a,
html.wtn-dark-mode nav a,
html.wtn-dark-mode .menu a {
	color: var(--wtn-dm-text) !important;
}
html.wtn-dark-mode .main-navigation a:hover,
html.wtn-dark-mode .ast-main-navigation a:hover,
html.wtn-dark-mode nav a:hover,
html.wtn-dark-mode .menu a:hover {
	color: var(--wtn-dm-link-hover) !important;
}

/* Offcanvas / mobile popup menu (Astra) */
html.wtn-dark-mode #ast-mobile-popup,
html.wtn-dark-mode .ast-mobile-popup-drawer,
html.wtn-dark-mode .ast-mobile-popup-inner,
html.wtn-dark-mode .ast-mobile-popup-content,
html.wtn-dark-mode #ast-mobile-popup .ast-mobile-popup-drawer,
html.wtn-dark-mode #ast-mobile-popup .ast-mobile-popup-inner,
html.wtn-dark-mode #ast-mobile-popup .ast-mobile-popup-content,
html.wtn-dark-mode #ast-mobile-popup .ast-builder-layout-element,
html.wtn-dark-mode #ast-mobile-popup .ast-mobile-popup-header,
html.wtn-dark-mode .ast-mobile-popup-drawer .main-header-menu,
html.wtn-dark-mode .ast-mobile-popup-drawer .main-navigation,
html.wtn-dark-mode .ast-mobile-popup-drawer ul,
html.wtn-dark-mode .ast-mobile-popup-drawer li,
html.wtn-dark-mode .ast-builder-menu-mobile .main-navigation .main-header-menu,
html.wtn-dark-mode .ast-builder-menu-mobile .main-navigation,
html.wtn-dark-mode .ast-builder-menu-mobile .main-header-menu {
	background-color: var(--wtn-dm-bg-elevated) !important;
	color: var(--wtn-dm-text) !important;
	border-color: var(--wtn-dm-border) !important;
}
html.wtn-dark-mode .ast-mobile-popup-drawer a,
html.wtn-dark-mode .ast-mobile-popup-inner a,
html.wtn-dark-mode .ast-mobile-popup-content a,
html.wtn-dark-mode #ast-mobile-popup a,
html.wtn-dark-mode #ast-mobile-popup .main-header-menu a,
html.wtn-dark-mode .ast-builder-menu-mobile .main-navigation a,
html.wtn-dark-mode .ast-builder-menu-mobile .main-header-menu a {
	color: var(--wtn-dm-link) !important;
}
html.wtn-dark-mode .ast-mobile-popup-drawer a:hover,
html.wtn-dark-mode .ast-mobile-popup-inner a:hover,
html.wtn-dark-mode .ast-mobile-popup-content a:hover,
html.wtn-dark-mode #ast-mobile-popup a:hover,
html.wtn-dark-mode #ast-mobile-popup .main-header-menu a:hover,
html.wtn-dark-mode #ast-mobile-popup .current-menu-item a,
html.wtn-dark-mode .ast-builder-menu-mobile .main-navigation a:hover,
html.wtn-dark-mode .ast-builder-menu-mobile .main-header-menu a:hover,
html.wtn-dark-mode .ast-builder-menu-mobile .current-menu-item a {
	color: var(--wtn-dm-link-hover) !important;
}
html.wtn-dark-mode .ast-mobile-popup-overlay {
	background-color: rgba(0, 0, 0, 0.6) !important;
}
html.wtn-dark-mode #ast-mobile-header,
html.wtn-dark-mode .ast-mobile-header-wrap {
	background-color: var(--wtn-dm-bg-elevated) !important;
	color: var(--wtn-dm-text) !important;
}
html.wtn-dark-mode #ast-mobile-header .main-header-menu-toggle,
html.wtn-dark-mode .ast-mobile-popup-drawer .menu-toggle-close {
	color: var(--wtn-dm-text) !important;
	border-color: var(--wtn-dm-border) !important;
}

/* Footer – override theme footer CSS on every page (including Astra inner wrappers) */
html.wtn-dark-mode .site-footer,
html.wtn-dark-mode footer,
html.wtn-dark-mode #colophon,
html.wtn-dark-mode .ast-footer-wrap,
html.wtn-dark-mode .site-primary-footer-wrap,
html.wtn-dark-mode .site-above-footer-wrap,
html.wtn-dark-mode .site-below-footer-wrap,
html.wtn-dark-mode .ast-builder-footer-grid-columns,
html.wtn-dark-mode .ast-builder-grid-row-container,
html.wtn-dark-mode [data-section="footer"],
html.wtn-dark-mode .elementor-location-footer {
	background-color: var(--wtn-dm-bg-elevated) !important;
	color: var(--wtn-dm-text-muted) !important;
	border-color: var(--wtn-dm-border) !important;
}
html.wtn-dark-mode .site-footer a,
html.wtn-dark-mode footer a,
html.wtn-dark-mode #colophon a,
html.wtn-dark-mode .ast-footer-wrap a,
html.wtn-dark-mode .site-primary-footer-wrap a,
html.wtn-dark-mode .site-above-footer-wrap a,
html.wtn-dark-mode .site-below-footer-wrap a {
	color: var(--wtn-dm-link) !important;
}
html.wtn-dark-mode .site-footer a:hover,
html.wtn-dark-mode footer a:hover,
html.wtn-dark-mode #colophon a:hover,
html.wtn-dark-mode .site-primary-footer-wrap a:hover {
	color: var(--wtn-dm-link-hover) !important;
}

/* Sidebar – override theme sidebar CSS on every page */
html.wtn-dark-mode .sidebar,
html.wtn-dark-mode aside,
html.wtn-dark-mode #secondary,
html.wtn-dark-mode .widget-area,
html.wtn-dark-mode .ast-sidebar,
html.wtn-dark-mode [data-elementor-type="sidebar"],
html.wtn-dark-mode .widget {
	background-color: var(--wtn-dm-bg-elevated) !important;
	color: var(--wtn-dm-text) !important;
	border-color: var(--wtn-dm-border) !important;
}
html.wtn-dark-mode .sidebar a,
html.wtn-dark-mode aside a,
html.wtn-dark-mode .widget-area a,
html.wtn-dark-mode .widget a {
	color: var(--wtn-dm-link) !important;
}
html.wtn-dark-mode .sidebar a:hover,
html.wtn-dark-mode aside a:hover,
html.wtn-dark-mode .widget-area a:hover,
html.wtn-dark-mode .widget a:hover {
	color: var(--wtn-dm-link-hover) !important;
}
html.wtn-dark-mode .widget-title {
	color: var(--wtn-dm-text) !important;
}
html.wtn-dark-mode #secondary a.wp-block-button__link,
html.wtn-dark-mode #secondary a.wp-block-button__link.wp-element-button,
html.wtn-dark-mode #secondary a.wp-element-button,
html.wtn-dark-mode #secondary a.button,
html.wtn-dark-mode #secondary a.ast-button,
html.wtn-dark-mode .widget a.wp-block-button__link,
html.wtn-dark-mode .widget a.wp-block-button__link.wp-element-button,
html.wtn-dark-mode .widget a.wp-element-button,
html.wtn-dark-mode .widget a.button,
html.wtn-dark-mode .widget a.ast-button {
	color: var(--wtn-dm-primary-text) !important;
}

/* Main content area */
html.wtn-dark-mode .entry-content,
html.wtn-dark-mode .site-main,
html.wtn-dark-mode main,
html.wtn-dark-mode .content-area,
html.wtn-dark-mode #content,
html.wtn-dark-mode .ast-single-post .entry-content,
html.wtn-dark-mode .post .entry-content {
	background-color: var(--wtn-dm-bg) !important;
	color: var(--wtn-dm-text) !important;
}

/* Links inside darkened content regions */
html.wtn-dark-mode .entry-content a,
html.wtn-dark-mode .site-main a,
html.wtn-dark-mode main a,
html.wtn-dark-mode .content-area a,
html.wtn-dark-mode .ast-single-post .entry-content a,
html.wtn-dark-mode .post .entry-content a,
html.wtn-dark-mode .novel-details-container a,
html.wtn-dark-mode .novel-layout-wrapper a,
html.wtn-dark-mode .wtntc-wrap a {
	color: var(--wtn-dm-link) !important;
}
html.wtn-dark-mode .entry-content a:hover,
html.wtn-dark-mode .entry-content a:focus,
html.wtn-dark-mode .site-main a:hover,
html.wtn-dark-mode .site-main a:focus,
html.wtn-dark-mode main a:hover,
html.wtn-dark-mode main a:focus,
html.wtn-dark-mode .content-area a:hover,
html.wtn-dark-mode .content-area a:focus,
html.wtn-dark-mode .ast-single-post .entry-content a:hover,
html.wtn-dark-mode .ast-single-post .entry-content a:focus,
html.wtn-dark-mode .post .entry-content a:hover,
html.wtn-dark-mode .post .entry-content a:focus,
html.wtn-dark-mode .novel-details-container a:hover,
html.wtn-dark-mode .novel-details-container a:focus,
html.wtn-dark-mode .novel-layout-wrapper a:hover,
html.wtn-dark-mode .novel-layout-wrapper a:focus,
html.wtn-dark-mode .wtntc-wrap a:hover,
html.wtn-dark-mode .wtntc-wrap a:focus {
	color: var(--wtn-dm-link-hover) !important;
}

html.wtn-dark-mode h1,
html.wtn-dark-mode h2,
html.wtn-dark-mode h3,
html.wtn-dark-mode h4,
html.wtn-dark-mode h5,
html.wtn-dark-mode h6 {
	color: var(--wtn-dm-text) !important;
}

/* Form elements */
html.wtn-dark-mode input[type="text"],
html.wtn-dark-mode input[type="email"],
html.wtn-dark-mode input[type="search"],
html.wtn-dark-mode input[type="url"],
html.wtn-dark-mode input[type="password"],
html.wtn-dark-mode textarea,
html.wtn-dark-mode select {
	background-color: var(--wtn-dm-input-bg) !important;
	border-color: var(--wtn-dm-input-border) !important;
	color: var(--wtn-dm-text) !important;
}

/* Containers and wrappers that themes use for background */
html.wtn-dark-mode .ast-container,
html.wtn-dark-mode .site-content,
html.wtn-dark-mode .content-area .site-main {
	background-color: var(--wtn-dm-bg) !important;
}

/* Category grid list items (e.g. novels grid) */
html.wtn-dark-mode .cgl-item {
	background-color: var(--wtn-dm-card-bg) !important;
	color: var(--wtn-dm-text) !important;
	border: 1px solid var(--wtn-dm-card-border) !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35) !important;
}
html.wtn-dark-mode .cgl-item:hover {
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.45) !important;
}
html.wtn-dark-mode .cgl-item .cgl-link,
html.wtn-dark-mode .cgl-item .cgl-link:hover,
html.wtn-dark-mode .cgl-item .cgl-link:focus {
	color: inherit !important;
}
html.wtn-dark-mode .cgl-image-wrapper {
	background-color: #101010 !important;
}
html.wtn-dark-mode .cgl-name {
	background-color: var(--wtn-dm-card-bg) !important;
	color: var(--wtn-dm-text) !important;
}
html.wtn-dark-mode .cgl-link:hover .cgl-name,
html.wtn-dark-mode .cgl-link:focus .cgl-name {
	color: var(--wtn-dm-text) !important;
}
html.wtn-dark-mode .cgl-pdf-label {
	background-color: var(--wtn-dm-primary) !important;
	color: var(--wtn-dm-primary-text) !important;
}
html.wtn-dark-mode .cgl-filter-label {
	color: var(--wtn-dm-text) !important;
}
html.wtn-dark-mode .cgl-filter-btn:not(.cgl-filter-active),
html.wtn-dark-mode a.cgl-filter-btn:not(.cgl-filter-active),
html.wtn-dark-mode #content a.cgl-filter-btn:not(.cgl-filter-active),
html.wtn-dark-mode .cgl-page:not(.cgl-page-current),
html.wtn-dark-mode a.cgl-page:not(.cgl-page-current),
html.wtn-dark-mode #content a.cgl-page:not(.cgl-page-current),
html.wtn-dark-mode .cgl-page-nav:not(.cgl-page-nav-disabled),
html.wtn-dark-mode a.cgl-page-nav:not(.cgl-page-nav-disabled),
html.wtn-dark-mode #content a.cgl-page-nav:not(.cgl-page-nav-disabled),
html.wtn-dark-mode .cgl-filters .cgl-filter-btn:not(.cgl-filter-active),
html.wtn-dark-mode .cgl-pagination .cgl-page:not(.cgl-page-current),
html.wtn-dark-mode .cgl-pagination .cgl-page-nav:not(.cgl-page-nav-disabled),
html.wtn-dark-mode .novel-chapters-sort {
	background-color: #ffffff !important;
	color: var(--wtn-dm-primary) !important;
	border-color: var(--wtn-dm-primary) !important;
	text-decoration: none !important;
}
html.wtn-dark-mode .cgl-filter-btn:hover,
html.wtn-dark-mode .cgl-filter-btn:focus,
html.wtn-dark-mode .cgl-page:hover,
html.wtn-dark-mode .cgl-page:focus,
html.wtn-dark-mode .cgl-page-nav:hover,
html.wtn-dark-mode .cgl-page-nav:focus,
html.wtn-dark-mode .novel-chapters-sort:hover,
html.wtn-dark-mode .novel-chapters-sort:focus {
	background-color: var(--wtn-dm-primary-hover) !important;
	border-color: var(--wtn-dm-primary-hover) !important;
	color: var(--wtn-dm-primary-text) !important;
	box-shadow: 0 2px 6px rgba(34, 113, 177, 0.35) !important;
}
html.wtn-dark-mode .cgl-filter-btn.cgl-filter-active,
html.wtn-dark-mode .cgl-filter-btn.cgl-filter-active:hover,
html.wtn-dark-mode .cgl-page-current,
html.wtn-dark-mode .cgl-page-current:hover,
html.wtn-dark-mode .cgl-page-current:focus {
	background-color: var(--wtn-dm-primary) !important;
	border-color: var(--wtn-dm-primary) !important;
	color: var(--wtn-dm-primary-text) !important;
	box-shadow: 0 2px 6px rgba(34, 113, 177, 0.35) !important;
}
html.wtn-dark-mode .cgl-page-ellipsis {
	color: var(--wtn-dm-text-muted) !important;
}
html.wtn-dark-mode :is(
	.entry-content,
	.site-main,
	main,
	.content-area,
	.ast-single-post .entry-content,
	.post .entry-content,
	.novel-details-container,
	.novel-layout-wrapper,
	.widget,
	.widget-area,
	#secondary
) a:is(
	.wp-block-button__link,
	.wp-element-button,
	.button,
	.ast-button,
	.wp-block-file__button,
	.novel-read-btn,
	.novel-read-pdf
),
html.wtn-dark-mode :is(
	.entry-content,
	.site-main,
	main,
	.content-area,
	.ast-single-post .entry-content,
	.post .entry-content,
	.novel-details-container,
	.novel-layout-wrapper,
	.widget,
	.widget-area,
	#secondary
) a:is(
	.wp-block-button__link,
	.wp-element-button,
	.button,
	.ast-button,
	.wp-block-file__button,
	.novel-read-btn,
	.novel-read-pdf
):hover,
html.wtn-dark-mode :is(
	.entry-content,
	.site-main,
	main,
	.content-area,
	.ast-single-post .entry-content,
	.post .entry-content,
	.novel-details-container,
	.novel-layout-wrapper,
	.widget,
	.widget-area,
	#secondary
) a:is(
	.wp-block-button__link,
	.wp-element-button,
	.button,
	.ast-button,
	.wp-block-file__button,
	.novel-read-btn,
	.novel-read-pdf
):focus {
	color: var(--wtn-dm-primary-text) !important;
}

/* Archive / category pages (e.g. novel details – child categories of novels) */
html.wtn-dark-mode body.archive .site-main,
html.wtn-dark-mode body.category .site-main,
html.wtn-dark-mode body.archive .content-area,
html.wtn-dark-mode body.category .content-area,
html.wtn-dark-mode body.archive .ast-container,
html.wtn-dark-mode body.category .ast-container,
html.wtn-dark-mode .archive .entry-content,
html.wtn-dark-mode .category .entry-content {
	background-color: var(--wtn-dm-bg) !important;
	color: var(--wtn-dm-text) !important;
}

/* Novel details page – override theme’s !important (e.g. .novel-header background:#fff!important) */
html.wtn-dark-mode .novel-details-container,
html.wtn-dark-mode .novel-header,
html.wtn-dark-mode .novel-layout-wrapper,
html.wtn-dark-mode .novel-sidebar,
html.wtn-dark-mode .novel-main-content,
html.wtn-dark-mode .novel-sidebar-right,
html.wtn-dark-mode .novel-sidebar-left {
	background-color: var(--wtn-dm-bg-elevated) !important;
	color: var(--wtn-dm-text) !important;
}
html.wtn-dark-mode .novel-header .novel-title,
html.wtn-dark-mode .novel-chapters-title {
	color: var(--wtn-dm-text) !important;
}
html.wtn-dark-mode .novel-taxonomy-item strong,
html.wtn-dark-mode .novel-right-field-item strong,
html.wtn-dark-mode .novel-description .novel-taxonomy-item strong,
html.wtn-dark-mode .novel-meta-item strong {
	color: var(--wtn-dm-text) !important;
}
html.wtn-dark-mode .novel-taxonomy-item span,
html.wtn-dark-mode .novel-right-field-item span,
html.wtn-dark-mode .novel-right-field-item div,
html.wtn-dark-mode .novel-description .wtn-description-content,
html.wtn-dark-mode .novel-meta-item span {
	color: var(--wtn-dm-text-muted) !important;
}
html.wtn-dark-mode .novel-taxonomy-item a,
html.wtn-dark-mode .novel-right-field-item a,
html.wtn-dark-mode .novel-tags-toggle {
	color: var(--wtn-dm-link) !important;
}
html.wtn-dark-mode .novel-taxonomy-item a:hover,
html.wtn-dark-mode .novel-right-field-item a:hover,
html.wtn-dark-mode .novel-tags-toggle:hover {
	color: var(--wtn-dm-link-hover) !important;
}
html.wtn-dark-mode .novel-chapters-sort {
	background-color: #ffffff !important;
}
html.wtn-dark-mode .chapter-item {
	background-color: var(--wtn-dm-bg-elevated) !important;
	border-color: var(--wtn-dm-border) !important;
}
html.wtn-dark-mode .chapter-title {
	color: var(--wtn-dm-link) !important;
}
html.wtn-dark-mode .chapter-link:hover .chapter-title {
	color: var(--wtn-dm-link-hover) !important;
}
html.wtn-dark-mode .chapter-date {
	color: var(--wtn-dm-text-muted) !important;
}

/* WTNovels Today Chapters shortcode – dark overrides so chapter list is dark */
html.wtn-dark-mode .wtntc-wrap {
	background-color: var(--wtn-dm-bg-elevated) !important;
	color: var(--wtn-dm-text) !important;
	border-color: var(--wtn-dm-border) !important;
}
html.wtn-dark-mode .wtntc-header {
	background-color: #374151 !important;
	color: #fff !important;
	border-color: var(--wtn-dm-border) !important;
}
html.wtn-dark-mode .wtntc-list {
	background-color: var(--wtn-dm-bg-elevated) !important;
	border-color: var(--wtn-dm-border) !important;
}
html.wtn-dark-mode .wtntc-item {
	background-color: transparent !important;
	border-bottom-color: var(--wtn-dm-border) !important;
	color: var(--wtn-dm-text) !important;
}
html.wtn-dark-mode .wtntc-novel-name {
	color: var(--wtn-dm-text) !important;
}
html.wtn-dark-mode .wtntc-novel-name:hover {
	color: var(--wtn-dm-link-hover) !important;
}
html.wtn-dark-mode .wtntc-chapter {
	color: var(--wtn-dm-link) !important;
}
html.wtn-dark-mode .wtntc-chapter:hover {
	color: var(--wtn-dm-link-hover) !important;
}
html.wtn-dark-mode .wtntc-empty {
	background-color: var(--wtn-dm-bg-elevated) !important;
	border-color: var(--wtn-dm-border) !important;
	color: var(--wtn-dm-text-muted) !important;
}
html.wtn-dark-mode .wtntc-badge-completed {
	background-color: #dc2626 !important;
	color: #fff !important;
}