/* Unified events form — delegate / admin / public */

.em-panel {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.em-category-tabs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.em-category-tab {
  border: 1px solid #d1d5db;
  background: #fff;
  color: #374151;
  border-radius: 999px;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}

.em-category-tab.em-active {
  background: #047857;
  border-color: #047857;
  color: #fff;
}

.em-category-tab[data-category="sick"].em-active {
  background: #b45309;
  border-color: #b45309;
}

.em-category-tab[data-category="death"].em-active {
  background: #374151;
  border-color: #374151;
}

.em-form-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 10px;
}

.em-media-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 10px;
}

.em-section-alert {
  margin-top: 8px;
}

.em-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 8px;
}

.em-list-item {
  border: 1px solid #eef2ef;
  border-radius: 10px;
  padding: 10px 12px;
  background: #fafdfb;
  font-size: 13px;
}

.em-list-item-actions {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  margin-top: 8px;
}

.delegate-event-requests-section {
  margin: 0 0 16px;
  padding: 14px 0 4px;
  border-bottom: 1px solid rgba(4, 120, 87, 0.14);
}

.delegate-event-requests-section .section-title {
  color: #064e3b;
}