/* Allgemeines Layout */
html, body {
  height: 100%;
}

main {
  min-height: 100%;
}

.navbar .nav-link.active {
    color: var(--bs-primary) !important;
    background-color: rgba(var(--bs-primary-rgb), 0.10);
    border-radius: 6px;
    font-weight: 600;
    box-shadow: 0 0 6px rgba(var(--bs-primary-rgb), 0.25);
}

.navbar .nav-link.active:hover {
    background-color: rgba(var(--bs-primary-rgb), 0.18);
}

/* labels kleiner */

form label,
.tab-muted {
  font-size: .75rem;
  font-weight: 500;
  color: #6c757d; /* optional: Bootstrap's $text-muted */
}

label.form-label {
  font-size: .75rem;
  font-weight: 500;
  color: #6c757d; /* optional: Bootstrap's $text-muted */
}

.form-select[readonly],
.form-control[readonly] {
    background-color: #f8f9fa;
    opacity: 1;
}

/* Spinner Feedback*/

.btn-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.scroll-body {
    flex: 1;
    max-height: 250px;
    overflow-y: auto;       /* Scrollbar aktivieren */
    /*padding-right: 8px;     /* Scrollbar Überlappungen vermeiden */
    padding-bottom: 1rem;    /* Abstand zum unteren Rand */
    margin-bottom: .25rem;   /* optischer kleiner Abstand */
}

/* Optional: etwas schöneres Scrollverhalten */
.scroll-body::-webkit-scrollbar {
    width: 8px;
}

.scroll-body::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px;
}

.scroll-body::-webkit-scrollbar-thumb:hover {
    background: #aaa;
}

/* placeholder */

.form-control::placeholder, .ck-placeholder {
  font-size: 0.75rem !important;
  font-style: italic !important;
  opacity: 1 !important;
}

.attachment-wrapper br {
  display: none;
}

.html-textarea {
  height: 120px;           /* feste Anfangshöhe */
  overflow-y: auto;        /* vertikales Scrollen aktivieren */
  resize: vertical;        /* optional: Größe änderbar machen */
  white-space: pre-wrap;   /* Zeilenumbrüche sichtbar */
}