/* Site-wide phone and small-tablet layout */
html{overflow-x:hidden;-webkit-text-size-adjust:100%}
body{max-width:100%;overflow-x:hidden}
img,svg,canvas,video{max-width:100%;height:auto}
main{box-sizing:border-box;max-width:100%;overflow-x:hidden}
.tablewrap,.ref-table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
input,select,textarea,button{max-width:100%;box-sizing:border-box}

@media(max-width:700px){
 body{font-size:15px}
 header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;min-height:54px;box-sizing:border-box}
 header .brand{min-width:0;max-width:calc(100% - 54px)}
 header .brand img{max-width:38px;height:auto}
 header .brand span,.top-brand-v38 .brand-domain-text{font-size:15px!important;line-height:1.1;overflow-wrap:anywhere}
 .navbtn{display:block!important;flex:0 0 auto;min-width:44px;min-height:44px}
 #nav{display:none!important;position:absolute;z-index:5000;left:8px;right:8px;top:calc(100% + 2px);max-height:calc(100vh - 70px);overflow-y:auto;padding:8px;background:#24102d;border:1px solid #6f397e;border-radius:10px;box-shadow:0 14px 35px rgba(0,0,0,.55)}
 #nav.open{display:block!important}
 #nav>a,#nav>.nav-dropdown,#nav .nav-dropdown summary{display:block!important;width:100%;box-sizing:border-box}
 #nav>a,#nav .nav-dropdown summary{min-height:44px;padding:12px}
 #nav .nav-dropdown-menu{position:static!important;width:auto!important;min-width:0!important;margin:2px 0 8px 12px!important;box-shadow:none!important}
 main{width:100%!important;max-width:100%!important;padding:12px!important;margin:0!important}
 h1{font-size:26px;line-height:1.15}h2{font-size:21px}h3{font-size:17px}
 .card{width:100%!important;max-width:100%!important;box-sizing:border-box;padding:14px!important;margin-left:0!important;margin-right:0!important}
 .tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:5px}.tabs .btn{flex:0 0 auto}
 form:not(.room-compose):not(.ref-date):not(.ref-payment){max-width:100%}
 label{max-width:100%}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%!important;min-width:0!important;font-size:16px!important}
 .btn,button{min-height:42px}
 .grid,.cards,.two-col,.three-col,.stats-grid,.dashboard-grid,.admin-grid,.reviews-grid,.bd-grid,.leasing-top,.leasing-bottom,.maint-grid,.middle-grid,.bottom-grid{grid-template-columns:minmax(0,1fr)!important;display:grid!important}
 table{font-size:13px;min-width:620px}th,td{padding:9px 8px!important;white-space:normal!important}
 .access-position{max-width:100%!important}.access-item{min-height:44px}
 .ref-header{align-items:stretch!important}.ref-header>*,.ref-form>label{width:100%}
 .ref-row{grid-template-columns:minmax(0,1fr)!important;align-items:stretch!important}.ref-row>div{padding-bottom:0!important}.ref-row>form{grid-column:1!important}.ref-date{grid-column:auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto}.ref-payment{grid-column:1!important}
 .room-log{height:52vh!important}.room-compose{align-items:stretch!important}
 .chat-dock-button{right:10px!important;bottom:10px!important}.chat-dock-list{left:10px!important;right:10px!important;width:auto!important;bottom:64px!important}.floating-chat-area{left:8px!important;right:8px!important;bottom:64px!important}.floating-chat-window{width:100%!important;max-width:none!important}
 html:not(.tv) #tv-stage,html:not(.tv) .trends-board{width:100%!important;max-width:100%!important;height:auto!important;transform:none!important;position:relative!important;left:auto!important;top:auto!important;overflow:hidden!important}
 html:not(.tv) .board-head,html:not(.tv) .dash1-head{display:flex!important;flex-direction:column!important;align-items:center!important;height:auto!important;gap:8px;padding:10px!important;text-align:center}
 html:not(.tv) .board-controls,html:not(.tv) .dash1-controls{display:flex!important;flex-wrap:wrap!important;justify-content:center!important}
 html:not(.tv) .wall-section,html:not(.tv) .dash-panel{width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;overflow:hidden!important}
 html:not(.tv) .microchart{min-height:220px!important}
 html:not(.tv) .board-foot{display:none!important}
}