:root {
    --paygo-panel-chrome-surface: #ffffff;
}

.dark {
    --paygo-panel-chrome-surface: var(--color-gray-900);
}

.fi-topbar,
.fi-sidebar {
    background-color: var(--paygo-panel-chrome-surface);
}

.paygo-account-status-widget .fi-section-content {
    align-items: center;
    gap: 0.75rem;
}

.dark .fi-wi-stats-overview-stat-description,
.dark .fi-account-widget-user-name,
.dark .fi-section-description {
    color: var(--gray-300);
}

.dark .fi-wi-stats-overview-stat-value,
.dark .fi-section-header-heading,
.dark .fi-account-widget-heading {
    color: var(--color-white);
}