/* ===================================================================== Kiteworks Agent Marketplace — Custom Sort menu (catalog toolbar) Replaces the catalog toolbar's native stays as the no-JS fallback (hidden once sort_menu.js upgrades the control). Adapted from the mockup handoff to this repo's ACTUAL token vocabulary (the handoff was written against an abstract --fg-1/--stroke/--r-* / .theme-* layer; here the brand tokens kept their legacy --kw-* names — same as lang_picker.css / loading.css). Token map: --font-mono -> --kw-font-mono --r-pill -> --kw-radius-pill --font-body -> --kw-font-body --r-lg -> --kw-radius-lg --bg-elevated -> --kw-bg-elevated --r-sm -> --kw-radius-sm --stroke -> --kw-border-color --fg-1 -> --kw-fg --fg-2 -> --kw-fg-muted --fg-3 -> --kw-fg-subtle --surface-2 -> --kw-bg-subtle --kw-brand-blue -> --kw-blue Theme: .theme-dark/.theme-light -> html.dark/html.light (the token flip in tokens.css; the mockup's .theme-* selectors would never match). RTL: physical right / text-align:left / margin-left -> logical inset-inline-end / text-align:start / margin-inline-start, so the popover mirrors under (enforced by tests/test_rtl_layout.py). ===================================================================== */ .sortmenu { position: relative; } /* Native