/* ===================================================================
 *  assets/ligobet-ui.css  -  SADECE kaydirilabilir sekme cubugu
 *  (Hesabim/Guvenlik/Yatirim/Cekim/...). Diger her sey (header, cluster,
 *  profil menusu, helper, degiskenler) banking sayfalarinda yuklenen
 *  TAM ligobet CSS'inden (main + 4326 + 1345) gelir.
 *  Bu sinifler tam CSS'te YOK, o yuzden burada tanimlanir.
 * =================================================================== */

:root{ --mobile-scrollable-tab-bar-height:92px; }

.scrollable-tab-bar-container--nGmts{
  background:var(--neutral-1500);
  height:var(--mobile-scrollable-tab-bar-height);
  padding:12px 6px;position:relative;overflow:hidden;
}
.scrollable-tab-bar-inner-container--bks1P{ gap:8px; display:flex; }
.tab--KuIfv{ justify-content:center;align-items:center;min-width:130px;min-height:68px;display:flex; }
.tab--KuIfv.active-tab--ro9dq{ background:var(--brand); color:var(--light-text); }
.tab--KuIfv.active-tab--ro9dq .name--ozDvi,
.tab--KuIfv.active-tab--ro9dq .wrapper--vVcrc{ color:var(--light-text); }
.tab-wrapper--LIj1_{ flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex; }
.name--ozDvi{ text-transform:capitalize; }

/* Tab cubugundaki Cikis ogesi (logout--iR8rr varyanti) */
.logout--NnSOU.logout--iR8rr{
  width:100%;box-shadow:inset 0 2px 2px #ffffff2c;
  background-color:var(--secondary)!important;color:var(--text)!important;
  flex-direction:column!important;gap:8px!important;height:auto!important;padding:12px 24px!important;
  border-radius:6px;justify-content:center;align-items:center;cursor:pointer;display:flex;
}
.logout--NnSOU.logout--iR8rr .icon-container--QAP5w{ padding-right:0; }
.logout--NnSOU.logout--iR8rr .icon-container--QAP5w:after{ display:none; }

/* Sekme ikonlari wrapper icinde dolsun */
.scrollable-tab-bar-container--nGmts .wrapper--vVcrc svg{ width:100%; height:100%; }