/* 岗位列表·卡片式样式（对应 page-positions.js）
 */

/* ══════════════════════════════════════════════════════════════
   岗位列表 — 卡片式
   ══════════════════════════════════════════════════════════════ */
.pos-head { display: flex; align-items: center; justify-content: space-between; }
.pos-cards { display: flex; flex-direction: column; gap: 12px; }

.pcard {
  display: flex; align-items: center; gap: 20px;
  background: #fff; border: 1px solid #E2E8F0; border-radius: 4px;
  padding: 16px 20px; cursor: pointer;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.pcard:hover { border-color: #BFD4FA; box-shadow: 0 2px 8px rgba(37,99,235,.08); }
.pcard.closed { background: #F8FAFC; border-color: #E2E8F0; }
.pcard.closed .pc-title { color: #475569; }

.pc-main { flex: 1; min-width: 0; }
.pc-row1 { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; }
.pc-title {
  font-size: 15px; font-weight: 500; color: #0F172A;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.pc-row2 { display: flex; align-items: center; gap: 12px; font-size: 12px; color: #94A3B8; flex-wrap: wrap; }
.pc-meta { display: flex; align-items: center; gap: 5px; }
.pc-meta svg { flex-shrink: 0; }

/* 硬性门槛 chip（橙色，可点击）*/
.rule-chip {
  display: inline-flex; align-items: center; gap: 5px; height: 22px; padding: 0 8px;
  border-radius: 4px; background: #FEF3C7; color: #D97706;
  font-size: 12px; font-weight: 500; cursor: pointer;
  border: 1px solid transparent; transition: border-color .12s ease, background .12s ease;
}
.rule-chip:hover { border-color: #D97706; background: #FDE9BE; }
.rule-chip svg { flex-shrink: 0; }
.rule-chip.none { background: #F1F5F9; color: #94A3B8; font-weight: 400; }
.rule-chip.none:hover { border-color: #CBD5E1; background: #E2E8F0; color: #475569; }

/* 右侧统计 */
.pc-stats { display: flex; flex-shrink: 0; }
.pc-stat { padding: 0 18px; text-align: right; border-left: 1px solid #F1F5F9; }
.pc-stat:first-child { border-left: none; padding-left: 0; }
.pc-stat-v {
  font-size: 19px; font-weight: 600; color: #0F172A;
  font-variant-numeric: tabular-nums; line-height: 1.2;
}
.pc-stat-k { font-size: 11px; color: #94A3B8; margin-top: 3px; }
.pc-arrow { color: #CBD5E1; flex-shrink: 0; margin-left: 4px; }