/* Mobile-first overrides loaded after app.css. */
html,body{max-width:100%;overflow-x:hidden}.table-wrap{max-width:100%;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}.btn,button,a,input,select,textarea{touch-action:manipulation}button:disabled{opacity:.5;cursor:not-allowed;transform:none}.process-list{list-style:none;padding:0;margin:20px 0;display:grid;gap:10px;counter-reset:steps}.process-list li{counter-increment:steps;display:grid;grid-template-columns:38px 1fr;gap:2px 11px;padding:13px;background:#f3f6f2;border-radius:12px}.process-list li:before{content:counter(steps);grid-row:1/3;width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:var(--forest);color:var(--role);font-weight:900}.process-list span{color:var(--muted);font-size:11px}

@media(max-width:850px){
 body{font-size:14px}.top{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.side{padding-left:max(16px,env(safe-area-inset-left));padding-bottom:max(20px,env(safe-area-inset-bottom))}.container.has-side,.container{width:100%;max-width:100%}.container.has-side{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}
 input,select,textarea{font-size:16px;min-height:46px}.btn,button{min-height:44px}.dashboard-head,.panel-head{gap:12px;flex-wrap:wrap}.dashboard-head>div:first-child,.panel-head>div:first-child{min-width:0}.dashboard-head .head-actions{width:100%}.dashboard-head .head-actions .btn{flex:1 1 150px}.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.actions .btn{width:100%}
 .hero{margin-bottom:22px}.hero h1{font-size:clamp(30px,8vw,42px)}.network-flow{padding:18px}.flow-track{scrollbar-width:thin}.mini-chart{overflow-x:auto;scrollbar-width:thin}.mini-chart>div{min-width:45px}.trend-chart{scrollbar-width:thin}.trend-column{min-width:54px}
 .report-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.report-filters label{min-width:0}.report-filters button,.report-filters>a{width:100%}.stock-item{min-width:0}.stock-item>span:last-child{max-width:100%}.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-card.featured{transform:none}.review-form{min-width:210px}
 .table-wrap{position:relative}.table-wrap:after{content:"Swipe table →";position:sticky;left:12px;bottom:6px;display:inline-block;padding:3px 7px;border-radius:99px;background:rgba(7,27,25,.82);color:#fff;font-size:8px;letter-spacing:.05em;pointer-events:none}table{min-width:720px}.invoice-actions{justify-content:stretch}.invoice-actions .btn{flex:1 1 140px}.invoice{width:100%}
 .install{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right));padding-bottom:max(24px,env(safe-area-inset-bottom))}.install>.card{max-width:100%}.auth{margin:28px auto}.copybox button{min-width:110px}
 footer{padding-bottom:max(28px,env(safe-area-inset-bottom))}
}

@media(max-width:560px){
 .container.has-side{padding:20px max(13px,env(safe-area-inset-left)) 28px max(13px,env(safe-area-inset-right))}.container{padding-left:max(13px,env(safe-area-inset-left));padding-right:max(13px,env(safe-area-inset-right))}.top{height:64px}.card{padding:17px}.dashboard-head{margin-bottom:18px;padding-bottom:16px}.dashboard-head h1{font-size:28px}.dashboard-head>.btn{width:100%;margin-top:0}.eyebrow{font-size:9px}.four,.products,.stock-strip,.plan-grid,.report-filters{grid-template-columns:1fr}.actions{grid-template-columns:1fr}.actions .btn{justify-content:center}.metric{min-height:102px}.metric .number{font-size:24px}
 .hero{padding:25px 19px;border-radius:17px}.hero .stat{padding:16px}.hero .stat>div{font-size:20px!important}.network-flow{margin-top:20px}.flow-copy{padding-bottom:12px}.flow-node{min-width:78px}.flow-node span{width:34px;height:34px}.mini-chart{height:195px;margin-left:-8px;margin-right:-8px}.mini-chart span{display:none}.status-bars{gap:12px}.report-submetrics{display:grid;grid-template-columns:1fr 1fr}.report-submetrics span{display:grid}.trend-chart{margin-left:-8px;margin-right:-8px}.panel-head>.btn,.panel-head>a.btn{width:100%}
 .table-wrap{border-radius:13px}th,td{padding:12px 13px}.active-plan{padding:18px}.usage-pair{display:grid;grid-template-columns:1fr 1fr}.plan-card ul{min-height:0}.billing-instructions{margin:16px 0}.toggle-row{padding:13px}.login-guide p{grid-template-columns:1fr}.requirement-list{grid-template-columns:1fr}.install{padding-top:18px}.install>.card{padding:18px}.auth{margin:20px auto}.copybox{display:grid}.copybox .btn{width:100%;margin:0}.invoice-actions{display:grid;grid-template-columns:1fr}.invoice-actions .btn{width:100%}.invoice>header,.invoice-parties,.invoice-bottom{padding:22px 18px}.invoice-table{margin:0 18px}.invoice>footer{padding:16px 18px}.public-nav{gap:10px}.top-login{min-height:40px}.top-user .avatar{width:36px;height:36px}
}

@media(max-width:380px){
 .container.has-side,.container{padding-left:10px;padding-right:10px}.card{padding:15px}.dashboard-head h1{font-size:25px}.brand-mark{width:34px;height:34px}.report-submetrics,.usage-pair{grid-template-columns:1fr}.metric .number{font-size:21px}.flow-node{min-width:72px}.invoice>header,.invoice-parties,.invoice-bottom{padding-left:14px;padding-right:14px}.invoice-table{margin-left:14px;margin-right:14px}
}

@media(hover:none){.btn:hover,button:hover,.product:hover{transform:none}}