/* 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;
  }
}

/* Chat / Board Room: the page header (title + icon actions) sits in the top bar's title slot */
.ag-topbar__left--page {
  flex: 1;
  align-self: stretch;
  align-items: center;
  overflow: visible;
}
.ag-topbar .ag-chat__header {
  flex: 1;
  min-width: 0;
  height: auto;
  padding: 0;
  background: none;
}
.ag-topbar .ag-chat__title-block {
  flex: 1;
  max-width: none;
}
.ag-topbar .ag-chat__title {
  font-size: var(--ag-text-lg);
}
.ag-topbar .ag-chat__header-right {
  gap: 2px;
}
.ag-chat-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.ag-chat-icon-btn.is-active {
  color: var(--ag-fg-accent);
  background: var(--ag-bg-normal);
}
.ag-chat-icon-btn:disabled {
  opacity: 0.4;
  cursor: default;
}
.ag-chat-icon-btn--danger:hover {
  color: var(--ag-danger);
}
@media (max-width: 900px) {
  .ag-topbar .ag-chat__header {
    flex-wrap: wrap;
  }
}