/* topoty themes — dark default; light: white dashboard, gray sidebar, violet frames; top banner #824b87 */

:root,
body.theme-dark {
  --app-bg: #0c0d0e;
  --app-surface: #161719;
  --app-surface-2: #1e1f22;
  --app-sidebar: #161719;
  --app-border: #2d2d30;
  --app-text: #f1f5f9;
  --app-text-muted: #94a3b8;
  --app-text-soft: #64748b;
  --app-accent: #FF8D1C;
  --app-accent-soft: rgba(255, 141, 28, 0.12);
  --app-accent-border: rgba(255, 141, 28, 0.35);
  --app-green: #34d399;
  --app-green-soft: rgba(52, 211, 153, 0.12);
  --app-violet: #a78bfa;
  --app-violet-soft: rgba(167, 139, 250, 0.12);
  --app-navbar: #000000;
  --app-input-bg: #0c0d0e;
  --app-input-border: #2d2d30;
  --app-shadow: none;
  --app-card-value: #ffffff;
  --app-danger: #ef4444;
  --app-success: #10b981;
  --app-table-head: #0c0d0e;
  --bs-table-bg: transparent;
  --bs-body-bg: var(--app-bg);
  --bs-body-color: var(--app-text);
}

body.theme-light {
  --app-bg: #ffffff;
  --app-surface: #ffffff;
  --app-surface-2: #f7f5f8;
  --app-sidebar: #fafbfc;
  /* Palet A — tam mor uyum: #824b87 (turuncu açık temada mor) */
  --app-border: #824b87;
  --app-text: #1c1a24;
  --app-text-muted: #5f5a6b;
  --app-text-soft: #857e93;
  --app-accent: #824b87;
  --app-accent-soft: #f3eaf5;
  --app-accent-border: rgba(130, 75, 135, 0.40);
  --app-orange: #824b87;
  --app-orange-soft: rgba(130, 75, 135, 0.14);
  --app-green: #0d7572;
  --app-green-soft: rgba(13, 117, 114, 0.14);
  --app-violet: #824b87;
  --app-violet-soft: rgba(130, 75, 135, 0.12);
  --app-navbar: #824b87;
  --app-input-bg: #ffffff;
  --app-input-border: #d8c7dc;
  --app-shadow: 0 1px 2px rgba(16, 24, 40, 0.04), 0 6px 16px rgba(130, 75, 135, 0.08);
  --app-card-value: #1c1a24;
  --app-danger: #e11d48;
  --app-success: #0d7572;
  --app-table-head: #f7f5f8;
  --bs-body-bg: #ffffff;
  --bs-body-color: var(--app-text);
}

body {
  background-color: var(--app-bg);
  color: var(--app-text);
}

html.theme-light:not(:has(body.app-auth)),
body.theme-light:not(.app-auth),
body.theme-light:not(.app-auth) main,
body.theme-light:not(.app-auth) .container,
body.theme-light:not(.app-auth) .app-shell {
  background-color: #ffffff !important;
  color: var(--app-text);
}

/* Page shells only — do NOT paint navbar's inner .container-fluid white */
body.theme-light:not(.app-auth) main .container-fluid,
body.theme-light:not(.app-auth) .app-shell .container-fluid,
body.theme-light:not(.app-auth) > .container-fluid {
  background-color: #ffffff !important;
  color: var(--app-text);
}

/* Shared theme utility classes */
.theme-panel,
.btc-table-wrap,
.custom-table-container,
.wallet-card {
  background: var(--app-surface);
  border: 1px solid var(--app-border);
  color: var(--app-text);
}

.theme-table,
.table.theme-table {
  --bs-table-bg: transparent;
  --bs-table-color: var(--app-text);
  color: var(--app-text);
}

.theme-table th,
.theme-table td {
  border-color: var(--app-border) !important;
  color: inherit;
}

.theme-text { color: var(--app-text) !important; }
.theme-text-muted { color: var(--app-text-muted) !important; }
.theme-text-soft { color: var(--app-text-soft) !important; }
.theme-accent { color: var(--app-accent) !important; }
.theme-green { color: var(--app-green) !important; }
.theme-violet { color: var(--app-violet) !important; }

/* ---- Header / navbar: solid brand purple + white text ---- */
body.theme-light .navbar,
body.theme-light .app-navbar,
body.theme-light header,
body.theme-light header .navbar,
body.theme-light > header {
  background-color: var(--app-navbar, #824b87) !important;
  background: var(--app-navbar, #824b87) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
  border-color: rgba(0, 0, 0, 0.12) !important;
  box-shadow: none !important;
  color: #ffffff !important;
}

/* Navbar inner row must stay transparent (was whitened by .container-fluid rule) */
body.theme-light header .container-fluid,
body.theme-light header .container,
body.theme-light .navbar .container-fluid,
body.theme-light .navbar .container,
body.theme-light .app-navbar .container-fluid,
body.theme-light .app-navbar .container {
  background-color: transparent !important;
  background: transparent !important;
  color: #ffffff !important;
}

body.theme-light .header-username,
body.theme-light .brand-title,
body.theme-light .lang-badge .lang-name {
  color: #ffffff !important;
}

body.theme-light .header-avatar,
body.theme-light .header-avatar-fallback {
  border-color: rgba(255, 255, 255, 0.55);
  background: #ffffff;
  color: #824b87;
}

body.theme-light .wallet-nav-link,
body.theme-light .navbar a.wallet-nav-link {
  background: rgba(255, 255, 255, 0.14);
  border-color: rgba(255, 255, 255, 0.45);
  color: #ffffff !important;
}

body.theme-light .wallet-nav-link:hover,
body.theme-light .navbar a.wallet-nav-link:hover {
  background: rgba(255, 255, 255, 0.22);
  border-color: rgba(255, 255, 255, 0.7);
  color: #ffffff !important;
}

body.theme-light .wallet-nav-link .idp-symbol,
body.theme-light .navbar a.wallet-nav-link .idp-symbol {
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.55);
  color: #ffffff !important;
}

body.theme-light .lang-badge {
  background: rgba(255, 255, 255, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.45);
  color: #ffffff !important;
}

body.theme-light .lang-badge .lang-flag,
body.theme-light .lang-badge .lang-flag i {
  color: #ffffff !important;
}

body.theme-light .lang-badge .lang-name {
  color: #ffffff !important;
}

body.theme-light .header-notify-btn {
  color: #ffffff !important;
}

body.theme-light .header-notify-btn:hover,
body.theme-light .header-notify-btn:focus {
  color: #ffffff !important;
  opacity: 0.9;
}

body.theme-light .header-notify-badge {
  border-color: #824b87;
}

/* Banner mark: light = purple fill + white glyph */
body.theme-light .brand-logo {
  filter: none !important;
  background: transparent !important;
}
body.theme-light .brand-logo-dark { display: none !important; }
body.theme-light .brand-logo-light {
  display: inline-block !important;
  filter: none !important;
  background: transparent !important;
}
body.theme-light .wallet-nav-link .idp-symbol,
body.theme-light .navbar a.wallet-nav-link .idp-symbol {
  background: rgba(255, 255, 255, 0.18) !important;
  border-color: rgba(255, 255, 255, 0.55) !important;
  color: #ffffff !important;
}


/* ---- Dashboard: white content, light-gray sidebar ---- */
body.theme-light .dashboard-container {
  background-color: #ffffff !important;
  color: var(--app-text) !important;
  align-items: stretch !important;
  min-height: calc(100vh - var(--app-header-h, 64px) + 1rem) !important;
  min-height: calc(100dvh - var(--app-header-h, 64px) + 1rem) !important;
  background-image: linear-gradient(
    to right,
    #fafbfc 0,
    #fafbfc 260px,
    #ffffff 260px,
    #ffffff 100%
  ) !important;
}

body.theme-light .dashboard-container::before {
  background-color: #fafbfc !important;
  border-right-color: #e5e7eb !important;
}

html[dir="rtl"] body.theme-light .dashboard-container::before {
  border-right: none !important;
  border-left-color: #e5e7eb !important;
}

body.theme-light .dashboard-main-wrap,
body.theme-light .main-content,
body.theme-light #dashboard-content {
  background-color: #ffffff !important;
  background: #ffffff !important;
  color: var(--app-text) !important;
}

body.theme-light .sidebar {
  background-color: #fafbfc !important;
  border-right: 1px solid #e5e7eb !important;
  box-shadow: none !important;
  align-self: stretch !important;
  min-height: calc(100vh - var(--app-header-h, 64px) + 1rem) !important;
  min-height: calc(100dvh - var(--app-header-h, 64px) + 1rem) !important;
}

@media (max-width: 991.98px) {
  body.theme-light .dashboard-container {
    background-image: none !important;
  }

  body.theme-light .dashboard-container::before {
    display: none !important;
  }
}

body.theme-light .sidebar-menu-divider,
body.theme-light .sidebar-social-line { background: #e5e7eb !important; }
body.theme-light .sidebar-footer { border-top-color: #e5e7eb !important; }
body.theme-light .sidebar-link,
body.theme-light .sidebar-social-link {
  color: var(--app-text-muted) !important;
}
body.theme-light .sidebar-link:hover,
body.theme-light .sidebar-social-link:hover {
  background-color: var(--app-accent-soft) !important;
  color: var(--app-accent) !important;
}
/* Selected menu: light purple background + dark purple text */
body.theme-light .sidebar-link.active {
  background-color: var(--app-accent-soft) !important;
  color: var(--app-accent) !important;
}
body.theme-light .sidebar-link.active i {
  color: var(--app-accent) !important;
}
body.theme-light .sidebar-link.logout { color: var(--app-danger) !important; }

body.theme-light .welcome-header {
  border-left-color: var(--app-accent) !important;
}
body.theme-light .welcome-header h2 { color: var(--app-text) !important; }
body.theme-light .welcome-header p { color: var(--app-text-muted) !important; }

/* Dashboard orange accents → dark purple in light theme */
body.theme-light .platform-feed-title,
body.theme-light .platform-feed-title i,
body.theme-light .promo-title,
body.theme-light .event-link,
body.theme-light .event-link i,
body.theme-light .platform-post-meta strong,
body.theme-light .platform-post-title,
body.theme-light .comment-item strong {
  color: var(--app-accent) !important;
}
body.theme-light .btn-post-more {
  color: var(--app-accent) !important;
}
body.theme-light .dash-live-rank-list .rank-user,
body.theme-light .dash-live-rank-list .rank-val {
  color: var(--app-text) !important;
}
body.theme-light .live-rank-card .card-title {
  color: var(--app-text-muted) !important;
}
body.theme-light .rank-price-marquee-text {
    color: #824b87;
}
body.theme-light .dash-live-rank-empty {
  color: var(--app-text-muted) !important;
}

/* Nasıl Başardım + sohbet odaları + TopCup (light) */
body.theme-light .success-story-user,
body.theme-light .success-story-link a,
body.theme-light .chat-rooms-list li:not(.locked) {
  color: var(--app-accent) !important;
}
body.theme-light .success-story-name,
body.theme-light .success-story-empty,
body.theme-light .chat-rooms-list li.locked {
  color: var(--app-text-muted) !important;
}

/* Home redesign — light */
body.theme-light .sidebar-panel {
  border-bottom-color: #e5e7eb !important;
  background: #fafbfc !important;
}
body.theme-light .sidebar-panel-label { color: var(--app-text-soft) !important; }
body.theme-light .sidebar-panel-meta { color: var(--app-text-muted) !important; }
body.theme-light .sidebar-panel-meta strong { color: var(--app-text) !important; }
body.theme-light .sidebar-panel-badge {
  background: var(--app-accent-soft) !important;
  border-color: var(--app-accent-border) !important;
  color: var(--app-accent) !important;
}
body.theme-light .sidebar-panel-avatar-fallback {
  background: var(--app-accent-soft) !important;
  color: var(--app-accent) !important;
}
body.theme-light .dash-hero {
  --dash-hero-image: url("/img/dash/dash-hero-light.jpg");
  --dash-hero-overlay: radial-gradient(ellipse at 50% 42%, rgba(255, 252, 255, 0.72) 0%, rgba(243, 234, 245, 0.42) 55%, rgba(243, 234, 245, 0.22) 100%);
  border-color: #824b87 !important;
  background-color: #f3eaf5 !important;
  background-image: none !important; /* görsel ::after katmanında */
}
body.theme-light .dash-hero::after {
  background-color: #f3eaf5 !important;
  background-image:
    var(--dash-hero-overlay),
    var(--dash-hero-image) !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
body.theme-light .dash-hero::before {
  background: radial-gradient(ellipse at 50% 40%, rgba(130, 75, 135, 0.12), transparent 65%) !important;
}
body.theme-light .dash-hero-welcome {
  color: #824b87 !important;
  font-weight: 700 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,0.75);
}
body.theme-light .dash-hero-brand {
  color: #1c1a24 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,0.8);
}
body.theme-light .dash-hero-tagline {
  color: #824b87 !important;
  font-weight: 600 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,0.7);
}

/* Açık tema CTA: mor dolu + mor outline */
body.theme-light .dash-btn-primary,
body.theme-light .dash-hero .dash-btn-primary,
body.theme-light a.dash-btn-primary,
body.theme-light button.dash-btn-primary {
  background: #824b87 !important;
  border-color: #824b87 !important;
  color: #ffffff !important;
}
body.theme-light .dash-btn-primary:hover,
body.theme-light .dash-hero .dash-btn-primary:hover,
body.theme-light a.dash-btn-primary:hover,
body.theme-light button.dash-btn-primary:hover {
  background: #6e3d73 !important;
  border-color: #6e3d73 !important;
  color: #ffffff !important;
}
body.theme-light .dash-btn-outline,
body.theme-light .dash-hero .dash-btn-outline {
  background: #ffffff !important;
  border-color: #824b87 !important;
  color: #824b87 !important;
}
body.theme-light .dash-btn-outline:hover,
body.theme-light .dash-hero .dash-btn-outline:hover {
  background: #f3eaf5 !important;
  border-color: #6d3d72 !important;
  color: #6d3d72 !important;
}
body.theme-light .career-progress {
  background: #ffffff !important;
  border-color: #824b87 !important;
}
body.theme-light .career-progress-track { background: #f3eaf5 !important; }
body.theme-light .career-progress-fill {
  background: linear-gradient(90deg, #824b87, #a56eaa) !important;
}
body.theme-light .career-progress-label {
  color: #824b87 !important;
}
body.theme-light .career-progress-label.next { color: var(--app-text-muted) !important; }
body.theme-light .success-story-actions .archive-link {
  color: #824b87 !important;
}
body.theme-light .success-story-actions .archive-link:hover {
  color: #6e3d73 !important;
}
/* Online durum: teal (işlevsel); ranking değeri mor */
body.theme-light .chat-online-pill,
body.theme-light .chat-rooms-list .chat-online-pill {
  background: rgba(13, 117, 114, 0.14) !important;
  color: #0d7572 !important;
}
body.theme-light .dash-live-rank-list .rank-val {
  color: #824b87 !important;
}
body.theme-light .success-quote { color: var(--app-text-muted) !important; }
body.theme-light .finance-card.success-story-card .card-title {
  color: var(--app-accent) !important;
}
body.theme-light .success-story-copy .success-quote {
  color: var(--app-text) !important;
  font-style: normal !important;
}
body.theme-light .success-story-featured,
body.theme-light .success-story-featured-fallback {
  border-color: var(--app-accent) !important;
}
body.theme-light .success-story-featured-fallback {
  background: var(--app-accent-soft) !important;
  color: var(--app-accent) !important;
}
body.theme-light .success-story-actions .archive-link {
  color: var(--app-text) !important;
}
body.theme-light .success-story-actions .archive-link:hover {
  color: var(--app-accent) !important;
}
/* TopCup featured card — light: full purple harmony */
body.theme-light .finance-card.topcup-card {
  background:
    radial-gradient(120% 90% at 100% 0%, rgba(130, 75, 135, 0.18) 0%, transparent 55%),
    linear-gradient(165deg, #f7f0fa 0%, #ffffff 45%, #f3eaf5 100%) !important;
  background-image:
    radial-gradient(120% 90% at 100% 0%, rgba(130, 75, 135, 0.18) 0%, transparent 55%),
    linear-gradient(165deg, #f7f0fa 0%, #ffffff 45%, #f3eaf5 100%) !important;
  border-color: #824b87 !important;
  box-shadow:
    0 0 0 1px rgba(130, 75, 135, 0.12),
    0 12px 28px rgba(130, 75, 135, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}
body.theme-light .finance-card.topcup-card:hover {
  border-color: #6e3d73 !important;
  box-shadow:
    0 0 0 1px rgba(130, 75, 135, 0.18),
    0 16px 36px rgba(130, 75, 135, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}
body.theme-light .topcup-card-glow {
  background: radial-gradient(ellipse at center, rgba(130, 75, 135, 0.16) 0%, transparent 70%);
}
body.theme-light .topcup-card-mark {
  color: rgba(130, 75, 135, 0.14);
  filter: drop-shadow(0 0 12px rgba(130, 75, 135, 0.18));
}
body.theme-light .topcup-card-title {
  color: #824b87 !important;
}
body.theme-light .topcup-title-icon {
  background: rgba(130, 75, 135, 0.12);
  border-color: rgba(130, 75, 135, 0.45);
  color: #824b87;
}
body.theme-light .topcup-live-pill {
  background: rgba(220, 38, 38, 0.1);
  border-color: rgba(220, 38, 38, 0.35);
  color: #b91c1c;
}
body.theme-light .topcup-card .topcup-rank-big {
  color: #1c1a24 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8), 0 2px 14px rgba(130, 75, 135, 0.2);
}
body.theme-light .topcup-card .topcup-rank-hash { color: #824b87 !important; }
body.theme-light .topcup-card .topcup-rank-num { color: #1c1a24 !important; }
body.theme-light .topcup-card .topcup-rank-of { color: #824b87 !important; }
body.theme-light .topcup-idle-icon {
  background: rgba(130, 75, 135, 0.12);
  border-color: rgba(130, 75, 135, 0.4);
  color: #824b87;
}
body.theme-light .topcup-idle-text { color: #1c1a24 !important; }
body.theme-light .topcup-rank-caption { color: #824b87 !important; }
body.theme-light .topcup-card .topcup-event-link,
body.theme-light .topcup-card .topcup-event-link i {
  color: #ffffff !important;
  box-shadow: 0 8px 20px rgba(130, 75, 135, 0.35);
}
body.theme-light .archive-item {
  background: #ffffff !important;
  border-color: #d8c7dc !important;
}
body.theme-light .archive-item-title { color: var(--app-text) !important; }
body.theme-light .archive-item .archive-fallback {
  background: var(--app-accent-soft) !important;
  color: var(--app-accent) !important;
}
body.theme-light #roportajArchiveModal .crypto-modal-content {
  background: #ffffff !important;
  border-color: #824b87 !important;
}
body.theme-light #chatModal .crypto-modal-content,
body.theme-light .chat-msg-body,
body.theme-light #chatEmojiPicker {
  background: #ffffff !important;
  border-color: #824b87 !important;
}
body.theme-light .chat-online-pane {
  background: #f5f6f8 !important;
}
body.theme-light .chat-online-name,
body.theme-light .chat-msg-text,
body.theme-light .chat-online-head {
  color: var(--app-text) !important;
}
body.theme-light .chat-msg.mine .chat-msg-body {
  background: var(--app-accent-soft) !important;
  border-color: var(--app-accent-border) !important;
}
body.theme-light #chatInput {
  background: #ffffff !important;
  color: var(--app-text) !important;
  border-color: #d8c7dc !important;
}
body.theme-light .chat-avatar-fallback {
  background: var(--app-accent-soft) !important;
  color: var(--app-accent) !important;
}
body.theme-light .success-story-avatar,
body.theme-light .success-story-avatar-fallback,
body.theme-light .roportaj-modal-head img {
  border-color: #824b87 !important;
}
body.theme-light .success-story-avatar-fallback {
  background: var(--app-accent-soft) !important;
  color: var(--app-accent) !important;
}
body.theme-light .topcup-event-link:not(.dash-btn-primary),
body.theme-light .topcup-event-link:not(.dash-btn-primary) i {
  color: var(--app-accent) !important;
}
body.theme-light .roportaj-modal-meta strong {
  color: var(--app-accent) !important;
}
body.theme-light .roportaj-modal-title,
body.theme-light .roportaj-modal-text {
  color: var(--app-text) !important;
}
body.theme-light .roportaj-modal-body {
  background: #ffffff !important;
}
body.theme-light .promo-icon {
  background-color: var(--app-accent) !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(91, 33, 182, 0.28) !important;
}
/* Inline style leftovers (Dashboard/modals) — orange → purple in light */
body.theme-light [style*="color: #FF8D1C"],
body.theme-light [style*="color:#FF8D1C"],
body.theme-light [style*="color: #ef7f1a"],
body.theme-light [style*="color:#ef7f1a"] {
  color: var(--app-accent) !important;
}
body.theme-light [style*="background: #FF8D1C"],
body.theme-light [style*="background:#FF8D1C"],
body.theme-light [style*="background-color: #FF8D1C"],
body.theme-light [style*="background-color:#FF8D1C"],
body.theme-light [style*="background: #ef7f1a"],
body.theme-light [style*="background:#ef7f1a"],
body.theme-light [style*="background-color: #ef7f1a"],
body.theme-light [style*="background-color:#ef7f1a"] {
  background-color: #824b87 !important;
  background: #824b87 !important;
}
body.theme-light [style*="border: 2px solid rgba(255,141,28"],
body.theme-light [style*="border:2px solid rgba(255,141,28"],
body.theme-light [style*="border-color: #FF8D1C"],
body.theme-light [style*="border-color:#FF8D1C"] {
  border-color: #824b87 !important;
}
body.theme-light .comment-send,
body.theme-light .chat-send-btn,
body.theme-light #chatSendBtn,
body.theme-light .btn-chat-send {
  background: #824b87 !important;
  border-color: #824b87 !important;
  color: #ffffff !important;
}

body.theme-light .mobile-topbar {
  background: #ffffff !important;
  border-color: #e5e7eb !important;
  color: var(--app-text) !important;
}

body.theme-light .mobile-nav-toggle {
  color: var(--app-accent) !important;
  border-color: #824b87 !important;
  background: #ffffff !important;
}

/* ---- Cards / panels: white + purple frame ---- */
body.theme-light .finance-card,
body.theme-light .portfolio-card,
body.theme-light .stat-card,
body.theme-light .crypto-card,
body.theme-light .profile-card,
body.theme-light .platform-post,
body.theme-light .total-portfolio,
body.theme-light .btc-rank-box,
body.theme-light .promo-card-link,
body.theme-light .crypto-table-container,
body.theme-light .custom-table-container,
body.theme-light .wallet-card,
body.theme-light .btc-leaderboard-card,
body.theme-light .btc-table-wrap,
body.theme-light .theme-panel,
body.theme-light .login-card,
body.theme-light .card:not(.sidebar) {
  background-color: #ffffff !important;
  background-image: none !important;
  border: 1px solid #824b87 !important;
  color: var(--app-text) !important;
  box-shadow: var(--app-shadow);
}

body.theme-light .btc-leaderboard-card {
  background: #ffffff !important;
  border-color: #824b87 !important;
}

body.theme-light .finance-card:hover {
  box-shadow: 0 10px 24px rgba(155, 127, 212, 0.15) !important;
  border-color: #7c5cbf !important;
}

body.theme-light .card-title,
body.theme-light .card-label,
body.theme-light .card-trend,
body.theme-light .platform-post-meta,
body.theme-light .platform-post-body,
body.theme-light .comment-item,
body.theme-light .profile-form-group label,
body.theme-light .wallet-card .subtitle,
body.theme-light .custom-table th {
  color: var(--app-text-muted) !important;
}

body.theme-light .card-value { color: var(--app-card-value) !important; }

body.theme-light .total-portfolio .card-value,
body.theme-light .platform-post-meta strong,
body.theme-light .platform-post-title,
body.theme-light .comment-item strong,
body.theme-light .event-link,
body.theme-light .wallet-card h2 {
  color: var(--app-accent) !important;
}

body.theme-light .promo-card-link {
  background: #ffffff !important;
  background-image: none !important;
  border: 1px solid #824b87 !important;
  box-shadow: none !important;
  color: var(--app-text) !important;
}

body.theme-light .promo-card-link:hover {
  background: #ffffff !important;
  background-image: none !important;
  border-color: #7c5cbf !important;
  box-shadow: 0 4px 12px rgba(155, 127, 212, 0.15) !important;
}

body.theme-light .promo-card-link::before {
  display: none !important;
}

/* Tablo sütun başlığı alt çizgisi: ince gri (kart çerçevesi mor kalır) */
body.theme-light .crypto-table th,
body.theme-light .table-dark th,
body.theme-light .theme-table thead th,
body.theme-light .theme-table thead tr,
body.theme-light .custom-table th,
body.theme-light table thead tr,
body.theme-light table thead th {
  border-bottom: 1px solid #e5e7eb !important;
  border-color: #e5e7eb !important;
}

body.theme-light .crypto-table td,
body.theme-light .theme-table td,
body.theme-light .custom-table td {
  border-bottom-color: #eef0f3 !important;
}

body.theme-light .trend-up,
body.theme-light .price-up,
body.theme-light .theme-green,
body.theme-light .badge-active {
  color: #10b981 !important;
}

/* DURUM sütunu: koyu temadaki yeşil / kırmızı / sarı — tablo td rengi ezmesin */
body.theme-light .crypto-table td.price-up,
body.theme-light .theme-table td.price-up,
body.theme-light .custom-table td.price-up,
body.theme-light .table-dark td.price-up,
body.theme-light td.price-up,
body.theme-light .price-up {
  color: #10b981 !important;
}

body.theme-light .crypto-table td.price-down,
body.theme-light .theme-table td.price-down,
body.theme-light .custom-table td.price-down,
body.theme-light .table-dark td.price-down,
body.theme-light td.price-down,
body.theme-light .price-down,
body.theme-light .card-trend.price-down {
  color: #ef4444 !important;
}

body.theme-light .crypto-table td.price-live,
body.theme-light .theme-table td.price-live,
body.theme-light .custom-table td.price-live,
body.theme-light .table-dark td.price-live,
body.theme-light td.price-live,
body.theme-light .price-live {
  color: #f0b90b !important;
}

/* ---- Forms ---- */
body.theme-light .profile-input,
body.theme-light .comment-input,
body.theme-light .form-control,
body.theme-light .form-select,
body.theme-light input[type="text"],
body.theme-light input[type="password"],
body.theme-light input[type="number"],
body.theme-light select,
body.theme-light textarea {
  background-color: #ffffff !important;
  border-color: #d8c7dc !important;
  color: var(--app-text) !important;
}

body.theme-light .profile-input[readonly] {
  background-color: #f5f6f8 !important;
  color: var(--app-text-muted) !important;
}

body.theme-light .profile-input:focus,
body.theme-light .comment-input:focus,
body.theme-light .form-control:focus {
  border-color: var(--app-accent) !important;
  box-shadow: 0 0 0 3px rgba(130, 75, 135, 0.18);
}

/* ---- Feed ---- */
body.theme-light .post-action {
  background: #f5f6f8 !important;
  border-color: #d8c7dc !important;
  color: var(--app-text-muted) !important;
}
body.theme-light .post-action:hover,
body.theme-light .post-action.active {
  border-color: var(--app-accent-border) !important;
  color: var(--app-accent) !important;
  background: var(--app-accent-soft) !important;
}
body.theme-light .post-action.btn-like.active {
  color: #e11d48 !important;
  border-color: #fda4af !important;
}
body.theme-light .platform-post-image,
body.theme-light .platform-post-video {
  border-color: #824b87 !important;
  background: #f5f6f8 !important;
}
body.theme-light .platform-comments { border-top-color: #d8c7dc !important; }
body.theme-light .post-share-menu {
  background: #ffffff !important;
  border-color: #824b87 !important;
  box-shadow: var(--app-shadow);
}
body.theme-light .post-share-menu a { color: var(--app-text) !important; }
body.theme-light .post-share-menu a:hover {
  background: var(--app-violet-soft) !important;
  color: var(--app-violet) !important;
}
body.theme-light .btn-translate-post,
body.theme-light .btn-translate-comment,
body.theme-light .btn-translate-success-quote,
body.theme-light .btn-translate-roportaj { color: var(--app-text-soft) !important; }
body.theme-light .btn-translate-post:hover,
body.theme-light .btn-translate-comment:hover,
body.theme-light .btn-translate-success-quote:hover,
body.theme-light .btn-translate-roportaj:hover { color: var(--app-accent) !important; }
body.theme-light .success-translate-row .post-translated-badge,
body.theme-light .roportaj-translate-row .post-translated-badge {
  color: var(--app-text-muted) !important;
}

/* ---- Tables ---- */
body.theme-light .crypto-table-container,
body.theme-light .custom-table-container {
  background-color: #ffffff !important;
  border-color: #824b87 !important;
}

body.theme-light .crypto-table th,
body.theme-light .table-dark th,
body.theme-light .theme-table thead th {
  background-color: #f5f6f8 !important;
  color: var(--app-accent) !important;
  border-color: #d8c7dc !important;
}

body.theme-light .crypto-table td,
body.theme-light .table-dark td,
body.theme-light .theme-table td,
body.theme-light .custom-table td,
body.theme-light .custom-table {
  color: var(--app-text) !important;
  border-color: #e8e4f2 !important;
  background-color: transparent !important;
}

body.theme-light .table-dark,
body.theme-light .table,
body.theme-light .theme-table {
  background-color: transparent !important;
  color: var(--app-text) !important;
  --bs-table-bg: transparent !important;
  --bs-table-color: var(--app-text) !important;
  --bs-table-striped-bg: #f5f6f8 !important;
  --bs-table-hover-bg: var(--app-violet-soft) !important;
}

body.theme-light .table-hover tbody tr:hover,
body.theme-light .custom-table tbody tr:hover {
  background-color: var(--app-violet-soft) !important;
}

body.theme-light .crypto-table-container h4,
body.theme-light .crypto-table-container .theme-heading {
  color: var(--app-text) !important;
}

/* Force common hardcoded dark inline panels into light surfaces */
body.theme-light [style*="background-color: #0c0d0e"],
body.theme-light [style*="background-color:#0c0d0e"],
body.theme-light [style*="background-color: #161719"],
body.theme-light [style*="background-color:#161719"],
body.theme-light [style*="background-color: #1e1f22"],
body.theme-light [style*="background-color:#1e1f22"],
body.theme-light [style*="background-color: #18181b"],
body.theme-light [style*="background-color:#18181b"],
body.theme-light [style*="background-color: #09090b"],
body.theme-light [style*="background-color:#09090b"],
body.theme-light [style*="background: #161719"],
body.theme-light [style*="background:#161719"],
body.theme-light [style*="background: #1e1f22"],
body.theme-light [style*="background:#1e1f22"],
body.theme-light [style*="background: #0c0d0e"],
body.theme-light [style*="background:#0c0d0e"] {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: var(--app-text) !important;
  border-color: #824b87 !important;
}

body.theme-light [style*="linear-gradient(145deg, #1e1e24"],
body.theme-light [style*="linear-gradient(145deg,#1e1e24"] {
  background: #ffffff !important;
  border-color: #824b87 !important;
  color: var(--app-text) !important;
}

body.theme-light [style*="color: #f1f5f9"],
body.theme-light [style*="color:#f1f5f9"],
body.theme-light [style*="color: #cbd5e1"],
body.theme-light [style*="color:#cbd5e1"] {
  color: var(--app-text) !important;
}

body.theme-light [style*="color: #10b981"],
body.theme-light [style*="color:#10b981"] {
  color: var(--app-success) !important;
}

body.theme-light [style*="border-bottom: 2px solid #2d2d30"],
body.theme-light [style*="border-bottom:1px solid #2d2d30"],
body.theme-light [style*="border-bottom: 1px solid #2d2d30"],
body.theme-light [style*="border-bottom: 2px solid var(--app-border"],
body.theme-light [style*="border-bottom:2px solid var(--app-border"],
body.theme-light [style*="border-bottom: 1px solid var(--app-border"],
body.theme-light [style*="border-bottom:1px solid var(--app-border"] {
  border-bottom: 1px solid #e5e7eb !important;
  border-color: #e5e7eb !important;
}

body.theme-light [style*="border: 1px solid #2d2d30"],
body.theme-light [style*="border:1px solid #2d2d30"] {
  border-color: #824b87 !important;
}

/* ---- Modals ---- */
body.theme-light .crypto-modal { background: rgba(40, 30, 70, 0.35); }
body.theme-light .crypto-modal-content,
body.theme-light .modal-content {
  background-color: #ffffff !important;
  color: var(--app-text) !important;
  border: 1px solid #824b87 !important;
  box-shadow: var(--app-shadow);
}
body.theme-light .crypto-modal-header {
  border-bottom-color: #824b87 !important;
  background: #ffffff !important;
}
body.theme-light .crypto-modal-title,
body.theme-light .crypto-modal-close { color: var(--app-text) !important; }

/* ---- Auth / wallet ---- */

/* Login & Register: finance illustration background (Alt 2) */
body.app-auth {
  --auth-bg-image: url("/img/auth/login-bg-dark.jpg?v=20261001");
  background-color: #0c0d0e !important;
  background-image: var(--auth-bg-image) !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  min-height: 100vh;
}

body.app-auth.theme-light,
html.theme-light body.app-auth {
  --auth-bg-image: url("/img/auth/login-bg-light-v3.jpg?v=20261001b");
  background-color: #f5f0e8 !important;
  background-image: var(--auth-bg-image) !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}

/* Child shells must stay transparent — NEVER clear body background-image */
body.app-auth.theme-light main,
body.app-auth.theme-light .container,
body.app-auth.theme-light .app-shell,
body.app-auth.theme-light main .container-fluid,
body.app-auth.theme-light > .container-fluid,
body.app-auth main,
body.app-auth .container-fluid,
body.app-auth .auth-page,
body.app-auth .auth-page .container-fluid {
  background-color: transparent !important;
  background-image: none !important;
}

html.theme-light.body-auth-fix,
html.theme-light:has(body.app-auth) {
  background-color: transparent !important;
}

body.app-auth > header {
  background-color: transparent !important;
}

body.app-auth > header .app-navbar,
body.app-auth > header .navbar {
  background-color: rgba(0, 0, 0, 0.35) !important;
  background: rgba(0, 0, 0, 0.35) !important;
  backdrop-filter: blur(6px);
  border-bottom-color: transparent !important;
}

body.app-auth.theme-light > header .app-navbar,
body.app-auth.theme-light > header .navbar {
  background-color: #824b87 !important;
  background: #824b87 !important;
  border-bottom-color: rgba(0, 0, 0, 0.12) !important;
}
body.app-auth.theme-light .brand-title,
body.app-auth.theme-light .lang-badge,
body.app-auth.theme-light .lang-badge .lang-name,
body.app-auth.theme-light .lang-badge .lang-flag,
body.app-auth.theme-light .lang-badge .lang-flag i {
  color: #ffffff !important;
}
body.app-auth.theme-light .lang-badge {
  background: rgba(255, 255, 255, 0.14) !important;
  border-color: rgba(255, 255, 255, 0.45) !important;
}
body.app-auth.theme-light .brand-logo {
  filter: none !important;
  background: transparent !important;
}

body.app-auth .auth-page {
  min-height: calc(100vh - 72px);
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: 28px 16px 40px !important;
}

body.app-auth .auth-page .login-card,
body.app-auth .auth-page .register-card {
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.28) !important;
  backdrop-filter: blur(2px);
}

body.theme-light .auth-page .card {
  background: #ffffff !important;
  border: 1px solid #824b87 !important;
}

/* Keep login/register card compact and always visible */
.auth-page {
  visibility: visible !important;
}

body:not(.app-auth) .auth-page {
  display: block !important;
}

body.theme-light .auth-page .auth-col,
.auth-page .auth-col {
  max-width: 440px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  flex: 0 0 auto !important;
}

body.theme-light .auth-page .login-card,
body.theme-light .auth-page .register-card,
.auth-page .login-card,
.auth-page .register-card {
  display: block !important;
  visibility: visible !important;
  max-width: 440px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

/* Light theme: form labels + inputs readable */
body.theme-light .auth-page .form-label,
body.theme-light .auth-page .text-light {
  color: var(--app-text) !important;
}

body.theme-light .auth-page .dark-input {
  background-color: #ffffff !important;
  border: 1px solid #d8c7dc !important;
  color: var(--app-text) !important;
}

body.theme-light .auth-page .dark-input::placeholder {
  color: #857e93 !important;
}

body.theme-light .auth-page .card-header.bg-custom-orange,
body.theme-light .auth-page .bg-custom-orange,
body.theme-light .bg-custom-orange {
  background-color: #824b87 !important;
  color: #ffffff !important;
}
body.theme-light .btn-custom-orange,
body.theme-light .auth-page .btn-custom-orange {
  background-color: #824b87 !important;
  border-color: #824b87 !important;
  color: #ffffff !important;
}
body.theme-light .btn-custom-orange:hover,
body.theme-light .auth-page .btn-custom-orange:hover {
  background-color: #6e3d73 !important;
  border-color: #6e3d73 !important;
  color: #ffffff !important;
}
body.theme-light .btn-outline-orange,
body.theme-light .auth-page .btn-outline-orange {
  background-color: #ffffff !important;
  border-color: #824b87 !important;
  color: #824b87 !important;
}
body.theme-light .btn-outline-orange:hover,
body.theme-light .auth-page .btn-outline-orange:hover {
  background-color: #f3eaf5 !important;
  border-color: #6e3d73 !important;
  color: #6e3d73 !important;
}

body.theme-light .auth-page .card-header h4 {
  color: #ffffff !important;
}
body.theme-light .wallet-page {
  background: transparent !important;
  color: var(--app-text) !important;
}
body.theme-light .wallet-card {
  background: #ffffff !important;
  border: 1px solid #824b87 !important;
  box-shadow: var(--app-shadow) !important;
}

body.theme-light .wallet-balance-box {
  background: #ffffff !important;
  border: 1px solid #824b87 !important;
}

body.theme-light .wallet-balance-box:hover {
  background: #ffffff !important;
  border-color: var(--app-accent-border) !important;
}

body.theme-light .wallet-balance-value {
  color: var(--app-text) !important;
}

body.theme-light .wallet-balance-label {
  color: var(--app-text-muted) !important;
}

/* IDP wallet moves table — dark readable text on white */
body.theme-light .wallet-moves h3 {
  color: var(--app-accent) !important;
}
body.theme-light .wallet-table th {
  color: var(--app-text-muted) !important;
  border-bottom-color: var(--app-border) !important;
}
body.theme-light .wallet-table td {
  color: var(--app-text) !important;
  border-bottom-color: #e8e4f2 !important;
}
body.theme-light .wallet-table .in {
  color: var(--app-success) !important;
  font-weight: 600;
}
body.theme-light .wallet-table .out {
  color: var(--app-danger) !important;
  font-weight: 600;
}
body.theme-light .wallet-meta,
body.theme-light .wallet-click-hint,
body.theme-light .wallet-empty {
  color: var(--app-text-muted) !important;
}
body.theme-light .wallet-card h2,
body.theme-light .wallet-token,
body.theme-light .wallet-back,
body.theme-light .wallet-card .idp-symbol {
  color: var(--app-accent) !important;
}

/* BTC Formula — kullanıcı sıra / genel toplam özet kutuları */
.btc-user-rank-box,
.app-summary-box,
.btc-total-box {
  background: rgba(255, 141, 28, 0.1);
  border: 1px dashed #FF8D1C;
  border-radius: 8px;
}

/* Rank / grand-total rows: same soft purple as light-theme buttons */
body.theme-light .btc-user-rank-box,
body.theme-light .app-summary-box,
body.theme-light .btc-total-box {
  background: var(--app-accent-soft) !important;
  border: 1px solid var(--app-accent-border) !important;
  color: var(--app-accent) !important;
  box-shadow: none !important;
}
body.theme-light .btc-user-rank-box i,
body.theme-light .app-summary-box i,
body.theme-light .btc-total-box i,
body.theme-light .btc-user-rank-box strong,
body.theme-light .app-summary-box strong,
body.theme-light .btc-total-box strong,
body.theme-light .btc-user-rank-box .theme-text,
body.theme-light .app-summary-box .theme-text,
body.theme-light .btc-total-box .theme-text {
  color: var(--app-accent) !important;
}
body.theme-light .btc-user-rank-box [style*="color: #FF8D1C"],
body.theme-light .btc-user-rank-box [style*="color:#FF8D1C"],
body.theme-light .app-summary-box [style*="color: #FF8D1C"],
body.theme-light .app-summary-box [style*="color:#FF8D1C"],
body.theme-light .btc-total-box [style*="color: #FF8D1C"],
body.theme-light .btc-total-box [style*="color:#FF8D1C"] {
  color: var(--app-accent) !important;
}

body.theme-light tr.btc-grand-total-row,
body.theme-light tr.app-total-row {
  background: var(--app-accent-soft) !important;
}

body.theme-light tr.btc-grand-total-row td,
body.theme-light tr.app-total-row td {
  border: none !important;
  color: var(--app-accent) !important;
  padding-top: 14px !important;
  padding-bottom: 4px !important;
}

body.theme-light .text-muted { color: var(--app-text-muted) !important; }
body.theme-light .sidebar-drawer-backdrop { background: rgba(40, 30, 70, 0.28); }

/* Soft accent chips — match "İşlem Hareketleri" (btn-chart): light purple bg + dark purple text */
body.theme-light .btn-chart,
body.theme-light .btn-profile-save {
  background-color: var(--app-accent-soft) !important;
  color: var(--app-accent) !important;
  border: 1px solid var(--app-accent-border) !important;
}
body.theme-light .btn-chart:hover,
body.theme-light .btn-profile-save:hover {
  background-color: #e4d8f5 !important;
  color: var(--app-accent) !important;
  border-color: var(--app-accent) !important;
}
body.theme-light .btn-profile-save i {
  color: var(--app-accent) !important;
}
body.theme-light .order-type-toggle {
  border-color: #824b87 !important;
}
body.theme-light .order-type-btn {
  background: #ffffff !important;
  color: var(--app-text-muted) !important;
}
body.theme-light .order-type-btn + .order-type-btn {
  border-left-color: #824b87 !important;
}
body.theme-light .order-type-btn.active[data-side="buy"] {
  background: rgba(47, 158, 104, 0.12) !important;
  color: var(--app-success) !important;
}
body.theme-light .order-type-btn.active[data-side="sell"] {
  background: rgba(225, 29, 72, 0.1) !important;
  color: var(--app-danger) !important;
}
body.theme-light .btn-cancel-order {
  background: #ffffff !important;
}
body.theme-light .btn-buy {
  background-color: var(--app-green-soft) !important;
  color: var(--app-success) !important;
  border: 1px solid rgba(125, 206, 160, 0.45) !important;
}