/* The sign-in screens in the homepage's look: sign in, start a trial, forgot and reset password, invite links, the
   two-factor code, the client sign-in at /results, and the billing notice, everything the app draws in #gate. Scoped to
   #gate, so the app after sign-in is untouched. The server adds this file to the app page (server.js, pageEntry). */
#gate{--bg:#050505;--panel:#080908;--panel2:#0f100f;--ink:#f3f3ef;--ink2:#c0c1bc;--dim:#90938d;--line:#ffffff24;--hair:#ffffff16;
  --sig:#fb5929;--sigbg:#fb592926;--navy:#f3f3ef;--go:#7fd3a8;--gobg:#7fd3a81a;--alarm:#ff8f7d;--alarmbg:#ff8f7d1a;--amber:#f2c46b;--amberbg:#f2c46b1a;
  background:radial-gradient(900px 520px at 78% 8%,#fb59291a,transparent 62%),radial-gradient(700px 420px at 12% 100%,#fb59290d,transparent 60%),#050505!important;
  color:var(--ink);font-family:Manrope,system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:dark;overflow-y:auto}
#gate .gate-lockup span[aria-hidden]{color:#f3f3ef!important}
#gate .gate-word{font-family:Manrope,system-ui,sans-serif!important;font-weight:400!important;font-size:34px!important;letter-spacing:-.04em!important}
#gate .gate-lockup>span:last-child{color:#c0c1bc!important;font-size:14px!important}
#gate .blk{background:#080908;border:1px solid #ffffff2e;border-radius:14px;box-shadow:0 30px 90px #000c;padding:28px 28px 22px!important}
#gate .eyebrow{font:500 10px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1.4px;text-transform:uppercase;color:#d0d1ca}
#gate .blk>.eyebrow:first-child{color:#ff9b77}
#gate .disp{color:#f3f3ef;font-weight:400;letter-spacing:-.02em}
#gate b{color:#f3f3ef}
#gate input{background:#ffffff08;border:1px solid #ffffff2a;border-radius:9px;color:#f3f3ef;font:15px/1.5 Manrope,system-ui,sans-serif;padding:11px 13px}
#gate input::placeholder{color:#8d9089}
#gate input:focus{border-color:#fb5929;box-shadow:0 0 0 3px #fb592926}
#gate input:disabled{opacity:.65}
#gate .btn{font-family:Manrope,system-ui,sans-serif;border-radius:9px;letter-spacing:.02em}
#gate .btn.primary,#gate .btn.go{background:#fb5929;color:#0b0806;border:1px solid #ff936777;font-weight:700;min-height:50px;box-shadow:0 4px 18px #fb592915;font-size:14px}
#gate .btn.primary:hover,#gate .btn.go:hover{background:#ff764e}
#gate .btn.primary:disabled,#gate .btn.go:disabled{opacity:.7}
#gate .btn.ghost,#gate .btn:not(.primary):not(.go){background:transparent;color:#e8e8e3;border:1px solid #ffffff30}
#gate .btn.ghost:hover,#gate .btn:not(.primary):not(.go):hover{border-color:#ffffff6e}
#gate .tabbar{border:1px solid #ffffff30;border-radius:9px;background:transparent;overflow:hidden;width:100%}
#gate .tabbar:has(>button:only-child){display:none}
#gate .tabbar button{flex:1;border-right:1px solid #ffffff30;color:#c0c1bc;font:600 11px/1.4 Manrope,system-ui,sans-serif;letter-spacing:.08em;padding:10px 14px}
#gate .tabbar button.on{background:#fb5929;color:#0b0806}
#gate a,#gate .mono.dim{color:#90938d!important}
#gate a:hover{color:#f3f3ef!important}
#gate *:focus-visible{outline:2px solid #fb5929;outline-offset:2px}
/* Every sign-in screen the same width, the start-a-trial form included (its fields in one column, like the others). */
#gate .gate-shell{width:440px!important;max-width:calc(100vw - 32px)!important}
#gate .blk:has([data-operator-toggle]) .grid.g2{grid-template-columns:1fr!important}
/* The start-a-trial form without the trial terms and the owner line: those are for the conversation with Chris. The
   form is the one with the operator toggle, so nothing on any other screen can match these two rules. */
#gate .blk:has([data-operator-toggle])>.tabbar+div:has(>b){display:none}
#gate .blk:has([data-operator-toggle])>.btn.primary+.mono.dim{display:none}
/* The operator sign-up ("Setting up this server?" and its code box) is not shown: the operator account exists, and a new
   one is granted from the server shell (npm run platform-admin -- <address>). Customers never needed it. */
#gate .blk div:has(>[data-operator-toggle]){display:none}