/* ===========================================================================
   nav-jetbrains.css · idiom: a navigation bar (breadcrumb) + toolbar (VCS
   widget, run, settings) on top, an editor-tab row (repo links) below, and a
   thin status bar at the bottom. Active only when body[data-nav="jetbrains"].
   =========================================================================== */
body[data-nav="jetbrains"] header.nav-top { background: var(--chrome-bg); }

.jb-toolbar { display: flex; align-items: center; gap: 10px; height: 35px; padding: 0 10px; background: var(--chrome-bg); border-bottom: 1px solid var(--chrome-border); }
.jb-navbar { display: flex; align-items: center; gap: 1px; flex: 1; min-width: 0; overflow: hidden; font-size: 0.8rem; }
.jb-nav-seg { display: flex; align-items: center; gap: 5px; color: var(--chrome-fg); padding: 2px 6px; border-radius: 4px; white-space: nowrap; }
.jb-nav-seg:hover { background: var(--bg-hover); text-decoration: none; }
.jb-nav-seg.cur { font-weight: 600; }
.jb-nav-ic { display: inline-flex; color: var(--chrome-accent); }
.jb-nav-ic .ic { width: 14px; height: 14px; }
.jb-nav-sep { display: inline-flex; color: var(--chrome-muted); }
.jb-nav-sep .ic { width: 13px; height: 13px; }

.jb-toolbar-r { display: flex; align-items: center; gap: 6px; flex: none; }
.jb-vcs { display: flex; align-items: center; gap: 6px; color: var(--chrome-fg); padding: 2px 9px; border: 1px solid var(--chrome-border); border-radius: 5px; font-size: 0.78rem; }
.jb-vcs .ic { width: 13px; height: 13px; color: var(--statusbar-accent); }
.jb-caret { color: var(--chrome-muted); font-size: 0.62rem; }
.jb-run, .jb-gear { display: inline-flex; align-items: center; justify-content: center; width: 27px; height: 27px; border: 0; background: transparent; color: var(--chrome-fg); cursor: pointer; border-radius: 5px; }
.jb-run { color: var(--statusbar-accent); }
.jb-run:hover, .jb-gear:hover { background: var(--bg-hover); }

.jb-tabs { display: flex; align-items: stretch; height: 33px; background: var(--bg-inset); border-bottom: 1px solid var(--chrome-border); overflow-x: auto; }
.jb-tab { display: flex; align-items: center; gap: 7px; padding: 0 14px; color: var(--chrome-muted); border-right: 1px solid var(--chrome-border); font-size: 0.8rem; white-space: nowrap; }
.jb-tab:hover { background: var(--bg-hover); text-decoration: none; }
.jb-tab.is-active { background: var(--bg); color: var(--fg); box-shadow: inset 0 -2px 0 var(--chrome-accent); }
.jb-tab-ic { display: inline-flex; color: var(--chrome-accent); }
.jb-tab-ic .ic { width: 14px; height: 14px; }

.jb-status { display: flex; align-items: center; height: 100%; padding: 0 6px; gap: 1px; font-size: 0.74rem; color: var(--statusbar-fg); }
.jb-sb-item { display: flex; align-items: center; gap: 5px; padding: 0 8px; color: var(--statusbar-fg); }
.jb-sb-item:hover { color: var(--fg); }
.jb-sb-grow { flex: 1; min-width: 0; }
.jb-sb-branch .ic { color: var(--statusbar-accent); }
.jb-status .ic { width: 13px; height: 13px; }
.jb-status .picker { padding: 0 6px; }