﻿/**
 * UygunCuyuz - Global Modern Dark Theme
 * TÃ¼m sayfalarda style.css sonrasÄ± yÃ¼klenir; contrast + mavi temizliÄŸi.
 */

/* â€”â€” Tipografi & linkler â€”â€” */
html {
  color-scheme: dark;
}

body {
  background-color: var(--color-bg-base) !important;
  color: var(--color-text) !important;
}

h1, h2, h3, h4, h5, h6,
.section-title-modern,
.section-title-compact,
.hero-title-compact,
.accounts-title,
.products-page-title {
  color: var(--color-text) !important;
}

p, li, span, label, td, th {
  color: inherit;
}

.text-muted,
.section-subtitle,
.hero-description-compact,
.products-page-subtitle {
  color: var(--color-text-secondary) !important;
}

a {
  color: var(--color-link);
  transition: color 0.2s ease;
}

a:hover {
  color: var(--color-link-hover);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid var(--color-focus-ring);
  outline-offset: 2px;
  box-shadow: none !important;
}

/* â€”â€” Kartlar & yÃ¼zeyler â€”â€” */
.card,
.product-card,
.category-card,
.feature-item-compact,
.how-it-works-item,
.order-card,
.panel-card,
.admin-card,
.balance-card,
.message-card,
[class*="card-modern"],
[class*="card-premium"] {
  background: var(--color-bg-surface) !important;
  border-color: var(--color-border) !important;
  color: var(--color-text) !important;
}

.card:hover,
.product-card:hover,
.category-card:hover,
.feature-item-compact:hover {
  background: var(--color-bg-hover) !important;
  border-color: var(--color-border-strong) !important;
}

/* Beyaz arka plan + beyaz yazÄ± dÃ¼zeltmesi */
[style*="background: #fff"],
[style*="background:#fff"],
[style*="background: white"],
[style*="background-color: #fff"],
[style*="background-color:#fff"],
[style*="background-color: white"] {
  background-color: var(--color-bg-surface) !important;
  color: var(--color-text) !important;
}

/* â€”â€” Header / nav / footer â€”â€” */
.main-header,
.header-main,
.top-bar-premium,
.mobile-topbar,
.footer-modern,
.footer-main-modern {
  background: var(--color-bg-elevated) !important;
  border-color: var(--color-border) !important;
  color: var(--color-text) !important;
}

.nav-link,
.header-link,
.footer-link-modern,
.category-nav-link {
  color: var(--color-text-secondary) !important;
}

.nav-link:hover,
.header-link:hover,
.footer-link-modern:hover {
  color: var(--color-text) !important;
}

/* Dropdown & modal */
.dropdown-menu,
.dropdown-menu-modern,
.user-dropdown,
.dropdown-animated,
.user-dropdown-modern,
.modal-content,
.notification-dropdown,
.search-suggestions-modern {
  background: var(--color-bg-surface) !important;
  border: 1px solid var(--color-border) !important;
  color: var(--color-text) !important;
  box-shadow: var(--shadow-lg) !important;
}

/* Header arama Ã¶nerileri â€” birleÅŸik panel, ayrÄ± kutu deÄŸil */
.header-search .search-suggestions-modern {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.user-dropdown,
.dropdown-animated,
.user-dropdown-modern {
  background: linear-gradient(180deg, #141414 0%, #0c0c0c 100%) !important;
}

.dropdown-item:hover {
  background: var(--color-bg-hover) !important;
  color: var(--color-text) !important;
}

.dropdown-item,
.dropdown-menu-items .dropdown-item {
  color: var(--color-text-secondary) !important;
}

.dropdown-item:hover {
  background: var(--color-bg-hover) !important;
  color: var(--color-text) !important;
}

/* â€”â€” Formlar â€”â€” */
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not(.search-input-modern),
textarea,
select,
.form-control,
.admin-input-modern,
.filter-input {
  background: var(--color-bg-surface) !important;
  border: 1px solid var(--color-border) !important;
  color: var(--color-text) !important;
  border-radius: 10px;
}

input:not(.search-input-modern)::placeholder,
textarea::placeholder,
.form-control::placeholder {
  color: var(--color-text-muted) !important;
  opacity: 1 !important;
}

input:not(.search-input-modern):hover,
textarea:hover,
select:hover {
  border-color: var(--color-border-strong) !important;
}

input:not(.search-input-modern):focus,
textarea:focus,
select:focus {
  border-color: var(--color-primary-hover) !important;
  box-shadow: 0 0 0 3px var(--color-primary-soft) !important;
}

/* â€”â€” Butonlar â€”â€” */
.btn,
button,
[class*="btn-"],
.cta-btn-premium,
.btn-hero-compact,
.btn-view-all-compact,
.btn-primary,
.btn-secondary {
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
}

.btn-primary,
.btn-hero-compact.btn-primary-compact,
.cta-btn-primary,
.btn-primary-compact,
[class*="btn-primary"] {
  background: linear-gradient(135deg, var(--color-primary-muted) 0%, var(--color-primary) 100%) !important;
  border: 1px solid var(--color-border-strong) !important;
  color: var(--color-text) !important;
  box-shadow: var(--shadow-md) !important;
}

.btn-primary:hover,
.btn-hero-compact.btn-primary-compact:hover,
.cta-btn-primary:hover {
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-hover) 100%) !important;
  box-shadow: var(--shadow-lg) !important;
  filter: none !important;
}

.btn-secondary,
.btn-hero-compact.btn-secondary-compact,
.cta-btn-secondary {
  background: var(--color-bg-surface) !important;
  border: 1px solid var(--color-border) !important;
  color: var(--color-text) !important;
}

.btn-secondary:hover,
.btn-hero-compact.btn-secondary-compact:hover,
.cta-btn-secondary:hover {
  background: var(--color-bg-hover) !important;
  border-color: var(--color-primary-hover) !important;
  color: var(--color-text) !important;
}

/* Mavi glow / focus kaldÄ±r */
*:focus {
  --tw-ring-color: transparent;
}

*:focus-visible {
  outline-color: var(--color-focus-ring) !important;
}

/* â€”â€” Tablolar â€”â€” */
table,
.table,
.admin-table {
  background: var(--color-bg-surface);
  color: var(--color-text);
  border-color: var(--color-border);
}

thead th {
  background: var(--color-bg-elevated) !important;
  color: var(--color-text-secondary) !important;
  border-color: var(--color-border) !important;
}

tbody tr {
  border-color: var(--color-border) !important;
}

tbody tr:hover {
  background: var(--color-bg-hover) !important;
}

tbody td {
  color: var(--color-text) !important;
  border-color: var(--color-border) !important;
}

/* â€”â€” Panel / sidebar (cyber-dark) â€”â€” */
.user-sidebar,
.panel-sidebar,
.panel-sidebar-modern,
.admin-sidebar {
  background: linear-gradient(180deg, #121212 0%, #0c0c0c 100%) !important;
  border-color: var(--color-border) !important;
}

.user-sidebar a,
.panel-sidebar a,
.sidebar-menu a,
.panel-sidebar-link-modern {
  color: var(--color-text-secondary) !important;
}

.user-sidebar a:hover,
.user-sidebar a.active,
.panel-sidebar a.active,
.panel-sidebar-link-modern:hover {
  background: var(--color-bg-hover) !important;
  color: var(--color-text) !important;
  border-color: var(--color-border) !important;
}

.panel-sidebar-link-modern.active {
  background: rgba(255, 255, 255, 0.07) !important;
  color: var(--color-text) !important;
}

.panel-sidebar-link-modern:hover .panel-sidebar-link-icon-modern i,
.panel-sidebar-link-modern.active .panel-sidebar-link-icon-modern i {
  color: var(--color-text) !important;
}

.panel-sidebar-link-indicator-modern {
  background: #d4d4d4 !important;
  box-shadow: 0 0 6px rgba(255, 255, 255, 0.25) !important;
}

.panel-sidebar-footer-modern {
  background: linear-gradient(180deg, transparent 0%, #0c0c0c 35%) !important;
}

.panel-premium-stat-card,
.panel-stat-card,
.dashboard-card {
  background: var(--color-bg-surface) !important;
  border: 1px solid var(--color-border) !important;
  box-shadow: var(--shadow-card) !important;
}

.panel-premium-stat-card::before {
  background: linear-gradient(90deg, var(--color-primary-muted), var(--color-primary)) !important;
}

/* Kod / pre */
pre,
code,
.code-block,
kbd {
  background: var(--color-bg-elevated) !important;
  border: 1px solid var(--color-border) !important;
  color: var(--color-text) !important;
  border-radius: 8px;
}

/* ÃœrÃ¼n kartÄ± metinleri */
.product-title,
.product-price,
.category-name,
.seller-name {
  color: var(--color-text) !important;
}

.product-description,
.product-meta {
  color: var(--color-text-secondary) !important;
}

/* Hero / anasayfa â€” mavi kalÄ±ntÄ± */
.compact-hero {
  background: linear-gradient(165deg, var(--color-bg-base) 0%, var(--color-bg-elevated) 50%, var(--color-bg-base) 100%) !important;
}

.hero-badge-compact {
  color: var(--color-text-secondary) !important;
  background: var(--color-bg-hover) !important;
  border-color: var(--color-border) !important;
}

.hero-title-compact .hero-brand {
  background: linear-gradient(135deg, #fafafa 0%, var(--color-primary-hover) 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

.btn-view-all-compact {
  border-color: var(--color-border) !important;
  color: var(--color-text) !important;
  background: var(--color-bg-surface) !important;
}

.categories-section .category-card {
  background: linear-gradient(165deg, var(--color-bg-surface) 0%, var(--color-bg-elevated) 100%) !important;
}

.featured-section-compact .featured-section-icon-wrap {
  background: var(--color-bg-hover) !important;
  border-color: var(--color-border) !important;
}

.featured-section-compact .featured-section-icon-wrap i {
  color: var(--color-text-secondary) !important;
}

/* Bildirim / alert */
.alert,
.notification-toast {
  border: 1px solid var(--color-border);
  color: var(--color-text);
}

/* Scrollbar */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: var(--color-bg-base);
}

::-webkit-scrollbar-thumb {
  background: var(--color-primary-muted);
  border-radius: 6px;
  border: 2px solid var(--color-bg-base);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--color-primary);
}

/* Panel sayfalarÄ± */
.panel-premium-container,
.panel-ultra-container,
.panel-modern-container {
  background: var(--color-bg-base) !important;
}

.panel-premium-container::before,
.panel-ultra-container::before {
  background:
    radial-gradient(ellipse 80% 50% at 50% -20%, rgba(255, 255, 255, 0.04) 0%, transparent 50%),
    radial-gradient(circle at 90% 80%, rgba(82, 82, 82, 0.06) 0%, transparent 45%) !important;
}

.panel-premium-stat-icon.blue,
.stat-icon.blue,
.menu-item-icon.blue {
  background: var(--color-bg-hover) !important;
  color: var(--color-text-secondary) !important;
}

/* Admin */
.admin-page,
.admin-layout,
.admin-wrapper,
.admin-main,
.admin-content,
.admin-sidebar {
  background: var(--color-bg-base) !important;
  color: var(--color-text) !important;
}

.admin-sidebar,
.admin-nav {
  background: var(--color-bg-elevated) !important;
  border-color: var(--color-border) !important;
}

.admin-nav a,
.admin-sidebar a {
  color: var(--color-text-secondary) !important;
}

.admin-nav a:hover,
.admin-nav a.active,
.admin-sidebar a.active {
  background: var(--color-bg-hover) !important;
  color: var(--color-text) !important;
}

.admin-card,
.admin-stat-card,
.admin-table-wrapper,
.admin-panel-box {
  background: var(--color-bg-surface) !important;
  border: 1px solid var(--color-border) !important;
  color: var(--color-text) !important;
}

.admin-fab,
.admin-fab-menu {
  background: var(--color-bg-surface) !important;
  border-color: var(--color-border) !important;
}

.admin-fab-item {
  color: var(--color-text-secondary) !important;
}

.admin-fab-item:hover {
  background: var(--color-bg-hover) !important;
  color: var(--color-text) !important;
}

/* â€”â€” TÃ¼m sayfa bÃ¶lgeleri â€”â€” */
main,
.container,
.page-container,
.content-wrapper,
.site-content {
  color: var(--color-text);
}

/* Auth */
.auth-page,
.login-page,
.register-page {
  background: transparent !important;
  color: var(--color-text) !important;
}

.auth-container,
.login-container,
.login-box,
.register-box {
  background: transparent !important;
  color: var(--color-text) !important;
}

.auth-page .auth-shell,
.auth-page .auth-card,
.auth-page .auth-brand {
  color: var(--color-text) !important;
}

.auth-page .auth-card {
  background: var(--color-bg-elevated) !important;
}

.auth-page .auth-brand {
  background: linear-gradient(160deg, #1a1a1a 0%, #121212 50%, #0f0f0f 100%) !important;
}

.auth-card .card,
.login-form-wrapper,
.register-form-wrapper {
  background: var(--color-bg-surface) !important;
  border: 1px solid var(--color-border) !important;
}

/* ÃœrÃ¼n / kategori / liste */
.product-detail,
.product-page,
.product-info,
.product-gallery,
.filter-sidebar,
.filters-panel,
.products-page,
.accounts-page,
.category-page,
.search-page,
.cart-page,
.checkout-page,
.payment-page,
.sepet-page,
.odeme-page {
  color: var(--color-text);
}

.filter-group,
.filter-section,
.sort-bar,
.products-toolbar {
  background: var(--color-bg-elevated) !important;
  border-color: var(--color-border) !important;
}

.product-grid,
.product-grid-compact,
.accounts-grid,
.listings-grid {
  color: var(--color-text);
}

/* Ä°lan ekle / formlar */
.ilan-ekle-page,
.form-section,
.form-step,
.form-card,
.upload-zone,
.image-upload-box {
  background: var(--color-bg-surface) !important;
  border-color: var(--color-border) !important;
  color: var(--color-text) !important;
}

/* Mesajlar */
.messages-page-container,
.messages-sidebar,
.messages-list,
.message-thread,
.message-bubble,
.chat-panel,
.conversation-item {
  background: var(--color-bg-surface) !important;
  border-color: var(--color-border) !important;
  color: var(--color-text) !important;
}

.message-bubble.sent,
.message-item.outgoing {
  background: var(--color-bg-hover) !important;
  color: var(--color-text) !important;
}

.messages-page-container.msg-page .message-bubble.sent {
  background: linear-gradient(155deg, #6366f1 0%, #4f46e5 100%) !important;
  color: #f8fafc !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  box-shadow: 0 2px 10px rgba(79, 70, 229, 0.28) !important;
}

.messages-page-container.msg-page .message-bubble.received {
  background: rgba(255, 255, 255, 0.07) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: rgba(255, 255, 255, 0.94) !important;
}

.message-bubble.received,
.message-item.incoming {
  background: var(--color-bg-elevated) !important;
  color: var(--color-text) !important;
}

/* Bakiye */
.balance-page-wrap,
.balance-page-header,
.balance-card-modern,
.transaction-list,
.transaction-item,
.wallet-box {
  background: var(--color-bg-surface) !important;
  border-color: var(--color-border) !important;
  color: var(--color-text) !important;
}

/* Statik sayfalar */
.about-page,
.sss-page,
.privacy-page,
.terms-page,
.contact-page,
.sss-hero,
.about-hero,
.faq-item,
.faq-question,
.faq-answer {
  color: var(--color-text);
}

.faq-item,
.sss-item {
  background: var(--color-bg-surface) !important;
  border: 1px solid var(--color-border) !important;
}

/* Panel baÅŸlÄ±klarÄ± */
.panel-premium-header,
.panel-header,
.page-header-modern,
.section-header-compact,
.section-header-modern {
  color: var(--color-text) !important;
}

.panel-premium-header p,
.section-subtitle-compact,
.section-subtitle {
  color: var(--color-text-secondary) !important;
}

/* SipariÅŸ / tablo listeleri */
.order-item,
.order-row,
.sale-item,
.listing-row,
.notification-item {
  background: var(--color-bg-surface) !important;
  border-color: var(--color-border) !important;
  color: var(--color-text) !important;
}

/* Badge & etiket â€” okunabilir */
.badge,
.tag,
.status-badge,
.product-badge {
  border: 1px solid var(--color-border);
}

.badge-success,
.status-success {
  background: rgba(34, 197, 94, 0.15) !important;
  color: #86efac !important;
}

.badge-danger,
.status-error,
.status-rejected {
  background: rgba(239, 68, 68, 0.15) !important;
  color: #fca5a5 !important;
}

.badge-warning,
.status-pending {
  background: rgba(249, 115, 22, 0.15) !important;
  color: #fdba74 !important;
}

/* Pagination */
.pagination,
.page-numbers,
.page-link {
  background: var(--color-bg-surface) !important;
  border-color: var(--color-border) !important;
  color: var(--color-text-secondary) !important;
}

.page-link:hover,
.page-link.active {
  background: var(--color-bg-hover) !important;
  color: var(--color-text) !important;
  border-color: var(--color-border-strong) !important;
}

/* Modal / offcanvas */
.modal,
.modal-dialog,
.modal-header,
.modal-body,
.modal-footer,
.offcanvas,
.drawer,
.popup-overlay,
.popup-content,
.lightbox {
  background: var(--color-bg-surface) !important;
  color: var(--color-text) !important;
  border-color: var(--color-border) !important;
}

.modal-backdrop {
  background: rgba(0, 0, 0, 0.75) !important;
}

/* Mobil menü — stiller mobile-menu-premium.css'te (tema ezmesin) */
.mobile-menu-panel,
.mobile-nav-drawer,
.mobile-sidebar,
.hamburger-menu-panel,
.menu-overlay {
  background: var(--color-bg-elevated) !important;
  color: var(--color-text) !important;
}

/* mobile-topbar / mobile-menu arka planı premium CSS'te kalsın */

/* Kategori navigasyon */
.categories-nav,
.category-pills-container,
.category-pill,
.modern-categories-bar {
  background: transparent;
}

.header-categories {
  background: linear-gradient(180deg, #121212 0%, #0c0c0c 100%) !important;
  border-color: var(--color-border) !important;
}

.header-categories .category-link {
  color: var(--color-text) !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: var(--color-border) !important;
}

.header-categories .category-link:hover {
  color: var(--color-text) !important;
  background: var(--color-bg-hover) !important;
  border-color: var(--color-border-strong) !important;
}

.header-categories .category-link-primary,
.header-categories .category-link:first-child {
  background: linear-gradient(145deg, #2a2a2a, #1f1f1f) !important;
  color: var(--color-text) !important;
  box-shadow: var(--shadow-sm) !important;
}

.header-categories .category-link:first-child::before {
  display: none !important;
}

.category-pill {
  background: var(--color-bg-surface) !important;
  border: 1px solid var(--color-border) !important;
  color: var(--color-text-secondary) !important;
}

.category-pill:hover,
.category-pill.active {
  background: var(--color-bg-hover) !important;
  color: var(--color-text) !important;
  border-color: var(--color-border-strong) !important;
}

/* Arama */
.search-page-container,
.search-results-header,
.search-suggestion-item {
  color: var(--color-text);
}

.search-suggestion-item:hover {
  background: var(--color-bg-hover) !important;
}

/* Select option */
select option {
  background: var(--color-bg-surface);
  color: var(--color-text);
}

/* Checkbox / radio label */
.form-check-label,
.checkbox-label {
  color: var(--color-text-secondary) !important;
}

/* BoÅŸ durum */
.empty-state,
.no-results,
.empty-cart {
  color: var(--color-text-secondary) !important;
}

/* Inline style dÃ¼zeltmeleri (PHP sayfalarÄ±) */
[style*="color: white"],
[style*="color:#fff"],
[style*="color: #fff"] {
  color: var(--color-text) !important;
}

[style*="color: #ffffff"],
[style*="color:#ffffff"] {
  color: var(--color-text) !important;
}

/* AÃ§Ä±k arka plan dÃ¼zeltmesi (yalnÄ±zca beyaz tonlarÄ±) */
[style*="background: #fff"],
[style*="background:#fff"],
[style*="background: white"],
[style*="background-color: #fff"],
[style*="background-color:#fff"],
[style*="background-color: white"],
[style*="background: rgb(255, 255, 255"],
[style*="background-color: rgb(255, 255, 255"] {
  background-color: var(--color-bg-surface) !important;
  color: var(--color-text) !important;
}

/* Footer derinlik */
.footer-modern,
.footer-bottom-modern,
.footer-legal-modern {
  background: var(--color-bg-base) !important;
  color: var(--color-text-secondary) !important;
}

.footer-brand-name,
.footer-cta-title-modern {
  color: var(--color-text) !important;
}

/* Reklam alanlarÄ± â€” Ã§erÃ§eve only */
.ad-sidebar,
.ad-unit,
.home-main-banner-ad {
  border-color: var(--color-border);
}

/* â€”â€” Mobil: layout dokunulmaz, sadece renk â€”â€” */
@media (max-width: 991px) {
  .main-header {
    background: var(--color-bg-elevated) !important;
  }

  .product-card,
  .category-card {
    background: var(--color-bg-surface) !important;
  }

  .panel-premium-container,
  .panel-ultra-container {
    background: var(--color-bg-base) !important;
  }
}

@media (max-width: 768px) {
  .compact-hero,
  .hero-content-compact {
    color: var(--color-text);
  }

  .mobile-menu-premium,
  .mobile-menu-inner {
    background: var(--color-bg-elevated) !important;
  }

  .btn,
  .btn-hero-compact,
  button[type="submit"] {
    /* Dokunma alanÄ± korunur â€” min-height override yok */
    color: inherit;
  }

  input,
  select,
  textarea {
    font-size: 16px; /* iOS zoom Ã¶nleme â€” mevcut mobil UX */
  }

  .dropdown-menu,
  .search-suggestions-modern {
    max-height: min(70vh, 420px);
  }
}

@media (max-width: 480px) {
  .hero-main-showcase,
  .product-card {
    border-color: var(--color-border) !important;
  }
}

/* Sepet & Ã¶deme â€” inline stillerin Ã¼zerine */
.cart-hero {
  background: linear-gradient(135deg, #1c1c1c 0%, #242424 50%, #151515 100%) !important;
  border: 1px solid var(--color-border) !important;
  box-shadow: var(--shadow-lg) !important;
}

.cart-hero h1,
.cart-hero-subtitle {
  color: var(--color-text) !important;
  text-shadow: none !important;
}

.cart-checkout-btn.cart-checkout-btn-blocked {
  background: linear-gradient(135deg, #3a3a3a, #525252, #6b6b6b) !important;
}

/* Mesajlar & Bakiye â€” lacivert kart temizliÄŸi */
.conversations-card,
.chat-area,
.messages-area,
.message-input-area,
.balance-hero,
.balance-card,
.stats-section,
.transactions-section,
.panel-premium-stat-card,
.panel-premium-card {
  background: var(--color-bg-surface) !important;
  border-color: var(--color-border) !important;
}

.conversation-item.active {
  background: var(--color-bg-hover) !important;
  border-color: var(--color-border-strong) !important;
}

.conversation-item:hover {
  background: rgba(255, 255, 255, 0.05) !important;
}

.message-bubble.sent {
  background: linear-gradient(135deg, #525252 0%, #3a3a3a 100%) !important;
  color: var(--color-text) !important;
}

.messages-page-container.msg-page .message-bubble.sent {
  background: linear-gradient(155deg, #6366f1 0%, #4f46e5 100%) !important;
  color: #f8fafc !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  box-shadow: 0 2px 10px rgba(79, 70, 229, 0.28) !important;
}

.messages-page-container.msg-page .message-bubble.received {
  background: rgba(255, 255, 255, 0.07) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: rgba(255, 255, 255, 0.94) !important;
}

.message-bubble.received {
  background: var(--color-bg-elevated) !important;
  border-color: var(--color-border) !important;
  color: var(--color-text) !important;
}

.send-button {
  background: linear-gradient(135deg, #525252 0%, #3a3a3a 100%) !important;
}

.balance-hero-btn.primary {
  background: linear-gradient(135deg, #525252 0%, #3a3a3a 100%) !important;
  border-color: var(--color-border-strong) !important;
}

.panel-premium-stat-icon.blue,
.balance-card-icon.blue {
  background: var(--color-bg-hover) !important;
  color: var(--color-text-secondary) !important;
  border-color: var(--color-border) !important;
  box-shadow: none !important;
}

/* Ä°letiÅŸim & Hesaplar */
.contact-header,
.contact-form-card,
.contact-info-card,
.contact-faq-section,
.accounts-header,
.accounts-filter-card,
.accounts-results-header,
.accounts-empty-state {
  background: var(--color-bg-surface) !important;
  border-color: var(--color-border) !important;
}

.contact-header-icon,
.accounts-header-icon,
.contact-submit-btn,
.accounts-search-btn,
.accounts-search-button,
.accounts-empty-button,
.pagination-btn:hover,
.pagination-btn.active {
  background: linear-gradient(135deg, #525252, #3a3a3a) !important;
  color: var(--color-text) !important;
}
