/* Quelle: cumodis-neu/public/assets/css/app.css, Block "Tooltip" (übernommen 2026-10-25; einzige Änderung: die ungültige Kurzschreibweise "font: 500 12.5px/1.4 inherit" ist in einzelne Eigenschaften aufgelöst, damit die gemeinte Schriftgröße wirklich gilt). Gehört zu admin/js/tooltip.js; Portal und Schaltzentrale laden dieselbe Datei. */
/* Tooltip für alle Elemente mit title (tooltip.js, 23.10.2026): schwarzer Hinweis wie an den Karten-Knöpfen des Shops. Liegt als Popover in
   der obersten Ebene, damit er auch über offenen Dialogen steht; Lage und Pfeil setzt das Skript (CSSOM, kein Inline-Style im Markup). */
.cm-tooltip {
    position: fixed; inset: auto; margin: 0; border: 0; padding: 5px 10px; overflow: visible;
    width: max-content; max-width: min(22rem, calc(100vw - 12px)); height: auto;
    border-radius: 4px; background: #1f1f1f; color: #fff; box-shadow: 0 4px 14px rgb(0 0 0 / 0.25);
    font-size: 12.5px; font-weight: 500; line-height: 1.4; font-family: inherit; white-space: pre-line; text-align: left;
    pointer-events: none; z-index: 100000; animation: cm-tooltip-ein 0.15s ease-out;
}
.cm-tooltip[hidden] { display: none; }
.cm-tooltip::before {
    content: ""; position: absolute; left: var(--pfeil, 50%); bottom: -5px; transform: translateX(-50%);
    border: 5px solid transparent; border-top-color: #1f1f1f; border-bottom-width: 0;
}
.cm-tooltip.ist-unten::before { bottom: auto; top: -5px; border-top-width: 0; border-top-color: transparent; border-bottom: 5px solid #1f1f1f; }
@keyframes cm-tooltip-ein { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .cm-tooltip { animation: none; } }