/* ── Customer account area — journey theme ── */

.acct-theme {
    --acct-ink: #f4f7ff;
    --acct-muted: rgba(244, 247, 255, .72);
    --acct-green: #77c149;
    --acct-green-soft: #b6e394;
    --acct-line: rgba(255, 255, 255, .14);
    --acct-line-soft: rgba(255, 255, 255, .07);
    --acct-panel: rgba(8, 24, 54, .94);
    --acct-panel-header: rgba(4, 16, 43, .66);
    --acct-panel-recessed: rgba(4, 16, 43, .5);
    --acct-stripe: rgba(255, 255, 255, .035);

    /* Radzen's own tokens. Overriding these lets the stock components recolour
       themselves instead of needing a rule each, and it is the same set
       journey-rocket.css already overrides */
    --rz-base-background-color: #0a2342;
    --rz-text-title-color: var(--acct-ink);
    --rz-text-color: var(--acct-ink);
    --rz-text-secondary-color: var(--acct-muted);
    --rz-text-tertiary-color: var(--acct-muted);
    --rz-text-disabled-color: rgba(244, 247, 255, .45);
    --rz-input-background-color: rgba(255, 255, 255, .07);
    --rz-input-focus-background-color: rgba(255, 255, 255, .1);
    --rz-input-placeholder-color: rgba(244, 247, 255, .4);
    --rz-form-field-label-color: var(--acct-muted);
    --rz-form-field-label-focus-color: var(--acct-green);
    --rz-form-field-label-floating-background-color: #0a2342;
    --rz-dropdown-open-background-color: #081c40;
    --rz-dropdown-panel-border: 1px solid var(--acct-line);
    --rz-dropdown-item-hover-background-color: rgba(255, 255, 255, .08);
    --rz-dropdown-item-hover-color: #ffffff;
    --rz-dropdown-item-selected-background-color: rgba(119, 193, 73, .22);
    --rz-dropdown-item-selected-color: #d9f3c6;
    --rz-dropdown-item-selected-hover-background-color: rgba(119, 193, 73, .3);
    --rz-dropdown-item-selected-hover-color: #ffffff;

    /* RadzenText styles */
    --rz-text-overline-color: var(--acct-muted);
    --rz-text-caption-color: var(--acct-muted);
    --rz-text-body1-color: var(--acct-ink);
    --rz-text-body2-color: var(--acct-muted);
    --rz-text-subtitle1-color: var(--acct-ink);
    --rz-text-subtitle2-color: var(--acct-muted);
    --rz-text-h6-color: var(--acct-ink);

    color: var(--acct-ink);
}

/* ── The ground behind the content column ── */

.main-layout-doc-scroll:has(.acct-theme) {
    background-color: #0a2342;
    background-image: radial-gradient(circle at 76% 4%, rgba(10, 42, 92, .8) 0%, rgba(10, 35, 66, 0) 48%);
    background-repeat: no-repeat;
}

.rz-body:has(.acct-theme) {
    background: #0a2342 !important;
    background-image: radial-gradient(circle at 76% 4%, rgba(10, 42, 92, .8) 0%, rgba(10, 35, 66, 0) 48%) !important;
    background-repeat: no-repeat !important;
}

/* ── Tab strip ── */

.acct-theme .rz-tabview {
    background: transparent;
}

.acct-theme .rz-tabview-nav {
    gap: 2px;
    border-bottom: 0;
    background: transparent;
}

.acct-theme .rz-tabview-nav li {
    background: var(--acct-panel-recessed);
    border: 1px solid rgba(255, 255, 255, .08);
    border-bottom: 0;
    border-radius: 7px 7px 0 0;
}

.acct-theme .rz-tabview-nav li a,
.acct-theme .rz-tabview-nav li .rz-tabview-title {
    color: var(--acct-muted);
    font-weight: 600;
}

.acct-theme .rz-tabview-nav li:hover:not(.rz-tabview-selected) {
    background: rgba(255, 255, 255, .06);
}

.acct-theme .rz-tabview-nav li.rz-tabview-selected {
    background: var(--acct-panel);
    border-color: var(--acct-line);
    border-top: 2px solid var(--acct-green);
}

.acct-theme .rz-tabview-nav li.rz-tabview-selected a,
.acct-theme .rz-tabview-nav li.rz-tabview-selected .rz-tabview-title {
    color: var(--acct-ink);
    font-weight: 700;
}

.acct-theme .rz-tabview-panels,
.acct-theme .rz-tabview-panel {
    background: var(--acct-panel);
}

.acct-theme .rz-tabview-panels {
    border: 1px solid var(--acct-line);
    border-radius: 0 10px 10px 10px;
}

/* ── Cards ── */

.acct-theme .rz-card {
    background: var(--acct-panel);
    border-color: var(--acct-line);
    color: var(--acct-ink);
    box-shadow: none;
}

/* ── Section headings ── */

.acct-theme .step-form-title {
    color: var(--acct-ink) !important;
}

.acct-theme .acct-tab-title {
    color: var(--acct-ink);
}

/* ── Personal details identity card ── */

.acct-theme .pd-identity-card {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, .12);
}

.acct-theme .pd-identity-card__header {
    background: var(--acct-panel-header);
    border-bottom: 1px solid rgba(255, 255, 255, .12);
    color: var(--acct-muted);
}

.acct-theme .pd-identity-card-icon {
    color: var(--acct-green-soft);
}

.acct-theme .pd-identity-card-body {
    padding: 0;
}

.acct-theme .pd-identity-row {
    padding: .35rem .875rem;
    border-bottom: 1px solid var(--acct-line-soft);
}

.acct-theme .pd-identity-row:last-child {
    border-bottom: 0;
}

.acct-theme .pd-identity-row:nth-child(even) {
    background: var(--acct-stripe);
}

.acct-theme .pd-identity-row-label {
    color: var(--acct-muted);
}

.acct-theme .pd-identity-row-value {
    color: var(--acct-ink);
}

/* ── Tab strip ── */

.acct-theme .rz-tabview-nav li > a,
.acct-theme .rz-tabview-nav li .rz-tabview-nav-link,
.acct-theme .rz-tabview-nav li.rz-tabview-selected > a,
.acct-theme .rz-tabview-nav li.rz-tabview-selected .rz-tabview-nav-link {
    background: transparent;
    background-color: transparent;
}

/* ── Data grids ── */

.acct-theme .acct-grid {
    --rz-grid-background-color: transparent;
    --rz-grid-stripe-background-color: transparent;
    --rz-grid-stripe-odd-background-color: rgba(255, 255, 255, .035);
    --rz-grid-hover-background-color: rgba(255, 255, 255, .07);
    --rz-grid-hover-color: var(--acct-ink);
    --rz-grid-cell-color: var(--acct-ink);
    --rz-grid-border: 1px solid var(--acct-line);
    --rz-grid-bottom-cell-border: 1px solid var(--acct-line-soft);
    --rz-grid-shadow: none;
    background: transparent;
    border-color: var(--acct-line);
}

.acct-theme .acct-grid .rz-grid-table tbody td {
    color: var(--acct-ink) !important;
}

.acct-theme .acct-grid .rz-grid-table tbody tr {
    border-bottom: 1px solid var(--acct-line-soft) !important;
}

.acct-theme .acct-grid .rz-grid-table tbody tr:hover {
    background: rgba(255, 255, 255, .07) !important;
}

.acct-theme .acct-grid .rz-datatable-empty-message,
.acct-theme .acct-grid .rz-grid-table tbody tr.rz-datatable-emptymessage-row td {
    color: var(--acct-muted) !important;
}

/* ── Data list ── */

.acct-theme .rz-datalist,
.acct-theme .rz-datalist-content,
.acct-theme .rz-datalist-data,
.acct-theme .rz-datalist-item {
    background: transparent;
    border-color: var(--acct-line-soft);
    color: var(--acct-ink);
}

.acct-theme .rz-datalist-item {
    border-bottom: 1px solid var(--acct-line-soft);
}

/* ── Section cards ── */

.acct-theme .acct-status-card,
.acct-theme .acct-auth-section {
    background: var(--acct-panel);
    border-color: var(--acct-line);
    box-shadow: none;
}

.acct-theme .acct-loan-row,
.acct-theme .acct-readiness-card {
    background: var(--acct-panel);
    border-color: var(--acct-line);
}

.acct-theme .acct-metric-cal {
    background: rgba(255, 255, 255, .1);
}

.acct-theme .acct-repaid-track {
    background: rgba(255, 255, 255, .12);
}

/* ── Text that was tuned for a light card ── */

.acct-theme .acct-status-section-header,
.acct-theme .acct-loan-detail-title {
    color: var(--acct-ink);
}

.acct-theme .acct-loan-detail-value {
    color: var(--acct-ink);
}

.acct-theme .acct-auth-desc,
.acct-theme .auth-row-desc {
    color: var(--acct-muted);
}

.acct-theme .auth-row-title {
    color: var(--acct-ink);
}

.acct-theme {
    --rz-base-100: rgba(255, 255, 255, .05);
    --rz-border-color: var(--acct-line-soft);
}

/* ════════════════════════════════════════════════════════════════════════════
   MOBILE
   ════════════════════════════════════════════════════════════════════════════ */

body:has(.mobile-layout .acct-theme) .mobile-header,
body:has(.mobile-layout .acct-theme) .mobile-static-menu,
body:has(.mobile-layout .acct-theme) .mobile-drawer {
    background: #04102b;
    background-color: #04102b;
    border-color: rgba(255, 255, 255, .14);
}

body:has(.mobile-layout .acct-theme) .mobile-header-title-text,
body:has(.mobile-layout .acct-theme) .mobile-back-btn,
body:has(.mobile-layout .acct-theme) .mobile-drawer-toggle,
body:has(.mobile-layout .acct-theme) .mobile-drawer-close {
    color: #f4f7ff;
}

body:has(.mobile-layout .acct-theme) .mobile-static-menu > *,
body:has(.mobile-layout .acct-theme) .mobile-static-menu a {
    background: transparent;
    color: rgba(244, 247, 255, .72);
}

.acct-theme .mobile-menu-group {
    box-shadow: none;
    border: 1px solid var(--acct-line);
}

.acct-theme .mobile-menu-row:active {
    background-color: rgba(255, 255, 255, .07);
}

.acct-theme .mobile-menu-icon--blue { background: rgba(0, 100, 166, .32); color: #9ccdea; }
.acct-theme .mobile-menu-icon--green { background: rgba(119, 193, 73, .2); color: #b6e394; }
.acct-theme .mobile-menu-icon--orange { background: rgba(255, 155, 61, .22); color: #ffc48c; }
.acct-theme .mobile-menu-icon--red { background: rgba(255, 97, 97, .22); color: #ffb3b3; }
.acct-theme .mobile-menu-icon--amber { background: rgba(255, 193, 7, .2); color: #ffd98a; }
.acct-theme .mobile-menu-icon--grey { background: rgba(255, 255, 255, .12); color: #cdd7ec; }
.acct-theme .mobile-menu-icon--purple { background: rgba(156, 39, 176, .24); color: #e0b6ea; }

.acct-theme .mobile-menu-icon--primary {
    background: rgba(119, 193, 73, .2);
    color: var(--acct-green-soft);
}

.acct-theme .mobile-page-title,
.acct-theme .mobile-menu-group-form {
    color: var(--acct-ink);
}

body:has(.mobile-layout .acct-theme) .rz-header {
    background-color: #04102b;
    box-shadow: none;
    border-bottom: 1px solid rgba(255, 255, 255, .14);
}

/* ── Bottom nav ── */

body:has(.mobile-layout .acct-theme) .mobile-bottom-nav {
    background-color: #04102b;
    border-color: rgba(255, 255, 255, .14);
}

body:has(.mobile-layout .acct-theme) .mobile-bottom-nav .bottom-nav-tab {
    color: rgba(244, 247, 255, .72);
}

body:has(.mobile-layout .acct-theme) .mobile-bottom-nav .bottom-nav-tab.active {
    color: #77c149;
}

body:has(.mobile-layout .acct-theme) .mobile-bottom-nav .bottom-nav-tab.active .nav-icon-pill {
    background-color: rgba(119, 193, 73, .2);
}

body:has(.mobile-layout .acct-theme) .mobile-static-menu .mobile-static-menu-logout {
    color: rgba(244, 247, 255, .72);
}

body:has(.mobile-layout .acct-theme) .bottom-nav-sheet {
    background-color: #081c40;
}

body:has(.mobile-layout .acct-theme) .bottom-nav-sheet-handle {
    background-color: rgba(255, 255, 255, .22);
}

body:has(.mobile-layout .acct-theme) .bottom-nav-sheet-item {
    color: #f4f7ff;
}

body:has(.mobile-layout .acct-theme) .bottom-nav-sheet-item .rzi {
    color: #b6e394;
}

body:has(.mobile-layout .acct-theme) .bottom-nav-sheet-item:active {
    background-color: rgba(255, 255, 255, .07);
}

/* ── Dialogs, popups and notifications ── */

body:has(.acct-theme) {
    --acct-ink: #f4f7ff;
    --acct-muted: rgba(244, 247, 255, .72);
    --acct-green: #77c149;
    --acct-green-soft: #b6e394;
    --acct-line: rgba(255, 255, 255, .14);
    --acct-panel-solid: #081c40;
    --acct-danger: #ff6161;
}

/* ── Dialog shell ── */

body:has(.acct-theme) .rz-dialog {
    background: var(--acct-panel-solid);
    border: 1px solid var(--acct-line);
    color: var(--acct-ink);
}

body:has(.acct-theme) .rz-dialog-titlebar {
    background: transparent;
    color: var(--acct-ink);
    border-bottom: 1px solid var(--acct-line);
}

body:has(.acct-theme) .rz-dialog-title {
    color: var(--acct-ink);
}

body:has(.acct-theme) .rz-dialog-content {
    background: transparent;
    color: var(--acct-ink);
}

body:has(.acct-theme) .rz-dialog-mask {
    background: rgba(2, 8, 24, .7);
}

body:has(.acct-theme) .rz-dialog .rz-dialog-titlebar-close {
    color: var(--acct-muted);
}

body:has(.acct-theme) .rz-dialog .rz-dialog-titlebar-close:hover {
    color: var(--acct-ink);
}

/* ── Form fields inside a dialog ── */

body:has(.acct-theme) .rz-dialog .rz-form-field {
    background: transparent;
}

body:has(.acct-theme) .rz-dialog .rz-form-field.rz-variant-outlined .rz-form-field-content {
    background: rgba(255, 255, 255, .07) !important;
    border: 1px solid rgba(255, 255, 255, .28) !important;
    box-shadow: none !important;
}

body:has(.acct-theme) .rz-dialog .rz-form-field.rz-variant-outlined:focus-within .rz-form-field-content {
    background: rgba(255, 255, 255, .1) !important;
    border-color: var(--acct-green) !important;
    box-shadow: 0 0 0 3px rgba(119, 193, 73, .25) !important;
}

body:has(.acct-theme) .rz-dialog .rz-form-field.rz-variant-outlined.rz-state-invalid .rz-form-field-content {
    border-color: var(--acct-danger) !important;
    box-shadow: 0 0 0 3px rgba(255, 97, 97, .15) !important;
}

body:has(.acct-theme) .rz-dialog .rz-form-field-label,
body:has(.acct-theme) .rz-dialog .rz-form-field.rz-variant-outlined .rz-form-field-label {
    color: var(--acct-muted) !important;
}

body:has(.acct-theme) .rz-dialog .rz-form-field.rz-variant-outlined:focus-within .rz-form-field-label {
    color: var(--acct-green) !important;
}

body:has(.acct-theme) .rz-dialog .rz-form-field.rz-variant-outlined.rz-state-invalid .rz-form-field-label {
    color: var(--acct-danger) !important;
}

body:has(.acct-theme) .rz-dialog .rz-messages-error,
body:has(.acct-theme) .rz-dialog .validation-message {
    color: var(--acct-danger) !important;
}

/* Inputs not wrapped in a form field (FileDialog, the 2FA code box). */
body:has(.acct-theme) .rz-dialog .rz-textbox,
body:has(.acct-theme) .rz-dialog .rz-inputtext,
body:has(.acct-theme) .rz-dialog textarea.rz-textarea,
body:has(.acct-theme) .rz-dialog .rz-spinner,
body:has(.acct-theme) .rz-dialog .rz-dropdown,
body:has(.acct-theme) .rz-dialog .rz-multiselect,
body:has(.acct-theme) .rz-dialog .rz-calendar,
body:has(.acct-theme) .rz-dialog .rz-datepicker,
body:has(.acct-theme) .rz-dialog .rz-lookup {
    background: rgba(255, 255, 255, .07);
    border: 1px solid rgba(255, 255, 255, .28);
    color: var(--acct-ink);
}

body:has(.acct-theme) .rz-dialog .rz-form-field .rz-textbox,
body:has(.acct-theme) .rz-dialog .rz-form-field .rz-inputtext,
body:has(.acct-theme) .rz-dialog .rz-form-field textarea.rz-textarea,
body:has(.acct-theme) .rz-dialog .rz-form-field .rz-spinner,
body:has(.acct-theme) .rz-dialog .rz-form-field .rz-dropdown,
body:has(.acct-theme) .rz-dialog .rz-form-field .rz-multiselect,
body:has(.acct-theme) .rz-dialog .rz-form-field .rz-calendar,
body:has(.acct-theme) .rz-dialog .rz-form-field .rz-datepicker,
body:has(.acct-theme) .rz-dialog .rz-form-field .rz-lookup {
    background: transparent;
    border: none;
    box-shadow: none;
}

body:has(.acct-theme) .rz-dialog .rz-textbox:enabled:focus,
body:has(.acct-theme) .rz-dialog .rz-inputtext:enabled:focus,
body:has(.acct-theme) .rz-dialog .rz-dropdown:not(.rz-state-disabled):focus-within,
body:has(.acct-theme) .rz-dialog .rz-spinner:focus-within,
body:has(.acct-theme) .rz-dialog .rz-calendar:focus-within,
body:has(.acct-theme) .rz-dialog .rz-datepicker:focus-within {
    border-color: var(--acct-green);
    box-shadow: 0 0 0 3px rgba(119, 193, 73, .25);
    outline: none;
}

body:has(.acct-theme) .rz-dialog .rz-form-field .rz-textbox:enabled:focus,
body:has(.acct-theme) .rz-dialog .rz-form-field .rz-inputtext:enabled:focus {
    border: none;
    box-shadow: none;
}

body:has(.acct-theme) .rz-dialog .rz-spinner input,
body:has(.acct-theme) .rz-dialog .rz-dropdown-label,
body:has(.acct-theme) .rz-dialog .rz-multiselect-label,
body:has(.acct-theme) .rz-dialog .rz-calendar input,
body:has(.acct-theme) .rz-dialog .rz-datepicker input,
body:has(.acct-theme) .rz-dialog .rz-lookup input {
    background: transparent;
    color: var(--acct-ink);
}

body:has(.acct-theme) .rz-dialog input::placeholder,
body:has(.acct-theme) .rz-dialog textarea::placeholder,
body:has(.acct-theme) .rz-dialog .rz-dropdown-label.rz-placeholder,
body:has(.acct-theme) .rz-dialog .rz-multiselect-label.rz-placeholder {
    color: rgba(244, 247, 255, .4);
}

/* ── Dialog buttons ── */

body:has(.acct-theme) .rz-dialog .rz-button.rz-primary {
    background: var(--acct-green);
    color: #04102b;
    border: none;
}

body:has(.acct-theme) .rz-dialog .rz-button.rz-primary:not(.rz-state-disabled):hover {
    background: #86cf58;
    color: #04102b;
}

body:has(.acct-theme) .rz-dialog .rz-button.rz-primary.rz-state-disabled,
body:has(.acct-theme) .rz-dialog .rz-button.rz-primary:disabled {
    background: #3d5230;
    color: rgba(255, 255, 255, .45);
    opacity: 1;
}

body:has(.acct-theme) .rz-dialog .rz-button.rz-light,
body:has(.acct-theme) .rz-dialog .rz-button.rz-base,
body:has(.acct-theme) .rz-dialog .rz-button.rz-secondary {
    background: transparent;
    color: var(--acct-ink);
    border: 1px solid rgba(255, 255, 255, .35);
    box-shadow: none;
}

body:has(.acct-theme) .rz-dialog .rz-button.rz-light:not(.rz-state-disabled):hover,
body:has(.acct-theme) .rz-dialog .rz-button.rz-base:not(.rz-state-disabled):hover,
body:has(.acct-theme) .rz-dialog .rz-button.rz-secondary:not(.rz-state-disabled):hover {
    background: rgba(255, 255, 255, .08);
    color: #ffffff;
}

body:has(.acct-theme) .rz-dialog .rz-button.rz-danger {
    background: transparent;
    color: var(--acct-danger);
    border: 1px solid rgba(255, 97, 97, .5);
    box-shadow: none;
}

body:has(.acct-theme) .rz-dialog .rz-button.rz-danger:not(.rz-state-disabled):hover {
    background: rgba(255, 97, 97, .12);
    color: var(--acct-danger);
}

/* ── Dropdown and picker popups ── */

body:has(.acct-theme) .rz-dropdown-panel,
body:has(.acct-theme) .rz-multiselect-panel,
body:has(.acct-theme) .rz-autocomplete-panel,
body:has(.acct-theme) .rz-lookup-panel,
body:has(.acct-theme) .rz-datepicker-popup,
body:has(.acct-theme) .rz-popup {
    background: var(--acct-panel-solid) !important;
    border: 1px solid var(--acct-line);
    color: var(--acct-ink) !important;
    box-shadow: 0 14px 40px rgba(0, 0, 0, .55);
}

body:has(.acct-theme) .rz-dropdown-item,
body:has(.acct-theme) .rz-multiselect-item,
body:has(.acct-theme) .rz-autocomplete-panel li,
body:has(.acct-theme) .rz-dropdown-items li,
body:has(.acct-theme) .rz-multiselect-items li {
    background: transparent;
    color: var(--acct-ink) !important;
}

body:has(.acct-theme) .rz-dropdown-item:hover,
body:has(.acct-theme) .rz-multiselect-item:hover,
body:has(.acct-theme) .rz-autocomplete-panel li:hover,
body:has(.acct-theme) .rz-dropdown-items li:hover,
body:has(.acct-theme) .rz-multiselect-items li:hover {
    background: rgba(255, 255, 255, .06) !important;
    color: #ffffff !important;
}

body:has(.acct-theme) .rz-dropdown-item.rz-state-highlight,
body:has(.acct-theme) .rz-multiselect-item.rz-state-highlight,
body:has(.acct-theme) .rz-dropdown-items li.rz-state-highlight,
body:has(.acct-theme) .rz-multiselect-items li.rz-state-highlight {
    background: rgba(119, 193, 73, .18) !important;
    color: #d9f3c6 !important;
}

body:has(.acct-theme) .rz-dropdown-panel .rz-dropdown-filter,
body:has(.acct-theme) .rz-multiselect-panel .rz-multiselect-filter input {
    background: rgba(255, 255, 255, .07);
    border: 1px solid rgba(255, 255, 255, .28);
    color: var(--acct-ink);
}

body:has(.acct-theme) .rz-datepicker-popup .rz-datepicker-header,
body:has(.acct-theme) .rz-datepicker-popup .rz-datepicker-calendar th {
    background: transparent;
    color: var(--acct-ink);
}

body:has(.acct-theme) .rz-datepicker-popup .rz-datepicker-calendar td > span,
body:has(.acct-theme) .rz-datepicker-popup .rz-datepicker-calendar td > a {
    color: var(--acct-ink);
}

body:has(.acct-theme) .rz-datepicker-popup .rz-datepicker-calendar td > a:hover {
    background: rgba(255, 255, 255, .1);
}

body:has(.acct-theme) .rz-datepicker-popup .rz-datepicker-calendar .rz-state-active {
    background: var(--acct-green);
    color: #04102b;
}

/* ── Notifications ── */

body:has(.acct-theme) .rz-notification-item,
body:has(.acct-theme) .rz-notification-item-wrapper {
    background: var(--acct-panel-solid);
    border: 1px solid var(--acct-line);
    color: var(--acct-ink);
}

/* ── 1. The white chip above a field ── */

body:has(.acct-theme) {
    --rz-form-field-label-floating-background-color: #081c40;
}

/* ── 2. The filter row on a searchable dropdown ── */

body:has(.acct-theme) .rz-dropdown-header,
body:has(.acct-theme) .rz-dropdown-filter-container,
body:has(.acct-theme) .rz-multiselect-header,
body:has(.acct-theme) .rz-multiselect-filter-container {
    background: var(--acct-panel-solid) !important;
    border-bottom: 1px solid var(--acct-line);
}

body:has(.acct-theme) .rz-dropdown-filter,
body:has(.acct-theme) .rz-dropdown-filter input,
body:has(.acct-theme) .rz-multiselect-filter,
body:has(.acct-theme) .rz-multiselect-filter input,
body:has(.acct-theme) .rz-lookup-search input,
body:has(.acct-theme) .rz-autocomplete-panel input {
    background: rgba(255, 255, 255, .07) !important;
    border: 1px solid rgba(255, 255, 255, .28) !important;
    color: var(--acct-ink) !important;
}

body:has(.acct-theme) .rz-dropdown-filter::placeholder,
body:has(.acct-theme) .rz-multiselect-filter input::placeholder {
    color: rgba(244, 247, 255, .4) !important;
}

/* ── 3. Add Address — the white manual-entry panel ── */

body:has(.acct-theme) .rz-dialog .addr-manual-fields {
    background: rgba(255, 255, 255, .04);
    border-color: var(--acct-line);
}

body:has(.acct-theme) .rz-dialog .addr-manual-toggle {
    border-color: rgba(255, 255, 255, .28);
    color: var(--acct-green-soft);
}

body:has(.acct-theme) .rz-dialog .addr-manual-toggle:hover {
    background: rgba(255, 255, 255, .06);
    border-color: var(--acct-green);
}

/* ── 4. The 2FA code boxes ── */

body:has(.acct-theme) .rz-dialog .rz-security-code input,
body:has(.acct-theme) .rz-dialog [class*="security-code"] input {
    background: rgba(255, 255, 255, .07) !important;
    border: 1px solid rgba(255, 255, 255, .28) !important;
    color: var(--acct-ink) !important;
    -webkit-text-fill-color: var(--acct-ink);
}

body:has(.acct-theme) .rz-dialog .rz-security-code input:focus,
body:has(.acct-theme) .rz-dialog [class*="security-code"] input:focus {
    background: rgba(255, 255, 255, .14) !important;
    border-color: var(--acct-green) !important;
    color: var(--acct-ink) !important;
    outline: none;
}

/* ── 5. Safety net for anything typed into ── */

body:has(.acct-theme) .rz-dialog input:not([type="checkbox"]):not([type="radio"]),
body:has(.acct-theme) .rz-dialog textarea,
body:has(.acct-theme) .rz-dialog select {
    color: var(--acct-ink);
}

/* ── 6. Add File — the upload dropzone ── */

body:has(.acct-theme) .rz-dialog .rz-fileupload,
body:has(.acct-theme) .rz-dialog .rz-fileupload-content,
body:has(.acct-theme) .rz-dialog .rz-fileupload-buttonbar {
    background: rgba(255, 255, 255, .04);
    border-color: rgba(255, 255, 255, .28);
    color: var(--acct-muted);
}

body:has(.acct-theme) .rz-dialog .rz-fileupload-choose {
    background: transparent;
    color: var(--acct-green-soft);
}

body:has(.acct-theme) .rz-dialog .rz-fileupload-choose:not(.rz-state-disabled):hover {
    background: rgba(255, 255, 255, .06);
    color: #ffffff;
}

body:has(.acct-theme) .rz-dialog .rz-fileupload-row,
body:has(.acct-theme) .rz-dialog .rz-fileupload-files {
    background: transparent;
    color: var(--acct-ink);
}

/* ── 7. Communication Consents ── */

.acct-theme .rz-datalist li,
.acct-theme .rz-datalist-content li,
.acct-theme .rz-datalist-data li {
    background: transparent !important;
    border-color: var(--acct-line-soft) !important;
    color: var(--acct-ink);
}

.acct-theme .rz-datalist li .rz-label,
.acct-theme .rz-datalist li .rz-text {
    color: var(--acct-ink);
}

/* ── Outlined buttons ── */

.acct-theme .rz-button.rz-variant-outlined.rz-primary {
    background: transparent;
    color: var(--acct-green-soft) !important;
    box-shadow: inset 0 0 0 1px rgba(119, 193, 73, .55) !important;
}

.acct-theme .rz-button.rz-variant-outlined.rz-primary:not(.rz-state-disabled):hover {
    background: rgba(119, 193, 73, .12);
    color: #ffffff !important;
    box-shadow: inset 0 0 0 1px var(--acct-green) !important;
}

.acct-theme .rz-button.rz-variant-outlined.rz-secondary,
.acct-theme .rz-button.rz-variant-outlined.rz-base,
.acct-theme .rz-button.rz-variant-outlined.rz-light {
    background: transparent;
    color: var(--acct-ink) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .35) !important;
}

.acct-theme .rz-button.rz-variant-outlined.rz-secondary:not(.rz-state-disabled):hover,
.acct-theme .rz-button.rz-variant-outlined.rz-base:not(.rz-state-disabled):hover,
.acct-theme .rz-button.rz-variant-outlined.rz-light:not(.rz-state-disabled):hover {
    background: rgba(255, 255, 255, .08);
    color: #ffffff !important;
}

.acct-theme .rz-button.rz-variant-outlined.rz-danger {
    background: transparent;
    color: #ffb3b3 !important;
    box-shadow: inset 0 0 0 1px rgba(255, 97, 97, .5) !important;
}

.acct-theme .rz-button.rz-variant-outlined.rz-danger:not(.rz-state-disabled):hover {
    background: rgba(255, 97, 97, .12);
}

.acct-theme .rz-button.rz-variant-outlined.rz-state-disabled,
.acct-theme .rz-button.rz-variant-outlined:disabled {
    color: rgba(244, 247, 255, .4) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .18) !important;
    opacity: 1;
}

/* ── Data grid footer (totals row) ── */

.acct-theme .acct-grid .rz-grid-table tfoot,
.acct-theme .acct-grid .rz-grid-table tfoot tr,
.acct-theme .acct-grid .rz-datatable-tfoot,
.acct-theme .acct-grid .rz-datatable-tfoot tr {
    background: rgba(255, 255, 255, .06) !important;
}

.acct-theme .acct-grid .rz-grid-table tfoot td,
.acct-theme .acct-grid .rz-grid-table tfoot td *,
.acct-theme .acct-grid .rz-datatable-tfoot td,
.acct-theme .acct-grid .rz-datatable-tfoot td * {
    background: transparent !important;
    color: var(--acct-ink) !important;
    font-weight: 700;
}

.acct-theme .acct-grid .rz-grid-table tfoot td,
.acct-theme .acct-grid .rz-datatable-tfoot td {
    border-top: 2px solid var(--acct-line) !important;
}

/* ── Mobile detail card values ── */

.acct-theme .employment-value,
.acct-theme .bank-account-value {
    color: var(--acct-ink);
}

/* ── Light buttons in page content ── */

.acct-theme .rz-button.rz-light,
.acct-theme .rz-button.rz-base,
.acct-theme .rz-button.rz-secondary {
    background: rgba(255, 255, 255, .14) !important;
    color: var(--acct-ink) !important;
    box-shadow: none !important;
}

.acct-theme .rz-button.rz-light:not(.rz-state-disabled):hover,
.acct-theme .rz-button.rz-base:not(.rz-state-disabled):hover,
.acct-theme .rz-button.rz-secondary:not(.rz-state-disabled):hover {
    background: rgba(255, 255, 255, .22) !important;
    color: #ffffff !important;
}