/* ═══════════════════════════════════════════════════════════════════
   LEX · AI Legal Workspace
   Дизайн-система «Обсидиан» - та же, что в G-Control: радиус 2px,
   волосяные линии вместо теней, тёмный сайдбар, лайм строго дозированно
   (выбранный пункт меню, главная кнопка, активная вкладка).
   Лайм непригоден для текста (1,1:1 на белом) - там тёмно-зелёный.
   Шрифты локальные: Google Fonts недоступен из части корпоративных сетей.
   ═══════════════════════════════════════════════════════════════════ */

@font-face{font-family:'Manrope';font-weight:500;font-display:swap;src:url('fonts/manrope-500-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Manrope';font-weight:500;font-display:swap;src:url('fonts/manrope-500-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:'Manrope';font-weight:700;font-display:swap;src:url('fonts/manrope-700-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Manrope';font-weight:700;font-display:swap;src:url('fonts/manrope-700-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:'Manrope';font-weight:800;font-display:swap;src:url('fonts/manrope-800-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Manrope';font-weight:800;font-display:swap;src:url('fonts/manrope-800-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:'Martian Mono';font-weight:400;font-display:swap;src:url('fonts/martian-mono-400-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Martian Mono';font-weight:400;font-display:swap;src:url('fonts/martian-mono-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:'Martian Mono';font-weight:500;font-display:swap;src:url('fonts/martian-mono-500-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Martian Mono';font-weight:500;font-display:swap;src:url('fonts/martian-mono-500-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2212}

:root{
  --paper:#F7F8F9; --surface:#FFFFFF; --surface-2:#FBFCFC;
  --obsidian:#16181C; --obsidian-2:#22262C;
  --ink:#191C21; --ink-2:#3B424B; --muted:#6C7480; --faint:#99A1AD;
  --hair:#E4E7EB; --hair-2:#D3D8DE; --hair-dk:#2E333A;
  --lime:#CBFF00; --lime-dim:#B8E600; --lime-wash:#EDF7C8; --green-ink:#5B7300;
  --steel:#2F6F8F; --steel-wash:#E7F0F5;
  --moss:#3D6B4A;
  --amber:#A96A0B; --amber-wash:#FBF0DC;
  --rust:#B4442A; --rust-wash:#F7E4E0;
  --mark:#FFF07A; --mark-2:#FFF9C4;
  --sans:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --mono:'Martian Mono',ui-monospace,'SF Mono',Menlo,Consolas,monospace;
  --r:2px;
  --dur-tint:80ms; --dur-instant:120ms; --dur-fast:180ms; --dur-base:280ms;
  --ease:cubic-bezier(.16,1,.3,1); --ease-exit:cubic-bezier(.4,0,.7,.2);
  --sb-w:236px;

  /* «Хром» интерфейса - сайдбар и терминал. Держим отдельными токенами,
     чтобы светлая тема меняла только их, не трогая рабочую область:
     лист документа и так всегда белый. */
  --sb-bg:var(--obsidian);
  --sb-fg:#DDE2E8;
  --sb-fg-2:#C8CED6;
  --sb-fg-3:#7C8492;
  --sb-hair:var(--hair-dk);
  --sb-hover:var(--obsidian-2);
  --sb-mark-bg:var(--lime);
  --sb-mark-fg:#111;
  --sb-name:#fff;

  --term-bg:var(--obsidian);
  --term-fg:#C8CED6;
  --term-fg-2:#8E96A2;
  --term-body:#DDE2E8;
  --term-strong:#fff;
  --term-code:#22262C;
  --term-in-bg:#101216;
  --term-in-fg:#E6EAEF;
  --term-hair:var(--hair-dk);
  --term-sig:var(--lime);
  --term-caret:var(--lime);
  --term-err:#E08A72;
}

body.light{
  --sb-bg:var(--surface);
  --sb-fg:var(--ink);
  --sb-fg-2:var(--ink-2);
  --sb-fg-3:var(--muted);
  --sb-hair:var(--hair);
  --sb-hover:var(--paper);
  --sb-mark-bg:var(--obsidian);
  --sb-mark-fg:var(--lime);
  --sb-name:var(--ink);

  --term-bg:var(--surface);
  --term-fg:var(--ink-2);
  --term-fg-2:var(--muted);
  --term-body:var(--ink);
  --term-strong:var(--ink);
  --term-code:var(--paper);
  --term-in-bg:var(--surface-2);
  --term-in-fg:var(--ink);
  --term-hair:var(--hair);
  --term-sig:var(--green-ink);
  --term-caret:var(--green-ink);
  --term-err:var(--rust);
}

*{margin:0;padding:0;box-sizing:border-box}
html,body{max-width:100%;overflow-x:clip;height:100%}
body{
  font-family:var(--sans);background:var(--paper);color:var(--ink);
  font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;
}
h1,h2,h3,h4{letter-spacing:-.03em;text-wrap:balance;font-weight:800}
::selection{background:var(--lime);color:#111}
button,input,textarea,select{font:inherit;color:inherit}
button{cursor:pointer;border:0;background:none}
a{color:inherit;text-decoration:none}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
.dt{font-family:var(--mono);font-size:9px;text-transform:uppercase;
    letter-spacing:.05em;color:var(--muted)}
:focus-visible{outline:2px solid var(--green-ink);outline-offset:1px}

/* ─────────────────────────── каркас ─────────────────────────── */
.app{display:grid;grid-template-columns:var(--sb-w) 1fr;height:100vh;overflow:hidden}

.sidebar{background:var(--sb-bg);color:var(--sb-fg);display:flex;flex-direction:column;
  overflow:hidden;border-right:1px solid var(--sb-hair);
  transition:background-color var(--dur-base) var(--ease)}
.sb-brand{padding:18px 16px 14px;border-bottom:1px solid var(--sb-hair)}
.sb-logo{display:flex;align-items:center;gap:10px}
.sb-mark{width:26px;height:26px;background:var(--sb-mark-bg);color:var(--sb-mark-fg);display:grid;
  place-items:center;font-weight:800;font-size:14px;border-radius:var(--r);flex:0 0 auto}
.sb-name{font-size:14px;font-weight:800;letter-spacing:-.02em;color:var(--sb-name)}
.sb-sub{font-family:var(--mono);font-size:8.5px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--sb-fg-3);margin-top:3px}

.sb-nav{flex:1;overflow-y:auto;padding:14px 10px}
.sb-lbl{font-family:var(--mono);font-size:8.5px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--sb-fg-3);padding:12px 8px 6px}
.sb-item{display:flex;align-items:center;gap:9px;width:100%;padding:8px 10px;
  border-radius:var(--r);color:var(--sb-fg-2);font-size:13px;font-weight:500;
  transition:background-color var(--dur-tint) var(--ease),color var(--dur-tint) var(--ease);
  text-align:left;border:1px solid transparent}
.sb-item:hover{background:var(--sb-hover);color:var(--sb-name)}
.sb-item.on{background:var(--lime);color:#111;font-weight:700}
.sb-item .ico{width:15px;height:15px;flex:0 0 auto;opacity:.9}
.sb-item .cnt{margin-left:auto;font-family:var(--mono);font-size:9px;
  padding:1px 5px;background:var(--sb-hover);border-radius:var(--r);color:var(--sb-fg-3)}
.sb-item.on .cnt{background:rgba(0,0,0,.14);color:#111}

.sb-foot{border-top:1px solid var(--sb-hair);padding:12px 14px;font-size:11px;color:var(--sb-fg-3)}
.sb-foot b{color:var(--sb-fg-2);font-weight:700}
.sb-pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);
  font-size:9px;letter-spacing:.05em;padding:3px 7px;border:1px solid var(--sb-hair);
  border-radius:var(--r);margin-bottom:9px}
.sb-pill::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--lime)}
.sb-pill.off::before{background:var(--sb-fg-3)}

.shell{display:flex;flex-direction:column;min-width:0;overflow:hidden}
.topbar{height:52px;flex:0 0 auto;background:var(--surface);
  border-bottom:1px solid var(--hair);display:flex;align-items:center;
  gap:14px;padding:0 20px}
.topbar h1{font-size:15px;font-weight:800;letter-spacing:-.03em}
.topbar .sub{font-size:12px;color:var(--muted);min-width:0;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}
.topbar .grow{flex:1}
.content{flex:1;overflow:hidden;min-height:0}
.view{display:none;height:100%;overflow:hidden}
.view.on{display:flex;flex-direction:column}
.scroll{overflow-y:auto;flex:1;min-height:0}
.pad{padding:22px}

/* ─────────────────────────── элементы ─────────────────────────── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;
  height:32px;padding:0 13px;border-radius:var(--r);font-size:12.5px;font-weight:700;
  letter-spacing:-.01em;border:1px solid var(--hair-2);background:var(--surface);
  color:var(--ink);transition:border-color var(--dur-fast) var(--ease),
  background-color var(--dur-fast) var(--ease),transform var(--dur-instant) var(--ease-exit)}
.btn:hover{border-color:var(--ink)}
.btn:active{transform:translateY(1px)}
.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}
.btn.primary{background:var(--lime);border-color:var(--lime);color:#111}
.btn.primary:hover{background:var(--lime-dim);border-color:var(--lime-dim)}
.btn.dark{background:var(--obsidian);border-color:var(--obsidian);color:#fff}
.btn.dark:hover{background:var(--obsidian-2);border-color:var(--obsidian-2)}
.btn.sm{height:26px;padding:0 9px;font-size:11px}
.btn.danger{color:var(--rust);border-color:var(--hair-2)}
.btn.danger:hover{border-color:var(--rust)}

.card{background:var(--surface);border:1px solid var(--hair);border-radius:var(--r)}
.card-h{padding:12px 16px;border-bottom:1px solid var(--hair);display:flex;
  align-items:center;gap:10px}
.card-h h3{font-size:13px;font-weight:800;letter-spacing:-.02em}
.card-h .grow{flex:1}
.card-b{padding:16px}

.tag{display:inline-flex;align-items:center;gap:4px;font-family:var(--mono);
  font-size:8.5px;text-transform:uppercase;letter-spacing:.04em;padding:2px 6px;
  border:1px solid var(--hair-2);border-radius:var(--r);color:var(--muted)}
.tag.lime{background:var(--lime-wash);border-color:#DCEBA8;color:var(--green-ink)}
.tag.steel{background:var(--steel-wash);border-color:#CFE0EA;color:var(--steel)}
.tag.amber{background:var(--amber-wash);border-color:#EEDCB8;color:var(--amber)}
.tag.rust{background:var(--rust-wash);border-color:#EDCBC3;color:var(--rust)}

.empty{padding:44px 22px;text-align:center;color:var(--muted);font-size:13px}
.empty b{display:block;color:var(--ink);font-size:14px;font-weight:800;margin-bottom:6px}

/* ─────────────────────────── терминал ─────────────────────────── */
.term{display:grid;grid-template-rows:1fr auto;height:100%;background:var(--term-bg);
  min-height:0;transition:background-color var(--dur-base) var(--ease)}
.term-log{overflow-y:auto;padding:22px 26px 8px;font-family:var(--mono);
  font-size:12px;line-height:1.75;color:var(--term-fg)}
.term-log::-webkit-scrollbar{width:9px}
.term-log::-webkit-scrollbar-thumb{background:var(--term-hair);border-radius:0}
.t-line{margin-bottom:12px;white-space:pre-wrap;word-break:break-word}
.t-line .who{color:var(--term-sig);font-weight:500}
.t-line.sys{color:var(--term-fg-2)}
.t-line.user .who{color:var(--steel)}
.t-line.err{color:var(--term-err)}
.t-line .body{display:block;margin-top:3px;color:var(--term-body);font-family:var(--sans);
  font-size:13.5px;line-height:1.62;white-space:pre-wrap}
.t-line .body b{color:var(--term-strong);font-weight:700}
.t-line .body code{font-family:var(--mono);font-size:11.5px;background:var(--term-code);
  padding:1px 5px;border-radius:var(--r)}
.t-step{color:var(--term-fg-2);font-size:11px;padding-left:14px;position:relative}
.t-step::before{content:'';position:absolute;left:2px;top:8px;width:5px;height:5px;
  background:var(--term-caret);border-radius:50%}
.caret{display:inline-block;width:7px;height:14px;background:var(--term-caret);
  vertical-align:-2px;animation:blink 1s step-end infinite}
@keyframes blink{50%{opacity:0}}

.term-in{border-top:1px solid var(--term-hair);background:var(--term-in-bg);padding:12px 20px 14px}
.term-row{display:flex;align-items:flex-end;gap:10px}
.term-row .sig{font-family:var(--mono);font-size:12px;color:var(--term-sig);
  padding-bottom:9px;flex:0 0 auto}
.term-row textarea{flex:1;background:transparent;border:0;resize:none;color:var(--term-in-fg);
  font-family:var(--mono);font-size:12.5px;line-height:1.6;max-height:150px;
  padding:8px 0;outline:none}
.term-row textarea::placeholder{color:var(--term-fg-2)}
.term-hint{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.chip{font-family:var(--mono);font-size:10px;color:var(--term-fg-2);border:1px solid var(--term-hair);
  padding:4px 8px;border-radius:var(--r);transition:all var(--dur-tint) var(--ease)}
.chip:hover{border-color:var(--term-sig);color:var(--term-sig)}

/* ─────────────────────────── библиотека ─────────────────────────── */
.lib{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:14px}
.doc-card{background:var(--surface);border:1px solid var(--hair);border-radius:var(--r);
  padding:15px;display:flex;flex-direction:column;gap:9px;
  transition:border-color var(--dur-fast) var(--ease)}
.doc-card:hover{border-color:var(--hair-2)}
.doc-card .row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.doc-card h4{font-size:13.5px;font-weight:800;letter-spacing:-.02em;line-height:1.35}
.doc-card p{font-size:12px;color:var(--muted);line-height:1.5}
.doc-card .acts{display:flex;gap:6px;margin-top:auto;padding-top:6px}

.drop{border:1px dashed var(--hair-2);border-radius:var(--r);background:var(--surface-2);
  padding:26px;text-align:center;transition:all var(--dur-fast) var(--ease);cursor:pointer}
.drop:hover,.drop.hot{border-color:var(--green-ink);background:var(--lime-wash)}
.drop b{display:block;font-size:13.5px;font-weight:800;margin-bottom:4px}
.drop span{font-size:12px;color:var(--muted)}

/* ─────────────────────────── редактор ─────────────────────────── */
.editor{display:grid;grid-template-columns:1fr 330px;height:100%;min-height:0}
.ed-main{display:flex;flex-direction:column;min-width:0;min-height:0;
  border-right:1px solid var(--hair)}
.ed-bar{flex:0 0 auto;background:var(--surface);border-bottom:1px solid var(--hair);
  padding:9px 18px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ed-bar .grow{flex:1}
.ed-stats{display:flex;gap:14px;align-items:center;font-family:var(--mono);font-size:9.5px;
  color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.ed-stats b{font-size:13px;color:var(--ink);font-weight:700;letter-spacing:0}

.paper{flex:1;overflow-y:auto;min-height:0;padding:30px 0 64px;background:var(--paper)}

/* ─────────────────── лист документа ───────────────────
   Типографская шкала: наименование - подзаголовок - реквизиты шапки -
   раздел - подраздел - пункт. Без неё договор читается как сплошная
   простыня одинакового кегля, и глаз не находит структуру. */
.sheet{max-width:840px;margin:0 auto;background:var(--surface);
  border:1px solid var(--hair);border-radius:var(--r);padding:56px 68px 64px;
  font-size:14.5px;line-height:1.68;color:var(--ink)}

.sheet .blk{margin-bottom:10px;text-align:justify;scroll-margin-top:80px;
  position:relative;border-radius:var(--r)}

.sheet .blk.title{font-size:19px;font-weight:800;letter-spacing:-.02em;
  line-height:1.28;text-align:center;text-transform:none;margin:0 0 6px}
.sheet .blk.title ~ .blk.title{margin-top:38px;padding-top:26px;
  border-top:1px solid var(--hair)}
.sheet .blk.subtitle{font-size:14.5px;font-weight:500;text-align:center;
  color:var(--ink-2);margin-bottom:4px;line-height:1.4}
.sheet .blk.meta{font-family:var(--mono);font-size:11px;letter-spacing:.02em;
  color:var(--muted);text-align:center;margin-bottom:6px}
.sheet .blk.meta.long{font-family:var(--sans);font-size:12.5px;letter-spacing:0;
  line-height:1.5;max-width:78%;margin-left:auto;margin-right:auto}
.sheet .blk.meta + .blk:not(.meta):not(.subtitle){margin-top:26px}

.sheet .blk.h1{font-size:14px;font-weight:800;letter-spacing:-.01em;
  text-transform:uppercase;text-align:left;margin:30px 0 12px}
.sheet .blk.h2{font-size:13.8px;font-weight:700;letter-spacing:-.01em;
  text-align:left;margin:20px 0 8px}

.sheet .blk.p{padding-left:2.6em;text-indent:-2.6em}
.sheet .blk.p:not(:has(.n)){padding-left:0;text-indent:0}
.sheet .blk .n{display:inline-block;min-width:2.4em;font-weight:700;
  text-indent:0}

.sheet .blk.li{padding-left:22px;text-align:left;margin-bottom:5px}
.sheet .blk.li::before{content:'';position:absolute;left:6px;top:11px;
  width:7px;height:1px;background:var(--hair-2)}

.sheet .blk.sign{font-size:13px;line-height:1.6;color:var(--ink-2);
  text-align:left;margin-bottom:4px}
.sheet .blk.sign:first-of-type{margin-top:14px}

.sheet .doc-tbl{width:100%;border-collapse:collapse;margin:14px 0 18px;
  font-size:12.5px;line-height:1.5;display:block;overflow-x:auto}
.sheet .doc-tbl tbody{display:table;width:100%}
.sheet .doc-tbl td{border:1px solid var(--hair);padding:7px 10px;
  vertical-align:top;text-align:left}
.sheet .doc-tbl tr:first-child td{background:var(--surface-2);font-weight:700}
.sheet .doc-tbl tr.touched td{background:#FFFDF0}
.sheet .doc-tbl tr.picked td{background:var(--lime-wash)}

.sheet .blk.touched{background:#FFFDF0;box-shadow:inset 3px 0 0 var(--amber);
  padding-top:8px;padding-bottom:8px;padding-right:12px;
  margin-left:-14px;margin-right:-12px;padding-left:calc(2.6em + 14px)}
.sheet .blk.touched.h1,.sheet .blk.touched.h2,.sheet .blk.touched.title,
.sheet .blk.touched.subtitle,.sheet .blk.touched.meta,
.sheet .blk.touched.sign{padding-left:14px;text-indent:0}
.sheet .blk.touched.li{padding-left:36px}
.sheet .blk.picked{box-shadow:inset 3px 0 0 var(--green-ink);background:var(--lime-wash)}
.sheet .blk.virtual{border:1px dashed var(--hair-2)}

del.rl{color:var(--rust);text-decoration:line-through;text-decoration-thickness:1px;
  background:var(--rust-wash)}
ins.rl{color:var(--steel);text-decoration:underline;text-decoration-thickness:1px;
  background:var(--mark);padding:0 1px;font-weight:500}
.sheet.clean del.rl{display:none}
.sheet.clean ins.rl{color:inherit;background:none;text-decoration:none;font-weight:inherit}
.sheet.clean .blk.touched{background:none;box-shadow:none;padding:0;margin-left:0;margin-right:0}

.ed-side{display:flex;flex-direction:column;min-height:0;background:var(--surface-2)}
.side-tabs{flex:0 0 auto;display:flex;border-bottom:1px solid var(--hair);background:var(--surface)}
.side-tab{flex:1;padding:11px 8px;font-size:11.5px;font-weight:700;color:var(--muted);
  border-bottom:2px solid transparent;transition:all var(--dur-fast) var(--ease)}
.side-tab.on{color:var(--ink);border-bottom-color:var(--lime)}
.side-body{flex:1;overflow-y:auto;min-height:0;padding:12px}

.rev{background:var(--surface);border:1px solid var(--hair);border-radius:var(--r);
  padding:11px 12px;margin-bottom:9px;cursor:pointer;
  transition:border-color var(--dur-fast) var(--ease)}
.rev:hover{border-color:var(--hair-2)}
.rev.picked{border-color:var(--green-ink);box-shadow:0 0 0 2px var(--lime-wash)}
.rev.gone{opacity:.45}
.rev .top{display:flex;align-items:center;gap:6px;margin-bottom:6px}
.rev .num{font-family:var(--mono);font-size:9.5px;color:var(--muted)}
.rev .txt{font-size:12px;line-height:1.5;color:var(--ink-2)}
.rev .basis{font-family:var(--mono);font-size:9px;color:var(--muted);margin-top:6px;
  padding-top:6px;border-top:1px solid var(--hair)}
.rev .acts{display:flex;gap:5px;margin-top:8px}

.kb-item{border:1px solid var(--hair);background:var(--surface);border-radius:var(--r);
  padding:10px 12px;margin-bottom:8px}
.kb-item .top{display:flex;align-items:center;gap:6px;margin-bottom:5px}
.kb-item .code{font-family:var(--mono);font-size:9.5px;color:var(--green-ink);font-weight:500}
.kb-item h5{font-size:12.5px;font-weight:800;letter-spacing:-.02em}
.kb-item p{font-size:11.5px;color:var(--ink-2);line-height:1.5}
.kb-item .basis{font-family:var(--mono);font-size:9px;color:var(--muted);margin-top:5px}

pre.xml{font-family:var(--mono);font-size:10.5px;line-height:1.65;background:var(--obsidian);
  color:#C8CED6;padding:16px;border-radius:var(--r);overflow-x:auto;white-space:pre}
pre.xml .tg{color:#9FC2D6}
pre.xml .ins{color:var(--lime)}
pre.xml .del{color:#E08A72}
pre.xml .cm{color:#69707C}

.bar{height:3px;background:var(--hair);border-radius:var(--r);overflow:hidden;flex:1}
.bar i{display:block;height:100%;background:var(--lime);transition:width var(--dur-base) var(--ease)}

.toast{position:fixed;right:18px;bottom:18px;z-index:1200;display:flex;
  flex-direction:column;gap:8px;max-width:360px}
.toast div{background:var(--obsidian);color:#E6EAEF;border-radius:var(--r);
  padding:11px 14px;font-size:12.5px;border-left:2px solid var(--lime);
  animation:slide var(--dur-base) var(--ease)}
.toast div.bad{border-left-color:var(--rust)}
@keyframes slide{from{opacity:0;transform:translateY(8px)}}

.modal{position:fixed;inset:0;background:rgba(22,24,28,.5);z-index:1100;
  display:none;align-items:center;justify-content:center;padding:24px}
.modal.on{display:flex}
.modal .box{background:var(--surface);border-radius:var(--r);max-width:880px;width:100%;
  max-height:86vh;display:flex;flex-direction:column;overflow:hidden}
.modal .box .h{padding:14px 18px;border-bottom:1px solid var(--hair);display:flex;
  align-items:center;gap:10px}
.modal .box .h h3{font-size:14px;font-weight:800;flex:1}
.modal .box .b{overflow:auto;padding:18px}

@media (max-width:1180px){
  .editor{grid-template-columns:1fr 290px}
  .sheet{padding:40px 40px 48px}
}
@media (max-width:900px){
  :root{--sb-w:64px}
  .sb-name,.sb-sub,.sb-lbl,.sb-item span,.sb-foot p{display:none}
  .sb-item{justify-content:center}
  .editor{grid-template-columns:1fr}
  .ed-side{display:none}
}

/* ─────────────────── генерация документов в терминале ───────────────────
   Карточки, форма и результат живут прямо в потоке терминала: юрист не
   уходит в отдельный экран, вся работа - в одной ленте. */

.gen{border:1px solid var(--term-hair);border-radius:var(--r);
  background:var(--term-in-bg);padding:14px;margin:4px 0 10px;
  font-family:var(--sans)}
.gen h4{font-size:13px;font-weight:800;color:var(--term-strong);margin-bottom:3px;
  letter-spacing:-.02em}
.gen .lead{font-size:12.5px;color:var(--term-fg-2);margin-bottom:12px}

.gen-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:8px}
.gen-card{text-align:left;border:1px solid var(--term-hair);border-radius:var(--r);
  padding:10px 12px;background:transparent;color:var(--term-body);
  transition:border-color var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease)}
.gen-card:hover{border-color:var(--term-sig);background:var(--term-code)}
.gen-card b{display:block;font-size:12.5px;font-weight:700;margin-bottom:3px}
.gen-card span{display:block;font-size:11.5px;color:var(--term-fg-2);line-height:1.45}
.gen-card i{display:block;font-family:var(--mono);font-size:8.5px;font-style:normal;
  text-transform:uppercase;letter-spacing:.06em;color:var(--term-fg-2);margin-bottom:5px}

.gen-form{display:grid;gap:9px}
.gen-field label{display:block;font-family:var(--mono);font-size:9px;
  text-transform:uppercase;letter-spacing:.05em;color:var(--term-fg-2);margin-bottom:4px}
.gen-field input,.gen-field textarea{width:100%;background:var(--term-bg);
  color:var(--term-in-fg);border:1px solid var(--term-hair);border-radius:var(--r);
  padding:7px 9px;font-size:12.5px;font-family:var(--sans);outline:none;resize:vertical}
.gen-field input:focus,.gen-field textarea:focus{border-color:var(--term-sig)}
.gen-acts{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap;align-items:center}
.gen-acts .note{font-size:11.5px;color:var(--term-fg-2)}

.gen-done{border-left:2px solid var(--lime)}
.gen-done .prev{margin:10px 0 12px;padding:12px 14px;background:var(--surface);
  border-radius:var(--r);max-height:230px;overflow:auto;color:var(--ink);
  font-size:12.5px;line-height:1.6}
.gen-done .prev div{margin-bottom:5px}
.gen-done .prev div.hh{font-weight:800;text-transform:uppercase;font-size:11.5px;
  margin:10px 0 6px}
.gen-done .prev .more{color:var(--muted);font-style:italic}

/* Лайм-точка в подписи сайдбара на белом фоне не читается. */
body.light .sb-pill::before{background:var(--green-ink)}
body.light .sb-item.on .ico{opacity:1}

/* Переключатель темы в шапке. */
.theme-btn{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;
  border:1px solid var(--hair);border-radius:var(--r);font-family:var(--mono);
  font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);
  transition:border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}
.theme-btn:hover{border-color:var(--ink);color:var(--ink)}