/* kit/select.js — the dropdown's face (a .btn.pu trigger) and its hidden source (the native <select>, kept for value,
   validation and events). The listbox itself is the kit's .menu.float. */
.ksel{position:relative;display:inline-flex;max-width:100%;min-width:0}
.ksel.wide{display:flex;width:100%}
.ksel>.ksel-t{width:100%;min-width:0}
.ksel-t .val{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}
.ksel>select.ksel-native{position:absolute!important;left:0;bottom:0;width:100%!important;max-width:100%!important;min-width:0!important;height:1px!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;opacity:0!important;pointer-events:none!important;overflow:hidden;appearance:none;box-shadow:none!important}
/* the field box a select used to live in is now the trigger's job */
.fld:has(>.ksel){background:none;box-shadow:none;padding:0;border-radius:0}
.fld:has(>.ksel)::before{display:none}
.ksel-t[aria-invalid=true]{box-shadow:inset 0 0 0 1px var(--crt-ink)}
.ksel-m{position:fixed;max-height:320px;overflow:auto;overscroll-behavior:contain}
.ksel-m[popover]{inset:auto;border:0;color:inherit}
.ksel-m .mlabel{margin:4px 8px 2px;font:var(--t-small);color:var(--ink-2)}
.ksel-m [role=option]{cursor:default}