/* css/modal-scroll.css */
/* Scroll im Dialog (Option A) */
.modal-content {
    max-height: 90vh;
    /* nicht höher als das Fenster */
    overflow-y: auto;
    /* interner Scroll */
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
}

/* Hintergrund fix, kein Seitenscroll */
.modal {
    overflow: hidden;
}

/* Sichtbare Selects & Options im Modal */
.modal-content select {
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 8px;
    padding: 8px 10px;
}

.modal-content select:focus {
    outline: 2px solid rgba(255, 255, 255, 0.6);
    outline-offset: 2px;
}

.modal-content option {
    background: #2b2b40;
    /* dunkles Dropdown */
    color: #fff;
}

/* Scrollbar im Modal (Edge/Chrome/Safari) */
.modal-content::-webkit-scrollbar {
    width: 10px;
}

.modal-content::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.25);
    border-radius: 8px;
}

.modal-content::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.15);
}

/* kleine Abstände für Hilfetexte im Modal */
.modal-content .form-group small {
    display: block;
    opacity: 0.9;
    margin: 4px 0 8px;
}

/* Legacy: Kalibrierung-Button der Hauptseite ausblenden */
#calibrationBtn {
    display: none !important;
}

/* Im Settings-Modal brauchen wir den alten "Kalibrierung übernehmen"-Button nicht mehr */
#cfg_apply_calibration {
    display: none !important;
}