/* Pre-deployment corrections, loaded after the established portal theme. */
.filters{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr))}
.filters>*,.filters input,.filters select{min-width:0;max-width:none}
.tab .table-wrap{max-height:62vh;overscroll-behavior:contain}
.tab .table-wrap th{z-index:2}
.table-wrap td{overflow-wrap:anywhere}
#projectTable td:nth-child(n+7):nth-child(-n+11),
#taskTable td:nth-child(n+9):nth-child(-n+11),
#financeTaskTable td:nth-child(n+7):nth-child(-n+9){white-space:nowrap;overflow-wrap:normal}
#projectTable td small{display:block;white-space:normal}
.pagination>div{flex-wrap:wrap}
.pagination strong{white-space:nowrap}
.engineer-finance-pagination{padding:.5rem .8rem 1rem;margin-bottom:1rem;background:#fff}
dialog{max-height:calc(100dvh - 2rem);overflow:auto;overscroll-behavior:contain}
#documentForm .dialog-actions{position:sticky;bottom:0;background:#fff;z-index:3;padding-bottom:.6rem}
.document-history>div>span{min-width:0;overflow-wrap:anywhere}
.document-history a{flex-shrink:0}
.reviewer-grid,.client-grid{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}
#documentForm .form-error{overflow-wrap:anywhere}
#documentForm .document-history{max-height:min(26vh,240px)}
@media(max-width:980px){
  .filters{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .filters{grid-template-columns:1fr}
  .mini-chart-row{grid-template-columns:minmax(0,1fr) minmax(30px,1fr) auto}
  .mini-chart-row>*{min-width:0;overflow-wrap:anywhere}
  .bar-row,.stack-row{grid-template-columns:minmax(0,1fr) minmax(30px,1fr) minmax(0,1fr)}
  .bar-row>*,.stack-row>*{min-width:0;overflow-wrap:anywhere}
  #financeActionCards,#financeCards{grid-template-columns:repeat(2,minmax(0,1fr))}
  #financeActionCards .kpi,#financeCards .kpi{display:block;min-height:78px;padding:.65rem}
  #financeActionCards .kpi:after,#financeCards .kpi:after{display:none}
  #financeActionCards .kpi strong,#financeCards .kpi strong{font-size:1.05rem;overflow-wrap:anywhere}
  .document-history>div{flex-wrap:wrap}
  .dialog-actions{flex-wrap:wrap}
}
@media print{
  .tab .table-wrap{max-height:none;overflow:visible}
  .pagination{display:none}
}