/* Floating control bar shown while the UAT screen recorder is active.
   Fixed to the bottom of the viewport so the user can stop the capture
   without losing what they were demonstrating. */
#ssbcore-uat-recorder-bar {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 16px;
    background: rgba(33, 33, 33, 0.95);
    color: #fff;
    border-radius: 24px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
    z-index: 999999;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 14px;
    user-select: none;
}

#ssbcore-uat-recorder-bar .ssbcore-uat-rec-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #ef4444;
    animation: ssbcore-uat-rec-pulse 1s ease-in-out infinite;
}

@keyframes ssbcore-uat-rec-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.35; }
}

#ssbcore-uat-recorder-bar .ssbcore-uat-rec-label {
    font-weight: 700;
    letter-spacing: 0.05em;
    color: #ef4444;
}

/* "Armed" state — recorder is set up but not capturing yet. Yellow conveys
   "pending action" without the alarm-red of an active recording. */
#ssbcore-uat-recorder-bar .ssbcore-uat-rec-label--armed {
    color: #fbbf24;
}

#ssbcore-uat-recorder-bar .ssbcore-uat-rec-start {
    background: #22c55e;
    border-color: #22c55e;
    font-weight: 600;
}

#ssbcore-uat-recorder-bar .ssbcore-uat-rec-start:hover {
    background: #16a34a;
}

#ssbcore-uat-recorder-bar .ssbcore-uat-rec-timer {
    font-variant-numeric: tabular-nums;
    min-width: 48px;
    text-align: center;
}

#ssbcore-uat-recorder-bar button {
    background: transparent;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 16px;
    padding: 4px 12px;
    cursor: pointer;
    font-size: 13px;
    transition: background 120ms ease, border-color 120ms ease;
}

#ssbcore-uat-recorder-bar .ssbcore-uat-rec-stop {
    background: #ef4444;
    border-color: #ef4444;
    font-weight: 600;
}

#ssbcore-uat-recorder-bar .ssbcore-uat-rec-stop:hover {
    background: #dc2626;
}

#ssbcore-uat-recorder-bar .ssbcore-uat-rec-cancel {
    width: 28px;
    height: 28px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#ssbcore-uat-recorder-bar .ssbcore-uat-rec-cancel:hover {
    background: rgba(255, 255, 255, 0.1);
}