/* ════════════════════════════════════════════════════════════════
   HR OS ▸ Máy chấm công (js/hr/hr-att-device.js). Nạp SAU hr-os.css.
   Mọi selector trong #workspace-hr-os, class tiền tố hr-mcc-. Dùng token của hr-os.css.
   ════════════════════════════════════════════════════════════════ */
#workspace-hr-os{--mcc-yel:#E9B300;--mcc-yel-bg:#FFF7D6;--mcc-wait:#EEEFF3;}

/* ── thanh trạng thái máy ── */
#workspace-hr-os .hr-mcc-status{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:12px 16px 12px 20px;margin-bottom:12px;position:relative;overflow:hidden;}
#workspace-hr-os .hr-mcc-status::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--done);}
#workspace-hr-os .hr-mcc-status.lv-warn::before{background:var(--working);}
#workspace-hr-os .hr-mcc-status.lv-bad::before{background:var(--stuck);}
#workspace-hr-os .hr-mcc-dev{display:flex;align-items:center;gap:8px;font-size:14px;white-space:nowrap;}
#workspace-hr-os .hr-mcc-dev .ic{color:var(--text-muted);}
#workspace-hr-os .hr-mcc-sn{font-size:12px;color:var(--text-soft);font-variant-numeric:tabular-nums;}
#workspace-hr-os .hr-mcc-sts{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
#workspace-hr-os .hr-mcc-st{display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 12px;border-radius:var(--radius-pill);font-size:12.5px;font-weight:600;background:var(--surface-2);color:var(--text);white-space:nowrap;}
#workspace-hr-os .hr-mcc-st i{width:8px;height:8px;border-radius:99px;background:var(--text-soft);flex-shrink:0;}
#workspace-hr-os .hr-mcc-st.ok i{background:var(--done);}
#workspace-hr-os .hr-mcc-st.warn{background:var(--working-bg);color:#8a5a00;}
#workspace-hr-os .hr-mcc-st.warn i{background:var(--working);}
#workspace-hr-os .hr-mcc-st.bad{background:var(--stuck-bg);color:#B3203A;}
#workspace-hr-os .hr-mcc-st.bad i{background:var(--stuck);}
#workspace-hr-os .hr-mcc-st.muted{color:var(--text-muted);}
#workspace-hr-os .hr-mcc-ack{border:0;background:rgba(255,255,255,.7);color:inherit;font:600 11.5px var(--font);height:22px;padding:0 8px;border-radius:var(--radius-pill);cursor:pointer;margin-right:-6px;}
#workspace-hr-os .hr-mcc-ack:hover{background:#fff;text-decoration:underline;}

/* ── thanh tháng + chế độ ── */
#workspace-hr-os .hr-mcc-bar .hr-substab{margin-bottom:0;}
#workspace-hr-os .hr-mcc-chip{height:28px;}
#workspace-hr-os .hr-mcc-chip.warn{background:var(--working-bg);border-color:#FCD9A0;}
#workspace-hr-os .hr-mcc-chip.warn b{color:#8a5a00;}
#workspace-hr-os .hr-mcc-lnk{cursor:pointer;color:var(--primary);font-weight:600;font-size:12px;margin-left:4px;padding-right:4px;}
#workspace-hr-os .hr-mcc-lnk:hover{text-decoration:underline;}
#workspace-hr-os .hr-mcc-spin .ic{animation:hrMccSpin .9s linear infinite;}
@keyframes hrMccSpin{to{transform:rotate(360deg);}}
#workspace-hr-os .hr-icb.sm{width:28px;height:28px;}

/* ── KPI ── */
#workspace-hr-os .hr-mcc-kpis .hr-kpi{min-width:124px;}
#workspace-hr-os .hr-mcc-lockk .k-v{display:flex;align-items:center;gap:8px;font-size:18px;}

/* ── chú giải màu ── */
#workspace-hr-os .hr-mcc-legend{display:flex;flex-wrap:wrap;gap:16px;margin:0 0 8px;font-size:12px;color:var(--text-muted);}
#workspace-hr-os .hr-mcc-legend .lg{display:inline-flex;align-items:center;gap:6px;}
#workspace-hr-os .hr-mcc-legend .lg i{width:14px;height:12px;border-radius:2px;background:var(--surface-2);box-shadow:inset 3px 0 0 var(--mcc-ac,var(--border-2)),inset 0 0 0 1px rgba(0,0,0,.04);}
#workspace-hr-os .hr-mcc-legend .f-vang i{--mcc-ac:var(--stuck);background:var(--stuck-bg);}
#workspace-hr-os .hr-mcc-legend .f-thieu i{--mcc-ac:var(--working);background:var(--working-bg);}
#workspace-hr-os .hr-mcc-legend .f-muon i{--mcc-ac:var(--mcc-yel);background:var(--mcc-yel-bg);}
#workspace-hr-os .hr-mcc-legend .f-nghi i{--mcc-ac:var(--info);background:var(--info-bg);}
#workspace-hr-os .hr-mcc-legend .f-rev i{--mcc-ac:var(--done);background:var(--done-bg);}
#workspace-hr-os .hr-mcc-legend .s-nghi i{background:var(--purple-bg);box-shadow:none;}
#workspace-hr-os .hr-mcc-legend .s-wait i{background:repeating-linear-gradient(135deg,var(--mcc-wait) 0 3px,#fff 3px 6px);box-shadow:inset 0 0 0 1px var(--border);}

/* ── Bảng tháng ── */
#workspace-hr-os table.hr-mcc-board{min-width:0;}
#workspace-hr-os .hr-mcc-board th.hr-mcc-nm,#workspace-hr-os .hr-mcc-board td.hr-mcc-nm{position:sticky;left:0;background:var(--surface);z-index:4;box-shadow:inset -1px 0 0 var(--border);}
#workspace-hr-os .hr-mcc-board thead th.hr-mcc-nm{z-index:8;}
#workspace-hr-os .hr-mcc-board tbody tr.hr-row:hover td.hr-mcc-nm{background:var(--surface-2);}
#workspace-hr-os .hr-mcc-board th.hr-mcc-dh{padding:6px 0;text-align:center;line-height:1.15;}
#workspace-hr-os .hr-mcc-board th.hr-mcc-dh span{display:block;font-size:10.5px;color:var(--text-soft);}
#workspace-hr-os .hr-mcc-board th.hr-mcc-dh b{display:block;font-size:13px;color:var(--text);font-variant-numeric:tabular-nums;}
#workspace-hr-os .hr-mcc-board th.hr-mcc-dh.today b{color:var(--primary);}
#workspace-hr-os .hr-mcc-board th.hr-mcc-dh.today{box-shadow:inset 0 -2px 0 var(--primary);}
#workspace-hr-os .hr-mcc-board th.hr-mcc-dh.skip span{color:var(--purple);}
#workspace-hr-os .hr-mcc-who{display:flex;flex-direction:column;justify-content:center;min-width:0;line-height:1.25;}
#workspace-hr-os .hr-mcc-who b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#workspace-hr-os .hr-mcc-pin{font-size:11px;color:var(--text-soft);font-variant-numeric:tabular-nums;}
#workspace-hr-os .hr-mcc-nmi{display:flex;align-items:center;gap:8px;min-width:0;}
#workspace-hr-os .hr-mcc-nmi .hr-mcc-who{flex:1;}
#workspace-hr-os .hr-mcc-cnt{flex-shrink:0;min-width:20px;height:20px;padding:0 6px;border-radius:99px;background:var(--stuck);color:#fff;font-size:11px;font-weight:700;display:inline-grid;place-items:center;font-variant-numeric:tabular-nums;}
#workspace-hr-os .hr-mcc-lk{display:inline-flex;flex-shrink:0;color:var(--text-soft);}
#workspace-hr-os .hr-mcc-board td.hr-mcc-c{padding:0 2px;height:44px;text-align:center;font-size:11.5px;line-height:1.2;font-variant-numeric:tabular-nums;border-left:1px solid var(--border);position:relative;}
#workspace-hr-os .hr-mcc-board td.hr-mcc-c[data-mcc-cell]{cursor:pointer;}
#workspace-hr-os .hr-mcc-board td.hr-mcc-c[data-mcc-cell]:hover{outline:2px solid var(--primary);outline-offset:-2px;}
#workspace-hr-os .hr-mcc-board td.hr-mcc-c[data-mcc-cell]:focus-visible{outline:2px solid var(--primary);outline-offset:-2px;}
#workspace-hr-os .hr-mcc-c .l1,#workspace-hr-os .hr-mcc-c .l2{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#workspace-hr-os .hr-mcc-c .l1{font-weight:700;color:var(--text);}
#workspace-hr-os .hr-mcc-c .l2{color:var(--text-muted);}
#workspace-hr-os .hr-mcc-c.today{background:var(--primary-soft);}
#workspace-hr-os .hr-mcc-c.s-future{background:var(--surface);}
#workspace-hr-os .hr-mcc-c.s-na .l1{color:var(--text-soft);font-weight:400;}
#workspace-hr-os .hr-mcc-c.s-pre .l1,#workspace-hr-os .hr-mcc-c.s-pre .l2{color:var(--text-soft);font-weight:400;}
#workspace-hr-os .hr-mcc-c.s-wait{background:repeating-linear-gradient(135deg,var(--mcc-wait) 0 4px,#fff 4px 8px);}
#workspace-hr-os .hr-mcc-c.s-wait .l1,#workspace-hr-os .hr-mcc-c.s-wait .l2{color:var(--text-soft);font-weight:600;}
#workspace-hr-os .hr-mcc-c.s-nghi{background:var(--purple-bg);}
#workspace-hr-os .hr-mcc-c.s-nghi .l1{color:#7b3fb0;font-size:11px;}
#workspace-hr-os .hr-mcc-c.half::after{content:"½";position:absolute;top:2px;right:3px;font-size:9.5px;font-weight:700;color:#7b3fb0;}
#workspace-hr-os .hr-mcc-c.f-vang{background:var(--stuck-bg);box-shadow:inset 3px 0 0 var(--stuck);}
#workspace-hr-os .hr-mcc-c.f-vang .l1{color:#B3203A;}
#workspace-hr-os .hr-mcc-c.f-thieu{background:var(--working-bg);box-shadow:inset 3px 0 0 var(--working);}
#workspace-hr-os .hr-mcc-c.f-muon{background:var(--mcc-yel-bg);box-shadow:inset 3px 0 0 var(--mcc-yel);}
#workspace-hr-os .hr-mcc-c.f-nghi{box-shadow:inset 3px 0 0 var(--info);}
#workspace-hr-os .hr-mcc-c.f-rev{box-shadow:inset 3px 0 0 var(--done);}
#workspace-hr-os .hr-mcc-board tr.hr-mcc-grp .gbar{--gc-bg:var(--surface-2);--gc-fg:var(--text-muted);--gc-ac:var(--text-soft);font-size:12.5px;}
#workspace-hr-os .hr-mcc-board tr.hr-mcc-grp td{overflow:visible;}
#workspace-hr-os .hr-mcc-stk{position:sticky;left:12px;display:inline-flex;align-items:center;gap:9px;}
#workspace-hr-os .hr-mcc-board tr.hr-mcc-grp .gbar .hr-mcc-lnk{margin-left:0;}
#workspace-hr-os .hr-mcc-board tr.hr-mcc-muted td{opacity:.7;}
#workspace-hr-os .hr-mcc-board tr.hr-mcc-muted td.hr-mcc-nm{opacity:1;color:var(--text-muted);}
#workspace-hr-os .hr-mcc-emptyw{padding:8px;}

/* ── Cờ cần xử lý ── */
#workspace-hr-os .hr-mcc-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px;}
#workspace-hr-os .hr-mcc-ff{cursor:pointer;padding-right:10px;}
#workspace-hr-os .hr-mcc-ff b{font-variant-numeric:tabular-nums;}
#workspace-hr-os .hr-mcc-ff:hover{border-color:var(--primary);}
#workspace-hr-os .hr-mcc-ff.on{background:var(--primary-soft);border-color:var(--primary);color:var(--primary);}
#workspace-hr-os .hr-mcc-ff.on b{color:var(--primary);}
#workspace-hr-os .hr-mcc-tog{display:inline-flex;align-items:center;gap:6px;margin-left:auto;font-size:12.5px;color:var(--text-muted);cursor:pointer;}
#workspace-hr-os table.hr-mcc-tbl{min-width:0;}
#workspace-hr-os .hr-mcc-tbl td{font-size:13px;}
#workspace-hr-os .hr-mcc-tbl td.tnum{font-variant-numeric:tabular-nums;}
#workspace-hr-os .hr-mcc-tbl th.num{direction:ltr;}
#workspace-hr-os .hr-mcc-board tr.grp .gbar,#workspace-hr-os .hr-mcc-tbl tr.grp .gbar{height:34px;}
#workspace-hr-os .hr-mcc-tbl tr.hr-mcc-dgrp .gbar{--gc-bg:var(--surface-2);--gc-fg:var(--text);--gc-ac:var(--primary);font-size:12.5px;}
#workspace-hr-os .hr-mcc-tbl tr.hr-mcc-muted td{color:var(--text-muted);}
#workspace-hr-os .hr-mcc-fp{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:700;}
#workspace-hr-os .hr-mcc-fp.f-vang{background:var(--stuck);color:#fff;}
#workspace-hr-os .hr-mcc-fp.f-thieu{background:var(--working);color:#3a2600;}
#workspace-hr-os .hr-mcc-fp.f-muon{background:var(--mcc-yel);color:#3a2e00;}
#workspace-hr-os .hr-mcc-fp.f-nghi{background:var(--info);color:#fff;}
#workspace-hr-os .hr-mcc-fp.rev{background:var(--surface-3);color:var(--text-muted);}
#workspace-hr-os .hr-mcc-done{display:inline-flex;align-items:center;gap:6px;color:#018f55;overflow:hidden;text-overflow:ellipsis;max-width:100%;}

/* ── popover một ngày ── */
#workspace-hr-os .hr-pop.hr-mcc-popw{padding:0;}
#workspace-hr-os .hr-mcc-pop{width:344px;max-width:calc(100vw - 24px);padding:12px;font-size:13px;}
#workspace-hr-os .hr-mcc-pop.busy,#workspace-hr-os .hr-pop.hr-mcc-popw.busy .hr-mcc-pop{opacity:.6;pointer-events:none;}
#workspace-hr-os .hr-mcc-ph{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:8px;}
#workspace-hr-os .hr-mcc-ph b{display:block;font-size:14px;}
#workspace-hr-os .hr-mcc-ph span{font-size:12px;color:var(--text-muted);}
#workspace-hr-os .hr-mcc-x{border:0;background:transparent;color:var(--text-soft);width:28px;height:28px;border-radius:var(--radius-sm);cursor:pointer;display:grid;place-items:center;flex-shrink:0;}
#workspace-hr-os .hr-mcc-x:hover{background:var(--surface-2);color:var(--text);}
#workspace-hr-os .hr-mcc-meta,#workspace-hr-os .hr-mcc-lvl{font-size:12.5px;color:var(--text-muted);margin-bottom:8px;font-variant-numeric:tabular-nums;}
#workspace-hr-os .hr-mcc-lvl b{color:#7b3fb0;}
#workspace-hr-os .hr-mcc-sub{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-soft);margin:12px 0 4px;}
#workspace-hr-os .hr-mcc-pl{list-style:none;margin:0;padding:0;max-height:140px;overflow:auto;}
#workspace-hr-os .hr-mcc-pl li{display:flex;justify-content:space-between;gap:8px;padding:4px 8px;border-radius:var(--radius-sm);}
#workspace-hr-os .hr-mcc-pl li:nth-child(odd){background:var(--surface-2);}
#workspace-hr-os .hr-mcc-pl li span{color:var(--text-muted);font-size:12px;}
#workspace-hr-os .hr-mcc-none{color:var(--text-soft);font-size:12.5px;padding:4px 0;}
#workspace-hr-os .hr-mcc-fls{display:flex;flex-direction:column;gap:4px;}
#workspace-hr-os .hr-mcc-fl{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;border-radius:var(--radius-sm);background:var(--surface-2);box-shadow:inset 3px 0 0 var(--mcc-ac,var(--border-2));cursor:default;}
#workspace-hr-os label.hr-mcc-fl{justify-content:flex-start;cursor:pointer;}
#workspace-hr-os .hr-mcc-fl.f-vang{--mcc-ac:var(--stuck);background:var(--stuck-bg);}
#workspace-hr-os .hr-mcc-fl.f-thieu{--mcc-ac:var(--working);background:var(--working-bg);}
#workspace-hr-os .hr-mcc-fl.f-muon{--mcc-ac:var(--mcc-yel);background:var(--mcc-yel-bg);}
#workspace-hr-os .hr-mcc-fl.f-nghi{--mcc-ac:var(--info);background:var(--info-bg);}
#workspace-hr-os .hr-mcc-fl.rev{--mcc-ac:var(--done);background:var(--surface-2);}
#workspace-hr-os .hr-mcc-fl.rev b{color:var(--text-muted);}
#workspace-hr-os .hr-mcc-rv{display:flex;align-items:center;gap:4px;font-size:12px;color:#018f55;margin-top:2px;word-break:break-word;}
#workspace-hr-os .hr-mcc-lnkb{border:0;background:transparent;color:var(--primary);font:600 12px var(--font);cursor:pointer;white-space:nowrap;padding:4px;}
#workspace-hr-os .hr-mcc-lnkb:hover{text-decoration:underline;}
#workspace-hr-os .hr-mcc-arow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;}
#workspace-hr-os .hr-mcc-arow .hr-seg button{height:28px;padding:0 10px;}
#workspace-hr-os .hr-mcc-arow .btn-primary{margin-left:auto;}
#workspace-hr-os .hr-seg button:disabled,#workspace-hr-os .hr-mcc-pop .btn:disabled{opacity:.45;cursor:not-allowed;}
#workspace-hr-os .hr-mcc-lvnote,#workspace-hr-os .hr-mcc-warnl{display:flex;align-items:flex-start;gap:6px;margin-top:8px;padding:8px;border-radius:var(--radius-sm);background:var(--working-bg);color:#8a5a00;font-size:12px;font-weight:600;line-height:1.35;}
#workspace-hr-os .hr-mcc-lvnote .ic,#workspace-hr-os .hr-mcc-warnl .ic{flex-shrink:0;margin-top:1px;}
#workspace-hr-os .hr-mcc-warnl{margin:0;}
#workspace-hr-os .hr-mcc-lock{display:flex;align-items:center;gap:6px;margin-top:8px;padding:8px;border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-muted);font-size:12px;font-weight:600;}
#workspace-hr-os .hr-mcc-skip{display:flex;align-items:flex-end;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border);}
#workspace-hr-os .hr-mcc-note{flex:1;min-width:0;resize:vertical;border:1px solid var(--border-2);border-radius:var(--radius-sm);padding:6px 8px;font:13px var(--font);color:var(--text);outline:none;}
#workspace-hr-os .hr-mcc-note:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring);}

/* ── Gán mã chấm công + Cài đặt ── */
#workspace-hr-os .hr-mcc-pins,#workspace-hr-os .hr-mcc-set{display:flex;flex-direction:column;gap:12px;}
#workspace-hr-os .hr-mcc-set{display:grid;grid-template-columns:repeat(auto-fit,minmax(460px,1fr));align-items:start;}
#workspace-hr-os .hr-mcc-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:12px 16px 16px;min-width:0;}
#workspace-hr-os .hr-mcc-card.warn{box-shadow:var(--shadow-sm),inset 3px 0 0 var(--working);}
#workspace-hr-os .hr-mcc-card-h{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;}
#workspace-hr-os .hr-mcc-card-h .gcount{color:var(--text-soft);font-weight:600;font-size:12.5px;font-variant-numeric:tabular-nums;}
#workspace-hr-os .hr-mcc-cap{font-size:12px;color:var(--text-muted);margin:-4px 0 8px;}
#workspace-hr-os .hr-mcc-tw{overflow:auto;border:1px solid var(--border);border-radius:var(--radius-sm);}
#workspace-hr-os .hr-mcc-tw table.hr-board{width:100%;}
#workspace-hr-os .hr-mcc-tw .hr-board th{position:static;}
#workspace-hr-os .hr-mcc-tw .hr-board td{height:40px;}
#workspace-hr-os .hr-mcc-hist{font-size:11.5px;color:var(--text-soft);line-height:1.5;}
#workspace-hr-os .hr-mcc-hi{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;}
#workspace-hr-os .hr-mcc-acts{display:flex;align-items:center;gap:4px;}
#workspace-hr-os .hr-mcc-del{color:var(--text-soft);flex-shrink:0;}
#workspace-hr-os .hr-mcc-del:hover{color:var(--stuck);background:var(--stuck-bg);}
#workspace-hr-os .hr-icb.hr-mcc-del.xs{width:20px;height:20px;border-radius:var(--radius-sm);}
#workspace-hr-os .hr-icb.hr-mcc-del.xs .ic{width:12px;height:12px;}
#workspace-hr-os .hr-mcc-tag{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:var(--radius-pill);background:var(--dark-bg);color:var(--text-muted);font-size:11.5px;font-weight:700;}
#workspace-hr-os .hr-mcc-tbl tr.hr-mcc-frow td{height:auto;padding:8px 12px 12px;background:var(--surface-2);white-space:normal;overflow:visible;}
#workspace-hr-os .hr-mcc-ok{display:flex;align-items:center;gap:6px;color:#018f55;font-size:13px;font-weight:600;padding:4px 0;}
#workspace-hr-os .hr-mcc-form{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap;margin-top:8px;}
#workspace-hr-os .hr-mcc-tbl .hr-mcc-form{margin-top:0;}
#workspace-hr-os .hr-mcc-form.busy{opacity:.6;pointer-events:none;}
#workspace-hr-os .hr-mcc-form label{display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;}
#workspace-hr-os .hr-mcc-form label.grow{flex:1;min-width:160px;}
#workspace-hr-os .hr-mcc-form.col{flex-direction:column;align-items:stretch;}
#workspace-hr-os .hr-mcc-form.col label{flex-direction:row;align-items:center;justify-content:space-between;gap:12px;text-transform:none;letter-spacing:0;font-size:13px;font-weight:600;color:var(--text);}
#workspace-hr-os .hr-mcc-in{height:32px;border:1px solid var(--border-2);border-radius:var(--radius-sm);background:var(--surface);padding:0 8px;font:13px var(--font);color:var(--text);outline:none;min-width:0;text-transform:none;letter-spacing:0;font-weight:400;}
#workspace-hr-os .hr-mcc-in:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring);}
#workspace-hr-os .hr-mcc-in.pin{width:120px;font-variant-numeric:tabular-nums;}
#workspace-hr-os .hr-mcc-in.pin.bad{border-color:var(--stuck);box-shadow:0 0 0 3px rgba(226,68,92,.2);}
#workspace-hr-os .hr-mcc-in.who{width:240px;}
#workspace-hr-os .hr-mcc-in.t{width:128px;font-variant-numeric:tabular-nums;}
#workspace-hr-os .hr-mcc-in.n{width:96px;text-align:right;font-variant-numeric:tabular-nums;}
#workspace-hr-os .hr-mcc-form label.grow .hr-mcc-in{width:100%;}
#workspace-hr-os .hr-mcc-kv{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;padding:4px 0;}
#workspace-hr-os .hr-mcc-kv span{color:var(--text-muted);white-space:nowrap;}
#workspace-hr-os .hr-mcc-kv b{text-align:right;font-variant-numeric:tabular-nums;}
#workspace-hr-os .hr-mcc-fa{display:flex;justify-content:flex-end;margin-top:8px;}

@media (prefers-reduced-motion: reduce){#workspace-hr-os .hr-mcc-spin .ic{animation:none;}}