.nexa-page {
  --app-accent: #79c7d5;
  --app-accent-rgb: 121, 199, 213;
  --app-accent-ink: #06171b;
  --app-bg: #0a1116;
  --app-sidebar: #0f1b22;
  --app-panel: #14212a;
  --app-panel-strong: #1a2a35;
}

.nexa-detail {
  align-self: start;
  border-top: 3px solid var(--app-accent);
}

.nexa-state-control {
  margin: 22px 0 12px;
}

.nexa-secondary {
  margin-top: 18px;
}

.nexa-team-list {
  display: grid;
  gap: 12px;
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
}

.nexa-team-list li {
  display: flex;
  align-items: center;
  gap: 12px;
  border-top: 1px solid var(--app-border);
  padding-top: 12px;
}

.nexa-team-list li > span {
  display: grid;
  width: 42px;
  aspect-ratio: 1;
  place-items: center;
  border-radius: 50%;
  background: rgba(var(--app-accent-rgb), 0.16);
  color: var(--app-accent);
  font-size: 0.75rem;
  font-weight: 900;
}

.nexa-team-list strong,
.nexa-team-list small {
  display: block;
}

.nexa-team-list small {
  color: var(--app-muted);
}

.nexa-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}

@media (max-width: 560px) {
  .nexa-actions {
    flex-direction: column;
  }
}