/* PrimeBet — restrained metallic graphite theme.
   Metallic is the shell/style language; action/live states stay green. */
:root,
:root[data-theme="dark"]{
  --bg:#090b0e !important;
  --panel:#13171c !important;
  --panel2:#191e24 !important;
  --line:#343b44 !important;
  --text:#f1f3f5 !important;
  --muted:#9aa2ab !important;
  --accent:#c8ced5 !important;
  --accent2:#e7ebef !important;
  --ink:#12161a !important;
  --prime-green:#31d77f;
  --prime-green-hi:#55e796;
  --prime-green-dark:#168a4c;
  --wallet-bg:#0b0e12 !important;
  --wallet-panel:#14181e !important;
  --wallet-panel-alt:#1a2027 !important;
  --wallet-line:#39424c !important;
  --wallet-text:#f1f3f5 !important;
  --wallet-muted:#9aa4ae !important;
  --wallet-deposit-accent:#31d77f !important;
  --wallet-success:#31d77f !important;
}

html[data-theme="dark"] body,
html:not([data-theme]) body{
  background:#090b0e !important;
}
.ambient-one{background:#bfc5cb !important;opacity:.045 !important}
.ambient-two{background:#69737d !important;opacity:.055 !important}

/* FLAT HEADER — no chopped metallic blocks */
.site-header{
  background:#111419 !important;
  border-bottom:1px solid #303740 !important;
  box-shadow:0 5px 18px rgba(0,0,0,.22) !important;
  overflow:visible !important;
}
.site-header .utility-bar{
  min-height:72px !important;
  padding:12px 32px !important;
  gap:22px !important;
  background:#111419 !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}
.site-header .brand{
  height:42px !important;
  min-height:42px !important;
  display:flex !important;
  align-items:center !important;
  flex:0 0 auto !important;
  overflow:visible !important;
}
.site-header .brand .brand-logo{
  display:block !important;
  height:40px !important;
  width:auto !important;
  max-width:225px !important;
  object-fit:contain !important;
  filter:none !important;
}
.site-header .clock{
  height:40px !important;
  min-height:40px !important;
  padding:0 2px !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:5px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#f3f5f7 !important;
  text-shadow:none !important;
  font-size:15px !important;
  font-weight:800 !important;
  letter-spacing:.01em !important;
}
.site-header .clock:before{
  content:"";
  width:1px;
  height:24px;
  margin-right:11px;
  background:#3a424b;
}
.site-header .clock small{color:#8f98a2 !important;font-size:10px !important;font-weight:700 !important}
.utility-links button{color:#b5bdc6 !important}
.utility-links button:hover{color:#fff !important}

.category-nav{
  background:#0e1115 !important;
  border-top:1px solid #232930 !important;
  border-bottom:0 !important;
  box-shadow:none !important;
  padding:0 24px !important;
}
.nav-category{
  min-height:58px !important;
  color:#d5dae0 !important;
  background:transparent !important;
  border:0 !important;
  border-bottom:2px solid transparent !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
.nav-category svg{color:#aeb6bf !important}
.nav-category:hover,.nav-category.active{
  background:#171b20 !important;
  border-bottom-color:#c9cfd6 !important;
  color:#fff !important;
}

/* Metallic graphite surfaces, without turning every element silver */
.winner-card,.quick-category,.game-card,.filter,.search,.home-match-card,.sports-match,
.bet-selection,.active-bonus,.history-card,.bank-account-card,.form-block,.payment-details,
.receipt-box,.selected-account-preview,.legal-card,.profile-card,.callback-card,.bonus-card,
.account-panel,.wallet-card,.wallet-panel,.wallet-box,.withdraw-card,.bank-account-section,.history-section{
  border-color:#343c45 !important;
}
.winner-card,.quick-category,.game-card,.home-match-card,.sports-match,
.active-bonus,.history-card,.bank-account-card,.form-block,.payment-details,.receipt-box,.selected-account-preview{
  background:#14191f !important;
  box-shadow:0 7px 20px rgba(0,0,0,.14) !important;
}
.game-card:hover,.quick-category:hover,.winner-card:hover{
  border-color:#59636d !important;
  box-shadow:0 10px 26px rgba(0,0,0,.23) !important;
}
.game-info{background:#12161b !important}
.game-art,.game-art>img,.live-game-art img{background:#0b0f14 !important}
.search,.filter{background:#151a20 !important}
.filter:hover{border-color:#68727d !important;color:#fff !important}
.filter.active{
  background:#c8ced5 !important;
  color:#14181c !important;
  border-color:#d8dde2 !important;
  box-shadow:none !important;
}

.banner-slider{
  border-color:#3c454f !important;
  background:#11161c !important;
  box-shadow:0 12px 32px rgba(0,0,0,.22) !important;
}

/* Header/auth buttons: restrained metal, not chrome everywhere */
.register{
  background:#c8ced5 !important;
  border-color:#d8dde2 !important;
  color:#11151a !important;
  box-shadow:none !important;
}
.login,.theme-toggle,.icon-btn,.winners-heading button,.slide-arrow,.slider-bottom>button,
.feature-actions .ghost,.account-trigger{
  background:#1b2026 !important;
  border-color:#3d4650 !important;
  color:#eef1f4 !important;
  box-shadow:none !important;
}

/* GREEN = go/live/success */
.primary-cta,.modal-play,#launchButton,.play-dot,
.register-submit,.profile-save,.bonus-request-btn,#placeBetButton,
.wallet-submit,.wallet-action.deposit,.feature-actions .yellow{
  background:var(--prime-green) !important;
  border-color:var(--prime-green) !important;
  color:#07130d !important;
  box-shadow:0 7px 20px rgba(49,215,127,.18) !important;
}
.primary-cta:hover,.modal-play:hover,#launchButton:hover,.play-dot:hover,
.register-submit:hover,.profile-save:hover,#placeBetButton:hover{
  background:var(--prime-green-hi) !important;
  border-color:var(--prime-green-hi) !important;
}
.live-signal,.live-active-dot{
  background:var(--prime-green) !important;
  box-shadow:0 0 0 4px rgba(49,215,127,.11),0 0 14px rgba(49,215,127,.35) !important;
}
.live-badge{
  background:#20b968 !important;
  color:#fff !important;
}
.live-game-status strong,.live-online,.sports-live-box.is-live b,.sports-live-box.is-live span,
.match-status-pill.live,.sports-summary .live,.sports-source-dot i{
  color:var(--prime-green-hi) !important;
}
.sports-live-box.is-live,.match-status-pill.live{
  border-color:rgba(49,215,127,.45) !important;
  background:rgba(49,215,127,.09) !important;
}
.sports-source-dot i{background:var(--prime-green) !important}
.notice.success,.status.ok,.history-type.deposit{
  color:var(--prime-green-hi) !important;
  border-color:rgba(49,215,127,.35) !important;
}

/* Forms/modals remain dark graphite */
.register-panel,.login-panel,.modal-panel{
  background:#12171d !important;
  border-color:#3e4751 !important;
  box-shadow:0 28px 76px rgba(0,0,0,.58) !important;
}
.register-banner,.login-banner{
  background:#1a2027 !important;
  border-color:#3b444e !important;
}
.form-field input,.birth-select select,.feature-phone,.callback-card textarea,.bonus-card textarea,.promo-row input{
  background:#0e1217 !important;
  border-color:#38414b !important;
  color:#f1f3f5 !important;
}
.form-field input:focus,.birth-select select:focus,.feature-phone:focus-within,.promo-row input:focus{
  border-color:#69747f !important;
  box-shadow:0 0 0 3px rgba(180,190,200,.08) !important;
}

/* Wallet */
.wallet-shell,body.wallet-body,.wallet-page{background:#0b0e12 !important}
.wallet-tabs,.wallet-nav,.wallet-header{
  background:#14191f !important;
  border-color:#37414b !important;
}
.wallet-tabs a.active,.wallet-tab.active,.wallet-source.selected{
  background:#c8ced5 !important;
  color:#11151a !important;
  border-color:#d8dde2 !important;
}

/* Light mode = cool silver shell, still green for live/actions */
:root[data-theme="light"]{
  --bg:#dce1e5 !important;
  --panel:#f1f3f5 !important;
  --panel2:#e3e7ea !important;
  --line:#aeb7c0 !important;
  --text:#1b2127 !important;
  --muted:#5e6872 !important;
  --accent:#727d88 !important;
  --accent2:#3c454e !important;
  --ink:#fff !important;
}
[data-theme="light"] body{background:#dce1e5 !important;color:#1b2127 !important}
[data-theme="light"] .site-header{background:#e8ebee !important;border-color:#aeb6be !important;box-shadow:0 4px 16px rgba(30,40,50,.12) !important}
[data-theme="light"] .site-header .utility-bar{background:#e8ebee !important}
[data-theme="light"] .category-nav{background:#d8dde2 !important;border-color:#b7bfc7 !important}
[data-theme="light"] .utility-links button,[data-theme="light"] .nav-category{color:#333b43 !important}
[data-theme="light"] .site-header .clock{color:#20262c !important}
[data-theme="light"] .site-header .clock:before{background:#aab2ba}
[data-theme="light"] .site-header .clock small{color:#68727c !important}
[data-theme="light"] .winner-card,[data-theme="light"] .quick-category,[data-theme="light"] .game-card,
[data-theme="light"] .home-match-card,[data-theme="light"] .sports-match,[data-theme="light"] .legal-card,
[data-theme="light"] .profile-card,[data-theme="light"] .callback-card,[data-theme="light"] .bonus-card{
  background:#f3f5f6 !important;border-color:#b5bdc5 !important;color:#1d2329 !important;
}
[data-theme="light"] .game-info{background:#eceff1 !important}
[data-theme="light"] .filter,[data-theme="light"] .search{background:#eef1f3 !important;border-color:#b4bdc6 !important}
[data-theme="light"] .filter.active{background:#59636e !important;border-color:#59636e !important;color:#fff !important}

@media(max-width:900px){
  .site-header .utility-bar{padding:10px 16px !important;gap:14px !important;min-height:64px !important}
  .site-header .brand{height:36px !important;min-height:36px !important}
  .site-header .brand .brand-logo{height:34px !important;max-width:175px !important}
  .site-header .clock{height:34px !important;min-height:34px !important;font-size:13px !important}
  .site-header .clock:before{height:21px;margin-right:8px}
}
@media(max-width:680px){
  .site-header .utility-bar{min-height:58px !important;padding:9px 12px !important;gap:9px !important;flex-wrap:wrap !important}
  .site-header .brand{height:31px !important;min-height:31px !important}
  .site-header .brand .brand-logo{height:30px !important;max-width:145px !important}
  .site-header .clock{height:31px !important;min-height:31px !important;font-size:11px !important}
  .site-header .clock small{font-size:8px !important}
  .site-header .utility-links{order:3;width:100%;margin-left:0 !important;justify-content:center;gap:16px !important}
  .category-nav{padding:0 8px !important}
  .nav-category{min-height:52px !important}
}
.live-provider-filters .filter.active{
  background:var(--prime-green) !important;
  border-color:var(--prime-green) !important;
  color:#07130d !important;
}