/* ==============================================
   GLOBAL DARK THEME OVERRIDE
   Forces dark appearance across ALL pages
   This should be the LAST stylesheet loaded
   ============================================= */

/* ── Force dark body and root ── */
html, body {
  background: #0a0a12 !important;
  color: #ffffff !important;
}

/* ── All modal / sheet backdrops ── */
.modal-overlay, .bottom-sheet, .modal-center {
  background-color: #12121e !important;
  color: #fff !important;
}

.bottom-sheet {
  background: #12121e !important;
  border-top: 1px solid rgba(255,255,255,0.07) !important;
}

/* ── Cards and containers ── */
.card, .glass-card, .info-card, .action-modal-card {
  background: rgba(24,24,38,0.9) !important;
  border-color: rgba(255,255,255,0.07) !important;
  color: #fff !important;
}

/* ── Navigation ── */
.bottom-nav, #bottomNav {
  background: rgba(8,8,16,0.97) !important;
  border-top: 1px solid rgba(255,255,255,0.07) !important;
}

.nav-item, .nav-link {
  color: rgba(255,255,255,0.5) !important;
}

.nav-item.active, .nav-link.active {
  color: var(--primary) !important;
}

/* ── Page header ── */
.page-header, .app-header, .room-header {
  background: rgba(8,8,16,0.96) !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
  color: #fff !important;
}

/* ── Inputs ── */
input, textarea, select {
  background: rgba(255,255,255,0.06) !important;
  border-color: rgba(255,255,255,0.1) !important;
  color: #fff !important;
}

input::placeholder, textarea::placeholder {
  color: rgba(255,255,255,0.35) !important;
}

/* ── form-input override ── */
.form-input {
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  color: #fff !important;
}

/* ── Buttons ── */
.btn-glass {
  background: rgba(255,255,255,0.07) !important;
  border-color: rgba(255,255,255,0.12) !important;
  color: #fff !important;
}

/* ── Message bubbles ── */
.msg-bubble {
  background: rgba(255,255,255,0.07) !important;
  color: #fff !important;
}

.msg-row.own .msg-bubble {
  background: linear-gradient(135deg, rgba(124,92,255,0.4), rgba(124,92,255,0.25)) !important;
}

/* ── Chat page — force fully dark background ── */
.chat-page,
.page-content.no-nav.chat-page,
#dmMessages {
  background: #08080f !important;
  background-color: #08080f !important;
}

/* ── Chat input area ── */
.chat-input-area, .chat-input-wrap, .chat-input-inner {
  background: rgba(8,8,16,0.97) !important;
  border-color: rgba(255,255,255,0.08) !important;
}

.chat-input-wrap input, .chat-input-inner input {
  background: transparent !important;
  color: #fff !important;
}

/* ── DM full-screen panel ── */
.dms-fullscreen-v2 {
  background: #08080f !important;
}

/* ── Sheet menu items ── */
.sheet-menu-item {
  background: rgba(255,255,255,0.04) !important;
  border-color: rgba(255,255,255,0.07) !important;
  color: #fff !important;
}

.sheet-menu-item:hover, .sheet-menu-item:active {
  background: rgba(255,255,255,0.08) !important;
}

/* ── Tabs ── */
.tab-bar, .tabs {
  background: rgba(0,0,0,0.3) !important;
}

/* ── Lists and items ── */
.member-item:hover, .member-item:active {
  background: rgba(255,255,255,0.04) !important;
}

/* ── Search bar ── */
.search-bar {
  background: rgba(255,255,255,0.06) !important;
  border-color: rgba(255,255,255,0.1) !important;
}

/* ── Tags ── */
.tag {
  background: rgba(255,255,255,0.1) !important;
  color: rgba(255,255,255,0.8) !important;
}

.tag.gold { background: rgba(255,215,0,0.2) !important; color: #FFD700 !important; }
.tag.primary { background: rgba(124,92,255,0.2) !important; color: #A28BFF !important; }
.tag.danger { background: rgba(255,71,87,0.2) !important; color: #FF4757 !important; }

/* ── Store / profile / explore pages ── */
.profile-card, .store-card, .explore-card {
  background: rgba(18,18,30,0.95) !important;
  color: #fff !important;
}

/* ── Prevent any white flash ── */
html {
  background: #0a0a12 !important;
}

/* ── Scrollbar dark ── */
::-webkit-scrollbar { width: 4px; height: 4px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.12); border-radius: 10px; }
* { scrollbar-width: thin; scrollbar-color: rgba(255,255,255,0.12) transparent; }