/* ============================================================
   Public Tax Dashboard — Tax-Specific Styles

   Shared dashboard layout, navigation, filter actions and
   common components are defined in:
   public_dashboard_common.css
============================================================ */


/* ============================================================
   Theme Variables
============================================================ */

.tax-dashboard-page {
    --tax-accent: #0081c6;
    --tax-accent-dark: #006fa8;
    --tax-accent-soft: rgba(0, 129, 198, 0.12);
    --tax-accent-border: rgba(0, 129, 198, 0.28);

    --tax-text: #f5f7fb;
    --tax-text-muted: #a9cdec;
    --tax-text-soft: #8bb7dc;

    --tax-surface: rgba(7, 25, 54, 0.98);
    --tax-surface-dark: rgba(3, 12, 28, 0.98);
    --tax-border: rgba(255, 255, 255, 0.08);

    --dashboard-accent: #0081c6;
    --dashboard-accent-dark: #006fa8;
    --dashboard-accent-text: #ffffff;

    color: var(--tax-text);
}


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

.public-dashboard-page.tax-dashboard-page .dashboard-card {
    background:
        radial-gradient(
            circle at top left,
            rgba(0, 129, 198, 0.14),
            transparent 34%
        ),
        linear-gradient(
            180deg,
            rgba(7, 25, 54, 0.98),
            rgba(3, 12, 28, 0.98)
        );

    border: 1px solid rgba(0, 129, 198, 0.22);

    box-shadow:
        0 18px 45px rgba(0, 0, 0, 0.24);

    color: #f5f7fb;
}

/* ============================================================
   TAX MAIN TAB
============================================================ */

/*
   Keep the shared appearance of Overview / Macro / Debt.
   Only Tax receives the Tax-blue active/hover treatment.
*/

.public-dashboard-page.tax-dashboard-page
.tax-main-tab:hover,
.public-dashboard-page.tax-dashboard-page
.tax-main-tab:focus,
.public-dashboard-page.tax-dashboard-page
.tax-main-tab.active {
    background: #0081c6 !important;
    border-color: #006fa8 !important;
    color: #ffffff !important;
}


.public-dashboard-page.tax-dashboard-page
.tax-main-tab.active {
    font-weight: 800;

    box-shadow:
        0 8px 18px rgba(0, 129, 198, 0.24) !important;
}

/* ============================================================
   Filter Form
============================================================ */

.tax-filter-form {
    grid-template-columns:
        minmax(220px, 1.5fr)
        minmax(220px, 1.5fr)
        minmax(130px, 1fr)
        minmax(130px, 1fr)
        auto;
}

.public-dashboard-page.tax-dashboard-page .filter-box label {
    color: #b9d8f2;
}

.public-dashboard-page.tax-dashboard-page .filter-box select,
.public-dashboard-page.tax-dashboard-page .filter-box input {
    border: 1px solid rgba(0, 129, 198, 0.24);
    background: #061a36;
    color: #f5f7fb;
}

.public-dashboard-page.tax-dashboard-page .filter-box select:focus,
.public-dashboard-page.tax-dashboard-page .filter-box input:focus {
    border-color: rgba(0, 129, 198, 0.85);

    box-shadow:
        0 0 0 3px rgba(0, 129, 198, 0.18);
}


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

.public-dashboard-page.tax-dashboard-page .download-btn,
.public-dashboard-page.tax-dashboard-page .chart-download-btn {
    background: #0081c6;
    color: #ffffff;
    border: 1px solid #006fa8;
}

.public-dashboard-page.tax-dashboard-page .download-btn:hover,
.public-dashboard-page.tax-dashboard-page .chart-download-btn:hover {
    transform: translateY(-1px);

    box-shadow:
        0 10px 22px rgba(0, 129, 198, 0.28);
}

.public-dashboard-page.tax-dashboard-page .download-btn:disabled,
.public-dashboard-page.tax-dashboard-page .chart-download-btn:disabled {
    opacity: 0.55;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.public-dashboard-page.tax-dashboard-page .secondary-btn {
    background: rgba(0, 129, 198, 0.10);
    border: 1px solid rgba(0, 129, 198, 0.24);
    color: #cdeaff;
}


/* ============================================================
   Dataset Summary
============================================================ */

.public-dashboard-page.tax-dashboard-page .tax-dataset-summary-card {
    margin-bottom: 20px;
    padding: 20px 22px;
}

.public-dashboard-page.tax-dashboard-page .dashboard-description {
    margin: 8px 0 0;
    color: #a9cdec;
    line-height: 1.6;
    font-size: 0.9rem;
}

.public-dashboard-page.tax-dashboard-page .tax-dataset-method-note {
    margin-top: 14px;
    padding: 12px 14px;

    border-radius: 12px;

    background:
        linear-gradient(
            90deg,
            rgba(0, 129, 198, 0.12),
            rgba(0, 129, 198, 0.035)
        );

    border: 1px solid rgba(0, 129, 198, 0.18);

    color: #c7def3;

    font-size: 0.82rem;
    line-height: 1.55;
}

.public-dashboard-page.tax-dashboard-page .tax-dataset-method-note strong {
    color: #ffffff;
}


/* ============================================================
   Section Headings
============================================================ */

.public-dashboard-page.tax-dashboard-page .tax-section-heading {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;

    gap: 16px;

    margin:
        8px 0 14px;
}

.public-dashboard-page.tax-dashboard-page .tax-section-heading h3 {
    margin: 0;
    color: #ffffff;
    font-size: 1.15rem;
    font-weight: 800;
}

.public-dashboard-page.tax-dashboard-page .tax-section-heading p {
    margin: 6px 0 0;
    color: #a9cdec;
    font-size: 0.84rem;
    line-height: 1.5;
}

.public-dashboard-page.tax-dashboard-page .tax-chart-section-heading {
    padding-bottom: 15px;

    border-bottom:
        1px solid rgba(255, 255, 255, 0.08);
}




/* ============================================================
   TAX TOP-NAV DROPDOWN

   Overrides the shared Debt/gold dropdown accent with the
   Tax dashboard blue identity.
============================================================ */


/* ------------------------------------------------------------
   Normal Tax dropdown item
------------------------------------------------------------ */

.public-dashboard-page.tax-dashboard-page
.tax-dropdown-menu
.tax-dropdown-item {
    color: #0f2747 !important;

    transition:
        background-color 0.18s ease,
        border-color 0.18s ease,
        color 0.18s ease,
        box-shadow 0.18s ease !important;
}


/* ------------------------------------------------------------
   Hover / focus
------------------------------------------------------------ */

.public-dashboard-page.tax-dashboard-page
.tax-dropdown-menu
.tax-dropdown-item:hover,

.public-dashboard-page.tax-dashboard-page
.tax-dropdown-menu
.tax-dropdown-item:focus {
    background:
        linear-gradient(
            180deg,
            rgba(232, 247, 254, 0.98),
            rgba(243, 250, 254, 0.98)
        ) !important;

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

    color: #006fa8 !important;

    box-shadow:
        inset 0 0 0 1px rgba(0, 129, 198, 0.03),
        0 3px 10px rgba(0, 129, 198, 0.05) !important;
}


/* ------------------------------------------------------------
   Current / active Tax page
------------------------------------------------------------ */

.public-dashboard-page.tax-dashboard-page
.tax-dropdown-menu
.tax-dropdown-item.active,

.public-dashboard-page.tax-dashboard-page
.tax-dropdown-menu
.tax-dropdown-item[aria-current="page"] {
    background:
        linear-gradient(
            180deg,
            #e4f4fc,
            #f0f9fd
        ) !important;

    border:
        1px solid rgba(0, 129, 198, 0.32) !important;

    color: #006fa8 !important;

    box-shadow:
        inset 0 0 0 1px rgba(0, 129, 198, 0.035),
        0 3px 10px rgba(0, 129, 198, 0.05) !important;
}


/* Slightly stronger blue when active item is hovered */

.public-dashboard-page.tax-dashboard-page
.tax-dropdown-menu
.tax-dropdown-item.active:hover,

.public-dashboard-page.tax-dashboard-page
.tax-dropdown-menu
.tax-dropdown-item[aria-current="page"]:hover {
    background:
        linear-gradient(
            180deg,
            #d9effa,
            #eaf7fc
        ) !important;

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


/* ------------------------------------------------------------
   Dropdown title
------------------------------------------------------------ */

.public-dashboard-page.tax-dashboard-page
.tax-dropdown-menu
.tax-dropdown-item:hover
.dashboard-dropdown-title,

.public-dashboard-page.tax-dashboard-page
.tax-dropdown-menu
.tax-dropdown-item:focus
.dashboard-dropdown-title,

.public-dashboard-page.tax-dashboard-page
.tax-dropdown-menu
.tax-dropdown-item.active
.dashboard-dropdown-title,

.public-dashboard-page.tax-dashboard-page
.tax-dropdown-menu
.tax-dropdown-item[aria-current="page"]
.dashboard-dropdown-title {
    color: #075f91 !important;
}


/* ------------------------------------------------------------
   Dropdown description
------------------------------------------------------------ */

.public-dashboard-page.tax-dashboard-page
.tax-dropdown-menu
.tax-dropdown-item:hover
.dashboard-dropdown-desc,

.public-dashboard-page.tax-dashboard-page
.tax-dropdown-menu
.tax-dropdown-item:focus
.dashboard-dropdown-desc,

.public-dashboard-page.tax-dashboard-page
.tax-dropdown-menu
.tax-dropdown-item.active
.dashboard-dropdown-desc,

.public-dashboard-page.tax-dashboard-page
.tax-dropdown-menu
.tax-dropdown-item[aria-current="page"]
.dashboard-dropdown-desc {
    color: #527995 !important;
}


/* ------------------------------------------------------------
   Keyboard accessibility
------------------------------------------------------------ */

.public-dashboard-page.tax-dashboard-page
.tax-dropdown-menu
.tax-dropdown-item:focus-visible {
    outline:
        2px solid rgba(0, 129, 198, 0.32) !important;

    outline-offset: 1px;
}

/* ============================================================
   TAX DROPDOWN SEPARATORS
   Keep ONLY the dashed separator — no solid line
============================================================ */

/* Remove the normal/solid border between items */
.public-dashboard-page.tax-dashboard-page
.tax-dropdown-menu
.tax-dropdown-item
+ .tax-dropdown-item {
    border-top: none !important;
}


/* Keep the shared Debt-style dashed separator,
   but change its colour to Tax blue */
.public-dashboard-page.tax-dashboard-page
.tax-dropdown-menu
.tax-dropdown-item
+ .tax-dropdown-item::after {
    border-color:
        rgba(0, 129, 198, 0.26) !important;

    background-color:
        transparent !important;
}