/* « Noter une prise » (js/dose-sheet.js). Classes décrites au fil Refonte, qui pourra les reprendre. */
.dose-picker { display: flex; flex-direction: column; gap: 10px; }
.dose-sub { margin: 4px 0 0; font-size: .74rem; text-transform: uppercase; letter-spacing: .06em; color: var(--muted); }
.dose-picks { display: flex; flex-direction: column; gap: 6px; }
.dose-pick {
  display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; align-items: center; width: 100%;
  text-align: left; padding: 10px 12px; border-radius: 12px; border: 1px solid var(--line);
  background: var(--surface); color: var(--fg); font: inherit; cursor: pointer;
}
.dose-pick > span:first-child { display: flex; flex-direction: column; min-width: 0; }
.dose-pick[aria-pressed="true"] { border-color: var(--accent); background: var(--accent-soft); }
.dose-when { font-size: .85rem; color: var(--muted); font-variant-numeric: tabular-nums; white-space: nowrap; }
.dose-when.is-late { color: var(--warn); font-weight: 600; }
.dose-detail { gap: 8px; }
.dose-stepper { display: flex; align-items: center; width: fit-content; border: 1px solid var(--line); border-radius: 99px; overflow: hidden; }
.dose-stepper button { width: 44px; height: 40px; border: 0; background: var(--surface); color: var(--fg); font-size: 1.2rem; cursor: pointer; }
.dose-stepper output { min-width: 6em; text-align: center; font-weight: 700; font-variant-numeric: tabular-nums; }
.dose-submit { width: 100%; }