/* Стили страниц «Сверка ТЗ/КП» (развилка, поставщику, заказчику) — вынесены из sverka.html 30.09.2026. */
/* 01.10.2026: шрифты — свои, те же, что у кабинета (IBM Plex, /cabinet/fonts/), а не Google Fonts.
   Импорт здесь, а не только ссылкой в HTML: стили подключает и страница заказчику. */
@import url('/cabinet/fonts/fonts.css');
:root{
  --bg:#0c1119;--panel:rgba(255,255,255,.035);--border:rgba(255,255,255,.09);--border2:rgba(255,255,255,.17);
  --ink:#e7ecf3;--mut:#a6b0c0;--dim:#6a7688;--accent-soft:#93a9cf;--shadow:rgba(0,0,0,.42);
  --green:#5aa87f;--green-bg:rgba(90,168,127,.13);--amber:#c69a54;--amber-bg:rgba(198,154,84,.14);--red:#cf6b6b;--red-bg:rgba(207,107,107,.13);
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'IBM Plex Sans',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;font-size:17px;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body::before{content:'';position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(70% 60% at 50% -10%, rgba(95,127,176,.10), transparent 62%),linear-gradient(180deg,#0e141f 0%,var(--bg) 46%)}
a{color:var(--accent-soft);text-decoration:none}
.wrap{width:100%;max-width:1160px;margin:0 auto;padding:0 20px}
h1,h2,h3{line-height:1.15;letter-spacing:-.03em}
h1{font-size:40px;font-weight:800} h2{font-size:24px;font-weight:800} h3{font-size:18px;font-weight:700}
.muted{color:var(--mut)} .small{font-size:14px} .mono{font-family:'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace}
.btn{display:inline-block;background:linear-gradient(135deg,#6b86b8,#4f6fa0);color:#fff;border:0;border-radius:12px;padding:14px 22px;font:inherit;font-weight:700;font-size:16px;cursor:pointer;box-shadow:0 10px 34px var(--shadow),inset 0 1px 0 rgba(255,255,255,.25)}
.btn[disabled]{opacity:.45;cursor:not-allowed;box-shadow:none}
.btn.ghost{background:transparent;box-shadow:none;border:1px solid var(--border2);color:var(--ink);padding:9px 14px;font-size:14px}
section{padding:40px 0}
.kicker{display:inline-flex;align-items:center;gap:8px;color:var(--accent-soft);background:rgba(255,255,255,.04);border:1px solid var(--border);font-weight:600;font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;padding:6px 13px;border-radius:999px}
.glass{background:var(--panel);border:1px solid var(--border);border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.06)}
header.nav{position:sticky;top:0;z-index:30;background:rgba(7,11,20,.72);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:60px;gap:12px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;color:var(--ink);white-space:nowrap}
.brand .logo{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,#6b86b8,#4f6fa0);display:grid;place-items:center}
.brand .logo svg{width:18px;height:18px;stroke:#fff;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}
.brand b{color:var(--accent-soft)}
.navlinks{display:flex;align-items:center;gap:16px}
.navlinks>a,.navlinks>.dd>a{color:var(--mut);font-weight:600;font-size:14px}
.hero{padding:48px 0 16px;text-align:center}
.lead{color:var(--mut);font-size:18px;max-width:720px;margin:14px auto 0}
form.console{margin:26px auto 0;max-width:820px;padding:20px;text-align:left;display:grid;gap:14px}
.row2{display:grid;grid-template-columns:1fr 160px;gap:10px}
input[type=text]{background:rgba(0,0,0,.35);border:1px solid var(--border2);border-radius:12px;color:var(--ink);padding:13px 14px;font:inherit;font-size:16px;min-width:0;width:100%}
input[type=text]:focus{outline:none;border-color:var(--accent-soft)}
.drop{border:1px dashed var(--border2);border-radius:14px;padding:14px;background:rgba(0,0,0,.2)}
.drop b{display:block;margin-bottom:6px} .drop input{font:inherit;font-size:14px;color:var(--mut);max-width:100%}
.note{color:var(--mut);font-size:14px}
.result{max-width:1100px;margin:22px auto 0;padding:22px;text-align:left}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;font-weight:700;font-size:13px;border:1px solid var(--border2);white-space:nowrap}
.ok{color:var(--green);background:var(--green-bg)} .bad{color:var(--red);background:var(--red-bg)} .warn{color:var(--amber);background:var(--amber-bg)} .grey{color:var(--mut)}
table.rq{width:100%;border-collapse:collapse;font-size:14px;margin-top:10px}
table.rq th{text-align:left;color:var(--dim);font-weight:600;padding:8px;border-bottom:1px solid var(--border)}
table.rq td{padding:9px 8px;border-bottom:1px solid var(--border);vertical-align:top;overflow-wrap:anywhere}
table.rq td.why{color:var(--mut)}
.block{margin-top:22px} .block h3{margin-bottom:8px}
ul.plain{list-style:none;display:grid;gap:8px} ul.plain li{padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:rgba(0,0,0,.18);font-size:15px}
.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(16rem,100%),1fr))}
.grid li{list-style:none;padding:16px;background:var(--panel);border:1px solid var(--border);border-radius:14px;font-size:15px;color:var(--mut)}
.grid li b{color:var(--ink);display:block;margin-bottom:4px}
.paths{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:900px;margin:28px auto 0;text-align:left}
.path{display:block;padding:24px;border:1px solid var(--border2);border-radius:18px;background:var(--panel);color:var(--ink)}
.path:hover{border-color:var(--accent-soft);background:rgba(107,134,184,.10)}
.path b{display:block;font-size:22px;margin-bottom:6px} .path span{color:var(--mut);font-size:15px;display:block}
.path em{display:inline-block;margin-top:14px;color:var(--accent-soft);font-style:normal;font-weight:700}
.verdict{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;border-radius:14px;border:1px solid var(--border2);margin:12px 0}
.verdict.bad{background:var(--red-bg)} .verdict.ok{background:var(--green-bg)} .verdict.warn{background:var(--amber-bg)}
.verdict b{font-size:18px}
footer{padding:36px 0;border-top:1px solid var(--border);color:var(--mut);font-size:14px}
.scroll{overflow-x:auto}
@media (max-width:720px){.row2,.paths{grid-template-columns:1fr} h1{font-size:30px} table.rq{font-size:13px}}
/* на узком экране шапка короче, а строки требований — карточками (снимок на 390 px, 29.09) */
@media (max-width:560px){
  .navlinks a.hide-m{display:none}
  table.rq thead{display:none}
  table.rq,table.rq tbody,table.rq tr,table.rq td{display:block;width:auto}
  table.rq tr{border-bottom:1px solid var(--border);padding:8px 0}
  table.rq td{border:0;padding:3px 0}
  table.rq td:nth-child(2){font-weight:600}
  table.rq td:nth-child(3):not([colspan])::before{content:"В предложении: ";color:var(--dim)}
}
@media print{header.nav,form.console,.hero .lead,section.about,footer,.noprint{display:none!important} body{background:#fff;color:#000} .glass{box-shadow:none;border-color:#ccc;background:#fff} .muted,table.rq td.why{color:#333}}