select {
    width: 100%;
    /*line-height: 42px !important;*/
    /*needef for stored product*/
}

.form-select {
    /*line-height: 42px;*/
}


.select2_label {
    padding-top: 23px !important;
    /*padding: 1rem 0.75rem !important;*/
    font-size: 14px;
    /*color: rgba(var(--bs-body-color-rgb), .65);*/
    transform: translateY(-28%) !important;
}

.form-floating > .form-control-plaintext ~ label::after, .form-floating > .form-control:focus ~ label::after, .form-floating > .form-control:not(:placeholder-shown) ~ label::after, .form-floating > .form-select ~ label::after {
    background-color: transparent !important;

}

.select2-selection{
    align-content: end;
    border-radius: var(--bs-border-radius) !important;
}

.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
    top: 10px;
}


.select2-container .select2-selection--multiple {
    min-height: 58px !important;
}


.select2-selection__arrow {
    min-height: 58px !important;
}

/*.select2-selection__rendered {*/
/*    line-height: 45px !important;*/
/*}*/

.select2-selection__choice {
    margin-top: 15px;
    z-index: 999;
}


.select2-container .select2-selection--single {
    min-height: 58px !important;
    border-radius: var(--bs-border-radius);
}

.input-group > .form-floating > .input-group > .form-select:first-child,
.input-group > .form-floating > .input-group > .form-control:first-child {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

/* Select2 inside input-group with prefix icon: flatten left border */
.input-group > .form-floating .select2-selection {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

/* Select2 inside nested input-group (with add/edit buttons after): flatten right border */
.form-floating > .input-group .select2-selection {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

/* Select2 left border radius when form-floating is first child (no input-group-text before it) */
.input-group > .form-floating:first-child .select2-selection {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

/* Quill Rich Text Editor - Global height fixes */
.ql-container {
    height: auto !important;
    max-height: 60vh;
}

.ql-editor {
    min-height: 10rem;
    max-height: 60vh;
    overflow-y: auto;
}

/* Ensure Quill toolbar doesn't overflow */
.ql-toolbar {
    flex-shrink: 0;
}


.no-spinners::-webkit-outer-spin-button,
.no-spinners::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.quantity-input[type=number],
.no-spinners[type=number] {
    -moz-appearance: textfield;
    appearance: textfield;
}

/* ----------------------------------------------------------------------------
   Der Select2-Platzhalter kam in 16px bei 75 % Deckung — also exakt so groß
   wie ein echter Wert und kaum blasser. Dadurch las er sich als Inhalt statt
   als Hinweis, und weil die schwebende Beschriftung darüber das Feld schon
   benennt, stand in jeder Zeile doppelt Text.

   Kleiner ist hier der stärkere Hebel als blasser: 65 % Deckung sind der
   Boden, darunter fällt der Hinweis unter 4,5 Kontrast, und er trägt
   Information ("Suche nach Name, E-Mail, Kunde oder Lieferant").
   ---------------------------------------------------------------------------- */

.field-group .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered .select2-selection__placeholder,
.field-group .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__placeholder,
.field-group .select2-selection__placeholder,
/* Mehrfachfelder bauen den Platzhalter nicht als <span>, sondern als echtes
   <input placeholder>. Ohne diese Zeile bleibt er dort bei 16px. */
.field-group .select2-container--bootstrap-5 .select2-search__field::placeholder,
.field-group .select2-search__field::placeholder,
.field-group .form-control::placeholder {
    font-size: 0.84375rem;
    /* NICHT --bs-emphasis-color-rgb: das steht in colors.css im Hellmodus auf
       256,256,256, also Weiß — der Hinweis wäre unsichtbar geworden. */
    color: rgba(var(--bs-body-color-rgb), 0.65);
}