/* Единый стиль страниц для сотрудников «ИТ·СЕРВИСЫ». Источник — n8n-kit.js (дизайн, вариант 1a); собирается gen.js, руками не править. */
:root{--ink:#1d2026;--paper:#fff;--soft:#f7f8f9;--line:#e8e9eb;--acc:#2f5d8a;--acc-l:#e4edf6;--red:#d93a2b;--muted:#6b6f76}*{box-sizing:border-box}body{margin:0;background:#f1f2f3;color:var(--ink);font:16px/1.5 "Golos Text",Arial,Helvetica,sans-serif;-webkit-text-size-adjust:100%}a{color:var(--acc)}a:hover{color:var(--ink)}.page{position:relative;max-width:980px;margin:0 auto;background:var(--paper);border-left:1px solid var(--line);border-right:1px solid var(--line);min-height:100vh}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 28px;border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:12px;font-weight:700;font-size:20px;letter-spacing:.32em}.logo .lt{line-height:1.1}.logo .sl{font-size:12px;font-weight:400;letter-spacing:0;color:var(--muted);line-height:1.2;margin-top:2px}.logo svg{width:42px;height:auto;flex:none;color:var(--acc)}.who{display:flex;align-items:center;gap:16px;text-align:right}.who .nm{font-size:18px;font-weight:700;line-height:1.2}.who .st{display:inline-block;margin-top:5px;background:var(--acc);color:#fff;padding:3px 10px;font-size:13px;font-weight:600}.who form{margin:0}.btn-out{background:#fff;color:var(--ink);border:1px solid var(--ink);padding:9px 16px;font-family:inherit;font-weight:600;font-size:13px;line-height:1;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.btn-out:hover{background:var(--ink);color:#fff}.hero{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:center;padding:28px;background:var(--acc-l)}.hero>*{min-width:0}.hero .deco{order:2;display:block;width:360px;height:auto}.kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--acc);font-weight:600}h1{margin:6px 0 4px;font-size:28px;line-height:1.15;font-weight:700;letter-spacing:.02em;text-transform:uppercase}h2{font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin:28px 0 10px}.sub{color:#3d4047}.body{padding:28px}.grid{display:grid;grid-template-columns:1.4fr 1fr;gap:28px}.grid>*{min-width:0}label{display:block;font-size:13px;font-weight:600;margin:0 0 6px}input[type=text],input[type=password],input[type=number],input[type=date],input[type=month],input[type=email],input[type=file],select,textarea{width:100%;border:1px solid #cfd1d4;background:#fff;padding:12px 14px;font:inherit;color:inherit;border-radius:0}input[type=file]{border-style:dashed;background:var(--soft)}textarea{min-height:130px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid var(--acc);border-color:var(--acc)}.btn{display:inline-block;background:var(--ink);color:#fff;border:1px solid var(--ink);padding:12px 26px;font-family:inherit;font-weight:600;font-size:14px;line-height:1;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.btn-line{background:#fff;color:var(--ink)}form.inline{display:inline-block;margin:0 8px 8px 0}.hint{font-size:13px;color:var(--muted);margin-top:6px}.card{border:1px solid var(--line);background:var(--soft);padding:20px}.tag{display:inline-block;background:var(--acc);color:#fff;padding:2px 10px;font-size:13px;font-weight:600}.pill{display:inline-block;padding:2px 8px;font-size:12px;font-weight:600;background:var(--acc-l);color:var(--acc)}.pill.bad{background:#fdf0ef;color:var(--red)}.err{border-left:3px solid var(--red);background:#fdf0ef;padding:12px 14px;margin:0 0 16px;font-size:14px}.ok{border-left:3px solid var(--acc);background:var(--acc-l);padding:12px 14px;margin:0 0 16px;font-size:14px}table.rate{width:100%;border-collapse:collapse;font-size:14px}table.rate th{text-align:left;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border-bottom:2px solid var(--ink);padding:8px 6px}table.rate td{border-bottom:1px solid var(--line);padding:10px 6px;overflow-wrap:anywhere;vertical-align:top}table.rate td.n{text-align:right;font-weight:600;white-space:nowrap}table.rate tr.me td{background:var(--acc-l);font-weight:600}.foot{padding:14px 28px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}@media (max-width:760px){.grid{grid-template-columns:1fr}h1{font-size:22px}.top,.hero,.body{padding:18px 16px}.foot{padding:14px 16px}.top{flex-wrap:wrap}.who{width:100%;justify-content:space-between;text-align:left}.hero{grid-template-columns:1fr}.hero .deco{display:none}}
body.sc-contest{background-image:url(bg-contest.svg);background-repeat:repeat;background-attachment:fixed}
body.sc-kpi{background-image:url(bg-kpi.svg);background-repeat:repeat;background-attachment:fixed}
body.sc-materials{background-image:url(bg-materials.svg);background-repeat:repeat;background-attachment:fixed}
body.sc-upd{background-image:url(bg-upd.svg);background-repeat:repeat;background-attachment:fixed}
body.sc-marking{background-image:url(bg-marking.svg);background-repeat:repeat;background-attachment:fixed}
body.sc-home{background-image:url(bg-home.svg);background-repeat:repeat;background-attachment:fixed}
body.sc-login{background-image:url(bg-login.svg);background-repeat:repeat;background-attachment:fixed}
body.sc-projects{background-image:url(bg-projects.svg);background-repeat:repeat;background-attachment:fixed}
a.logo{color:inherit;text-decoration:none}a.logo:hover{color:inherit}.logo img{width:42px;height:auto;flex:none;display:block}
.crumb{display:inline-block;font-size:13px;font-weight:600;text-decoration:none;margin:0 0 10px}.crumb:hover{text-decoration:underline}
.who a.btn-out{text-decoration:none;display:inline-block}
.field{margin:0 0 16px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0}.actions form{margin:0}.btn:hover{background:#000}.btn-line:hover{background:var(--ink);color:#fff}.btn[disabled]{opacity:.5;cursor:default}
a.btn{text-decoration:none}a.btn:hover{color:#fff}a.btn-line:hover{color:#fff}
.muted{color:var(--muted)}.small{font-size:13px}.warn{border-left:3px solid #d1a12a;background:#fbf4e2;padding:12px 14px;margin:0 0 16px;font-size:14px}
code,kbd{font-family:inherit;background:var(--soft);border:1px solid var(--line);padding:0 4px}
ol.steps,ul.list{padding-left:20px;margin:8px 0}ol.steps li,ul.list li{margin:4px 0}
.tablewrap{overflow-x:auto}
.hero{row-gap:0}.hero>:not(.deco){grid-column:1}.hero .deco{grid-column:2;grid-row:1/span 8}
.who .ps{font-size:13px;color:var(--muted);margin-top:3px}
.steps{display:grid;grid-template-columns:1fr 1fr;gap:24px}.steps>*{min-width:0}.task{border:1px solid var(--line);background:var(--soft);padding:20px}.task h2{margin-top:0}
.step-n{display:inline-block;width:24px;height:24px;line-height:24px;text-align:center;background:var(--ink);color:#fff;font-weight:700;margin-right:10px;letter-spacing:0}
.note{font-size:14px;color:var(--muted);margin:0 0 16px}.back{margin-top:24px}
@media (max-width:760px){.steps{grid-template-columns:1fr;gap:16px}.task{padding:16px}table.rate{font-size:13px}table.rate .hm{display:none}table.rate th,table.rate td{padding-left:4px;padding-right:4px}table.stack,table.stack tbody,table.stack tr,table.stack td{display:block;width:auto}table.stack tr.hd{display:none}table.stack tr{border-bottom:1px solid var(--line);padding:12px 0}table.stack td{border:0;padding:2px 0}table.stack td.n,table.stack td.sc{display:inline-block;width:auto;text-align:left;margin:8px 14px 0 0;padding:0}table.stack td[data-l]::before{content:attr(data-l) " ";color:var(--muted);font-weight:500}.tablewrap{margin:0 -16px;padding:0 16px}}
.top{padding:10px 28px}.logo{font-size:18px}.logo img{width:34px}.who .nm{font-size:16px}.who .st{margin-top:3px}.btn-out{padding:7px 14px}
.hero{display:block;position:relative;padding:14px 292px 14px 28px;min-height:92px}.hero .deco{position:absolute;right:28px;top:50%;transform:translateY(-50%);width:240px;height:auto}
h1{font-size:24px;margin:4px 0 2px}.kicker{font-size:11px}.crumb{margin:0 0 4px;font-size:12px}.sub{font-size:15px}.body{padding:22px 28px}
a.tile{min-height:64px;padding:10px 16px}a.tile img{width:44px;height:38px}
@media (max-width:760px){.top,.hero{padding:10px 16px}.hero{min-height:0}.body{padding:16px}h1{font-size:20px}}
.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tiles>*{min-width:0}
a.tile{display:flex;align-items:center;gap:16px;min-height:84px;border:1px solid var(--line);background:#fff;padding:14px 18px;color:var(--ink);text-decoration:none;font-weight:600;font-size:16px;line-height:1.25}
a.tile:hover,a.tile:focus-visible{border-color:var(--acc);background:var(--acc-l);color:var(--ink);outline:none}a.tile img{width:56px;height:48px;object-fit:contain;flex:none}
.narrow form label{margin:16px 0 6px}.narrow form label:first-of-type{margin-top:0}.narrow p{margin:0 0 12px}
.narrow{max-width:440px}.narrow .btn{width:100%;padding:14px 26px}.narrow .actions{flex-direction:column}
@media (max-width:760px){.tiles{gap:10px}a.tile{gap:10px;padding:10px 12px;min-height:72px;font-size:15px}a.tile img{width:40px;height:36px}}
@media (max-width:340px){.tiles{grid-template-columns:1fr}}
html:has(body>.page){padding-top:0!important}body:has(>.page)>.ai-bar{display:none!important}
@media print{body{background:#fff!important}.hero .deco,.who form,.crumb{display:none}.page{border:0}}