/* Search selects into the canonical Tube Plan. Local laboratory mappings live in data.js. */
:root {
  --clinical-surface: #fff;
  --clinical-page: #f3f5f6;
  --clinical-ink: #202a31;
  --clinical-muted: #56636c;
  --clinical-line: #d9e0e4;
  --clinical-action: #086c70;
}
html[data-theme="dark"] {
  --clinical-surface: #20282e;
  --clinical-page: #151c21;
  --clinical-ink: #f0f4f6;
  --clinical-muted: #b7c3cb;
  --clinical-line: #414e58;
  --clinical-action: #8bd6d3;
}
html[data-theme] body[data-app-page="find-my-tube"] {
  background: linear-gradient(110deg, rgba(3, 17, 31, .82), rgba(3, 17, 31, .38)), url("../images/scene-tube-20261013.webp") center / cover no-repeat !important;
  color: var(--clinical-ink);
}
html[data-theme="dark"] body[data-app-page="find-my-tube"] {
  background-image: linear-gradient(110deg, rgba(3, 17, 31, .82), rgba(3, 17, 31, .38)), url("../images/scene-tube-20261013.webp") !important;
}
html[data-theme] body[data-app-page="find-my-tube"] .container { background: none; }
html[data-theme] body[data-app-page="find-my-tube"] .tube-workspace-intro { border: 0; padding-left: 0; padding-bottom: 0; }
html[data-theme] body[data-app-page="find-my-tube"] #tubeLookupPanel { width: 100%; max-width: 900px; }
html[data-theme] body[data-app-page="find-my-tube"] #selectionNoticeToast {
  top: auto; bottom: 86px; left: 50%; transform: translateX(-50%); width: max-content;
  max-width: calc(100vw - 32px); padding: 12px 16px; background: rgba(3, 17, 31, .88);
  color: #fffdf8; border: 1px solid rgba(255, 255, 255, .4); box-shadow: 0 4px 16px #0004;
  border-radius: 10px; z-index: 1300;
}
html[data-theme] body[data-app-page="find-my-tube"] #selectionCartBar {
  background: transparent !important; color: #fffdf8 !important;
  border: 1px solid rgba(255, 255, 255, .48); border-radius: var(--fmt-card-radius);
  box-shadow: none !important;
}
html[data-theme] body[data-app-page="find-my-tube"] #selectionCartBar::before,
html[data-theme] body[data-app-page="find-my-tube"] #selectionCartBar::after { display: none; }
html[data-theme] body[data-app-page="find-my-tube"] :is(.selection-cart-label, .selection-cart-icon) { color: #fffdf8 !important; }
html[data-theme] body[data-app-page="find-my-tube"] #selectionCartCount { background: #8bd6d3; color: #03111f; }
html[data-theme] body[data-app-page="find-my-tube"] :is(.brand-home-btn, .tube-workspace-intro h2, .tube-workspace-intro p, .group-hints h3, .results-info, .section-context-label) {
  color: #fffdf8 !important;
  text-shadow: none !important;
}
html[data-theme] body[data-app-page="find-my-tube"] .quick-tools-panel :is(h3, p) { color: #fffdf8 !important; }
html[data-theme] body[data-app-page="find-my-tube"] :is(.search-box, #tubeLookupPanel, .group-hints, .quick-tools-panel, .group-chip, .section-context-back-btn, .quick-tool-launch-btn, .quick-tool-clear-btn) {
  background: transparent !important;
  color: #fffdf8 !important;
  border: 1px solid rgba(255, 255, 255, .48) !important;
  border-radius: var(--fmt-card-radius) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
html[data-theme] body[data-app-page="find-my-tube"] :is(.search-input-wrap, #searchInput, .search-clear-btn, .search-shortcut-hint) { background: transparent !important; }
/* The container owns the search boundary, including keyboard focus. */
html[data-theme] body[data-app-page="find-my-tube"] #tubeLookupPanel {
  padding: 0;
}
@media (max-width: 620px) {
  html[data-theme] body[data-app-page="find-my-tube"].is-mobile-search-active #tubeLookupPanel {
    padding: 0;
    min-height: 50px;
    height: 50px;
  }
}
html[data-theme] body[data-app-page="find-my-tube"] #tubeLookupPanel:focus-within {
  border-color: #bbdbe9 !important;
}
html[data-theme] body[data-app-page="find-my-tube"] #searchInput {
  display: block;
  padding: 0 42px 0 14px;
  border: 0;
  border-radius: 0;
  box-shadow: none !important;
  outline: none !important;
}
html[data-theme] body[data-app-page="find-my-tube"] #searchInput { color: #fffdf8 !important; -webkit-text-fill-color: #fffdf8; }
html[data-theme] body[data-app-page="find-my-tube"] #searchInput::placeholder { color: rgba(255, 253, 248, .72) !important; -webkit-text-fill-color: rgba(255, 253, 248, .72); }
html[data-theme] body[data-app-page="find-my-tube"] :is(.search-clear-btn, .search-shortcut-hint) { color: rgba(255, 253, 248, .84) !important; border-color: transparent !important; }
html[data-theme] body[data-app-page="find-my-tube"] :is(#cardsContainer, .results-toolbar, .results-info) {
  background: transparent !important; box-shadow: none !important;
}
html[data-theme] body #cardsContainer {
  grid-template-columns: minmax(0, 1fr);
  grid-auto-rows: max-content;
  grid-template-rows: none;
  max-width: 900px;
  align-items: start;
  gap: 10px;
}
html[data-theme] body #cardsContainer .discovery-card {
  padding: 0 !important;
  margin: 0;
  min-height: 0;
  min-width: 0;
  border: 1px solid var(--clinical-line) !important;
  border-radius: var(--fmt-card-radius) !important;
  background: transparent !important;
  color: #fffdf8 !important;
  box-shadow: none !important;
  backdrop-filter: blur(8px) saturate(1.04) !important;
  -webkit-backdrop-filter: blur(8px) saturate(1.04) !important;
  overflow: hidden !important;
  background-clip: padding-box !important;
  isolation: isolate;
  transform: none !important;
}
html[data-theme] body #cardsContainer .discovery-card::before,
html[data-theme] body #cardsContainer .discovery-card::after { display: none; }
html[data-theme] body #cardsContainer .discovery-card.card-selected { border-color: #8bd6d3 !important; }
.discovery-open {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  width: 100%; min-height: 76px; padding: 16px 20px; text-align: left;
  border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer;
}
.discovery-open > span:first-child { min-width: 0; }
.discovery-name { display: block; font-size: 1rem; font-weight: 650; line-height: 1.4; overflow-wrap: anywhere; }
.discovery-meta { display: block; margin-top: 4px; font-size: .78rem; color: rgba(255, 253, 248, .78); line-height: 1.4; }
.discovery-chevron { font-size: 1.4rem; color: #8bd6d3; flex-shrink: 0; }
.discovery-result-head { display: flex; align-items: stretch; min-width: 0; }
.discovery-result-head .discovery-select { flex: 1; min-width: 0; width: auto; gap: 12px; padding: 14px 16px; }
.discovery-selection-state { flex: 0 0 auto; font-size: .72rem; font-weight: 650; color: #a7dedc; white-space: nowrap; }
.discovery-coverage { display: block; font-size: .75rem; line-height: 1.4; margin-top: 4px; color: #a7dedc; }
.discovery-coverage[hidden] { display: none; }
.discovery-inspect {
  align-self: center; flex: 0 0 auto; min-width: 60px; min-height: 44px; padding: 8px;
  margin-right: 8px; border: 0; border-left: 1px solid rgba(255,255,255,.24);
  background: transparent; color: #fffdf8; font: inherit; font-size: .78rem; cursor: pointer;
}
.discovery-body { padding: 0 20px 20px; border-top: 1px solid rgba(255, 255, 255, .34); }
.discovery-body[hidden] { display: none !important; }
.discovery-tubes { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 24px; padding: 18px 0 12px; }
.discovery-tube { display: flex; align-items: center; gap: 14px; min-width: 0; }
.discovery-tube strong { display: block; font-size: 1.1rem; color: #fffdf8; }
.discovery-tube span, .discovery-or { display: block; margin-top: 5px; font-size: .85rem; color: rgba(255, 253, 248, .78); }
.discovery-specimen { margin: 8px 0 14px; font-size: .95rem; line-height: 1.5; }
.discovery-specimen > span { display: block; font-size: .75rem; font-weight: 650; color: rgba(255, 253, 248, .78); margin-bottom: 3px; }
.discovery-instruction, .discovery-collection-note { font-size: .88rem; line-height: 1.6; margin: 8px 0 18px; color: #fffdf8; overflow-wrap: anywhere; }
.discovery-add { min-height: 46px; width: 100%; border: 1px solid #8bd6d3; border-radius: 9px; background: transparent; color: #d9ffff; padding: 10px 16px; font: inherit; font-size: .9rem; font-weight: 650; cursor: pointer; }
.discovery-add[aria-pressed="true"] { color: #d9ffff; background: transparent; }
.discovery-details { margin-top: 12px; border-top: 1px solid rgba(255, 255, 255, .34); }
.discovery-details summary { padding: 14px 0; min-height: 44px; cursor: pointer; font-size: .85rem; font-weight: 600; }
.discovery-details dl { margin: 0; }
.discovery-details dl > div { margin: 0 0 16px; }
.discovery-details dt { font-size: .75rem; font-weight: 650; color: rgba(255, 253, 248, .78); margin-bottom: 4px; }
.discovery-details dd { margin: 0; font-size: .88rem; line-height: 1.6; overflow-wrap: anywhere; }
html[data-theme] body[data-app-page="find-my-tube"] #cardsContainer .discovery-card :is(.discovery-open, .discovery-body, .discovery-details, .discovery-details summary, .discovery-details dd) {
  color: #fffdf8 !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, .72);
}
html[data-theme] body[data-app-page="find-my-tube"] #cardsContainer .discovery-card :is(.discovery-open, .discovery-body) { background: transparent !important; }
html[data-theme] body .collection-illustration { display: inline-block; width: 42px; height: 105px; flex: 0 0 auto; vertical-align: middle; }
html[data-theme] body .collection-illustration.tube-icon-mini { width: 22px; height: 55px; }
html[data-theme] body .collection-illustration.tube-icon-sm { width: 30px; height: 75px; }
html[data-theme] body .collection-illustration-paediatric { height: 78px; }
/* Photographic tubes match the former discovery scale while preserving their natural proportions. */
html[data-theme] body .discovery-tube .tube-photo-visual-adult { width: 42px; height: 96px; flex-basis: 42px; }
html[data-theme] body .discovery-tube .tube-photo-visual-paediatric { width: 42px; height: 78px; flex-basis: 42px; }
html[data-theme] body .draw-modal-card {
  background: transparent !important; color: var(--clinical-ink) !important;
  border: 1px solid var(--clinical-line) !important; border-radius: var(--fmt-card-radius) !important;
  backdrop-filter: blur(8px) saturate(1.04) !important;
  -webkit-backdrop-filter: blur(8px) saturate(1.04) !important;
}
html[data-theme] body .draw-modal-card :is(h3, h4, p, li, .draw-selection-count, .draw-selected-chip-name, .tube-option-label) { color: var(--clinical-ink) !important; }
html[data-theme] body .draw-modal-card :is(.draw-group-card, .draw-result-card, .draw-planner-alert) {
  background: transparent !important; border: 1px solid var(--clinical-line) !important;
  box-shadow: none !important; border-radius: var(--fmt-card-radius) !important;
  backdrop-filter: blur(8px) saturate(1.04) !important;
  -webkit-backdrop-filter: blur(8px) saturate(1.04) !important;
}
html[data-theme] body .draw-group-card::before { display: none !important; }
html[data-theme] body .draw-groups { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
html[data-theme] body .draw-result-card { display: flex; flex-direction: column; }
html[data-theme] body .draw-planner-count { order: 0; }
html[data-theme] body .draw-groups { order: 1; }
html[data-theme] body .draw-planner-note { order: 2; }
html[data-theme] body .draw-planner-alerts { order: 3; }
html[data-theme] body .draw-planner-alert summary { cursor: pointer; min-height: 44px; display: list-item; align-content: center; font-weight: 600; font-size: .85rem; color: var(--clinical-ink); }
html[data-theme] body .draw-group-main { gap: 14px; min-width: 0; }
html[data-theme] body .draw-group-main h3 { font-size: 1.1rem; flex: 1; }
html[data-theme] body .draw-order-step { background: var(--clinical-page) !important; color: var(--clinical-muted) !important; border: 1px solid var(--clinical-line) !important; }
html[data-theme] body[data-app-page="find-my-tube"] .discovery-card .profile-tests-btn { min-height: 44px; background: transparent !important; color: #d9ffff !important; border: 1px solid #8bd6d3 !important; border-radius: 8px; }
html[data-theme] body .draw-group-count-badge { background: var(--clinical-page) !important; color: var(--clinical-ink) !important; border: 1px solid var(--clinical-line) !important; font-size: 1.2rem; }
/* Planner visuals stay 40% smaller than their discovery counterparts. */
html[data-theme] body .draw-group-card :is(.collection-illustration, .tube-photo-visual-adult) { width: 25.2px; height: 57.6px; flex-basis: 25.2px; }
html[data-theme] body .draw-group-card :is(.collection-illustration-paediatric, .tube-photo-visual-paediatric) { width: 25.2px; height: 46.8px; flex-basis: 25.2px; }
html[data-theme] body .draw-planner-note { white-space: pre-line; font-size: .86rem; line-height: 1.6; }
html[data-theme] body .draw-modal-card :is(.draw-close-btn, .draw-tool-btn, .draw-selected-chip-remove) { background: var(--clinical-page) !important; border: 1px solid var(--clinical-line) !important; color: var(--clinical-ink) !important; min-height: 44px; min-width: 44px; }
html[data-theme] body .discovery-card :is(button, summary):focus-visible { outline: 3px solid var(--clinical-action); outline-offset: -3px; }
/* Keep the planner header stable when scrolling; retire the old navy collapse effect. */
html[data-theme] body .draw-modal-card .draw-selection-head {
  position: sticky !important; top: 0 !important; z-index: 12;
  justify-content: space-between !important; margin: 0 !important; padding: 0 0 8px !important;
  background: transparent !important; background-image: none !important;
  border-bottom: 1px solid var(--clinical-line) !important; box-shadow: none !important;
  backdrop-filter: none !important; -webkit-backdrop-filter: none !important; transition: none !important;
}
html[data-theme] body .draw-modal-card .draw-selection-head h3 {
  max-width: none !important; opacity: 1 !important; transform: none !important; transition: none !important;
}
html[data-theme] body .draw-modal-card .draw-selected-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; }
html[data-theme] body .draw-modal-card .draw-selected-chip {
  display: flex; justify-content: space-between; width: 100%; min-width: 0;
  padding: 0 !important; gap: 12px; border: 0 !important; border-bottom: 1px solid var(--clinical-line) !important;
  border-radius: 0 !important; background: transparent !important; box-shadow: none !important;
}
html[data-theme] body .draw-modal-card .draw-selected-chip-name { font-size: .875rem; line-height: 1.4; font-weight: 500; overflow-wrap: anywhere; }
html[data-theme] body .draw-modal-card :is(.draw-close-btn, .draw-selected-chip-remove) {
  width: 44px; height: 44px; flex: 0 0 44px; padding: 0 !important;
  background: transparent !important; border: 0 !important; border-radius: 8px !important;
  box-shadow: none !important; font-size: 1.5rem; line-height: 1;
}
html[data-theme] body .draw-modal-card :is(.draw-close-btn, .draw-selected-chip-remove):hover { background: var(--clinical-page) !important; }
html[data-theme] body .draw-modal-card button:focus-visible { outline: 2px solid var(--clinical-action); outline-offset: -2px; }
/* Quiet department navigation: text rows rather than decorative icon tiles. */
html[data-theme] body[data-app-page="find-my-tube"] #preSearchPanel .group-hints,
html[data-theme] body[data-app-page="find-my-tube"] #groupChips .group-chip {
  background: transparent !important; border: 0 !important; box-shadow: none !important;
}
html[data-theme] body[data-app-page="find-my-tube"] #preSearchPanel .group-hints { padding: 0 !important; }
html[data-theme] body[data-app-page="find-my-tube"] #groupChips .group-chip:focus-visible { outline: 2px solid var(--clinical-action); outline-offset: -2px; }
html[data-theme] body[data-app-page="find-my-tube"] .group-chip-icon { display: none !important; }
html[data-theme] body[data-app-page="find-my-tube"] #groupChips .group-chip {
  min-height: 48px; padding: 12px 0 !important; border: 0 !important;
  border-radius: 0 !important;
  transform: none !important; text-align: left;
}
html[data-theme] body[data-app-page="find-my-tube"] #groupChips .group-chip-stack { border: 0 !important; background: transparent !important; box-shadow: none !important; }
html[data-theme] body[data-app-page="find-my-tube"] #groupChips .group-chip-label { color: #fffdf8 !important; text-shadow: none !important; filter: none !important; }
html[data-theme] body[data-app-page="find-my-tube"] .group-chip::before,
html[data-theme] body[data-app-page="find-my-tube"] .group-chip::after { display: none !important; }
/* Profile contents sit directly on the page photograph rather than inside another card. */
html[data-theme] body[data-app-page="find-my-tube"] #profileModal {
  align-items: flex-start; padding: max(12px, env(safe-area-inset-top)) 12px 12px;
  background: rgba(2, 12, 23, .12) !important;
  backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
}
html[data-theme] body[data-app-page="find-my-tube"].profile-modal-open .container,
html[data-theme] body[data-app-page="find-my-tube"]:has(#profileModal:not([hidden])) .container {
  opacity: 0 !important; filter: none !important; pointer-events: none;
}
html[data-theme] body[data-app-page="find-my-tube"].profile-modal-open :is(#selectionCartBar, .mobile-bottom-nav),
html[data-theme] body[data-app-page="find-my-tube"]:has(#profileModal:not([hidden])) :is(#selectionCartBar, .mobile-bottom-nav) {
  opacity: 0 !important; visibility: hidden !important; pointer-events: none !important;
}
html[data-theme] body[data-app-page="find-my-tube"] #profileModal .profile-modal-card {
  width: min(600px, 100%); max-height: calc(100dvh - 24px); margin: 0 auto; padding: 16px;
  background: transparent !important; background-image: none !important; color: #fffdf8 !important;
  border: 0 !important; box-shadow: none !important;
  backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
}
html[data-theme] body[data-app-page="find-my-tube"] #profileModal .profile-modal-head {
  min-height: 62px; margin: 0; padding: 0 0 12px; border-bottom: 1px solid rgba(255, 255, 255, .26) !important;
}
html[data-theme] body[data-app-page="find-my-tube"] #profileModal .profile-modal-heading { display: grid; gap: 4px; }
html[data-theme] body[data-app-page="find-my-tube"] #profileModal .profile-modal-brand {
  margin: 0; color: #a7dedc; font-size: .68rem; font-weight: 750; letter-spacing: .12em; text-transform: uppercase;
}
html[data-theme] body[data-app-page="find-my-tube"] #profileModal #profileModalTitle {
  margin: 0; color: #fffdf8 !important; font-size: 1.35rem; text-shadow: 0 1px 4px rgba(1, 8, 15, .9);
}
html[data-theme] body[data-app-page="find-my-tube"] .profile-modal-list,
html[data-theme] body[data-app-page="find-my-tube"] .profile-modal-list li { background: transparent !important; color: #fffdf8 !important; box-shadow: none !important; }
html[data-theme] body[data-app-page="find-my-tube"] #profileModal .profile-modal-list {
  margin: 0; padding: 0; border: 0 !important; list-style: none; overflow-y: auto;
}
html[data-theme] body[data-app-page="find-my-tube"] #profileModal .profile-modal-list li {
  min-height: 50px; margin: 0; padding: 14px 4px; border: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, .2) !important; font-size: .95rem; line-height: 1.4;
}
html[data-theme] body[data-app-page="find-my-tube"] .profile-modal-list li:last-child { border-bottom: 0 !important; }
html[data-theme] body[data-app-page="find-my-tube"] .profile-modal-list li :is(strong, span, p) { color: inherit !important; }
html[data-theme] body[data-app-page="find-my-tube"] .profile-modal-close-btn,
html[data-theme] body[data-app-page="find-my-tube"] .results-back-to-top-btn { background: transparent !important; color: #fffdf8 !important; border: 1px solid rgba(255, 255, 255, .4) !important; box-shadow: none !important; }
html[data-theme] body[data-app-page="find-my-tube"] #closeProfileModalBtn { width: 44px; height: 44px; padding: 0; font-size: 1.5rem; line-height: 1; }
@media (max-width: 620px) {
  .discovery-open { padding: 14px 16px; }
  .discovery-body { padding: 0 16px 16px; }
  html[data-theme] body[data-app-page="find-my-tube"] .tube-workspace-intro h2 { font-size: 1.8rem; }
  html[data-theme] body[data-app-page="find-my-tube"].is-mobile-search-active .selection-cart-bar:not([hidden]) { opacity: 1; visibility: visible; pointer-events: auto; z-index: 1201; }
  html[data-theme] body[data-app-page="find-my-tube"].is-mobile-search-active #cardsContainer { padding-bottom: 90px; }
}
@media (prefers-reduced-motion: no-preference) {
  .discovery-body:not([hidden]) { animation: discovery-enter 140ms ease-out; }
  @keyframes discovery-enter { from { opacity: .4; transform: translateY(-3px); } to { opacity: 1; transform: none; } }
}

/* A small resolved plan stays above the keyboard; full guidance lives in the dialog. */
html[data-theme] body[data-app-page="find-my-tube"] #selectionCartBar {
  display: flex; flex-direction: column; align-items: stretch; gap: 8px;
  width: min(460px, calc(100vw - 32px)); min-height: 64px; max-height: 210px;
  padding: 12px 14px !important; overflow: hidden;
  background: transparent !important;
  backdrop-filter: blur(8px) saturate(1.04) !important;
  -webkit-backdrop-filter: blur(8px) saturate(1.04) !important;
  transition: none; text-shadow: none;
}
html[data-theme] body[data-app-page="find-my-tube"] #selectionCartBar .selection-cart-copy {
  display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px;
}
html[data-theme] body[data-app-page="find-my-tube"] #selectionCartBar #selectionCartCount {
  font-size: .75rem; white-space: normal; text-align: left;
}
.selection-cart-expand { margin-left: auto; }
.selection-cart-preview { display: flex; align-items: center; gap: 10px; min-width: 0; }
.selection-cart-collection { display: flex; align-items: center; gap: 6px; flex: 1; min-width: 0; }
.selection-cart-collection > span:last-child { font-size: .7rem; line-height: 1.3; overflow-wrap: anywhere; }
.selection-cart-more { font-size: .68rem; flex: 0 1 70px; }
html[data-theme] body #selectionCartBar :is(.tube-photo-visual-adult, .collection-illustration) {
  width: 18px; height: 40px; flex: 0 0 18px;
}
html[data-theme] body #selectionCartBar :is(.tube-photo-visual-paediatric, .collection-illustration-paediatric) {
  width: 18px; height: 32px; flex: 0 0 18px;
}
.selection-cart-warning {
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  font-size: .72rem; line-height: 1.35; text-align: left; color: #fffdf8;
  border-top: 1px solid rgba(255,255,255,.2); padding-top: 6px;
}
.selection-cart-preview[hidden], .selection-cart-warning[hidden] { display: none; }
html[data-theme] body[data-app-page="find-my-tube"].has-selection-cart #cardsContainer {
  padding-bottom: calc(var(--tube-plan-dock-height, 160px) + 20px);
}
html[data-theme] body[data-app-page="find-my-tube"] .draw-selection-actions {
  display: flex; flex-direction: row; flex-wrap: nowrap;
  align-items: center; justify-content: space-between; gap: 8px;
}
html[data-theme] body[data-app-page="find-my-tube"] .draw-selection-count {
  flex: 1; width: auto; margin: 0; text-align: left;
}
html[data-theme] body[data-app-page="find-my-tube"] #drawClearAllBtn {
  flex: 1 1 0; min-width: 0; width: auto; min-height: 44px; padding: 8px 10px;
  text-align: center;
  background: transparent !important; color: #fffdf8 !important; font-size: .8rem;
}
.draw-test-guidance dl { margin: 8px 0 0; }
.draw-test-guidance dt { font-weight: 650; font-size: .75rem; margin-top: 12px; }
.draw-test-guidance dd { margin: 4px 0 0; font-size: .85rem; line-height: 1.5; overflow-wrap: anywhere; }
/* The heading occupies its own space; only the collection content scrolls. */
html[data-theme] body[data-app-page="find-my-tube"] #drawModal .draw-modal-card {
  display: flex; flex-direction: column; overflow: hidden !important;
}
html[data-theme] body[data-app-page="find-my-tube"] #drawModal .draw-selection-head {
  position: static !important; flex: 0 0 auto; background: transparent !important;
}
html[data-theme] body[data-app-page="find-my-tube"] #drawPlannerBody {
  min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding-top: 12px;
}
html[data-theme] body[data-app-page="find-my-tube"] #drawSelectedList[hidden] { display: none !important; }
html[data-theme] body[data-app-page="find-my-tube"] #drawTestsToggleBtn {
  flex: 1 1 0; min-width: 0; width: auto; margin: 0; padding: 8px 10px;
  text-align: center; white-space: nowrap; background: transparent !important;
  color: #fffdf8 !important; font-size: .8rem; min-height: 44px;
}
html[data-theme] body[data-app-page="find-my-tube"].draw-modal-open #selectionCartBar {
  display: none !important;
}
@media (max-width: 620px) {
  html[data-theme] body[data-app-page="find-my-tube"] #selectionCartBar {
    left: 12px; right: 12px; width: auto; padding: 10px 12px !important;
  }
  .discovery-result-head .discovery-select { gap: 6px; padding: 12px; min-height: 72px; }
  .discovery-name { font-size: .93rem; }
  .discovery-selection-state { font-size: .65rem; }
  .discovery-result-head .discovery-select[aria-pressed="true"] { flex-wrap: wrap; }
  .discovery-inspect { min-width: 56px; margin-right: 4px; }
}