/* OLD CABAL — фирменный стиль v8 «Золотой хай-тек» (knowledge/old_cabal_style.md) */
:root {
  --bg:#070706; --panel:#131109; --panel2:#0d0c08; --line:#2e2a18; --line2:#3a3520;
  --gold:#e8d279; --gold-hi:#f2e3a0; --gold-lo:#c8ac50; --gold-dim:#a89b6d;
  --text:#efe9d8; --muted:#6e6335; --faint:#57503a; --bad:#c0392b; --good:#e8d279;
}
* { box-sizing:border-box; }
html { scrollbar-color:#8a7a3a #131109; scrollbar-width:thin; }
::-webkit-scrollbar { width:10px; height:10px; }
::-webkit-scrollbar-track { background:#131109; }
::-webkit-scrollbar-thumb { background:linear-gradient(180deg,#c8ac50,#8a7a3a); border:2px solid #131109; border-radius:5px; }
::-webkit-scrollbar-thumb:hover { background:#e8d279; }
::-webkit-scrollbar-button { display:none; }

body {
  margin:0; font:15px/1.5 "Segoe UI", system-ui, sans-serif; color:var(--text);
  background-color:var(--bg);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100' viewBox='0 0 56 100'%3E%3Cpath d='M28 66L0 50V16l28-16 28 16v34zM28 100l28-16V50L28 66 0 84v-0z' fill='none' stroke='%231c1a10' stroke-width='1'/%3E%3C/svg%3E");
}

header { background:#0d0c08; border-bottom:1px solid var(--line2); }
.wrap { max-width:960px; margin:0 auto; padding:0 16px; }
nav { display:flex; gap:20px; align-items:center; min-height:64px; flex-wrap:wrap; padding:8px 0; }
nav .brand { margin-right:auto; display:flex; align-items:center; }
nav .brand img { height:42px; display:block; }
nav a { color:var(--gold-dim); text-decoration:none; font-size:13px; letter-spacing:1px; text-transform:uppercase; }
nav a:hover { color:var(--gold); }

main { padding:28px 0 56px; }

.card {
  background:var(--panel); border:1px solid var(--line2); border-radius:2px;
  padding:18px 20px; margin-bottom:16px;
}
h1 { font-size:24px; margin:0 0 14px; color:var(--text); }
h2 { font-size:17px; margin:0 0 10px; color:var(--gold); letter-spacing:1px; }
.muted { color:var(--muted); } .bad { color:var(--bad); } .good { color:var(--good); }
main a { color:var(--gold-dim); } main a:hover { color:var(--gold); }
main a.btn, main a.btn:hover { color:#1a1508; }
main a.btn.ghost, main a.btn.ghost:hover { color:var(--gold-dim); }

form.f { display:grid; gap:12px; max-width:380px; }
label { display:grid; gap:4px; font-size:13px; color:var(--gold-dim); letter-spacing:.5px; }
input, textarea {
  font:inherit; padding:9px 12px; border:1px solid var(--line2); border-radius:2px;
  background:var(--panel2); color:var(--text); width:100%;
}
input:focus, textarea:focus { outline:none; border-color:var(--gold-lo); }
textarea { min-height:160px; }

button, .btn {
  font:inherit; font-weight:700; letter-spacing:1px; padding:10px 26px; border:0; cursor:pointer;
  background:linear-gradient(180deg,var(--gold-hi),var(--gold-lo)); color:#1a1508;
  clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);
  text-decoration:none; display:inline-block; text-transform:uppercase; font-size:13px;
}
button:hover, .btn:hover { filter:brightness(1.12); }
button.link { background:none; color:var(--bad); padding:0; clip-path:none; text-transform:none; letter-spacing:0; }
.btn.ghost {
  background:var(--panel); color:var(--gold-dim); border:1px solid var(--line2);
}
.btn.ghost:hover { color:var(--gold); filter:none; }

table { width:100%; border-collapse:collapse; font-size:14px; }
th, td { text-align:left; padding:8px 10px; border-bottom:1px solid var(--line); }
th { color:var(--muted); font-weight:600; font-size:12px; letter-spacing:1px; text-transform:uppercase; }
td.num, th.num { text-align:right; font-variant-numeric:tabular-nums; }

.dot { display:inline-block; width:8px; height:8px; border-radius:50%; background:var(--good); box-shadow:0 0 8px var(--good); }
.news-body { white-space:pre-wrap; }
.grid2 { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
@media (max-width:720px) { .grid2 { grid-template-columns:1fr; } nav { gap:12px; } }
.scroll { overflow-x:auto; }

footer { color:var(--faint); font-size:11px; letter-spacing:2px; text-align:center; padding:22px 0 30px; }

/* ===== Встроенный режим (сайт внутри лаунчера, панель ~600px) ===== */
body.embedded main { padding:10px 0 18px; }
body.embedded .wrap { padding:0 10px; max-width:none; }
.embed-bar {
  display:flex; align-items:center; gap:10px; flex-wrap:wrap;
  padding:8px 12px; background:#0d0c08; border-bottom:1px solid var(--line2);
}
.embed-bar img { height:30px; }
.embed-nav { display:flex; gap:12px; flex-wrap:wrap; margin-left:auto; }
.embed-nav a { color:var(--gold-dim); text-decoration:none; font-size:12px; letter-spacing:.5px; text-transform:uppercase; }
.embed-nav a:hover { color:var(--gold); }
body.embedded .card { padding:14px 14px; margin-bottom:10px; }
body.embedded h1 { font-size:19px; }
body.embedded h2 { font-size:15px; }
body.embedded table { font-size:12.5px; }
body.embedded th, body.embedded td { padding:6px 6px; }
body.embedded form.f { max-width:none; }

/* ===== Панель кнопок в лаунчере (стиль «Старт») ===== */
.embed-bar {
  display:flex; align-items:center; justify-content:center; gap:10px; flex-wrap:wrap;
  padding:10px; background:#0d0c08; border-bottom:1px solid var(--line2);
}
.btn.ebtn { font-size:12px; padding:8px 18px; }
.eadmin { color:var(--faint); font-size:11px; text-decoration:none; align-self:center; }
.eadmin:hover { color:var(--gold); }

/* плотные кнопки в одну строку */
.embed-bar { gap:8px; padding:8px; }
.btn.ebtn { font-size:11px; padding:7px 13px; }

/* друзья и чаты */
.frow { display:flex; align-items:center; gap:10px; padding:7px 0; border-top:1px solid var(--line); }
.frow .fname { flex:1; }
.frow a { font-size:12px; }
.dot { width:8px; height:8px; border-radius:50%; display:inline-block; }
.dot.on { background:#e8d279; box-shadow:0 0 6px #e8d279; }
.dot.off { background:#3a3520; }
.inline { display:inline; }
.chat { max-height:380px; overflow-y:auto; display:flex; flex-direction:column; gap:8px; }
.msg { padding:8px 10px; border:1px solid var(--line); background:var(--panel2); max-width:88%; }
.msg.me { align-self:flex-end; border-color:var(--line2); }
.msg .who { color:var(--gold); font-size:12px; margin-right:8px; }
.msg .when { font-size:10px; }
.msg .text { margin-top:3px; white-space:pre-wrap; word-break:break-word; }

/* ICQ-вид друзей */
.fq { width:100%; padding:8px 10px; border:1px solid var(--line2); background:var(--panel2); color:var(--text); margin-bottom:14px; }
.fq:focus { outline:none; border-color:var(--gold-lo); }
.sect { font-size:13px; color:var(--gold-dim); letter-spacing:1px; margin:14px 0 6px; border-bottom:1px solid var(--line); padding-bottom:4px; }
.frow.offline { opacity:.5; }
.frow.clickable { cursor:pointer; }
.frow.clickable:hover { background:#1a160b; }

/* панель никнейма и мелкие списки */
.mebar { display:flex; align-items:center; gap:12px; padding:6px 2px 12px; font-size:14px; }
.mebar .fname { color:var(--gold); font-weight:600; }
.frow { font-size:12px; padding:5px 0; }
.frow .fname { font-size:12px; }