/* ATEC PLAY - responsive app layer */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{overflow-x:hidden}img,svg,video{max-width:100%}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}
@media(max-width:900px){
  body{min-width:0}.content,.wrap,.container{width:100%;max-width:100%;padding-left:12px!important;padding-right:12px!important}
  .row.between{align-items:flex-start}.table-wrap{width:100%;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch}
  .modal{align-items:flex-end!important;padding:0!important}.modal-box{width:100%!important;max-width:none!important;max-height:88dvh!important;border-radius:20px 20px 0 0!important;padding-bottom:max(18px,env(safe-area-inset-bottom))!important}
  input,select,textarea{font-size:16px!important;min-height:44px}.btn{min-height:42px}.btn.small{min-height:36px}
}
@media(max-width:600px){
  h1{font-size:clamp(26px,8vw,36px)}h2{font-size:21px}h3{font-size:17px}.card{border-radius:14px!important}
  .form-grid,.grid,.cards{grid-template-columns:1fr!important}.row{gap:7px}.between{gap:10px}
  .row.between>.btn,.row.between>form>.btn{max-width:100%}
  .table{min-width:680px}.table th,.table td{padding:9px 10px!important;font-size:12px!important}
}
/* Admin / customer drawers */
@media(max-width:1000px){
  .side{height:100dvh!important;overflow-y:auto!important;overscroll-behavior:contain}.side.open{display:block!important;left:0!important}
  .side.open:after{content:"";position:fixed;left:260px;right:0;top:0;bottom:0;background:rgba(0,0,0,.5);pointer-events:none}
  .top{min-height:56px!important;height:auto!important;padding-top:8px!important;padding-bottom:8px!important;gap:8px}.top strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:62vw}
  .content{padding-bottom:calc(20px + env(safe-area-inset-bottom))!important}
}
/* Public/home generic */
@media(max-width:700px){
  header .nav{height:auto!important;min-height:58px!important;padding:8px 10px!important}.brand img{max-height:38px!important}
  .hero{margin:30px auto 28px!important;padding:16px 14px!important}.hero h1{line-height:1.05!important}.hero p{font-size:15px!important;line-height:1.55!important;margin:16px auto!important}
  .features,.plans{padding:10px 12px!important;margin-bottom:32px!important}.feature,.plans .card{padding:16px!important}
}
/* Docs */
@media(max-width:700px){.wrap{padding-top:14px!important}.hero{align-items:flex-start!important}.hero img{width:42px!important;height:42px!important}.endpoint,.code{font-size:12px;line-height:1.55;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.card{padding:14px!important}}