/*
 * BaoLong Lab · Frontend Auth-State UX rc1
 * Shared account popover only.
 * No backend, quota, generation or provider ownership.
 */

.bl-auth-popover {
  position: fixed;
  top: 78px;
  right: 18px;
  z-index: 2600;
  width: min(280px, calc(100vw - 24px));
  box-sizing: border-box;
  padding: 14px;
  border: 1px solid rgba(17, 17, 17, 0.12);
  border-radius: 14px;
  background: var(--surface, #fff);
  color: var(--text, #171717);
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.12);
}

.bl-auth-popover[hidden] {
  display: none !important;
}

.bl-auth-popover__eyebrow {
  margin: 0 0 5px;
  font-size: 11px;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  opacity: 0.55;
}

.bl-auth-popover__account {
  margin: 0;
  font-size: 14px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.bl-auth-popover__status {
  margin: 7px 0 0;
  font-size: 12px;
  line-height: 1.55;
  opacity: 0.68;
}

.bl-auth-popover__logout {
  width: 100%;
  margin-top: 12px;
  padding: 9px 12px;
  border: 1px solid rgba(17, 17, 17, 0.14);
  border-radius: 999px;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
}

.bl-auth-popover__logout:hover,
.bl-auth-popover__logout:focus-visible {
  background: rgba(17, 17, 17, 0.05);
}

.site-header .login-entry-btn[data-baolong-auth-state="authenticated"],
.site-header .login-entry-btn[data-baolong-auth-state="pending"] {
  cursor: pointer;
}

@media (max-width: 760px) {
  .bl-auth-popover {
    top: 76px;
    right: 12px;
    left: 12px;
    width: auto;
  }
}