.busyOverlay {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    background: rgba(15, 23, 42, 0.35);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

    .busyOverlay.show {
        display: flex !important;
    }

.busyContent {
    background: #fff; /* ✅ weißer Balken/Box für Kontrast */
    border: 1px solid var(--line, #d1d5db);
    border-radius: 16px;
    box-shadow: 0 12px 30px rgba(17,24,39,.18);
    padding: 18px 22px;
    display: flex;
    flex-direction: column;
    align-items: center; /* ✅ Spinner + Text exakt mittig */
    justify-content: center;
    gap: 12px;
    min-width: 240px;
}

.spinner {
    width: 36px;
    height: 36px;
    display: block; /* ✅ verhindert Baseline-Versatz */
    border-radius: 50%;
    border: 4px solid rgba(46, 204, 113, 0.25);
    border-top-color: var(--rtb-green, #2ecc71);
    animation: spin .9s linear infinite;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

.busyText {
    text-align: center;
    font-weight: 900;
    font-size: 15px;
    line-height: 1.2;
}

.busySub {
    margin-top: 4px;
    font-weight: 700;
    font-size: 12px;
    color: var(--muted, #6b7280);
}