/* =====================================================
   TAMILAI FUTURISTIC LIGHT MODE
===================================================== */

body.light-mode {
  background:
    radial-gradient(
      circle at top left,
      rgba(0, 229, 255, 0.18),
      transparent 35%
    ),
    radial-gradient(
      circle at bottom right,
      rgba(0, 102, 255, 0.15),
      transparent 35%
    ),
    linear-gradient(135deg, #eaf7ff, #dff4ff, #eef9ff) !important;

  color: #0f172a !important;
}

/* TOP BAR */

body.light-mode .topbar {
  background: rgba(255, 255, 255, 0.65) !important;
  backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(0, 229, 255, 0.15);
}

/* SIDEBAR */

body.light-mode .sidebar {
  background: rgba(255, 255, 255, 0.55) !important;
  backdrop-filter: blur(18px);
  border-right: 1px solid rgba(0, 229, 255, 0.12);
}

/* MAIN WORKSPACE */

body.light-mode .conversation-workspace {
  background: rgba(255, 255, 255, 0.25) !important;

  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);

  border: 1px solid rgba(0, 229, 255, 0.15);

  box-shadow:
    0 0 30px rgba(0, 229, 255, 0.08),
    0 0 60px rgba(0, 102, 255, 0.05);

  animation: none !important;
}

/* AI MESSAGE */

body.light-mode .ai-message {
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.85),
    rgba(220, 245, 255, 0.85)
  ) !important;

  color: #0f172a !important;

  border: 1px solid rgba(0, 229, 255, 0.15);

  box-shadow: 0 0 20px rgba(0, 229, 255, 0.08);
}

/* USER MESSAGE */

body.light-mode .user-message {
  background: linear-gradient(135deg, #00c6ff, #0072ff) !important;

  color: white !important;

  box-shadow: 0 0 20px rgba(0, 102, 255, 0.2);
}

/* INPUT AREA */

body.light-mode .input-area {
  background: rgba(255, 255, 255, 0.65) !important;

  backdrop-filter: blur(16px);

  border: 1px solid rgba(0, 229, 255, 0.15);

  box-shadow: 0 0 20px rgba(0, 229, 255, 0.05);
}

/* INPUT */

body.light-mode textarea {
  color: #0f172a !important;
}

body.light-mode textarea::placeholder {
  color: #64748b !important;
}

/* BUTTONS */

body.light-mode .action-btn {
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(0, 229, 255, 0.15);
  color: #0f172a;
}

body.light-mode .send-btn {
  background: linear-gradient(135deg, #00e5ff, #0072ff) !important;

  color: white !important;
}

/* CHAT TABS */

body.light-mode .chat-history-list li {
  background: rgba(255, 255, 255, 0.65) !important;
  color: #0f172a !important;
}

body.light-mode .chat-history-list li.active {
  background: linear-gradient(135deg, #00e5ff, #0072ff) !important;

  color: white !important;
}

/* PROFILE MENU */

body.light-mode .profile-dropdown-menu {
  background: rgba(255, 255, 255, 0.85) !important;
  backdrop-filter: blur(18px);

  border: 1px solid rgba(0, 229, 255, 0.15);

  color: #0f172a !important;
}

/* FOOTER */

body.light-mode footer {
  color: #475569 !important;
}
/* =====================================================
   TAMILAI LIGHT MODE FINAL FIX
===================================================== */

/* DATE & TIME FIX */

body.light-mode .message-date,
body.light-mode .meta-date,
body.light-mode .conversation-date,
body.light-mode .chat-date {
  color: #475569 !important;
  opacity: 1 !important;
  text-shadow: none !important;
  font-weight: 600 !important;
}

/* PROFILE MENU FIX */

body.light-mode .profile-dropdown-menu {
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(18px);
  border: 1px solid rgba(0, 229, 255, 0.15) !important;
}

body.light-mode .profile-dropdown-menu * {
  color: #0f172a !important;
}

body.light-mode .profile-email {
  color: #475569 !important;
}

body.light-mode .profile-status {
  color: #00b8d4 !important;
}

/* SETTINGS / DASHBOARD / PROJECTS */

body.light-mode .profile-dropdown-menu a,
body.light-mode .profile-dropdown-menu button,
body.light-mode .profile-dropdown-menu li {
  color: #0f172a !important;
}

/* CHAT TABS */

body.light-mode .chat-title {
  color: #0f172a !important;
}

body.light-mode .chat-menu-btn {
  color: #0f172a !important;
}

/* AI MESSAGE */

body.light-mode .ai-message {
  background: rgba(255, 255, 255, 0.85) !important;
  color: #0f172a !important;
}

/* USER MESSAGE */

body.light-mode .user-message {
  background: linear-gradient(135deg, #00c6ff, #0072ff) !important;

  color: white !important;
}

/* TIMESTAMP INSIDE MESSAGES */

body.light-mode .ai-message .message-date,
body.light-mode .user-message .message-date {
  color: #475569 !important;
  text-shadow: none !important;
}

/* PROFILE HEADER */

body.light-mode #dropdownUserName,
body.light-mode .profile-name {
  color: #0f172a !important;
  font-weight: 700 !important;
}

body.light-mode .avatar-circle {
  color: #0072ff !important;
}

/* SIDEBAR ICONS */

body.light-mode .sidebar i,
body.light-mode .sidebar svg {
  color: #0072ff !important;
}

/* INPUT AREA */

body.light-mode .input-area {
  background: rgba(255, 255, 255, 0.75) !important;
}

body.light-mode textarea {
  color: #0f172a !important;
}

body.light-mode textarea::placeholder {
  color: #64748b !important;
}

/* FOOTER */

body.light-mode footer,
body.light-mode .footer {
  color: #475569 !important;
}

/* REMOVE BROKEN TRANSPARENT TEXT */

body.light-mode * {
  opacity: 1;
}