/* Layout for the public auth pages; everything else comes from @agentos/ui. */
.ag-auth {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: var(--ag-space-6, 24px);
  background: var(--ag-bg-normal);
}
.ag-auth__card {
  width: min(420px, 100%);
  padding: var(--ag-space-6, 24px);
}
.ag-auth__title {
  margin: 0 0 var(--ag-space-4, 16px);
  font-size: 1.25rem;
}
.ag-auth .ag-stack {
  display: flex;
  flex-direction: column;
  gap: var(--ag-space-3, 12px);
}
.ag-auth .ag-field {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* Signed-in user in the top bar */
.ag-user-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.ag-user-badge__text {
  display: flex;
  flex-direction: column;
  line-height: 1.15;
  font-size: var(--ag-text-xs, 12px);
}
.ag-user-badge__name {
  font-weight: 600;
  color: var(--ag-fg-accent);
}
.ag-user-badge__role {
  color: var(--ag-fg-muted);
}
@media (max-width: 900px) {
  .ag-user-badge__text {
    display: none;
  }
}