/* Active nav button */
.nav-btn.active {
  background-color: rgb(239 246 255);
  color: rgb(37 99 235);
}
.dark .nav-btn.active {
  background-color: rgb(30 58 138 / 0.4);
  color: rgb(147 197 253);
}

/* Active compose tab */
.compose-tab.active {
  border-color: rgb(37 99 235);
  color: rgb(37 99 235);
}
.compose-tab:not(.active) {
  border-color: transparent;
  color: rgb(107 114 128);
}
.dark .compose-tab.active {
  border-color: rgb(96 165 250);
  color: rgb(96 165 250);
}
.dark .compose-tab:not(.active) {
  color: rgb(156 163 175);
}

/* Toast animations */
.toast {
  animation: slide-in 0.2s ease-out;
}
@keyframes slide-in {
  from { opacity: 0; transform: translateX(1rem); }
  to   { opacity: 1; transform: translateX(0); }
}