/* Tab "JD Công việc" (anh Ân giao 02/11/2026). Tiền tố jd-. Trang đứng yên, JD cuộn riêng trong khung; chỉ xem. */
.jd-trang { display: flex; flex-direction: column; gap: 12px; height: 100%; min-height: 0; }
.jd-vi-tri { display: flex; align-items: center; gap: 8px; flex: none; overflow-x: auto; scrollbar-width: none; }
.jd-vi-tri::-webkit-scrollbar { display: none; }
.jd-mot-vi-tri { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; color: var(--xanh-dam); font-size: calc(15px * var(--co-chu)); }
.jd-than { flex: 1; min-height: 0; display: flex; flex-direction: column; gap: 10px; }
.jd-thanh-muc { display: flex; justify-content: flex-end; flex: none; }
.jd-chon-muc { display: inline-flex; align-items: center; gap: 10px; font-size: calc(13px * var(--co-chu)); color: var(--chu-phu); }
.jd-chon-muc select { height: 44px; min-width: 240px; padding: 0 12px; border: 1px solid var(--vien-dam); border-radius: 12px; background: #fff; font: inherit; font-size: calc(15px * var(--co-chu)); color: var(--chu); }
.jd-khung { flex: 1; min-height: 0; overflow: auto; background: #fff; border: 1px solid var(--vien); border-radius: 16px; padding: 22px 26px 28px; }
.jd-khung:focus-visible { outline: 3px solid var(--xanh-rung); outline-offset: -3px; }
.jd-dau-tai-lieu h1 { margin: 0 0 12px; font-size: calc(21px * var(--co-chu)); line-height: 1.3; color: var(--xanh-dam); }
.jd-thong-tin { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 24px; margin: 0 0 8px; padding: 14px 16px; background: #F7F6F0; border-radius: 12px; }
.jd-thong-tin div { min-width: 0; }
.jd-thong-tin dt { font-size: calc(12.5px * var(--co-chu)); color: var(--chu-phu); font-weight: 600; }
.jd-thong-tin dd { margin: 2px 0 0; font-size: calc(14.5px * var(--co-chu)); color: var(--chu); line-height: 1.45; white-space: pre-line; }
.jd-phan { margin-top: 26px; }
.jd-phan h2 { margin: 0 0 10px; font-size: calc(17.5px * var(--co-chu)); color: var(--xanh-dam); padding-bottom: 8px; border-bottom: 2px solid #CFE3D2; scroll-margin-top: 8px; }
.jd-bang-hop { overflow-x: auto; border: 1px solid var(--vien); border-radius: 12px; }
.jd-bang { width: 100%; border-collapse: collapse; font-size: calc(14.5px * var(--co-chu)); line-height: 1.5; }
.jd-bang th { text-align: center; vertical-align: middle; padding: 10px 14px; background: #F7F6F0; color: var(--chu-phu); font-size: calc(12.5px * var(--co-chu)); font-weight: 700; border-bottom: 1px solid var(--vien); white-space: nowrap; }
.jd-bang td { padding: 10px 14px; border-bottom: 1px solid #EEEAE0; border-right: 1px solid #F3F0E7; vertical-align: middle; color: var(--chu); white-space: pre-line; overflow-wrap: anywhere; }
.jd-bang tr:last-child td { border-bottom: 0; }
.jd-bang td:last-child { border-right: 0; }
.jd-giua { text-align: center; }
.jd-dai { text-align: left; }
.jd-c-nhom { width: 170px; text-align: center; vertical-align: middle; font-weight: 700; color: var(--xanh-dam); background: #FBFBF8; border-right: 1px solid #EEEAE0; }
.jd-bang th.jd-c-nhom { background: #F7F6F0; }
.jd-c-stt { width: 56px; text-align: center; color: var(--chu-phu); }
.jd-c-chu { min-width: 200px; }
@media (max-width: 1000px) { .jd-khung { padding: 18px; } .jd-thong-tin { grid-template-columns: 1fr; } }
@media (max-width: 767px) {
  .jd-trang { gap: 8px; }
  .jd-thanh-muc { justify-content: stretch; }
  .jd-chon-muc { width: 100%; flex-direction: column; align-items: stretch; gap: 4px; }
  .jd-chon-muc select { width: 100%; min-width: 0; }
  .jd-khung { padding: 14px 12px 22px; border-radius: 14px; }
  .jd-bang td, .jd-bang th { padding: 9px 10px; }
  .jd-bang th { white-space: normal; }
  .jd-c-chu { min-width: 100px; }
  .jd-c-nhom { width: 96px; }
  .jd-c-stt { width: 40px; }
}