/* Toolbar kendi bg'sini bozmasın */
.toolbar,
.tabbar {

  /* background: transparent !important; */

}

/* CAM KUTU */
.glass-container {
  width: 99.5%;
  margin: 0 auto 10px auto;   /* ortalanmış */
  padding: 18px;

  background: rgba(20, 20, 20, 0.55);
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);

  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.15);

  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.45);

  overflow: hidden; /* radius kesimi için */
}

/* İçerik şeffaf dursun */
.glass-container .toolbar-inner {

  background: transparent !important;

}

.glass-container a,
.glass-container .tabbar-label {

  color: #fff;
  text-shadow: 0 0 6px rgba(0,0,0,0.7);

}
.tabbar-labels a.tab-link, .tabbar-labels a.link {
    padding-top: 13px!important;
    padding-bottom: 4px!important;
}








/* --------- GLASS SEGMENT CONTAINER ---------- */
.glass-segment {
  display: flex;
  justify-content: center;
  align-items: center;

  width: 92%;
  margin: 10px auto;

  background: rgba(20,20,20,0.35);
  backdrop-filter: blur(12px) saturate(160%);
  -webkit-backdrop-filter: blur(12px) saturate(160%);

  border-radius: 16px;
  padding: 6px;

  border: 1px solid rgba(255,255,255,0.18);
  box-shadow: 0 4px 20px rgba(0,0,0,0.35);
}

/* --------- BUTTONS ---------- */
.glass-segment .button {
  flex: 1;
  text-align: center;
  padding: 0px 16px;
  font-size: 15px;
  color: white;
  border-radius: 14px;

  background: transparent;
  text-shadow: 0 0 6px rgba(0,0,0,0.6);

  transition: all 0.25s ease;
  border: none !important;
}

/* --------- ACTIVE BUTTON ---------- */
.glass-segment .button.active {
  background: rgba(255,255,255,0.25);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);

  color: #fff;
  font-weight: 600;

  box-shadow: 0 0 10px rgba(255,255,255,0.35) inset;
}

/* Hover/Press Effect */
.glass-segment .button:active {
  transform: scale(0.96);
}


/* KAPSAYICI – radius buraya veriyoruz */
.table-box {
   border-radius: 24px;
   overflow: hidden;            /* radius düzgün çalışması için şart */
   border: 1px solid #333;      /* istersen kaldırırsın */
   margin-bottom: 20px;
}

/* Table kendi içinde border-collapse kapalı olsun */
.table-box table {
   border-collapse: separate;
   border-spacing: 0;
   width: 100%;
}

/* Hücre borderları */
.table-box th,
.table-box td {
   border: 1px solid #333;
   padding: 10px 12px;
}

.buttons-row .button:first-child {
    border-radius: 24px;
}

.buttons-row .button:last-child {
    border-radius: 24px;
}

.list-block{
  margin: 10px;
  border-radius: 24px;
  padding: 0px;
  overflow: hidden;
  margin-bottom: 30px;
  width: 95%;
  background-color: #1a1a1a;
}