/* Right Panel Only - White Background Styles */

/* RIGHT PANEL/DRAWER SPECIFIC - White Base */
.v-navigation-drawer.v-navigation-drawer--right {
  background: var(--c-bg-ffffff, #ffffff) !important;
  border-left: 1px solid var(--c-bd-e2e8f0, #e2e8f0) !important;
  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.08);
}

.v-navigation-drawer--right .v-navigation-drawer__content {
  background: transparent !important;
}

.v-navigation-drawer--right .v-list {
  background: transparent !important;
  padding: 0.5rem 0;
}

.v-navigation-drawer--right .v-list-item {
  background: transparent !important;
  margin: 0.25rem 0.75rem;
  border-radius: 0.5rem;
  color: var(--c-fg-374151, #374151) !important;
}

.v-navigation-drawer--right .v-list-item:hover {
  background: var(--c-bg-f8fafc, #f8fafc) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.v-navigation-drawer--right .v-list-item__icon {
  color: var(--c-fg-6b7280, #6b7280) !important;
}

.v-navigation-drawer--right .v-list-item__title {
  color: var(--c-fg-374151, #374151) !important;
}

/* Main Content Area Background */
.v-main .v-main__wrap {
  background: var(--c-bg-f8fafc, #f8fafc) !important;
}

/* Chat Messages Container - White Background */
.chat-messages,
.v-container.chat-messages {
  background: var(--c-bg-ffffff, #ffffff) !important;
  border-radius: 0.75rem;
  margin: 1rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

/* Room List Item Styling for Main Content */
.v-list-item.room-item {
  background: var(--c-bg-ffffff, #ffffff) !important;
  border: 1px solid var(--c-bd-e2e8f0, #e2e8f0);
  border-radius: 0.5rem;
  margin: 0.5rem;
  padding: 1rem;
  transition: all 0.2s ease;
}

.v-list-item.room-item:hover {
  background: var(--c-bg-f8fafc, #f8fafc) !important;
  border-color: var(--c-bd-d1d5db, #d1d5db);
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
}

.v-list-item.room-item.unread {
  background: rgba(59, 130, 246, 0.05) !important;
  border-left: 4px solid var(--c-bd-3b82f6, #3b82f6);
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.15);
}

/* Search Area in White Theme */
.v-card.search-card {
  background: var(--c-bg-ffffff, #ffffff) !important;
  border: 1px solid var(--c-bd-e2e8f0, #e2e8f0);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

/* Button Styling in White Theme */
.v-btn.white-theme {
  background: var(--c-bg-ffffff, #ffffff) !important;
  color: var(--c-fg-374151, #374151) !important;
  border: 1px solid var(--c-bd-d1d5db, #d1d5db);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.v-btn.white-theme:hover {
  background: var(--c-bg-f8fafc, #f8fafc) !important;
  border-color: var(--c-bd-9ca3af, #9ca3af);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Ensure only right drawer gets white background */
.v-application .v-navigation-drawer.v-navigation-drawer--right {
  background: var(--c-bg-ffffff, #ffffff) !important;
}