/* ================================================================
   GB GALI BAZZAR — USER UI SYSTEM V7
   PRESENTATION ONLY. No functional selectors/handlers are changed.
   ================================================================ */
:root{
  --ui-blue:#0078fe;
  --ui-blue-2:#0688ff;
  --ui-blue-soft:#edf9ff;
  --ui-green:#18b968;
  --ui-red:#ff4b55;
  --ui-ink:#17212b;
  --ui-muted:#697582;
  --ui-line:#dfe5ea;
  --ui-bg:#f6f8fa;
  --ui-white:#fff;
  --ui-radius:14px;
}

html{background:var(--ui-bg)!important;}
body{
  background:var(--ui-bg)!important;
  color:var(--ui-ink)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:14px!important;
  line-height:1.45!important;
}
*,*::before,*::after{box-sizing:border-box;}
button,input,select,textarea{font-family:Arial,Helvetica,sans-serif!important;}

/* Kill legacy orange/pink variables at the theme level. */
:root{
  --kl-pink:var(--ui-blue)!important;
  --kl-purple:var(--ui-blue)!important;
  --kl-gradient:var(--ui-blue)!important;
}

/* Common app shell */
.header-bar{
  height:62px!important;
  min-height:62px!important;
  background:#fff!important;
  border-bottom:1px solid var(--ui-line)!important;
  box-shadow:none!important;
  padding:0 14px!important;
}
.header-bar .menu-btn,.menu-btn{
  width:38px!important;height:38px!important;
  background:transparent!important;border:0!important;
  color:#17212b!important;box-shadow:none!important;
  font-size:22px!important;padding:0!important;
}
.logo-wrapper{display:flex!important;align-items:center!important;}
.app-logo{max-width:118px!important;width:auto!important;height:36px!important;object-fit:contain!important;}
.header-right{gap:8px!important;}
.wallet-bal{
  height:40px!important;min-width:92px!important;
  padding:0 13px!important;border-radius:22px!important;
  background:#15191d!important;color:#fff!important;
  border:0!important;box-shadow:none!important;
  font-size:14px!important;font-weight:800!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;
}
.header-notify{
  width:40px!important;height:40px!important;border-radius:50%!important;
  background:#15191d!important;color:#fff!important;
  border:0!important;box-shadow:none!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
}
.notify-icon{font-size:15px!important;color:#fff!important;}
.notify-dot{background:var(--ui-green)!important;}

.marquee-box{
  height:38px!important;min-height:38px!important;
  background:#fff!important;border-bottom:1px solid #edf0f2!important;
  color:#17212b!important;box-shadow:none!important;
  font-size:12px!important;font-weight:700!important;
}

/* Page containers: consistent mobile-first width */
.container,.page-wrapper,.content,.main-content,.dashboard-container{
  width:min(100%,430px)!important;
  max-width:430px!important;
  margin-left:auto!important;margin-right:auto!important;
}
.container{padding:14px!important;}

.login-title,.page-title,.section-title,.page-heading{
  color:var(--ui-ink)!important;
  font-size:23px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.1px!important;
  text-align:center!important;
  text-transform:uppercase!important;
  margin:18px 0 16px!important;
  text-shadow:none!important;
}
.login-title::after,.page-title::after{background:var(--ui-blue)!important;box-shadow:none!important;}

.details-box,.card,.content-card,.panel,.info-card{
  background:#fff!important;
  border:1px solid var(--ui-line)!important;
  border-radius:14px!important;
  box-shadow:none!important;
}

/* Generic buttons */
button,.btn,.btn-chart,.action-btn,.primary-btn,.submit-btn,
.apk-download-btn,.g-add-btn,.g-play-btn,.g-del-btn{
  box-shadow:none!important;
  text-shadow:none!important;
}
.btn-chart,.action-btn,.primary-btn,.submit-btn{
  min-height:42px!important;
  border-radius:10px!important;
  font-size:13px!important;
  font-weight:800!important;
  letter-spacing:0!important;
}

/* Orange/pink legacy controls -> blue */
.btn-chart,.action-btn:not(.danger):not(.withdraw),.primary-btn,.submit-btn,
.login-title + .action-btn,.apk-download-btn,
.g-add-btn,.g-tab.active,.gali-chart-btn{
  background:var(--ui-blue)!important;
  border-color:var(--ui-blue)!important;
  color:#fff!important;
}

/* Semantic actions */
.hero-btn.golden-btn,.hero-btn.add-money,.add-money,.deposit-btn{background:var(--ui-green)!important;color:#fff!important;border-color:var(--ui-green)!important;}
.hero-btn.red,.withdraw,.withdraw-btn{background:var(--ui-red)!important;color:#fff!important;border-color:var(--ui-red)!important;}
.hero-btn.whatsapp{background:#fff!important;color:var(--ui-ink)!important;border:1px solid var(--ui-line)!important;}
.hero-btn.blue,.call-now{background:#fff!important;color:var(--ui-ink)!important;border:1px solid var(--ui-line)!important;}

/* Dashboard action pills */
.hero-actions,.quick-actions{gap:10px!important;}
.hero-btn{
  min-height:52px!important;
  padding:8px 13px!important;
  border-radius:26px!important;
  font-size:13px!important;
  font-weight:800!important;
  box-shadow:none!important;
}
.hero-btn i{font-size:15px!important;}

/* Market cards */
.market-list,.gali-grid{gap:10px!important;}
.market-card,.gali-market-card{
  background:#fff!important;
  border:1px solid var(--ui-line)!important;
  border-radius:13px!important;
  box-shadow:none!important;
}
.gali-market-card{padding:0!important;}
.gali-market-name,.m-name{font-size:15px!important;font-weight:800!important;color:var(--ui-ink)!important;}
.gali-running,.status-open{color:var(--ui-green)!important;font-size:10px!important;font-weight:800!important;}
.gali-result,.m-result{color:var(--ui-blue)!important;font-weight:800!important;}
.gali-time-label,.m-time{color:#7a858f!important;font-size:9px!important;}
.gali-time{font-size:12px!important;font-weight:800!important;color:var(--ui-ink)!important;}
.gali-chart-btn{background:#eef2f5!important;color:#5d6872!important;border:0!important;min-width:38px!important;height:38px!important;border-radius:9px!important;}
.gali-play-btn{background:var(--ui-green)!important;color:#fff!important;border:0!important;min-width:38px!important;height:38px!important;border-radius:9px!important;box-shadow:none!important;}
.gali-closed-btn{background:#b9c0c7!important;color:#fff!important;}

/* Tables/lists */
table{border-color:var(--ui-line)!important;}
th{background:#f1f4f6!important;color:#34414d!important;font-size:12px!important;font-weight:800!important;}
td{font-size:13px!important;}
.market-list-item,.list-item{border-bottom:1px solid #e9edf0!important;padding:10px 0!important;}
.market-list-item:last-child,.list-item:last-child{border-bottom:0!important;}

/* Forms */
input,select,textarea{
  border:1px solid #d7dfe5!important;
  border-radius:10px!important;
  background:#fff!important;
  color:var(--ui-ink)!important;
  font-size:14px!important;
  min-height:44px;
  box-shadow:none!important;
  outline:none;
}
input:focus,select:focus,textarea:focus{border-color:var(--ui-blue)!important;box-shadow:0 0 0 2px rgba(0,120,254,.10)!important;}
label{font-size:12px!important;font-weight:700!important;color:#53616d!important;}

/* Wallet/history/tabs */
.tab,.wallet-tab,.history-tab{font-size:12px!important;font-weight:800!important;min-height:40px!important;border-radius:10px!important;box-shadow:none!important;}
.tab.active,.wallet-tab.active,.history-tab.active{background:var(--ui-blue)!important;color:#fff!important;border-color:var(--ui-blue)!important;}

/* Profile */
.profile-card,.user-card{padding:15px!important;}
.profile-card h3,.user-card h3{font-size:16px!important;}

/* Notice board */
.notice-card,.notice-item{
  background:#fff!important;border:1px solid var(--ui-line)!important;
  border-left:3px solid var(--ui-blue)!important;
  border-radius:13px!important;box-shadow:none!important;
}
.notice-card h3,.notice-item h3{font-size:16px!important;color:var(--ui-ink)!important;}

/* Live chat */
.chat-container,.chat-box,.chat-header,.chat-input-area{
  border-color:var(--ui-line)!important;
  box-shadow:none!important;
}
.chat-header{background:#fff!important;color:var(--ui-ink)!important;}
.chat-send,.send-btn{background:var(--ui-blue)!important;color:#fff!important;border:0!important;box-shadow:none!important;}

/* Gali Game */
.g-header{background:#fff!important;border-bottom:1px solid var(--ui-line)!important;box-shadow:none!important;}
.g-bar{background:var(--ui-blue)!important;color:#fff!important;box-shadow:none!important;}
.g-tabs{background:#fff!important;border-bottom:1px solid var(--ui-line)!important;box-shadow:none!important;}
.g-tab{color:#697582!important;border-bottom:2px solid transparent!important;font-size:13px!important;font-weight:800!important;height:42px!important;}
.g-tab.active{color:var(--ui-blue)!important;background:#fff!important;border-bottom-color:var(--ui-blue)!important;}
.jodi-table{border-color:#d8e0e6!important;}
.jodi-num,.gg-box-head{background:var(--ui-blue)!important;color:#fff!important;box-shadow:none!important;}
.jodi-input input,.g-field input{height:40px!important;min-height:40px!important;}
.palti-opt{border-color:#d7dfe5!important;color:#56636f!important;}
.g-footer{background:#fff!important;border-top:1px solid var(--ui-line)!important;box-shadow:none!important;}
.g-play-btn{background:var(--ui-green)!important;color:#fff!important;}
.gg-box{box-shadow:none!important;border:1px solid var(--ui-line)!important;}

/* Panel chart */
.details-box .section-header,.section-header{
  background:#f1f4f6!important;color:var(--ui-ink)!important;
  border:0!important;box-shadow:none!important;font-size:13px!important;
}

/* How to play / download */
.apk-section,.step-box,.how-card{background:#fff!important;border-color:var(--ui-line)!important;box-shadow:none!important;}
.apk-title,.section-title{color:var(--ui-ink)!important;}
.apk-badge{background:var(--ui-blue-soft)!important;border:1px solid #cfeaff!important;color:var(--ui-blue)!important;box-shadow:none!important;}

/* Bottom nav: same across user pages */
.bottom-menu,.bottom-nav{
  position:fixed!important;left:0!important;right:0!important;bottom:0!important;
  height:64px!important;min-height:64px!important;
  background:#fff!important;border-top:1px solid var(--ui-line)!important;
  box-shadow:none!important;z-index:9999!important;
  padding:5px 5px calc(5px + env(safe-area-inset-bottom))!important;
}
.bottom-menu .menu-item,.bottom-nav .menu-item{
  color:#8a949e!important;font-size:11px!important;font-weight:700!important;
  line-height:1.1!important;gap:3px!important;box-shadow:none!important;
}
.bottom-menu .menu-item i,.bottom-nav .menu-item i{font-size:19px!important;line-height:20px!important;}
.bottom-menu .menu-item.active,.bottom-nav .menu-item.active{color:var(--ui-blue)!important;}
.bottom-menu .menu-item.active i,.bottom-nav .menu-item.active i{color:var(--ui-blue)!important;}
body{padding-bottom:64px!important;}

/* Sidebar */
.side-menu{background:#fff!important;box-shadow:10px 0 30px rgba(20,30,40,.10)!important;}
.side-head{border-bottom:1px solid var(--ui-line)!important;}
.side-link{color:#36434f!important;font-size:13px!important;}
.side-link.active{background:var(--ui-blue-soft)!important;color:var(--ui-blue)!important;}

/* Remove old glow/shadow language wherever common UI uses it */
.card,.details-box,.market-card,.gali-market-card,.notice-card,.notice-item,
.action-btn,.hero-btn,.btn-chart,.apk-download-btn,.g-add-btn,.g-play-btn,
.bottom-menu,.bottom-nav{box-shadow:none!important;}

@media(max-width:480px){
  .header-bar{padding:0 12px!important;}
  .app-logo{max-width:108px!important;height:34px!important;}
  .container{padding:12px!important;}
  .login-title,.page-title{font-size:23px!important;margin:17px 0 14px!important;}
  .hero-btn{min-height:50px!important;font-size:13px!important;}
  .market-list,.gali-grid{gap:9px!important;}
}