/* Appointment guidance shares the existing task, card and spacing system. */
.appointment-messages { display: grid; gap: var(--space-3); }
.task-body .appointment-messages h3 { margin: 0; font-size: 17px; }
.appointment-message-list { display: grid; gap: var(--space-3); }
.appointment-message-card { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: var(--space-3); padding: var(--space-4); border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface); }
.appointment-message-card .module-icon { width: var(--space-6); height: var(--space-6); border-radius: var(--space-2); }
.appointment-message-card h4 { font-size: 13px; color: var(--muted); margin-bottom: var(--space-2); letter-spacing: 0; }
.appointment-message-card strong { display: block; font-size: 15px; line-height: 1.5; color: var(--brand-dark); }
.appointment-message-card p { margin-top: var(--space-2); color: var(--muted); font-size: 13px; line-height: 1.65; }
.appointment-consent { padding: var(--space-4); border: 1px solid var(--border); border-radius: var(--radius); background: var(--soft-green); color: var(--text); }
.appointment-consent strong { display: block; margin-bottom: var(--space-1); }
.appointment-task .task-footer > .btn.full { flex-basis: 100%; }
.appointment-task .task-footer [data-reload] { min-height: 44px; }
.booking-edit-client { justify-self: start; min-height: 44px; }

.appointment-change-warning strong { display: block; }
.appointment-change-warning p { margin-top: var(--space-1); }

@media (max-width: 379px) {
  .appointment-task .task-footer .appointment-cancel-actions { display: grid; grid-template-columns: minmax(0, 1fr); }
  .appointment-cancel-actions > .btn { width: 100%; }
}