:root {
  color-scheme: dark;
}

html[data-theme="dark"] {
  color-scheme: dark;
}

html[data-theme="light"] {
  color-scheme: light;
}

body {
  font-family: "Manrope", "Segoe UI", sans-serif;
  background-color: #020617;
  color: #e2e8f0;
}

html[dir="rtl"] body {
  font-family: "Vazirmatn", "Tahoma", sans-serif;
}

.ui-preferences-panel {
  inset-inline-start: 0.75rem;
}

.ui-flash-stack {
  top: 4.5rem;
  inset-inline-end: 1rem;
}

.hero-glow {
  position: absolute;
  width: 520px;
  height: 520px;
  border-radius: 9999px;
  background: radial-gradient(circle, rgba(34, 211, 238, 0.32) 0%, rgba(2, 6, 23, 0) 66%);
  filter: blur(18px);
  top: -170px;
  right: -120px;
  animation: floatPulse 7s ease-in-out infinite;
}

.sidebar-panel {
  background-image: linear-gradient(180deg, rgba(15, 23, 42, 0.95) 0%, rgba(2, 6, 23, 0.86) 100%);
}

.message-bubble {
  animation: riseIn 0.2s ease-out;
}

.message-encrypted {
  word-break: break-all;
}

html[dir="rtl"] .text-left {
  text-align: right !important;
}

html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select {
  text-align: right;
}

html[data-theme="light"] body {
  background-color: #f1f5f9;
  color: #0f172a;
}

html[data-theme="light"] .hero-glow {
  background: radial-gradient(circle, rgba(14, 165, 233, 0.24) 0%, rgba(255, 255, 255, 0) 66%);
}

html[data-theme="light"] .sidebar-panel {
  background-image: linear-gradient(180deg, rgba(241, 245, 249, 0.95) 0%, rgba(226, 232, 240, 0.9) 100%);
}

html[data-theme="light"] .bg-slate-950 {
  background-color: #f8fafc !important;
}

html[data-theme="light"] .bg-slate-900,
html[data-theme="light"] .bg-slate-900\/70,
html[data-theme="light"] .bg-slate-900\/75,
html[data-theme="light"] .bg-slate-900\/80,
html[data-theme="light"] .bg-slate-900\/85 {
  background-color: rgba(255, 255, 255, 0.9) !important;
}

html[data-theme="light"] .bg-slate-800,
html[data-theme="light"] .bg-slate-800\/20 {
  background-color: rgba(226, 232, 240, 0.95) !important;
}

html[data-theme="light"] .border-slate-600,
html[data-theme="light"] .border-slate-700,
html[data-theme="light"] .border-slate-700\/70,
html[data-theme="light"] .border-slate-700\/80,
html[data-theme="light"] .border-slate-800 {
  border-color: #cbd5e1 !important;
}

html[data-theme="light"] .text-white,
html[data-theme="light"] .text-slate-100,
html[data-theme="light"] .text-slate-200,
html[data-theme="light"] .text-slate-300,
html[data-theme="light"] .text-slate-400,
html[data-theme="light"] .text-slate-500 {
  color: #0f172a !important;
}

html[data-theme="light"] .placeholder\:text-slate-500::placeholder {
  color: #64748b !important;
}

html[data-theme="light"] .ui-preferences-panel,
html[data-theme="light"] .ui-flash-stack > div {
  background-color: rgba(255, 255, 255, 0.95) !important;
}

@keyframes riseIn {
  from {
    opacity: 0;
    transform: translateY(10px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes floatPulse {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(18px);
  }
}