/* Approved disclosure-panel and calendar-date-time-pickers template tokens. */
:root {
  --hh-surface: #fffdf3;
  --hh-surface-muted: #fff8de;
  --hh-text: #3d2930;
  --hh-muted: #746168;
  --hh-border: #ead9aa;
  --hh-primary: #a82e72;
  --hh-primary-soft: #fce2ef;
  --hh-radius-surface: 16px;
  --hh-shadow: 0 18px 40px rgba(96, 61, 30, 0.12);
}
.hh-disclosure { background: var(--hh-surface-muted); border: 1px solid var(--hh-border); border-radius: var(--hh-radius-surface); padding: 0 16px; }
.hh-disclosure + .hh-disclosure { margin-top: 12px; }
.hh-disclosure summary { color: var(--hh-primary); cursor: pointer; font-size: 15px; font-weight: 650; list-style: none; padding: 14px 0; }
.hh-disclosure summary::-webkit-details-marker { display: none; }
.hh-disclosure summary::before { content: "▸"; display: inline-block; margin-right: 7px; transition: transform 150ms ease; }
.hh-disclosure[open] summary::before { transform: rotate(90deg); }
.hh-disclosure-content { border-top: 1px solid var(--hh-border); padding: 14px 0 16px; }
.hh-form-grid { display: grid; gap: 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.hh-button-row { display: flex; flex-wrap: wrap; gap: 10px; }
.hh-history { list-style: none; margin: 0; padding: 0; }
.hh-history li { border-bottom: 1px solid var(--hh-border); padding: 9px 0; }
.hh-history li:last-child { border-bottom: 0; }
.hh-history time, .hh-history span { color: var(--hh-muted); font-size: 12px; }
.flatpickr-calendar { background: var(--hh-surface); border: 1px solid var(--hh-border); border-radius: var(--hh-radius-surface); box-shadow: var(--hh-shadow); color: var(--hh-text); font-family: "Nunito Sans", sans-serif; }
.flatpickr-day { border-radius: 50%; color: var(--hh-text); }
.flatpickr-day:hover { background: var(--hh-primary-soft); border-color: var(--hh-primary-soft); color: var(--hh-primary); }
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange { background: var(--hh-primary); border-color: var(--hh-primary); color: #fff; }
@media (max-width: 720px) { .hh-form-grid { grid-template-columns: minmax(0, 1fr); } }