/* Custom menus retain native select values and inherit the surrounding palette. */
.styled-select {
  --select-surface:var(--account-surface,var(--surface,#211e25));
  --select-field:var(--account-field,var(--paper,#18161b));
  --select-line:var(--account-line,var(--line,rgba(234,216,210,.14)));
  --select-ink:var(--account-ink,var(--text,#f5efe9));
  --select-muted:var(--account-muted,var(--muted,#b7aeb9));
  --select-accent:var(--account-accent,var(--accent,#f2b49a));
  position:relative; min-width:0; width:100%;
}
.styled-select .styled-select-native {
  position:absolute!important; width:1px!important; height:1px!important; min-height:0!important;
  padding:0!important; margin:0!important; border:0!important; clip-path:inset(50%); overflow:hidden;
  white-space:nowrap; opacity:0; pointer-events:none;
}
.styled-select-trigger {
  display:flex; align-items:center; justify-content:space-between; gap:14px; width:100%; min-height:47px;
  padding:12px 14px; border:1px solid var(--select-line); border-radius:10px;
  background:var(--select-field); color:var(--select-ink); font:inherit; font-size:14px; line-height:1.5;
  text-align:start; cursor:pointer; transition:border-color .18s,background .18s,box-shadow .18s;
}
.styled-select-value { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.styled-select-trigger>svg { width:17px; height:17px; flex:none; color:var(--select-muted); transition:transform .18s; }
.styled-select-trigger:hover { border-color:color-mix(in srgb,var(--select-accent) 45%,var(--select-line)); }
.styled-select-trigger[data-placeholder] .styled-select-value { color:var(--select-muted); }
.styled-select-trigger[aria-expanded=true]>svg { transform:rotate(180deg); }
.styled-select-trigger:focus-visible,.styled-select.is-open>.styled-select-trigger {
  outline:none; border-color:var(--select-accent); box-shadow:0 0 0 3px color-mix(in srgb,var(--select-accent) 12%,transparent);
}
.styled-select-trigger[aria-invalid=true] { border-color:var(--account-error,#e79887); }
.styled-select-trigger:disabled { cursor:not-allowed; opacity:.5; }
.styled-select-panel {
  position:fixed; z-index:1000; display:flex; flex-direction:column; box-sizing:border-box; min-width:0;
  margin:0; padding:6px; overflow:hidden; border:1px solid var(--select-line); border-radius:13px;
  background:var(--select-surface); color:var(--select-ink); box-shadow:0 14px 45px rgba(0,0,0,.23),0 2px 7px rgba(0,0,0,.08);
  font-size:13px; line-height:1.6; animation:select-reveal .16s ease-out; transform-origin:top;
}
.styled-select-panel[data-placement=above] { transform-origin:bottom; }
.styled-select-list { overflow:auto; min-height:0; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:var(--select-line) transparent; }
.styled-select-option {
  display:flex; align-items:center; justify-content:space-between; gap:14px; min-height:40px; padding:9px 10px;
  border-radius:7px; cursor:pointer; user-select:none; color:var(--select-ink); transition:background .1s;
}
.styled-select-option>span:first-child { min-width:0; overflow-wrap:anywhere; }
.styled-select-option[data-active] { background:color-mix(in srgb,var(--select-accent) 10%,transparent); }
.styled-select-option[aria-selected=true] { color:var(--select-accent); font-weight:550; }
.styled-select-tick { display:flex; align-items:center; flex:none; width:17px; opacity:0; }
.styled-select-tick svg { display:block; width:17px; height:17px; }
.styled-select-option[aria-selected=true] .styled-select-tick { opacity:1; }
.styled-select-option[aria-disabled=true] { cursor:not-allowed; opacity:.4; }
.styled-select-search { display:flex; align-items:center; gap:9px; padding:7px 8px 12px; margin-bottom:5px; border-bottom:1px solid var(--select-line); flex:none; }
.styled-select-search>svg { width:17px; height:17px; color:var(--select-muted); flex:none; }
.styled-select-search>input {
  width:100%; min-width:0; min-height:30px; margin:0; padding:3px 0; border:0; border-radius:0;
  background:transparent; color:var(--select-ink); font:inherit; font-size:14px; outline:none;
}
.styled-select-search>input::placeholder { color:var(--select-muted); opacity:.8; }
.styled-select-search:focus-within { border-color:color-mix(in srgb,var(--select-accent) 60%,transparent); }
.styled-select-empty { margin:0; padding:18px 12px; text-align:center; color:var(--select-muted); font-size:12px; }
.styled-select-empty[hidden] { display:none; }
@keyframes select-reveal { from { opacity:0; transform:translateY(-3px) scale(.985); } to { opacity:1; transform:none; } }
@media(max-width:600px) {
  .styled-select-option { min-height:44px; }
  .styled-select-search>input { font-size:16px; }
}
@media(prefers-reduced-motion:reduce) {
  .styled-select-trigger,.styled-select-trigger>svg,.styled-select-option { transition:none; }
  .styled-select-panel { animation:none; }
}