/* Allgemeines Layout */
html, body {
    height: auto;
    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 */
}

/* Spinner Feedback*/

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

/* CKEditor Overrides */
.ck-toolbar {
    flex-wrap: wrap !important;
    z-index: 1;
}
.ck-editor__editable {
    z-index: auto !important;
    min-height: 100px !important;
}

.ck-editor-container .word-count {
    display: none !important;
}

/* Widgets */
.widget-card {
    height: 280px;
    display: flex;
    flex-direction: column;
}

.widget-card .card-body {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.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;
}

/* Ticket-Form */
.ticket-card {
    height: auto;
}

.ticket-card-body {
    height: auto;
}

.chart-container {
    width: 140px;
    height: 140px;
}

.chart-legend {
    font-size: 0.85rem !important;
    line-height: 1.1;
}

.chart-legend li {
    margin-bottom: .1rem;
}

/* placeholder */

.form-control::placeholder {
  font-size: 0.75rem;
  font-style: italic;
  opacity: 1;
}
.form-control::-webkit-input-placeholder {
  font-size: 0.75rem;
  font-style: italic;
  opacity: 1;
}
.form-control::-moz-placeholder {
  font-size: 0.75rem;
  font-style: italic;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  font-size: 0.75rem;
  font-style: italic;
  opacity: 1;
}

.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 */
}