:root {
  --ddi-green: #19e68c;
  --ddi-green-strong: #00bd6f;
  --ddi-black: #07110d;
  --ddi-panel: #0d1c16;
  --ddi-border: rgba(25, 230, 140, .22);
}

html, body, #root { background: #06100c !important; }
body { color: #eafff5; font-family: "Space Grotesk", system-ui, sans-serif; }
button, .primary, [class*="primary"], [class*="submit"] {
  border-radius: 14px !important;
}
button:not([disabled]) { cursor: pointer; }
.ddi-auth-shell {
  position: fixed; inset: 0; z-index: 2147483000; overflow: auto;
  display: grid; place-items: center; padding: 28px 18px;
  background:
    radial-gradient(circle at 12% 8%, rgba(25,230,140,.23), transparent 34%),
    radial-gradient(circle at 88% 92%, rgba(0,189,111,.14), transparent 36%),
    linear-gradient(145deg, #06100c 0%, #0b2118 58%, #06100c 100%);
}
.ddi-auth-card {
  width: min(430px, 100%); padding: 30px; border: 1px solid var(--ddi-border);
  border-radius: 26px; color: #ecfff7; background: rgba(10,28,21,.93);
  box-shadow: 0 28px 90px rgba(0,0,0,.48); backdrop-filter: blur(16px);
}
.ddi-auth-brand { display: flex; align-items: center; gap: 13px; margin-bottom: 24px; }
.ddi-auth-mark {
  display: grid; place-items: center; width: 54px; height: 54px; border-radius: 17px;
  color: #042116; font: 900 24px/1 "Archivo Black", sans-serif;
  background: linear-gradient(135deg, #43f2a7, #00b86b); box-shadow: 0 14px 35px rgba(25,230,140,.2);
}
.ddi-auth-brand strong { display:block; font-size: 21px; letter-spacing: -.02em; }
.ddi-auth-brand span { color: #91b7a6; font-size: 13px; }
.ddi-auth-card h1 { margin: 0 0 7px; font-size: 29px; }
.ddi-auth-subtitle { color: #9ec2b1; margin: 0 0 24px; line-height: 1.5; }
.ddi-field { display:block; margin: 14px 0; color:#bad8ca; font-size:13px; font-weight:700; }
.ddi-field input {
  display:block; box-sizing:border-box; width:100%; margin-top:8px; padding:14px 15px;
  border:1px solid rgba(190,255,225,.16); border-radius:13px; outline:0;
  color:#f4fff9; background:#07140f; font:600 15px/1.2 inherit;
}
.ddi-field input:focus { border-color: var(--ddi-green); box-shadow:0 0 0 3px rgba(25,230,140,.12); }
.ddi-auth-submit {
  width:100%; margin-top:17px; padding:15px 18px; border:0; border-radius:14px;
  color:#041b12; background:linear-gradient(135deg,#4bf5ae,#00bf70); font-weight:900; font-size:15px;
}
.ddi-auth-submit[disabled] { opacity:.55; cursor:wait; }
.ddi-auth-switch { width:100%; margin-top:11px; padding:12px; color:#bce5d2; background:transparent; border:0; }
.ddi-auth-error { min-height:20px; margin:12px 0 0; color:#ff9e9e; font-size:13px; }
.ddi-auth-note { margin:18px 0 0; padding-top:16px; border-top:1px solid rgba(255,255,255,.08); color:#789b8b; font-size:12px; }

/* Apply the DDI palette after the inherited application styles. */
[class*="bottom"], [class*="nav"] { --primary: var(--ddi-green-strong); }
.app-shell, .shell, .shell-main, .page-pad, .vrob-page {
  background: #07110d !important;
  color: #eafff5 !important;
}
.team-titlebar {
  color: #effff8 !important;
  background: rgba(7, 17, 13, .96) !important;
  border-color: var(--ddi-border) !important;
}
.team-back { color: var(--ddi-green) !important; }
.vrob-list { gap: 16px !important; }
.vrob-card {
  overflow: hidden;
  color: #eafff5 !important;
  background: linear-gradient(145deg, #10271e 0%, #0a1812 72%) !important;
  border: 1px solid var(--ddi-border) !important;
  box-shadow: 0 18px 36px rgba(0, 0, 0, .28) !important;
}
.vrob-img { background: linear-gradient(135deg, rgba(25,230,140,.12), rgba(0,0,0,.18)) !important; }
.vrob-img img { width: 100%; height: 100%; object-fit: cover; }
.vrob-name { color: #f1fff8 !important; }
.vrob-tag { color: #73e8b3 !important; background: rgba(25,230,140,.1) !important; }
.vrob-stat { background: rgba(0, 0, 0, .22) !important; border-color: rgba(25,230,140,.12) !important; }
.vrob-stat b { color: #effff7 !important; }
.vrob-stat span, .vrob-stat small { color: #94b8a7 !important; }
.vrob-btn {
  border: 0 !important;
  color: #031b11 !important;
  background: linear-gradient(135deg, #4bf5ae, #00bd6f) !important;
  box-shadow: 0 10px 24px rgba(0, 189, 111, .2) !important;
}
.bottomnav, .kx-nav {
  color: #9dc4b2 !important;
  background: rgba(5, 16, 11, .96) !important;
  border-color: var(--ddi-border) !important;
  box-shadow: 0 -12px 30px rgba(0,0,0,.26) !important;
}
.bottomnav a, .kx-nav a { color: #8daf9f !important; }
.bottomnav a.active, .kx-nav a.active { color: var(--ddi-green) !important; }
.kx-hero, .kh-hero, .kh-balance-card, .ka-wallet-card, .kw-card,
.kx-widget, .rf-promo, .rf-home, .kx-about, .kh-roul, .kx-home-tier {
  background: linear-gradient(140deg, #07150f, #123326) !important;
  color: #f0fff8 !important;
  border-color: var(--ddi-border) !important;
}
.shell-main h1, .shell-main h2, .shell-main h3, .shell-main strong, .shell-main b { color: #effff8; }
.shell-main p, .shell-main small { color: #9fc4b2; }
.kh-hero, .kh-balance-card, .ka-wallet-card, .kw-card {
  background: linear-gradient(140deg, #07150f, #123326) !important;
  color: #f0fff8 !important;
  border-color: var(--ddi-border) !important;
}
.kh-action, .kr-action, .kw-submit, .kc-primary, .btn-primary {
  background: linear-gradient(135deg, #19e68c, #00a962) !important;
  color: #031b11 !important;
}

@media (max-width: 520px) {
  .ddi-auth-shell { padding: 0; align-items: stretch; }
  .ddi-auth-card { min-height:100dvh; width:100%; border:0; border-radius:0; padding:34px 24px; }
}