/* Antispoof - Neon theme matching other pages */

/* Main title extra bottom spacing */
#antispoof-title {
    margin-bottom: 20px;
}

.antispoof-model-switcher {
    display: inline-flex;
    gap: 8px;
    padding: 6px;
    margin: 0 auto 18px auto;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.28);
    box-shadow: 0 0 18px rgba(0, 207, 7, 0.16);
}

.antispoof-model-button {
    border: 0;
    border-radius: 999px;
    padding: 8px 18px;
    color: rgba(255, 255, 255, 0.78);
    background: transparent;
    font-weight: 700;
    letter-spacing: 0.02em;
    cursor: pointer;
    transition: background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

.antispoof-model-button.active {
    color: #001f04;
    background: #00cf07;
    box-shadow: 0 0 16px rgba(0, 207, 7, 0.55);
}

/* Gauge area */
#gauge-div {
    margin: 40px auto;
    margin-bottom: 0px;
    display: flex;
    justify-content: center;
}

/* Waveform container relative positioning & height override for spectrogram */
.waveform {
    position: relative !important;
}

#waveform0 {
    height: auto !important; /* Allow container to grow to display both waveform and spectrogram */
    min-height: 180px; /* Fit both the wavesurfer and spectrogram plugin canvases more tightly */
}

/* Antispoof plot container styling - floating high-tech absolute overlay */
.antispoof-plot {
    position: absolute;
    top: 0; /* Float elegantly at the top edge of WaveSurfer and Spectrogram */
    left: 0;
    width: 100%;
    z-index: 25; /* Keep it on top of wavesurfer and spectrogram canvases */
    pointer-events: none; /* Let all mouse clicks/touches pass through to the wavesurfer underneath */
    margin: 0;
    padding: 0;
    background: transparent;
    border: none;
    box-shadow: none;
}