/* ===== KUE Unemployment Calculator (Full CSS) ===== */

.kue-unemp-wrap{max-width:720px;margin:0 auto;}

.kue-unemp-form,
.kue-unemp-card{
  border:1px solid #e9e9e9;
  background:#fff;
  padding:18px;
  box-sizing:border-box;
}

.kue-unemp-row{margin:0 0 14px;}
.kue-unemp-row--inline{margin-top:-4px;}

.kue-unemp-label{
  display:block;
  font-size:14px;
  font-weight:600;
  margin:0 0 6px;
}

.kue-unemp-input{
  width:100%;
  height:44px;
  padding:10px 12px;
  border:1px solid #dcdcdc;
  border-radius:6px;
  box-sizing:border-box;
  font-size:14px;
}

.kue-unemp-radio{display:block;margin:6px 0;font-size:13px;}
.kue-unemp-check{font-size:13px;}

.kue-unemp-alert{
  border:1px solid #f0d7da;
  background:#fff6f7;
  color:#8a1f2a;
  padding:12px 14px;
  margin:0 0 12px;
}

.kue-unemp-title{font-size:16px;font-weight:800;margin:0 0 12px;}

/* 결과 요약 카드: PC 2열, 모바일 1열 */
.kue-unemp-kv{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px;
}

.kue-unemp-kv__item{
  border:1px solid #eee;
  border-radius:10px;
  padding:12px 12px;
}

.kue-unemp-kv__label{font-size:12px;color:#666;margin-bottom:6px;}
.kue-unemp-kv__value{font-size:18px;font-weight:800;}

.kue-unemp-divider{height:1px;background:#eee;margin:14px 0;}

.kue-unemp-detail__row{
  display:flex;
  gap:12px;
  align-items:flex-start;
  margin:0 0 8px;
}
.kue-unemp-detail__label{flex:0 0 140px;font-size:12px;color:#666;}
.kue-unemp-detail__value{flex:1;font-size:13px;color:#111;line-height:1.45;}

/* ===== 버튼(핵심: 글자 하단 붙음 방지) =====
   flex 대신 "height = line-height" 방식으로 강제 수직 중앙 정렬 */
.kue-unemp-btn{
  display:block !important;
  width:100%;
  box-sizing:border-box !important;

  height:48px !important;
  min-height:48px !important;

  padding:0 12px !important;
  line-height:48px !important;

  border:0;
  border-radius:0 !important;

  background:#111;
  color:#fff;

  font-size:15px;
  font-weight:700;

  cursor:pointer;

  text-align:center !important;
  text-decoration:none;

  -webkit-appearance:none !important;
  appearance:none !important;
}

.kue-unemp-btn--secondary{
  background:#f3f3f3;
  color:#111;
  margin-top:10px;
}

/* 작은 버튼(삭제 등) */
.kue-unemp-btn--sm{
  height:36px !important;
  min-height:36px !important;
  padding:0 10px !important;
  line-height:36px !important;
  font-size:13px;
}

/* 일부 테마가 버튼에 장식/아이콘을 pseudo-element로 넣는 경우 차단 */
.kue-unemp-btn::before,
.kue-unemp-btn::after{
  content:none !important;
}

/* ===== 자격 판정 UI ===== */
.kue-unemp-section-title{font-size:14px;font-weight:800;margin:2px 0 12px;}

.kue-unemp-pill{
  display:inline-block;
  padding:6px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  border:1px solid #e5e5e5;
  background:#f7f7f7;
  color:#111;
}
.kue-pill--ok{background:#f0fff4;border-color:#c6f6d5;color:#22543d;}
.kue-pill--warn{background:#fffaf0;border-color:#feebc8;color:#7b341e;}
.kue-pill--bad{background:#fff5f5;border-color:#fed7d7;color:#742a2a;}

.kue-unemp-elig-line{margin-top:8px;font-size:13px;line-height:1.5;color:#111;}
.kue-unemp-elig-line--reason{font-weight:800;}

/* ===== Employment repeater (이직 이력) ===== */
.kue-unemp-select{
  width:100%;
  height:44px;
  padding:10px 12px;
  border:1px solid #dcdcdc;
  border-radius:6px;
  box-sizing:border-box;
  font-size:14px;
  background:#fff;
}

.kue-unemp-emps{display:flex;flex-direction:column;gap:10px;}

.kue-unemp-emp{
  border:1px solid #eee;
  background:#fff;
  padding:12px;
  box-sizing:border-box;
}

.kue-unemp-emp__grid{
  display:grid;
  grid-template-columns:1fr 1fr auto;
  gap:14px;              /* 요청: 요소간 여백 증가 */
  align-items:center;
}

.kue-unemp-emplist{
  margin-top:10px;
  border-top:1px solid #eee;
  padding-top:10px;
}
.kue-unemp-emplist__item{
  font-size:13px;
  line-height:1.55;
  padding:6px 0;
  border-bottom:1px dashed #eee;
}
.kue-unemp-emplist__item:last-child{border-bottom:0;}

/* ===== Responsive ===== */
@media (max-width:520px){
  .kue-unemp-kv{grid-template-columns:1fr;}
  .kue-unemp-detail__row{display:block;}
  .kue-unemp-detail__label{margin-bottom:4px;}
  .kue-unemp-emp__grid{grid-template-columns:1fr;}
}