.sg-portal-header__tabs {
  --surface-tab-selected: var(--color-dark-grey);
  --surface-tab-unselected: var(--color-white);
  --text-tab-selected: var(--color-font-light);
  --text-tab-unselected: var(--color-dark-grey);
}

.sg-vsf-list-overview-page-v2 .sg-main-heading {
  font-weight: var(--font-weight-regular);
}

.sg-basic-card__actions {
  width: 100%;
  justify-content: flex-end;
}

.sg-left-navigation-pattern__group-card--content > [data-left-navigation-content-body] {
  width: 100%;
  flex: 1 1 100%;
}

.sg-left-navigation-pattern__group-card--content > [data-left-navigation-content-body] > .sg-card {
  width: 100%;
}

.sg-left-navigation-pattern__group-card--content {
  align-content: flex-start;
}

body.sg-otc-order-overlay-open {
  overflow: hidden;
}

body.sg-bestellungen-mobile-detail-open {
  overflow: hidden;
}

body.sg-card-list-page-drawer-open {
  overflow: hidden;
}

.sg-market-mobile-detail-host {
  position: fixed;
  inset: 0;
  z-index: 1500;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-large);
  padding: var(--spacing-small);
  box-sizing: border-box;
  overflow: auto;
  background: var(--color-background-purple);
}

.sg-market-definition-mobile-detail-host {
  position: fixed;
  inset: 0;
  z-index: 1500;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-large);
  padding: var(--spacing-small);
  box-sizing: border-box;
  overflow: auto;
  background: var(--color-background-purple);
}

.sg-market-mobile-detail-host .sg-card-list-page-drawer {
  position: static;
  display: flex;
  width: 100%;
  max-width: none;
  transform: none;
  box-shadow: none;
  overflow: visible;
}

.sg-market-definition-mobile-detail-host .sg-card-list-page-drawer {
  position: static;
  display: flex;
  width: 100%;
  max-width: none;
  transform: none;
  box-shadow: none;
  overflow: visible;
}

body.sg-market-mobile-detail-open > :not([data-market-mobile-detail-host]) {
  display: none !important;
}

body.sg-market-definition-mobile-detail-open > :not([data-market-definition-mobile-detail-host]) {
  display: none !important;
}

.market-detail-grid {
  display: grid;
  grid-template-columns: minmax(10rem, 0.8fr) minmax(0, 1.2fr);
  margin: 0;
}

.market-detail-row {
  display: contents;
}

.market-detail-row dt,
.market-detail-row dd {
  margin: 0;
  padding: var(--spacing-small) 0;
  border-bottom: 1px solid var(--color-light-grey);
}

.market-detail-row dt {
  color: var(--color-black);
  font-weight: var(--font-weight-semibold);
}

.market-detail-row dd {
  overflow-wrap: anywhere;
}

.market-edit-form .sg-component-row {
  margin-top: var(--spacing-medium);
  align-items: center;
}

.market-edit-form .sg-labeled-input-row .sg-input-multi-line {
  width: 100%;
  max-width: var(--layout-form-input-field-max-width);
}

@media (max-width: 767px) {
  .market-detail-grid {
    grid-template-columns: minmax(8rem, 0.9fr) minmax(0, 1.1fr);
  }
}

.sg-card-list-page-drawer-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
  z-index: 999;
}

.sg-card-list-page-drawer-backdrop[data-open="true"] {
  opacity: 1;
  pointer-events: auto;
}

body.sg-bestellungen-mobile-detail-open > :not([data-bestellungen-mobile-detail-host]) {
  display: none !important;
}

body.sg-lager-mobile-detail-open > :not([data-lager-mobile-detail-host]) {
  display: none !important;
}

.sg-bestellungen-mobile-detail-host {
  position: fixed;
  inset: 0;
  z-index: 1500;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-large);
  padding: var(--spacing-small);
  box-sizing: border-box;
  overflow: auto;
  background: var(--color-background-purple);
}

.sg-bestellungen-mobile-detail-host .sg-vsf-drawer-card {
  width: 100%;
}

.sg-lager-mobile-detail-host {
  position: fixed;
  inset: 0;
  z-index: 1500;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-large);
  padding: var(--spacing-small);
  box-sizing: border-box;
  overflow: auto;
  background: var(--color-background-purple);
}

.sg-lager-mobile-detail-host .sg-vsf-drawer-card {
  width: 100%;
}

.sg-lager-mobile-detail-host .sg-card-list-page-drawer {
  position: static;
  display: flex;
  width: 100%;
  max-width: none;
  transform: none;
  box-shadow: none;
  overflow: visible;
}

.sg-bestellungen-mobile-detail-host .sg-card-list-page-drawer {
  position: static;
  display: flex;
  width: 100%;
  max-width: none;
  transform: none;
  box-shadow: none;
  overflow: visible;
}

.sg-mobile-detail-back-card,
.sg-mobile-detail-back-card * {
  cursor: pointer;
}

.sg-otc-order-overlay {
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-large);
  background: rgba(15, 23, 42, 0.58);
  z-index: 1200;
}

.sg-otc-order-overlay[data-open="true"] {
  display: flex;
}

.sg-otc-order-overlay__panel {
  --layout-scrollable-card-width: min(960px, 100%);
  --layout-scrollable-card-height: min(600px, calc(100vh - (2 * var(--spacing-large))));
}

.sg-otc-order-overlay__title {
  margin: 0;
}

.sg-otc-order-overlay__close {
  margin-left: auto;
}

.sg-otc-order-form__status {
  margin: 0;
}

.sg-otc-order-form__status--error {
  color: var(--color-signal-red);
}

.sg-otc-order-overlay [data-otc-order-product] {
  flex: 0 0 6rem;
  width: 6rem;
  max-width: 6rem;
  margin-left: auto;
  text-align: right;
}

.sg-otc-order-overlay .sg-otc-order-product-row .sg-label {
  min-width: 0;
  flex: 1 1 auto;
}

.sg-otc-order-overlay .sg-form-sections-card__field-group {
  gap: var(--spacing-small);
}

.sg-otc-order-overlay .sg-form-sections-card__field-group > .sg-label {
  display: block;
}

.sg-otc-order-overlay .sg-form-sections-card__field-group > .sg-input-single-line,
.sg-otc-order-overlay .sg-form-sections-card__field-group > .sg-input-single-line-wrap,
.sg-otc-order-overlay .sg-form-sections-card__field-group > .sg-input-multi-line {
  width: 100%;
  max-width: none;
}

@media (max-width: 767px) {
  .sg-otc-order-overlay [data-otc-order-product] {
    flex: 1 1 auto;
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    text-align: left;
  }

  .sg-large-table--bestellungen .sg-search-field-row {
    width: min(100%, calc(var(--layout-search-field-width) * 0.75));
  }

  .sg-large-table--bestellungen .sg-input-single-line-wrap {
    width: 100%;
  }

  .sg-large-table--bestellungen .sg-search-field-input {
    width: 100%;
  }

  .sg-large-table--bestellungen .sg-large-table__row {
    grid-template-columns: var(--large-table-grid-template-columns, minmax(0, 1.15fr) minmax(0, 1.35fr) fit-content(12.5ch));
  }

  .sg-large-table--bestellungen .sg-large-table__row > :nth-child(2) {
    display: none;
  }
}

.sg-large-table--bestellungen .sg-search-field-row {
  margin-left: auto;
}

.sg-large-table--bestellungen .sg-large-table__row {
  grid-template-columns: var(--large-table-grid-template-columns, minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1.35fr) fit-content(12.5ch));
}

.sg-large-table--bestellungen .sg-large-table__cell--amount {
  justify-self: end;
  padding-left: 0;
  text-align: right;
}

.sg-large-table--bestellungen .sg-large-table__cell:not(.sg-large-table__cell--amount) {
  justify-self: stretch;
  text-align: left;
}

.sg-large-table--bestellungen .sg-large-table__cell--header.sg-large-table__cell--amount {
  justify-self: end;
}

.sg-large-table--bestellungen .sg-large-table__cell--header.sg-large-table__cell--amount .sg-large-table__sort-button {
  justify-content: flex-end;
}

.sg-large-table--lager .sg-large-table__row {
  grid-template-columns: var(--large-table-grid-template-columns, repeat(2, minmax(0, 1fr)));
}

.sg-large-table--markets .sg-large-table__row {
  grid-template-columns: var(--large-table-grid-template-columns, repeat(6, minmax(0, 1fr)));
}

.sg-large-table--lager[data-lager-table-key="products"] .sg-large-table__row {
  grid-template-columns: var(--large-table-grid-template-columns, 30% repeat(4, minmax(0, 1fr)));
}

.sg-large-table--lager[data-lager-table-key="products"] .sg-large-table__cell:last-child {
  text-align: left;
}

.sg-large-table--lager .lager-forecast-warning {
  color: var(--color-signal-red);
}

.sg-card-list-page-drawer .lager-forecast-warning {
  color: var(--color-signal-red);
}

.sg-large-table--lager .lager-forecast-mhd-warning {
  color: var(--color-signal-yellow);
}

.sg-card-list-page-drawer .lager-forecast-mhd-warning {
  color: var(--color-signal-yellow);
}

.sg-large-table--markets .market-status--red {
  color: var(--color-signal-red);
}

.sg-large-table--markets .market-status--yellow {
  color: var(--color-signal-yellow);
}

.sg-large-table--markets .market-status--green {
  color: var(--color-signal-green);
}

.sg-card-list-page-drawer [data-lager-edit-form][hidden],
.sg-card-list-page-drawer [data-lager-read-view][hidden],
.sg-card-list-page-drawer [data-lager-drawer-topic="new-lot-form"][hidden],
.sg-card-list-page-drawer [data-lager-new-lot-notification-wrapper][hidden],
.sg-card-list-page-drawer [data-lager-open-edit-form][hidden],
.sg-card-list-page-drawer [data-lager-open-card][hidden],
.sg-card-list-page-drawer [data-market-definition-read-card][hidden],
.sg-card-list-page-drawer [data-market-definition-create-card][hidden],
.sg-card-list-page-drawer [data-market-definition-new-organizer][hidden] {
  display: none;
}

.sg-card-list-page-drawer [data-market-new-municipality][hidden] {
  display: none;
}

[data-shared-editable-card-read][hidden],
[data-shared-editable-card-form][hidden] {
  display: none;
}

.sg-card-list-page-drawer [data-market-definition-card] .sg-object-card__header > .sg-component-row {
  margin-left: auto;
}

.sg-card-list-page-drawer [data-market-delete-occurrence-id],
.sg-card-list-page-drawer [data-market-definition-delete-id] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-large);
  --layout-delete-confirmation-overlay-offset-block-start: 100px;
}

.sg-card-list-page-drawer [data-market-delete-occurrence-id] > .sg-component-row,
.sg-card-list-page-drawer [data-market-definition-delete-id] > .sg-component-row,
.sg-card-list-page-drawer .market-delete-confirmation-card .sg-component-row {
  justify-content: flex-end;
}

.market-delete-confirmation-card__title {
  margin: 0;
  color: var(--color-black);
}

.market-days-group__title {
  margin: var(--spacing-small) 0 0;
  color: var(--color-white);
}

.market-checklist-list,
.market-checklist-edit-list {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-small);
}

.market-checklist-item,
.market-checklist-edit-item {
  display: flex;
  align-items: center;
  gap: var(--spacing-small);
}

.market-checklist-edit-item [data-checklist-label] {
  flex: 1 1 auto;
  min-width: 0;
}

.market-checklist-edit-row .sg-label {
  display: flex;
  align-items: center;
}

.market-checklist-edit-control {
  display: flex;
  align-items: center;
  gap: var(--spacing-small);
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  max-width: var(--layout-form-input-field-max-width);
}

.market-checklist-edit-control [data-checklist-label] {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  max-width: none;
}

.market-checklist-comment-field .sg-input-multi-line {
  width: 100%;
  max-width: var(--layout-form-input-field-max-width);
}

.market-checklist-delete {
  min-width: var(--small-interaction-element-size);
  width: var(--small-interaction-element-size);
  padding-inline: 0;
}

.market-checklist-comment,
.market-checklist-comment-field {
  margin-top: var(--spacing-large);
}

.market-required-field-indicator {
  position: relative;
  top: -0.25em;
  margin-left: 0.15em;
  color: var(--color-signal-red);
  font-size: 0.75em;
  line-height: 0;
}

.sg-card-list-page-drawer [data-component="content-group-box"] {
  margin-block: 0;
}

.sg-card-list-page-drawer [data-lager-drawer-topic="new-lot-action"] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--spacing-small);
}

.sg-card-list-page-drawer__title {
  color: var(--color-white);
}

[data-bestellungen-mobile-detail] .sg-navigation-card-layout {
  margin-top: 0;
}