/* Shared phone refinements. Screen-only: preserve A4 contracts and invoices. */
@media screen and (max-width:760px){
  :root :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){font-size:16px;min-width:0;max-width:100%;box-sizing:border-box}
  :root :is(button,input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select){min-height:44px}
  :root :is(.driver-inline-edit,.unit-inline-trigger){min-height:44px}
  :root dialog{max-width:calc(100vw - 20px);max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain}
  :root :is(.contract-fields,.dialog-grid)>*{min-width:0}
  :root .admin-site-header nav{max-height:calc(100dvh - 96px);overflow-y:auto;max-width:calc(100vw - 24px)}
  :root #confirmationTabs{max-width:100%;min-width:0;overscroll-behavior-x:contain;scroll-padding-inline:6px}
  :root .confirmation-title h1{overflow-wrap:anywhere}
  :root .reservation-card-body{min-width:0;overflow-wrap:anywhere}
  :root .contract-print-stage{max-width:100%;min-width:0;overscroll-behavior-x:contain}
  :root .contract-embedded .contract-workspace section{padding:12px;margin-block:12px}
}
@media screen and (max-width:600px){
  :root #confirmationCard{padding:10px}
  :root #confirmationCard>[data-confirmation-panel]{padding:12px}
  :root .reservation-context{grid-template-columns:minmax(0,1fr) 110px}
  :root .reservation-context-car{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:4px 8px;padding:10px;text-align:start}
  :root .reservation-context-car img{height:56px;grid-row:1 / span 2}
  :root .reservation-context-car h2{font-size:14px;margin:0}
  :root .reservation-context-price{padding:10px;gap:4px}
  :root .reservation-context-price>strong{font-size:20px}
  :root .driver-summary-table :is(th,td){padding:8px}
  :root .driver-summary-table th{width:36%}
  :root .driver-summary-table td{overflow-wrap:anywhere}
  :root #reservationSummaryPanel .summary-grid{grid-template-columns:minmax(0,1fr)}
}