/* 39е · страницы штата и личных дел (дополнение к 39e.css, общий файл не правится) */

/* шапка личного дела */
.delo-geroy .setka{row-gap:40px}
.delo-foto{overflow:hidden;background:var(--bumaga)}
.delo-tekst .sotr-otdel{font-size:16px;margin-bottom:16px}
.delo-tekst h1.sotr-imya{margin-bottom:20px}
.delo-tekst .sotr-rol{max-width:20ch;margin-bottom:24px}
.delo-abz{font-size:var(--t-lead);line-height:1.5;color:var(--vtor);max-width:46ch;margin-bottom:36px}
.delo-cena{display:block;font-size:clamp(32px,3vw,44px);font-weight:800;letter-spacing:-.03em;line-height:1;margin-bottom:32px}
.delo-cena small{font-size:18px;font-weight:600;letter-spacing:0;color:var(--vtor)}
.delo-deystv{display:flex;flex-wrap:wrap;gap:20px 36px;align-items:center}

/* картинка за работой */
.rabota-fig{margin:0}
.rabota-fig figcaption{margin-top:20px;font-size:17px;line-height:1.5;color:var(--vtor);max-width:60ch;padding-left:16px;border-left:2px solid var(--surik)}

/* списки на две колонки сетки */
.dva-stolba{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);row-gap:32px}
.dva-stolba>.dva-l{grid-column:1/5}
.dva-stolba>.dva-p{grid-column:5/13}
.spisok-dela li:last-child{border-bottom:1px solid var(--lin2)}
.spisok-dela li{max-width:60ch}
.spisok-dela{max-width:none}
.sistemy-delo{grid-template-columns:repeat(3,1fr)}

/* коллеги: строка-список, не плитка */
.kollegi{border-top:1px solid var(--chern)}
.kolleg{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:baseline;padding:28px 0;border-bottom:1px solid var(--lin2);text-decoration:none}
.kolleg-imya{grid-column:1/5;font-size:clamp(40px,4.4vw,64px);font-weight:800;letter-spacing:-.04em;line-height:1}
.kolleg-rol{grid-column:5/11;font-size:var(--t-lead);font-weight:600;line-height:1.35}
.kolleg-rol small{display:block;font-size:var(--t-podp);font-weight:600;color:var(--vtor);margin-bottom:6px}
.kolleg-str{grid-column:11/13;justify-self:end;font-size:28px;font-weight:700;transition:transform .2s}
.kolleg:hover .kolleg-imya,.kolleg:hover .kolleg-str{color:var(--surik-t)}
.kolleg:hover .kolleg-str{transform:translateX(6px)}

/* отделы на странице штата */
.otdely{border-top:1px solid var(--chern)}
.otdel{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);row-gap:16px;align-items:baseline;padding:40px 0;border-bottom:1px solid var(--lin2)}
.otdel h3{grid-column:1/5}
.otdel-sostav{grid-column:5/9;font-size:clamp(32px,3.2vw,48px);font-weight:800;letter-spacing:-.035em;line-height:1.05}
.otdel-sostav a{text-decoration:none}
.otdel-sostav a:hover{color:var(--surik-t)}
.otdel-sostav span{font-weight:400}
.otdel p{grid-column:9/13;color:var(--vtor)}

/* ступени допуска - короткие */
.dopusk-kor .stup p{margin-bottom:0}
.dopusk-kor .stup-n{font-size:56px}

/* под шапкой страницы штата - одна линия, а не две */
.stranica-golova+.razdel .shtat .sotr:first-child{border-top:0;padding-top:0}

/* заголовок в узкой левой колонке - на ступень меньше */
.dva-l h2{font-size:clamp(36px,3.8vw,60px)}

/* утро - те же строки, что журнал, цифра поменьше */
.utro .zap-cifra{font-size:clamp(48px,5.4vw,88px)}

/* телефон: общие строки 12 колонок раскладываем в столбец */
@media (max-width:860px){
  .sotr,.zap,.kolleg,.otdel,.dva-stolba{grid-template-columns:1fr}
  .sotr>*,.sotr:nth-of-type(even)>*,.zap>*,.kolleg>*,.otdel>*,.dva-stolba>*{grid-column:1/-1!important;grid-row:auto!important}
  .sotr-foto,.sotr:nth-of-type(even) .sotr-foto{max-width:none;aspect-ratio:4/5}
  .zap{padding:32px 0}
  .zap-kto{text-align:left}
  .kolleg{row-gap:8px;padding:24px 0}
  .kolleg-str{display:none}
  .sistemy-delo{grid-template-columns:1fr 1fr}
  .kartinka-shir{aspect-ratio:16/10}
  .delo-foto img{aspect-ratio:4/5}
  .rabota-fig figcaption{font-size:16px}
}

/* 08.10: блоки, перенесённые с отдельных посадок сотрудников (6461) */
.pb{--pb-lin:var(--lin2);--pb-vtor:var(--vtor);--pb-pole:var(--pole)}
.pb.chern{--pb-lin:var(--lin-t);--pb-vtor:#D6D3CB;--pb-pole:#171715}
.pb.bum{--pb-pole:var(--pole)}
.pb-kartinka{margin:0 0 clamp(48px,6vw,88px)}
.pb-kartinka img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:var(--bumaga)}
.pb-tekst{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);row-gap:32px}
.pb-abz{grid-column:1/7;font-size:var(--t-lead);line-height:1.55}
.pb-abz p+p{margin-top:18px}
.pb-tekst .spisok-dela{grid-column:7/13}
.pb-tekst.bez-abz .spisok-dela{grid-column:5/13}
.pb.chern .spisok-dela li{border-color:var(--lin-t)}
/* окно задачи: клиент пишет - сотрудник делает */
.pb-chat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap)}
.pb-dialog{background:var(--pb-pole);border:1px solid var(--pb-lin);padding:28px;display:flex;flex-direction:column;gap:16px}
.pb-dialog small{display:block;font-size:var(--t-metka);font-weight:600;letter-spacing:.02em;color:var(--pb-vtor);margin-bottom:6px}
.pb-zad{align-self:flex-end;max-width:88%;background:var(--bumaga);color:var(--chern);padding:16px 18px;font-weight:600;line-height:1.4}
.pb-zad small{color:var(--vtor)}
.pb-otv{max-width:94%;border-left:2px solid var(--surik);padding:4px 0 4px 18px;line-height:1.5}
.pb-otv small{color:var(--surik-t)}
.pb.chern .pb-otv small{color:var(--surik)}
/* карточки - строки с номером, не плитка */
.pb-kart{border-top:1px solid var(--pb-lin)}
.pb-k{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);row-gap:12px;align-items:baseline;padding:36px 0;border-bottom:1px solid var(--pb-lin)}
.pb-k-cifra{grid-column:1/4;font-size:clamp(40px,4.6vw,72px);font-weight:800;letter-spacing:-.045em;line-height:.95}
.pb-k h3{grid-column:4/8}
.pb-k-telo{grid-column:8/13;color:var(--pb-vtor);font-size:var(--t-body);line-height:1.55}
.pb-k.bez-cifry h3{grid-column:1/6}
.pb-k.bez-cifry .pb-k-telo{grid-column:6/13}
.pb-k ul{margin-top:14px;display:grid;gap:6px}
.pb-k li{padding-left:18px;position:relative}
.pb-k li::before{content:"";position:absolute;left:0;top:.7em;width:8px;height:2px;background:var(--surik)}
/* кейсы и цифры на светлом поле - те же строки, что журнал */
.pb:not(.chern) .zhurnal{border-top-color:var(--chern)}
.pb:not(.chern) .zap{border-bottom-color:var(--lin2)}
.pb:not(.chern) .zap-kto{color:var(--vtor)}
.pb:not(.chern) .zap-kto em{color:var(--surik-t)}
.pb .zap-chto span{display:block}
/* было - стало */
.pb-bs{border-top:1px solid var(--pb-lin)}
.pb-bs-golova,.pb-bs-str{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--gap)}
.pb-bs-golova{padding:18px 0;font-weight:700;font-size:var(--t-metka);letter-spacing:.02em;border-bottom:1px solid var(--pb-lin)}
.pb-bs-golova span:last-child{color:var(--surik-t)}
.pb.chern .pb-bs-golova span:last-child{color:var(--surik)}
.pb-bs-str{padding:24px 0;border-bottom:1px solid var(--pb-lin);font-size:var(--t-lead);line-height:1.45}
.pb-bylo{color:var(--pb-vtor);text-decoration:line-through;text-decoration-thickness:1px;text-decoration-color:var(--pb-lin)}
.pb-stalo{font-weight:700}
/* шаги */
.pb-shagi{counter-reset:sh;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--gap);border-top:1px solid var(--pb-lin)}
.pb-shagi li{padding-top:28px}
.pb-n{display:block;font-size:clamp(48px,5vw,80px);font-weight:800;letter-spacing:-.05em;line-height:1;margin-bottom:18px}
.pb-shagi li:first-child .pb-n{color:var(--surik)}
.pb-shagi h3{margin-bottom:10px}
.pb-shagi p{color:var(--pb-vtor)}
/* сравнение цены */
.pb-cena{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--gap)}
.pb-c{border-top:2px solid var(--pb-lin);padding-top:28px}
.pb-c.vybr{border-top-color:var(--surik)}
.pb-c-kto{font-weight:700;font-size:var(--t-lead);margin-bottom:12px}
.pb-c-cena{font-size:clamp(36px,3.6vw,56px);font-weight:800;letter-spacing:-.04em;line-height:1;margin-bottom:16px}
.pb-c p{color:var(--pb-vtor)}
.pb.chern .voprosy details{border-color:var(--lin-t)}
.pb.chern .voprosy details p{color:#D6D3CB}
@media (max-width:860px){
  .pb-tekst,.pb-k{grid-template-columns:1fr}
  .pb-tekst>*,.pb-k>*{grid-column:1/-1!important}
  .pb-chat{grid-template-columns:1fr}
  .pb-dialog{padding:20px}
  .pb-zad,.pb-otv{max-width:100%}
  .pb-bs-str{font-size:17px;column-gap:16px}
  .pb-k{padding:28px 0}
}
.pb .zap-cifra.dl{font-size:clamp(40px,4.6vw,76px);letter-spacing:-.04em}
.pb-k-cifra.dl{font-size:clamp(30px,3vw,46px)}
@media (min-width:1100px){ .pb-chat.mnogo{grid-template-columns:repeat(3,minmax(0,1fr))} .pb-chat.mnogo .pb-dialog{padding:22px;font-size:17px} }