/* app.orsel.app's shell (DESIGN-CORE "Getting in"): the sign-in card of mockup 3, then Fleet's own pages filling the
   window through the channel. Built from Fleet's tokens and panel classes only. */
html, body.orsel { height: 100%; margin: 0; background: var(--bg-canvas); }
.orsel-gate { min-height: 100%; display: grid; place-items: center; padding: var(--space-6); box-sizing: border-box; }
.orsel-gate[hidden] { display: none; }
.orsel-card { width: 100%; max-width: var(--orb-panel-width); }
.orsel-frame { position: fixed; inset: 0; width: 100%; height: 100%; border: 0; background: var(--bg-canvas); }