.nav-personal-tools{display:flex;flex-direction:column;align-items:flex-end;gap:3px;padding:0 8px 7px}
.nav-sort-toggle{border:1px solid transparent;border-radius:7px;background:transparent;color:var(--muted);font:inherit;font-size:.8125rem;padding:5px 8px;cursor:pointer}
.nav-sort-toggle:hover,.nav-sort-toggle[aria-pressed=true]{background:var(--soft);border-color:var(--line);color:var(--ink)}
.nav-sort-toggle:focus-visible,.nav-sort-move:focus-visible,.nav-drag-handle:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.nav-sort-help{align-self:flex-start;color:var(--muted);font-size:.8rem;line-height:1.4;padding:0 4px}
.nav-sort-row{display:flex;align-items:center;gap:2px;min-width:0}
.nav-sort-row>.nav-item{flex:1;min-width:0}
.nav-drag-handle,.nav-sort-move{display:grid;place-items:center;flex:0 0 28px;width:28px;height:32px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--muted);font:inherit;font-size:1rem;line-height:1;cursor:pointer}
.nav-drag-handle{cursor:grab;letter-spacing:-.12em;padding-right:3px}
.nav-drag-handle:active{cursor:grabbing}
.nav-sort-move:disabled{opacity:.32;cursor:default}
.nav-drag-handle:not(:disabled):hover,.nav-sort-move:not(:disabled):hover{background:var(--soft);color:var(--ink)}
.nav-sort-row.is-dragging{opacity:.42}
.nav-sort-row.is-dragging>.nav-item{background:var(--soft)}
@media(max-width:960px){.nav-personal-tools{align-items:stretch}.nav-sort-toggle{text-align:right}.nav-sort-help{padding-left:8px}}
.nav-visibility-toggle{display:grid;place-items:center;flex:0 0 28px;width:28px;height:32px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer}
.nav-visibility-toggle svg,.nav-lock-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.nav-visibility-toggle:hover{background:var(--soft);color:var(--ink)}
.nav-visibility-toggle:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.nav-sort-row.is-menu-hidden>.nav-item{opacity:.42}
.nav-item-locked{width:100%;border:0;background:transparent;color:var(--muted);font:inherit;text-align:left;opacity:.63;cursor:pointer}
.nav-item-locked:hover{background:var(--soft);color:var(--ink);opacity:.86}
.nav-item-locked>span:nth-of-type(1){flex:1;min-width:0}
.nav-lock-icon{display:inline-flex;align-items:center;flex:0 0 auto;margin-left:auto}
.nav-plan-badge{flex:0 0 auto;margin-left:5px;padding:1px 5px;border:1px solid var(--line);border-radius:5px;color:var(--muted);font-size:.62rem;font-weight:650;line-height:1.45;white-space:nowrap}
.nav-upgrade-card{display:flex;flex-direction:column;gap:4px;margin:10px 8px 4px;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:var(--surface,#fff);color:var(--ink);font-size:.75rem;line-height:1.4}
.nav-upgrade-card strong{font-size:.78rem}
.nav-upgrade-card>span{color:var(--muted)}
.nav-upgrade-card a,.nav-upgrade-card button{display:flex;justify-content:space-between;align-items:center;margin-top:3px;padding:4px 0 0;border:0;background:transparent;color:var(--brand-accent,var(--accent));font:inherit;font-weight:700;text-align:left;text-decoration:none;cursor:pointer}
.nav-upgrade-card a:hover,.nav-upgrade-card button:hover{text-decoration:underline}
.nav-item-locked:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
@media(max-width:760px){.nav-upgrade-card{min-width:180px;flex:0 0 220px;margin:2px 5px 5px}.nav-sort-row.is-menu-hidden>.nav-item{opacity:.48}}
