/* Medbook source-backed pilot: catalog -> doctor details -> existing booking.
 * Exact source measurements and deliberate adaptations: ../../docs/light/design-system-pilot.md
 * Scoped rollout preserves every existing --bk-* contrast/theme decision.
 * Figma 9iudKtviXwHZQPuX2zr7XR: 15777:45632, 45645, 45661-45664.
 */
body[data-page="doctors"] {
  --mds-inset: var(--mb-inset);
  --mds-control-height: var(--mb-btn-h);
  --mds-control-radius: var(--mb-r-btn);
  --mds-sheet-surface: var(--bk-surface);
  --mds-action-fill: var(--bk-accent);
  --mds-action-ink: var(--bk-on-accent);
  --mds-provider-size: 19px;
  --mds-provider-line: 28px;
  --mds-action-size: 17px;
  --mds-action-line: 20px;
}
body[data-page="doctors"] .sheet {
  padding: var(--mds-inset);
  gap: var(--mds-inset);
  background: var(--mds-sheet-surface);
}
/* This screen presents a provider, so use provider identity hierarchy (45645),
 * not the 24px service heading (45640). Names remain actual catalog data. */
body[data-page="doctors"] .sheet-title {
  font: 700 var(--mds-provider-size)/var(--mds-provider-line) var(--mb-font-display);
  color: var(--bk-fg);
  letter-spacing: 0;
}
body[data-page="doctors"] .sheet-actions { gap: 8px; margin-top: 0; }
body[data-page="doctors"] .sheet-book,
body[data-page="doctors"] .sheet-close {
  min-height: var(--mds-control-height);
  border-radius: var(--mds-control-radius);
  padding: 14px var(--mds-inset);
  font: 600 var(--mds-action-size)/var(--mds-action-line) var(--mb-font-display);
  letter-spacing: 0;
  white-space: normal;
  overflow-wrap: anywhere;
  text-align: center;
}
body[data-page="doctors"] .sheet-book,
body[data-page="doctors"] .sheet-book:visited,
body[data-page="doctors"] .sheet-book:hover,
body[data-page="doctors"] .sheet-book:active,
body[data-page="doctors"] .sheet-book:focus-visible {
  background: var(--mds-action-fill);
  color: var(--mds-action-ink);
}
@media (max-width: 520px) {
  body[data-page="doctors"] .sheet {
    border-radius: var(--mds-control-radius) var(--mds-control-radius) 0 0;
    padding-bottom: calc(var(--mds-inset) + env(safe-area-inset-bottom, 0px));
  }
}