#full-layout {
  background: #F0F2F5 !important;
}
#left-layout {
  background: linear-gradient(180deg, #1E1B4B, #312E81) !important;
}
#left-layout .brand-name {
  color: #fff !important;
}
#left-layout .menu-item:hover {
  background: rgba(255,255,255,0.1) !important;
}
#left-layout .menu-item.active {
  background: linear-gradient(135deg, #8B5CF6, #6D28D9) !important;
  box-shadow: 0 4px 12px rgba(139,92,246,0.3) !important;
}
#left-layout .menu-icon {
  color: rgba(255,255,255,0.5) !important;
}
#left-layout .menu-item.active .menu-icon {
  color: #fff !important;
}
#left-layout .menu-text {
  color: rgba(255,255,255,0.7) !important;
}
#left-layout .menu-item.active .menu-text {
  color: #fff !important;
}
#left-layout .arrow-icon {
  color: rgba(255,255,255,0.4) !important;
}
#left-layout .submenu {
  background: rgba(0,0,0,0.2) !important;
}
#left-layout .submenu-item {
  color: rgba(255,255,255,0.5) !important;
}
#left-layout .submenu-item:hover {
  color: #C4B5FD !important;
  background: rgba(139,92,246,0.15) !important;
}
#left-layout .user-section {
  border-top: 1px solid rgba(255,255,255,0.08) !important;
}
#left-layout .user-card {
  background: rgba(255,255,255,0.05) !important;
}
#left-layout .user-avatar {
  border: 2px solid #8B5CF6 !important;
}
#left-layout .user-name {
  color: #fff !important;
}
#left-layout .status-dot {
  background: #10B981 !important;
}
#left-layout .more-btn {
  color: rgba(255,255,255,0.4) !important;
}
.bot-container {
  background: #F8FAFC !important;
}
.session-sidebar {
  background: #fff !important;
  border-right: 1px solid #E5E7EB !important;
}
.sidebar-actions {
  border-bottom: 1px solid #F3F4F6 !important;
}
.sidebar-action-btn {
  background: #F3F4F6 !important;
  color: #4B5563 !important;
}
.sidebar-action-btn:hover {
  background: #8B5CF6 !important;
  color: #fff !important;
}
.sidebar-header {
  color: #9CA3AF !important;
}
.chat-window {
  background: #fff !important;
}
.chat-header {
  border-bottom: 1px solid #F3F4F6 !important;
}
.chat-title {
  color: #1F2937 !important;
}
.toggle-device-btn {
  color: #9CA3AF !important;
}
.welcome-title {
  color: #1F2937 !important;
}
.welcome-desc {
  color: #6B7280 !important;
}
.welcome-input-box {
  background: #fff !important;
  border: 1.5px solid #E5E7EB !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.04) !important;
}
.welcome-input-box:focus-within {
  border-color: #8B5CF6 !important;
  box-shadow: 0 4px 20px rgba(139,92,246,0.1) !important;
}
.welcome-attach-btn {
  color: #9CA3AF !important;
}
.welcome-attach-btn:hover {
  color: #8B5CF6 !important;
  background: #F5F3FF !important;
}
.welcome-send-btn {
  background: linear-gradient(135deg, #8B5CF6, #6D28D9) !important;
  color: #fff !important;
}
.welcome-send-btn:disabled {
  background: #D1D5DB !important;
}
.shortcut-chip {
  background: #fff !important;
  border: 1px solid #E5E7EB !important;
  color: #4B5563 !important;
}
.shortcut-chip:hover {
  border-color: #8B5CF6 !important;
  color: #8B5CF6 !important;
  background: #F5F3FF !important;
}
.el-dialog {
  box-shadow: 0 20px 60px rgba(0,0,0,0.15) !important;
}
.el-dialog__headerbtn .el-icon-close {
  color: #9CA3AF !important;
}
::-webkit-scrollbar-thumb {
  background: #D1D5DB !important;
}