/* Shared dialog dimensions, loaded after all feature styles. */
@media(min-width:821px){
 :is(#modal,.modal)[id]>.card,dialog{width:min(1000px,calc(100vw - 48px))!important;max-width:1000px!important;height:min(860px,calc(100dvh - 48px))!important;max-height:calc(100dvh - 48px)!important;min-width:0!important;min-height:0!important;box-sizing:border-box!important;overflow-y:auto!important;overflow-x:hidden!important;margin:0!important;padding:24px!important;border-radius:16px!important}
 dialog{margin:auto!important}
 :is(#modal,.modal)[id]>.card>.modalHeader{position:sticky;top:-24px;z-index:5;background:var(--z-color-surface,#fffdf8);padding:12px 0;border-bottom:1px solid var(--line,#dce6d9);margin-bottom:16px}
 :is(#modal,.modal)[id]>.card :is(.field,.money231,.moneyEntry259){min-width:0;max-width:100%;box-sizing:border-box}
 #dailyCloseModal .dailyCloseRow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(190px,1.2fr);gap:14px;align-items:start}
 #dailyCloseModal .dailyCloseRow>.dailyCloseRecipe{grid-column:1/-1}
 #dailyCloseModal .dailyCloseRow>.field>label{display:block;min-height:40px;line-height:1.4}
 #dailyCloseModal .dailyCloseRow>.dailyCloseSoldOut{grid-column:1/4;align-self:center;min-width:0;gap:8px;white-space:normal}
 #dailyCloseModal .dailyCloseRow>.danger{grid-column:4;justify-self:end;align-self:center;width:48px;height:48px;padding:0;min-width:48px}
 #dailyCloseModal .dailyCloseRow input:not([type=checkbox]),#dailyCloseModal .dailyCloseRow select{width:100%;min-width:0;box-sizing:border-box;font-size:16px}
 #dailyCloseModal .dailyCloseRow .moneyOptions231{align-items:center;gap:8px}
 #dailyCloseModal .dailyCloseRow .moneyOptions231 label{min-height:0;flex-wrap:wrap}
}
@media(max-width:820px){
 :is(#modal,.modal)[id]{padding:0!important;align-items:stretch!important}
 :is(#modal,.modal)[id]>.card{width:100%!important;max-width:100%!important;height:100dvh!important;max-height:100dvh!important;min-width:0!important;box-sizing:border-box!important;margin:0!important;border-radius:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:16px!important}
 #dailyCloseModal .dailyCloseRow{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
 #dailyCloseModal .dailyCloseRow>*{grid-column:1!important;min-width:0;max-width:100%}
 #dailyCloseModal .dailyCloseRow>.danger{justify-self:end;width:48px;height:48px;padding:0}
}

/* Durable save status is a compact dialog, never a full editor. */
dialog#durableBusy275{width:min(360px,calc(100vw - 32px))!important;max-width:360px!important;height:auto!important;min-height:0!important;max-height:min(180px,calc(100dvh - 32px))!important;padding:24px!important;box-sizing:border-box!important}