/**
 * rightpanel-sections.css - die Sektionen INNERHALB der rechten Leiste.
 *
 * Aus `rightpanel.css` herausgeloest (250-Zeilen-Limit). Dort bleibt der
 * Rahmen: Leiste, Reiter, Ziehgriff, Scrollbereich. Hier steht, wie eine
 * Sektion darin aussieht - Kopfzeile, Knoepfe, Auf-/Zuklapp-Pfeil - und die
 * Anpassungen der eingebetteten Panels.
 *
 * ⚠️ Die Reihenfolge ist bedeutsam: diese Datei wird NACH `rightpanel.css`
 * eingebunden und ueberschreibt deren Regeln bei gleicher Spezifitaet. Wer
 * sie davor haengt, kehrt die Wirkung um.
 */

/* ── Sektion ─────────────────────────────────── */

.rp-section {
    border-bottom: 1px solid var(--pd-rahmen);
}

.rp-section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 9px 12px;
    background: var(--pd-flaeche);
    cursor: pointer;
    user-select: none;
    font-size: 14px;
    font-weight: 600;
    color: var(--pd-text-n);
    gap: 6px;
}
.rp-section-header:hover { background: var(--pd-flaeche); }

.rp-header-right {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}

.rp-hdr-btn {
    background: none;
    border: 1px solid var(--pd-rahmen);
    border-radius: 3px;
    padding: 1px 6px;
    font-size: 13px;
    cursor: pointer;
    color: var(--pd-gut);
}
.rp-hdr-btn:hover { border-color: var(--pd-rahmen-st); }

/* Das Auge zum Ein-/Ausblenden in der Messliste.
 *
 * Es ging auf dem fast schwarzen Grund der Liste unter: 10 px gross und ohne
 * eigene Farbe. EIN `color` ALLEIN REICHT NICHT – das Zeichen wird auf den
 * meisten Systemen als Farb-Emoji gezeichnet, und darauf hat die Textfarbe
 * gar keine Wirkung. `filter: brightness()` wirkt dagegen auf beide
 * Darstellungsarten, deshalb ist beides gesetzt.
 *
 * Der ausgeblendete Zustand bleibt deutlich unterscheidbar (grau und matter),
 * aber lesbar – vorher war er mit Deckkraft 0,35 kaum noch zu erkennen. */
.rp-eye {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 16px;
    line-height: 1;
    padding: 0 2px;
    color: var(--pd-messen-b);
    filter: brightness(1.75) saturate(0.35);
}
.rp-eye:hover { filter: brightness(2.3) saturate(0.2); }
.rp-eye.rp-eye-aus {
    filter: grayscale(1) brightness(1.15);
    opacity: 0.55;
}

.rp-arrow {
    font-size: 12px;
    color: var(--pd-text-aus);
    transition: transform 0.18s;
    display: inline-block;
    flex-shrink: 0;
}
.rp-section.rp-collapsed .rp-arrow { transform: rotate(-90deg); }

.rp-section-body { display: block; }
.rp-section.rp-collapsed .rp-section-body { display: none; }

/* ── Panel-Overrides (wenn in right-panel) ───── */

#right-panel #measurement-panel,
#right-panel #file-panel,
#right-panel #draw-panel,
#right-panel #screenshot-panel,
#right-panel #coord-panel {
    position: static !important;
    width: 100% !important;
    max-height: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    z-index: auto !important;
    display: flex !important;
    flex-direction: column !important;
}

#right-panel #measurement-panel-header,
#right-panel #file-panel-header,
#right-panel #draw-panel-header,
#right-panel #screenshot-panel-header,
#right-panel #coord-panel-header {
    display: none !important; /* Durch rp-section-header ersetzt */
}

#right-panel #measurement-list,
#right-panel #file-list,
#right-panel #draw-list,
#right-panel #screenshot-list,
#right-panel #coord-list {
    overflow-y: auto;
}

/* Messpunkt-Größe Sektion */
#marker-size-panel .rp-section-body {
    padding: 10px 12px;
}
#marker-size-panel input[type="range"] { width: 100%; margin: 4px 0; }