/*
 * BANNAWANG Finance • Select → Review → Save layout (UI layer only).
 * Rollback: remove this stylesheet and entry-flow-v1.js references in preview.php.
 * Preserve all legacy finance form inputs, IDs and event handlers.
 */
#financeEntryModal.bnw-flow-v1 .finance-modal-panel{background:#f6f9fd!important}
#financeEntryModal.bnw-flow-v1 .finance-modal-head{
  padding:11px 20px!important;
  gap:12px!important;
  background:linear-gradient(112deg,#104878,#1559aa 65%,#2563eb)!important;
}
#financeEntryModal.bnw-flow-v1 .finance-modal-title{font-size:18px!important;margin-bottom:1px!important}
#financeEntryModal.bnw-flow-v1 .finance-modal-sub{font-size:12px!important;line-height:1.3!important;margin-top:1px!important}
#financeEntryModal.bnw-flow-v1 .finance-modal-summary{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:7px!important;margin-top:8px!important
}
#financeEntryModal.bnw-flow-v1 .finance-summary-card{
  min-width:0!important;padding:7px 10px!important;border-radius:10px!important;
  background:rgba(255,255,255,.10)!important
}
#financeEntryModal.bnw-flow-v1 .finance-summary-card b{font-size:11px!important;margin-bottom:1px!important}
#financeEntryModal.bnw-flow-v1 .finance-summary-card span{font-size:12px!important;line-height:1.4!important}
#financeEntryModal.bnw-flow-v1 .finance-summary-card:last-child{
  background:rgba(255,255,255,.22)!important;border-color:rgba(255,255,255,.32)!important
}
#financeEntryModal.bnw-flow-v1 .finance-summary-card:last-child span{font-size:16px!important}
#financeEntryModal.bnw-flow-v1 .finance-modal-close{flex:0 0 auto!important}
#financeEntryModal.bnw-flow-v1 .finance-modal-body{padding:13px 18px 85px!important;scroll-padding-bottom:125px}
#financeEntryModal.bnw-flow-v1 .bnw-flow-steps{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;
  margin:0 0 13px;padding:5px;background:#e9f0f9;border:1px solid #d6e3f1;
  border-radius:15px
}
#financeEntryModal.bnw-flow-v1 .bnw-flow-step{
  border:1px solid transparent;background:transparent;color:#465c76;
  border-radius:10px;padding:10px 10px;min-height:43px;cursor:pointer;
  font-family:inherit;font-size:13px;font-weight:800;line-height:1.3;text-align:center
}
#financeEntryModal.bnw-flow-v1 .bnw-flow-step:hover,
#financeEntryModal.bnw-flow-v1 .bnw-flow-step:focus-visible{
  background:#fff;color:#0f4c81;border-color:#bfdbfe;outline-offset:2px
}
#financeEntryModal.bnw-flow-v1 .bnw-flow-step:first-child{background:#fff;color:#0f4c81;box-shadow:0 2px 6px rgba(15,76,129,.07)}
#financeEntryModal.bnw-flow-v1 #budgetUsePanelV127{
  padding:12px 15px!important;margin-bottom:13px!important;
  border-radius:17px!important
}
#financeEntryModal.bnw-flow-v1 #budgetUsePanelV127 .budget-use-head{align-items:center!important;gap:12px!important}
#financeEntryModal.bnw-flow-v1 #budgetUsePanelV127 .budget-use-tabs{margin:5px 0!important;padding:5px 1px!important;gap:7px!important}
#financeEntryModal.bnw-flow-v1 #budgetUsePanelV127 .budget-use-summary{padding-top:6px!important}
#financeEntryModal.bnw-flow-v1 .top-sections-row{
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;
  gap:13px!important;
  align-items:stretch!important;
  margin:0 0 15px!important
}
#financeEntryModal.bnw-flow-v1 .top-sections-row > .finance-section{
  min-width:0!important;height:auto!important;margin:0!important;
  padding:20px 16px 16px!important;border-radius:18px!important;
  background:#fff!important;border:1px solid #d7e2f1!important;
  box-shadow:0 3px 12px rgba(15,23,42,.035)!important
}
#financeEntryModal.bnw-flow-v1 .top-sections-row > .finance-section:nth-child(2){
  grid-column:1!important;grid-row:1!important;border-top:4px solid #2563eb!important
}
#financeEntryModal.bnw-flow-v1 .top-sections-row > .finance-section:nth-child(1){
  grid-column:2!important;grid-row:1!important;border-top:4px solid #a78bfa!important
}
#financeEntryModal.bnw-flow-v1 .top-sections-row > .finance-section:nth-child(3){
  grid-column:1 / -1!important;grid-row:2!important;border-top:4px solid #10b981!important
}
#financeEntryModal.bnw-flow-v1 .top-sections-row .finance-section h4{
  font-size:16px!important;line-height:1.35!important;margin:0 0 13px!important
}
#financeEntryModal.bnw-flow-v1 .top-sections-row .finance-section .section-badge{
  top:-12px!important;right:15px!important
}
#financeEntryModal.bnw-flow-v1 .top-sections-row .field label{font-size:12px!important;color:#42526a!important}
#financeEntryModal.bnw-flow-v1 .top-sections-row .field input,
#financeEntryModal.bnw-flow-v1 .top-sections-row .field select{min-height:42px!important}
#financeEntryModal.bnw-flow-v1 .date-status-grid .date-row{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important
}
#financeEntryModal.bnw-flow-v1 .date-status-grid .payment-status-row{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important
}
#financeEntryModal.bnw-flow-v1 .money-entry-rows .money-row-5{
  display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important
}
#financeEntryModal.bnw-flow-v1 .money-entry-rows .money-row-2{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important
}
#financeEntryModal.bnw-flow-v1 #netAmount{
  color:#047857!important;background:#e9faf1!important;border:1px solid #6ee7b7!important;
  font-weight:900!important;font-size:18px!important
}
#financeEntryModal.bnw-flow-v1 .bnw-flow-detail{
  padding:15px 16px!important;border-radius:18px!important;
  background:#fff!important;border-color:#d7e2f1!important
}
#financeEntryModal.bnw-flow-v1 .bnw-flow-detail-heading{
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap
}
#financeEntryModal.bnw-flow-v1 .bnw-flow-detail-heading h4{margin:0!important;font-size:15px!important}
#financeEntryModal.bnw-flow-v1 .bnw-flow-detail-toggle{
  padding:8px 13px;border-radius:10px;background:#eef5fd;border:1px solid #bdd7f6;
  color:#145188;font-family:inherit;font-size:13px;font-weight:800;line-height:1.35;cursor:pointer
}
#financeEntryModal.bnw-flow-v1 .bnw-flow-detail-toggle:hover{background:#dbeafe}
#financeEntryModal.bnw-flow-v1 .bnw-flow-detail:not(.bnw-flow-detail-open) > .tax-detail-layout{
  display:none!important
}
#financeEntryModal.bnw-flow-v1 .bnw-flow-detail.bnw-flow-detail-open > .tax-detail-layout{
  margin-top:15px
}
/* A real footer is a flex sibling of the scrollable form, never an overlay. */
#financeEntryModal.bnw-flow-v1 .finance-modal-panel{
  height:100dvh!important;max-height:100dvh!important;
  min-height:0!important;display:flex!important;flex-direction:column!important;
  overflow:hidden!important
}
#financeEntryModal.bnw-flow-v1 .finance-modal-head,
#financeEntryModal.bnw-flow-v1 #activityTabsFixedBar{
  flex:0 0 auto!important
}
/* Both the blue summary and three-step navigation are permanent modal
   header siblings, above the only scrollable area (.finance-modal-body). */
#financeEntryModal.bnw-flow-v1 .finance-modal-panel > .bnw-flow-steps{
  flex:0 0 auto!important;
  position:relative!important;
  z-index:5!important;
  box-sizing:border-box!important;
  width:100%!important;
  margin:0!important;
  padding:7px 16px!important;
  border:0!important;
  border-bottom:1px solid #d4dfec!important;
  border-radius:0!important;
  background:#edf3fa!important;
  box-shadow:0 3px 10px rgba(15,23,42,.04)!important
}
#financeEntryModal.bnw-flow-v1 .finance-modal-body{
  flex:1 1 auto!important;min-height:0!important;
  overflow-y:auto!important;overflow-x:hidden!important;
  padding-bottom:20px!important;
  overscroll-behavior:contain
}
#financeEntryModal.bnw-flow-v1 .finance-modal-panel > .actions.bnw-flow-footer{
  position:relative!important;bottom:auto!important;left:auto!important;right:auto!important;
  flex:0 0 auto!important;z-index:12!important;
  display:flex!important;align-items:center!important;gap:10px!important;
  box-sizing:border-box!important;width:100%!important;
  padding:12px 20px max(12px,env(safe-area-inset-bottom))!important;
  margin:0!important;border-top:1px solid #dbe5f0!important;
  background:#fff!important;box-shadow:0 -4px 18px rgba(15,23,42,.065)!important
}
#financeEntryModal.bnw-flow-v1 .bnw-flow-readiness{
  flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:8px;
  font-size:12px;font-weight:800;color:#8a4c0b;line-height:1.4
}
#financeEntryModal.bnw-flow-v1 .bnw-flow-readiness[data-state="review"]{color:#0c6b46}
#financeEntryModal.bnw-flow-v1 .bnw-flow-readiness-icon{
  flex:0 0 auto;font-size:18px
}
#financeEntryModal.bnw-flow-v1 #financeSaveBtn{
  min-height:44px!important;padding:10px 21px!important;white-space:nowrap!important
}
@media(max-width:1150px){
  #financeEntryModal.bnw-flow-v1 .finance-modal-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #financeEntryModal.bnw-flow-v1 .top-sections-row{grid-template-columns:1fr!important}
  #financeEntryModal.bnw-flow-v1 .top-sections-row > .finance-section:nth-child(1){grid-column:1!important;grid-row:2!important}
  #financeEntryModal.bnw-flow-v1 .top-sections-row > .finance-section:nth-child(2){grid-column:1!important;grid-row:1!important}
  #financeEntryModal.bnw-flow-v1 .top-sections-row > .finance-section:nth-child(3){grid-column:1!important;grid-row:3!important}
}
@media(max-width:720px){
  #financeEntryModal.bnw-flow-v1 .finance-modal-head{padding:10px 12px!important}
  #financeEntryModal.bnw-flow-v1 .finance-modal-title{font-size:16px!important}
  #financeEntryModal.bnw-flow-v1 .finance-modal-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #financeEntryModal.bnw-flow-v1 .finance-modal-body{padding:10px 10px 18px!important}
  #financeEntryModal.bnw-flow-v1 .finance-modal-panel > .bnw-flow-steps{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:3px!important;padding:6px 8px!important
  }
  #financeEntryModal.bnw-flow-v1 .bnw-flow-step{
    padding:7px 4px!important;min-height:41px!important;font-size:11px!important;line-height:1.25!important
  }
  #financeEntryModal.bnw-flow-v1 .top-sections-row{gap:11px!important}
  #financeEntryModal.bnw-flow-v1 .top-sections-row .finance-section{padding:20px 12px 12px!important}
  #financeEntryModal.bnw-flow-v1 .date-status-grid .date-row,
  #financeEntryModal.bnw-flow-v1 .date-status-grid .payment-status-row,
  #financeEntryModal.bnw-flow-v1 .money-entry-rows .money-row-2{
    grid-template-columns:1fr!important
  }
  #financeEntryModal.bnw-flow-v1 .money-entry-rows .money-row-5{
    grid-template-columns:repeat(2,minmax(0,1fr))!important
  }
  #financeEntryModal.bnw-flow-v1 .money-entry-rows .money-row-5 .field:last-child{
    grid-column:1/-1!important
  }
  #financeEntryModal.bnw-flow-v1 .finance-modal-panel > .actions.bnw-flow-footer{
    margin:0!important;padding:10px 12px max(10px,env(safe-area-inset-bottom))!important;
    flex-wrap:wrap!important
  }
  #financeEntryModal.bnw-flow-v1 .bnw-flow-readiness{width:100%;flex:1 0 100%}
}

/* Compact three-row account form: account pair / storage pair / document and pay date. */
#financeEntryModal.bnw-flow-v1 .source-money-grid > .source-doc-row{grid-column:1!important;min-width:0!important}
#financeEntryModal.bnw-flow-v1 .source-money-grid > .bnw-flow-moved-paydate{grid-column:2!important;min-width:0!important}
#financeEntryModal.bnw-flow-v1 .source-money-grid > .source-doc-row.has-link{grid-template-columns:minmax(0,1fr)!important}
#financeEntryModal.bnw-flow-v1 .source-money-grid > .source-doc-row.has-link .doc-link-field:not(.is-hidden){margin-top:8px}
@media(max-width:600px){
 #financeEntryModal.bnw-flow-v1 .source-money-grid > .source-doc-row,
 #financeEntryModal.bnw-flow-v1 .source-money-grid > .bnw-flow-moved-paydate{grid-column:1/-1!important}
}

/* Recording memo dropdown, using the existing finance note storage. */
#financeEntryModal.bnw-flow-v1 .bnw-memory-field{grid-column:1/-1;display:grid;gap:6px;margin-top:8px}
#financeEntryModal.bnw-flow-v1 .bnw-memory-field select,
#financeEntryModal.bnw-flow-v1 .bnw-memory-field input{width:100%;min-width:0;box-sizing:border-box}
#financeEntryModal.bnw-flow-v1 .bnw-memory-field input[hidden]{display:none!important}