/* Sign-in screens and the People page. Uses the app's own tokens (frame, paper, line, ink). */
#gate{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px 16px;background:var(--frame,#F3F3F1)}
.gate-card{width:min(400px,100%);background:var(--paper,#fff);border:1px solid var(--line,#E5E5E1);border-radius:var(--r-sheet,16px);padding:32px 28px 28px;display:grid;gap:18px}
.gate-card .wordmark{font-size:40px;margin-bottom:6px}
.gate-card h1{font-size:22px;line-height:1.2}
.gate-form{display:grid;gap:14px}
.gate-form .btn{width:100%;height:40px}
.gate-msg{margin:0;min-height:1em;color:var(--marker,#D42A24);font-size:13px}
.gate-msg:empty{display:none}
.gate-msg.ok{color:var(--ok,#247B50)}
.gate-lead{margin:0;color:var(--dark,#55575B)}
.gate-foot{margin:0;color:var(--grey,#6C6E72);font-size:12.5px;line-height:1.5}
#app[hidden]{display:none}
.navfoot .btn.ghost[data-acct="menu"]{overflow:hidden;text-overflow:ellipsis;display:block;text-align:left;line-height:var(--ctl,34px)}
#acctdlg{width:min(680px,calc(100% - 32px))}
.ptable{width:100%;border-collapse:collapse;font-size:13.5px}
.ptable th{text-align:left;font-weight:400;color:var(--grey,#6C6E72);font-size:12.5px;padding:6px 8px;border-bottom:1px solid var(--line,#E5E5E1)}
.ptable td{padding:9px 8px;border-bottom:1px solid var(--rule,#EEEEEB);vertical-align:middle}
.ptable select{border:1px solid var(--control,#D3D3CE);border-radius:8px;padding:5px 8px;background:var(--paper,#fff)}
.ptable .pmail{color:var(--dark,#55575B);word-break:break-all}
.ptable .pwait td{color:var(--grey,#6C6E72)}
.ptable .pwait .btn{height:28px;padding:0 8px;font-size:12.5px}
.invform{display:grid;gap:12px;padding-top:6px}
.invform h4{margin:0;font-size:15px;font-weight:600}
.invform .btn{justify-self:start}
@media (max-width:560px){.ptable th:nth-child(2),.ptable td:nth-child(2){display:none}.invform .cols{grid-template-columns:1fr}}
/* Small screens: the account name lives in the ••• menu, and inputs stay at 16px so iOS doesn't zoom */
@media (max-width:900px){.navfoot .btn.ghost[data-acct]{display:none}}
@media (max-width:640px){.field input,.field select,.field textarea{font-size:16px}}
#acctdlg h3:focus{outline:none}