/* STEP9H6K14A_FINANCE_UI_POLISH_V1 */

/* 1) Period filter: dates + apply button are one clean aligned row.
   Accounting note moves to its own row so it can no longer push the button down. */
.fin-toolbar{
  display:grid !important;
  grid-template-columns:minmax(220px,260px) minmax(220px,260px) auto !important;
  gap:10px 12px !important;
  align-items:end !important;
}

.fin-toolbar .field{
  min-width:0 !important;
  width:100% !important;
}

.fin-toolbar #finApply{
  align-self:end !important;
  min-height:56px !important;
  margin:0 !important;
  white-space:nowrap !important;
}

.fin-toolbar .fin-push{
  grid-column:1 / -1 !important;
  margin-left:0 !important;
  padding-top:2px !important;
  text-align:right !important;
}

/* 2) Action accordions: remove the white blocks.
   NEXCIP dark surface + lime readable labels. */
.fin-actions{
  gap:14px !important;
}

.fin-action{
  border:1px solid #283529 !important;
  background:#070a08 !important;
  color:#f5f7f5 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025) !important;
}

.fin-action>summary{
  min-height:70px !important;
  box-sizing:border-box !important;
  background:#070a08 !important;
  color:#c8ff00 !important;
  border:0 !important;
  font-weight:900 !important;
}

.fin-action>summary:hover{
  background:#0b110c !important;
}

.fin-action>summary:after{
  color:#c8ff00 !important;
}

.fin-action[open]>summary{
  border-bottom:1px solid #263228 !important;
}

.fin-action .fin-action-body{
  background:#0a0f0b !important;
  color:#f5f7f5 !important;
  padding-top:16px !important;
}

.fin-action .fin-action-body label{
  color:#9faea2 !important;
}

.fin-action .fin-action-body input,
.fin-action .fin-action-body select,
.fin-action .fin-action-body textarea{
  background:#050806 !important;
  color:#f5f7f5 !important;
  border-color:#2b382d !important;
}

.fin-action .fin-action-body input:focus,
.fin-action .fin-action-body select:focus,
.fin-action .fin-action-body textarea:focus{
  border-color:#c8ff00 !important;
  box-shadow:0 0 0 3px rgba(200,255,0,.09) !important;
}

/* 3) Global header already owns "Keuangan & Piutang".
   Keep only finance action buttons inside page content. */
.fin-page-actions{
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap:8px !important;
  margin:0 0 10px !important;
}

/* Keep mobile layout clean. */
@media(max-width:820px){
  .fin-toolbar{
    grid-template-columns:1fr 1fr !important;
  }

  .fin-toolbar #finApply{
    grid-column:1 / -1 !important;
    width:100% !important;
  }

  .fin-toolbar .fin-push{
    text-align:left !important;
  }
}

@media(max-width:560px){
  .fin-toolbar{
    grid-template-columns:1fr !important;
  }

  .fin-toolbar #finApply,
  .fin-toolbar .fin-push{
    grid-column:auto !important;
  }

  .fin-page-actions{
    justify-content:stretch !important;
  }

  .fin-page-actions .btn{
    flex:1 1 0 !important;
  }
}

/* STEP9H6K14A1_PERIOD_BUTTON_SIZE_FIX */
@media(min-width:821px){
  .fin-toolbar #finApply{
    justify-self:start !important;
    width:auto !important;
    min-width:190px !important;
    max-width:240px !important;
    padding-left:24px !important;
    padding-right:24px !important;
  }
}