/* «Найм» (02.10.2026, erp/ui/hire.js, erp/hh.py): вакансии и отклики hh.ru / hh.kz */
.hr{max-width:920px}
.hr-acc{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hr-acc .hr-at{flex:1;min-width:200px;display:flex;flex-direction:column;gap:2px}
.hr-acc .hr-ab{display:flex;gap:6px;flex-wrap:wrap}
.hr-warn{margin-top:8px;padding:8px 12px;border-radius:10px;background:var(--soft-bad);color:var(--ink-bad);font-size:13px;font-weight:600;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.hr-warn span{flex:1;min-width:180px}
.hr-steps{margin:10px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:6px;line-height:1.45}
.hr-note{margin-top:10px;font-size:12.5px;color:var(--muted);line-height:1.45}
.hr-v{display:flex;align-items:center;gap:12px;padding:11px 2px;border-top:1px solid var(--line);cursor:pointer}
.hr-v:first-child{border-top:0}
.hr-v:hover{background:var(--tint)}
.hr-vt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.hr-vt b{overflow-wrap:anywhere}
.hr-vn{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex:none;text-align:right}
.hr-new{background:var(--accent);color:#fff;border-radius:999px;padding:2px 9px;font-weight:800;font-size:12px}
.hr-top{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.hr-top .anh{flex:1;min-width:220px;margin:0}
.hr-colls{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 10px}
.hr-colls .chip{cursor:pointer;min-height:30px}
.hr-colls .chip i{font-style:normal;color:var(--muted);font-weight:700}
.hr-colls .chip.on i{color:inherit}
.hr-c{display:flex;align-items:center;gap:12px;padding:10px 2px;border-top:1px solid var(--line);cursor:pointer}
.hr-c:first-child{border-top:0}
.hr-c:hover{background:var(--tint)}
.hr-ph{width:42px;height:42px;border-radius:50%;object-fit:cover;flex:none;background:var(--soft);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--muted)}
.hr-ph.big{width:64px;height:64px;font-size:22px}
.hr-ct{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.hr-ct b{overflow-wrap:anywhere}
.hr-cm{color:var(--muted);font-size:12.5px}
.hr-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex:none}
.hr-card .hr-head{display:flex;gap:12px;align-items:center}
.hr-card .hr-head>div{flex:1;min-width:0}
.hr-card h3{margin:0 0 2px;font-size:19px}
.hr-sec{margin-top:14px}
.hr-sec>.eyebrow{margin-bottom:6px}
.hr-cts{display:flex;flex-direction:column;gap:6px}
.hr-cts>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.hr-cts b{font-variant-numeric:tabular-nums}
.hr-exp{display:flex;flex-direction:column;gap:8px;font-size:13px}
.hr-exp .muted{font-size:12px}
.hr-exp p{margin:2px 0 0;white-space:pre-line;color:var(--muted);max-height:4.5em;overflow:hidden}
.hr-chat{display:flex;flex-direction:column;gap:6px;max-height:280px;overflow:auto;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--tint)}
.hr-msg{max-width:85%;padding:7px 10px;border-radius:12px;background:var(--card);border:1px solid var(--line);font-size:13px;white-space:pre-line;overflow-wrap:anywhere}
.hr-msg.me{align-self:flex-end;background:var(--accent-soft);border-color:transparent}
.hr-msg small{display:block;color:var(--muted);font-size:11px;margin-top:3px}
.hr-acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.hr-acts .btn{white-space:nowrap}
.hr-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}
.hr-pubs{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.hr-pub{display:flex;gap:10px;align-items:flex-start;padding:9px 12px;border:1px solid var(--line);border-radius:12px;cursor:pointer}
.hr-pub.off{opacity:.5;cursor:default}
.hr-pub input{margin-top:3px}
.hr-pub>span{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.hr-tpl textarea{width:100%;min-height:150px;resize:vertical;line-height:1.4}
.hr-cos{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:6px}
.hr-cos label{display:flex;gap:6px;align-items:center}
@media (max-width:700px){
  .hr-top .anh{flex-basis:100%;order:2}
  .hr-top .anh h2{font-size:21px}
  .hr-v,.hr-c{gap:10px}
  .hr-vn{min-width:64px}
  .hr-msg{max-width:92%}
  .hr-acts .btn{flex:1 1 auto}
}
/* ревизия 02.10.2026: вакансии карточками наверху, кабинеты hh ниже, карточка кандидата в две колонки */
.hr{max-width:1180px}
.hr .anh h2{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hr-h-new{font-size:13px;font-weight:800;letter-spacing:0;background:var(--accent);color:#fff;border-radius:999px;padding:4px 11px}
.hr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px;margin:0 0 14px}
.hr-vc{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:16px;background:var(--card);border:1px solid var(--line);transition:border-color .15s,box-shadow .15s,transform .15s;min-height:132px}
.hr-vc:hover{border-color:var(--accent);box-shadow:0 6px 20px var(--sh);transform:translateY(-1px)}
.hr-vc:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.hr-vc.hot{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}
.hr-vc-top{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:22px}
.hr-site{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.hr-vc-name{font-size:16px;line-height:1.3;overflow-wrap:anywhere}
.hr-vc-sub{color:var(--muted);font-size:13px}
.hr-vc-foot{margin-top:auto;display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:12.5px;padding-top:8px;border-top:1px solid var(--line-w)}
.hr-vc-foot b{color:var(--text);font-size:15px}
.hr-empty{grid-column:1/-1;display:flex;flex-direction:column;gap:6px;padding:18px 20px}
.hr-other{margin:0 0 14px}
.hr-other>summary{cursor:pointer;color:var(--muted);font-weight:600;font-size:13px;padding:4px 0 10px}
.hr-accs .hr-acc{padding:10px 0;border-top:1px solid var(--line)}
.hr-accs .hr-acc:nth-child(2){border-top:0}
.hr-tag{font-size:11px;font-weight:800;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:2px 8px}
.hr-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:20px;align-items:start}
.hr-cols .hr-r .hr-chat{max-height:330px}
@media (min-width:861px){.hr-card .hr-acts{border-top:1px solid var(--line);padding-top:12px;margin-top:14px}}
@media (max-width:860px){.hr-card .hr-acts{border-top:1px solid var(--line);padding-top:12px}.hr-card .hr-acts>span[style]{display:none}}
@media (max-width:860px){.hr-cols{grid-template-columns:1fr;gap:0}}
@media (max-width:700px){.hr-grid{grid-template-columns:1fr}.hr-vc{min-height:0}}
/* воронка вакансии (02.10.2026): доска «Новые» + папки, окно «Воронка» */
.hr.hr-wide{max-width:none}
.hr-mode{display:inline-flex;margin:0 0 12px}
.hr-mode button{padding:8px 16px;flex:none}
.hr-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 14px}
.hr-st{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 14px;display:flex;flex-direction:column;gap:2px;min-width:0}
.hr-st b{font-size:22px;font-weight:800;letter-spacing:-.01em}
.hr-st span{color:var(--muted);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.hr-st.warn b{color:var(--warn)}
.hr-board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,1fr);gap:12px;overflow-x:auto;padding-bottom:8px;align-items:start;scroll-snap-type:x proximity}
.hr-col{background:var(--soft);border-radius:16px;padding:10px;min-height:160px;scroll-snap-align:start;border:2px solid transparent;transition:border-color .12s,background .12s}
.hr-col.over{border-color:var(--c);background:var(--tint)}
.hr-col header{display:flex;align-items:center;gap:8px;padding:2px 4px 8px}
.hr-col header b{flex:1;min-width:0;overflow-wrap:anywhere}
.hr-cdot{width:10px;height:10px;border-radius:50%;background:var(--c,var(--accent));flex:none;display:inline-block}
.hr-cn{font-weight:800;font-size:12px;background:var(--card);border-radius:999px;padding:2px 9px;color:var(--muted)}
.hr-ch{font-size:11.5px;color:var(--muted);padding:0 4px 8px;margin-top:-4px}
.hr-cl{display:flex;flex-direction:column;gap:8px;max-height:62vh;overflow-y:auto}
.hr-c0{color:var(--muted);font-size:12.5px;text-align:center;padding:18px 8px;border:1px dashed var(--line-s);border-radius:12px}
.hr-k{display:flex;gap:10px;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:9px 10px;cursor:grab;box-shadow:0 1px 0 var(--line-w);transition:box-shadow .12s,transform .12s}
.hr-k:hover{box-shadow:0 4px 14px var(--sh);transform:translateY(-1px)}
.hr-k.drag{opacity:.45}
.hr-k .hr-ph{width:34px;height:34px;font-size:13px}
.hr-kt{display:flex;flex-direction:column;gap:1px;min-width:0;font-size:12.5px}
.hr-kt b{font-size:13.5px;overflow-wrap:anywhere}
.hr-kt span{color:var(--muted)}
.hr-kd{font-size:11.5px}
.hr-kd .hr-tag{font-style:normal}
.hr-dnd{margin-top:6px}
.hr-fs{display:flex;flex-direction:column;gap:18px;max-height:66vh;overflow:auto;padding-right:4px}
.hr-fs section{display:flex;flex-direction:column;gap:6px}
.hr-fi{border:1px solid var(--line);border-radius:12px;padding:6px 12px;margin-top:6px}
.hr-fi[open]{padding-bottom:12px}
.hr-fi>summary{cursor:pointer;display:flex;align-items:center;gap:8px;padding:4px 0;list-style:none}
.hr-fi>summary::-webkit-details-marker{display:none}
.hr-fi>summary .muted{flex:1}
.hr-fo{display:inline-flex;gap:2px}
.hr-fi .med-grid{margin-top:8px}
.hr-fi input[type=color]{height:36px;padding:2px;width:70px}
.hr-law{background:var(--soft-warn);color:var(--ink-warn);border-radius:10px;padding:7px 10px;margin-top:4px}
.hr-wm{display:inline-flex;margin:4px 0}
.hr-wm button{flex:none;padding:8px 12px}
.hr-fl{color:var(--muted);font-size:12.5px;font-weight:600}
.hr-fchip{--c:var(--accent);cursor:pointer;min-height:32px}
.hr-fchip.on{border-color:var(--c);background:var(--card);color:var(--text);box-shadow:inset 0 0 0 1px var(--c)}
@media (max-width:900px){.hr-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.hr-board{grid-auto-columns:82%}.hr-cl{max-height:none}.hr-st b{font-size:19px}.hr-mode{display:flex}.hr-mode button{flex:1}}
.hr-fs .hr-row select,.hr-fs .hr-row input:not(#hr_fnew){width:auto;flex:none;max-width:100%}
.hr-fs .hr-row{align-items:center}
/* выбор нескольких, «Написать» на карточке (02.10.2026) */
.hr-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 10px;min-height:34px}
.hr-bar select{width:auto}
.hr-k{position:relative}
.hr-kw{all:unset;position:absolute;right:8px;top:8px;width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--muted);background:var(--soft);cursor:pointer;opacity:0;transition:opacity .12s}
.hr-k:hover .hr-kw,.hr-kw:focus-visible{opacity:1}
.hr-kw:hover{color:var(--accent);background:var(--accent-soft)}
@media (hover:none){.hr-kw{opacity:1}}
.hr-k.pick{cursor:pointer}
.hr-k.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.hr-ck{width:18px;height:18px;border-radius:5px;border:1.5px solid var(--line-s);display:flex;align-items:center;justify-content:center;flex:none;font-style:normal;color:#fff;margin-top:8px}
.hr-k.on .hr-ck{background:var(--accent);border-color:var(--accent)}
.hr-col header .btn.lnk{padding:0 4px}
.hr-ask{flex-direction:row!important;align-items:center;gap:8px!important;font-size:13px}
.hr-kt{padding-right:26px}
.hr-bar.on{position:sticky;top:0;z-index:6;background:var(--bg);padding:8px 0;border-bottom:1px solid var(--line)}
@media (max-width:700px){
  .hr-bar.on{position:fixed;left:10px;right:10px;top:auto;bottom:calc(62px + env(safe-area-inset-bottom));z-index:31;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 12px;box-shadow:0 8px 28px var(--sh)}
  .hr-bar.on select{flex:1;min-width:0}
  .hr-wide:has(.hr-bar.on){padding-bottom:120px}
}
.hr-tsel{width:auto;max-width:100%;font-size:13px}
/* полное резюме в карточке (02.10.2026) */
.hr-want .hr-wt{font-size:16px}
.hr-facts{display:flex;flex-wrap:wrap;gap:4px 12px;color:var(--muted);font-size:13px;margin-top:2px}
.hr-crow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.hr-cbtn{display:inline-flex;gap:6px;flex-wrap:wrap}
.hr-jobs{display:flex;flex-direction:column;gap:12px}
.hr-job{display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px}
.hr-jp{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.hr-jp i{font-style:normal;color:var(--faint)}
.hr-jb b{font-size:14px}
.hr-txt{margin:4px 0 0;font-size:13px;white-space:pre-line;color:var(--text);line-height:1.45}
.hr-more>summary{list-style:none;cursor:pointer}
.hr-more>summary::-webkit-details-marker{display:none}
.hr-more[open]>summary{display:none}
.hr-skl{font-size:13px;color:var(--muted);line-height:1.5}
.hr-skl .hr-more{display:inline}
.hr-skl .hr-more>summary{display:inline;padding:0 4px}
.hr-skl .hr-more[open]{display:inline}
@media (max-width:700px){.hr-job{grid-template-columns:1fr;gap:2px}.hr-jp{flex-direction:row;gap:8px}}
/* фото крупно и главное видно сразу (02.10.2026: «опыт, возраст, фотография; фото увеличить») */
.hr-ph.big{width:104px;height:104px;border-radius:18px;font-size:34px}
.hr-ph.zoom{cursor:zoom-in}
.hr-ph.zoom:hover{box-shadow:0 0 0 2px var(--accent)}
.hr-hk{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 4px}
.hr-hk span{background:var(--soft);border-radius:999px;padding:4px 11px;font-weight:700;font-size:13px}
.hr-hk span:first-child,.hr-hk span:nth-child(2){background:var(--accent-soft);color:var(--accent)}
.hr-k .hr-ph{width:46px;height:46px;font-size:15px;border-radius:12px}
.hr-kk{color:var(--text)!important;font-weight:700}
.hr-kj{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hr-c .hr-ph{width:48px;height:48px;border-radius:12px}
.hr-want .eyebrow{display:block;margin-bottom:2px}
.hr-lb{position:fixed;inset:0;z-index:1000;background:rgba(10,10,12,.82);display:flex;align-items:center;justify-content:center;cursor:zoom-out;padding:24px}
.hr-lb figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:10px;max-height:100%}
.hr-lb img{max-width:min(92vw,560px);max-height:80vh;border-radius:16px;object-fit:contain;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.hr-lb figcaption{color:#fff;font-weight:700}
.hr-lb button{position:absolute;top:16px;right:16px;all:unset;position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.15);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
@media (max-width:700px){.hr-ph.big{width:84px;height:84px}}