/**
 * Emlak Drone Custom Premium Styling
 * SPDX-License-Identifier: Apache-2.0
 */

/* Custom elegant scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #0f172a;
}
::-webkit-scrollbar-thumb {
  background: #1e293b;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #3b82f6;
}

/* Glassmorphism styling */
.glass-panel {
  background: rgba(15, 23, 42, 0.45);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.glass-card-hover {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.glass-card-hover:hover {
  border-color: rgba(59, 130, 246, 0.4);
  background: rgba(15, 23, 42, 0.65);
  transform: translateY(-2px);
  box-shadow: 0 10px 30px -10px rgba(59, 130, 246, 0.2);
}

/* Selection color */
::selection {
  background-color: #2563eb;
  color: #ffffff;
}

/* Before and After slider styles */
.slider-handle::before, .slider-handle::after {
  content: '';
  position: absolute;
  background-color: white;
}

/* Rotation animation */
@keyframes spin-slow {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.animate-spin-slow {
  animation: spin-slow 20s linear infinite;
}

/* Premium Form Control Styles */
.premium-input, .premium-select, .premium-textarea {
  background: rgba(2, 6, 23, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: #f8fafc;
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  width: 100%;
  outline: none;
  font-size: 0.875rem;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
}

.premium-input:hover, .premium-select:hover, .premium-textarea:hover {
  border-color: rgba(59, 130, 246, 0.25);
  background: rgba(2, 6, 23, 0.85);
}

.premium-input:focus, .premium-select:focus, .premium-textarea:focus {
  border-color: #3b82f6;
  background: rgba(2, 6, 23, 0.95);
  box-shadow: 0 0 15px -3px rgba(59, 130, 246, 0.35), inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
}

.premium-label {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #94a3b8;
  display: block;
  margin-bottom: 0.5rem;
  transition: color 0.3s ease;
}

.premium-input-group:focus-within .premium-label {
  color: #3b82f6;
}

/* Custom styles for Admin forms */
.premium-input-rose:focus, .premium-select-rose:focus, .premium-textarea-rose:focus {
  border-color: #f43f5e;
  box-shadow: 0 0 15px -3px rgba(244, 63, 94, 0.35), inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
}

.premium-input-group-rose:focus-within .premium-label {
  color: #f43f5e;
}

/* Chat & Support Ticket System Styles */
.chat-container {
  height: 480px;
  overflow-y: auto;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.chat-bubble {
  max-width: 70%;
  padding: 0.85rem 1.1rem;
  border-radius: 1.25rem;
  font-size: 0.875rem;
  line-height: 1.4;
  position: relative;
  word-wrap: break-word;
}

.chat-bubble-user {
  align-self: flex-end;
  background: linear-gradient(135deg, #2563eb, #1d4ed8);
  color: #ffffff;
  border-bottom-right-radius: 0.25rem;
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.2);
}

.chat-bubble-admin {
  align-self: flex-start;
  background: rgba(30, 41, 59, 0.75);
  border: 1px solid rgba(255, 255, 255, 0.06);
  color: #f1f5f9;
  border-bottom-left-radius: 0.25rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.ticket-item-btn {
  transition: all 0.2s ease;
}

.ticket-item-btn.active {
  background: rgba(59, 130, 246, 0.1);
  border-color: rgba(59, 130, 246, 0.3);
}

.ticket-item-btn.active-rose {
  background: rgba(244, 63, 94, 0.1);
  border-color: rgba(244, 63, 94, 0.3);
}

/* Infinite logo marquee animation */
@keyframes marquee-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-33.3333%);
  }
}

.marquee-track {
  display: flex;
  width: max-content;
  animation: marquee-scroll 25s linear infinite;
}

.marquee-track:hover {
  animation-play-state: paused;
}

/* Hide scrollbar utility */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* ================= REAL LIGHT THEME ================= */
html.light-theme {
  background-color: #f8fafc !important;
  color: #0f172a !important;
}
html.light-theme body {
  background-color: #f1f5f9 !important; /* soft light gray background */
  color: #0f172a !important;
}

/* Ezilecek Kartlar (Aydınlık modda premium gölgeli beyaz kart tasarımı) */
html.light-theme .bg-slate-900:not(#home *):not(.sanal-drone-scope *),
html.light-theme .bg-slate-900\/60:not(#home *):not(.sanal-drone-scope *),
html.light-theme .bg-slate-900\/80:not(#home *):not(#navbar-container *):not(.modal-backdrop):not(.sanal-drone-scope *),
html.light-theme .bg-slate-900\/50:not(#home *):not(.sanal-drone-scope *),
html.light-theme .bg-brand-850:not(#home *):not(.sanal-drone-scope *) {
  background-color: #ffffff !important;
  border-color: #e2e8f0 !important;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.05), 0 2px 4px -2px rgb(0 0 0 / 0.05) !important;
}

/* Ezilecek İç Alanlar, Form Inputları, İlerleme Çubukları (Aydınlık modda hafif gri dolgu) */
html.light-theme .bg-slate-950:not(#home *):not(.sanal-drone-scope *),
html.light-theme .bg-slate-950\/40:not(#home *):not(.sanal-drone-scope *),
html.light-theme .bg-slate-950\/60:not(#home *):not(.sanal-drone-scope *),
html.light-theme .bg-slate-950\/80:not(#home *):not(.modal-backdrop):not(.sanal-drone-scope *),
html.light-theme .bg-slate-950\/90:not(#home *):not(.sanal-drone-scope *),
html.light-theme .bg-slate-950\/95:not(#home *):not(.sanal-drone-scope *),
html.light-theme .bg-slate-950\/98:not(#home *):not(.sanal-drone-scope *) {
  background-color: #f8fafc !important; /* soft background for inputs and nested blocks */
  border-color: #cbd5e1 !important;
}

/* Input ve Textarea kenarlık ve yazı renkleri */
html.light-theme input:not(.sanal-drone-scope *),
html.light-theme select:not(.sanal-drone-scope *),
html.light-theme textarea:not(.sanal-drone-scope *) {
  color: #0f172a !important;
  border-color: #cbd5e1 !important;
}

/* Progress bar iç dolgu alanı ve statik koyu çizgiler için aydınlık rengi */
html.light-theme .w-full.bg-slate-950:not(.sanal-drone-scope *) {
  background-color: #e2e8f0 !important;
  border-color: #cbd5e1 !important;
}

html.light-theme .bg-slate-900\/30:not(#home *):not(.sanal-drone-scope *) {
  background-color: #e2e8f0 !important;
}

/* Tüm beyaz yazıları aydınlık modda koyu yap, ancak gradyan buton, renkli buton ve koyu navbar/hero içindekileri muaf tut */
html.light-theme .text-white:not(.bg-gradient-to-r):not(.bg-gradient-to-r *):not(#navbar-container *):not(#home *):not(.bg-blue-650 *):not(.bg-blue-600 *):not(.bg-rose-600 *):not(.sanal-drone-scope *) {
  color: #0f172a !important;
}

/* Ezilecek Yazı Renkleri (Soluk yazıları aydınlıkta okunabilir koyu Slate yap) */
html.light-theme .text-slate-100:not(#navbar-container *):not(#home *):not(.sanal-drone-scope *),
html.light-theme .text-slate-200:not(#navbar-container *):not(#home *):not(.sanal-drone-scope *),
html.light-theme .text-slate-205:not(#navbar-container *):not(#home *):not(.sanal-drone-scope *),
html.light-theme .text-slate-300:not(#navbar-container *):not(#home *):not(.sanal-drone-scope *),
html.light-theme .text-slate-350:not(#navbar-container *):not(#home *):not(.sanal-drone-scope *),
html.light-theme .text-slate-400:not(#navbar-container *):not(#home *):not(.sanal-drone-scope *) {
  color: #1e293b !important;
}

html.light-theme .text-slate-500:not(#navbar-container *):not(#home *):not(.sanal-drone-scope *),
html.light-theme .text-slate-400\/80:not(#navbar-container *):not(#home *):not(.sanal-drone-scope *) {
  color: #475569 !important;
}

html.light-theme .text-blue-300:not(#navbar-container *):not(#home *):not(.sanal-drone-scope *) {
  color: #1d4ed8 !important; /* Açık mavi metinleri koyulaştır */
}

/* Açık mavi/cyan gradyanlı metinlerin aydınlık modda koyu mavi/indigo tonlarına bürünmesi */
html.light-theme .bg-gradient-to-r.from-blue-400.via-indigo-400.to-cyan-400 {
  background-image: linear-gradient(to right, #1e3a8a, #4338ca, #0369a1) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}

/* Genel Başlık Kontrastları (Tüm h1-h6 başlıklarının aydınlıkta koyu Slate olması) */
html.light-theme h1:not(#home *):not(.sanal-drone-scope *),
html.light-theme h2:not(#home *):not(.sanal-drone-scope *),
html.light-theme h3:not(#home *):not(.sanal-drone-scope *),
html.light-theme h4:not(#home *):not(.sanal-drone-scope *),
html.light-theme h5:not(#home *):not(.sanal-drone-scope *),
html.light-theme h6:not(#home *):not(.sanal-drone-scope *) {
  color: #0f172a !important;
}

/* Hero Slider (#home) Alanının Aydınlık Temada Koyu ve Sinematik Kalmasını Garantiye Almak */
html.light-theme #home {
  background-color: #060a13 !important;
}
html.light-theme #home .bg-slate-950 { background-color: #090d16 !important; }
html.light-theme #home .bg-slate-900 { background-color: #0f172a !important; }
html.light-theme #home .bg-slate-950\/40 { background-color: rgba(2, 6, 23, 0.4) !important; }
html.light-theme #home .bg-slate-950\/20 { background-color: rgba(2, 6, 23, 0.2) !important; }
html.light-theme #home .bg-slate-950\/70 { background-color: rgba(2, 6, 23, 0.7) !important; }
html.light-theme #home .bg-slate-950\/95 { background-color: rgba(2, 6, 23, 0.95) !important; }
html.light-theme #home .bg-gradient-to-t,
html.light-theme #home .bg-radial-gradient {
  opacity: 0.75 !important;
}
html.light-theme #home .text-white,
html.light-theme #home .text-slate-100,
html.light-theme #home .text-slate-200,
html.light-theme #home .text-slate-400 {
  color: #ffffff !important;
}

/* Hero Slider alt başlık okunabilirlik desteği */
html.light-theme #home p.text-slate-300 {
  color: #ffffff !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.85) !important;
  font-weight: 600 !important;
}

/* Hero Slider "Hizmetleri İncele" butonu aydınlık mod düzenlemesi */
html.light-theme a.bg-slate-900\/80,
html.light-theme a.bg-slate-900\/80 *,
html.light-theme a.bg-slate-900\/80:hover {
  background-color: rgb(15 23 42 / 0.8) !important;
  color: #ffffff !important;
  border-color: rgb(51 65 85 / 0.8) !important;
}

/* Navbar aydınlıkta da koyu kalacak ve yazıları beyaz kalacak */
html.light-theme #navbar-container:not(.bg-transparent) {
  background-color: #060a13 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.2) !important;
}


/* Sanal Drone Başlat butonu ve tüm gradyan buton metinlerinin beyaz kalması */
html.light-theme .bg-gradient-to-r,
html.light-theme .bg-gradient-to-r * {
  color: #ffffff !important;
}

/* Info panellerinin (bg-slate-950/85) arka planı ve içindeki yazıların okunması */
html.light-theme .bg-slate-950\/85 {
  background-color: rgba(255, 255, 255, 0.9) !important;
  border-color: #cbd5e1 !important;
}
html.light-theme .bg-slate-950\/85,
html.light-theme .bg-slate-950\/85 * {
  color: #0f172a !important;
}
html.light-theme .bg-slate-950\/85 .bg-gradient-to-r,
html.light-theme .bg-slate-950\/85 .bg-gradient-to-r * {
  color: #ffffff !important;
}

/* Resim üzeri absolute bottom-6 panelindeki metinleri ve kendisini aydınlıkta düzeltme */
html.light-theme .absolute.bottom-6.left-6.right-6 {
  background-color: rgba(255, 255, 255, 0.9) !important;
  border-color: #cbd5e1 !important;
}
html.light-theme .absolute.bottom-6.left-6.right-6 * {
  color: #0f172a !important;
}

/* Koyu gradyan arka planların (mt-16 bg-gradient-to-r from-slate-950/80...) beyazlatılması */
html.light-theme .bg-gradient-to-r.from-slate-950\/80 {
  background: #ffffff !important;
  border-color: #cbd5e1 !important;
}

/* Bilgi kutularının (bg-slate-900/40) aydınlık modda saf beyaz ve net kenarlıklı olması */
html.light-theme .bg-slate-900\/40 {
  background-color: #ffffff !important;
  border-color: #cbd5e1 !important;
}

/* Marquee sağ ve sol siyah kararma gradyanlarının aydınlığa dönmesi (Saf Beyaz zeminle uyum) */
html.light-theme .from-slate-950:not(#home *) {
  --tw-gradient-from: #ffffff !important;
  --tw-gradient-to: rgba(255, 255, 255, 0) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
html.light-theme .bg-gradient-to-r.from-slate-950:not(#home *) {
  background-image: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0)) !important;
}
html.light-theme .bg-gradient-to-l.from-slate-950:not(#home *) {
  background-image: linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0)) !important;
}

/* Kenarlıklar */
html.light-theme .border-slate-800,
html.light-theme .border-slate-900,
html.light-theme .border-slate-900\/60,
html.light-theme .border-slate-800\/40,
html.light-theme .border-slate-800\/20,
html.light-theme .border-slate-900\/80 {
  border-color: #cbd5e1 !important;
}

/* Glassmorphism Paneller */
html.light-theme .glass-panel,
html.light-theme .glass-card-hover {
  background: rgba(255, 255, 255, 0.85) !important;
  border-color: rgba(0, 0, 0, 0.08) !important;
  backdrop-filter: blur(12px) !important;
  color: #0f172a !important;
}
html.light-theme .glass-card-hover:hover {
  border-color: rgba(29, 78, 216, 0.3) !important;
  background: #ffffff !important;
  box-shadow: 0 10px 30px -10px rgba(29, 78, 216, 0.1) !important;
}

/* Giriş formundaki input alanları */
html.light-theme .premium-input, 
html.light-theme .premium-select, 
html.light-theme .premium-textarea,
html.light-theme .bg-slate-950 input {
  background: #ffffff !important;
  border-color: #cbd5e1 !important;
  color: #0f172a !important;
}

html.light-theme .premium-input:focus,
html.light-theme .premium-select:focus,
html.light-theme .premium-textarea:focus {
  border-color: #3b82f6 !important;
  background: #ffffff !important;
}

/* Chat kabarcıkları */
html.light-theme .chat-bubble-admin {
  background: #f1f5f9 !important;
  border-color: #e2e8f0 !important;
  color: #0f172a !important;
}

/* İş ortağı beyaz logolarını aydınlık modda siyah yapma */
html.light-theme .marquee-track img {
  filter: brightness(0) opacity(0.55) !important;
}
html.light-theme .marquee-track img:hover {
  filter: brightness(0) opacity(1) !important;
}



/* Globe animate-pulse alanının radial gradyan belirginliğini artırma */
html.light-theme .animate-pulse[style*="radial-gradient"] {
  background: radial-gradient(circle at center, rgba(99, 102, 241, 0.28) 0%, transparent 70%) !important;
}

/* Cesium & Map UI elementleri aydınlıkta hover'da beyaz olmasın */
html.light-theme .cesium-button,
html.light-theme .mapboxgl-ctrl-icon {
  color: #0f172a !important;
}

/* ==========================================================================
   Aydınlık Modda WhatsApp Canlı Destek Widget Renk Düzenlemeleri
   ========================================================================== */
html.light-theme #whatsapp-chat-popup {
  background-color: #ffffff !important;
  border-color: #e2e8f0 !important;
}

html.light-theme #whatsapp-chat-popup .bg-\[\#0b141a\],
html.light-theme #whatsapp-chat-popup .bg-\[\#111b21\],
html.light-theme #whatsapp-chat-popup .bg-\[\#060b18\],
html.light-theme #whatsapp-chat-popup .bg-slate-950 {
  background-color: #efeae2 !important; /* Orijinal WhatsApp Açık Tema Sohbet Arka Planı */
}

html.light-theme #whatsapp-chat-popup .bg-slate-900 {
  background-color: #f8fafc !important; /* Footer ve üst panel */
  border-color: #e2e8f0 !important;
}

html.light-theme #whatsapp-chat-popup .bg-slate-900\/80 {
  background-color: rgba(255, 255, 255, 0.9) !important;
  border-color: #cbd5e1 !important;
  color: #64748b !important;
}

html.light-theme #whatsapp-chat-popup #whatsapp-typing-indicator,
html.light-theme #whatsapp-chat-popup #whatsapp-incoming-bubble {
  background-color: #ffffff !important;
  border-color: #e2e8f0 !important;
  color: #1e293b !important;
}

html.light-theme #whatsapp-chat-popup #whatsapp-user-text {
  background-color: #ffffff !important;
  border-color: #cbd5e1 !important;
  color: #0f172a !important;
}

html.light-theme #whatsapp-chat-popup #whatsapp-user-text::placeholder {
  color: #94a3b8 !important;
}

/* ==========================================================================
   Aydınlık Modda Elegant Açık Renk Kaydırma Çubuğu (Scrollbar)
   ========================================================================== */
/* ==========================================================================
   Aydınlık Modda Elegant Açık Renk Kaydırma Çubuğu (Scrollbar)
   ========================================================================== */
html.light-theme ::-webkit-scrollbar-track {
  background: #f8fafc !important;
}
html.light-theme ::-webkit-scrollbar-thumb {
  background: #cbd5e1 !important;
  border: 2px solid #f8fafc !important;
}
html.light-theme ::-webkit-scrollbar-thumb:hover {
  background: #94a3b8 !important;
}

/* ==========================================================================
   Aydınlık Modda Portal (Kullanıcı Paneli) Üst Navigasyon & Profil Alanı
   ========================================================================== */
html.light-theme #navbar-container {
  background-color: rgba(255, 255, 255, 0.95) !important;
  border-color: #e2e8f0 !important;
}

/* Anasayfaya Dön linki ve ayırıcılar */
html.light-theme #navbar-container .text-slate-300 {
  color: #475569 !important;
}
html.light-theme #navbar-container .text-slate-300:hover {
  color: #0f172a !important;
}
html.light-theme #navbar-container .bg-slate-800 {
  background-color: #e2e8f0 !important;
}

/* Logo Metni & Alt Başlık */
html.light-theme #navbar-container a span.text-transparent {
  --tw-gradient-from: #0f172a !important;
  --tw-gradient-to: #2563eb !important;
  --tw-gradient-stops: var(--tw-gradient-from), #1e293b, var(--tw-gradient-to) !important;
  background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}
html.light-theme #navbar-container a span.block.text-\[9px\] {
  color: #2563eb !important;
}

/* Kredi ve Bonus Kredi Rozetleri */
html.light-theme .bg-purple-950\/40 {
  background-color: #f3e8ff !important;
  border-color: #e9d5ff !important;
  color: #7e22ce !important;
}
html.light-theme .bg-purple-950\/40 i,
html.light-theme .bg-purple-950\/40 span {
  color: #7e22ce !important;
}
html.light-theme #navbar-container .bg-slate-900 {
  background-color: #f0fdf4 !important;
  border-color: #bbf7d0 !important;
  color: #166534 !important;
}
html.light-theme #navbar-container .bg-slate-900 i,
html.light-theme #navbar-container .bg-slate-900 span {
  color: #166534 !important;
}

/* Profil Seçim Butonu */
html.light-theme #profile-menu-btn {
  background-color: #ffffff !important;
  border-color: #e2e8f0 !important;
}
html.light-theme #profile-menu-btn .text-white {
  color: #0f172a !important;
}
html.light-theme #profile-menu-btn .text-emerald-450 {
  color: #15803d !important;
}

/* Hoş Geldiniz Kartı İçindeki Yazılar & Linkler */
html.light-theme .text-slate-400 {
  color: #475569 !important;
}
html.light-theme .text-slate-700 {
  color: #cbd5e1 !important;
}
html.light-theme h3.text-white {
  color: #0f172a !important;
}
html.light-theme .text-white.font-semibold {
  color: #0f172a !important;
}
html.light-theme .text-emerald-400 {
  color: #166534 !important;
}
html.light-theme .text-emerald-450 {
  color: #15803d !important;
}
html.light-theme .text-blue-400 {
  color: #2563eb !important;
}

/* Profil Açılır Menü (Dropdown) */
html.light-theme #profile-dropdown-menu {
  background-color: #ffffff !important;
  border-color: #e2e8f0 !important;
  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important;
}
html.light-theme #profile-dropdown-menu .text-white {
  color: #0f172a !important;
}
html.light-theme #profile-dropdown-menu .border-slate-850,
html.light-theme #profile-dropdown-menu .border-slate-800\/40 {
  border-color: #f1f5f9 !important;
}
html.light-theme #profile-dropdown-menu .text-slate-350,
html.light-theme #profile-dropdown-menu .text-slate-300 {
  color: #475569 !important;
}
html.light-theme #profile-dropdown-menu .text-slate-500 {
  color: #64748b !important;
}
html.light-theme #profile-dropdown-menu button:hover,
html.light-theme #profile-dropdown-menu a:hover {
  background-color: #f1f5f9 !important;
  color: #0f172a !important;
}

/* ==========================================================================
   Aydınlık Modda Banka Ödeme Hesap Kartı Kontrast Entegrasyonu
   ========================================================================== */
html.light-theme #bank-account-card {
  --tw-gradient-from: #f0fdf4 !important;
  --tw-gradient-to: #f0fdf4 !important;
  --tw-gradient-stops: #f0fdf4, #f0fdf4 !important;
  background-image: none !important;
  background-color: #f0fdf4 !important; /* Soft açık yeşil arka plan */
  border-color: #bbf7d0 !important;
}
html.light-theme #bank-account-card span.text-white {
  color: #0f172a !important; /* Okan OKBAY, KALEKAPISI (446), 668 61 14 değerleri */
}
html.light-theme #bank-account-card span.text-slate-400 {
  color: #475569 !important; /* Alıcı:, Şube:, Hesap No:, Garanti BBVA etiketleri */
}
html.light-theme #bank-account-card .text-emerald-450 {
  color: #166534 !important; /* RESMİ ÖDEME HESABI başlığı */
}
html.light-theme #bank-account-card .bg-slate-900\/60 {
  background-color: #ffffff !important;
  border-color: #cbd5e1 !important;
}
html.light-theme #bank-account-card .bg-slate-900\/60 span.font-mono {
  color: #0f172a !important;
}

/* ==========================================================================
   Aydınlık Modda Destek Talepleri Durum Rozetleri (Badges)
   ========================================================================== */
html.light-theme .text-amber-400.bg-amber-500\/10 {
  background-color: #fef3c7 !important; /* amber-100 */
  border-color: #fde68a !important; /* amber-200 */
  color: #b45309 !important; /* amber-700 */
}
html.light-theme .text-emerald-450.bg-emerald-500\/10 {
  background-color: #d1fae5 !important; /* emerald-100 */
  border-color: #a7f3d0 !important; /* emerald-200 */
  color: #047857 !important; /* emerald-700 */
}
html.light-theme .bg-slate-800.text-slate-400.border-slate-700 {
  background-color: #f1f5f9 !important;
  border-color: #cbd5e1 !important;
  color: #475569 !important;
}