/* Consistent, compact typography; existing colors and functionality retained. */
html{font-size:15px}
body{font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}
body :is(#app,#driver,.company-legal){font-size:14px;line-height:1.6}
body :is(h1,h2,h3){line-height:1.35;overflow-wrap:break-word}
body h1,body #app .topbar h1,body #driver .driver-hero h1{font-size:clamp(22px,2vw,28px);letter-spacing:-.025em}
body h2,body #app .panel h2,body #driver .panel h2,body #app .entry h2{font-size:18px}
body h3,body #driver .driver-record h3,body #driver .driver-action h3{font-size:15px}
body :is(p,li),body #app .login .intro p,body #driver .driver-hero p{font-size:14px;line-height:1.65}
body :is(label,#app label,#driver label){font-size:13px;line-height:1.5}
body :is(button,#app button,#driver button){font-size:13px;line-height:1.45;min-height:40px;padding:9px 14px}
body :is(input,select,textarea,#app input,#app select,#app textarea,#driver input,#driver select,#driver textarea){font-size:14px;line-height:1.5}
body :is(small,.muted,.driver-caption){font-size:12px;line-height:1.55}
body :is(table,#app table){font-size:13px;line-height:1.5}
body :is(th,#app th){font-size:12px;line-height:1.45;padding:11px 13px}
body :is(td,#app td){font-size:13px;padding:12px 13px}
body :is(.tag,#app .tag){font-size:12px;line-height:1.4}
body #app .shell>.sidebar .nav button{font-size:12.5px;line-height:1.45;padding:9px 10px;min-height:40px}
body #app .shell>.sidebar .nav button b{font-size:10px}
body #app .topbar :is(button,select){font-size:13px}
body #app .card strong,body #driver .driver-stats strong{font-size:28px;line-height:1.2}
body #app .login .intro h1{font-size:clamp(26px,2.8vw,36px);line-height:1.25}
body #driver .driver-profile strong{font-size:14px}
body #driver .driver-tabs button{font-size:13px}
body .chat-bubble{font-size:14px;line-height:1.65}
body dialog{font-size:14px}
html[lang=ar] body{line-height:1.8}
html[lang=ar] body :is(h1,h2,h3){letter-spacing:0;line-height:1.5}
@media(max-width:760px){
 body :is(h1,#app .topbar h1,#driver .driver-hero h1){font-size:23px}
 body :is(h2,#app .panel h2,#driver .panel h2){font-size:17px}
 body :is(button,#app button,#driver button){min-height:44px;font-size:13px}
 /* Keep mobile inputs readable without triggering iOS focus zoom. */
 body :is(input,select,textarea,#app input,#app select,#app textarea,#driver input,#driver select,#driver textarea){font-size:16px}
 body #app .shell>.sidebar .nav button{min-height:44px;font-size:13px}
 body #app .card strong,body #driver .driver-stats strong{font-size:26px}
}