/* Dialogs with their own padded body keep their existing spacing. */
dialog{max-height:calc(100dvh - 32px);overflow:auto}
dialog.product-detail-dialog,dialog.order-product-dialog,dialog.inventory-import-dialog{padding:24px;border-radius:8px;max-width:calc(100vw - 32px)}
.inventory-import-dialog{width:min(900px,calc(100vw - 32px))}
.inventory-import-dialog>button{margin:12px 8px 0 0}
dialog h2,dialog p,dialog strong{overflow-wrap:anywhere}
dialog .toolbar{flex-wrap:wrap;gap:12px}
dialog .toolbar h2{margin:0;min-width:0;flex:1}
dialog .toolbar>button{flex-shrink:0}
.grid>*{min-width:0}
.toolbar>div{flex-wrap:wrap;min-width:0}
.dialog-actions{flex-wrap:wrap}
.stock-search{display:block;max-width:420px;margin:0 0 12px}
.stock-search input{display:block;width:100%;margin-top:6px}
.stock-search-empty{margin:12px 0}
@media(max-width:600px){
 dialog.product-detail-dialog,dialog.order-product-dialog,dialog.inventory-import-dialog{padding:18px}
 .toolbar{flex-wrap:wrap}
 .product-filters label{min-width:0;width:100%}
 .toast{left:16px;right:16px;max-width:calc(100vw - 32px);overflow-wrap:anywhere}
}
@media print{dialog{max-height:none;overflow:visible}}