/* App-brede tooltip-standaard — licht gebrand (AdminLTE/Paree). Zie docs/tooltip-conventie.md.
   Stylet ALLE Bootstrap-tooltips uniform (geen customClass → robuust over alle BS 5.x-versies). */
.tooltip { opacity: 1; }

/* Tooltip met één reden per regel (oranje onvolledige regels, KoppelStatusHelper): de \n tussen de
   redenen blijft staan. Alleen voor elementen met data-bs-custom-class="tooltip-regels". */
.tooltip-regels .tooltip-inner {
    white-space: pre-line;
}

.tooltip .tooltip-inner {
    max-width: 260px;
    background-color: #2c3e50;      /* donker, afgestemd op de AdminLTE-sidebar */
    color: #f8f9fa;
    font-size: .82rem;
    padding: .4rem .6rem;
    text-align: left;
    line-height: 1.35;
    border-radius: .375rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .25);
}

/* Pijl-kleur per plaatsing (robuust over BS 5.x, incl. placement 'auto'). */
.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before { border-top-color: #2c3e50; }
.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before { border-bottom-color: #2c3e50; }
.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before { border-left-color: #2c3e50; }
.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before { border-right-color: #2c3e50; }