.required-star {
  color: #c40000;
  font-weight: 700;
}

[data-uppercase="true"] input[type="text"],
[data-uppercase="true"] input[type="tel"],
[data-uppercase="true"] textarea {
  text-transform: uppercase;
}

.tracker-patient-photo {
  width: 48px;
  height: 48px;
}

.tracker-grid-4 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.tracker-col-span-4 {
  grid-column: 1 / -1;
}

.beneficiary-grid-4 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.family-grid-5 {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
}

.dswd-history-grid-2 {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  gap: 12px;
}

@media (max-width: 860px) {
  .beneficiary-grid-4 {
    grid-template-columns: 1fr;
  }

  .family-grid-5 {
    grid-template-columns: 1fr;
  }
}

.users-form-alert {
  border-radius: 12px;
  border-width: 1px;
  border-style: solid;
  padding: 12px 16px;
  font-size: 14px;
}

.users-form-alert--success {
  border-color: #86efac;
  background-color: #dcfce7;
  color: #15803d;
}

.users-form-alert--error {
  border-color: #fca5a5;
  background-color: #fef2f2;
  color: #b91c1c;
}

.users-form-alert__title {
  font-weight: 600;
}