:root {
  --by-v10-page: #f3f7f5;
  --by-v10-green: #0d6259;
  --by-v10-green-hover: #094f48;
}

/* Secondary React Admin pages use one continuous surface instead of layered bands. */
:is(body.by-v9-route-users, body.by-v9-route-admins, body.by-v9-route-price, body.by-v9-route-configuration, body.by-v9-route-promocodes),
:is(body.by-v9-route-users, body.by-v9-route-admins, body.by-v9-route-price, body.by-v9-route-configuration, body.by-v9-route-promocodes) #root > .layout,
:is(body.by-v9-route-users, body.by-v9-route-admins, body.by-v9-route-price, body.by-v9-route-configuration, body.by-v9-route-promocodes) #root .RaLayout-appFrame,
:is(body.by-v9-route-users, body.by-v9-route-admins, body.by-v9-route-price, body.by-v9-route-configuration, body.by-v9-route-promocodes) #root main.RaLayout-contentWithSidebar {
  background-color: var(--by-v10-page) !important;
}

:is(body.by-v9-route-users, body.by-v9-route-admins, body.by-v9-route-price, body.by-v9-route-configuration, body.by-v9-route-promocodes) #root .RaLayout-content {
  min-width: 0 !important;
  background-color: transparent !important;
}

:is(body.by-v9-route-price, body.by-v9-route-configuration) #root .RaLayout-content > .MuiBox-root > .MuiBox-root {
  box-sizing: border-box;
  width: min(100%, 680px) !important;
  margin-inline: auto;
  padding: clamp(18px, 3vw, 30px);
  border: 1px solid #d7e3df;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 12px 34px rgba(26, 67, 56, .08);
}

:is(body.by-v9-route-users, body.by-v9-route-admins, body.by-v9-route-price, body.by-v9-route-configuration, body.by-v9-route-promocodes) #root .MuiButton-containedPrimary:not(.Mui-disabled):not(.MuiButton-colorError),
:is(body.by-v9-route-users, body.by-v9-route-admins, body.by-v9-route-price, body.by-v9-route-configuration, body.by-v9-route-promocodes) #root .MuiButton-colorPrimary.MuiButton-contained:not(.Mui-disabled) {
  border-color: var(--by-v10-green) !important;
  background-color: var(--by-v10-green) !important;
  color: #fff !important;
}

:is(body.by-v9-route-users, body.by-v9-route-admins, body.by-v9-route-price, body.by-v9-route-configuration, body.by-v9-route-promocodes) #root .MuiButton-containedPrimary:not(.Mui-disabled):not(.MuiButton-colorError):hover,
:is(body.by-v9-route-users, body.by-v9-route-admins, body.by-v9-route-price, body.by-v9-route-configuration, body.by-v9-route-promocodes) #root .MuiButton-colorPrimary.MuiButton-contained:not(.Mui-disabled):hover {
  background-color: var(--by-v10-green-hover) !important;
}

:is(body.by-v9-route-users, body.by-v9-route-admins, body.by-v9-route-promocodes) #root .RaList-actions .MuiButton-textPrimary,
:is(body.by-v9-route-users, body.by-v9-route-admins, body.by-v9-route-promocodes) #root .RaList-actions .MuiIconButton-colorPrimary {
  border-color: var(--by-v10-green) !important;
  color: var(--by-v10-green) !important;
}

:is(body.by-v9-route-price, body.by-v9-route-configuration) #root .MuiSwitch-switchBase.Mui-checked {
  color: var(--by-v10-green) !important;
}

:is(body.by-v9-route-price, body.by-v9-route-configuration) #root .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track {
  background-color: var(--by-v10-green) !important;
  opacity: .52 !important;
}

:is(body.by-v9-route-price, body.by-v9-route-configuration) #root .MuiSwitch-switchBase.Mui-checked.Mui-disabled {
  color: #6faaa1 !important;
}

:is(body.by-v9-route-price, body.by-v9-route-configuration) #root .MuiSwitch-switchBase.Mui-checked.Mui-disabled + .MuiSwitch-track {
  background-color: #6faaa1 !important;
  opacity: .42 !important;
}

:is(body.by-v9-route-users, body.by-v9-route-admins, body.by-v9-route-price, body.by-v9-route-configuration, body.by-v9-route-promocodes) #root .MuiCheckbox-root.Mui-checked,
:is(body.by-v9-route-users, body.by-v9-route-admins, body.by-v9-route-price, body.by-v9-route-configuration, body.by-v9-route-promocodes) #root .MuiRadio-root.Mui-checked,
:is(body.by-v9-route-users, body.by-v9-route-admins, body.by-v9-route-price, body.by-v9-route-configuration, body.by-v9-route-promocodes) #root .MuiPaginationItem-root.Mui-selected,
:is(body.by-v9-route-users, body.by-v9-route-admins, body.by-v9-route-price, body.by-v9-route-configuration, body.by-v9-route-promocodes) #root .MuiFormLabel-root.Mui-focused,
:is(body.by-v9-route-users, body.by-v9-route-admins, body.by-v9-route-price, body.by-v9-route-configuration, body.by-v9-route-promocodes) #root .MuiInputLabel-root.Mui-focused {
  color: var(--by-v10-green) !important;
}

:is(body.by-v9-route-users, body.by-v9-route-admins, body.by-v9-route-price, body.by-v9-route-configuration, body.by-v9-route-promocodes) #root :is(.MuiInput-underline, .MuiFilledInput-underline)::after {
  border-bottom-color: var(--by-v10-green) !important;
}

:is(body.by-v9-route-users, body.by-v9-route-admins, body.by-v9-route-price, body.by-v9-route-configuration, body.by-v9-route-promocodes) #root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: var(--by-v10-green) !important;
}

#by-order-ops-v2 .by-v4-print-actions {
  align-items: flex-start;
}

#by-order-ops-v2 .by-v10-qr-action,
#by-order-ops-v2 .by-v10-label-action {
  display: inline-flex;
  align-items: center;
  flex-direction: column;
  gap: 4px;
}

#by-order-ops-v2 .by-v10-qr-action > button,
#by-order-ops-v2 .by-v10-label-action > [data-action='print'] {
  width: 42px;
  min-width: 42px;
  height: 40px;
  min-height: 40px;
  margin: 0;
  padding: 0;
}

#by-order-ops-v2 .by-v10-label-action > [data-action='print'] {
  display: inline-grid;
  place-items: center;
  font-size: 18px;
}

#by-order-ops-v2 .by-v10-action-caption {
  color: #355e59;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.08;
  text-align: center;
  white-space: nowrap;
}

@media (max-width: 820px) {
  :is(body.by-v9-route-users, body.by-v9-route-admins, body.by-v9-route-promocodes) #root :is(
    .layout,
    .RaLayout-appFrame,
    main.RaLayout-contentWithSidebar,
    .RaLayout-content,
    .RaLayout-content > .MuiBox-root,
    .list-page,
    .RaList-main,
    .RaList-content
  ) {
    box-sizing: border-box;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  :is(body.by-v9-route-users, body.by-v9-route-admins, body.by-v9-route-promocodes) #root .RaLayout-content > .MuiBox-root {
    padding-inline: 0 !important;
  }

  :is(body.by-v9-route-users, body.by-v9-route-admins, body.by-v9-route-promocodes) #root .RaList-content {
    display: block;
    overflow-x: auto !important;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
  }

  :is(body.by-v9-route-price, body.by-v9-route-configuration) #root .RaLayout-content > .MuiBox-root > .MuiBox-root {
    padding: 18px;
    border-radius: 14px;
  }
}