/* Custom CSS Extensions for Nexus Recorder */

/* Active configuration state tracking */
.active-shape {
    background-color: var(--color-purple-950) !important;
    border-color: #a855f7 !important;
    color: #c084fc !important;
    box-shadow: 0 0 10px rgba(168, 85, 247, 0.2);
}

/* Custom Shape Geometries for the Webcam Mirror */
.shape-circle {
    border-radius: 9999px !important;
}

.shape-squircle {
    border-radius: 2.5rem !important;
}

.shape-classic {
    border-radius: 0.75rem !important;
}

/* Neon Glow Animation States */
.glow-active {
    box-shadow: 0 0 25px rgba(6, 182, 212, 0.6) !important;
}

/* Custom UI Polish Hooks */
input[type="checkbox"] {
    cursor: pointer;
    transition: transform 0.15s ease;
}
input[type="checkbox"]:active {
    transform: scale(0.85);
}

/* Hide default browser video controls when custom tracking occurs */
video::-webkit-media-controls {
    display: none !important;
}

/* Micro-interactions for cross-linking button states */
.bg-slate-900 {
    background-color: #0f172a;
}
.bg-slate-850 {
    background-color: #1e293b;
}