/* screens that don't lie, clinical side (dentistfix.js) */
/* D10 / R3: a sheet taller than the screen scrolls inside itself, and its main button stays in reach at the bottom */
@media (max-height: 860px) {
  .sheet { max-height: calc(100dvh - 24px); overflow-y: auto; overscroll-behavior: contain }
}
.sheet > .go2:last-child { position: sticky; bottom: -12px; z-index: 2; flex: none; box-shadow: 0 0 0 12px #fff, 0 -14px 16px -4px rgba(0, 0, 0, .10) }
.sheet > .nfoot:last-child { position: sticky; bottom: -20px; z-index: 2; background: #fff; padding-block: 10px; margin-bottom: -10px }
/* D2: what reception wrote when booking */
.dx-bnote { color: var(--ink2) }
.dx-book { display: flex; gap: 8px; align-items: baseline; padding: 8px 12px; font-size: var(--fs-13); color: var(--ink2); border-bottom: 1px solid var(--sep2) }
.dx-book b { font-weight: 600; color: var(--ink); flex: none }
/* A2: two switches on a team row */
.dx-sws { display: grid; gap: 4px; font-size: var(--fs-12) }
.dx-sws .sw { white-space: nowrap }
.dx-swwhy { display: block; color: var(--ink2); font-size: var(--fs-12); white-space: normal }
/* S1: once per visit, on a recipe line */
.dx-pv { display: inline-flex; align-items: center; gap: 4px; font-size: var(--fs-12); color: var(--ink2); white-space: nowrap }
/* P1: the perio pad on a tablet */
.dx-ppad { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; padding: 8px; background: #f6f6f8; border-radius: 12px }
.dx-ppad button { min-width: 44px; height: 44px; border: 1px solid var(--sep); border-radius: 10px; background: #fff; font: 600 16px/1 var(--f, system-ui); color: var(--ink); padding: 0 10px; touch-action: manipulation }
.dx-ppad button.dx-fl { font-size: var(--fs-13); font-weight: 500 }
.dx-ppad button.dx-fl[aria-pressed="true"] { background: #d64545; border-color: #d64545; color: #fff }
.dx-ppad button.dx-wide { font-size: var(--fs-13); font-weight: 600; background: #e8f1ff; border-color: #b9d4fb; color: #0b5cc5 }
.dx-ppad .dx-sep { width: 1px; height: 30px; background: var(--sep) }
/* P2: a tooth's three sites never wrap onto two lines */
.sheet.perio .ptab td { white-space: nowrap }
@media (pointer: coarse) { .sheet.perio .pc { width: 26px; height: 32px } }