/* Small authenticated-workspace primitives. */

.br-app .br-app-copy-field {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.5rem;
  align-items: center;
  margin-top: 0.75rem;
}

.br-app .br-app-copy-field__status {
  grid-column: 1 / -1;
  margin-top: 0.15rem;
  color: var(--app-text-faint);
  font-size: 0.75rem;
}

.br-app .br-app-inline-empty {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  margin-top: 0.85rem;
  padding: 0.8rem 0.9rem;
  border: 1px dashed var(--app-border-strong);
  border-radius: 10px;
  color: var(--app-text-faint);
}

.br-app .br-app-inline-empty p {
  margin: 0;
  font-size: 0.8rem;
}

.br-app .br-app-desktop-link {
  width: min(100%, 42rem);
  max-width: none;
}

/* Pro replaces the upgrade CTA with a persistent Workspace launcher. */
.br-app .br-app-sidebar__workspace-shell {
  width: 100%;
}

.br-app .br-app-sidebar__workspace {
  display: grid;
  width: 100%;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.55rem;
  min-height: 2.35rem;
  padding: 0.45rem 0.7rem;
  border: 1px solid var(--br-text-primary);
  border-radius: 8px;
  background: var(--br-text-heading);
  color: var(--br-black);
  font-family: inherit;
  font-size: 0.8125rem;
  font-weight: 650;
  text-decoration: none;
  text-align: left;
  cursor: pointer;
  box-shadow: none;
  transition: background-color var(--app-transition), transform var(--app-transition);
}

.br-app .br-app-sidebar__workspace .br-icon {
  color: var(--br-black);
}

.br-app .br-app-sidebar__workspace:hover {
  background: var(--br-text-primary);
  color: var(--br-black);
  transform: translateY(-1px);
}

.br-app .br-app-sidebar__workspace-status {
  --workspace-status-color: var(--app-text-faint);
  display: block;
  width: 0.52rem;
  height: 0.52rem;
  border-radius: 999px;
  background: var(--workspace-status-color);
  box-shadow: 0 0 0 0 color-mix(in srgb, var(--workspace-status-color) 34%, transparent);
  animation: br-workspace-status-pulse 1.8s ease-in-out infinite;
}

.br-app .br-app-sidebar__workspace-status.is-online {
  --workspace-status-color: var(--app-success-light);
}

.br-app .br-app-sidebar__workspace-status.is-pending {
  --workspace-status-color: var(--app-warning);
}

.br-app .br-app-sidebar__workspace-status.is-offline {
  --workspace-status-color: var(--app-text-faint);
}

.br-app .br-app-sidebar__workspace-status.is-error {
  --workspace-status-color: var(--app-danger);
}

@keyframes br-workspace-status-pulse {
  0%, 100% {
    opacity: 1;
    box-shadow: 0 0 0 0 color-mix(in srgb, var(--workspace-status-color) 34%, transparent);
  }
  50% {
    opacity: 0.72;
    box-shadow: 0 0 0 0.28rem color-mix(in srgb, var(--workspace-status-color) 10%, transparent);
  }
}

@media (max-width: 600px) {
  .br-app .br-app-copy-field {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .br-app .br-app-sidebar__workspace-status {
    animation: none;
  }
}