/* Mobile layouts for authentication, onboarding connection and workspace creation. */
@media (max-width:767px){
  html,body{min-height:100%;height:auto!important}
  body{display:block!important;overflow-x:hidden!important;overflow-y:auto!important}
  body>div.w-full{min-height:100dvh!important;padding:1.25rem!important;align-items:flex-start!important}
  body>div.w-full>div{max-width:420px!important;margin:auto!important;padding:1rem 0 2rem}
  body>div.w-full>div>.absolute.top-0{position:static!important;justify-content:flex-end!important;margin-bottom:1.25rem}
  form{width:100%;min-width:0}
  input,select,textarea{font-size:16px!important}
  button,a{touch-action:manipulation}
  .workspace-create-shell{display:block!important;min-height:100dvh}
  .workspace-create-shell>section:first-child{display:none!important}
  .workspace-create-shell>section:last-child{display:flex!important;min-height:100dvh;padding:1rem!important;align-items:flex-start!important}
  .workspace-create-shell>section:last-child>div{max-width:100%!important;padding:1rem 0 2rem}
  .workspace-create-shell form{padding:1rem!important;border-radius:20px!important}
  .workspace-create-shell form [class*="grid-cols-2"],
  .workspace-create-shell form [class*="grid-cols-3"]{grid-template-columns:minmax(0,1fr)!important}
  .workspace-create-shell form .flex.justify-between{gap:.75rem;flex-wrap:wrap}
  .workspace-create-shell form .flex.justify-between>button{flex:1;min-width:130px;min-height:48px;padding:.75rem!important}
  .workspace-create-shell h2{font-size:1.35rem!important}
}