/* the sign-in screen and the gate line in the rail foot, in the console's own tokens (research/crm/console.css) */
.gate{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px 16px;box-sizing:border-box}
.gate-card{width:100%;max-width:360px;border:1px solid var(--rule);border-radius:var(--r);background:var(--paper);padding:20px 18px}
.gate-card .brand{padding:0 0 12px}
.gate-card p{margin:0 0 14px;color:var(--graphite)}
.gate-acts{display:flex;gap:8px;flex-wrap:wrap}
.gatefoot{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-size:12px;color:var(--faint)}
.gatefoot #gate-status:empty,.gatefoot #gate-env:empty{display:none}