/* Menu item · the kit rules for this component, quoted from phase-2/kit (kit v3) by phase-4/src/build_pack.py.
   Tokens come from ../../styles.css. Build it as: Sidebar. */
/* base.css */
.sb-item{font-family:var(--font-voice);font-stretch:var(--font-stretch-title);font-variation-settings:normal}
/* base.css */
.sb-item{display:flex;align-items:center;gap:10px;height:36px;padding:0 10px;border-radius:var(--r-control);font-size:var(--text-card);font-weight:var(--w-medium);color:inherit;text-decoration:none;position:relative;transition:background-color var(--motion-hover),color var(--motion-hover)}
/* base.css */
.sb-item svg{opacity:.8}
/* base.css */
.sb-item:hover{background:hsl(var(--sidebar-foreground)/.06)}
/* base.css */
.sb-item.on{background:var(--sidebar-item-on);color:hsl(var(--sidebar-accent-foreground));box-shadow:var(--e-sidebar-item-on)}
/* base.css */
.sb-item.on::before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:2px;border-radius:2px;background:hsl(var(--sidebar-primary));opacity:.8}
/* base.css */
.sb-item.on svg{color:var(--sidebar-item-on-icon);opacity:1}
/* base.css */
.sb-item em{margin-left:auto;font:normal var(--text-micro)/1 var(--font-ui);opacity:.6}
/* families/app-shell/family.css */
.sb-item.is-hover{background:hsl(var(--sidebar-foreground)/.06)}
/* families/app-shell/family.css */
.sb-item.is-focus{outline:2px solid hsl(var(--sidebar-ring));outline-offset:-2px}
/* families/app-shell/family.css */
.sb-item[aria-disabled=true]{opacity:.5;pointer-events:none}
/* families/app-shell/family.css */
.sb-item .sh-lock{margin-left:auto;opacity:.9}
/* families/app-shell/family.css */
.sb-item .spin{margin-left:auto;width:11px;height:11px;border-width:1.5px;opacity:.7}
/* families/app-shell/family.css */
.sh-cnt{margin-left:auto;font:var(--w-medium) var(--text-micro)/1 var(--font-ui);font-variant-numeric:tabular-nums;color:hsl(var(--sidebar-foreground))}
/* families/app-shell/family.css */
.sh-cnt.warn{color:hsl(var(--warning-foreground));background:hsl(var(--warning));padding:3px 6px;border-radius:var(--r-chip);font-weight:var(--w-semibold)}
/* families/app-shell/family.css */
.sh-cnt.err{display:inline-flex;align-items:center;gap:4px;color:hsl(var(--sidebar-accent-foreground))}
/* families/app-shell/family.css */
.sh-tree{position:relative;margin-left:18px;padding-left:8px;border-left:1px solid hsl(var(--sidebar-foreground)/.16)}
/* families/app-shell/family.css */
.sh-tree .sb-item{height:32px;font-size:var(--text-body)}
