/* Allow production cards and native form controls to shrink on narrow phones. */
.production-page{min-width:0;max-width:100%;overflow-wrap:anywhere}
.production-page>.stack{grid-template-columns:minmax(0,1fr)}
.production-page .page-top>div,.production-page .card,.production-page .toolbar>.field,
.production-totals>div,.production-totals strong{min-width:0;max-width:100%}
.production-page .toolbar input,.production-page .toolbar select{min-width:0;max-width:100%;width:100%}
.production-card>.row{flex-wrap:wrap;align-items:flex-start}
.production-card .eyebrow,.production-card .badge{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.production-page button,.production-card h2,.production-card p{max-width:100%;overflow-wrap:anywhere;white-space:normal}
#simple-production-form,#simple-production-form .field,#simple-production-form .production-team{min-width:0;min-inline-size:0;max-width:100%}
#simple-production-form input,#simple-production-form select{min-width:0;max-width:100%;width:100%}
#simple-production-form .check input{width:auto;flex-shrink:0}
#simple-production-form .check{overflow-wrap:anywhere;min-width:0}
/* Safari's native date field and auto-sized grid tracks can widen a dialog. */
#dialog:has(#simple-production-form){max-inline-size:calc(100% - 24px);overflow-x:hidden;overflow-y:auto;overscroll-behavior-x:none}
#dialog:has(#simple-production-form) #dialog-content{min-inline-size:0;max-inline-size:100%;box-sizing:border-box}
#simple-production-form{inline-size:100%;grid-template-columns:minmax(0,1fr)}
#simple-production-form>*{min-inline-size:0;max-inline-size:100%;overflow-wrap:anywhere}
#simple-production-form .field{inline-size:100%}
#simple-production-form input:not([type="checkbox"]),#simple-production-form select{
 display:block;box-sizing:border-box;inline-size:100%;min-inline-size:0;max-inline-size:100%;
}
#simple-production-form input[type="date"]{-webkit-appearance:none;appearance:none}
#simple-production-form input[type="date"]::-webkit-date-and-time-value{min-inline-size:0;text-align:left}
#simple-production-form input[type="date"]::-webkit-datetime-edit{min-inline-size:0;padding:0}
#simple-production-form .production-team{inline-size:100%;margin-inline:0;box-sizing:border-box;grid-template-columns:minmax(0,1fr)}
#simple-production-form .production-team legend{max-inline-size:100%;overflow-wrap:anywhere}
#simple-production-form .check input{inline-size:auto;max-inline-size:none}
#simple-production-form>button{inline-size:100%;white-space:normal}
@media(max-width:650px){
 .production-page .toolbar{display:grid;grid-template-columns:minmax(0,1fr);width:100%}
 .production-page .toolbar>.field{width:100%}
 .production-page .production-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
 .production-page .production-tabs button{min-width:0}
}