/* Left rail: grouped, collapsible menu with a type-to-filter search. */
.rail-nav{display:flex;flex-direction:column;gap:12px}
.rail-search{position:relative}
.rail-search input[type=search]::-webkit-search-cancel-button{display:none}
.rail-kbd{font:600 11px/1 var(--mono, ui-monospace, monospace);color:var(--rail-mute);border:1px solid rgba(255,255,255,.18);border-radius:5px;padding:3px 6px}
.rail-search:focus-within .rail-kbd{display:none}
.nav{gap:0}
.nav-group + .nav-group{margin-top:8px}
.nav-head{display:flex;align-items:center;gap:6px;width:100%;border:0;background:none;cursor:pointer;
  color:var(--rail-mute);font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:6px 10px 4px;border-radius:6px}
.nav-head:hover{color:var(--rail-ink)}
.nav-head:focus-visible{outline:2px solid var(--brand-dot);outline-offset:1px}
.nav-head .chev{margin-left:auto;transition:transform .15s ease;opacity:.7}
.nav-head-count{display:none;font-size:10.5px;letter-spacing:0;background:var(--brand-dot);color:#0b2414;border-radius:99px;padding:0 6px}
.nav-group.collapsed .chev{transform:rotate(-90deg)}
.nav-group.collapsed .nav-head-count{display:inline-block}
.nav-items{display:flex;flex-direction:column;gap:1px}
.nav-group.collapsed .nav-items{display:none}
.nav a.navlink{font-size:15px;padding:8px 10px}
.nav a.navlink span:not(.count){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nav a.navlink[hidden],.nav-group[hidden]{display:none}
.nav a.navlink .count.warn{background:#f0b84a}
.nav a.navlink.hl{background:var(--rail-hover);color:#fff;opacity:1;outline:1px solid rgba(255,255,255,.25)}
/* while searching every section is open and headings stay as context */
.searching .nav-group.collapsed .nav-items{display:flex}
.searching .nav-head{pointer-events:none}
.searching .nav-head .chev,.searching .nav-head-count{display:none !important}
.nav-fallback{margin-top:6px;border-top:1px solid rgba(255,255,255,.1);border-radius:0 0 8px 8px !important;opacity:.8 !important}
.nav-fallback[hidden]{display:none !important}
.nav-empty{color:var(--rail-mute);font-size:13px;padding:6px 10px;margin:0}
@media (prefers-reduced-motion:reduce){.nav-head .chev{transition:none}}


/* OP pay block (ops/_earnings) */
.op-earn{margin-bottom:12px}
.op-bank{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:12px 16px;margin-bottom:6px}
.op-bank > div{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline}
.op-bank .k{font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3, var(--ink-2));font-weight:600;width:100%}
.op-bank b{font-size:16px}
.op-bank.missing{border-color:var(--warn);background:color-mix(in srgb, var(--warn) 8%, var(--surface))}
.op-bank.missing b{color:var(--warn)}