/* Custom Styles for MM4I Social Media Management Software */

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* Status Badges */
.status-badge.pending_review {
  background-color: #fef3c7;
  color: #92400e;
  border: 1px solid #fde68a;
}

.status-badge.approved {
  background-color: #d1fae5;
  color: #065f46;
  border: 1px solid #a7f3d0;
}

.status-badge.declined {
  background-color: #ffe4e6;
  color: #9f1239;
  border: 1px solid #fecdd3;
}

.status-badge.noted {
  background-color: #e0f2fe;
  color: #075985;
  border: 1px solid #bae6fd;
}

.status-badge.draft {
  background-color: #f1f5f9;
  color: #475569;
  border: 1px solid #e2e8f0;
}

/* Calendar Day styling */
.calendar-day-cell {
  min-height: 120px;
  transition: background-color 0.15s ease;
}

.calendar-day-cell:hover {
  background-color: #f8fafc;
}

.calendar-day-cell.other-month {
  background-color: #fafafa;
  opacity: 0.55;
}

.calendar-day-cell.is-today {
  background-color: #f0fdf4;
}

.calendar-post-chip {
  transition: all 0.15s ease;
}

.calendar-post-chip:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.08);
}

/* Platform Colors & Icons */
.platform-facebook {
  color: #1877F2;
  background-color: #eff6ff;
  border-color: #bfdbfe;
}

.platform-instagram {
  color: #E1306C;
  background-color: #fdf2f8;
  border-color: #fbcfe8;
}

.platform-linkedin {
  color: #0A66C2;
  background-color: #eff6ff;
  border-color: #bfdbfe;
}

.platform-twitter {
  color: #0f1419;
  background-color: #f1f5f9;
  border-color: #cbd5e1;
}

.platform-tiktok {
  color: #000000;
  background-color: #f8fafc;
  border-color: #e2e8f0;
}

.platform-youtube {
  color: #FF0000;
  background-color: #fef2f2;
  border-color: #fecaca;
}

.platform-pinterest {
  color: #BD081C;
  background-color: #fff1f2;
  border-color: #ffe4e6;
}

.platform-threads {
  color: #111827;
  background-color: #f3f4f6;
  border-color: #e5e7eb;
}

.platform-blog {
  color: #059669;
  background-color: #ecfdf5;
  border-color: #a7f3d0;
}

/* Spreadsheet / Table Calendar Styling */
.sheet-table {
  border-collapse: separate;
  border-spacing: 0;
}

.sheet-table th, .sheet-table td {
  border-right: 1px solid #e2e8f0;
  border-bottom: 1px solid #e2e8f0;
}

.sheet-table tr:hover td {
  background-color: #f8fafc;
}

.sheet-row-index {
  background-color: #f8fafc;
  color: #94a3b8;
  user-select: none;
}


/* Modal animation */
.modal-backdrop {
  transition: opacity 0.2s ease, visibility 0.2s ease;
}

/* Custom scrollbars */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/* Touch scrolling & mobile responsive helpers */
.-webkit-overflow-scrolling-touch {
  -webkit-overflow-scrolling: touch;
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

@media (max-width: 640px) {
  .calendar-day-cell {
    min-height: 85px;
  }
}