/* Shared compact selector, matching the leave page's liquid motion. */
.liquid-select { position:relative; min-width:0; width:100%; }
.liquid-select[hidden],.liquid-select__menu [hidden] { display:none !important; }
.liquid-select .liquid-select__native { position:absolute; width:1px; height:1px; min-height:0; padding:0; margin:0; border:0; opacity:0; pointer-events:none; clip-path:inset(50%); overflow:hidden; }
.liquid-select__trigger,.liquid-select .liquid-select__text { box-sizing:border-box; display:flex; align-items:center; gap:10px; width:100%; min-width:0; height:48px; padding:9px 13px; border:1px solid var(--line); border-radius:12px; background:linear-gradient(135deg,rgba(var(--surface-rgb),.055),rgba(var(--surface-rgb),.015)),var(--bg-2); color:var(--ink); font:600 14px/1.5 "Noto Sans TC",sans-serif; text-align:left; cursor:pointer; box-shadow:inset 0 1px 0 rgba(var(--surface-rgb),.04); transition:border-color .25s,background .25s,box-shadow .35s,transform .46s cubic-bezier(.16,1,.3,1); }
.liquid-select .liquid-select__text { font-weight:400; cursor:text; padding-right:38px; }
.liquid-select--text::after { content:""; position:absolute; width:7px; height:7px; top:19px; right:16px; border:solid var(--ink-dim); border-width:0 1.6px 1.6px 0; transform:rotate(45deg); pointer-events:none; transition:transform .46s cubic-bezier(.16,1,.3,1); }
.liquid-select--text.is-open::after { transform:translateY(4px) rotate(225deg); border-color:var(--orange); }
.liquid-select__trigger:hover:not(:disabled),.liquid-select.is-open .liquid-select__trigger { border-color:var(--orange); background-color:var(--bg-2); }
.liquid-select__trigger:active:not(:disabled) { transform:scale(.985,.96); }
.liquid-select__trigger:focus-visible,.liquid-select__text:focus-visible { outline:2px solid var(--orange); outline-offset:3px; }
.liquid-select__trigger[aria-invalid="true"] { border-color:#dc8a80; }
.liquid-select__trigger:disabled { color:var(--ink-faint); opacity:.6; cursor:not-allowed; }
.liquid-select__value { display:block; flex:1; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.liquid-select__trigger>svg { width:20px; height:20px; flex:none; color:var(--ink-dim); transition:transform .46s cubic-bezier(.16,1,.3,1),color .25s; }
.liquid-select.is-open .liquid-select__trigger>svg { transform:rotate(180deg); color:var(--orange); }
.liquid-select__menu { position:fixed; z-index:400; box-sizing:border-box; display:flex; flex-direction:column; gap:8px; padding:10px; overflow:hidden; color:var(--ink); border:1px solid var(--line); border-radius:18px; background:linear-gradient(140deg,rgba(var(--surface-rgb),.035),transparent),var(--bg-2); box-shadow:0 24px 60px rgba(var(--shade-rgb),.38),inset 0 1px 0 rgba(var(--surface-rgb),.06); font:13px/1.5 "Noto Sans TC",sans-serif; }
.liquid-select__menu[popover] { margin:0; inset:auto; }
.liquid-select__menu.is-closing { pointer-events:none; }
.liquid-select__head { display:flex; align-items:center; justify-content:space-between; flex:none; gap:12px; padding:1px 3px 2px; }
.liquid-select__head strong { min-width:0; color:var(--ink-dim); font-size:12px; font-weight:500; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.liquid-select__close { display:grid; place-items:center; width:28px; height:28px; flex:none; border:1px solid var(--line); border-radius:50%; background:var(--glass); color:var(--ink-dim); font:20px/1 sans-serif; cursor:pointer; }
.liquid-select__search { box-sizing:border-box; width:100%; min-height:40px; flex:none; border:1px solid var(--line); border-radius:10px; background:var(--glass); color:var(--ink); padding:9px 12px; font:inherit; font-size:13px; outline:none; }
.liquid-select__search:focus { border-color:var(--orange); box-shadow:0 0 0 2px var(--orange-soft); }
.liquid-select__list { display:grid; gap:5px; min-height:0; overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; }
.liquid-select__option { display:flex; align-items:center; gap:9px; min-width:0; min-height:42px; box-sizing:border-box; padding:9px 11px; border:1px solid transparent; border-radius:11px; background:var(--glass); cursor:pointer; transition:background .22s,border-color .22s,transform .46s cubic-bezier(.16,1,.3,1); }
.liquid-select__option-label { min-width:0; flex:1; overflow-wrap:anywhere; }
.liquid-select__option:hover:not([aria-disabled="true"]),.liquid-select__option.is-active { border-color:var(--orange); }
.liquid-select__option[aria-selected="true"] { background:var(--orange-soft); border-color:var(--orange); color:var(--orange-hi); }
.liquid-select__option:active:not([aria-disabled="true"]) { transform:scale(.97,.93); }
.liquid-select__option[aria-disabled="true"] { opacity:.4; cursor:not-allowed; }
.liquid-select__tick { color:var(--orange); opacity:0; flex:none; font-size:12px; }
.liquid-select__option[aria-selected="true"] .liquid-select__tick { opacity:1; }
.liquid-select__group { grid-column:1/-1; color:var(--ink-dim); font-size:11px; padding:6px 8px 1px; }
.liquid-select__empty { padding:12px; color:var(--ink-dim); text-align:center; }
.liquid-select__avatar { position:relative; flex:none; display:grid; place-items:center; width:30px; height:30px; border-radius:50%; border:1px solid var(--line); overflow:hidden; background:var(--orange-soft); color:var(--orange-hi); font-size:13px; font-weight:600; }
.liquid-select__avatar img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.liquid-select__menu--teacher .liquid-select__list { grid-template-columns:repeat(3,minmax(0,1fr)); }
.liquid-select__menu--teacher .liquid-select__option { padding:8px 6px; gap:6px; position:relative; }
.liquid-select__menu--teacher .liquid-select__option-label { font-size:12px; }
.liquid-select__menu--teacher .liquid-select__option--clear { grid-column:1/-1; min-height:32px; padding:5px 9px; }
.liquid-select__menu--teacher .liquid-select__tick { position:absolute; top:1px; right:4px; font-size:10px; }
.liquid-select__footer { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-top:7px; border-top:1px solid var(--line); font-size:12px; color:var(--ink-dim); }
.liquid-select__footer button { padding:7px 15px; border:1px solid var(--orange); border-radius:999px; background:var(--orange-soft); color:var(--orange-hi); font:inherit; cursor:pointer; }
.field-lockrow>.liquid-select { flex:1; min-width:0; }
.fkpick>.liquid-select { flex:1 1 150px; min-width:150px; }
.fkpick .liquid-select__trigger { height:48px; font-size:13px; }
.field--xl .liquid-select__trigger { font-size:16px; }
.coach-leave-shell .leave-filter .liquid-select__trigger { height:60px; }
#coach-login .liquid-select__trigger,#coach-login #coach-pin { height:48px; border-radius:12px; font-size:14px; }
:root[data-theme="light"] .liquid-select__option[aria-selected="true"],:root[data-theme="light"] .liquid-select__avatar,:root[data-theme="light"] .liquid-select__tick { color:#a34400; }
@media(max-width:600px) {
  .liquid-select__menu { border-radius:16px; padding:9px; }
  .liquid-select__search,.liquid-select .liquid-select__text { font-size:16px; }
  .liquid-select__menu--teacher .liquid-select__avatar { width:26px; height:26px; }
  .liquid-select__menu--teacher .liquid-select__option-label { font-size:11px; }
}
@media(prefers-reduced-motion:reduce) {
  .liquid-select__trigger,.liquid-select .liquid-select__text,.liquid-select__trigger>svg,.liquid-select__option,.liquid-select--text::after { transition:none; }
}