/* Allow intrinsic grid content to shrink; stack upload and explanation on phones. */
#agro-ration .ration-feed-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:16px}
#agro-ration .ration-feed-layout>div{min-width:0;max-width:100%;overflow-wrap:anywhere}
#agro-ration .ration-field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px}
#agro-ration .ration-upload-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:14px}
#agro-ration .ration-field-grid>div,#agro-ration .ration-upload-grid>div{min-width:0;overflow-wrap:anywhere}
#agro-ration [data-ag-file-input]{max-width:100%}
#agro-ration [id$="-status"]{overflow-wrap:anywhere;max-width:100%}
@media(max-width:760px){
 #agro-ration .ration-feed-layout{grid-template-columns:minmax(0,1fr)}
 #agro-ration .ration-feed-layout>div{padding:22px 18px!important}
 #agro-ration .ration-feed-layout label{max-width:100%;white-space:normal;text-align:center}
 #agro-ration .ration-field-grid,#agro-ration .ration-upload-grid{grid-template-columns:minmax(0,1fr)}
 #agro-ration #ag-form>section>div[style*="display:flex"]>div[style*="display:flex"]{min-width:0}
 #agro-ration #ag-form>section>div[style*="display:flex"]>div[style*="display:flex"]>div:first-child{flex-shrink:0}
}