.hr-av{overflow: hidden;background: var(--brand);flex: 0 0 auto}.hr-av img{width: 100%;height: 100%;object-fit: cover;display: block}.hr-person{display: flex;align-items: center;gap: 10px;min-width: 0}.hr-person-txt{display: grid;line-height: 1.25;min-width: 0}.hr-person-txt b,.hr-person-txt small{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.hr-person-name{font-weight: 700}a.hr-person-name:hover{color: var(--accent-d);text-decoration: underline}.btn.btn-sm{min-height: 32px;padding: 0 10px;font-size: 13px}.hr-page .hr-h2{font-size: 16px;margin: 4px 0 10px}.hr-section{display: grid;gap: 4px}.hr-off{opacity: .35}.hr-intro{margin-bottom: 8px}.hr-page .kanban{grid-template-columns: repeat(auto-fill,minmax(230px,1fr))}.hr-card{display: grid;gap: 12px;padding: 14px;background: var(--panel);border: 1px solid var(--line);border-radius: 14px;transition: transform .15s,box-shadow .15s;min-width: 0}.hr-card.clickable{cursor: pointer}.hr-card.clickable:hover{transform: translateY(-2px);box-shadow: var(--shadow);border-color: var(--accent)}.hr-card.archived{opacity: .55}.hr-card-top{display: flex;align-items: center;gap: 12px;min-width: 0}.hr-card-av{position: relative;flex: 0 0 auto}.hr-dot{position: absolute;inset-block-end: 0;inset-inline-end: 0;width: 14px;height: 14px;border-radius: 50%;border: 2px solid var(--panel);background: var(--line)}.hr-dot.present{background: var(--ok)}.hr-dot.leave{background: var(--info)}.hr-dot.away{background: var(--muted);opacity: .6}.hr-card-id{display: grid;min-width: 0;line-height: 1.25}.hr-card-name{font-size: 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.hr-card-meta{display: grid;gap: 4px;justify-items: start;min-width: 0}.hr-card-line{display: inline-flex;align-items: center;gap: 6px;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}a.hr-kpi-link{color: inherit;transition: border-color .15s,transform .15s}a.hr-kpi-link:hover{border-color: var(--accent);transform: translateY(-1px)}.hr-attn-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(270px,1fr));gap: 14px;align-items: stretch}.hr-attn{display: grid;gap: 10px;align-content: start;text-align: start;padding: 14px 16px;background: var(--panel);border: 1px solid var(--line);border-inline-start: 4px solid var(--c,var(--warn));border-radius: var(--r);box-shadow: var(--shadow);color: inherit;font: inherit;min-width: 0}button.hr-attn,a.hr-attn{cursor: pointer}button.hr-attn:hover,a.hr-attn:hover{border-color: var(--c,var(--warn));background: var(--panel-2)}.hr-attn.tone-warn{--c: var(--warn)}.hr-attn.tone-danger{--c: var(--danger)}.hr-attn.tone-info{--c: var(--info)}.hr-attn.tone-ok{--c: var(--ok)}.hr-attn-top{display: flex;align-items: center;gap: 10px}.hr-attn-ico{display: grid;place-items: center;width: 36px;height: 36px;border-radius: 10px;color: var(--c,var(--warn));background: color-mix(in srgb,var(--c,var(--warn)) 14%,var(--panel));flex: 0 0 auto}.hr-attn-num{font-size: 26px;font-weight: 800;line-height: 1;font-variant-numeric: tabular-nums}.hr-attn-title{font-weight: 650;line-height: 1.3}.hr-attn-list{margin: 0;padding: 0;list-style: none;display: grid;gap: 3px;color: var(--muted);font-size: 13px}.hr-attn-list li{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.hr-attn-go{display: inline-flex;align-items: center;gap: 4px;color: var(--accent-d);font-weight: 700;font-size: 13px}.hr-allgood{display: flex;align-items: center;gap: 14px;padding: 16px 18px;border-radius: var(--r);background: var(--ok-soft);color: var(--ok-ink);border: 1px solid color-mix(in srgb,var(--ok) 30%,var(--line))}.hr-allgood p{margin-top: 2px}.hr-allgood b{color: var(--ink)}.hr-note{display: flex;align-items: center;gap: 10px;flex-wrap: wrap;padding: 10px 14px;background: var(--info-soft);color: var(--ink);border: 1px solid color-mix(in srgb,var(--info) 28%,var(--line));border-radius: var(--r-sm);margin-top: 10px}.hr-note .ico{color: var(--info-ink)}.hr-warn-list{display: grid;gap: 8px;margin-top: 10px}.hr-warn{display: flex;gap: 8px;align-items: flex-start;padding: 8px 12px;background: var(--warn-soft);color: var(--ink);border-radius: var(--r-sm);border: 1px solid color-mix(in srgb,var(--warn) 30%,var(--line));font-size: 13px}.hr-warn .ico{color: var(--warn-ink);margin-top: 1px}.hr-month-nav{display: inline-flex;align-items: center;gap: 6px;flex-wrap: wrap}.hr-month-nav .icon-btn{border: 1px solid var(--line);background: var(--panel);border-radius: var(--r-sm);width: 36px;height: 36px}.hr-month-label{min-width: 150px;text-align: center;font-size: 15px}.hr-hero{display: grid;grid-template-columns: 150px minmax(0,1fr);gap: 18px;align-items: start;padding-bottom: 14px}.hr-hero-photo .img-field{max-width: 150px}.hr-tabs{display: flex;gap: 2px;overflow-x: auto;border-bottom: 1px solid var(--line);margin-top: 6px;scrollbar-width: none}.hr-tabs::-webkit-scrollbar{display: none}.hr-tab{flex: 0 0 auto;border: 0;background: transparent;padding: 11px 16px;font-weight: 700;color: var(--muted);border-bottom: 3px solid transparent;margin-bottom: -1px;min-height: 44px}.hr-tab:hover{color: var(--ink)}.hr-tab.on{color: var(--accent-d);border-bottom-color: var(--accent)}.hr-pane{padding-top: 16px;display: grid;gap: 14px}.hr-pin{display: flex;align-items: center;gap: 10px;flex-wrap: wrap}.hr-pin input{width: 110px;letter-spacing: .3em;text-align: center;font-weight: 700}.hr-nid{display: grid;gap: 6px}.hr-nid-hint.ok{color: var(--ok-ink);font-weight: 600}.hr-nid-hint.bad{color: var(--danger-ink);font-weight: 600}.mono{font-variant-numeric: tabular-nums;letter-spacing: .04em}.hr-contract-now{display: grid;gap: 2px;padding: 12px 14px;background: var(--panel-2);border: 1px solid var(--line);border-radius: var(--r-sm)}.hr-mini .num{text-align: end}.hr-mini tr.clickable{cursor: pointer}.hr-dl{display: grid;grid-template-columns: auto 1fr;gap: 8px 14px;margin: 0}.hr-dl dt{color: var(--muted);font-size: 12.5px;font-weight: 650}.hr-dl dd{margin: 0;font-weight: 650;text-align: end;overflow-wrap: anywhere}.hr-sug{display: flex;align-items: center;gap: 10px;flex-wrap: wrap;margin-top: 10px}.hr-breakdown{display: grid;gap: 8px}.hr-breakdown hr{border: 0;border-top: 1px dashed var(--line);margin: 4px 0;width: 100%}.hr-bd-row{display: flex;justify-content: space-between;gap: 10px}.hr-bd-row .num{font-variant-numeric: tabular-nums}.hr-bd-row.total{padding-top: 6px;border-top: 1px solid var(--line);font-size: 15px}.hr-bd-row.muted{color: var(--muted)}.data-table tr.hr-row-bad td{background: color-mix(in srgb,var(--danger) 7%,transparent)}.hr-tree{list-style: none;margin: 0;padding: 0;display: grid;gap: 6px}.hr-tree .hr-tree{margin-top: 6px;margin-inline-start: 20px;padding-inline-start: 16px;border-inline-start: 2px solid var(--line)}.hr-sum{display: flex;align-items: center;gap: 6px;list-style: none;cursor: pointer}.hr-sum::-webkit-details-marker{display: none}.hr-chev{display: grid;place-items: center;width: 22px;height: 22px;color: var(--muted);transition: transform .15s;flex: 0 0 auto}details:not([open])>.hr-sum .hr-chev{transform: rotate(-90deg)}:root[dir="rtl"] details:not([open])>.hr-sum .hr-chev{transform: rotate(90deg)}.hr-node{display: flex;align-items: center;gap: 10px;flex: 1 1 auto;min-width: 0;max-width: 460px;padding: 8px 12px;background: var(--panel);border: 1px solid var(--line);border-inline-start: 4px solid var(--dept,var(--accent));border-radius: 12px;color: inherit}a.hr-node:hover{border-color: var(--accent);background: var(--panel-2)}.hr-node-txt{display: grid;line-height: 1.25;min-width: 0;flex: 1}.hr-node-txt b,.hr-node-txt small{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.hr-node-count{display: inline-grid;place-items: center;min-width: 24px;height: 24px;padding: 0 7px;border-radius: 999px;background: var(--panel-3);color: var(--muted);font-size: 12px;font-weight: 800}li>.hr-node{margin-inline-start: 28px}.hr-tree-wrap{min-height: 120px}.hr-head-badges{display: inline-flex;align-items: center;gap: 6px;flex-wrap: wrap;vertical-align: middle}.hr-review-link{text-decoration: none}.hr-notes{display: grid;gap: 0}.hr-notes:empty{display: none}.hr-notes>.hr-note,.hr-notes>.hr-warn-list{margin-top: 0;margin-bottom: 10px}.hr-note .btn{margin-inline-start: auto}.hr-note-txt{display: grid;gap: 3px;min-width: 0;flex: 1 1 240px}.hr-note-txt .link{font-weight: 650}.hr-sched,.hr-depart{align-items: flex-start}.hr-sched .ico,.hr-depart .ico{margin-top: 2px}.hr-warn-items{margin: 4px 0 0;padding-inline-start: 18px;display: grid;gap: 2px}.hr-effective{display: flex;align-items: center;gap: 8px;flex-wrap: wrap;min-width: 0;margin-top: 8px;padding: 10px 14px;background: var(--info-soft);border: 1px solid color-mix(in srgb,var(--info) 28%,var(--line));border-radius: var(--r-sm)}.hr-effective[hidden]{display: none}.hr-effective-date{display: inline-flex;align-items: center;gap: 6px;font-weight: 650;font-size: 13px;white-space: nowrap}.hr-effective input[type="text"]{flex: 1 1 200px;min-width: 120px}.hr-effective input.invalid{border-color: var(--danger)}.hr-effective .field-error{flex-basis: 100%;color: var(--danger-ink)}.hr-approver-help{margin: -2px 0 2px}.hr-timeline{list-style: none;margin: 0;padding: 0;display: grid;gap: 0}.hr-tl-row{display: grid;grid-template-columns: 28px minmax(0,1fr);gap: 12px;position: relative;padding-bottom: 16px}.hr-tl-row::before{content: "";position: absolute;inset-block: 28px 0;inset-inline-start: 13px;border-inline-start: 2px solid var(--line)}.hr-tl-row:last-child::before{display: none}.hr-tl-dot{display: grid;place-items: center;width: 28px;height: 28px;border-radius: 50%;background: var(--panel-3);color: var(--muted)}.hr-tl-row.kind-contract .hr-tl-dot{background: var(--info-soft);color: var(--info-ink)}.hr-tl-row.is-scheduled .hr-tl-dot{background: var(--warn-soft);color: var(--warn-ink)}.hr-tl-body{display: grid;gap: 4px;min-width: 0}.hr-tl-head{display: flex;align-items: center;gap: 8px;flex-wrap: wrap}.hr-tl-changes{margin: 0;padding: 0;list-style: none;display: grid;gap: 2px;color: var(--ink);font-size: 13.5px}.hr-tl-row.is-scheduled .hr-tl-changes{color: var(--muted)}.hr-skills{display: grid;gap: 10px}.hr-skill{display: flex;gap: 10px;align-items: flex-start;padding: 12px;border: 1px solid var(--line);border-radius: var(--r-sm);background: var(--panel)}.hr-skill-grid{flex: 1 1 auto;display: grid;grid-template-columns: repeat(auto-fit,minmax(150px,1fr));gap: 10px;min-width: 0}.hr-skill-grid .grow2{grid-column: span 2}.hr-skill-side{display: flex;flex-direction: column;align-items: flex-end;gap: 8px}.hr-skill-status:empty{display: none}.hr-plan-steps{margin: 10px 0 0;padding-inline-start: 22px;display: grid;gap: 4px}.hr-plan-steps li{display: flex;justify-content: space-between;gap: 10px}.hr-plan-line{max-width: 52ch;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.hr-act .act-head-btns [data-help="todo.plan.button"]{display: none}.hr-act .act-head{flex-wrap: wrap;gap: 8px}.hr-levels{display: grid;gap: 8px}.hr-level{display: grid;grid-template-columns: 26px minmax(0,1fr) minmax(0,1fr) auto;gap: 8px;align-items: center}.hr-level-n{display: grid;place-items: center;width: 26px;height: 26px;border-radius: 50%;background: var(--panel-3);color: var(--muted);font-size: 12px;font-weight: 800}.hr-level-btns,.hr-step-btns{display: inline-flex;gap: 2px}.hr-steps{display: grid;gap: 10px;margin-bottom: 10px}.hr-step{display: flex;gap: 8px;align-items: flex-start;padding: 12px;border: 1px solid var(--line);border-radius: var(--r-sm);background: var(--panel-2)}.hr-step-fields{flex: 1 1 auto;display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 10px;min-width: 0}.hr-step-fields .grow2{grid-column: 1 / -1}.hr-step-btns{flex-direction: column}.hr-inc{display: grid;gap: 12px}.hr-inc-results{display: grid;gap: 10px}.hr-inc-table .num{text-align: end;font-variant-numeric: tabular-nums}.hr-inc-diff{display: block;color: var(--ok-ink)}.hr-inc-skipped ul{margin: 6px 0 0;padding-inline-start: 18px;display: grid;gap: 3px;font-size: 13px}@media (max-width: 720px){.hr-hero{grid-template-columns: 1fr}.hr-hero-photo .img-field{max-width: 120px}.hr-attn-grid{grid-template-columns: 1fr}.hr-month-label{min-width: 120px}.hr-page .kanban{grid-template-columns: 1fr 1fr;padding: 10px;gap: 10px}.hr-card{padding: 12px}.hr-tree .hr-tree{margin-inline-start: 10px;padding-inline-start: 10px}.hr-node{max-width: none}}@media (max-width: 720px){.hr-skill{flex-direction: column;align-items: stretch}.hr-skill-side{flex-direction: row;align-items: center;justify-content: space-between;width: 100%}.hr-skill-grid .grow2{grid-column: 1 / -1}.hr-level{grid-template-columns: 26px minmax(0,1fr) auto}.hr-level input:nth-of-type(2){grid-column: 2}.hr-level-btns{grid-row: 1 / span 2;grid-column: 3}.hr-step{flex-direction: column;align-items: stretch}.hr-step-btns{flex-direction: row}.hr-step-fields{grid-template-columns: 1fr}.hr-effective{display: grid;gap: 6px;padding: 10px}.hr-effective-date{display: grid;gap: 4px;white-space: normal}.hr-effective input{width: 100%;min-width: 0;max-width: 100%;box-sizing: border-box}.hr-note .btn{margin-inline-start: 0}}@media (max-width: 440px){.hr-page .kanban{grid-template-columns: 1fr}}@media (max-width: 700px){.hr-plan-line{max-width: 100%;white-space: normal;overflow-wrap: anywhere;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical}}