/* Боковое меню: группы, поиск, компактный низ */
.nav-search{display:flex;align-items:center;gap:9px;width:100%;margin:0 0 8px;padding:8px 10px;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--border-subtle);color:var(--text-dim);font:inherit;font-size:13px;cursor:pointer;text-align:left}
.nav-search:hover{color:var(--text);border-color:var(--border)}
.nav-search svg{width:15px;height:15px;flex:none;stroke:currentColor}
.nav-search kbd{margin-left:auto;font-family:var(--mono,ui-monospace,monospace);font-size:11px;padding:1px 6px;border-radius:5px;border:1px solid var(--border-subtle);color:var(--text-dim)}

.nav-group{margin:0 0 2px}
.nav-gh{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:var(--r-sm);background:transparent;border:1px solid transparent;color:var(--text);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;text-align:left;transition:background .15s,color .15s}
.nav-gh:hover{background:var(--surface)}
.nav-gh > svg{width:16px;height:16px;flex:none;stroke:currentColor;opacity:.85}
.nav-gh .nav-chev{width:14px;height:14px;margin-left:0;opacity:.55;transition:transform .18s}
.nav-group.open .nav-chev{transform:rotate(180deg)}
.nav-group.has-on .nav-gh{color:var(--accent)}
.nav-cnt{margin-left:auto;font-size:11.5px;font-weight:400;color:var(--text-dim)}
.nav-dot{width:7px;height:7px;border-radius:50%;flex:none;background:var(--warn,#ebbd77);box-shadow:0 0 7px var(--warn,#ebbd77)}
.nav-dot[data-lvl="err"]{background:var(--err,#ee8b92);box-shadow:0 0 7px var(--err,#ee8b92)}
.nav-dot[hidden]{display:none}

.nav-gi{display:none;flex-direction:column;gap:2px;margin:2px 0 6px 17px;padding-left:9px;border-left:1px solid var(--border-subtle)}
.nav-group.open .nav-gi{display:flex;animation:navIn .16s ease both}
@keyframes navIn{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}
.nav-gi .nav-item{padding:6px 9px;font-size:13px}
.nav-gi .nav-item.on::before{left:-10px}
.nav-gi .nav-item svg{width:15px;height:15px}
.nav-gi .nav-ext{width:13px;height:13px;margin-left:auto;opacity:.55}

.nav-tools{display:flex;gap:6px;margin:2px 0}
.nav-tools .nav-tool{flex:1;width:auto !important;justify-content:center !important;padding:7px !important;gap:0}
.nav-tools .nav-tool span{display:none !important}
.nav-tools .nav-tool svg{width:16px;height:16px}

.nav-pal{position:fixed;inset:0;z-index:3000;display:flex;align-items:flex-start;justify-content:center;padding-top:14vh;background:rgba(2,6,23,.6)}
.nav-pal[hidden]{display:none}
.nav-pal-box{width:min(520px,92vw);background:var(--bg-2,#0f1521);border:1px solid var(--border);border-radius:16px;padding:12px;box-shadow:0 24px 70px rgba(0,0,0,.55)}
.nav-pal-box input{width:100%;padding:10px 12px;font-size:15px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text)}
.nav-pal-list{display:flex;flex-direction:column;gap:2px;margin:10px 0 8px;max-height:46vh;overflow:auto}
.nav-pal-it{display:flex;align-items:center;gap:11px;padding:8px 10px;border-radius:10px;cursor:pointer;color:var(--text-muted);font-size:14px}
.nav-pal-it svg{width:16px;height:16px;flex:none;stroke:currentColor}
.nav-pal-it small{margin-left:auto;font-size:12px;color:var(--text-dim)}
.nav-pal-it.on,.nav-pal-it:hover{background:var(--accent-muted);color:var(--accent)}
.nav-pal-empty{padding:14px 10px;color:var(--text-dim);font-size:14px}
.nav-pal-hint{font-size:12px;color:var(--text-dim);padding:2px 4px}
.nav-pal-hint kbd{font-family:var(--mono,ui-monospace,monospace);font-size:11px;border:1px solid var(--border-subtle);border-radius:4px;padding:0 5px;margin:0 2px}
@media (prefers-reduced-motion:reduce){.nav-group.open .nav-gi{animation:none}}

/* сброс «стеклянного» вида кнопок темы для заголовков групп и поиска */
button.nav-gh, button.nav-search{background:transparent !important;box-shadow:none !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;border-radius:var(--r-sm) !important;transform:none !important}
button.nav-gh{border:1px solid transparent !important}
button.nav-gh:hover{background:var(--surface) !important;transform:none !important}
button.nav-search{background:var(--surface) !important;border:1px solid var(--border-subtle) !important}
button.nav-gh:active, button.nav-search:active{transform:none !important}
.nav-gh .nav-chev{stroke-width:2.2}