/* SoftSwiss DigiTech — hesap / belge / bonus / gecmis */
.tb--ss-account {
  max-width: 1100px;
  margin: 0 auto;
  padding: 16px 12px 96px;
  color: var(--text-color-1, #fff);
}
.tb--ss-account-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
@media (min-width: 768px) {
  .tb--ss-account-grid {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
}
.tb--ss-card {
  background: var(--modal-bg-color-2, #363747);
  border: 1px solid #405777;
  border-radius: 12px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 140px;
}
.tb--ss-card-title {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.tb--ss-card-text {
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
  color: #c8d0da;
  flex: 1;
}
.tb--ss-card-link {
  color: #ff7a00;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
}
.tb--ss-card-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.tb--ss-card-actions .btn {
  flex: 1;
  min-width: 120px;
  text-align: center;
  text-decoration: none;
}

/* SoftSwiss DigiTech — solid turuncu CTA (BC mavi/gradient .btn ez) */
.tb--ss-account .btn,
.tb--ss-account .btn.btn-primary,
.tb--ss-account .btn-primary,
.tb--ss-account a.btn.btn-primary,
.tb--ss-account button.btn.btn-primary,
.tb--ss-account .btn-wb-size-l.btn-primary,
.tb--ss-account .tb--ss-file-label,
.tb--ss-account .tb--ss-btn,
.tb--ss-account .tb--ss-btn-primary {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 10px 18px !important;
  border-radius: 8px !important;
  background: #ff7a00 !important;
  background-color: #ff7a00 !important;
  background-image: none !important;
  border: 0 !important;
  color: #fff !important;
  font-weight: 700 !important;
  box-shadow: none !important;
  text-decoration: none !important;
  cursor: pointer;
}
.tb--ss-account .btn:hover,
.tb--ss-account .btn.btn-primary:hover,
.tb--ss-account .btn-primary:hover,
.tb--ss-account a.btn.btn-primary:hover,
.tb--ss-account button.btn.btn-primary:hover,
.tb--ss-account .tb--ss-file-label:hover,
.tb--ss-account .tb--ss-btn:hover,
.tb--ss-account .tb--ss-btn-primary:hover {
  background: #ff8f1f !important;
  background-color: #ff8f1f !important;
  background-image: none !important;
  color: #fff !important;
  opacity: 1 !important;
  box-shadow: 0 0 12px rgba(255, 122, 0, 0.45) !important;
}
.tb--ss-account .btn.btn-secondary,
.tb--ss-account .btn-secondary,
.tb--ss-account a.btn.btn-secondary,
.tb--ss-account .tb--ss-btn-secondary {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #ff7a00 !important;
  border: 2px solid #ff7a00 !important;
  box-shadow: none !important;
}
.tb--ss-account .btn.btn-secondary:hover,
.tb--ss-account .btn-secondary:hover,
.tb--ss-account a.btn.btn-secondary:hover,
.tb--ss-account .tb--ss-btn-secondary:hover {
  background: rgba(255, 122, 0, 0.12) !important;
  color: #ff9a33 !important;
  border-color: #ff9a33 !important;
  box-shadow: none !important;
}
.tb--ss-promo-label {
  display: block;
  font-size: 12px;
  margin-bottom: 6px;
  opacity: 0.85;
}
.tb--ss-promo-row {
  display: flex;
  gap: 8px;
}
.tb--ss-promo-input {
  flex: 1;
  border: 1px solid #405777;
  background: var(--modal-bg-color-1, #2C2D3A);
  color: #fff;
  border-radius: 8px;
  padding: 10px 12px;
  font-size: 14px;
}
.tb--ss-promo-msg {
  margin-top: 8px;
  font-size: 13px;
}
.tb--ss-promo-msg.is-ok { color: #3ddc97; }
.tb--ss-promo-msg.is-err { color: #ff6b6b; }
.tb--ss-promo-history {
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid rgba(64, 87, 119, 0.55);
}
.tb--ss-promo-history-title {
  margin: 0 0 12px;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
}
.tb--ss-promo-history-empty {
  margin: 0;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.55);
}
.tb--ss-promo-history-table {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.tb--ss-promo-history-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.18);
  border: 1px solid rgba(64, 87, 119, 0.45);
}
.tb--ss-promo-history-code {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: #fff;
  word-break: break-all;
}
.tb--ss-promo-history-meta {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  flex-shrink: 0;
}
.tb--ss-promo-history-amount {
  font-size: 13px;
  font-weight: 600;
  color: #3ddc97;
}
.tb--ss-promo-history-date {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.5);
  white-space: nowrap;
}

/* —— Profil / hesap popup overlay —— */
#modal-root .tb--modal-lvl1[data-tb-account-overlay] {
  display: block !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 9999 !important;
  background: rgba(0, 0, 0, 0.8) !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: auto !important;
  width: 100% !important;
  height: 100% !important;
  box-sizing: border-box !important;
}
#modal-root .tb--modal-lvl1[data-tb-account-overlay] .tb--modal-lvl2 {
  display: flex !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
#modal-root .tb--modal-lvl1[data-tb-account-overlay] .tb--modal-lvl3,
#modal-root .tb--modal-lvl1[data-tb-account-overlay] .tb--h_100,
#modal-root .tb--modal-lvl1[data-tb-account-overlay] .tb--my-profile {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  box-sizing: border-box !important;
  background: var(--modal-bg-color-1, #2C2D3A) !important;
  position: relative !important;
}
#modal-root .tb--modal-lvl1[data-tb-account-overlay] .tb--modal-lvl3 {
  padding-top: 56px !important;
  overflow: hidden auto !important;
}
#modal-root .tb--my-profile .tb--profile-layout {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding: 0 12px 24px;
  overflow-x: hidden;
}
#modal-root .tb--my-profile .tb--profile-right-cont,
#modal-root .tb--my-profile .tb--profile-left-cont,
#modal-root .tb--my-profile .tb--personal-details-content,
#modal-root .tb--my-profile .tb--details_wrapper,
#modal-root .tb--my-profile .tb--pd-inputs,
#modal-root .tb--my-profile .tb--profile-field-col,
#modal-root .tb--my-profile .tb--profile-lcont,
#modal-root .tb--my-profile .tb--space,
#modal-root .tb--my-profile .tb--input-group,
#modal-root .tb--my-profile .tb--select-element,
#modal-root .tb--my-profile .tb--pay-inner-input,
#modal-root .tb--my-profile .custom-select,
#modal-root .tb--my-profile .react-select__control {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  flex: none !important;
  box-sizing: border-box !important;
}
#modal-root .tb--my-profile .tb--pd-inputs--stack,
#modal-root .tb--my-profile .tb--profile-lcont {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px;
}
#modal-root .tb--my-profile .tb--profile-field-col {
  display: flex;
  flex-direction: column;
}
#modal-root .tb--my-profile .tb--update {
  display: none !important;
}
html.is-web #modal-root .tb--my-profile .tb--modal-header.tb--web-hide,
#modal-root .tb--modal-lvl1[data-tb-account-overlay] .tb--my-profile .tb--modal-header.tb--web-hide {
  display: none !important;
}
@media (max-width: 1023.9px) {
  html.is-mobile #modal-root .tb--my-profile .tb--modal-header.tb--web-hide,
  #modal-root .tb--modal-lvl1[data-tb-account-overlay] .tb--my-profile .tb--modal-header.tb--web-hide {
    display: flex !important;
  }
}
#modal-root .tb--my-profile .tb--personal-details {
  margin: 8px 0 16px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
}
#modal-root .tb--my-profile .tb--birthdate_select_group {
  display: flex;
  gap: 8px;
  width: 100%;
  max-width: 100%;
}
#modal-root .tb--my-profile .tb--birthdate_select_group > div {
  flex: 1 1 0;
  min-width: 0;
}
#modal-root .tb--my-profile .tb--account-body {
  overflow-x: hidden !important;
  width: 100%;
  max-width: 100%;
  padding: 0 0 24px;
  box-sizing: border-box;
}
#modal-root .tb--my-profile .account-menu-details,
#modal-root .tb--my-profile .account-menu {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
#modal-root .tb--my-profile .tb--account-subhead {
  display: flex !important;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0 8px;
  box-sizing: border-box;
  background: var(--modal-bg-color-2, #363747);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
#modal-root .tb--my-profile .tb--account-subhead .tb--submenu {
  display: flex;
  flex-wrap: nowrap;
  gap: 4px;
  width: 100%;
}
#modal-root .tb--my-profile .tb--account-subhead .tb--submenu-item {
  flex: 1 1 0;
  text-align: center;
  white-space: nowrap;
  padding: 12px 8px;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
}
#modal-root .tb--my-profile .tb--account-subhead .tb--submenu-item.active {
  color: #fff;
  font-weight: 600;
  box-shadow: inset 0 -2px 0 #ff7a00;
}

@media (min-width: 1024px) {
  #modal-root .tb--modal-lvl1[data-tb-account-overlay] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 24px !important;
  }
  #modal-root .tb--modal-lvl1[data-tb-account-overlay] .tb--modal-lvl2 {
    width: min(880px, 96vw) !important;
    max-width: min(880px, 96vw) !important;
    height: min(820px, 90vh) !important;
    max-height: min(820px, 90vh) !important;
    border-radius: 12px !important;
    overflow: hidden !important;
  }
  #modal-root .tb--modal-lvl1[data-tb-account-overlay] .tb--modal-lvl3 {
    padding-top: 0 !important;
  }
  #modal-root .tb--my-profile .tb--profile-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 260px) minmax(0, 1fr);
    gap: 20px;
    align-items: start;
    padding: 8px 20px 28px;
  }
}

/* —— Belgeler —— */
.documents-block .tb--documents-cont,
#modal-root .documents-block .tb--documents-cont {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  max-width: 100%;
  padding: 8px 12px 28px;
  box-sizing: border-box;
}
.documents-block .tb--documents-policy,
.documents-block .tb--documents-upload,
#modal-root .documents-block .tb--documents-policy,
#modal-root .documents-block .tb--documents-upload {
  flex: none;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
#modal-root .tb--documents-title {
  margin: 0 0 12px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
}
#modal-root .tb--documents-rules,
.documents-block .tb--documents-rules {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#modal-root .tb--documents-status,
.documents-block .tb--documents-status {
  margin: 0 0 12px;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.75);
}
#modal-root .tb--documents-upload,
.documents-block .tb--documents-upload {
  display: flex;
  flex-direction: column;
  gap: 6px;
  background: var(--modal-bg-color-2, #363747);
  border: 1px solid #405777;
  border-radius: 12px;
  padding: 16px;
}
#modal-root .tb--documents-submit,
.documents-block .tb--documents-submit {
  margin-top: 14px;
  width: 100%;
}
#modal-root .documents-block input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}
#modal-root .documents-block .tb--ss-file-label {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .documents-block .tb--documents-cont,
  #modal-root .documents-block .tb--documents-cont {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    align-items: start;
    padding: 8px 20px 28px;
  }
}
.tb--ss-doc-rule {
  position: relative;
  padding-left: 14px;
  font-size: 13px;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.85);
}
.tb--ss-doc-rule::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.45em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #ff7a00;
}
.tb--ss-select {
  width: 100%;
  border: 1px solid #405777;
  background: var(--modal-bg-color-1, #2C2D3A);
  color: #fff;
  border-radius: 8px;
  padding: 12px;
  font-size: 14px;
  box-sizing: border-box;
}
.tb--ss-file-label {
  display: inline-flex;
  width: 100%;
  justify-content: center;
  cursor: pointer;
  box-sizing: border-box;
}
.tb--ss-file-name {
  margin-top: 4px;
  font-size: 12px;
  opacity: 0.8;
  min-height: 1em;
}
.tb--ss-doc-msg {
  margin-top: 10px;
  font-size: 13px;
}
.tb--ss-doc-msg.is-ok { color: #3ddc97; }
.tb--ss-doc-msg.is-err { color: #ff6b6b; }
.tb--mt-12 { margin-top: 12px !important; }

.tb--ss-bonus-tabs {
  gap: 8px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.tb--ss-bonus-tab {
  border: 0;
  background: var(--modal-bg-color-2, #363747);
  color: #c8d0da;
  border-radius: 999px;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}
.tb--ss-bonus-tab.is-active {
  background: #ff7a00;
  color: #fff;
}

.tb--ss-history-bar {
  margin-bottom: 16px;
  gap: 12px;
}
.tb--ss-chip {
  border: 0;
  background: var(--modal-bg-color-2, #363747);
  color: #fff;
  border-radius: 999px;
  padding: 8px 14px;
  font-size: 13px;
  cursor: pointer;
}
.tb--ss-icon-btn {
  border: 0;
  background: transparent;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
}
.tb--ss-history-title {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 14px;
}
.tb--ss-history-list {
  min-height: 280px;
}
.tb--ss-hist-item {
  background: var(--modal-bg-color-2, #363747);
  border: 1px solid #405777;
  border-radius: 10px;
  padding: 12px;
  margin-bottom: 10px;
}
.tb--ss-hist-top {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  font-size: 13px;
  margin-bottom: 6px;
}
.tb--ss-hist-game {
  font-weight: 700;
}
.tb--ss-hist-amt {
  font-weight: 700;
  white-space: nowrap;
}
.tb--ss-hist-meta {
  font-size: 12px;
  color: #aeb6c2;
}

.tb--ss-empty {
  text-align: center;
  padding: 48px 16px;
}
.tb--ss-empty-ico {
  width: 72px;
  height: 72px;
  margin: 0 auto 16px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 35% 40%, #6b7788 0 8px, transparent 9px),
    radial-gradient(circle at 62% 58%, #4f5b6b 0 18px, transparent 19px),
    #2a3748;
  opacity: 0.9;
}
.tb--ss-empty-title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 6px;
}
.tb--ss-empty-text {
  margin: 0;
  color: #aeb6c2;
  font-size: 13px;
}
.tb--ss-account-gate .btn {
  margin-top: 16px;
}

/* —— SoftSwiss DigiTech /tr/bonus-claim —— */
.tb--ss-bonus-claim {
  max-width: 560px;
}
.tb--ss-bonus-claim .bonus-claim-pro__eyebrow {
  margin: 0 0 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #ff7a00;
}
.tb--ss-bonus-claim .bonus-claim-pro__title {
  margin: 0 0 8px;
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  line-height: 1.25;
}
.tb--ss-bonus-claim .bonus-claim-pro__lead {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  color: #c8d0da;
}
.tb--ss-bonus-claim .bonus-claim-pro__reasons {
  list-style: none;
  margin: 14px 0 0;
  padding: 0;
}
.tb--ss-bonus-claim .bonus-claim-pro__reasons[hidden] {
  display: none !important;
}
.tb--ss-bonus-claim .bonus-claim-pro__reasons li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 12px;
  margin-bottom: 8px;
  border-radius: 10px;
  background: rgba(255, 52, 73, 0.1);
  border: 1px solid rgba(255, 52, 73, 0.35);
  font-size: 13px;
  line-height: 1.45;
  color: #ff6b7a;
}
.tb--ss-bonus-claim .bonus-claim-pro__reasons li::before {
  content: "!";
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border-radius: 6px;
  background: rgba(255, 52, 73, 0.2);
  font-size: 12px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ff6b7a;
}
.tb--ss-bonus-claim .bonus-claim-pro__stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-bottom: 14px;
}
.tb--ss-bonus-claim .bonus-claim-pro__stat {
  padding: 12px 10px;
  border-radius: 10px;
  background: var(--modal-bg-color-1, #2C2D3A);
  border: 1px solid #405777;
  text-align: center;
}
.tb--ss-bonus-claim .bonus-claim-pro__stat-label {
  display: block;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #aeb6c2;
  margin-bottom: 4px;
}
.tb--ss-bonus-claim .bonus-claim-pro__stat-value {
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: #ff7a00;
  line-height: 1.2;
}
.tb--ss-bonus-claim .bonus-claim-pro__stat-value.is-yes {
  color: #22c55e;
}
.tb--ss-bonus-claim .bonus-claim-pro__stat-value.is-no {
  color: #8b95a5;
  font-weight: 600;
}
.tb--ss-bonus-claim .tb--ss-textarea {
  width: 100%;
  min-height: 88px;
  resize: vertical;
  border: 1px solid #405777;
  background: var(--modal-bg-color-1, #2C2D3A);
  color: #fff;
  border-radius: 8px;
  padding: 10px 12px;
  font-size: 14px;
  box-sizing: border-box;
  font-family: inherit;
}
.tb--ss-bonus-claim .tb--ss-textarea:focus {
  outline: none;
  border-color: #ff7a00;
}
.tb--ss-bonus-claim .bonus-claim-pro__actions {
  margin-top: 12px;
}
.tb--ss-bonus-claim .bonus-claim-pro__actions .btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
  pointer-events: none;
}
.tb--ss-bonus-claim .bonus-claim-pro__alert {
  display: none;
  margin-top: 12px;
  padding: 12px 14px;
  border-radius: 10px;
  font-size: 13px;
  line-height: 1.45;
}
.tb--ss-bonus-claim .bonus-claim-pro__alert.is-visible {
  display: block;
}
.tb--ss-bonus-claim .bonus-claim-pro__alert--ok {
  background: rgba(34, 197, 94, 0.12);
  border: 1px solid rgba(34, 197, 94, 0.4);
  color: #4ade80;
}
.tb--ss-bonus-claim .bonus-claim-pro__alert--err {
  background: rgba(255, 52, 73, 0.12);
  border: 1px solid rgba(255, 52, 73, 0.4);
  color: #ff6b7a;
}
.tb--ss-bonus-claim .bonus-claim-pro__footer-tips {
  margin: 12px 0 0;
  padding: 14px 16px;
  border-radius: 12px;
  background: var(--modal-bg-color-2, #363747);
  border: 1px solid #405777;
  font-size: 12px;
  color: #aeb6c2;
  line-height: 1.5;
}
.tb--ss-bonus-claim .bonus-claim-pro__history-title {
  margin: 0 0 10px;
  font-size: 13px;
  font-weight: 700;
  color: #ff7a00;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.tb--ss-bonus-claim .bonus-claim-pro__history-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.tb--ss-bonus-claim .bonus-claim-pro__history-item {
  padding: 10px 12px;
  margin-bottom: 8px;
  border-radius: 10px;
  background: var(--modal-bg-color-1, #2C2D3A);
  border: 1px solid #405777;
  font-size: 12px;
}
.tb--ss-bonus-claim .bonus-claim-pro__history-item.is-approved {
  border-color: rgba(34, 197, 94, 0.45);
}
.tb--ss-bonus-claim .bonus-claim-pro__history-item.is-rejected {
  border-color: rgba(255, 52, 73, 0.45);
}
.tb--ss-bonus-claim .bonus-claim-pro__history-head {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 4px;
  color: #fff;
}
.tb--ss-bonus-claim .bonus-claim-pro__history-head span {
  color: #aeb6c2;
  font-size: 11px;
  white-space: nowrap;
}
.tb--ss-bonus-claim .bonus-claim-pro__history-meta {
  color: #aeb6c2;
}
.tb--ss-bonus-claim .bonus-claim-pro__login {
  margin-top: 12px;
  text-align: center;
}
.tb--ss-bonus-claim .bonus-claim-pro__card[hidden],
.tb--ss-bonus-claim .bonus-claim-pro__history[hidden],
.tb--ss-bonus-claim .bonus-claim-pro__login[hidden] {
  display: none !important;
}
@media (max-width: 420px) {
  .tb--ss-bonus-claim .bonus-claim-pro__stats {
    grid-template-columns: 1fr;
  }
}

/* SoftSwiss güvenlik / şifre / destek */
.tb--ss-account .tb--ss-promo-input.tb--w_100,
.tb--ss-account .tb--w_100 {
  width: 100%;
  box-sizing: border-box;
}
.tb--ss-password-form {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 8px;
}
.tb--ss-password-form .tb--ss-promo-label {
  margin-top: 8px;
}
.tb--ss-password-form .tb--mt-12,
.tb--ss-account .tb--mt-12 {
  margin-top: 12px;
}
.tb--ss-promo-msg.is-ok {
  color: #4ade80;
}
.tb--ss-promo-msg.is-err {
  color: #ff6b7a;
}
.tb--ss-session-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 12px 0;
}
.tb--ss-session-item {
  padding: 12px;
  border-radius: 10px;
  background: var(--modal-bg-color-1, #2C2D3A);
  border: 1px solid #405777;
}
.tb--ss-session-item.is-current {
  border-color: rgba(255, 122, 0, 0.55);
}
.tb--ss-session-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
  color: #fff;
}
.tb--ss-session-badge {
  font-size: 11px;
  font-weight: 700;
  color: #ff7a00;
  background: rgba(255, 122, 0, 0.12);
  border: 1px solid rgba(255, 122, 0, 0.35);
  border-radius: 999px;
  padding: 2px 8px;
}
.tb--ss-session-meta {
  font-size: 12px;
  color: #aeb6c2;
  line-height: 1.4;
  word-break: break-word;
}

/* SoftSwiss 2FA ekranı (mevcut security-screen kabuğu) — PC + mobil */
.tb--page-wrap .security-screen-page,
.tb--ss-account + .security-screen-page,
.layout-content-holder-bc.security-screen-page {
  max-width: 720px;
  margin: 0 auto;
  padding: 16px 12px 96px;
  box-sizing: border-box;
  color: #e8edf4 !important;
}
.security-screen-pro {
  background: transparent !important;
}
.security-screen-pro__hero {
  text-align: center;
  margin-bottom: 16px;
}
.security-screen-pro__eyebrow,
.security-screen-pro__lead,
.security-screen-pro__hint {
  color: #aeb6c2 !important;
}
.security-screen-pro__title {
  color: #fff !important;
}
.security-screen-pro__card {
  background: var(--modal-bg-color-2, #363747) !important;
  border: 1px solid #405777 !important;
  border-radius: 12px !important;
  padding: 18px !important;
}
.security-screen-pro__actions .btn,
.security-screen-pro__actions button.btn,
.security-screen-page .btn {
  background: #ff7a00 !important;
  background-image: none !important;
  border: 0 !important;
  color: #fff !important;
  border-radius: 8px !important;
  min-height: 42px !important;
}
.security-screen-pro__secret {
  background: rgba(0, 0, 0, 0.25) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 10px !important;
  color: #fff !important;
  word-break: break-all !important;
  padding: 12px !important;
}
.security-screen-page .form-control-input-bc,
.security-screen-page input.form-control-input-bc {
  background: rgba(0, 0, 0, 0.25) !important;
  color: #fff !important;
  border-radius: 10px !important;
}
@media (max-width: 767px) {
  .tb--page-wrap .security-screen-page,
  .layout-content-holder-bc.security-screen-page {
    padding: 12px 10px 110px;
  }
}