/*
 * SLS Workflow Recording Phase Styles
 * WebRTC recorder interface, camera preview, recording controls, countdown
 * Sprint 7.3: Extracted from monolithic sls-workflow-public.css
 */

/* ===========================================
   RECORDING PHASE - WEBRTC INTERFACE
   =========================================== */

.sls-recording-phase {
    background: var(--sls-dark-gray);
}

/* ===========================================
   RECORDING COUNTDOWN OVERLAY
   =========================================== */

.sls-countdown-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.sls-countdown-number {
    font-size: 120px;
    font-weight: 700;
    color: var(--sls-blue);
    text-shadow: 0 4px 20px rgba(139, 162, 201, 0.5);
    animation: countdown-pulse 1s ease-in-out;
}

/* ===========================================
   MOBILE RESPONSIVE - RECORDING
   =========================================== */

@media (max-width: 768px) {
    .sls-countdown-number {
        font-size: 80px;
    }
}