/* Минерва — общая шапка, меню аккаунта, панель папок. Подключается и на своих страницах, и в редакторе Docmost. */
/* Минерва — стиль как у Меркурия (формы, кнопки, карточки), акцент — золото. 08.10.2026 */
:root {
  color-scheme: light;
  --page:#f6f3ec; --surface:#ffffff; --ink:#1c170e; --ink-2:#5a5143; --muted:#8f8676;
  --grid:#ebe5d8; --axis:#d6cdb9; --ring:rgba(60,45,10,.08);
  --gold:#b8901f; --gold-hi:#c99f26; --gold-soft:#f5ecd2; --gold-ink:#8a6a0c; --gold-2:#e6cf86;
  --good:#3d7d4f; --bad:#c0392b;
  --chip:#efe9dc; --chip-on:#ffffff; --chip-on-ink:#1c170e;
  --shadow:0 1px 2px rgba(60,45,10,.04), 0 6px 22px rgba(60,45,10,.06);
  --top-h:64px;
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --page:#0e0c08; --surface:#1a1712; --ink:#f6f1e6; --ink-2:#cfc6b4; --muted:#968d7c;
  --grid:#2a2519; --axis:#3d3626; --ring:rgba(255,240,200,.08);
  --gold:#d4af37; --gold-hi:#e2bf4a; --gold-soft:#2a2414; --gold-ink:#e9c96a; --gold-2:#7d6726;
  --good:#6cc28a; --bad:#e8786a;
  --chip:#252016; --chip-on:#3a3222; --chip-on-ink:#f6f1e6; --shadow:none;
}
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) {
  color-scheme: dark;
  --page:#0e0c08; --surface:#1a1712; --ink:#f6f1e6; --ink-2:#cfc6b4; --muted:#968d7c;
  --grid:#2a2519; --axis:#3d3626; --ring:rgba(255,240,200,.08);
  --gold:#d4af37; --gold-hi:#e2bf4a; --gold-soft:#2a2414; --gold-ink:#e9c96a; --gold-2:#7d6726;
  --good:#6cc28a; --bad:#e8786a;
  --chip:#252016; --chip-on:#3a3222; --chip-on-ink:#f6f1e6; --shadow:none;
} }
/* ---------- шапка ---------- */
.mv-top { background:var(--surface); border-bottom:1px solid var(--grid); position:sticky; top:0; z-index:30; }
.mv-top-in { max-width:1180px; margin:0 auto; padding:0 12px; display:flex; align-items:center; gap:6px; min-height:var(--top-h); }
.mv-icon { width:42px; height:42px; border:0; background:none; border-radius:12px; display:grid; place-items:center; cursor:pointer; color:var(--ink); flex:none; }
.mv-icon:hover { background:var(--chip); }
.mv-icon svg { width:24px; height:24px; }
.mv-logo { display:inline-flex; align-items:center; gap:10px; color:var(--ink); text-decoration:none; font-weight:800;
  font-size:19px; letter-spacing:-.02em; flex:none; margin-left:4px; }
.mv-logo svg { width:34px; height:34px; display:block; }
.mv-tabs { display:flex; gap:4px; align-self:stretch; margin-left:22px; }
.mv-tabs a { position:relative; display:flex; align-items:center; padding:0 12px; text-decoration:none; font-size:15px; white-space:nowrap; }
.mv-tabs a:hover { color:var(--gold-ink); }
.mv-tabs a[aria-current="page"] { color:var(--gold-ink); font-weight:650; }
.mv-tabs a[aria-current="page"]::after { content:""; position:absolute; left:12px; right:12px; bottom:0; height:3px;
  border-radius:3px 3px 0 0; background:var(--gold); }
.mv-sp { flex:1; }
.mv-ava { width:38px; height:38px; border-radius:50%; border:0; cursor:pointer; padding:0; flex:none; overflow:hidden;
  background:var(--gold); color:#1c170e; font-weight:700; font-size:14px; display:grid; place-items:center; }
.mv-ava img { width:100%; height:100%; object-fit:cover; }
@media (max-width: 899px) {
  .mv-top-in { flex-wrap:wrap; padding:0 8px; min-height:0; }
  .mv-top-in > .mv-icon, .mv-top-in > .mv-logo, .mv-top-in > .mv-ava { margin-top:10px; margin-bottom:4px; }
  .mv-logo { font-size:18px; } .mv-logo svg { width:30px; height:30px; }
  .mv-tabs { order:9; width:100%; margin:0; min-height:44px; padding:0 2px; }
  .mv-tabs a { padding:0 10px; } .mv-tabs a[aria-current="page"]::after { left:10px; right:10px; }
}

/* меню аккаунта */
.mv-menu { position:fixed; top:calc(var(--top-h) - 6px); right:12px; z-index:60; min-width:240px; background:var(--surface);
  border-radius:18px; box-shadow:0 12px 40px rgba(0,0,0,.22), 0 0 0 1px var(--ring); padding:8px; display:none; }
.mv-menu.on { display:block; }
.mv-menu .who { padding:10px 12px 12px; border-bottom:1px solid var(--grid); margin-bottom:6px; }
.mv-menu .who b { display:block; } .mv-menu .who span { color:var(--muted); font-size:13px; }
.mv-menu a, .mv-menu button.it { display:flex; align-items:center; gap:10px; width:100%; text-align:left; padding:10px 12px;
  border:0; background:none; border-radius:12px; text-decoration:none; cursor:pointer; font-size:15px; }
.mv-menu a:hover, .mv-menu button.it:hover { background:var(--chip); }
.mv-menu .theme { padding:6px 12px 10px; }
.mv-menu .theme small { color:var(--muted); display:block; margin-bottom:6px; }
.mv-menu .danger { color:var(--bad); }

/* выдвижная панель с папками */
.mv-shade { position:fixed; inset:0; background:rgba(0,0,0,.35); z-index:50; display:none; }
.mv-shade.on { display:block; }
.mv-drawer { position:fixed; top:0; bottom:0; left:0; width:min(340px, 88vw); background:var(--surface); z-index:55;
  transform:translateX(-102%); transition:transform .22s ease, visibility .22s; visibility:hidden; padding:14px 10px 24px; overflow-y:auto;
  box-shadow:12px 0 40px rgba(0,0,0,.2); }
.mv-drawer.on { transform:none; visibility:visible; }
.mv-drawer h3 { margin:6px 10px 12px; font-size:13px; text-transform:uppercase; letter-spacing:.06em; color:var(--muted); font-weight:600; }
.mv-tree { list-style:none; margin:0; padding:0; }
.mv-tree ul { list-style:none; margin:0; padding:0 0 0 18px; }
.mv-tree .row { display:flex; align-items:center; gap:4px; }
.mv-tree .tw { width:28px; height:34px; border:0; background:none; cursor:pointer; color:var(--muted); flex:none; border-radius:8px; }
.mv-tree .tw[hidden] { visibility:hidden; display:block; }
.mv-tree a { flex:1; display:block; padding:7px 8px; border-radius:10px; text-decoration:none; font-size:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mv-tree a:hover { background:var(--chip); }


.mv-top, .mv-menu, .mv-drawer { font:15px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; color:var(--ink); box-sizing:border-box; }
.mv-top *, .mv-menu *, .mv-drawer * { box-sizing:border-box; }
.mv-top a, .mv-menu a, .mv-drawer a { color:inherit; }
.mv-menu .seg { display:inline-flex; background:var(--chip); border-radius:14px; padding:4px; gap:2px; }
.mv-menu .seg button { border:0; background:none; border-radius:10px; padding:7px 12px; min-height:34px; cursor:pointer; font:inherit; font-size:14px; color:var(--ink); }
.mv-menu .seg button[aria-pressed="true"] { background:var(--chip-on); color:var(--chip-on-ink); box-shadow:0 1px 3px rgba(0,0,0,.12); font-weight:600; }
.mv-tree .add { width:30px; height:30px; border:0; background:none; border-radius:9px; cursor:pointer; color:var(--muted); font-size:18px; flex:none; }
.mv-tree .add:hover { background:var(--chip); color:var(--gold-ink); }
.mv-drawer .home { display:flex; gap:10px; align-items:center; padding:8px 10px; border-radius:12px; text-decoration:none; font-weight:600; }
.mv-drawer .home:hover { background:var(--chip); }

/* ---------- окна Минервы (работают и в редакторе Docmost) ---------- */
dialog.mv-dlg { border:0; border-radius:24px; padding:0; width:min(460px, calc(100vw - 24px)); background:var(--surface); color:var(--ink);
  box-shadow:0 20px 60px rgba(0,0,0,.35); font:15px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; }
dialog.mv-dlg::backdrop { background:rgba(0,0,0,.4); }
.mv-dlg form { padding:20px; display:grid; gap:14px; margin:0; }
.mv-dlg h3 { margin:0; font-size:20px; font-weight:700; color:var(--ink); }
.mv-dlg input { font:inherit; font-size:16px; color:var(--ink); background:var(--page); border:1px solid var(--axis); border-radius:12px; padding:9px 12px; min-height:44px; width:100%; box-sizing:border-box; }
.mv-dlg input:focus { outline:2px solid var(--gold); outline-offset:0; border-color:transparent; }
.mv-dlg .acts { display:flex; gap:8px; justify-content:flex-end; flex-wrap:wrap; }
.mv-dlg .btn { border:0; border-radius:12px; background:var(--gold); color:#1c1405; font:inherit; font-weight:650; min-height:42px; padding:0 16px; cursor:pointer; font-size:15px; }
.mv-dlg .btn.sec { background:var(--chip); color:var(--ink); font-weight:500; }
.mv-dlg .btn.danger { background:var(--bad); color:#fff; }
.mv-dlg .muted { color:var(--muted); }
dialog.mv-sheet { width:min(420px, calc(100vw - 24px)); padding:8px; max-height:calc(100dvh - 24px); overflow-y:auto; }
@media (max-width: 600px) { dialog.mv-sheet { position:fixed; inset:auto 12px 12px 12px; margin:0; width:auto; max-width:none; } }
.sh { display:grid; gap:2px; }
.sh-t { padding:10px 14px 8px; color:var(--muted); font-size:13px; font-weight:600; text-transform:uppercase; letter-spacing:.05em; }
.sh-i { display:flex; justify-content:space-between; align-items:center; gap:10px; width:100%; border:0; background:none; text-align:left;
  padding:13px 14px; border-radius:14px; font-size:16px; cursor:pointer; color:var(--ink); }
.sh-i:hover { background:var(--chip); }
.sh-i.on { color:var(--gold-ink); font-weight:650; } .sh-i i { font-style:normal; color:var(--gold); }
.sh-i.danger { color:var(--bad); }
.sh-c { justify-content:center; color:var(--muted); margin-top:4px; border-top:1px solid var(--grid); border-radius:0 0 14px 14px; }
.sh-i:focus { outline:none; } .sh-i:focus-visible { background:var(--chip); }

/* Янус — те же компоненты, акцент оранжевый вместо золота */
:root.janus { --gold:#e8590c; --gold-hi:#f76707; --gold-soft:#fff1e3; --gold-ink:#c2410c; --gold-2:#ffc078; --page:#f8f6f4; --chip:#f1ede9; --axis:#ddd5cd; --grid:#ece6e0; }
:root.janus[data-theme="dark"] { --gold:#ff922b; --gold-hi:#ffa94d; --gold-soft:#3a2410; --gold-ink:#ffb36b; --gold-2:#a14c0a; --page:#0f0c0a; --surface:#1b1714; --chip:#2a221c; --axis:#46392f; --grid:#2b241e; }
@media (prefers-color-scheme: dark) { :root.janus:not([data-theme="light"]) { --gold:#ff922b; --gold-hi:#ffa94d; --gold-soft:#3a2410; --gold-ink:#ffb36b; --gold-2:#a14c0a; --page:#0f0c0a; --surface:#1b1714; --chip:#2a221c; --axis:#46392f; --grid:#2b241e; } }
:root.janus .btn { color:#fff; }