/* What the Django pages need beyond styles.css, which is the old hub's sheet,
   copied unchanged. Links now do what buttons did, so they take the buttons'
   look; the rest is the sign-in pages. */

a.tab, a.sidebar__item, a.btn { text-decoration: none; }
a.tab { display: inline-block; }
a.sidebar__item { display: block; }
a.btn { display: inline-block; color: inherit; }
.masthead__brand a { display: inline-flex; }

.whoami--static { cursor: default; }
.search-form { display: contents; }
.signout { display: inline; margin: 0; }

.rebuild { max-width: 60ch; display: flex; flex-direction: column; gap: 12px; font-size: 13px; }

.gate__main { flex: 1; display: flex; align-items: flex-start; justify-content: center; padding: 48px 16px; }
.gate__card { width: min(420px, 100%); display: flex; flex-direction: column; gap: 14px; font-size: 13px; }
.gate__button { width: 100%; padding: 10px 14px; font-size: 13px; }
.gate__dev { font-size: 11.5px; color: var(--ink-2); }
.gate__form { display: flex; flex-direction: column; gap: 12px; }
.gate__field { display: flex; flex-direction: column; gap: 4px; }
.gate__field input { font: inherit; padding: 6px 8px; border: 1px solid var(--rule); border-radius: 6px;
  background: var(--fill); color: var(--ink); }
.gate__roles { border: 1px solid var(--rule); border-radius: 6px; display: flex; flex-direction: column; gap: 6px; }
.app.gate { min-height: 100vh; display: flex; flex-direction: column; }