/* =========================================================
   income-toolbar.css
   주간수입현황 / 월별수입현황 공통 툴바
========================================================= */

.income-status-toolbar{
  width:100%!important;
  box-sizing:border-box!important;
  margin:8px 0 10px 0!important;
  padding:8px 12px!important;
  border:1px solid #d7e1ee!important;
  border-radius:10px!important;
  background:#f8fbff!important;
}

.ist-combined-form{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  flex-wrap:nowrap!important;
}

.ist-filter-zone,
.ist-action-zone,
.ist-tab-group,
.ist-filter-group,
.ist-date-input-group{
  display:inline-flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  white-space:nowrap!important;
}

.ist-filter-zone{
  flex:1 1 auto!important;
  min-width:0!important;
  gap:8px!important;
}

.ist-action-zone{
  flex:0 0 auto!important;
  gap:7px!important;
  margin-left:auto!important;
}

.ist-tab-group,
.ist-filter-group,
.ist-date-input-group{
  gap:5px!important;
}

.ist-v-divider{
  width:1px!important;
  height:18px!important;
  background:#cbd5e1!important;
  margin:0 4px!important;
  flex:0 0 auto!important;
}

.income-status-toolbar .ist-tab,
.income-status-toolbar .ist-btn{
  height:28px!important;
  min-width:42px!important;
  padding:0 10px!important;
  border:1px solid #b8c9df!important;
  border-radius:7px!important;
  background:#fff!important;
  color:#111!important;
  font-size:13px!important;
  font-weight:700!important;
  text-decoration:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  box-sizing:border-box!important;
}

.income-status-toolbar .ist-tab{
  min-width:96px!important;
  padding:0 14px!important;
  border-radius:7px 7px 0 0!important;
  color:#00306e!important;
  font-weight:800!important;
}

.income-status-toolbar .ist-tab.active,
.income-status-toolbar .ist-btn.active{
  background:#235f9f!important;
  color:#fff!important;
  border-color:#235f9f!important;
}

.income-status-toolbar .ist-search-btn{
  background:#2d79bd!important;
  color:#fff!important;
  border-color:#2d79bd!important;
}

.income-status-toolbar .ist-excel-btn{
  background:#14a85b!important;
  color:#fff!important;
  border-color:#14a85b!important;
}

.ist-code-label{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  font-size:13px!important;
  font-weight:700!important;
  white-space:nowrap!important;
}

.ist-code-label input{
  margin:0!important;
}

.ist-input-year{
  width:76px!important;
  height:28px!important;
  border:1px solid #b8c9df!important;
  border-radius:5px!important;
  padding:0 6px!important;
  font-size:13px!important;
  text-align:center!important;
  box-sizing:border-box!important;
}

.ist-select-month{
  height:28px!important;
  border:1px solid #b8c9df!important;
  border-radius:5px!important;
  padding:0 5px!important;
  font-size:13px!important;
  box-sizing:border-box!important;
}

/* 작은 화면에서도 한 줄 유지 */
@media (max-width:1200px){
  .ist-combined-form{
    gap:8px!important;
  }

  .income-status-toolbar .ist-tab,
  .income-status-toolbar .ist-btn{
    padding:0 7px!important;
    font-size:12px!important;
  }

  .income-status-toolbar .ist-tab{
    min-width:86px!important;
  }
}

@media print{
  .income-status-toolbar{
    display:none!important;
  }
}