.hr-cols{grid-template-columns:216px minmax(0,1fr);align-items:start;gap:16px;display:grid}.hr-cols.is-one{grid-template-columns:minmax(0,1fr)}.hr-sites{background:#fff;border-radius:20px;gap:2px;padding:8px;display:grid;position:sticky;top:12px}.hr-site{appearance:none;text-align:left;width:100%;min-width:0;min-height:48px;font:400 14px/1 var(--ui-font);color:#8b95a1;white-space:nowrap;background:0 0;border:0;border-radius:12px;align-items:center;gap:6px;padding:0 12px;transition:background-color .15s;display:flex}.hr-site b{text-overflow:ellipsis;min-width:0;font:600 15px/1.2 var(--ui-font);color:#191f28;overflow:hidden}.hr-site span{font-variant-numeric:tabular-nums;flex:none}.hr-site em{font:normal 600 13px/1 var(--ui-font);color:#d22030;flex:none;margin-left:auto}.hr-site:hover{background:#f9fafb}.hr-site[aria-pressed=true]{background:var(--sel-bg);box-shadow:var(--sel-ring)}.hr-site[aria-pressed=true] b,.hr-site[aria-pressed=true] span{color:var(--sel-ink)}.hr-site:focus-visible,.hr-tr:focus-visible{outline-offset:1px;outline:3px solid #c9b8ff}.hr-main{gap:14px;min-width:0;display:grid;container-type:inline-size}.hr-main>.lt{min-height:44px}.hr-sitetabs{display:none}.hr-tbl{background:#fff;border-radius:20px;min-width:0;padding:4px 8px 8px}.hr-th,.hr-tr{align-items:center;column-gap:8px;padding:0 14px;display:flex}.hr-th{min-height:42px;font:500 12px/1 var(--ui-font);color:#8b95a1;border-bottom:1px solid #f2f4f6;margin:0 -8px 4px;padding:0 22px}.hr-tr{appearance:none;text-align:left;width:100%;min-height:50px;font:400 14px/1 var(--ui-font);color:#4e5968;font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:12px;transition:background-color .12s}.hr-tr:hover{background:#f9fafb}.hr-tr[aria-pressed=true]{background:var(--sel-bg);box-shadow:var(--sel-ring)}.hr-tr[aria-pressed=true] .hr-c-name{color:var(--sel-ink)}.hr-td{white-space:nowrap;text-overflow:ellipsis;flex:none;min-width:0;overflow:hidden}.hr-tr .hr-c-name{font:600 15px/1 var(--ui-font);color:#191f28}.hr-tr .hr-c-grade,.hr-tr .hr-c-st,.hr-tr .hr-c-todo.is-bad,.hr-tr .hr-c-todo.is-warn,.hr-tr .hr-c-app.is-warn{font-weight:600}.hr-c-name{width:72px}.hr-c-vendor{width:80px}.hr-c-team{width:68px}.hr-c-area{width:76px}.hr-c-app{width:72px}.hr-c-org{width:124px}.hr-c-day{width:68px}.hr-c-grade{width:40px}.hr-c-todo{flex:92px}.hr-c-due{width:64px}.hr-c-st{text-align:right;width:104px}@container (max-width:880px){.hr-c-team,.hr-c-area,.hr-c-day{display:none}}@container (max-width:640px){.hr-c-vendor,.hr-c-org,.hr-c-app{display:none}.hr-c-name{width:64px}.hr-c-grade{width:36px}.hr-c-st{width:96px}}@container (max-width:440px){.hr-th,.hr-tr{column-gap:6px;padding:0 10px}.hr-th{padding:0 18px}.hr-c-due{display:none}.hr-c-name{width:60px}.hr-c-grade{width:32px}.hr-c-st{width:92px}}@media (max-width:960px){.hr-cols{grid-template-columns:minmax(0,1fr)}.hr-sites{display:none}.hr-sitetabs{scrollbar-width:none;display:flex;overflow-x:auto}}@media (prefers-reduced-motion:reduce){.hr-tr,.hr-site{transition:none}}.hr-care{margin-top:8px}.hx-kv--gx{grid-template-columns:92px minmax(0,1fr) auto}.hx-kv--gx>.hx-kv__v{color:#333d4b}.hr-guide{grid-template-columns:minmax(0,1.25fr) minmax(300px,1fr);align-items:start;gap:24px;margin-top:12px;display:grid}.hr-guide__form{gap:16px;min-width:0;display:grid}.hr-seg{justify-self:start}.hr-seg button{min-height:40px;font-size:13px}.hr-pick{background:var(--ui-brand-tint);border-radius:12px;align-items:center;gap:10px;min-height:48px;padding:0 6px 0 14px;display:flex}.hr-pick b{min-width:0;font:700 15px/1.3 var(--ui-font);color:var(--ui-brand);flex:1}.hr-list{background:#f7f8fa;border-radius:12px;max-height:240px;margin-top:6px;padding:4px;display:grid;overflow:auto}.hr-li{appearance:none;text-align:left;width:100%;font-family:var(--ui-font);cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:baseline;gap:8px;padding:11px 12px;display:flex}.hr-li:hover{background:#fff}.hr-li b{font:600 14px/1.3 var(--ui-font);color:#191f28}.hr-li span{font:400 13px/1.3 var(--ui-font);color:#8b95a1}.hr-li em{font:normal 600 12px/1 var(--ui-font);color:var(--ui-brand);margin-left:auto}.hr-none{font:400 13px/1.4 var(--ui-font);color:#8b95a1;padding:14px 12px}.hr-two{grid-template-columns:1fr 1fr;gap:12px;display:grid}.hr-who{background:#f7f8fa;border-radius:12px;gap:4px;padding:12px 14px;display:grid}.hr-who b{font:700 14px/1.3 var(--ui-font);color:#191f28}.hr-who span{font:400 13px/1.45 var(--ui-font);color:#4e5968}.hr-phone{background:#f2f4f6;border-radius:22px;gap:12px;padding:18px;display:grid;position:sticky;top:0}.hr-phone h3{font:700 15px/1.3 var(--ui-font);color:#333d4b;margin:0}.hr-talk,.hr-me{background:#fff;border-radius:16px;gap:8px;padding:14px 16px;display:grid}.hr-talk i,.hr-me i{font:normal 600 12px/1 var(--ui-font);color:#8b95a1}.hr-talk{background:#fffbe6}.hr-talk p{white-space:pre-wrap;font:400 13px/1.6 var(--ui-font);color:#191f28;margin:0}.hr-talk__btn{min-height:36px;font:600 13px/1 var(--ui-font);color:#191f28;background:#f2f4f6;border-radius:8px;place-items:center;display:grid}.hr-me b{font:700 16px/1.35 var(--ui-font);color:#191f28}.hr-me dl{gap:4px;margin:0;display:grid}.hr-me dl>div{font:400 13px/1.45 var(--ui-font);grid-template-columns:52px minmax(0,1fr);gap:8px;display:grid}.hr-me dt{color:#8b95a1}.hr-me dd{color:#333d4b;margin:0}.hr-me__btns{grid-template-columns:1fr 1fr;gap:6px;margin-top:4px;display:grid}.hr-me__btns span{background:var(--ui-brand-tint);min-height:38px;color:var(--ui-brand);font:600 13px/1 var(--ui-font);border-radius:10px;place-items:center;display:grid}.hr-me__btns span:last-child{background:var(--ui-brand);color:#fff}.hr-vn{gap:14px;margin-top:8px;display:grid}.hr-vn h3{font:700 16px/1.3 var(--ui-font);color:#191f28;margin:6px 0 0}.hr-vn__nums{font:400 14px/1.3 var(--ui-font);color:#4e5968;background:#f7f8fa;border-radius:14px;flex-wrap:wrap;gap:18px;padding:14px 16px;display:flex}.hr-vn__nums b{font:700 16px/1 var(--ui-font);color:#191f28;margin-left:4px}.hr-vn__nums b.is-warn{color:#c26a00}.hr-vn__make{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hr-vn__need{font:600 14px/1.4 var(--ui-font);color:#c26a00}.hr-link{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}@media (max-width:900px){.hr-guide{grid-template-columns:minmax(0,1fr)}.hr-phone{position:static}}@media (max-width:650px){.hr-two{grid-template-columns:1fr}}
