@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root {
    --heading-font: 'Inter', 'Maven Pro', sans-serif;
    --body-font: 'Inter', 'Maven Pro', sans-serif;
    --heading: 245 20% 13%;
    --body: 226 15% 27%;
    --border: 0 0% 88%;
    --base-h: 262;
    --base-s: 82%;
    --base-l: 63%;
    --base: var(--base-h) var(--base-s) var(--base-l);
    --base-50: var(--base-h) var(--base-s) calc(var(--base-l) + 25%);
    --base-100: var(--base-h) var(--base-s) calc(var(--base-l) + 20%);
    --base-200: var(--base-h) var(--base-s) calc(var(--base-l) + 15%);
    --base-300: var(--base-h) var(--base-s) calc(var(--base-l) + 10%);
    --base-400: var(--base-h) var(--base-s) calc(var(--base-l) + 5%);
    --base-600: var(--base-h) var(--base-s) calc(var(--base-l) - 5%);
    --base-700: var(--base-h) var(--base-s) calc(var(--base-l) - 10%);
    --base-800: var(--base-h) var(--base-s) calc(var(--base-l) - 15%);
    --base-900: var(--base-h) var(--base-s) calc(var(--base-l) - 20%);
    --link-color-h: 262;
    --link-color-s: 82%;
    --link-color-l: 55%;
    --link-color: var(--link-color-h) var(--link-color-s) var(--link-color-l);
    --link-color-hover: var(--link-color-h) var(--link-color-s) 42%;
    --accent-h: 320;
    --accent-s: 78%;
    --accent-l: 60%;
    --accent-50: var(--accent-h) var(--accent-s) calc(var(--accent-l) + 25%);
    --accent-100: var(--accent-h) var(--accent-s) calc(var(--accent-l) + 20%);
    --accent-200: var(--accent-h) var(--accent-s) calc(var(--accent-l) + 15%);
    --accent-300: var(--accent-h) var(--accent-s) calc(var(--accent-l) + 10%);
    --accent-400: var(--accent-h) var(--accent-s) calc(var(--accent-l) + 5%);
    --accent: var(--accent-h) var(--accent-s) var(--accent-l);
    --accent-600: var(--accent-h) var(--accent-s) calc(var(--accent-l) - 5%);
    --accent-700: var(--accent-h) var(--accent-s) calc(var(--accent-l) - 10%);
    --accent-800: var(--accent-h) var(--accent-s) calc(var(--accent-l) - 15%);
    --accent-900: var(--accent-h) var(--accent-s) calc(var(--accent-l) - 20%);
    --primary: 262 82% 63%;
    --secondary: 215 40% 32%;
    --success: 147 67% 47%;
    --danger: 360 78% 62%;
    --warning: 29 100% 63%;
    --info: 215 90% 58%;
    --dark: 220 40% 10%;
    --white: 0 0% 100%;
    --light-h: 225;
    --light-s: 26%;
    --light-l: 96%;
    --light-50: var(--light-h) var(--light-s) calc(var(--light-l) + 33%);
    --light-100: var(--light-h) var(--light-s) calc(var(--light-l) + 20%);
    --light-200: var(--light-h) var(--light-s) calc(var(--light-l) + 15%);
    --light-300: var(--light-h) var(--light-s) calc(var(--light-l) + 10%);
    --light-400: var(--light-h) var(--light-s) calc(var(--light-l) + 2%);
    --light: var(--light-h) var(--light-s) var(--light-l);
    --light-600: var(--light-h) var(--light-s) calc(var(--light-l) - 2%);
    --light-700: var(--light-h) var(--light-s) calc(var(--light-l) - 10%);
    --light-800: var(--light-h) var(--light-s) calc(var(--light-l) - 15%);
    --light-900: var(--light-h) var(--light-s) calc(var(--light-l) - 20%);
}

body {
    background: linear-gradient(135deg, #f5f3ff 0%, #fff1f2 50%, #eff6ff 100%);
    color: hsl(var(--body));
    font-family: var(--body-font);
}

a {
    color: hsl(var(--link-color));
}

a:hover {
    color: hsl(var(--link-color-hover));
}

.cmn--btn,
.btn--base,
.btn.btn--base,
.btn-primary,
.btn--primary,
.badge-primary {
    background-image: linear-gradient(120deg, #7e22ce, #ec4899, #2563eb);
    background-size: 200% 200%;
    color: #fff !important;
    border: none;
    box-shadow: 0 12px 30px rgba(126, 34, 206, 0.25);
}

.cmn--btn:hover,
.btn--base:hover,
.btn-primary:hover,
.btn--primary:hover {
    background-position: 100% 0;
    transform: translateY(-1px);
}

.bg--base,
.bg--primary,
.badge--primary {
    background-image: linear-gradient(135deg, #7e22ce, #2563eb);
    color: #fff;
}

.header,
.footer,
.breadcrumb {
    background: linear-gradient(135deg, #0f172a 0%, #111827 60%, #0b1220 100%);
    color: #e5e7eb;
}

.card,
.custom--card {
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
    border-color: hsl(var(--border));
}

.bg--light {
    background: linear-gradient(135deg, #f5f3ff 0%, #eff6ff 100%);
}

.text--base,
.base--color {
    color: hsl(var(--base));
}

/* Dashboard contrast guardrails */
.dashboard-contrast-scope {
    --dashboard-text: #1f2937;
    --dashboard-heading: #111827;
    --dashboard-muted: #475569;
    --dashboard-border: #dbe4ee;
    --dashboard-surface: #ffffff;
    --dashboard-surface-soft: #f8fafc;
    --dashboard-link: #6d28d9;
    --dashboard-link-hover: #7c3aed;
}

.dashboard-contrast-scope .bg--light .card,
.dashboard-contrast-scope .bg--light .custom--card,
.dashboard-contrast-scope .bg--light .snapshot-item,
.dashboard-contrast-scope .bg--light #vpsFeaturesTabContent {
    background: linear-gradient(180deg, var(--dashboard-surface) 0%, var(--dashboard-surface-soft) 100%) !important;
    border: 1px solid var(--dashboard-border) !important;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08) !important;
    color: var(--dashboard-text) !important;
}

.dashboard-contrast-scope .bg--light .card > .card-header:not([class*="bg-"]),
.dashboard-contrast-scope .bg--light .custom--card > .card-header:not([class*="bg-"]) {
    background: linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%) !important;
    border-bottom: 1px solid var(--dashboard-border) !important;
    color: var(--dashboard-heading) !important;
}

.dashboard-contrast-scope .bg--light .card > .card-header:not([class*="bg-"]) *,
.dashboard-contrast-scope .bg--light .custom--card > .card-header:not([class*="bg-"]) *,
.dashboard-contrast-scope .bg--light .card > .card-body,
.dashboard-contrast-scope .bg--light .custom--card > .card-body,
.dashboard-contrast-scope .bg--light .snapshot-item,
.dashboard-contrast-scope .bg--light #vpsFeaturesTabContent,
.dashboard-contrast-scope .bg--light #vpsFeaturesTab .nav-link,
.dashboard-contrast-scope .bg--light .card > .card-body :not(.btn):not(.badge):not(i):not(.fas):not(.far):not(.fab):not(.las):not(.lar):not(.text-white):not(.text-light):not(.text--danger):not(.text--warning):not(.text--success):not(.text--info):not(.text--base):not([class*="bg-"]),
.dashboard-contrast-scope .bg--light .custom--card > .card-body :not(.btn):not(.badge):not(i):not(.fas):not(.far):not(.fab):not(.las):not(.lar):not(.text-white):not(.text-light):not(.text--danger):not(.text--warning):not(.text--success):not(.text--info):not(.text--base):not([class*="bg-"]) {
    color: var(--dashboard-text) !important;
}

.dashboard-contrast-scope .bg--light .card > .card-body h1,
.dashboard-contrast-scope .bg--light .card > .card-body h2,
.dashboard-contrast-scope .bg--light .card > .card-body h3,
.dashboard-contrast-scope .bg--light .card > .card-body h4,
.dashboard-contrast-scope .bg--light .card > .card-body h5,
.dashboard-contrast-scope .bg--light .card > .card-body h6,
.dashboard-contrast-scope .bg--light .custom--card > .card-body h1,
.dashboard-contrast-scope .bg--light .custom--card > .card-body h2,
.dashboard-contrast-scope .bg--light .custom--card > .card-body h3,
.dashboard-contrast-scope .bg--light .custom--card > .card-body h4,
.dashboard-contrast-scope .bg--light .custom--card > .card-body h5,
.dashboard-contrast-scope .bg--light .custom--card > .card-body h6 {
    color: var(--dashboard-heading) !important;
}

.dashboard-contrast-scope .bg--light .card .text-muted,
.dashboard-contrast-scope .bg--light .custom--card .text-muted,
.dashboard-contrast-scope .bg--light .card small:not(.text--danger):not(.text--success),
.dashboard-contrast-scope .bg--light .custom--card small:not(.text--danger):not(.text--success) {
    color: var(--dashboard-muted) !important;
}

.dashboard-contrast-scope .bg--light .card a:not(.btn):not(.badge),
.dashboard-contrast-scope .bg--light .custom--card a:not(.btn):not(.badge),
.dashboard-contrast-scope .bg--light #vpsFeaturesTab .nav-link.active,
.dashboard-contrast-scope .bg--light #vpsFeaturesTab .nav-link:hover {
    color: var(--dashboard-link) !important;
}

.dashboard-contrast-scope .bg--light .card a:not(.btn):not(.badge):hover,
.dashboard-contrast-scope .bg--light .custom--card a:not(.btn):not(.badge):hover {
    color: var(--dashboard-link-hover) !important;
}

.dashboard-contrast-scope .bg--light .card .form-control,
.dashboard-contrast-scope .bg--light .card .form--control,
.dashboard-contrast-scope .bg--light .card textarea,
.dashboard-contrast-scope .bg--light .card select.form-control,
.dashboard-contrast-scope .bg--light .card select.form-select,
.dashboard-contrast-scope .bg--light .custom--card .form-control,
.dashboard-contrast-scope .bg--light .custom--card .form--control,
.dashboard-contrast-scope .bg--light .custom--card textarea,
.dashboard-contrast-scope .bg--light .custom--card select.form-control,
.dashboard-contrast-scope .bg--light .custom--card select.form-select {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: var(--dashboard-heading) !important;
}

.dashboard-contrast-scope .bg--light .card .form-control::placeholder,
.dashboard-contrast-scope .bg--light .card .form--control::placeholder,
.dashboard-contrast-scope .bg--light .card textarea::placeholder,
.dashboard-contrast-scope .bg--light .custom--card .form-control::placeholder,
.dashboard-contrast-scope .bg--light .custom--card .form--control::placeholder,
.dashboard-contrast-scope .bg--light .custom--card textarea::placeholder {
    color: #64748b !important;
}

.dashboard-contrast-scope .bg--light .card .form-control:focus,
.dashboard-contrast-scope .bg--light .card .form--control:focus,
.dashboard-contrast-scope .bg--light .card textarea:focus,
.dashboard-contrast-scope .bg--light .card select.form-control:focus,
.dashboard-contrast-scope .bg--light .card select.form-select:focus,
.dashboard-contrast-scope .bg--light .custom--card .form-control:focus,
.dashboard-contrast-scope .bg--light .custom--card .form--control:focus,
.dashboard-contrast-scope .bg--light .custom--card textarea:focus,
.dashboard-contrast-scope .bg--light .custom--card select.form-control:focus,
.dashboard-contrast-scope .bg--light .custom--card select.form-select:focus {
    background: #ffffff !important;
    border-color: #7c3aed !important;
    box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.14) !important;
    color: var(--dashboard-heading) !important;
}

.dashboard-contrast-scope .bg--light .card .input-group-text,
.dashboard-contrast-scope .bg--light .custom--card .input-group-text {
    background: #f8fafc !important;
    border: 1px solid #cbd5e1 !important;
    color: #334155 !important;
}

.dashboard-contrast-scope .bg--light .card label,
.dashboard-contrast-scope .bg--light .card .form-label,
.dashboard-contrast-scope .bg--light .custom--card label,
.dashboard-contrast-scope .bg--light .custom--card .form-label,
.dashboard-contrast-scope .bg--light .card .form-check-label,
.dashboard-contrast-scope .bg--light .custom--card .form-check-label {
    color: var(--dashboard-heading) !important;
}

.dashboard-contrast-scope .bg--light .card .form-check-input,
.dashboard-contrast-scope .bg--light .custom--card .form-check-input {
    background-color: #ffffff !important;
    border-color: #94a3b8 !important;
}

.dashboard-contrast-scope .bg--light .card .form-check-input:checked,
.dashboard-contrast-scope .bg--light .custom--card .form-check-input:checked {
    background-color: #7c3aed !important;
    border-color: #7c3aed !important;
}

/* Auth and verification light-surface guardrails */
.account-section .account-form {
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
    border: 1px solid #dbe4ee !important;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.1) !important;
    color: #1f2937 !important;
}

.account-section .account-form h1,
.account-section .account-form h2,
.account-section .account-form h3,
.account-section .account-form h4,
.account-section .account-form h5,
.account-section .account-form h6,
.account-section .account-form label,
.account-section .account-form .custom--checkbox label {
    color: #111827 !important;
}

.account-section .account-form p,
.account-section .account-form li,
.account-section .account-form small:not(.text--danger),
.account-section .account-form .input-popup p {
    color: #475569 !important;
}

.account-section .account-form .form-control,
.account-section .account-form .form--control,
.account-section .account-form .form-select,
.account-section .account-form select,
.account-section .account-form textarea {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #111827 !important;
}

.account-section .account-form .form-control::placeholder,
.account-section .account-form .form--control::placeholder,
.account-section .account-form textarea::placeholder {
    color: #64748b !important;
}

.account-section .account-form .form-control:focus,
.account-section .account-form .form--control:focus,
.account-section .account-form .form-select:focus,
.account-section .account-form select:focus,
.account-section .account-form textarea:focus {
    background: #ffffff !important;
    border-color: #7c3aed !important;
    box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.14) !important;
    color: #111827 !important;
}

.account-section .account-form .input-group-text {
    background: #f8fafc !important;
    border: 1px solid #cbd5e1 !important;
    color: #334155 !important;
}

.account-section .account-form a:not(.btn) {
    color: #6d28d9 !important;
}

.account-section .account-form a:not(.btn):hover {
    color: #7c3aed !important;
}

.account-section .account-form .input-popup {
    background: #ffffff !important;
    border: 1px solid #dbe4ee !important;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.12) !important;
    color: #1f2937 !important;
}

.account-section .account-form .input-popup::after {
    border-color: transparent transparent #ffffff transparent !important;
}

.account-section .account-form .input-popup .error {
    color: #dc2626 !important;
}

.account-section .account-form .input-popup .success {
    color: #059669 !important;
}

.account-section .modal-content {
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
    border: 1px solid #dbe4ee !important;
    color: #1f2937 !important;
}

.account-section .modal-content .modal-title,
.account-section .modal-content .modal-body,
.account-section .modal-content .modal-body span,
.account-section .modal-content .modal-header,
.account-section .modal-content .modal-footer {
    color: #1f2937 !important;
}

.bg--light .verification-code-wrapper {
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
    border: 1px solid #dbe4ee !important;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.1) !important;
}

.bg--light .verification-code-wrapper .verification-area,
.bg--light .verification-code-wrapper .verification-area h1,
.bg--light .verification-code-wrapper .verification-area h2,
.bg--light .verification-code-wrapper .verification-area h3,
.bg--light .verification-code-wrapper .verification-area h4,
.bg--light .verification-code-wrapper .verification-area h5,
.bg--light .verification-code-wrapper .verification-area h6,
.bg--light .verification-code-wrapper .verification-area label {
    color: #111827 !important;
}

.bg--light .verification-code-wrapper .verification-area p,
.bg--light .verification-code-wrapper .verification-area span:not(.text--danger),
.bg--light .verification-code-wrapper .verification-area small:not(.text--danger) {
    color: #475569 !important;
}

.bg--light .verification-code-wrapper .verification-area a:not(.btn) {
    color: #6d28d9 !important;
}

.bg--light .verification-code-wrapper .verification-area a:not(.btn):hover {
    color: #7c3aed !important;
}

.bg--light .verification-code-wrapper input,
.bg--light .verification-code-wrapper .form-control {
    background: transparent !important;
    border: none !important;
    color: #111827 !important;
}

.bg--light .verification-code-wrapper .form-control:focus {
    background: transparent !important;
    box-shadow: none !important;
}

.bg--light .verification-code::after {
    background-color: #ffffff !important;
}

.bg--light .verification-code span {
    background: #f8fafc !important;
    border: 1px solid #dbe4ee !important;
    color: #94a3b8 !important;
}

/* User dashboard light overhaul */
.dashboard-contrast-scope {
    --user-dash-page: linear-gradient(135deg, #f5f7fb 0%, #eef4ff 45%, #f8fafc 100%);
    --user-dash-surface: #ffffff;
    --user-dash-surface-soft: #f8fafc;
    --user-dash-header: linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);
    --user-dash-border: #dbe4ee;
    --user-dash-border-strong: #cbd5e1;
    --user-dash-text: #1f2937;
    --user-dash-heading: #111827;
    --user-dash-muted: #64748b;
    --user-dash-link: #6d28d9;
    --user-dash-link-hover: #7c3aed;
}

:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) {
    background: var(--user-dash-page) !important;
    color: var(--user-dash-text) !important;
}

:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light),
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) p,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) div,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) span,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) li,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) td,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) th,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) strong,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) small,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) label,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) h1,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) h2,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) h3,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) h4,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) h5,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) h6,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .text-dark,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .text-black {
    color: var(--user-dash-text) !important;
}

:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) h1,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) h2,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) h3,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) h4,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) h5,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) h6,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .card-title,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .fw-bold,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) strong {
    color: var(--user-dash-heading) !important;
}

:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .text-muted,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .lead,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .not-found,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) small:not(.text--danger):not(.text--success) {
    color: var(--user-dash-muted) !important;
}

:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .text--base,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .base--color,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) a:not(.btn):not(.badge) {
    color: var(--user-dash-link) !important;
}

:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) a:not(.btn):not(.badge):hover {
    color: var(--user-dash-link-hover) !important;
}

:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .text--danger,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .text-danger {
    color: #dc2626 !important;
}

:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .text--success,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .text-success {
    color: #059669 !important;
}

:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .text--warning,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .text-warning {
    color: #b45309 !important;
}

:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .text--info,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .text-info {
    color: #0369a1 !important;
}

:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) table.table,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .table {
    --bs-table-bg: transparent;
    --bs-table-striped-bg: #f8fafc;
    --bs-table-hover-bg: #eef2ff;
    background: var(--user-dash-surface) !important;
    color: var(--user-dash-text) !important;
    border: 1px solid var(--user-dash-border) !important;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08) !important;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
}

:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) table.table thead tr,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .table thead tr {
    background: var(--user-dash-header) !important;
}

:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) table.table thead th,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .table thead th {
    background: transparent !important;
    color: var(--user-dash-heading) !important;
    border-bottom: 1px solid var(--user-dash-border) !important;
    font-weight: 700 !important;
    letter-spacing: 0.01em;
}

:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) table.table tbody tr,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .table tbody tr {
    background: var(--user-dash-surface) !important;
}

:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) table.table tbody td,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .table tbody td {
    background: transparent !important;
    color: var(--user-dash-text) !important;
    border-bottom: 1px solid #e5e7eb !important;
    vertical-align: middle;
}

:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) table.table tbody tr:hover td,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .table tbody tr:hover td {
    background: #f8fafc !important;
}

:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) [data-label]::before {
    color: var(--user-dash-heading) !important;
}

:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .card,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .card.custom--card,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .card.custom--card.style-two,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .custom--card,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .custom--card.style-two,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .snapshot-item,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) #vpsFeaturesTabContent,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .new-card {
    background: linear-gradient(180deg, var(--user-dash-surface) 0%, var(--user-dash-surface-soft) 100%) !important;
    border: 1px solid var(--user-dash-border) !important;
    color: var(--user-dash-text) !important;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08) !important;
}

:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .card > .card-header,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .card.custom--card > .card-header,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .card.custom--card.style-two > .card-header,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .custom--card > .card-header,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .custom--card.style-two > .card-header {
    background: var(--user-dash-header) !important;
    border-bottom: 1px solid var(--user-dash-border) !important;
    color: var(--user-dash-heading) !important;
}

:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .card > .card-header *,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .card.custom--card > .card-header *,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .card.custom--card.style-two > .card-header *,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .card > .card-body,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .card.custom--card > .card-body,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .card.custom--card.style-two > .card-body,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .card-body *,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .list-group-item,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .list-group-item * {
    color: var(--user-dash-text) !important;
}

:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .card .text-muted,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .list-group-item .text-muted,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .ticket-attachments-message {
    color: var(--user-dash-muted) !important;
}

:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .list-group-item {
    background: transparent !important;
    border-color: #e5e7eb !important;
}

:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .row.border,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .row.border-warning,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .row.border-warning[style*="background"] {
    background: var(--user-dash-surface) !important;
    border-color: var(--user-dash-border) !important;
    border-radius: 14px !important;
}

:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .progress.custom--progress {
    background: #e5e7eb !important;
}

:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .progress-text,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .progress-text.text-white {
    color: var(--user-dash-heading) !important;
}

:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .new-card.bg--warning,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .new-card.bg--warning * {
    background: #fffbeb !important;
    border-color: #fcd34d !important;
    color: #92400e !important;
}

:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .form-control,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .form--control,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) textarea.form-control,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) textarea,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) select.form-control,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) select.form-select,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .input-group-text {
    background: var(--user-dash-surface) !important;
    border: 1px solid var(--user-dash-border-strong) !important;
    color: var(--user-dash-heading) !important;
}

:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .form-control::placeholder,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .form--control::placeholder,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) textarea::placeholder {
    color: var(--user-dash-muted) !important;
}

:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .form-control:focus,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .form--control:focus,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) textarea:focus,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) select.form-control:focus,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) select.form-select:focus {
    background: var(--user-dash-surface) !important;
    border-color: var(--user-dash-link) !important;
    box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.14) !important;
    color: var(--user-dash-heading) !important;
}

:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .form-check-input {
    background-color: #ffffff !important;
    border-color: #94a3b8 !important;
}

:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .form-check-input:checked {
    background-color: var(--user-dash-link) !important;
    border-color: var(--user-dash-link) !important;
}

:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .pagination .page-item .page-link,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .pagination .page-item span {
    background: var(--user-dash-surface) !important;
    border: 1px solid var(--user-dash-border) !important;
    color: var(--user-dash-text) !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08) !important;
}

:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .pagination .page-item.active .page-link {
    background: linear-gradient(135deg, #7e22ce, #2563eb) !important;
    border-color: transparent !important;
    color: #ffffff !important;
}

:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .pagination .page-item .page-link:hover {
    background: #eef2ff !important;
    color: var(--user-dash-link) !important;
}

.dashboard-contrast-scope .modal-content,
.dashboard-contrast-scope .confirmation-modal .modal-content {
    background: linear-gradient(180deg, var(--user-dash-surface) 0%, var(--user-dash-surface-soft) 100%) !important;
    border: 1px solid var(--user-dash-border) !important;
    color: var(--user-dash-text) !important;
}

.dashboard-contrast-scope .modal-header,
.dashboard-contrast-scope .modal-body,
.dashboard-contrast-scope .modal-footer,
.dashboard-contrast-scope .modal-title,
.dashboard-contrast-scope .modal-content p,
.dashboard-contrast-scope .modal-content div,
.dashboard-contrast-scope .modal-content span:not(.btn):not(.badge) {
    color: var(--user-dash-text) !important;
}

:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .badge--dark {
    background: #e2e8f0 !important;
    border: 1px solid #cbd5e1 !important;
    color: #334155 !important;
}

:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .badge--warning {
    background: #fef3c7 !important;
    border: 1px solid #fcd34d !important;
    color: #92400e !important;
}

:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .badge--danger {
    background: #fee2e2 !important;
    border: 1px solid #fca5a5 !important;
    color: #b91c1c !important;
}

:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .badge--success {
    background: #dcfce7 !important;
    border: 1px solid #86efac !important;
    color: #166534 !important;
}

:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .badge--info {
    background: #e0f2fe !important;
    border: 1px solid #7dd3fc !important;
    color: #075985 !important;
}

:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .badge--icon.badge--fill-base,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .badge--icon.badge--fill-base *,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .badge--primary,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .badge--base {
    background: linear-gradient(135deg, #7e22ce, #2563eb) !important;
    border: none !important;
    color: #ffffff !important;
}

:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .badge--icon.badge--fill-success,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .badge--icon.badge--fill-success * {
    background: linear-gradient(135deg, #059669, #2563eb) !important;
    border: none !important;
    color: #ffffff !important;
}

:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .btn,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .btn *,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) button[class*="btn--"],
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) button[class*="btn--"] * {
    color: #ffffff !important;
}


.dashboard-contrast-scope .genz-stat-card,
.dashboard-contrast-scope .genz-stat-card *,
.dashboard-contrast-scope .genz-info-box,
.dashboard-contrast-scope .genz-info-box *,
.dashboard-contrast-scope .sidebar-panel,
.dashboard-contrast-scope .sidebar-panel *,
.dashboard-contrast-scope .user-info-card,
.dashboard-contrast-scope .user-info-card *,
.dashboard-contrast-scope .dashboard-bar,
.dashboard-contrast-scope .dashboard-bar * {
    color: #e5e7eb !important;
}

.dashboard-contrast-scope .genz-info-box a,
.dashboard-contrast-scope .sidebar-panel a,
.dashboard-contrast-scope .user-info-card a {
    color: #c084fc !important;
}

.dashboard-contrast-scope .genz-info-box a:hover,
.dashboard-contrast-scope .sidebar-panel a:hover,
.dashboard-contrast-scope .user-info-card a:hover {
    color: #f9a8d4 !important;
}

/* Dashboard contrast hardening */
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) {
    color: var(--user-dash-text) !important;
}

:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) a:not(.btn):not([class*="badge--"]):not(.sidebar-action-btn) {
    color: var(--user-dash-link) !important;
}

:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) a:not(.btn):not([class*="badge--"]):not(.sidebar-action-btn):hover {
    color: #4338ca !important;
}

:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .text-white,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .text-white *,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) [style*="color:#fff"],
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) [style*="color: #fff"],
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) [style*="color:#ffffff"],
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) [style*="color: #ffffff"] {
    color: var(--user-dash-heading) !important;
}

:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .table,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .table.table--responsive--md,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .table.table--responsive--lg,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .genz-table-wrap {
    background: transparent !important;
}

:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .table.table--responsive--md tbody tr,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .table.table--responsive--lg tbody tr,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .table.table--responsive--xl tbody tr {
    border: 1px solid var(--user-dash-border) !important;
    border-radius: 16px !important;
    overflow: hidden;
}

:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .table.table--responsive--md tbody tr + tr,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .table.table--responsive--lg tbody tr + tr,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .table.table--responsive--xl tbody tr + tr {
    margin-top: 1rem;
}

:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .table.table--responsive--md tbody tr td::before,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .table.table--responsive--lg tbody tr td::before,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .table.table--responsive--xl tbody tr td::before,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .not-found,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .not-found::before {
    color: var(--user-dash-heading) !important;
}

:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .table .fw-bold,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .table strong,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .card-title,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .modal-title {
    color: var(--user-dash-heading) !important;
}

:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .card-header-bg,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .card-header-bg *,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .card-header .button-title-badge,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .card-header .button-title-badge * {
    color: var(--user-dash-heading) !important;
}

:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .row.border .border-end,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .row.border-warning .border-end {
    border-color: var(--user-dash-border) !important;
}

:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .text-muted,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .text-black-50,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .ticket-attachments-message,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) small:not(.text-danger):not(.text--danger):not(.text-success):not(.text--success):not(.text-warning):not(.text--warning) {
    color: var(--user-dash-muted) !important;
}

:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .text-danger,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .text-danger *,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .text--danger,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .text--danger * {
    color: #b91c1c !important;
}

:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .text-success,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .text-success *,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .text--success,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .text--success * {
    color: #166534 !important;
}

:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .text-warning,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .text-warning *,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .text--warning,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .text--warning * {
    color: #92400e !important;
}

:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .text-info,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .text-info *,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .text--info,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .text--info * {
    color: #075985 !important;
}

:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .close,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .close *,
.dashboard-contrast-scope .modal-header .close,
.dashboard-contrast-scope .modal-header .close *,
.dashboard-contrast-scope .modal-header .btn-close {
    color: var(--user-dash-heading) !important;
    filter: none !important;
    opacity: 1;
}

.dashboard-contrast-scope .genz-stat-card .text-white,
.dashboard-contrast-scope .genz-stat-card .text-white *,
.dashboard-contrast-scope .genz-info-box .text-white,
.dashboard-contrast-scope .genz-info-box .text-white *,
.dashboard-contrast-scope .sidebar-panel .text-white,
.dashboard-contrast-scope .sidebar-panel .text-white *,
.dashboard-contrast-scope .user-info-card .text-white,
.dashboard-contrast-scope .user-info-card .text-white *,
.dashboard-contrast-scope .dashboard-bar .text-white,
.dashboard-contrast-scope .dashboard-bar .text-white * {
    color: #f8fafc !important;
}

/* Dashboard contrast hardening preserve brand surfaces */
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .btn,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .btn *,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) button[class*="btn--"],
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) button[class*="btn--"] *,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .badge--icon.badge--fill-base,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .badge--icon.badge--fill-base *,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .badge--icon.badge--fill-success,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .badge--icon.badge--fill-success *,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .badge--base,
:is(.dashboard-contrast-scope.bg--light, .dashboard-contrast-scope .bg--light) .badge--primary {
    color: #ffffff !important;
}

.dashboard-contrast-scope .genz-info-box a,
.dashboard-contrast-scope .sidebar-panel a,
.dashboard-contrast-scope .user-info-card a {
    color: #c084fc !important;
}

.dashboard-contrast-scope .genz-info-box a:hover,
.dashboard-contrast-scope .sidebar-panel a:hover,
.dashboard-contrast-scope .user-info-card a:hover {
    color: #f9a8d4 !important;
}

/* Deposit and FAQ contrast fixes */
.dashboard-contrast-scope .genz-form-card,
.dashboard-contrast-scope .genz-form-card *,
.dashboard-contrast-scope .genz-preview-details,
.dashboard-contrast-scope .genz-preview-details *,
.dashboard-contrast-scope .genz-pay-row,
.dashboard-contrast-scope .genz-pay-row *,
.dashboard-contrast-scope .genz-invoice-wrap,
.dashboard-contrast-scope .genz-invoice-wrap * {
    color: #e5e7eb !important;
}

.dashboard-contrast-scope .genz-form-card {
    background: rgba(15, 23, 42, 0.88) !important;
    border: 1px solid rgba(148, 163, 184, 0.24) !important;
    box-shadow: 0 24px 48px rgba(15, 23, 42, 0.24) !important;
}

.dashboard-contrast-scope .genz-form-card .gfc-header,
.dashboard-contrast-scope .genz-pay-row {
    background: linear-gradient(135deg, rgba(76, 29, 149, 0.52), rgba(190, 24, 93, 0.28)) !important;
    border-color: rgba(148, 163, 184, 0.2) !important;
}

.dashboard-contrast-scope .genz-form-card .gfc-header h5,
.dashboard-contrast-scope .genz-form-card .gfc-header h6,
.dashboard-contrast-scope .genz-form-card .gfc-header i,
.dashboard-contrast-scope .genz-form-card .btn,
.dashboard-contrast-scope .genz-form-card .btn *,
.dashboard-contrast-scope .genz-pay-row .btn,
.dashboard-contrast-scope .genz-pay-row .btn * {
    color: #ffffff !important;
}

.dashboard-contrast-scope .genz-form-card .form-label,
.dashboard-contrast-scope .genz-form-card .form-text,
.dashboard-contrast-scope .genz-form-card small,
.dashboard-contrast-scope .genz-preview-details .list-group-item span:first-child {
    color: rgba(226, 232, 240, 0.82) !important;
}

.dashboard-contrast-scope .genz-form-card .form-control,
.dashboard-contrast-scope .genz-form-card .form--control,
.dashboard-contrast-scope .genz-form-card select.form-control,
.dashboard-contrast-scope .genz-form-card select.form-select,
.dashboard-contrast-scope .genz-pay-row select.form-control,
.dashboard-contrast-scope .genz-pay-row select.form-select,
.dashboard-contrast-scope .genz-form-card .input-group-text {
    background: rgba(255, 255, 255, 0.09) !important;
    border: 1px solid rgba(148, 163, 184, 0.28) !important;
    color: #f8fafc !important;
}

.dashboard-contrast-scope .genz-form-card .form-control::placeholder,
.dashboard-contrast-scope .genz-form-card .form--control::placeholder {
    color: rgba(226, 232, 240, 0.45) !important;
}

.dashboard-contrast-scope .genz-form-card .form-control:focus,
.dashboard-contrast-scope .genz-form-card .form--control:focus,
.dashboard-contrast-scope .genz-form-card select.form-control:focus,
.dashboard-contrast-scope .genz-form-card select.form-select:focus,
.dashboard-contrast-scope .genz-pay-row select.form-control:focus,
.dashboard-contrast-scope .genz-pay-row select.form-select:focus {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: rgba(192, 132, 252, 0.65) !important;
    box-shadow: 0 0 0 3px rgba(168, 85, 247, 0.18) !important;
    color: #ffffff !important;
}

.dashboard-contrast-scope .genz-form-card select option,
.dashboard-contrast-scope .genz-pay-row select option {
    background: #1e1b4b !important;
    color: #ffffff !important;
}

.dashboard-contrast-scope .genz-preview-details {
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(148, 163, 184, 0.18) !important;
}

.dashboard-contrast-scope .genz-preview-details .list-group-item {
    background: transparent !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.14) !important;
    color: rgba(226, 232, 240, 0.86) !important;
}

.dashboard-contrast-scope .genz-preview-details .list-group-item .fw-bold,
.dashboard-contrast-scope .genz-preview-details .list-group-item strong {
    color: #c4b5fd !important;
}

.faq-section {
    background: linear-gradient(135deg, #f5f7fb 0%, #eef4ff 45%, #f8fafc 100%) !important;
}

.faq-section .faq-item {
    background: #ffffff !important;
    border: 1px solid #dbe4ee !important;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08) !important;
}

.faq-section .faq-item,
.faq-section .faq-item *,
.faq-section .faq-item__title,
.faq-section .faq-item__title .title,
.faq-section .faq-item__content,
.faq-section .faq-item__content p {
    color: #1f2937 !important;
}

.faq-section .faq-item__title {
    background: transparent !important;
}

.faq-section .faq-item__title::before {
    color: #6d28d9 !important;
}

.faq-section .faq-item__content {
    border-top: 1px solid #e5e7eb !important;
}

/* Public service sidebar mobile contrast fix */
@media (max-width: 991px) {
    .service-category.section-full .collapable-sidebar {
        background: linear-gradient(180deg, #0f172a 0%, #1e1b4b 100%) !important;
        border-right: 1px solid rgba(148, 163, 184, 0.18) !important;
        box-shadow: 0 24px 60px rgba(15, 23, 42, 0.42) !important;
    }

    .service-category.section-full .collapable-sidebar__inner {
        padding: 1rem 1rem 1.25rem;
        background: transparent !important;
    }

    .service-category.section-full .sidebar-panel {
        background: rgba(15, 23, 42, 0.74) !important;
        border: 1px solid rgba(148, 163, 184, 0.18) !important;
        box-shadow: 0 18px 36px rgba(15, 23, 42, 0.22) !important;
    }

    .service-category.section-full .sidebar-panel-header,
    .service-category.section-full .sidebar-panel-header * {
        color: #f8fafc !important;
    }

    .service-category.section-full .sidebar-panel .list-group-item,
    .service-category.section-full .sidebar-panel .list-group-item span,
    .service-category.section-full .sidebar-panel .list-group-item .las:not([style*="color"]),
    .service-category.section-full .sidebar-panel .list-group-item .fa:not([style*="color"]),
    .service-category.section-full .sidebar-panel .list-group-item .fas:not([style*="color"]) {
        color: rgba(226, 232, 240, 0.9) !important;
    }

    .service-category.section-full .sidebar-panel .list-group-item:hover,
    .service-category.section-full .sidebar-panel .list-group-item:hover span,
    .service-category.section-full .sidebar-panel .list-group-item.genz-active,
    .service-category.section-full .sidebar-panel .list-group-item.genz-active span,
    .service-category.section-full .sidebar-panel .list-group-item.bg--base,
    .service-category.section-full .sidebar-panel .list-group-item.bg--base span {
        color: #ffffff !important;
    }
}

/* Invoice action button contrast */
.dashboard-contrast-scope .genz-invoice-actions .btn-dl,
.dashboard-contrast-scope .genz-invoice-actions .btn-dl:link,
.dashboard-contrast-scope .genz-invoice-actions .btn-dl:visited,
.dashboard-contrast-scope .genz-invoice-actions .btn-dl:hover,
.dashboard-contrast-scope .genz-invoice-actions .btn-dl:focus,
.dashboard-contrast-scope .genz-invoice-actions .btn-dl:active,
.dashboard-contrast-scope .genz-invoice-actions .btn-dl i {
    color: #ffffff !important;
}

/* Landing hero domain search readability + scroll behavior */
.hero-section.overflow-hidden {
    overflow-x: hidden !important;
    overflow-y: visible !important;
}

.hero-section .hero-search-card .domain-search-form .form-control,
.hero-section .hero-search-card .domain-search-form .form--control,
.hero-section .hero-search-card .domain-search-form input {
    background: #ffffff !important;
    color: #111827 !important;
    border: 1px solid #d1d5db !important;
}

.hero-section .hero-search-card .domain-search-form .form-control::placeholder,
.hero-section .hero-search-card .domain-search-form .form--control::placeholder,
.hero-section .hero-search-card .domain-search-form input::placeholder {
    color: #6b7280 !important;
}

.hero-section .hero-search-card .domain-search-form .domain-search-icon,
.hero-section .hero-search-card .domain-search-form .domain-search-icon i {
    color: #6b7280 !important;
}

.hero-section .hero-search-card .domain-results-container .result-message,
.hero-section .hero-search-card .domain-results-container .result-message *,
.hero-section .hero-search-card .domain-results-container .result-message .text--danger,
.hero-section .hero-search-card .domain-results-container .result-message .text--warning,
.hero-section .hero-search-card .domain-results-container .result-message .text--base {
    color: #111827 !important;
}

.hero-section .hero-search-card .domain-results-list {
    max-height: 320px;
    overflow-y: auto;
    padding-right: 4px;
}

.hero-section .hero-search-card .domain-row {
    background: #f8fafc !important;
    border: 1px solid #e5e7eb !important;
    color: #111827 !important;
    margin-bottom: 0.5rem;
}

.hero-section .hero-search-card .domain-row span,
.hero-section .hero-search-card .domain-row .fw-bold,
.hero-section .hero-search-card .domain-row .text-end {
    color: #111827 !important;
}

.hero-section .hero-search-card .domain-row .text--info,
.hero-section .hero-search-card .domain-row .text--warning,
.hero-section .hero-search-card .domain-row .text--danger,
.hero-section .hero-search-card .domain-row .text--base {
    color: #1d4ed8 !important;
}

.hero-section .hero-search-card .domain-results-container .alert-warning {
    background: #fff7ed !important;
    border: 1px solid #fdba74 !important;
    color: #9a3412 !important;
}

@media (min-width: 992px) {
    .hero-section .hero-search-card {
        position: sticky;
        top: 96px;
    }
}