/* Этапы подбора в карточке заявки (28.10.2026, ЗАЯ-29…33) и фото сотрудников вместо букв (ПРФ-14…15).
   Часть оформления портала. Файлы подключаются в templates/index.html по порядку номеров: поздние правила перебивают ранние. Цвета — только переменными. */
.hire-box{border:1px solid var(--border);border-radius:12px;padding:12px 14px;margin:12px 0;background:var(--bg-soft);}
.hire-title{font-weight:700;color:var(--ink);margin-bottom:8px;}
.hire-cancel{color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:8px 10px;margin-bottom:8px;overflow-wrap:anywhere;}
.hire-steps{list-style:none;margin:0 0 6px;padding:0;display:flex;flex-direction:column;gap:2px;}
.hire-steps li{display:flex;align-items:center;gap:10px;color:var(--ink-soft);font-size:13.5px;padding:3px 0;position:relative;}
.hire-dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--border);background:var(--surface);flex:none;}
.hire-steps li.done{color:var(--ink);}
.hire-steps li.done .hire-dot{background:var(--orange);border-color:var(--orange);}
.hire-steps li.now{color:var(--ink);font-weight:700;}
.hire-steps li.now .hire-dot{border-color:var(--orange);box-shadow:0 0 0 3px var(--orange-tint);}
.hire-box .field{margin-top:8px;}
/* фото вместо букв: кружок тех же размеров, что был с буквами */
.ava-photo{object-fit:cover;padding:0;background:var(--bg-soft);}