/* staff-list.css -- session 414 (briefs/session-414-brief.md part 5): the Staff page's header in the other core pages' style. Only what has no
   class of its own already: the segmented switch beside the title (Staff list / App access), the Appointments title row's view switch
   (appointments-list.css .apl-tabs and .apl-tab), value for value. The band is the Properties band (properties-list.css .prl-band), the
   filter card is Clients' (lists.css .clx-card, .clx-tb, .lp-seg, .clx-dd, .clx-qline, .clx-cline); both are used as they are. */
.stl-tabs{display:flex;gap:4px;background:var(--apl-s2);padding:4px;border-radius:999px;margin-left:18px;flex-wrap:wrap;align-self:center}
.stl-tabs a.stl-tab{border:0;background:transparent;font-size:14px;font-weight:600;color:var(--apl-text);padding:8px 14px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none;line-height:normal;font-family:'Inter','Segoe UI',system-ui,sans-serif}
.stl-tabs a.stl-tab:hover{background:#dde2e5;color:var(--apl-ink);text-decoration:none}
.stl-tabs a.stl-tab[aria-current=page]{background:var(--apl-teal);color:#ffffff}
.stl-tabs a.stl-tab:focus-visible{outline:2px solid var(--apl-teal);outline-offset:2px}
/* While No usable address or Proposed changes is on, Role and Market do not narrow the list (as the old pills were dimmed, shell.css 846). */
.stl-dim .clx-ddb{opacity:.45}
.stl-bandw{display:block}
@media (max-width: 760px){
  .stl-tabs{margin-left:0;order:3;width:100%}
}