OTC-Overlay im Home

public/assets/styles.portal.css

@@ -26,3 +26,59 @@
 .sg-left-navigation-pattern__group-card--content {
   align-content: flex-start;
 }
+
+body.sg-otc-order-overlay-open {
+  overflow: hidden;
+}
+
+.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;
+}