/* ===========================================================================
   nav-neovim.css · idiom: a top bufferline (repo links = buffers) + a winbar
   (navic breadcrumb), and a bottom lualine status line with powerline blocks.
   Active only when body[data-nav="neovim"].
   =========================================================================== */
body[data-nav="neovim"] header.nav-top { background: var(--chrome-bg); border-bottom: 0; }

.nvim-bufferline { display: flex; align-items: stretch; height: 30px; background: var(--chrome-bg); font-family: var(--font-mono); font-size: 0.78rem; }
.nvim-buf { display: flex; align-items: center; gap: 7px; padding: 0 12px; color: var(--chrome-muted); border-right: 1px solid var(--bg); }
.nvim-buf-n { color: var(--fg-faint); font-size: 0.72rem; }
.nvim-buf-ic { display: inline-flex; }
.nvim-buf-x { opacity: 0.5; font-size: 0.66rem; }
.nvim-buf:hover { background: var(--bg-hover); text-decoration: none; }
.nvim-buf.is-active { background: var(--bg); color: var(--fg); box-shadow: inset 0 2px 0 var(--chrome-accent); }
.nvim-buf.is-active .nvim-buf-ic { color: var(--chrome-accent); }
.nvim-buf-fill { flex: 1; background: var(--chrome-bg); }
.nvim-tabpage { display: flex; align-items: center; gap: 6px; padding: 0 13px; color: var(--chrome-muted); background: var(--bg-inset); }
.nvim-tabpage .ic { width: 13px; height: 13px; }

.nvim-winbar { display: flex; align-items: center; gap: 1px; padding: 5px 14px; background: var(--bg); border-bottom: 1px solid var(--border); font-family: var(--font-mono); font-size: 0.78rem; }
.nvim-wb { display: flex; align-items: center; gap: 5px; color: var(--fg-muted); padding: 1px 5px; border-radius: 4px; }
.nvim-wb:hover { background: var(--bg-hover); text-decoration: none; }
.nvim-wb.cur { color: var(--fg); font-weight: 600; }
.nvim-wb-ic { display: inline-flex; color: var(--chrome-accent); }
.nvim-wb-sep { color: var(--fg-faint); margin: 0 2px; }

/* lualine ----------------------------------------------------------------- */
.lualine { display: flex; align-items: stretch; height: 100%; font-family: var(--font-mono); font-size: 0.74rem; }
.lualine .ll { display: flex; align-items: center; gap: 6px; padding: 0 11px; white-space: nowrap; }
.lualine .ll .ic { width: 13px; height: 13px; }
.ll-mode { background: var(--chrome-accent); color: var(--mode-fg); font-weight: 700; letter-spacing: 0.05em; }
.ll-b { background: var(--bg-hover); color: var(--fg-muted); }
.ll-c { color: var(--fg-faint); padding-left: 13px; }
.ll-fill { flex: 1; }
.ll-y { background: var(--bg-hover); color: var(--fg-muted); }
.ll-x { background: var(--bg-inset); color: var(--fg-muted); }
.ll-z { background: var(--chrome-accent); color: var(--mode-fg); font-weight: 600; }
.ll-p { background: var(--bg-hover); padding: 0 9px; }

/* powerline separators (clip-path triangles so corners blend cleanly) */
.plr, .pll { width: 9px; align-self: stretch; position: relative; flex: none; }
.plr::before, .pll::before { content: ""; position: absolute; inset: 0; }
.plr::before { clip-path: polygon(0 0, 100% 50%, 0 100%); }
.pll::before { clip-path: polygon(100% 0, 0 50%, 100% 100%); }
.plr-mode { background: var(--bg-hover); } .plr-mode::before { background: var(--chrome-accent); }
.plr-b { background: var(--statusbar-bg); } .plr-b::before { background: var(--bg-hover); }
.pll-y { background: var(--statusbar-bg); } .pll-y::before { background: var(--bg-hover); }
.pll-x { background: var(--bg-hover); } .pll-x::before { background: var(--bg-inset); }
.pll-z { background: var(--bg-inset); } .pll-z::before { background: var(--chrome-accent); }
.pll-p { background: var(--chrome-accent); } .pll-p::before { background: var(--bg-hover); }

.lualine .picker { gap: 5px; }
.lualine .picker-ic, .lualine .picker-mode-label { display: none; }
.lualine .picker-theme, .lualine .picker-mode { padding: 0 4px; }