/* Shared Ticket Priority dropdown styling for all front-end select fields. */
.front-select { position: relative; min-width: 0; }
.front-select [hidden] { display: none !important; }
.front-select__label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.front-select__toggle, .front-select__native { width: 100%; height: 44px; padding: 0 14px; border-radius: 12px; border: 1px solid rgba(var(--front-color-neutral-rgb,255,255,255),.12); background: var(--front-color-inset,rgba(0,0,0,.25)); color: var(--front-color-text,#f4f5f7); font: 700 13.5px var(--font-sans); display: flex; align-items: center; gap: 10px; transition: border-color .15s,box-shadow .15s; }
.front-select__toggle span { flex: 1; min-width: 0; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.front-select__toggle > svg { flex-shrink: 0; color: var(--front-color-muted,#9aa1ad); transition: transform .2s; }
.front-select__toggle:focus-visible, .front-select__native:focus-visible { border-color: #de1722; box-shadow: 0 0 0 3px rgba(222,23,34,.18); outline: none; }
.front-select__toggle[aria-expanded=true] { border-color: #de1722; }
.front-select__toggle[aria-expanded=true] > svg { transform: rotate(180deg); }
.front-select__toggle:hover:not(:disabled) { border-color: rgba(222,23,34,.8); }
.front-select__toggle:disabled { opacity: .45; cursor: not-allowed; }
.front-select__toggle[aria-invalid=true] { border-color: #de1722; }
.front-select__menu { position: absolute; top: calc(100% + 6px); left: 0; right: 0; z-index: 40; padding: 6px; border-radius: 14px; background: var(--front-color-surface,#181b21); border: 1px solid rgba(var(--front-color-neutral-rgb,255,255,255),.1); box-shadow: 0 24px 60px -20px rgba(var(--front-color-shadow-rgb,0,0,0),.9); display: flex; flex-direction: column; gap: 2px; max-height: 260px; overflow-y: auto; animation: front-select-enter .16s ease; }
.front-select__menu button { display: flex; flex: 0 0 auto; align-items: center; gap: 10px; min-height: 38px; padding: 8px 12px; border: 0; border-radius: 9px; background: transparent; color: var(--front-color-secondary,#c3c8d1); font: 600 13px var(--font-sans); text-align: left; transition: background .15s; }
.front-select__menu button > span { flex: 1; }
.front-select__menu button > svg { flex-shrink: 0; color: var(--front-color-accent,#ff4b55); visibility: hidden; }
.front-select__menu button[aria-selected=true] { background: rgba(222,23,34,.12); color: var(--front-color-text,#f4f5f7); }
.front-select__menu button[aria-selected=true] > svg { visibility: visible; }
.front-select__menu button:hover:not(:disabled), .front-select__menu button:focus-visible { background: rgba(var(--front-color-neutral-rgb,255,255,255),.07); color: var(--front-color-text,#f4f5f7); }
.front-select__menu button:disabled { opacity: .4; cursor: not-allowed; }
@keyframes front-select-enter { from { opacity: 0; transform: translateY(8px) scale(.98); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .front-select__menu { animation: none; } .front-select * { transition: none !important; } }