/* =====================================================
   REPORT TABS 공통 CSS
   - 모든 보고서 작업탭 통일
   - 전폭 밑줄 제거
   - active 탭에만 짧은 밑줄 표시
===================================================== */

/* 상단 작업탭 전체 */
.erp-work-tabs{
  display:flex !important;
  align-items:flex-end !important;
  gap:2px !important;

  width:100% !important;
  margin:0 0 6px 0 !important;
  padding:0 !important;

  border-bottom:none !important; /* 전폭 1400px 밑줄 제거 */
}

/* 작업탭 버튼 */
.erp-work-tabs > a{
  height:30px !important;
  min-height:30px !important;
  padding:5px 18px !important;

  font-size:13px !important;
  font-weight:500 !important;
  line-height:20px !important;

  text-decoration:none !important;
  border-bottom:2px solid transparent !important;
}

/* 현재 선택된 작업탭 */
.erp-work-tabs > a.active,
.erp-work-tabs > a.erp-work-tab.active{
  font-weight:700 !important;
  text-decoration:none !important;

  border-bottom:2px solid #2563eb !important; /* 해당 탭에만 밑줄 */
}

/* 예산보고서 하위탭 */
.budget-report-sub-tabs{
  display:flex !important;
  align-items:center !important;
  gap:4px !important;

  margin:0 !important;
  padding:0 !important;

  border-bottom:none !important; /* 전폭 밑줄 제거 */
}

/* 하위탭 버튼 */
.budget-report-sub-tabs a{
  height:30px !important;
  min-height:30px !important;
  padding:5px 12px !important;

  font-size:13px !important;
  font-weight:600 !important;
  line-height:18px !important;

  text-decoration:none !important;
  border-bottom:2px solid transparent !important;
}

/* 현재 선택된 하위탭 */
.budget-report-sub-tabs a.active{
  font-weight:700 !important;
  text-decoration:none !important;

  border-bottom:2px solid #2563eb !important; /* 해당 탭에만 밑줄 */
}

/* =====================================================
   ERP 작업탭 최종 통일
   - 모든 페이지 작업탭 동일 크기
   - active 탭만 위/아래 파란선
   - 전폭 1400px 밑줄 제거
===================================================== */

.erp-work-tabs{
  width:min(1400px, calc(100% - 40px)) !important;
  max-width:1400px !important;
  margin:0 auto 6px auto !important;

  display:flex !important;
  align-items:flex-end !important;
  gap:2px !important;

  border-bottom:none !important; /* 전폭 밑줄 제거 */
}

.erp-work-tabs > a{
  height:30px !important;
  min-height:30px !important;
  padding:5px 18px !important;

  font-size:13px !important;
  font-weight:500 !important;
  line-height:20px !important;

  text-decoration:none !important;

  border-top:1px solid #b8c7dc !important;
  border-left:1px solid #b8c7dc !important;
  border-right:1px solid #b8c7dc !important;
  border-bottom:1px solid #b8c7dc !important;

  border-radius:7px 7px 0 0 !important;
  background:#f8fafc !important;
}

/* 현재 선택 탭: 위/아래 파란선 */
.erp-work-tabs > a.active,
.erp-work-tabs > a.erp-work-tab.active{
  font-weight:700 !important;
  color:#0057d8 !important;

  border-top:3px solid #2563eb !important;      /* 위쪽 파란선 */
  border-bottom:2px solid #2563eb !important;   /* 해당 탭 아래만 파란선 */
  background:#ffffff !important;
}

/* 본회계결산서 작업탭 폭 보정 */
.erp-work-tabs{
  width:min(1400px, calc(100% - 40px)) !important;
  max-width:1400px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}


/* =====================================================
   작업탭/보고서 공통 폭 통일
   - 작업탭은 1400px 안에서만 표시
   - active 탭에만 위/아래 파란선
===================================================== */

.erp-work-tabs{
  width:min(1400px, calc(100% - 40px)) !important;
  max-width:1400px !important;
  margin:0 auto 6px auto !important;
  padding:0 !important;
  border-bottom:none !important;
  box-sizing:border-box !important;
}

.erp-work-tabs > a{
  text-decoration:none !important;
  border-top:1px solid #b8c7dc !important;
  border-bottom:1px solid #b8c7dc !important;
}

.erp-work-tabs > a.active,
.erp-work-tabs > a.erp-work-tab.active{
  border-top:3px solid #2563eb !important;
  border-bottom:2px solid #2563eb !important;
}

/* =====================================================
   모든 하위탭 공통
   ===================================================== */

.erp-sub-tabs{
  display:flex !important;
  align-items:center !important;
  gap:4px !important;
}

.erp-sub-tabs a{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap !important;
  min-width:110px !important;
  height:30px !important;
  padding:0 14px !important;
  font-size:13px !important;
  text-decoration:none !important;
}

.erp-work-tab.active{
  border-top:3px solid #2563eb !important;
  border-bottom:2px solid #2563eb !important;
  color:#2563eb !important;
  font-weight:700 !important;
}


/* =====================================================
   최종 정렬: 작업탭 + 하위탭 + 필터라인
===================================================== */

.erp-work-tabs{
  width:min(1400px, calc(100% - 40px)) !important;
  max-width:1400px !important;
  margin:0 auto 0 auto !important;
  padding:0 !important;
  display:flex !important;
  align-items:flex-end !important;
  gap:2px !important;
  border-bottom:none !important;
}

.erp-work-tabs > a{
  height:30px !important;
  min-height:30px !important;
  padding:4px 18px !important;
  font-size:13px !important;
  font-weight:600 !important;
  line-height:20px !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}

.erp-work-tab.active{
  border-top:3px solid #2563eb !important;
  border-bottom:2px solid #2563eb !important;
  color:#0057d8 !important;
  font-weight:800 !important;
}

/* 하위탭: 주간지출현황 / 월별지출현황 */
.erp-sub-tabs{
  display:flex !important;
  align-items:center !important;
  gap:4px !important;
  margin:0 !important;
  padding:0 !important;
}

.erp-sub-tabs a{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:30px !important;
  min-width:110px !important;
  padding:0 12px !important;
  font-size:12px !important;
  font-weight:700 !important;
  line-height:1 !important;
  white-space:nowrap !important;
  text-decoration:none !important;
}

/* 지출현황 툴바 한 줄 정렬 */
.expense-status-page .erp-status-toolbar{
  width:min(1400px, calc(100% - 40px)) !important;
  max-width:1400px !important;
  margin:0 auto 8px auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
}

.expense-status-page .status-tabs,
.expense-status-page .status-filter,
.expense-status-page .status-actions{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  margin:0 !important;
  flex-wrap:nowrap !important;
}

.expense-status-page .status-filter{
  flex:1 1 auto !important;
}

.expense-status-page .status-actions{
  margin-left:auto !important;
}

.report-work-tabs,
.finance-report-sub-tabs {
    width:min(1400px, calc(100vw - 40px)) !important;
    max-width:1400px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

/* =========================================================
   ERP 작업탭 좌측 정렬 고정
========================================================= */

.erp-work-tabs{
  width:100%!important;
  max-width:100%!important;
  margin:0 0 8px 0!important;
  padding:0!important;
  position:relative!important;
  left:0!important;
  top:0!important;
  transform:none!important;
  display:flex!important;
  justify-content:flex-start!important;
  align-items:flex-end!important;
  text-align:left!important;
}

.erp-work-tabs ul{
  margin:0!important;
  padding:0!important;
  display:flex!important;
  justify-content:flex-start!important;
  align-items:flex-end!important;
  gap:0!important;
}

.erp-work-tabs li{
  margin:0!important;
  padding:0!important;
}

/* FINAL: ERP 작업탭 전 페이지 공통 고정 */
.erp-report-wrap > .erp-work-tabs{
  width:100%!important;
  max-width:100%!important;
  margin:0 0 8px 0!important;
  padding:0!important;
  position:relative!important;
  top:0!important;
  left:0!important;
  transform:none!important;
  display:flex!important;
  justify-content:flex-start!important;
  align-items:flex-end!important;
  clear:both!important;
}

.erp-report-wrap > .erp-work-tabs ul{
  width:100%!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  justify-content:flex-start!important;
  align-items:flex-end!important;
  gap:0!important;
}

.erp-report-wrap > .erp-work-tabs li{
  margin:0!important;
  padding:0!important;
}

/* FINAL-2: 작업탭 전 화면 좌측 정렬 */
.erp-work-tabs{
  width:min(1400px, calc(100% - 40px))!important;
  max-width:1400px!important;
  margin:0 auto 8px auto!important;
  padding:0!important;
  position:relative!important;
  top:0!important;
  left:0!important;
  transform:none!important;
  display:flex!important;
  justify-content:flex-start!important;
  align-items:flex-end!important;
}

.erp-work-tabs ul{
  width:100%!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  justify-content:flex-start!important;
  align-items:flex-end!important;
  gap:0!important;
}

.erp-work-tabs li{
  margin:0!important;
  padding:0!important;
}
