/* ════════════════════════════════════════════════════════════════
   HR OS — Tạo tài liệu từ form + Lịch sử tài liệu (public/js/hr/hr-doc-create.js).
   Mọi luật scope #workspace-hr-os .hdc-*: popup gắn vào hrRoot() = #workspace-hr-os.
   Khung .hrm-overlay / .hrm-card / .hrm-head / .hrm-foot dùng chung của hr-os.css — ở đây chỉ
   thêm cỡ, thân cuộn, bảng xem trước, khung PDF, bảng lịch sử.
   ⚠ Popup này mở CHỒNG lên popup hồ sơ (#hr-staffcard, cùng .hrm-overlay z-index 2000) ⇒ nâng
     lên 2050 để không phụ thuộc thứ tự gắn DOM. Dưới .hr-pop (3300) và toast (3000).
   ════════════════════════════════════════════════════════════════ */
#workspace-hr-os .hrm-overlay.hdc-ov{z-index:2050;}
#workspace-hr-os .hdc-card{display:flex;flex-direction:column;max-height:calc(100vh - 64px);max-width:640px;}
#workspace-hr-os .hdc-card.hdc-lg{max-width:960px;}
#workspace-hr-os .hdc-head{flex-shrink:0;}
#workspace-hr-os .hdc-hgroup{flex:1;min-width:0;}
#workspace-hr-os .hdc-hgroup h3{margin:0;font-size:16px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#workspace-hr-os .hdc-sub{margin-top:2px;font-size:12.5px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#workspace-hr-os .hdc-sub i{font-style:normal;padding:0 6px;color:#C3C6D4;}
#workspace-hr-os .hdc-head .hrm-close:disabled{opacity:.4;cursor:default;}
#workspace-hr-os .hdc-body{flex:1;min-height:0;overflow-y:auto;padding:16px;background:var(--app-bg);display:flex;flex-direction:column;gap:12px;}
#workspace-hr-os .hdc-foot{flex-shrink:0;align-items:center;}
#workspace-hr-os .hdc-fl,#workspace-hr-os .hdc-fr{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
#workspace-hr-os .hdc-foot .btn:disabled{opacity:.45;cursor:default;}
#workspace-hr-os .hdc-lead{margin:0;font-size:13px;color:var(--text);}
#workspace-hr-os .hdc-muted{color:var(--text-soft);}
#workspace-hr-os .hdc-hint{margin-top:6px;font-size:12px;font-weight:400;color:var(--text-muted);line-height:1.45;}

/* ── chờ ── */
#workspace-hr-os .hdc-wait{display:flex;align-items:center;justify-content:center;gap:10px;min-height:140px;font-size:13px;color:var(--text-muted);}
#workspace-hr-os .hdc-spin{width:18px;height:18px;border-radius:99px;border:2px solid var(--primary-soft);border-top-color:var(--primary);animation:hdc-rot .8s linear infinite;flex-shrink:0;display:inline-block;}
#workspace-hr-os .hdc-spin.sm{width:12px;height:12px;border-width:2px;}
@keyframes hdc-rot{to{transform:rotate(360deg);}}
@media (prefers-reduced-motion:reduce){#workspace-hr-os .hdc-spin{animation-duration:2.4s;}}

/* ── thông báo (icon + chữ, màu theo nghĩa) ── */
#workspace-hr-os .hdc-alert{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);font-size:13px;line-height:1.5;color:var(--text);}
#workspace-hr-os .hdc-alert > .ic{margin-top:1px;}
#workspace-hr-os .hdc-alert.warn{background:var(--working-bg);border-color:#F8D49B;}
#workspace-hr-os .hdc-alert.warn > .ic{color:#B54708;}
#workspace-hr-os .hdc-alert.err{background:var(--stuck-bg);border-color:#F4B6C0;}
#workspace-hr-os .hdc-alert.err > .ic{color:var(--stuck);}
#workspace-hr-os .hdc-alert.ok{background:var(--done-bg);border-color:#A6E8C9;}
#workspace-hr-os .hdc-alert.ok > .ic{color:#00854D;}
#workspace-hr-os .hdc-alert.info{background:var(--info-bg);border-color:#BFD8FE;}
#workspace-hr-os .hdc-alert.info > .ic{color:var(--primary);}
#workspace-hr-os .hdc-alert code,#workspace-hr-os .hdc-table code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;}
#workspace-hr-os .hdc-retry{display:flex;justify-content:flex-start;}

/* ── chọn form ── */
#workspace-hr-os .hdc-forms{display:flex;flex-direction:column;gap:8px;}
#workspace-hr-os .hdc-form{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;font-family:var(--font);color:var(--text);transition:border-color var(--t-fast),background var(--t-fast);}
#workspace-hr-os .hdc-form:hover{border-color:var(--primary);background:#F7FAFF;}
#workspace-hr-os .hdc-form:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring);}
#workspace-hr-os .hdc-fic{width:34px;height:34px;border-radius:var(--radius);background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;flex-shrink:0;}
#workspace-hr-os .hdc-form.locked .hdc-fic{background:var(--surface-3);color:var(--text-muted);}
#workspace-hr-os .hdc-fmain{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
#workspace-hr-os .hdc-fname{font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#workspace-hr-os .hdc-fmeta{font-size:12px;color:var(--text-muted);}
#workspace-hr-os .hdc-fgo{color:var(--text-soft);}
#workspace-hr-os .hdc-tag{display:inline-block;padding:0 7px;border-radius:var(--radius-pill);font-size:11px;font-weight:700;line-height:18px;}
#workspace-hr-os .hdc-tag.sal{background:var(--purple-bg);color:var(--purple);}
#workspace-hr-os .hdc-tag.lock{background:var(--stuck-bg);color:var(--stuck);}

/* ── bảng (xem trước + lịch sử) ── */
#workspace-hr-os .hdc-twrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:auto;}
#workspace-hr-os .hdc-table{width:100%;border-collapse:collapse;font-size:13px;}
#workspace-hr-os .hdc-table th{position:sticky;top:0;z-index:1;background:var(--surface-2);text-align:left;font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--text-muted);padding:8px 12px;border-bottom:1px solid var(--border);white-space:nowrap;}
#workspace-hr-os .hdc-table td{padding:8px 12px;border-bottom:1px solid var(--border);vertical-align:top;color:var(--text);}
#workspace-hr-os .hdc-table tbody tr:last-child td{border-bottom:none;}
#workspace-hr-os .hdc-table tbody tr:not(.hdc-grp):hover td{background:#F7FAFF;}
#workspace-hr-os .hdc-table tr.hdc-grp td{background:var(--surface-2);font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--text-muted);padding:6px 12px;box-shadow:inset 3px 0 0 var(--primary);}
#workspace-hr-os .hdc-table td.hdc-lbl{width:34%;color:var(--text-muted);}
#workspace-hr-os .hdc-table td.hdc-code{width:24%;white-space:nowrap;color:var(--text-muted);}
#workspace-hr-os .hdc-table td.hdc-val{white-space:pre-wrap;word-break:break-word;font-weight:600;font-variant-numeric:tabular-nums;}
#workspace-hr-os .hdc-table tr.miss td{background:var(--stuck-bg);}
#workspace-hr-os .hdc-table tr.miss:hover td{background:#F9DDE2;}
#workspace-hr-os .hdc-table tr.miss td.hdc-lbl{color:#B42318;font-weight:600;}
#workspace-hr-os .hdc-table tr.stale td{background:var(--working-bg);}
#workspace-hr-os .hdc-table tr.stale:hover td{background:#FDEBC8;}
#workspace-hr-os .hdc-table tr.stale td.hdc-lbl{color:#B54708;font-weight:600;}
#workspace-hr-os .hdc-chip{display:inline-flex;align-items:center;padding:0 8px;border-radius:var(--radius-pill);font-size:11.5px;font-weight:700;line-height:20px;}
#workspace-hr-os .hdc-chip.miss{background:var(--stuck);color:#fff;}

/* ── tiến trình tạo ── */
#workspace-hr-os .hdc-steps{list-style:none;margin:0;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;gap:10px;}
#workspace-hr-os .hdc-steps li{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-soft);}
#workspace-hr-os .hdc-steps li.run,#workspace-hr-os .hdc-steps li.ok{color:var(--text);}
#workspace-hr-os .hdc-steps li.fail{color:var(--stuck);font-weight:600;}
#workspace-hr-os .hdc-sico{width:20px;height:20px;border-radius:99px;display:grid;place-items:center;flex-shrink:0;border:1.5px solid var(--border-2);}
#workspace-hr-os .hdc-steps li.ok .hdc-sico{background:var(--done);border-color:var(--done);color:#fff;}
#workspace-hr-os .hdc-steps li.fail .hdc-sico{background:var(--stuck);border-color:var(--stuck);color:#fff;}
#workspace-hr-os .hdc-steps li.run .hdc-sico{border-color:transparent;}

/* ── xem PDF ── */
#workspace-hr-os .hdc-pdf{flex:1;min-height:420px;display:flex;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:#525659;}
#workspace-hr-os .hdc-pdf iframe{flex:1;width:100%;min-height:420px;height:calc(100vh - 300px);border:0;display:block;}

/* ── lịch sử tài liệu trong popup hồ sơ ── */
#workspace-hr-os .hdc-hist .hdc-htable td{vertical-align:middle;white-space:nowrap;}
/* Khung popup chỉ ~790px: nowrap cả 7 cột thì bảng rộng hơn khung, cột Word bị đẩy ra ngoài và không cuộn
   ngang là không thấy (đo 872 / 792px ở 1440×900). Số + 2 nút tải giữ một dòng; Loại · Ngày tạo xuống dòng
   ở dấu cách; Tên form · Người tạo (chuỗi liền, vd. tên file / email dài) được ngắt giữa chữ. */
#workspace-hr-os .hdc-hist .hdc-htable th,#workspace-hr-os .hdc-hist .hdc-htable td{padding-left:10px;padding-right:10px;}
#workspace-hr-os .hdc-hist .hdc-htable td:nth-child(2),#workspace-hr-os .hdc-hist .hdc-htable td:nth-child(4){white-space:normal;}
#workspace-hr-os .hdc-hist .hdc-htable td:nth-child(2){min-width:104px;}
#workspace-hr-os .hdc-hist .hdc-htable td:nth-child(3),#workspace-hr-os .hdc-hist .hdc-htable td:nth-child(5){white-space:normal;overflow-wrap:anywhere;min-width:88px;}
#workspace-hr-os .hdc-hist .hdc-htable td.hdc-dt{font-variant-numeric:tabular-nums;}
#workspace-hr-os .hdc-hist .hdc-no{font-weight:700;}
#workspace-hr-os .hdc-hist .hdc-lk{color:var(--purple);display:inline-flex;vertical-align:middle;}
#workspace-hr-os .hdc-dl{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 9px;border:1px solid var(--border-2);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-family:var(--font);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;}
#workspace-hr-os .hdc-dl:hover{border-color:var(--primary);color:var(--primary);}
#workspace-hr-os .hdc-dl.warn{border-color:#F8D49B;background:var(--working-bg);color:#B54708;}
#workspace-hr-os .hdc-dl.warn:hover{border-color:#B54708;}
#workspace-hr-os .hdc-dl:disabled{opacity:.6;cursor:default;}
#workspace-hr-os .hdc-hmsg{display:flex;align-items:center;gap:8px;padding:12px;border:1px dashed var(--border-2);border-radius:var(--radius);background:var(--surface);font-size:12.5px;color:var(--text-muted);}
#workspace-hr-os .hdc-hmsg.err{border-style:solid;border-color:#F4B6C0;background:var(--stuck-bg);color:#B42318;}
#workspace-hr-os .hdc-hnote{margin-top:6px;font-size:11.5px;color:var(--text-soft);}
/* Nút chính (Tạo tài liệu / Xuất PDF) theo màu HR — xem ghi chú cuối hr-forms.css. */
#workspace-hr-os .hdc-ov { --accent: var(--primary); --accent-2: var(--primary-hover); --accent-soft: var(--primary-soft); }