/* Дополнительные оформления сайта (подключены по решению владельца 02.11.2026):
   «Спокойный Кыпшак» (calm), «Рейд» (raid), «Деловой графит» (graphite), «Инженерный чертёж» (blueprint), «Телеком-корпоратив» (corporate), «Отчёт» (report).
   Основные — Кыпшак, ИТ и Телеком, Степь, Изумруд — в site.css. Устройство то же: токены, фон, эмблема (site.js), детали, дневная/ночная версии.
   Родная версия: Спокойный Кыпшак, Рейд и Чертёж — ночная, Графит, Корпоратив и Отчёт — дневная. */

/* ======================================================================
   Спокойный Кыпшак («рабочий режим»): цвета и шрифты Кыпшака без воинов, орнаментов и анимации фона
   ====================================================================== */
html[data-style="calm"] .emblem g[data-for="calm"]{display:inline}
html[data-style="calm"]{
  /* цвета — прежнего Кыпшака (войлок и бронза; закреплены здесь 03.11.2026, когда Кыпшак переделан под степное войско), шрифты — Кыпшака; заголовок скромнее */
  --bg:#14100c; --panel:#1b1510; --card:#1f1813;
  --fg:#eadfc8; --muted:#a6977c; --accent-hi:#dcb878; --accent2:#93402c;
  --line:rgba(176,138,74,.38); --hair:rgba(176,138,74,.16);
  --title-ls:.03em; --title-size:clamp(34px,8.4vw,80px); --accent:#c39a55;
}
html[data-style="calm"] .backdrop{background:var(--bg)}
html[data-style="calm"] .watermark{display:none}
html[data-style="calm"] .band{height:1px;max-width:420px;background:var(--line);opacity:1}
html[data-style="calm"] .rail-handle{background:var(--panel)}
html[data-style="calm"] .proj{background:var(--card)}
html[data-style="calm"] .rail-arrow{animation:none}
html[data-style="calm"][data-mode="day"]{
  color-scheme:light;
  --bg:#efe6d3; --panel:#e5d9c1; --card:#f7f0e2;
  --fg:#2a2017; --muted:#6e604c; --accent:#8a6326; --accent-hi:#6f4e1b; --accent2:#93402c;
  --line:rgba(138,99,38,.36); --hair:rgba(42,32,23,.12); --danger:#a8432c; --ok:#2f7a4c;
}


/* ======================================================================
   Рейд: ночная тактика, хаки, прицельная сетка
   ====================================================================== */
html[data-style="raid"] .emblem g[data-for="raid"]{display:inline}

/* ---------- Рейд: ночная тактика, хаки, прицельная сетка ---------- */
html[data-style="raid"]{
  color-scheme:dark;
  --bg:#0b0c0a; --panel:#121410; --card:#151813;
  --fg:#d2cdb6; --muted:#8d8977; --accent:#a8955f; --accent-hi:#dcc98f; --accent2:#c0533c;
  --line:rgba(168,149,95,.34); --hair:rgba(210,205,182,.11);
  --f-display:"Oswald","Roboto Condensed",Impact,sans-serif;
  --f-body:"Roboto Condensed","Arial Narrow",system-ui,sans-serif;
  --title-tt:uppercase; --title-ls:.02em; --title-lh:1.1; --title-w:600; --title-size:clamp(44px,11.4vw,118px);
  --nav-tt:uppercase; --nav-ls:.1em; --radius:0;
  --mon-a:#20241c; --mon-b:#0f120d; --mon-screen:#030803; --mon-text:#9cf27a;
}
html[data-style="raid"] .backdrop{background:
  repeating-radial-gradient(ellipse 120% 90% at 26% 36%,transparent 0 30px,rgba(168,149,95,.055) 31px 32px),
  repeating-radial-gradient(ellipse 90% 120% at 80% 74%,transparent 0 38px,rgba(168,149,95,.045) 39px 40px),
  radial-gradient(120% 120% at 50% 50%,transparent 45%,rgba(0,0,0,.75)),
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .82 0 0 0 0 .8 0 0 0 0 .7 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),var(--bg)}
html[data-style="raid"] .kicker::before{content:"[ "}
html[data-style="raid"] .kicker::after{content:" ]"}
html[data-style="raid"] .band{height:14px;max-width:560px;background:
  repeating-linear-gradient(90deg,var(--accent) 0 2px,transparent 2px 14px) left bottom/100% 8px no-repeat,
  repeating-linear-gradient(90deg,var(--accent) 0 2px,transparent 2px 70px) left bottom/100% 14px no-repeat,
  linear-gradient(var(--accent),var(--accent)) left bottom/100% 1px no-repeat;opacity:.85}
html[data-style="raid"] .proj,html[data-style="raid"] .auth-card,html[data-style="raid"] .ucard,html[data-style="raid"] .tile,html[data-style="raid"] .search-box{
  border-color:rgba(210,205,182,.10);background-color:var(--card);
  background-image:linear-gradient(var(--accent),var(--accent)),linear-gradient(var(--accent),var(--accent)),linear-gradient(var(--accent),var(--accent)),linear-gradient(var(--accent),var(--accent)),
    linear-gradient(var(--accent),var(--accent)),linear-gradient(var(--accent),var(--accent)),linear-gradient(var(--accent),var(--accent)),linear-gradient(var(--accent),var(--accent));
  background-size:16px 2px,2px 16px,16px 2px,2px 16px,16px 2px,2px 16px,16px 2px,2px 16px;
  background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%;background-repeat:no-repeat}
html[data-style="raid"] .prog-bar{height:10px;border-radius:0;background:repeating-linear-gradient(90deg,rgba(210,205,182,.10) 0 7px,transparent 7px 10px)}
html[data-style="raid"] .prog-bar i{border-radius:0;background:repeating-linear-gradient(90deg,var(--accent) 0 7px,transparent 7px 10px)}
html[data-style="raid"] .rail-links a::before{transform:none}
html[data-style="raid"] .rail-handle{background:repeating-linear-gradient(0deg,#151711 0 6px,#121410 6px 12px);border-right:1px dashed var(--line)}
html[data-style="raid"] .search-box input{font-family:var(--f-mono);font-size:15px;letter-spacing:.02em}
html[data-style="raid"] .foot-note::before{content:"ПОЗЫВНОЙ: БИРЖАН · КАНАЛ 7 · СВЯЗЬ УСТОЙЧИВАЯ"}
html[data-style="raid"] .title .t-pre{letter-spacing:.24em}
html[data-style="raid"] .monitor .frame{border-radius:4px;background:repeating-linear-gradient(135deg,var(--mon-a) 0 4px,var(--mon-b) 4px 8px)}

html[data-style="raid"]{--pill:0;--danger:#d0634a}

/* дневная версия */
html[data-style="raid"][data-mode="day"]{
  color-scheme:light;
  --bg:#d7d0bb; --panel:#ccc4ad; --card:#e2dcc9;
  --fg:#1c1e17; --muted:#575748; --accent:#5f5a33; --accent-hi:#3c391e; --accent2:#9b3b26;
  --line:rgba(63,60,31,.36); --hair:rgba(28,30,23,.12); --danger:#9b3b26; --ok:#2c6b3f;
}
html[data-style="raid"][data-mode="day"] .backdrop{background:
  repeating-radial-gradient(ellipse 120% 90% at 26% 36%,transparent 0 30px,rgba(63,60,31,.08) 31px 32px),
  repeating-radial-gradient(ellipse 90% 120% at 80% 74%,transparent 0 38px,rgba(63,60,31,.06) 39px 40px),
  radial-gradient(120% 120% at 50% 50%,transparent 55%,rgba(60,55,30,.22)),var(--bg)}
html[data-style="raid"][data-mode="day"] .rail-handle{background:repeating-linear-gradient(0deg,#c9c2ab 0 6px,#c1b9a0 6px 12px)}

/* казахская версия */
html[lang="kk"][data-style="raid"] .foot-note::before{content:"ШАҚЫРУ БЕЛГІСІ: БІРЖАН · 7-АРНА · БАЙЛАНЫС ТҰРАҚТЫ"}

/* ======================================================================
   Деловой графит: светло-серый, тёмно-синий акцент, IBM Plex — строго и спокойно
   ====================================================================== */
html[data-style="graphite"] .emblem g[data-for="graphite"]{display:inline}
html[data-style="graphite"]{
  color-scheme:light;
  --bg:#f2f3f5; --panel:#e8eaee; --card:#ffffff;
  --fg:#1b2430; --muted:#566170; --accent:#1f3d73; --accent-hi:#14294f; --accent2:#c28a1b;
  --line:rgba(27,36,48,.20); --hair:rgba(27,36,48,.09);
  --f-display:"IBM Plex Sans",system-ui,sans-serif;
  --f-body:"IBM Plex Sans",system-ui,sans-serif;
  --title-tt:none; --title-ls:-.015em; --title-lh:1.05; --title-w:600; --title-size:clamp(38px,9.6vw,92px);
  --nav-tt:none; --nav-ls:0; --radius:4px;
  --pill:4px; --danger:#b4372f; --ok:#2f8f5b;
  --mon-a:#d9dde3; --mon-b:#c3c9d2; --mon-screen:#0f141a; --mon-text:#9cc2ff;
}
html[data-style="graphite"] .backdrop{background:
  radial-gradient(80% 60% at 92% 0%,rgba(31,61,115,.07),transparent 60%),
  linear-gradient(180deg,#f6f7f9 0%,#f2f3f5 60%,#eceef2 100%)}
html[data-style="graphite"] .band{height:3px;max-width:520px;background:linear-gradient(var(--accent),var(--accent)) left center/96px 3px no-repeat,linear-gradient(var(--line),var(--line)) left center/100% 1px no-repeat}
html[data-style="graphite"] .proj{border-color:var(--hair);border-left:3px solid var(--accent);box-shadow:0 1px 2px rgba(16,24,40,.06),0 8px 24px rgba(16,24,40,.04)}
html[data-style="graphite"] .rail-handle{background:#e3e6eb}
html[data-style="graphite"] .rail-links a::before{transform:none;border-radius:2px}
html[data-style="graphite"] .foot-note::before{content:"Ясно · точно · в срок"}
html[lang="kk"][data-style="graphite"] .foot-note::before{content:"Анық · нақты · уақытында"}
html[data-style="graphite"][data-mode="night"]{
  color-scheme:dark;
  --bg:#12161c; --panel:#171c23; --card:#1b212a;
  --fg:#e6eaf0; --muted:#98a2b0; --accent:#8fb0e8; --accent-hi:#bdd0f3; --accent2:#e0b155;
  --line:rgba(143,176,232,.28); --hair:rgba(230,234,240,.09); --danger:#f08a7e; --ok:#86d4a6;
  --mon-a:#262d37; --mon-b:#161b22;
}
html[data-style="graphite"][data-mode="night"] .backdrop{background:radial-gradient(80% 60% at 92% 0%,rgba(143,176,232,.08),transparent 60%),var(--bg)}
html[data-style="graphite"][data-mode="night"] .rail-handle{background:#171c23}
html[data-style="graphite"][data-mode="night"] .proj{box-shadow:none}

/* ======================================================================
   Инженерный чертёж: синька, белые линии, сетка миллиметровки, размерные линии
   ====================================================================== */
html[data-style="blueprint"] .emblem g[data-for="blueprint"]{display:inline}
html[data-style="blueprint"]{
  color-scheme:dark;
  --bg:#0e3456; --panel:#0b2b48; --card:#0f385c;
  --fg:#eaf2fb; --muted:#a9c1da; --accent:#e8f1fb; --accent-hi:#ffffff; --accent2:#ffd27a;
  --line:rgba(234,242,251,.42); --hair:rgba(234,242,251,.16);
  --f-display:"Roboto Condensed","PT Sans",sans-serif;
  --f-body:"PT Sans",system-ui,sans-serif;
  --title-tt:uppercase; --title-ls:.03em; --title-lh:1.04; --title-w:500; --title-size:clamp(38px,9.8vw,96px);
  --nav-tt:uppercase; --nav-ls:.08em; --radius:0;
  --pill:0; --danger:#ffb3a6; --ok:#9fe3b4;
  --mon-a:#1a4a74; --mon-b:#0b2b48; --mon-screen:#061a2c; --mon-text:#cfe6ff;
}
html[data-style="blueprint"] .backdrop{background:
  linear-gradient(rgba(234,242,251,.12) 1px,transparent 1px) -1px -1px/50px 50px,
  linear-gradient(90deg,rgba(234,242,251,.12) 1px,transparent 1px) -1px -1px/50px 50px,
  linear-gradient(rgba(234,242,251,.045) 1px,transparent 1px) -1px -1px/10px 10px,
  linear-gradient(90deg,rgba(234,242,251,.045) 1px,transparent 1px) -1px -1px/10px 10px,
  radial-gradient(120% 120% at 50% 50%,transparent 60%,rgba(3,18,32,.45)),var(--bg)}
/* размерная линия: |<———>| */
html[data-style="blueprint"] .band{height:14px;max-width:560px;opacity:.9;background:
  linear-gradient(var(--fg),var(--fg)) left center/1px 14px no-repeat,linear-gradient(var(--fg),var(--fg)) right center/1px 14px no-repeat,
  linear-gradient(var(--fg),var(--fg)) left center/100% 1px no-repeat}
html[data-style="blueprint"] .proj{background:rgba(14,52,86,.55);border:1px solid var(--line);outline:1px solid var(--hair);outline-offset:4px}
html[data-style="blueprint"] .proj-name{text-transform:uppercase;letter-spacing:.04em}
html[data-style="blueprint"] .rail-handle{background:#0b2b48;border-right:1px dashed var(--line)}
html[data-style="blueprint"] .rail-links a::before{transform:none;border-radius:0;background:none}
html[data-style="blueprint"] .kicker::before{content:"⌀ "}
html[data-style="blueprint"] .search-box input{font-family:var(--f-mono);font-size:15px}
html[data-style="blueprint"] .foot-note::before{content:"Масштаб 1:1 · Лист 1 · Листов 3"}
html[lang="kk"][data-style="blueprint"] .foot-note::before{content:"Масштаб 1:1 · 1-парақ · Барлығы 3 парақ"}
html[data-style="blueprint"][data-mode="day"]{
  color-scheme:light;
  --bg:#f4f7fb; --panel:#e6edf5; --card:#ffffff;
  --fg:#0e3456; --muted:#4e6a87; --accent:#0e3456; --accent-hi:#1b5a94; --accent2:#b5651d;
  --line:rgba(14,52,86,.34); --hair:rgba(14,52,86,.12); --danger:#b0412e; --ok:#1f7a4a;
  --mon-a:#c9d6e4; --mon-b:#aebfd2;
}
html[data-style="blueprint"][data-mode="day"] .backdrop{background:
  linear-gradient(rgba(14,52,86,.10) 1px,transparent 1px) -1px -1px/50px 50px,
  linear-gradient(90deg,rgba(14,52,86,.10) 1px,transparent 1px) -1px -1px/50px 50px,
  linear-gradient(rgba(14,52,86,.035) 1px,transparent 1px) -1px -1px/10px 10px,
  linear-gradient(90deg,rgba(14,52,86,.035) 1px,transparent 1px) -1px -1px/10px 10px,var(--bg)}
html[data-style="blueprint"][data-mode="day"] .proj{background:rgba(255,255,255,.7)}
html[data-style="blueprint"][data-mode="day"] .rail-handle{background:#e6edf5}

/* ======================================================================
   Телеком-корпоратив: белый, корпоративный синий, Manrope, полоса сверху, сеть на фоне
   ====================================================================== */
html[data-style="corporate"] .emblem g[data-for="corporate"]{display:inline}
html[data-style="corporate"]{
  color-scheme:light;
  --bg:#ffffff; --panel:#f4f7fa; --card:#ffffff;
  --fg:#14212b; --muted:#56646f; --accent:#0a6fb5; --accent-hi:#075a93; --accent2:#1f9d6b;
  --line:rgba(10,111,181,.22); --hair:rgba(20,33,43,.08);
  --f-display:"Manrope",system-ui,sans-serif;
  --f-body:"Manrope",system-ui,sans-serif;
  --title-tt:none; --title-ls:-.025em; --title-lh:1.04; --title-w:700; --title-size:clamp(38px,9.8vw,96px);
  --nav-tt:none; --nav-ls:0; --radius:10px;
  --pill:999px; --danger:#c43d33; --ok:#1f9d6b;
  --mon-a:#dfe7ee; --mon-b:#c5d2de; --mon-screen:#071421; --mon-text:#7cc4ff;
}
html[data-style="corporate"] .backdrop{background:
  linear-gradient(var(--accent),var(--accent)) top/100% 4px no-repeat,
  radial-gradient(60% 50% at 96% 0%,rgba(10,111,181,.09),transparent 62%),
  radial-gradient(50% 40% at 0% 100%,rgba(31,157,107,.06),transparent 60%),var(--bg)}
html[data-style="corporate"] .band{height:4px;max-width:180px;border-radius:4px;background:linear-gradient(90deg,var(--accent),var(--accent2))}
html[data-style="corporate"] .proj{border-color:var(--hair);border-top:3px solid var(--accent);box-shadow:0 6px 20px rgba(10,60,100,.07)}
html[data-style="corporate"] .rail-handle{background:#f4f7fa}
html[data-style="corporate"] .rail-links a::before{transform:none;border-radius:50%}
html[data-style="corporate"] .search-box,html[data-style="corporate"] .search-box button{border-radius:999px}
html[data-style="corporate"] .foot-note::before{content:"Связь · надёжность · сервис"}
html[lang="kk"][data-style="corporate"] .foot-note::before{content:"Байланыс · сенімділік · сервис"}
html[data-style="corporate"][data-mode="night"]{
  color-scheme:dark;
  --bg:#0b1622; --panel:#0f1e2d; --card:#122436;
  --fg:#e3edf5; --muted:#8fa3b6; --accent:#3ea0e6; --accent-hi:#8cc8f2; --accent2:#3fcf98;
  --line:rgba(62,160,230,.30); --hair:rgba(227,237,245,.09); --danger:#ff8f80; --ok:#7fdcb0;
  --mon-a:#1b2b3c; --mon-b:#0e1a27;
}
html[data-style="corporate"][data-mode="night"] .backdrop{background:
  linear-gradient(var(--accent),var(--accent)) top/100% 4px no-repeat,
  radial-gradient(60% 50% at 96% 0%,rgba(62,160,230,.10),transparent 62%),var(--bg)}
html[data-style="corporate"][data-mode="night"] .proj{box-shadow:none}
html[data-style="corporate"][data-mode="night"] .rail-handle{background:#0f1e2d}

/* ======================================================================
   Отчёт: бумага, чернила, бордовый акцент, PT Serif — как аккуратный печатный отчёт
   ====================================================================== */
html[data-style="report"] .emblem g[data-for="report"]{display:inline}
html[data-style="report"]{
  color-scheme:light;
  --bg:#e6e3dc; --panel:#ddd9d0; --card:#fffdf8;
  --fg:#1f1d1a; --muted:#5a554d; --accent:#7a2e1f; --accent-hi:#5e2216; --accent2:#3d7a4f;
  --line:rgba(31,29,26,.24); --hair:rgba(31,29,26,.10);
  --f-display:"PT Serif",Georgia,serif;
  --f-body:"PT Sans",system-ui,sans-serif;
  --title-tt:none; --title-ls:0; --title-lh:1.08; --title-w:400; --title-size:clamp(36px,8.8vw,86px);
  --nav-tt:none; --nav-ls:0; --radius:0;
  --pill:0; --danger:#9b2f22; --ok:#3d7a4f;
  --mon-a:#d7d1c4; --mon-b:#bdb5a5; --mon-screen:#1a1714; --mon-text:#f0c7a0;
}
html[data-style="report"] .backdrop{background:
  radial-gradient(120% 90% at 50% 0%,rgba(255,253,248,.55),transparent 70%),
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .3 0 0 0 0 .22 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),var(--bg)}
/* двойная линейка, как в шапке отчёта */
html[data-style="report"] .band{height:6px;max-width:560px;background:linear-gradient(var(--fg),var(--fg)) top/100% 2px no-repeat,linear-gradient(var(--fg),var(--fg)) bottom/100% 1px no-repeat}
html[data-style="report"] .proj{border:0;border-top:2px solid var(--fg);background:var(--card);box-shadow:0 1px 3px rgba(0,0,0,.06),0 14px 34px rgba(60,50,30,.10)}
html[data-style="report"] .title .t-pre{font-style:italic;letter-spacing:0;text-transform:none}
html[data-style="report"] .kicker{font-family:var(--f-display);font-style:italic;font-size:15px;letter-spacing:0;text-transform:none}
html[data-style="report"] .rail-handle{background:#ddd9d0}
html[data-style="report"] .rail-links a::before{transform:none;width:14px;height:1px;border:0;background:var(--fg)}
html[data-style="report"] .foot-note::before{content:"Отчёт № 1 · экземпляр единственный"}
html[lang="kk"][data-style="report"] .foot-note::before{content:"№ 1 есеп · жалғыз дана"}
html[data-style="report"][data-mode="night"]{
  color-scheme:dark;
  --bg:#1a1815; --panel:#211e1a; --card:#25221d;
  --fg:#ece6da; --muted:#a59d8f; --accent:#d08a6f; --accent-hi:#e9ab92; --accent2:#8fbf9b;
  --line:rgba(236,230,218,.22); --hair:rgba(236,230,218,.08); --danger:#f0a08a; --ok:#8fbf9b;
  --mon-a:#2b2722; --mon-b:#1c1915;
}
html[data-style="report"][data-mode="night"] .backdrop{background:radial-gradient(120% 90% at 50% 0%,rgba(236,230,218,.05),transparent 70%),var(--bg)}
html[data-style="report"][data-mode="night"] .proj{box-shadow:none;border-top-color:var(--accent)}
html[data-style="report"][data-mode="night"] .rail-handle{background:#211e1a}