.bg-grey {
  background-color: #f5f7fb;
}
.chat-background {
  background-color: #eceff1;
  /* Optional: Add a subtle pattern if desired */
}
.message-bubble {
  max-width: 75%;
  padding: 10px 14px;
  position: relative;
}
.msg-me {
  border-radius: 16px 16px 2px 16px;
  /* TopL, TopR, BotR, BotL */
}
.msg-them {
  border-radius: 16px 16px 16px 2px;
}
.spin-icon {
  animation: spin 1s linear infinite;
}
@keyframes spin {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
.lh-1 {
  line-height: 1.2;
}
.border-top {
  border-top: 1px solid #e0e0e0 !important;
}


.chat-item {
  transition: background-color 0.2s;
  cursor: pointer;
}
.chat-item:hover {
  background-color: #f5f9ff !important;
}
.chat-item:hover { /* Light primary hover */
}

/* Custom Scrollbar for Webkit browsers */
.custom-scrollbar::-webkit-scrollbar {
  width: 6px;
}
.custom-scrollbar::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  background: #cfcfcf;
  border-radius: 3px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #b0b0b0;
}
.border-bottom {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
}
.support-card {
  border-radius: 12px;
  overflow: hidden;
}

.dashboard-wrapper {
  background-color: #f8f9fa; /* Light grey background for contrast */
  min-height: 100vh;
}

/* Section Styling */
.section-accent {
  width: 4px;
  height: 24px;
  border-radius: 4px;
}
.l-spacing {
  letter-spacing: 1px !important;
}
.l-spacing {
  color: #455a64;
}

/* Card Styling */
.action-card {
  border-radius: 12px !important;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
  background: #FAF8F5 !important;
}
.action-card {
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.action-card:hover { 
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.08) !important;
  border-color: var(--v-primary-base) !important;
}
.action-card:hover {
  transform: translateY(-5px);
}
.action-title {
  font-weight: 600;
  font-size: 0.95rem;
  color: #2c3e50;
}

/* Search Bar customization */
.custom-search {
  border-radius: 8px !important;
}

/* Dark mode overrides */
.v-theme--dark .action-card {
  background: #1e1e1e !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}
.v-theme--dark .action-title {
  color: #ffffff;
}
.stat-card {
  border-radius: 14px !important;
}
.stat-card {
  background: #FAF8F5;
  transition: all 0.25s ease;
}
.stat-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 22px rgba(0,0,0,0.08);
}
.stat-label {
  letter-spacing: 0.8px;
  text-transform: uppercase;
}
.stat-value {
  color: #263238;
}
.v-theme--dark .stat-card {
  background: #1e1e1e;
}