/* Clinic controls share the shell's colour, type, depth and spacing tokens. */
.site-check { overflow-wrap: anywhere; }
.site-check .actions { flex-wrap: wrap; }
.site-check input { width: 100%; min-width: 0; }
.site-check [hidden] { display: none; }
.clinic-home-card { min-width: 0; }
.clinic-home-card .clinic-tile { width: 100%; }
.clinic-layout { max-width: 1280px; }
.clinic-form, .clinic-section-grid { min-width: 0; }
.clinic-section-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--s6); align-items: start; }
.clinic-form .section-nav { margin-bottom: var(--s4); flex-direction: row; flex-wrap: wrap; position: static; max-height: none; overflow: visible; }
.clinic-form .section-nav .pill { white-space: nowrap; flex-shrink: 0; }
.clinic-form .interviewer { position: static; }
.clinic-select { display: grid; gap: var(--s2); margin: var(--s4) 0; min-width: 0; }
.clinic-select-wrap { display: block; position: relative; }
.clinic-select-wrap::after { content: ''; position: absolute; right: var(--s4); top: 42%; width: var(--s2); height: var(--s2); border-right: 2px solid var(--ink-3); border-bottom: 2px solid var(--ink-3); transform: rotate(45deg); pointer-events: none; }
.clinic-select select { appearance: none; width: 100%; min-width: 0; min-height: 48px; padding: var(--s3) var(--s8) var(--s3) var(--s4); border: 1px solid var(--border); border-radius: var(--r-ctl); background: var(--surface); color: var(--navy); font: inherit; font-size: var(--fs-field); cursor: pointer; transition: border-color var(--t) var(--ease), box-shadow var(--t) var(--ease); }
.clinic-select select:hover:not(:disabled) { border-color: var(--line-strong); background: var(--surface-2); }
.clinic-select select:active:not(:disabled) { border-color: var(--blue); }
.clinic-select select:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; box-shadow: var(--focus-ring); }
.clinic-select select:disabled { opacity: .5; cursor: not-allowed; }
.same-as-controls { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s3); }
.same-as-controls .clinic-select { flex: 1 1 240px; }
.same-as-notice { color: var(--ink-3); font-size: var(--fs-body-lg); }
.check-notice { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s2); margin-top: var(--s3); }
.check-chip { color: var(--warn-ink); background: var(--warn-bg); }
.field-card .callout .quiet { margin-left: var(--s2); }
.field-card .pills { min-width: 0; }
.field-card .chip { overflow-wrap: anywhere; max-width: 100%; }
.clinic-dialog-overlay { position: fixed; inset: 0; z-index: calc(var(--z-header) + 1); background: var(--scrim); display: grid; place-items: center; padding: var(--s4); overflow: auto; }
.clinic-dialog { width: 100%; max-width: 520px; max-height: calc(100dvh - var(--s8)); overflow-y: auto; border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface); box-shadow: var(--lift); padding: var(--s6); animation: clinic-dialog-in var(--t) var(--ease-out); }
.clinic-dialog label { margin-top: var(--s4); }
.clinic-dialog .actions { margin-top: var(--s6); }
.clinic-form .quiet:active:not(:disabled), .field-card .quiet-pill:active:not(:disabled), .clinic-form .switch:active:not(:disabled) { transform: translateY(1px); }
@media (min-width: 1024px) {
  .clinic-section-grid { grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr); }
  .clinic-form .interviewer-desktop-title { display: block; }
  .clinic-form .interviewer-phone-title { display: none; }
}
@media (max-width: 600px) {
  .clinic-dialog { padding: var(--s4); }
  .same-as-controls { display: grid; grid-template-columns: minmax(0, 1fr); }
  .field-card .day-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@keyframes clinic-dialog-in { from { opacity: 0; transform: translateY(var(--s2)); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
  .clinic-dialog { animation: none; }
  .clinic-form *, .field-card *, .clinic-dialog * { transition: none; scroll-behavior: auto; }
}