/* Внутренние процессы: командировки и АО, такси подотчёт, кадровая служба. Префикс hr-. Только токены ui.css. */
.hr-top{gap:8px;flex-wrap:wrap}
.hr-h{margin:16px 0 8px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.hr-acts{gap:8px;flex-wrap:wrap;margin-top:14px}
.hr-appr{font-size:12.5px;white-space:nowrap}
.hr-file{white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:bottom}
.hr-doubt{color:var(--bad3);font-size:12px}
.hr-full{grid-column:1/-1}
.hr-off td,.hr-line.hr-off input[type=text]{color:var(--mut2);text-decoration:line-through}
table.t.hr-kv td{padding:6px 10px}
table.t.hr-kv td:first-child{width:150px;white-space:nowrap}
table.t.hr-kv tr:hover td{background:none}
.hr-parts{display:grid;gap:6px;margin-top:8px}

/* итог авансового отчёта */
.hr-sums{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.hr-sums>div{background:var(--fill);border-radius:var(--radius-sm);padding:8px 12px;display:flex;flex-direction:column;min-width:130px}
.hr-sums b{font-size:16px;font-variant-numeric:tabular-nums}
.hr-sums .hr-ret{background:var(--warn-soft);color:var(--warn3)}
.hr-sums .hr-pay{background:var(--acc-soft);color:var(--acc3)}

/* строки расходов и чеков: сетка, которая на телефоне складывается в две колонки */
.hr-line{display:grid;grid-template-columns:140px 130px minmax(0,1fr) 110px auto auto;gap:6px;align-items:center;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--line-soft)}
.hr-line.hr-line-r{grid-template-columns:140px minmax(0,1fr) minmax(0,.8fr) 100px auto auto auto}
.hr-line input[type=text],.hr-line input[type=date],.hr-line select{width:100%;min-width:0}
.hr-chk{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--mut);white-space:nowrap}
.hr-chk input[type=checkbox]{width:auto}
.hr-lf{min-width:0}

/* такси */
.kpi.hr-over{border-color:var(--bad);background:var(--bad-soft)}
.kpi.hr-over .v{color:var(--bad3)}

/* график отсутствий */
.hr-month{min-width:140px;text-align:center}
.hr-leg{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--mut);flex-wrap:wrap}
.hr-c{display:inline-block;width:14px;height:14px;border-radius:4px;background:var(--fill2);vertical-align:middle}
.hr-c.vacation{background:var(--ok)}
.hr-c.dayoff{background:var(--acc)}
.hr-c.sick{background:var(--warn)}
table.t.hr-cal{font-size:12px;width:auto}
table.t.hr-cal th,table.t.hr-cal td{padding:5px 3px;text-align:center;min-width:22px}
table.t.hr-cal th{letter-spacing:0}
table.t.hr-cal .hr-who{text-align:left;white-space:nowrap;padding-right:10px;position:sticky;left:0;background:var(--card-solid);z-index:1}
table.t.hr-cal th:first-child{text-align:left;position:sticky;left:0;z-index:2}
table.t.hr-cal .hr-we{background:var(--fill)}
table.t.hr-cal th.hr-today{color:var(--acc3);box-shadow:inset 0 -2px 0 var(--acc)}

@media(max-width:700px){
  .hr-line,.hr-line.hr-line-r{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .hr-line input[name=descr],.hr-line input[name=what]{grid-column:1/-1}
  table.t.hr-kv td:first-child{width:auto;white-space:normal}
  .hr-sums>div{min-width:0;flex:1 1 120px}
}
.hr-lf:empty{display:none}