/* 
2026-01-01 hhy
ERP/그룹웨어에서 검증된 최종 권장 세트
부트스트랩의 input등의 크기가 너무커서 사이즈를 전체적으로 줄임
*/


/*
 최종 권장안 (실무 안정판)
 기본 컴팩트 스케일 (핵심)
 */
/* ===============================
   ERP / Groupware Compact Scale
   =============================== */
.form-control,
.form-select,
.btn {
  height: 26px;
  min-height: 26px;
  padding: 2px 8px 2px 8px;
  /*font-size: 13px;*/
  line-height: 1.2;
  border-radius: 5px;
}


/*
포커스/validation 깨짐 없음
→ 실무에서 가장 균형 좋은 값
*/

/*
textarea 예외 처리 (필수)
*/
textarea.form-control {
  height: auto;
  min-height: 45px; /* 2줄 기준 */
  padding: 2px 8px 2px 8px;
  line-height: 1.4;
  border-radius: 5px;
}

/*
테이블 내부 입력 (DataTables 포함)
*/

table .form-control,
table .form-select {
  height: 26px;
  min-height: 26px;
  padding: 2px 8px 2px 8px;
  /*font-size: 13px;*/
  line-height: 1.2;
  border-radius: 5px;
}

table textarea.form-control {
  height: auto;
  min-height: 45px; /* 2줄 기준 */
  padding: 2px 8px 2px 8px;
  line-height: 1.4;
  border-radius: 5px;
}


/*
 Bootstrap 5 꼭 같이 봐야 할 포인트 (이거 안 하면 문제 생김)
*/
/* 
select 화살표 영역 깨짐 방지
*/
.form-select {
  padding-right: 28px; /* dropdown arrow 공간 */
}

/*
validation 아이콘 과대 표시 방지
*/
.form-control.is-valid,
.form-control.is-invalid {
  background-size: 14px 14px;
  background-position: right 6px center;
}

/*
focus 효과 과도함 방지 (중요)
*/

/*
Bootstrap 5 기본 focus는 ERP에 너무 튀는 편입니다.
*/

.form-control:focus,
.form-select:focus {
  box-shadow: 0 0 0 1px rgba(13,110,253,.25);
}


/*
포커스는 보이되 시선은 뺏지 않게
disabled/readonly 가독성 보정 (자주 놓침)
*/
.form-control:disabled,
.form-control[readonly] {
  background-color: #f5f5f5;
  opacity: 1;
}