/* Phone layout tweaks for the IAS Android app */
html{-webkit-text-size-adjust:100%}body{overscroll-behavior-y:none}
.card{overflow-x:auto}.modal-box{overflow-x:auto}
input,select,textarea{font-size:16px}
@media (max-width:760px){
 header{padding:6px 10px;gap:6px;padding-top:max(6px,env(safe-area-inset-top))}
 .wm small{display:none}
 nav{order:3;flex:1 0 100%;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}
 nav::-webkit-scrollbar{display:none}nav a{white-space:nowrap;padding:8px 10px}
 .right{margin-left:auto}
 main{padding:10px}
 .g2,.g3{grid-template-columns:1fr}.g4{grid-template-columns:repeat(2,1fr)}
 .kpi .v{font-size:20px}
 table{font-size:12px}th,td{padding:5px 6px}
 .modal{padding:8px 4px}.modal-box{padding:14px 10px}
 .btn{padding:8px 12px}.btn.small{padding:5px 9px}
 .toolbar input,.toolbar select{flex:1 1 140px}
 .toast{left:12px;right:12px;bottom:16px;text-align:center}
 .login .card{width:min(330px,92vw)}
}