/**
 * NexVexa site — sol paneller: koyu lacivert (admin görünümü)
 * Geri kalan her yer: siyah & beyaz
 */
html.theme-bw {
  color-scheme: light;
  --nxv-navy: #05070a;
  --nxv-navy-panel: rgba(5, 8, 18, 0.97);
  --nxv-navy-border: rgba(80, 110, 200, 0.18);
  --nxv-navy-border-hi: rgba(130, 160, 255, 0.28);
  --nxv-navy-text: #e8f0ff;
  --nxv-navy-text-2: #9aa8c8;
  --nxv-navy-text-3: #5a6a8a;
  --nxv-navy-active: rgba(91, 111, 255, 0.14);
  --nxv-navy-accent: #5b6fff;
  --nxv-navy-accent2: #b06cff;

  --nxv-bw-bg: #f4f4f5;
  --nxv-bw-surface: #ffffff;
  --nxv-bw-ink: #0a0a0a;
  --nxv-bw-ink-2: #262626;
  --nxv-bw-ink-3: #525252;
  --nxv-bw-border: rgba(0, 0, 0, 0.12);
  --nxv-bw-border-hi: rgba(0, 0, 0, 0.22);
}

/* ── Genel sayfa (sidebar dışı) ── */
html.theme-bw body {
  background: var(--nxv-bw-bg) !important;
  color: var(--nxv-bw-ink) !important;
}

html.theme-bw img:not([data-keep-color]) {
  filter: grayscale(1);
}

html.theme-bw .bg-fx,
html.theme-bw .grid-lines {
  opacity: 0.35;
}

html.theme-bw .bg-orb:nth-child(1) {
  background: radial-gradient(circle, #a3a3a3, transparent 70%) !important;
}

html.theme-bw .bg-orb:nth-child(2) {
  background: radial-gradient(circle, #737373, transparent 70%) !important;
}

html.theme-bw .bg-orb:nth-child(3) {
  background: radial-gradient(circle, #525252, transparent 70%) !important;
}

html.theme-bw .grid-lines {
  background-image: linear-gradient(rgba(0, 0, 0, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 0, 0, 0.05) 1px, transparent 1px) !important;
}

/* ── SOL PANELLER — koyu lacivert (ekran görüntüsü gibi) ── */
html.theme-bw .sidebar,
html.theme-bw .hub-sidebar {
  background: var(--nxv-navy-panel) !important;
  border-right: 1px solid var(--nxv-navy-border) !important;
  box-shadow: none !important;
  backdrop-filter: blur(20px) !important;
}

html.theme-bw .hub-sidebar {
  background: rgba(6, 9, 18, 0.55) !important;
}

html.theme-bw .sb-logo,
html.theme-bw .hub-sidebar-brand {
  border-color: var(--nxv-navy-border) !important;
}

html.theme-bw .sb-logo-inner,
html.theme-bw .hub-sidebar-brand,
html.theme-bw .sidebar .sb-link,
html.theme-bw .hub-sidebar .hub-btn,
html.theme-bw .sb-section,
html.theme-bw .sb-logo-badge,
html.theme-bw .sb-badge {
  color: var(--nxv-navy-text-2) !important;
  text-shadow: none !important;
}

html.theme-bw .sb-logo-inner,
html.theme-bw .hub-sidebar-brand {
  color: var(--nxv-navy-text) !important;
}

html.theme-bw .sb-link:hover,
html.theme-bw .hub-sidebar .hub-btn:hover {
  background: rgba(91, 111, 255, 0.1) !important;
  color: var(--nxv-navy-text) !important;
}

html.theme-bw .sb-link.on,
html.theme-bw .hub-sidebar .hub-btn.on,
html.theme-bw .sidebar .sb-link[style*='background'] {
  background: var(--nxv-navy-active) !important;
  color: var(--nxv-navy-text) !important;
  border-left-color: #fff !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12) !important;
}

html.theme-bw .sb-link.on::before {
  background: linear-gradient(var(--nxv-navy-accent), var(--nxv-navy-accent2)) !important;
}

html.theme-bw .sb-link .badge-count {
  background: rgba(91, 111, 255, 0.2) !important;
  color: #c8d4ff !important;
}

html.theme-bw .sb-bottom,
html.theme-bw .hub-sidebar .border-white\/\[0\.06\] {
  border-color: var(--nxv-navy-border) !important;
}

html.theme-bw .sb-user {
  background: rgba(255, 255, 255, 0.03) !important;
  border-color: var(--nxv-navy-border) !important;
}

html.theme-bw .sb-logo-icon,
html.theme-bw .sb-avatar,
html.theme-bw .hub-brand-badge,
html.theme-bw .sidebar .avatar-dot {
  background: linear-gradient(135deg, var(--nxv-navy-accent), var(--nxv-navy-accent2)) !important;
  color: #fff !important;
  box-shadow: 0 0 20px rgba(91, 111, 255, 0.35) !important;
}

html.theme-bw .role-user,
html.theme-bw .role-mod,
html.theme-bw .role-moderator {
  background: rgba(80, 110, 200, 0.12) !important;
  border-color: rgba(80, 110, 200, 0.2) !important;
  color: var(--nxv-navy-text-3) !important;
}

html.theme-bw .role-ticket_staff {
  background: rgba(34, 211, 238, 0.12) !important;
  border-color: rgba(34, 211, 238, 0.28) !important;
  color: #7dd3fc !important;
}

html.theme-bw .role-admin {
  background: rgba(176, 108, 255, 0.15) !important;
  border-color: rgba(176, 108, 255, 0.3) !important;
  color: #d8b4fe !important;
}

html.theme-bw .role-founder {
  background: rgba(240, 180, 41, 0.15) !important;
  border-color: rgba(240, 180, 41, 0.3) !important;
  color: #f0d78c !important;
}

/* Giriş — sol panel lacivert */
html.theme-bw .auth-left,
html.theme-bw .hz-login-left {
  background: var(--nxv-navy) !important;
}

html.theme-bw .auth-left .text-white,
html.theme-bw .hz-login-left .text-white,
html.theme-bw .auth-left h1 {
  color: var(--nxv-navy-text) !important;
}

html.theme-bw .auth-left .text-slate-400,
html.theme-bw .hz-login-left .text-slate-400,
html.theme-bw .auth-left .text-slate-500 {
  color: var(--nxv-navy-text-2) !important;
}

/* ── SAĞ / ANA İÇERİK — tam siyah beyaz ── */
html.theme-bw .main,
html.theme-bw .hub-main,
html.theme-bw .content,
html.theme-bw .auth-right,
html.theme-bw .hz-login-right,
html.theme-bw .shell > .main {
  background: var(--nxv-bw-surface) !important;
  color: var(--nxv-bw-ink) !important;
}

html.theme-bw .topbar,
html.theme-bw .hub-toolbar {
  background: var(--nxv-bw-surface) !important;
  border-bottom: 1px solid var(--nxv-bw-border) !important;
  backdrop-filter: none !important;
}

html.theme-bw .topbar-title,
html.theme-bw .hub-toolbar-title,
html.theme-bw .hub-page-head h2,
html.theme-bw .hub-page-head p,
html.theme-bw .main h1,
html.theme-bw .main h2,
html.theme-bw .main h3 {
  color: var(--nxv-bw-ink) !important;
  text-shadow: none !important;
}

html.theme-bw .hub-page-head p,
html.theme-bw .main .small,
html.theme-bw .sub,
html.theme-bw .form-label,
html.theme-bw th,
html.theme-bw .mono,
html.theme-bw .stat-lbl {
  color: var(--nxv-bw-ink-3) !important;
}

html.theme-bw td,
html.theme-bw .main p {
  color: var(--nxv-bw-ink-2) !important;
}

html.theme-bw .hub {
  background: var(--nxv-bw-surface) !important;
  border-color: var(--nxv-bw-border) !important;
}

html.theme-bw .hub-pro {
  background: var(--nxv-bw-bg) !important;
}

html.theme-bw .hub-body {
  background: var(--nxv-bw-surface) !important;
}

html.theme-bw .hub-page-head {
  border-bottom-color: var(--nxv-bw-border) !important;
}

/* Üst site menüsü (sol panel değil) — siyah beyaz */
html.theme-bw .site-nav .nav-pill {
  background: var(--nxv-bw-surface) !important;
  border: 1px solid var(--nxv-bw-border-hi) !important;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08) !important;
}

html.theme-bw .nav-pill .brand-title,
html.theme-bw .nav-pill .link {
  color: var(--nxv-bw-ink-2) !important;
}

html.theme-bw .nav-pill .link:hover,
html.theme-bw .nav-pill .link.on {
  background: rgba(0, 0, 0, 0.06) !important;
  color: var(--nxv-bw-ink) !important;
  border-color: var(--nxv-bw-border) !important;
}

html.theme-bw .logo-mark {
  background: var(--nxv-bw-ink) !important;
  color: #fff !important;
  box-shadow: none !important;
}

html.theme-bw .btn-login,
html.theme-bw .btn-register {
  background: var(--nxv-bw-surface) !important;
  color: var(--nxv-bw-ink) !important;
  border: 1px solid var(--nxv-bw-border-hi) !important;
  box-shadow: none !important;
}

/* Kartlar, hero, mağaza — siyah beyaz */
html.theme-bw .hero,
html.theme-bw .feat-card,
html.theme-bw .features,
html.theme-bw .card,
html.theme-bw .stat-card,
html.theme-bw .panel,
html.theme-bw .kbox,
html.theme-bw .plan,
html.theme-bw .ticket,
html.theme-bw .k,
html.theme-bw .set,
html.theme-bw .hub-quick-card,
html.theme-bw .lib-card,
html.theme-bw .game-modal-card,
html.theme-bw .auth-box {
  background: var(--nxv-bw-surface) !important;
  border-color: var(--nxv-bw-border) !important;
  color: var(--nxv-bw-ink) !important;
  backdrop-filter: none !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06) !important;
}

html.theme-bw .hero {
  background: linear-gradient(180deg, #fff 0%, #f0f0f0 100%) !important;
}

html.theme-bw .hero h1 .hero-plain,
html.theme-bw .hero p,
html.theme-bw .feat-card p,
html.theme-bw .small,
html.theme-bw .title {
  color: var(--nxv-bw-ink-2) !important;
}

html.theme-bw .hero h1 .hero-gradient,
html.theme-bw .brand-gradient,
html.theme-bw .hero-glass .hg-stat {
  background: linear-gradient(135deg, #0a0a0a, #525252) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}

html.theme-bw .hero-kicker,
html.theme-bw .section-label {
  color: var(--nxv-bw-ink-3) !important;
  border-color: var(--nxv-bw-border) !important;
  background: rgba(0, 0, 0, 0.04) !important;
}

html.theme-bw .hero-visual::before,
html.theme-bw .hero-visual::after,
html.theme-bw .home-orb {
  display: none !important;
}

html.theme-bw .hero-visual {
  background: #e5e5e5 !important;
  border-color: var(--nxv-bw-border) !important;
}

html.theme-bw .hero-glass {
  background: rgba(255, 255, 255, 0.9) !important;
  border-color: var(--nxv-bw-border) !important;
}

html.theme-bw .stat {
  background: #fafafa !important;
  border-color: var(--nxv-bw-border) !important;
}

html.theme-bw .stat-icon,
html.theme-bw .feat-icon {
  background: rgba(0, 0, 0, 0.06) !important;
  border-color: var(--nxv-bw-border) !important;
  color: var(--nxv-bw-ink) !important;
}

html.theme-bw .stat-card.s-blue::after,
html.theme-bw .stat-card.s-purple::after,
html.theme-bw .stat-card.s-cyan::after,
html.theme-bw .stat-card.s-green::after {
  background: linear-gradient(90deg, #737373, transparent) !important;
}

html.theme-bw .stat-card.s-blue::before,
html.theme-bw .stat-card.s-purple::before,
html.theme-bw .stat-card.s-cyan::before,
html.theme-bw .stat-card.s-green::before {
  background: #a3a3a3 !important;
  opacity: 0.2 !important;
}

/* Butonlar — içerik alanı */
html.theme-bw .btn,
html.theme-bw .btn-accent,
html.theme-bw .btn-primary,
html.theme-bw .hub-main .hub-btn.on,
html.theme-bw .btn-buy {
  background: var(--nxv-bw-ink) !important;
  background-image: none !important;
  color: #fff !important;
  border: 1px solid var(--nxv-bw-ink) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15) !important;
}

html.theme-bw .btn-outline,
html.theme-bw .btn-ghost,
html.theme-bw .coin {
  background: var(--nxv-bw-surface) !important;
  color: var(--nxv-bw-ink) !important;
  border: 1px solid var(--nxv-bw-border-hi) !important;
  box-shadow: none !important;
}

html.theme-bw .btn-danger {
  background: #262626 !important;
  color: #fff !important;
}

html.theme-bw .btn::after {
  display: none !important;
}

/* Formlar */
html.theme-bw .inp,
html.theme-bw input[type='text'],
html.theme-bw input[type='number'],
html.theme-bw input[type='password'],
html.theme-bw input[type='email'],
html.theme-bw select,
html.theme-bw textarea,
html.theme-bw .reply-form input[type='text'] {
  background: #fff !important;
  color: var(--nxv-bw-ink) !important;
  border: 1px solid var(--nxv-bw-border-hi) !important;
}

html.theme-bw input:focus,
html.theme-bw select:focus,
html.theme-bw textarea:focus,
html.theme-bw .inp:focus {
  border-color: var(--nxv-bw-ink) !important;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.08) !important;
}

html.theme-bw input::placeholder,
html.theme-bw textarea::placeholder {
  color: #737373 !important;
}

/* Hub içerik — toolbar üstü beyaz; hub-btn sadece sidebar'da renkli */
html.theme-bw .hub-main .hub-btn {
  background: transparent !important;
  color: var(--nxv-bw-ink-2) !important;
  box-shadow: none !important;
}

html.theme-bw .hub-main .hub-btn:hover {
  background: rgba(0, 0, 0, 0.05) !important;
}

html.theme-bw .hub-main .coin,
html.theme-bw .hub-main .avatar-btn,
html.theme-bw .hub-main .pill {
  background: #fafafa !important;
  border-color: var(--nxv-bw-border) !important;
  color: var(--nxv-bw-ink) !important;
}

html.theme-bw .hub-main .avatar-btn {
  color: var(--nxv-bw-ink) !important;
}

html.theme-bw .hub-main .avatar-dot {
  background: linear-gradient(135deg, #404040, #0a0a0a) !important;
  color: #fff !important;
}

html.theme-bw .user-menu {
  background: var(--nxv-bw-surface) !important;
  border-color: var(--nxv-bw-border) !important;
}

html.theme-bw .menu-item {
  color: var(--nxv-bw-ink-2) !important;
}

html.theme-bw .menu-item:hover {
  background: rgba(0, 0, 0, 0.06) !important;
  color: var(--nxv-bw-ink) !important;
}

/* Durum etiketleri — gri (sidebar hariç) */
html.theme-bw .main .pill-green,
html.theme-bw .main .pill-red,
html.theme-bw .main .pill-blue,
html.theme-bw .main .pill-gold,
html.theme-bw .main .alert-success,
html.theme-bw .main .alert-err,
html.theme-bw .pill:not(.sidebar .pill) {
  background: rgba(0, 0, 0, 0.06) !important;
  border: 1px solid var(--nxv-bw-border) !important;
  color: var(--nxv-bw-ink-2) !important;
}

html.theme-bw .thread-cell {
  background: #f5f5f5 !important;
  border-bottom-color: var(--nxv-bw-border) !important;
}

html.theme-bw .thread-msg {
  background: #fff !important;
  border-color: var(--nxv-bw-border) !important;
  color: var(--nxv-bw-ink-2) !important;
}

html.theme-bw .thread-msg.staff {
  background: #fafafa !important;
}

html.theme-bw .msg-meta {
  color: var(--nxv-bw-ink-3) !important;
}

html.theme-bw .ticket-row.expanded td {
  background: rgba(0, 0, 0, 0.04) !important;
}

html.theme-bw tr:hover td {
  background: rgba(0, 0, 0, 0.03) !important;
}

html.theme-bw .toast {
  background: var(--nxv-bw-ink) !important;
  border-color: transparent !important;
  color: #fff !important;
}

html.theme-bw .game-modal {
  background: rgba(0, 0, 0, 0.55) !important;
}

html.theme-bw .site-footer {
  border-top-color: var(--nxv-bw-border) !important;
}

html.theme-bw .footer-links a {
  color: var(--nxv-bw-ink-3) !important;
}

html.theme-bw .footer-links a:hover {
  color: var(--nxv-bw-ink) !important;
}

html.theme-bw .logo-icon:not(.sidebar .logo-icon):not(.sb-logo-icon) {
  background: linear-gradient(135deg, #262626, #0a0a0a) !important;
  box-shadow: none !important;
}

html.theme-bw .card-icon.blue,
html.theme-bw .card-icon.purple,
html.theme-bw .card-icon.gold {
  background: rgba(0, 0, 0, 0.06) !important;
  border-color: var(--nxv-bw-border) !important;
}

html.theme-bw header:not(.sidebar) {
  background: var(--nxv-bw-surface) !important;
  border-bottom-color: var(--nxv-bw-border) !important;
}

/* Sabit hex arka planları içerikte beyaz yap */
html.theme-bw .main [class*='bg-[#'],
html.theme-bw .hub-main [class*='bg-[#'],
html.theme-bw .content [class*='bg-[#'],
html.theme-bw .auth-right [class*='bg-[#'],
html.theme-bw .hero [class*='bg-[#'] {
  background-color: #f5f5f5 !important;
}

html.theme-bw .sidebar [class*='bg-[#'],
html.theme-bw .hub-sidebar [class*='bg-[#'] {
  background-color: rgba(8, 13, 26, 0.9) !important;
}

html.theme-bw .hz-friends-layout > aside {
  background: var(--nxv-navy-panel) !important;
  border-color: var(--nxv-navy-border) !important;
}

html.theme-bw .hz-friends-layout > div {
  background: var(--nxv-bw-surface) !important;
}

/* Ana sayfa — NexVexa nedir? (koyu blok, siyah-beyaz vurgu) */
html.theme-bw .about-nxv {
  background: #000 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

html.theme-bw .about-nxv::before {
  background: radial-gradient(ellipse 65% 50% at 88% 35%, rgba(255, 255, 255, 0.08), transparent 70%) !important;
}

html.theme-bw .about-nxv-ease::before {
  background: radial-gradient(ellipse 65% 50% at 15% 45%, rgba(255, 255, 255, 0.08), transparent 70%) !important;
}

html.theme-bw .about-window--glow {
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.08),
    0 0 40px rgba(255, 255, 255, 0.12),
    0 28px 70px rgba(255, 255, 255, 0.1),
    0 40px 90px rgba(0, 0, 0, 0.55) !important;
}

html.theme-bw .about-nxv h2 {
  color: #fff !important;
}

html.theme-bw .about-nxv-lead {
  color: #a3a3a3 !important;
}

html.theme-bw .about-nxv-lead .hl {
  color: #fff !important;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: rgba(255, 255, 255, 0.35);
}

html.theme-bw .about-nxv-list li {
  color: #d4d4d4 !important;
}

html.theme-bw .about-check {
  background: #fff !important;
  box-shadow: 0 0 14px rgba(255, 255, 255, 0.2) !important;
}

html.theme-bw .about-check svg {
  color: #000 !important;
}

html.theme-bw .about-window {
  border-color: rgba(255, 255, 255, 0.2) !important;
  background: linear-gradient(180deg, #141414 0%, #050505 100%) !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.06),
    0 28px 70px rgba(255, 255, 255, 0.1),
    0 40px 90px rgba(0, 0, 0, 0.55) !important;
}

html.theme-bw .about-window-media img {
  filter: grayscale(1);
}

html.theme-bw .about-window-caption strong {
  color: #f5f5f5 !important;
}

html.theme-bw .about-window-caption span,
html.theme-bw .about-window-title {
  color: #737373 !important;
}