/* Build 30 — iPhone payment containment, compact customers, pricing alignment. */
@media(max-width:700px){
 html,body{max-width:100%;overflow-x:clip!important}
 .layout,.layout>.main,.layout>.side,#content,#paymentEntryTop,#paymentEntryTop .editor,#paymentForm{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
 #paymentEntryTop,#paymentEntryTop .editor,#paymentForm{overflow-x:clip!important}
 #paymentForm .editgrid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:11px!important}
 #paymentForm .editgrid>label,#paymentForm .editgrid>.wide{grid-column:1/-1!important;min-width:0!important;max-width:100%!important;display:block!important}
 #paymentForm :is(input,select,textarea){display:block!important;width:100%!important;min-width:0!important;min-inline-size:0!important;max-width:100%!important;box-sizing:border-box!important;font-size:16px!important}
 #paymentForm input[type=date]{appearance:none;-webkit-appearance:none;padding:10px 5px!important}
 #paymentForm input[type=date]::-webkit-date-and-time-value{min-width:0;text-align:left}
 #paymentForm select{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 #paymentForm .row{display:flex;flex-wrap:wrap;gap:8px}
 #paymentForm .row>.btn{flex:1 1 145px;min-width:0}
 #customerProfileDetails>.profile-detail>.card{padding-top:14px!important;padding-bottom:14px!important}
 #customerProfileDetails .customer-profile-summary{margin:12px 0!important;padding:10px 12px!important}
 #customerProfileDetails .customer-section{margin-top:12px!important;padding-top:12px!important}
 #customerProfileDetails .customer-section h3{margin:0 0 9px!important}
 #customerProfileDetails .customer-booking-row{margin:7px 0!important;padding:10px 12px!important;gap:8px!important}
 #customerProfileDetails .customer-history{margin-top:10px!important}
 #customerProfileDetails .customer-history>summary{padding-block:8px!important}
 #customerProfileDetails .customer-all-details{margin:10px 0!important}
 #customerProfileDetails .customer-profile-summary+details{margin-top:10px!important}
 #customerProfileDetails .profile-detail-head>.row{gap:8px!important;row-gap:8px!important}
}
.b30-bulk-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}
.b30-bulk-controls>label{display:flex;flex-direction:column;gap:6px;min-width:0;margin:0!important;line-height:1.35}
.b30-bulk-controls select{display:block;box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:44px;padding:8px 10px}
@media(max-width:700px){.b30-bulk-controls{grid-template-columns:minmax(0,1fr);gap:12px}}
.b30-receipt-filter{display:flex;flex-direction:column;gap:5px;min-width:0;flex:0 1 230px;font-size:13px;color:var(--muted)}
.b30-receipt-filter select{width:100%;min-width:0;max-width:100%;box-sizing:border-box}
.b30-booking-receipts{margin:12px 0 16px;border:1px solid var(--line);border-radius:10px;min-width:0;max-width:100%}
.b30-booking-receipts>summary{padding:12px;cursor:pointer;font-weight:650}
.b30-receipt-body{padding:0 12px 12px;min-width:0}
.b30-receipt-body ul{list-style:none;margin:0;padding:0}
.b30-receipt-body li{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid var(--line)}
.b30-receipt-body li span{min-width:0;overflow-wrap:anywhere}
.b30-receipt-body li strong{white-space:nowrap}