/* Кит: закладки и выпадающий список кабинета — закладки-папки .nest, подчёркнутые вкладки .tabs, строка подраздела .subbar, выпадающий список .sel (манифест, правило 14). Подключается в _Layout после kit.css. */
/* Три ступени вложенности отличаются видом (манифест, правило 14): 1 — закладки-папки (.nest__outer: игра, главный раздел), 2 — подчёркнутые вкладки
   (.tabs: раздел внутри; админка), 3 — переключатель .seg в строке содержимого (.subbar: подраздел страницы, фильтры). Переключатели и кнопки
   действий — только для фильтров и подразделов; навигацию по разделам делают закладки и вкладки. */
.nest{margin:0 0 20px}
/* Подпись над закладками: где ты («Поиск пати · Dota 2», «Моя активность»). */
.nest__crumb{margin:0 0 4px;font-size:13px;color:var(--text-muted)}
.nest__outer{display:flex;gap:3px;align-items:flex-end;padding:0 10px;overflow-x:auto;scrollbar-width:none}
/* Закладка-папка — один объект: название-ссылка и «?» внутри одной рамки (.has-hint), активная срастается с панелью. */
.nest__tab{position:relative;top:1px;display:inline-flex;align-items:center;gap:2px;padding-right:20px;border:1px solid var(--border-hairline);border-bottom:0;border-radius:12px 12px 0 0;background:var(--ink-850);color:var(--text-muted);font-size:15px;font-weight:700;white-space:nowrap}
.nest__tab>a{display:inline-flex;gap:8px;align-items:center;padding:10px 0 10px 20px;color:inherit;text-decoration:none}
.nest__tab.has-hint>a{padding-right:2px}
.nest__tab.has-hint{padding-right:14px}
.nest__tab:hover{color:var(--text-heading);border-color:var(--border-strong)}
.nest__tab.is-current{z-index:1;background:var(--ink-800);border-color:var(--border-strong);color:var(--text-heading);box-shadow:inset 0 3px 0 var(--accent)}
.nest__tab img{border-radius:5px}
.nest__tab .hint{margin-left:6px}
.nest__panel{border:1px solid var(--border-strong);border-radius:14px;background:var(--ink-800);padding:0 18px 18px;box-shadow:0 14px 30px -24px #000}
.nest__panel--bare{padding-top:16px}
.tabs__tab{display:inline-flex;align-items:center;gap:6px}
.tabs__tab img{border-radius:4px}
.nest__end .chip{display:inline-flex;align-items:center;padding:4px 12px;border:1px solid var(--border-strong);border-radius:999px;background:transparent;color:var(--text-body);font:inherit;font-size:13px;text-decoration:none;cursor:pointer}
.nest__end .chip:hover{color:var(--text-heading);border-color:var(--accent)}
.nest__end{margin-left:auto;display:flex;align-items:center;gap:8px;padding:0 4px 8px 12px}
.nest__panel>.tabs{margin-bottom:16px}
/* Рамка — у объекта (карточка анкеты, заявка, команда), а не у обёртки раздела: блоки раздела внутри панели-папки без своей рамки, соседние разделяет линия. */
.nest__panel>.card{padding:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;justify-items:stretch}
.nest__panel>.card:hover{transform:none;box-shadow:none;border-color:transparent}
.nest__panel>.card+.card{margin-top:22px;padding-top:20px;border-top:1px solid var(--border-hairline)}
@media (max-width:640px){.nest__outer{padding:0 4px}.nest__tab{padding-right:13px;font-size:14px}.nest__tab>a{padding:9px 0 9px 13px}.nest__panel{padding:0 10px 12px}}
/* Вторая ступень: подчёркнутые вкладки; «?» вкладки (NestTab.Hint) — сразу за её названием. */
.tabs{display:flex;align-items:flex-end;flex-wrap:wrap;gap:4px 22px;margin:0 0 16px;padding:0;border-bottom:1px solid var(--border-hairline)}
.tabs__tab{padding:14px 2px 11px;margin-bottom:-1px;border-bottom:3px solid transparent;color:var(--text-muted);font-size:14.5px;font-weight:700;line-height:1.3;white-space:nowrap;text-decoration:none}
.tabs__tab:hover{color:var(--text-heading)}
.tabs__tab[aria-selected="true"]{color:var(--text-heading);border-bottom-color:var(--accent)}
.tabs__tab .seg__count{margin-left:6px}
.tabs__hint{align-self:center;margin:0 0 4px -16px}
/* Третья ступень: строка подраздела — переключатель .seg, «?», ссылки и «Правила» (NestedTabsView.Sub, _SubTabs). */
.subbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;margin:0 0 14px}
.subbar__end{margin-left:auto;display:flex;align-items:center;gap:8px}
/* Выпадающий список .sel (SelectView, _Select) на всплывающем выборе .fpop: кнопка-«поле» и панель вариантов со значком и пояснением. */
.sel__btn{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;min-width:200px;min-height:36px;padding:0 12px;border:1px solid var(--border-strong);border-radius:10px;background:var(--ink-900);color:var(--text-heading);font:inherit;font-size:14px;cursor:pointer}
.sel__btn:hover,.sel.is-open>.sel__btn{border-color:var(--accent)}
.sel__btn.fchip{min-width:0;min-height:32px;height:32px;justify-content:flex-start}
.sel__btn svg:last-child{margin-left:auto;color:var(--text-muted)}
.sel__ico{display:inline-flex;flex:none;color:var(--text-muted)}
.sel__ico:empty{display:none}
.sel__ico img{width:20px;height:20px;object-fit:contain}
.sel__value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sel__panel{min-width:240px;gap:2px;padding:6px;max-height:min(420px,70vh);overflow-y:auto}
.sel__opt{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:8px;background:none;color:var(--text-body);font:inherit;text-align:left;text-decoration:none;cursor:pointer}
.sel__opt:hover,.sel__opt:focus-visible{background:rgba(255,255,255,.07);color:var(--text-heading);outline:none}
.sel__opt[aria-selected="true"]{background:color-mix(in srgb,var(--accent) 13%,transparent);color:var(--text-heading)}
.sel__opt[aria-selected="true"] .sel__ico{color:var(--accent)}
.sel__txt{display:grid;min-width:0}
.sel__title{font-weight:600;font-size:14px}
.sel__txt small{color:var(--text-muted);font-size:11.5px;line-height:1.3}