/* New account screens use the prototype's existing components and tokens. */
body.account-gate{padding-bottom:32px}
body.account-gate .app{display:block;max-width:none}
body.account-gate aside,body.account-gate .tabbar{display:none}
.account-wrap{width:100%;max-width:380px;margin:0 auto;padding:12vh 0 24px}
.account-logo{width:56px;height:56px;display:grid;place-items:center;background:var(--accent);color:#fff;border-radius:14px;margin-bottom:20px}
.account-logo svg{width:30px;height:30px}
.account-wrap h1{overflow-wrap:anywhere}
.account-wrap>.sub{margin:10px 0 26px}
.account-wrap .seg{display:flex;margin-bottom:18px}
.account-wrap .seg button{flex:1}
.account-fields .field+.field{position:relative}
.account-fields .field+.field:before{content:"";position:absolute;top:0;left:16px;right:0;height:1px;background:var(--sep)}
.account-wrap .btn.block{margin-top:18px}
.account-wrap .bigopt{width:100%;text-align:left}
.account-wrap .foot-note .lnk{font-size:13px}
.invite-code{font-variant-numeric:tabular-nums;letter-spacing:.08em;font-weight:700}
.settings-value{max-width:60%;overflow-wrap:anywhere;text-align:right;color:var(--label2)}
.settings-row{width:100%;text-align:left}
.settings-row .grow{min-width:0;overflow-wrap:anywhere}
.settings-row .member-actions{color:var(--label3);flex:none}
.settings-reset{padding:16px}
.settings-reset .btn{margin-top:12px}
.account-wrap .deployment-note{overflow-wrap:anywhere;margin:18px 0 0}
@media(min-width:900px){.account-wrap{padding-top:12vh}}