/* Shared creation dialogs only; preserve field names, lifecycle and submit handlers. */
:is(#newOrderDlg,#newProductDlg,#newMoldDlg){border:1px solid #dce6f4!important;border-radius:14px!important;max-height:90dvh!important;color:#294663;background:#fff;box-shadow:0 18px 65px #17355533!important}
:is(#newOrderDlg,#newProductDlg,#newMoldDlg)::backdrop{background:#142c4d66}
:is(#newOrderForm,#newProductForm,#newMoldForm){display:flex!important;flex-direction:column!important;max-height:90dvh!important;min-height:0;margin:0}
:is(#newOrderForm,#newProductForm,#newMoldForm)>div:first-of-type{padding:17px 22px!important;background:linear-gradient(115deg,#2458cc,#3471e1)!important;min-height:58px;border-radius:0!important;flex-shrink:0;color:#fff}
:is(#newOrderForm,#newProductForm,#newMoldForm)>div:first-of-type>strong{font-size:16px;font-weight:600;line-height:24px}
:is(#newOrderDlg,#newProductDlg,#newMoldDlg) .dlg-body{padding:0 0 16px;background:#f7f9fd;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c3d4ed transparent}
:is(#newOrderDlg,#newProductDlg,#newMoldDlg) .dlg-body>.form-grid,:is(#newOrderDlg,#newProductDlg,#newMoldDlg) .mold-basic-grid{padding:18px 22px 8px!important;gap:14px 16px!important;margin:0}
:is(#newOrderDlg,#newProductDlg,#newMoldDlg) label{font-size:12px;color:#647b98;min-width:0;line-height:1.6}
:is(#newOrderDlg,#newProductDlg,#newMoldDlg) .form-grid>label{display:flex;flex-direction:column;gap:6px}
:is(#newOrderDlg,#newProductDlg,#newMoldDlg) .form-grid>label>:is(input,select,textarea){margin-top:0}
:is(#newOrderDlg,#newProductDlg,#newMoldDlg) :is(input:not([type=hidden],[type=checkbox],[type=radio],[type=file]),select,textarea){box-sizing:border-box;max-width:100%;min-width:0;height:40px;padding:8px 10px;border:1px solid #d4e0f0;border-radius:7px;background:#fff;color:#294663;font:inherit;font-size:13px;line-height:22px;box-shadow:none}
:is(#newOrderDlg,#newProductDlg,#newMoldDlg) textarea{height:auto;min-height:70px;resize:vertical}
:is(#newOrderDlg,#newProductDlg,#newMoldDlg) :is(input,select,textarea):focus-visible{outline:2px solid #a8c5ff;outline-offset:1px;border-color:#628de4}
:is(#newOrderDlg,#newProductDlg,#newMoldDlg) input[readonly]{background:#edf3fc;color:#547196}
:is(#newOrderDlg,#newProductDlg,#newMoldDlg) fieldset{margin:14px 22px 0!important;padding:12px 14px!important;min-width:0;border:1px solid #dce6f3!important;border-radius:10px!important;background:#fff}
:is(#newOrderDlg,#newProductDlg,#newMoldDlg) legend{padding:0 6px;font-size:13px!important;font-weight:600;color:#345b89!important}
:is(#newOrderForm,#newProductForm,#newMoldForm)>.dlg-body+div{padding:12px 22px!important;gap:10px!important;background:#fff!important;border-top:1px solid #dfe8f5!important;box-shadow:0 -3px 12px #274b7805;border-radius:0!important;flex-shrink:0;align-items:center}
:is(#newOrderDlg,#newProductDlg,#newMoldDlg) :is(.btn-sub,.btn-primary){display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;min-height:40px;box-sizing:border-box;padding:7px 13px;border-radius:7px;font-size:13px;line-height:22px;white-space:nowrap}
:is(#newOrderForm,#newProductForm,#newMoldForm)>.dlg-body+div>button{min-width:92px}
:is(#newOrderDlg,#newProductDlg,#newMoldDlg) input[type=file]:not([style*="display:none"]){max-width:100%;min-width:0;width:100%;height:42px;padding:4px;border:1px solid #dbe5f2;border-radius:7px;background:#f8faff;font-size:12px;color:#7186a2;line-height:32px;box-sizing:border-box}
:is(#newOrderDlg,#newProductDlg,#newMoldDlg) input[type=file]::file-selector-button{height:32px;padding:0 11px;border:0;border-radius:5px;background:#e8f0ff;color:#285ed1;margin-right:8px;font:inherit;cursor:pointer}
#newProductDlg #moldRows>div{display:grid!important;grid-template-columns:minmax(140px,1fr) minmax(180px,2fr) 40px;gap:8px!important;align-items:center!important;padding:8px 0;margin:0!important;border-bottom:1px solid #edf2f8}
#newProductDlg #moldRows :is(input,select){width:100%!important;min-width:0!important}
#newProductDlg #moldRows .del-mold{padding:0;width:40px}
#newMoldDlg .mold-parts-row{padding:7px 0;border-bottom:1px solid #edf2f8}
#newMoldDlg #repRows>div{display:grid!important;grid-template-columns:140px minmax(160px,1fr) 110px 110px 40px;gap:8px!important;margin:0!important;padding:8px 0;border-bottom:1px solid #edf2f8}
#newMoldDlg #repRows input{width:100%!important;min-width:0!important}
#newMoldDlg #repRows .del-rep{width:40px;padding:0}
#newOrderDlg .dlg-body>div:has(>.order-items-table),#newOrderDlg .dlg-body>div:has(>strong){min-width:0}
#newOrderDlg .dlg-body>div:has(>strong){margin-inline:22px!important}
#newOrderDlg fieldset>div{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px!important}
#newOrderDlg fieldset>div>div{min-width:0;display:flex;flex-direction:column;align-items:stretch}
#newOrderDlg fieldset br{display:none}
#newOrderDlg fieldset select{width:100%!important}
@media(max-width:900px){
 :is(#newOrderDlg,#newProductDlg,#newMoldDlg){width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;max-height:calc(100dvh - 24px)!important}
 :is(#newOrderForm,#newProductForm,#newMoldForm){max-height:calc(100dvh - 24px)!important}
 #newProductDlg .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #newMoldDlg #repRows>div{grid-template-columns:repeat(2,minmax(0,1fr)) 40px}
 #newMoldDlg #repRows input[name^=rep_content]{grid-column:1/3}
}
@media(max-width:600px){
 :is(#newOrderDlg,#newProductDlg,#newMoldDlg){width:calc(100vw - 12px)!important;max-width:calc(100vw - 12px)!important;border-radius:11px!important;max-height:calc(100dvh - 16px)!important}
 :is(#newOrderForm,#newProductForm,#newMoldForm){max-height:calc(100dvh - 16px)!important}
 :is(#newOrderForm,#newProductForm,#newMoldForm)>div:first-of-type{min-height:50px;padding:12px 14px!important}
 :is(#newOrderDlg,#newProductDlg,#newMoldDlg) .dlg-body>.form-grid,:is(#newOrderDlg,#newProductDlg,#newMoldDlg) .mold-basic-grid{padding:12px!important;gap:10px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
 :is(#newOrderDlg,#newProductDlg,#newMoldDlg) .form-grid>label:has(textarea),:is(#newOrderDlg,#newProductDlg,#newMoldDlg) .form-grid>label:has([name=name],[name=customer_id],[name=carton_mark],[name=accessory_list],[name=dimensions],[name=material_thickness]),#newMoldDlg .mold-basic-grid>label:has([name=product_name],[name=finished_size],[name=lend_factory]){grid-column:1/-1!important}
 :is(#newOrderDlg,#newProductDlg,#newMoldDlg) :is(input:not([type=hidden],[type=checkbox],[type=radio],[type=file]),select,textarea){font-size:16px;min-height:42px;line-height:24px;padding:8px;max-width:100%!important}
 :is(#newOrderDlg,#newProductDlg,#newMoldDlg) .form-grid input[type=number],#newMoldDlg .mold-basic-grid input[type=number]{width:100%!important;min-width:0!important}
 :is(#newOrderDlg,#newProductDlg,#newMoldDlg) fieldset{margin:10px 12px 0!important;padding:10px!important}
 :is(#newOrderForm,#newProductForm,#newMoldForm)>.dlg-body+div{padding:10px 12px max(10px,env(safe-area-inset-bottom))!important;gap:8px!important;display:grid!important;grid-template-columns:1fr 1fr}
 :is(#newOrderForm,#newProductForm,#newMoldForm)>.dlg-body+div>button{width:100%;min-width:0;height:44px}
 #newProductDlg #moldRows>div{grid-template-columns:minmax(0,1fr) 40px}
 #newProductDlg #moldRows .mold-q{grid-column:1/-1}
 #newMoldDlg .mold-parts-scroll{overflow-x:visible}
 #newMoldDlg .mold-parts-head{display:none}
 #newMoldDlg .mold-parts-row{min-width:0;grid-template-columns:minmax(0,1fr) 78px;gap:8px;padding:10px;border:1px solid #e0e8f4;border-radius:8px;margin-bottom:8px;background:#f8faff}
 #newMoldDlg .mold-parts-row input{width:100%!important;min-width:0!important}
 #newMoldDlg .mold-parts-row input[name^=blade_proc],#newMoldDlg .mold-parts-row input[name^=blade_]:not([name^=blade_part],[name^=blade_qty],[name^=blade_proc]){grid-column:1/-1}
 #newMoldDlg .mold-parts-row .del-blade{grid-column:2;justify-self:end;width:40px}
 #newMoldDlg #repRows>div{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 #newMoldDlg #repRows input[name^=rep_content]{grid-column:1/-1}
 #newMoldDlg #repRows .del-rep{grid-column:2;justify-self:end}
 #newOrderDlg .dlg-body>div:has(>strong){margin-inline:12px!important}
 #newOrderDlg fieldset>div{grid-template-columns:minmax(0,1fr)}
 #newOrderDlg .quote-source-note{margin-inline:12px}
 #newOrderDlg .mobile-record-table .iron-print{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:360px){:is(#newOrderDlg,#newProductDlg,#newMoldDlg) .dlg-body>.form-grid,:is(#newOrderDlg,#newProductDlg,#newMoldDlg) .mold-basic-grid{grid-template-columns:minmax(0,1fr)!important}}

/* Customer creation: visual treatment only, original grid and scrolling retained. */
#newCustDlg{border:1px solid #dce6f4!important;background:#fff;color:#294663;box-shadow:0 18px 65px #17355533!important}
#newCustDlg::backdrop{background:#142c4d66}
#newCustForm>div:first-child{background:linear-gradient(115deg,#2458cc,#3471e1)!important}
#newCustForm>div:first-child>strong{font-weight:600}
#newCustDlg .form-grid{background:#f7f9fd}
#newCustDlg label{color:#647b98}
#newCustDlg :is(input:not([type=hidden],[type=checkbox],[type=radio]),select,textarea){border:1px solid #d4e0f0;border-radius:7px;background:#fff;color:#294663;box-shadow:none}
#newCustDlg :is(input,select,textarea):focus-visible{outline:2px solid #a8c5ff;outline-offset:1px;border-color:#628de4}
#newCustDlg :is(.btn-sub,.btn-primary){border-radius:7px}
#newCustForm>div:last-child{background:#fff;border-top:1px solid #dfe8f5}