/* Биржа работы — поверх общей вёрстки v7. Только то, чего в x7-core нет. */
.hr-hdr { position: sticky; top: 0; z-index: 50; background: #fff; border-bottom: 1px solid var(--hair, rgba(0,0,0,.08)); }
.hr-hdr__in { display: flex; align-items: center; gap: 28px; padding: 14px 0; }
.hr-logo { display: flex; align-items: center; }
.hr-logo img { display: block; height: 23px; width: auto; }
.hr-nav { display: flex; gap: 22px; margin-left: auto; }
.hr-nav a { color: var(--gr, #1F2933); font-weight: 600; text-decoration: none; font-size: 15.5px; }
.hr-nav a:hover { color: var(--ink, #00A8A8); }
.hr-hdr__cta { flex: 0 0 auto; }
@media (max-width: 720px) {
  .hr-hdr__in { flex-wrap: wrap; gap: 12px; }
  .hr-nav { margin-left: 0; order: 3; width: 100%; gap: 16px; font-size: 14px; }
  .hr-hdr__cta { margin-left: auto; }
}
.hr-lead { max-width: 760px; margin: 0 0 28px; font-size: 17px; line-height: 1.55; color: var(--mu, #6B7280); }
.hr-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr)); gap: 16px; margin: 0; padding: 0; list-style: none; }
.hr-card { display: flex; flex-direction: column; gap: 6px; padding: 20px 22px; border-radius: 18px;
  background: #fff; border: 1px solid var(--hair, rgba(0,0,0,.08)); text-decoration: none; transition: box-shadow .2s; }
.hr-card:hover { box-shadow: 0 8px 26px rgba(15,42,68,.10); }
.hr-card__t { font-size: 17.5px; font-weight: 700; color: var(--gr, #1F2933); line-height: 1.25; }
.hr-card__m { font-size: 14.5px; color: var(--mu, #6B7280); }
.hr-card__p { font-size: 15.5px; font-weight: 700; color: var(--ink, #00A8A8); }
.hr-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 22px; padding: 0; list-style: none; }
.hr-chips a { display: inline-block; padding: 7px 14px; border-radius: 999px; font-size: 14px;
  text-decoration: none; color: var(--gr, #1F2933); background: var(--chip, #F1F5F8); }
.hr-chips a.is-on { background: var(--navy, #0F2A44); color: #fff; }
.hr-two { display: grid; grid-template-columns: minmax(0,1fr) 340px; gap: 40px; align-items: start; }
@media (max-width: 900px) { .hr-two { grid-template-columns: minmax(0,1fr); gap: 24px; } }
.hr-box { padding: 24px; border-radius: 20px; background: var(--panel, #F7F9FB); }
.hr-def { margin: 0; }
.hr-def dt { font-size: 13px; letter-spacing: .03em; text-transform: uppercase; color: var(--mu, #6B7280); margin-top: 14px; }
.hr-def dd { margin: 3px 0 0; font-size: 16px; color: var(--gr, #1F2933); }
.hr-body { font-size: 16.5px; line-height: 1.7; color: var(--gr, #1F2933); }
.hr-body h2 { margin: 26px 0 10px; font-size: 20px; }
.hr-body p { margin: 0 0 12px; white-space: pre-line; }
.hr-form .field { margin: 0 0 14px; }
.hr-form label.lbl { display: block; margin: 0 0 6px; font-size: 14.5px; color: var(--mu, #6B7280); }
.hr-form input[type=text], .hr-form input[type=tel], .hr-form input[type=email],
.hr-form input[type=number], .hr-form select, .hr-form textarea {
  width: 100%; box-sizing: border-box; padding: 13px 14px; font: inherit; font-size: 16px;
  color: var(--gr, #1F2933); background: #fff; border: 1px solid rgba(0,0,0,.16); border-radius: 12px; }
.hr-form textarea { min-height: 110px; resize: vertical; }
.hr-form .row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
@media (max-width: 620px) { .hr-form .row { grid-template-columns: 1fr; } }
.hr-form .consent { display: flex; gap: 10px; align-items: flex-start; margin: 10px 0 18px;
  font-size: 13.5px; line-height: 1.5; color: var(--mu, #6B7280); }
.hr-form .consent input { margin-top: 3px; flex: 0 0 auto; }
.hr-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.hr-err { margin: 0 0 16px; padding: 12px 14px; border-radius: 12px; background: #FDECEE; color: #B00020; font-size: 15px; }
.hr-ok { margin: 0 0 16px; padding: 12px 14px; border-radius: 12px; background: #E8F6F1; color: #0B6B4F; font-size: 15px; }
.hr-empty { padding: 36px 24px; border-radius: 18px; background: var(--panel, #F7F9FB); color: var(--mu, #6B7280); font-size: 16px; }
.hr-ftr { margin-top: 60px; padding: 34px 0 44px; background: var(--navy, #0F2A44); color: #fff; }
.hr-ftr p { margin: 0 0 10px; font-size: 15px; line-height: 1.6; }
.hr-ftr a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.hr-ftr__l { font-size: 14.5px; opacity: .92; }
.hr-ftr__s { font-size: 13.5px; opacity: .7; }
.hr-tbl { width: 100%; border-collapse: collapse; font-size: 14.5px; }
.hr-tbl th, .hr-tbl td { padding: 9px 10px; border-bottom: 1px solid var(--hair, rgba(0,0,0,.08)); text-align: left; vertical-align: top; }
.hr-tbl th { font-size: 12.5px; text-transform: uppercase; letter-spacing: .03em; color: var(--mu, #6B7280); }
.hr-badge { display: inline-block; padding: 3px 9px; border-radius: 999px; font-size: 12.5px; background: var(--chip, #F1F5F8); }
.hr-badge--new { background: #FFF2CC; }
.hr-badge--pub { background: #E8F6F1; color: #0B6B4F; }
.hr-badge--exp { background: #FDECEE; color: #B00020; }

/* плашка режима обкатки */
.hr-test-bar{background:#8a1f1f;color:#fff;font-size:14px;line-height:1.4;padding:9px 16px;text-align:center}


/* токены каталога: опираемся на фирменные цвета v7, но объявляем явно */
:root{
  /* Палитра основного сайта mers-academy.ru (v7): заливки кнопок — тёмно-синий
     navy, бирюза остаётся тонким акцентом для текста и мелких отметок. */
  --nv:#0F2A44;            /* главный цвет действий, как x7-btn--n */
  --nv2:#1A3E62;           /* наведение */
  --ac:#00706F;            /* тёмная бирюза для текста и ссылок, как --ink сайта */
  --ac2:#00A8A8;           /* светлая бирюза — только тонкие отметки */
  --tx:#1F2933;            /* основной текст */
  --mu:#6B7785;            /* приглушённый */
  --bd:#E3E8ED;            /* рамки */
  --bg2:#F5F8FA;           /* подложка */
}
/* ======================= каталог: поиск, фильтры, список ======================= */
.hr-sec--tight{padding-top:18px}
.hr-search{display:flex;gap:8px;margin:14px 0 18px}
.hr-search__f{flex:1;min-width:0;padding:13px 14px;font:inherit;font-size:16px;
  border:1px solid var(--bd);border-radius:10px;background:#fff}
.hr-search__f:focus{outline:none;border-color:var(--ac);box-shadow:0 0 0 3px rgba(0,168,168,.18)}
.hr-search__b{padding:13px 22px;font:inherit;font-weight:600;color:#fff;background:var(--nv);
  border:0;border-radius:10px;cursor:pointer}
.hr-search__b:hover{filter:brightness(1.08)}

.hr-cols{display:grid;grid-template-columns:260px 1fr;gap:26px;align-items:start}
.hr-side__m{border:1px solid var(--bd);border-radius:12px;background:#fff}
.hr-side__in{padding:16px}
.hr-side__clr{display:inline-block;margin-bottom:12px;font-size:14px;color:var(--ac)}
.hr-fgr+.hr-fgr{margin-top:18px;padding-top:16px;border-top:1px solid var(--bd)}
.hr-fgr__t{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  color:var(--mu);margin-bottom:8px}
.hr-flist{list-style:none;margin:0;padding:0;max-height:250px;overflow:auto}
.hr-flist li+li{margin-top:2px}
.hr-flist a{display:flex;justify-content:space-between;gap:10px;padding:6px 8px;
  border-radius:7px;font-size:15px;color:var(--tx);text-decoration:none}
.hr-flist a:hover{background:var(--bg2)}
.hr-flist a.is-on{background:var(--nv);color:#fff;font-weight:600}
.hr-flist b{font-weight:400;color:var(--mu)}
.hr-flist a.is-on b{color:rgba(255,255,255,.75)}

.hr-bar{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;
  gap:10px;margin-bottom:14px}
.hr-bar__n{font-size:20px;font-weight:700}
.hr-bar__s{display:flex;gap:14px;font-size:14px}
.hr-bar__s a{color:var(--mu);text-decoration:none;border-bottom:1px dashed var(--bd)}
.hr-bar__s a.is-on{color:var(--tx);font-weight:600;border-bottom-color:transparent}

.hr-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.hr-it{padding:18px 20px;border:1px solid var(--bd);border-radius:12px;background:#fff}
.hr-it:hover{border-color:#c9d4e0;box-shadow:0 2px 14px rgba(16,32,52,.06)}
.hr-list .hr-it__t{display:block;font-size:19px;font-weight:700;color:var(--nv);text-decoration:none;line-height:1.3}   /* .x7 a перебивает одиночный класс — поэтому через родителя */
.hr-it__t:hover{text-decoration:underline}
.hr-it__p{margin-top:6px;font-size:17px;font-weight:700}
.hr-it__m{margin-top:4px;font-size:15px}
.hr-it__g{margin-top:2px;font-size:14px;color:var(--mu)}
.hr-it__d{margin:10px 0 0;font-size:15px;line-height:1.5;color:#44505e}
.hr-it__f{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}
.hr-it__dt{font-size:13px;color:var(--mu)}
.hr-btn--sm{padding:9px 18px;font-size:15px}

.hr-pag{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:22px;font-size:15px}
.hr-pag a{color:var(--ac);text-decoration:none}
.hr-pag span{color:var(--mu)}

@media (max-width:860px){
  .hr-cols{grid-template-columns:1fr;gap:16px}
  .hr-side__m>summary::-webkit-details-marker{display:none}
  .hr-side__m[open]>summary{border-bottom:1px solid var(--bd)}
  .hr-flist{max-height:200px}
  .hr-search__b{padding:13px 16px}
}

/* ======================= шапка: меню для компа и телефона ======================= */
.hr-menu{display:flex;align-items:center;gap:24px;margin-left:auto}
.hr-nav a.is-on{color:var(--ac);border-bottom:2px solid var(--ac);padding-bottom:2px}
.hr-burg{display:none;margin-left:auto;width:42px;height:38px;padding:9px 8px;cursor:pointer;
  border:1px solid var(--bd);border-radius:9px}
.hr-burg span{display:block;height:2px;background:var(--tx);border-radius:2px}
.hr-burg span+span{margin-top:5px}

@media (max-width:860px){
  .hr-hdr__in{flex-wrap:wrap;gap:10px}
  .hr-burg{display:block}
  .hr-menu{display:none;order:4;width:100%;flex-direction:column;align-items:stretch;
    gap:0;margin:0;padding-top:8px;border-top:1px solid var(--bd)}
  .hr-burg__i:checked ~ .hr-menu{display:flex}
  .hr-menu .hr-nav{flex-direction:column;gap:0;margin:0;width:100%}
  .hr-menu .hr-nav a{padding:13px 4px;font-size:16px;border-bottom:1px solid var(--bd)}
  .hr-menu .hr-nav a.is-on{border-bottom:1px solid var(--bd)}
  .hr-hdr__cta{margin:12px 0 6px;text-align:center}
}

/* ======================= кабинет ======================= */
.hr-narrow{max-width:720px}
.hr-note{margin:18px 0;padding:18px 20px;border:1px solid var(--bd);border-radius:12px;background:var(--bg2)}
.hr-note--act{border-color:var(--nv);background:var(--bg2)}
.hr-note p{margin:6px 0 12px;color:#44505e}
.hr-ok{margin:0 0 20px;padding:18px 20px;border-radius:12px;background:#eefaf3;border:1px solid #b9e6cd}
.hr-ok p{margin:6px 0 0;color:#3a4a42}
.hr-h2{margin:34px 0 14px;font-size:22px;font-weight:700}
.hr-sm{font-size:14px;color:var(--mu)}
.hr-acts{display:flex;gap:16px;align-items:center}
.hr-acts form{margin:0}
.hr-lnk{background:none;border:0;padding:0;font:inherit;font-size:14px;color:var(--ac);
  cursor:pointer;border-bottom:1px dashed currentColor}
.hr-lnk--mu{color:var(--mu)}
@media (max-width:620px){
  .hr-it__f{flex-direction:column;align-items:flex-start;gap:10px}
  .hr-acts{flex-wrap:wrap}
}

/* ===================================================================
   ИСПРАВЛЕНИЯ 02.10.2026: отсутствовали базовые классы hr-wrap, hr-sec,
   hr-h1 и hr-btn — страницы каталога и кабинета шли без боковых полей
   и без ограничения ширины, кнопки были без оформления.
   Плюс пальцевые размеры для телефона.
   =================================================================== */
.hr-sec, .hr-wrap, .hr-it, .hr-note, .hr-ok, .hr-side__m, .hr-search__f, .hr-btn{box-sizing:border-box}

/* контейнер — ровно как у боевого сайта, но с полями под телефон */
.hr-wrap{width:100%;max-width:1080px;margin:0 auto;padding:0 24px}
.hr-sec{padding:30px 0 56px}

.hr-h1{margin:0 0 10px;font-size:clamp(24px,5.2vw,34px);line-height:1.2;font-weight:800;color:var(--tx)}
.hr-h2{margin:34px 0 14px;font-size:clamp(19px,4vw,23px);line-height:1.25;font-weight:700;color:var(--tx)}

/* кнопка: одна на весь проект, палец достаёт */
.hr-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:48px;padding:13px 26px;border:0;border-radius:10px;
  font:inherit;font-size:16px;font-weight:600;line-height:1.2;
  color:#fff;background:var(--nv);text-decoration:none;cursor:pointer}
.hr-btn:hover{filter:brightness(1.08)}
.hr-btn:active{transform:translateY(1px)}
.hr-btn--sm{min-height:44px;padding:11px 20px;font-size:15px}
.hr-btn--2{color:var(--nv);background:#fff;border:1px solid var(--bd)}
.hr-btn:hover{background:var(--nv2)}
.hr-btn--2:hover{background:#fff;border-color:var(--nv)}

/* ---------- телефон ---------- */
@media (max-width:860px){
  html,body{overflow-x:hidden}
  .hr-wrap{padding:0 16px}
  .hr-sec{padding:20px 0 40px}

  /* поиск столбиком: поле во всю ширину, кнопка под ним */
  .hr-search{flex-direction:column;gap:10px;margin:12px 0 16px}
  .hr-search__f,.hr-search__b{width:100%;min-height:50px}
  .hr-search__b{font-size:16px}

  /* фильтры: не прокручиваются внутри себя — это ловушка пальца */
  .hr-flist{max-height:none;overflow:visible}
  .hr-flist a{padding:12px 10px;font-size:16px}       /* ≈44px — палец попадает */
  .hr-fgr__t{font-size:14px}
  .hr-side__clr{min-height:44px;display:inline-flex;align-items:center}

  /* карточка списка: кнопка во всю ширину, дата над ней */
  .hr-it{padding:16px}
  .hr-it__t{font-size:18px}
  .hr-it__f{flex-direction:column-reverse;align-items:stretch;gap:10px}
  .hr-it__f .hr-btn{width:100%}
  .hr-it__dt{text-align:right}

  /* действия в кабинете — тоже кнопки, а не мелкие ссылки */
  .hr-acts{width:100%;flex-direction:column;gap:8px}
  .hr-acts form{width:100%}
  .hr-lnk{width:100%;min-height:46px;border:1px solid var(--bd);border-radius:10px;
    background:#fff;font-size:15px;border-bottom-style:solid}
  .hr-lnk--mu{color:var(--mu)}

  .hr-bar{gap:6px}
  .hr-bar__n{font-size:18px}
  .hr-bar__s{width:100%;gap:18px}
  .hr-bar__s a{min-height:44px;display:inline-flex;align-items:center}

  .hr-pag{gap:12px}
  .hr-pag a{min-height:46px;display:inline-flex;align-items:center;padding:0 14px;
    border:1px solid var(--bd);border-radius:10px}

  .hr-note,.hr-ok{padding:16px}
  .hr-empty{padding:24px 18px}
  .hr-lead{font-size:16px}
  .hr-hdr__in{padding:10px 0}
  .hr-test-bar{font-size:13px;padding:8px 14px}
}

/* очень узкие телефоны */
@media (max-width:380px){
  .hr-wrap{padding:0 12px}
  .hr-it{padding:14px}
  .hr-btn{padding:13px 18px}
}

/* колонки грида обязаны уметь сжиматься, иначе длинный текст даёт
   горизонтальную прокрутку на телефоне */
.hr-side,.hr-main{min-width:0}
.hr-it__t,.hr-it__d,.hr-it__m{overflow-wrap:anywhere}


/* фильтры: на компе всегда открыты, на телефоне свёрнуты в одну строку */
.hr-side__sum{display:none}
@media (max-width:860px){
  .hr-side__sum{display:flex;align-items:center;justify-content:space-between;
    min-height:50px;padding:0 16px;font-weight:600;cursor:pointer;user-select:none}
  .hr-side__sum::after{content:"показать";font-weight:400;font-size:14px;color:var(--ac)}
  .hr-fsw:checked ~ .hr-side__m .hr-side__sum::after{content:"скрыть"}
  .hr-side__in{display:none}
  .hr-fsw:checked ~ .hr-side__m .hr-side__in{display:block;border-top:1px solid var(--bd)}
}


/* таблицы админки не ломают ширину телефона */
.hr-tw{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.hr-tw table{min-width:640px}
/* ничего на странице не шире экрана */
img,svg,video,table{max-width:100%}

/* промежуточная ширина: сайдбар уже, чтобы список не сплющивался */
@media (min-width:861px) and (max-width:1100px){
  .hr-cols{grid-template-columns:220px 1fr;gap:20px}
  .hr-flist a{font-size:14.5px}
}

/* строка «найдено / сортировка» не должна выезжать за экран */
.hr-bar{flex-wrap:wrap}
.hr-bar__s{flex-wrap:wrap;min-width:0}
@media (max-width:860px){
  .hr-bar{flex-direction:column;align-items:flex-start;gap:8px}
  .hr-bar__s{width:100%;gap:10px}
  .hr-bar__s a{padding:8px 14px;border:1px solid var(--bd);border-radius:999px;
    background:#fff;border-bottom:1px solid var(--bd)}
  .hr-bar__s a.is-on{background:var(--nv);color:#fff;border-color:var(--nv)}
}

/* выпадающие списки фильтров — вместо длинных перечней */
.hr-sel{width:100%;min-height:46px;padding:11px 36px 11px 12px;font:inherit;font-size:15px;
  color:var(--tx);background:#fff;border:1px solid var(--bd);border-radius:10px;
  appearance:none;-webkit-appearance:none;cursor:pointer;
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B7785' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 10px center;background-size:18px}
.hr-sel:focus{outline:none;border-color:var(--ac);box-shadow:0 0 0 3px rgba(0,168,168,.18)}
.hr-fgr__t{display:block}
.hr-fact{display:flex;align-items:center;gap:14px;margin-top:18px;padding-top:16px;
  border-top:1px solid var(--bd)}
.hr-fact .hr-side__clr{margin:0}
@media (max-width:860px){
  .hr-sel{min-height:50px;font-size:16px}   /* 16px — иначе iOS увеличивает страницу */
  .hr-fact{flex-direction:column;align-items:stretch;gap:10px}
  .hr-fact .hr-btn{width:100%}
  .hr-fact .hr-side__clr{text-align:center;min-height:44px}
}

/* ---------- фотографии: сервис и человек ---------- */
.hr-file{width:100%;padding:11px 12px;font:inherit;font-size:15px;background:#fff;
  border:1px dashed var(--bd);border-radius:10px}
.hr-hint{display:block;margin-top:6px;font-size:13.5px;line-height:1.45;color:var(--mu)}

/* 03.10.2026: карточка с фото устроена так же, как без фото —
   текст идёт на всю ширину, фото небольшое и обтекается справа. */
.hr-it--f{display:block}
.hr-it__pic{float:right;display:block;width:104px;height:78px;margin:3px 0 10px 14px;
  border-radius:10px;overflow:hidden;background:var(--bg2)}
.hr-it__pic img{width:100%;height:100%;object-fit:cover;display:block}
.hr-it__pic--a{width:78px;height:78px;border-radius:50%}
.hr-it--f .hr-it__f{clear:both}

.hr-kpic{margin:0 0 18px;border-radius:14px;overflow:hidden;background:var(--bg2)}
.hr-kpic img{display:block;width:100%;height:auto;max-height:420px;object-fit:cover}
.hr-kpic--a{width:168px;height:168px;border-radius:50%}
.hr-kpic--a img{width:100%;height:100%;object-fit:cover}

@media (max-width:860px){
  .hr-it__pic{width:88px;height:66px;margin-left:12px}
  .hr-it__pic--a{width:66px;height:66px}
  .hr-kpic--a{width:128px;height:128px}
}

/* ---------- карта ---------- */
.hr-karta{height:560px;border:1px solid var(--bd);border-radius:14px;overflow:hidden;z-index:0}
.hr-pop__s{color:var(--mu)}
.hr-pop__n{display:inline-block;margin:4px 0 6px;font-size:13px;color:var(--mu)}
.hr-pop__l{list-style:none;margin:0;padding:0;max-height:210px;overflow:auto}
.hr-pop__l li{padding:7px 0;border-top:1px solid var(--bd)}
.hr-pop__l a{font-weight:600;color:var(--ac);text-decoration:none;display:block;line-height:1.3}
.hr-pop__k,.hr-pop__z{display:block;font-size:12.5px;color:var(--mu)}
.hr-pop__z{color:var(--tx);font-weight:600}
@media (max-width:860px){ .hr-karta{height:70vh;min-height:380px} }
.hr-flag{margin-top:4px;font-size:12.5px;line-height:1.4;color:#8a5a00;background:#fff6e0;
  border:1px solid #f0d9a0;border-radius:8px;padding:5px 8px}

/* ---------- значки: ученик академии, доля курса, рейтинг ---------- */
.hr-it__zn{display:block;margin-top:8px}
.hr-it__zn .hr-zn{margin:0 6px 6px 0}
.hr-zn{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;
  font-size:12.5px;font-weight:600;line-height:1.3;white-space:nowrap}
.hr-zn svg{fill:currentColor}
.hr-zn--ak{color:#0a6b57;background:#e3f6f0;border:1px solid #b6e4d7}
.hr-zn--pr{color:#4a5568;background:var(--bg2);border:1px solid var(--bd);font-weight:500}
.hr-zn--r{color:#8a5a00;background:#fff6e0;border:1px solid #f0d9a0}
.hr-zn__g{font-weight:400;opacity:.75}
.hr-zn--big{font-size:14px;padding:6px 12px}
.hr-oc{margin-top:8px}
.hr-oc__f{margin-top:18px}
.hr-oc__sum{display:flex!important;min-height:50px;padding:0 16px;font-weight:600;cursor:pointer;
  align-items:center;list-style:none}
.hr-oc__sum::-webkit-details-marker{display:none}
.hr-oc__f .hr-side__in{display:block;border-top:1px solid var(--bd)}
.hr-vh{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.hr-pop__l .hr-zn{margin:4px 4px 0 0;font-size:11.5px;padding:3px 7px}
.hr-zn--un{color:#3a4a5e;background:#eef2f7;border:1px solid #d3dde8;font-weight:500}

/* 03.10.2026: зона нажатия на телефоне — заголовок карточки и ссылки подвала
   были 18–23 px по высоте, это меньше пальца. */
@media (max-width:620px){
  .hr-it__t{padding:5px 0;margin:-5px 0 -3px}
  .hr-ftr a{display:inline-block;padding:5px 2px}
}

/* ===================================================================
   НАВИГАЦИЯ 03.10.2026: хлебные крошки на всех внутренних страницах и
   нижняя панель разделов на телефоне. Причина: из карты и из карточки
   объявления было не выбраться иначе как через гамбургер, а «разместить»
   с телефона вообще не находилось.
   =================================================================== */

.hr-kr{padding:14px 0 2px;font-size:14px;line-height:1.5}
.hr-kr ol{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0;padding:0;list-style:none}
.hr-kr li{display:flex;align-items:center;gap:8px;color:var(--mu);min-width:0}
.hr-kr li + li::before{content:"›";color:#b7c1cc}
.hr-kr a{color:var(--mu);text-decoration:none;border-bottom:1px solid transparent}
.hr-kr a:hover{color:var(--ac);border-bottom-color:currentColor}
.hr-kr li[aria-current] span{color:var(--tx);font-weight:600;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap;max-width:min(100%,420px)}

/* нижняя панель: только телефон и узкий планшет */
.hr-tab{display:none}
@media (max-width:860px){
  .hr-tab{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;z-index:60;
    left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--bd);
    padding-bottom:env(safe-area-inset-bottom,0);box-shadow:0 -2px 14px rgba(16,32,52,.06)}
  .hr-tab a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
    min-height:56px;padding:7px 2px 6px;font-size:11px;line-height:1.1;text-align:center;
    color:var(--mu);text-decoration:none}
  .hr-tab svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;
    stroke-linecap:round;stroke-linejoin:round}
  .hr-tab a.is-on{color:var(--nv);font-weight:700}
  body{padding-bottom:calc(60px + env(safe-area-inset-bottom,0))}
  .hr-karta{height:62vh;min-height:340px}
  .hr-kr{padding:10px 0 0;font-size:13px}
  .hr-kr li[aria-current] span{max-width:min(100%,230px)}
}

/* развилка «ищу сотрудника / ищу работу» */
.hr-vybor{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}
.hr-vybor__k{display:flex;flex-direction:column;gap:8px;padding:22px;border:1px solid var(--bd);
  border-radius:14px;background:#fff;text-decoration:none;color:var(--tx);transition:box-shadow .2s,border-color .2s}
.hr-vybor__k:hover{border-color:#c9d4e0;box-shadow:0 2px 14px rgba(16,32,52,.06)}
.hr-vybor__k b{font-size:19px}
.hr-vybor__k span{font-size:15px;line-height:1.5;color:#44505e}
.hr-vybor__k .hr-vybor__i{display:flex;align-items:center;justify-content:center;width:46px;height:46px;
  border-radius:12px;background:var(--bg2);color:var(--nv)}
.hr-vybor__i svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round}
.hr-vybor__b{margin-top:4px;font-weight:600;color:var(--nv)}

/* ---- переключатель раздела и пара кнопок на главной (03.10.2026) ----
   Два равных сегмента в ряд: на телефоне обе влезают по ширине, выбор виден
   сразу, не надо открывать меню. */
.hr-perekl{display:inline-flex;gap:4px;padding:4px;margin:0 0 18px;
  background:var(--bg2);border:1px solid var(--bd);border-radius:999px;max-width:100%}
.hr-perekl a{display:flex;align-items:center;justify-content:center;min-height:40px;
  padding:0 20px;border-radius:999px;font-size:15px;font-weight:600;line-height:1;
  color:var(--mu);text-decoration:none;white-space:nowrap}
.hr-perekl a:hover{color:var(--tx)}
.hr-perekl a.is-on{background:var(--nv);color:#fff;box-shadow:0 1px 4px rgba(15,42,68,.20)}

/* Главная: две роли, и у каждой сразу оба действия — посмотреть и разместить.
   Раньше обе кнопки вели только в создание записи, и человеку, который зашёл
   просто посмотреть, идти было некуда. */
.hr-rol{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 6px;max-width:760px}
.hr-rol__k{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:20px;
  border:1px solid var(--bd);border-radius:14px;background:#fff}
.x7 .hr-rol__i{display:flex;align-items:center;justify-content:center;width:42px;height:42px;
  border-radius:11px;background:var(--bg2);color:var(--nv)}
.hr-rol__i svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round}
.hr-rol__t{font-size:18px;line-height:1.2;color:var(--tx)}
.hr-rol__d{font-size:14px;line-height:1.35;color:var(--mu);margin-bottom:2px}
.hr-rol__b{margin-top:auto;width:100%}
.x7 a.hr-rol__v{font-size:14.5px;font-weight:600;color:var(--ac);text-decoration:none;
  border-bottom:1px solid transparent}
.x7 a.hr-rol__v:hover{border-bottom-color:currentColor}
.hr-lead--kr{margin-bottom:18px}
@media (max-width:620px){
  /* На телефоне обе роли должны помещаться в первый экран: иконка уходит
     в строку с заголовком, карточка становится ниже. */
  .hr-rol{grid-template-columns:1fr;gap:12px}
  .hr-rol__k{display:grid;grid-template-columns:40px minmax(0,1fr);gap:4px 12px;
    align-items:center;padding:14px 16px}
  .x7 .hr-rol__i{width:40px;height:40px;grid-row:1 / span 2}
  .hr-rol__t{grid-column:2;font-size:17px;align-self:end}
  .hr-rol__d{grid-column:2;align-self:start;margin:0}
  .hr-rol__b{grid-column:1 / -1;margin-top:10px}
  .hr-rol__v{grid-column:1 / -1;margin-top:2px}
  .hr-lead--kr{font-size:15.5px;margin-bottom:14px}
}
@media (max-width:420px){
  .hr-perekl a{padding:0 14px;font-size:14.5px}
}

/* миниатюра в карточке на главной — тем же приёмом, что в каталоге */
/* .hr-card — флекс-колонка, а во флексе float не работает: картинка вставала
   отдельной строкой над заголовком. Поэтому у карточки с фото раскладка блочная. */
.hr-card--f{display:block}
.hr-card--f > span{display:block}
.hr-card--f > span + span{margin-top:6px}
.hr-card__pic{float:right;display:block;width:84px;height:62px;margin:0 0 8px 12px;
  border-radius:10px;overflow:hidden;background:var(--bg2)}
.hr-card__pic img{width:100%;height:100%;object-fit:cover;display:block}
.hr-card__pic--a{width:62px;height:62px;border-radius:50%}
.hr-card--f .hr-card__t{display:block}

/* ---- порядок в управлении списком (03.10.2026) ----
   Три разных вопроса были свалены в один ряд: что смотрим, каким видом и как
   сортируем. Теперь раздел — переключателем над поиском, вид — справа от счётчика,
   сортировка — отдельной строкой со своей подписью. */
.hr-vid{display:inline-flex;gap:2px;padding:3px;background:var(--bg2);
  border:1px solid var(--bd);border-radius:999px}
.hr-vid a{display:flex;align-items:center;min-height:32px;padding:0 14px;border-radius:999px;
  font-size:14px;font-weight:500;color:var(--mu);text-decoration:none;white-space:nowrap}
.hr-vid a.is-on{background:#fff;color:var(--nv);font-weight:600;
  box-shadow:0 1px 3px rgba(16,32,52,.10)}
.hr-sort{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 16px}
.hr-sort__p{font-size:13px;color:var(--mu)}
.hr-sort a{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;
  border:1px solid var(--bd);border-radius:999px;background:#fff;
  font-size:14px;color:var(--tx);text-decoration:none}
.hr-sort a.is-on{background:var(--nv);border-color:var(--nv);color:#fff;font-weight:600}
@media (max-width:620px){
  .hr-sort{gap:6px}
  .hr-sort__p{width:100%;margin-bottom:-2px}
  .hr-vid a{padding:0 12px;font-size:13.5px}
}

/* Общая вёрстка сайта задаёт цвет ссылок селектором `.x7 a`, он сильнее одиночного
   класса — из-за этого текст на кнопке-ссылке брался от неё, а не от .hr-btn.
   На бирюзовом фоне это читалось еле-еле, на тёмно-синем пропало совсем. */
.x7 a.hr-btn, .x7 a.hr-btn:where(:hover, :visited){color:#fff}      /* 16.10.2026: :visited внутри :where — не повышает вес, иначе перебивал цвет светлых кнопок (белый на белом) */
.x7 a.hr-btn--2, .x7 a.hr-btn--2:hover, .x7 a.hr-btn--2:visited{color:var(--nv)}      /* 16.10.2026: без :visited белый текст на белой кнопке у посещённых ссылок («Модерация», «Статистика» в CRM) */
.x7 .hr-perekl a.is-on, .x7 .hr-sort a.is-on, .x7 .hr-flist a.is-on,
.x7 .hr-bar__s a.is-on{color:#fff}
.x7 .hr-vid a.is-on{color:var(--nv)}
.x7 a.hr-rol__b{color:#fff}

/* 13.10.2026 — отметки вакансии */
.hr-otm{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0;padding:0;list-style:none}
.hr-otm li{padding:3px 10px;border-radius:999px;font-size:13px;line-height:1.5;background:#eef4f1;color:#14532d;border:1px solid #cfe3d8}
.hr-otmf{margin:6px 0 18px;padding:14px 16px;border:1px solid var(--bd,#e3e6ea);border-radius:10px}
.hr-otmf legend{padding:0 6px}
.hr-otmf__i{display:block;margin:6px 0;font-size:15px;cursor:pointer}
.hr-otmf__i input{margin-right:8px}
.hr-otmf__p{margin:10px 0 0;font-size:13px;color:#6b7280}
.hr-otmk{margin-top:10px;font-size:14px}
.hr-otmk summary{cursor:pointer;color:#475569}
.hr-otmk form{margin-top:8px}

/* 13.10.2026 — доработки форм: меню, первый экран, навыки, уровень, шаблоны строк */
.hr-nav{align-items:center}
.x7 .hr-nav a.hr-nav__btn{display:inline-flex;align-items:center;justify-content:center;padding:9px 18px;
  border-radius:10px;color:#fff;background:var(--nv);border:0}
.x7 .hr-nav a.hr-nav__btn:hover{color:#fff;background:var(--nv2)}
@media (max-width:860px){
  .x7 .hr-menu .hr-nav a.hr-nav__btn{margin:6px 0 8px;padding:13px 18px;border-bottom:0}
}
.hr-perv__s{max-width:760px;margin:0 0 16px;font-size:15.5px;line-height:1.5;color:var(--mu)}
.hr-perv__s b{color:var(--tx)}
.hr-perv__b{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 26px}
@media (max-width:620px){ .hr-perv__b .hr-btn{width:100%} }
.hr-otmf--2{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.hr-otmf--2 legend,.hr-otmf--2 .hr-otmf__p{grid-column:1 / -1}
@media (max-width:620px){ .hr-otmf--2{grid-template-columns:1fr} }
.hr-bezop{display:block;margin-top:8px;font-size:14.5px;cursor:pointer}
.hr-bezop input{margin-right:8px}
.hr-form .hr-hint{margin:0 0 8px}
.hr-shab{margin:0 0 8px;font-size:14.5px}
.hr-shab summary{cursor:pointer;color:var(--ac);font-weight:600}
.hr-shab__in{margin-top:8px;padding:10px 14px;border:1px solid var(--bd);border-radius:10px;background:var(--bg2)}
.hr-shab__p{margin:0 0 6px;font-size:13px;color:var(--mu)}
.hr-otmk .hr-form{max-width:720px}
/* 13.10.2026 — галочки внутри .field наследовали стили подписей и полей: возвращаем обычный вид */
.hr-form .hr-shab label,.hr-form .hr-otmf label,.hr-form .hr-bezop,.hr-form .hr-navf label{display:flex;align-items:flex-start;gap:8px;margin:5px 0;
  font-size:14.5px;font-weight:400;letter-spacing:0;text-transform:none;color:inherit;line-height:1.45;cursor:pointer}
.hr-form .hr-shab input[type=checkbox],.hr-form .hr-otmf input[type=checkbox],.hr-form .hr-bezop input[type=checkbox],.hr-form .hr-navf input[type=checkbox],
.hr-form input[type=radio]{width:18px;height:18px;min-height:0;flex:0 0 auto;margin:2px 0 0;padding:0;appearance:auto;-webkit-appearance:auto}

/* 13.10.2026 — мини-CRM руководителя направления (/crm) */
.hr-wrap.hr-crm{max-width:1240px}
.hr-crm__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}
.hr-crm__top .hr-h1{margin:0}
.hr-crm__topb{display:flex;flex-wrap:wrap;gap:10px}
.hr-crm .hr-perekl{margin-top:16px}
.hr-crm__mu{font-size:13px;line-height:1.4;color:var(--mu)}
.hr-crm__st{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.x7 a.hr-crm__sch{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border:1px solid var(--bd);
  border-radius:999px;background:#fff;font-size:14px;color:var(--tx);text-decoration:none}
.x7 a.hr-crm__sch b{font-weight:700}
.x7 a.hr-crm__sch.is-on{border-color:var(--nv);box-shadow:inset 0 0 0 1px var(--nv);font-weight:600}
.hr-crm-st{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12.5px;line-height:1.5;white-space:nowrap;
  background:#F1F5F8;color:var(--tx)}
.hr-crm-st--novyy,.x7 a.hr-crm-st--novyy{background:#FFF2CC;color:#6b4e00}
.hr-crm-st--svyazalis,.x7 a.hr-crm-st--svyazalis{background:#E3EEFB;color:#14467a}
.hr-crm-st--anketa,.x7 a.hr-crm-st--anketa{background:#EEE8FA;color:#4a2f8a}
.hr-crm-st--opublikovan,.x7 a.hr-crm-st--opublikovan{background:#E8F6F1;color:#0B6B4F}
.hr-crm-st--otkliki,.x7 a.hr-crm-st--otkliki{background:#D3F0EE;color:#00585a}
.hr-crm-st--itog,.x7 a.hr-crm-st--itog{background:#0F2A44;color:#fff}
.hr-crm-st--otkaz,.x7 a.hr-crm-st--otkaz{background:#ECEFF2;color:#5b6672}
.hr-crm-st--zakryta,.x7 a.hr-crm-st--zakryta{background:#F4E9E1;color:#7a4a22}
.hr-crm__f{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0 0 18px}
.hr-crm__i{flex:1 1 240px;max-width:380px;min-height:44px;box-sizing:border-box;padding:0 14px;font:inherit;font-size:15px;
  color:var(--tx);border:1px solid var(--bd);border-radius:10px;background:#fff}
.hr-crm__i:focus,.hr-crm__bl input:focus,.hr-crm__bl select:focus,.hr-crm__bl textarea:focus{outline:none;border-color:var(--ac);
  box-shadow:0 0 0 3px rgba(0,168,168,.18)}
.hr-crm__chk{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;cursor:pointer}
.hr-crm__chk input{width:18px;height:18px;margin:0}
.x7 a.hr-crm__sbros{font-size:14px;color:var(--mu)}
.hr-crm__t{width:100%;border-collapse:collapse;font-size:14.5px;background:#fff;border:1px solid var(--bd);border-radius:12px}
.hr-crm__t th,.hr-crm__t td{padding:11px 12px;border-bottom:1px solid var(--bd);text-align:left;vertical-align:top;overflow-wrap:anywhere}
.hr-crm__t th{font-size:12.5px;text-transform:uppercase;letter-spacing:.03em;font-weight:600;color:var(--mu);background:var(--bg2);white-space:nowrap}
.hr-crm__t tbody tr:last-child td{border-bottom:0}
.hr-crm__t tbody tr:hover{background:#fafcfd}
.hr-crm__t tr.is-prosr td:first-child{box-shadow:inset 3px 0 0 #B00020}
.x7 a.hr-crm__imya{font-size:15.5px;font-weight:700;color:var(--nv);text-decoration:none}
.x7 a.hr-crm__imya:hover{text-decoration:underline}
.x7 a.hr-crm__otkr{font-size:14px;color:var(--ac);white-space:nowrap}
.hr-crm__data{margin-top:2px;font-size:13px;color:var(--mu)}
.hr-crm__data.is-prosr{color:#B00020;font-weight:700}
.hr-crm__leg{margin-top:14px}
.hr-crm__pod{margin:0 0 18px;font-size:15.5px;color:#44505e}
.hr-crm__2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:28px;align-items:start}
.hr-crm__bl{box-sizing:border-box;margin:0 0 14px;padding:16px 18px;border:1px solid var(--bd);border-radius:12px;background:#fff}
.hr-crm__bl.is-prosr{border-color:#B00020;background:#fff8f8}
.hr-crm__bl .hr-sm{margin:8px 0 0}
.hr-crm__h{margin:0 0 10px;font-size:16px;font-weight:700;color:var(--tx)}
.hr-crm__ln{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.hr-crm__bl input[type=text],.hr-crm__bl input[type=date],.hr-crm__bl select,.hr-crm__bl textarea{box-sizing:border-box;min-height:44px;
  padding:10px 12px;font:inherit;font-size:15px;color:var(--tx);background:#fff;border:1px solid var(--bd);border-radius:10px}
.hr-crm__ln input[type=text],.hr-crm__ln select{flex:1 1 180px;min-width:0}
.hr-crm__ln input[type=date]{flex:0 0 auto}
.hr-crm__zf textarea{display:block;width:100%;min-height:96px;margin:0 0 10px;resize:vertical}
.hr-crm__bl input.hr-crm__ssyl{width:100%;font-size:13.5px;color:#44505e;background:var(--bg2)}
.hr-crm__vn{padding:10px 12px;border-radius:10px;background:#fff6e0;color:#6b4e00}
.hr-crm__def dt:first-child{margin-top:0}
.hr-crm__def dd{font-size:15px;white-space:pre-line;overflow-wrap:anywhere}
.hr-crm__zap{margin:0 0 12px;font-size:14.5px;line-height:1.5;overflow-wrap:anywhere}
.hr-crm__zap:last-child{margin-bottom:0}
.hr-crm__lenta{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.hr-crm__z{padding:12px 16px;border:1px solid var(--bd);border-left:4px solid var(--bd);border-radius:10px;background:#fff}
.hr-crm__z--zvonok{border-left-color:#14467a}
.hr-crm__z--stadiya{border-left-color:var(--ac2);background:var(--bg2)}
.hr-crm__z--moderaciya{border-left-color:#c58a00}
.hr-crm__zm{font-size:13px;color:var(--mu)}
.hr-crm__vid{display:inline-block;margin-right:6px;padding:1px 8px;border-radius:999px;background:var(--bg2);border:1px solid var(--bd);color:var(--tx)}
.hr-crm__zt{margin-top:6px;font-size:15px;line-height:1.5;white-space:pre-line;overflow-wrap:anywhere}
.hr-crm__nov{max-width:720px}
.hr-crm-pr{width:150px;max-width:100%;box-sizing:border-box;padding:6px 8px;font:inherit;font-size:13px;border:1px solid var(--bd);border-radius:8px}
@media (max-width:900px){ .hr-crm__2{grid-template-columns:minmax(0,1fr)} }
@media (max-width:760px){
  .hr-crm__top{align-items:stretch;flex-direction:column}
  .hr-crm__topb .hr-btn{flex:1 1 0}
  .hr-crm__i{max-width:none;flex-basis:100%}
  .hr-crm__f .hr-btn{width:100%}
  .hr-crm__t,.hr-crm__t tbody,.hr-crm__t tr,.hr-crm__t td{display:block;width:auto}
  .hr-crm__t{border:0;background:none}
  .hr-crm__t thead{display:none}
  .hr-crm__t tbody tr{margin:0 0 12px;padding:12px 14px;border:1px solid var(--bd);border-radius:12px;background:#fff}
  .hr-crm__t tbody tr.is-prosr{border-color:#B00020}
  .hr-crm__t tr.is-prosr td:first-child{box-shadow:none}
  .hr-crm__t td,.hr-crm__t tbody tr:last-child td{padding:5px 0;border-bottom:0}
  .hr-crm__t td[data-l]::before{content:attr(data-l);display:block;font-size:11.5px;text-transform:uppercase;letter-spacing:.03em;color:var(--mu)}
  .hr-crm__t td:first-child::before{display:none}
  .x7 a.hr-crm__otkr{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:6px;border:1px solid var(--bd);border-radius:10px}
  .hr-crm__ln input[type=text],.hr-crm__ln select,.hr-crm__ln input[type=date],.hr-crm__ln .hr-btn{flex:1 1 100%;width:100%}
}

/* 13.10.2026 — первый экран: текст слева, две карточки справа; ровные отступы; «Кабинет» в шапке не спорит с «Разместить» */
.hr-perv{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;align-items:center}
.hr-perv__l .x7-lg__h{margin-bottom:20px}
.hr-perv .hr-lead--kr{margin:0 0 14px;max-width:none}
.hr-perv .hr-perv__s{margin:0 0 28px;max-width:none}
.hr-perv .hr-perv__b{margin:0}
.hr-perv .hr-rol{grid-template-columns:1fr;gap:16px;margin:0;max-width:none}
@media (max-width:980px){
  .hr-perv{grid-template-columns:1fr;gap:28px}
  .hr-perv .hr-rol{grid-template-columns:1fr 1fr}
}
@media (max-width:620px){ .hr-perv .hr-rol{grid-template-columns:1fr} }
.x7 a.x7-btn.hr-hdr__cta{min-height:0;padding:9px 18px;font-size:15px;line-height:1.3;background:transparent;color:var(--navy,#0F2A44);border:1.5px solid var(--navy,#0F2A44);border-radius:10px}
.x7 a.x7-btn.hr-hdr__cta:hover{background:var(--navy,#0F2A44);color:#fff}
@media (min-width:981px){ .x7 .hr-nav a.hr-nav__btn{padding:7px 16px} .x7 a.x7-btn.hr-hdr__cta{padding:7px 16px} }
.hr-vhod{text-align:center}
.hr-vhod__sp{margin:10px 0 0;padding-left:18px}
.hr-vhod__sp li{margin:6px 0}

/* 13.10.2026: отступы в кабинете. x7-core.css обнуляет margin у «.x7 h2/p/ul» и перебивает одиночный класс — поэтому через .x7 */
.x7 .hr-h2{margin:34px 0 14px}
.x7 .hr-list + p.hr-lead, .x7 .hr-empty + p.hr-lead{margin:22px 0 0}

/* 13.10.2026: варианты точного адреса под полем «Адрес сервиса» */
.hr-adr{display:flex;flex-direction:column;gap:6px;margin:8px 0 4px}
.x7 .hr-adr__n{font-size:14px;color:var(--mu)}
.x7 .hr-adr__ok{color:var(--ac)}
.hr-adr__v{text-align:left;padding:11px 14px;border:1px solid var(--bd);border-radius:10px;background:#fff;font:inherit;font-size:15px;color:var(--tx);cursor:pointer}
.hr-adr__v:hover{border-color:var(--nv)}

/* 14.10.2026: модерация с телефона — записи карточками, кнопки в ряд на всю ширину (владелец: «вёрстка кривая кнопок») */
.hr-adm-k{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.hr-adm-k form{display:flex !important;gap:8px;margin:0}
.x7 .hr-adm-t{margin-top:6px;font-size:14px}
.x7 .hr-adm-t summary{cursor:pointer;color:var(--ac)}
.x7 .hr-adm-t p{margin:6px 0 0;color:#3B4654;white-space:pre-line}
@media (max-width:760px){
  .hr-tw--kart{overflow:visible}
  .hr-tw--kart table{min-width:0}
  .hr-tbl--kart, .hr-tbl--kart tbody, .hr-tbl--kart tr, .hr-tbl--kart td{display:block;width:100%;box-sizing:border-box}
  .hr-tbl--kart tr:first-child{display:none}
  .hr-tbl--kart tr{margin:0 0 14px;padding:14px;border:1px solid var(--bd);border-radius:14px;background:#fff}
  .hr-tbl--kart td{padding:5px 0;border:0}
  .hr-adm-k{flex-direction:column;align-items:stretch;margin-top:8px}
  .hr-adm-k form{flex-direction:column}
  .hr-adm-k form:nth-child(2){flex-direction:row}
  .hr-adm-k form:nth-child(2) input{flex:1;min-width:0}
  .x7 .hr-adm-k .x7-btn{width:100%;min-height:46px;padding:10px 14px !important;font-size:15px !important;justify-content:center;text-align:center}
  .x7 .hr-adm-k form:nth-child(2) .x7-btn{width:auto;flex:none}
  .hr-adm-k .hr-crm-pr{min-height:46px}
}

/* 14.10.2026: шапка главного сайта на бирже + строка меню биржи под ней */
.x7 .x7-hd.hr-hd2{position:relative;z-index:70}
.x7 .x7-top__in{white-space:nowrap}
.hr-hd2 .hr-burg{display:none;margin-left:4px}
.hr-menu--mob{display:none}
.hr-burg__i:checked ~ .hr-menu--mob{display:flex;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:6px 20px 16px;border-bottom:1px solid var(--bd);background:#fff}
.hr-menu--mob .hr-nav{display:flex;flex-direction:column;gap:0;margin:0;width:100%}
.x7 .hr-menu--mob .hr-nav a{padding:13px 4px;font-size:16px;border-bottom:1px solid var(--bd);color:var(--tx);text-decoration:none}
.x7 .hr-menu--mob .hr-nav a.hr-nav__btn{margin:6px 0 8px;padding:13px 18px;border-bottom:0;color:#fff;text-align:center}
.hr-nav__zag{padding:14px 4px 4px;font-size:12.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--mu)}
.hr-sub{position:sticky;top:0;z-index:60;background:#fff;border-top:1px solid var(--hair,rgba(0,0,0,.08));border-bottom:1px solid var(--hair,rgba(0,0,0,.08))}
.hr-sub__in{display:flex;align-items:center;gap:28px;min-height:58px}
.x7 a.hr-sub__b{font-weight:700;font-size:17px;color:var(--navy,#0F2A44);text-decoration:none;white-space:nowrap}
.x7 a.hr-sub__b span{margin-left:8px;font-weight:500;font-size:14px;color:var(--mu)}
.hr-sub__n{display:flex;gap:26px;margin-left:8px}
.x7 .hr-sub__n a{padding:18px 0;font-size:16px;font-weight:600;color:var(--tx);text-decoration:none;border-bottom:2px solid transparent}
.x7 .hr-sub__n a:hover{color:var(--navy,#0F2A44)}
.x7 .hr-sub__n a.is-on{color:var(--navy,#0F2A44);border-bottom-color:var(--ac,#14A39A)}
.hr-sub__k{display:flex;gap:10px;margin-left:auto}
.x7 a.x7-btn.hr-sub__r{padding:9px 18px;min-height:0;font-size:15px}
@media (max-width:1199px){ .hr-hd2 .hr-burg{display:block} }
@media (max-width:860px){
  .hr-sub{display:none}
}
@media (max-width:1100px){ .x7 a.hr-sub__b span{display:none} }
.x7 .hr-menu--mob .hr-nav a{display:block;width:100%;box-sizing:border-box;text-align:left}
.hr-menu--mob .hr-nav__zag{display:block;text-align:left}

/* 14.10.2026: первый экран биржи — тёмная панель как на страницах курсов главного сайта */
.hr-sub__n{margin-left:0}
.hr-geroy-s{padding:22px 0 8px}
.hr-geroy{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:24px;align-items:center;
  padding:56px 0 56px 60px;border-radius:32px;background:#09253E;color:#fff}
.hr-geroy::before{content:"";position:absolute;left:-180px;top:-260px;width:720px;height:720px;border-radius:50%;background:rgba(40,84,130,.38)}
.hr-geroy::after{content:"";position:absolute;right:-110px;top:-150px;width:330px;height:330px;border-radius:50%;border:54px solid rgba(20,163,154,.34)}
.hr-geroy__t{position:relative;z-index:2}
.hr-geroy__z{display:inline-block;padding:7px 14px;border-radius:999px;background:rgba(20,163,154,.22);color:#7FE3DA;font-size:14px;font-weight:600}
.x7 .hr-geroy__o{margin:22px 0 10px;color:#7FE3DA;font-size:17px;font-weight:600}
.x7 .hr-geroy__h{margin:0 0 20px;color:#fff;font-size:clamp(32px,4.2vw,52px);line-height:1.08;font-weight:700;letter-spacing:-.02em}
.x7 .hr-geroy__p{margin:0 0 12px;max-width:620px;color:rgba(255,255,255,.84);font-size:18px;line-height:1.5}
.x7 .hr-geroy__p--2{font-size:16px;color:rgba(255,255,255,.72)}
.hr-geroy__p--2 b{color:#fff}
.hr-geroy__b{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 22px}
.x7 a.hr-geroy__k1,.x7 a.hr-geroy__k2{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 28px;border-radius:14px;font-size:17px;font-weight:700;text-decoration:none}
.x7 a.hr-geroy__k1{background:#fff;color:#0F2A44}
.x7 a.hr-geroy__k1:hover{background:#E8F6F5}
.x7 a.hr-geroy__k2{border:1.5px solid rgba(255,255,255,.4);color:#fff}
.x7 a.hr-geroy__k2:hover{border-color:#fff}
.x7 ul.hr-geroy__g{display:flex;flex-wrap:wrap;gap:8px 26px;margin:0;padding:0;list-style:none;color:rgba(255,255,255,.8);font-size:15px}
.hr-geroy__g li::before{content:"✓";margin-right:9px;color:#35C9BD;font-weight:700}
.hr-geroy__i{position:relative;z-index:1;align-self:stretch;display:flex;align-items:center;margin:-30px 0}
.hr-geroy__i img{display:block;width:100%;height:auto;
  -webkit-mask-image:radial-gradient(ellipse 72% 70% at 50% 50%,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse 72% 70% at 50% 50%,#000 62%,transparent 100%)}
.hr-rol.hr-rol--ryad{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0 0;max-width:none}
@media (max-width:980px){
  .hr-geroy{grid-template-columns:1fr;padding:36px 28px 0;border-radius:26px}
  .hr-geroy__i{margin:0 -28px;justify-content:center}
  .hr-geroy__i img{max-width:560px;margin:0 auto}
}
@media (max-width:620px){
  .hr-geroy-s{padding-top:12px}
  .hr-geroy{padding:28px 20px 0;border-radius:22px}
  .hr-geroy__i{margin:0 -20px}
  .x7 .hr-geroy__p{font-size:16px}
  .x7 a.hr-geroy__k1,.x7 a.hr-geroy__k2{width:100%}
  .hr-rol.hr-rol--ryad{grid-template-columns:1fr}
}

/* 14.10.2026: образы на страницах — тёмная полоса-заголовок, картинки направлений для записей без фото, картинки в карточках */
.hr-pol{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;
  margin:0 0 22px;padding:26px 0 26px 36px;border-radius:24px;background:#05203D;color:#fff}
.hr-pol::before{content:"";position:absolute;left:-160px;top:-240px;width:520px;height:520px;border-radius:50%;background:rgba(40,84,130,.34)}
.hr-pol--bk{grid-template-columns:1fr;padding-right:36px}
.hr-pol--bk::after{content:"";position:absolute;right:-70px;top:-90px;width:210px;height:210px;border-radius:50%;border:36px solid rgba(20,163,154,.3)}
.hr-pol__t{position:relative;z-index:2;min-width:0}
.hr-pol__n{display:inline-block;margin:0 0 10px;padding:5px 12px;border-radius:999px;background:rgba(20,163,154,.22);color:#7FE3DA;font-size:13px;font-weight:600}
.x7 .hr-pol__h{margin:0;color:#fff;font-size:clamp(24px,3.4vw,38px);line-height:1.15;font-weight:700;letter-spacing:-.02em;overflow-wrap:anywhere}
.x7 .hr-pol__p{margin:10px 0 0;max-width:640px;color:rgba(255,255,255,.8);font-size:16px;line-height:1.5}
.hr-pol__i{position:relative;z-index:1;width:300px;margin:-34px 0 -34px 0}
.hr-pol__i img{display:block;width:100%;height:auto;
  -webkit-mask-image:radial-gradient(ellipse 70% 68% at 50% 50%,#000 60%,transparent 100%);mask-image:radial-gradient(ellipse 70% 68% at 50% 50%,#000 60%,transparent 100%)}
.hr-kpic.hr-kpic--n{max-width:520px;margin:0 0 6px;background:#05203D;border-radius:20px}
.hr-kpic--n img{max-height:none}
.hr-vybor__k.hr-vybor__k--f{padding-top:0;overflow:hidden}
.hr-vybor__f{display:block;width:calc(100% + 44px);max-width:none;height:190px;margin:0 -22px 12px;object-fit:cover;background:#05203D}
.hr-empty.hr-empty--k{display:flex;align-items:center;gap:20px}
.hr-empty--k img{flex:none;width:150px;height:auto;border-radius:14px}
@media (max-width:760px){
  .hr-pol{grid-template-columns:1fr;padding:22px 20px;border-radius:20px}
  .hr-pol__i{display:none}
  .hr-pol--bk{padding-right:20px}
  .hr-vybor__f{height:150px}
  .hr-empty.hr-empty--k{flex-direction:column;align-items:flex-start}
  .hr-empty--k img{width:120px}
}
/* поправки 14.10.2026: общий стиль задаёт картинкам height:auto и max-width — перебиваем через .x7 */
.x7 .hr-vybor__k img.hr-vybor__f{display:block;width:calc(100% + 44px);max-width:none;height:190px;margin:0 -22px 12px;object-fit:cover}
.x7 figure.hr-kpic.hr-kpic--n{position:relative;overflow:hidden;display:flex;justify-content:flex-end;align-items:center;max-width:none;height:220px;margin:0 0 6px;padding:0 5%;background:#05203D;border-radius:24px}
.x7 figure.hr-kpic--n::before{content:"";position:absolute;left:-160px;top:-240px;width:520px;height:520px;border-radius:50%;background:rgba(40,84,130,.34)}
.x7 figure.hr-kpic--n img{position:relative;width:auto;height:128%;max-height:none;max-width:none}
@media (max-width:760px){
  .x7 .hr-vybor__k img.hr-vybor__f{height:150px}
  .x7 figure.hr-kpic.hr-kpic--n{height:170px;justify-content:center;border-radius:18px}
}
/* 14.10.2026: картинки в карточках «Разместить» показываем целиком, не обрезая (владелец: «не вписались в кадр») */
.x7 .hr-vybor__k img.hr-vybor__f{height:240px;object-fit:contain;background:#05203D}
.x7 figure.hr-kpic--n img{height:112%}
@media (max-width:760px){ .x7 .hr-vybor__k img.hr-vybor__f{height:200px} }

/* запись без фото: заголовок в полосе; на телефоне картинка направления остаётся под текстом */
.hr-pol-z .hr-pol{margin:6px 0 0}
.hr-pol-z + .x7-sec{padding-top:26px}
@media (max-width:760px){
  .hr-pol-z .hr-pol__i{display:block;width:230px;margin:6px auto -16px}
}
.x7 .hr-vybor__k img.hr-vybor__f{height:auto;aspect-ratio:2.1/1;object-fit:cover}
@media (max-width:760px){ .x7 .hr-vybor__k img.hr-vybor__f{height:auto} }

/* 14.10.2026: картинка в полосе лежит под светлым кругом фона — иначе на телефоне виден её прямоугольник */
.hr-pol__i{position:static;z-index:auto}
.hr-pol::before{z-index:1;pointer-events:none}
.hr-pol-z .hr-pol__i img{-webkit-mask-image:radial-gradient(ellipse 66% 64% at 50% 50%,#000 52%,transparent 96%);mask-image:radial-gradient(ellipse 66% 64% at 50% 50%,#000 52%,transparent 96%)}

/* 14.10.2026: вакансия за сервис — текст для пересылки в карточке CRM */
.x7 .hr-za__t{display:block;width:100%;margin:8px 0;font:inherit;font-size:14px;padding:8px;border:1px solid var(--bd,#d0d7de);border-radius:8px;background:#fff;color:inherit}
.x7 .hr-za .hr-btn{margin:4px 8px 0 0}

/* 14.10.2026: фото сервиса целиком — вертикальное не обрезается, по бокам размытая копия снимка */
.x7 figure.hr-kpic.hr-kpic--f{position:relative;height:clamp(240px,42vw,440px);background:#05203D;isolation:isolate}
.x7 figure.hr-kpic--f::before{content:"";position:absolute;inset:-30px;background:var(--fon) center/cover no-repeat;filter:blur(26px) brightness(.7);z-index:-1}
.x7 figure.hr-kpic--f img{position:relative;width:100%;height:100%;max-height:none;object-fit:contain}
/* 14.10.2026: блок «Фото» в кабинете */
.x7 .hr-fotok{display:flex;gap:16px;align-items:flex-start;margin:18px 0}
.x7 .hr-fotok__i{width:180px;height:120px;object-fit:cover;border-radius:10px;flex:none}
.x7 .hr-fotok__i--a{width:120px;height:120px;border-radius:50%}
.x7 .hr-fotok__f{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0 4px}
.x7 .hr-fotok__f input[type=file]{max-width:100%;font-size:14px}
@media (max-width:600px){.x7 .hr-fotok{flex-direction:column}.x7 .hr-fotok__i{width:100%;height:auto;aspect-ratio:3/2}.x7 .hr-fotok__i--a{width:120px;height:120px}}
/* 14.10.2026: аватар у названия сервиса в карточке вакансии */
.x7 .hr-ava{display:flex;align-items:center;gap:10px}
.x7 .hr-ava__i{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:none;background:var(--bg2)}
/* 14.10.2026: вердикт агента-проверяющего в модерации */
.x7 .hr-agent{margin-top:6px;padding:6px 8px;border-radius:8px;font-size:13px;line-height:1.35}
.x7 .hr-agent--ok{background:#e7f6ee;color:#14532d}
.x7 .hr-agent--v{background:#fdf2e3;color:#7c3e00}
/* 14.10.2026: форма размещения до входа — серая, сверху «Сначала войдите через Telegram» */
.x7 .hr-zakr{position:relative}
.x7 .hr-zakr__fs{border:0;margin:0;padding:0;min-width:0}
.x7 .hr-zakr--on .hr-zakr__fs{opacity:.38;filter:grayscale(1);pointer-events:none;user-select:none}
.x7 .hr-zakr__m{position:sticky;top:90px;z-index:5;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;
  margin:0 0 -64px;padding:14px 16px;border-radius:14px;background:#05203D;color:#fff;box-shadow:0 10px 30px rgba(5,32,61,.25)}
.x7 .hr-zakr__m b{font-size:17px}
.x7 .hr-zakr__m .hr-btn{background:#fff;color:#05203D}

/* 15.10.2026: пояснение в плашке «Сначала войдите» (светлый дублирующий блок убран) */
.x7 .hr-zakr__p{margin:4px 0 0;font-size:14px;line-height:1.4;color:rgba(255,255,255,.8)}
.x7 .hr-zakr--on{margin-top:24px}

/* 15.10.2026: карточка вакансии/резюме — главное плитками, меньше пустоты (владелец: «не наглядно, место впустую») */
.x7 .hr-pol-z + .x7-sec{padding-top:20px}
.x7 .hr-serv{display:flex;align-items:center;gap:12px;margin:0 0 14px;font-size:17px;font-weight:600;color:#0B1F33}
.x7 .hr-serv small{display:block;font-size:12px;font-weight:400;text-transform:uppercase;letter-spacing:.04em;color:#6B7280}
.x7 .hr-fakty{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 14px}
.x7 .hr-fakt{background:#F3F6F9;border-radius:14px;padding:12px 14px;min-width:0}
.x7 .hr-fakt span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#6B7280}
.x7 .hr-fakt b{display:block;margin-top:4px;font-size:16px;font-weight:600;line-height:1.3;color:#0B1F33;overflow-wrap:anywhere}
.x7 .hr-fakt--d{background:#0F2A44}
.x7 .hr-fakt--d span{color:#8FD3CC}
.x7 .hr-fakt--d b{color:#fff;font-size:18px}
.x7 .hr-otm--k{margin:0 0 6px}
.x7 .hr-body h2{margin:22px 0 8px}
@media (max-width:1100px){.x7 .hr-fakty{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* 15.10.2026, владелец: «сделай кликабельной всю карточку» — ссылка заголовка растянута на всю карточку, кнопка «Откликнуться» поверх */
.x7 .hr-list .hr-it--f{position:relative;transition:border-color .15s,box-shadow .15s}
.x7 .hr-list .hr-it--f .hr-it__t::after{content:"";position:absolute;inset:0;border-radius:12px}
.x7 .hr-list .hr-it--f .hr-it__f .hr-btn{position:relative;z-index:1}
.x7 .hr-list .hr-it--f:hover{border-color:#9DB4CC;box-shadow:0 4px 18px rgba(15,42,68,.08)}
.x7 .hr-list .hr-it--f .hr-it__t:hover{text-decoration:none}

/* 15.10.2026, владелец: «чтобы удобно» — список на телефоне сжат, карточка компактнее, кнопка отклика закреплена */
.hr-search__flt{display:none}
.hr-fgr--sort{display:none}
.x7 .hr-it__gor{font-weight:600;color:var(--tx)}
.x7 .hr-list .hr-it__d{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.x7 .hr-otm__e{background:transparent !important;border-color:transparent !important;color:var(--mu) !important}
.hr-otk-fix{display:none}
@media (max-width:860px){
  .x7 .hr-kat .hr-pol{padding:18px 20px;min-height:0}
  .x7 .hr-kat .hr-pol__p,.x7 .hr-kat .hr-pol__i,.x7 .hr-kat .hr-pol__n{display:none}
  .x7 .hr-kat .hr-pol__h{font-size:24px;margin:0}
  .x7 .hr-kat .hr-perekl{margin:12px 0 10px}
  .x7 .hr-kat .hr-search{flex-direction:row;gap:6px;margin:0 0 10px}
  .x7 .hr-kat .hr-search__f{min-height:46px;padding:10px 12px}
  .x7 .hr-kat .hr-search__b{width:auto;min-height:46px;padding:0 14px}
  .x7 .hr-kat .hr-search__flt{display:flex;align-items:center;min-height:46px;padding:0 14px;border:1px solid var(--bd);border-radius:12px;
    font-weight:600;font-size:15px;cursor:pointer;white-space:nowrap;background:#fff}
  .x7 .hr-kat .hr-search__flt.is-on{border-color:var(--ac);color:var(--ac)}
  .x7 .hr-kat .hr-side__sum{display:none}
  .x7 .hr-kat .hr-fsw:not(:checked) ~ .hr-side__m{display:none}
  .x7 .hr-kat .hr-fsw:checked ~ .hr-side__m .hr-side__in{border-top:0}
  .x7 .hr-kat .hr-fgr--sort{display:block}
  .x7 .hr-kat .hr-sort{display:none}
  .x7 .hr-kat .hr-bar{margin-bottom:10px}
  .hr-otk-fix{display:flex;align-items:center;justify-content:center;position:fixed;z-index:59;left:16px;right:16px;
    bottom:calc(64px + env(safe-area-inset-bottom,0px));min-height:52px;border-radius:14px;background:var(--nv);color:#fff !important;
    font-weight:700;font-size:17px;text-decoration:none !important;box-shadow:0 6px 20px rgba(15,42,68,.28);transition:opacity .2s,transform .2s}
  .hr-otk-fix.is-skryt{opacity:0;transform:translateY(12px);pointer-events:none}
}

/* 15.10.2026: страна посетителя по умолчанию и кнопка «Рядом со мной» на карте */
.x7 .hr-geo{margin:0 0 12px;font-size:14px;color:var(--mu)}
.x7 .hr-geo a{color:var(--ac)}
.hr-ryadom{background:#fff;border:2px solid rgba(0,0,0,.2);border-radius:8px;padding:7px 12px;font:600 14px/1.2 inherit;color:#0F2A44;cursor:pointer}
/* 15.10.2026: отклик своим резюме / вход для отклика */
.x7 .hr-otk-a{padding:14px;border:1px solid var(--ac);border-radius:14px;background:#F2FBFA;margin:0 0 6px}
.x7 .hr-otk-a__t{margin:0 0 4px;font-weight:700}
.x7 .hr-otk-a__r{margin:0 0 10px;color:var(--tx)}
.x7 .hr-otk-ili{margin:12px 0 8px;font-size:14px;color:var(--mu)}
.x7 .hr-otk-vhod{width:100%;justify-content:center;box-sizing:border-box}
.x7 .hr-geo__g{color:var(--ac);cursor:pointer;text-decoration:underline}
/* 15.10.2026: вкладка «Статистика» */
.x7 .hr-st-f{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:8px 0 18px}
.x7 .hr-st-p{display:inline-flex;gap:4px;padding:3px;background:var(--bg2);border-radius:999px}
.x7 .hr-st-p a{padding:6px 14px;border-radius:999px;text-decoration:none;color:var(--mu)}
.x7 .hr-st-p a.is-on{background:#fff;color:var(--nv);font-weight:600}
.x7 .hr-st-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 22px}
@media (max-width:900px){.x7 .hr-st-g{grid-template-columns:minmax(0,1fr)}}
.x7 .hr-st-k{border:1px solid var(--bd);border-radius:14px;padding:16px 18px;background:#fff;min-width:0}
.x7 .hr-st-k h2,.x7 .hr-sec h2{margin:0 0 10px;font-size:20px}
.x7 .hr-vr{list-style:none;margin:0 0 10px;padding:0}
.x7 .hr-vr li{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 44px;gap:10px;align-items:center;padding:5px 0;font-size:14px}
.x7 .hr-vr__b{height:12px;background:#EEF2F6;border-radius:6px;overflow:hidden}
.x7 .hr-vr__b i{display:block;height:100%;background:#0F2A44;border-radius:6px}
.x7 .hr-vr li b{text-align:right}
.x7 .hr-st-t{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 10px}
.x7 .hr-st-t th{text-align:left;font-weight:600;color:var(--mu);border-bottom:1px solid var(--bd);padding:6px 8px}
.x7 .hr-st-t td{border-bottom:1px solid var(--bd);padding:6px 8px}
.x7 .hr-st-t--w{max-width:900px}
.x7 .hr-st-f .hr-sel{width:auto;min-width:180px}
/* 15.10.2026: наём в карточке CRM */
.x7 .hr-crm__ok{color:#0a7a5a;font-weight:600}
.x7 .hr-crm__naym{display:inline-flex;gap:8px;align-items:center;margin-top:6px;flex-wrap:wrap}
.x7 .hr-crm__naym input[type=date]{padding:6px 8px;border:1px solid var(--bd);border-radius:8px;font:inherit}
/* 15.10.2026: CRM доской (канбан) */
.x7 .hr-crm__vid{display:flex;gap:14px;align-items:center;margin:4px 0 14px;flex-wrap:wrap}
.x7 .hr-kb{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:12px;overflow-x:auto;padding-bottom:8px;align-items:start}
.x7 .hr-kb__k{background:#F5F7FA;border-radius:14px;padding:10px;min-height:120px;transition:background .15s}
.x7 .hr-kb__k.is-nad{background:#E3EEFB}
.x7 .hr-kb__h{display:flex;justify-content:space-between;align-items:center;margin:0 0 8px;font-size:14px}
.x7 .hr-kb__c{background:#fff;border:1px solid var(--bd);border-radius:10px;padding:10px 12px;margin:0 0 8px;cursor:grab;font-size:14px}
.x7 .hr-kb__c.is-prosr{border-left:4px solid #d64545}
.x7 .hr-kb__c.is-tash{opacity:.5}
.x7 .hr-kb__n{font-weight:700;color:var(--nv);text-decoration:none}
.x7 .hr-kb__s{margin-top:6px;color:var(--tx)}
.x7 .hr-kb__s.is-prosr{color:#b42318;font-weight:600}
.x7 .hr-kb__z{margin-top:6px;color:var(--mu);font-size:13px}
.x7 .hr-crm__vid .hr-st-p{width:max-content;flex:0 0 auto}
.x7 .hr-kb{grid-auto-columns:minmax(158px,1fr)}
/* 15.10.2026: правка записи сотрудником */
.x7 .hr-pravka{max-width:760px}
.x7 .hr-pravka__ch{border:0;padding:0;margin:10px 0 16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:6px}
.x7 .hr-pravka__ch label{font-size:14px}
.x7 .hr-sluzh-kn{display:flex;gap:8px;flex-wrap:wrap}
/* 15.10.2026: блок «Служебное» в кабинете, отступы */
.x7 .hr-sluzh{margin:16px 0 18px}
.x7 .hr-sluzh .hr-sluzh-kn{margin:10px 0 0}
.x7 .hr-sluzh .hr-sm{margin:10px 0 0}
/* 15.10.2026: посадочные страницы */
.x7 .hr-plus{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
@media (max-width:1000px){.x7 .hr-plus{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.x7 .hr-plus{grid-template-columns:minmax(0,1fr)}}
.x7 .hr-plus li{background:#F3F6F9;border-radius:14px;padding:16px 18px}
.x7 .hr-plus b{display:block;font-size:17px;margin:0 0 6px;color:#0B1F33}
.x7 .hr-plus span{display:block;font-size:15px;line-height:1.5;color:var(--mu)}
.x7 .hr-posad-cta{max-width:760px}
/* 15.10.2026, владелец: «отступы» на странице карты */
.x7 .hr-kartas .hr-h1{margin:0 0 10px}
.x7 .hr-kartas .hr-lead{margin:0 0 20px;max-width:720px}
.x7 .hr-kartas .hr-perekl{margin:0 0 22px}
.x7 .hr-kartas .hr-bar{margin:0 0 14px}
.x7 .hr-gorod-v{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 16px}
.x7 .hr-gorod-v label{font-weight:600}
.x7 .hr-gorod-v .hr-sel{width:auto;min-width:240px;max-width:100%}
/* 15.10.2026, владелец: «проверь везде отступы» — найдено проверкой (блоки впритык) */
.x7 .x7-h2 + .x7-art__l{margin-top:14px}
.x7 .hr-it__g + .hr-otm{margin-top:8px}
.x7 .hr-sm + .hr-sm{margin-top:8px}
.x7 .hr-otmf__i + .hr-otmf__p{margin-top:6px}
/* 15.10.2026: отступы на служебных страницах (найдены проверкой «блоки впритык») */
.x7 p.hr-sm{margin-top:10px}
.x7 .hr-st-k .hr-st-t{margin-top:10px}
.x7 .hr-crm__pod + .hr-crm__2{margin-top:14px}
.x7 .hr-crm__zap{margin-top:8px}
.x7 .hr-pravka{margin-top:16px}
.x7 .hr-kb + p.hr-sm{margin-top:14px}
.x7 h2 + .hr-st-t{margin-top:10px}
.x7 .hr-predl{margin:0 0 10px}
.x7 h2 + .hr-st-k{margin-top:10px}
.x7 .hr-predl p{margin:0 0 6px}
/* 15.10.2026: партнёры */
.x7 .hr-partner{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0 4px}
.x7 .hr-partner__b{background:#0F2A44;color:#fff;border-radius:999px;padding:5px 12px;font-size:14px;font-weight:600}
.x7 .hr-partner__m{background:#0F2A44;color:#fff;border-radius:999px;padding:1px 8px;font-size:12px;font-weight:600;vertical-align:middle}
.x7 p.hr-sm + h2{margin-top:24px}
.x7 .hr-partner{margin-bottom:12px}
.x7 .hr-kab-top{margin:0 0 14px;font-size:15px;text-align:right}

/* 15.10.2026, владелец: «у меня нет Телеграма» — запасной вход через почту, вторым планом */
.x7 .hr-zakr__kn{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.x7 .hr-zakr__bez{background:none;border:0;padding:6px 2px;color:rgba(255,255,255,.85);font:inherit;font-size:14px;text-decoration:underline;cursor:pointer}
.x7 .hr-zakr__bez:hover{color:#fff}

/* 15.10.2026, проверка карты на телефоне: карта начиналась ниже первого экрана — на узком экране шапка страницы плотнее */
@media (max-width:600px){
  .x7 .hr-kartas .hr-lead{display:none}
  .x7 .hr-kartas .hr-perekl{margin:0 0 14px}
  .x7 .hr-kartas .hr-gorod-v{margin:0 0 10px}
  .x7 .hr-kartas .hr-gorod-v .hr-sm{display:none}
  .x7 .hr-kartas .hr-bar{margin:0 0 10px}
}
/* 15.10.2026: при дробном зуме (zoomSnap 0.25) между плитками карты видна тонкая полоса — плитки внахлёст на полпикселя */
.x7 .hr-karta .leaflet-tile-container img{width:256.5px!important;height:256.5px!important}
/* 16.10.2026: значки над городом в списке резюме стояли впритык (2 px) */
.x7 .hr-it__zn + .hr-it__g{margin-top:6px}