/* Savings Profit midnight theme — shared across public, account and payment screens. */
:root {
  color-scheme: dark;
  --bg: #070b12;
  --bg-soft: #0c1420;
  --surface: rgba(10, 20, 30, .9);
  --surface-strong: rgba(12, 24, 35, .97);
  --surface-muted: rgba(15, 31, 43, .78);
  --border: rgba(116, 235, 235, .28);
  --border-soft: rgba(181, 247, 247, .12);
  --text: #edf9fa;
  --text-soft: #bbd0d7;
  --muted: #7d9ba5;
  --muted-2: #627b86;
  --primary: #4ce4df;
  --primary-2: #78f6f0;
  --accent: #ff786c;
  --accent-2: #ff9a88;
  --danger: #ff726d;
  --danger-2: #ff9b8c;
  --success: #6de1d4;
  --dark: #070b12;
  --dark-2: #0c1420;
  --nav-bg: rgba(8, 17, 27, .92);
}

html { background: #070b12; }
body,
body.cash-dashboard-body,
body.pay-dashboard-body,
body.cash-upload-body,
body.cash-withdraw-process-body,
body.pay-deposit-history-body,
body.pay-withdraw-history-body,
body.pay-earnings-body,
body.pay-team-body {
  color: var(--text) !important;
  background:
    radial-gradient(circle at 50% -12%, rgba(56, 220, 218, .16), transparent 32%),
    radial-gradient(circle at 105% 72%, rgba(255, 88, 87, .12), transparent 29%),
    radial-gradient(circle at -8% 89%, rgba(38, 146, 170, .12), transparent 27%),
    #070b12 !important;
}

body::before,
body::after {
  background: radial-gradient(circle, rgba(67, 225, 220, .15), rgba(67, 225, 220, 0) 68%) !important;
}

/* The app shells intentionally remain transparent to the starry midnight page background. */
.cash-dashboard, .cash-active-page, .cash-payment-page, .cash-success-page,
.cash-upload-page, .cash-withdraw-page, .cash-withdraw-process-page,
.pay-deposit-history-page, .pay-earnings-page, .pay-plan-page, .pay-profile-page,
.pay-rewards-page, .pay-team-page, .pay-withdraw-history-page, .cash-home,
.dashboard, .plan-page, .remaining-page {
  color: var(--text) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(64, 230, 223, .09), transparent 34%),
    linear-gradient(160deg, rgba(10, 20, 31, .98), rgba(5, 11, 18, .99)) !important;
  border-color: rgba(107, 230, 229, .3) !important;
  box-shadow: inset 0 1px 0 rgba(201, 255, 253, .06), 0 22px 48px rgba(0, 0, 0, .46) !important;
}

/* Cards and form surfaces. */
.card, .dashboard-card, .stat-card, .cash-home-package, .cash-home-market,
.cash-home-insights, .cash-home-stats, .cash-home-trust, .cash-upload-method,
.cash-upload-info, .cash-process-method, .cash-process-balance, .cash-process-form-card,
.pay-deposit-history-hero, .pay-withdraw-history-hero, .pay-earnings-hero,
.pay-team-hero, .pay-deposit-history-summary article, .pay-withdraw-history-summary article,
.pay-earnings-summary article, .pay-team-summary article, .pay-deposit-record,
.pay-withdraw-record, .pay-earning-record, .pay-team-level, .pay-team-member,
.pay-deposit-empty, .pay-withdraw-history-empty, .pay-earnings-empty,
.cash-home-live-item, .cash-home-fx, .cash-home-indicator, .task-card,
.plan-card, .profile-card, .transaction-card {
  color: var(--text) !important;
  border-color: rgba(108, 221, 222, .25) !important;
  background: linear-gradient(145deg, rgba(15, 31, 43, .94), rgba(7, 15, 24, .97)) !important;
  box-shadow: inset 0 1px 0 rgba(214, 255, 253, .045), 0 12px 28px rgba(0, 0, 0, .2) !important;
}

input, select, textarea,
.cash-process-input, .cash-upload-info, .pay-deposit-filter button,
.pay-withdraw-history-filter button, .pay-earnings-filter button {
  color: var(--text) !important;
  border-color: rgba(108, 221, 222, .32) !important;
  background: rgba(5, 15, 24, .84) !important;
}
input::placeholder, textarea::placeholder { color: #87a4ae !important; }
input:focus, select:focus, textarea:focus, .cash-process-input:focus-within {
  border-color: #58e6df !important;
  box-shadow: 0 0 0 3px rgba(75, 228, 223, .12) !important;
}

/* Make primary calls to action match the aqua portal; use coral for important secondary emphasis. */
button, .btn, .cash-home-action.primary, .cash-home-package-choose,
.cash-upload-submit, .cash-process-submit, .pay-deposit-history-empty a,
.pay-withdraw-history-empty a, .pay-earnings-empty a {
  border-color: #53e4dc !important;
  color: #031214 !important;
  background: linear-gradient(135deg, #7cf4ee, #2abdbd) !important;
  box-shadow: 0 0 18px rgba(67, 226, 220, .26), inset 0 1px 0 rgba(235, 255, 255, .62) !important;
}
button:hover, .btn:hover, .cash-home-action.primary:hover, .cash-home-package-choose:hover,
.cash-upload-submit:hover, .cash-process-submit:hover { filter: brightness(1.08) !important; }
.cash-home-action.secondary, .danger-button, .logout-button, .cash-home-package.featured {
  border-color: rgba(255, 120, 108, .7) !important;
}

a, .cash-home-brand span span, .forgot-link, .signup a,
.pay-deposit-history-add, .pay-withdraw-history-add { color: #72eee8 !important; }
.text-danger, .danger, .status-rejected, .status-canceled { color: #ff9489 !important; }
.text-success, .success, .status-approved { color: #76e9dc !important; }

/* Header and bottom navigation. */
.appHeader, .header, .dashboard-topbar, .cash-home-nav, .cash-upload-nav,
.cash-process-nav, .pay-active-nav, .pay-app-footer, .bottom-nav, .footer-nav {
  border-color: rgba(104, 222, 223, .26) !important;
  background: linear-gradient(145deg, rgba(14, 30, 41, .96), rgba(6, 15, 24, .97)) !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, .38), inset 0 1px 0 rgba(205, 255, 253, .05) !important;
}
.appHeader *, .header *, .dashboard-topbar *, .cash-home-nav a, .cash-upload-nav a,
.cash-process-nav a, .pay-app-footer .navLink { color: #b7d1d7 !important; }
.appHeader .active, .header .active, .cash-home-nav a.active, .cash-home-nav a:hover,
.cash-upload-nav a.active, .cash-upload-nav a:hover, .cash-process-nav a.active,
.cash-process-nav a:hover, .pay-app-footer .navLink.active { color: #65ece6 !important; text-shadow: 0 0 12px rgba(90, 237, 230, .45) !important; }

/* Decorative circles, icons, meters and graphs use the new cyan/coral spectrum. */
.brand-mark, .cash-brand-mark, .cash-home-package-icon, .cash-stat-icon,
.cash-upload-method>span, .cash-process-method>span, .cash-process-balance>span,
.pay-deposit-history-hero-icon, .pay-withdraw-history-hero-icon,
.pay-deposit-record-icon, .pay-withdraw-record-icon, .pay-earning-record-icon,
.pay-team-avatar { color: #70eee8 !important; border-color: rgba(90, 230, 225, .5) !important; background: rgba(24, 140, 145, .16) !important; }
.cash-home-package.featured, .cash-home-package.featured .cash-home-package-icon,
.cash-home-package.featured .cash-home-package-price { color: #ff9a8b !important; }
.cash-graph-line, .auth-graph-line { stroke: #68eee8 !important; filter: drop-shadow(0 0 6px rgba(73, 228, 222, .75)) !important; }
.cash-graph-candles, .auth-graph-candles { stroke: #82f5ef !important; fill: rgba(74, 226, 220, .3) !important; }
.cash-home-indicator .cash-home-meter b { background: linear-gradient(90deg, #168f99, #71eee7) !important; }

/* Authentication pages match the reference: bare midnight canvas, glowing aqua, thin coral detail. */
.kohinoor-login-page { background: #070b12 !important; }
.login-market-bg { background:
  radial-gradient(ellipse at 50% 24%, rgba(52, 220, 220, .17), transparent 26%),
  radial-gradient(circle at 83% 76%, rgba(255, 96, 91, .11), transparent 19%),
  radial-gradient(circle at 13% 73%, rgba(55, 144, 170, .13), transparent 22%), #070b12 !important; }
.kohinoor-login-shell { border-color: rgba(109, 232, 229, .24) !important; background: linear-gradient(160deg, rgba(9, 19, 29, .94), rgba(5, 11, 18, .96)) !important; box-shadow: inset 0 0 80px rgba(26, 174, 174, .06), 0 20px 50px rgba(0, 0, 0, .58) !important; }
.kohinoor-login-shell::before { background-image: radial-gradient(circle, rgba(115, 240, 235, .6) 0 1px, transparent 1.5px), radial-gradient(circle, rgba(255, 122, 110, .5) 0 1px, transparent 1.5px) !important; }
.brand-mark, .brand-name::after { color: #75f1ec !important; background-color: transparent !important; box-shadow: 0 0 10px rgba(85, 234, 228, .72) !important; }
.brand-mark { text-shadow: 0 0 16px rgba(89, 239, 232, .82) !important; }
.brand-mark i { filter: drop-shadow(2px 2px 0 #ff7469) !important; }
.login-bull-visual { border-color: rgba(82, 224, 223, .32) !important; background: radial-gradient(circle at 50% 30%, rgba(65, 219, 218, .18), transparent 45%), #07131d !important; }
.login-bull-visual img { filter: hue-rotate(86deg) saturate(.92) contrast(1.04) drop-shadow(0 0 13px rgba(70, 231, 226, .34)) !important; }
.kohinoor-login-page .login-field, .kohinoor-login-page .quick-account-select { border-color: rgba(108, 224, 224, .34) !important; background: rgba(5, 15, 24, .89) !important; }
.kohinoor-login-page .login-field:focus-within, .kohinoor-login-page .quick-account-select:focus { border-color: #5de7e0 !important; box-shadow: 0 0 0 3px rgba(74, 226, 220, .12) !important; }
.kohinoor-login-page .login-btn, .auth-create-account-button, .auth-login-button { border-color: #57e6df !important; color: #041314 !important; background: linear-gradient(135deg, #80f5ef, #2dc1c1) !important; box-shadow: 0 0 17px rgba(63, 226, 220, .3), inset 0 1px 0 rgba(235, 255, 255, .68) !important; }
.kohinoor-login-page .login-btn span, .kohinoor-login-page .login-btn i,
.auth-create-account-button, .auth-login-button { color: #041314 !important; }
.forgot-link, .signup a { color: #ff9689 !important; }
.remember-me input:checked + span { border-color: #63e8e1 !important; background: #169b9c !important; box-shadow: 0 0 9px rgba(75, 228, 222, .42) !important; }

/* Dashboard balance actions need explicit link colours because the shared link rule is aqua. */
.cash-balance-action.deposit,
.cash-balance-action.deposit span,
.cash-balance-action.deposit i { color: #062c29 !important; text-shadow: none !important; }
.cash-balance-action.withdraw,
.cash-balance-action.withdraw span,
.cash-balance-action.withdraw i { color: #fff8d8 !important; text-shadow: 0 1px 1px rgba(0, 0, 0, .48) !important; }

@media (max-width: 620px) {
  .cash-dashboard, .cash-active-page, .cash-payment-page, .cash-success-page,
  .cash-upload-page, .cash-withdraw-page, .cash-withdraw-process-page,
  .pay-deposit-history-page, .pay-earnings-page, .pay-plan-page, .pay-profile-page,
  .pay-rewards-page, .pay-team-page, .pay-withdraw-history-page, .cash-home {
    border-color: transparent !important;
  }
}