/* NeighbourHub phone width fixes: honour the device viewport without disabling pinch zoom. */
@media (max-width: 960px) {
 html {width:100%;max-width:100%;overflow-x:clip;-webkit-text-size-adjust:100%;text-size-adjust:100%}
 body {width:100%;max-width:100%;margin:0;overflow-x:clip}
 #sign-in, #workspace, .nh-shell, .nh-work, .nh-content, #main-content {min-width:0!important;max-width:100%!important;box-sizing:border-box}
 #sign-in.nh-login {display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important}
 #sign-in .nh-login-brand, #sign-in .nh-login-right {width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box}
 #sign-in .nh-login-right .auth {width:100%!important;max-width:470px!important;margin:0 auto!important;min-width:0!important}
 #sign-in input, #sign-in button {max-width:100%;box-sizing:border-box}
 #workspace.nh-shell {display:block;max-width:100%!important;width:100%!important}
 #workspace.nh-shell[hidden], #sign-in[hidden] {display:none!important}
 #workspace .nh-work {display:block;min-width:0;max-width:100%;width:100%}
 #workspace .nh-content {min-width:0!important;width:100%;max-width:100%;overflow-x:clip}
 #workspace #main-content, #workspace #main-content > * {min-width:0;max-width:100%;box-sizing:border-box}
 .nh-future-quickadd,.nh-ai-command,.nh-ai-output,.nh-ai-live-result,.nh-ai-hero,.nh-ai-heading,.nh-ai-capabilities {width:100%;min-width:0!important;max-width:100%!important;box-sizing:border-box}
 .nh-future-quickadd .nh-ai-command textarea {min-width:0;max-width:100%;width:100%;font-size:16px}
 .nh-future-quickadd .nh-ai-heading {min-width:0;overflow-wrap:anywhere}
 .nh-future-quickadd .nh-ai-heading h2 {overflow-wrap:anywhere}
 .nh-future-quickadd .nh-ai-command-head,.nh-future-quickadd .nh-ai-command-footer {min-width:0;flex-wrap:wrap}
 .nh-future-quickadd .nh-ai-data-grid,.nh-future-quickadd .nh-ai-stat-grid {min-width:0;max-width:100%}
 dialog, dialog[open] {max-width:calc(100% - 16px);box-sizing:border-box}
 dialog input:not([type=checkbox]),dialog select,dialog textarea {min-width:0;max-width:100%;box-sizing:border-box;font-size:16px}
 .table-scroll,.nh-doc-desktop-table,.nh-keys-table {max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
 img,svg,video,canvas {max-width:100%}
}
@media(max-width:520px) {
 #sign-in .nh-login-brand {min-height:210px;padding:26px 20px}
 #sign-in .nh-login-right {padding:22px 16px}
 #sign-in .nh-login-right .auth {padding:18px!important}
 .nh-future-quickadd {padding:17px!important}
 .nh-future-quickadd .nh-ai-heading {gap:13px}
 .nh-future-quickadd .nh-ai-heading h2 {font-size:clamp(24px,7vw,32px);line-height:1.18}
 .nh-future-quickadd .nh-ai-command-head {padding:12px}
 .nh-future-quickadd .nh-ai-command textarea {padding:15px;min-height:145px}
 .nh-future-quickadd .nh-ai-command-footer {padding:12px;gap:10px}
 .nh-future-quickadd .nh-ai-launch {min-height:44px}
}
