/* Takipcin Burada - genel cila */

/* Okunabilirlik: koyu zeminde soluk kalan metinler */
.hpbb-text, .hp-bbox .hpbb-text, .smmspot-bbox .hpbb-text, .smmspot-hp-text, .smmspot-head .smmspot-small { color: #a9b2c8 !important; }
.t-head p, .t-head .t-text, .pg-text { color: #a9b2c8; }
.fla { color: #e6e9f5; font-weight: 600; }
.fg-control::placeholder { color: #6f7891; }
:focus-visible { outline: 2px solid #5a7dff; outline-offset: 2px; }

/* Tutar secim butonlari */
.tb-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.tb-chips button {
  border: 1px solid rgba(255,255,255,.14); background: rgba(90,125,255,.10); color: #dfe5ff;
  border-radius: 10px; padding: 7px 16px; font-weight: 600; cursor: pointer; transition: all .15s;
}
.tb-chips button:hover { background: #5a7dff; border-color: #5a7dff; color: #fff; transform: translateY(-1px); }

/* Bilgi karti */
.tb-info-title { font-size: 1.25rem; font-weight: 700; margin: 0 0 14px; color: #fff; }
.tb-list { list-style: none; padding: 0; margin: 0; }
.tb-list li { position: relative; padding: 11px 0 11px 36px; color: #b5bdd2; border-bottom: 1px solid rgba(255,255,255,.06); line-height: 1.5; }
.tb-list li:last-child { border-bottom: 0; }
.tb-list li b { color: #fff; }
.tb-list li a { color: #8ea4ff; text-decoration: underline; }
.tb-list li:before {
  content: ""; position: absolute; left: 0; top: 13px; width: 22px; height: 22px; border-radius: 50%;
  background: #5a7dff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center / 12px no-repeat;
}
.tb-list-plain li { padding-left: 0; }
.tb-list-plain li:before { display: none; }
.tb-note { margin-top: 18px; padding: 14px 16px; border-radius: 12px; background: rgba(90,125,255,.08); border: 1px solid rgba(90,125,255,.25); color: #c9d2f0; font-size: .95rem; }

/* Kartlar ve tablolar */
.card { border-radius: 16px; }
.table th { color: #cfd6ea; }
.table td { color: #e6e9f5; }

@media (max-width: 575px) {
  .tb-chips button { flex: 1 1 28%; padding: 9px 8px; }
  .tb-list li { padding-top: 9px; padding-bottom: 9px; }
}

/* uzun adres/anahtarlar tabloda tasmasin */
.table td, .table th { overflow-wrap: anywhere; }