/* DAYO ERP Batch 1 approved candidate · 2026-11-07
   Scope: P1 freight payments, P2 transport reconciliation, P3 payment-request attachments. */
body.dayo-batch2-layout :is(#freightPayments,#transportRecon).transport-final-page.active{
  height:calc(100dvh - 85px)!important;max-height:calc(100dvh - 85px)!important;min-height:0!important;
  display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:10px!important;font-size:13px!important
}
body.dayo-batch2-layout :is(#freightPayments,#transportRecon).transport-final-page>.it-page-head{min-height:54px!important;margin-bottom:8px!important}
body.dayo-batch2-layout :is(#freightPayments,#transportRecon).transport-final-page>.it-filter-card{margin-bottom:8px!important}
body.dayo-batch2-layout :is(#freightPayments,#transportRecon).transport-final-page>.it-table-card{
  flex:1 1 0!important;height:auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;margin-bottom:0!important
}
body.dayo-batch2-layout #freightPayments.transport-final-page>.it-table-card>.it-table-wrap{
  flex:1 1 0!important;height:auto!important;min-height:0!important;overflow:auto!important;overscroll-behavior:contain!important;scrollbar-gutter:stable!important
}
body.dayo-batch2-layout #transportRecon.transport-final-page #tfReconBody{
  flex:1 1 0!important;height:auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important
}
body.dayo-batch2-layout #transportRecon.transport-final-page #tfReconBody>.it-table-wrap{
  flex:1 1 0!important;height:auto!important;min-height:0!important;overflow:auto!important;overscroll-behavior:contain!important;scrollbar-gutter:stable!important
}
body.dayo-batch2-layout :is(#freightPaymentPagination,#tfReconPagination){flex:0 0 40px!important;min-height:40px!important;background:#fff!important;position:relative!important;z-index:4!important}
body.dayo-batch2-layout :is(#freightPaymentPagination,#tfReconPagination) .it-pagination{height:40px!important;min-height:40px!important;padding:4px 10px!important}
body.dayo-batch2-layout :is(#freightPayments#freightPayments#freightPayments,#transportRecon#transportRecon#transportRecon).transport-final-page :is(input:not([type=checkbox]):not([type=radio]),select,.it-btn,.erp-select-btn){height:31px!important;min-height:31px!important;font-size:13px!important;line-height:29px!important}
body.dayo-batch2-layout :is(#freightPayments#freightPayments#freightPayments,#transportRecon#transportRecon#transportRecon).transport-final-page .it-table th{height:35px!important;padding:3px 6px!important;font-size:13px!important;line-height:1.3!important;position:sticky!important;top:0!important;z-index:3!important}
body.dayo-batch2-layout :is(#freightPayments#freightPayments#freightPayments,#transportRecon#transportRecon#transportRecon).transport-final-page .it-table td{height:35px!important;padding:3px 6px!important;font-size:13px!important;line-height:1.3!important}
body.dayo-batch2-layout #transportRecon.transport-final-page>.it-recon-metrics{gap:7px!important;margin-bottom:8px!important}
body.dayo-batch2-layout #transportRecon.transport-final-page>.it-recon-metrics>div{padding:7px 10px!important}
body.dayo-batch2-layout #transportRecon.transport-final-page>.it-card:not(.it-table-card){margin-bottom:8px!important}

/* P3 only: compact upload area plus full-name, one-file-per-row lists. */
#financePaymentWorkspace .batch1-payment-attachments{grid-template-columns:minmax(0,1fr) minmax(260px,.34fr)!important;gap:12px!important;padding:10px!important}
#financePaymentWorkspace .batch1-attachment-drop{min-height:76px;border:1px dashed #7fb8f7;border-radius:8px;background:#f7fbff;display:flex;align-items:center;gap:12px;padding:10px 14px;cursor:pointer;color:#173e7c}
#financePaymentWorkspace .batch1-attachment-drop:hover{border-color:#0878f9;background:#f0f8ff}
#financePaymentWorkspace .batch1-attachment-drop>span:nth-child(2){min-width:0;flex:1}
#financePaymentWorkspace .batch1-attachment-drop b{display:block;font-size:14px}
#financePaymentWorkspace .batch1-attachment-drop small{display:block;margin-top:3px;color:#6b84a6;font-size:12px;line-height:1.4}
#financePaymentWorkspace .batch1-attachment-drop em{flex:0 0 auto;min-width:82px;height:31px;display:grid;place-items:center;border-radius:6px;background:#0878f9;color:#fff;font-style:normal;font-weight:600}
#financePaymentWorkspace .batch1-upload-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e4f2ff;color:#0878f9;font-size:20px}
#financePaymentWorkspace #finPaymentFiles{display:none}
#financePaymentWorkspace .batch1-history-title{margin:9px 0 5px;font-weight:700;color:#173e7c}
#financePaymentWorkspace .batch1-pending-attachment-list,#financePaymentWorkspace .batch1-history-attachments{border:1px solid #d8e6f3;border-radius:7px;overflow:hidden;background:#fff}
#financePaymentWorkspace .batch1-pending-attachment-row{min-height:40px;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;padding:5px 9px;border-bottom:1px solid #e1ebf5}
#financePaymentWorkspace .batch1-pending-attachment-row:last-child{border-bottom:0}
#financePaymentWorkspace .batch1-file-icon{width:20px;height:20px;border-radius:4px;display:grid;place-items:center;background:#e7f3ff;color:#0878f9;font-size:11px;font-weight:700}
#financePaymentWorkspace .batch1-attachment-name{min-width:0}
#financePaymentWorkspace .batch1-attachment-name b{display:block;white-space:normal;overflow-wrap:anywhere;line-height:1.35;font-size:13px}
#financePaymentWorkspace .batch1-attachment-name small{display:block;margin-top:1px;color:#7188a4;font-size:11px}
#financePaymentWorkspace .batch1-attachment-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
#financePaymentWorkspace .batch1-attachment-empty,#financePaymentWorkspace .batch1-history-empty{min-height:42px;display:grid;place-items:center;color:#7890aa;background:#fbfdff}
#financePaymentWorkspace .batch1-history-attachments>.unified-attachment-box{margin:0;padding:0;border:0;border-radius:0;background:#fff}
#financePaymentWorkspace .batch1-history-attachments>.unified-attachment-box>b{display:none}
#financePaymentWorkspace .batch1-history-attachments .unified-attachment-list{display:block;margin:0}
#financePaymentWorkspace .batch1-history-attachments .unified-attachment-item{min-height:40px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:5px 9px;border:0;border-bottom:1px solid #e1ebf5;border-radius:0}
#financePaymentWorkspace .batch1-history-attachments .unified-attachment-item:last-child{border-bottom:0}
#financePaymentWorkspace .batch1-history-attachments .unified-attachment-name b{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.35}
#financePaymentWorkspace .batch1-history-attachments .unified-attachment-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
#financePaymentWorkspace .batch1-history-attachments>.unified-attachment-box>.outline-btn{display:none!important}
#financePaymentWorkspace .batch1-payment-attachments :is(.mini-btn,.outline-btn){min-height:26px!important;height:26px!important;padding:0 8px!important;font-size:12px!important}
@media(max-width:1050px){#financePaymentWorkspace .batch1-payment-attachments{grid-template-columns:1fr!important}}

/* R1.1 review density pass · 2026-11-07
   Preserve 13px text and >=30px controls; reclaim only structural whitespace. */
body.dayo-batch2-layout :is(#freightPayments,#transportRecon).transport-final-page.active{
  padding:6px 10px!important
}
/* The 2026-10-16 compact hotfix assigns every transport-page child flex:0 0 auto
   with higher selector specificity. Reassert the table card as the one flexible
   child so the real ERP page—not only the isolated harness—gets a scroll viewport. */
body.dayo-batch2-layout :is(#freightPayments#freightPayments,#transportRecon#transportRecon).transport-final-page.active>.it-table-card{
  flex:1 1 0!important;height:auto!important;min-height:0!important
}
body.dayo-batch2-layout :is(#freightPayments,#transportRecon).transport-final-page>.it-page-head{
  min-height:44px!important;margin:0 0 4px!important;align-items:center!important
}
body.dayo-batch2-layout :is(#freightPayments,#transportRecon).transport-final-page>.it-page-head .it-breadcrumb{
  margin-bottom:1px!important;font-size:12px!important;line-height:15px!important
}
body.dayo-batch2-layout :is(#freightPayments,#transportRecon).transport-final-page>.it-page-head h2{
  font-size:20px!important;line-height:24px!important
}
body.dayo-batch2-layout :is(#freightPayments,#transportRecon).transport-final-page>.it-filter-card{
  padding:6px 10px!important;margin-bottom:4px!important
}
body.dayo-batch2-layout :is(#freightPayments#freightPayments#freightPayments,#transportRecon#transportRecon#transportRecon).transport-final-page :is(input:not([type=checkbox]):not([type=radio]),select,.it-btn,.erp-select-btn){
  height:30px!important;min-height:30px!important;line-height:28px!important
}
body.dayo-batch2-layout :is(#freightPayments,#transportRecon).transport-final-page>.it-table-card>.it-card-title{
  flex:0 0 28px!important;height:28px!important;padding:4px 10px!important;font-size:15px!important;line-height:20px!important
}
body.dayo-batch2-layout :is(#freightPayments,#transportRecon).transport-final-page .it-table-wrap{padding-left:8px!important;padding-right:8px!important}
body.dayo-batch2-layout :is(#freightPayments#freightPayments#freightPayments,#transportRecon#transportRecon#transportRecon).transport-final-page .it-table th{
  height:34px!important;padding:2px 6px!important
}
body.dayo-batch2-layout :is(#freightPayments#freightPayments#freightPayments,#transportRecon#transportRecon#transportRecon).transport-final-page .it-table td{
  height:34px!important;padding:2px 6px!important
}
/* The legacy V4.3.8.38 generic 30-row paginator still observes
   freightPaymentRows. The final transport screen owns its own 50-row pager,
   so keep all rows in that owned page visible and reachable. */
body.dayo-batch2-layout #freightPayments#freightPayments.transport-final-page #freightPaymentRows>tr{
  display:table-row!important
}
/* Keep the suggested 34px density as a real rendered row height. Older global
   button rules otherwise make the serial-number link expand every row to 40px. */
body.dayo-batch2-layout :is(#freightPayments#freightPayments#freightPayments#freightPayments,#transportRecon#transportRecon#transportRecon#transportRecon).transport-final-page .it-table thead tr,
body.dayo-batch2-layout :is(#freightPayments#freightPayments#freightPayments#freightPayments,#transportRecon#transportRecon#transportRecon#transportRecon).transport-final-page .it-table thead th,
body.dayo-batch2-layout :is(#freightPayments#freightPayments#freightPayments#freightPayments,#transportRecon#transportRecon#transportRecon#transportRecon).transport-final-page .it-table tbody tr,
body.dayo-batch2-layout :is(#freightPayments#freightPayments#freightPayments#freightPayments,#transportRecon#transportRecon#transportRecon#transportRecon).transport-final-page .it-table tbody td{
  box-sizing:border-box!important;height:34px!important;min-height:34px!important;max-height:34px!important
}
body.dayo-batch2-layout :is(#freightPayments#freightPayments#freightPayments#freightPayments,#transportRecon#transportRecon#transportRecon#transportRecon).transport-final-page .it-table :is(th,td){
  padding:2px 6px!important;line-height:18px!important
}
body.dayo-batch2-layout :is(#freightPayments#freightPayments#freightPayments#freightPayments,#transportRecon#transportRecon#transportRecon#transportRecon).transport-final-page .it-table .it-link{
  box-sizing:border-box!important;height:24px!important;min-height:24px!important;padding:0!important;line-height:24px!important
}
body.dayo-batch2-layout :is(#freightPaymentPagination,#tfReconPagination){flex-basis:34px!important;min-height:34px!important}
body.dayo-batch2-layout :is(#freightPaymentPagination,#tfReconPagination) .it-pagination{height:34px!important;min-height:34px!important;padding:2px 8px!important}
body.dayo-batch2-layout :is(#freightPaymentPagination,#tfReconPagination) .it-page-buttons :is(button,select){height:30px!important;min-height:30px!important}
body.dayo-batch2-layout #transportRecon.transport-final-page>.it-recon-metrics{gap:5px!important;margin-bottom:4px!important}
body.dayo-batch2-layout #transportRecon.transport-final-page>.it-recon-metrics>div{padding:4px 8px!important;border-radius:7px!important}
body.dayo-batch2-layout #transportRecon.transport-final-page>.it-recon-metrics span{font-size:12px!important;line-height:15px!important}
body.dayo-batch2-layout #transportRecon.transport-final-page>.it-recon-metrics b{margin-top:1px!important;font-size:16px!important;line-height:20px!important}
body.dayo-batch2-layout #transportRecon.transport-final-page>.it-card:not(.it-table-card){margin-bottom:4px!important}
body.dayo-batch2-layout #transportRecon.transport-final-page .it-tabs button{height:32px!important;min-height:32px!important;padding:0 12px!important}