/* 员工合规档案样式 */
.hr-container { max-width: 1100px; margin: 0 auto; padding: 34px 20px 80px; }
.hr-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 22px; flex-wrap: wrap; gap: 12px; }
.hr-header h1 { font-size: 26px; color: #1e3a5f; margin: 0; }
.hr-header p { color: #717171; font-size: 13px; margin: 4px 0 0; }
.hr-header-btns { display: flex; gap: 10px; }
.hr-btn { display: inline-block; padding: 10px 20px; background: linear-gradient(135deg,#c9a96e,#b8860b); color: #fff; border: none; border-radius: 8px; font-size: 14px; font-weight: 600; cursor: pointer; text-decoration: none; }
.hr-btn2 { display: inline-block; padding: 9px 16px; background: #fff; color: #1e3a5f; border: 1px solid #d9d9d9; border-radius: 8px; font-size: 14px; cursor: pointer; text-decoration: none; }
.hr-btn2:hover { border-color: #836e48; color: #8d6709; }
.hr-stats { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; margin-bottom: 20px; }
@media (max-width:700px){ .hr-stats{ grid-template-columns:1fr 1fr; } }
.hr-stat { background:#fff; border:1px solid #e8e8e8; border-radius:12px; padding:18px 20px; }
.hr-stat b { display:block; font-size:30px; color:#1e3a5f; }
.hr-stat span { font-size:13px; color:#717171; }
.hr-stat.warn b { color:#a55c0f; } .hr-stat.bad b { color:#c0392b; } .hr-stat.good b { color:#3a7d44; }
.hr-tabs { display:flex; gap:6px; border-bottom:1px solid #eee; margin-bottom:16px; }
.hr-tab { padding:10px 18px; cursor:pointer; font-size:15px; color:#666; border-bottom:2px solid transparent; }
.hr-tab.on { color:#8d6709; border-bottom-color:#836e48; font-weight:600; }
.hr-toolbar { display:flex; gap:10px; margin-bottom:14px; flex-wrap:wrap; }
.hr-toolbar input,.hr-toolbar select { padding:9px 12px; border:1px solid #d9d9d9; border-radius:8px; font-size:14px; }
.hr-table { width:100%; border-collapse:collapse; background:#fff; border:1px solid #eee; border-radius:10px; overflow:hidden; font-size:14px; }
.hr-table th { background:#f8f9fb; color:#1e3a5f; text-align:left; padding:11px 12px; font-weight:600; border-bottom:1px solid #eee; }
.hr-table td { padding:11px 12px; border-bottom:1px solid #f3f3f3; color:#444; }
.hr-table tr:hover td { background:#fdfaf2; }
.hr-gap { color:#c0392b; font-size:13px; } .hr-gap0 { color:#3a7d44; font-size:13px; }
.hr-badge { background:#eef3fa; color:#1e3a5f; font-size:12px; border-radius:10px; padding:2px 9px; }
.hr-badge.ok { background:#e8f5ec; color:#3a7d44; } .hr-badge.out { background:#f2f3f5; color:#6b6b6b; }
.hr-link { color:#2c5a8f; text-decoration:none; }
.hr-empty { text-align:center; background:#fff; border:1px dashed #ddd; border-radius:12px; padding:50px 20px; }
.hr-sub { color:#6b6b6b; font-size:12px; }
/* 日历 */
.hr-cal-head { display:flex; align-items:center; gap:12px; margin-bottom:12px; }
.hr-cal-head b { font-size:18px; color:#1e3a5f; }
.hr-cal-day { font-size:13px; color:#8d6709; font-weight:700; margin:12px 0 4px; }
.hr-cal-item { background:#fff; border:1px solid #eee; border-radius:8px; padding:10px 12px; margin-bottom:6px; font-size:14px; }
.hr-cal-kind { font-size:11px; padding:1px 7px; border-radius:9px; margin-right:6px; }
.hr-cal-kind.ev { background:#fff3e0; color:#a55c0f; } .hr-cal-kind.dt { background:#fdecec; color:#c0392b; }
/* 帮助 */
.hr-help { background:#fff; border:1px solid #eee; border-radius:12px; padding:20px; }
.hr-help h4 { color:#1e3a5f; margin:14px 0 6px; } .hr-help p { color:#555; font-size:14px; line-height:1.8; margin:0; }
.hr-help ul { color:#555; font-size:14px; line-height:1.9; }
/* 弹窗 */
.hr-mask { position:fixed; inset:0; z-index:99990; background:rgba(18,28,46,.5); display:flex; align-items:center; justify-content:center; padding:16px; overflow:auto; }
.hr-modal { background:#fff; border-radius:12px; padding:24px; width:520px; max-width:100%; box-shadow:0 20px 60px rgba(0,0,0,.3); }
.hr-modal-lg { width:860px; }
.hr-modal h3 { color:#1e3a5f; margin:0 0 10px; font-size:19px; }
.hr-f2 { display:grid; grid-template-columns:1fr 1fr; gap:10px 14px; margin-top:10px; }
.hr-f2 label { display:block; font-size:13px; color:#333; margin-bottom:3px; }
.hr-f2 input { width:100%; padding:9px 11px; border:1px solid #d9d9d9; border-radius:7px; font-size:14px; box-sizing:border-box; }
.hr-fbtns { display:flex; justify-content:flex-end; gap:10px; margin-top:18px; }
.hr-cols { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:14px; }
@media (max-width:720px){ .hr-cols{ grid-template-columns:1fr; } }
.hr-h4 { font-size:14px; color:#1e3a5f; font-weight:700; margin-bottom:8px; }
.hr-cp-group { margin-bottom:10px; } .hr-cp-group b { font-size:12px; color:#8d6709; }
.hr-cp { display:flex; align-items:center; gap:6px; font-size:13px; color:#555; padding:5px 6px; border-bottom:1px dashed #f2f2f2; }
.hr-cp.done { color:#3a7d44; } .hr-cp.done i { color:#3a7d44; } .hr-cp i { color:#a55c0f; }
.hr-up { margin-left:auto; border:none; background:#f0f4ff; color:#2c5a8f; border-radius:5px; cursor:pointer; font-size:11px; padding:3px 8px; }
.hr-ev { display:flex; align-items:center; gap:8px; font-size:13px; padding:6px 0; border-bottom:1px solid #f4f4f4; }
.hr-ev a { color:#2c5a8f; text-decoration:none; flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.hr-del,.hr-evt-done { border:none; background:none; cursor:pointer; font-size:12px; }
.hr-del { color:#d9534f; } .hr-evt-done { color:#3a7d44; background:#e8f5ec; border-radius:5px; padding:3px 9px; }
.hr-imp-ok { background:#e8f5ec; color:#3a7d44; padding:12px; border-radius:8px; font-size:14px; }
.hr-imp-err { background:#fdecec; color:#c0392b; padding:12px; border-radius:8px; font-size:14px; }