/* 秋招工作台 · job-jd.css —— 岗位 JD 正文与结构化详情 */

.jd-sec .hint{ font-weight:400; font-size:11.5px; color:var(--faint); }
.jd-meta{ margin-bottom:12px; }
.jd-empty{ margin:0 0 12px; font-size:12.5px; line-height:1.8; }

.jd-body{ margin-bottom:12px; border:1px solid var(--line); border-radius:9px; overflow:hidden; }
.jd-body > summary{
  padding:9px 12px; cursor:pointer; list-style:none;
  background:var(--panel-sub); font-size:12.5px; font-weight:650;
}
.jd-body > summary::-webkit-details-marker{ display:none; }
.jd-body > summary:hover{ color:var(--accent); }
.jd-pre{
  margin:0; padding:12px; max-height:340px; overflow:auto;
  border-top:1px solid var(--line);
  font-family:inherit; font-size:12.5px; line-height:1.85;
  white-space:pre-wrap; word-break:break-word; color:var(--ink);
}
.jd-acts{ display:flex; gap:8px; flex-wrap:wrap; }

/* ---------- JD 编辑弹窗 ---------- */
#jd-editor{ z-index:99993; }
.jd-editor-card{ width:min(760px, 94vw); max-height:90vh; display:flex; flex-direction:column; }
.jd-editor-body{ overflow-y:auto; }
.jd-tip{
  margin:0 0 10px; padding:9px 12px; border-radius:8px;
  background:var(--accent-soft, rgba(37,99,235,.07));
  font-size:12px; line-height:1.75; color:var(--muted);
}
.jd-editor-area{
  width:100%; min-height:220px; padding:12px;
  border:1px solid var(--line); border-radius:9px;
  background:var(--panel); color:var(--ink);
  font-family:inherit; font-size:13px; line-height:1.8; resize:vertical;
}
.jd-editor-area:focus{ outline:none; border-color:var(--accent); }

.jd-ed-fields{
  display:grid; grid-template-columns:repeat(auto-fit, minmax(210px, 1fr));
  gap:9px; margin-top:12px;
}
.jd-ed-field{ display:flex; flex-direction:column; gap:4px; }
.jd-ed-field > span{ font-size:11.5px; font-weight:650; color:var(--muted); }
.jd-ed-field input{
  padding:7px 10px; border:1px solid var(--line); border-radius:7px;
  background:var(--panel); color:var(--ink); font-size:12.5px;
}
.jd-ed-field input:focus{ outline:none; border-color:var(--accent); }

@media (max-width: 640px){
  .jd-editor-card{ width:96vw; }
  .jd-ed-fields{ grid-template-columns:1fr; }
  .jd-pre{ max-height:240px; }
}

/* ---------- 抽屉里的「面这家要补的技能」 ---------- */
.job-skill-gaps{ display:flex; flex-direction:column; gap:4px; }
.job-skill-gap{
  display:grid; grid-template-columns:30px 1fr auto;
  align-items:center; gap:10px; width:100%;
  padding:9px 11px; border-radius:8px; cursor:pointer;
  border:1px solid var(--line); border-left:3px solid var(--line);
  background:var(--panel); color:var(--ink);
  text-align:left; font-family:inherit; font-size:12.5px;
}
.job-skill-gap:hover{ border-color:var(--accent); background:var(--panel-sub); }
.job-skill-gap.p0{ border-left-color:var(--bad, #dc2626); }
.job-skill-gap.p1{ border-left-color:var(--accent); }
.jsg-pri{ font-size:11px; font-weight:800; color:var(--muted); }
.job-skill-gap.p0 .jsg-pri{ color:var(--bad, #dc2626); }
.job-skill-gap.p1 .jsg-pri{ color:var(--accent); }
.jsg-name{ font-weight:650; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.jsg-st{ font-size:11.5px; color:var(--faint); white-space:nowrap; }