/* ═══════════════════════════════════════════════════════════════════════
   static/boshqaruv/css/rekruting.css
   boshqaruv/rekruting — Arizalar + Vakansiyalar (BIRLASHTIRILGAN sahifa).

   Manba: staff/templates/staff/index.html'ning ICHKI <style> bloki (staff
   ilovasida bitta umumiy inline <style>, alohida CSS fayl yo'q edi).
   Bu yerga FAQAT viewJobs()/viewApplications() va ularning chaqiruv
   zanjiri (kanban, ariza kartochkasi, ariza tafsilot modali, qo'lda ariza
   qo'shish anketasi, "Rad etildi" popover, maxsus dropdown, Suhbat
   (Chatter) qatori) ISHLATADIGAN klasslar ko'chirildi — generik/umumiy
   klasslar (.hb-kanban*, .hb-table*, .hb-chip, .hb-stat va h.k.) BU YERDA
   YO'Q, ular allaqachon static/shared/hb-components.css va
   static/shared/ui/hb-kit.css orqali platforma bo'ylab yuklanadi (shell
   asosidagi shared/hb_shell_base.html). Chatter (.hbc-*) klasslari ham
   BU YERDA YO'Q — o'zining static/hrm_discuss/chatter.css fayli bor,
   shablonda alohida <link> bilan ulanadi.

   DIQQAT: eski yo'l (static/staff/js/app.js, /hrm/staff/#/jobs va
   #/applications) TEGILMAGAN — bu mustaqil nusxa, faqat shu yangi
   sahifa (/boshqaruv/rekruting/) uchun. Duplikatsiya ATAYLAB — CSS
   nusxalanishi past xavfli (JS/Python logikasidan farqli), noaniq
   holatda "kiritish" tavsiya etilgan (TZ topshirig'i). */

/* ── Sahifa o'rami ── */
.wrap{max-width:100%; margin:0; padding:20px 28px}
@media(max-width:760px){
  .wrap{padding:12px 12px 20px}
}

/* ⚠️ RANGLAR (2026-09-13, buyurtmachi: "mana shu yerdagi har qanday
   ranglardan oqdan foydalan... bu qaymoqrangdan umuman foydalanma...
   o'shanaqa rang keladigan paytda oqdan foydalan har doim"). Platforma
   tokeni `--hb-sfc2` yorug' mavzuda #F1EFE8 (iliq, "qaymoqrang" tus) —
   chip/combobox/jadval sarlavhasi/hover foni sifatida PLATFORMA
   BO'YLAB ishlatiladi. Global tokenni o'zgartirish BUTUN tizimga
   ta'sir qilardi, shu bois FAQAT shu sahifa doirasida (`.rekruting-scope`)
   uni asosiy sirt rangiga (`--hb-sfc`, doim oq/mavzuga mos) tenglashtiramiz —
   pastdagi HAR BIR komponent (combobox, chip, jadval, tugma) o'zgarishsiz
   shu bitta o'zgaruvchidan o'qiydi, alohida-alohida override yozish
   shart emas. */
.rekruting-scope{ --hb-sfc2:var(--hb-sfc); --hb-bg2:var(--hb-sfc); }

/* ── Toolbar (qidiruv qatori) ── */
.toolbar{display:flex; gap:10px; flex-wrap:wrap; align-items:center; margin-bottom:16px}
.toolbar > .hb-search{flex:1; min-width:210px}
/* Toolbar ichidagi HAMMA boshqaruv bir xil balandlikda (2026-09-13,
   buyurtmachi: "shu filtrdagi barcha tugmalarni bir xil standart
   o'lchamda qil, balandlik jihatdan bir xil bo'lishi kerak") — qidiruv,
   lavozim selecti, davr tugmalari/selecti, eksport ikonkalari HAMMASI
   38px. Faqat `.toolbar` ichida — boshqa ekranlardagi shu klasslarga
   tegilmadi. */
.toolbar .hb-search{ height:38px; }
.toolbar .hbk-combo-trigger{ height:38px; padding-top:0; padding-bottom:0; box-sizing:border-box; }
.toolbar .hb-tab{ height:38px; }
.toolbar .hb-iconbtn{ width:38px; height:38px; }

/* ── Ko'rinish tanlagich (Kanban | Ro'yxat) ── */
.hb-view-switcher{
  display:inline-flex; align-items:center; background:var(--hb-sfc);
  border:1px solid var(--hb-brd); border-radius:9px; padding:2px; height:38px;
  box-sizing:border-box;
}
.hb-view-btn{
  display:inline-flex; align-items:center; gap:6px; height:32px; padding:0 12px;
  border:none; border-radius:7px; background:transparent; color:var(--hb-mut);
  font-size:12.5px; font-weight:700; cursor:pointer; transition:.15s; font-family:inherit;
}
.hb-view-btn:hover{ color:var(--hb-txt); background:var(--hb-bg); }
.hb-view-btn.active{
  /* 2026-09-27 (R26): oq matn teal fonda 2,27 edi → to'q "ink" matn (~8:1) */
  background:var(--hb-acc); color:var(--hb-acc-ink, #0B1F19); font-weight:800;
  box-shadow:0 1px 4px color-mix(in srgb, var(--hb-acc) 30%, transparent);
}

/* ── Panel joylashuvi (yuza — hb-card hb-card-pad, bu yerda faqat bo'shliq) ── */
.panel{margin-bottom:20px}
.panel-title{font-size:14px; font-weight:800; color:var(--hb-txt); display:flex; align-items:center; gap:8px; margin-bottom:4px}
.panel-desc{font-size:12px; color:var(--hb-mut); margin-bottom:14px}
.pager{display:flex; justify-content:center; align-items:center; gap:10px; margin-top:16px}

/* ── Forma grid (2 ustunli forma qatorlari; o'lik .fgrid-3/.checkline/.simple-table*
   2026-09-27 da olib tashlandi — P4) ── */
.fgrid{display:grid; grid-template-columns:repeat(2,1fr); gap:16px 20px}
@media(max-width:640px){
  .fgrid{grid-template-columns:1fr}
}
.hb-field.full{grid-column:1/-1}

/* ── Telefon input o'rami (addManualApplicant/ariza tahrirlash) ── */
.phone-inwrap{display:flex; align-items:center; gap:8px; padding:0 12px; border:1px solid var(--hb-brd);
  border-radius:9px; background:var(--hb-sfc); transition:.15s}
.phone-inwrap:focus-within{border-color:var(--hb-acc); box-shadow:0 0 0 3px color-mix(in srgb, var(--hb-acc) 18%, transparent)}
.phone-inwrap .phone-prefix{font-weight:700; color:var(--hb-mut); flex-shrink:0}
.phone-inwrap input{flex:1; border:none; background:none; padding:12px 0; font-size:14px; color:var(--hb-txt);
  outline:none; font-family:inherit; width:100%}

/* ── Qo'lda ariza qo'shish / anketa tahrirlash (manual questionnaire) ── */
.mq-top{position:sticky; top:0; z-index:3; background:var(--hb-sfc);
  padding:0 0 12px; margin-bottom:4px}
.mq-prog{display:flex; align-items:center; gap:12px; margin-bottom:10px}
.mq-prog-bar{flex:1 1 auto; height:6px; border-radius:99px; background:var(--hb-sfc2);
  overflow:hidden}
.mq-prog-bar i{display:block; height:100%; width:0; border-radius:99px;
  background:var(--hb-acc); transition:width .25s ease}
.mq-prog-t{flex:0 0 auto; font-size:12px; font-weight:800; color:var(--hb-mut);
  font-variant-numeric:tabular-nums; white-space:nowrap}
.mq-hint{margin:0}
.mq-grid{display:grid; grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px 16px; align-items:start}
.mq-grid > .mq-wide{grid-column:1 / -1}
.mq-f > label{display:block; font-size:11.5px; font-weight:700; line-height:1.35;
  margin-bottom:5px; color:var(--hb-mut)}
.mq-f.is-filled > label{color:var(--hb-acc)}
.mq-notes{margin-top:16px}
@media (max-width:760px){
  .mq-grid{grid-template-columns:1fr}
  .mq-prog-t{font-size:11px}
}

/* ── Ariza tafsiloti modali — sarlavha (apm-*) ── */
.apm-hd{display:flex; align-items:center; gap:14px; padding:15px 17px; margin-bottom:16px;
  border:1px solid var(--hb-brd); border-radius:var(--hb-radius-sm);
  background:color-mix(in srgb, var(--hb-sfc2) 78%, transparent);
  -webkit-backdrop-filter:blur(14px) saturate(150%); backdrop-filter:blur(14px) saturate(150%)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .apm-hd{ background:var(--hb-sfc2); }
}
/* 2026-09-27 (R26): avatar — boshqa joylardagidek ismdan rang + oq matn
   (JS inline `background` beradi); avval och-yashil fonda yashil matn 2,27 edi. */
.apm-av{width:46px; height:46px; border-radius:14px; flex-shrink:0; display:flex;
  align-items:center; justify-content:center; font-size:16px; font-weight:800;
  background:var(--hb-acc-text, var(--hb-acc)); color:#fff; letter-spacing:.5px}
.apm-id{flex:1; min-width:0}
.apm-name{font-size:19px; font-weight:800; letter-spacing:-.01em; line-height:1.25;
  word-break:break-word}
.apm-meta{display:flex; flex-wrap:wrap; gap:4px 18px; margin-top:5px;
  font-size:12.5px; color:var(--hb-mut)}
.apm-meta span{position:relative}
.apm-meta span:not(:last-child)::after{content:'·'; position:absolute; right:-11px;
  color:var(--hb-brd2); font-weight:700}
.apm-stage{flex-shrink:0; padding:3px 10px; border-radius:var(--hb-pill);
  font-size:12px; font-weight:800; background:color-mix(in srgb, var(--hb-acc) 14%, var(--hb-sfc));
  color:var(--hb-acc-text, var(--hb-acc))}
.apm-stage.is-reject{ background:color-mix(in srgb, var(--hb-danger) 12%, var(--hb-sfc)); color:var(--rk-danger-text, var(--hb-danger)); }
.apm-meta{ align-items:center; }
.apm-meta .apm-stage::after{ display:none; }
/* Sarlavhadagi asosiy qarorlar (R18) */
.apm-acts{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; justify-content:flex-end; flex-shrink:0; max-width:52%; }
.apm-grid{display:grid; grid-template-columns:minmax(0,368px) minmax(0,1fr);
  gap:20px; align-items:start}
.apm-col{min-width:0}
@media (min-width:1001px){
  .apm-col:first-child{position:sticky; top:0}
}
@media (max-width:1000px){
  .apm-grid{grid-template-columns:1fr; gap:14px}
  .apm-hd{gap:11px; padding:13px 14px; flex-wrap:wrap}
  .apm-id{flex-basis:calc(100% - 60px)}
  .apm-name{font-size:17px}
  .apm-acts{max-width:none; width:100%; justify-content:flex-start; margin-left:57px}
}
@media (max-width:560px){
  .apm-meta{flex-direction:column; align-items:flex-start; gap:3px}
  .apm-meta span::after{display:none}
  .apm-acts{margin-left:0}
  .apm-acts > *{flex:1 1 auto; justify-content:center}
}

/* ── Arizalar — "Ro'yxat" ko'rinishi: karta panjarasi ── */
.hb-app-grid{display:grid; grid-template-columns:repeat(auto-fill, minmax(min(340px,100%),1fr));
  gap:16px; width:100%}
.hb-app-card{display:flex; flex-direction:column; gap:10px; padding:16px;
  border-radius:var(--hb-radius); border:1px solid var(--hb-brd); background:var(--hb-sfc);
  cursor:pointer; transition:border-color .15s, box-shadow .15s}
.hb-app-card:hover{border-color:var(--hb-acc); box-shadow:var(--hb-shadow-sm)}
.hb-app-card:focus-visible{outline:2px solid var(--hb-acc); outline-offset:2px}
.hb-app-card-top{display:flex; align-items:center; gap:12px; min-width:0}
.hb-app-card-id{display:flex; flex-direction:column; min-width:0; gap:2px}
.hb-app-card-name{font-weight:700; font-size:14.5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.hb-app-card-job{font-size:12.5px; color:var(--hb-mut); overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.hb-app-card-meta{display:flex; flex-wrap:wrap; gap:6px 14px; font-size:12.5px; color:var(--hb-mut)}
.hb-app-card-num{font-variant-numeric:tabular-nums}
.hb-app-card-foot{display:flex; flex-wrap:wrap; gap:6px; align-items:center; margin-top:2px}

/* ── auth blocker (login/ruxsat yo'q ekranlari) ── */
.authblock{max-width:440px; margin:12vh auto; text-align:center; background:var(--hb-sfc); border:1px solid var(--hb-brd);
  border-radius:16px; padding:40px 30px; box-shadow:var(--hb-shadow)}
.authblock .ai{font-size:48px; margin-bottom:14px}

/* ── Bosqichlar/Tahlil tablari + KPI plitkalari + kichik yordamchilar ── */
.subtabs{display:flex; gap:8px; margin-bottom:18px; overflow-x:auto; padding-bottom:2px}
.kpis{display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:10px; margin-bottom:20px}
.stars{color:var(--hb-warning); font-size:11px; letter-spacing:1px; display:inline-flex; gap:1px; vertical-align:middle}
.stars .hb-ico.is-on{fill:currentColor}
.doc-row{display:flex; justify-content:space-between; align-items:center; padding:7px 0; border-bottom:1px solid var(--hb-brd); font-size:12.5px}
.doc-row:last-child{border-bottom:none}
button.doc-row{appearance:none; -webkit-appearance:none; border-left:none; border-right:none; border-top:none;
  background:none; margin:0; font:inherit; color:inherit; text-align:left}
.doc-dl{color:var(--hb-acc); font-weight:700; font-size:11px; text-decoration:none; background:color-mix(in srgb, var(--hb-acc) 14%, var(--hb-sfc)); padding:4px 10px; border-radius:8px}

/* ── Faoliyat/tarix mini-jadval (baholash, to'liq tarix) ── */
.tl-item{position:relative; padding:0 0 14px 18px; border-left:2px solid var(--hb-brd)}
.tl-item:last-child{border-left-color:transparent; padding-bottom:0}
.tl-item::before{content:''; position:absolute; left:-5px; top:2px; width:8px; height:8px; border-radius:50%; background:var(--hb-acc)}
.tl-author{font-weight:700; font-size:12px; color:var(--hb-txt)}
.tl-date{font-size:10px; color:var(--hb-mut); margin-left:6px; font-weight:600}
.tl-body{font-size:11.5px; color:var(--hb-mut); margin-top:2px; line-height:1.5}
.mf-row{display:flex; justify-content:space-between; padding:8px 0; border-bottom:1px solid var(--hb-brd); font-size:12.5px}
.mf-row:last-child{border-bottom:none}
.mf-row .l{color:var(--hb-mut); font-weight:600}
.mf-row .v{color:var(--hb-txt); font-weight:700; text-align:right}

/* ── Anketa/rezyume matni ── */
.resume-text{color:var(--hb-txt); font-size:13.5px; line-height:1.7; white-space:pre-wrap; word-break:break-word}

/* ── Maxsus dropdown (renderCustomSelect) — bosqich tanlash va h.k. ── */
.csel{position:relative; min-width:190px}
.csel-box{display:flex; align-items:center; justify-content:space-between; gap:8px; padding:10px 12px;
  border:1px solid var(--hb-brd); border-radius:10px; background:var(--hb-sfc); font-size:13px; cursor:pointer; user-select:none;
  width:100%; text-align:left; font-family:inherit; color:var(--hb-txt); appearance:none; -webkit-appearance:none}
.csel-box:hover{border-color:var(--hb-acc)}
.csel.open .csel-box{border-color:var(--hb-acc); box-shadow:0 0 0 3px color-mix(in srgb, var(--hb-acc) 18%, transparent)}
.csel-arrow{color:var(--hb-mut); font-size:11px; transition:transform .15s; flex-shrink:0}
.csel.open .csel-arrow{transform:rotate(180deg)}
.csel-menu{display:none; position:absolute; top:calc(100% + 6px); left:0; right:0; z-index:80; background:var(--hb-sfc);
  border:1px solid var(--hb-brd); border-radius:12px; box-shadow:var(--hb-shadow); padding:6px; max-height:280px; overflow-y:auto}
.csel.open .csel-menu{display:block}
.csel-opt{padding:9px 12px; border-radius:8px; font-size:13px; cursor:pointer; color:var(--hb-txt);
  display:block; width:100%; border:none; background:none; text-align:left; font-family:inherit;
  appearance:none; -webkit-appearance:none}
.csel-opt:hover{background:var(--hb-sfc2)}
.csel-opt.active{background:color-mix(in srgb, var(--hb-acc) 14%, var(--hb-sfc)); color:var(--hb-acc); font-weight:700}

/* ── Kanban "Rad etildi" ustunidagi ⓘ popover (toggleRejPopover) ── */
.rej-pop{position:fixed; z-index:150; min-width:210px; max-width:260px; background:var(--hb-sfc);
  border:1px solid var(--hb-brd); border-radius:12px; box-shadow:var(--hb-shadow); padding:10px 12px 4px;
  overflow-y:auto}
.rej-pop-title{font-size:11px; font-weight:800; color:var(--hb-mut); text-transform:uppercase;
  letter-spacing:.02em; margin-bottom:8px}
.rej-pop-row{display:flex; align-items:center; justify-content:space-between; gap:10px;
  padding:5px 0 6px; border-bottom:1px solid var(--hb-brd); font-size:12.5px}
.rej-pop-row:last-child{border-bottom:none}
.rej-pop-row .rp-lbl{color:var(--hb-txt); font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.rej-pop-row .rp-val{color:var(--hb-danger); font-weight:800; flex-shrink:0}

/* ═══════════════════════════ REKRUTING — SHRIFT KATTALASHTIRISH + "SHISHA"
   ko'rinish (staff/templates/staff/index.html'dan AYNAN ko'chirilgan,
   2026-07-31 / 2026-08-19 / 2026-08-21 qatlamlari). Original faylda bu
   qoidalar `.rekruting-scope` (viewJobs()/viewApplications() ichidagi
   `<div class="wrap">`ga qo'shilgan klass) ostida edi — YANGI sahifada ham
   xuddi shu klass ATAYLAB saqlanadi (asl nomlanish, faqat ko'chirish). ═══ */
.rekruting-scope .panel-title{font-size:15px}
.rekruting-scope .panel-desc{font-size:13px}
.rekruting-scope .hb-tab{font-size:13.5px}
.rekruting-scope .hb-stat-label{font-size:12.5px}
.rekruting-scope .hb-stat-val{font-size:30px}
.rekruting-scope .hb-stat-sub{font-size:12.5px}
.rekruting-scope .hb-bar-row{font-size:13px}
.rekruting-scope .hb-bar-val{font-size:12.5px}
.rekruting-scope .hb-table{font-size:14.5px}
.rekruting-scope .hb-table th{font-size:12px}
.rekruting-scope .hb-hint{font-size:12.5px}
.rekruting-scope .hb-chip{font-size:12px}
.rekruting-scope .hb-avatar{font-size:13px}
.rekruting-scope .hb-progress-lbl{font-size:12.5px}
.rekruting-scope .hb-kanban-col-name{font-size:15px}
.rekruting-scope .hb-kanban-col-count{font-size:13px}
.rekruting-scope .hb-kanban-card-name{font-size:15px}
.rekruting-scope .hb-kanban-card-sub{font-size:13px}
.rekruting-scope .hb-kanban-empty{font-size:12.5px}
.rekruting-scope .hb-kanban-col-head{padding:4px 6px 8px; border-bottom:1px solid var(--hb-brd); margin-bottom:2px}
.rekruting-scope .kpi .v{font-size:28px}
.rekruting-scope .kpi .l{font-size:12px}
.rekruting-scope .hb-section-title{font-size:16px}
.rekruting-scope .hb-search input{font-size:15px}
.rekruting-scope .csel-box{font-size:14px}
.rekruting-scope .csel-opt{font-size:14px}
.rekruting-scope .hb-btn-sm{font-size:13px}
.rekruting-scope .stars{font-size:12px}

.rekruting-scope .hb-kanban-card{
  background:color-mix(in srgb, var(--hb-sfc) 82%, transparent);
  -webkit-backdrop-filter:blur(16px) saturate(160%); backdrop-filter:blur(16px) saturate(160%);
  border-radius:var(--hb-radius);
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .rekruting-scope .hb-kanban-card{ background:var(--hb-sfc); }
}

.rekruting-scope .hb-bar-track{
  background:color-mix(in srgb, var(--hb-sfc2) 55%, transparent);
  box-shadow:inset 0 1px 3px color-mix(in srgb, var(--hb-txt) 14%, transparent);
  border:1px solid color-mix(in srgb, var(--hb-txt) 8%, transparent);
}
.rekruting-scope .hb-bar-fill{
  background:linear-gradient(180deg,
    color-mix(in srgb, #fff 30%, var(--hb-acc)) 0%,
    var(--hb-acc) 55%,
    color-mix(in srgb, #000 8%, var(--hb-acc)) 100%);
  box-shadow:0 1px 1px color-mix(in srgb, #fff 40%, transparent) inset;
}

.rekruting-scope .kpis .hb-stat{
  background:color-mix(in srgb, var(--hb-sfc) 82%, transparent);
  -webkit-backdrop-filter:blur(16px) saturate(160%); backdrop-filter:blur(16px) saturate(160%);
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .rekruting-scope .kpis .hb-stat{ background:var(--hb-sfc); }
}

.rekruting-scope .hb-app-card{
  background:color-mix(in srgb, var(--hb-sfc) 82%, transparent);
  -webkit-backdrop-filter:blur(16px) saturate(160%); backdrop-filter:blur(16px) saturate(160%);
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .rekruting-scope .hb-app-card{ background:var(--hb-sfc); }
}

/* ═══════════════════════════════════════════════════════════════════════
   NOMZOD YO'LI — 2026-09-08
   Sahifadagi eng birinchi blok: talabdan xodimgacha bo'lgan BUTUN jarayon
   bitta qatorda. Chizish mantig'i — jobs.js::renderJourney().

   ⚠️ TOKENLAR HAQIDA (shu faylni tahrirlaydigan keyingi odam uchun):
   bu faylning YUQORIDAGI qismi ilgari `var(--accent)`, `var(--panel)`,
   `var(--text)`, `var(--border)` kabi nomlarni ishlatardi — ular bu
   sahifada HECH QAYERDA aniqlanmagan edi (faqat boshqaruv/css/
   sorovnoma-admin.css o'zi uchun e'lon qiladi, rekruting sahifasi u
   faylni yuklamaydi), ya'ni border/background/box-shadow kabi
   inherited-BO'LMAGAN xossalar jimgina bo'sh (initial qiymat)ga tushib
   qolardi — 2026-09-13 da buyurtmachi "Adaptatsiya"/"Rad etildi"
   popoverini "dizayn umuman yo'q" deb ta'riflagani AYNAN shu sabab edi
   (mf-row, csel-*, rej-pop*, apm-*, doc-row, tl-item, hb-app-card va
   h.k.). BARCHASI endi platforma tokenlariga (`--hb-*`,
   static/shared/hb-tokens.css) o'tkazildi. Yangi qoida yozganda ham
   AYNAN shularni ishlating — boshqa nom o'ylab topmang, avval shu
   fayldagi mavjud `--hb-*` ro'yxatiga qarang.

   Uch holat (JS `rj-todo`/`rj-zero`/`rj-on` klassini qo'yadi):
     rj-on    — bosqich ishlaydi va ichida odam bor  (to'q, aksent)
     rj-zero  — bosqich ishlaydi, lekin hozir bo'sh  (och, kulrang ramka)
     rj-todo  — bosqich HALI QURILMAGAN             (punktir, so'ngan)

   Ulovchi chiziq `::before` bilan: har qadam O'ZINING chap yarmidan
   oldingi qadam MARKAZIGACHA chizadi (`left:-50%; right:50%`). Shu bois
   qadamlar TENG kenglikda bo'lishi SHART (`flex:1 1 0`) — aks holda
   chiziq doiralarga tegmay qoladi. Doira `z-index:1` va o'z foni bilan
   chiziq ustida turadi.
   ═══════════════════════════════════════════════════════════════════════ */
.rekruting-scope .rj-card{ padding:16px 18px 14px; }
.rekruting-scope .rj-head{
  display:flex; align-items:center; justify-content:space-between;
  gap:10px; flex-wrap:wrap; margin-bottom:16px;
}
.rekruting-scope .rj-title{
  font-size:12.5px; font-weight:800; letter-spacing:.06em;
  text-transform:uppercase; color:var(--hb-txt);
}
.rekruting-scope .rj-sub{ font-size:12.5px; color:var(--hb-mut); margin-left:8px; }

.rekruting-scope .rj-strip{
  display:flex; align-items:flex-start; overflow-x:auto; overflow-y:hidden;
  padding:2px 0 6px; scrollbar-width:thin;
}
.rekruting-scope .rj-step{
  position:relative; flex:1 1 0; min-width:96px;
  display:flex; flex-direction:column; align-items:center; gap:8px;
  padding:4px 2px 2px; background:none; border:0; cursor:pointer;
  color:inherit; font:inherit; text-align:center;
}
/* Ulovchi chiziq — oldingi qadam markazidan shu qadam markazigacha */
.rekruting-scope .rj-step::before{
  content:''; position:absolute; top:24px; left:-50%; right:50%;
  border-top:2px solid var(--hb-acc); z-index:0;
}
.rekruting-scope .rj-step:first-child::before{ display:none; }
.rekruting-scope .rj-step.rj-dashed::before{
  border-top:2px dashed var(--hb-brd2);
}
.rekruting-scope .rj-dot{
  position:relative; z-index:1; width:50px; height:50px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  line-height:1; box-sizing:border-box;
  transition:transform .16s, box-shadow .16s;
}
.rekruting-scope .rj-lbl{
  font-size:11.5px; font-weight:700; color:var(--hb-txt);
  line-height:1.25; max-width:100%; word-break:break-word;
}
.rekruting-scope .rj-num{ font-size:16px; font-weight:800; color:var(--hb-txt); line-height:1; }

/* — ishlaydi, ichida odam bor — */
.rekruting-scope .rj-on .rj-dot{
  background:color-mix(in srgb, var(--hb-acc) 16%, var(--hb-sfc));
  border:2px solid var(--hb-acc);
}
/* — ishlaydi, lekin hozir bo'sh — */
.rekruting-scope .rj-zero .rj-dot{
  background:var(--hb-sfc2); border:2px solid var(--hb-brd2);
}
.rekruting-scope .rj-zero .rj-num,
.rekruting-scope .rj-zero .rj-lbl{ color:var(--hb-mut); }
/* — hali qurilmagan — */
.rekruting-scope .rj-todo .rj-dot{
  background:transparent; border:2px dashed var(--hb-brd2);
}
.rekruting-scope .rj-todo .rj-ic{ filter:grayscale(1); opacity:.55; }
.rekruting-scope .rj-todo .rj-lbl,
.rekruting-scope .rj-todo .rj-num{ color:var(--hb-mut); opacity:.85; }

.rekruting-scope .rj-step:hover .rj-dot{ transform:translateY(-2px); }
.rekruting-scope .rj-on:hover .rj-dot{
  box-shadow:0 4px 14px color-mix(in srgb, var(--hb-acc) 32%, transparent);
}
.rekruting-scope .rj-step:focus-visible{ outline:2px solid var(--hb-acc); outline-offset:3px; border-radius:12px; }

/* Yo'ldagi bosqich bosilganda — kanbandagi mos ustun qisqa yonib qo'yadi */
.rekruting-scope .hb-kanban-col.rj-flash{
  box-shadow:0 0 0 2px var(--hb-acc), 0 6px 20px color-mix(in srgb, var(--hb-acc) 26%, transparent);
  border-radius:var(--hb-radius-sm); transition:box-shadow .25s;
}

/* Mobil: qadamlar qisqarmaydi — tasma gorizontal sirg'aladi */
@media (max-width:860px){
  .rekruting-scope .rj-step{ flex:0 0 86px; min-width:86px; }
  .rekruting-scope .rj-dot{ width:44px; height:44px; }
  .rekruting-scope .rj-step::before{ top:21px; }
  .rekruting-scope .rj-lbl{ font-size:11px; }
}

/* ── Bosqich video yo'riqnomasi (2026-09-14, uch bosqichda sayqallandi) —
   jobs.js::showRjVideo()/openRjVideoModal().
   1) sahifada FAQAT kichik bosiladigan eskiz (thumbnail) turadi;
   2) eskiz sarlavha bilan BIR QATORDA, O'NG tomonda, ixcham (110px);
      "✕" yopish tugmasi YO'Q — buyurtmachi: "doimiy chiqib tursin video";
   3) bosilganda haqiqiy video UI Kit modalida (`.rj-video-modal`) OQ
      PADDING'SIZ, chekkalariga yopishgan holda ochiladi (buyurtmachi:
      "chetidagi oq fon umuman kerak emas"). Modal `document.body`ga
      qo'shiladi — shu bois `.rj-video-frame`/`.rj-video-modal` ATAYLAB
      `.rekruting-scope` bilan CHEGARALANMAGAN. */
/* 2026-09-27 (N6): doimiy eskiz (.rj-video*, .rj-video-thumb, .rj-video-play) olib
   tashlandi — endi sarlavhadagi .rj-video-btn (fayl oxiri). */
/* Modalning O'ZI — document.body darajasida, `.rekruting-scope` TASHQARISIDA
   (yuqoridagi izohga qarang), shu bois qamrovsiz. */
.rj-video-frame{
  position:relative; width:100%; aspect-ratio:16/9; background:#000;
}
.rj-video-frame iframe,
.rj-video-frame video{
  position:absolute; inset:0; width:100%; height:100%; border:0;
}
/* Video modalida oq padding YO'Q — video to'g'ridan-to'g'ri chekkalarga
   yopishadi (faqat sarlavha qatori qoladi). */
.rj-video-modal .hbk-modal-body{ padding:0; }
/* 2026-09-14 (to'rtinchi tuzatish, buyurtmachi: "hozirgidan bir yarim-
   ikki barobar kattaroq qilsang ham yaxshi bo'ladi") — standart "lg"
   (820px) o'rniga sezilarli kattaroq. Mobil/tor ekranda hb-kit.css'ning
   umumiy qoidasi (`max-width:none`, ≤560px) baribir ustun keladi. */
.rj-video-modal .hbk-modal-lg{ max-width:1400px; }

/* ── Bo'sh natija — animatsiyali SVG (2026-09-14) — shared.js::rjEmptySvg().
   Umumiy UI Kit'ning statik "hb-empty"i O'RNIGA, faqat shu sahifada. */
.rekruting-scope .rj-empty{
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:8px; padding:34px 16px; color:var(--hb-mut); text-align:center;
}
.rekruting-scope .rj-empty-svg{ color:var(--hb-brd2); }
.rekruting-scope .rj-empty-box{
  transform-origin:60px 78px; animation:rj-empty-float 2.6s ease-in-out infinite;
}
.rekruting-scope .rj-empty-shadow{
  fill:var(--hb-brd2); transform-origin:60px 78px; animation:rj-empty-shadow 2.6s ease-in-out infinite;
}
.rekruting-scope .rj-empty-title{ font-size:13.5px; font-weight:700; color:var(--hb-txt); }
.rekruting-scope .rj-empty-text{ font-size:12px; }
@keyframes rj-empty-float{ 0%, 100% { transform:translateY(0); } 50% { transform:translateY(-9px); } }
@keyframes rj-empty-shadow{ 0%, 100% { opacity:.55; transform:scaleX(1); } 50% { opacity:.25; transform:scaleX(.78); } }
@media (prefers-reduced-motion: reduce){
  .rekruting-scope .rj-empty-box, .rekruting-scope .rj-empty-shadow{ animation:none; }
}

/* ── Lavozim profili — vakansiya oynasidagi bo'lim (2026-09-08) ──────────
   Tokenlar: platforma (`--hb-*`), yuqoridagi NOMZOD YO'LI blokidagi
   ogohlantirishga qarang. */
.jp-sect{
  margin-top:18px; padding:14px 14px 4px;
  border:1px solid var(--hb-brd); border-radius:var(--hb-radius-sm);
  background:color-mix(in srgb, var(--hb-acc) 4%, transparent);
}
.jp-sect-head{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:4px; }
/* ── Bosqich videolari admin (#/videos) — 2026-09-27 (D1) IXCHAM RO'YXAT +
   bitta tahrir oynasi (jobs.js::renderStageVideosAdmin/editStageVideo).
   Oyna document.body'da — .sv-edit/.sv-frame/.sv-empty qamrovsiz. ── */
.rekruting-scope .sv-list{ display:flex; flex-direction:column; border:1px solid var(--hb-brd); border-radius:var(--hb-radius-sm); overflow:hidden; background:var(--hb-sfc); }
.rekruting-scope .sv-item{ display:flex; align-items:center; gap:14px; padding:10px 14px; }
.rekruting-scope .sv-item + .sv-item{ border-top:1px solid var(--hb-brd); }
.rekruting-scope .sv-thumb{
  position:relative; flex:none; width:96px; aspect-ratio:16/9; padding:0; overflow:hidden; cursor:pointer;
  border:1px solid var(--hb-brd); border-radius:8px; background:var(--hb-sfc);
  display:flex; align-items:center; justify-content:center; color:var(--hb-mut);
}
.rekruting-scope .sv-thumb img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.rekruting-scope .sv-thumb-play{
  position:absolute; width:26px; height:26px; border-radius:99px; display:flex; align-items:center; justify-content:center;
  background:color-mix(in srgb, #000 55%, transparent); color:#fff;
}
.rekruting-scope .sv-thumb:hover{ border-color:var(--hb-acc); }
.rekruting-scope .sv-thumb:focus-visible{ outline:2px solid var(--hb-acc); outline-offset:2px; }
.rekruting-scope .sv-main{ flex:1; min-width:0; }
.rekruting-scope .sv-name{ display:flex; align-items:center; gap:8px; font-weight:800; font-size:13.5px; color:var(--hb-txt); }
.rekruting-scope .sv-name .hb-ico{ flex:none; width:18px; height:18px; color:var(--hb-acc-text, var(--hb-acc)); }
.rekruting-scope .sv-cap{ margin-top:2px; font-size:12.5px; color:var(--hb-mut); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.rekruting-scope .sv-state{ flex:none; border:1px solid var(--hb-brd); }
.rekruting-scope .sv-acts{ flex:none; display:flex; align-items:center; gap:6px; }
@media (max-width:760px){
  .rekruting-scope .sv-item{ flex-wrap:wrap; gap:8px 12px; padding:12px; }
  .rekruting-scope .sv-thumb{ width:84px; }
  .rekruting-scope .sv-main{ flex:1 1 calc(100% - 100px); }
  .rekruting-scope .sv-state{ margin-left:96px; }
  .rekruting-scope .sv-acts{ margin-left:auto; }
}
.sv-frame{ max-width:560px; margin:8px 0 14px; border-radius:var(--hb-radius-sm); overflow:hidden; }
.sv-empty{
  display:flex; align-items:center; gap:10px; margin:8px 0 14px; padding:10px 12px;
  border:1px dashed var(--hb-brd); border-radius:var(--hb-radius-sm);
  background:color-mix(in srgb, var(--hb-acc) 6%, var(--hb-sfc)); color:var(--hb-mut); font-size:12.5px;
}
.sv-empty .hb-ico{ flex:none; color:var(--hb-acc-text, var(--hb-acc)); }
.sv-edit-now{ display:flex; align-items:center; gap:8px; font-size:12.5px; font-weight:700; color:var(--hb-mut); }
.sv-edit .hb-field.hbk-field-flush{ margin-bottom:14px; }
.sv-edit .hb-field.hbk-field-flush:last-child{ margin-bottom:0; }
.sv-or{ display:flex; align-items:center; gap:10px; margin:0 0 12px; font-size:11.5px; font-weight:800; color:var(--hb-mut); text-transform:uppercase; }
.sv-or::before, .sv-or::after{ content:''; flex:1; border-top:1px solid var(--hb-brd); }
.jp-sect-title{ font-size:13px; font-weight:800; color:var(--hb-txt); }
.jp-pct{
  font-size:11.5px; font-weight:800; padding:3px 9px; border-radius:var(--hb-pill);
  background:var(--hb-sfc2); color:var(--hb-mut); white-space:nowrap;
}
.jp-pct.jp-pct-full{
  background:color-mix(in srgb, var(--hb-acc) 18%, transparent); color:var(--hb-acc-text, var(--hb-acc));
}

/* ── "← Arizalar" havolasi (2026-09-08). O'lik .rk-filters / #recruitFilterBtn
   qoidalari 2026-09-27 da olib tashlandi (P4) ─────────────────────────────
   "Nomzodlar bosqichlar bo'yicha" kartasi olib tashlangach: filtrlar shu
   yig'iladigan panelga ko'chdi, tab qatori o'rniga esa qaytish havolasi. */
.rekruting-scope .rk-back{
  display:inline-flex; align-items:center; gap:6px; margin-bottom:12px;
  font-size:13px; font-weight:700; color:var(--hb-mut); text-decoration:none;
}
.rekruting-scope .rk-back:hover{ color:var(--hb-acc); }

/* ── Xodim talabnomalari — HR navbati (2026-09-08, TZ/talabnoma) ─────────
   Tokenlar: platforma (`--hb-*`) — yuqoridagi ogohlantirishga qarang. */
.rekruting-scope .sr-row{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:12px 14px; margin-bottom:8px; cursor:pointer;
  border:1px solid var(--hb-brd); border-radius:var(--hb-radius-sm);
  background:var(--hb-sfc); transition:border-color .15s, transform .12s;
}
.rekruting-scope .sr-row:hover{ border-color:var(--hb-acc); transform:translateY(-1px); }
.rekruting-scope .sr-row:focus-visible{ outline:2px solid var(--hb-acc); outline-offset:2px; }
.rekruting-scope .sr-main{ min-width:0; }
.rekruting-scope .sr-title{ font-weight:700; color:var(--hb-txt); font-size:14px; }
.rekruting-scope .sr-count{ color:var(--hb-mut); font-weight:800; }
.rekruting-scope .sr-sub{ font-size:12.5px; color:var(--hb-mut); margin-top:2px; }
.rekruting-scope .sr-chips{ display:flex; gap:8px; align-items:center; flex-shrink:0; flex-wrap:wrap; }
/* Dalil varaqasidagi ogohlantirish — HR e'tiborsiz o'tib ketmasin */
.rekruting-scope .sr-warn{
  padding:9px 12px; margin-bottom:8px; font-size:13px; line-height:1.45;
  border-radius:var(--hb-radius-sm);
  border:1px solid color-mix(in srgb, var(--hb-warning) 45%, transparent);
  background:color-mix(in srgb, var(--hb-warning) 12%, transparent);
  color:var(--hb-txt);
}

/* Tasmada TANLANGAN qadam (2026-09-08; 2026-09-13/09-14, buyurtmachi:
   "yuqorida ko'plab tablarda bosilganda o'sha tanlanganligi deyarli
   bilinmayapti... quyoshdek yashil nur tarqatib, to'lqinsimon tebranib
   turishi kerak") — avval faqat statik uzuk bor edi. Endi doira TO'LIQ
   aksent rangga bo'yaladi VA atrofida "nafas oladigan" (pulslaydigan)
   yashil nur animatsiyasi bor — qaysi bosqich tanlanganini bir
   qarashda, harakatsiz holatda ham ANIQ ajratib bo'ladi. Xuddi shu
   nur — bu sahifadagi BOSHQA barcha faol tablarga ham (davr/Lavozim
   profillari-E'londa/talabnoma tugmalari, `.hb-tab.active`) qo'llanadi,
   izchillik uchun BIR XIL animatsiya. */
@keyframes rj-sun-pulse{
  0%, 100% { box-shadow:0 0 0 0 color-mix(in srgb, var(--hb-acc) 55%, transparent); }
  50%      { box-shadow:0 0 0 8px color-mix(in srgb, var(--hb-acc) 0%, transparent); }
}
.rekruting-scope .rj-step.rj-sel .rj-dot{
  background:var(--hb-acc); border-color:var(--hb-acc);
  box-shadow:0 4px 14px color-mix(in srgb, var(--hb-acc) 38%, transparent);
  animation:rj-sun-pulse 2.2s ease-in-out infinite;
}
.rekruting-scope .rj-step.rj-sel .rj-lbl,
.rekruting-scope .rj-step.rj-sel .rj-num{ color:var(--hb-acc-text, var(--hb-acc)); font-weight:800; }
.rekruting-scope .hb-tab.active{ animation:rj-sun-pulse 2.2s ease-in-out infinite; }
@media (prefers-reduced-motion: reduce){
  .rekruting-scope .rj-step.rj-sel .rj-dot,
  .rekruting-scope .hb-tab.active{ animation:none; }
}

/* Faol filtr chiplari (2026-09-09) — arizalar ekranida yoqilgan filtr
   KO'RINIB tursin. Sabab: lavozim filtri jimgina yoqilib qolganda ekran
   bo'sh ko'rinib, "arizalar o'chib ketdi" degan taassurot qolgan edi. */
.rk-active-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 12px}
.rk-active-filters[hidden]{display:none}
.rk-fchip{border:1px solid var(--hb-brd);background:var(--hb-sfc2);cursor:pointer;font-weight:700}
.rk-fchip:hover{border-color:var(--hb-danger);color:var(--hb-danger)}
/* Tab yorlig'idagi sanoq (Xodim talabnomalari) — 2026-09-09 */
.rekruting-scope .sr-tabnum{font-weight:800;opacity:.75;margin-left:2px}

/* Lavozim tafsiloti banneri (2026-09-14) — applications.js::renderJobInfoBanner() */
.rekruting-scope .job-info-banner{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;
  gap:10px; padding:12px 14px; margin-bottom:14px;
  border:1px solid var(--hb-brd); border-radius:var(--hb-radius-sm);
  background:var(--hb-sfc2);
}
.rekruting-scope .job-info-main{ display:flex; align-items:baseline; gap:8px; min-width:0; }
.rekruting-scope .job-info-name{ font-weight:800; font-size:14px; }
.rekruting-scope .job-info-chips{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; }

/* ═══ LAVOZIM BO'YICHA FILTR (2026-09-09, TZ/rekruting-oqim L5) — endi
   SELECT, filtr qatorida (2026-09-13, buyurtmachi: "qidiruv va boshqa
   filterlarni ham yuqoriga chiqar, lavozim bo'yicha filterni ham selekt
   qil va hammasi eng yuqorida tursin") ═══
   Ilgari chap tik ustunda tugma-ro'yxat edi (`.rk-jobside`/`.rk-jobitem*`,
   renderJobSide() orqali chizilardi). Endi qidiruv/davr/eksport bilan BIR
   QATORDA — `.toolbar` ichidagi qidiruvli combobox (`#rkJobSide`,
   renderFilterCombo() — jobs.js). Alohida chip/ustun uslubi endi KERAK
   EMAS, combobox o'z standart UI Kit ko'rinishini (hb-kit.css::.hbk-combo*)
   ishlatadi — shu bois bu yerda faqat joylashuv kengligi belgilanadi. */
.rekruting-scope .toolbar #rkJobSide{min-width:220px}
@media (max-width:760px){
  .rekruting-scope .toolbar #rkJobSide{width:100%}
}

/* ═══ VORONKA USTUNI: 4-5 karta ko'rinadi, qolgani xiralashib skrol
   bo'ladi (2026-09-09, buyurtmachi: "varonka ichidagi ustun 4-5 tadan
   oshmasin, undan ko'p bo'lsa xiralashib ko'rinmay ketsin va skrol
   bo'lsin"). Umumiy `.hb-kanban-list` da `max-height:560px` bor edi —
   bu ~6-7 karta va pastki chegara ko'rinmasdi, ustunlar cheksizdek
   tuyulardi. Bu yerda FAQAT rekruting ekrani uchun qisqartiriladi
   (hb-components.css ga tegilmadi — kanban boshqa modullarda ham bor).
   Xiralashuv `mask-image` bilan — u SKROLLGA XALAQIT BERMAYDI (ustiga
   qo'yilgan gradient qatlam bosishni ushlab qolardi). */
.rekruting-scope .hb-kanban-list{
  max-height: max(480px, calc(100vh - 340px));
  overflow-y:auto;
  padding-bottom:6px;
  -webkit-mask-image:linear-gradient(to bottom, #000 calc(100% - 46px), transparent 100%);
  mask-image:linear-gradient(to bottom, #000 calc(100% - 46px), transparent 100%);
  scrollbar-width:thin; scrollbar-color:var(--hb-brd2, var(--hb-brd)) transparent;
}
/* Oxirigacha aylantirilganda xiralashuv KERAK EMAS — `scroll-timeline`
   hamma brauzerda yo'q, shu bois soddaroq yechim: ustun ichida skrol
   tugaganini bilish uchun JS sinf qo'yadi (loadKanban). */
.rekruting-scope .hb-kanban-list.at-end{
  -webkit-mask-image:none; mask-image:none;
}
.rekruting-scope .hb-kanban-list::-webkit-scrollbar{width:6px}
.rekruting-scope .hb-kanban-list::-webkit-scrollbar-thumb{
  background:var(--hb-brd2, var(--hb-brd)); border-radius:99px}

/* Kanban qo'shimcha kartalar havolasi */
.kanban-more-btn{
  display:block; width:100%; text-align:center; padding:8px 10px; margin-top:8px;
  border:1px dashed var(--hb-brd); border-radius:8px; background:var(--hb-sfc);
  color:var(--hb-acc-text, var(--hb-acc)); font-size:12px; font-weight:700;
  cursor:pointer; transition:.15s; font-family:inherit;
}
.kanban-more-btn:hover{
  background:color-mix(in srgb, var(--hb-acc) 8%, var(--hb-sfc));
  border-color:var(--hb-acc);
}

/* Kanban kartochkasidagi tezkor aloqa tugmalari */
.hb-chip-phone{ display:inline-flex; align-items:center; gap:5px; }
.kb-quick-act{
  display:inline-flex; align-items:center; justify-content:center;
  width:18px; height:18px; border-radius:4px; color:var(--hb-mut);
  text-decoration:none; transition:.15s; margin-left:2px; vertical-align:middle;
}
/* 2026-09-27 (R20/P4): hover/o'lcham — fayl oxiridagi KANBAN bo'limida (tokenlar bilan). */

/* Tezkor rad etish sababi chiplari */
.quick-reason-chip{
  border:1px solid var(--hb-brd); background:var(--hb-sfc); font-size:11.5px;
  padding:3px 8px; border-radius:6px; cursor:pointer; color:var(--hb-txt);
  transition:.15s; font-family:inherit;
}
.quick-reason-chip:hover{
  border-color:var(--hb-acc); color:var(--hb-acc-text, var(--hb-acc));
  /* 2026-09-27 (P4): avval `#fff` bilan aralashardi — qorong'i mavzuda oq dog' */
  background:color-mix(in srgb, var(--hb-acc) 8%, var(--hb-sfc));
}

/* Qaytish tugmasi (Nomzod yo'li panellari uchun) */
.rekruting-scope .rk-back-btn{
  display:inline-flex; align-items:center; gap:6px; margin-bottom:14px;
  font-weight:700; text-decoration:none;
}

/* ═══ TAHLIL: VORONKA (2026-09-09, buyurtmachi ASCII variantlardan
   tanladi). Bitta diagramma — nomzodlar qaysi bosqichda uzilib qolgani
   bir qarashda ko'rinadi. Kutubxona yo'q, sof CSS. */
.rekruting-scope .ana-ctrl{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
/* Qidiruv qatoridagi davr boshqaruvi qidiruvni siqib qo'ymasin */
.rekruting-scope .toolbar #appPerCtrl{flex:none}
@media (max-width:760px){
  .rekruting-scope .toolbar #appPerCtrl{width:100%}
}

/* Tahlil yuqori KPI ko'rsatkichlari */
.rekruting-scope .ana-kpis{
  display:flex; flex-wrap:wrap; gap:10px; margin-bottom:16px;
}
.rekruting-scope .ana-kpi{
  flex:1; min-width:130px; padding:10px 14px; border-radius:var(--hb-radius-sm);
  background:var(--hb-sfc2); border:1px solid var(--hb-brd);
}
.rekruting-scope .ana-kpi-val{ font-size:18px; font-weight:800; color:var(--hb-txt); line-height:1.2; }
.rekruting-scope .ana-kpi-lbl{ font-size:11.5px; font-weight:700; color:var(--hb-mut); margin-top:2px; }

/* Manbalar bo'yicha tahlil chiplari */
.rekruting-scope .ana-sources{
  display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-top:14px;
  padding-top:10px; border-top:1px dashed var(--hb-brd);
}
.rekruting-scope .ana-src-title{ font-size:12px; font-weight:700; color:var(--hb-mut); }
.rekruting-scope .ana-src-chip{
  font-size:11.5px; font-weight:700; padding:3px 9px; border-radius:var(--hb-pill);
  background:var(--hb-sfc2); border:1px solid var(--hb-brd); color:var(--hb-txt);
}
.rekruting-scope .ana-src-chip b{ color:var(--hb-acc-text, var(--hb-acc)); margin-left:4px; }

/* 2026-09-13 (buyurtmachi: "pastdagi Tahlil bo'lsa ham salgina
   ixchamlashtirish kerak") — qatorlar/o'q chiziqlarining bo'yi va
   bo'shliqlari qisqartirildi, ma'lumot o'zi o'zgarmadi. */
.rekruting-scope .fn{display:flex;flex-direction:column;gap:1px;padding:2px 0}
.rekruting-scope .fn-row{display:flex;align-items:center;gap:10px}
.rekruting-scope .fn-name{width:140px;flex:none;font-size:12.5px;font-weight:700;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rekruting-scope .fn-track{flex:1;min-width:0;height:20px;background:var(--hb-sfc2);
  border-radius:6px;overflow:hidden}
.rekruting-scope .fn-bar{display:block;height:100%;border-radius:6px;
  background:var(--hb-acc);transition:width .3s ease}
.rekruting-scope .fn-bar.fn-hired{background:var(--hb-ok)}
.rekruting-scope .fn-num{width:44px;flex:none;text-align:right;font-size:13px;
  font-weight:800;font-variant-numeric:tabular-nums}
.rekruting-scope .fn-arrow{margin-left:150px;font-size:10.5px;font-weight:700;
  color:var(--hb-mut);line-height:1.2}
.rekruting-scope .fn-arrow.weak{color:var(--rk-danger-text, var(--hb-danger))}
.rekruting-scope .ana-legend{display:flex;align-items:center;gap:18px;flex-wrap:wrap;
  margin-top:8px;padding-top:8px;border-top:1px solid var(--hb-brd);
  font-size:12px;color:var(--hb-mut);font-weight:600}
.rekruting-scope .ana-legend b{color:var(--hb-txt);font-weight:800;
  font-variant-numeric:tabular-nums}
.rekruting-scope .ana-dot{width:10px;height:10px;border-radius:3px;display:inline-block}
.rekruting-scope .ana-legend span{display:inline-flex;align-items:center;gap:6px}
.rekruting-scope .ana-other{background:var(--hb-acc)}
.rekruting-scope .ana-rej{background:var(--hb-danger)}
@media (max-width:760px){
  .rekruting-scope .fn-name{width:104px;font-size:12px}
  .rekruting-scope .fn-arrow{margin-left:116px}
  .rekruting-scope .fn-num{width:42px;font-size:14px}
}

/* ═══ ADAPTATSIYA — savol-javob/baholash markupi (pbQuestionHtml/
   pbGradeFormHtml/pbCourseBlockHtml, jobs.js) ═══
   ⚠️ 2026-09-14 KRITIK TUZATISH: bu klasslar ILGARI `.rekruting-scope`
   ostida edi, lekin BU MARKUP ENDI FAQAT Modal/Drawer ichida chiziladi
   (`UIK.openModal`/`openPbDayDrawer` — ikkalasi ham `document.body`ga
   to'g'ridan-to'g'ri qo'shiladi, `.rekruting-scope` konteyneridan
   TASHQARIDA). Natijada bu qoidalar HECH QACHON ishlamas edi — Drawer/
   Modal ichi butunlay uslubsiz (oddiy matn, chegarasiz) ko'rinardi
   (buyurtmachi skrinshotida aynan shu ko'rindi: "juda yomon ahvolda").
   Klasslar `pb-` prefiksi bilan yetarlicha noyob — shu bois SCOPE
   OLIB TASHLANDI, global qilib qo'yildi. */
.pb-day{
  width:40px; height:40px; border-radius:9px; display:flex; flex-direction:column;
  align-items:center; justify-content:center; gap:1px; flex:none;
  background:var(--hb-sfc); border:1px solid var(--hb-brd); font-size:11px;
  cursor:pointer; padding:0; font:inherit; color:inherit;
}
.pb-day.done{ background:color-mix(in srgb, var(--hb-ok) 12%, var(--hb-sfc)); border-color:var(--hb-ok); }
.pb-day.stuck{ background:color-mix(in srgb, var(--hb-danger) 12%, var(--hb-sfc)); border-color:var(--hb-danger); }
.pb-day.future{ opacity:.5; cursor:default; }
/* 2026-09-27 (A2): yopilgan, lekin HR baholamagan kun — yashil emas, sariq. */
.pb-day.done.review{ background:color-mix(in srgb, var(--hb-warning) 16%, var(--hb-sfc)); border-color:var(--hb-warning); }
.pb-day.is-sel{ box-shadow:0 0 0 2px var(--hb-acc); border-color:var(--hb-acc); }
.pb-day:disabled{ cursor:default; opacity:.55; }
.pb-day-n{ font-weight:800; font-size:12px; }
.pb-day-s{ color:var(--hb-mut); font-weight:700; font-size:10px; }
.pb-days{ display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; }

.pb-course-block{
  margin-bottom:12px; padding:12px 14px; border-radius:var(--hb-radius-sm);
  border:1px solid var(--hb-brd); background:var(--hb-sfc2);
}
.pb-course-block:last-child{ margin-bottom:0; }
.pb-course-block .mf-row{ border-bottom-color:var(--hb-brd2); }
.pb-course-block.is-probation{ border-color:var(--hb-acc); }
.pb-course-block .hb-progress{ margin-top:8px; }

.pb-day-detail{ margin-top:10px; padding-top:10px; border-top:1px dashed var(--hb-brd2); }
.pb-day-detail[hidden]{ display:none; }

/* Savol-javob kartasi — 2026-09-14 (buyurtmachi: "videolarni ochishi,
   matnlar, inputlar har biri bo'yicha alohida o'ylanib chiq") qayta
   dizayn qilindi: har savol raqamlangan, katta/aniq media pleer,
   ball/izoh alohida qatorlarda (bitta tor qatorga siqilmagan). */
.pb-qa-list{ display:flex; flex-direction:column; gap:10px; }
.pb-qa-item{ padding:14px; border-radius:12px; background:var(--hb-sfc); border:1px solid var(--hb-brd); }
.pb-qa-head{ display:flex; align-items:flex-start; gap:9px; }
.pb-qa-num{
  flex:none; width:22px; height:22px; border-radius:999px; background:var(--hb-sfc2);
  color:var(--hb-mut); font-size:11px; font-weight:800; display:flex; align-items:center;
  justify-content:center; margin-top:1px;
}
.pb-qa-text{ font-weight:800; font-size:13.5px; line-height:1.45; }
/* 2026-09-15 (buyurtmachi: "oqish-mashara kulrang ranglarni olib
   tashlab, oq-qora bo'lsin, oqning o'zi bo'lsin") — --hb-sfc2 iliq
   kremrang tusga ega (#F1EFE8) edi, endi TOZA oq (--hb-sfc) + faqat
   bitta neytral chegara bilan ajratiladi. */
.pb-qa-written{ margin-top:10px; padding:10px 12px; border-radius:10px; font-size:12.5px; line-height:1.6;
  background:var(--hb-sfc); border:1px solid var(--hb-brd); white-space:pre-wrap; }
.pb-qa-media-wrap{ margin-top:10px; padding:10px; border-radius:12px; background:var(--hb-sfc); border:1px solid var(--hb-brd); }
.pb-qa-media{ display:block; width:100%; max-height:400px; border-radius:9px; background:#000; }
.pb-qa-media-audio{ width:100%; height:40px; }
.pb-qa-media-fallback{
  margin-top:8px; font-size:11.5px; font-weight:800; color:var(--hb-mut); display:inline-flex;
  align-items:center; gap:5px;
}
.pb-qa-media-fallback:hover{ color:var(--hb-acc); }
.pb-qa-meta{ display:flex; align-items:center; gap:6px; flex-wrap:wrap; margin-top:10px; }
.pb-qa-feedback{ margin-top:6px; }
.pb-qa-opts{ margin-top:8px; display:flex; flex-direction:column; gap:2px; }
.pb-qa-opt{ padding:5px 8px; border-radius:8px; font-size:12.5px; }
.pb-qa-opt.is-sel{ font-weight:700; background:var(--hb-sfc2); }

.pb-grade-form{
  margin-top:12px; padding-top:12px; border-top:1px dashed var(--hb-brd);
  display:flex; flex-direction:column; gap:8px;
}
.pb-grade-row{ display:flex; align-items:center; gap:8px; }
.pb-grade-label{ font-size:11.5px; font-weight:800; color:var(--hb-mut); }
/* 2026-09-15 (buyurtmachi: "ball berishdagi input... buzilib ketgan,
   standart holatga keltir") — brauzerning ichki spinner (yuqori/pastki
   o'q) tugmalari input radiusiga mos kelmay, "ajralib" ko'rinardi.
   Spinner butunlay yashiriladi (0-100 oralig'idagi son kiritish uchun
   shart emas) — natijada toza, standart matn maydoni qoladi. */
.pb-grade-form input[type=number]{
  width:76px; padding:7px 9px; border-radius:8px; border:1px solid var(--hb-brd);
  background:var(--hb-sfc); color:var(--hb-txt); font:inherit;
  -moz-appearance:textfield; appearance:textfield;
}
.pb-grade-form input[type=number]::-webkit-inner-spin-button,
.pb-grade-form input[type=number]::-webkit-outer-spin-button{
  -webkit-appearance:none; margin:0;
}
.pb-grade-form textarea{
  width:100%; padding:8px 10px; border-radius:10px; border:1px solid var(--hb-brd);
  background:var(--hb-sfc); color:var(--hb-txt); font:inherit; resize:vertical; box-sizing:border-box;
}
.pb-grade-form .hb-btn{ align-self:flex-end; }

/* ═══ ADAPTATSIYA — GitHub-heatmap kartasi (2026-09-14,
   TZ/TZ_ADAPTATSIYA_HEATMAP_REDIZAYN). HAR DOIM ko'rinadigan, sof oq
   fondagi (--hb-sfc), chap/o'rta/o'ng gorizontal 3 blok ixcham karta.

   2026-09-14, IKKINCHI TUZATISH (buyurtmachi: "30 ta katakchani
   qatorga terib chiqish yaramaydi — ekranga sig'maydi"): o'rta blok —
   4 ta hafta belgisi (bosiladigan tugma).

   2026-09-14, UCHINCHI TUZATISH (buyurtmachi: "haftani bossa, o'sha
   haftaning kunlari ochiladigan qil... 7 kundan falonchi sana,
   dushanba kuni... chiqsin... birini ochganimda ikkinchisi yopilsin"):
   hafta tugmasi bosilganda O'ZI 7 kunlik RO'YXATni (sana+hafta kuni+
   mavzu+natija, .pb-hm-daylist) pastga silliq ochadi — butun ro'yxatda
   BIR VAQTNING o'zida FAQAT bitta hafta ochiq (PB_OPEN_WEEK, jobs.js).
   Kun qatoriga bosilganda — markaziy, kattaroq pop-up (.pb-popup-*). */
.rekruting-scope .pb-hm-list{ display:flex; flex-direction:column; gap:10px; }
.rekruting-scope .pb-hm-item{
  border-radius:var(--hb-radius-sm); border:1px solid var(--hb-brd); background:var(--hb-sfc);
  overflow:hidden; transition:box-shadow .15s ease;
}
.rekruting-scope .pb-hm-item:has(.pb-hm-week.is-open){ box-shadow:var(--hb-shadow); }
.rekruting-scope .pb-hm-card{
  display:flex; align-items:center; gap:16px; padding:14px 16px; flex-wrap:wrap;
}
.rekruting-scope .pb-hm-left{ display:flex; align-items:flex-start; gap:10px; flex:1 1 220px; min-width:200px; }
.rekruting-scope .pb-hm-who{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.rekruting-scope .pb-hm-name{
  border:0; background:none; padding:0; font:inherit; font-weight:800; font-size:13.5px;
  color:var(--hb-txt); text-align:left; cursor:pointer;
}
.rekruting-scope .pb-hm-name:hover{ color:var(--hb-acc); text-decoration:underline; }
.rekruting-scope .pb-hm-sub{ font-size:11.5px; color:var(--hb-mut); }
.rekruting-scope .pb-hm-mentor{ font-size:11.5px; color:var(--hb-mut); }
.rekruting-scope .pb-hm-chips{ display:flex; gap:6px; flex-wrap:wrap; margin-top:5px; }
.rekruting-scope .pb-hm-mid{ flex:2 1 260px; min-width:200px; }
/* 4 ta hafta belgisi — endi HAQIQIY tugma (bosiladi, o'sha haftani
   ochadi/yopadi) — shu bois interaktivligi aniq ko'rinishi kerak. */
.rekruting-scope .pb-hm-weeks{ display:flex; gap:6px; flex-wrap:wrap; }
.rekruting-scope .pb-hm-week{
  flex:1 1 60px; min-width:56px; padding:6px 8px; border-radius:9px; text-align:center;
  border:1px solid var(--hb-brd); background:var(--hb-sfc2); cursor:pointer; font:inherit;
  transition:border-color .12s, box-shadow .12s, transform .12s;
}
.rekruting-scope .pb-hm-week:hover{ border-color:var(--hb-acc); transform:translateY(-1px); }
.rekruting-scope .pb-hm-week.is-open{ border-color:var(--hb-acc); box-shadow:0 0 0 2px color-mix(in srgb, var(--hb-acc) 25%, transparent); }
.rekruting-scope .pb-hm-week-n{ display:block; font-size:9.5px; font-weight:800; color:var(--hb-mut); text-transform:uppercase; }
.rekruting-scope .pb-hm-week-v{ display:block; font-size:12px; font-weight:800; color:var(--hb-txt); }
.rekruting-scope .pb-hm-week-done{ border-color:var(--hb-ok); background:color-mix(in srgb, var(--hb-ok) 14%, var(--hb-sfc2)); }
.rekruting-scope .pb-hm-week-pending{ border-color:var(--hb-warning); background:color-mix(in srgb, var(--hb-warning) 16%, var(--hb-sfc2)); }
.rekruting-scope .pb-hm-week-stuck{ border-color:var(--hb-danger); background:color-mix(in srgb, var(--hb-danger) 14%, var(--hb-sfc2)); }
.rekruting-scope .pb-hm-week-future{ opacity:.55; }
.rekruting-scope .pb-hm-right{ flex:1 1 160px; min-width:150px; display:flex; flex-direction:column; align-items:flex-end; gap:6px; }
.rekruting-scope .pb-hm-right .hbk-progress-wrap{ width:100%; }
.rekruting-scope .pb-hm-risk{ white-space:nowrap; }

/* Tanlangan haftaning 7 kunlik RO'YXATI — accordion (grid-template-rows
   0fr→1fr, JS balandlik o'lchamasdan silliq ochilish/yopilish). */
.rekruting-scope .pb-hm-expand{
  display:grid; grid-template-rows:0fr; transition:grid-template-rows .25s ease;
  border-top:0 solid transparent;
}
.rekruting-scope .pb-hm-expand.is-open{ grid-template-rows:1fr; border-top-width:1px; border-top-color:var(--hb-brd); }
.rekruting-scope .pb-hm-expand-inner{ overflow:hidden; min-height:0; }
.rekruting-scope .pb-hm-daylist{ display:flex; flex-direction:column; padding:6px 8px; }
.rekruting-scope .pb-hm-dayrow{
  display:flex; align-items:center; gap:10px; padding:9px 8px; border-radius:9px; cursor:pointer;
}
.rekruting-scope .pb-hm-dayrow:hover{ background:var(--hb-sfc2); }
.rekruting-scope .pb-hm-dayrow[aria-disabled="true"]{ cursor:default; opacity:.5; }
.rekruting-scope .pb-hm-dayrow-dot{ flex:none; width:9px; height:9px; border-radius:999px; background:var(--hb-brd2); }
.rekruting-scope .pb-hm-done .pb-hm-dayrow-dot{ background:var(--hb-ok); }
.rekruting-scope .pb-hm-pending_review .pb-hm-dayrow-dot{ background:var(--hb-warning); }
.rekruting-scope .pb-hm-stuck .pb-hm-dayrow-dot{ background:var(--hb-danger); }
/* 2026-09-27 (A2/A9): baholash kutilayotgan yopiq kun va kechikayotgan ochiq kun. */
.rekruting-scope .pb-hm-done_review .pb-hm-dayrow-dot{ background:var(--hb-warning); box-shadow:inset 0 0 0 2px var(--hb-ok); }
.rekruting-scope .pb-hm-late .pb-hm-dayrow-dot{ background:var(--hb-danger); }
.rekruting-scope .pb-hm-today .pb-hm-dayrow-dot{ background:var(--hb-acc); }
.rekruting-scope .pb-hm-dayrow-date{ flex:0 0 110px; font-weight:700; font-size:12px; }
.rekruting-scope .pb-hm-dayrow-title{ flex:1; min-width:0; color:var(--hb-mut); font-size:12px;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.rekruting-scope .pb-hm-dayrow-score{ flex:none; font-weight:800; font-size:11.5px; color:var(--hb-mut); }
.rekruting-scope .pb-hm-done .pb-hm-dayrow-score{ color:var(--hb-ok); }
.rekruting-scope .pb-hm-stuck .pb-hm-dayrow-score,
.rekruting-scope .pb-hm-late .pb-hm-dayrow-score{ color:var(--hb-danger); }
.rekruting-scope .pb-hm-done_review .pb-hm-dayrow-score,
.rekruting-scope .pb-hm-pending_review .pb-hm-dayrow-score{ color:var(--hb-warning); }
@media (max-width:760px){
  /* ⚠️ `flex-basis` (220px/260px/160px, desktopda KENGLIK sifatida
     ishlatiladi) column yo'nalishida BALANDLIK bo'lib qoladi — shu
     bois bo'sh joy paydo bo'lmasligi uchun BARCHASI `flex:none`ga
     qaytariladi, balandlik esa mazmunning o'zi belgilaydi. */
  .rekruting-scope .pb-hm-card{ flex-direction:column; align-items:stretch; }
  .rekruting-scope .pb-hm-left, .rekruting-scope .pb-hm-mid, .rekruting-scope .pb-hm-right{
    flex:none; min-width:0;
  }
  .rekruting-scope .pb-hm-mid{ order:3; }
  .rekruting-scope .pb-hm-right{ order:2; align-items:stretch; }
  .rekruting-scope .pb-hm-dayrow-title{ display:none; }
}

/* ═══ Kun tafsiloti pop-up — MARKAZIY, kattaroq oyna (2026-09-15,
   buyurtmachi: "yon tomondan pop-up emas, oldida yoki markaziy
   o'rtadan kattaroq ko'rinishda... ichkarisini yaxshilab olsak").
   Status rangi (done/stuck/pending_review/today) yuqori chiziq va kun
   belgisiga (`.pb-popup-daybadge`) gradient sifatida aks etadi — HR
   ro'yxatga qaytmasdan qaysi holatdagi kunni ko'rayotganini biladi.
   Modal (.hbk-modal-ov, z-index 1200) bilan bir vaqtda ochilmaydi —
   shu bois z-index unga yaqin, ammo past qatlamlarga (daterange
   popover 1260) taqoshmasin deb 1240. */
.pb-popup-ov{
  position:fixed; inset:0; z-index:1240; display:flex; align-items:center;
  justify-content:center; padding:24px;
  background:rgba(8,10,14,.6); backdrop-filter:blur(6px) saturate(140%);
  -webkit-backdrop-filter:blur(6px) saturate(140%);
  animation:pb-popup-fade .18s ease both;
}
.pb-popup{
  position:relative; width:min(760px, 100%); max-height:88vh; display:flex; flex-direction:column;
  background:var(--hb-sfc); color:var(--hb-txt); border-radius:20px; overflow:hidden;
  box-shadow:0 28px 64px -16px rgba(0,0,0,.4), 0 0 0 1px var(--hb-brd);
  animation:pb-popup-in .26s cubic-bezier(.2,.9,.25,1.08) both;
}
.pb-popup::before{ content:''; position:absolute; top:0; left:0; right:0; height:4px; background:var(--pb-tone, var(--hb-acc)); }
.pb-popup-tone-ok{ --pb-tone: var(--hb-ok); }
.pb-popup-tone-danger{ --pb-tone: var(--hb-danger); }
.pb-popup-tone-warn{ --pb-tone: var(--hb-warning); }
.pb-popup-tone-acc{ --pb-tone: var(--hb-acc); }
.pb-popup-tone-mut{ --pb-tone: var(--hb-mut); }
.pb-popup-head{
  display:flex; align-items:center; gap:14px; padding:22px 26px 18px;
  border-bottom:1px solid var(--hb-brd); flex:none;
}
.pb-popup-daybadge{
  flex:none; width:48px; height:48px; border-radius:14px; display:flex; align-items:center;
  justify-content:center; font-weight:800; font-size:19px; color:#fff;
  background:linear-gradient(150deg, var(--pb-tone, var(--hb-acc)), color-mix(in srgb, var(--pb-tone, var(--hb-acc)) 55%, #000));
  box-shadow:0 8px 18px -6px color-mix(in srgb, var(--pb-tone, var(--hb-acc)) 65%, transparent);
}
.pb-popup-headtext{ flex:1; min-width:0; }
.pb-popup-title{ font-weight:800; font-size:17.5px; }
.pb-popup-sub{ font-size:12.5px; color:var(--hb-mut); margin-top:2px; }
.pb-popup-close{
  flex:none; width:34px; height:34px; border-radius:10px; border:0; background:var(--hb-sfc2);
  color:var(--hb-mut); font-size:15px; cursor:pointer; display:flex; align-items:center;
  justify-content:center; transition:background .12s, color .12s;
}
.pb-popup-close:hover{ background:var(--hb-brd2); color:var(--hb-txt); }
.pb-popup-body{ padding:24px 26px 28px; overflow:auto; flex:1; min-height:0; font-size:13px; }
body.pb-popup-lock{ overflow:hidden; }
@keyframes pb-popup-fade{ from{ opacity:0 } to{ opacity:1 } }
@keyframes pb-popup-in{ from{ opacity:0; transform:translateY(20px) scale(.96) } to{ opacity:1; transform:none } }
@media (max-width:640px){
  .pb-popup-ov{ padding:0; align-items:flex-end; }
  .pb-popup{ width:100%; max-height:92vh; border-radius:20px 20px 0 0; animation:pb-popup-sheet-in .24s cubic-bezier(.32,.72,0,1) both; }
}
@keyframes pb-popup-sheet-in{ from{ transform:translateY(100%) } to{ transform:translateY(0) } }
@media (prefers-reduced-motion: reduce){
  .rekruting-scope .pb-hm-expand{ transition:none; }
  .pb-popup-ov, .pb-popup{ animation:none; }
}

/* Savol kartasi — pop-up kengroq bo'lgani uchun ozgina yana jonlantirish
   (gradient raqam belgisi, hover'da yengil ko'tarilish). */
.pb-qa-item{ transition:box-shadow .15s ease, transform .15s ease; }
.pb-qa-item:hover{ box-shadow:0 6px 18px -8px rgba(0,0,0,.18); }
.pb-qa-num{
  background:linear-gradient(150deg, var(--hb-acc), color-mix(in srgb, var(--hb-acc) 55%, #000));
  color:#fff;
}

/* ═══ KANBAN — ARXIV USTUNLARI YIG'ILGAN, KARTA IXCHAM (2026-09-27, R17/R20,
   TZ_REKRUTING_UX_AUDIT) — applications.js::_renderKanbanCols/_kbColHtml.
   Faol ustunlar ekran kengligiga moslashadi (flex), bo'sh faol ustun
   torroq; arxiv ustunlari (rad etilgan / ishga olingan / zaxira) —
   46px tik tasma. Maqsad: 1440px da Yangi → Sinov muddati BUTUN faol
   voronka gorizontal skrollsiz ko'rinsin. ═══ */
.rekruting-scope .hb-kanban{ gap:10px; align-items:stretch; }
.rekruting-scope .hb-kanban-col{
  width:auto; flex:1 1 0; min-width:208px; max-width:360px; padding:8px 4px 10px;
}
.rekruting-scope .hb-kanban-col.kb-col-empty{ flex:.6 1 0; min-width:150px; }
.rekruting-scope .hb-kanban-col.kb-col-collapsed{ flex:none; width:46px; min-width:46px; padding:0; }
/* 1280px atrofida ham faol voronka + tasmalar skrollsiz sig'sin */
@media (min-width:761px) and (max-width:1340px){
  .rekruting-scope .hb-kanban{ gap:8px; }
  .rekruting-scope .hb-kanban-col{ min-width:180px; }
  .rekruting-scope .hb-kanban-col.kb-col-empty{ min-width:146px; }
  .rekruting-scope .hb-kanban-col.kb-col-collapsed{ width:40px; min-width:40px; }
  .rekruting-scope .kb-col-empty .hb-kanban-col-name{ font-size:13px; }
  .rekruting-scope .hb-kanban-card{ padding:10px 9px 9px; }
  .rekruting-scope .hb-kanban-card .hb-avatar{ width:30px; height:30px; font-size:11.5px; }
  .rekruting-scope .hb-kanban-card-name{ font-size:13px; }
}
.rekruting-scope .hb-kanban-list{ flex:1; min-height:96px; }
.rekruting-scope .hb-kanban-col-head{ gap:6px; }
.rekruting-scope .hb-kanban-col-name{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.rekruting-scope .hb-kanban-col-count{
  min-width:24px; padding:1px 7px; border-radius:var(--hb-pill); text-align:center;
  background:color-mix(in srgb, var(--hb-txt) 7%, var(--hb-sfc)); color:var(--hb-txt);
}
.rekruting-scope .hb-kanban-col-count.kb-tone-danger{ background:color-mix(in srgb, var(--hb-danger) 13%, var(--hb-sfc)); color:var(--hb-danger); }
.rekruting-scope .hb-kanban-col-count.kb-tone-ok{ background:color-mix(in srgb, var(--hb-ok) 13%, var(--hb-sfc)); color:var(--hb-ok); }
/* Ustun sarlavhasidagi kichik tugmalar (+, ⓘ, yig'ish) — avval inline stil edi */
.rekruting-scope .kb-col-btn{
  width:26px; height:26px; padding:0; flex:none; display:inline-flex; align-items:center; justify-content:center;
  border-radius:8px; border:1px solid var(--hb-brd); background:var(--hb-sfc); color:var(--hb-mut); cursor:pointer;
  transition:border-color .15s, color .15s;
}
.rekruting-scope .kb-col-btn:hover{ border-color:var(--hb-acc); color:var(--hb-acc-text, var(--hb-acc)); }
.rekruting-scope .kb-col-btn:focus-visible{ outline:2px solid var(--hb-acc); outline-offset:2px; }

/* Yig'ilgan arxiv ustuni — tik yorliq + son, butun tasma bosiladi */
.rekruting-scope .kb-col-strip{
  display:flex; flex-direction:column; align-items:center; gap:10px; width:100%; height:100%;
  min-height:240px; padding:10px 0; box-sizing:border-box; cursor:pointer; font:inherit; color:var(--hb-txt);
  border:1px solid var(--hb-brd); border-radius:var(--hb-radius-sm); background:var(--hb-sfc);
  transition:border-color .15s, background .15s;
}
.rekruting-scope .kb-col-strip:hover{ border-color:var(--hb-acc); background:color-mix(in srgb, var(--hb-acc) 6%, var(--hb-sfc)); }
.rekruting-scope .kb-col-strip:focus-visible{ outline:2px solid var(--hb-acc); outline-offset:2px; }
.rekruting-scope .kb-col-strip-name{
  writing-mode:vertical-rl; transform:rotate(180deg); white-space:nowrap;
  font-size:13px; font-weight:800; letter-spacing:.01em;
}
.rekruting-scope .kb-col-strip-count{
  min-width:26px; padding:2px 6px; border-radius:var(--hb-pill); font-size:12px; font-weight:800; text-align:center;
  background:color-mix(in srgb, var(--hb-txt) 7%, var(--hb-sfc)); color:var(--hb-txt);
}
.rekruting-scope .kb-tone-danger .kb-col-strip-count{ background:color-mix(in srgb, var(--hb-danger) 13%, var(--hb-sfc)); color:var(--hb-danger); }
.rekruting-scope .kb-tone-ok .kb-col-strip-count{ background:color-mix(in srgb, var(--hb-ok) 13%, var(--hb-sfc)); color:var(--hb-ok); }
.rekruting-scope .kb-col-strip-ic{ margin-top:auto; color:var(--hb-mut); display:inline-flex; }
/* Karta yig'ilgan ustun ustiga olib kelinganda — aniq nishon */
.rekruting-scope .hb-kanban-col.kb-col-collapsed.dragover{ background:transparent; border-color:transparent; }
.rekruting-scope .hb-kanban-col.kb-col-collapsed.dragover .kb-col-strip{
  border:2px dashed var(--hb-acc); background:color-mix(in srgb, var(--hb-acc) 12%, var(--hb-sfc));
}

/* Bo'sh faol ustun — katta punktir quti o'rniga kichik yozuv */
.rekruting-scope .kb-empty{
  padding:14px 8px; text-align:center; font-size:12.5px; font-weight:700; color:var(--hb-mut);
  display:flex; flex-direction:column; gap:2px;
}
.rekruting-scope .kb-empty-drop{ font-size:11.5px; font-weight:600; opacity:0; transition:opacity .15s; }
.rekruting-scope .hb-kanban-col.dragover .kb-empty-drop{ opacity:1; }

/* Karta */
.rekruting-scope .hb-kanban-card{ padding:11px 11px 10px; gap:8px; }
.rekruting-scope .hb-kanban-card-top{ align-items:flex-start; }
.rekruting-scope .kb-card-id{ display:flex; flex-direction:column; gap:1px; min-width:0; flex:1; line-height:1.3; }
.rekruting-scope .hb-kanban-card{ position:relative; }
.rekruting-scope .hb-kanban-card-name{
  font-size:13.5px; white-space:normal; overflow:hidden; word-break:normal; overflow-wrap:break-word;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; padding-right:20px;
}
.rekruting-scope .hb-kanban-card-sub{ padding-right:4px; }
/* Kanban kartasidagi chiplar — ixcham, ingichka ramka bilan (fon — oq) */
.rekruting-scope .hb-kanban-chips{ gap:4px 5px; }
.rekruting-scope .hb-kanban-chips .hb-chip{
  padding:2px 8px; gap:4px; font-size:11.5px; border:1px solid var(--hb-brd); background:var(--hb-sfc);
}
.rekruting-scope .hb-kanban-chips .hb-chip-ok{ border-color:color-mix(in srgb, var(--hb-ok) 35%, transparent); background:color-mix(in srgb, var(--hb-ok) 8%, var(--hb-sfc)); }
.rekruting-scope .hb-kanban-chips .hb-chip-warning{ border-color:color-mix(in srgb, var(--hb-warning) 40%, transparent); background:color-mix(in srgb, var(--hb-warning) 9%, var(--hb-sfc)); }
.rekruting-scope .hb-kanban-chips .hb-chip-danger{ border-color:color-mix(in srgb, var(--hb-danger) 35%, transparent); background:color-mix(in srgb, var(--hb-danger) 8%, var(--hb-sfc)); }
/* Tor ustunda (bo'sh bosqich) nom kesilmasin — ikki qatorga o'tadi */
.rekruting-scope .kb-col-empty .hb-kanban-col-name{ white-space:normal; line-height:1.2; }
.rekruting-scope .kb-col-empty .hb-kanban-col-head{ align-items:flex-start; }
.rekruting-scope .hb-kanban-card-sub{ font-size:12.5px; }
.rekruting-scope .hb-kanban-chips .stars{ margin-right:2px; }
.rekruting-scope .kb-move-btn{
  position:absolute; top:6px; right:6px; width:30px; height:30px; padding:0; border:0; border-radius:8px;
  display:inline-flex; align-items:center; justify-content:center; cursor:pointer;
  background:transparent; color:var(--hb-mut); transition:background .15s, color .15s;
}
.rekruting-scope .kb-move-btn:hover,
.rekruting-scope .kb-move-btn[aria-expanded="true"]{ background:color-mix(in srgb, var(--hb-acc) 12%, var(--hb-sfc)); color:var(--hb-acc-text, var(--hb-acc)); }
.rekruting-scope .kb-move-btn:focus-visible{ outline:2px solid var(--hb-acc); outline-offset:1px; }
.rekruting-scope .kb-card-contact{
  display:flex; align-items:center; gap:6px; padding-top:8px; border-top:1px solid var(--hb-brd);
}
.rekruting-scope .kb-card-phone{
  flex:1; min-width:0; font-size:12.5px; font-weight:600; color:var(--hb-mut);
  font-variant-numeric:tabular-nums; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
/* Qo'ng'iroq / Telegram — endi haqiqiy bosish nishoni (avval 18px) */
.kb-quick-act{
  width:30px; height:30px; margin:0; border-radius:8px; flex:none;
  border:1px solid var(--hb-brd); background:var(--hb-sfc); color:var(--hb-acc-text, var(--hb-acc));
}
.kb-quick-act:hover{ transform:none; border-color:var(--hb-acc); background:color-mix(in srgb, var(--hb-acc) 10%, var(--hb-sfc)); }
.kb-quick-act.kb-quick-tg{ color:var(--hb-info); }
.kb-quick-act.kb-quick-tg:hover{ color:var(--hb-info); border-color:var(--hb-info); background:color-mix(in srgb, var(--hb-info) 10%, var(--hb-sfc)); }
@media (max-width:760px){
  .kb-quick-act, .rekruting-scope .kb-move-btn{ width:36px; height:36px; }
  /* Mobil: bitta ustun deyarli butun ekran + keyingisining chekkasi ko'rinadi */
  .rekruting-scope .hb-kanban-col{ min-width:min(300px, 78vw); }
  .rekruting-scope .hb-kanban-col.kb-col-empty{ min-width:140px; }
  .rekruting-scope .hb-kanban-card-name{ padding-right:28px; }
}
/* Kontrast (R26): ogohlantirish/xavf matni oq fonda 3,6–3,7 edi → ≥4,5.
   `--rk-*` faqat shu sahifada (rekruting.css boshqa joyda yuklanmaydi),
   modallar body darajasida bo'lgani uchun :root'da e'lon qilinadi. */
:root{
  --rk-warn-text:color-mix(in srgb, var(--hb-warning) 70%, var(--hb-txt));
  --rk-danger-text:color-mix(in srgb, var(--hb-danger) 76%, var(--hb-txt));
}
.rekruting-scope .hb-chip-warning, .rekruting-scope .hb-chip-warn,
.hbk-modal .hb-chip-warning, .hbk-modal .hb-chip-warn{ color:var(--rk-warn-text); }
.rekruting-scope .hb-chip-danger, .hbk-modal .hb-chip-danger{ color:var(--rk-danger-text); }
.rekruting-scope .hb-kanban-col-count.kb-tone-danger,
.rekruting-scope .kb-tone-danger .kb-col-strip-count,
.kb-move-opt.kb-tone-danger{ color:var(--rk-danger-text); }
/* Bo'sh #appCount (kanban rejimida) 14px+ bo'sh joy qoldirmasin */
.rekruting-scope #appCount:empty{ display:none; }

/* "⋯ Ko'chirish" menyusi — document.body darajasida (qamrovsiz) */
.kb-move-menu{
  position:fixed; z-index:150; min-width:200px; max-width:260px; padding:6px;
  background:var(--hb-sfc); color:var(--hb-txt); border:1px solid var(--hb-brd);
  border-radius:12px; box-shadow:var(--hb-shadow);
}
.kb-move-title{
  padding:4px 8px 6px; font-size:11px; font-weight:800; letter-spacing:.03em;
  text-transform:uppercase; color:var(--hb-mut);
}
.kb-move-opt{
  display:flex; align-items:center; gap:9px; width:100%; min-height:36px; padding:7px 9px;
  border:0; border-radius:8px; background:none; color:var(--hb-txt); font:inherit; font-size:13.5px;
  font-weight:600; text-align:left; cursor:pointer;
}
.kb-move-opt:hover, .kb-move-opt:focus-visible{ background:color-mix(in srgb, var(--hb-acc) 11%, var(--hb-sfc)); outline:none; }
.kb-move-dot{ width:8px; height:8px; border-radius:99px; flex:none; background:var(--hb-acc); }
.kb-move-opt.kb-tone-danger{ color:var(--hb-danger); }
.kb-move-opt.kb-tone-danger .kb-move-dot{ background:var(--hb-danger); }
.kb-move-opt.kb-tone-ok .kb-move-dot{ background:var(--hb-ok); }
.kb-move-opt.kb-tone-info .kb-move-dot{ background:var(--hb-info); }
.kb-move-opt.kb-tone-danger:hover, .kb-move-opt.kb-tone-danger:focus-visible{ background:color-mix(in srgb, var(--hb-danger) 10%, var(--hb-sfc)); }

/* ═══ ARIZA OYNASI — ikki asosiy qaror, takrorsiz (2026-09-27, R18/R19/R26)
   applications.js::loadApplicationModalContent. Oyna document.body
   darajasida — shu bois bu qoidalar `.rekruting-scope`siz. ═══ */
.apm-hired{
  display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap;
  padding:12px 14px; margin-bottom:14px; border-radius:var(--hb-radius-sm);
  border:1px solid color-mix(in srgb, var(--hb-ok) 35%, transparent);
  background:color-mix(in srgb, var(--hb-ok) 8%, var(--hb-sfc));
}
.apm-hired-t{ color:var(--hb-ok); font-weight:700; font-size:13px; display:inline-flex; align-items:center; gap:6px; }
.apm-edit{ padding:14px; margin-bottom:14px; }
.apm-fgrid{ gap:12px 14px; margin-bottom:14px; }
.apm-lbl{ font-size:11.5px; font-weight:800; color:var(--hb-mut); text-transform:uppercase; letter-spacing:.02em; margin:0 0 7px; }
.apm-refuse{ margin-bottom:12px; padding:10px; border-radius:var(--hb-radius-sm);
  border:1px solid color-mix(in srgb, var(--hb-danger) 35%, transparent);
  background:color-mix(in srgb, var(--hb-danger) 5%, var(--hb-sfc)); }
.apm-refuse > label{ color:var(--rk-danger-text, var(--hb-danger)); }
.apm-refuse .quick-reason-chips{ display:flex; flex-wrap:wrap; gap:5px; margin-bottom:2px; }
.apm-refuse.apm-attn{ animation:apm-attn 1s ease 2; }
@keyframes apm-attn{ 0%,100%{ box-shadow:0 0 0 0 transparent; } 50%{ box-shadow:0 0 0 4px color-mix(in srgb, var(--hb-danger) 30%, transparent); } }
@media (prefers-reduced-motion: reduce){ .apm-refuse.apm-attn{ animation:none; } }
.apm-lbl + #stageEditSel{ margin-bottom:12px !important; }
#stageEditSel + .apm-refuse + .apm-lbl, #stageEditSel + .apm-lbl{ margin-top:14px; }
.apm-invite{ display:flex; gap:6px; flex-wrap:wrap; margin-bottom:14px; }
.apm-invite svg{ vertical-align:middle; }
.apm-save-row{ display:flex; gap:8px; flex-wrap:wrap; padding-top:12px; border-top:1px solid var(--hb-brd); }
/* O'chirish — asosiy joydan olindi: kichik, xavfli rangdagi havola */
.apm-danger-zone{ margin-top:14px; padding-top:10px; border-top:1px dashed var(--hb-brd); }
.apm-del-link{
  display:inline-flex; align-items:center; gap:6px; padding:6px 8px; margin-left:-8px;
  border:0; border-radius:8px; background:none; cursor:pointer; font:inherit; font-size:12.5px; font-weight:700;
  color:var(--rk-danger-text, var(--hb-danger));
}
.apm-del-link:hover{ background:color-mix(in srgb, var(--hb-danger) 9%, var(--hb-sfc)); }
.apm-del-link:focus-visible{ outline:2px solid var(--hb-danger); outline-offset:2px; }
.apm-chatter{ margin-top:18px; }
.apm-chatter .hbc-title{ display:inline-flex; align-items:center; gap:7px; }
.apm-history{ margin-top:16px; border:1px solid var(--hb-brd); border-radius:var(--hb-radius-sm); background:var(--hb-sfc); }
.apm-history > summary{
  cursor:pointer; padding:10px 12px; font-weight:800; font-size:13px; color:var(--hb-txt);
  display:flex; align-items:center; gap:8px; list-style:none;
}
.apm-history > summary::-webkit-details-marker{ display:none; }
.apm-history > summary::after{ content:'▾'; margin-left:auto; color:var(--hb-mut); transition:transform .15s; }
.apm-history[open] > summary::after{ transform:rotate(180deg); }
.apm-history[open]{ padding-bottom:10px; }
.apm-history > .tl-item{ margin:0 12px 0 18px; }

/* Modal formalar (Yangi ariza, lavozim profili va h.k.) — `hbk-field-flush`
   maydonlar oralig'i 0 edi: keyingi label oldingi inputga yopishardi (R26). */
.hbk-modal-body > .hb-field.hbk-field-flush,
.hbk-modal-body > .fgrid,
.jp-sect > .hb-field.hbk-field-flush,
.jp-sect > .fgrid{ margin-bottom:14px; }
.hbk-modal-body > .hb-field.hbk-field-flush:last-child,
.jp-sect > .hb-field.hbk-field-flush:last-child{ margin-bottom:0; }
/* Modallar body'da chiziladi — `.rekruting-scope`dagi `--hb-sfc2 → --hb-sfc`
   almashuvi ularga yetmasdi (footer och-kulrang-yashil edi, P4). Bu fayl
   faqat rekruting sahifasida yuklanadi. */
.hbk-modal{ --hb-sfc2:var(--hb-sfc); --hb-bg2:var(--hb-sfc); }

/* ═══ 2026-09-27 — Adaptatsiya: HR qarori, filtr, legenda (TZ_REKRUTING_UX_AUDIT Bosqich 1) ═══
   ⚠️ .pb-dec-* va .pb-dec-hist-* MODAL ichida (body darajasida) chiziladi —
   .rekruting-scope bilan CHEKLANMAYDI (modal_body_level_css_scope tuzog'i). */
.pb-dec-bar{ margin-top:16px; padding:14px; border:1px solid var(--hb-brd); border-radius:14px; background:var(--hb-sfc); }
.pb-dec-bar.is-urgent{ border-color:var(--hb-warning); box-shadow:0 0 0 3px color-mix(in srgb, var(--hb-warning) 18%, transparent); }
.pb-dec-head{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:10px; color:var(--hb-txt); }
.pb-dec-hint{ color:var(--hb-mut); font-size:12.5px; }
.pb-dec-btns{ display:flex; gap:8px; flex-wrap:wrap; }
.pb-dec-btns .hb-btn{ min-height:38px; }
.pb-dec-ok{ background:var(--hb-ok) !important; border-color:var(--hb-ok) !important; color:#fff !important; }
.pb-dec-ext{ background:var(--hb-sfc) !important; border-color:var(--hb-acc) !important; color:var(--hb-acc) !important; }
.pb-dec-no{ background:var(--hb-sfc) !important; border-color:var(--hb-danger) !important; color:var(--hb-danger) !important; }
.pb-dec-quick{ display:flex; gap:6px; flex-wrap:wrap; margin-top:8px; }
.pb-dec-quick .hb-chip{ cursor:pointer; border:1px solid var(--hb-brd); background:var(--hb-sfc); }
.pb-dec-quick .hb-chip:hover{ border-color:var(--hb-acc); color:var(--hb-acc); }
.pb-dec-hist{ display:flex; flex-direction:column; gap:6px; }
.pb-dec-hist-row{ display:grid; grid-template-columns:86px 1fr auto; gap:10px; align-items:baseline; font-size:12.5px;
  padding:8px 10px; border:1px solid var(--hb-brd); border-radius:10px; }
.pb-dec-hist-at{ font-weight:700; color:var(--hb-txt); }
.pb-dec-hist-txt{ color:var(--hb-txt); }
.pb-dec-hist-by{ color:var(--hb-mut); font-size:11.5px; }
@media (max-width:560px){
  .pb-dec-btns .hb-btn{ flex:1 1 100%; justify-content:center; }
  .pb-dec-hist-row{ grid-template-columns:1fr; gap:2px; }
}
.rekruting-scope .pb-hm-why{ margin-top:4px; font-size:11.5px; color:var(--hb-warning); line-height:1.35; }
.rekruting-scope .pb-hm-decide{ margin-top:8px; border-color:var(--hb-warning); color:var(--hb-txt); background:color-mix(in srgb, var(--hb-warning) 14%, var(--hb-sfc)); }
.rekruting-scope .pb-filters{ display:flex; gap:6px; flex-wrap:wrap; margin:12px 0 6px; }
.rekruting-scope .pb-flt{ cursor:pointer; border:1px solid var(--hb-brd); background:var(--hb-sfc); min-height:32px; }
.rekruting-scope .pb-flt b{ margin-left:4px; }
.rekruting-scope .pb-flt.is-on{ border-color:var(--hb-acc); color:var(--hb-acc); box-shadow:inset 0 0 0 1px var(--hb-acc); }
.rekruting-scope .pb-flt.is-alert:not(.is-on){ border-color:var(--hb-warning); }
.rekruting-scope .pb-legend{ display:flex; gap:12px; flex-wrap:wrap; margin:4px 0 12px; font-size:11.5px; color:var(--hb-mut); }
.rekruting-scope .pb-lg-it{ display:inline-flex; align-items:center; gap:5px; }
.rekruting-scope .pb-lg-dot{ width:9px; height:9px; border-radius:999px; background:var(--hb-brd2); }
.rekruting-scope .pb-lg-dot.done{ background:var(--hb-ok); }
.rekruting-scope .pb-lg-dot.review{ background:var(--hb-warning); box-shadow:inset 0 0 0 2px var(--hb-ok); }
.rekruting-scope .pb-lg-dot.today{ background:var(--hb-acc); }
.rekruting-scope .pb-lg-dot.late{ background:var(--hb-danger); }

/* ═══ NOMZOD YO'LI SARLAVHASI + MOBIL FILTR (2026-09-27, N6/R24) ═══
   applications.js::viewApplications (markup), toggleRkFilters/toggleRjStrip;
   jobs.js::renderJourney (qisqa yorliq + #rjSummary), showRjVideo (#rjVideoBtn). */
.rekruting-scope .rj-head{ margin-bottom:12px; flex-wrap:nowrap; }
.rekruting-scope .rj-head-main{ min-width:0; display:flex; align-items:baseline; flex-wrap:wrap; gap:0 8px; }
.rekruting-scope .rj-sub{ margin-left:0; }
.rekruting-scope .rj-summary{ display:none; }
.rekruting-scope .rj-head-acts{ display:flex; align-items:center; gap:6px; flex:none; }
.rekruting-scope .rj-video-btn{
  display:inline-flex; align-items:center; gap:6px; height:30px; padding:0 11px; border-radius:var(--hb-pill);
  border:1px solid var(--hb-brd); background:var(--hb-sfc); color:var(--hb-acc-text, var(--hb-acc));
  font:inherit; font-size:12.5px; font-weight:800; cursor:pointer; transition:border-color .15s, background .15s;
}
.rekruting-scope .rj-video-btn[hidden]{ display:none; }
.rekruting-scope .rj-video-btn:hover{ border-color:var(--hb-acc); background:color-mix(in srgb, var(--hb-acc) 8%, var(--hb-sfc)); }
.rekruting-scope .rj-video-btn:focus-visible,
.rekruting-scope .rj-toggle:focus-visible{ outline:2px solid var(--hb-acc); outline-offset:2px; }
.rekruting-scope .rj-toggle{
  display:none; width:34px; height:34px; padding:0; border-radius:10px; align-items:center; justify-content:center;
  border:1px solid var(--hb-brd); background:var(--hb-sfc); color:var(--hb-mut); cursor:pointer;
}
.rekruting-scope .rj-toggle .hb-ico{ transition:transform .2s; }
.rekruting-scope .rj-card.rj-open .rj-toggle .hb-ico{ transform:rotate(180deg); }
.rekruting-scope .rj-lbl{ font-size:12px; }
/* Qisqa yorliqlar bilan 11 qadam 1440px da skrollsiz sig'adi */
@media (min-width:861px){ .rekruting-scope .rj-step{ min-width:82px; } }

/* Toolbar: desktopda panel "ko'rinmas o'ram" (bola elementlar toolbar
   qatorida), "Filtr" tugmasi yashirin */
.rekruting-scope .rk-tb-more{ display:contents; }
.rekruting-scope .rk-filter-toggle{ display:none; }

@media (max-width:760px){
  /* Qidiruv + "Filtr" — bitta qatorda; qolgani ochiladigan panelda */
  .rekruting-scope .toolbar{ gap:8px; margin-bottom:10px; }
  .rekruting-scope .toolbar #appQWrap{ min-width:0 !important; flex:1 1 0; }
  .rekruting-scope .rk-filter-toggle{
    display:inline-flex; align-items:center; gap:6px; height:38px; padding:0 12px; flex:none; position:relative;
    border:1px solid var(--hb-brd); border-radius:10px; background:var(--hb-sfc); color:var(--hb-txt); font-weight:700;
  }
  .rekruting-scope .rk-filter-toggle[aria-expanded="true"]{ border-color:var(--hb-acc); color:var(--hb-acc-text, var(--hb-acc)); }
  .rekruting-scope .rk-filter-toggle.rk-has-filter::after{
    content:''; position:absolute; top:6px; right:6px; width:8px; height:8px; border-radius:50%; background:var(--hb-acc);
  }
  .rekruting-scope .rk-tb-more{ display:none; }
  .rekruting-scope .rk-tb-more.open{
    display:flex; flex-direction:column; align-items:stretch; gap:8px; width:100%;
    padding:10px; border:1px solid var(--hb-brd); border-radius:var(--hb-radius-sm); background:var(--hb-sfc);
  }
  .rekruting-scope .rk-tb-more.open > *{ width:100%; min-width:0 !important; }
  .rekruting-scope .rk-tb-more.open .hb-view-switcher{ display:flex; width:100%; }
  .rekruting-scope .rk-tb-more.open .hb-view-btn{ flex:1; justify-content:center; }
  .rekruting-scope .rk-tb-more.open #appPerCtrl{ flex:1 1 0; width:auto; min-width:0; }
  .rekruting-scope .rk-tb-more.open #appPerCtrl .hbk-daterange,
  .rekruting-scope .rk-tb-more.open #appPerCtrl .hbk-daterange-trigger{ width:100%; }
  .rekruting-scope .rk-tb-more.open #appPerCtrl .hbk-daterange-trigger-arrow{ margin-left:auto; }
  /* Tasma: standartda yig'ilgan — bir qatorli xulosa */
  .rekruting-scope .rj-card{ padding:12px 14px; }
  .rekruting-scope .rj-head{ margin-bottom:0; align-items:center; }
  .rekruting-scope .rj-card.rj-open .rj-head{ margin-bottom:12px; }
  .rekruting-scope .rj-sub{ display:none; }
  .rekruting-scope .rj-summary{
    display:inline; font-size:12.5px; font-weight:700; color:var(--hb-acc-text, var(--hb-acc));
    overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  }
  .rekruting-scope .rj-card.rj-open .rj-summary{ display:none; }
  .rekruting-scope .rj-toggle{ display:inline-flex; }
  .rekruting-scope .rj-card:not(.rj-open) .rj-strip{ display:none; }
  .rekruting-scope .rj-video-btn span{ display:none; }
  .rekruting-scope .rj-video-btn{ width:34px; height:34px; padding:0; justify-content:center; }
}


/* ═══ LAVOZIM PROFILLARI RO'YXATI — qidiruv + ixcham qatorlar (2026-09-27, V3)
   jobs.js::renderJobsInto/_renderJobsGrid. ═══ */
.rekruting-scope .job-tools{ display:flex; align-items:center; gap:12px; margin:0 0 12px; flex-wrap:wrap; }
.rekruting-scope .job-search{ flex:1 1 280px; max-width:420px; }
.rekruting-scope .job-search .hb-search{ height:38px; }
.rekruting-scope .job-count{ font-weight:700; white-space:nowrap; }
.rekruting-scope #jobGrid .hb-table td{ padding:8px 12px; }
.rekruting-scope #jobGrid .hb-table th{ padding-left:12px; padding-right:12px; }
.rekruting-scope #jobGrid .job-name-txt{ max-width:clamp(180px, 26vw, 380px); }
.rekruting-scope #jobGrid .job-name{ gap:10px; min-width:0; }
.rekruting-scope #jobGrid .hb-avatar{ width:32px; height:32px; flex:none; }
.rekruting-scope .job-name-txt{ display:flex; flex-direction:column; gap:1px; min-width:0; }
.rekruting-scope .job-name-t{ font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.rekruting-scope .job-name-d{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.rekruting-scope .job-prog{ min-width:150px; }
.rekruting-scope .job-prog-none{ white-space:nowrap; }
.rekruting-scope .job-pub{ display:inline-flex; white-space:nowrap; }
.rekruting-scope .job-pub .hbk-switch{ white-space:nowrap; }
.rekruting-scope .job-acts{ display:flex; align-items:center; justify-content:flex-end; gap:4px; white-space:nowrap; }
/* Mobil ro'yxat qatori */
.rekruting-scope .job-mrow{ align-items:start; }
.rekruting-scope .job-mrow .job-name-txt{ gap:4px; }
.rekruting-scope .job-mrow .job-acts{ align-self:center; }
/* Lavozim tahririda "Ishga olingan" — faqat ma'lumot (V1/V3) */
.job-hired-info{
  display:flex; align-items:center; gap:6px; min-height:44px; padding:0 12px; box-sizing:border-box;
  border:1px dashed var(--hb-brd); border-radius:10px; color:var(--hb-txt);
}
.job-hired-info .hb-hint{ margin-left:2px; }
/* Xavfli tugmalar (Rad etish) — oq/qizil kontrast 3,7 → ≥4,5 (R26) */
.hbk-modal .hb-btn-danger{ color:var(--rk-danger-text); border-color:color-mix(in srgb, var(--hb-danger) 55%, transparent); }
.hbk-modal .hb-btn-danger-solid{ background:var(--rk-danger-text); border-color:var(--rk-danger-text); color:#fff; }
.rekruting-scope .job-stale-toggle{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-top:12px; }
/* 2026-09-27: voronka qatori ostida "hozir / rad etilgan / o'tgan" izohi —
   kanban (hozirgi holat) va voronka (yetib kelganlar) farqi ko'rinsin. */
.rekruting-scope .fn-hint{ font-size:12px; color:var(--hb-mut); margin:2px 0 10px; }
.rekruting-scope .fn-sub{ margin:2px 0 0 150px; font-size:11.5px; color:var(--hb-mut); }
@media (max-width:760px){ .rekruting-scope .fn-sub{ margin-left:114px; } }
/* 2026-09-27: yagona "Yuklab olish" menyusi (body darajasida, .kb-move-menu asosida). */
.exp-menu{ width:min(360px, calc(100vw - 16px)); }
.exp-menu .exp-row{ padding:10px 10px; border-top:1px solid var(--hb-brd); }
.exp-menu .exp-row:first-child{ border-top:0; }
.exp-menu .exp-row-txt{ display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 6px; font-size:13px; color:var(--hb-txt); }
.exp-menu .exp-n{ font-weight:800; color:var(--hb-acc-ink, var(--hb-acc)); }
.exp-menu .exp-note{ flex-basis:100%; font-size:11.5px; color:var(--hb-mut); line-height:1.35; }
.exp-menu .exp-row-btns{ display:flex; gap:6px; margin-top:8px; }
.exp-menu .exp-btn{ display:inline-flex; align-items:center; gap:6px; min-height:34px; padding:0 12px; border-radius:9px;
  border:1px solid var(--hb-brd); background:var(--hb-sfc); color:var(--hb-txt); font:inherit; font-size:12.5px; font-weight:700; cursor:pointer; }
.exp-menu .exp-btn:hover, .exp-menu .exp-btn:focus-visible{ border-color:var(--hb-acc); color:var(--hb-acc-ink, var(--hb-acc)); outline:none; }