/* Phone layout tweaks for the Property Manager app (Android / iPhone) */
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}
.disc{font-size:11px;color:#667085;text-align:center;margin:10px 0}
footer.disc{padding:6px 12px 14px;padding-bottom:max(14px,env(safe-area-inset-bottom))}
.askbox{display:flex;gap:8px}.askbox input{flex:1}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.chips button{border:1px solid #c9d6e3;background:#fff;border-radius:16px;padding:5px 10px;font-size:12px;cursor:pointer;color:#1F4E79}
.ans{background:#eef3f8;border-radius:8px;padding:10px 12px;margin-top:10px}.ans ul{margin:6px 0 0;padding-left:18px}.ans li{margin:3px 0}
@media (max-width:760px){
 header{padding:6px 10px;gap:6px;padding-top:max(6px,env(safe-area-inset-top))}
 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)}
 .col{min-width:190px}
}