/* Reminders grid — colored pills for area & priority */
.grid-container.reminders-grid-wrap {
  max-width: min(100%, 1024px);
  width: 100%;
  margin-inline: auto;
  padding-inline: 0.5rem;
  box-sizing: border-box;
}

.grid-container.reminders-grid-wrap .e-grid.mw-100 {
  max-width: 100%;
}

.reminders-grid-edit-dialog .e-dlg-content {
  padding-top: 0.5rem;
}

.reminders-grid-edit-dialog .reminders-dialog-description textarea.e-input {
  min-height: 140px;
  resize: vertical;
}

.reminder-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 4.5rem;
  padding: 0.2rem 0.65rem;
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 1.25;
  white-space: nowrap;
  border: 1px solid transparent;
}

.reminder-pill--area-unknown {
  background: #e9ecef;
  color: #495057;
  border-color: #ced4da;
}

.reminder-pill--area-supply {
  background: #e7f1ff;
  color: #0a58ca;
  border-color: #9ec5fe;
}

.reminder-pill--area-epa {
  background: #d1e7dd;
  color: #0f5132;
  border-color: #a3cfbb;
}

.reminder-pill--area-met {
  background: #cff4fc;
  color: #055160;
  border-color: #9eeaf9;
}

.reminder-pill--area-maint {
  background: #fff3cd;
  color: #664d03;
  border-color: #ffecb5;
}

.reminder-pill--prio-none {
  background: #f8f9fa;
  color: #6c757d;
  border-color: #dee2e6;
}

.reminder-pill--prio-low {
  background: #e2e3e5;
  color: #41464b;
  border-color: #c4c8cc;
}

.reminder-pill--prio-normal {
  background: #cfe2ff;
  color: #084298;
  border-color: #9ec5fe;
}

.reminder-pill--prio-high {
  background: #fff3cd;
  color: #664d03;
  border-color: #ffda6a;
}

.reminder-pill--prio-critical {
  background: #f8d7da;
  color: #842029;
  border-color: #f1aeb5;
}

.reminder-pill--overdue {
  background: #dc3545;
  color: #fff;
  border-color: #b02a37;
}