/* HR: keep search results nearby and form actions visible in short viewports. */
.mx-workspace--employees .employees-workspace .employees-toolbar { align-items: end; }
.mx-workspace--employees #employees-reset { min-height: 44px; flex-shrink: 0; }
.mx-workspace--employees #employees-reset[hidden] { display: none; }
html[data-wc-color-scheme="dark"] .mx-workspace--employees .employees-action--danger {
  color: #eb9696;
}
.mx-workspace--employees .employees-results {
  margin: 0;
  padding: 0 20px 12px;
  font-size: 13px;
  font-variant-numeric: tabular-nums;
}
.mx-workspace--employees .employees-card-group .employees-card {
  background: var(--dots-surface);
  box-shadow: 0 2px 6px color-mix(in srgb, var(--dots-ink) 7%, transparent);
  border: 1px solid color-mix(in srgb, var(--dots-ink) 12%, transparent);
}
.mx-workspace--employees .employees-card-group .employees-card__nick { font-size: 16px; }
.mx-workspace--employees .employees-card__meta {
  padding-block: 12px;
  border-block: 1px solid color-mix(in srgb, var(--dots-ink) 10%, transparent);
}
.mx-workspace--employees #employee-form-dialog { overflow: hidden; }
.mx-workspace--employees #employee-form {
  max-height: calc(100dvh - 28px);
  box-sizing: border-box;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: 14px;
}
.mx-workspace--employees .employees-dialog__body {
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 4px;
  display: grid;
  gap: 16px;
}
.mx-workspace--employees .employees-dialog__body > p { margin: 0; }
.mx-workspace--employees #employee-form .employees-dialog__actions {
  padding-top: 12px;
  border-top: 1px solid color-mix(in srgb, var(--dots-ink) 12%, transparent);
}
@media (max-width: 767px) {
  .mx-workspace--employees .employees-workspace .employees-toolbar {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .mx-workspace--employees .employees-toolbar .employees-search-field { grid-column: 1 / -1; }
  .mx-workspace--employees .employees-results { padding-inline: 12px; }
  .mx-workspace--employees .employees-card__head { flex-wrap: wrap; }
  .mx-workspace--employees .employees-card__head > div { flex: 1 1 180px; }
}

/* Supply catalogs: readable actions and quieter surfaces, using the shared theme. */
.mx-workspace--supply .supply-bank-name {
  min-width: 0;
  font-weight: 600;
  overflow-wrap: anywhere;
}
.mx-workspace--supply .supply-catalog-delete {
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid color-mix(in srgb, var(--dots-ink) 14%, transparent);
}
.mx-workspace--supply .supply-catalog-delete p {
  margin: 0 0 12px;
  max-width: 60ch;
}
.mx-workspace--supply .supply-catalog-delete__button {
  min-height: 44px;
  color: #a53a3a;
  border-color: currentColor;
}
html[data-wc-color-scheme="dark"] .mx-workspace--supply .supply-catalog-delete__button {
  color: #eb9696;
}
.mx-workspace--supply #supply-filter-bar {
  box-shadow: none;
  border: 0;
  background: transparent;
}
.mx-workspace--supply #supply-catalog-panel > .dots-table-wrap {
  box-shadow: none;
  background: transparent;
}
.mx-workspace--supply #supply-table [data-action="edit"] {
  min-height: 44px;
  min-width: 96px;
  white-space: nowrap;
}
.mx-workspace--supply #supply-table .mx-status-toggle {
  min-height: 44px;
  gap: 8px;
  white-space: nowrap;
}
.mx-workspace--supply .mx-status-toggle__slider { flex-shrink: 0; }
.mx-workspace--supply .mx-status-toggle__caption { font-size: 12px; color: var(--dots-ink); }
.mx-workspace--supply #supply-add-form,
.mx-workspace--supply #supply-table .supply-editor-form {
  padding: 20px;
  border-radius: 16px;
  border: 1px solid color-mix(in srgb, var(--dots-accent) 30%, transparent);
  background: var(--dots-surface);
  box-shadow: none;
}
.mx-workspace--supply #supply-add-title { margin: 0; font-size: 18px; }
.mx-workspace--supply #supply-table .supply-editor-form .dots-field { max-width: none; }
.mx-workspace--supply #supply-table .supply-editor-form .dots-btn { min-height: 44px; }
@media (max-width: 720px) {
  .mx-workspace--supply #supply-catalog-panel { padding: 0 12px 12px; }
  .mx-workspace--supply #supply-catalog-panel > .dots-table-wrap { padding: 0; }
  .mx-workspace--supply #supply-table:not(.mx-supply-table--roster) tr[data-row-id] {
    padding: 16px;
    gap: 8px 12px;
    box-shadow: 0 2px 6px color-mix(in srgb, var(--dots-ink) 7%, transparent);
    border: 1px solid color-mix(in srgb, var(--dots-ink) 12%, transparent);
  }
  .mx-workspace--supply #supply-table:not(.mx-supply-table--roster) tr[data-row-id] > td:nth-child(2) {
    font-size: 16px;
    text-align: left;
    padding-bottom: 12px;
    border-bottom: 1px solid color-mix(in srgb, var(--dots-ink) 12%, transparent);
  }
  .mx-workspace--supply #supply-table:not(.mx-supply-table--roster) tr[data-row-id] > .mx-supply-status {
    grid-column: 1 / -1;
    text-align: left;
  }
  .mx-workspace--supply #supply-table:not(.mx-supply-table--roster) .mx-supply-status::before { display: none; }
  .mx-workspace--supply #supply-table:not(.mx-supply-table--roster) tr[data-row-id] > td:nth-last-child(-n+2) {
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .mx-workspace--supply #supply-table .supply-editor-form .device-editor-form__actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }
}

/* Supply's day-to-day desk: contacts and catalogs, without resource dashboards. */
.mx-supply-catalog-desk .mx-supply-section-picker { display: none; }
.mx-supply-catalog-desk .supply-tab-bar {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.mx-supply-catalog-desk .supply-tab-bar [hidden] { display: none; }
.mx-supply-catalog-desk #supply-table.mx-supply-table--banks thead th:nth-child(n+4):nth-child(-n+8),
.mx-supply-catalog-desk #supply-table.mx-supply-table--banks tr[data-row-id] > td:nth-child(n+4):nth-child(-n+8),
.mx-supply-catalog-desk #supply-table.mx-supply-table--catalog thead th:nth-child(n+4):nth-child(-n+5),
.mx-supply-catalog-desk #supply-table.mx-supply-table--catalog tr[data-row-id] > td:nth-child(n+4):nth-child(-n+5) {
  display: none;
}
@media (max-width: 720px) {
  .mx-supply-catalog-desk .monetix-admin__main { gap: 12px; }
  .mx-supply-catalog-desk .mx-workspace__head {
    padding: 12px 0;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    gap: 12px;
  }
  .mx-supply-catalog-desk .mx-workspace__head::after,
  .mx-supply-catalog-desk .mx-workspace__head .eyebrow,
  .mx-supply-catalog-desk .mx-workspace__head .mx-session-chip,
  .mx-supply-catalog-desk .dots-breadcrumb { display: none; }
  .mx-supply-catalog-desk .supply-tab-bar {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 4px;
    margin: 0;
    padding: 4px;
  }
  .mx-supply-catalog-desk .supply-tab-bar .chip {
    min-width: 0;
    padding: 10px 4px;
    min-height: 44px;
    justify-content: center;
    font-size: 13px;
  }
  .mx-supply-catalog-desk .mx-workspace__panel { box-shadow: none; background: transparent; padding: 0; }
  .mx-supply-catalog-desk #supply-filter-bar { padding: 0; margin-bottom: 8px; gap: 8px; }
  .mx-supply-catalog-desk #supply-status-filter { flex-wrap: nowrap; gap: 4px; }
  .mx-supply-catalog-desk #supply-status-filter .chip { min-height: 44px; padding-inline: 10px; }
  .mx-supply-catalog-desk #supply-list-status { margin: 8px 0 12px; }
  .mx-supply-catalog-desk #supply-catalog-panel { padding: 0; }
  .mx-supply-catalog-desk #supply-table:not(.mx-supply-table--roster) tr[data-row-id] {
    padding: 12px;
    gap: 6px 10px;
    margin-bottom: 10px;
    border-radius: 12px;
    box-shadow: none;
  }
  .mx-supply-catalog-desk #supply-table:not(.mx-supply-table--roster) tr[data-row-id] > td:nth-child(2) {
    position: static;
    padding: 0;
    border: 0;
    box-shadow: none;
  }
  .mx-supply-catalog-desk #supply-table tr[data-row-id] > td:nth-child(2)::before { display: none; }
  .mx-supply-catalog-desk #supply-table:not(.mx-supply-table--roster) tr[data-row-id] > td:nth-child(3) { grid-column: 1 / -1; }
  .mx-supply-catalog-desk #supply-table .mx-supply-status { padding: 0; }
  .mx-supply-catalog-desk #supply-table a { overflow-wrap: anywhere; }
  .mx-supply-catalog-desk #supply-add-form,
  .mx-supply-catalog-desk #supply-table .supply-editor-form { padding: 12px; }
}

/* Role workspaces: a local composition layer over the shared Dots tokens. */
.mx-workspace {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.mx-workspace .monetix-admin__main {
  gap: clamp(16px, 2vw, 24px);
}

.mx-workspace__head {
  position: relative;
  padding: clamp(16px, 2vw, 24px);
  border-radius: var(--dots-radius-card, 16px);
  background: var(--dots-surface);
  box-shadow: var(--nm-shadow-raised-sm, var(--dots-shadow-card));
}

.mx-workspace__head::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 3px;
  border-radius: 0 0 var(--dots-radius-card, 16px) var(--dots-radius-card, 16px);
  background: color-mix(in srgb, var(--dots-accent) 70%, transparent);
  content: "";
  opacity: .7;
}

.mx-workspace .page-head h2,
.mx-workspace h3 {
  text-wrap: balance;
}

.mx-workspace .page-head__actions {
  align-items: center;
}

.mx-workspace .page-head__actions > :is(.dots-btn, .dots-input, select, .mx-sync-wrap) {
  min-height: 44px;
}

.mx-workspace .dots-kpi-grid,
.mx-workspace .employees-summary,
.mx-workspace .mx-regional__kpis,
.mx-workspace .mx-senior-workspace__stats,
.mx-workspace .mx-supply-coverage-summary {
  gap: 12px;
}

.mx-workspace .dots-kpi,
.mx-workspace .employees-kpi,
.mx-workspace .mx-regional__metric,
.mx-workspace .mx-senior-workspace__stats > div,
.mx-workspace .mx-supply-coverage-fact {
  min-height: 118px;
  padding: 18px;
  border-radius: var(--dots-radius-card, 16px);
  background: var(--dots-surface);
  box-shadow: var(--nm-shadow-raised-sm, var(--dots-shadow-card));
}

.mx-workspace :is(.mx-kpi-value, .employees-kpi strong, .mx-regional__metric strong, .mx-senior-workspace__stats strong, .mx-supply-coverage-fact strong) {
  font-variant-numeric: tabular-nums;
}

.mx-workspace__panel,
.mx-workspace .mx-regional__section,
.mx-workspace .mx-senior-workspace {
  overflow: clip;
  border-radius: var(--dots-radius-card, 16px);
  box-shadow: var(--nm-shadow-raised-sm, var(--dots-shadow-card));
}

.mx-workspace .panel-head,
.mx-workspace .employees-toolbar,
.mx-workspace .mx-senior-workspace__head,
.mx-workspace .mx-regional__section-head,
.mx-workspace .mx-supply-control__head {
  gap: 12px;
  padding: clamp(14px, 1.6vw, 20px);
}

.mx-workspace .panel-body {
  padding: clamp(12px, 1.6vw, 20px);
}

.mx-workspace .dots-table-wrap {
  border-radius: calc(var(--dots-radius-card, 16px) - 4px);
  box-shadow: var(--nm-shadow-inset);
}

/* Keep wide columns reachable while vertical wheel scroll continues on the page. */
.mx-workspace--employees .employees-workspace > .panel-body > .employees-table-wrap,
.mx-workspace--dashboard .mx-workspace__panel > .panel-body > .dots-table-wrap {
  min-width: 0;
  max-width: 100%;
  margin-inline: 0;
  overflow: auto;
  overscroll-behavior-x: contain;
}

.mx-workspace :is(.dots-table th, .dots-table td) {
  vertical-align: middle;
}

.mx-workspace .dots-table tbody tr {
  transition-property: background-color, box-shadow;
  transition-duration: 160ms;
}

.mx-workspace .dots-table tbody tr:hover {
  background: color-mix(in srgb, var(--dots-accent-soft) 55%, transparent);
  box-shadow: inset 3px 0 0 color-mix(in srgb, var(--dots-accent) 65%, transparent);
}

.mx-workspace :is(.dots-btn, .chip, .employees-dialog__close) {
  transition-property: transform, box-shadow, background-color, color;
  transition-duration: 160ms;
  transition-timing-function: cubic-bezier(.2, 0, 0, 1);
}

.mx-workspace :is(.dots-btn, .chip, .employees-dialog__close):active {
  transform: scale(.96);
}

.mx-workspace--supply .supply-tab-bar,
.mx-workspace--senior .mx-account-nav,
.mx-workspace--senior .mx-team-selection-tabs {
  padding: 6px;
  border-radius: var(--dots-radius-card, 16px);
  background: var(--dots-surface-inset);
  box-shadow: var(--nm-shadow-inset);
}

.mx-workspace--supply .supply-tab-bar .chip,
.mx-workspace--senior .mx-account-nav .chip,
.mx-workspace--senior .mx-team-selection-tabs .chip {
  min-height: 44px;
}

.mx-workspace--supply .mx-supply-coverage,
.mx-workspace--supply .mx-supply-farms {
  padding: clamp(14px, 1.8vw, 22px);
  box-shadow: var(--nm-shadow-inset);
}

/* Keep seven coverage facts balanced instead of leaving a single card on a row. */
.mx-workspace--supply .mx-supply-farm-usage {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid var(--border);
  display: grid;
  gap: 14px;
  min-width: 0;
}
.mx-workspace--supply .mx-supply-farm-usage[hidden] { display: none; }
.mx-workspace--supply .mx-supply-farm-usage :is(h3, p, dl) { margin: 0; }
.mx-workspace--supply .mx-supply-farm-usage header { display: grid; gap: 8px; }
.mx-workspace--supply .mx-supply-farm-usage__window { font-size: 13px; color: var(--text-muted); line-height: 1.6; }
.mx-workspace--supply .mx-supply-farm-usage__search { max-width: 520px; }
.mx-workspace--supply .mx-supply-farm-usage__search input { min-height: 44px; width: 100%; }
.mx-workspace--supply .mx-supply-farm-usage__list { display: grid; gap: 12px; }
.mx-workspace--supply .mx-supply-farm-usage__row {
  padding: 16px;
  border: 1px solid var(--border);
  border-radius: var(--dots-radius-card, 16px);
  min-width: 0;
  background: var(--dots-surface);
}
.mx-workspace--supply .mx-supply-farm-usage__head { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 6px 16px; margin-bottom: 12px; overflow-wrap: anywhere; }
.mx-workspace--supply .mx-supply-farm-usage__head span { color: var(--text-muted); font-size: 13px; }
.mx-workspace--supply .mx-supply-farm-usage__row dl { display: grid; grid-template-columns: minmax(160px, 1.3fr) minmax(75px, .5fr) repeat(2, minmax(140px, 1fr)); gap: 12px; }
.mx-workspace--supply .mx-supply-farm-usage__row dl div { min-width: 0; }
.mx-workspace--supply .mx-supply-farm-usage__row dt { font-size: 12px; color: var(--text-muted); margin-bottom: 5px; }
.mx-workspace--supply .mx-supply-farm-usage__row dd { margin: 0; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.mx-workspace--supply .mx-supply-farm-usage__device dd { font-family: ui-monospace, monospace; font-size: 12px; }
.mx-workspace--supply .mx-supply-farm-usage > button { justify-self: start; min-height: 44px; }
@media (max-width: 900px) {
  .mx-workspace--supply .mx-supply-farm-usage__row dl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 480px) {
  .mx-workspace--supply .mx-supply-farm-usage__row dl { grid-template-columns: minmax(0, 1fr); }
  .mx-workspace--supply .mx-supply-farm-usage__row { padding: 12px; }
}

@media (min-width: 761px) {
  .mx-workspace--supply .mx-supply-coverage-summary {
    display: flex;
    flex-wrap: wrap;
  }

  .mx-workspace--supply .mx-supply-coverage-fact {
    flex: 1 0 calc((100% - 36px) / 4);
    min-height: 104px;
    padding: 14px;
    align-content: start;
  }

  .mx-workspace--supply .mx-supply-coverage > .mx-supply-control__head {
    padding: 4px 4px 10px;
  }
}

@media (min-width: 1800px) {
  .mx-workspace--supply .mx-supply-coverage-fact {
    flex-basis: calc((100% - 72px) / 7);
  }
}

.mx-workspace--regional .monetix-admin__main.mx-regional {
  width: 100%;
  max-width: 1640px;
  margin-inline: auto;
}

.mx-workspace--regional :is(.mx-regional__kpis, .mx-regional__metric, .mx-regional__section) {
  border-color: var(--border);
}

@media (min-width: 1600px) {
  .mx-workspace--regional .mx-regional__kpis {
    display: flex;
    flex-wrap: wrap;
  }

  .mx-workspace--regional .mx-regional__kpis > .mx-regional__metric {
    flex: 1 0 calc((100% - 48px) / 5);
  }
}

.mx-workspace--regional .mx-regional__state,
.mx-workspace--regional .mx-regional__all-clear,
.mx-workspace .devices-empty,
.mx-workspace .employees-empty {
  border-radius: var(--dots-radius-card, 16px);
  background: color-mix(in srgb, var(--dots-surface-inset) 74%, var(--dots-surface));
  box-shadow: var(--nm-shadow-inset);
  text-wrap: pretty;
}

.mx-workspace--employees .employees-dialog {
  border: 0;
  box-shadow: var(--nm-shadow-raised-lg, 0 24px 80px rgb(0 0 0 / .24));
}

.mx-workspace--employees .employees-dialog__surface {
  background: var(--dots-surface);
}

.mx-workspace--employees #employee-form {
  gap: 14px;
}

.mx-workspace--employees #employee-form-hint {
  margin: 0;
}

.mx-workspace--employees .employees-dialog__close {
  flex: 0 0 44px;
  min-width: 44px;
}

.mx-workspace--senior .mx-senior-workspace {
  padding: clamp(16px, 2vw, 24px);
  background: color-mix(in srgb, var(--dots-accent-soft) 42%, var(--dots-surface));
}

.mx-workspace--senior .mx-senior-workspace__stats > div {
  min-width: 0;
}

.mx-senior-operator-mode #mx-team-io-counters > button {
  min-width: 44px;
  min-height: 44px;
  flex-shrink: 0;
}
/* Senior team list owns its scroll; opening a drawer must not add 100% + gaps. */
.mx-senior-operator-mode #mx-account-layout {
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
}
.mx-senior-operator-mode .mx-account-list-section,
.mx-senior-operator-mode .mx-account-list-section > .panel-body,
.mx-senior-operator-mode #mx-account-drawer,
.mx-senior-operator-mode #mx-account-drawer :is(.mx-field, .mx-field-value, .grid-2 > *) {
  min-width: 0;
}
.mx-senior-operator-mode .mx-account-list-section > .panel-body > .dots-table-wrap {
  min-width: 0;
  max-width: 100%;
  margin-inline: 0;
  overflow: auto;
  overscroll-behavior: contain;
}
.mx-senior-operator-mode #mx-account-drawer .mx-field-value {
  overflow-wrap: anywhere;
}
.mx-senior-operator-mode #mx-account-drawer .grid-2 {
  grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 961px) {
  .mx-senior-operator-mode #mx-account-layout.is-drawer-open {
    grid-template-columns: minmax(0, 11fr) minmax(0, 14fr);
    gap: 12px;
  }
}
.mx-senior-operator-mode #mx-account-layout.is-shift-drawer-open {
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
}
@media (min-width: 1101px) {
  .mx-senior-operator-mode #mx-account-drawer .grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Keep the selected operator details compact in the Senior transfer modal. */
.mx-workspace--senior #mx-shift-transfer-modal .dots-modal__head h3 {
  margin: 0;
}

.mx-workspace--senior #mx-shift-transfer-selection {
  display: grid;
  gap: 12px;
  margin-top: 12px;
}

.mx-workspace--senior #mx-shift-transfer-selection > p {
  margin: 0;
}

/* Admin starts with the active management surfaces, not legacy shift data. */
.mx-workspace--dashboard .mx-admin-home {
  padding: clamp(16px, 2vw, 24px);
  background: var(--dots-surface);
}

.mx-workspace--dashboard .mx-admin-home__head > :is(h3, p) {
  margin-top: 0;
}

.mx-workspace--dashboard .mx-admin-home__head .muted {
  max-width: 620px;
  margin-bottom: 0;
  text-wrap: pretty;
}

.mx-workspace--dashboard .mx-admin-home__groups {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 20px;
}

.mx-workspace--dashboard .mx-admin-home__group {
  min-width: 0;
  padding: 16px;
  border-radius: calc(var(--dots-radius-card, 16px) - 4px);
  background: var(--dots-surface-inset);
  box-shadow: var(--nm-shadow-inset);
}

.mx-workspace--dashboard .mx-admin-home__group h4 {
  margin: 0 0 12px;
  color: var(--dots-accent);
  font-size: .86rem;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.mx-workspace--dashboard .mx-admin-home__links {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr));
  gap: 8px;
}

.mx-workspace--dashboard .mx-admin-home__links .dots-btn {
  display: flex;
  min-width: 0;
  min-height: 44px;
  justify-content: flex-start;
  padding: 10px 12px;
  overflow-wrap: anywhere;
  text-align: left;
}

@media (max-width: 760px) {
  .mx-workspace__head {
    padding: 16px;
  }

  .mx-workspace .page-head__actions,
  .mx-workspace .page-head__actions > :is(.dots-btn, .dots-input, select, .mx-sync-wrap) {
    width: 100%;
  }

  .mx-workspace .dots-kpi-grid,
  .mx-workspace .mx-regional__kpis,
  .mx-workspace .mx-senior-workspace__stats,
  .mx-workspace .mx-supply-coverage-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mx-workspace .dots-kpi,
  .mx-workspace .employees-kpi,
  .mx-workspace .mx-regional__metric,
  .mx-workspace .mx-senior-workspace__stats > div,
  .mx-workspace .mx-supply-coverage-fact {
    min-height: 0;
    padding: 14px;
  }

  .mx-workspace .dots-table-wrap {
    margin-inline: -2px;
  }

  .mx-workspace--dashboard .mx-admin-home__groups {
    grid-template-columns: 1fr;
  }

  .mx-workspace--supply .supply-tab-bar,
  .mx-workspace--senior .mx-account-nav,
  .mx-workspace--senior .mx-team-selection-tabs {
    overflow-x: auto;
    flex-wrap: nowrap;
    scrollbar-width: thin;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mx-workspace :is(.dots-btn, .chip, .employees-dialog__close, .dots-table tbody tr) {
    transition-duration: .01ms;
  }
}

/* Supply desk: one list surface, with shared controls on catalogs and reasons.
   Keep this after the general workspace layer; other roles retain their layout. */
:is(.mx-supply-catalog-desk, .mx-supply-reasons-desk) {
  --supply-line: color-mix(in srgb, var(--dots-ink) 13%, transparent);
  -webkit-font-smoothing: antialiased;
}
:is(.mx-supply-catalog-desk, .mx-supply-reasons-desk) .monetix-admin__main {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}
:is(.mx-supply-catalog-desk, .mx-supply-reasons-desk) .page-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
:is(.mx-supply-catalog-desk, .mx-supply-reasons-desk) .page-head::after,
.mx-supply-catalog-desk .page-head :is(.eyebrow, .dots-breadcrumb, .mx-session-chip) { display: none; }
:is(.mx-supply-catalog-desk, .mx-supply-reasons-desk) .page-head h2 {
  margin: 0;
  font-size: 24px;
  line-height: 1.2;
  letter-spacing: -.025em;
}
.mx-supply-catalog-desk .mx-supply-page-caption {
  margin: 4px 0 0;
  color: var(--dots-muted);
  font-size: 14px;
  line-height: 1.4;
}
.mx-supply-catalog-desk .page-head__actions,
.mx-supply-catalog-desk .page-head__actions > .dots-btn { width: auto; flex-shrink: 0; }
:is(.mx-supply-catalog-desk, .mx-supply-reasons-desk) :is(.dots-btn, .chip) {
  min-height: 44px;
  border-radius: 10px;
  box-shadow: none;
  font-size: 14px;
}
:is(.mx-supply-catalog-desk, .mx-supply-reasons-desk) .dots-btn--ghost {
  border: 1px solid var(--supply-line);
  background: transparent;
}
:is(.mx-supply-catalog-desk, .mx-supply-reasons-desk) .dots-btn--primary {
  border: 1px solid transparent;
  box-shadow: none;
}
:is(.mx-supply-catalog-desk, .mx-supply-reasons-desk) .dots-input {
  width: 100%;
  min-width: 0;
  min-height: 46px;
  border: 1px solid var(--supply-line);
  border-radius: 10px;
  background: var(--dots-surface);
  box-shadow: none;
  font-size: 16px;
}
:is(.mx-supply-catalog-desk, .mx-supply-reasons-desk) :is(.dots-btn, .chip, .dots-input, summary):focus-visible {
  outline: 2px solid var(--dots-accent);
  outline-offset: 3px;
}
.mx-supply-catalog-desk .supply-tab-bar {
  display: flex;
  flex-wrap: nowrap;
  gap: 20px;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid var(--supply-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.mx-supply-catalog-desk .supply-tab-bar .chip {
  position: relative;
  flex: 0 0 auto;
  padding: 8px 2px 12px;
  border: 0;
  border-radius: 0;
  color: var(--dots-muted);
  background: transparent;
  box-shadow: none;
  font-weight: 500;
}
.mx-supply-catalog-desk .supply-tab-bar .chip.is-active {
  color: var(--dots-accent);
  background: transparent;
  box-shadow: inset 0 -3px var(--dots-accent);
  font-weight: 700;
}
/* Shared chips use white text for visited active links. These tabs are transparent;
   override :visited explicitly (its painted color is hidden by getComputedStyle). */
.mx-supply-catalog-desk .supply-tab-bar a.chip[data-supply-tab]:is(:link, :visited) {
  color: var(--dots-muted);
  -webkit-text-fill-color: currentColor;
}
.mx-supply-catalog-desk .supply-tab-bar a.chip[data-supply-tab]:is(.is-active, :hover, :focus-visible) {
  color: var(--dots-accent);
  background: transparent;
  -webkit-text-fill-color: currentColor;
}
.mx-supply-catalog-desk .supply-tab-bar a.chip * {
  color: inherit;
  -webkit-text-fill-color: currentColor;
}
.mx-supply-catalog-desk .mx-workspace__panel {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}
.mx-supply-catalog-desk #supply-filter-bar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 20px;
  padding: 0;
  margin: 0;
}
.mx-supply-catalog-desk #supply-filter-bar > .dots-field { flex: 1 1 260px; min-width: 0; margin: 0; }
.mx-supply-catalog-desk #supply-filter-bar > .dots-field > span {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
}
.mx-supply-catalog-desk #supply-status-filter { gap: 4px; flex-wrap: nowrap; flex: 0 0 auto; width: auto; }
.mx-supply-catalog-desk #supply-status-filter .chip {
  padding: 8px 12px;
  border: 1px solid transparent;
  color: var(--dots-muted);
  background: transparent;
  box-shadow: none;
}
.mx-supply-catalog-desk #supply-status-filter .chip.is-active {
  color: var(--dots-ui-selected-text);
  background: var(--dots-ui-selected-bg);
  font-weight: 600;
}
.mx-supply-status-select { display: none; }
.supply-delete-dialog {
  box-sizing: border-box;
  width: min(460px, calc(100vw - 32px));
  max-width: calc(100vw - 32px);
  max-height: calc(100dvh - 32px);
  margin: auto;
  padding: 20px;
  overflow: auto;
  border: 1px solid var(--dots-border, var(--line));
  border-radius: 16px;
  color: var(--dots-ink);
  background: var(--dots-surface);
  box-shadow: 0 24px 80px rgb(0 0 0 / 24%);
}
.supply-delete-dialog::backdrop { background: rgb(10 18 24 / 56%); backdrop-filter: blur(3px); }
.supply-delete-dialog h3 { margin: 0 0 12px; font-size: 20px; line-height: 1.3; }
.supply-delete-dialog p { margin: 0 0 16px; line-height: 1.5; overflow-wrap: anywhere; }
.supply-delete-dialog__name { font-weight: 650; }
.supply-delete-dialog__actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; }
.supply-delete-dialog__actions .dots-btn { min-height: 44px; min-width: 96px; max-width: 100%; }
.supply-delete-dialog .dots-btn:focus-visible { outline: 2px solid var(--dots-accent); outline-offset: 3px; }
@media (max-width: 360px) {
  .supply-delete-dialog { padding: 16px; }
  .supply-delete-dialog__actions .dots-btn { flex: 1; min-width: 0; }
}
.mx-supply-catalog-desk #supply-list-status { margin: 6px 0; font-size: 13px; font-variant-numeric: tabular-nums; }
.mx-supply-catalog-desk #supply-catalog-panel { padding: 0; }
.mx-supply-catalog-desk #supply-catalog-panel > .dots-table-wrap {
  padding: 0;
  margin: 0;
  border: 1px solid var(--supply-line);
  border-radius: 14px;
  background: var(--dots-surface);
  box-shadow: none;
}
.mx-supply-catalog-desk #supply-table { width: 100%; min-width: 0; }
.mx-supply-catalog-desk #supply-table:not(:has(tr[data-row-id])) thead { display: none; }
.mx-supply-catalog-desk #supply-table :is(th, td) { padding: 6px 12px; white-space: normal; overflow-wrap: anywhere; }
.mx-supply-catalog-desk #supply-table tr[data-row-id] > td:nth-child(2) { font-weight: 650; font-size: 16px; }
.mx-supply-catalog-desk #supply-table :is(th, tr[data-row-id] > td):first-child,
.mx-supply-catalog-desk #supply-table:not(.mx-supply-table--readonly) .mx-supply-status,
.mx-supply-catalog-desk #supply-table.mx-supply-table--banks:not(.mx-supply-table--readonly) th:nth-child(9),
.mx-supply-catalog-desk #supply-table.mx-supply-table--catalog:not(.mx-supply-table--readonly) th:nth-child(6) { display: none; }
.mx-supply-catalog-desk #supply-table tr[data-row-id] > td:nth-child(3) a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  max-width: 100%;
  font-size: 14px;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.mx-supply-catalog-desk #supply-table tbody tr:hover { box-shadow: none; }
.mx-supply-catalog-desk #supply-table .mx-status-toggle { min-width: 44px; }
.mx-supply-catalog-desk #supply-add-form,
.mx-supply-catalog-desk #supply-table .supply-editor-form,
.mx-supply-reasons-desk #mx-reasons-panel :is(.device-add-block, .mx-re-edit-row > td) {
  position: static;
  width: 100%;
  box-sizing: border-box;
  padding: 14px;
  border: 1px solid color-mix(in srgb, var(--dots-accent) 35%, transparent);
  border-radius: 12px;
  background: var(--dots-surface);
  box-shadow: none;
}
.mx-supply-catalog-desk #supply-add-form { margin-block: 12px; }
.mx-supply-catalog-desk #supply-table .supply-editor-row > td { padding: 0 12px 12px; }
.mx-supply-catalog-desk :is(.device-add-actions, .device-editor-form__actions) {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}
.mx-supply-catalog-desk #supply-table .devices-empty {
  position: static;
  width: 100%;
  padding: 28px 16px;
  margin: 0;
  background: transparent;
  box-shadow: none;
  line-height: 1.6;
}
.mx-supply-reasons-desk #mx-reasons-panel { display: grid; gap: 10px; }
.mx-supply-reasons-desk #mx-reasons-panel .mx-reason-accordion {
  padding: 4px 12px 10px;
  border: 1px solid var(--supply-line);
  border-radius: 14px;
  background: var(--dots-surface);
  box-shadow: none;
}
.mx-supply-reasons-desk #mx-reasons-panel .mx-reason-accordion:not([open]) { padding-bottom: 4px; }
.mx-supply-reasons-desk #mx-reasons-panel summary { min-height: 44px; font-size: 16px; letter-spacing: -.01em; }
.mx-supply-reasons-desk #mx-reasons-panel .mx-reason-accordion > .stack-12 {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 8px;
}
.mx-supply-reasons-desk #mx-reasons-panel .mx-reason-accordion > .stack-12 > * { margin-block: 0; }
.mx-supply-reasons-desk #mx-reasons-panel :is(.mx-reason-result, .device-add-block, .dots-table-wrap) { grid-column: 1 / -1; }
.mx-supply-reasons-desk #mx-reasons-panel summary::-webkit-details-marker { display: none; }
.mx-supply-reasons-desk #mx-reasons-panel .dots-table-wrap { border-radius: 0; background: transparent; box-shadow: none; }
.mx-supply-reasons-desk #mx-reasons-panel .dots-table { table-layout: fixed; }
.mx-supply-reasons-desk #mx-reasons-panel .dots-table :is(th, td) { padding: 6px 8px; }
.mx-supply-reasons-desk #mx-reasons-panel tr[data-reason-id] td:nth-child(2) { font-size: 15px; font-weight: 600; }
.mx-supply-reasons-desk #mx-reasons-panel :is(th, tr[data-reason-id] > td):first-child { display: none; }
.mx-supply-reasons-desk #mx-reasons-panel .dots-field { max-width: none; }
.mx-supply-reasons-desk #mx-reasons-panel .mx-fe-status-toggle { gap: 10px; font-size: 13px; }
.mx-supply-reasons-desk #mx-reasons-panel input[type=checkbox] { width: 18px; height: 18px; }
.mx-supply-reasons-desk #mx-reasons-panel [id$="-add-toggle"] { align-self: start; width: max-content; max-width: 100%; }

@media (min-width: 641px) {
  .mx-supply-reasons-desk #mx-reasons-panel .dots-table th:nth-child(3) { width: 24%; }
  .mx-supply-reasons-desk #mx-reasons-panel .dots-table th:nth-child(4) { width: 22%; }
}

@media (min-width: 1201px) {
  :is(.mx-supply-catalog-desk, .mx-supply-reasons-desk) .monetix-admin__main { max-width: 1280px; width: 100%; }
}
@media (max-width: 1200px) {
  :is(.mx-supply-catalog-desk, .mx-supply-reasons-desk) .monetix-admin__mobile-bar {
    min-height: calc(56px + var(--mx-safe-top, 0px));
    padding-block: calc(6px + var(--mx-safe-top, 0px)) 6px;
  }
  :is(.mx-supply-catalog-desk, .mx-supply-reasons-desk) .monetix-admin__main { padding-top: calc(68px + var(--mx-safe-top, 0px)); }
}
@media (max-width: 720px) {
  :is(.mx-supply-catalog-desk, .mx-supply-reasons-desk) .monetix-admin__main { gap: 8px; }
  :is(.mx-supply-catalog-desk, .mx-supply-reasons-desk) .page-head { flex-direction: row; align-items: center; gap: 12px; }
  :is(.mx-supply-catalog-desk, .mx-supply-reasons-desk) .page-head h2 { font-size: 22px; }
  .mx-supply-catalog-desk .mx-supply-page-caption { display: none; }
  .mx-supply-catalog-desk .supply-tab-bar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  .mx-supply-catalog-desk .supply-tab-bar .chip { justify-content: center; padding-inline: 0; font-size: 13px; }
  .mx-supply-catalog-desk #supply-filter-bar { display: grid; grid-template-columns: minmax(0, 1fr) 122px; gap: 8px; }
  .mx-supply-catalog-desk #supply-status-filter { display: none; }
  .mx-supply-catalog-desk #supply-status-select { display: block; padding-inline: 10px 4px; font-size: 13px; box-shadow: none; }
  .mx-supply-catalog-desk #supply-list-status { margin-block: 6px; }
  .mx-supply-catalog-desk #supply-table:not(.mx-supply-table--roster) tr[data-row-id] {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0 12px;
    padding: 8px 12px;
    margin: 0;
    border: 0;
    border-bottom: 1px solid var(--supply-line);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }
  .mx-supply-catalog-desk #supply-table:not(.mx-supply-table--roster) tr[data-row-id] > td {
    padding: 0;
    text-align: left;
    border: 0;
    background: transparent;
    box-shadow: none;
  }
  .mx-supply-catalog-desk #supply-table tr[data-row-id] > td[data-mobile-label]::before { display: none; }
  .mx-supply-catalog-desk #supply-table:not(.mx-supply-table--roster) tr[data-row-id] > td:nth-child(2) { grid-column: 1; grid-row: 1; align-self: center; font-size: 15px; line-height: 1.4; }
  .mx-supply-catalog-desk #supply-table:not(.mx-supply-table--roster) tr[data-row-id] > td:nth-child(3) { grid-column: 1; grid-row: 2; min-height: 44px; display: flex; align-items: center; }
  .mx-supply-catalog-desk #supply-table:not(.mx-supply-table--roster) tr[data-row-id] > td:nth-last-child(2) { grid-column: 2; grid-row: 1; justify-content: flex-end; }
  .mx-supply-catalog-desk #supply-table:not(.mx-supply-table--roster) tr[data-row-id] > td:last-child { grid-column: 2; grid-row: 2; justify-content: flex-end; }
  .mx-supply-catalog-desk #supply-table tr[data-row-id]:has(+ .supply-editor-row:not(.hidden)) { border-bottom: 0; }
  .mx-supply-catalog-desk #supply-add-form,
  .mx-supply-catalog-desk #supply-table .supply-editor-form { padding: 12px; }
  .mx-supply-catalog-desk #supply-add-form .grid-2 { grid-template-columns: minmax(0, 1fr); }
  .mx-supply-catalog-desk #supply-table .supply-editor-form .device-editor-form__actions,
  .mx-supply-catalog-desk #supply-add-form .device-add-actions { display: grid; grid-template-columns: minmax(0, 1fr) auto; }
  .mx-supply-reasons-desk #mx-reasons-panel .mx-reason-accordion { padding-inline: 12px; }
  .mx-supply-reasons-desk #mx-reasons-panel .mx-reason-add-label { display: none; }
  .mx-supply-reasons-desk #mx-reasons-panel [id$="-add-toggle"] { width: 44px; padding: 0; font-size: 22px; }
  .mx-supply-reasons-desk #mx-reasons-panel tr { gap: 0 8px; padding-block: 6px; }
  .mx-supply-reasons-desk #mx-reasons-panel .dots-table :is(th, td) { padding: 0; }
  .mx-supply-reasons-desk #mx-reasons-panel :is(.device-add-block, .mx-re-edit-row > td) { padding: 14px; }
}