/**
 * DigiBank — Neo digital banking UI layer
 * Dark navy / purple–blue gradient skin applies only when body has .dark-theme
 * (session color mode on the frontend). .digibank-neo-ui is always on for typography + tokens.
 * Admin keeps both classes so the admin UI stays on the dark neo skin.
 */
@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap");

body.digibank-neo-ui,
body.db-neo-ui {
  --td-ff-body: "Nunito", system-ui, sans-serif;
  --td-ff-heading: "Nunito", system-ui, sans-serif;
  --neo-bg: #0b0e1e;
  --neo-bg-elevated: #12152a;
  --neo-surface: #1a1d2e;
  --neo-surface-glass: rgba(26, 29, 46, 0.72);
  --neo-border: rgba(255, 255, 255, 0.08);
  --neo-border-strong: rgba(255, 255, 255, 0.12);
  --neo-text: #ffffff;
  --neo-text-muted: #a0a0c0;
  --neo-gradient: linear-gradient(135deg, #5e5ce6 0%, #409cff 52%, #8e2de2 100%);
  --neo-gradient-soft: linear-gradient(135deg, rgba(94, 92, 230, 0.35) 0%, rgba(64, 156, 255, 0.2) 100%);
  --neo-positive: #34c759;
  --neo-negative: #ff3b30;
  --neo-warning: #ffcc00;
  --neo-radius-lg: 24px;
  --neo-radius-md: 16px;
  --neo-radius-sm: 12px;
  --neo-shadow-glow: 0 0 60px rgba(99, 102, 241, 0.18);
  --neo-shadow-card: 0 18px 48px rgba(0, 0, 0, 0.45);
  font-family: "Nunito", system-ui, -apple-system, sans-serif !important;
}

body.digibank-neo-ui h1,
body.digibank-neo-ui h2,
body.digibank-neo-ui h3,
body.digibank-neo-ui h4,
body.digibank-neo-ui .title {
  font-family: "Nunito", system-ui, sans-serif;
  letter-spacing: -0.02em;
}

/* ——— Base page ——— */
body.digibank-neo-ui.dark-theme,
body.db-neo-ui.dark-theme {
  background-color: var(--neo-bg) !important;
  background-image:
    radial-gradient(ellipse 120% 80% at 10% -10%, rgba(94, 92, 230, 0.28), transparent 55%),
    radial-gradient(ellipse 90% 60% at 100% 0%, rgba(142, 45, 226, 0.2), transparent 50%),
    radial-gradient(ellipse 70% 50% at 50% 100%, rgba(64, 156, 255, 0.12), transparent 45%) !important;
  background-attachment: fixed;
  color: rgba(255, 255, 255, 0.92);
}

/* ——— Landing / public header ——— */
body.digibank-neo-ui.dark-theme .header {
  background: rgba(11, 14, 30, 0.85) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--neo-border) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25);
}

body.digibank-neo-ui.dark-theme .header .navbar .main-nav .nav-item a.nav-link {
  color: rgba(255, 255, 255, 0.82) !important;
  border-radius: var(--neo-radius-sm);
}

body.digibank-neo-ui.dark-theme .header .navbar .main-nav .nav-item a.nav-link:hover,
body.digibank-neo-ui.dark-theme .header .navbar .main-nav .nav-item a.nav-link.active {
  color: #fff !important;
  background: rgba(99, 102, 241, 0.2);
}

body.digibank-neo-ui.dark-theme .header .navbar-toggler {
  background: var(--neo-gradient) !important;
  border-radius: var(--neo-radius-sm) !important;
}

body.digibank-neo-ui.dark-theme .header .header-right-btn .color-switcher {
  border: 1px solid var(--neo-border);
  border-radius: 999px;
  padding: 6px 10px;
  background: var(--neo-surface);
}

/* ——— Footer & sections ——— */
body.digibank-neo-ui.dark-theme .footer,
body.digibank-neo-ui.dark-theme footer.footer {
  background: var(--neo-bg-elevated) !important;
  border-top: 1px solid var(--neo-border);
  color: var(--neo-text-muted);
}

body.digibank-neo-ui.dark-theme .section,
body.digibank-neo-ui.dark-theme section {
  color: rgba(255, 255, 255, 0.88);
}

body.digibank-neo-ui.dark-theme .body-landing-bg {
  background-color: transparent !important;
}

/* ——— Auth pages ——— */
body.digibank-neo-ui.dark-theme .half-authpage .authOne .auth-contents,
body.digibank-neo-ui.dark-theme .auth-contents {
  background: var(--neo-surface) !important;
  border: 1px solid var(--neo-border);
  border-radius: var(--neo-radius-lg);
  box-shadow: var(--neo-shadow-card);
}

body.digibank-neo-ui.dark-theme .half-authpage .authOne .auth-contents .contents .content form .inputs .box-input,
body.digibank-neo-ui.dark-theme .half-authpage .authOne .auth-contents .contents .content form .inputs .form-control,
body.digibank-neo-ui.dark-theme .form-control {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid var(--neo-border) !important;
  color: #fff !important;
  border-radius: var(--neo-radius-sm) !important;
}

body.digibank-neo-ui.dark-theme .half-authpage .authOne .auth-contents .contents .content form .inputs label {
  color: var(--neo-text-muted) !important;
}

body.digibank-neo-ui.dark-theme .btn.btn-primary,
body.digibank-neo-ui.dark-theme .site-btn.primary,
body.digibank-neo-ui.dark-theme button[type="submit"].btn-primary {
  background: var(--neo-gradient) !important;
  border: none !important;
  color: #fff !important;
  border-radius: var(--neo-radius-md) !important;
  font-weight: 600;
  padding: 0.65rem 1.5rem;
  box-shadow: 0 8px 24px rgba(94, 92, 230, 0.35);
}

body.digibank-neo-ui.dark-theme .btn.btn-primary:hover {
  filter: brightness(1.08);
  transform: translateY(-1px);
}

body.digibank-neo-ui.dark-theme .btn.btn-outline-primary,
body.digibank-neo-ui.dark-theme .btn-outline-secondary {
  border-radius: var(--neo-radius-md) !important;
  border-color: var(--neo-border-strong) !important;
  color: #fff !important;
  background: transparent !important;
}

/* ——— User dashboard shell ——— */
body.digibank-neo-ui.dark-theme .main-user-dahboard .user-sidebar {
  background: linear-gradient(180deg, #13142b 0%, #0b0e1e 100%) !important;
  border-right: 1px solid var(--neo-border) !important;
  box-shadow: 4px 0 40px rgba(0, 0, 0, 0.35);
}

body.digibank-neo-ui.dark-theme .main-user-dahboard .user-sidebar .site-logo {
  background: transparent !important;
  border-bottom: 1px solid var(--neo-border) !important;
}

body.digibank-neo-ui.dark-theme .main-user-dahboard .user-sidebar .user-nav ul li a {
  border-radius: var(--neo-radius-md);
  margin: 2px 8px;
  transition: background 0.2s, color 0.2s;
}

body.digibank-neo-ui.dark-theme .main-user-dahboard .user-sidebar .user-nav ul li a:hover,
body.digibank-neo-ui.dark-theme .main-user-dahboard .user-sidebar .user-nav ul li.active > a {
  background: rgba(99, 102, 241, 0.18) !important;
}

body.digibank-neo-ui.dark-theme .main-user-dahboard .user-sidebar .user-nav ul li a span {
  color: rgba(255, 255, 255, 0.75) !important;
}

body.digibank-neo-ui.dark-theme .main-user-dahboard .page-content {
  background: transparent !important;
}

body.digibank-neo-ui.dark-theme .main-user-dahboard .page-content .main-content {
  background: transparent !important;
}

body.digibank-neo-ui.dark-theme .user-part-header {
  background: rgba(18, 21, 42, 0.75) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--neo-border) !important;
}

body.digibank-neo-ui.dark-theme .user-part-header .salutation {
  color: rgba(255, 255, 255, 0.88) !important;
}

body.digibank-neo-ui.dark-theme .user-part-header .salutation strong {
  color: #fff !important;
}

body.digibank-neo-ui.dark-theme .user-head-drop .dropdown-menu {
  background: var(--neo-surface) !important;
  border: 1px solid var(--neo-border) !important;
  border-radius: var(--neo-radius-md) !important;
  box-shadow: var(--neo-shadow-card);
}

body.digibank-neo-ui.dark-theme .user-head-drop .dropdown-menu .user-head-drop-top .name,
body.digibank-neo-ui.dark-theme .user-head-drop .dropdown-menu .user-head-drop-top .email {
  color: #fff !important;
}

/* ——— User profile / balance hero card ——— */
body.digibank-neo-ui.dark-theme .main-user-dahboard .user-profile-card {
  background: var(--neo-gradient) !important;
  color: #fff !important;
  border-radius: var(--neo-radius-lg) !important;
  box-shadow: var(--neo-shadow-glow), var(--neo-shadow-card);
  border: 1px solid rgba(255, 255, 255, 0.12);
  position: relative;
  overflow: hidden;
}

body.digibank-neo-ui.dark-theme .main-user-dahboard .user-profile-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.12) 0%, transparent 45%);
  pointer-events: none;
}

body.digibank-neo-ui.dark-theme .main-user-dahboard .user-profile-card .title {
  color: rgba(255, 255, 255, 0.78) !important;
}

body.digibank-neo-ui.dark-theme .main-user-dahboard .user-profile-card .acc-balance {
  color: #fff !important;
  font-size: clamp(1.75rem, 4vw, 2.25rem) !important;
}

body.digibank-neo-ui.dark-theme .main-user-dahboard .user-profile-card .acc-num {
  background: rgba(0, 0, 0, 0.25) !important;
  color: #fff !important;
  border-radius: var(--neo-radius-sm) !important;
  border: 1px solid rgba(255, 255, 255, 0.12);
}

body.digibank-neo-ui.dark-theme .main-user-dahboard .user-profile-card .last-login {
  color: rgba(255, 255, 255, 0.65) !important;
}

body.digibank-neo-ui.dark-theme .main-user-dahboard .user-profile-card .buttons a {
  color: #fff !important;
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.85) !important;
  border-radius: 999px !important;
  background: rgba(0, 0, 0, 0.15) !important;
}

body.digibank-neo-ui.dark-theme .main-user-dahboard .user-profile-card .buttons a:hover {
  background: rgba(255, 255, 255, 0.15) !important;
  box-shadow: inset 0 0 0 2px #fff !important;
}

body.digibank-neo-ui.dark-theme .main-user-dahboard .user-profile-card .o {
  color: rgba(255, 255, 255, 0.06) !important;
}

body.digibank-neo-ui.dark-theme .main-user-dahboard .user-profile-card.rewards-card {
  background: var(--neo-gradient) !important;
}

/* ——— Stat / spec cards ——— */
body.digibank-neo-ui.dark-theme .single-spec-stat,
body.digibank-neo-ui.dark-theme .site-card,
body.digibank-neo-ui.dark-theme .site-card.site-card,
body.digibank-neo-ui.dark-theme .card {
  background: var(--neo-surface-glass) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid var(--neo-border) !important;
  border-radius: var(--neo-radius-lg) !important;
  box-shadow: var(--neo-shadow-card);
  color: rgba(255, 255, 255, 0.9) !important;
}

body.digibank-neo-ui.dark-theme .site-card .site-card-header {
  background: transparent !important;
  border-bottom: 1px solid var(--neo-border) !important;
}

body.digibank-neo-ui.dark-theme .site-card .site-card-header .title {
  color: #fff !important;
}

body.digibank-neo-ui.dark-theme .site-card .site-card-body {
  color: rgba(255, 255, 255, 0.85);
}

body.digibank-neo-ui.dark-theme .single-spec-stat .top .title,
body.digibank-neo-ui.dark-theme .single-spec-stat .text p {
  color: rgba(255, 255, 255, 0.8) !important;
}

body.digibank-neo-ui.dark-theme .single-spec-stat .bottom .amount {
  color: #fff !important;
}

body.digibank-neo-ui.dark-theme .single-spec-stat .top .icon {
  background: var(--neo-gradient-soft) !important;
  border: 1px solid var(--neo-border);
  border-radius: var(--neo-radius-md);
}

/* ——— Tables ——— */
body.digibank-neo-ui.dark-theme .table {
  color: rgba(255, 255, 255, 0.88) !important;
  --bs-table-bg: transparent;
  --bs-table-color: rgba(255, 255, 255, 0.88);
}

body.digibank-neo-ui.dark-theme .table thead th {
  background: rgba(0, 0, 0, 0.25) !important;
  color: var(--neo-text-muted) !important;
  border-color: var(--neo-border) !important;
}

body.digibank-neo-ui.dark-theme .table td,
body.digibank-neo-ui.dark-theme .table tbody th {
  border-color: var(--neo-border) !important;
}

body.digibank-neo-ui.dark-theme .table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: rgba(255, 255, 255, 0.03);
}

body.digibank-neo-ui.dark-theme .text-success,
body.digibank-neo-ui.dark-theme .amount.positive,
body.digibank-neo-ui.dark-theme .profit {
  color: var(--neo-positive) !important;
}

body.digibank-neo-ui.dark-theme .text-danger,
body.digibank-neo-ui.dark-theme .amount.negative,
body.digibank-neo-ui.dark-theme .loss {
  color: var(--neo-negative) !important;
}

/* ——— Badges & alerts ——— */
body.digibank-neo-ui.dark-theme .badge.bg-primary,
body.digibank-neo-ui.dark-theme .badge-primary {
  background: var(--neo-gradient) !important;
}

body.digibank-neo-ui.dark-theme .alert {
  border-radius: var(--neo-radius-md) !important;
  border: 1px solid var(--neo-border) !important;
}

body.digibank-neo-ui.dark-theme .alert-success {
  background: rgba(52, 199, 89, 0.12) !important;
  color: #b8f5c8 !important;
}

body.digibank-neo-ui.dark-theme .alert-danger {
  background: rgba(255, 59, 48, 0.12) !important;
  color: #ffb4ae !important;
}

/* ——— Modals (payment success / fail style) ——— */
body.digibank-neo-ui.dark-theme .modal-content {
  background: var(--neo-surface) !important;
  border: 1px solid var(--neo-border) !important;
  border-radius: var(--neo-radius-lg) !important;
  color: #fff;
  box-shadow: var(--neo-shadow-card);
}

body.digibank-neo-ui.dark-theme .modal-header {
  border-bottom-color: var(--neo-border) !important;
}

body.digibank-neo-ui.dark-theme .modal-footer {
  border-top-color: var(--neo-border) !important;
}

body.digibank-neo-ui.dark-theme .btn-danger,
body.digibank-neo-ui.dark-theme .site-btn.danger {
  background: linear-gradient(135deg, #ff3b30, #ff6b6b) !important;
  border: none !important;
  border-radius: var(--neo-radius-md) !important;
}

body.digibank-neo-ui.dark-theme .btn-secondary,
body.digibank-neo-ui.dark-theme .btn-light {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid var(--neo-border) !important;
  color: #fff !important;
  border-radius: var(--neo-radius-md) !important;
}

/* ——— Offcanvas / mobile menu ——— */
body.digibank-neo-ui.dark-theme .offcanvas,
body.digibank-neo-ui.dark-theme .offcanvas-area .offcanva-wrapper {
  background: var(--neo-bg-elevated) !important;
  color: #fff;
}

/* ——— KYC warning strip ——— */
body.digibank-neo-ui.dark-theme .kyc-warning,
body.digibank-neo-ui.dark-theme [class*="kyc"] {
  border-radius: var(--neo-radius-md) !important;
}

/* ——— Admin layout ——— */
body.digibank-neo-ui.dark-theme .layout .header {
  background: rgba(11, 14, 30, 0.92) !important;
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--neo-border);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35);
}

body.digibank-neo-ui.dark-theme .layout .header .logo {
  background: linear-gradient(180deg, #1a1d3a 0%, #12152a 100%) !important;
  border-bottom-color: var(--neo-border) !important;
}

body.digibank-neo-ui.dark-theme .layout .header .nav-wrap {
  background: transparent !important;
  box-shadow: none !important;
}

body.digibank-neo-ui.dark-theme .layout .header .nav-wrap .nav-left li a,
body.digibank-neo-ui.dark-theme .layout .header .nav-wrap .nav-right li a,
body.digibank-neo-ui.dark-theme .layout .header .sidebar-toggle {
  color: rgba(255, 255, 255, 0.85) !important;
  border-radius: var(--neo-radius-sm) !important;
}

body.digibank-neo-ui.dark-theme .layout .header .nav-wrap .nav-left li a:hover,
body.digibank-neo-ui.dark-theme .layout .header .nav-wrap .nav-right li a:hover {
  background: rgba(99, 102, 241, 0.2) !important;
  color: #fff !important;
}

body.digibank-neo-ui.dark-theme .layout .side-nav {
  background: linear-gradient(180deg, #13142b 0%, #0b0e1e 100%) !important;
  border-right: 1px solid var(--neo-border);
}

body.digibank-neo-ui.dark-theme .layout .side-nav .side-nav-inside .side-nav-menu .side-nav-item > a {
  color: rgba(255, 255, 255, 0.78) !important;
  border-radius: var(--neo-radius-md);
}

body.digibank-neo-ui.dark-theme .layout .side-nav .side-nav-inside .side-nav-menu .side-nav-item > a:hover,
body.digibank-neo-ui.dark-theme .layout .side-nav .side-nav-inside .side-nav-menu .side-nav-item.active > a {
  background: rgba(99, 102, 241, 0.2) !important;
  color: #fff !important;
}

body.digibank-neo-ui.dark-theme .layout .page-container {
  background: transparent !important;
}

body.digibank-neo-ui.dark-theme .layout .page-container .main-content {
  background: transparent !important;
}

body.digibank-neo-ui.dark-theme .layout .page-title {
  background: transparent !important;
}

body.digibank-neo-ui.dark-theme .layout .page-title .title-content .title {
  color: #fff !important;
}

body.digibank-neo-ui.dark-theme .layout .site-card {
  background: var(--neo-surface-glass) !important;
  border: 1px solid var(--neo-border) !important;
  border-radius: var(--neo-radius-lg) !important;
}

body.digibank-neo-ui.dark-theme .layout .site-card .site-card-header .title {
  color: #fff !important;
}

body.digibank-neo-ui.dark-theme .layout .site-card .site-card-header {
  border-bottom-color: var(--neo-border) !important;
}

body.digibank-neo-ui.dark-theme .layout .form-control,
body.digibank-neo-ui.dark-theme .layout .form-select,
body.digibank-neo-ui.dark-theme .layout textarea {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid var(--neo-border) !important;
  color: #fff !important;
  border-radius: var(--neo-radius-sm) !important;
}

/* Admin — native & Bootstrap selects: solid dark surface + visible text */
body.digibank-neo-ui.dark-theme .layout select.form-select,
body.digibank-neo-ui.dark-theme .layout select.form-control,
body.digibank-neo-ui.dark-theme .layout .site-input-groups select,
body.digibank-neo-ui.dark-theme .layout .input-group > select {
  background-color: #12131c !important;
  color: #e2e8f0 !important;
  border-color: rgba(148, 163, 184, 0.4) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23cbd5e1' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 0.75rem center !important;
  background-size: 16px 16px !important;
  padding-right: 2.5rem !important;
}

/* Native <select> list: grey tray + light text (avoids white popup + white text on admin dark UI) */
body.digibank-neo-ui.dark-theme .layout select.form-select,
body.digibank-neo-ui.dark-theme .layout select.form-control,
body.digibank-neo-ui.dark-theme .layout .site-input-groups select {
  color-scheme: dark;
}

body.digibank-neo-ui.dark-theme .layout select.form-select option,
body.digibank-neo-ui.dark-theme .layout select.form-control option,
body.digibank-neo-ui.dark-theme .layout .site-input-groups select option {
  background-color: #57534e !important;
  color: #fafaf9 !important;
}

body.digibank-neo-ui.dark-theme .layout select.form-select[multiple],
body.digibank-neo-ui.dark-theme .layout select.form-control[multiple],
body.digibank-neo-ui.dark-theme .layout select[multiple] {
  background-image: none !important;
  padding-right: 0.75rem !important;
  min-height: 6rem;
}

/* Select2 (admin) — closed control */
body.digibank-neo-ui.dark-theme .layout .select2-container--default .select2-selection--single,
body.digibank-neo-ui.dark-theme .layout .select2-container--default .select2-selection--multiple {
  background-color: #12131c !important;
  border-color: rgba(148, 163, 184, 0.4) !important;
}

body.digibank-neo-ui.dark-theme .layout .select2-container--default .select2-selection--single .select2-selection__rendered,
body.digibank-neo-ui.dark-theme .layout .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  color: #e2e8f0 !important;
}

body.digibank-neo-ui.dark-theme .layout .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: rgba(226, 232, 240, 0.55) !important;
}

body.digibank-neo-ui.dark-theme .layout .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #cbd5e1 transparent transparent transparent !important;
}

body.digibank-neo-ui.dark-theme .layout .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: rgba(99, 102, 241, 0.28) !important;
  border: 1px solid rgba(129, 140, 248, 0.45) !important;
  color: #f1f5f9 !important;
}

body.digibank-neo-ui.dark-theme .layout .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #e2e8f0 !important;
}

/* Select2 dropdown is attached to body — scope to admin session */
body.digibank-neo-ui.dark-theme:has(.layout) .select2-dropdown {
  background-color: #12131c !important;
  border: 1px solid rgba(148, 163, 184, 0.4) !important;
}

body.digibank-neo-ui.dark-theme:has(.layout) .select2-results__option {
  color: #e2e8f0 !important;
  background-color: #12131c !important;
}

body.digibank-neo-ui.dark-theme:has(.layout) .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: rgba(99, 102, 241, 0.45) !important;
  color: #fff !important;
}

body.digibank-neo-ui.dark-theme:has(.layout) .select2-container--default .select2-results__option--selected {
  background-color: rgba(99, 102, 241, 0.28) !important;
  color: #f8fafc !important;
}

body.digibank-neo-ui.dark-theme:has(.layout) .select2-search--dropdown .select2-search__field {
  background-color: #0f1018 !important;
  color: #e2e8f0 !important;
  border-color: rgba(148, 163, 184, 0.4) !important;
}

/* jQuery Nice Select (admin) */
body.digibank-neo-ui.dark-theme .layout .nice-select {
  background-color: #12131c !important;
  border-color: rgba(148, 163, 184, 0.4) !important;
  color: #e2e8f0 !important;
}

body.digibank-neo-ui.dark-theme .layout .nice-select .current {
  color: #e2e8f0 !important;
}

body.digibank-neo-ui.dark-theme .layout .nice-select:after {
  border-bottom-color: #cbd5e1 !important;
  border-right-color: #cbd5e1 !important;
}

body.digibank-neo-ui.dark-theme .layout .nice-select .list {
  background-color: #12131c !important;
  border: 1px solid rgba(148, 163, 184, 0.35) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45) !important;
}

body.digibank-neo-ui.dark-theme .layout .nice-select .option {
  color: #e2e8f0 !important;
}

body.digibank-neo-ui.dark-theme .layout .nice-select .option:hover,
body.digibank-neo-ui.dark-theme .layout .nice-select .option.focus,
body.digibank-neo-ui.dark-theme .layout .nice-select .option.selected.focus {
  background-color: rgba(99, 102, 241, 0.28) !important;
}

body.digibank-neo-ui.dark-theme .layout .nice-select .option.selected {
  color: #f8fafc !important;
}

body.digibank-neo-ui.dark-theme .layout label {
  color: var(--neo-text-muted);
}

body.digibank-neo-ui.dark-theme .layout .btn-primary {
  background: var(--neo-gradient) !important;
  border: none !important;
  border-radius: var(--neo-radius-md) !important;
}

body.digibank-neo-ui.dark-theme .layout .dataTables_wrapper,
body.digibank-neo-ui.dark-theme .layout .table-responsive {
  color: rgba(255, 255, 255, 0.88);
}

body.digibank-neo-ui.dark-theme .layout .dropdown-menu {
  background: var(--neo-surface) !important;
  border: 1px solid var(--neo-border) !important;
  border-radius: var(--neo-radius-md) !important;
}

body.digibank-neo-ui.dark-theme .layout .dropdown-menu li a {
  color: rgba(255, 255, 255, 0.88) !important;
}

body.digibank-neo-ui.dark-theme .layout .dropdown-menu li a:hover {
  background: rgba(99, 102, 241, 0.2) !important;
}

/* Admin auth login */
body.digibank-neo-ui.dark-theme .admin-auth .login {
  border-radius: var(--neo-radius-lg);
  overflow: hidden;
  box-shadow: var(--neo-shadow-card);
  border: 1px solid var(--neo-border);
}

body.digibank-neo-ui.dark-theme .admin-auth .login .login-content {
  background: var(--neo-surface) !important;
  color: #fff;
}

body.digibank-neo-ui.dark-theme .admin-auth .login .login-content .form-control {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid var(--neo-border) !important;
  color: #fff !important;
}

/* ——— Corporate theme-2 (tp-coinefy etc.) ——— */
body.digibank-neo-ui.dark-theme .tp-header-area,
body.digibank-neo-ui.dark-theme .tp-header-area-2 {
  background: rgba(11, 14, 30, 0.9) !important;
  backdrop-filter: blur(14px);
  border-bottom: 1px solid var(--neo-border);
}

body.digibank-neo-ui.dark-theme .tp-offcanvas-area,
body.digibank-neo-ui.dark-theme .tp-offcanvas {
  background: var(--neo-bg-elevated) !important;
}

body.digibank-neo-ui.dark-theme .tp-btn,
body.digibank-neo-ui.dark-theme .tp-btn-primary,
body.digibank-neo-ui.dark-theme .tp-btn-green,
body.digibank-neo-ui.dark-theme .tp-btn-blue {
  border-radius: var(--neo-radius-md) !important;
}

body.digibank-neo-ui.dark-theme .tp-btn:not(.tp-btn-border) {
  background: var(--neo-gradient) !important;
  color: #fff !important;
  border: none !important;
}

/* ——— Digi vault landing ——— */
body.digibank-neo-ui.dark-theme .td-breadcrumb-area,
body.digibank-neo-ui.dark-theme .td-hero-area {
  background-color: transparent !important;
}

body.digibank-neo-ui.dark-theme .td-btn,
body.digibank-neo-ui.dark-theme .td-btn-2 {
  border-radius: var(--neo-radius-md) !important;
}

/* ——— Pagination ——— */
body.digibank-neo-ui.dark-theme .pagination .page-link {
  background: var(--neo-surface) !important;
  border-color: var(--neo-border) !important;
  color: #fff !important;
  border-radius: var(--neo-radius-sm) !important;
}

body.digibank-neo-ui.dark-theme .pagination .page-item.active .page-link {
  background: var(--neo-gradient) !important;
  border: none !important;
}

/* ——— Preloader subtle ——— */
body.digibank-neo-ui.dark-theme .preloader,
body.digibank-neo-ui.dark-theme #preloader {
  background: var(--neo-bg) !important;
}

body.digibank-neo-ui.dark-theme .preloader .loader .circle,
body.digibank-neo-ui.dark-theme .sk-child {
  background: #6366f1 !important;
}

/* ——— Nice-select ——— */
body.digibank-neo-ui.dark-theme .nice-select,
body.digibank-neo-ui.dark-theme .langu-swit {
  background: var(--neo-surface) !important;
  border: 1px solid var(--neo-border) !important;
  color: #fff !important;
  border-radius: var(--neo-radius-sm) !important;
}

body.digibank-neo-ui.dark-theme .nice-select .list {
  background: var(--neo-surface) !important;
  border: 1px solid var(--neo-border) !important;
  border-radius: var(--neo-radius-md) !important;
}

body.digibank-neo-ui.dark-theme .nice-select .option:hover,
body.digibank-neo-ui.dark-theme .nice-select .option.focus,
body.digibank-neo-ui.dark-theme .nice-select .option.selected.focus {
  background: rgba(99, 102, 241, 0.25) !important;
}

/* ——— Scrollbar (WebKit) ——— */
body.digibank-neo-ui.dark-theme ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

body.digibank-neo-ui.dark-theme ::-webkit-scrollbar-track {
  background: var(--neo-bg);
}

body.digibank-neo-ui.dark-theme ::-webkit-scrollbar-thumb {
  background: rgba(99, 102, 241, 0.45);
  border-radius: 8px;
}

/* ——— Corporate / theme-2 auth chrome ——— */
body.digibank-neo-ui.dark-theme .header-area.auth-header,
body.digibank-neo-ui.dark-theme .auth-header .header-inner {
  background: rgba(11, 14, 30, 0.95) !important;
  border-bottom: 1px solid var(--neo-border);
  backdrop-filter: blur(12px);
}

body.digibank-neo-ui.dark-theme .header-area.auth-header .header-logo img {
  filter: brightness(1.05);
}

/* ——— Landing banner text on dark ——— */
body.digibank-neo-ui.dark-theme .banner .banner-content h1,
body.digibank-neo-ui.dark-theme .banner .banner-content h2,
body.digibank-neo-ui.dark-theme .banner .banner-content p {
  color: rgba(255, 255, 255, 0.95) !important;
}

body.digibank-neo-ui.dark-theme .page-gap {
  background: transparent;
}

/* SafePay futuristic glass */
@keyframes km-grid-pulse {
  0%,
  100% {
    opacity: 0.35;
  }
  50% {
    opacity: 0.55;
  }
}

body.digibank-neo-ui.dark-theme .km-aurora-grid {
  position: relative;
  overflow: hidden;
}

body.digibank-neo-ui.dark-theme .km-aurora-grid::before {
  content: "";
  position: absolute;
  inset: -40% -20% auto -20%;
  height: 120%;
  background:
    radial-gradient(ellipse 80% 50% at 20% 20%, rgba(94, 92, 230, 0.35), transparent 55%),
    radial-gradient(ellipse 60% 45% at 80% 10%, rgba(142, 45, 226, 0.28), transparent 50%),
    linear-gradient(180deg, rgba(11, 14, 30, 0) 0%, rgba(11, 14, 30, 0.85) 100%);
  pointer-events: none;
  z-index: 0;
  animation: km-grid-pulse 14s ease-in-out infinite;
}

body.digibank-neo-ui.dark-theme .km-aurora-grid > .container {
  position: relative;
  z-index: 1;
}

body.digibank-neo-ui.dark-theme .banner-area .banner-content.km-glass-panel,
body.digibank-neo-ui.dark-theme .td-banner-area .banner-contents.km-glass-panel {
  background: rgba(18, 22, 46, 0.45) !important;
  backdrop-filter: blur(22px) saturate(160%);
  -webkit-backdrop-filter: blur(22px) saturate(160%);
  border: none !important;
  outline: none !important;
  border-radius: 28px !important;
  padding: clamp(1.25rem, 3vw, 2.25rem) !important;
  box-shadow:
    0 24px 80px rgba(0, 0, 0, 0.45),
    0 0 80px rgba(99, 102, 241, 0.12);
}

body.digibank-neo-ui.dark-theme .banner-area.km-hero-future .banner-content .title,
body.digibank-neo-ui.dark-theme .banner-area.km-hero-future .banner-content .description,
body.digibank-neo-ui.dark-theme .banner-area.km-hero-future .banner-content .sbu-title {
  color: rgba(255, 255, 255, 0.95) !important;
}

body.digibank-neo-ui.dark-theme .banner-area.km-hero-future .banner-content .title span {
  background: linear-gradient(135deg, #c4b5fd, #93c5fd, #f0abfc);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
}

body.digibank-neo-ui.dark-theme .banner-area.banner-style-two.km-hero-future .banner-content .banner-title,
body.digibank-neo-ui.dark-theme .banner-area.banner-style-two.km-hero-future .banner-content .list-title {
  color: rgba(255, 255, 255, 0.92) !important;
}

body.digibank-neo-ui.dark-theme .td-banner-area.km-hero-future .banner-contents .banner-title,
body.digibank-neo-ui.dark-theme .td-banner-area.km-hero-future .banner-contents .banner-subtitle,
body.digibank-neo-ui.dark-theme .td-banner-area.km-hero-future .banner-contents .description {
  color: rgba(255, 255, 255, 0.92) !important;
}

/* Hero headline — revised fluid scale (readable mobile, restrained desktop vs theme default) */
body.digibank-neo-ui .banner-area.km-hero-future .banner-content .title,
body.digibank-neo-ui:not(.dark-theme) .banner-area.km-hero-future .banner-content .title {
  font-size: clamp(1.125rem, 2.2vw + 0.65rem, 2.125rem) !important;
  line-height: 1.18 !important;
}

body.digibank-neo-ui .banner-area.banner-style-two.km-hero-future .banner-content .banner-title,
body.digibank-neo-ui:not(.dark-theme) .banner-area.banner-style-two.km-hero-future .banner-content .banner-title {
  font-size: clamp(1.2rem, 2.4vw + 0.7rem, 2.25rem) !important;
  line-height: 1.12 !important;
  margin-bottom: clamp(1rem, 2.5vw, 1.875rem) !important;
}

body.digibank-neo-ui .td-banner-area.km-hero-future .banner-contents .banner-title,
body.digibank-neo-ui:not(.dark-theme) .td-banner-area.km-hero-future .banner-contents .banner-title {
  font-size: clamp(1.25rem, 2.6vw + 0.75rem, 2.5rem) !important;
  line-height: 1.16 !important;
}

body.digibank-neo-ui.dark-theme .km-banking-deck .features-item.km-glass-card,
body.digibank-neo-ui.dark-theme .km-banking-deck .professional-features-item.km-glass-card {
  background: rgba(22, 26, 52, 0.55) !important;
  backdrop-filter: blur(18px) saturate(150%);
  -webkit-backdrop-filter: blur(18px) saturate(150%);
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 22px !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.05) inset,
    0 20px 50px rgba(0, 0, 0, 0.35);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

body.digibank-neo-ui.dark-theme .km-banking-deck .features-item.km-glass-card:hover,
body.digibank-neo-ui.dark-theme .km-banking-deck .professional-features-item.km-glass-card:hover {
  transform: translateY(-6px);
  border-color: rgba(147, 197, 253, 0.35) !important;
  box-shadow:
    0 0 0 1px rgba(147, 197, 253, 0.2) inset,
    0 28px 70px rgba(0, 0, 0, 0.45),
    0 0 60px rgba(99, 102, 241, 0.2);
}

body.digibank-neo-ui.dark-theme .km-faq-deck .td-faq.style-three .accordion-item,
body.digibank-neo-ui.dark-theme .km-faq-deck .site-faq .accordion-item,
body.digibank-neo-ui.dark-theme .km-faq-deck .faq-style-one .accordion-item {
  background: rgba(18, 22, 46, 0.5) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 18px !important;
  margin-bottom: 12px !important;
  overflow: hidden;
}

body.digibank-neo-ui.dark-theme .km-faq-deck .accordion-button {
  background: transparent !important;
  color: #fff !important;
  font-weight: 600;
}

body.digibank-neo-ui.dark-theme .km-faq-deck .accordion-body {
  background: rgba(0, 0, 0, 0.2) !important;
  color: rgba(255, 255, 255, 0.82) !important;
}

body.digibank-neo-ui.dark-theme .km-future-dash .single-user-stat-card,
body.digibank-neo-ui.dark-theme .km-future-dash .single-spec-stat {
  background: rgba(22, 26, 52, 0.5) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 20px !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
}

body.digibank-neo-ui.dark-theme .km-glass-sheen.user-profile-card {
  position: relative;
  overflow: hidden;
}

body.digibank-neo-ui.dark-theme .km-glass-sheen.user-profile-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(125deg, rgba(255, 255, 255, 0.18) 0%, transparent 42%, rgba(147, 197, 253, 0.12) 100%);
  pointer-events: none;
  mix-blend-mode: soft-light;
}

body.digibank-neo-ui.dark-theme .km-future-dash .site-card {
  background: rgba(22, 26, 52, 0.55) !important;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

body.digibank-neo-ui.dark-theme .newsletter-wrapper {
  background: rgba(18, 22, 46, 0.55) !important;
  backdrop-filter: blur(20px) saturate(150%);
  -webkit-backdrop-filter: blur(20px) saturate(150%);
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 28px !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.45), 0 0 60px rgba(99, 102, 241, 0.15);
}

body.digibank-neo-ui.dark-theme .banner-area.banner-style-two.km-hero-future .gd-text {
  background: linear-gradient(135deg, #c4b5fd, #93c5fd, #f0abfc);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
}

/* ——— Light mode — 50px rounded buttons (public site + client dashboard) ——— */
body.digibank-neo-ui:not(.dark-theme) {
  --neo-btn-radius-pill: 50px;
}

body.digibank-neo-ui:not(.dark-theme) .btn:not(.btn-link):not(.btn-close):not(.accordion-button),
body.digibank-neo-ui:not(.dark-theme) .navbar .btn:not(.btn-link):not(.btn-close):not(.accordion-button) {
  border-radius: var(--neo-btn-radius-pill) !important;
}

body.digibank-neo-ui:not(.dark-theme) .td-btn,
body.digibank-neo-ui:not(.dark-theme) .td-btn-2 {
  border-radius: var(--neo-btn-radius-pill) !important;
}

body.digibank-neo-ui:not(.dark-theme) .site-btn:not(.site-btn-round),
body.digibank-neo-ui:not(.dark-theme) .site-btn-big,
body.digibank-neo-ui:not(.dark-theme) .site-btn-sm,
body.digibank-neo-ui:not(.dark-theme) .site-btn-xs {
  border-radius: var(--neo-btn-radius-pill) !important;
}

body.digibank-neo-ui:not(.dark-theme) .glass-btn,
body.digibank-neo-ui:not(.dark-theme) .primary-btn:not(.site-btn-round),
body.digibank-neo-ui:not(.dark-theme) .blue-btn:not(.site-btn-round),
body.digibank-neo-ui:not(.dark-theme) .polis-btn {
  border-radius: var(--neo-btn-radius-pill) !important;
}

body.digibank-neo-ui:not(.dark-theme) .main-user-dahboard a.send,
body.digibank-neo-ui:not(.dark-theme) .main-user-dahboard a.add,
body.digibank-neo-ui:not(.dark-theme) .main-user-dahboard .user-profile-card .buttons a {
  border-radius: var(--neo-btn-radius-pill) !important;
}

/* Horizontal button groups: pill outline, square internal joins */
body.digibank-neo-ui:not(.dark-theme) .btn-group:not(.btn-group-vertical) {
  border-radius: var(--neo-btn-radius-pill);
  overflow: hidden;
  vertical-align: middle;
}

body.digibank-neo-ui:not(.dark-theme) .btn-group:not(.btn-group-vertical) > .btn:not(:only-child) {
  border-radius: 0 !important;
}

body.digibank-neo-ui:not(.dark-theme) .btn-group:not(.btn-group-vertical) > .btn:only-child {
  border-radius: var(--neo-btn-radius-pill) !important;
}

body.digibank-neo-ui:not(.dark-theme) .btn-group-vertical {
  border-radius: var(--neo-btn-radius-pill);
  overflow: hidden;
}

body.digibank-neo-ui:not(.dark-theme) .btn-group-vertical > .btn {
  border-radius: 0 !important;
}

/* Light mode — 50px side menu item corners (client dashboard + mobile nav) */
body.digibank-neo-ui:not(.dark-theme) .main-user-dahboard .user-sidebar .user-nav ul li > a {
  border-radius: var(--neo-btn-radius-pill) !important;
}

body.digibank-neo-ui:not(.dark-theme) .mean-container .mean-nav ul li > a:not(.mean-expand),
body.digibank-neo-ui:not(.dark-theme) .mean-container .mean-nav ul li li > a:not(.mean-expand),
body.digibank-neo-ui:not(.dark-theme) .mean-container .mean-nav ul li li li > a:not(.mean-expand) {
  border-radius: var(--neo-btn-radius-pill) !important;
}

/* ——— Public header: modest extra room on tablet / mobile (tuned down from prior bump) ——— */
@media (max-width: 991.98px) {
  body.digibank-neo-ui .header-style-two .header-inner {
    min-height: 3.75rem;
    align-items: center;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
  }

  body.digibank-neo-ui .header-style-two .header-logo img {
    max-height: 2.75rem;
    height: auto !important;
    width: auto !important;
  }

  body.digibank-neo-ui .header-style-two:not(.active-sticky) {
    padding-top: 0.65rem;
    padding-bottom: 0.55rem;
  }

  body.digibank-neo-ui .header-style-two.active-sticky .header-inner {
    min-height: 3.35rem;
  }

  body.digibank-neo-ui .header-area .header-main {
    min-height: 3rem;
  }

  body.digibank-neo-ui .header-area .header-logo img {
    height: auto !important;
    max-height: 2.25rem;
    width: auto !important;
  }

  body.digibank-neo-ui .header-area {
    padding-top: 0.85rem !important;
    padding-bottom: 0.85rem !important;
  }

  body.digibank-neo-ui .header-area.header-transparent .mega-menu-wrapper {
    padding-top: 0.15rem;
    padding-bottom: 0.15rem;
  }
}

/* ——— Digi Vault: Font Awesome feature icons (replaces legacy PNGs) ——— */
body.digibank-neo-ui .professional-features-icon .km-dv-feature-icon {
  font-size: 2.5rem;
  line-height: 1;
  color: #7dd3fc;
  filter: drop-shadow(0 2px 12px rgba(94, 92, 230, 0.35));
}

body.digibank-neo-ui .our-solutions-icon .km-dv-feature-icon {
  font-size: 2.35rem;
  line-height: 1;
  color: #5e5ce6;
}

body.digibank-neo-ui .key-features-box .icon .km-dv-feature-icon {
  font-size: 2rem;
  line-height: 1;
  color: rgba(255, 255, 255, 0.92);
}

/* ——— Admin: site-table tbody (e.g. Why Choose Us contents) — dark cells so light text is readable ——— */
body.digibank-neo-ui.dark-theme .layout .site-table .table tbody tr > td,
body.digibank-neo-ui.dark-theme .layout .site-table .table tbody tr > th {
  background-color: rgba(12, 15, 30, 0.88) !important;
  color: rgba(255, 255, 255, 0.94) !important;
  --bs-table-bg: rgba(12, 15, 30, 0.88);
  --bs-table-color: rgba(255, 255, 255, 0.94);
  border-color: var(--neo-border) !important;
}

body.digibank-neo-ui.dark-theme .layout .site-table .table tbody tr:hover > td,
body.digibank-neo-ui.dark-theme .layout .site-table .table tbody tr:hover > th {
  background-color: rgba(99, 102, 241, 0.2) !important;
  --bs-table-bg: rgba(99, 102, 241, 0.2);
}

/* ——— Admin dashboard charts (Chart.js): glass card sizing + no pie grid artifacts ——— */
body.digibank-neo-ui.dark-theme .layout .site-chart .site-card {
  min-height: auto !important;
}

body.digibank-neo-ui.dark-theme .layout .col-xl-8 .site-chart .site-card-body,
body.digibank-neo-ui.dark-theme .layout .col-lg-8 .site-chart .site-card-body {
  position: relative;
  min-height: 300px;
  height: 340px;
}

body.digibank-neo-ui.dark-theme .layout .col-xl-4 .site-chart .site-card-body,
body.digibank-neo-ui.dark-theme .layout .col-lg-4 .site-chart .site-card-body,
body.digibank-neo-ui.dark-theme .layout .col-xl-4.col-lg-6 .site-chart .site-card-body {
  position: relative;
  min-height: 220px;
  height: 260px;
}

body.digibank-neo-ui.dark-theme .layout .site-chart .site-card-body canvas {
  width: 100% !important;
  height: 100% !important;
}