/* The staff subdomain's sign-in page (packages/hub/src/staff-launcher.ts): the only thing it shows
   without a service account's session. System fonts on purpose - nothing else is served here. */
:root {
  color-scheme: dark;
  --void: #0d0a07;
  --window: #1c1a17;
  --well: #100e0b;
  --line: rgba(245, 235, 220, 0.1);
  --t1: rgba(242, 236, 226, 0.92);
  --t2: rgba(242, 236, 226, 0.6);
  --amber: #eeb968;
  --warn: #dd8b78;
}
* {
  box-sizing: border-box;
}
html,
body {
  margin: 0;
  min-height: 100%;
  background: var(--void);
  color: var(--t1);
  font: 15px/1.5 system-ui, sans-serif;
}
.gate {
  width: min(360px, calc(100vw - 32px));
  margin: 18vh auto 0;
  padding: 24px;
  background: var(--window);
  border-radius: 6px;
}
h1 {
  margin: 0;
  font-size: 22px;
  letter-spacing: 0.04em;
}
.lead {
  margin: 4px 0 16px;
  color: var(--t2);
}
form {
  display: grid;
  gap: 12px;
}
label {
  display: grid;
  gap: 4px;
  color: var(--t2);
  font-size: 13px;
}
input {
  padding: 8px 12px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: var(--well);
  color: var(--t1);
  font: inherit;
}
input:focus {
  outline: 2px solid var(--amber);
  outline-offset: 1px;
}
button {
  padding: 8px 12px;
  border: 0;
  border-radius: 6px;
  background: var(--amber);
  color: var(--void);
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}
button:disabled {
  opacity: 0.5;
  cursor: default;
}
details {
  margin-top: 16px;
  color: var(--t2);
  font-size: 13px;
}
details form {
  margin-top: 12px;
}
summary {
  cursor: pointer;
}
.status {
  min-height: 1.5em;
  margin: 12px 0 0;
  color: var(--warn);
  font-size: 13px;
}