/* Modern Digital Marketer Suite styles */

:root {
  color-scheme: dark;
}

body {
  font-family: 'Vazirmatn', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  overflow-x: hidden;
}

/* Custom scrollbars */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #090d16;
}
::-webkit-scrollbar-thumb {
  background: #273549;
  border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
  background: #3e5069;
}

/* Tab active state */
.tab-pane {
  display: none;
}
.tab-pane.active {
  display: block;
  animation: fadeIn 0.18s ease-out;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(3px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Sidebar active style */
.sidebar-btn.active {
  background-color: #1e293b;
  color: #ffffff;
  border-right: 3px solid #6366f1;
}

/* Calendar day cell */
.day-cell {
  position: relative;
  transition: all 0.15s ease;
  min-height: 90px;
}
.day-cell:hover {
  background-color: rgba(30, 41, 59, 0.7);
  border-color: rgba(99, 102, 241, 0.4);
}
.day-cell.today {
  border-color: #6366f1 !important;
  background-color: rgba(99, 102, 241, 0.08);
}
.day-cell.other-month {
  opacity: 0.35;
  background-color: rgba(15, 23, 42, 0.3);
}

/* Quick add button on day hover */
.day-cell .quick-add-btn {
  opacity: 0;
  transition: opacity 0.15s ease;
}
.day-cell:hover .quick-add-btn {
  opacity: 1;
}

/* Occasion category badges */
.badge-cat-sales {
  background-color: rgba(239, 68, 68, 0.15);
  color: #fca5a5;
  border: 1px solid rgba(239, 68, 68, 0.3);
}
.badge-cat-social {
  background-color: rgba(59, 130, 246, 0.15);
  color: #93c5fd;
  border: 1px solid rgba(59, 130, 246, 0.3);
}
.badge-cat-professional {
  background-color: rgba(168, 85, 247, 0.15);
  color: #d8b4fe;
  border: 1px solid rgba(168, 85, 247, 0.3);
}
.badge-cat-lifestyle {
  background-color: rgba(16, 185, 129, 0.15);
  color: #6ee7b7;
  border: 1px solid rgba(16, 185, 129, 0.3);
}
.badge-cat-national {
  background-color: rgba(245, 158, 11, 0.15);
  color: #fcd34d;
  border: 1px solid rgba(245, 158, 11, 0.3);
}
.badge-cat-global {
  background-color: rgba(14, 165, 233, 0.15);
  color: #7dd3fc;
  border: 1px solid rgba(14, 165, 233, 0.3);
}

/* Modals */
.modal-backdrop.active {
  display: flex !important;
}