/* Derived from @medplum/react (Copyright Orangebot, Inc. and Medplum contributors), Apache-2.0. */
/* Modified by Bayanmed, 2026-10-31: wraps instead of scrolling; two columns below 36em (Mantine xs); sentence case labels */
._root_35ovy_3 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 0;
  padding: 8px 10px;
}

._entry_35ovy_12 {
  display: inline-block;
  min-width: 0;
  margin: 5px 20px 5px 5px;
}

._key_35ovy_18 {
  color: var(--mantine-color-dimmed);
  font-size: var(--mantine-font-size-xs);
  overflow-wrap: anywhere;
}

._value_35ovy_24 {
  font-size: var(--mantine-font-size-md);
  font-weight: 600;
  margin-left: 0;
  overflow-wrap: anywhere;
}

@media (max-width: 36em) {
  ._root_35ovy_3 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  ._entry_35ovy_12 {
    margin-right: 8px;
  }
}
._mark_j0155_1 {
  flex: none;
}
._page_af719_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: var(--bm-size-row);
  padding: var(--bm-space-lg);
}

._rows_af719_9 {
  display: flex;
  flex-direction: column;
  gap: var(--bm-space-hair);
}

._row_af719_9 {
  height: var(--bm-size-row);
}
._banner_1eani_1 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--bm-space-sm);
  padding: var(--bm-space-sm) var(--bm-space-md);
  border: var(--bm-border-hairline) solid var(--bm-tone-info-border);
  border-radius: var(--bm-radius-md);
  background: var(--bm-tone-info-bg);
  color: var(--bm-tone-info-text);
}

  ._banner_1eani_1[data-tone="success"] {
    border-color: var(--bm-tone-success-border);
    background: var(--bm-tone-success-bg);
    color: var(--bm-tone-success-text);
  }

  ._banner_1eani_1[data-tone="warning"] {
    border-color: var(--bm-tone-warning-border);
    background: var(--bm-tone-warning-bg);
    color: var(--bm-tone-warning-text);
  }

  ._banner_1eani_1[data-tone="error"] {
    border-color: var(--bm-tone-error-border);
    background: var(--bm-tone-error-bg);
    color: var(--bm-tone-error-text);
  }

._text_1eani_31 {
  flex: 1;
  min-width: 0;
}
/* SPDX-FileCopyrightText: Copyright Orangebot, Inc. and Medplum contributors */
/* SPDX-License-Identifier: Apache-2.0 */
/* Upstream: examples/medplum-provider/src/pages/patient/PatientPage.module.css (medplum v5.2.12, e00cb273) */
/* Modified by Bayanmed, 2026-11-04: the sidebar and content columns from the size tokens; stacked below md; the page's title row, back link and actions are ours. */

._page_m7p6v_6 {
  display: flex;
  flex-direction: column;
  gap: var(--bm-space-md);
  max-width: var(--bm-size-content-max-width);
  padding: var(--bm-space-md);
}

/* A split page is full width, as Medplum's patient page. */

._page_m7p6v_6[data-layout="split"] {
    max-width: none;
  }

._back_m7p6v_19 {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: var(--bm-space-tight);
  min-height: var(--bm-size-control);
  color: var(--bm-accent);
  font-weight: var(--bm-font-weight-strong);
  text-decoration: none;
}

._back_m7p6v_19:hover {
    color: var(--bm-accent-hover);
    text-decoration: underline;
  }

._titleRow_m7p6v_35 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--bm-space-sm);
}

._actions_m7p6v_43 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--bm-space-sm);

  /* On a phone the main button is full width under the title. */
}

/* biome-ignore lint/suspicious/noUnknownAtRules: postcss-preset-mantine mixin, resolved by the build */

@media (max-width: 47.99375em) {

._actions_m7p6v_43 {
    width: 100%;
    flex-direction: column-reverse;
    align-items: stretch
}
}

._content_m7p6v_58 {
  min-width: 0;
}

._split_m7p6v_62 {
  display: flex;
  flex-direction: column;
  gap: var(--bm-space-md);

  /* From md the sidebar stands beside the content; the DOM order is the stacked order. */
}

/* biome-ignore lint/suspicious/noUnknownAtRules: postcss-preset-mantine mixin, resolved by the build */

@media (min-width: 62em) {

._split_m7p6v_62 {
    flex-direction: row;
    align-items: flex-start
}
}

._sidebar_m7p6v_75 {
  min-width: 0;
}

/* biome-ignore lint/suspicious/noUnknownAtRules: postcss-preset-mantine mixin, resolved by the build */

@media (min-width: 62em) {

._sidebar_m7p6v_75 {
    position: sticky;
    top: var(--bm-space-md);
    flex: 0 0 var(--bm-size-sidebar);
    width: var(--bm-size-sidebar);
    max-height: calc(var(--bm-size-viewport) - 2 * var(--bm-space-md));
    overflow-y: auto
}
}

._sidebarBody_m7p6v_89 {
  display: flex;
  flex-direction: column;
  gap: var(--bm-space-md);
}

._main_m7p6v_95 {
  flex: 1;
  min-width: 0;
}
/* SPDX-FileCopyrightText: Copyright Orangebot, Inc. and Medplum contributors */
/* SPDX-License-Identifier: Apache-2.0 */
/* Upstream: packages/react/src/Panel/Panel.module.css (medplum v5.2.12, e00cb273) */
/* Modified by Bayanmed, 2026-11-04: width variants from the card-width tokens; no auto margin (the page places the Panel); padding, radius and shadow from the design tokens. */

._panel_1qy3s_6 {
  min-width: 0;
  padding: var(--bm-space-md);
  border-radius: var(--bm-radius-sm);
  box-shadow: var(--bm-shadow-panel);

  /* Medplum's 800 px literal maps to the sm breakpoint. */
}

/* biome-ignore lint/suspicious/noUnknownAtRules: postcss-preset-mantine mixin, resolved by the build */

@media (max-width: 47.99375em) {

._panel_1qy3s_6 {
    padding: var(--bm-space-xs);
}
}

._panel_1qy3s_6[data-width="form"] {
    max-width: var(--bm-size-card-width-page);
  }

._panel_1qy3s_6[data-width="message"] {
    max-width: var(--bm-size-card-width-message);
  }

._panel_1qy3s_6 img,
  ._panel_1qy3s_6 video {
    width: 100%;
    max-width: 100%;
  }

._fill_1qy3s_33 {
  padding: 0;
}
._root_ihgcn_1 {
  flex: none;
}
/* SPDX-FileCopyrightText: Copyright Orangebot, Inc. and Medplum contributors */
/* SPDX-License-Identifier: Apache-2.0 */
/* Upstream: packages/react/src/PatientSummary/CollapsibleSection.module.css (medplum v5.2.12, e00cb273) */
/* Modified by Bayanmed, 2026-11-04: the toggle is one button with the title; the chevron turn reads the motion tokens; every value from the design tokens, no light-dark() or !important. */

._root_1b6b4_6 {
  position: relative;
  min-width: 0;
  padding: var(--bm-space-xs) 0;
}

/* Sections sit flat on the sidebar, set off from each other by a divider. */

._root_1b6b4_6:not(:first-child) {
    border-top: var(--bm-border-hairline) solid var(--bm-sage);
  }

._header_1b6b4_17 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--bm-space-xs);
}

._heading_1b6b4_24 {
  min-width: 0;
  margin: 0;
  font-size: var(--bm-font-size-md);
  font-weight: var(--bm-font-weight-heading);
  line-height: var(--bm-font-line-height-md);
}

._toggle_1b6b4_32 {
  display: flex;
  align-items: center;
  gap: var(--bm-space-tight);
  min-height: var(--bm-size-control);
  padding: 0 var(--bm-space-tight);
  border: 0;
  border-radius: var(--bm-radius-sm);
  background: transparent;
  color: var(--bm-ink);
  font: inherit;
  text-align: left;
  cursor: pointer;
}

._toggle_1b6b4_32:hover {
    background-color: var(--bm-surface-hover);
  }

._chevron_1b6b4_51 {
  flex: none;
  transition: transform var(--bm-motion-duration-fast) var(--bm-motion-ease);
}

._chevron_1b6b4_51[data-collapsed] {
    transform: rotate(-90deg);
  }

._actions_1b6b4_60 {
  display: flex;
  flex: none;
  align-items: center;
  gap: var(--bm-space-xs);
}

._body_1b6b4_67 {
  padding: var(--bm-space-xs) 0 var(--bm-space-sm) var(--bm-space-lg);
}
._block_jbva8_1 {
  display: flex;
  flex-direction: column;
  gap: var(--bm-space-sm);
  min-width: 0;
}

  /* Flat: a divider above every block but the first. */
  ._block_jbva8_1:not(:first-child) {
    padding-top: var(--bm-space-md);
    border-top: var(--bm-border-hairline) solid var(--bm-sage);
  }
/* A status chip always shows its whole word (CX-4): Mantine's badge may shrink and ellipsize inside a narrow table
   cell (C2_PATIENTS_MEDPLUM QA-1: "BEKOR..." at 1280 px); this keeps the chip as wide as its word. */
._chip_2guen_3 {
  min-width: max-content;
}
._bar_9jkxd_1 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: var(--bm-space-sm);

  /* On a phone the bar stacks and the main button (last in the DOM) is shown first, full width. */
}
  /* biome-ignore lint/suspicious/noUnknownAtRules: postcss-preset-mantine mixin, resolved by the build */
  @media (max-width: 47.99375em) {._bar_9jkxd_1 {
    flex-direction: column-reverse;
    align-items: stretch;
}

    ._bar_9jkxd_1 > * {
      width: 100%;
    }
}

  ._bar_9jkxd_1[data-align="stretch"] > * {
    flex: 1;
  }
._root_169n5_1 {
  min-height: var(--bm-size-control);
  align-items: center;
}
._list_14l90_1 {
  display: flex;
  flex-direction: column;
  gap: var(--bm-space-xs);
  max-height: calc(0.6 * var(--bm-size-viewport));
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-y: auto;
}

._label_14l90_12 {
  flex: 1;
  min-width: 0;
  text-align: left;
}
/* SPDX-FileCopyrightText: Copyright Orangebot, Inc. and Medplum contributors */
/* SPDX-License-Identifier: Apache-2.0 */
/* Upstream: packages/react/src/Modal/Modal.module.css (medplum v5.2.12, e00cb273) */
/* Modified by Bayanmed, 2026-11-04: every value from the design tokens, no light-dark(); the footer holds the failure banner above the button bar. */

/*
 * The `.modal` ancestor is load-bearing: these rules override Mantine's own slot styles, which are a single class
 * each, so they need two classes to win. `.modal` is the root slot, an ancestor of every other slot.
 */
._modal_n0uo6_7 ._content_n0uo6_10 {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

._modal_n0uo6_7 ._header_n0uo6_16 {
  flex: 0 0 auto;
  position: static;
  padding-block: var(--bm-space-sm);
  padding-inline-start: var(--bm-space-lg);
  padding-inline-end: var(--bm-space-sm);
  border-bottom: var(--bm-border-hairline) solid var(--bm-sage);
}

._modal_n0uo6_7 ._title_n0uo6_25 {
  font-size: var(--bm-font-size-lg);
  font-weight: var(--bm-font-weight-strong);
}

._modal_n0uo6_7 ._modalBody_n0uo6_30 {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  padding: 0;
}

._body_n0uo6_38 {
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: var(--bm-space-lg);
}

._footer_n0uo6_47 {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: var(--bm-space-sm);
  padding: var(--bm-space-lg);
  border-top: var(--bm-border-hairline) solid var(--bm-sage);
}
/* SPDX-FileCopyrightText: Copyright Orangebot, Inc. and Medplum contributors */
/* SPDX-License-Identifier: Apache-2.0 */
/* Upstream: packages/react/src/SearchControl/SearchControl.module.css (medplum v5.2.12, e00cb273) */
/* Modified by Bayanmed, 2026-11-04: the toolbar, row and header rules of SearchControl; the phone cards, the error block and the more row are ours; every value from the design tokens, no light-dark() or !important. */

._wrap_1l6v2_6 {
  min-width: 0;
}

._error_1l6v2_10 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--bm-space-md);
  padding: var(--bm-space-md);
  border: var(--bm-border-hairline) solid var(--bm-danger-border);
  border-radius: var(--bm-radius-sm);
  background: var(--bm-danger-bg);
  color: var(--bm-danger-text);
}

._table_1l6v2_22 {
  width: 100%;
  border-collapse: collapse;
}

._th_1l6v2_27 {
  padding: var(--bm-space-xs) var(--bm-space-sm);
  color: var(--bm-muted);
  font-weight: var(--bm-font-weight-strong);
  text-align: start;
  border-bottom: var(--bm-border-hairline) solid var(--bm-sage);
}

._th_1l6v2_27[data-align="end"] {
    text-align: end;
  }

._row_1l6v2_39 {
  position: relative;
}

._td_1l6v2_43 {
  height: var(--bm-size-row);
  padding: var(--bm-space-xs) var(--bm-space-sm);
  vertical-align: middle;
  border-bottom: var(--bm-border-hairline) solid var(--bm-sage);
}

._td_1l6v2_43[data-align="end"] {
    text-align: end;
  }

._td_1l6v2_43[data-width="narrow"] {
    width: 1%;
    white-space: nowrap;
  }

._td_1l6v2_43[data-width="number"] {
    width: 1%;
    text-align: end;
    font-variant-numeric: tabular-nums;
  }

._row_1l6v2_39:hover {
  background: var(--bm-surface-hover);
}

/* The one tab stop among the rows: a visible ring, drawn inside the row so the table does not clip it. */
._row_1l6v2_39:focus-visible {
  outline: var(--bm-space-hair) solid var(--bm-accent);
  outline-offset: calc(-1 * var(--bm-space-hair));
}

/* One link per row, stretched over the whole row; the action buttons stay clickable above it. */
._link_1l6v2_76 {
  color: inherit;
  font-weight: var(--bm-font-weight-strong);
  text-decoration: none;
}
._link_1l6v2_76::after {
    content: "";
    position: absolute;
    inset: 0;
  }

._actions_1l6v2_88 {
  position: relative;
}

._actionGroup_1l6v2_92 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--bm-space-xs);
}

/* Medplum's SearchControl toolbar: the start slot and count at the left, the labelled actions at the right. */
._toolbar_1l6v2_100 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--bm-space-sm);
  padding-bottom: var(--bm-space-md);
  border-bottom: var(--bm-border-hairline) solid var(--bm-sage);
}

._toolbarStart_1l6v2_110,
._toolbarEnd_1l6v2_111 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--bm-space-xs);
}

._sortButton_1l6v2_118 {
  display: inline-flex;
  align-items: center;
  gap: var(--bm-space-tight);
  min-height: var(--bm-size-control);
  padding: 0 var(--bm-space-tight);
  border: 0;
  border-radius: var(--bm-radius-sm);
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
}

._sortButton_1l6v2_118:hover {
    background: var(--bm-surface-hover);
  }

._sortButton_1l6v2_118[data-sorted] {
    color: var(--bm-ink);
  }

._more_1l6v2_140 {
  display: flex;
  justify-content: center;
  padding: var(--bm-space-md) 0;
}

/* Below sm every row is a stacked card: "header: value" pairs from the same markup. */
/* biome-ignore lint/suspicious/noUnknownAtRules: postcss-preset-mantine mixin, resolved by the build */
@media (max-width: 47.99375em) {
  /* Visually hidden, and out of the layout: a 1px clipped box. Without the size the header row keeps its full width
     and widens the page's scrollable area (QA-1: 413 > 345 at 360 px). The 1px box is the hairline token (no length
     literal in a stylesheet). */
  ._head_1l6v2_152 {
    position: absolute;
    width: var(--bm-border-hairline);
    height: var(--bm-border-hairline);
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }

  ._table_1l6v2_22,
  ._table_1l6v2_22 tbody,
  ._row_1l6v2_39,
  ._td_1l6v2_43 {
    display: block;
  }

  ._row_1l6v2_39 {
    margin-bottom: var(--bm-space-sm);
    padding: var(--bm-space-xs) 0;
    border: var(--bm-border-hairline) solid var(--bm-sage);
    border-radius: var(--bm-radius-sm);
    background: var(--bm-surface-raised);
  }

  ._td_1l6v2_43 {
    height: auto;
    border-bottom: 0;

    /* Every desktop width variant (narrow, number, any later one) ends here: a card cell takes the card's width. */
  }
    ._td_1l6v2_43,
    ._td_1l6v2_43[data-width] {
      width: auto;
      white-space: normal;
    }

    ._td_1l6v2_43[data-label]::before {
      content: attr(data-label);
      display: block;
      color: var(--bm-muted);
    }

    ._td_1l6v2_43[data-align="end"],
    ._td_1l6v2_43[data-width="number"] {
      text-align: start;
    }

  ._actionGroup_1l6v2_92 {
    justify-content: flex-start;
  }
}
._count_121rq_1 {
  color: var(--bm-muted);
  font-size: var(--bm-font-size-xs);
  font-weight: var(--bm-font-weight-strong);
}

._pager_121rq_7 {
  display: flex;
  justify-content: center;
  padding: var(--bm-space-md) 0 0;
}

._footer_121rq_13 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--bm-space-xs);
  padding: var(--bm-space-sm);
  border-top: var(--bm-border-hairline) solid var(--bm-sage);
}

._footer_121rq_13 ._pager_121rq_7 {
    padding: 0;
  }
/* SPDX-FileCopyrightText: Copyright Orangebot, Inc. and Medplum contributors */
/* SPDX-License-Identifier: Apache-2.0 */
/* Upstream: packages/react/src/DescriptionList/DescriptionList.module.css (medplum v5.2.12, e00cb273) */
/* Modified by Bayanmed, 2026-11-04: every value from the design tokens, no light-dark(); the stacked layout below xs. */

._root_lsnov_6 {
  display: grid;
  grid-template-columns: 30% 70%;
  margin: 0;

  /* biome-ignore lint/suspicious/noUnknownAtRules: postcss-preset-mantine mixin, resolved by the build */
}

._root_lsnov_6 > dt,
  ._root_lsnov_6 > dd {
    margin: 0;
    padding: var(--bm-space-xs);
    border-top: var(--bm-border-hairline) solid var(--bm-sage);
    overflow-wrap: anywhere;
  }

._root_lsnov_6 > dt {
    color: var(--bm-muted);
  }

._root_lsnov_6 > dt:first-of-type,
  ._root_lsnov_6 > dd:first-of-type {
    border-top: 0;
  }

@media (max-width: 35.99375em) {

._root_lsnov_6 {
    grid-template-columns: 1fr;
  }

    ._root_lsnov_6 > dt {
      padding-bottom: 0;
    }

    ._root_lsnov_6 > dd {
      border-top: 0;
      padding-top: var(--bm-space-hair);
    }

    ._root_lsnov_6 > dd:first-of-type {
      border-top: 0;
    }
}

._compact_lsnov_47 {
  grid-template-columns: auto 1fr;
}

._compact_lsnov_47 > dt,
  ._compact_lsnov_47 > dd {
    border: 0;
    padding: 0;
  }

._compact_lsnov_47 > dt {
    padding-right: var(--bm-space-xs);
  }

._compact_lsnov_47 > dd {
    padding-left: var(--bm-space-xs);
  }

._compact_lsnov_47 > dt:last-of-type,
  ._compact_lsnov_47 > dd:last-of-type {
    padding-bottom: var(--bm-space-xs);
  }
._group_4h6hv_1 {
  display: flex;
  flex-direction: column;
  gap: var(--bm-space-md);
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

/* The label scale: PT Sans, small, strong. */
._legend_4h6hv_12 {
  padding: 0;
  margin-bottom: var(--bm-space-xs);
  font-family: var(--bm-font-body);
  font-weight: var(--bm-font-weight-strong);
  font-size: var(--bm-font-size-sm);
}

._hint_4h6hv_20 {
  margin: 0;
  color: var(--bm-muted);
}

._fields_4h6hv_25 {
  display: flex;
  flex-direction: column;
  gap: var(--bm-space-md);
  min-width: 0;
}

/* biome-ignore lint/suspicious/noUnknownAtRules: postcss-preset-mantine mixin, resolved by the build */

@media (min-width: 48em) {
    ._fields_4h6hv_25[data-columns="2"] {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    ._fields_4h6hv_25[data-columns="3"] {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
._form_1l8dq_1 {
  display: flex;
  flex-direction: column;
  gap: var(--bm-space-md);
}
._figure_1ut1e_1 {
  display: inline-flex;
  flex-direction: column;
  gap: var(--bm-space-hair);
}

._label_1ut1e_7 {
  color: var(--mantine-color-dimmed);
}

._value_1ut1e_11 {
  font-family: var(--mantine-font-family-headings);
  font-weight: var(--bm-font-weight-heading);
  font-size: var(--bm-font-key-figure-lg);
  font-variant-numeric: lining-nums tabular-nums;
  line-height: var(--mantine-h1-line-height);
}

._value_1ut1e_11[data-size="xl"] {
    font-size: var(--bm-font-key-figure-xl);
  }
/* SPDX-FileCopyrightText: Copyright Orangebot, Inc. and Medplum contributors */
/* SPDX-License-Identifier: Apache-2.0 */
/* Upstream: packages/react/src/ListWithDetailPane/ListWithDetailPane.module.css (medplum v5.2.12, e00cb273) */
/* Modified by Bayanmed, 2026-11-04: every value from the design tokens, no light-dark(); the list column and header from the size tokens; one column below md. */

._container_x7t9b_6 {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  min-height: var(--bm-size-pane-header);
}

._container_x7t9b_6[data-narrow] {
    flex-direction: column;
  }

._list_x7t9b_17 {
  display: flex;
  flex: 0 0 var(--bm-size-sidebar);
  flex-direction: column;
  width: var(--bm-size-sidebar);
  min-width: 0;
  max-height: var(--bm-size-viewport);
  border-right: var(--bm-border-hairline) solid var(--bm-sage);
}

._container_x7t9b_6[data-narrow] > ._list_x7t9b_17 {
    flex: 1 1 auto;
    width: auto;
    max-height: none;
    border-right: 0;
  }

._header_x7t9b_34 {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  gap: var(--bm-space-xs);
  min-height: var(--bm-size-pane-header);
  padding: var(--bm-space-md);
  border-bottom: var(--bm-border-hairline) solid var(--bm-sage);
}

._title_x7t9b_45 {
  font-weight: var(--bm-font-weight-strong);
}

._actions_x7t9b_49 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--bm-space-xs);
}

._scroll_x7t9b_55 {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
}

/* The rows are inset from the column edges so the rounded hover and selected fills keep their corners. */
._items_x7t9b_63 {
  margin: 0;
  padding: var(--bm-space-xs);
  list-style: none;
}

._item_x7t9b_63 {
  display: block;
  padding: var(--bm-space-xs) var(--bm-space-sm);
  border-radius: var(--bm-radius-md);
  color: inherit;
  text-decoration: none;
  transition: background-color var(--bm-motion-duration-fast) var(--bm-motion-ease);
}

._item_x7t9b_63:hover {
    background-color: var(--bm-surface-hover);
  }

._item_x7t9b_63[data-selected] {
    background-color: var(--bm-surface-selected);
  }

._message_x7t9b_86 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--bm-space-md);
  padding: var(--bm-space-lg);
  text-align: center;
}

._detail_x7t9b_96 {
  flex: 1 1 0;
  min-width: 0;
  padding: var(--bm-space-md);
}

._back_x7t9b_102 {
  display: inline-flex;
  align-items: center;
  gap: var(--bm-space-tight);
  min-height: var(--bm-size-control);
  margin-bottom: var(--bm-space-sm);
  color: var(--bm-accent);
  font-weight: var(--bm-font-weight-strong);
  text-decoration: none;
}

._back_x7t9b_102:hover {
    text-decoration: underline;
  }
/* SPDX-FileCopyrightText: Copyright Orangebot, Inc. and Medplum contributors */
/* SPDX-License-Identifier: Apache-2.0 */
/* Upstream: packages/react/src/LinkTabs/LinkTabs.module.css (medplum v5.2.12, e00cb273) */
/* Modified by Bayanmed, 2026-11-04: the provider app's pill tabs (index.css .pill-tabs) in one line inside a scrolling strip; every value from the design tokens. */

._strip_2mxtd_6 {
  overflow-x: auto;
  border-bottom: var(--bm-border-hairline) solid var(--bm-sage);
}

._list_2mxtd_11 {
  display: flex;
  flex-wrap: nowrap;
  gap: var(--bm-space-tight);
  width: max-content;
  min-width: 100%;
  padding-bottom: var(--bm-space-tight);
  border-bottom: none;
  white-space: nowrap;
}

._tab_2mxtd_22 {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  min-height: var(--bm-size-tab);
  padding: 0 var(--bm-space-sm);
  border-radius: var(--bm-radius-xl);
  background-color: transparent;
  color: var(--bm-muted);
  font-size: var(--bm-font-size-sm);
  font-weight: var(--bm-font-weight-tab);
  line-height: 1;
  text-decoration: none;
  transition:
    background-color var(--bm-motion-duration-fast) var(--bm-motion-ease),
    color var(--bm-motion-duration-fast) var(--bm-motion-ease);
}

._tab_2mxtd_22:hover {
    background-color: var(--bm-surface-hover);
    text-decoration: none;
  }

._tab_2mxtd_22[data-active],
  ._tab_2mxtd_22[data-active]:hover {
    background-color: var(--bm-surface-selected);
    color: var(--bm-ink);
  }

._panel_2mxtd_52 {
  padding-top: var(--bm-space-md);
}
._option_ayobe_1 {
  min-height: var(--bm-size-control);
  align-items: center;
}

._options_ayobe_6 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--bm-space-xs) var(--bm-space-lg);
}

._options_ayobe_6[data-direction="column"] {
  flex-direction: column;
}
._line_mvmtb_1 {
  min-height: var(--bm-size-control);
}
._wordmark_neo4x_1 {
  font-family: var(--mantine-font-family-headings);
  font-weight: var(--bm-font-weight-heading);
  font-size: var(--bm-font-wordmark-size);
  letter-spacing: var(--bm-font-wordmark-letter-spacing);
}
._page_17r8j_1 {
  position: relative;
  min-height: var(--bm-size-viewport);
  padding: var(--bm-space-md);
}

._language_17r8j_7 {
  position: absolute;
  top: var(--bm-space-sm);
  right: var(--bm-space-sm);
}

._center_17r8j_13 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: calc(var(--bm-size-viewport) - 2 * var(--bm-space-md));
}

._card_17r8j_20 {
  max-width: var(--bm-size-card-width-narrow);
}

._card_17r8j_20[data-width="message"] {
    max-width: var(--bm-size-card-width-message);
  }

._card_17r8j_20[data-width="form"] {
    max-width: var(--bm-size-card-width-form);
  }