/* Buffalo 777 — layer 2: the details layer 1 missed (drawer, tabs, login, badges, loader). */
:root { --b7-gold: #ffd76a; --b7-gold2: #f0a500; --b7-ruby: #e11d48; --b7-ruby2: #ff4d6d; }

/* drawer / side menu */
.van-popup--left, .van-popup--right, .offcanvas, .sidebar, .van-sidebar {
  background: linear-gradient(180deg, #180610, #0b0307) !important;
  border-right: 1px solid var(--b7-ruby) !important;
  color: #f6ecdf !important;
}
.van-tabbar, .van-tabbar-item { background: #0d0409 !important; color: #b9a58f !important; }
.van-tabbar-item--active { color: var(--b7-gold) !important; }
.van-nav-bar { background: #14050d !important; }
.van-nav-bar__title, .van-nav-bar .van-icon { color: var(--b7-gold) !important; }

/* member card / balance chips */
.balance, .wallet-card, .user-card, .profile-head {
  background: linear-gradient(135deg, rgba(255, 215, 106, .14), rgba(225, 29, 72, .14)) !important;
  border: 1px solid var(--b7-line) !important;
  border-radius: 18px !important;
}

/* promo / hot badge */
.hot, .badge-hot, .tag-hot {
  background: linear-gradient(135deg, var(--b7-ruby), #ff6b3d) !important;
  color: #fff !important; border-radius: 999px !important; font-weight: 800 !important;
}

/* tables / history rows */
.van-cell, .van-cell-group, .van-cell-group--inset { background: transparent !important; color: #f6ecdf !important; }
.van-cell::after { border-color: var(--b7-line) !important; }
.van-hairline--top::after, .van-hairline--bottom::after { border-color: var(--b7-line) !important; }

/* loader + toasts take the gold */
.van-loading__spinner, .van-loading__spinner--spinner { color: var(--b7-gold) !important; }
.van-toast { background: rgba(20, 5, 12, .95) !important; border: 1px solid var(--b7-line) !important; }

/* the very top accent line, brand signature */
.navbar::after {
  content: "" !important;
  position: absolute !important; left: 0; right: 0; bottom: -1px; height: 2px !important;
  background: linear-gradient(90deg, transparent, var(--b7-gold), var(--b7-ruby), var(--b7-gold), transparent) !important;
  opacity: .85 !important;
}

/* keep the floating download CTA readable over any banner */
a[href*=".apk"], .download-app, .float-download {
  background: linear-gradient(135deg, var(--b7-gold), var(--b7-gold2)) !important;
  color: #2a1200 !important; font-weight: 800 !important;
  border-radius: 999px !important; box-shadow: 0 10px 26px rgba(240, 165, 0, .35) !important;
}