/* Isolated styles for the shared connection form on every route template. */
.oauth-pilot { padding: 24px; width: 100%; min-width: 0; }
.oauth-pilot [hidden] { display: none !important; }
.oauth-pilot .connector-block { margin: 20px 0; }
.oauth-pilot .app-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.oauth-pilot .app-actions .button { white-space: normal; min-height: 44px; }
.oauth-pilot #pilot-feedback { margin-top: 20px; overflow-wrap: anywhere; }
.oauth-pilot #pilot-feedback[data-error="true"] { color: #9f1a20; font-weight: 700; }
.oauth-pilot select, .oauth-pilot input { width: 100%; min-height: 44px; }
.oauth-pilot button:focus-visible, .oauth-pilot select:focus-visible, .oauth-pilot input:focus-visible {
  outline: 3px solid #5e43f3; outline-offset: 3px;
}
@media (max-width: 560px) {
  .oauth-pilot { padding: 16px; }
  .oauth-pilot .app-actions .button { flex: 1 1 160px; }
}