/* switcher.css — верхний бар рабочего пространства. Два варианта скина: --a и --b.
 * Тонкая полоса, прямоугольные кнопки-разделы. На семантических токенах core. */

/* ── База (общая для обоих вариантов) ──
   var() с fallback — бар самодостаточен: работает и без tokens.css хоста (напр. в админке),
   и с ним (на сайте подхватит --mm-*). Шрифты/движение продублированы как запасные значения. */
.mmbar{position:fixed;top:0;left:0;right:0;z-index:9000;display:flex;align-items:center;gap:14px;
  height:38px;padding:0 14px;font-family:var(--mm-font-ui,'Inter',system-ui,sans-serif);font-size:13px;line-height:1;
  overflow-x:auto;scrollbar-width:none;white-space:nowrap;user-select:none}
.mmbar::-webkit-scrollbar{display:none}
.mmbar-rail{display:flex;align-items:center;gap:12px;flex:1}
.mmbar-grp{display:flex;align-items:center;gap:6px}
.mmbar-brand{font-family:var(--mm-font-mono,'JetBrains Mono',monospace);font-size:10px;letter-spacing:.08em;text-transform:uppercase;opacity:.7;margin-right:2px}
.mmbar-btn{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;text-decoration:none;
  cursor:pointer;transition:background var(--mm-t-fast,120ms) var(--mm-ease,cubic-bezier(.2,.7,.2,1)),border-color var(--mm-t-fast,120ms) var(--mm-ease,cubic-bezier(.2,.7,.2,1)),color var(--mm-t-fast,120ms) var(--mm-ease,cubic-bezier(.2,.7,.2,1))}
.mmbar-btn.is-off{cursor:default;opacity:.45;pointer-events:none}
.mmbar-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}
.mmbar-bdg{font-family:var(--mm-font-mono,'JetBrains Mono',monospace);font-size:9px;text-transform:uppercase;letter-spacing:.04em;opacity:.8;padding:1px 5px;border-radius:999px}
.mmbar-mark{font-family:var(--mm-font-mono,'JetBrains Mono',monospace);font-size:11px;letter-spacing:.04em;flex-shrink:0;opacity:.85}
.mmbar-env{font-family:var(--mm-font-mono,'JetBrains Mono',monospace);font-size:10px;letter-spacing:.08em;flex-shrink:0;padding:2px 7px;border-radius:999px;margin-left:auto}
/* аккаунт сотрудника («кто ты») — справа */
.mmbar-acct{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;padding-left:10px;cursor:default}
.mmbar-ava{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  font-family:var(--mm-font-ui,'Inter',sans-serif);font-size:10px;font-weight:700;flex-shrink:0}
.mmbar-acct-t{display:flex;flex-direction:column;line-height:1.15}
.mmbar-acct-t b{font-size:11px;font-weight:600}
.mmbar-acct-t i{font-size:9px;font-style:normal;letter-spacing:.02em}
.mmbar-sep{width:1px;height:18px;flex-shrink:0}
/* Бар ФИКСИРОВАН сверху — никогда не пропадает (ни при скролле, ни нигде).
   Резервируем 38px паддингом и сдвигаем родные липкие/фикс-хедеры свойств под бар. */
body.mm-has-switcher{padding-top:38px}
.mm-has-switcher .app{height:calc(100vh - 38px)}   /* админка: грид-оболочка 100vh */
.mm-has-switcher .hdr{top:38px}                     /* сайт Maximus: фикс-хедер */
.mm-has-switcher .app-header{top:38px}              /* База знаний: липкий хедер */

/* ─────────────── ВАРИАНТ A — плоская серая полоса (твой) ─────────────── */
.mmbar--a{background:var(--mm-bg-3);border-bottom:1px solid var(--mm-line);color:var(--mm-text-2)}
.mmbar--a .mmbar-mark{color:var(--mm-text-3)}
.mmbar--a .mmbar-brand{color:var(--mm-text-3)}
.mmbar--a .mmbar-dot{display:none}                 /* без точек — плоско */
.mmbar--a .mmbar-btn{border:1px solid var(--mm-line-strong);border-radius:0;background:var(--mm-surface);color:var(--mm-text)}
.mmbar--a .mmbar-btn:hover{background:var(--mm-bg-2);border-color:var(--mm-text-3)}
.mmbar--a .mmbar-btn.is-on{background:var(--mm-text);border-color:var(--mm-text);color:var(--mm-surface)}
.mmbar--a .mmbar-bdg{background:var(--mm-bg-2);color:var(--mm-text-3)}
.mmbar--a .mmbar-sep{background:var(--mm-line-strong)}
.mmbar--a .mmbar-env{background:var(--mm-bg-2);color:var(--mm-text-3);border:1px solid var(--mm-line)}
.mmbar--a .mmbar-ava{background:var(--mm-text);color:var(--mm-surface)}
.mmbar--a .mmbar-acct-t b{color:var(--mm-text)}
.mmbar--a .mmbar-acct-t i{color:var(--mm-text-3)}

/* ─────────────── ВАРИАНТ B — графит + бренд-акценты + статус-точки (мой) ─────────────── */
.mmbar--b{background:#23262B;border-bottom:1px solid #000;color:#C7CDD5;
  box-shadow:0 1px 0 rgba(255,255,255,.04) inset}
.mmbar--b .mmbar-mark{color:#FFD600}
.mmbar--b .mmbar-brand{color:var(--mmbar-accent)}
.mmbar--b .mmbar-btn{border:1px solid rgba(255,255,255,.14);border-radius:3px;background:rgba(255,255,255,.02);color:#DDE2E8}
.mmbar--b .mmbar-btn:hover{border-color:rgba(255,255,255,.34);background:rgba(255,255,255,.06)}
.mmbar--b .mmbar-btn.is-on{background:var(--mmbar-accent);border-color:var(--mmbar-accent);color:#141414;font-weight:600}
/* статус-точки: зелёный=рабочий, янтарь=заглушка/wip, серый=скоро */
.mmbar--b .mmbar-btn .mmbar-dot{background:#3FB36A}
.mmbar--b .mmbar-btn.st-stub .mmbar-dot,
.mmbar--b .mmbar-btn.st-wip .mmbar-dot{background:#E0A33F}
.mmbar--b .mmbar-btn.st-pending .mmbar-dot{background:#71757D}
.mmbar--b .mmbar-bdg{background:rgba(255,255,255,.1);color:#C7CDD5}
.mmbar--b .mmbar-sep{background:rgba(255,255,255,.14)}
.mmbar--b .mmbar-env{background:rgba(63,179,106,.18);color:#7FE0A3;border:1px solid rgba(63,179,106,.3)}
.mmbar--b .mmbar-acct{border-left:1px solid rgba(255,255,255,.14);margin-left:4px}
.mmbar--b .mmbar-ava{background:#FFD600;color:#141414}
.mmbar--b .mmbar-acct-t b{color:#fff}
.mmbar--b .mmbar-acct-t i{color:#C7CDD5}