/* ===========================
   BERITANEPIN - PANEL CLONE THEME
   Dark premium + orange accent
   =========================== */
body{
  background:#070B16 !important;
}
:root{
  --bg0:#070B16;
  --bg1:#0B1220;
  --panel:#0F1A2E;
  --panel2:#111F39;
  --card: rgba(255,255,255,.04);
  --card2: rgba(255,255,255,.06);
  --stroke: rgba(255,255,255,.08);
  --text:#EAF1FF;
  --muted:#9AA9C7;

  --brand:#F59E0B;    /* turuncu */
  --brand2:#FB923C;   /* turuncu açık */
  --ok:#22C55E;
  --danger:#EF4444;

  --radius:16px;
  --shadow: 0 18px 50px rgba(0,0,0,.55);
  --shadow2: 0 10px 30px rgba(0,0,0,.40);
}

/* 1) Genel arkaplan ve yazı */
html,body{
  background: radial-gradient(1200px 600px at 30% -10%, rgba(245,158,11,.12), transparent 55%),
              radial-gradient(1000px 500px at 90% 0%, rgba(96,165,250,.08), transparent 60%),
              linear-gradient(180deg, var(--bg0), var(--bg1)) !important;
  color: var(--text) !important;
}

/* Not: senin sayfada body’e eklenen eski mavi arka planı bastırır */
body{
  min-height: 100vh;
}

/* 2) Dış kapsayıcı (senin ekranda büyük panel çerçevesi) */
.container, .container-fluid, .profilim, .profile, .panel, .content, .wrapper{
  color: var(--text);
}

/* 3) Büyük panel kutusu (üst tabların olduğu ana çerçeve) */
.profilim > .row,
.profile > .row,
.panel-wrapper,
.main-panel,
.profile-area,
[class*="profil"],
[class*="profile"]{
  border-radius: var(--radius);
}

/* 4) Kart / box görünümü: sol profil kartı, sağ içerik kartı vs */
.card, .panel, .box, .well,
.profile-card, .user-card, .content-card,
[class*="card"], [class*="panel"], [class*="box"]{
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)) !important;
  border: 1px solid var(--stroke) !important;
  border-radius: var(--radius) !important;
  box-shadow: var(--shadow2) !important;
  backdrop-filter: blur(10px);
}

/* 5) Üst ikonlu tab menü (senin ekranda yuvarlak ikonlu butonlar) */
.nav, .nav-pills, .nav-tabs, .profile-tabs, .top-tabs,
ul[role="tablist"], .menu-tabs, .profil-menu{
  gap: 12px;
}

.nav .nav-link, .nav-pills .nav-link, .nav-tabs .nav-link,
.profile-tabs a, .top-tabs a, .profil-menu a,
ul[role="tablist"] a{
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)) !important;
  border: 1px solid var(--stroke) !important;
  color: var(--muted) !important;
  border-radius: 14px !important;
  padding: 14px 16px !important;
  transition: .18s ease;
  box-shadow: 0 10px 25px rgba(0,0,0,.25);
}

/* aktif tab */
.nav .nav-link.active, .nav-pills .nav-link.active, .nav-tabs .nav-link.active,
.profile-tabs a.active, .top-tabs a.active, .profil-menu a.active,
ul[role="tablist"] a.active, ul[role="tablist"] .active a{
  color: var(--text) !important;
  border-color: rgba(245,158,11,.45) !important;
  background:
    radial-gradient(600px 200px at 20% 0%, rgba(245,158,11,.22), transparent 55%),
    linear-gradient(180deg, rgba(245,158,11,.12), rgba(255,255,255,.04)) !important;
  box-shadow: 0 18px 45px rgba(245,158,11,.12), 0 12px 30px rgba(0,0,0,.45);
}

/* hover */
.nav .nav-link:hover, .nav-tabs .nav-link:hover, .nav-pills .nav-link:hover,
.profile-tabs a:hover, .top-tabs a:hover{
  transform: translateY(-1px);
  border-color: rgba(255,255,255,.14) !important;
  color: var(--text) !important;
}

/* 6) Başlıklar */
h1,h2,h3,h4,h5{
  color: var(--text) !important;
  letter-spacing: .2px;
}
small, .text-muted, .muted, label{
  color: var(--muted) !important;
}

/* 7) Input / form alanları */
input[type="text"], input[type="email"], input[type="password"], input[type="tel"],
input[type="number"], select, textarea{
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  color: var(--text) !important;
  border-radius: 14px !important;
  outline: none !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}

input::placeholder, textarea::placeholder{
  color: rgba(154,169,199,.65) !important;
}

input:focus, select:focus, textarea:focus{
  border-color: rgba(245,158,11,.50) !important;
  box-shadow: 0 0 0 4px rgba(245,158,11,.12) !important;
}

/* 8) Butonlar */
button, .btn, input[type="submit"], a.btn{
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  transition: .18s ease;
}

.btn-primary, .btn.btn-primary, .btn-blue, .update-btn, .guncelle,
button.primary, button[type="submit"]{
  background: linear-gradient(180deg, var(--brand), #F97316) !important;
  border-color: rgba(245,158,11,.45) !important;
  color: #0B1220 !important;
  font-weight: 700;
  box-shadow: 0 18px 45px rgba(245,158,11,.18), 0 12px 30px rgba(0,0,0,.40);
}

.btn-primary:hover, .btn.btn-primary:hover, button[type="submit"]:hover{
  transform: translateY(-1px);
  filter: brightness(1.05);
}

.btn-success, .btn.btn-success{
  background: linear-gradient(180deg, #22C55E, #16A34A) !important;
  border-color: rgba(34,197,94,.45) !important;
  color: #06120B !important;
}

.btn-outline, .btn-outline-primary{
  background: rgba(255,255,255,.03) !important;
  color: var(--text) !important;
}

/* 9) Tablo görünümü (Siparişler gibi) */
table{
  width: 100%;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: hidden;
  border-radius: var(--radius);
  border: 1px solid var(--stroke);
  background: rgba(0,0,0,.25);
}

thead th{
  background: rgba(255,255,255,.05);
  color: var(--muted) !important;
  font-weight: 700;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

tbody td{
  color: var(--text) !important;
  border-bottom: 1px solid rgba(255,255,255,.06);
}

tbody tr:hover{
  background: rgba(245,158,11,.05);
}

/* 10) Bakiye kutusu (mavi büyük tutar) -> turuncu premium */
.balance, .bakiye, .wallet, .mevcut-bakiye,
[class*="bakiye"], [class*="balance"]{
  background:
    radial-gradient(600px 200px at 20% 0%, rgba(245,158,11,.26), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)) !important;
  border: 1px solid rgba(245,158,11,.28) !important;
  color: var(--text) !important;
}

/* 11) Sol profil kutusu avatar alanı */
.avatar, .profile-photo, .user-avatar, img.avatar{
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 12px 30px rgba(0,0,0,.35);
}

/* 12) Küçük rozetler */
.badge, .status, .label{
  border-radius: 999px;
  padding: 6px 10px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  color: var(--text);
}

/* 13) Link rengi */
a{ color: var(--brand2); }
a:hover{ color: var(--brand); }

/* 14) Scrollbar (opsiyonel) */
*::-webkit-scrollbar{ width: 10px; height: 10px; }
*::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,.10);
  border-radius: 99px;
}
*::-webkit-scrollbar-thumb:hover{
  background: rgba(245,158,11,.20);
}
/* =========================
   BOOST: Senin panel yapısına daha geniş kapsama
   (en alta ekle)
   ========================= */

/* Büyük içerik kutusu */
.profilim .row > div,
.profilim .col-md-9,
.profilim .col-md-3,
.profilim .col-lg-9,
.profilim .col-lg-3,
.profilim .col-12,
.profilim .container,
.profilim .container-fluid,
.profilim .panel-body,
.profilim .panel-heading,
.profilim .content,
.profilim .content-body,
.profilim .profile-content,
.profilim .profile-box,
.profilim .box,
.profilim .well,
.profilim .card{
  color: var(--text) !important;
}

/* Panel içindeki ana kutular (sol kart + sağ form alanı) */
.profilim .col-md-3 > div,
.profilim .col-lg-3 > div,
.profilim .col-md-9 > div,
.profilim .col-lg-9 > div,
.profilim .col-md-12 > div,
.profilim .col-lg-12 > div,
.profilim .panel,
.profilim .well,
.profilim .box,
.profilim .card,
.profilim .panel-default,
.profilim .panel-body{
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 16px !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.35) !important;
  backdrop-filter: blur(10px);
}

/* Üst ikonlu menü: çoğu sitede <a> içinde icon + text */
.profilim a,
.profilim .menu a,
.profilim .nav a,
.profilim .nav-pills a,
.profilim .nav-tabs a{
  text-decoration: none !important;
}

/* Profil üst menü butonları (senin ekranda yuvarlak ikonlu kutular) */
.profilim .nav-pills > li > a,
.profilim .nav-tabs > li > a,
.profilim .nav > li > a,
.profilim .menu li a,
.profilim .profil-menu li a{
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  color: var(--muted) !important;
  border-radius: 14px !important;
  padding: 14px 16px !important;
  box-shadow: 0 10px 25px rgba(0,0,0,.25);
  transition: .18s ease;
}

/* Aktif menü */
.profilim .nav-pills > li.active > a,
.profilim .nav-tabs > li.active > a,
.profilim .nav > li.active > a,
.profilim .menu li.active a,
.profilim .profil-menu li.active a{
  color: var(--text) !important;
  border-color: rgba(245,158,11,.45) !important;
  background:
    radial-gradient(600px 200px at 20% 0%, rgba(245,158,11,.22), transparent 55%),
    linear-gradient(180deg, rgba(245,158,11,.12), rgba(255,255,255,.04)) !important;
}

/* Hover */
.profilim .nav > li > a:hover,
.profilim .nav-tabs > li > a:hover,
.profilim .nav-pills > li > a:hover{
  transform: translateY(-1px);
  color: var(--text) !important;
  border-color: rgba(255,255,255,.16) !important;
}

/* Form alanları */
.profilim .form-control,
.profilim input,
.profilim select,
.profilim textarea{
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  color: var(--text) !important;
  border-radius: 14px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}

.profilim .form-control:focus,
.profilim input:focus,
.profilim select:focus,
.profilim textarea:focus{
  border-color: rgba(245,158,11,.50) !important;
  box-shadow: 0 0 0 4px rgba(245,158,11,.12) !important;
  outline: none !important;
}

/* Butonlar */
.profilim .btn,
.profilim button,
.profilim input[type="submit"]{
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
}

.profilim .btn-primary,
.profilim .btn.btn-primary,
.profilim button.btn-primary{
  background: linear-gradient(180deg, #F59E0B, #F97316) !important;
  border-color: rgba(245,158,11,.45) !important;
  color: #0B1220 !important;
  font-weight: 700 !important;
  box-shadow: 0 18px 45px rgba(245,158,11,.18), 0 12px 30px rgba(0,0,0,.40);
}

/* Tablo */
.profilim table{
  background: rgba(0,0,0,.25) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 16px !important;
  overflow: hidden;
}

.profilim table thead th{
  background: rgba(255,255,255,.05) !important;
  color: var(--muted) !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

.profilim table tbody td{
  color: var(--text) !important;
  border-bottom: 1px solid rgba(255,255,255,.06) !important;
}

.profilim table tbody tr:hover{
  background: rgba(245,158,11,.05) !important;
}

/* Sol taraftaki bakiye mavi kutu çok baskınsa turuncuya çek */
.profilim [class*="bakiye"],
.profilim [id*="bakiye"],
.profilim .balance,
.profilim .wallet{
  background:
    radial-gradient(600px 200px at 20% 0%, rgba(245,158,11,.26), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)) !important;
  border: 1px solid rgba(245,158,11,.28) !important;
}
/* =========================
   BERITANEPIN - ACCOUNT CLONE (my_account.php)
   Hedef class'lar:
   .account, .account-tab-container, .user-profile-box, .tab-inner,
   .tab-content, .siparis-gecmisi-liste, .game-list-item, .account-pagination
   ========================= */

:root{
  --bg0:#070B16;
  --bg1:#0B1220;
  --panel:#0F1A2E;
  --panel2:#111F39;
  --stroke: rgba(255,255,255,.10);
  --text:#EAF1FF;
  --muted:#9AA9C7;
  --brand:#F59E0B;
  --brand2:#FB923C;
  --radius:16px;
  --shadow: 0 18px 50px rgba(0,0,0,.55);
  --shadow2: 0 10px 30px rgba(0,0,0,.40);
}

/* sayfa genel */
body.home-body-bg{
  background:
    radial-gradient(1200px 600px at 30% -10%, rgba(245,158,11,.12), transparent 55%),
    radial-gradient(1000px 500px at 90% 0%, rgba(96,165,250,.08), transparent 60%),
    linear-gradient(180deg, var(--bg0), var(--bg1)) !important;
  color: var(--text) !important;
}

.account h4{ color: var(--text) !important; }

/* üst tab alanı + ana container */
.account .account-tab-container,
.account .tab-container{
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03)) !important;
  border: 1px solid var(--stroke) !important;
  border-radius: var(--radius) !important;
  box-shadow: var(--shadow2) !important;
  backdrop-filter: blur(10px);
  padding: 18px;
}

/* template_parts/account-tab içinden gelen menüyü yakalamak için genel a stilleri */
.account .account-tab-container a{
  text-decoration: none !important;
}

/* account-tab genelde ikonlu kutular: içeride a/button/div ne gelirse gelsin yakalayalım */
.account .account-tab-container *{
  color: var(--muted);
}

/* sol profil kartı */
.account .user-profile-box{
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: var(--radius) !important;
  box-shadow: var(--shadow2) !important;
  padding: 18px !important;
  text-align: center;
}

/* avatar */
.account .user-profile-box .img{
  width: 120px;
  height: 120px;
  margin: 8px auto 12px;
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 12px 30px rgba(0,0,0,.35);
}
.account .user-profile-box .img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* “Merhaba, …” */
.account .user-profile-box > span{
  display: block;
  margin-top: 10px;
  color: var(--text) !important;
  font-weight: 800;
  font-size: 26px;
}

/* gravatar açıklaması (h8 kullanmışsın, onu da toparlayalım) */
.account .user-profile-box h8{
  display:block;
  color: rgba(154,169,199,.90) !important;
  line-height: 1.35;
  margin-top: 8px;
}
.account .user-profile-box h8 a{
  color: var(--brand2) !important;
}
.account .user-profile-box h8 a:hover{
  color: var(--brand) !important;
}

/* bakiye kutusu */
.account .user-profile-box .buttons{
  margin-top: 18px;
}
.account .user-profile-box .sub-buttons{
  display:flex;
  gap:12px;
  justify-content:center;
  align-items:stretch;
}

.account .user-profile-box .price{
  flex: 1;
  min-width: 210px;
  background: rgba(0,0,0,.18);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 16px;
  padding: 14px 14px;
  text-align:left;
}

.account .user-profile-box .price > span{
  display:block;
  color: var(--muted) !important;
  font-weight: 700;
  margin-bottom: 8px;
}

.account .user-profile-box .price .button{
  background:
    radial-gradient(600px 220px at 15% 0%, rgba(245,158,11,.28), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)) !important;
  border: 1px solid rgba(245,158,11,.30) !important;
  border-radius: 14px;
  padding: 12px 14px;
  box-shadow: 0 18px 45px rgba(245,158,11,.12);
}

.account .user-profile-box .price .button span{
  color: var(--text) !important;
  font-weight: 900;
  font-size: 20px;
  letter-spacing: .2px;
}

/* + butonu */
.account .user-profile-box a.plus{
  width: 56px;
  min-width: 56px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius: 14px;
  background: linear-gradient(180deg, var(--brand), #F97316) !important;
  border: 1px solid rgba(245,158,11,.45) !important;
  color: #0B1220 !important;
  font-weight: 900;
  font-size: 28px;
  box-shadow: 0 18px 45px rgba(245,158,11,.18), 0 12px 30px rgba(0,0,0,.40);
}
.account .user-profile-box a.plus:hover{
  filter: brightness(1.05);
  transform: translateY(-1px);
}

/* sağ içerik kartı */
.account .tab-inner{
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: var(--radius) !important;
  box-shadow: var(--shadow2) !important;
  padding: 18px !important;
}

/* tab içerik başlıkları */
.account .tab-inner label{
  color: var(--muted) !important;
  font-weight: 700;
}

/* inputlar */
.account .tab-inner .form-control{
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  color: var(--text) !important;
  border-radius: 14px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
  padding: 12px 14px;
}
.account .tab-inner .form-control:focus{
  outline: none !important;
  border-color: rgba(245,158,11,.55) !important;
  box-shadow: 0 0 0 4px rgba(245,158,11,.12) !important;
}

/* my_account.php’te butonlar class’sız <button> geliyor, onu yakalıyoruz */
.account .tab-inner button[type="submit"]{
  background: linear-gradient(180deg, var(--brand), #F97316) !important;
  border: 1px solid rgba(245,158,11,.45) !important;
  color: #0B1220 !important;
  border-radius: 14px !important;
  padding: 12px 22px !important;
  font-weight: 900;
  box-shadow: 0 18px 45px rgba(245,158,11,.18), 0 12px 30px rgba(0,0,0,.40);
}
.account .tab-inner button[type="submit"]:hover{
  transform: translateY(-1px);
  filter: brightness(1.05);
}

/* tab-content görünürlük: senin script active class ile açıyor */
.account .tab-content{
  display:none;
}
.account .tab-content.active{
  display:block;
}

/* SİPARİŞLER: arama kutusu */
.account .siparis-gecmisi-liste .search{
  display:flex;
  gap:10px;
  align-items:center;
  margin-bottom: 14px;
}
.account .siparis-gecmisi-liste .search input{
  flex:1;
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  color: var(--text) !important;
  border-radius: 14px !important;
  padding: 12px 14px;
}
.account .siparis-gecmisi-liste .search button{
  width: 52px;
  height: 48px;
  border-radius: 14px;
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
}
.account .siparis-gecmisi-liste .search button:hover{
  border-color: rgba(245,158,11,.35) !important;
}

/* sipariş item kartı */
.account .game-list-item{
  display:flex;
  align-items:center;
  gap:14px;
  padding: 14px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.18);
  box-shadow: 0 12px 30px rgba(0,0,0,.25);
  margin-bottom: 12px;
}

.account .game-list-item .img{
  width: 54px;
  height: 54px;
  border-radius: 14px;
  overflow:hidden;
  border: 1px solid rgba(255,255,255,.12);
}
.account .game-list-item .img img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.account .game-list-item .desc h4{
  margin:0;
  color: var(--text) !important;
  font-weight: 800;
  font-size: 16px;
}

.account .game-list-item .date,
.account .game-list-item .count{
  text-align:center;
  min-width: 86px;
  color: var(--muted) !important;
}

.account .game-list-item .buttons button{
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03)) !important;
  border: 1px solid rgba(245,158,11,.35) !important;
  color: var(--text) !important;
  border-radius: 14px !important;
  padding: 10px 14px;
  font-weight: 900;
}

/* pagination */
.account .account-pagination{
  display:flex;
  gap:10px;
  justify-content:center;
  margin-top: 14px;
}
.account .account-pagination li a{
  display:inline-flex;
  width: 38px;
  height: 38px;
  align-items:center;
  justify-content:center;
  border-radius: 12px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.10);
  color: var(--muted) !important;
}
.account .account-pagination li a:hover{
  border-color: rgba(245,158,11,.35);
  color: var(--text) !important;
}
/* =========================
   ACCOUNT TAB HEADER (template_parts/account-tab)
   .account-tab-header + .item + .active
   ========================= */

.account .account-tab-header{
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(120px, 1fr);
  gap: 12px;
  padding: 14px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03)) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.35) !important;
  backdrop-filter: blur(10px);
  overflow-x: auto;
  scrollbar-width: thin;
}

/* item kutuları */
.account .account-tab-header .item{
  cursor: pointer;
  user-select: none;
  display:flex;
  flex-direction: column;
  align-items:center;
  justify-content:center;
  gap: 10px;

  padding: 14px 12px;
  min-height: 98px;

  border-radius: 16px;
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 0 10px 25px rgba(0,0,0,.22);

  transition: transform .18s ease, border-color .18s ease, filter .18s ease, background .18s ease;
}

/* ikon da tıklanıyor, img pointer sorun olmasın */
.account .account-tab-header .item img{
  width: 42px;
  height: 42px;
  object-fit: contain;
  opacity: .92;
  filter: drop-shadow(0 10px 16px rgba(0,0,0,.35));
  pointer-events: none; /* onclick div'de zaten var */
}

/* yazı */
.account .account-tab-header .item span{
  color: rgba(154,169,199,.92) !important;
  font-weight: 700;
  font-size: 13px;
  text-align:center;
  line-height: 1.15;
}

/* hover */
.account .account-tab-header .item:hover{
  transform: translateY(-1px);
  border-color: rgba(255,255,255,.16) !important;
  filter: brightness(1.03);
}

/* aktif */
.account .account-tab-header .item.active{
  background:
    radial-gradient(650px 220px at 18% 0%, rgba(245,158,11,.24), transparent 58%),
    linear-gradient(180deg, rgba(245,158,11,.10), rgba(255,255,255,.04)) !important;
  border-color: rgba(245,158,11,.45) !important;
  box-shadow: 0 18px 45px rgba(245,158,11,.14), 0 12px 30px rgba(0,0,0,.45);
}

.account .account-tab-header .item.active span{
  color: #EAF1FF !important;
}

.account .account-tab-header .item.active img{
  opacity: 1;
  filter: drop-shadow(0 14px 22px rgba(245,158,11,.22));
}

/* responsive: mobilde akış */
@media (max-width: 992px){
  .account .account-tab-header{
    grid-auto-columns: minmax(110px, 1fr);
  }
}
@media (max-width: 576px){
  .account .account-tab-header{
    grid-auto-columns: 110px;
    padding: 12px;
  }
  .account .account-tab-header .item{
    min-height: 92px;
    padding: 12px 10px;
  }

/* ===== FORCE OVERRIDE (en alta) ===== */
body.home-body-bg .account .account-tab-container,
body.home-body-bg .account .tab-container,
body.home-body-bg .account .tab-inner,
body.home-body-bg .account .user-profile-box{
  background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03)) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.55) !important;
  backdrop-filter: blur(12px) !important;
}

/* üst menü kesin yakalama */
body.home-body-bg .account .account-tab-header{
  background: rgba(0,0,0,.22) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  padding: 16px !important;
}

body.home-body-bg .account .account-tab-header .item{
  background: rgba(255,255,255,.05) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: 0 12px 26px rgba(0,0,0,.35) !important;
  transform: none !important;
}

body.home-body-bg .account .account-tab-header .item:hover{
  transform: translateY(-2px) !important;
  border-color: rgba(245,158,11,.35) !important;
}

body.home-body-bg .account .account-tab-header .item.active{
  background:
    radial-gradient(650px 220px at 18% 0%, rgba(245,158,11,.30), transparent 58%),
    linear-gradient(180deg, rgba(245,158,11,.14), rgba(255,255,255,.04)) !important;
  border-color: rgba(245,158,11,.55) !important;
  box-shadow: 0 22px 55px rgba(245,158,11,.16), 0 14px 34px rgba(0,0,0,.55) !important;
}

body.home-body-bg .account .account-tab-header .item span{
  color: rgba(234,241,255,.85) !important;
  font-weight: 800 !important;
}

body.home-body-bg .account .account-tab-header .item.active span{
  color: #EAF1FF !important;
}

/* bakiye + butonu */
body.home-body-bg .account .user-profile-box .price .button{
  background:
    radial-gradient(700px 260px at 15% 0%, rgba(245,158,11,.35), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03)) !important;
  border: 1px solid rgba(245,158,11,.40) !important;
}

body.home-body-bg .account .user-profile-box a.plus{
  background: linear-gradient(180deg, #F59E0B, #F97316) !important;
  color: #0B1220 !important;
  border: 1px solid rgba(245,158,11,.55) !important;
}

/* tablo alanı (siparişler ekranındaki iç paneli de koyulaştır) */
body.home-body-bg .account table,
body.home-body-bg .account .table,
body.home-body-bg .account .siparis-gecmisi-liste,
body.home-body-bg .account .game-list-item{
  background: rgba(0,0,0,.22) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
}