/* ============================================================
   Light Mode — Debt
============================================================ */

[data-theme="light"] .public-dashboard-page.debt-dashboard-page,
[data-theme="light"] .debt-dashboard-page {
    background:
        linear-gradient(135deg, #f5f7fb 0%, #edf2f7 48%, #f8fafc 100%) !important;
    color: #0f2747 !important;
}

[data-theme="light"] .public-dashboard-page.debt-dashboard-page .dashboard-card,
[data-theme="light"] .public-dashboard-page.debt-dashboard-page .kpi-card,
[data-theme="light"] .public-dashboard-page.debt-dashboard-page .sidebar-card,
[data-theme="light"] .public-dashboard-page.debt-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.debt-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.debt-dashboard-page .kpi-card::after {
    content: none !important;
    display: none !important;
}

[data-theme="light"] .public-dashboard-page.debt-dashboard-page .dashboard-card::after,
[data-theme="light"] .public-dashboard-page.debt-dashboard-page .sidebar-card::after,
[data-theme="light"] .public-dashboard-page.debt-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.debt-dashboard-page .dashboard-card > *,
[data-theme="light"] .public-dashboard-page.debt-dashboard-page .sidebar-card > *,
[data-theme="light"] .public-dashboard-page.debt-dashboard-page .collapsible-card > * {
    position: relative;
    z-index: 1;
}

[data-theme="light"] .public-dashboard-page.debt-dashboard-page .dashboard-card:hover,
[data-theme="light"] .public-dashboard-page.debt-dashboard-page .kpi-card:hover,
[data-theme="light"] .public-dashboard-page.debt-dashboard-page .sidebar-card:hover,
[data-theme="light"] .public-dashboard-page.debt-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.debt-dashboard-page .dashboard-card:hover::after,
[data-theme="light"] .public-dashboard-page.debt-dashboard-page .sidebar-card:hover::after,
[data-theme="light"] .public-dashboard-page.debt-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.debt-dashboard-page .filter-box label,
[data-theme="light"] .public-dashboard-page.debt-dashboard-page .kpi-label,
[data-theme="light"] .public-dashboard-page.debt-dashboard-page .kpi-meta,
[data-theme="light"] .public-dashboard-page.debt-dashboard-page .chart-card-header p,
[data-theme="light"] .public-dashboard-page.debt-dashboard-page .download-meta,
[data-theme="light"] .public-dashboard-page.debt-dashboard-page .collapsible-subtitle {
    color: #4f6690 !important;
}

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

/* Light mode filters */
[data-theme="light"] .public-dashboard-page.debt-dashboard-page .filter-box select,
[data-theme="light"] .public-dashboard-page.debt-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.debt-dashboard-page .filter-box select option {
    background: #ffffff !important;
    color: #0f2747 !important;
}

[data-theme="light"] .public-dashboard-page.debt-dashboard-page .filter-box select:focus,
[data-theme="light"] .public-dashboard-page.debt-dashboard-page .filter-box input:focus {
    border-color: rgba(226, 177, 44, 0.65) !important;
    box-shadow:
        0 0 0 3px rgba(226, 177, 44, 0.10),
        0 6px 14px rgba(15, 23, 42, 0.055) !important;
}

/* Light mode buttons and tabs */
[data-theme="light"] .public-dashboard-page.debt-dashboard-page .download-btn,
[data-theme="light"] .public-dashboard-page.debt-dashboard-page .chart-download-btn,
[data-theme="light"] .public-dashboard-page.debt-dashboard-page .tab-btn.active,
[data-theme="light"] .public-dashboard-page.debt-dashboard-page .chart-tab-btn.active {
    background: #e2b12c !important;
    color: #081225 !important;
    border-color: #c69619 !important;
}

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

[data-theme="light"] .public-dashboard-page.debt-dashboard-page .secondary-btn {
    background: #ffffff !important;
    color: #4f6690 !important;
    border: 1px solid rgba(15, 39, 71, 0.14) !important;
    box-shadow: 0 6px 14px rgba(15, 23, 42, 0.045) !important;
}

[data-theme="light"] .public-dashboard-page.debt-dashboard-page .secondary-btn:hover {
    background: rgba(100, 116, 139, 0.08) !important;
    color: #071b33 !important;
    border-color: rgba(100, 116, 139, 0.24) !important;
}

[data-theme="light"] .public-dashboard-page.debt-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.debt-dashboard-page .tab-btn:hover,
[data-theme="light"] .public-dashboard-page.debt-dashboard-page .chart-tab-btn:hover {
    background: rgba(100, 116, 139, 0.08) !important;
    color: #071b33 !important;
    border-color: rgba(100, 116, 139, 0.24) !important;
}

/* Light mode chart/meta surfaces */
[data-theme="light"] .public-dashboard-page.debt-dashboard-page .chart-meta-badge,
[data-theme="light"] .public-dashboard-page.debt-dashboard-page .collapsible-icon {
    background: rgba(226, 177, 44, 0.12) !important;
    color: #8a6200 !important;
    border: 1px solid rgba(226, 177, 44, 0.22) !important;
    box-shadow: 0 6px 14px rgba(15, 23, 42, 0.05) !important;
}

[data-theme="light"] .public-dashboard-page.debt-dashboard-page .debt-indicator-meta-block,
[data-theme="light"] .public-dashboard-page.debt-dashboard-page .chart-canvas-wrap {
    background: rgba(248, 250, 252, 0.94) !important;
    border: 1px solid rgba(15, 39, 71, 0.10) !important;
    box-shadow:
        inset 0 0 0 1px rgba(100, 116, 139, 0.04),
        0 10px 24px rgba(15, 23, 42, 0.045) !important;
}

[data-theme="light"] .public-dashboard-page.debt-dashboard-page .debt-meta-row span {
    color: #8a6200 !important;
}

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

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

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

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

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

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

/* Light mode downloads */
[data-theme="light"] .public-dashboard-page.debt-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.debt-dashboard-page .sidebar-card h3 {
    color: #071b33 !important;
}

[data-theme="light"] .public-dashboard-page.debt-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.debt-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.debt-dashboard-page .public-page-nav-item:hover::before {
    background: #64748b !important;
}

[data-theme="light"] .public-dashboard-page.debt-dashboard-page .public-page-nav-item.active {
    background: rgba(226, 177, 44, 0.12) !important;
    color: #8a6200 !important;
    border-color: rgba(226, 177, 44, 0.34) !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08) !important;
}

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

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

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

/* Light mode table scrollbars only */
[data-theme="light"] .public-dashboard-page.debt-dashboard-page .table-responsive::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

[data-theme="light"] .public-dashboard-page.debt-dashboard-page .table-responsive::-webkit-scrollbar-thumb {
    background: rgba(100, 116, 139, 0.28);
    border-radius: 999px;
}

[data-theme="light"] .public-dashboard-page.debt-dashboard-page .table-responsive::-webkit-scrollbar-track {
    background: rgba(226, 232, 240, 0.6);
}

/* ============================================================
   DEBT LIGHT MODE — FILTER SHELL MATCH MACRO
   Keep the filter card clean, rounded and in normal flow.
============================================================ */

[data-theme="light"]
.public-dashboard-page.debt-dashboard-page
.filter-bar-card,

[data-theme="light"]
.public-dashboard-page.debt-dashboard-page
.filter-bar-card.dashboard-card {
    position: relative !important;
    top: auto !important;
    transform: none !important;

    margin-top: 0 !important;
    margin-bottom: 22px !important;

    padding-top: 12px !important;
    padding-bottom: 12px !important;

    z-index: 1 !important;
    overflow: visible !important;
}

[data-theme="light"]
.public-dashboard-page.debt-dashboard-page
.filter-bar-card::before,

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

/* ============================================================
   DEBT LIGHT MODE — FILTER VISUAL MATCH MACRO
   Match Macro filter surface without changing Debt controls.
============================================================ */

[data-theme="light"]
.public-dashboard-page.debt-dashboard-page
.filter-bar-card,

[data-theme="light"]
.public-dashboard-page.debt-dashboard-page
.filter-bar-card.dashboard-card {
    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.98),
            rgba(248, 250, 252, 0.96)
        ) !important;

    border:
        1px solid rgba(15, 39, 71, 0.10) !important;

    box-shadow:
        0 10px 22px rgba(15, 23, 42, 0.05),
        0 18px 42px rgba(15, 23, 42, 0.07) !important;
}