/* ============================================================
   Light Mode — Macro
============================================================ */

[data-theme="light"] .public-dashboard-page.macro-dashboard-page {
    background:
        radial-gradient(circle at top left, rgba(226, 232, 240, 0.78), transparent 34%),
        linear-gradient(135deg, #f8fafc 0%, #eef2f7 48%, #f8fafc 100%) !important;
    color: #0f2747 !important;
}

[data-theme="light"] .public-dashboard-page.macro-dashboard-page .dashboard-card,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .kpi-card,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .macro-indicator-chart-card,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .sidebar-card,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .collapsible-card {
    position: relative !important;
    overflow: hidden !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.96)) !important;
    color: #0f2747 !important;
    border: 1px solid rgba(15, 39, 71, 0.12) !important;
    box-shadow:
        0 8px 18px rgba(15, 23, 42, 0.055),
        0 18px 45px rgba(15, 23, 42, 0.085) !important;
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease,
        background 0.25s ease !important;
}

[data-theme="light"] .public-dashboard-page.macro-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(148, 163, 184, 0.04) 0%,
        rgba(100, 116, 139, 0.28) 22%,
        rgba(71, 85, 105, 0.36) 50%,
        rgba(100, 116, 139, 0.28) 78%,
        rgba(148, 163, 184, 0.04) 100%
    ) !important;
    box-shadow:
        0 8px 22px rgba(100, 116, 139, 0.20),
        0 0 18px rgba(148, 163, 184, 0.16) !important;
}

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

[data-theme="light"] .public-dashboard-page.macro-dashboard-page .dashboard-card::after,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .macro-indicator-chart-card::after,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .sidebar-card::after,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .collapsible-card::after {
    content: "" !important;
    position: absolute !important;
    left: 10% !important;
    right: 10% !important;
    bottom: -16px !important;
    height: 30px !important;
    border-radius: 999px !important;
    background: radial-gradient(
        ellipse at center,
        rgba(71, 85, 105, 0.24) 0%,
        rgba(100, 116, 139, 0.18) 36%,
        rgba(148, 163, 184, 0.10) 56%,
        transparent 76%
    ) !important;
    filter: blur(12px) !important;
    opacity: 0.72 !important;
    pointer-events: none !important;
    z-index: 0 !important;
    transition:
        opacity 0.25s ease,
        transform 0.25s ease,
        background 0.25s ease !important;
}

[data-theme="light"] .public-dashboard-page.macro-dashboard-page .dashboard-card > *,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .macro-indicator-chart-card > *,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .sidebar-card > *,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .collapsible-card > * {
    position: relative;
    z-index: 1;
}

[data-theme="light"] .public-dashboard-page.macro-dashboard-page .dashboard-card:hover,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .kpi-card:hover,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .macro-indicator-chart-card:hover,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .sidebar-card:hover,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .collapsible-card:hover {
    border-color: rgba(71, 85, 105, 0.22) !important;
    box-shadow:
        0 12px 24px rgba(15, 23, 42, 0.08),
        0 28px 65px rgba(15, 23, 42, 0.13) !important;
}

[data-theme="light"] .public-dashboard-page.macro-dashboard-page .dashboard-card:hover::after,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .macro-indicator-chart-card:hover::after,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .sidebar-card:hover::after,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .collapsible-card:hover::after {
    opacity: 1 !important;
    transform: scaleX(1.08) translateY(-1px) !important;
    background: radial-gradient(
        ellipse at center,
        rgba(51, 65, 85, 0.28) 0%,
        rgba(100, 116, 139, 0.22) 38%,
        rgba(148, 163, 184, 0.12) 58%,
        transparent 78%
    ) !important;
}

/* Light mode text */
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .filter-box label,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .kpi-label,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .kpi-meta,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .chart-card-header p,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .download-meta,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .collapsible-subtitle,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .macro-indicator-chart-header span,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .macro-indicator-group-header span {
    color: #4f6690 !important;
}

[data-theme="light"] .public-dashboard-page.macro-dashboard-page .filter-box select,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .filter-box input {
    background: #ffffff !important;
    color: #0f2747 !important;
    border: 1px solid rgba(15, 39, 71, 0.22) !important;
}

[data-theme="light"] .public-dashboard-page.macro-dashboard-page .filter-box select option {
    background: #ffffff !important;
    color: #0f2747 !important;
}

[data-theme="light"] .public-dashboard-page.macro-dashboard-page .filter-box select:focus,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .filter-box input:focus {
    border-color: rgba(0, 199, 199, 0.75) !important;
    box-shadow: 0 0 0 3px rgba(0, 199, 199, 0.14) !important;
}

/* Light mode buttons and tabs */
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .download-btn,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .chart-download-btn,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .tab-btn.active,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .macro-chart-tab-btn.active {
    background: #00c7c7 !important;
    color: #001f33 !important;
    border-color: #00a6a6 !important;
}

[data-theme="light"] .public-dashboard-page.macro-dashboard-page .download-btn:hover,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .chart-download-btn:hover,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .tab-btn.active,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .macro-chart-tab-btn.active {
    box-shadow:
        0 8px 18px rgba(15, 23, 42, 0.10),
        0 4px 10px rgba(0, 199, 199, 0.12) !important;
}

[data-theme="light"] .public-dashboard-page.macro-dashboard-page .secondary-btn {
    background: #ffffff !important;
    color: #4f6690 !important;
    border: 1px solid rgba(15, 39, 71, 0.14) !important;
}

[data-theme="light"] .public-dashboard-page.macro-dashboard-page .tab-btn {
    background: #ffffff !important;
    color: #4f6690 !important;
    border: 1px solid rgba(15, 39, 71, 0.22) !important;
    box-shadow: 0 8px 18px rgba(15, 39, 71, 0.06) !important;
}

[data-theme="light"] .public-dashboard-page.macro-dashboard-page .tab-btn:hover {
    color: #071b33 !important;
    border-color: rgba(0, 199, 199, 0.55) !important;
    background: rgba(0, 199, 199, 0.08) !important;
}

[data-theme="light"] .public-dashboard-page.macro-dashboard-page .kpi-value,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .macro-indicator-chart-header h5,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .macro-indicator-chart-header h4,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .macro-indicator-chart-header h3,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .macro-indicator-group-header h4,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .chart-card-header h3,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .downloads-header h3,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .download-title,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .collapsible-title,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page h1,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page h2,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page h3,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page h4,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page h5,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page h6 {
    color: #071b33 !important;
}

/* Light mode surfaces */
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .chart-meta-badge,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .collapsible-icon {
    background: rgba(0, 199, 199, 0.14) !important;
    color: #007f86 !important;
    border: 1px solid rgba(0, 199, 199, 0.22) !important;
}

[data-theme="light"] .public-dashboard-page.macro-dashboard-page .macro-indicator-group-header,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .macro-indicator-meta-block,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .macro-indicator-chart-wrap {
    background: rgba(248, 250, 252, 0.92) !important;
    border-color: rgba(15, 39, 71, 0.10) !important;
}

[data-theme="light"] .public-dashboard-page.macro-dashboard-page .macro-group-kicker {
    color: #007f86 !important;
}

[data-theme="light"] .public-dashboard-page.macro-dashboard-page .macro-meta-row span {
    color: #4f6690 !important;
}

[data-theme="light"] .public-dashboard-page.macro-dashboard-page .macro-meta-row strong {
    color: #0f2747 !important;
}

/* Light mode chart controls */
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .macro-chart-tab-btn {
    background: #ffffff !important;
    color: #4f6690 !important;
    border: 1px solid rgba(15, 39, 71, 0.14) !important;
}

[data-theme="light"] .public-dashboard-page.macro-dashboard-page .macro-chart-tab-btn:hover {
    background: rgba(0, 199, 199, 0.10) !important;
    color: #071b33 !important;
    border-color: rgba(0, 199, 199, 0.45) !important;
}

[data-theme="light"] .public-dashboard-page.macro-dashboard-page .macro-small-download-btn {
    background: #ffffff !important;
    color: #0f2747 !important;
    border: 1px solid rgba(0, 199, 199, 0.45) !important;
}

[data-theme="light"] .public-dashboard-page.macro-dashboard-page .macro-small-download-btn:hover {
    background: rgba(100, 116, 139, 0.09) !important;
    color: #0f2747 !important;
    border-color: rgba(100, 116, 139, 0.24) !important;
}

/* Light mode chart hover */
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .macro-indicator-chart-card:hover,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .macro-indicator-chart-card:focus-within,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .macro-indicator-chart-card.is-chart-zoomed {
    border-color: rgba(71, 85, 105, 0.24) !important;
    box-shadow:
        0 24px 58px rgba(15, 23, 42, 0.16),
        0 10px 24px rgba(15, 23, 42, 0.10),
        0 0 0 1px rgba(100, 116, 139, 0.10) !important;
}

[data-theme="light"] .public-dashboard-page.macro-dashboard-page .macro-indicator-chart-card:hover .macro-indicator-chart-wrap,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .macro-indicator-chart-card:focus-within .macro-indicator-chart-wrap,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .macro-indicator-chart-card.is-chart-zoomed .macro-indicator-chart-wrap {
    border-color: rgba(100, 116, 139, 0.22) !important;
    box-shadow:
        inset 0 0 0 1px rgba(100, 116, 139, 0.06),
        0 10px 24px rgba(15, 23, 42, 0.055) !important;
}

[data-theme="light"] .public-dashboard-page.macro-dashboard-page .macro-indicator-chart-card:hover .macro-indicator-chart-header h5,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .macro-indicator-chart-card:focus-within .macro-indicator-chart-header h5,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .macro-indicator-chart-card.is-chart-zoomed .macro-indicator-chart-header h5 {
    color: #071b33 !important;
}

/* Light mode mini tables */
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .macro-indicator-mini-table {
    border-top: 1px solid rgba(15, 39, 71, 0.12) !important;
}

[data-theme="light"] .public-dashboard-page.macro-dashboard-page .macro-indicator-mini-table th,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .macro-indicator-mini-table td {
    border-bottom: 1px solid rgba(15, 39, 71, 0.10) !important;
}

[data-theme="light"] .public-dashboard-page.macro-dashboard-page .macro-indicator-mini-table th {
    color: #071b33 !important;
    background: #eef4fb !important;
}

[data-theme="light"] .public-dashboard-page.macro-dashboard-page .macro-indicator-mini-table td {
    color: #0f2747 !important;
    background: #ffffff !important;
}

/* Light mode tables */
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .dashboard-table {
    color: #0f2747 !important;
}

[data-theme="light"] .public-dashboard-page.macro-dashboard-page .dashboard-table th,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .dashboard-table td {
    border-bottom: 1px solid rgba(15, 39, 71, 0.12) !important;
}

[data-theme="light"] .public-dashboard-page.macro-dashboard-page .dashboard-table th {
    color: #071b33 !important;
    background: #eef4fb !important;
}

[data-theme="light"] .public-dashboard-page.macro-dashboard-page .dashboard-table td {
    color: #0f2747 !important;
    background: #ffffff !important;
}

[data-theme="light"] .public-dashboard-page.macro-dashboard-page .dashboard-table tbody tr:hover {
    background: rgba(100, 116, 139, 0.08) !important;
}

/* Light mode downloads */
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .download-item {
    border-top: 1px solid rgba(15, 39, 71, 0.12) !important;
}

/* Light mode sidebar colors only */
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .sidebar-card h3 {
    color: #071b33 !important;
}

[data-theme="light"] .public-dashboard-page.macro-dashboard-page .public-page-nav-item {
    background: #ffffff !important;
    color: #4f6690 !important;
    border: 1px solid rgba(15, 39, 71, 0.14) !important;
}

[data-theme="light"] .public-dashboard-page.macro-dashboard-page .public-page-nav-item:hover {
    background: rgba(100, 116, 139, 0.09) !important;
    color: #0f2747 !important;
    border-color: rgba(100, 116, 139, 0.24) !important;
}

[data-theme="light"] .public-dashboard-page.macro-dashboard-page .public-page-nav-item:hover::before {
    background: #64748b !important;
}

[data-theme="light"] .public-dashboard-page.macro-dashboard-page .public-page-nav-item.active {
    background: rgba(0, 199, 199, 0.10) !important;
    color: #007f86 !important;
    border-color: rgba(0, 199, 199, 0.34) !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08) !important;
}

[data-theme="light"] .public-dashboard-page.macro-dashboard-page .public-page-nav-item.active::before {
    background: #00c7c7 !important;
}

[data-theme="light"] .public-dashboard-page.macro-dashboard-page .empty-state {
    background: rgba(255, 255, 255, 0.96) !important;
    color: #4f6690 !important;
    border: 1px dashed rgba(100, 116, 139, 0.28) !important;
}

/* Light mode final text helpers */
[data-theme="light"] .public-dashboard-page.macro-dashboard-page p,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page span,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page label,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page strong,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page small,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page td,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page th {
    color: inherit;
}

[data-theme="light"] .public-dashboard-page.macro-dashboard-page .chart-legend,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .legend,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .legend-label,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page canvas {
    color: #071b33 !important;
}

/* Light mode Tom Select */
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .ts-control {
    background: #ffffff !important;
    color: #0f2747 !important;
    border: 1px solid rgba(15, 39, 71, 0.22) !important;
}

[data-theme="light"] .public-dashboard-page.macro-dashboard-page .ts-control input {
    color: #0f2747 !important;
}

[data-theme="light"] .public-dashboard-page.macro-dashboard-page .ts-dropdown {
    background: #ffffff !important;
    color: #0f2747 !important;
    border: 1px solid rgba(15, 39, 71, 0.22) !important;
    box-shadow:
        0 18px 40px rgba(15, 23, 42, 0.13),
        0 4px 12px rgba(15, 23, 42, 0.06) !important;
}

[data-theme="light"] .public-dashboard-page.macro-dashboard-page .ts-dropdown .option {
    color: #0f2747 !important;
    background: #ffffff !important;
}

[data-theme="light"] .public-dashboard-page.macro-dashboard-page .ts-dropdown .option.active,
[data-theme="light"] .public-dashboard-page.macro-dashboard-page .ts-dropdown .option:hover {
    background: rgba(0, 199, 199, 0.12) !important;
    color: #007f86 !important;
}

[data-theme="light"] .public-dashboard-page.macro-dashboard-page .ts-dropdown .no-results {
    color: #4f6690 !important;
}