/* KTS v1.6.3 — field record alignment */
.field-auto-status {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 12px;
  padding: 11px 13px;
  border: 1px solid rgba(148, 163, 184, .28);
  border-radius: 12px;
  background: rgba(15, 23, 42, .04);
}
.field-auto-status b { font-size: 13px; line-height: 1.35; }
.field-auto-status span { color: var(--muted, #64748b); font-size: 12px; line-height: 1.4; text-align: right; }
.field-auto-status.is-done { border-color: rgba(34, 197, 94, .32); background: rgba(34, 197, 94, .08); }
.field-auto-status.is-pending { border-color: rgba(245, 158, 11, .34); background: rgba(245, 158, 11, .08); }

.health-status-choice {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 10px 0 12px;
}
.health-status-option {
  align-items: flex-start !important;
  min-width: 0;
  padding: 12px !important;
  border: 1px solid rgba(148, 163, 184, .28);
  border-radius: 12px;
}
.health-status-option span { min-width: 0; }
.health-status-option b,
.health-status-option small { display: block; }
.health-status-option small { margin-top: 4px; color: var(--muted, #64748b); font-size: 12px; line-height: 1.45; }
.health-detail-checks { transition: opacity .15s ease; }
.health-detail-checks.is-muted { opacity: .48; }
.health-detail-checks.is-muted .check { cursor: default; }

#actualTattooArea,
#actualTattooRange,
#dayHealthNote,
#aftercareGuideVersion { min-width: 0; }

@media (max-width: 720px) {
  .field-auto-status { align-items: flex-start; flex-direction: column; gap: 4px; }
  .field-auto-status span { text-align: left; }
  .health-status-choice { grid-template-columns: 1fr; }
}