/* ═══════════════════════════════════════════════════════════════
   show_details.css — zwijany panel szczegółów numerycznych
   low_spectrum — klasy: .sd-details, .sd-summary, .sd-arrow
   ═══════════════════════════════════════════════════════════════ */

/* ── Ukryj domyślny marker przeglądarki ─────────────────────── */
.sd-summary {
    list-style: none;
}
.sd-summary::-webkit-details-marker {
    display: none;
}

/* ── Strzałka: domyślnie ▶, obrót o 90° gdy open ───────────── */
.sd-arrow {
    display: inline-block;
    font-size: 0.62rem;
    line-height: 1;
    transition: transform 0.18s ease;
    opacity: 0.7;
}

.sd-details[open] .sd-arrow {
    transform: rotate(90deg);
}

/* ── Hover na summary ───────────────────────────────────────── */
.sd-summary:hover {
    filter: brightness(1.08);
}

/* ── Animacja fade-in treści po otwarciu ────────────────────── */
.sd-details[open] > div {
    animation: sd-fadein 0.15s ease;
}

@keyframes sd-fadein {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0);    }
}

/* ── Separator — ostatnia karta bez dolnej linii ────────────── */
.sd-card:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}