/* v232: scoped contracts. Customer uses phone canvas; management uses viewport. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{overflow-wrap:break-word}input,select,textarea,button{box-sizing:border-box}
body.customer-app{max-width:480px!important;width:100%!important;zoom:1!important}.customer-app main,.customer-app .wrap,.customer-app .portal-main,.customer-app .container,.customer-app .ab-app,.customer-app .reviews-app{max-width:480px!important;min-width:0!important}.customer-nav{width:min(100%,480px)!important}.customer-app .grid>*{min-width:0}.customer-app .field input,.customer-app .field select,.customer-app .field textarea{width:100%;min-width:0!important}.customer-app .actions:not(.footer-actions){max-width:480px;margin-inline:auto}.customer-app dialog,.customer-app .modal-box,.customer-app .modal-content{width:calc(100% - 24px)!important;max-width:456px!important;max-height:calc(100dvh - 24px);overflow:auto}.customer-app .modal{overflow-y:auto}.customer-app .progress{max-width:100%;min-width:0}.customer-app .progress span{min-width:0;white-space:normal}.customer-app .table-wrap{max-width:100%;overflow-x:auto}
/* Login keeps one usable phone-sized panel at every viewport. */
body:has(.login-card){width:100%!important;max-width:480px!important;margin:0 auto!important;zoom:1!important;min-height:100dvh}.page:has(.login-card){display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-height:100dvh;padding:24px 16px!important;gap:0!important}.page:has(.login-card) .visual{display:none!important}.page:has(.login-card) .panel{width:100%!important;max-width:430px!important;min-width:0}.login-card{width:100%!important;max-width:430px!important;padding:26px 22px!important}.login-card input,.login-card select{font-size:16px!important;max-width:100%}.login-card h2{font-size:28px!important}.login-company-brand img{max-width:100%;object-fit:contain}
/* Management must never inherit the customer canvas or zoom. */
body.management-v2{width:100%!important;max-width:none!important;margin:0!important;zoom:1!important}.management-v2 .main,.management-v2 #content,.management-v2 .content{min-width:0!important}.management-v2 .main{max-width:100%}.management-v2 .table-wrap{max-width:100%;overflow:auto}.management-v2 [data-mobile-label]:before{display:none}
@media(max-width:920px), (max-device-width:920px){
.management-v2 .app,.management-v2 .app.sidebar-mini{display:block!important;width:100%!important;min-width:0!important}.management-v2 .main{width:100%!important;margin:0!important}.management-v2 .content{width:100%!important;max-width:100%!important;padding:14px 12px 28px!important}.management-v2 .sidebar,.management-v2 .app.sidebar-mini .sidebar{position:fixed!important;inset:0 auto 0 0!important;width:min(290px,86vw)!important;height:100dvh!important;transform:translateX(-105%)!important;z-index:10000!important;overflow-y:auto!important}.management-v2 .sidebar.open,.management-v2 .app.sidebar-mini .sidebar.open{transform:translateX(0)!important}.management-v2 .topbar{height:auto!important;min-height:60px;padding:10px 12px!important;flex-wrap:wrap;gap:8px!important}.management-v2 .top-left{min-width:0;flex:1 1 140px}.management-v2 .top-actions{display:flex;flex-wrap:wrap;gap:6px!important;max-width:100%}.management-v2 .top-title b{max-width:100%!important;white-space:normal}.management-v2 .menu-toggle{display:inline-flex!important}.management-v2 .page-head,.management-v2 .section-title{flex-wrap:wrap!important;gap:10px!important}.management-v2 .page-head h1{font-size:24px}.management-v2 .page-head .actions{width:100%!important;flex-wrap:wrap!important}.management-v2 .btn{min-height:40px;white-space:normal!important;line-height:1.3}.management-v2 .grid{grid-template-columns:minmax(0,1fr)!important}.management-v2 .grid.kpis,.management-v2 .modal-summary,.management-v2 .payment-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.management-v2 .form-grid,.management-v2 .create-modal-grid,.management-v2 .setup-grid,.management-v2 .config-system-grid,.management-v2 .cargo-detail-grid,.management-v2 .assignment-toolbar,.management-v2 .voucher-filter-v152{grid-template-columns:minmax(0,1fr)!important}.management-v2 .form-grid>*,.management-v2 .create-modal-grid>*{grid-column:auto!important;min-width:0}.management-v2 input:not([type=checkbox]):not([type=radio]),.management-v2 select,.management-v2 textarea{min-width:0!important;max-width:100%!important;font-size:16px!important}.management-v2 .booking-toolbar,.management-v2 .filters,.management-v2 .toolbar,.management-v2 .ops-toolbar,.management-v2 .filter-row{display:flex!important;flex-wrap:wrap!important;gap:8px!important}.management-v2 .booking-toolbar>*{max-width:100%!important;min-width:0!important}.management-v2 .modal{padding:12px!important;overflow:auto!important;align-items:center!important}.management-v2 .modal-box,.management-v2 .modal-content,.management-v2 .modal-dialog,.management-v2 .modal-card{width:100%!important;max-width:100%!important;min-width:0!important;max-height:calc(100dvh - 24px)!important;overflow:auto!important;margin:0!important}.management-v2 .modal-body{padding:14px!important;overflow:auto;min-width:0}.management-v2 .modal-actions{display:flex;flex-wrap:wrap;gap:8px}.management-v2 .modal-actions>*{max-width:100%;min-width:0}.management-v2 table.mobile-cards{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;table-layout:auto!important}.management-v2 table.mobile-cards thead{display:none!important}.management-v2 table.mobile-cards tbody{display:grid!important;gap:10px!important}.management-v2 table.mobile-cards tr{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:12px!important;margin:0!important;border:1px solid #dce5eb!important;border-radius:12px;background:#fff}.management-v2 table.mobile-cards td{display:block!important;min-width:0!important;width:auto!important;padding:0!important;border:0!important;white-space:normal!important;overflow-wrap:anywhere;font-size:13px!important}.management-v2 table.mobile-cards td[data-mobile-label]:before{display:block!important;content:attr(data-mobile-label);font-size:11px;font-weight:700;color:#68798a;margin-bottom:4px}.management-v2 table.mobile-cards td:first-child,.management-v2 table.mobile-cards td:last-child,.management-v2 table.mobile-cards td[colspan]{grid-column:1/-1!important}.management-v2 table.mobile-cards td:last-child .btn{margin:3px 3px 0 0}.management-v2 .table-wrap:has(table.mobile-cards){overflow:visible!important;min-width:0!important}.management-v2 .booking-months-v98,.management-v2 .month-nav{max-width:100%;overflow-x:auto}.management-v2 .assignment-row{grid-template-columns:minmax(0,1fr)!important}.management-v2 .driver-list-grid{grid-template-columns:minmax(0,1fr)!important}.management-v2 .profile-info-grid,.management-v2 .driver-facility-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.management-v2 img{max-width:100%}.management-v2 .operations-rental-grid,.management-v2 .operation-rental-grid,.management-v2 .rental-vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media print{body.customer-app,body.management-v2{width:auto!important;max-width:none!important}.customer-nav,.app-utility{display:none!important}}