/* =============================================================================
   Emergency + Newborn Registration
   Extracted from inline styles — uses PEUF CSS variables (var(--eu-*)).
   ============================================================================= */

/* Sample-data banner (non-production) */
.reg-sample-banner {
  margin-bottom: 16px;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  border-left: 4px solid var(--eu-info);
}

.reg-sample-banner__hint {
  margin: 4px 0 0;
  font-size: 13px;
  color: var(--eu-text-muted);
}

.reg-sample-banner__loaded {
  margin: 4px 0 0;
  font-size: 13px;
  color: var(--eu-success);
}

/* Success flash strip */
.reg-success-banner {
  margin-bottom: 16px;
  padding: 12px 16px;
  border-left: 4px solid var(--eu-success, #16a34a);
}

.reg-success-hint {
  margin: 0 0 12px;
  color: var(--eu-text-soft);
}

/* Action rows */
.reg-actions-row {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.reg-actions-row--footer {
  margin-top: 16px;
}

.eu-registration-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* Mother search */
.reg-mother-search__hint {
  margin-bottom: 12px;
  color: var(--eu-text-muted);
  font-size: 13px;
}

.reg-mother-search__change {
  margin-top: 12px;
  font-size: 13px;
  color: var(--eu-text-muted);
}

.reg-mother-search__results {
  display: none;
  margin-top: 8px;
  padding: 0;
  max-height: 240px;
  overflow: auto;
}

.reg-mother-search__results.is-open {
  display: block;
}

.reg-mother-search__results[hidden] {
  display: none !important;
}

.reg-mother-search__result {
  display: block;
  width: 100%;
  text-align: left;
  border-radius: 0;
  border-bottom: 1px solid var(--eu-border);
}

.reg-mother-search__empty {
  padding: 12px;
  font-size: 13px;
  color: var(--eu-text-muted);
}

.reg-mother-search__picked {
  margin-top: 8px;
  font-size: 13px;
  color: var(--eu-success);
}

/* Shared service-number grid (entitled / registration forms) */
.eu-service-number-grid {
  display: grid;
  grid-template-columns: 120px 1fr 120px;
  gap: 16px;
  align-items: end;
}