/* ============================================================
   TAX DASHBOARD — FINAL DARK MODE
   Match Macro / Debt dashboard dark-theme behaviour
============================================================ */

[data-theme="dark"] .public-dashboard-page.tax-dashboard-page {
    background:
        radial-gradient(
            circle at top left,
            rgba(0, 129, 198, 0.10),
            transparent 34%
        ),
        linear-gradient(
            135deg,
            #06162d 0%,
            #071b36 48%,
            #06162d 100%
        ) !important;

    color: #f5f7fb !important;
}


/* ------------------------------------------------------------
   Main cards / KPI / chart / sidebar / collapsibles
------------------------------------------------------------ */

[data-theme="dark"]
.public-dashboard-page.tax-dashboard-page
.dashboard-card,

[data-theme="dark"]
.public-dashboard-page.tax-dashboard-page
.kpi-card,

[data-theme="dark"]
.public-dashboard-page.tax-dashboard-page
.tax-indicator-chart-card,

[data-theme="dark"]
.public-dashboard-page.tax-dashboard-page
.sidebar-card,

[data-theme="dark"]
.public-dashboard-page.tax-dashboard-page
.collapsible-card {

    background:
        linear-gradient(
            180deg,
            rgba(8, 30, 60, 0.98),
            rgba(4, 17, 38, 0.98)
        ) !important;

    color: #f5f7fb !important;

    border-color:
        rgba(116, 174, 220, 0.16) !important;

    box-shadow:
        0 12px 30px rgba(0, 0, 0, 0.22),
        0 22px 52px rgba(0, 0, 0, 0.18) !important;
}


/* ------------------------------------------------------------
   Headings / important values
------------------------------------------------------------ */

[data-theme="dark"]
.public-dashboard-page.tax-dashboard-page
h1,

[data-theme="dark"]
.public-dashboard-page.tax-dashboard-page
h2,

[data-theme="dark"]
.public-dashboard-page.tax-dashboard-page
h3,

[data-theme="dark"]
.public-dashboard-page.tax-dashboard-page
h4,

[data-theme="dark"]
.public-dashboard-page.tax-dashboard-page
h5,

[data-theme="dark"]
.public-dashboard-page.tax-dashboard-page
h6,

[data-theme="dark"]
.public-dashboard-page.tax-dashboard-page
.kpi-value,

[data-theme="dark"]
.public-dashboard-page.tax-dashboard-page
.tax-indicator-chart-header h5,

[data-theme="dark"]
.public-dashboard-page.tax-dashboard-page
.collapsible-title,

[data-theme="dark"]
.public-dashboard-page.tax-dashboard-page
.sidebar-card h3 {

    color: #ffffff !important;
}


/* ------------------------------------------------------------
   Secondary / descriptive text
------------------------------------------------------------ */

[data-theme="dark"]
.public-dashboard-page.tax-dashboard-page
p,

[data-theme="dark"]
.public-dashboard-page.tax-dashboard-page
.kpi-label,

[data-theme="dark"]
.public-dashboard-page.tax-dashboard-page
.kpi-meta,

[data-theme="dark"]
.public-dashboard-page.tax-dashboard-page
.collapsible-subtitle,

[data-theme="dark"]
.public-dashboard-page.tax-dashboard-page
.tax-meta-row span,

[data-theme="dark"]
.public-dashboard-page.tax-dashboard-page
.chart-card-header p {

    color: #a9c7e6 !important;
}


[data-theme="dark"]
.public-dashboard-page.tax-dashboard-page
.tax-meta-row strong {

    color: #edf6ff !important;
}


/* ------------------------------------------------------------
   Filter card and controls
------------------------------------------------------------ */

[data-theme="dark"]
.public-dashboard-page.tax-dashboard-page
.filter-bar-card {

    background:
        linear-gradient(
            180deg,
            rgba(8, 30, 60, 0.98),
            rgba(5, 20, 43, 0.98)
        ) !important;

    border-color:
        rgba(116, 174, 220, 0.16) !important;
}












[data-theme="dark"]
.public-dashboard-page.tax-dashboard-page
.ts-dropdown .option {
    background: transparent !important;
}




/* ------------------------------------------------------------
   Chart cards and chart surroundings
------------------------------------------------------------ */



[data-theme="dark"]
.public-dashboard-page.tax-dashboard-page
.tax-indicator-meta-block {

    background:
        rgba(7, 28, 56, 0.74) !important;

    border-color:
        rgba(116, 174, 220, 0.14) !important;
}


/* ------------------------------------------------------------
   Chart / Table Preview tabs
------------------------------------------------------------ */

[data-theme="dark"]
.public-dashboard-page.tax-dashboard-page
.tax-chart-tab-btn {

    background:
        rgba(255, 255, 255, 0.045) !important;

    color: #cfe3f7 !important;

    border-color:
        rgba(255, 255, 255, 0.10) !important;
}


[data-theme="dark"]
.public-dashboard-page.tax-dashboard-page
.tax-chart-tab-btn:hover {

    background:
        rgba(0, 129, 198, 0.14) !important;

    color: #ffffff !important;
}


[data-theme="dark"]
.public-dashboard-page.tax-dashboard-page
.tax-chart-tab-btn.active {

    background: #0081c6 !important;
    color: #ffffff !important;
    border-color: #0081c6 !important;
}


/* ------------------------------------------------------------
   Download buttons
------------------------------------------------------------ */

[data-theme="dark"]
.public-dashboard-page.tax-dashboard-page
.tax-small-download-btn {

    background:
        rgba(0, 129, 198, 0.12) !important;

    color: #d9efff !important;

    border-color:
        rgba(0, 129, 198, 0.32) !important;
}


[data-theme="dark"]
.public-dashboard-page.tax-dashboard-page
.tax-small-download-btn:hover {

    background:
        rgba(0, 129, 198, 0.22) !important;

    color: #ffffff !important;

    border-color:
        rgba(82, 203, 255, 0.50) !important;
}


/* ------------------------------------------------------------
   Tables
------------------------------------------------------------ */

[data-theme="dark"]
.public-dashboard-page.tax-dashboard-page
.dashboard-table,

[data-theme="dark"]
.public-dashboard-page.tax-dashboard-page
.tax-indicator-mini-table {
    color: #eaf4ff !important;
}




[data-theme="dark"]
.public-dashboard-page.tax-dashboard-page
.dashboard-table td,

[data-theme="dark"]
.public-dashboard-page.tax-dashboard-page
.tax-indicator-mini-table td {
    background: #071a34 !important;
}


[data-theme="dark"]
.public-dashboard-page.tax-dashboard-page
.dashboard-table tbody tr:hover td,

[data-theme="dark"]
.public-dashboard-page.tax-dashboard-page
.tax-indicator-mini-table tbody tr:hover td {

    background:
        rgba(0, 129, 198, 0.10) !important;
}


/* ------------------------------------------------------------
   Indicator Definitions / FAQ
------------------------------------------------------------ */

[data-theme="dark"]
.public-dashboard-page.tax-dashboard-page
.collapsible-toggle {

    color: #f5f7fb !important;
}


[data-theme="dark"]
.public-dashboard-page.tax-dashboard-page
.collapsible-icon {

    color: #52cbff !important;

    background:
        rgba(0, 129, 198, 0.13) !important;

    border-color:
        rgba(82, 203, 255, 0.26) !important;
}


[data-theme="dark"]
.public-dashboard-page.tax-dashboard-page
.collapsible-content {

    color: #d7e7f6 !important;
}


/* ------------------------------------------------------------
   Sidebar navigation
------------------------------------------------------------ */



[data-theme="dark"]
.public-dashboard-page.tax-dashboard-page
.public-page-nav-item:hover,

[data-theme="dark"]
.public-dashboard-page.tax-dashboard-page
.public-page-nav-item.active {

    background:
        rgba(0, 129, 198, 0.16) !important;

    color: #79d6ff !important;

    border-color:
        rgba(82, 203, 255, 0.34) !important;
}


/* ------------------------------------------------------------
   Keep canvases transparent so Chart.js dark theme shows
------------------------------------------------------------ */

[data-theme="dark"]
.public-dashboard-page.tax-dashboard-page
canvas {
    background: transparent !important;
}


/* ============================================================
   TAX DARK MODE — DEBT-LIKE STRUCTURE, BLUE IDENTITY
   Put this at the very end of the file
============================================================ */

[data-theme="dark"] .public-dashboard-page.tax-dashboard-page,
[data-theme="dark"] .tax-dashboard-page {
    background:
        linear-gradient(
            135deg,
            #031128 0%,
            #04162f 45%,
            #031128 100%
        ) !important;

    color: #f4f8ff !important;
}

/* ============================================================
   Cards
============================================================ */

[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .dashboard-card,
[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .kpi-card,
[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .sidebar-card,
[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .collapsible-card,
[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .tax-indicator-chart-card,
[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .filter-bar-card,
[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .tax-dataset-summary-card {
    position: relative !important;
    overflow: hidden !important;
    background:
        linear-gradient(
            180deg,
            rgba(4, 23, 50, 0.98),
            rgba(2, 14, 31, 0.98)
        ) !important;
    border: 1px solid rgba(82, 203, 255, 0.13) !important;
    color: #f4f8ff !important;
    box-shadow:
        0 8px 18px rgba(0, 0, 0, 0.22),
        0 18px 44px rgba(0, 0, 0, 0.28) !important;
}


[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .dashboard-card > *,
[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .sidebar-card > *,
[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .collapsible-card > *,
[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .tax-indicator-chart-card > *,
[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .filter-bar-card > *,
[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .tax-dataset-summary-card > * {
    position: relative;
    z-index: 1;
}

/* hover */
[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .dashboard-card:hover,
[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .kpi-card:hover,
[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .sidebar-card:hover,
[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .collapsible-card:hover,
[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .tax-indicator-chart-card:hover,
[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .filter-bar-card:hover {
    border-color: rgba(82, 203, 255, 0.26) !important;
    box-shadow:
        0 12px 24px rgba(0, 0, 0, 0.28),
        0 26px 58px rgba(0, 0, 0, 0.34) !important;
}


/* ============================================================
   KPI cards — bottom blue glow like debt
============================================================ */

[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .kpi-card::before {
    content: "" !important;
    position: absolute !important;
    left: 18px !important;
    right: 18px !important;
    bottom: 0 !important;
    height: 4px !important;
    border-radius: 999px !important;
    background: linear-gradient(
        90deg,
        rgba(82, 203, 255, 0.02) 0%,
        rgba(0, 129, 198, 0.36) 24%,
        rgba(82, 203, 255, 0.56) 50%,
        rgba(0, 129, 198, 0.36) 76%,
        rgba(82, 203, 255, 0.02) 100%
    ) !important;
    box-shadow: none !important;
}

[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .kpi-card::after {
    content: none !important;
    display: none !important;
}

/* ============================================================
   Text
============================================================ */

[data-theme="dark"] .public-dashboard-page.tax-dashboard-page h1,
[data-theme="dark"] .public-dashboard-page.tax-dashboard-page h2,
[data-theme="dark"] .public-dashboard-page.tax-dashboard-page h3,
[data-theme="dark"] .public-dashboard-page.tax-dashboard-page h4,
[data-theme="dark"] .public-dashboard-page.tax-dashboard-page h5,
[data-theme="dark"] .public-dashboard-page.tax-dashboard-page h6,
[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .kpi-value,
[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .chart-card-header h3,
[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .download-title,
[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .collapsible-title,
[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .sidebar-card h3 {
    color: #ffffff !important;
}

[data-theme="dark"] .public-dashboard-page.tax-dashboard-page p,
[data-theme="dark"] .public-dashboard-page.tax-dashboard-page span,
[data-theme="dark"] .public-dashboard-page.tax-dashboard-page label,
[data-theme="dark"] .public-dashboard-page.tax-dashboard-page small,
[data-theme="dark"] .public-dashboard-page.tax-dashboard-page td,
[data-theme="dark"] .public-dashboard-page.tax-dashboard-page th,
[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .kpi-label,
[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .kpi-meta,
[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .chart-card-header p,
[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .download-meta,
[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .collapsible-subtitle,
[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .dashboard-description,
[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .tax-dataset-method-note {
    color: #a9cdec !important;
}

[data-theme="dark"] .public-dashboard-page.tax-dashboard-page strong {
    color: #e8f4ff !important;
}

/* ============================================================
   Filters
============================================================ */

[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .filter-box label {
    color: #d8eaff !important;
}

[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .filter-box select,
[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .filter-box input,
[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .ts-control {
    background: rgba(4, 23, 50, 0.96) !important;
    color: #ffffff !important;
    border: 1px solid rgba(82, 203, 255, 0.18) !important;
}

[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .filter-box select option {
    background: #071a36 !important;
    color: #ffffff !important;
}

[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .filter-box select:focus,
[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .filter-box input:focus,
[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .ts-wrapper.focus .ts-control {
    border-color: rgba(82, 203, 255, 0.55) !important;
    box-shadow: 0 0 0 3px rgba(82, 203, 255, 0.14) !important;
}

[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .ts-control input {
    color: #ffffff !important;
}

[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .ts-dropdown {
    background: #081a33 !important;
    border: 1px solid rgba(82, 203, 255, 0.18) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .ts-dropdown .option {
    color: #dcecff !important;
}

[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .ts-dropdown .option.active,
[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .ts-dropdown .option:hover {
    background: rgba(0, 129, 198, 0.18) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .ts-dropdown .no-results {
    color: #9cc3e4 !important;
}

/* ============================================================
   Buttons / tabs
============================================================ */

[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .download-btn,
[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .chart-download-btn,
[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .tab-btn.active,
[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .tax-chart-tab-btn.active {
    background: #0081c6 !important;
    color: #ffffff !important;
    border-color: #1aa7ea !important;
    box-shadow: 0 8px 20px rgba(0, 129, 198, 0.30) !important;
}

[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .download-btn:hover,
[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .chart-download-btn:hover,
[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .tab-btn.active,
[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .tax-chart-tab-btn.active {
    background: #0195e2 !important;
    color: #ffffff !important;
}

[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .secondary-btn {
    background: rgba(0, 129, 198, 0.10) !important;
    border-color: rgba(82, 203, 255, 0.22) !important;
    color: #d5efff !important;
}

[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .secondary-btn:hover {
    background: rgba(0, 129, 198, 0.18) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .tab-btn,
[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .tax-chart-tab-btn,
[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .tax-small-download-btn {
    background: rgba(255, 255, 255, 0.045) !important;
    color: #dbe8ff !important;
    border: 1px solid rgba(82, 203, 255, 0.16) !important;
}

[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .tab-btn:hover,
[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .tax-chart-tab-btn:hover,
[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .tax-small-download-btn:hover {
    background: rgba(0, 129, 198, 0.18) !important;
    color: #ffffff !important;
    border-color: rgba(82, 203, 255, 0.34) !important;
}

/* ============================================================
   Meta blocks / chart wraps
============================================================ */

[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .tax-indicator-meta-block,
[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .tax-dataset-method-note {
    background:
        linear-gradient(90deg, rgba(0, 129, 198, 0.10), rgba(0, 129, 198, 0.03)) !important;
    border: 1px solid rgba(82, 203, 255, 0.10) !important;
}

[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .tax-indicator-chart-wrap {
    background: rgba(2, 16, 36, 0.72) !important;
    border: 1px solid rgba(82, 203, 255, 0.10) !important;
}

[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .chart-meta-badge,
[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .collapsible-icon {
    background: rgba(255, 255, 255, 0.06) !important;
    color: #d7f1ff !important;
    border: 1px solid rgba(82, 203, 255, 0.18) !important;
}

/* ============================================================
   Tables
============================================================ */

[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .dashboard-table {
    background: rgba(4, 20, 42, 0.92) !important;
}

[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .tax-indicator-mini-table {
    background: transparent !important;
}

[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .dashboard-table th {
    background: rgba(7, 29, 59, 0.98) !important;
    color: #ffffff !important;
    border-color: rgba(82, 203, 255, 0.10) !important;
}

[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .tax-indicator-mini-table th {
    background: #061a36 !important;
    color: #9fb5d8 !important;
    border-color: rgba(148, 163, 184, 0.11) !important;
}

[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .dashboard-table td {
    color: #dcecff !important;
    border-color: rgba(82, 203, 255, 0.08) !important;
}

[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .tax-indicator-mini-table td {
    color: #e5e7eb !important;
    background: transparent !important;
    border-color: rgba(148, 163, 184, 0.11) !important;
}

[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .dashboard-table tbody tr:hover,
[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .tax-indicator-mini-table tbody tr:hover {
    background: rgba(0, 129, 198, 0.08) !important;
}

/* ============================================================
   Sidebar navigation
============================================================ */

[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .public-page-nav-item {
    border-color: rgba(255, 255, 255, 0.08) !important;
    background: rgba(255, 255, 255, 0.045) !important;
    color: #dbe8ff !important;
}

[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .public-page-nav-item:hover {
    background: rgba(0, 129, 198, 0.14) !important;
    color: #7fd8ff !important;
    border-color: rgba(82, 203, 255, 0.34) !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.16) !important;
}

[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .public-page-nav-item:hover::before {
    background: #3cc8ff !important;
}

[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .public-page-nav-item.active {
    background: rgba(0, 129, 198, 0.16) !important;
    color: #8ce0ff !important;
    border-color: rgba(82, 203, 255, 0.38) !important;
    box-shadow:
        0 8px 18px rgba(0, 0, 0, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

[data-theme="dark"] .public-dashboard-page.tax-dashboard-page .public-page-nav-item.active::before {
    background: #3cc8ff !important;
}

/* canvas text area remains clean */
[data-theme="dark"] .public-dashboard-page.tax-dashboard-page canvas {
    color: #ffffff !important;
}