.bamchat-session-control {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.bamchat-session-control.is-signout strong,
.bamchat-session-control.is-signout .setting-icon {
  color: #ef6b6b;
}

.bamchat-session-control.is-signin strong,
.bamchat-session-control.is-signin .setting-icon {
  color: #f6ba49;
}

.bamchat-fresh-empty {
  min-height: 180px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 8px;
  padding: 32px 20px;
  text-align: center;
  color: var(--muted, #98a2b3);
}

.bamchat-fresh-empty strong {
  color: var(--text, #f4f6f8);
  font-size: 1rem;
}

.bamchat-fresh-empty span {
  max-width: 30rem;
  line-height: 1.5;
}

.bamchat-fresh-signin {
  margin-top: 8px;
  min-width: 128px;
}

.profile-card > div {
  min-width: 0;
  overflow: hidden;
}

.profile-card > div p {
  overflow-wrap: anywhere;
}

.profile-card > .btn {
  flex: 0 0 auto;
}

.auth-scrim {
  position: fixed;
  inset: 0;
  z-index: 500;
  display: grid;
  place-items: center;
  padding: 1rem;
  background: rgba(3, 10, 20, 0.76);
  backdrop-filter: blur(8px);
}

.auth-card {
  width: min(420px, 100%);
  padding: 1.5rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 18px;
  background: #0f1f36;
  color: #f7f9fc;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5);
}

.auth-card h2 { margin: 0 0 0.35rem; font-size: 1.2rem; }
.auth-sub { margin: 0 0 1rem; color: #b8c1ce; line-height: 1.45; }
.auth-form, .auth-form .field { display: grid; gap: 0.75rem; }
.auth-form .field { gap: 0.3rem; }
.auth-form .field-label { font-size: 0.75rem; font-weight: 700; color: #cbd2dc; }
.auth-form .input {
  width: 100%;
  box-sizing: border-box;
  padding: 0.7rem 0.75rem;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 11px;
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
  font: inherit;
}
.auth-form .input:focus-visible,
.auth-toggle:focus-visible { outline: 2px solid #f6ba49; outline-offset: 2px; }
.auth-submit {
  width: 100%;
  margin-top: 0.35rem;
  padding: 0.72rem;
  border: 0;
  border-radius: 11px;
  background: #f6ba49;
  color: #14233a;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}
.auth-submit:disabled { opacity: 0.6; cursor: progress; }
.auth-error { display: none; margin: 0.5rem 0 0; color: #ff9b91; }
.auth-toggle {
  display: block;
  width: 100%;
  margin-top: 0.75rem;
  border: 0;
  background: none;
  color: #e7ebf1;
  font: inherit;
  cursor: pointer;
  text-decoration: underline;
}