/* Menu geometry and contents copied from design/lead-list.html. */
[popover] { padding:5px;border-radius:9px;max-height:min(360px,70vh); }
[popover] [role^="menuitem"],.select-menu .menu-item {
  display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%;
  min-height:0;font:inherit;font-size:13px;font-weight:400;color:var(--ink);text-align:left;
  background:transparent;border:0;border-radius:6px;padding:7px 8px;text-decoration:none;
}
[popover] [role^="menuitem"]:hover,.menu-item:hover,.menu-item:focus-visible { background:var(--surface-hover);filter:none; }
[popover] [aria-selected="true"],[popover] [aria-current="true"] { background:var(--accent-soft); }
.menu-label { min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.menu-count { margin-left:auto;font-size:11.5px;color:var(--ink-3);font-variant-numeric:tabular-nums;padding-left:10px; }
.menu-tick { width:12px;height:12px;flex:none;color:var(--accent);opacity:0;margin-left:auto; }
.menu-count + .menu-tick { margin-left:6px; }
[aria-selected="true"] > .menu-tick,[aria-current="true"] > .menu-tick { opacity:1; }
.menu-caret { width:9px;height:9px;flex:none;color:var(--ink-3);margin-left:auto; }
.menu-separator,[popover] [role="separator"] { display:block;height:1px;background:var(--line);margin:5px 4px; }
.menu-group { display:block;padding:7px 8px 3px;font-size:11.5px;color:var(--ink-3);font-weight:500; }
.menu-avatar { display:grid;place-items:center;align-self:center;flex:none;width:22px;height:22px;min-width:22px;border-radius:50%;background:var(--accent);color:var(--on-accent);font-size:10.5px;font-weight:600; }
.menu-avatar.avatar-tone-0 { background:var(--t-green); }
.menu-avatar.avatar-tone-1 { background:var(--t-blue); }
.menu-avatar.avatar-tone-2 { background:var(--t-amber); }
.menu-dot { width:7px;height:7px;flex:none;border-radius:50%;background:currentColor; }
.menu-dot.t-amber { color:var(--t-amber); }.menu-dot.t-blue { color:var(--t-blue); }.menu-dot.t-green { color:var(--t-green); }.menu-dot.t-purple { color:var(--t-purple); }.menu-dot.t-red { color:var(--t-red); }.menu-dot.t-grey { color:var(--t-grey); }
.menu-dot.t-violet { color:var(--t-violet); }.menu-dot.t-deep { color:var(--t-deep); }
.select-field { display:inline-grid;position:relative;min-width:0;max-width:100%;width:100%;margin-top:4px;vertical-align:middle; }
.select-field > select.select-native { position:absolute;inset:0;width:100%;max-width:none;height:36px;margin:0 !important;opacity:0;pointer-events:none; }
.select-field .select-trigger { width:100%;min-width:0;min-height:36px;justify-content:flex-start;gap:7px;padding:7px 11px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink);font:inherit;font-size:13px;text-align:left; }
.select-trigger:hover { filter:none;border-color:var(--line-2); }
.select-trigger[aria-expanded="true"] { border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft); }
.select-trigger:disabled { background:var(--surface-sunk); }
.select-trigger[aria-invalid="true"] { border-color:var(--t-red); }
.select-validation { color:var(--t-red);font-size:12px;margin-top:4px; }
.select-menu { max-width:min(420px,calc(100vw - 16px)); }
.select-menu .menu-item:disabled { opacity:.45;cursor:not-allowed; }
.select-menu .menu-item:disabled:hover { background:transparent; }
.select-menu .menu-item:disabled .menu-label { white-space:normal; }
.select-field.is-filter { width:auto;margin:0; }
.select-field.is-filter .select-trigger { color:var(--ink-2);padding:7px 9px 7px 11px;min-height:34px; }
.select-field.is-filter .menu-caret { margin-left:2px; }
.select-field.is-active .select-trigger { color:var(--accent);border-color:var(--accent);background:var(--accent-soft);font-weight:500; }
.leads-filterbar .select-field,.toolbar > .select-field,.lead-project-switch .select-field { width:auto;margin-top:0; }
.list-pagination-size .select-field { width:66px;margin:0; }
.list-pagination-size .select-trigger { min-height:30px;padding:4px 8px; }
.list-pagination-size .select-native { height:30px; }
.team-filter-group .select-field { min-width:110px; }
.assignment-person-picker .select-field { margin-top:0; }
[popover] .lead-row-menu-primary { color:var(--accent);font-weight:500; }
[popover] .lead-row-menu-danger { color:var(--t-red); }
@media(max-width:900px){
  .team-filter-group .select-field { flex:1 1 0;min-width:0; }
  .select-menu { max-width:calc(100vw - 16px); }
}
