/**
 * OpenCVNGN - Custom CSS
 *
 * This file contains only custom styles that Tailwind doesn't provide.
 * Standard utilities and components should use Tailwind classes from tailwind.output.css
 */

/* ============================================
   Custom Select Dropdown Styling
   ============================================ */

select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z' fill='%236B7280'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 1.25rem 1.25rem;
    padding-right: 2.5rem;
}

/* Darker arrow for disabled state */
select:disabled {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z' fill='%9CA3AF'/%3E%3C/svg%3E");
}


/* ============================================
   Video Recording Components
   ============================================ */

.video-container {
    height: 280px;
}

/* Ensure video elements fill their containers */
video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}