/* ══════════════════════════════════════════════════
   부가가치세 계산기 전용 (page-vat-calculator.php)
   ※ 계산기 공통 UI(calc-wrap/calc-card/form-input/result-card 등)는 income.css 재사용
   ※ 이 파일은 과세유형 탭 + 업종(부가가치율) 선택 전용
══════════════════════════════════════════════════ */

/* ── 과세유형 탭 ── */
.vc-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 24px 18px;}
.vc-tab{
  padding:13px 10px;border-radius:10px;
  border:1.5px solid var(--border-card);background:#fff;
  color:var(--text-sub);font-size:14.5px;font-weight:700;font-family:inherit;
  cursor:pointer;transition:background .15s,border-color .15s,color .15s;
  min-height:48px;
}
.vc-tab:hover{border-color:var(--primary);color:var(--primary);}
.vc-tab.active{background:var(--primary);border-color:var(--primary);color:#fff;}
.vc-tab small{display:block;font-size:11px;font-weight:600;opacity:.75;margin-top:2px;}

/* ── 입력 그룹 제목 ── */
.vc-group-title{
  font-size:13px;font-weight:800;color:var(--primary-dark);
  margin-bottom:12px;padding-bottom:8px;
  border-bottom:1px solid var(--border-light);
}
.vc-group + .vc-group{margin-top:26px;}

/* ── 업종(부가가치율) 선택 ── */
.vc-biz-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.vc-biz{
  position:relative;
  display:flex;align-items:center;gap:10px;
  padding:12px 14px;border-radius:10px;
  border:1.5px solid var(--border-light);background:#fff;
  cursor:pointer;user-select:none;
  transition:border-color .15s,background .15s;
}
.vc-biz input{position:absolute;opacity:0;width:0;height:0;pointer-events:none;}
.vc-biz:hover{border-color:var(--primary);}
.vc-biz.is-checked{border-color:var(--primary);background:var(--primary-light);}
.vc-biz-name{font-size:12.5px;font-weight:600;color:var(--text-main);flex:1;line-height:1.45;}
.vc-biz-rate{
  font-size:13px;font-weight:800;color:var(--primary);
  flex-shrink:0;white-space:nowrap;
}
.vc-biz.is-checked .vc-biz-rate{color:var(--primary);}

/* 업종 안내 */
.vc-biz-note{
  margin-top:10px;font-size:12px;color:var(--text-light);line-height:1.7;
}

/* 체크박스 한 줄 (개인사업자 여부) */
.vc-check{
  display:flex;align-items:flex-start;gap:10px;
  padding:12px 14px;border-radius:10px;
  border:1.5px solid var(--border-light);background:#fff;
  cursor:pointer;user-select:none;margin-top:8px;
  transition:border-color .15s,background .15s;
}
.vc-check:hover{border-color:var(--primary);background:var(--primary-light);}
.vc-check input{width:18px;height:18px;accent-color:var(--primary);cursor:pointer;flex-shrink:0;margin-top:1px;}
.vc-check-text{font-size:12.5px;font-weight:600;color:var(--text-main);line-height:1.5;}
.vc-check-text small{display:block;font-size:11.5px;font-weight:400;color:var(--text-light);margin-top:2px;}

/* ── 납부면제 안내 ── */
.vc-exempt{
  background:#eef6f0;border:1.5px solid #cfe6d7;
  border-radius:10px;padding:14px 16px;margin-bottom:16px;
}
.vc-exempt strong{display:block;font-size:13.5px;font-weight:800;color:#2c6b45;margin-bottom:4px;}
.vc-exempt p{font-size:12.5px;color:#3d6b52;line-height:1.7;}

/* ── 참고사항 ── */
.vc-facts{
  background:#fff;border:1px solid var(--border);border-radius:var(--r);
  padding:28px 30px;
}
.vc-facts h3{font-size:16px;font-weight:800;color:var(--ink);margin-bottom:16px;letter-spacing:-.3px;}
.vc-facts ul{list-style:none;display:flex;flex-direction:column;gap:11px;}
.vc-facts li{
  position:relative;padding-left:16px;
  font-size:13.5px;color:var(--text-sub);line-height:1.8;
}
.vc-facts li::before{
  content:'';position:absolute;left:0;top:10px;
  width:5px;height:5px;border-radius:50%;background:var(--gold);
}
.vc-facts li strong{color:var(--ink);font-weight:700;}

/* ── 반응형 ── */
@media(max-width:768px){
  .vc-tabs{padding:0 16px 14px;gap:6px;}
  .vc-tab{font-size:13.5px;padding:11px 8px;min-height:46px;}
  .vc-biz-grid{grid-template-columns:1fr;}
  .vc-biz-name{font-size:13px;}
  .vc-group + .vc-group{margin-top:22px;}
  .vc-facts{padding:22px 18px;}
  .vc-facts li{font-size:13px;}
}