/* layout.css: one layout for every member page (Pavel, 2026-09-30: "check all of them" — on a
   large screen Visits, Foundations, bloodwork, booking and Settings started further left than
   Home and Health Overview, results and membership sat in narrow centred columns, and eyebrows
   were orange on some pages and grey on others).
   Linked after buttons.css by buttonsCSSLink() (buttons_css.go). Switch off: layoutConsistent =
   false, rebuild, restart. */

/* 1. The content measure: the same side padding and 1320px column as Home's --home-pad. */
@media (max-width: 767px) { .dash-main { padding-left: 20px; padding-right: 20px; } }
@media (min-width: 1101px) { .dash-main { max-width: 1448px; padding-left: 64px; padding-right: 64px; } }

/* 2. Pages that centred a narrow column now start at the measure's left edge like the rest. */
.dash-main .labrep, .dash-main .thanks { margin-left: 0; margin-right: auto; }

/* 3. Eyebrows: Cream 700 everywhere, never orange (Mike's direction, 2026-09-30). */
.pathway-choice-k, .fvp-k, .thanks-card-step, .thanks-eyebrow { color: var(--cream-700, #605E52) !important; }

/* "What you told us" on the visit detail page: the width of the facts card above it, left aligned */
.appt .dash-book-told { max-width: none; margin: 14px 0 0; }

/* Foundations: the card is as wide as its timeline needs, not the whole measure */
.dash-main .dash-journey { max-width: 860px; margin-left: 0; margin-right: auto; }

/* Booking page: the side panel moves beside the picker only from 1440px; between 1000 and 1439 with
   the rail open it squeezed "Pick a time" into a sliver. Below 1440 the panel sits under the picker. */
@media (min-width: 1000px) and (max-width: 1439px) {
  .dash-book-grid { grid-template-columns: 1fr; gap: 24px; }
  .dash-book-side { position: static; }
}

/* Messages on wide screens: the conversation and the reply box in a readable centred column
   instead of running edge to edge across the window. */
@media (min-width: 1280px) {
  .chat-window-content > *, .chat-window .dash-chat-input-area { max-width: 860px; width: 100%; margin-left: auto; margin-right: auto; box-sizing: border-box; }
}