:root {
  color-scheme: light;
}

html {
  overflow-x: hidden;
}

body {
  font-family: 'Poppins', system-ui, -apple-system, sans-serif;
  overflow-x: hidden;
}

.glass-card {
  box-shadow: 0 18px 70px rgba(99, 102, 241, 0.12);
}

.sidebar-scroll {
  scrollbar-width: none;
}

.sidebar-scroll:hover {
  scrollbar-width: thin;
}

.sidebar-scroll::-webkit-scrollbar {
  width: 0;
}

.sidebar-scroll:hover::-webkit-scrollbar {
  width: 6px;
}

.sidebar-scroll::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(99, 102, 241, 0.35), rgba(236, 72, 153, 0.35));
  border-radius: 9999px;
}

.sidebar-scroll::-webkit-scrollbar-track {
  background: transparent;
}

/* Sidebar hover matches selected feel */
.sidebar-scroll a {
  transition: all 0.15s ease;
}

.sidebar-scroll a:hover {
  background-color: rgba(99, 102, 241, 0.12);
  color: #4338ca;
}

.sidebar-scroll a:hover i {
  color: #4338ca !important;
}

/* RTL overrides */
html[dir="rtl"] {
  direction: rtl;
}

html[dir="rtl"] body {
  text-align: right;
}

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

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

[dir="rtl"] #sidebar {
  left: auto;
  right: 0;
}

[dir="rtl"] #sidebar.-translate-x-full {
  transform: translateX(100%);
}

[dir="rtl"] #sidebar.translate-x-0 {
  transform: translateX(0);
}

[dir="rtl"] #sidebar {
  max-width: 100vw;
}

@media (min-width: 1024px) {
  [dir="rtl"] #sidebar {
    left: auto;
    right: 18rem;
    transform: translateX(0);
  }

  [dir="rtl"] .lg\:ml-\[19rem\] {
    margin-left: 0;
    margin-right: 19rem;
  }

  [dir="rtl"] .lg\:pr-4 {
    padding-right: 0;
    padding-left: 1rem;
  }

  [dir="rtl"] .lg\:border-l {
    border-left-width: 0;
    border-right-width: 1px;
  }

  [dir="rtl"] .lg\:pl-4 {
    padding-left: 0;
    padding-right: 1rem;
  }
}

[dir="rtl"] .pl-10 {
  padding-left: 0;
  padding-right: 2.5rem;
}

[dir="rtl"] .pl-9 {
  padding-left: 0;
  padding-right: 2.25rem;
}

[dir="rtl"] .pl-6 {
  padding-left: 0;
  padding-right: 1.5rem;
}

[dir="rtl"] .pl-4 {
  padding-left: 0;
  padding-right: 1rem;
}

[dir="rtl"] .pr-24 {
  padding-right: 0;
  padding-left: 6rem;
}

[dir="rtl"] .pr-10 {
  padding-right: 0;
  padding-left: 2.5rem;
}

[dir="rtl"] .pr-4 {
  padding-right: 0;
  padding-left: 1rem;
}

[dir="rtl"] .pr-3 {
  padding-right: 0;
  padding-left: 0.75rem;
}

[dir="rtl"] .pr-2 {
  padding-right: 0;
  padding-left: 0.5rem;
}

[dir="rtl"] .left-0 {
  left: auto;
  right: 0;
}

[dir="rtl"] .left-2 {
  left: auto;
  right: 0.5rem;
}

[dir="rtl"] .left-3 {
  left: auto;
  right: 0.75rem;
}

[dir="rtl"] .left-4 {
  left: auto;
  right: 1rem;
}

[dir="rtl"] .left-12 {
  left: auto;
  right: 3rem;
}

[dir="rtl"] .left-16 {
  left: auto;
  right: 4rem;
}

[dir="rtl"] .left-1\/4 {
  left: auto;
  right: 25%;
}

[dir="rtl"] .left-full {
  left: auto;
  right: 100%;
}

[dir="rtl"] .-left-3 {
  left: auto;
  right: -0.75rem;
}

[dir="rtl"] .-left-4 {
  left: auto;
  right: -1rem;
}

[dir="rtl"] .-left-16 {
  left: auto;
  right: -4rem;
}

[dir="rtl"] .-translate-x-full {
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

/* Keep mobile profile dropdown visible in RTL */
[dir="rtl"] #mobileProfileMenu {
  right: auto;
  left: 0;
}

.mobile-topbar {
  max-width: 100vw;
  overflow-x: hidden;
}

.mobile-topbar #mobileProfileMenu {
  width: min(14rem, calc(100vw - 1.5rem));
  max-width: calc(100vw - 1.5rem);
}

/* Hide mail excerpts on very small screens */
.mail-list .text-sm.text-slate-600 {
  display: none;
}

.mail-list .mail-time {
  display: none;
}

@media (min-width: 768px) {
  .mail-list .text-sm.text-slate-600 {
    display: block;
  }

  .mail-list .mail-time {
    display: inline;
  }
}