/**
 * Dokan Modern Dashboard - PixelPaddle Aesthetic
 * Overrides for Dokan Vendor Dashboard to match dark theme and premium feel.
 */

:root {
    --dokan-sidebar-bg: #111111;
    --dokan-content-bg: #0d0d0d;
    --dokan-card-bg: #161616;
    --dokan-card-bg-2: #0f0f0f;
    --dokan-border: #222222;
    --dokan-red: #C8102E;
    --dokan-ink: #ffffff;
    --dokan-muted: #888888;
}

/* ── DOKAN PRO TOP HEADER BAR ──
   The white bar with hamburger / "Visit Store" / avatar is Dokan Pro's own
   header component (not the legacy .dokan-dashboard-header). It's a separate
   React/Vue root rendered above .dokan-dashboard-content. We blanket-target
   every selector Dokan has shipped for it across versions. */
body.tv-dokan-dashboard .dokan-vendor-dashboard-header,
body.tv-dokan-dashboard .dokan-pro-dashboard-header,
body.tv-dokan-dashboard .dokan-vendor-dashboard__header,
body.tv-dokan-dashboard #dokan-vendor-dashboard-header,
body.tv-dokan-dashboard .dokan-dashboard-header-wrap,
body.tv-dokan-dashboard .dokan-dashboard-top-bar,
body.tv-dokan-dashboard .dokan-dashboard > header,
body.tv-dokan-dashboard .dokan-dashboard-wrap > header {
    background: var(--dokan-sidebar-bg) !important;
    border-bottom: 1px solid var(--dokan-border) !important;
    color: var(--dokan-ink) !important;
    box-shadow: none !important;
}

body.tv-dokan-dashboard .dokan-vendor-dashboard-header *,
body.tv-dokan-dashboard .dokan-pro-dashboard-header *,
body.tv-dokan-dashboard .dokan-vendor-dashboard__header *,
body.tv-dokan-dashboard #dokan-vendor-dashboard-header *,
body.tv-dokan-dashboard .dokan-dashboard-top-bar * {
    color: var(--dokan-ink) !important;
}

body.tv-dokan-dashboard .dokan-vendor-dashboard-header a,
body.tv-dokan-dashboard .dokan-pro-dashboard-header a,
body.tv-dokan-dashboard .dokan-vendor-dashboard__header a {
    color: var(--dokan-ink) !important;
}

body.tv-dokan-dashboard .dokan-vendor-dashboard-header svg,
body.tv-dokan-dashboard .dokan-pro-dashboard-header svg,
body.tv-dokan-dashboard .dokan-vendor-dashboard__header svg {
    color: var(--dokan-ink) !important;
    fill: currentColor !important;
}

/* ── SCOPED DARK RESET ──
   Defeats Dokan's own white widget backgrounds without touching the rest of
   the site. The body class + .dokan-dashboard-content prefix gives us
   specificity 0,3,X which beats almost every Dokan rule. */
body.tv-dokan-dashboard .dokan-dashboard-content,
body.tv-dokan-dashboard .dokan-dashboard-content .dashboard-content-area,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-dashboard-content-area {
    background: var(--dokan-content-bg) !important;
    color: var(--dokan-ink) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content h1,
body.tv-dokan-dashboard .dokan-dashboard-content h2,
body.tv-dokan-dashboard .dokan-dashboard-content h3,
body.tv-dokan-dashboard .dokan-dashboard-content h4,
body.tv-dokan-dashboard .dokan-dashboard-content h5,
body.tv-dokan-dashboard .dokan-dashboard-content h6,
body.tv-dokan-dashboard .dokan-dashboard-content p,
body.tv-dokan-dashboard .dokan-dashboard-content span,
body.tv-dokan-dashboard .dokan-dashboard-content li,
body.tv-dokan-dashboard .dokan-dashboard-content label,
body.tv-dokan-dashboard .dokan-dashboard-content strong,
body.tv-dokan-dashboard .dokan-dashboard-content em,
body.tv-dokan-dashboard .dokan-dashboard-content dt,
body.tv-dokan-dashboard .dokan-dashboard-content dd {
    color: var(--dokan-ink);
}

body.tv-dokan-dashboard .dokan-dashboard-content .text-muted,
body.tv-dokan-dashboard .dokan-dashboard-content small,
body.tv-dokan-dashboard .dokan-dashboard-content .help-block,
body.tv-dokan-dashboard .dokan-dashboard-content .description {
    color: var(--dokan-muted) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content a {
    color: var(--dokan-ink);
}

body.tv-dokan-dashboard .dokan-dashboard-content a:hover {
    color: var(--dokan-red);
}

/* ── FULLSCREEN LAYOUT ── */
body.tv-dokan-dashboard .tv-wrap.tv-page,
body.tv-dokan-dashboard .tv-main,
body.tv-dokan-dashboard .entry-content,
body.tv-dokan-dashboard .dokan-dashboard-wrap {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

body.tv-dokan-dashboard .tv-main {
    padding-bottom: 0 !important;
}

body.tv-dokan-dashboard .tv-content-card {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

body.tv-dokan-dashboard .tv-page-title {
    display: none; /* Usually redundant with Dokan's own headers */
}

/* ── DASHBOARD GRID ── */
.dokan-dashboard-wrap,
.tv-dokan-external-dashboard__grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    min-height: calc(100vh - 70px);
    background: var(--dokan-content-bg);
    width: 100% !important;
}

.dokan-dash-sidebar,
.tv-dokan-sidebar-mirror {
    background: var(--dokan-sidebar-bg) !important;
    border-right: 1px solid var(--dokan-border) !important;
    width: 240px !important;
    min-width: 240px !important;
    padding: 20px 0 !important;
    flex: 0 0 240px !important;
    z-index: 10;
}

.dokan-dashboard-content,
.tv-dokan-external-dashboard__main {
    flex: 1 !important;
    padding: 40px !important;
    background: var(--dokan-content-bg);
    min-width: 0 !important;
}

/* ── SIDEBAR NAVIGATION ── */
ul.dokan-dashboard-menu {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

ul.dokan-dashboard-menu li {
    padding: 0 !important;
    margin: 2px 10px !important;
    background: transparent !important; /* Force transparent li */
}

ul.dokan-dashboard-menu li a {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 12px 18px !important;
    border-radius: 4px !important;
    color: var(--body) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    text-decoration: none !important;
    position: relative;
    overflow: hidden;
    background: transparent !important;
}

ul.dokan-dashboard-menu li a i {
    font-size: 16px !important;
    width: 24px;
    text-align: center;
    color: var(--muted);
    transition: color 0.25s ease !important;
}

ul.dokan-dashboard-menu li a:hover {
    background: rgba(255, 255, 255, 0.03) !important;
    color: var(--white) !important;
}

ul.dokan-dashboard-menu li a:hover i {
    color: var(--white);
}

ul.dokan-dashboard-menu li.active {
    background: transparent !important;
}

ul.dokan-dashboard-menu li.active a,
ul.dokan-dashboard-menu li.active a:hover {
    background: var(--red-bg) !important;
    color: var(--white) !important;
    border-right: 3px solid var(--dokan-red) !important;
}

ul.dokan-dashboard-menu li.active a i {
    color: var(--dokan-red) !important;
}

/* Remove default Dokan arrow if possible */
ul.dokan-dashboard-menu li a::after,
ul.dokan-dashboard-menu li.active a::after,
ul.dokan-dashboard-menu li.active::after,
.dokan-dashboard-menu li.has-submenu > a::after {
    display: none !important;
    content: none !important;
}

/* ── WIDGETS & CARDS ── */
body.tv-dokan-dashboard .dokan-dashboard-header {
    margin-bottom: 30px !important;
    background: transparent !important;
    border: none !important;
}

body.tv-dokan-dashboard .dokan-dashboard-header h1 {
    font-family: var(--head) !important;
    font-weight: 800 !important;
    color: var(--dokan-ink) !important;
    font-size: 24px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Widget shells — cover every Dokan generation (legacy .dashboard-widget,
   modern .dokan-dashboard-widget, Pro analytics .dokan-stats-container, etc.) */
body.tv-dokan-dashboard .dashboard-widget,
body.tv-dokan-dashboard .dokan-dashboard-widget,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-stats-container,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-reports-stats-container,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-vendor-analytics,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-panel,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-card,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-listing-filter-and-search {
    background: rgba(22, 22, 22, 0.6) !important;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 16px !important;
    padding: 30px !important;
    box-shadow: 0 20px 50px rgba(0,0,0,0.4) !important;
    transition: transform 0.3s ease, border-color 0.3s ease !important;
    color: var(--dokan-ink) !important;
}

body.tv-dokan-dashboard .dashboard-widget:hover,
body.tv-dokan-dashboard .dokan-dashboard-widget:hover {
    border-color: rgba(200, 16, 46, 0.3) !important;
}

body.tv-dokan-dashboard .dashboard-widget .widget-title,
body.tv-dokan-dashboard .dokan-dashboard-widget .widget-title,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-widget-title,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-section-heading,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-panel-heading {
    color: var(--dokan-ink) !important;
    background: transparent !important;
    text-transform: uppercase !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    letter-spacing: 2px !important;
    margin-bottom: 20px !important;
    border-bottom: 1px solid var(--dokan-border) !important;
    padding-bottom: 15px !important;
    display: flex;
    align-items: center;
    gap: 10px;
}

body.tv-dokan-dashboard .dashboard-widget .widget-title i,
body.tv-dokan-dashboard .dokan-dashboard-widget .widget-title i {
    color: var(--dokan-red);
}

/* Summary stat tiles — covers BOTH the legacy `.dokan-dash-info .info-box`
   markup AND modern Dokan: `.big-counter`, `.dokan-w4 .item`, `.dokan-w3 .item`,
   `.dokan-w2 .item`, Pro analytics `.dokan-stats-item`, and the inner
   `.count`/`.title` spans they ship with. */
body.tv-dokan-dashboard .dokan-dash-info {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 24px;
    margin-bottom: 40px;
}

body.tv-dokan-dashboard .dokan-dash-info .info-box,
body.tv-dokan-dashboard .dokan-dashboard-content .big-counter,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-w1 .item,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-w2 .item,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-w3 .item,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-w4 .item,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-w5 .item,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-stats-item,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-reports-stats-container .stats-item {
    background: linear-gradient(145deg, var(--dokan-card-bg), var(--dokan-card-bg-2)) !important;
    border: 1px solid var(--dokan-border) !important;
    border-radius: 16px !important;
    padding: 25px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
    position: relative !important;
    overflow: hidden !important;
    color: var(--dokan-ink) !important;
    box-shadow: none !important;
}

body.tv-dokan-dashboard .dokan-dash-info .info-box::after,
body.tv-dokan-dashboard .dokan-dashboard-content .big-counter::after,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-w4 .item::after,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-stats-item::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    background: radial-gradient(circle at top right, rgba(200, 16, 46, 0.12), transparent 70%);
    pointer-events: none;
}

/* Labels (the small "Subtotal", "Sales", "Pageviews" caption) */
body.tv-dokan-dashboard .dokan-dash-info .info-box .info-title,
body.tv-dokan-dashboard .dokan-dashboard-content .big-counter .title,
body.tv-dokan-dashboard .dokan-dashboard-content .big-counter > strong,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-w4 .item .title,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-w3 .item .title,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-stats-item .stats-label,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-stats-item .label,
body.tv-dokan-dashboard .dokan-dashboard-content .stats-item .label {
    color: var(--dokan-muted) !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    margin-bottom: 12px !important;
    background: transparent !important;
}

/* Values (the big "$0.00", "0", "—" numbers) */
body.tv-dokan-dashboard .dokan-dash-info .info-box .info-value,
body.tv-dokan-dashboard .dokan-dashboard-content .big-counter .count,
body.tv-dokan-dashboard .dokan-dashboard-content .big-counter .value,
body.tv-dokan-dashboard .dokan-dashboard-content .big-counter span:not(.title),
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-w4 .item .count,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-w4 .item strong,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-w3 .item .count,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-stats-item .stats-value,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-stats-item .value,
body.tv-dokan-dashboard .dokan-dashboard-content .stats-item .count,
body.tv-dokan-dashboard .dokan-dashboard-content .stats-item .value {
    color: var(--dokan-ink) !important;
    font-size: 32px !important;
    font-weight: 900 !important;
    font-family: var(--head) !important;
    line-height: 1 !important;
    background: transparent !important;
}

/* ── TABLES ── */
body.tv-dokan-dashboard .dokan-table,
body.tv-dokan-dashboard .dokan-dashboard-content table {
    background: var(--dokan-card-bg) !important;
    border: 1px solid var(--dokan-border) !important;
    border-radius: 12px !important;
    overflow: hidden;
    color: var(--dokan-ink) !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

body.tv-dokan-dashboard .dokan-table thead tr,
body.tv-dokan-dashboard .dokan-dashboard-content table thead tr {
    background: rgba(255,255,255,0.03) !important;
}

body.tv-dokan-dashboard .dokan-table th,
body.tv-dokan-dashboard .dokan-dashboard-content table th {
    color: var(--dokan-muted) !important;
    background: transparent !important;
    font-weight: 800 !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 15px !important;
    border-bottom: 1px solid var(--dokan-border) !important;
}

body.tv-dokan-dashboard .dokan-table td,
body.tv-dokan-dashboard .dokan-dashboard-content table td {
    padding: 15px !important;
    border-bottom: 1px solid var(--dokan-border) !important;
    color: var(--dokan-ink) !important;
    background: transparent !important;
    font-size: 13px !important;
}

body.tv-dokan-dashboard .dokan-table tr:hover td,
body.tv-dokan-dashboard .dokan-dashboard-content table tr:hover td {
    background: rgba(255,255,255,0.02) !important;
}

/* ── FORMS & INPUTS ── */
body.tv-dokan-dashboard .dokan-form-group label,
body.tv-dokan-dashboard .dokan-dashboard-content label {
    color: #aaa !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    margin-bottom: 8px !important;
}

body.tv-dokan-dashboard .dokan-form-control,
body.tv-dokan-dashboard .dokan-dashboard-content input[type="text"],
body.tv-dokan-dashboard .dokan-dashboard-content input[type="number"],
body.tv-dokan-dashboard .dokan-dashboard-content input[type="email"],
body.tv-dokan-dashboard .dokan-dashboard-content input[type="url"],
body.tv-dokan-dashboard .dokan-dashboard-content input[type="password"],
body.tv-dokan-dashboard .dokan-dashboard-content input[type="search"],
body.tv-dokan-dashboard .dokan-dashboard-content input[type="tel"],
body.tv-dokan-dashboard .dokan-dashboard-content input[type="date"],
body.tv-dokan-dashboard .dokan-dashboard-content textarea,
body.tv-dokan-dashboard .dokan-dashboard-content select {
    background-color: rgba(255,255,255,0.05) !important;
    background-image: none !important;
    border: 1px solid var(--dokan-border) !important;
    border-radius: 8px !important;
    color: var(--dokan-ink) !important;
    padding: 10px 15px !important;
    font-size: 14px !important;
    transition: all 0.2s !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .dokan-form-control:focus,
body.tv-dokan-dashboard .dokan-dashboard-content input:focus,
body.tv-dokan-dashboard .dokan-dashboard-content textarea:focus,
body.tv-dokan-dashboard .dokan-dashboard-content select:focus {
    border-color: var(--dokan-red) !important;
    box-shadow: 0 0 0 3px rgba(200, 16, 46, 0.15) !important;
    outline: none !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content ::placeholder {
    color: rgba(255,255,255,0.45) !important;
    opacity: 1 !important;
}

/* Native <select> renders the option panel using the OS, which forces black-on-white
   on most platforms regardless of CSS. Style the closed pill (which is what was
   showing as "white empty box") and the rendered options where the browser allows. */
body.tv-dokan-dashboard .dokan-dashboard-content select option {
    background-color: var(--dokan-card-bg) !important;
    color: var(--dokan-ink) !important;
}

/* ── DATE RANGE / FILTER ROW ──
   Dokan analytics renders the "Date range:" picker inside one of several
   wrappers depending on version (.dokan-date-range, .dokan-listing-filter,
   .dokan-reports-filter, etc.). Make all of them dark + transparent so the
   white hero box behind them disappears. */
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-listing-filter,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-listing-filter-and-search,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-reports-filter,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-date-range,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-date-range-section,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-toolbar,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-dashboard-search,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-product-search-form {
    background: var(--dokan-card-bg) !important;
    border: 1px solid var(--dokan-border) !important;
    border-radius: 12px !important;
    padding: 16px 20px !important;
    color: var(--dokan-ink) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .dokan-date-range label,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-reports-filter label {
    color: var(--dokan-muted) !important;
    font-weight: 700;
    margin-right: 8px;
}

/* ── BUTTONS ── */
.dokan-btn {
    border-radius: 4px !important;
    font-weight: 800 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 10px 20px !important;
    transition: all 0.3s !important;
}

.dokan-btn-default {
    background: rgba(255,255,255,0.05) !important;
    border: 1px solid var(--dokan-border) !important;
    color: var(--white) !important;
}

/* .dokan-btn-theme must come AFTER .dokan-btn-default — buttons that carry
   BOTH classes (e.g. the "Done" button in the Add Category modal, which is
   <button class="dokan-btn dokan-btn-default dokan-btn-theme">) would
   otherwise pick up the transparent .dokan-btn-default background and be
   invisible on light surfaces. Also raise specificity with the combined
   selector so the theme variant always wins regardless of source order in
   Dokan's own stylesheet. */
.dokan-btn-theme,
.dokan-btn-danger,
.dokan-btn-default.dokan-btn-theme,
.dokan-btn.dokan-btn-theme,
input[type="submit"].dokan-btn-theme,
button.dokan-btn-theme {
    background: var(--dokan-red) !important;
    border: 1px solid var(--dokan-red) !important;
    border-color: var(--dokan-red) !important;
    color: var(--white) !important;
}

.dokan-btn-theme:hover,
.dokan-btn-default.dokan-btn-theme:hover,
.dokan-btn.dokan-btn-theme:hover,
button.dokan-btn-theme:hover {
    background: var(--red-h) !important;
    border-color: var(--red-h) !important;
    color: var(--white) !important;
    transform: translateY(-1px);
    box-shadow: 0 5px 15px rgba(200, 16, 46, 0.3) !important;
}

/* ── TABS ── */
.dokan-tabs {
    border-bottom: 1px solid var(--dokan-border) !important;
    margin-bottom: 25px !important;
}

.dokan-tabs li a {
    color: #888 !important;
    border: none !important;
    padding: 12px 20px !important;
    font-weight: 700 !important;
}

.dokan-tabs li.active a {
    color: var(--dokan-red) !important;
    background: transparent !important;
    border-bottom: 2px solid var(--dokan-red) !important;
}

/* ── RESPONSIVENESS ── */
@media (max-width: 991px) {
    .dokan-dash-sidebar {
        width: 70px !important;
    }
    .dokan-dash-sidebar .dokan-dashboard-menu li a span {
        display: none;
    }
    .dokan-dashboard-content {
        padding: 20px !important;
    }
}

@media (max-width: 767px) {
    .dokan-dashboard-wrap {
        flex-direction: column !important;
    }
    .dokan-dash-sidebar {
        width: 100% !important;
        padding: 10px !important;
        overflow-x: auto;
    }
    ul.dokan-dashboard-menu {
        display: flex;
        gap: 5px;
    }
    ul.dokan-dashboard-menu li {
        margin: 0 !important;
    }
}

/* ── CHARTS ──
   Charts render to <canvas>; their fill colors come from Chart.js datasets
   that Dokan configures. Don't filter-invert (that breaks brand colors and
   tooltips). Instead, just make the surrounding container transparent so the
   dark card paints the backdrop, and give the canvas itself a transparent bg. */
body.tv-dokan-dashboard .dokan-dashboard-content .chart-container,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-chart,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-vendor-analytics-chart {
    background: transparent !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content canvas {
    background: transparent !important;
}

/* ── ALERTS & NOTIFICATIONS (legacy PHP + SPA) ── */
body.tv-dokan-dashboard .dokan-alert,
.dokan-layout .dokan-alert,
.dokan-dashboard-wrap .dokan-alert {
    border-radius: 8px !important;
    border: 1px solid var(--dokan-border) !important;
    padding: 15px 20px !important;
    background: var(--dokan-card-bg) !important;
    color: var(--dokan-ink) !important;
}

body.tv-dokan-dashboard .dokan-alert p,
.dokan-layout .dokan-alert p,
.dokan-dashboard-wrap .dokan-alert p {
    color: inherit !important;
}

body.tv-dokan-dashboard .dokan-alert-success,
.dokan-layout .dokan-alert-success,
.dokan-dashboard-wrap .dokan-alert-success,
.dokan-alert-success {
    background: rgba(34, 197, 94, 0.12) !important;
    color: #86efac !important;
    border-left: 4px solid #22c55e !important;
    border-color: rgba(34, 197, 94, 0.35) !important;
}

body.tv-dokan-dashboard .dokan-alert-danger,
.dokan-layout .dokan-alert-danger,
.dokan-dashboard-wrap .dokan-alert-danger,
.dokan-alert-danger {
    background: rgba(200, 16, 46, 0.12) !important;
    color: #fca5a5 !important;
    border-left: 4px solid var(--dokan-red) !important;
    border-color: rgba(200, 16, 46, 0.35) !important;
}

body.tv-dokan-dashboard .dokan-alert-warning,
.dokan-layout .dokan-alert-warning,
.dokan-dashboard-wrap .dokan-alert-warning,
.dokan-alert-warning {
    background: rgba(245, 158, 11, 0.12) !important;
    color: #fbbf24 !important;
    border-left: 4px solid #f59e0b !important;
    border-color: rgba(245, 158, 11, 0.35) !important;
}

body.tv-dokan-dashboard .dokan-alert-info,
.dokan-layout .dokan-alert-info,
.dokan-dashboard-wrap .dokan-alert-info,
.dokan-alert-info {
    background: rgba(37, 99, 235, 0.12) !important;
    color: #93c5fd !important;
    border-left: 4px solid #3b82f6 !important;
    border-color: rgba(37, 99, 235, 0.35) !important;
}

/* ── PRODUCT LISTING (legacy PHP + shared filter chrome) ── */
body.tv-dokan-dashboard .dokan-dashboard-content.dokan-product-listing,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-product-listing,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-product-listing-area,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-dashboard-product-listing-wrapper,
body.tv-dokan-dashboard .dokan-dashboard-content .product-listing-top {
    background: transparent !important;
    color: var(--dokan-ink) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .product-listing-top a,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-product-listing .dokan-add-product-link a {
    color: var(--dokan-ink) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .dokan-product-listing .subsubsub,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-product-listing .dokan-listing-filter,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-product-listing ul.dokan-listing-filter {
    color: var(--dokan-muted) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .dokan-product-listing .subsubsub a,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-product-listing .dokan-listing-filter a {
    color: var(--dokan-muted) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .dokan-product-listing .subsubsub a.current,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-product-listing .subsubsub a:hover {
    color: var(--dokan-red) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .dokan-product-listing ul.dokan-listing-filter li.active a,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-product-listing ul.subsubsub li.active a {
    color: var(--dokan-red) !important;
    font-weight: 800 !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content #product-filter.dokan-form-inline {
    background: var(--dokan-card-bg) !important;
    border: 1px solid var(--dokan-border) !important;
    border-radius: 12px !important;
    padding: 16px !important;
}

body.tv-dokan-dashboard .dokan-product-listing-filter {
    background: var(--dokan-card-bg) !important;
    padding: 20px !important;
    border-radius: 12px !important;
    border: 1px solid var(--dokan-border) !important;
    margin-bottom: 25px !important;
}

body.tv-dokan-dashboard .dokan-product-listing-filter .dokan-form-group {
    margin-bottom: 0 !important;
}

/* ── MODALS ── */
.dokan-modal-content {
    background: var(--dokan-card-bg) !important;
    border: 1px solid var(--dokan-border) !important;
    border-radius: 16px !important;
    color: var(--white) !important;
}

.dokan-modal-header {
    border-bottom: 1px solid var(--dokan-border) !important;
}

.dokan-modal-footer {
    border-top: 1px solid var(--dokan-border) !important;
}

/* ── PAGINATION ── */
body.tv-dokan-dashboard ul.dokan-pagination li a,
body.tv-dokan-dashboard ul.dokan-pagination li span {
    background: var(--dokan-card-bg) !important;
    border: 1px solid var(--dokan-border) !important;
    color: var(--dokan-muted) !important;
}

body.tv-dokan-dashboard ul.dokan-pagination li.active span,
body.tv-dokan-dashboard ul.dokan-pagination li.active a {
    background: var(--dokan-red) !important;
    color: var(--dokan-ink) !important;
    border-color: var(--dokan-red) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   DOKAN LITE NEW SPA DASHBOARD (React + WooCommerce Admin + @wordpress/components)
   ═══════════════════════════════════════════════════════════════════════════
   The current Dokan Lite dashboard mounts a React SPA on
   #dokan-vendor-dashboard-root.dokan-layout and uses three layered design
   systems:
     1) Dokan layout chrome     → .dokan-frontend-layout, .dokan-layout
     2) WooCommerce Admin       → .woocommerce-summary, .woocommerce-calendar, …
     3) Gutenberg components    → .components-card, .components-button, …
   None of those classes existed in legacy Dokan templates, which is why earlier
   rules in this file (targeting .dashboard-widget, .big-counter, .dokan-w4 .item)
   silently missed the rendered DOM. The rules below explicitly target every
   class observed in dokan-lite/assets/css/vendor-dashboard/{layout,reports}/index.css.
*/

/* 1. Retheme Dokan's own CSS custom properties so anything that consumes them
      (purple sidebar, purple buttons, purple links) flips to our palette. */
body.tv-dokan-dashboard {
    --dokan-sidebar-background-color: var(--dokan-sidebar-bg);
    --dokan-sidebar-hover-background-color: rgba(255,255,255,0.05);
    --dokan-sidebar-hover-text-color: var(--dokan-ink);
    --dokan-sidebar-text-color: var(--dokan-ink);
    --dokan-button-background-color: var(--dokan-red);
    --dokan-button-border-color: var(--dokan-red);
    --dokan-button-secondary-text-color: var(--dokan-ink);
    --dokan-button-tertiary-hover-background-color: rgba(255,255,255,0.05);
    --dokan-link-color: var(--dokan-ink);
    --dokan-link-hover-color: var(--dokan-red);
    --wp-admin-theme-color: var(--dokan-red);
}

/* 2. SPA roots — make every WC Admin / Dokan layout wrapper transparent so the
      dashboard content backdrop shows through. */
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-layout,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-frontend-layout,
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-layout,
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-layout__primary,
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-layout__main,
body.tv-dokan-dashboard .dokan-dashboard-content .dashboard-content-area,
body.tv-dokan-dashboard .dokan-dashboard-content #dokan-vendor-dashboard-root {
    background: transparent !important;
    color: var(--dokan-ink) !important;
}

/* 3. The white empty bar above "Date range:" is Dokan's frontend layout header
      and/or WC Admin's layout header — kill the white pane on both. */
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-frontend-layout-header,
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-layout__header,
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-layout__header-wrapper,
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-section-header {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: var(--dokan-ink) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-layout__header-heading {
    color: var(--dokan-ink) !important;
}

/* 4. Performance summary cards — THE main fix.
      Structure: <ul.woocommerce-summary> > <li.woocommerce-summary__item-container>
                 > <a.woocommerce-summary__item> with internal label/value/delta. */
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-summary {
    background: transparent !important;
    border: 1px solid var(--dokan-border) !important;
    border-radius: 16px !important;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(0,0,0,0.3);
}

body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-summary__item-container {
    background: transparent !important;
    border-color: var(--dokan-border) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-summary__item,
body.tv-dokan-dashboard .dokan-dashboard-content a.woocommerce-summary__item {
    background: linear-gradient(145deg, var(--dokan-card-bg), var(--dokan-card-bg-2)) !important;
    color: var(--dokan-ink) !important;
    border: none !important;
    box-shadow: none !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-summary__item:hover,
body.tv-dokan-dashboard .dokan-dashboard-content a.woocommerce-summary__item:hover {
    background: linear-gradient(145deg, #1a1a1a, #131313) !important;
    color: var(--dokan-ink) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-summary__item.is-selected,
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-summary .woocommerce-summary__item.is-selected {
    box-shadow:
        inset -1px -1px 0 var(--dokan-border),
        inset 1px 0 0 var(--dokan-border),
        inset 0 4px 0 var(--dokan-red) !important;
}

/* Inner spans of each summary item (label / value / delta) */
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-summary__item-label,
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-summary__item .woocommerce-summary__item-label {
    color: var(--dokan-muted) !important;
    text-transform: uppercase;
    font-weight: 800 !important;
    font-size: 11px !important;
    letter-spacing: 1px !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-summary__item-value,
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-summary__item .woocommerce-summary__item-value {
    color: var(--dokan-ink) !important;
    font-weight: 900 !important;
    font-family: var(--head) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-summary__item-delta,
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-summary__item-prev-value,
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-summary__item-prev-label {
    color: var(--dokan-muted) !important;
}

/* Neutral / zero-change delta pills — WC Admin ships background-color: #f0f0f0
   ($gray-100) + dark text, which reads as solid white squares on our dark cards. */
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-summary__item-delta,
body.tv-dokan-dashboard .dokan-layout .woocommerce-summary__item-delta,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .woocommerce-summary__item-delta {
    background-color: rgba(255, 255, 255, 0.08) !important;
    color: rgba(255, 255, 255, 0.7) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 4px !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-summary__item.is-good-trend .woocommerce-summary__item-delta,
body.tv-dokan-dashboard .dokan-layout .woocommerce-summary__item.is-good-trend .woocommerce-summary__item-delta,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .woocommerce-summary__item.is-good-trend .woocommerce-summary__item-delta {
    background-color: rgba(34, 197, 94, 0.2) !important;
    color: #86efac !important;
    border-color: rgba(34, 197, 94, 0.4) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-summary__item.is-bad-trend .woocommerce-summary__item-delta,
body.tv-dokan-dashboard .dokan-layout .woocommerce-summary__item.is-bad-trend .woocommerce-summary__item-delta,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .woocommerce-summary__item.is-bad-trend .woocommerce-summary__item-delta {
    background-color: rgba(239, 68, 68, 0.2) !important;
    color: #fca5a5 !important;
    border-color: rgba(239, 68, 68, 0.4) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-summary__item.is-selected .woocommerce-summary__item-delta,
body.tv-dokan-dashboard .dokan-layout .woocommerce-summary__item.is-selected .woocommerce-summary__item-delta,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .woocommerce-summary__item.is-selected .woocommerce-summary__item-delta {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: rgba(255, 255, 255, 0.85) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-summary__item-container.is-placeholder .woocommerce-summary__item-delta,
body.tv-dokan-dashboard .dokan-layout .woocommerce-summary__item-container.is-placeholder .woocommerce-summary__item-delta,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .woocommerce-summary__item-container.is-placeholder .woocommerce-summary__item-delta {
    background-color: rgba(255, 255, 255, 0.06) !important;
    color: transparent !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

/* 5. Gutenberg generic cards (used by charts, tables, popovers, ellipsis menus) */
body.tv-dokan-dashboard .dokan-dashboard-content .components-card,
body.tv-dokan-dashboard .dokan-dashboard-content .components-surface,
body.tv-dokan-dashboard .dokan-dashboard-content .components-surface.components-card {
    background: var(--dokan-card-bg) !important;
    border: 1px solid var(--dokan-border) !important;
    border-radius: 16px !important;
    color: var(--dokan-ink) !important;
    box-shadow: 0 12px 30px rgba(0,0,0,0.25) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .components-card__body,
body.tv-dokan-dashboard .dokan-dashboard-content .components-card__header,
body.tv-dokan-dashboard .dokan-dashboard-content .components-card__footer {
    background: transparent !important;
    color: var(--dokan-ink) !important;
    border-color: var(--dokan-border) !important;
}

/* 5b. PRODUCTS LIST (SPA) — two mount points:
      - Legacy / shortcode: #dokan-vendor-dashboard-root (new-dashboard.php)
      - Full-width “latest” layout: #dokan-vendor-dashboard-layout-root (fullwidth-dashboard.php)
      Dokan 4.2+ also embeds WordPress *DataViews* (class .dokan-admin-dashboard-datatable) with
      literal #fff / #f8f8f8 in vendor-dashboard/layout/index.css — NOT Tailwind .bg-white. */

body.tv-dokan-dashboard.dokan-dashboard-fullwidth-template #dokan-dashboard-fullwidth-wrapper {
    background: var(--dokan-content-bg) !important;
    color: var(--dokan-ink) !important;
}

body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root),
body.tv-dokan-dashboard .dokan-dashboard-content :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) {
    background: transparent !important;
    color: var(--dokan-ink) !important;
}

body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .components-card,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .components-surface,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .components-surface.components-card {
    background: var(--dokan-card-bg) !important;
    border: 1px solid var(--dokan-border) !important;
    border-radius: 16px !important;
    color: var(--dokan-ink) !important;
    box-shadow: 0 12px 30px rgba(0,0,0,0.25) !important;
}

body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .components-card__body,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .components-card__header,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .components-card__footer {
    background: transparent !important;
    color: var(--dokan-ink) !important;
    border-color: var(--dokan-border) !important;
}

body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .woocommerce-layout,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .woocommerce-layout__main,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .woocommerce-layout__primary,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .woocommerce-layout__content,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .woocommerce-layout__sidebar {
    background: transparent !important;
    color: var(--dokan-ink) !important;
}

body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .woocommerce-table,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .woocommerce-table__table,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .woocommerce-table__table table {
    background: transparent !important;
    color: var(--dokan-ink) !important;
}

body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .woocommerce-table__table table th,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .woocommerce-table__table table td,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .woocommerce-table__item {
    background: transparent !important;
    color: var(--dokan-ink) !important;
    border-color: var(--dokan-border) !important;
}

body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .woocommerce-table__table table tr:hover td.woocommerce-table__item {
    background: rgba(255,255,255,0.04) !important;
}

/* Tailwind v4 utilities still appear on some flex rows */
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .bg-white,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .bg-gray-50,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .bg-gray-100 {
    background-color: var(--dokan-card-bg) !important;
}

body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .text-gray-900,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .text-gray-800,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .text-gray-700 {
    color: var(--dokan-ink) !important;
}

body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .text-gray-600,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .text-gray-500 {
    color: var(--dokan-muted) !important;
}

body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .border-gray-100,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .border-gray-200,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
    border-color: var(--dokan-border) !important;
}

body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .woocommerce-layout__header,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .woocommerce-layout__header-heading,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .woocommerce-layout__header-heading .components-text {
    color: var(--dokan-ink) !important;
    background: transparent !important;
}

body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .woocommerce-search,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .woocommerce-search__field {
    background: rgba(255,255,255,0.05) !important;
    border: 1px solid var(--dokan-border) !important;
    color: var(--dokan-ink) !important;
    border-radius: 8px !important;
}

body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .woocommerce-search__field input[type="search"] {
    background: transparent !important;
    color: var(--dokan-ink) !important;
}

body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .woocommerce-table__item .components-badge,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .woocommerce-table__item mark.order-status {
    background: rgba(255,255,255,0.08) !important;
    color: var(--dokan-ink) !important;
    border: 1px solid var(--dokan-border) !important;
}

body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .woocommerce-table__item mark.order-status.status-pending,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .woocommerce-table__item .status-pending {
    background: rgba(245, 158, 11, 0.12) !important;
    color: #fbbf24 !important;
    border-color: rgba(245, 158, 11, 0.35) !important;
}

body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .woocommerce-table__item mark.order-status.status-publish,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .woocommerce-table__item .status-publish {
    background: rgba(34, 197, 94, 0.12) !important;
    color: #86efac !important;
    border-color: rgba(34, 197, 94, 0.35) !important;
}

/* 5c. DataViews product table — Dokan layout/index.css (compiled Tailwind v4) */
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .dokan-admin-dashboard-datatable .dataviews-wrapper,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .dokan-admin-dashboard-datatable .dataviews-picker-wrapper,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .dokan-admin-dashboard-datatable .dataviews-filters__container,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .dokan-admin-dashboard-datatable .dataviews__view-actions {
    background: transparent !important;
    color: var(--dokan-ink) !important;
}

body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .dokan-admin-dashboard-datatable .dataviews-footer {
    background-color: var(--dokan-card-bg) !important;
    border-top-color: var(--dokan-border) !important;
    color: var(--dokan-ink) !important;
}

body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .dokan-admin-dashboard-datatable .dataviews-view-table thead,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .dokan-admin-dashboard-datatable .dataviews-view-table tbody,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .dokan-admin-dashboard-datatable .dataviews-view-table tr,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .dokan-admin-dashboard-datatable .dataviews-view-table td,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .dokan-admin-dashboard-datatable .dataviews-view-table th {
    background-color: transparent !important;
    color: var(--dokan-ink) !important;
    border-color: var(--dokan-border) !important;
}

body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .dokan-admin-dashboard-datatable .dataviews-view-table tr.is-hovered,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .dokan-admin-dashboard-datatable .dataviews-view-table tr.is-hovered .dataviews-view-table__actions-column--sticky {
    background-color: rgba(255,255,255,0.06) !important;
}

body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .dokan-admin-dashboard-datatable .dataviews-view-table td.dataviews-view-table__actions-column--sticky,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .dokan-admin-dashboard-datatable .dataviews-view-table th.dataviews-view-table__actions-column--sticky {
    background-color: var(--dokan-card-bg) !important;
}

body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .dokan-admin-dashboard-datatable .dataviews-view-table tr.is-selected .dataviews-view-table__actions-column--sticky,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .dokan-admin-dashboard-datatable .dataviews-view-table tr.is-selected:hover .dataviews-view-table__actions-column--sticky {
    background-color: rgba(200, 16, 46, 0.35) !important;
}

body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .dokan-admin-dashboard-datatable .dataviews-title-field,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .dokan-admin-dashboard-datatable .dataviews-title-field a,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .dokan-admin-dashboard-datatable .dataviews-title-field--clickable,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .dokan-admin-dashboard-datatable .dataviews-title-field button.components-button.is-link {
    color: var(--dokan-ink) !important;
}

body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .dokan-admin-dashboard-datatable .dataviews-view-list .dataviews-view-list__media-wrapper,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .dokan-admin-dashboard-datatable .dataviews-column-primary__media,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .dokan-admin-dashboard-datatable .dataviews-view-grid .dataviews-view-grid__media,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .dokan-admin-dashboard-datatable .dataviews-view-grid__card .dataviews-view-grid__media-actions .dataviews-all-actions-button {
    background-color: var(--dokan-card-bg-2) !important;
}

body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .dokan-admin-dashboard-datatable .dataviews-bulk-actions-footer__item-count,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .dokan-admin-dashboard-datatable .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection {
    color: var(--dokan-ink) !important;
}

body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .dokan-admin-dashboard-datatable .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection {
    background: rgba(255,255,255,0.06) !important;
    border: 1px solid var(--dokan-border) !important;
}

body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .dokan-admin-dashboard-datatable .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input:focus {
    background: var(--dokan-card-bg) !important;
    color: var(--dokan-ink) !important;
}

/* Full-width template: DataViews can sit under any .dokan-layout in the page shell */
body.tv-dokan-dashboard.dokan-dashboard-fullwidth-template .dokan-admin-dashboard-datatable .dataviews-footer,
body.tv-dokan-dashboard.dokan-dashboard-fullwidth-template .dokan-admin-dashboard-datatable .dataviews-view-table td.dataviews-view-table__actions-column--sticky,
body.tv-dokan-dashboard.dokan-dashboard-fullwidth-template .dokan-admin-dashboard-datatable .dataviews-view-table th.dataviews-view-table__actions-column--sticky,
body.tv-dokan-dashboard.dokan-dashboard-fullwidth-template .dokan-admin-dashboard-datatable .dataviews-view-list .dataviews-view-list__media-wrapper,
body.tv-dokan-dashboard.dokan-dashboard-fullwidth-template .dokan-admin-dashboard-datatable .dataviews-column-primary__media {
    background-color: var(--dokan-card-bg) !important;
    border-color: var(--dokan-border) !important;
    color: var(--dokan-ink) !important;
}

body.tv-dokan-dashboard.dokan-dashboard-fullwidth-template .dokan-admin-dashboard-datatable .dataviews-view-table tr.is-hovered,
body.tv-dokan-dashboard.dokan-dashboard-fullwidth-template .dokan-admin-dashboard-datatable .dataviews-view-table tr.is-hovered .dataviews-view-table__actions-column--sticky {
    background-color: rgba(255,255,255,0.06) !important;
}

body.tv-dokan-dashboard.dokan-dashboard-fullwidth-template .dokan-admin-dashboard-datatable .components-card,
body.tv-dokan-dashboard.dokan-dashboard-fullwidth-template .dokan-admin-dashboard-datatable .components-surface {
    background: var(--dokan-card-bg) !important;
    color: var(--dokan-ink) !important;
    border-color: var(--dokan-border) !important;
}

/* 6. Date range picker + WC Admin filter row — THE white pill */
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-calendar,
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-calendar__input {
    background: rgba(255,255,255,0.05) !important;
    border: 1px solid var(--dokan-border) !important;
    border-radius: 8px !important;
    color: var(--dokan-ink) !important;
    box-shadow: none !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-calendar__input .woocommerce-calendar__input-text,
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-calendar__input input,
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-calendar__input-text {
    background: transparent !important;
    color: var(--dokan-ink) !important;
    border: none !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-calendar__input svg,
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-calendar__input::after {
    color: var(--dokan-ink) !important;
    fill: currentColor !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-filters,
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-filters__basic-filters,
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-filters-filter,
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-segmented-selection,
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-segmented-selection__container,
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-segmented-selection__item {
    background: transparent !important;
    color: var(--dokan-ink) !important;
    border-color: var(--dokan-border) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-segmented-selection__item label {
    color: var(--dokan-ink) !important;
}

/* 7. Gutenberg form controls — selects, inputs, dropdowns, popovers */
body.tv-dokan-dashboard .dokan-dashboard-content .components-select-control__input,
body.tv-dokan-dashboard .dokan-dashboard-content .components-input-control__input,
body.tv-dokan-dashboard .dokan-dashboard-content .components-text-control__input,
body.tv-dokan-dashboard .dokan-dashboard-content .components-form-token-field__input {
    background: rgba(255,255,255,0.05) !important;
    color: var(--dokan-ink) !important;
    border: 1px solid var(--dokan-border) !important;
    border-radius: 8px !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .components-input-control__backdrop {
    border-color: var(--dokan-border) !important;
    background: transparent !important;
}

/* Dropdowns / popovers (rendered into body — match anywhere on dashboard pages) */
body.tv-dokan-dashboard .components-popover,
body.tv-dokan-dashboard .components-popover__content,
body.tv-dokan-dashboard .components-dropdown,
body.tv-dokan-dashboard .components-dropdown__content {
    background: var(--dokan-card-bg) !important;
    color: var(--dokan-ink) !important;
    border: 1px solid var(--dokan-border) !important;
    border-radius: 12px !important;
    box-shadow: 0 12px 30px rgba(0,0,0,0.5) !important;
}

body.tv-dokan-dashboard .components-popover *,
body.tv-dokan-dashboard .components-popover__content *,
body.tv-dokan-dashboard .components-dropdown__content * {
    color: var(--dokan-ink);
}

/* Gutenberg buttons (the three-dot ellipsis menu, action buttons, etc.)
   Default state: dark pill. The .is-primary / .is-secondary variants below
   override this for branded buttons. */
body.tv-dokan-dashboard .dokan-dashboard-content .components-button {
    background: rgba(255,255,255,0.05) !important;
    color: var(--dokan-ink) !important;
    border: 1px solid var(--dokan-border) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

/* Date range / filter dropdown trigger lives on this class — it MUST be dark
   from the start, not only on hover. Same for the chart interval select. */
body.tv-dokan-dashboard .dokan-dashboard-content .components-button.woocommerce-dropdown-button,
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-filters-filter button,
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-filters-date__content button,
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-chart__interval-select button,
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-chart__interval-select select {
    background: rgba(255,255,255,0.05) !important;
    color: var(--dokan-ink) !important;
    border: 1px solid var(--dokan-border) !important;
    box-shadow: none !important;
}

/* The icon-only buttons (ellipsis menu, chart switches) should not have a
   visible border by default — they look like glyphs, not pills. */
body.tv-dokan-dashboard .dokan-dashboard-content .components-button.has-icon:not(.has-text),
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-ellipsis-menu__toggle,
body.tv-dokan-dashboard .dokan-dashboard-content button.components-button.is-compact {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: var(--dokan-ink) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .components-button:hover,
body.tv-dokan-dashboard .dokan-dashboard-content .components-button:focus {
    background: rgba(255,255,255,0.08) !important;
    color: var(--dokan-ink) !important;
    box-shadow: none !important;
    border-color: var(--dokan-border) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .components-button.is-primary {
    background: var(--dokan-red) !important;
    color: var(--dokan-ink) !important;
    border-color: var(--dokan-red) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .components-button.is-primary:hover {
    background: var(--red-h) !important;
    border-color: var(--red-h) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .components-button.is-secondary {
    background: rgba(255,255,255,0.05) !important;
    color: var(--dokan-ink) !important;
    border: 1px solid var(--dokan-border) !important;
    box-shadow: none !important;
}

/* 8. WooCommerce Admin charts */
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-chart,
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-chart__body,
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-dashboard__chart-block-wrapper,
body.tv-dokan-dashboard .dokan-layout .woocommerce-chart,
body.tv-dokan-dashboard .dokan-layout .woocommerce-chart__body,
body.tv-dokan-dashboard .dokan-layout .woocommerce-dashboard__chart-block-wrapper,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .woocommerce-chart,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .woocommerce-chart__body,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .woocommerce-dashboard__chart-block-wrapper {
    background: transparent !important;
    color: var(--dokan-ink) !important;
    border-color: var(--dokan-border) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-chart__header,
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-chart__title,
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-chart__header h2,
body.tv-dokan-dashboard .dokan-layout .woocommerce-chart__header,
body.tv-dokan-dashboard .dokan-layout .woocommerce-chart__title,
body.tv-dokan-dashboard .dokan-layout .woocommerce-chart__header h2,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .woocommerce-chart__header,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .woocommerce-chart__title,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .woocommerce-chart__header h2 {
    color: var(--dokan-ink) !important;
    background: transparent !important;
    border-color: var(--dokan-border) !important;
}

/* Chart header controls — interval <select> (white rectangle) + line/bar type toggles.
   WC Admin: .woocommerce-chart__interval-select wraps a Gutenberg SelectControl;
   .woocommerce-chart__types holds .woocommerce-chart__type-button icons. */
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-chart__interval-select,
body.tv-dokan-dashboard .dokan-layout .woocommerce-chart__interval-select,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .woocommerce-chart__interval-select {
    background: transparent !important;
    border-color: var(--dokan-border) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-chart__interval-select .components-base-control,
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-chart__interval-select .components-input-control__container,
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-chart__interval-select .components-select-control__input,
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-chart__interval-select .components-input-control__input,
body.tv-dokan-dashboard .dokan-layout .woocommerce-chart__interval-select .components-base-control,
body.tv-dokan-dashboard .dokan-layout .woocommerce-chart__interval-select .components-input-control__container,
body.tv-dokan-dashboard .dokan-layout .woocommerce-chart__interval-select .components-select-control__input,
body.tv-dokan-dashboard .dokan-layout .woocommerce-chart__interval-select .components-input-control__input,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .woocommerce-chart__interval-select .components-base-control,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .woocommerce-chart__interval-select .components-input-control__container,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .woocommerce-chart__interval-select .components-select-control__input,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .woocommerce-chart__interval-select .components-input-control__input {
    background: rgba(255, 255, 255, 0.06) !important;
    color: var(--dokan-ink) !important;
    border: 1px solid var(--dokan-border) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-chart__interval-select .components-input-control__backdrop,
body.tv-dokan-dashboard .dokan-layout .woocommerce-chart__interval-select .components-input-control__backdrop,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .woocommerce-chart__interval-select .components-input-control__backdrop {
    border-color: var(--dokan-border) !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-chart__interval-select .components-input-control-suffix,
body.tv-dokan-dashboard .dokan-layout .woocommerce-chart__interval-select .components-input-control-suffix,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .woocommerce-chart__interval-select .components-input-control-suffix {
    color: var(--dokan-muted) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-chart__interval-select svg,
body.tv-dokan-dashboard .dokan-layout .woocommerce-chart__interval-select svg,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .woocommerce-chart__interval-select svg {
    fill: var(--dokan-ink) !important;
    color: var(--dokan-ink) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-chart__types,
body.tv-dokan-dashboard .dokan-layout .woocommerce-chart__types,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .woocommerce-chart__types {
    background: transparent !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-chart__type-button.components-button,
body.tv-dokan-dashboard .dokan-layout .woocommerce-chart__type-button.components-button,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .woocommerce-chart__type-button.components-button {
    background: transparent !important;
    color: var(--dokan-muted) !important;
    border: 1px solid transparent !important;
    box-shadow: none !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-chart__type-button.woocommerce-chart__type-button-selected,
body.tv-dokan-dashboard .dokan-layout .woocommerce-chart__type-button.woocommerce-chart__type-button-selected,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .woocommerce-chart__type-button.woocommerce-chart__type-button-selected {
    background: rgba(255, 255, 255, 0.08) !important;
    color: var(--dokan-ink) !important;
    border-color: var(--dokan-border) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-chart__type-button svg,
body.tv-dokan-dashboard .dokan-layout .woocommerce-chart__type-button svg,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .woocommerce-chart__type-button svg {
    fill: currentColor !important;
}

/* SVG axis labels render as <text> — give them a readable color */
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-chart text,
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-chart .axis text {
    fill: var(--dokan-muted) !important;
}

/* 9. WooCommerce Admin tables */
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-table,
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-table__table {
    background: transparent !important;
    color: var(--dokan-ink) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-table__table table {
    background: transparent !important;
    color: var(--dokan-ink) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-table__table table th,
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-table__table table td,
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-table__item {
    background: transparent !important;
    color: var(--dokan-ink) !important;
    border-color: var(--dokan-border) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-table__table table tr:hover td.woocommerce-table__item {
    background: rgba(255,255,255,0.02) !important;
}

/* 10. Ellipsis menu (the three-dot icon at the right of "Performance") */
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-ellipsis-menu__toggle {
    color: var(--dokan-ink) !important;
    background: transparent !important;
}

body.tv-dokan-dashboard .components-popover__content .woocommerce-ellipsis-menu__item {
    color: var(--dokan-ink) !important;
}

body.tv-dokan-dashboard .components-popover__content .woocommerce-ellipsis-menu__item:hover {
    background: rgba(255,255,255,0.05) !important;
}

/* 11. Calendar popup itself (when the date range picker opens) */
body.tv-dokan-dashboard .woocommerce-calendar .CalendarMonth,
body.tv-dokan-dashboard .woocommerce-calendar .CalendarMonth_table,
body.tv-dokan-dashboard .woocommerce-calendar .CalendarMonthGrid,
body.tv-dokan-dashboard .woocommerce-calendar .DayPicker {
    background: var(--dokan-card-bg) !important;
    color: var(--dokan-ink) !important;
}

body.tv-dokan-dashboard .woocommerce-calendar .CalendarDay,
body.tv-dokan-dashboard .woocommerce-calendar .CalendarDay__default {
    background: transparent !important;
    color: var(--dokan-ink) !important;
    border-color: var(--dokan-border) !important;
}

body.tv-dokan-dashboard .woocommerce-calendar .CalendarDay__selected,
body.tv-dokan-dashboard .woocommerce-calendar .CalendarDay__selected_span,
body.tv-dokan-dashboard .woocommerce-calendar .CalendarDay__hovered_span {
    background: var(--dokan-red) !important;
    color: var(--dokan-ink) !important;
    border-color: var(--dokan-red) !important;
}

/* 12. Dashboard sections / 2-col grid (charts area) */
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-dashboard-section,
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-dashboard__columns {
    background: transparent !important;
    color: var(--dokan-ink) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-dashboard-section-controls,
body.tv-dokan-dashboard .dokan-layout .woocommerce-dashboard-section-controls,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .woocommerce-dashboard-section-controls {
    border-top: 1px solid var(--dokan-border) !important;
    background: transparent !important;
    color: var(--dokan-ink) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-dashboard-section-controls .components-button,
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-dashboard-section-controls .woocommerce-dropdown-button,
body.tv-dokan-dashboard .dokan-layout .woocommerce-dashboard-section-controls .components-button,
body.tv-dokan-dashboard .dokan-layout .woocommerce-dashboard-section-controls .woocommerce-dropdown-button,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .woocommerce-dashboard-section-controls .components-button,
body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .woocommerce-dashboard-section-controls .woocommerce-dropdown-button {
    background: rgba(255, 255, 255, 0.06) !important;
    color: var(--dokan-ink) !important;
    border: 1px solid var(--dokan-border) !important;
    box-shadow: none !important;
}

/* 13. Loading spinner color (currently text-gray-200 which is white on white) */
body.tv-dokan-dashboard .dokan-dashboard-content [role="status"] svg {
    color: var(--dokan-red) !important;
}

/* 14. Chart legend rows — the checkbox rows below each chart in image #2.
       WooCommerce Admin renders these as a flex row of buttons + colored swatches. */
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-legend,
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-legend__direction-row,
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-legend__direction-column,
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-chart__footer,
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-chart-placeholder,
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-chart-placeholder__row,
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-chart__container {
    background: transparent !important;
    color: var(--dokan-ink) !important;
    border-color: var(--dokan-border) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-legend__item,
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-legend__item button,
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-legend__item-container {
    background: transparent !important;
    color: var(--dokan-ink) !important;
    border-color: var(--dokan-border) !important;
    box-shadow: none !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-legend__item-title,
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-legend__item-total {
    color: var(--dokan-ink) !important;
}

/* Gutenberg checkbox control (used in the chart legend rows) */
body.tv-dokan-dashboard .dokan-dashboard-content .components-checkbox-control,
body.tv-dokan-dashboard .dokan-dashboard-content .components-checkbox-control__input-container {
    background: transparent !important;
    color: var(--dokan-ink) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .components-checkbox-control__input {
    background: rgba(255,255,255,0.05) !important;
    border: 1px solid var(--dokan-border) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .components-checkbox-control__input:checked {
    background: var(--dokan-red) !important;
    border-color: var(--dokan-red) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .components-checkbox-control__label {
    color: var(--dokan-ink) !important;
}

/* "No data for the selected date range" placeholder text */
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-chart .d3-chart__empty-message,
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-chart-placeholder__row {
    color: var(--dokan-muted) !important;
    background: transparent !important;
}

/* Chart hover tooltip — the white box that pops up on mouseover.
   Created by @woocommerce/components <Chart /> via d3, structured as
   .d3-chart__tooltip > .d3-chart__tooltip-title + ul of swatch + label + value.
   This element is positioned absolutely above the chart and rendered into the
   chart container, so the .dokan-dashboard-content scope still reaches it.
   On some setups d3 portals it onto <body>, so we add a body-scoped fallback. */
body.tv-dokan-dashboard .dokan-dashboard-content .d3-chart__tooltip,
body.tv-dokan-dashboard .dokan-dashboard-content .woocommerce-chart__tooltip,
body.tv-dokan-dashboard .d3-chart__tooltip,
body.tv-dokan-dashboard .woocommerce-chart__tooltip {
    background: var(--dokan-card-bg) !important;
    color: var(--dokan-ink) !important;
    border: 1px solid var(--dokan-border) !important;
    border-radius: 8px !important;
    box-shadow: 0 12px 30px rgba(0,0,0,0.6) !important;
    padding: 8px 12px !important;
}

body.tv-dokan-dashboard .d3-chart__tooltip h4,
body.tv-dokan-dashboard .d3-chart__tooltip .d3-chart__tooltip-title,
body.tv-dokan-dashboard .woocommerce-chart__tooltip h4,
body.tv-dokan-dashboard .woocommerce-chart__tooltip .d3-chart__tooltip-title {
    color: var(--dokan-muted) !important;
    font-size: 11px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 8px;
}

body.tv-dokan-dashboard .d3-chart__tooltip ul,
body.tv-dokan-dashboard .d3-chart__tooltip li,
body.tv-dokan-dashboard .d3-chart__tooltip li span,
body.tv-dokan-dashboard .woocommerce-chart__tooltip ul,
body.tv-dokan-dashboard .woocommerce-chart__tooltip li,
body.tv-dokan-dashboard .woocommerce-chart__tooltip li span {
    background: transparent !important;
    color: var(--dokan-ink) !important;
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Tooltip on the chart canvas itself (axis labels, gridlines, dotted lines) */
body.tv-dokan-dashboard .dokan-dashboard-content .d3-chart .tick text,
body.tv-dokan-dashboard .dokan-dashboard-content .d3-chart text {
    fill: var(--dokan-muted) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .d3-chart .grid line,
body.tv-dokan-dashboard .dokan-dashboard-content .d3-chart .domain {
    stroke: var(--dokan-border) !important;
    opacity: 0.6;
}

/* ═══════════════════════════════════════════════════════════════════════════
   DOKAN CATEGORY PICKER MODAL ("Add new category")
   ═══════════════════════════════════════════════════════════════════════════
   The modal is portal-rendered into <body>, so we scope on body.tv-dokan-dashboard
   (not .dokan-dashboard-content). The "Done" button is also fixed via the
   .dokan-btn-default.dokan-btn-theme rule higher up in this file. */
body.tv-dokan-dashboard #dokan-product-category-modal,
body.tv-dokan-dashboard .dokan-product-category-modal {
    background: rgba(0,0,0,0.7) !important;
    backdrop-filter: blur(4px);
}

body.tv-dokan-dashboard .dokan-product-category-modal-content {
    background: var(--dokan-card-bg) !important;
    border: 1px solid var(--dokan-border) !important;
    border-radius: 16px !important;
    color: var(--dokan-ink) !important;
    box-shadow: 0 20px 60px rgba(0,0,0,0.6) !important;
}

body.tv-dokan-dashboard .dokan-product-category-modal-header,
body.tv-dokan-dashboard .dokan-product-category-modal-footer {
    background: rgba(255,255,255,0.02) !important;
    border-color: var(--dokan-border) !important;
    color: var(--dokan-ink) !important;
}

body.tv-dokan-dashboard .dokan-product-category-modal-body {
    background: transparent !important;
    color: var(--dokan-ink) !important;
}

body.tv-dokan-dashboard .dokan-product-category-title .dokan-single-title {
    color: var(--dokan-ink) !important;
    font-weight: 900;
}

body.tv-dokan-dashboard .dokan-product-category-title .dokan-single-des {
    color: var(--dokan-muted) !important;
}

body.tv-dokan-dashboard .dokan-product-category-close .close,
body.tv-dokan-dashboard #dokan-category-close-modal {
    color: var(--dokan-muted) !important;
    background: transparent !important;
}

body.tv-dokan-dashboard .dokan-product-category-close .close:hover,
body.tv-dokan-dashboard #dokan-category-close-modal:hover {
    color: var(--dokan-ink) !important;
}

/* Search box at the top of the modal */
body.tv-dokan-dashboard .dokan-cat-search-box,
body.tv-dokan-dashboard .dokan-category-search-container {
    background: transparent !important;
}

body.tv-dokan-dashboard .dokan-cat-search-input,
body.tv-dokan-dashboard #dokan-single-cat-search-input {
    background: rgba(255,255,255,0.05) !important;
    border: 1px solid var(--dokan-border) !important;
    color: var(--dokan-ink) !important;
    border-radius: 8px !important;
}

body.tv-dokan-dashboard .dokan-cat-search-input::placeholder {
    color: rgba(255,255,255,0.45) !important;
}

body.tv-dokan-dashboard .dokan-cat-search-icon {
    color: var(--dokan-muted) !important;
}

body.tv-dokan-dashboard .dokan-cat-search-text-limit {
    color: var(--dokan-muted) !important;
}

/* Search results dropdown */
body.tv-dokan-dashboard .dokan-cat-search-res,
body.tv-dokan-dashboard #dokan-cat-search-res {
    background: var(--dokan-card-bg) !important;
    border: 1px solid var(--dokan-border) !important;
    border-radius: 8px !important;
    color: var(--dokan-ink) !important;
}

body.tv-dokan-dashboard .dokan-cat-search-res-ul,
body.tv-dokan-dashboard #dokan-cat-search-res-ul {
    background: transparent !important;
}

body.tv-dokan-dashboard .dokan-cat-search-res-ul li {
    color: var(--dokan-ink) !important;
    background: transparent !important;
}

body.tv-dokan-dashboard .dokan-cat-search-res-ul li:hover,
body.tv-dokan-dashboard .dokan-cat-search-res-ul li.active {
    background: rgba(255,255,255,0.05) !important;
    color: var(--dokan-ink) !important;
}

/* Category list columns */
body.tv-dokan-dashboard .dokan-single-categories-container,
body.tv-dokan-dashboard .dokan-single-categories,
body.tv-dokan-dashboard #dokan-single-categories {
    background: transparent !important;
    color: var(--dokan-ink) !important;
}

body.tv-dokan-dashboard .dokan-single-categories .dokan-single-category-item,
body.tv-dokan-dashboard .dokan-single-categories li {
    background: transparent !important;
    color: var(--dokan-ink) !important;
    border-color: var(--dokan-border) !important;
}

body.tv-dokan-dashboard .dokan-single-categories .dokan-single-category-item:hover,
body.tv-dokan-dashboard .dokan-single-categories li:hover,
body.tv-dokan-dashboard .dokan-single-categories .dokan-single-category-item.active,
body.tv-dokan-dashboard .dokan-single-categories li.active,
body.tv-dokan-dashboard .dokan-single-categories .dokan-single-category-item.dokan-cat-selected,
body.tv-dokan-dashboard .dokan-single-categories li.dokan-cat-selected {
    background: rgba(200, 16, 46, 0.12) !important;
    color: var(--dokan-red) !important;
}

/* Left / right paging arrows for nested categories */
body.tv-dokan-dashboard .dokan-single-categories-arrow,
body.tv-dokan-dashboard .dokan-single-categories-left-box,
body.tv-dokan-dashboard .dokan-single-categories-right-box {
    color: var(--dokan-muted) !important;
    background: transparent !important;
}

body.tv-dokan-dashboard .dokan-single-categories-arrow:hover {
    color: var(--dokan-ink) !important;
}

/* "Selected: …" footer text */
body.tv-dokan-dashboard .dokan-selected-category-label-container {
    color: var(--dokan-muted) !important;
}

body.tv-dokan-dashboard .dokan-selected-category-label {
    color: var(--dokan-muted) !important;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
    font-weight: 700;
}

body.tv-dokan-dashboard .dokan-selected-category-span,
body.tv-dokan-dashboard #dokan-selected-category-span,
body.tv-dokan-dashboard .dokan-selected-category-product {
    color: var(--dokan-red) !important;
    font-weight: 700;
}

/* The Done button — already handled by .dokan-btn-default.dokan-btn-theme
   rule above; re-state it here with the modal-specific ID for extra safety
   against any inline styles Dokan's JS may apply. */
body.tv-dokan-dashboard #dokan-single-cat-select-btn,
body.tv-dokan-dashboard .dokan-single-cat-select-btn {
    background: var(--dokan-red) !important;
    border: 1px solid var(--dokan-red) !important;
    color: var(--white) !important;
    padding: 10px 28px !important;
    border-radius: 6px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
}

body.tv-dokan-dashboard #dokan-single-cat-select-btn:hover,
body.tv-dokan-dashboard .dokan-single-cat-select-btn:hover {
    background: var(--red-h) !important;
    border-color: var(--red-h) !important;
    color: var(--white) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   ADD PRODUCT / EDIT PRODUCT PAGE (dokan-product-edit + dokan-product-product-editor)
   ═══════════════════════════════════════════════════════════════════════════
   Two product editors live under the vendor dashboard:
     - legacy edit screen: .dokan-product-edit (uses TinyMCE + Select2 + .dokan-form-control)
     - new SPA editor:     .dokan-product-product-editor (uses Quill + Gutenberg components +
                            data-views) — and Dokan's own frontend.css forces a #f0f0f1 light
                            background on .dokan-dashboard-content:has(.dokan-product-product-editor).
*/

/* 15a. Defeat Dokan's light-gray override for the SPA product editor. */
body.tv-dokan-dashboard .dokan-dashboard-content:has(.dokan-product-product-editor),
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-product-product-editor {
    background-color: var(--dokan-content-bg) !important;
    color: var(--dokan-ink) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .dokan-product-product-editor * {
    color: var(--dokan-ink);
}

/* The data-views / dataforms layout used by the SPA product editor */
body.tv-dokan-dashboard .dokan-dashboard-content .dataforms-layouts-card,
body.tv-dokan-dashboard .dokan-dashboard-content .dataforms-layouts-card__field,
body.tv-dokan-dashboard .dokan-dashboard-content .dataforms-layouts-regular,
body.tv-dokan-dashboard .dokan-dashboard-content .dataforms-layouts-row {
    background: var(--dokan-card-bg) !important;
    border: 1px solid var(--dokan-border) !important;
    border-radius: 12px !important;
    color: var(--dokan-ink) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .dataforms-layouts-card__field > div:first-child {
    border-bottom-color: var(--dokan-border) !important;
}

/* 15b. Legacy edit screen form chrome */
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-product-edit,
body.tv-dokan-dashboard .dokan-dashboard-content .product-edit-new-container,
body.tv-dokan-dashboard .dokan-dashboard-content .product-edit-container,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-product-edit-form,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-form-top-area,
body.tv-dokan-dashboard .dokan-dashboard-content .content-half-part,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-product-description,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-product-short-description,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-side-body,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-product-meta {
    background: transparent !important;
    color: var(--dokan-ink) !important;
}

/* 15b-section-panels. The INVENTORY / OTHER OPTIONS / DOWNLOADABLE / etc. panels
   are wrapped in <div class="dokan-edit-row"> with a Dokan-styled heading. These
   ship with WHITE backgrounds in dokan-lite/assets/css/frontend.css — the source
   of the "pink box" effect (white panel + invisible white text → only readable
   when Ctrl+A applies the selection highlight). Fix: paint every section panel
   as a dark glass card. */
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-edit-row,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-product-inventory,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-other-options,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-product-tax,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-product-shipping,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-product-linked,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-product-attribute,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-product-variations,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-product-downloadable,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-product-virtual,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-product-seo,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-product-discount-options,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-product-rma-options,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-product-min-max-options,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-product-wholesale-options,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-product-advertise-options,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-product-geolocation-options,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-product-vendor-options,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-product-eu-compliance,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-product-brand,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-product-catalog-mode {
    background: var(--dokan-card-bg) !important;
    border: 1px solid var(--dokan-border) !important;
    border-radius: 12px !important;
    box-shadow: 0 12px 30px rgba(0,0,0,0.25) !important;
    padding: 0 !important;
    margin-bottom: 18px !important;
    color: var(--dokan-ink) !important;
    overflow: hidden;
}

body.tv-dokan-dashboard .dokan-dashboard-content .dokan-section-heading {
    background: rgba(255,255,255,0.02) !important;
    border-bottom: 1px solid var(--dokan-border) !important;
    padding: 16px 20px !important;
    color: var(--dokan-ink) !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
}

body.tv-dokan-dashboard .dokan-dashboard-content .dokan-section-heading h2 {
    color: var(--dokan-ink) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin: 0 !important;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

body.tv-dokan-dashboard .dokan-dashboard-content .dokan-section-heading h2 i {
    color: var(--dokan-red);
}

body.tv-dokan-dashboard .dokan-dashboard-content .dokan-section-heading p,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-section-heading > span {
    color: var(--dokan-muted) !important;
    font-size: 11px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0;
}

body.tv-dokan-dashboard .dokan-dashboard-content .dokan-section-toggle,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-section-toggle i {
    color: var(--dokan-muted) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .dokan-section-toggle:hover,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-section-toggle:hover i {
    color: var(--dokan-ink) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .dokan-section-content {
    background: transparent !important;
    padding: 20px !important;
    color: var(--dokan-ink) !important;
}

/* Inside section content: enforce visible label color and dark inputs even if
   another Dokan rule paints the panel background back to white. */
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-section-content label,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-section-content .form-label,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-edit-row label,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-edit-row .form-label {
    color: var(--dokan-ink) !important;
    font-weight: 700;
}

body.tv-dokan-dashboard .dokan-dashboard-content .dokan-section-content label span,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-edit-row label span {
    color: var(--dokan-muted) !important;
    font-weight: 500;
}

body.tv-dokan-dashboard .dokan-dashboard-content .dokan-edit-row input[type="text"],
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-edit-row input[type="number"],
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-edit-row input[type="email"],
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-edit-row input[type="url"],
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-edit-row textarea,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-edit-row select,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-edit-row .dokan-form-control {
    background-color: rgba(255,255,255,0.05) !important;
    color: var(--dokan-ink) !important;
    border: 1px solid var(--dokan-border) !important;
    border-radius: 8px !important;
}

/* Checkboxes inside the legacy edit row ("Enable product stock management", etc.) */
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-edit-row input[type="checkbox"],
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-edit-row input[type="radio"] {
    accent-color: var(--dokan-red) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .dokan-form-group .form-label,
body.tv-dokan-dashboard .dokan-dashboard-content .form-label {
    color: var(--dokan-ink) !important;
    font-weight: 700;
}

/* Currency / unit prepend addons (e.g. "$" before Price input) */
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-input-group {
    background: transparent !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .dokan-input-group-addon {
    background: rgba(255,255,255,0.05) !important;
    border: 1px solid var(--dokan-border) !important;
    border-right: none !important;
    color: var(--dokan-ink) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .dokan-input-group .dokan-form-control,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-input-group input {
    border-left: none !important;
}

/* Featured image / gallery upload zones */
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-feat-image-upload,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-new-product-featured-img,
body.tv-dokan-dashboard .dokan-dashboard-content .instruction-inside,
body.tv-dokan-dashboard .dokan-dashboard-content .image-wrap,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-product-gallery,
body.tv-dokan-dashboard .dokan-dashboard-content .product_images li,
body.tv-dokan-dashboard .dokan-dashboard-content .product_images .add-image {
    background: rgba(255,255,255,0.03) !important;
    border: 1px dashed var(--dokan-border) !important;
    color: var(--dokan-muted) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .product_images li.image {
    border-style: solid !important;
}

/* Status labels (Draft, Published, etc.) */
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-label,
body.tv-dokan-dashboard .dokan-dashboard-content .dokan-label-default {
    background: rgba(255,255,255,0.06) !important;
    color: var(--dokan-ink) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   SELECT2 (categories, tags, product type, country, etc.)
   Dokan and Woo use Select2 widely. By default it renders white pills.
*/
body.tv-dokan-dashboard .select2-container--default .select2-selection--single,
body.tv-dokan-dashboard .select2-container--default .select2-selection--multiple,
body.tv-dokan-dashboard .select2-container .select2-selection {
    background-color: rgba(255,255,255,0.05) !important;
    border: 1px solid var(--dokan-border) !important;
    color: var(--dokan-ink) !important;
    border-radius: 8px !important;
    min-height: 40px !important;
}

body.tv-dokan-dashboard .select2-container--default .select2-selection--single .select2-selection__rendered,
body.tv-dokan-dashboard .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    color: var(--dokan-ink) !important;
    line-height: 38px !important;
}

body.tv-dokan-dashboard .select2-container--default .select2-selection--single .select2-selection__placeholder,
body.tv-dokan-dashboard .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: rgba(255,255,255,0.45) !important;
}

body.tv-dokan-dashboard .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: var(--dokan-ink) transparent transparent transparent !important;
}

/* Selected pills inside multi-select */
body.tv-dokan-dashboard .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: rgba(255,255,255,0.08) !important;
    border: 1px solid var(--dokan-border) !important;
    color: var(--dokan-ink) !important;
    border-radius: 4px !important;
}

body.tv-dokan-dashboard .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: var(--dokan-muted) !important;
}

/* Dropdown panel (rendered to body, so we scope on body class only) */
body.tv-dokan-dashboard .select2-dropdown,
body.tv-dokan-dashboard .select2-container--default .select2-dropdown {
    background-color: var(--dokan-card-bg) !important;
    border: 1px solid var(--dokan-border) !important;
    color: var(--dokan-ink) !important;
}

body.tv-dokan-dashboard .select2-dropdown .select2-search--dropdown .select2-search__field,
body.tv-dokan-dashboard .select2-container--default .select2-search--inline .select2-search__field {
    background-color: rgba(255,255,255,0.05) !important;
    border: 1px solid var(--dokan-border) !important;
    color: var(--dokan-ink) !important;
    border-radius: 6px !important;
}

body.tv-dokan-dashboard .select2-dropdown .select2-results__option {
    color: var(--dokan-ink) !important;
    background-color: transparent !important;
}

body.tv-dokan-dashboard .select2-dropdown .select2-results__option--highlighted,
body.tv-dokan-dashboard .select2-dropdown .select2-results__option[aria-selected="true"] {
    background-color: var(--dokan-red) !important;
    color: var(--dokan-ink) !important;
}

body.tv-dokan-dashboard .select2-dropdown .select2-results__message {
    color: var(--dokan-muted) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   WP CLASSIC EDITOR / TinyMCE (used for Short Description + Description on legacy
   product edit screen). The outer chrome and the iframe content both need dark mode.
   The iframe content is set from PHP via tiny_mce_before_init (see functions.php).
*/
body.tv-dokan-dashboard .dokan-dashboard-content .wp-editor-wrap,
body.tv-dokan-dashboard .dokan-dashboard-content .wp-editor-container,
body.tv-dokan-dashboard .dokan-dashboard-content div.mce-tinymce,
body.tv-dokan-dashboard .dokan-dashboard-content .mce-edit-area {
    background: var(--dokan-card-bg) !important;
    border-color: var(--dokan-border) !important;
    box-shadow: none !important;
}

/* Visual / Code (Text) tab strip */
body.tv-dokan-dashboard .dokan-dashboard-content .wp-editor-tools,
body.tv-dokan-dashboard .dokan-dashboard-content .wp-editor-tabs {
    background: var(--dokan-card-bg) !important;
    border-color: var(--dokan-border) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .wp-switch-editor {
    background: rgba(255,255,255,0.05) !important;
    color: var(--dokan-ink) !important;
    border-color: var(--dokan-border) !important;
    box-shadow: none !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .wp-switch-editor:focus,
body.tv-dokan-dashboard .dokan-dashboard-content .wp-switch-editor.switch-active,
body.tv-dokan-dashboard .dokan-dashboard-content .tmce-active .wp-switch-editor.tmce-toggle,
body.tv-dokan-dashboard .dokan-dashboard-content .html-active .wp-switch-editor.html-toggle {
    background: var(--dokan-card-bg) !important;
    color: var(--dokan-ink) !important;
    border-bottom-color: var(--dokan-card-bg) !important;
}

/* TinyMCE toolbars + buttons */
body.tv-dokan-dashboard .dokan-dashboard-content .mce-toolbar-grp,
body.tv-dokan-dashboard .dokan-dashboard-content .mce-toolbar-grp .mce-flow-layout,
body.tv-dokan-dashboard .dokan-dashboard-content .mce-toolbar,
body.tv-dokan-dashboard .dokan-dashboard-content .mce-container,
body.tv-dokan-dashboard .dokan-dashboard-content .mce-panel,
body.tv-dokan-dashboard .dokan-dashboard-content .mce-stack-layout,
body.tv-dokan-dashboard .dokan-dashboard-content .mce-statusbar,
body.tv-dokan-dashboard .dokan-dashboard-content .mce-path,
body.tv-dokan-dashboard .dokan-dashboard-content .quicktags-toolbar {
    background: var(--dokan-card-bg) !important;
    border-color: var(--dokan-border) !important;
    color: var(--dokan-ink) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .mce-btn button,
body.tv-dokan-dashboard .dokan-dashboard-content .mce-btn,
body.tv-dokan-dashboard .dokan-dashboard-content .quicktags-toolbar input.button {
    background: transparent !important;
    color: var(--dokan-ink) !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .mce-btn button i,
body.tv-dokan-dashboard .dokan-dashboard-content .mce-btn .mce-ico,
body.tv-dokan-dashboard .dokan-dashboard-content .mce-i-bold,
body.tv-dokan-dashboard .dokan-dashboard-content .mce-i-italic,
body.tv-dokan-dashboard .dokan-dashboard-content .mce-i-bullist,
body.tv-dokan-dashboard .dokan-dashboard-content .mce-i-numlist,
body.tv-dokan-dashboard .dokan-dashboard-content .mce-i-blockquote,
body.tv-dokan-dashboard .dokan-dashboard-content .mce-i-alignleft,
body.tv-dokan-dashboard .dokan-dashboard-content .mce-i-aligncenter,
body.tv-dokan-dashboard .dokan-dashboard-content .mce-i-alignright,
body.tv-dokan-dashboard .dokan-dashboard-content .mce-i-link,
body.tv-dokan-dashboard .dokan-dashboard-content .mce-i-unlink,
body.tv-dokan-dashboard .dokan-dashboard-content .mce-i-wp_more,
body.tv-dokan-dashboard .dokan-dashboard-content .mce-i-spellchecker,
body.tv-dokan-dashboard .dokan-dashboard-content .mce-i-fullscreen,
body.tv-dokan-dashboard .dokan-dashboard-content .mce-i-wp_adv {
    color: var(--dokan-ink) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .mce-btn:hover button,
body.tv-dokan-dashboard .dokan-dashboard-content .mce-btn.mce-active button,
body.tv-dokan-dashboard .dokan-dashboard-content .quicktags-toolbar input.button:hover {
    background: rgba(255,255,255,0.06) !important;
    color: var(--dokan-ink) !important;
    border-color: var(--dokan-border) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .mce-statusbar .mce-path-item {
    color: var(--dokan-muted) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .mce-edit-area iframe {
    background: var(--dokan-card-bg) !important;
}

/* The HTML mode textarea (Code tab) */
body.tv-dokan-dashboard .dokan-dashboard-content textarea.wp-editor-area {
    background: var(--dokan-card-bg) !important;
    color: var(--dokan-ink) !important;
    border: none !important;
}

/* Word count / mce status bar wrapper */
body.tv-dokan-dashboard .dokan-dashboard-content .mce-wp-dfw,
body.tv-dokan-dashboard .dokan-dashboard-content .wp-word-count {
    color: var(--dokan-muted) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   QUILL EDITOR (used by the SPA product editor — .ql-container / .ql-editor / .ql-toolbar)
*/
body.tv-dokan-dashboard .dokan-dashboard-content .ql-container,
body.tv-dokan-dashboard .dokan-dashboard-content .ql-editor,
body.tv-dokan-dashboard .dokan-dashboard-content .ql-toolbar {
    background: var(--dokan-card-bg) !important;
    color: var(--dokan-ink) !important;
    border-color: var(--dokan-border) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .ql-toolbar .ql-stroke {
    stroke: var(--dokan-ink) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .ql-toolbar .ql-fill,
body.tv-dokan-dashboard .dokan-dashboard-content .ql-toolbar .ql-stroke.ql-fill {
    fill: var(--dokan-ink) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .ql-toolbar .ql-picker,
body.tv-dokan-dashboard .dokan-dashboard-content .ql-toolbar .ql-picker-label,
body.tv-dokan-dashboard .dokan-dashboard-content .ql-toolbar .ql-picker-options {
    color: var(--dokan-ink) !important;
    background: var(--dokan-card-bg) !important;
    border-color: var(--dokan-border) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .ql-editor.ql-blank::before {
    color: rgba(255,255,255,0.45) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   REACT-SELECT (used inside SPA editor for category/brand pickers)
*/
body.tv-dokan-dashboard .dokan-dashboard-content .react-select__control,
body.tv-dokan-dashboard .dokan-dashboard-content .react-select__value-container,
body.tv-dokan-dashboard .dokan-dashboard-content .react-select__indicators {
    background: rgba(255,255,255,0.05) !important;
    border-color: var(--dokan-border) !important;
    color: var(--dokan-ink) !important;
    box-shadow: none !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .react-select__menu,
body.tv-dokan-dashboard .dokan-dashboard-content .react-select__menu-list {
    background: var(--dokan-card-bg) !important;
    border: 1px solid var(--dokan-border) !important;
    color: var(--dokan-ink) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .react-select__option {
    background: transparent !important;
    color: var(--dokan-ink) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .react-select__option--is-focused,
body.tv-dokan-dashboard .dokan-dashboard-content .react-select__option--is-selected {
    background: var(--dokan-red) !important;
    color: var(--dokan-ink) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .react-select__placeholder,
body.tv-dokan-dashboard .dokan-dashboard-content .react-select__input-container,
body.tv-dokan-dashboard .dokan-dashboard-content .react-select__input {
    color: var(--dokan-ink) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .react-select__multi-value {
    background: rgba(255,255,255,0.08) !important;
    color: var(--dokan-ink) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-content .react-select__multi-value__label,
body.tv-dokan-dashboard .dokan-dashboard-content .react-select__multi-value__remove {
    color: var(--dokan-ink) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   § 99  UNIVERSAL DATAVIEWS PRODUCT TABLE  (Dokan SPA — `/dashboard/products/`)
   ─────────────────────────────────────────────────────────────────────────
   Why this exists
   ---------------
   The previous DataViews overrides (see § 5c above) were scoped to
       body.tv-dokan-dashboard :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) ...
   That works ONLY when BOTH of the following are true:
     • the `tv-dokan-dashboard` body class is on <body>
     • the table is nested inside an element with one of those two IDs
   The "Dashboard Full Width" page template (and any page that just embeds
   the [dokan-dashboard] shortcode) fails the first condition — the page is
   served as a regular WP page so `dokan_is_seller_dashboard()` is false and
   our body class never gets added. Result: the entire DataViews surface
   renders with Dokan's hard-coded `#fff` backgrounds while inheriting our
   global `body { color: #fff }` rule — i.e. *white text on white background*.
   The product name is the only thing that stays visible because Dokan
   explicitly paints `.dataviews-title-field { color: #2f2f2f }`.

   Fix
   ---
   This section scopes against `.dokan-layout` instead. `.dokan-layout` is on
   the SPA root element (`<div id="dokan-vendor-dashboard-layout-root" class="dokan-layout">`)
   in EVERY case Dokan renders the dashboard — full-width template, classic
   dashboard, or shortcode-only page — and Dokan's own compiled rules use the
   exact same prefix, so we match their specificity exactly and win the cascade
   via `!important`. No dependency on our own body class.

   NOTE: keep the §5c rules above too. They use higher specificity (body class
   + ID) so they win against any future Dokan rules that escalate specificity.
   This section is the safety net.
   ─────────────────────────────────────────────────────────────────────── */

/* 99.0 — Parent Gutenberg card that WRAPS the datatable (Orders / Products list).
   DOM is usually: .components-card > .components-card__body > .dokan-admin-dashboard-datatable.
   Older §99.1 only styled .dokan-admin-dashboard-datatable .components-card (descendants),
   so the outer shell stayed #fff. */
.dokan-layout .components-card:has(.dokan-admin-dashboard-datatable),
.dokan-layout .components-card:has(.dokan-dashboard-datatable),
.dokan-layout .components-card:has(> .components-card__body .dokan-admin-dashboard-datatable),
.dokan-layout .components-card:has(.dataviews-wrapper),
.dokan-layout .components-card:has(.dataviews-picker-wrapper),
.dokan-layout .dokan-frontend-layout .components-card,
.dokan-layout .components-card__body:has(.dokan-admin-dashboard-datatable),
.dokan-layout .components-card__body:has(.dokan-dashboard-datatable),
.dokan-layout .components-card__body:has(> .dataviews-wrapper),
.dokan-layout .components-card__body:has(> .dataviews-picker-wrapper) {
    background-color: #161616 !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45) !important;
}

/* 99.1 — Card / wrapper surface (Gutenberg `.components-card` ships #fff bg) */
.dokan-layout .dokan-admin-dashboard-datatable,
.dokan-layout .dokan-dashboard-datatable,
.dokan-layout .dokan-admin-dashboard-datatable .components-card,
.dokan-layout .dokan-dashboard-datatable .components-card,
.dokan-layout .dokan-admin-dashboard-datatable .components-card__body,
.dokan-layout .dokan-dashboard-datatable .components-card__body,
.dokan-layout .dokan-admin-dashboard-datatable .components-surface,
.dokan-layout .dokan-dashboard-datatable .components-surface,
.dokan-layout .dokan-admin-dashboard-datatable .dataviews-wrapper,
.dokan-layout .dokan-dashboard-datatable .dataviews-wrapper,
.dokan-layout .dokan-admin-dashboard-datatable .dataviews-picker-wrapper,
.dokan-layout .dokan-dashboard-datatable .dataviews-picker-wrapper {
    background-color: #161616 !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45) !important;
}

/* 99.2 — Table thead & tbody cells */
.dokan-layout .dokan-admin-dashboard-datatable .dataviews-view-table,
.dokan-layout .dokan-admin-dashboard-datatable .dataviews-view-table thead,
.dokan-layout .dokan-admin-dashboard-datatable .dataviews-view-table tbody,
.dokan-layout .dokan-admin-dashboard-datatable .dataviews-view-table tr,
.dokan-layout .dokan-admin-dashboard-datatable .dataviews-view-table td,
.dokan-layout .dokan-admin-dashboard-datatable .dataviews-view-table th {
    background-color: transparent !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

/* The `thead th` selector ships with `background-color:#fff` AND `color:#1e1e1e`
   — explicitly defeat both so column headers (PRODUCTS, TYPE, STOCK, etc.) become
   visible. Specificity 0,3,2 ties Dokan; !important wins. */
.dokan-layout .dokan-admin-dashboard-datatable .dataviews-view-table thead th,
.dokan-layout .dokan-admin-dashboard-datatable .dataviews-view-table .dataviews-view-table-header-button:not(:hover),
.dokan-layout .dokan-admin-dashboard-datatable .dataviews-view-table .dataviews-view-table-header-button {
    background-color: transparent !important;
    color: rgba(255, 255, 255, 0.7) !important;
    text-transform: uppercase !important;
}

/* 99.3 — Sticky “actions” column (Dokan paints it #fff so it stays opaque
   while horizontally scrolling). Must stay opaque OVER our dark surface or
   the bleed-through breaks the sticky illusion. */
.dokan-layout .dokan-admin-dashboard-datatable .dataviews-view-table td.dataviews-view-table__actions-column--sticky,
.dokan-layout .dokan-admin-dashboard-datatable .dataviews-view-table th.dataviews-view-table__actions-column--sticky {
    background-color: #161616 !important;
}

.dokan-layout .dokan-admin-dashboard-datatable .dataviews-view-table tr.is-hovered,
.dokan-layout .dokan-admin-dashboard-datatable .dataviews-view-table tr.is-hovered .dataviews-view-table__actions-column--sticky,
.dokan-layout .dokan-admin-dashboard-datatable .dataviews-view-table tr:hover,
.dokan-layout .dokan-admin-dashboard-datatable .dataviews-view-table tr:hover .dataviews-view-table__actions-column--sticky {
    background-color: rgba(255, 255, 255, 0.04) !important;
}

.dokan-layout .dokan-admin-dashboard-datatable .dataviews-view-table tr.is-selected,
.dokan-layout .dokan-admin-dashboard-datatable .dataviews-view-table tr.is-selected .dataviews-view-table__actions-column--sticky {
    background-color: rgba(200, 16, 46, 0.08) !important;
    color: #ffffff !important;
}

/* 99.4 — Title field link/button (Dokan paints `#2f2f2f` on light bg — the
   only thing that was visible before. Re-paint white now that bg is dark.) */
.dokan-layout .dokan-admin-dashboard-datatable .dataviews-title-field,
.dokan-layout .dokan-admin-dashboard-datatable .dataviews-title-field a,
.dokan-layout .dokan-admin-dashboard-datatable .dataviews-title-field--clickable,
.dokan-layout .dokan-admin-dashboard-datatable .dataviews-title-field button.components-button.is-link {
    color: #ffffff !important;
}

.dokan-layout .dokan-admin-dashboard-datatable .dataviews-title-field a:hover,
.dokan-layout .dokan-admin-dashboard-datatable .dataviews-title-field--clickable:hover,
.dokan-layout .dokan-admin-dashboard-datatable .dataviews-title-field button.components-button.is-link:hover {
    color: var(--red, #C8102E) !important;
}

/* 99.5 — Filter chip row (the `All (1) | Published (1) | Pending (0)` pills) */
.dokan-layout .dokan-admin-dashboard-datatable .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip {
    background-color: rgba(255, 255, 255, 0.06) !important;
    color: rgba(255, 255, 255, 0.75) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.dokan-layout .dokan-admin-dashboard-datatable .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip:hover,
.dokan-layout .dokan-admin-dashboard-datatable .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip:focus-visible,
.dokan-layout .dokan-admin-dashboard-datatable .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip[aria-expanded="true"] {
    background-color: rgba(255, 255, 255, 0.12) !important;
    color: #ffffff !important;
}

.dokan-layout .dokan-admin-dashboard-datatable .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-values {
    background-color: rgba(200, 16, 46, 0.15) !important;
    color: var(--red, #C8102E) !important;
    border-color: rgba(200, 16, 46, 0.35) !important;
}

/* 99.6 — Search widget (right-side search input next to the filter funnel) */
.dokan-layout .dokan-admin-dashboard-datatable .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input,
.dokan-layout .dokan-admin-dashboard-datatable .dataviews-search input {
    background-color: rgba(255, 255, 255, 0.06) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 8px !important;
}

.dokan-layout .dokan-admin-dashboard-datatable .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::placeholder {
    color: rgba(255, 255, 255, 0.4) !important;
}

.dokan-layout .dokan-admin-dashboard-datatable .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__icon svg {
    fill: rgba(255, 255, 255, 0.5) !important;
}

/* 99.7 — Footer (pagination row) — Dokan paints #fff */
.dokan-layout .dokan-admin-dashboard-datatable .dataviews-footer {
    background-color: #161616 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
}

.dokan-layout .dokan-admin-dashboard-datatable .dataviews-bulk-actions-footer__item-count,
.dokan-layout .dokan-admin-dashboard-datatable .dataviews-pagination__page-select {
    color: rgba(255, 255, 255, 0.55) !important;
}

/* 99.8 — Product thumbnail wrappers (Dokan paints these #fff to fill the
   gap when the product image is transparent). Use a slightly darker tile so
   the image sits cleanly on the dark card. */
.dokan-layout .dokan-admin-dashboard-datatable .dataviews-column-primary__media,
.dokan-layout .dokan-admin-dashboard-datatable .dataviews-view-list .dataviews-view-list__media-wrapper,
.dokan-layout .dokan-admin-dashboard-datatable .dataviews-view-grid .dataviews-view-grid__media {
    background-color: rgba(255, 255, 255, 0.04) !important;
}

/* 99.9 — Status / stock pills inside cells.
   Dokan uses .components-badge or plain <span class="...published..."> with
   default colors. Re-theme common variants. */
.dokan-layout .dokan-admin-dashboard-datatable .components-badge {
    background-color: rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.dokan-layout .dokan-admin-dashboard-datatable [class*="status-publish"],
.dokan-layout .dokan-admin-dashboard-datatable [class*="published"] {
    background-color: rgba(34, 197, 94, 0.12) !important;
    color: #86efac !important;
    border-color: rgba(34, 197, 94, 0.35) !important;
}

.dokan-layout .dokan-admin-dashboard-datatable [class*="status-draft"],
.dokan-layout .dokan-admin-dashboard-datatable [class*="status-pending"] {
    background-color: rgba(245, 158, 11, 0.12) !important;
    color: #fbbf24 !important;
    border-color: rgba(245, 158, 11, 0.35) !important;
}

/* 99.10 — Filter funnel toggle button + view-options button */
.dokan-layout .dokan-admin-dashboard-datatable .dataviews-filters-toggle,
.dokan-layout .dokan-admin-dashboard-datatable .dataviews-view-config .components-button:not(.is-primary) {
    background-color: rgba(255, 255, 255, 0.06) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.dokan-layout .dokan-admin-dashboard-datatable .dataviews-filters-toggle:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

/* 99.11 — Field value / fallback color for any plain text inside cells
   (Dokan inherits #757575 from `.dataviews-view-table { color:#757575 }`).
   Make sure secondary text reads instead of looking washed-out gray. */
.dokan-layout .dokan-admin-dashboard-datatable .dataviews-view-grid__field-value,
.dokan-layout .dokan-admin-dashboard-datatable .dataviews-view-list__fields,
.dokan-layout .dokan-admin-dashboard-datatable .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-name {
    color: rgba(255, 255, 255, 0.65) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   § 100  ORDERS / LIST PAGES — empty state, page header, filter row
   ─────────────────────────────────────────────────────────────────────────
   Covers the Orders screen white panel: parent card (§99.0), status filter
   chips, search field, Export All, and "No Order Yet" empty state.
   ─────────────────────────────────────────────────────────────────────── */

/* Page header row ("Orders" title + Export All) — lives outside the card */
.dokan-layout .dokan-frontend-layout-header,
body.tv-dokan-dashboard .dokan-frontend-layout-header {
    background: transparent !important;
    color: var(--dokan-ink) !important;
    border-color: var(--dokan-border) !important;
}

.dokan-layout .dokan-frontend-layout-header h1,
.dokan-layout .dokan-frontend-layout-header h2,
.dokan-layout .dokan-frontend-layout-header .components-heading,
body.tv-dokan-dashboard .dokan-frontend-layout-header h1,
body.tv-dokan-dashboard .dokan-frontend-layout-header h2 {
    color: var(--dokan-ink) !important;
}

.dokan-layout .dokan-frontend-layout-header .components-button,
.dokan-layout .dokan-frontend-layout-header a.components-button,
body.tv-dokan-dashboard .dokan-frontend-layout-header .components-button,
body.tv-dokan-dashboard .dokan-frontend-layout-header a.components-button {
    background: rgba(255, 255, 255, 0.06) !important;
    color: var(--dokan-ink) !important;
    border: 1px solid var(--dokan-border) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

.dokan-layout .dokan-frontend-layout-header .components-button:hover,
.dokan-layout .dokan-frontend-layout-header .components-button:focus,
body.tv-dokan-dashboard .dokan-frontend-layout-header .components-button:hover,
body.tv-dokan-dashboard .dokan-frontend-layout-header .components-button:focus {
    background: rgba(255, 255, 255, 0.1) !important;
    color: var(--dokan-ink) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

.dokan-layout .dokan-frontend-layout-header .components-button svg,
body.tv-dokan-dashboard .dokan-frontend-layout-header .components-button svg {
    fill: currentColor !important;
    color: inherit !important;
}

/* Main content column under the header */
.dokan-layout .dokan-frontend-layout,
.dokan-layout .dokan-frontend-layout__content,
body.tv-dokan-dashboard .dokan-layout .dokan-frontend-layout {
    background: transparent !important;
    color: var(--dokan-ink) !important;
}

/* Filter chip row (All | Pending payment | …) + filter/search toolbar */
.dokan-layout .dataviews-filters__container,
.dokan-layout .dataviews__view-actions,
.dokan-layout .dokan-admin-dashboard-datatable .dataviews-filters__container,
.dokan-layout .dokan-dashboard-datatable .dataviews-filters__container {
    background: transparent !important;
    color: var(--dokan-ink) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

.dokan-layout .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip,
.dokan-layout .dokan-admin-dashboard-datatable .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip,
.dokan-layout .dokan-dashboard-datatable .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip {
    background-color: rgba(255, 255, 255, 0.06) !important;
    color: rgba(255, 255, 255, 0.75) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.dokan-layout .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip:hover,
.dokan-layout .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip:focus-visible,
.dokan-layout .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip[aria-expanded="true"],
.dokan-layout .dokan-admin-dashboard-datatable .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip:hover,
.dokan-layout .dokan-admin-dashboard-datatable .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip[aria-expanded="true"] {
    background-color: rgba(255, 255, 255, 0.12) !important;
    color: #ffffff !important;
}

.dokan-layout .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-values,
.dokan-layout .dokan-admin-dashboard-datatable .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-values {
    background-color: rgba(200, 16, 46, 0.15) !important;
    color: var(--dokan-red, #C8102E) !important;
    border-color: rgba(200, 16, 46, 0.35) !important;
}

.dokan-layout .dataviews-filters__button,
.dokan-layout .dataviews-filters-toggle,
.dokan-layout .dataviews-filters__reset-button {
    background: rgba(255, 255, 255, 0.06) !important;
    color: var(--dokan-ink) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: none !important;
}

.dokan-layout .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input,
.dokan-layout .dataviews-search input,
.dokan-layout .dataviews-filters__search-widget-filter-combobox__input {
    background-color: rgba(255, 255, 255, 0.06) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 8px !important;
}

.dokan-layout .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::placeholder {
    color: rgba(255, 255, 255, 0.4) !important;
}

.dokan-layout .dataviews-filters__search-widget-filter-combobox__icon svg,
.dokan-layout .dataviews-filters-toggle svg {
    fill: rgba(255, 255, 255, 0.55) !important;
}

/* Empty state ("No Order Yet" / no products) — .dataviews-no-results */
.dokan-layout .dataviews-no-results,
.dokan-layout .dokan-admin-dashboard-datatable .dataviews-no-results,
.dokan-layout .dokan-dashboard-datatable .dataviews-no-results,
.dokan-layout .components-card__body .dataviews-no-results {
    background: transparent !important;
    color: rgba(255, 255, 255, 0.65) !important;
}

.dokan-layout .dataviews-no-results *,
.dokan-layout .dataviews-no-results h1,
.dokan-layout .dataviews-no-results h2,
.dokan-layout .dataviews-no-results h3,
.dokan-layout .dataviews-no-results p,
.dokan-layout .dataviews-no-results span,
.dokan-layout .dataviews-no-results strong {
    color: inherit !important;
    background: transparent !important;
}

.dokan-layout .dataviews-no-results svg,
.dokan-layout .dataviews-no-results .dashicon,
.dokan-layout .dataviews-no-results [class*="icon"] {
    color: rgba(255, 255, 255, 0.35) !important;
    fill: currentColor !important;
}

/* List/grid empty areas still ship #fff on media wrappers */
.dokan-layout .dataviews-view-list .dataviews-view-list__media-wrapper,
.dokan-layout .dataviews-view-grid .dataviews-view-grid__media,
.dokan-layout .dataviews-column-primary__media {
    background-color: rgba(255, 255, 255, 0.04) !important;
}

/* Tailwind utility leaks on list pages */
.dokan-layout .bg-white,
.dokan-layout .bg-gray-50,
.dokan-layout .bg-gray-100,
.dokan-layout .bg-neutral-50,
.dokan-layout .bg-neutral-100 {
    background-color: var(--dokan-card-bg, #161616) !important;
}

.dokan-layout .text-gray-900,
.dokan-layout .text-gray-800,
.dokan-layout .text-gray-700,
.dokan-layout .text-neutral-900,
.dokan-layout .text-neutral-800 {
    color: var(--dokan-ink, #ffffff) !important;
}

.dokan-layout .text-gray-600,
.dokan-layout .text-gray-500,
.dokan-layout .text-neutral-600,
.dokan-layout .text-neutral-500 {
    color: var(--dokan-muted, rgba(255, 255, 255, 0.55)) !important;
}

/* Mirror §99 list rules for .dokan-dashboard-datatable (alias used on some routes) */
.dokan-layout .dokan-dashboard-datatable .dataviews-view-table thead th,
.dokan-layout .dokan-dashboard-datatable .dataviews-view-table td,
.dokan-layout .dokan-dashboard-datatable .dataviews-view-table th,
.dokan-layout .dokan-dashboard-datatable .dataviews-footer {
    background-color: transparent !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

.dokan-layout .dokan-dashboard-datatable .dataviews-footer {
    background-color: #161616 !important;
}

body.tv-dokan-dashboard .dokan-layout .dokan-admin-dashboard-datatable .dataviews-no-results,
body.tv-dokan-dashboard .dokan-layout .dokan-dashboard-datatable .dataviews-no-results {
    background: transparent !important;
    color: rgba(255, 255, 255, 0.65) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   § 101  GUTENBERG NOTICES (Edit Product / SPA banners)
   ─────────────────────────────────────────────────────────────────────────
   Dokan `dokan-tailwind.css` ships light panels on:
     :is(#dokan-vendor-dashboard-root,.dokan-admin-dashboard-layout,…) .components-notice.is-success
   with #eff9f1 backgrounds. Full-width dashboard mounts on
   #dokan-vendor-dashboard-layout-root — include that ID plus .dokan-layout so every
   route gets dark notices with readable text.
   ─────────────────────────────────────────────────────────────────────── */

:is(
    #dokan-vendor-dashboard-root,
    #dokan-vendor-dashboard-layout-root,
    .dokan-admin-dashboard-layout,
    .dokan-vendor-support-list-container,
    .dokan-layout,
    #dokan-dashboard-fullwidth-wrapper
) .components-notice,
:is(
    #dokan-vendor-dashboard-root,
    #dokan-vendor-dashboard-layout-root,
    .dokan-admin-dashboard-layout,
    .dokan-vendor-support-list-container,
    .dokan-layout,
    #dokan-dashboard-fullwidth-wrapper
) .components-notice-list .components-notice {
    background-color: var(--dokan-card-bg) !important;
    color: var(--dokan-ink) !important;
    border: 1px solid var(--dokan-border) !important;
    border-left-width: 4px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important;
}

:is(
    #dokan-vendor-dashboard-root,
    #dokan-vendor-dashboard-layout-root,
    .dokan-admin-dashboard-layout,
    .dokan-vendor-support-list-container,
    .dokan-layout,
    #dokan-dashboard-fullwidth-wrapper
) .components-notice.is-success {
    background-color: rgba(34, 197, 94, 0.12) !important;
    border-left-color: #4ade80 !important;
    color: #d1fae5 !important;
}

:is(
    #dokan-vendor-dashboard-root,
    #dokan-vendor-dashboard-layout-root,
    .dokan-admin-dashboard-layout,
    .dokan-vendor-support-list-container,
    .dokan-layout,
    #dokan-dashboard-fullwidth-wrapper
) .components-notice.is-warning {
    background-color: rgba(245, 158, 11, 0.12) !important;
    border-left-color: #fbbf24 !important;
    color: #fde68a !important;
}

:is(
    #dokan-vendor-dashboard-root,
    #dokan-vendor-dashboard-layout-root,
    .dokan-admin-dashboard-layout,
    .dokan-vendor-support-list-container,
    .dokan-layout,
    #dokan-dashboard-fullwidth-wrapper
) .components-notice.is-error {
    background-color: rgba(239, 68, 68, 0.12) !important;
    border-left-color: #f87171 !important;
    color: #fecaca !important;
}

:is(
    #dokan-vendor-dashboard-root,
    #dokan-vendor-dashboard-layout-root,
    .dokan-admin-dashboard-layout,
    .dokan-vendor-support-list-container,
    .dokan-layout,
    #dokan-dashboard-fullwidth-wrapper
) .components-notice__content,
:is(
    #dokan-vendor-dashboard-root,
    #dokan-vendor-dashboard-layout-root,
    .dokan-admin-dashboard-layout,
    .dokan-vendor-support-list-container,
    .dokan-layout,
    #dokan-dashboard-fullwidth-wrapper
) .components-notice__content p,
:is(
    #dokan-vendor-dashboard-root,
    #dokan-vendor-dashboard-layout-root,
    .dokan-admin-dashboard-layout,
    .dokan-vendor-support-list-container,
    .dokan-layout,
    #dokan-dashboard-fullwidth-wrapper
) .components-notice__actions {
    color: inherit !important;
    background: transparent !important;
}

:is(
    #dokan-vendor-dashboard-root,
    #dokan-vendor-dashboard-layout-root,
    .dokan-admin-dashboard-layout,
    .dokan-vendor-support-list-container,
    .dokan-layout,
    #dokan-dashboard-fullwidth-wrapper
) .components-notice__dismiss,
:is(
    #dokan-vendor-dashboard-root,
    #dokan-vendor-dashboard-layout-root,
    .dokan-admin-dashboard-layout,
    .dokan-vendor-support-list-container,
    .dokan-layout,
    #dokan-dashboard-fullwidth-wrapper
) .components-notice__dismiss:not(:disabled):not([aria-disabled="true"]):not(.is-secondary):hover,
:is(
    #dokan-vendor-dashboard-root,
    #dokan-vendor-dashboard-layout-root,
    .dokan-admin-dashboard-layout,
    .dokan-vendor-support-list-container,
    .dokan-layout,
    #dokan-dashboard-fullwidth-wrapper
) .components-notice__dismiss:not(:disabled):not([aria-disabled="true"]):not(.is-secondary):focus {
    color: var(--dokan-ink) !important;
    background-color: rgba(255, 255, 255, 0.08) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   § 102  PRODUCTS TABLE — reinforce visibility (card shell + row text)
   Dokan layout/index.css sets #fff card backgrounds and #2f2f2f / #757575 text.
   §99 covers most cases; these rules catch any card/list surface that escaped.
   ─────────────────────────────────────────────────────────────────────── */

#dokan-dashboard-fullwidth-wrapper .components-card,
#dokan-vendor-dashboard-layout-root .components-card,
.dokan-layout .components-card,
.dokan-layout .components-surface.components-card {
    background-color: var(--dokan-card-bg) !important;
    color: var(--dokan-ink) !important;
    border-color: var(--dokan-border) !important;
}

#dokan-dashboard-fullwidth-wrapper .components-card__body,
#dokan-dashboard-fullwidth-wrapper .components-card__header,
#dokan-dashboard-fullwidth-wrapper .components-card__footer,
#dokan-vendor-dashboard-layout-root .components-card__body,
#dokan-vendor-dashboard-layout-root .components-card__header,
#dokan-vendor-dashboard-layout-root .components-card__footer,
.dokan-layout .components-card__body,
.dokan-layout .components-card__header,
.dokan-layout .components-card__footer {
    background: transparent !important;
    color: var(--dokan-ink) !important;
    border-color: var(--dokan-border) !important;
}

.dokan-layout .dokan-admin-dashboard-datatable .dataviews-view-table,
.dokan-layout .dokan-dashboard-datatable .dataviews-view-table {
    color: rgba(255, 255, 255, 0.75) !important;
}

.dokan-layout .dokan-admin-dashboard-datatable .dataviews-view-table td,
.dokan-layout .dokan-admin-dashboard-datatable .dataviews-view-table th,
.dokan-layout .dokan-admin-dashboard-datatable .dataviews-view-table span,
.dokan-layout .dokan-admin-dashboard-datatable .dataviews-view-table p,
.dokan-layout .dokan-admin-dashboard-datatable .dataviews-view-table a,
.dokan-layout .dokan-dashboard-datatable .dataviews-view-table td,
.dokan-layout .dokan-dashboard-datatable .dataviews-view-table th {
    color: inherit;
}

.dokan-layout .dokan-admin-dashboard-datatable .dataviews-title-field,
.dokan-layout .dokan-admin-dashboard-datatable .dataviews-title-field a,
.dokan-layout .dokan-admin-dashboard-datatable .dataviews-title-field--clickable,
.dokan-layout .dokan-admin-dashboard-datatable .dataviews-title-field button.components-button.is-link,
.dokan-layout .dokan-dashboard-datatable .dataviews-title-field,
.dokan-layout .dokan-dashboard-datatable .dataviews-title-field a {
    color: var(--dokan-ink) !important;
}

.dokan-layout .dokan-admin-dashboard-datatable .dataviews-view-table__primary-column-content,
.dokan-layout .dokan-admin-dashboard-datatable .dataviews-view-table__cell-content-wrapper,
.dokan-layout .dokan-admin-dashboard-datatable .dataviews-field__secondary,
.dokan-layout .dokan-admin-dashboard-datatable .dataviews-field__description,
.dokan-layout .dokan-admin-dashboard-datatable [class*="secondary"],
.dokan-layout .dokan-dashboard-datatable .dataviews-view-table__primary-column-content {
    color: var(--dokan-muted) !important;
}

/* Stock / status accents stay readable on dark rows */
.dokan-layout .dokan-admin-dashboard-datatable .dataviews-view-table [class*="out-of-stock"],
.dokan-layout .dokan-admin-dashboard-datatable .dataviews-view-table [class*="outofstock"],
.dokan-layout .dokan-admin-dashboard-datatable .dataviews-view-table .is-out-of-stock {
    color: #f87171 !important;
}

.dokan-layout .dokan-admin-dashboard-datatable .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip {
    background-color: rgba(255, 255, 255, 0.06) !important;
    color: rgba(255, 255, 255, 0.75) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.dokan-layout .dokan-admin-dashboard-datatable .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-values {
    background-color: rgba(200, 16, 46, 0.15) !important;
    color: var(--dokan-red) !important;
    border-color: rgba(200, 16, 46, 0.35) !important;
}

/* Row checkboxes (DataViews selection column) */
.dokan-layout .dokan-admin-dashboard-datatable .components-checkbox-control__input,
.dokan-layout .dokan-admin-dashboard-datatable input[type="checkbox"] {
    background-color: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid var(--dokan-border) !important;
    accent-color: var(--dokan-red) !important;
}

.dokan-layout .dokan-admin-dashboard-datatable .components-checkbox-control__input:checked {
    background-color: var(--dokan-red) !important;
    border-color: var(--dokan-red) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   § 103  CASCADE FIX — chips + table text inside theme-wrapped dashboard
   ─────────────────────────────────────────────────────────────────────────
   Why chips/text stayed "light mode"
   ---------------------------------
   1. Dokan layout/index.css sets filter chips to background:#f0f0f0 and
      color:#2f2f2f (same specificity as §99, no !important on color).
   2. body { color:#fff } from theme.css makes inherited text white while
      chip backgrounds stay light → unreadable / looks like white UI.
   3. theme.css forced light input backgrounds on ALL .dokan-dashboard-wrap
      inputs (including DataViews search).
   4. dokan-modern.css was loading BEFORE dark-controls.css, so late rules
      could not be corrected by dokan-modern.

   These rules use body.tv-dokan-dashboard + .dokan-dashboard-wrap so they
   beat Dokan and theme inheritance on /dashboard/products/ inside the theme
   chrome (not only full-width template).
   ─────────────────────────────────────────────────────────────────────── */

body.tv-dokan-dashboard .dokan-dashboard-wrap :is(.dokan-layout, #dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .components-card,
body.tv-dokan-dashboard .dokan-dashboard-wrap :is(.dokan-layout, #dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .components-surface.components-card,
body.tv-dokan-dashboard.dokan-dashboard-fullwidth-template :is(.dokan-layout, #dokan-vendor-dashboard-layout-root) .components-card {
    background-color: var(--dokan-card-bg) !important;
    color: var(--dokan-ink) !important;
    border-color: var(--dokan-border) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-wrap :is(.dokan-layout, #dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .dokan-admin-dashboard-datatable,
body.tv-dokan-dashboard .dokan-dashboard-wrap :is(.dokan-layout, #dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .dokan-dashboard-datatable,
body.tv-dokan-dashboard .dokan-dashboard-wrap :is(.dokan-layout, #dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .dataviews-wrapper,
body.tv-dokan-dashboard .dokan-dashboard-wrap :is(.dokan-layout, #dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .dataviews-picker-wrapper {
    background-color: transparent !important;
    color: var(--dokan-ink) !important;
}

/* Filter chips — default, hover, expanded, active (has-values) */
body.tv-dokan-dashboard .dokan-dashboard-wrap .dokan-layout .dokan-admin-dashboard-datatable .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip,
body.tv-dokan-dashboard .dokan-dashboard-wrap .dokan-layout .dokan-dashboard-datatable .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip,
body.tv-dokan-dashboard .dokan-dashboard-wrap .dokan-layout .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip,
body.tv-dokan-dashboard .dokan-dashboard-wrap :is(#dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip {
    background-color: rgba(255, 255, 255, 0.06) !important;
    color: rgba(255, 255, 255, 0.78) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-wrap .dokan-layout .dokan-admin-dashboard-datatable .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip:hover,
body.tv-dokan-dashboard .dokan-dashboard-wrap .dokan-layout .dokan-admin-dashboard-datatable .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip:focus-visible,
body.tv-dokan-dashboard .dokan-dashboard-wrap .dokan-layout .dokan-admin-dashboard-datatable .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip[aria-expanded="true"],
body.tv-dokan-dashboard .dokan-dashboard-wrap .dokan-layout .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip:hover,
body.tv-dokan-dashboard .dokan-dashboard-wrap .dokan-layout .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip[aria-expanded="true"] {
    background-color: rgba(255, 255, 255, 0.12) !important;
    color: var(--dokan-ink) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-wrap .dokan-layout .dokan-admin-dashboard-datatable .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-values,
body.tv-dokan-dashboard .dokan-dashboard-wrap .dokan-layout .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-values {
    background-color: rgba(200, 16, 46, 0.15) !important;
    color: var(--dokan-red) !important;
    border-color: rgba(200, 16, 46, 0.35) !important;
}

/* Tailwind utility leaks on chip rows (dokan-tailwind.css) */
body.tv-dokan-dashboard .dokan-dashboard-wrap :is(.dokan-layout, #dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) :is(.bg-white, .bg-gray-50, .bg-gray-100, .bg-neutral-50, .bg-neutral-100),
body.tv-dokan-dashboard.dokan-dashboard-fullwidth-template :is(.dokan-layout, #dokan-vendor-dashboard-layout-root) :is(.bg-white, .bg-gray-50, .bg-gray-100) {
    background-color: rgba(255, 255, 255, 0.06) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-wrap :is(.dokan-layout, #dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) :is(.text-gray-900, .text-gray-800, .text-gray-700, .text-gray-600, .text-gray-500, .text-neutral-900, .text-neutral-800, .text-neutral-600),
body.tv-dokan-dashboard .dokan-dashboard-wrap :is(.dokan-layout, #dokan-vendor-dashboard-root, #dokan-vendor-dashboard-layout-root) :is(.text-black, .text-neutral-700) {
    color: var(--dokan-ink) !important;
}

/* Table + product title / SKU — defeat #2f2f2f / #757575 from Dokan */
body.tv-dokan-dashboard .dokan-dashboard-wrap .dokan-layout .dokan-admin-dashboard-datatable .dataviews-view-table,
body.tv-dokan-dashboard .dokan-dashboard-wrap .dokan-layout .dokan-dashboard-datatable .dataviews-view-table {
    color: rgba(255, 255, 255, 0.72) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-wrap .dokan-layout .dokan-admin-dashboard-datatable .dataviews-view-table thead th,
body.tv-dokan-dashboard .dokan-dashboard-wrap .dokan-layout .dokan-admin-dashboard-datatable .dataviews-view-table .dataviews-view-table-header-button {
    color: rgba(255, 255, 255, 0.55) !important;
    background-color: transparent !important;
}

body.tv-dokan-dashboard .dokan-dashboard-wrap .dokan-layout .dokan-admin-dashboard-datatable .dataviews-title-field,
body.tv-dokan-dashboard .dokan-dashboard-wrap .dokan-layout .dokan-admin-dashboard-datatable .dataviews-title-field a,
body.tv-dokan-dashboard .dokan-dashboard-wrap .dokan-layout .dokan-admin-dashboard-datatable .dataviews-title-field--clickable,
body.tv-dokan-dashboard .dokan-dashboard-wrap .dokan-layout .dokan-admin-dashboard-datatable .dataviews-title-field button.components-button.is-link {
    color: var(--dokan-ink) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-wrap .dokan-layout .dokan-admin-dashboard-datatable .dataviews-view-table td,
body.tv-dokan-dashboard .dokan-dashboard-wrap .dokan-layout .dokan-admin-dashboard-datatable .dataviews-view-table th,
body.tv-dokan-dashboard .dokan-dashboard-wrap .dokan-layout .dokan-admin-dashboard-datatable .dataviews-view-table span,
body.tv-dokan-dashboard .dokan-dashboard-wrap .dokan-layout .dokan-admin-dashboard-datatable .dataviews-view-table p,
body.tv-dokan-dashboard .dokan-dashboard-wrap .dokan-layout .dokan-admin-dashboard-datatable .dataviews-view-table div {
    color: inherit;
}

body.tv-dokan-dashboard .dokan-dashboard-wrap .dokan-layout .dokan-admin-dashboard-datatable .components-badge,
body.tv-dokan-dashboard .dokan-dashboard-wrap .dokan-layout .dokan-admin-dashboard-datatable mark.order-status,
body.tv-dokan-dashboard .dokan-dashboard-wrap .dokan-layout .dokan-admin-dashboard-datatable [class*="status-pending"],
body.tv-dokan-dashboard .dokan-dashboard-wrap .dokan-layout .dokan-admin-dashboard-datatable [class*="pending"] {
    background-color: rgba(245, 158, 11, 0.14) !important;
    color: #fbbf24 !important;
    border: 1px solid rgba(245, 158, 11, 0.35) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-wrap .dokan-layout .dokan-admin-dashboard-datatable .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input,
body.tv-dokan-dashboard .dokan-dashboard-wrap .dokan-layout .dataviews-search input,
body.tv-dokan-dashboard .dokan-dashboard-wrap .dokan-layout .woocommerce-search,
body.tv-dokan-dashboard .dokan-dashboard-wrap .dokan-layout .woocommerce-search__field {
    background-color: rgba(255, 255, 255, 0.06) !important;
    color: var(--dokan-ink) !important;
    border: 1px solid var(--dokan-border) !important;
}

body.tv-dokan-dashboard .dokan-dashboard-wrap .dokan-layout .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::placeholder {
    color: rgba(255, 255, 255, 0.4) !important;
}