/* Fusszeile der Seitenleiste — Hilfe, Feedback, Modus, Abmelden.
   1:1 geschnitten aus /opt/zianeo/zcore/frontend/zcore.css (Z. 1159-1166,
   1191, 1393-1428, 342-358) und dem Raster aus
   services/widgets/bauneo_widget.html:609. Nicht hier bearbeiten — aendert
   sich der Baustein in ZCore, wird dieser Schnitt neu gezogen. */

.sidebar-footer {
    margin-top: auto;
    padding: 16px;
    background: var(--bg-secondary, #ffffff);
    border-top: none;
    box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.04);
    flex-shrink: 0;
}
/* Raster wie in BauNeo: zwei Spalten, 4 px Fuge. */
.sidebar-footer-grid {
    flex-shrink: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
}
.help-mode-toggle {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    padding: 8px 4px;
    margin-bottom: 0;
    background: var(--bg-card);
    border: 1px solid rgba(154, 171, 166, 0.65);
    border-radius: 0;
    color: var(--text-muted);
    cursor: pointer;
    width: 100%;
    font-family: inherit;
}
.help-mode-toggle:hover {
    border-color: var(--cd-sage);
    color: var(--text);
}
.help-mode-toggle i { font-size: 1.5rem; }
/* Die Beschriftung bleibt in EINER Zeile (14.09.2026). Der Kasten war exakt
   auf das deutsche Wort zugeschnitten: „HELL" passte, „CLARO" mit einem
   Buchstaben mehr brach um und machte die Taste 10 px höher als ihre
   Nachbarin. Versalien und Sperrung kosten zusätzlich Breite, deshalb hier
   etwas weniger Sperrung — das Bild bleibt, der Umbruch nicht.
   min-width:0 ist dabei Pflicht: Ein Rasterfeld schrumpft von sich aus nicht
   unter seinen Inhalt. Ohne das sprengte „RETOUR D'INFORMATION" das ganze
   Raster nach rechts aus dem Fenster, statt umzubrechen — der Umbruch war
   weg und ein Austritt an seine Stelle getreten. */
.help-mode-toggle { min-width: 0; }
.help-mode-toggle span {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    font-weight: 500;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.help-mode-toggle.active,
.help-mode-toggle.help-active {
    background: var(--cd-navy, #0f1f36);
    color: white;
    border-color: transparent;
    animation: helpPulse 2s infinite;
}
@keyframes helpPulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(26, 54, 93, 0.4); }
    50% { box-shadow: 0 0 0 8px rgba(26, 54, 93, 0); }
}

/* Eingeklappt: eine Spalte, nur die Zeichen. */
.sidebar-collapsed .sidebar-footer-grid {
    display: flex !important;
    flex-direction: column !important;
    padding: 6px !important;
    gap: 3px !important;
}
.sidebar-collapsed .sidebar-footer-grid .help-mode-toggle {
    padding: 10px 8px !important;
    font-size: 0.9rem !important;
}
.sidebar-collapsed .sidebar-footer-grid .help-mode-toggle span {
    display: none !important;
}
.sidebar-collapsed .sidebar-footer {
    padding: 8px;
}

/* Ziffern stehen gerade, auch in Playfair (Ansage Master 16.10.2026). */
*,*::before,*::after{font-variant-numeric:lining-nums}