.integration-panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  margin-bottom: 24px;
}
.integration-panel h2 { margin-bottom: 8px; }
.integration-panel p { margin-bottom: 0; }
.integration-action { flex: 0 0 auto; }
.integration-action button {
  width: auto;
  min-width: 180px;
  margin: 0;
  padding: 0 22px;
}
.integration-action button:disabled {
  cursor: not-allowed;
  filter: grayscale(.55);
  opacity: .55;
}
.button-secondary {
  color: var(--cyan);
  background: rgba(0,169,255,.08);
  border: 1px solid rgba(87,221,255,.3);
  box-shadow: none;
}
@media (max-width: 700px) {
  .integration-panel { align-items: stretch; flex-direction: column; }
  .integration-action button { width: 100%; }
}
.oauth-confirm { width: min(720px, 100%); margin: 24px auto; }
.oauth-confirm h1 { font-size: clamp(34px, 6vw, 54px); margin-bottom: 18px; }
.oauth-scopes { margin: 24px 0; padding-left: 22px; color: #bed5e5; line-height: 1.8; }
.oauth-continue {
  display: inline-grid;
  min-height: 52px;
  place-items: center;
  padding: 0 24px;
  border-radius: 12px;
  color: #00101d;
  background: linear-gradient(100deg,var(--cyan),var(--blue));
  font-weight: 800;
  text-decoration: none;
  box-shadow: 0 10px 30px rgba(0,169,255,.2);
}
.oauth-cancel { display: inline-block; margin-left: 20px; color: var(--cyan); text-decoration: none; }
@media (max-width: 560px) {
  .oauth-continue { display: grid; width: 100%; }
  .oauth-cancel { display: block; margin: 18px 0 0; text-align: center; }
}