/* ============================================================
   assets/dsb_kurse.css - Stand 2026-11-01 - v1
   ------------------------------------------------------------
   Gehoert nach C:\DSB_WebApp\assets\. Dash laedt jede CSS-Datei aus
   diesem Ordner von selbst; eine eigene Datei statt eines Eingriffs
   in dsb_help.css, damit die beiden sich nicht in die Quere kommen.

   WOFUER: Die Herkunftsgruppen im Umsatzreiter sind ausklappbar
   (kurse.py v60). Dass sie es sind, war nicht zu sehen - das
   Standarddreieck von <details> faellt in einer Tabellenzeile nicht
   auf. Hier bekommt es eine eigene Form, dreht sich beim Aufklappen
   und die Zeile zeigt beim Darueberfahren, dass sie anfassbar ist.

   WARUM NICHT INLINE IN PYTHON: Ein Dreieck, das sich dreht, braucht
   den Zustand [open] und :hover. Beides gibt es als Inline-Style
   nicht - style={} kennt keine Pseudoklassen.
   ============================================================ */

/* Der Marker des Browsers verschwindet; wir setzen ein eigenes
   Zeichen davor, das sich drehen laesst. ::-webkit-details-marker
   ist fuer aeltere WebKit-Fassungen noetig. */
.dsb-gruppe > summary {
    list-style: none;
}
.dsb-gruppe > summary::-webkit-details-marker {
    display: none;
}

/* Das Dreieck. Es steht VOR dem Namen und dreht sich um 90 Grad,
   sobald die Gruppe offen ist. */
.dsb-gruppe > summary .dsb-chev {
    display: inline-block;
    width: 14px;
    margin-right: 2px;
    font-size: 10px;
    transition: transform .12s ease;
    transform: rotate(0deg);
}
.dsb-gruppe[open] > summary .dsb-chev {
    transform: rotate(90deg);
}

/* Anfassbar: Hintergrund beim Darueberfahren, Zeigefinger.
   Ohne das sieht eine Summary-Zeile aus wie jede andere Zeile. */
.dsb-gruppe > summary {
    cursor: pointer;
    border-radius: 6px;
    transition: background-color .12s ease;
}
.dsb-gruppe > summary:hover {
    background-color: #eef0f6;
}

/* Tastaturbedienung sichtbar machen - <details> ist fokussierbar,
   und ohne Rahmen weiss niemand, wo er gerade steht. */
.dsb-gruppe > summary:focus-visible {
    outline: 2px solid #21306e;
    outline-offset: -2px;
}

/* Beim Drucken sind zugeklappte Gruppen leer. Der PDF-Export nimmt
   den Inhalt sonst nicht mit - also im Druck alles aufklappen und
   das Dreieck weglassen, es waere dort sinnlos. */
@media print {
    .dsb-gruppe > div {
        display: block !important;
    }
    .dsb-gruppe > summary .dsb-chev {
        display: none;
    }
}