/*
 * ts3center — WHMCS Twenty-One Custom Theme
 * Bootstrap 4.5.3 / theme.css üzerine dark tema override
 */

/* ============================================================
   1. DEĞİŞKENLER
   ============================================================ */
:root {
  --ts3-bg:          #050814;
  --ts3-bg-soft:     #071227;
  --ts3-surface:     #0b1830;
  --ts3-surface-2:   #102245;
  --ts3-line:        rgba(148, 210, 255, 0.15);
  --ts3-text:        #f4f9ff;
  --ts3-muted:       #a6b8d2;
  --ts3-accent:      #38bdf8;
  --ts3-accent-2:    #7dd3fc;
  --ts3-accent-soft: rgba(56, 189, 248, 0.13);
  --ts3-green:       #2dd4bf;
  --ts3-amber:       #fbbf24;
  --ts3-red:         #f87171;
  --ts3-shadow:      0 24px 70px rgba(0, 0, 0, 0.55);
  --ts3-radius:      8px;
  --ts3-font:        'Satoshi', 'Inter', system-ui, -apple-system, sans-serif;
}

/* ============================================================
   2. BODY & ARKAPLAN
   ============================================================ */
body,
body.primary-bg-color {
  background:
    radial-gradient(circle at 18% 0%, rgba(56, 189, 248, 0.09), transparent 34%),
    radial-gradient(circle at 88% 12%, rgba(23, 63, 159, 0.18), transparent 30%),
    linear-gradient(180deg, #071124 0%, #050814 44%, #030712 100%) !important;
  color: var(--ts3-text) !important;
  font-family: var(--ts3-font) !important;
}

/* ============================================================
   3. HEADER — tam seçici ile override
   ============================================================ */
header.header {
  background-color: transparent !important;
  border-bottom: 1px solid var(--ts3-line) !important;
  position: relative;
  z-index: 1040;
}

/* Topbar */
header.header .topbar {
  background-color: rgba(3, 7, 18, 0.95) !important;
  border-bottom: 1px solid var(--ts3-line) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  color: var(--ts3-muted) !important;
  padding: 4px 0 !important;
}

header.header .topbar .btn {
  color: var(--ts3-muted) !important;
  font-size: 0.83rem !important;
}

header.header .topbar .btn:hover {
  color: var(--ts3-accent) !important;
}

header.header .topbar .active-client .input-group-text {
  color: var(--ts3-muted) !important;
  background-color: transparent !important;
  border-color: var(--ts3-line) !important;
}

header.header .topbar .active-client .btn {
  color: var(--ts3-muted) !important;
}

header.header .topbar .active-client .btn.btn-active-client {
  background: var(--ts3-accent-soft) !important;
  border: 1px solid var(--ts3-line) !important;
  border-radius: var(--ts3-radius) !important;
  color: var(--ts3-text) !important;
  font-weight: 600 !important;
}

header.header .topbar .active-client .btn.btn-active-client:hover {
  background: rgba(56, 189, 248, 0.2) !important;
  border-color: var(--ts3-accent) !important;
  color: var(--ts3-accent-2) !important;
}

header.header .topbar .active-client .btn.btn-active-client span {
  border-bottom-color: var(--ts3-accent) !important;
}

/* Logo alanı navbar */
header.header .navbar.navbar-light {
  background: rgba(7, 18, 39, 0.92) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-bottom: 1px solid var(--ts3-line) !important;
}

/* Arama kutusu */
header.header .search {
  border-color: var(--ts3-line) !important;
  background: var(--ts3-surface) !important;
  border-radius: var(--ts3-radius) !important;
}

header.header .search .btn,
header.header .search .form-control {
  background: transparent !important;
  border: 0 !important;
  color: var(--ts3-text) !important;
}

header.header .search .btn {
  color: var(--ts3-muted) !important;
}

header.header .search:focus-within {
  border-color: var(--ts3-accent) !important;
  box-shadow: 0 0 0 3px var(--ts3-accent-soft) !important;
}

header.header .search .form-control::placeholder {
  color: var(--ts3-muted) !important;
}

/* Toolbar (sepet butonu) */
header.header .toolbar .nav-link {
  border-color: var(--ts3-line) !important;
  color: var(--ts3-muted) !important;
  border-radius: var(--ts3-radius) !important;
}

header.header .toolbar .nav-link:hover {
  color: var(--ts3-accent) !important;
  border-color: var(--ts3-accent) !important;
  background: var(--ts3-accent-soft) !important;
}

header.header .toolbar .nav-link .badge {
  background: var(--ts3-accent) !important;
  color: #050814 !important;
}

/* Ana navbar (menü çubuğu) */
header.header .main-navbar-wrapper {
  background: rgba(5, 8, 20, 0.88) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-bottom: 1px solid var(--ts3-line) !important;
  padding: 0 !important;
}

header.header .navbar a,
header.header .navbar-nav a {
  color: var(--ts3-muted) !important;
}

#nav .nav-link,
header.header .navbar-nav .nav-link {
  color: var(--ts3-muted) !important;
  font-weight: 600 !important;
  font-size: 0.88rem !important;
  border-radius: var(--ts3-radius) !important;
  padding: 10px 14px !important;
  transition: color 0.2s, background 0.2s !important;
}

#nav .nav-link:hover,
header.header .navbar-nav .nav-link:hover,
header.header .navbar-nav .nav-link.active,
header.header .navbar-nav .show > .nav-link {
  color: var(--ts3-accent) !important;
  background: var(--ts3-accent-soft) !important;
}

header.header .dropdown-item.active,
header.header .dropdown-item:active {
  background-color: var(--ts3-accent-soft) !important;
  color: var(--ts3-accent) !important;
}

/* Dropdown menü — z-index fix + dark stil */
header.header .dropdown-menu,
.navbar .dropdown-menu,
.dropdown-menu {
  background-color: var(--ts3-surface) !important;
  border: 1px solid var(--ts3-line) !important;
  border-radius: var(--ts3-radius) !important;
  box-shadow: var(--ts3-shadow) !important;
  z-index: 1060 !important;
  padding: 6px !important;
}

/* Dropdown item — tek katmanlı hover (Bootstrap default'u tamamen sıfırla) */
.dropdown-item,
.dropdown-item:link,
.dropdown-item:visited {
  color: var(--ts3-muted) !important;
  font-size: 0.88rem !important;
  border-radius: 6px !important;
  padding: 8px 14px !important;
  background-color: transparent !important;
  transition: background-color 0.15s, color 0.15s !important;
}

/* navbar.tpl: <li class="dropdown-item"> içinde <a class="dropdown-item"> var.
   li'yi görsel olarak sıfırla — çift kutu efektini önle */
.dropdown-menu > li.dropdown-item {
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.dropdown-menu > li.dropdown-item > a.dropdown-item {
  display: block !important;
  padding: 8px 14px !important;
  border-radius: 6px !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
  background-color: var(--ts3-accent-soft) !important;
  color: var(--ts3-accent) !important;
  text-decoration: none !important;
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: var(--ts3-accent-soft) !important;
  color: var(--ts3-accent) !important;
}

.dropdown-item.disabled,
.dropdown-item:disabled {
  color: rgba(166, 184, 210, 0.35) !important;
  background-color: transparent !important;
}

.dropdown-divider {
  border-color: var(--ts3-line) !important;
  margin: 4px 0 !important;
}

/* ============================================================
   4. BREADCRUMB
   ============================================================ */
.master-breadcrumb {
  background-color: rgba(5, 8, 20, 0.7) !important;
  border-bottom: 1px solid var(--ts3-line) !important;
}

.master-breadcrumb .breadcrumb {
  background: transparent !important;
}

.breadcrumb-item a {
  color: var(--ts3-muted) !important;
  font-size: 0.82rem !important;
}

.breadcrumb-item a:hover {
  color: var(--ts3-accent) !important;
}

.breadcrumb-item.active {
  color: var(--ts3-accent-2) !important;
  font-size: 0.82rem !important;
}

.breadcrumb-item + .breadcrumb-item::before {
  color: rgba(148, 210, 255, 0.3) !important;
}

/* ============================================================
   5. ANA İÇERİK
   ============================================================ */
#main-body {
  padding: 28px 0 48px;
}

/* Giriş / kayıt kartları merkezi */
.primary-content .card,
.primary-content .mc-promo-manage,
.primary-content .mc-promo-login {
  background: var(--ts3-surface) !important;
  border: 1px solid var(--ts3-line) !important;
  border-radius: var(--ts3-radius) !important;
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.45) !important;
  color: var(--ts3-text) !important;
}

.primary-content .card-title,
.primary-content .mc-promo-manage .panel-heading h3,
.primary-content .mc-promo-login .panel-heading h3,
.primary-content .promo-container .header h3 {
  color: var(--ts3-text) !important;
  font-family: var(--ts3-font) !important;
  font-weight: 700 !important;
}

/* ============================================================
   6. KARTLAR / PANELLER
   ============================================================ */
.card {
  background: var(--ts3-surface) !important;
  border: 1px solid var(--ts3-line) !important;
  border-radius: var(--ts3-radius) !important;
  color: var(--ts3-text) !important;
}

.card-header {
  background: var(--ts3-surface-2) !important;
  border-bottom: 1px solid var(--ts3-line) !important;
  color: var(--ts3-text) !important;
  font-weight: 600 !important;
}

.card-footer {
  background: var(--ts3-surface-2) !important;
  border-top: 1px solid var(--ts3-line) !important;
}

.card-title {
  color: var(--ts3-text) !important;
  font-family: var(--ts3-font) !important;
  font-weight: 700 !important;
}

.panel {
  background: var(--ts3-surface) !important;
  border: 1px solid var(--ts3-line) !important;
  border-radius: var(--ts3-radius) !important;
}

.panel-heading {
  background: var(--ts3-surface-2) !important;
  border-bottom: 1px solid var(--ts3-line) !important;
  color: var(--ts3-text) !important;
}

.panel-body {
  color: var(--ts3-text) !important;
}

.well {
  background: var(--ts3-surface-2) !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-text) !important;
}

/* ============================================================
   7. SIDEBAR
   ============================================================ */
.sidebar .card {
  background: var(--ts3-surface) !important;
  border: 1px solid var(--ts3-line) !important;
}

.sidebar .list-group-item {
  background: transparent !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-muted) !important;
  font-size: 0.88rem !important;
  transition: background 0.15s, color 0.15s !important;
}

.sidebar .list-group-item:hover,
.sidebar .list-group-item.active {
  background: var(--ts3-accent-soft) !important;
  color: var(--ts3-accent) !important;
  border-color: var(--ts3-line) !important;
}

.sidebar .card-header {
  background: var(--ts3-surface-2) !important;
  border-bottom: 1px solid var(--ts3-line) !important;
  color: var(--ts3-muted) !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

/* ============================================================
   8. BUTONLAR
   ============================================================ */
.btn-primary {
  background: linear-gradient(135deg, #38bdf8, #0ea5e9) !important;
  border-color: transparent !important;
  color: #050814 !important;
  font-weight: 700 !important;
  box-shadow: 0 6px 20px rgba(56, 189, 248, 0.25) !important;
  transition: background 0.2s, box-shadow 0.2s, transform 0.15s !important;
}

.btn-primary:hover,
.btn-primary:focus {
  background: linear-gradient(135deg, #7dd3fc, #38bdf8) !important;
  border-color: transparent !important;
  color: #050814 !important;
  box-shadow: 0 10px 28px rgba(56, 189, 248, 0.38) !important;
  transform: translateY(-1px) !important;
}

.btn-default,
.btn-secondary {
  background: var(--ts3-surface-2) !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-text) !important;
  font-weight: 600 !important;
}

.btn-default:hover,
.btn-secondary:hover {
  background: var(--ts3-surface) !important;
  border-color: var(--ts3-accent) !important;
  color: var(--ts3-accent) !important;
}

.btn-success {
  background: linear-gradient(135deg, #2dd4bf, #0d9488) !important;
  border-color: transparent !important;
  color: #050814 !important;
  font-weight: 700 !important;
}

.btn-danger {
  background: linear-gradient(135deg, #f87171, #dc2626) !important;
  border-color: transparent !important;
  color: #fff !important;
  font-weight: 700 !important;
}

.btn-warning {
  background: linear-gradient(135deg, #fbbf24, #d97706) !important;
  border-color: transparent !important;
  color: #050814 !important;
  font-weight: 700 !important;
}

.btn-info {
  background: var(--ts3-accent-soft) !important;
  border: 1px solid var(--ts3-accent) !important;
  color: var(--ts3-accent) !important;
  font-weight: 600 !important;
}

.btn-info:hover {
  background: var(--ts3-accent) !important;
  color: #050814 !important;
}

.btn-link {
  color: var(--ts3-accent) !important;
}

.btn-link:hover {
  color: var(--ts3-accent-2) !important;
}

/* Şifre göster/gizle */
.input-group .btn-reveal-pw:hover,
.input-group .btn-reveal-pw:active {
  background-color: var(--ts3-surface-2) !important;
  color: var(--ts3-accent) !important;
  border-color: var(--ts3-line) !important;
}

/* Admin geri dön butonu */
.btn-return-to-admin {
  background-color: rgba(56, 189, 248, 0.12) !important;
  color: var(--ts3-accent) !important;
}

.btn-return-to-admin:hover {
  background-color: rgba(56, 189, 248, 0.22) !important;
  color: var(--ts3-accent-2) !important;
}

/* ============================================================
   9. FORMLAR
   ============================================================ */
.form-control {
  background: var(--ts3-surface) !important;
  border: 1px solid var(--ts3-line) !important;
  border-radius: var(--ts3-radius) !important;
  color: var(--ts3-text) !important;
}

.form-control:focus {
  background: var(--ts3-surface-2) !important;
  border-color: var(--ts3-accent) !important;
  box-shadow: 0 0 0 3px var(--ts3-accent-soft) !important;
  color: var(--ts3-text) !important;
}

.form-control::placeholder {
  color: var(--ts3-muted) !important;
  opacity: 0.7 !important;
}

.form-control:disabled,
.form-control[readonly] {
  background: rgba(5, 8, 20, 0.6) !important;
  color: var(--ts3-muted) !important;
}

.input-group-text {
  background: var(--ts3-surface-2) !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-muted) !important;
}

label,
.form-label,
.control-label {
  color: var(--ts3-muted) !important;
  font-size: 0.85rem !important;
  font-weight: 600 !important;
}

.custom-control-label::before {
  background-color: var(--ts3-surface-2) !important;
  border-color: var(--ts3-line) !important;
}

.custom-control-input:checked ~ .custom-control-label::before {
  background-color: var(--ts3-accent) !important;
  border-color: var(--ts3-accent) !important;
}

/* ============================================================
   10. TABLOLAR
   ============================================================ */
.table {
  color: var(--ts3-text) !important;
}

.table th,
thead.thead-light th {
  background: var(--ts3-surface-2) !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-muted) !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
}

.table td {
  border-color: var(--ts3-line) !important;
  color: var(--ts3-text) !important;
  vertical-align: middle !important;
}

.table-striped tbody tr:nth-of-type(odd) {
  background: rgba(16, 34, 69, 0.35) !important;
}

.table-hover tbody tr:hover {
  background: var(--ts3-accent-soft) !important;
  color: var(--ts3-text) !important;
}

.table-bordered,
.table-bordered th,
.table-bordered td {
  border-color: var(--ts3-line) !important;
}

/* ============================================================
   11. ALERT / BİLDİRİMLER
   ============================================================ */
.alert {
  border-radius: var(--ts3-radius) !important;
}

.alert-success {
  background: rgba(45, 212, 191, 0.10) !important;
  border-color: rgba(45, 212, 191, 0.3) !important;
  color: #2dd4bf !important;
}

.alert-danger,
.alert-error {
  background: rgba(248, 113, 113, 0.10) !important;
  border-color: rgba(248, 113, 113, 0.3) !important;
  color: var(--ts3-red) !important;
}

.alert-warning {
  background: rgba(251, 191, 36, 0.10) !important;
  border-color: rgba(251, 191, 36, 0.3) !important;
  color: var(--ts3-amber) !important;
}

.alert-info {
  background: var(--ts3-accent-soft) !important;
  border-color: rgba(56, 189, 248, 0.3) !important;
  color: var(--ts3-accent-2) !important;
}

/* ============================================================
   12. BADGE
   ============================================================ */
.badge-primary  { background: var(--ts3-accent) !important;    color: #050814 !important; }
.badge-success  { background: var(--ts3-green)  !important;    color: #050814 !important; }
.badge-warning  { background: var(--ts3-amber)  !important;    color: #050814 !important; }
.badge-danger   { background: var(--ts3-red)    !important;    color: #fff    !important; }
.badge-info     { background: var(--ts3-accent-2) !important;  color: #050814 !important; }
.badge-secondary {
  background: var(--ts3-surface-2) !important;
  color: var(--ts3-muted) !important;
  border: 1px solid var(--ts3-line) !important;
}

/* ============================================================
   13. MODAL
   ============================================================ */
.modal .modal-content {
  background: var(--ts3-surface) !important;
  border: 1px solid var(--ts3-line) !important;
  border-radius: var(--ts3-radius) !important;
  box-shadow: var(--ts3-shadow) !important;
  color: var(--ts3-text) !important;
}

.modal .modal-header {
  background: var(--ts3-surface-2) !important;
  border-bottom: 1px solid var(--ts3-line) !important;
  border-radius: var(--ts3-radius) var(--ts3-radius) 0 0 !important;
}

.modal-title {
  color: var(--ts3-text) !important;
  font-family: var(--ts3-font) !important;
  font-weight: 700 !important;
}

.modal .modal-footer {
  background: var(--ts3-surface-2) !important;
  border-top: 1px solid var(--ts3-line) !important;
}

.modal-header .close {
  color: var(--ts3-muted) !important;
  text-shadow: none !important;
  opacity: 0.8 !important;
}

.modal-header .close:hover {
  color: var(--ts3-text) !important;
  opacity: 1 !important;
}

.modal-backdrop {
  background-color: #050814 !important;
}

.modal-backdrop.show {
  opacity: 0.85 !important;
}

/* Dil/Para birimi modal */
.modal-localisation .modal-content {
  background-color: var(--ts3-bg-soft, #071227) !important;
}

.modal-localisation .h5 {
  color: var(--ts3-text) !important;
}

.modal-localisation .item-selector .item {
  background: var(--ts3-surface) !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-muted) !important;
  border-radius: var(--ts3-radius) !important;
}

.modal-localisation .item-selector .item:hover,
.modal-localisation .item-selector .item.active {
  background: var(--ts3-accent-soft) !important;
  border-color: var(--ts3-accent) !important;
  color: var(--ts3-accent) !important;
}

/* ============================================================
   14. FOOTER
   ============================================================ */
footer.footer {
  background-color: rgba(3, 7, 18, 0.98) !important;
  border-top: 1px solid var(--ts3-line) !important;
  color: var(--ts3-muted) !important;
  padding: 48px 0 60px !important;
  position: relative;
}

footer.footer::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--ts3-accent), transparent);
  opacity: 0.4;
}

footer.footer .nav-link {
  color: var(--ts3-muted) !important;
  font-size: 0.85rem !important;
  padding: 4px 14px !important;
  transition: color 0.15s !important;
}

footer.footer .nav-link:hover {
  color: var(--ts3-accent) !important;
}

footer.footer .btn {
  background-color: var(--ts3-surface-2) !important;
  border: 1px solid var(--ts3-line) !important;
  color: var(--ts3-muted) !important;
  border-radius: var(--ts3-radius) !important;
}

footer.footer .btn:hover {
  background-color: var(--ts3-accent-soft) !important;
  border-color: var(--ts3-accent) !important;
  color: var(--ts3-accent) !important;
}

footer.footer .copyright,
footer.footer .notices {
  color: rgba(166, 184, 210, 0.45) !important;
  font-size: 0.78rem !important;
}

/* Footer iç düzen */
.ts3-footer-inner {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 40px;
  padding-bottom: 36px;
  border-bottom: 1px solid var(--ts3-line);
  margin-bottom: 24px;
}

@media (max-width: 768px) {
  .ts3-footer-inner {
    grid-template-columns: 1fr;
    gap: 28px;
  }
}

.ts3-footer-logo {
  max-height: 36px;
  width: auto;
  margin-bottom: 12px;
  display: block;
}

.ts3-footer-tagline {
  color: rgba(166, 184, 210, 0.55) !important;
  font-size: 0.82rem !important;
  margin: 0 !important;
  line-height: 1.6 !important;
}

.ts3-footer-nav .nav-link {
  color: var(--ts3-muted) !important;
  font-size: 0.85rem !important;
  padding: 5px 0 !important;
  transition: color 0.15s !important;
}

.ts3-footer-nav .nav-link:hover {
  color: var(--ts3-accent) !important;
}

.ts3-lang-btn {
  background: var(--ts3-surface-2) !important;
  border: 1px solid var(--ts3-line) !important;
  color: var(--ts3-muted) !important;
  border-radius: var(--ts3-radius) !important;
  font-size: 0.82rem !important;
  padding: 6px 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.ts3-lang-btn:hover {
  border-color: var(--ts3-accent) !important;
  color: var(--ts3-accent) !important;
}

.ts3-social-list {
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.ts3-social-list .list-inline-item {
  margin: 0 !important;
}

footer.footer .btn-icon {
  background: var(--ts3-surface-2) !important;
  border: 1px solid var(--ts3-line) !important;
  color: var(--ts3-muted) !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: var(--ts3-radius) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background 0.15s, border-color 0.15s, color 0.15s !important;
}

footer.footer .btn-icon:hover {
  background: var(--ts3-accent-soft) !important;
  border-color: var(--ts3-accent) !important;
  color: var(--ts3-accent) !important;
}

.ts3-footer-heading {
  color: var(--ts3-text) !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  margin-bottom: 14px !important;
  opacity: 0.6;
}

.ts3-footer-bottom {
  text-align: center;
}

/* ============================================================
   15. PAGİNASYON
   ============================================================ */
.page-link {
  background-color: var(--ts3-surface) !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-muted) !important;
}

.page-link:hover {
  background-color: var(--ts3-accent-soft) !important;
  border-color: var(--ts3-accent) !important;
  color: var(--ts3-accent) !important;
}

.page-item.active .page-link {
  background-color: var(--ts3-accent) !important;
  border-color: var(--ts3-accent) !important;
  color: #050814 !important;
  font-weight: 700 !important;
}

.page-item.disabled .page-link {
  background-color: var(--ts3-surface) !important;
  border-color: var(--ts3-line) !important;
  color: rgba(166, 184, 210, 0.25) !important;
}

/* ============================================================
   16. LIST GROUP
   ============================================================ */
.list-group-item {
  background-color: var(--ts3-surface) !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-text) !important;
}

.list-group-item.active {
  background-color: var(--ts3-accent-soft) !important;
  border-color: var(--ts3-accent) !important;
  color: var(--ts3-accent) !important;
}

.list-group-item:hover {
  background-color: var(--ts3-surface-2) !important;
  color: var(--ts3-text) !important;
}

/* ============================================================
   17. PROGRESS BAR
   ============================================================ */
.progress {
  background-color: var(--ts3-surface-2) !important;
  border-radius: var(--ts3-radius) !important;
  height: 6px !important;
}

.progress-bar {
  background: linear-gradient(90deg, var(--ts3-accent), var(--ts3-accent-2)) !important;
}

/* ============================================================
   18. YARDIMCI SINIFLAR
   ============================================================ */
.text-muted     { color: var(--ts3-muted)  !important; }
.text-primary   { color: var(--ts3-accent) !important; }
.text-success   { color: var(--ts3-green)  !important; }
.text-danger    { color: var(--ts3-red)    !important; }
.text-warning   { color: var(--ts3-amber)  !important; }

.bg-primary { background: var(--ts3-accent)    !important; color: #050814 !important; }
.bg-light   { background: var(--ts3-surface-2) !important; }
.bg-white   { background: var(--ts3-surface)   !important; }

.border,
.border-top,
.border-bottom,
.border-left,
.border-right { border-color: var(--ts3-line) !important; }

hr { border-color: var(--ts3-line) !important; }

a { color: var(--ts3-accent) !important; }
a:hover { color: var(--ts3-accent-2) !important; text-decoration: none !important; }

h1, h2, h3, h4, h5, h6 {
  font-family: var(--ts3-font) !important;
  color: var(--ts3-text) !important;
}

/* ============================================================
   19. SCROLLBAR (Webkit)
   ============================================================ */
::-webkit-scrollbar       { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: var(--ts3-bg); }
::-webkit-scrollbar-thumb { background: var(--ts3-surface-2); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: rgba(56, 189, 248, 0.3); }

/* ============================================================
   20. POPOVER / TOOLTIP
   ============================================================ */
.popover {
  background-color: var(--ts3-surface) !important;
  border-color: var(--ts3-line) !important;
  border-radius: var(--ts3-radius) !important;
  box-shadow: var(--ts3-shadow) !important;
}

.popover-header {
  background-color: var(--ts3-surface-2) !important;
  border-bottom-color: var(--ts3-line) !important;
  color: var(--ts3-text) !important;
}

.popover-body {
  color: var(--ts3-text) !important;
}

.tooltip .tooltip-inner {
  background-color: var(--ts3-surface-2) !important;
  color: var(--ts3-text) !important;
  font-size: 0.78rem !important;
  border: 1px solid var(--ts3-line) !important;
}

/* ============================================================
   21. DASHBOARD STAT TİLELERİ
   ============================================================ */
.tiles .tile {
  background-color: var(--ts3-surface) !important;
  border-right: 1px solid var(--ts3-line) !important;
  color: var(--ts3-text) !important;
}

.tiles .tile:hover {
  background-color: var(--ts3-surface-2) !important;
}

.tiles .tile .stat {
  color: var(--ts3-accent-2) !important;
  font-weight: 700 !important;
}

.tiles .tile .title {
  color: var(--ts3-muted) !important;
}

.tiles .tile i {
  color: rgba(56, 189, 248, 0.12) !important;
}

.tiles .tile:hover i {
  color: rgba(56, 189, 248, 0.25) !important;
}

.tiles .row > div:last-child .tile {
  border: 0 !important;
}

/* ============================================================
   22. MARKDOWN EDİTÖR
   ============================================================ */
.md-editor {
  border: 1px solid var(--ts3-line) !important;
  border-radius: var(--ts3-radius) !important;
  background: var(--ts3-surface) !important;
}

.md-editor > .btn-toolbar {
  background-color: var(--ts3-surface-2) !important;
  border-bottom: 1px solid var(--ts3-line) !important;
}

.md-editor > .btn-toolbar .btn,
.md-editor .btn-toolbar .btn-group .btn {
  background: transparent !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-muted) !important;
}

.md-editor > .btn-toolbar .btn:hover,
.md-editor .btn-toolbar .btn-group .btn:hover {
  background: var(--ts3-accent-soft) !important;
  color: var(--ts3-accent) !important;
}

.md-editor > textarea.markdown-editor,
.md-editor > .md-preview {
  background-color: var(--ts3-surface) !important;
  border-top: 1px solid var(--ts3-line) !important;
  border-bottom: 1px solid var(--ts3-line) !important;
  color: var(--ts3-text) !important;
}

div.md-editor.active {
  border-color: var(--ts3-accent) !important;
  box-shadow: 0 0 0 3px var(--ts3-accent-soft) !important;
}

.markdown-editor-status {
  color: var(--ts3-muted) !important;
  background: var(--ts3-surface-2) !important;
}

.md-preview h1, .md-preview h2, .md-preview h3,
.markdown-content h1, .markdown-content h2, .markdown-content h3 {
  color: var(--ts3-text) !important;
}

/* ============================================================
   23. SEPETİ / SİPARİŞ CONFIGURE SAYFASI
   ============================================================ */
.store-order-container .store-domain-tabs li a {
  background-color: var(--ts3-surface-2) !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-muted) !important;
  border-radius: var(--ts3-radius) var(--ts3-radius) 0 0 !important;
}

.store-order-container .store-domain-tabs li.active a,
.store-order-container .store-domain-tabs .nav-link.active {
  background-color: var(--ts3-surface) !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-accent) !important;
  border-bottom: 1px solid transparent !important;
}

.store-order-container .store-domain-tab-content {
  background: var(--ts3-surface) !important;
  border: 1px solid var(--ts3-line) !important;
  color: var(--ts3-text) !important;
}

.store-order-container .store-domain-tab-content a {
  color: var(--ts3-accent) !important;
}

.store-order-container .payment-term h4,
.store-order-container h2,
.store-order-container h3 {
  color: var(--ts3-text) !important;
}

/* bg-white override (order tab content vb.) */
.bg-white,
.tab-content.bg-white,
.store-domain-tab-content.bg-white {
  background-color: var(--ts3-surface) !important;
  color: var(--ts3-text) !important;
}

/* Nav tabs (store) */
.nav-tabs {
  border-bottom-color: var(--ts3-line) !important;
}

.nav-tabs .nav-link {
  color: var(--ts3-muted) !important;
  border-color: var(--ts3-line) var(--ts3-line) transparent !important;
  border-radius: var(--ts3-radius) var(--ts3-radius) 0 0 !important;
}

.nav-tabs .nav-link:hover {
  color: var(--ts3-accent) !important;
  border-color: var(--ts3-line) !important;
  background: var(--ts3-accent-soft) !important;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  background-color: var(--ts3-surface) !important;
  border-color: var(--ts3-line) var(--ts3-line) var(--ts3-surface) !important;
  color: var(--ts3-accent) !important;
}

/* ============================================================
   24. DOSYA YÜKLEME
   ============================================================ */
input[type="file"].form-control,
.custom-file-input ~ .custom-file-label {
  background: var(--ts3-surface) !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-muted) !important;
}

.custom-file-label::after {
  background: var(--ts3-surface-2) !important;
  border-left-color: var(--ts3-line) !important;
  color: var(--ts3-muted) !important;
}

/* ============================================================
   25. DATATABLE
   ============================================================ */

/* Tablo sarıcı ve arama kutusu */
.dataTables_wrapper .dataTables_filter label .form-control {
  background-color: var(--ts3-surface) !important;
  background-image: none !important;
  border: 1px solid var(--ts3-line) !important;
  color: var(--ts3-text) !important;
  padding: 7px 12px !important;
}

.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_length .form-control {
  background-color: var(--ts3-surface) !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-text) !important;
}

.dataTables_wrapper .dataTables_info {
  color: var(--ts3-muted) !important;
  font-size: 0.82rem !important;
}

/* table-list genel */
.dataTables_wrapper table.table-list {
  border: 1px solid var(--ts3-line) !important;
  border-radius: var(--ts3-radius) !important;
}

/* Başlık satırı */
table.table-list thead th,
.dataTables_wrapper table.table-list thead th {
  background-color: var(--ts3-surface-2) !important;
  border-bottom: 2px solid var(--ts3-line) !important;
  color: var(--ts3-muted) !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
}

/* Sıralama aktif başlık */
.dataTables_wrapper table.table-list thead th.sorting_asc,
.dataTables_wrapper table.table-list thead th.sorting_desc {
  background-color: var(--ts3-surface) !important;
  color: var(--ts3-accent) !important;
}

/* Sorting ikonları */
table.dataTable thead .sorting::after,
table.dataTable thead .sorting_asc::after,
table.dataTable thead .sorting_desc::after,
table.dataTable thead .sorting_asc_disabled::after,
table.dataTable thead .sorting_desc_disabled::after {
  color: var(--ts3-muted) !important;
  opacity: 0.5;
}

/* Veri hücreleri */
.table-list > tbody > tr > td {
  background-color: var(--ts3-surface) !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-text) !important;
}

/* Hover satır */
.table-list > tbody > tr:hover > td {
  background-color: var(--ts3-accent-soft) !important;
  color: var(--ts3-text) !important;
}

/* Boş durum satırı */
.dataTables_empty,
table.table-list tbody td.dataTables_empty {
  background-color: var(--ts3-surface) !important;
  color: var(--ts3-muted) !important;
  text-align: center !important;
  padding: 32px !important;
}

/* Zebra striping */
table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd {
  background-color: rgba(16, 34, 69, 0.35) !important;
}

table.dataTable.stripe tbody tr.odd > .odd,
table.dataTable.display tbody tr.odd > .odd {
  background-color: rgba(16, 34, 69, 0.35) !important;
}

/* Açılır detay satırı (responsive) */
table.dataTable tbody tr.child {
  background: var(--ts3-surface-2) !important;
}

table.dataTable tbody td.child {
  background: var(--ts3-surface-2) !important;
  border-top: 1px solid var(--ts3-line) !important;
}

/* Diğer tablo varyantları */
table.table-solid-bottom-border-light-gray {
  border-bottom-color: var(--ts3-line) !important;
}

.table-list > tbody > tr > td a.border-left {
  border-left-color: var(--ts3-line) !important;
}

/* ============================================================
   26. ORDERFORM / CONFIGURE SAYFASI (derin)
   ============================================================ */

/* ─── standard_cart / standart_cart taban override ────────── */
#order-standard_cart {
  color: var(--ts3-text) !important;
}

#order-standard_cart .cart-sidebar,
#order-standard_cart .secondary-cart-sidebar {
  background: var(--ts3-surface) !important;
  border: 1px solid var(--ts3-line) !important;
  border-radius: var(--ts3-radius) !important;
  color: var(--ts3-text) !important;
}

#order-standard_cart .cart-sidebar h3,
#order-standard_cart .sidebar-collapsed h3 {
  color: var(--ts3-text) !important;
  border-bottom: 1px solid var(--ts3-line) !important;
}

#order-standard_cart .cart-sidebar .list-group-item {
  background: transparent !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-text) !important;
}

#order-standard_cart .sub-heading,
#order-standard_cart .sub-heading-borderless {
  background: var(--ts3-surface-2) !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-text) !important;
}

#order-standard_cart .sub-heading span,
#order-standard_cart .sub-heading-borderless span {
  color: var(--ts3-accent-2) !important;
  background: transparent !important;
}

#order-standard_cart .products,
#order-standard_cart .product {
  background: var(--ts3-surface) !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-text) !important;
}

#order-standard_cart .product:hover {
  background: var(--ts3-surface-2) !important;
}

#order-standard_cart label,
#order-standard_cart p.domain-renewal-desc,
#order-standard_cart .info-text-sm {
  color: var(--ts3-muted) !important;
}

#order-standard_cart .field-container {
  background: var(--ts3-surface) !important;
  border-color: var(--ts3-line) !important;
}

/* standard_cart all.css'de #order-standard_cart .field/.form-control { background:#fff }
   aynı spesifiklik seviyesinde !important ile ezdik */
#order-standard_cart .field,
#order-standard_cart .form-control,
#order-standard_cart textarea.field,
#order-standard_cart textarea {
  background-color: var(--ts3-surface) !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-text) !important;
}

#order-standard_cart .field:focus,
#order-standard_cart .form-control:focus,
#order-standard_cart textarea:focus {
  border-color: var(--ts3-accent) !important;
  box-shadow: 0 0 0 3px var(--ts3-accent-soft) !important;
  outline: none !important;
}

#order-standard_cart .field[disabled],
#order-standard_cart .field[readonly],
#order-standard_cart .form-control[disabled],
#order-standard_cart .form-control[readonly] {
  background-color: rgba(5, 8, 20, 0.6) !important;
  color: var(--ts3-muted) !important;
}

/* sub-heading span.primary-bg-color — bölüm başlığı çizgi efekti */
.sub-heading span.primary-bg-color,
.sub-heading-borderless span.primary-bg-color {
  background-color: var(--ts3-bg) !important;
}

.primary-bg-color:not(body):not(.primary-content):not(.sidebar) {
  background-color: var(--ts3-bg) !important;
}

#order-standard_cart .nav-tabs {
  border-bottom-color: var(--ts3-line) !important;
}

#order-standard_cart .nav-tabs .nav-link {
  background: var(--ts3-surface-2) !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-muted) !important;
}

#order-standard_cart .nav-tabs .nav-link.active {
  background: var(--ts3-surface) !important;
  border-bottom-color: var(--ts3-surface) !important;
  color: var(--ts3-accent) !important;
}

#order-standard_cart .tab-content,
#order-standard_cart .tab-pane {
  background: var(--ts3-surface) !important;
  border: 1px solid var(--ts3-line) !important;
  color: var(--ts3-text) !important;
}

#order-standard_cart .billing-cycle-group .btn,
#order-standard_cart .payment-term .btn {
  background: var(--ts3-surface-2) !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-muted) !important;
}

#order-standard_cart .billing-cycle-group .btn.active,
#order-standard_cart .billing-cycle-group .btn.selected,
#order-standard_cart .payment-term .btn.active {
  background: var(--ts3-accent) !important;
  border-color: var(--ts3-accent) !important;
  color: #050814 !important;
  font-weight: 700 !important;
}

#order-standard_cart hr {
  border-color: var(--ts3-line) !important;
}

#order-standard_cart .domain-available {
  background: rgba(45, 212, 191, 0.10) !important;
  border-color: rgba(45, 212, 191, 0.3) !important;
  color: #2dd4bf !important;
}

#order-standard_cart .domain-unavailable {
  background: rgba(248, 113, 113, 0.10) !important;
  border-color: rgba(248, 113, 113, 0.3) !important;
  color: var(--ts3-red) !important;
}

/* ─── Sipariş özeti sidebar kartı ────────────────────────── */
/* Sipariş özeti sidebar kartı */
.order-summary,
.summary-container,
#summaryContainer {
  background: var(--ts3-surface) !important;
  border: 1px solid var(--ts3-line) !important;
  border-radius: var(--ts3-radius) !important;
  color: var(--ts3-text) !important;
}

/* Addon seçenekleri */
.addon-options,
.addons-container,
#addons-container {
  background: var(--ts3-surface) !important;
  color: var(--ts3-text) !important;
}

/* Config fields (ürün konfigürasyon alanı) */
#configfields,
.configfields,
.config-fields,
#configcontainer,
#configcontainer2 {
  background: var(--ts3-surface) !important;
  border: 1px solid var(--ts3-line) !important;
  border-radius: var(--ts3-radius) !important;
  color: var(--ts3-text) !important;
}

/* Sipariş formu içindeki beyaz kutular */
.store-order-container .card,
.store-order-container .well,
.store-order-container .panel {
  background: var(--ts3-surface) !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-text) !important;
}

/* Payment term seçimi */
.payment-term .btn-group .btn {
  background: var(--ts3-surface-2) !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-muted) !important;
}

.payment-term .btn-group .btn.active,
.payment-term .btn-group .btn:active {
  background: var(--ts3-accent) !important;
  border-color: var(--ts3-accent) !important;
  color: #050814 !important;
  font-weight: 700 !important;
}

/* Responsive tab connector (store) */
.responsive-tabs-sm-connector {
  border-color: var(--ts3-line) !important;
}

.responsive-tabs-sm-connector .channel {
  background: var(--ts3-line) !important;
}

/* Fieldset ve legend */
fieldset {
  border: 1px solid var(--ts3-line) !important;
  border-radius: var(--ts3-radius) !important;
}

legend {
  color: var(--ts3-muted) !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  background: transparent !important;
  padding: 0 8px !important;
}

/* hr ve separator */
hr,
.separator {
  border-color: var(--ts3-line) !important;
}

/* Sipariş sayfası - configcontainer iç div'ler */
#configcontainer .form-group label,
#configcontainer2 .form-group label {
  color: var(--ts3-muted) !important;
}

/* Checkout info mesaj kutusu */
.checkout-info,
.notice-info {
  background: var(--ts3-accent-soft) !important;
  border: 1px solid rgba(56, 189, 248, 0.3) !important;
  color: var(--ts3-accent-2) !important;
  border-radius: var(--ts3-radius) !important;
}

/* ============================================================
   27. OVERLAY / YÜKLENİYOR
   ============================================================ */
#fullpage-overlay {
  background: rgba(5, 8, 20, 0.92) !important;
  backdrop-filter: blur(8px) !important;
}

/* ============================================================
   28. CUSTOM FILE INPUT
   ============================================================ */
.custom-file-label {
  background-color: var(--ts3-surface) !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-muted) !important;
}

.custom-file-label::after {
  background-color: var(--ts3-surface-2) !important;
  border-left-color: var(--ts3-line) !important;
  color: var(--ts3-muted) !important;
}

.custom-file-input:focus ~ .custom-file-label {
  border-color: var(--ts3-accent) !important;
  box-shadow: 0 0 0 3px var(--ts3-accent-soft) !important;
}

/* ============================================================
   29. DROPDOWN ACTIVE STATE
   ============================================================ */
.dropdown-item.active,
.dropdown-item:active,
header.header .dropdown-item.active,
header.header .dropdown-item:active,
.navbar .dropdown-item.active,
.navbar .dropdown-item:active {
  background-color: var(--ts3-accent-soft) !important;
  color: var(--ts3-accent) !important;
}

/* ============================================================
   30. CUSTOM SELECT
   ============================================================ */
.custom-select {
  background-color: var(--ts3-surface) !important;
  /* SVG ok ikonunu açık renge çevir */
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23a6b8d2' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") !important;
  background-repeat: no-repeat !important;
  background-position: right 0.75rem center !important;
  background-size: 8px 10px !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-text) !important;
}

.custom-select:focus {
  border-color: var(--ts3-accent) !important;
  box-shadow: 0 0 0 3px var(--ts3-accent-soft) !important;
}

.custom-select:disabled {
  background-color: rgba(5, 8, 20, 0.6) !important;
  color: var(--ts3-muted) !important;
}

/* ============================================================
   31. PROMO CONTAINER & BANNER
   ============================================================ */
.promo-container {
  background: var(--ts3-surface) !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-text) !important;
}

.promo-container .header {
  background: var(--ts3-surface-2) !important;
  border-bottom: 1px solid var(--ts3-line) !important;
}

.promo-container .header h3 {
  color: var(--ts3-text) !important;
}

.promo-banner {
  background: var(--ts3-surface) !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-text) !important;
}

.promo-banner .content {
  color: var(--ts3-muted) !important;
}

/* ============================================================
   32. DASHBOARD ACTION ICON BUTTONS
   ============================================================ */
.action-icon-btns a {
  background: var(--ts3-surface) !important;
  border: 1px solid var(--ts3-line) !important;
  color: var(--ts3-muted) !important;
  transition: background 0.15s, color 0.15s, border-color 0.15s !important;
}

.action-icon-btns a:hover {
  background: var(--ts3-accent-soft) !important;
  border-color: rgba(56, 189, 248, 0.4) !important;
  color: var(--ts3-accent) !important;
}

/* ============================================================
   33. HOME DOMAIN SEARCH
   ============================================================ */
.home-domain-search .input-group-wrapper {
  background: var(--ts3-surface) !important;
  border-color: var(--ts3-line) !important;
}

.home-domain-search .tld-card,
.home-domain-search .tld-cell {
  background: var(--ts3-surface) !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-text) !important;
}

/* ============================================================
   34. UPGRADE PAGE
   ============================================================ */
.upgrade .products .product {
  background: var(--ts3-surface) !important;
  border: 1px solid var(--ts3-line) !important;
  color: var(--ts3-text) !important;
}

.upgrade .products .product .current,
.upgrade .products .product .recommended {
  color: var(--ts3-accent) !important;
}

.upgrade .products .product .price {
  color: var(--ts3-accent-2) !important;
}

/* ============================================================
   35. REGISTRATION PAGE
   ============================================================ */

/* .field class — form-control olmayan inputlar (companyname, address2, password, vb.) */
#registration .field,
#registration .form-control {
  background: var(--ts3-surface) !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-text) !important;
}

#registration .field:focus,
#registration .form-control:focus {
  border-color: var(--ts3-accent) !important;
  box-shadow: 0 0 0 3px var(--ts3-accent-soft) !important;
  outline: none !important;
}

#registration .field[disabled],
#registration .field[readonly],
#registration .form-control[disabled],
#registration .form-control[readonly] {
  background: rgba(5, 8, 20, 0.6) !important;
  color: var(--ts3-muted) !important;
}

#registration .field-icon i {
  color: var(--ts3-muted) !important;
}

#registration .sub-heading {
  border-color: var(--ts3-line) !important;
}

#registration .sub-heading span {
  background-color: var(--ts3-bg) !important;
  color: var(--ts3-muted) !important;
}

/* ============================================================
   36. PRODUCT DETAILS TAB CONTENT
   ============================================================ */
div.product-details-tab-container {
  background: var(--ts3-surface) !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-text) !important;
}

/* ============================================================
   37. SIDEBAR BADGE
   ============================================================ */
.sidebar .list-group-item .badge {
  background: var(--ts3-surface-2) !important;
  color: var(--ts3-muted) !important;
  border: 1px solid var(--ts3-line) !important;
}

/* ============================================================
   38. MARKDOWN PREVIEW TABLE
   ============================================================ */
.md-preview table,
.markdown-content table {
  background: var(--ts3-surface) !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-text) !important;
}

.md-preview table th,
.markdown-content table th {
  background: var(--ts3-surface-2) !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-text) !important;
}

.md-preview table td,
.markdown-content table td {
  background: transparent !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-muted) !important;
}

/* ============================================================
   39. BADGE LIGHT
   ============================================================ */
.badge-light {
  background: var(--ts3-surface-2) !important;
  color: var(--ts3-muted) !important;
}

/* ============================================================
   40. REMAINING BOOTSTRAP LIGHT UTILITIES
   ============================================================ */
.jumbotron {
  background: var(--ts3-surface) !important;
  color: var(--ts3-text) !important;
}

/* thead-light (Bootstrap table light header) */
.table .thead-light th,
.table thead.thead-light th {
  background: var(--ts3-surface-2) !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-muted) !important;
}

/* ============================================================
   41. SELECTIZE WIDGET
   ============================================================ */
.selectize-input,
.selectize-control.single .selectize-input.input-active {
  background: var(--ts3-surface) !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-text) !important;
  box-shadow: none !important;
}

.selectize-input.full {
  background-color: var(--ts3-surface) !important;
}

.selectize-input.focus,
.selectize-input.dropdown-active {
  border-color: var(--ts3-accent) !important;
  box-shadow: 0 0 0 3px var(--ts3-accent-soft) !important;
}

.selectize-input.dropdown-active::before {
  background: var(--ts3-line) !important;
}

/* Seçili etiket (multi-select) */
.selectize-control.multi .selectize-input > div {
  background: var(--ts3-surface-2) !important;
  color: var(--ts3-text) !important;
  border-color: var(--ts3-line) !important;
}

.selectize-control.multi .selectize-input > div.active {
  background: var(--ts3-accent) !important;
  color: #050814 !important;
}

/* Dropdown listesi */
.selectize-dropdown {
  background: var(--ts3-surface) !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-text) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5) !important;
  z-index: 1070 !important;
}

.selectize-dropdown .option {
  color: var(--ts3-muted) !important;
}

.selectize-dropdown .active,
.selectize-dropdown [data-selectable]:hover {
  background: var(--ts3-accent-soft) !important;
  color: var(--ts3-accent) !important;
}

.selectize-dropdown .selected {
  background: rgba(56, 189, 248, 0.08) !important;
}

.selectize-dropdown-header {
  background: var(--ts3-surface-2) !important;
  border-bottom-color: var(--ts3-line) !important;
  color: var(--ts3-muted) !important;
}

.selectize-dropdown .optgroup-header {
  background: var(--ts3-surface-2) !important;
  color: var(--ts3-muted) !important;
}

.selectize-dropdown [data-selectable] .highlight {
  background: rgba(56, 189, 248, 0.2) !important;
}

/* ============================================================
   42. 2FA (İKİ FAKTÖRLÜ DOĞRULAMA)
   ============================================================ */
.twofa-setup .backup-code {
  background: var(--ts3-surface-2) !important;
  color: var(--ts3-text) !important;
  border: 1px solid var(--ts3-line) !important;
  border-radius: var(--ts3-radius) !important;
}

.twofa-setup .activation-msg {
  border-color: var(--ts3-line) !important;
  color: var(--ts3-muted) !important;
}

.twofa-module {
  background: var(--ts3-surface) !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-text) !important;
}

.twofa-module.active {
  border-color: var(--ts3-accent) !important;
  background: var(--ts3-accent-soft) !important;
}

/* ============================================================
   43. CLIENT HOME CARDS (YÖNETİM PANELI)
   ============================================================ */
.client-home-cards .card-header {
  background: var(--ts3-surface-2) !important;
  border-bottom-color: var(--ts3-line) !important;
  color: var(--ts3-text) !important;
}

/* ============================================================
   44. NOTIFICATION POPOVER
   ============================================================ */
.popover-user-notifications {
  background: var(--ts3-surface) !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-text) !important;
}

.popover-user-notifications ul li a {
  color: var(--ts3-muted) !important;
  border-bottom-color: var(--ts3-line) !important;
}

.popover-user-notifications ul li a:hover {
  background: var(--ts3-accent-soft) !important;
  color: var(--ts3-accent) !important;
}

/* ============================================================
   45. GLOBAL CATCH-ALL (son çare)
   ============================================================ */

/* Herhangi beyaz arka plan kalmışsa */
[style*="background-color: #fff"],
[style*="background-color:#fff"],
[style*="background-color: white"],
[style*="background: white"],
[style*="background:#fff"] {
  background-color: var(--ts3-surface) !important;
}

/* ============================================================
   46. EVET / HAYIR OPTIN BUTON GRUBU
   ============================================================ */
.ts3-optin-group {
  display: inline-flex;
  border: 1px solid var(--ts3-line);
  border-radius: 8px;
  overflow: hidden;
  margin-top: 4px;
}

.ts3-optin-btn {
  background: var(--ts3-surface-2);
  border: none;
  color: var(--ts3-muted);
  padding: 8px 28px;
  font-size: 0.88rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
  font-family: var(--ts3-font);
}

.ts3-optin-btn + .ts3-optin-btn {
  border-left: 1px solid var(--ts3-line);
}

.ts3-optin-yes.ts3-optin-active {
  background: var(--ts3-green) !important;
  color: #050814 !important;
}

.ts3-optin-no.ts3-optin-active {
  background: rgba(248, 113, 113, 0.18) !important;
  color: var(--ts3-red) !important;
}

.ts3-optin-btn:hover:not(.ts3-optin-active) {
  background: var(--ts3-accent-soft) !important;
  color: var(--ts3-accent) !important;
}

/* ============================================================
   47. BOOTSTRAP SWITCH (diğer toggle'lar — SSO, kart saklama)
   ============================================================ */

/* Ana wrapper */
.bootstrap-switch {
  background: var(--ts3-surface-2) !important;
  border-color: var(--ts3-line) !important;
  border-radius: 6px !important;
}

/* OFF handle (Hayır) — koyu zemin, sade muted metin */
.bootstrap-switch .bootstrap-switch-handle-off,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-secondary {
  background: var(--ts3-surface-2) !important;
  color: var(--ts3-muted) !important;
  border-color: transparent !important;
}

/* ON handle (Evet) — yeşil */
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success {
  background: var(--ts3-green) !important;
  color: #050814 !important;
  border-color: transparent !important;
}

/* Label (thumb) — wrapper ile aynı bg, ince accent çizgiler ile ayırt et */
.bootstrap-switch .bootstrap-switch-label {
  background: var(--ts3-surface-2) !important;
  border-left: 2px solid var(--ts3-accent) !important;
  border-right: 2px solid var(--ts3-accent) !important;
}

/* Focus */
.bootstrap-switch.bootstrap-switch-focused {
  border-color: var(--ts3-accent) !important;
  box-shadow: 0 0 0 3px var(--ts3-accent-soft) !important;
}

/* ============================================================
   48. STANDARD_CART — KAPSAMLI AÇIK ZEMIN OVERRIDE
   ============================================================ */

/* Ürün açıklama kutusu */
#order-standard_cart .product-info {
  background-color: var(--ts3-surface-2) !important;
  border-top-color: var(--ts3-line) !important;
  border-bottom-color: var(--ts3-line) !important;
  color: var(--ts3-text) !important;
}
#order-standard_cart .product-info .product-title,
#order-standard_cart .product-info h3 {
  color: var(--ts3-text) !important;
}

/* Ürün header bandı */
#order-standard_cart .products .product header {
  background: var(--ts3-surface-2) !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-text) !important;
}
#order-standard_cart .products .product header span {
  color: var(--ts3-text) !important;
}

/* Sipariş özeti ürün adı */
#order-standard_cart .order-summary .product-name,
#order-standard_cart .order-summary .order-product-summary {
  background-color: var(--ts3-surface-2) !important;
  color: var(--ts3-text) !important;
}

/* Alan adı seçim seçenekleri */
#order-standard_cart .domain-selection-options .option {
  background-color: var(--ts3-surface-2) !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-muted) !important;
}
#order-standard_cart .domain-selection-options .option-selected {
  background-color: var(--ts3-accent-soft) !important;
  border-color: rgba(56, 189, 248, 0.3) !important;
}
#order-standard_cart .domain-selection-options .option-selected label {
  color: var(--ts3-accent) !important;
}

/* Transfer durumu */
#order-standard_cart .transfer-eligible {
  background-color: rgba(45, 212, 191, 0.10) !important;
  border-color: rgba(45, 212, 191, 0.3) !important;
  color: var(--ts3-green) !important;
}
#order-standard_cart .transfer-not-eligible {
  background-color: rgba(248, 113, 113, 0.10) !important;
  border-color: rgba(248, 113, 113, 0.3) !important;
  color: var(--ts3-red) !important;
}

/* Kredi & kredi kartı alanları */
#order-standard_cart .apply-credit-container {
  background-color: var(--ts3-surface-2) !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-text) !important;
}
#order-standard_cart .cc-input-container {
  background-color: var(--ts3-surface) !important;
  border-color: var(--ts3-line) !important;
}
#order-standard_cart .panel-addon .panel-price {
  background-color: var(--ts3-surface-2) !important;
  color: var(--ts3-accent-2) !important;
}

/* Sepet listesi satırları */
#order-standard_cart .view-cart-items .item {
  background-color: var(--ts3-surface) !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-text) !important;
}
#order-standard_cart .view-cart-items .item:nth-child(even) {
  background-color: var(--ts3-surface-2) !important;
}

/* Sepet tab içeriği */
#order-standard_cart .view-cart-tabs .nav-tabs a[aria-selected="true"],
#order-standard_cart .view-cart-tabs .nav-tabs a[aria-expanded="true"] {
  background-color: var(--ts3-surface) !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-accent) !important;
}
#order-standard_cart .view-cart-tabs .tab-content {
  background-color: var(--ts3-surface) !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-text) !important;
}

/* Promosyon kodu & ödeme yöntemi */
#order-standard_cart .view-cart-promotion-code {
  background-color: var(--ts3-surface-2) !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-text) !important;
}
#order-standard_cart .view-cart-gateway-checkout {
  background-color: var(--ts3-surface-2) !important;
  border-color: var(--ts3-line) !important;
}

/* Alan adı arama kutusu */
div.domainresults div:not(.btn-group) {
  background-color: var(--ts3-surface-2) !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-text) !important;
}
.domain-checker-container .input-group-box {
  background-color: var(--ts3-surface) !important;
  border-color: var(--ts3-line) !important;
}

/* Alan adı fiyatlandırma tablosu */
.domain-pricing .tld-pricing-header .col-xs-2,
.domain-pricing .tld-pricing-header .col-sm-2,
.domain-pricing .tld-pricing-header .col-xs-4,
.domain-pricing .tld-pricing-header .col-sm-4 {
  background-color: var(--ts3-surface-2) !important;
  border-color: var(--ts3-accent) !important;
}
.domain-pricing .tld-pricing-header div:nth-child(odd) {
  background-color: var(--ts3-surface) !important;
  border-color: var(--ts3-accent) !important;
}
.domain-pricing .tld-row.highlighted {
  background: var(--ts3-accent-soft) !important;
}
.spotlight-tlds {
  background-color: var(--ts3-surface-2) !important;
  border-color: var(--ts3-line) !important;
}
.spotlight-tld {
  background-color: var(--ts3-surface) !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-text) !important;
}
.spotlight-tld .unavailable,
.spotlight-tld .invalid {
  background-color: var(--ts3-surface-2) !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-muted) !important;
}

/* Önerilen alan adları */
.suggested-domains .domain-lookup-suggestions-loader {
  background-color: var(--ts3-surface-2) !important;
  color: var(--ts3-muted) !important;
}
.domain-promo-box {
  background-color: var(--ts3-surface-2) !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-text) !important;
}

/* Yenileme satırları */
.domain-renewals,
.service-renewals,
.addon-renewals .service-renewal {
  background-color: var(--ts3-surface) !important;
  border-color: var(--ts3-line) !important;
}
.domain-renewals .domain-renewal:nth-child(even),
.service-renewals .service-renewal:nth-child(even),
.addon-renewals .service-renewal:nth-child(even) {
  background-color: var(--ts3-surface-2) !important;
}

/* MarketConnect promo */
#order-standard_cart .mc-promo {
  background-color: var(--ts3-surface) !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-text) !important;
}
#order-standard_cart .mc-promo .body {
  background-color: var(--ts3-surface-2) !important;
  color: var(--ts3-muted) !important;
}

/* ── Section 49: Checkout ürün kartları & yan panel ──────── */
/* Ürün kartı gövdesi */
#order-standard_cart .products .product {
  background: var(--ts3-surface) !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-text) !important;
}
/* Ürün açıklaması & fiyatlandırma */
#order-standard_cart .products .product div.product-desc,
#order-standard_cart .products .product div.product-pricing,
#order-standard_cart .products .product footer {
  color: var(--ts3-muted) !important;
}
#order-standard_cart .products .product span.feature-value {
  color: var(--ts3-text) !important;
}
/* Yan panel liste öğeleri */
#order-standard_cart .cart-sidebar .list-group-item {
  background-color: var(--ts3-surface) !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-text) !important;
}
/* Checkout / sipariş onay ekranı */
#order-standard_cart .order-confirmation {
  background-color: var(--ts3-surface) !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-text) !important;
}
#order-standard_cart .order-confirmation-addon-output {
  background-color: var(--ts3-surface-2) !important;
  border-color: var(--ts3-line) !important;
}
/* Devre dışı / salt okunur alanlar */
#order-standard_cart .field[disabled],
#order-standard_cart .field[readonly],
#order-standard_cart .form-control[disabled],
#order-standard_cart .form-control[readonly] {
  background-color: var(--ts3-surface-2) !important;
  color: var(--ts3-muted) !important;
}
/* Checkout güvenlik mesajı */
#order-standard_cart .checkout-security-msg {
  color: var(--ts3-muted) !important;
}
/* Sipariş özeti sidebar */
#order-standard_cart .secondary-cart-sidebar {
  background-color: var(--ts3-surface) !important;
}
#order-standard_cart .order-summary {
  background-color: transparent !important;
  color: var(--ts3-text) !important;
}
/* Sub-heading bantları */
#order-standard_cart .sub-heading {
  background-color: var(--ts3-surface-2) !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-text) !important;
}

/* Hesap seçim kartları */
#order-standard_cart .account-select-container {
  border-color: var(--ts3-line) !important;
}
#order-standard_cart .account-select-container div.account {
  background: var(--ts3-surface-2) !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-text) !important;
}
#order-standard_cart .account-select-container div.account.active {
  background: var(--ts3-accent-soft) !important;
  border-color: rgba(56,189,248,0.3) !important;
}

/* ============================================================
   Section 50: FATURA SAYFASI (viewinvoice.tpl)
   ============================================================ */

/* Sayfa başlığı */
.ts3-invoice-page-title {
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--ts3-text);
}
.ts3-invoice-id-tag {
  font-size: 1rem;
  font-weight: 400;
  color: var(--ts3-muted);
  margin-left: 6px;
}
.ts3-back-link {
  font-size: 0.85rem;
  color: var(--ts3-muted);
  text-decoration: none;
}
.ts3-back-link:hover { color: var(--ts3-accent); }

/* Ana kart */
.ts3-invoice-card {
  background: var(--ts3-surface);
  border: 1px solid var(--ts3-line);
  border-radius: var(--ts3-radius);
  padding: 2.5rem;
  box-shadow: 0 8px 40px rgba(0,0,0,0.35);
}
@media (max-width: 575px) {
  .ts3-invoice-card { padding: 1.25rem; }
}

/* Fatura başlığı: iki sütun */
.ts3-invoice-head {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 2rem;
}
.ts3-invoice-brand-meta { flex: 1 1 220px; }
.ts3-invoice-logo { max-height: 52px; max-width: 180px; }
.ts3-invoice-company-name {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--ts3-accent);
  letter-spacing: -0.3px;
}

/* Meta bilgiler */
.ts3-invoice-meta-list { display: flex; flex-direction: column; gap: 6px; }
.ts3-meta-row { display: flex; gap: 8px; align-items: baseline; flex-wrap: wrap; }
.ts3-meta-label {
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: var(--ts3-muted);
  min-width: 130px;
}
.ts3-meta-value {
  font-size: 0.9rem;
  color: var(--ts3-text);
}
.ts3-text-warning { color: var(--ts3-amber) !important; }

/* Durum rozeti */
.ts3-invoice-status-block { text-align: right; }
.ts3-invoice-status-badge {
  display: inline-block;
  padding: 10px 28px;
  border-radius: 30px;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.ts3-status-paid     { background: rgba(45,212,191,0.15); color: var(--ts3-green); border: 1px solid rgba(45,212,191,0.35); }
.ts3-status-unpaid   { background: rgba(248,113,113,0.12); color: var(--ts3-red); border: 1px solid rgba(248,113,113,0.3); }
.ts3-status-draft    { background: rgba(166,184,210,0.12); color: var(--ts3-muted); border: 1px solid var(--ts3-line); }
.ts3-status-refunded { background: rgba(56,189,248,0.10); color: var(--ts3-accent); border: 1px solid rgba(56,189,248,0.25); }
.ts3-status-cancelled   { background: rgba(248,113,113,0.08); color: var(--ts3-red); border: 1px solid rgba(248,113,113,0.2); opacity: 0.7; }
.ts3-status-collections { background: rgba(251,191,36,0.12); color: var(--ts3-amber); border: 1px solid rgba(251,191,36,0.3); }

/* Ayırıcı */
.ts3-invoice-divider {
  border: none;
  border-top: 1px solid var(--ts3-line);
  margin: 1.75rem 0;
}

/* Taraflar */
.ts3-invoice-parties {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
.ts3-party-col { flex: 1 1 200px; }
.ts3-party-label {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  color: var(--ts3-accent);
  margin-bottom: 10px;
}
.ts3-party-address {
  font-size: 0.88rem;
  line-height: 1.7;
  color: var(--ts3-muted);
  font-style: normal;
}
.ts3-party-address strong { color: var(--ts3-text); }

/* Kalem tablosu */
.ts3-table-wrap { overflow-x: auto; }
.ts3-invoice-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9rem;
}
.ts3-invoice-table thead tr {
  border-bottom: 2px solid var(--ts3-line);
}
.ts3-invoice-table thead th {
  padding: 10px 12px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: var(--ts3-muted);
}
.ts3-invoice-table tbody tr {
  border-bottom: 1px solid var(--ts3-line);
}
.ts3-invoice-table tbody tr:last-child { border-bottom: none; }
.ts3-invoice-table tbody td {
  padding: 12px;
  color: var(--ts3-text);
  vertical-align: top;
}
.ts3-invoice-table tfoot td {
  padding: 8px 12px;
  color: var(--ts3-muted);
  border-top: 1px solid var(--ts3-line);
  font-size: 0.88rem;
}
.ts3-row-subtotal td { border-top: 2px solid var(--ts3-line) !important; }
.ts3-row-total td {
  color: var(--ts3-text) !important;
  font-size: 1rem;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  border-top: 2px solid rgba(56,189,248,0.3) !important;
}
.ts3-th-amount { min-width: 100px; }
.ts3-tax-mark { color: var(--ts3-amber); font-weight: 600; }
.ts3-tax-note { font-size: 0.8rem; color: var(--ts3-muted); margin-top: 8px; }

/* İşlemler bölümü */
.ts3-transactions-wrap { margin-top: 0.5rem; }
.ts3-section-title {
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  color: var(--ts3-muted);
  margin-bottom: 1rem;
}
.ts3-transid {
  font-family: monospace;
  font-size: 0.82rem;
  color: var(--ts3-muted);
}
.ts3-no-trans { color: var(--ts3-muted); padding: 16px !important; }

/* Ödeme bölümü (banka bilgisi veya ödeme butonu) */
.ts3-payment-section {
  padding: 0;
  background: transparent;
  border: none;
  color: var(--ts3-text);
}
/* Ödeme bölümü başlığı */
.ts3-payment-section-title {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.7px;
  text-transform: uppercase;
  color: var(--ts3-accent) !important;
  margin-bottom: 1rem;
}
/* Banka bilgisi metin stilleri */
.ts3-payment-section p,
.ts3-payment-section td,
.ts3-payment-section th,
.ts3-payment-section label {
  color: var(--ts3-text) !important;
}
.ts3-payment-section table {
  width: 100%;
  color: var(--ts3-text) !important;
}
.ts3-payment-section tr {
  border-bottom: 1px solid var(--ts3-line);
}
.ts3-payment-section td,
.ts3-payment-section th {
  padding: 8px 10px;
}
/* Gateway ödeme butonu renk uyumu */
.ts3-payment-section .btn,
.ts3-payment-section input[type="submit"],
.ts3-payment-section button[type="submit"] {
  background: var(--ts3-accent) !important;
  border-color: var(--ts3-accent) !important;
  color: #050814 !important;
  font-weight: 600 !important;
  border-radius: var(--ts3-radius) !important;
  padding: 10px 28px !important;
  transition: opacity 0.15s !important;
  box-shadow: none !important;
}
.ts3-payment-section .btn:hover,
.ts3-payment-section input[type="submit"]:hover,
.ts3-payment-section button[type="submit"]:hover {
  opacity: 0.85 !important;
}
/* Bazı gateway'lerde form başlığı */
.ts3-payment-section h3,
.ts3-payment-section h4 {
  color: var(--ts3-accent) !important;
  font-size: 1rem !important;
  margin-bottom: 1rem;
}

/* Kredi uygulama kartı */
.ts3-credit-apply-card {
  background: var(--ts3-surface) !important;
  border-color: rgba(45,212,191,0.25) !important;
}
.ts3-credit-apply-card .card-header {
  background: rgba(45,212,191,0.08) !important;
  border-color: rgba(45,212,191,0.2) !important;
}

/* ── BASKI (print) stilleri ─────────────────────────────── */
@media print {
  #header, #footer, .master-breadcrumb, .d-print-none,
  .ts3-back-link, nav.master-breadcrumb { display: none !important; }

  body, .ts3-invoice-card, .ts3-invoice-table, td, th {
    background: #fff !important;
    color: #111 !important;
    border-color: #ccc !important;
    box-shadow: none !important;
  }
  .ts3-invoice-wrapper { padding: 0 !important; }
  .ts3-party-label, .ts3-meta-label, .ts3-section-title { color: #555 !important; }
  .ts3-party-address, .ts3-meta-value, .ts3-muted { color: #333 !important; }
  .ts3-invoice-status-badge {
    border: 2px solid #333 !important;
    color: #111 !important;
    background: transparent !important;
  }
  .ts3-invoice-company-name { color: #111 !important; }
  a { color: #000 !important; text-decoration: none !important; }
  .container { max-width: 100% !important; }
}

/* ============================================================
   Section 51: DEAMSPEAK MODÜLÜ — dark tema override
   ============================================================ */
.service-admin-module {
  background: var(--ts3-surface) !important;
  box-shadow: var(--ts3-shadow) !important;
  border: 1px solid var(--ts3-line) !important;
}

/* Sidebar zaten koyu, sadece accent rengini uyarlıyoruz */
.service-nav-item:hover,
.service-nav-item.active {
  border-left-color: var(--ts3-accent) !important;
  background: var(--ts3-accent-soft) !important;
  color: var(--ts3-accent) !important;
}

/* İçerik alanı */
.service-content {
  background: var(--ts3-bg-soft) !important;
  color: var(--ts3-text) !important;
}

/* Hizmet başlık kartı */
.service-header {
  background: var(--ts3-surface) !important;
  box-shadow: none !important;
  border: 1px solid var(--ts3-line) !important;
}
.service-info h2 { color: var(--ts3-text) !important; }
.service-info p, .service-info span { color: var(--ts3-muted) !important; }

/* Durum rozetleri */
.service-status.running  { background: rgba(45,212,191,0.15) !important; color: var(--ts3-green) !important; }
.service-status.stopped  { background: rgba(248,113,113,0.12) !important; color: var(--ts3-red) !important; }
.service-status.error    { background: rgba(251,191,36,0.12) !important; color: var(--ts3-amber) !important; }

/* İstatistik kartları */
.stat-card {
  background: var(--ts3-surface) !important;
  box-shadow: none !important;
  border: 1px solid var(--ts3-line) !important;
  border-left: 4px solid var(--ts3-accent) !important;
}
.stat-label { color: var(--ts3-muted) !important; }
.stat-value { color: var(--ts3-text) !important; }

/* Detay satırları */
.service-details {
  background: var(--ts3-surface) !important;
  box-shadow: none !important;
  border: 1px solid var(--ts3-line) !important;
}
.detail-row { border-bottom-color: var(--ts3-line) !important; }
.detail-label { color: var(--ts3-muted) !important; }
.detail-value { color: var(--ts3-text) !important; }

/* Info kartları (Bağlantı / Query Bilgileri vb.) */
.info-card-item {
  background: var(--ts3-surface) !important;
  border-color: var(--ts3-line) !important;
  box-shadow: none !important;
}
.info-card-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 20px rgba(0,0,0,0.3) !important;
}
.info-card-title {
  background: var(--ts3-surface-2) !important;
  border-bottom-color: var(--ts3-line) !important;
  color: var(--ts3-accent) !important;
}
.info-card-body .detail-row { border-bottom-color: var(--ts3-line) !important; }
.info-card-body .detail-label { color: var(--ts3-muted) !important; }
.info-card-body .detail-value { color: var(--ts3-text) !important; }

/* Genel tablo override (yedekler, kullanıcılar vb.) */
.service-content .table {
  background: var(--ts3-surface) !important;
  color: var(--ts3-text) !important;
  border-color: var(--ts3-line) !important;
}
.service-content .table thead th {
  background: var(--ts3-surface-2) !important;
  color: var(--ts3-muted) !important;
  border-color: var(--ts3-line) !important;
}
.service-content .table tbody td {
  color: var(--ts3-text) !important;
  border-color: var(--ts3-line) !important;
  background: transparent !important;
}
.service-content .table tbody tr:hover td {
  background: var(--ts3-accent-soft) !important;
}

/* Ban listesi özel overrides */
#ban-listesi .table {
  background: var(--ts3-surface) !important;
  border-color: var(--ts3-line) !important;
}
#ban-listesi .table thead th {
  background: var(--ts3-surface-2) !important;
  color: var(--ts3-muted) !important;
  border-color: var(--ts3-line) !important;
}
#ban-listesi .table tbody td { color: var(--ts3-text) !important; }
#ban-listesi .table tbody tr:hover { background-color: var(--ts3-accent-soft) !important; }
#ban-listesi strong, #ban-listesi b { color: var(--ts3-text) !important; }
#ban-listesi .text-muted { color: var(--ts3-muted) !important; }
#ban-listesi small {
  background: var(--ts3-surface-2) !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-muted) !important;
}

/* Modal */
.service-content .modal-content,
.service-admin-module .modal-content {
  background: var(--ts3-surface) !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-text) !important;
}
.service-admin-module .modal-header {
  border-bottom-color: var(--ts3-line) !important;
}
.service-admin-module .modal-footer {
  border-top-color: var(--ts3-line) !important;
}
.service-admin-module .modal-title { color: var(--ts3-text) !important; }
.service-admin-module .modal-content .form-control,
.service-admin-module .modal-content input,
.service-admin-module .modal-content select,
.service-admin-module .modal-content textarea {
  background: var(--ts3-surface-2) !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-text) !important;
}

/* Form alanları (ayarlar tab'ı vb.) */
.service-content .form-control,
.service-content input[type="text"],
.service-content input[type="number"],
.service-content select,
.service-content textarea {
  background: var(--ts3-surface) !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-text) !important;
}
.service-content label { color: var(--ts3-muted) !important; }

/* Genel yazı rengi fallback */
.service-admin-module p,
.service-admin-module span,
.service-admin-module small,
.service-admin-module li { color: var(--ts3-muted); }
.service-admin-module h1,
.service-admin-module h2,
.service-admin-module h3,
.service-admin-module h4 { color: var(--ts3-text) !important; }

/* ============================================================
   Section 52: DEAMSPEAK — yüksek specificity düzeltmeleri
   ============================================================ */

/* btn-primary tema rengi */
.service-admin-module .btn-primary,
.service-admin-module .btn.btn-primary {
  background: var(--ts3-accent) !important;
  border-color: var(--ts3-accent) !important;
  color: #050814 !important;
  font-weight: 600 !important;
}
.service-admin-module .btn-primary:hover,
.service-admin-module .btn.btn-primary:hover {
  opacity: 0.85 !important;
}

/* Modal başlığı (deamspeak.css'nin !important'ını ezmek için daha spesifik) */
.service-admin-module .modal-content .modal-title,
.service-admin-module .modal .modal-title {
  color: var(--ts3-text) !important;
}
.service-admin-module .modal-content {
  background: var(--ts3-surface) !important;
  border-color: var(--ts3-line) !important;
}
.service-admin-module .modal-header,
.service-admin-module .modal-footer {
  border-color: var(--ts3-line) !important;
  background: var(--ts3-surface-2) !important;
  color: var(--ts3-text) !important;
}
.service-admin-module .modal-body { color: var(--ts3-text) !important; }
.service-admin-module .modal-body label { color: var(--ts3-muted) !important; }

/* Inline style olan form alanları (!important inline style'ı da ezer) */
.service-admin-module input[type="text"],
.service-admin-module input[type="number"],
.service-admin-module input[type="password"],
.service-admin-module input[type="email"],
.service-admin-module select,
.service-admin-module textarea {
  background: var(--ts3-surface-2) !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-text) !important;
}

/* service-details inline border-top rengi */
.service-admin-module .service-details {
  border-top-color: var(--ts3-line) !important;
  background: var(--ts3-surface) !important;
}

/* text-muted override */
.service-admin-module .text-muted { color: var(--ts3-muted) !important; }

/* Tablo genel override (ban, snapshot, kullanıcılar vb.) */
.service-admin-module table {
  color: var(--ts3-text) !important;
}
.service-admin-module table thead th {
  background: var(--ts3-surface-2) !important;
  color: var(--ts3-muted) !important;
  border-color: var(--ts3-line) !important;
}
.service-admin-module table tbody td {
  color: var(--ts3-text) !important;
  border-color: var(--ts3-line) !important;
  background: transparent !important;
}
.service-admin-module table tbody tr:hover td {
  background: var(--ts3-accent-soft) !important;
}
/* Ban listesi !important override (deamspeak.css yüklenme sırası nedeniyle) */
.service-admin-module #ban-listesi .table,
.service-admin-module #ban-listesi .table tbody td {
  background: transparent !important;
  color: var(--ts3-text) !important;
  border-color: var(--ts3-line) !important;
}
.service-admin-module #ban-listesi .table thead th {
  background: var(--ts3-surface-2) !important;
  color: var(--ts3-muted) !important;
  border-color: var(--ts3-line) !important;
}
.service-admin-module #ban-listesi small {
  background: var(--ts3-surface-2) !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-muted) !important;
}
.service-admin-module #ban-listesi strong,
.service-admin-module #ban-listesi b { color: var(--ts3-text) !important; }

/* list-group (TSDNS listesi vb.) */
.service-admin-module .list-group-item {
  background: var(--ts3-surface) !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-text) !important;
}

/* Genel metin rengi fallback (yeterli specificity ile) */
.service-admin-module .service-content * {
  color: inherit;
}

/* ============================================================
   19. DARK THEME CONTRAST & OVERRIDES
   ============================================================ */

/* Duyurular (Announcements) İçerik Kutusu */
.announcements .announcement article {
  background-color: var(--ts3-surface-2) !important;
  border-left: 4px solid var(--ts3-accent) !important;
  color: var(--ts3-text) !important;
}

/* Bilgi Bankası (Knowledgebase) Hover Durumları */
.kb-category a:hover,
.kb-article-item:hover {
  background-color: var(--ts3-surface-2) !important;
  color: var(--ts3-accent) !important;
}

/* Domain Fiyatlandırma (Domain Pricing) */
.domain-pricing .tld-pricing-header div:nth-child(odd) {
  background-color: var(--ts3-surface-2) !important;
  border-color: var(--ts3-line) !important;
}

.featured-tld .price {
  background-color: var(--ts3-surface-2) !important;
  color: var(--ts3-text) !important;
  border: 1px solid var(--ts3-line) !important;
}

/* Modallar (Modals) */
.modal .modal-header {
  background-color: var(--ts3-surface-2) !important;
  border-bottom: 1px solid var(--ts3-line) !important;
  color: var(--ts3-text) !important;
}

.modal .modal-footer {
  background-color: var(--ts3-surface-2) !important;
  border-top: 1px solid var(--ts3-line) !important;
}

/* Açık Renkli Butonlar (.btn-light) */
.btn-light {
  background-color: var(--ts3-surface-2) !important;
  border-color: var(--ts3-line) !important;
  color: var(--ts3-text) !important;
}

.btn-light:hover,
.btn-light:focus,
.btn-light:active,
.btn-light.active {
  background-color: var(--ts3-surface) !important;
  border-color: var(--ts3-accent) !important;
  color: var(--ts3-accent) !important;
}

/* E-posta Doğrulama Banner'ı */
.verification-banner {
  background-color: var(--ts3-surface-2) !important;
  border-bottom: 1px solid var(--ts3-line) !important;
  color: var(--ts3-text) !important;
}

/* Tablolar ve Liste Satırları Hover Efektleri */
.table-list > tbody > tr:hover > td {
  background-color: var(--ts3-accent-soft) !important;
}

/* Ürün/Hizmet Sipariş Aşamaları Tabları */
.store-order-container .store-domain-tabs li a {
  background-color: var(--ts3-surface-2) !important;
  border-bottom: 1px solid var(--ts3-line) !important;
  color: var(--ts3-muted) !important;
}

.store-order-container .store-domain-tabs li.active a {
  background-color: var(--ts3-surface) !important;
  border-bottom: 1px solid transparent !important;
  color: var(--ts3-accent) !important;
}