/* ============================================================================
   HOVER.CSS — v2.3.0
   Plotly Unified-Tooltip Overflow-Fix für den Auslastungsmonitor

   Zweck:
   - Verhindert, dass der Tooltip durch overflow:hidden auf .diagram-card
     (siehe ui_components.py v2.0.0) abgeschnitten wird.
   - Greift zusätzlich zum hoverlabel=dict(...) im Plotly-Layout.

   Datei-Ablage: assets/hover.css (Dash lädt /assets/* automatisch)
   ============================================================================ */

/* Tooltip-Layer darf nicht von Eltern-Containern beschnitten werden */
.js-plotly-plot .hoverlayer,
.js-plotly-plot .hoverlayer .hovertext {
    overflow: visible !important;
    pointer-events: none;
}

/* Die diagram-card hat overflow:hidden gegen horizontalen Mobile-Overflow.
   Wir heben das gezielt nur für den Plotly-SVG-Bereich auf, damit der
   Tooltip nach oben/unten ausbrechen darf. */
.diagram-card .js-plotly-plot,
.diagram-card .plot-container,
.diagram-card .svg-container {
    overflow: visible !important;
}

/* Schriftgröße zusätzlich absichern (greift wenn Plotly-Defaults durchschlagen) */
.js-plotly-plot .hoverlayer .hovertext text {
    font-size: 14px !important;
}

/* Drop-Shadow für bessere Abhebung — funktioniert in Light- und Darkmode */
.js-plotly-plot .hoverlayer .hovertext {
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.4));
}