/* CV Instant shared select: the native control remains the form's source of truth. */
.cv-select { position: relative; display: block; width: 100%; min-width: 0; }
.cv-select select.cv-native-select { position: absolute !important; inset: 0 auto auto 0 !important; width: 1px !important; height: 1px !important; min-width: 0 !important; padding: 0 !important; margin: 0 !important; opacity: 0 !important; pointer-events: none !important; clip-path: inset(50%) !important; }
.cv-select-trigger { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 48px; padding: 11px 14px; border: 1px solid #dbe2ec; border-radius: 14px; background: var(--cv-select-bg, #fff); color: var(--cv-select-color, #172033); box-shadow: 0 1px 2px #0f172a05; font: inherit; font-size: 14px; font-weight: 600; line-height: 1.45; text-align: start; cursor: pointer; transition: border-color .16s, box-shadow .16s, background .16s; }
.cv-select-trigger:hover:not(:disabled) { border-color: #a7b8d1; }
.cv-select-trigger:focus-visible, .cv-select-trigger[aria-expanded="true"] { outline: none; border-color: #2563eb; box-shadow: 0 0 0 3px #2563eb18; }
.cv-select-trigger:disabled { cursor: not-allowed; opacity: .5; box-shadow: none; }
.cv-select-value { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cv-select-chevron { flex-shrink: 0; width: 16px; height: 16px; color: #94a3b8; transition: transform .16s; }
.cv-select-trigger[aria-expanded="true"] .cv-select-chevron { transform: rotate(180deg); color: #2563eb; }
.cv-select-flag { display: block; flex-shrink: 0; width: 24px; height: 18px; object-fit: cover; border-radius: 4px; box-shadow: 0 0 0 1px #0f172a0c; }
.language-picker-field { width: 11rem; max-width: 100%; }
.language-picker .cv-select-trigger { min-height: 42px; padding: 9px 12px; font-size: 12px; }
.cv-select-popup { position: fixed; z-index: 10000; box-sizing: border-box; margin: 0; padding: 7px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #cbd5e1 transparent; border: 1px solid #e2e8f0; border-radius: 18px; background: #fff; color: #172033; box-shadow: 0 20px 60px -12px #0f172a33, 0 4px 16px #0f172a0a; font-family: Inter, Tajawal, sans-serif; font-size: 14px; line-height: 1.45; }
.cv-select-popup[hidden] { display: none; }
.cv-select-popup::-webkit-scrollbar { width: 5px; }
.cv-select-popup::-webkit-scrollbar-thumb { border-radius: 8px; background: #cbd5e1; }
.cv-select-option { display: flex; align-items: center; gap: 11px; min-height: 44px; padding: 10px 11px; border: 1px solid transparent; border-radius: 11px; font-weight: 500; cursor: pointer; user-select: none; }
.cv-select-option + .cv-select-option { margin-top: 2px; }
.cv-select-option-label { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.cv-select-option.is-active { background: #f1f5f9; }
.cv-select-option[aria-selected="true"] { background: #eff6ff; color: #1d4ed8; font-weight: 700; }
.cv-select-option[aria-selected="true"].is-active { background: #dbeafe; }
.cv-select-option[aria-disabled="true"] { opacity: .4; cursor: not-allowed; }
.cv-select-check { width: 17px; height: 17px; flex-shrink: 0; visibility: hidden; }
.cv-select-option[aria-selected="true"] .cv-select-check { visibility: visible; }
.cv-select-group { padding: 10px 11px 5px; color: #64748b; font-size: 11px; font-weight: 700; letter-spacing: .04em; }
.cv-select-error { color: #dc2626; font-size: 12px; margin-top: 6px; }
.cv-select-trigger[aria-invalid="true"] { border-color: #ef4444; }
.dark .cv-select-trigger { border-color: #334155; background: var(--cv-select-bg, #0f172a); color: var(--cv-select-color, #e2e8f0); }
.dark .cv-select-trigger:hover:not(:disabled) { border-color: #64748b; }
.dark .cv-select-trigger:focus-visible, .dark .cv-select-trigger[aria-expanded="true"] { border-color: #60a5fa; box-shadow: 0 0 0 3px #3b82f622; }
.dark .cv-select-popup { border-color: #334155; background: #0f172a; color: #e2e8f0; box-shadow: 0 20px 60px -12px #0009; scrollbar-color: #475569 transparent; }
.dark .cv-select-option.is-active { background: #1e293b; }
.dark .cv-select-option[aria-selected="true"] { color: #93c5fd; background: #172e51; }
.dark .cv-select-option[aria-selected="true"].is-active { background: #1e3a5f; }
.dark .cv-select-group { color: #94a3b8; }
@media (prefers-reduced-motion: reduce) { .cv-select-trigger, .cv-select-chevron { transition: none; } }
@media (forced-colors: active) { .cv-select-option.is-active { outline: 1px solid Highlight; } .cv-select-option[aria-selected="true"] { color: HighlightText; background: Highlight; } }