.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-bestellungen-mobile-detail-open > :not([data-bestellungen-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-large); box-sizing: border-box; overflow: auto; background: var(--color-white); } .sg-bestellungen-mobile-detail-host .sg-vsf-drawer-card { width: 100%; } .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 { width: min(960px, 100%); max-height: calc(100vh - (2 * var(--spacing-large))); overflow: auto; } .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 .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-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-search-field-row { margin-left: auto; } .sg-large-table--bestellungen .sg-large-table__row { 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; } [data-bestellungen-mobile-detail] .sg-navigation-card-layout { margin-top: 0; }