/* Scoped phone layouts for relations, appointments and partial deliveries. */
@media (max-width:600px) {
 #modalRoot .modal:has(#f_customerType),
 #modalRoot .modal:has(#sup_name),
 #modalRoot .modal:has(#plan_number255),
 #modalRoot .modal:has(#reception_customer21313),
 #modalRoot .modal:has(.wd-qty23053) {
  width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;
  max-height:calc(100dvh - 24px);
 }
 #modalRoot .modal:is(:has(#f_customerType),:has(#sup_name),:has(#plan_number255),:has(#reception_customer21313),:has(.wd-qty23053)) .modal-body {
  padding:16px;min-width:0;overflow-x:hidden;overscroll-behavior:contain;
 }
 #modalRoot .modal:is(:has(#f_customerType),:has(#sup_name),:has(#plan_number255),:has(#reception_customer21313)) :is(.form-grid,.grid.two-col) {
  grid-template-columns:minmax(0,1fr)!important;
 }
 #modalRoot .modal:is(:has(#f_customerType),:has(#sup_name),:has(#plan_number255),:has(#reception_customer21313)) .field {
  min-width:0;max-width:100%;grid-column:auto!important;
 }
 #modalRoot .modal:is(:has(#f_customerType),:has(#sup_name),:has(#plan_number255),:has(#reception_customer21313),:has(.wd-qty23053)) :is(input:not([type=checkbox]):not([type=radio]),select,textarea) {
  box-sizing:border-box;min-width:0;max-width:100%;width:100%;font-size:16px;min-height:44px;
 }
 #modalRoot .modal:has(#reception_customer21313) :is(.reception21313-note,.reception21313-section) {
  box-sizing:border-box;min-width:0;max-width:100%;width:100%;overflow-wrap:anywhere;
 }
 #modalRoot .modal:has(#reception_customer21313) .modal-head {
  min-width:0;gap:10px;padding:14px 16px;
 }
 #modalRoot .modal:has(#reception_customer21313) .modal-head>div {min-width:0}
 #modalRoot .modal:has(#reception_customer21313) .modal-head .subtle {white-space:normal;overflow-wrap:anywhere}
 #modalRoot .modal:is(:has(#f_customerType),:has(#sup_name),:has(#plan_number255),:has(#reception_customer21313),:has(.wd-qty23053)) .modal-foot {
  flex-wrap:wrap;gap:8px;padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom));
 }
 #modalRoot .modal:is(:has(#f_customerType),:has(#sup_name),:has(#plan_number255),:has(#reception_customer21313),:has(.wd-qty23053)) .modal-foot .btn {
  flex:1 1 110px;min-height:44px;white-space:normal;
 }
 #modalRoot .partial-lines23054, #modalRoot .partial-lines23054 tbody {display:block;width:100%;min-width:0}
 #modalRoot .partial-lines23054 thead {display:none}
 #modalRoot .partial-lines23054 tr {display:block;padding:10px;margin:8px 0;border:1px solid #dbe3ee;border-radius:8px}
 #modalRoot .partial-lines23054 td {display:grid;grid-template-columns:minmax(90px,40%) minmax(0,1fr);gap:8px;white-space:normal;overflow-wrap:anywhere;padding:8px 0;border:0}
 #modalRoot .partial-lines23054 td:before {font-weight:600;color:#53657c}
 #modalRoot .partial-lines23054 td:nth-child(1):before {content:'Omschrijving'}
 #modalRoot .partial-lines23054 td:nth-child(2):before {content:'Besteld'}
 #modalRoot .partial-lines23054 td:nth-child(3):before {content:'Geleverd'}
 #modalRoot .partial-lines23054 td:nth-child(4):before {content:'Open'}
 #modalRoot .partial-lines23054 td:nth-child(5):before {content:'Nu leveren'}
}