/* FINAL151: fit the board to its viewport, with compact responsive job rows. */
@layer stormcore-compact{@media screen{
 html body #stormcoreApp #productionWorkspace .board-wrap{width:100%!important;max-width:100%!important;overflow-x:clip!important;box-sizing:border-box!important;}
 html body #stormcoreApp #productionWorkspace #board{width:100%!important;min-width:0!important;max-width:100%!important;--production-columns:minmax(0,1.8fr) repeat(3,minmax(0,.65fr)) minmax(0,.8fr) minmax(0,1.5fr) minmax(0,1.6fr) minmax(0,.7fr) minmax(0,.65fr);}
 html body #stormcoreApp #productionWorkspace #board .job-row>div{min-width:0!important;max-width:100%!important;box-sizing:border-box!important;}
 html body #stormcoreApp #productionWorkspace #board :is(button,select,.resource-line,.customer-expand){max-width:100%!important;min-width:0!important;box-sizing:border-box!important;}
 html body #stormcoreApp #productionWorkspace #board :is(.dispatch-address,.production116-step-caption,.customer-expand strong,.dispatch-permit-cell button){overflow-wrap:anywhere!important;white-space:normal!important;}
 html body #stormcoreApp #productionWorkspace .production150-columns>div{overflow-wrap:anywhere;}
 @media(min-width:701px) and (max-width:1200px){
 html body #stormcoreApp #productionWorkspace #board .job-row>div{padding:8px 3px!important;}
 html body #stormcoreApp #productionWorkspace #board .job-row>.customer-cell{padding:8px 6px!important;}
 html body #stormcoreApp #productionWorkspace .production150-columns>div{padding:10px 3px;font-size:10px;}
 html body #stormcoreApp #productionWorkspace #board .job-row>.contractor-cell .resource-line{grid-template-columns:minmax(0,1fr)!important;}
 html body #stormcoreApp #productionWorkspace #board :is(.record-name,.record-date,.jpb-contractor-edit,.dispatch-permit-cell button){font-size:10px!important;padding-left:3px!important;padding-right:3px!important;white-space:normal!important;}
 html body #stormcoreApp #productionWorkspace #board .customer-expand strong{font-size:12px!important;}
 }
 @media(max-width:700px){
 html body #stormcoreApp #productionWorkspace #board{--production-columns:repeat(5,minmax(0,1fr));}
 html body #stormcoreApp #productionWorkspace .production150-columns{display:none!important;}
 html body #stormcoreApp #productionWorkspace #board .job-row{grid-template-rows:auto auto auto!important;gap:0!important;}
 html body #stormcoreApp #productionWorkspace #board .job-row>.customer-cell{grid-row:1!important;grid-column:1/4!important;padding:10px 8px 4px!important;}
 html body #stormcoreApp #productionWorkspace #board .job-row>.status-cell{grid-row:1!important;grid-column:4/6!important;padding:10px 8px 4px!important;}
 html body #stormcoreApp #productionWorkspace #board .job-row>.marker-cell[data-marker=deposit1]{grid-row:2!important;grid-column:1!important;}
 html body #stormcoreApp #productionWorkspace #board .job-row>.marker-cell[data-marker=dumpster]{grid-row:2!important;grid-column:2!important;}
 html body #stormcoreApp #productionWorkspace #board .job-row>.marker-cell[data-marker=materials]{grid-row:2!important;grid-column:3!important;}
 html body #stormcoreApp #productionWorkspace #board .job-row>.dispatch-permit-cell{grid-row:2!important;grid-column:4!important;}
 html body #stormcoreApp #productionWorkspace #board .job-row>.marker-cell[data-marker=deposit2]{grid-row:2!important;grid-column:5!important;}
 html body #stormcoreApp #productionWorkspace #board .job-row>.contractor-cell{grid-row:3!important;grid-column:1/4!important;padding:4px 8px 10px!important;align-items:stretch!important;}
 html body #stormcoreApp #productionWorkspace #board .job-row>.dispatch-row-actions{grid-row:3!important;grid-column:4/6!important;flex-direction:row!important;align-items:center!important;padding:4px 8px 10px!important;}
 html body #stormcoreApp #productionWorkspace #board .job-row :is(.marker-cell,.dispatch-permit-cell){padding:6px 2px!important;gap:3px!important;}
 html body #stormcoreApp #productionWorkspace #board .job-row :is(.marker-cell,.dispatch-permit-cell):before{display:block!important;content:attr(data-mobile-label)!important;font-size:10px!important;line-height:1.3!important;}
 html body #stormcoreApp #productionWorkspace #board .production116-step-caption{display:none!important;}
 html body #stormcoreApp #productionWorkspace #board .job-row>.dispatch-permit-cell button{font-size:10px!important;min-height:40px!important;padding:3px!important;}
 html body #stormcoreApp #productionWorkspace #board .job-row>.contractor-cell .resource-line{grid-template-columns:minmax(0,1fr) auto!important;}
 html body #stormcoreApp #productionWorkspace #board .job-row>.contractor-cell .jpb-contractor-edit{font-size:11px!important;}
 }
}}
@layer stormcore-compact{@media screen{
 html body #stormcoreApp #productionWorkspace #board,html body #stormcoreApp #productionWorkspace #rows,html body #stormcoreApp #productionWorkspace #board .job-row{box-sizing:border-box!important;padding:0!important;margin:0!important;min-width:0!important;max-width:100%!important;}
 html body #stormcoreApp #productionWorkspace #board{border-spacing:0!important;}
 @media(max-width:700px){html body #stormcoreApp #productionWorkspace #board .job-row>.customer-cell{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:3px!important;}html body #stormcoreApp #productionWorkspace #board .job-row .customer-expand{flex:0 0 auto!important;}}
}}
@layer stormcore-compact{@media screen and (min-width:701px) and (max-width:1200px){
 html body #stormcoreApp #productionWorkspace #board .production116-step-caption{display:none!important;}
 html body #stormcoreApp #productionWorkspace .production150-columns>div{font-size:9px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;overflow-wrap:normal!important;}
 html body #stormcoreApp #productionWorkspace .production150-columns>div:nth-child(8){font-size:0!important;}
 html body #stormcoreApp #productionWorkspace .production150-columns>div:nth-child(8):before{content:'Final';font-size:9px;}
}}