/* v779 mobile/tablet optimization */
:root{--sf-mobile-tab-height:74px;--sf-tap:48px;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{overflow-x:hidden;}
button,a,input,select,textarea{touch-action:manipulation;}
input,select,textarea,button{font-size:16px!important;}
.sf-mobile-app-toggle{display:none;}
.sf-mobile-bottom-nav{display:none;}
@media(max-width:1024px){
  body{padding-bottom:calc(var(--sf-mobile-tab-height) + env(safe-area-inset-bottom,0px))!important;}
  .app-shell{display:block!important;min-width:0!important;width:100%!important;}
  .sidebar,.sf-v223-sidebar,.sf-v282-business-staff-sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:min(86vw,340px)!important;max-width:340px!important;transform:translateX(-105%)!important;transition:transform .25s ease!important;z-index:9999!important;overflow-y:auto!important;box-shadow:0 20px 60px rgba(15,23,42,.35)!important;background:#fff!important;}
  body.sf-mobile-menu-open .sidebar,body.sf-mobile-menu-open .sf-v223-sidebar,body.sf-mobile-menu-open .sf-v282-business-staff-sidebar{transform:translateX(0)!important;}
  main,.main,.content,.dashboard-main,.sf-v282-business-staff-main{width:100%!important;max-width:100%!important;margin:0!important;padding:16px!important;box-sizing:border-box!important;}
  .sf-mobile-app-toggle{display:inline-flex!important;align-items:center;justify-content:center;position:fixed;left:14px;top:14px;z-index:10050;width:48px;height:48px;border:0;border-radius:16px;background:#073544;color:#fff;font-size:24px;box-shadow:0 12px 26px rgba(7,53,68,.25);}
  .sf-mobile-scrim{display:none;position:fixed;inset:0;background:rgba(2,8,23,.45);z-index:9998;}
  body.sf-mobile-menu-open .sf-mobile-scrim{display:block;}
  .sf-mobile-bottom-nav{display:grid!important;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:10040;height:calc(var(--sf-mobile-tab-height) + env(safe-area-inset-bottom,0px));padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border-top:1px solid rgba(15,23,42,.12);box-shadow:0 -12px 32px rgba(15,23,42,.12);}
  .sf-mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:#475569;font-size:11px;font-weight:850;border-radius:16px;min-width:0;}
  .sf-mobile-bottom-nav a span{font-size:20px;line-height:1;}
  .sf-mobile-bottom-nav a.active{background:#e6fbff;color:#073544;}
  .sf-v752-two,.two-col,.grid,.settings-grid,.dashboard-grid,.report-grid,.sf-v752-layout{grid-template-columns:1fr!important;}
  table{font-size:.92rem;}
  .sf-v752-table-wrap,.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;}
  .card,.sf-v752-form-card,.sf-v752-preview-card,.sf-v752-table-card,.sf-v752-template-panel{max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important;}
  .modal,.popup,.dialog{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;max-height:86vh!important;overflow:auto!important;}
}
@media(max-width:600px){
  main,.main,.content,.dashboard-main,.sf-v282-business-staff-main{padding:12px!important;}
  h1{font-size:1.55rem!important;line-height:1.12!important;} h2{font-size:1.22rem!important;line-height:1.18!important;}
  .sf-v752-template-grid{grid-template-columns:1fr!important;}
  .sf-v752-form-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
  .sf-v752-form-actions button,button,.btn{min-height:var(--sf-tap)!important;border-radius:14px!important;}
}