/* Iframe Recording Button Styles */
.btn.record-iframe-btn {
    background: linear-gradient(135deg, #ff8c00 0%, #ff7700 100%);
    border-color: #ff8c00;
    color: white;
}

.btn.record-iframe-btn:hover {
    background: linear-gradient(135deg, #ff7700 0%, #ff6600 100%);
    border-color: #ff7700;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(255, 140, 0, 0.3);
}

.btn.record-iframe-btn.recording {
    background: linear-gradient(135deg, #dc3545 0%, #c82333 100%);
    border-color: #dc3545;
    animation: pulse-iframe 1.5s ease-in-out infinite alternate;
}

.btn.record-iframe-btn.recording:hover {
    background: linear-gradient(135deg, #c82333 0%, #bd2130 100%);
}

@keyframes pulse-iframe {
    from { 
        opacity: 0.8; 
        transform: scale(1);
    }
    to { 
        opacity: 1; 
        transform: scale(1.02);
    }
}

/* Status indicators for iframe recording */
.recording-status.iframe-mode .status-indicator {
    background: #ff8c00;
    box-shadow: 0 0 10px rgba(255, 140, 0, 0.5);
}

.recording-status.iframe-mode.recording .status-indicator {
    background: #dc3545;
    animation: pulse-status 1s ease-in-out infinite alternate;
}

@keyframes pulse-status {
    from { opacity: 0.7; }
    to { opacity: 1; }
}