/* =================================================
   인사정보 페이지 전용
================================================= */

/* 입력 컬럼 헤더 */
.hr-head{
  display:grid;
  grid-template-columns:repeat(8, minmax(0,1fr));
  gap:12px;
  margin-bottom:6px;
  font-size:13px;
  font-weight:600;
  color:#334155;
}

/* 입력 행 */
.hr-row{
  display:grid;
  grid-template-columns:repeat(8, minmax(0,1fr));
  gap:12px;
  align-items:center;
}

/* input / select 통일 */
.hr-row input,
.hr-row select{
  width:100%;
  min-width:0;
  height:36px;
  padding:0 8px;
  border:1px solid #d1d5db;
  border-radius:6px;
  font-size:13px;
  box-sizing:border-box;
}

/* +추가 버튼 영역 */
.row-actions{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:8px;
}

.row-actions .btn-add{
  height:36px;
  min-width:90px;
}

/* 테이블 */
.hr-table-wrap{
  margin-top:12px;
  overflow-x:auto;
}

.hr-table{
  width:100%;
  border-collapse:collapse;
  min-width:900px;
}

/* 저장 버튼 */
.card-header .btn-save{
  background:#2563eb;
  color:#fff;
  border:none;
  height:36px;
  padding:0 16px;
  border-radius:6px;
}

/* ================================
   +추가 버튼을 입력칸 오른쪽으로
================================ */

/* 입력 영역 + 버튼 한 줄 정렬 */
.hr-row-wrap {
  display: grid;
  grid-template-columns: 1fr auto; /* 입력 | 버튼 */
  gap: 8px;
  align-items: end;
}

/* 기존 hr-row는 그대로 */
.hr-row {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 12px;
}

/* +추가 버튼 오른쪽 고정 */
.hr-row-wrap .btn-add {
  height: 36px;
  min-width: 90px;
  white-space: nowrap;
}