/* Taplio v1543 — reliable touch controls and compact Partner mobile layout. */
.sidebar-backdrop{display:none}
.app-shell a,.app-shell button{touch-action:manipulation;-webkit-tap-highlight-color:rgba(139,92,246,.22)}
.app-shell button,.app-shell .btn,.app-shell a{position:relative}
.app-shell button:focus-visible,.app-shell a:focus-visible{outline:3px solid #9f82ff;outline-offset:2px}

@media(max-width:900px){
  body.nav-open{overflow:hidden}
  .app-shell .sidebar{width:min(310px,86vw);z-index:100;box-shadow:25px 0 70px #0009}
  .sidebar-backdrop{display:block;position:fixed;inset:0;z-index:90;border:0;background:#05020ca8;opacity:0;pointer-events:none;transition:opacity .2s}
  .nav-open .sidebar-backdrop{opacity:1;pointer-events:auto}
  .app-shell .main{min-width:0;overflow-x:hidden}
  .app-shell .content{width:100%;max-width:100%;padding:20px 14px calc(44px + env(safe-area-inset-bottom))}
  .app-shell .topbar{z-index:30;padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}
  .menu-toggle,.sidebar-close{position:relative;z-index:45;display:grid;place-items:center;flex:0 0 44px;min-width:44px;min-height:44px;padding:0;cursor:pointer;color:var(--app-text)}
  .app-shell .sidebar nav a,.sidebar-bottom>a,.app-shell .link-button{min-height:46px}
  .app-shell .table{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}
  .app-shell .head-actions{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .app-shell .head-actions form{display:contents}
  .app-shell .head-actions .btn,.app-shell .head-actions button{width:100%;min-height:44px;white-space:normal;text-align:center}
  .menu-card-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .menu-card-actions a{display:grid;place-items:center;min-height:44px;padding:10px 6px!important}
  .client-access button,.client-access .btn{min-height:44px;width:100%}
}

@media(max-width:620px){
  .app-shell .page-head{gap:15px;margin-bottom:20px}
  .app-shell .page-head h1{font-size:26px;line-height:1.18}
  .app-shell .panel,.menu-business-card{padding:16px}
  .menu-business-head{align-items:flex-start}
  .menu-business-head .client-logo{width:46px;height:46px;flex:0 0 46px}
  .menu-business-head h3{overflow-wrap:anywhere}
  .app-shell input,.app-shell textarea,.app-shell select{font-size:16px;min-height:46px}
  .app-shell textarea{min-height:110px}
  .app-shell .btn,.app-shell button{min-height:44px}
  .topbar-left{position:relative;z-index:40;min-width:0;flex:1;gap:8px!important}.topbar-left>div{min-width:0}.topbar-left b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .topbar-actions{gap:6px!important}.icon-button{min-width:44px;padding:0}.partner-language-picker select{max-width:100px}
  .top-profile{display:none!important}.theme-control{flex:0 0 44px}.app-shell .topbar{overflow:visible}
}