/* Caixa de seleção do site (assets/js/ui-select.js) */
.ui-select { position: relative; display: inline-block; vertical-align: middle; max-width: 100%; }
.ui-select.is-block { display: block; width: 100%; }
.ui-select-native { position: absolute !important; width: 1px !important; height: 1px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; opacity: 0 !important; pointer-events: none !important; overflow: hidden; clip: rect(0 0 0 0); }

.ui-select-btn {
  display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; min-height: 42px; padding: 0 12px 0 14px;
  border: 1px solid var(--line-2, rgba(255, 255, 255, 0.14)); border-radius: 12px; background: var(--panel-2, #141820); color: var(--tx, #f5f7fb);
  font: inherit; font-weight: 600; font-size: 0.92rem; text-align: left; cursor: pointer; transition: border-color 0.15s, box-shadow 0.15s, background 0.15s;
}
.ui-select-btn:hover { border-color: var(--accent, #ffa800); }
.ui-select-btn:focus-visible, .ui-select.is-open .ui-select-btn { outline: 0; border-color: var(--accent, #ffa800); box-shadow: 0 0 0 3px rgba(255, 168, 0, 0.18); }
.ui-select-btn:disabled { opacity: 0.5; cursor: not-allowed; }
.ui-select-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ui-select-label.is-placeholder { color: var(--tx-3, #737b8c); font-weight: 500; }
.ui-select-arrow { flex: none; color: var(--tx-3, #737b8c); transition: transform 0.15s; }
.ui-select.is-open .ui-select-arrow { transform: rotate(180deg); color: var(--accent, #ffa800); }

.ui-select-list {
  position: fixed; z-index: 2000; width: max-content; max-width: min(360px, 92vw); max-height: 280px; overflow: auto; margin: 0; padding: 6px; list-style: none;
  border: 1px solid var(--line-2, rgba(255, 255, 255, 0.14)); border-radius: 14px; background: var(--panel, #11151c); box-shadow: 0 18px 44px rgba(0, 0, 0, 0.45);
  animation: uiSelIn 0.12s ease-out;
}
@keyframes uiSelIn { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
.ui-select-opt { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 9px 11px; border-radius: 9px; color: var(--tx-2, #a8afbd); font-size: 0.9rem; font-weight: 500; cursor: pointer; }
.ui-select-opt span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ui-select-opt.is-active { background: rgba(255, 168, 0, 0.12); color: var(--tx, #f5f7fb); }
.ui-select-opt.is-selected { color: var(--accent-2, #ffc233); font-weight: 700; }
.ui-select-opt.is-disabled { opacity: 0.4; cursor: not-allowed; }
.ui-select-check { flex: none; opacity: 0; color: var(--accent-2, #ffc233); }
.ui-select-opt.is-selected .ui-select-check { opacity: 1; }
.ui-select-group { padding: 10px 11px 4px; color: var(--tx-3, #737b8c); font-size: 0.7rem; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; }
.ui-select-list::-webkit-scrollbar { width: 8px; }
.ui-select-list::-webkit-scrollbar-thumb { border-radius: 8px; background: var(--line-2, rgba(255, 255, 255, 0.18)); }

html[data-theme="light"] .ui-select-list { box-shadow: 0 18px 40px rgba(15, 23, 42, 0.16); }
html[data-theme="light"] .ui-select-opt.is-active { background: rgba(216, 138, 5, 0.12); }
html[data-theme="light"] .ui-select-opt.is-selected, html[data-theme="light"] .ui-select-check { color: #a76f05; }