/* ===============================
   budget.css
   페이지 전용 스타일
   =============================== */

/* 테이블 높이 제한 해제 */
.table-wrap {
  max-height: none;
  overflow: visible;
}

/* 스크롤은 content 영역에서만 */
.content {
  overflow-y: auto;
}

/* ===============================
   섹션 헤더 + 버튼 공통
================================ */

.section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}

.section-actions {
  display: flex;
  gap: 8px;
}

/* 예산·결산 중앙 영역 왼쪽 밀착 */
body .main-area {
  margin: 0 !important;
  max-width: none !important;
}

/* ===== 동적 입력폼 (핵심) ===== */
.inline-input-row{
  display:grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  gap:8px;
  align-items:center;
  margin-bottom:12px;
}

.inline-input-row .inline-input{
  width:100%;
  height:34px;
  padding:6px 8px;
  border:1px solid #cfd6e0;
  border-radius:6px;
  background:#fff;
  box-sizing:border-box;
  font-size:14px;
}

.inline-input-row button{
  width:110px;
  justify-self:end;
}

#btnAdd{
  width:100%;
  height:36px;
}

td.actions{
  white-space:nowrap;
  text-align:right;
}

td.actions .btn{
  margin-left:4px;
}