/* «Результаты работы рекрутёра»: карточки цифр, полосы, таблицы; на телефоне таблицы — карточками. Палитра приложения. */
.hr-screen{min-width:0;max-width:1100px;color:var(--ink);overflow-wrap:anywhere;margin-top:16px}
.hr-screen h2{font-size:20px;text-transform:none;letter-spacing:normal;margin:12px 0}
.hr-screen h3{font-size:16px;margin:18px 0 8px}.hr-screen h4{font-size:14px;margin:12px 0 6px;color:var(--muted)}
.hr-periods{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}
.hr-screen button{min-height:44px;font:inherit}
.hr-screen .chip.active{background:var(--olive);color:var(--card)}
.hr-caption,.hr-note{color:var(--muted);font-size:13px}
.hr-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin:8px 0}
.hr-card{position:relative;display:flex;flex-direction:column;gap:2px;padding:12px 38px 12px 14px;min-width:0}
.hr-label{font-size:13px;color:var(--ink)}
.hr-value{font-size:26px;font-variant-numeric:tabular-nums;line-height:1.2}
.hr-returned{border:2px solid var(--berry);background:var(--milk)}
.hr-returned .hr-value,.hr-returned .hr-note{color:var(--berry)}
.hr-screen .hr-help{position:absolute;top:6px;right:6px;min-width:0;max-width:24px;width:24px;min-height:0;height:24px;padding:0;border-radius:50%;font-size:12px;line-height:1;display:inline-flex;align-items:center;justify-content:center}
.hr-help::after{content:'';position:absolute;inset:-10px}
.hr-help-text{flex:1 1 100%;margin:6px 0 0}
.hr-block{padding:12px 40px 12px 14px;position:relative}
.hr-block p{margin:4px 0}
.hr-step{display:grid;grid-template-columns:minmax(0,1.6fr) auto auto;gap:4px 12px;align-items:center;margin:8px 0}
.hr-step .hr-track{grid-column:1 / -1;height:8px;border-radius:4px;background:var(--beige);overflow:hidden}
.hr-track-fill{display:block;height:100%;background:var(--olive)}
.hr-share{color:var(--muted);font-variant-numeric:tabular-nums}
.hr-bars{display:flex;align-items:flex-end;gap:3px;height:110px;margin:6px 0 4px;overflow:hidden}
.hr-bar{flex:1 1 0;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;font-size:10px}
.hr-bar-fill{display:block;width:100%;max-height:70%;min-height:1px;background:var(--olive);border-radius:3px 3px 0 0}
.hr-bar b{font-weight:500;line-height:1.2}.hr-bar i{font-style:normal;color:var(--muted);height:12px;line-height:12px;white-space:nowrap}
.hr-table{width:100%;table-layout:auto;border-collapse:collapse;font-size:14px;margin:6px 0 12px}
.hr-table th,.hr-table td{padding:8px 6px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.hr-table th{font-weight:600}
.hr-error{color:var(--berry);white-space:pre-wrap}.hr-error:empty{display:none}
.hr-screen :focus-visible{outline:2px solid var(--olive-d);outline-offset:3px}
@media(max-width:640px){
  .hr-table thead{display:none}
  .hr-table,.hr-table tbody,.hr-table tr,.hr-table td{display:block;width:100%;box-sizing:border-box}
  .hr-table tr{border:1px solid var(--line);border-radius:12px;padding:8px 10px;margin:8px 0;background:var(--card)}
  .hr-table td{border:0;padding:3px 0}
  .hr-table td::before{content:attr(data-label) ': ';color:var(--muted);font-size:13px}
  .hr-table td:first-child::before{content:''}
  .hr-table td:first-child{font-weight:600}
  .hr-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}