#connectedAppsEntry[hidden] { display: none; }

.connected-app-dialog {
  box-sizing: border-box;
  width: min(32rem, calc(100% - 2rem));
  max-height: calc(100% - 2rem);
  padding: 1.4rem;
  border: 1px solid color-mix(in srgb, CanvasText 20%, Canvas);
  border-radius: 1.25rem;
  color: CanvasText;
  background: Canvas;
  font: inherit;
}
.connected-app-dialog::backdrop { background: rgb(0 0 0 / 48%); }
.connected-app-dialog h2 { margin-top: 0; font-size: 1.35rem; }
.connected-app-dialog p:empty { display: none; }
.connected-app-dialog form, .connected-app-row {
  display: grid;
  gap: .7rem;
  margin-bottom: 1rem;
}
.connected-app-row {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  padding-bottom: .7rem;
  border-bottom: 1px solid color-mix(in srgb, CanvasText 18%, Canvas);
}
.connected-app-row strong { grid-column: 1 / -1; overflow-wrap: anywhere; }
.connected-app-dialog button, .connected-app-dialog input:not([type="checkbox"]) {
  min-height: 2.6rem;
  padding: .45rem .7rem;
  font: inherit;
}
.connected-app-dialog input:not([type="checkbox"]) { display: block; width: 100%; box-sizing: border-box; }
.connected-app-dialog input[type="checkbox"] { margin-inline-end: .5rem; }
@media (max-width: 420px) {
  .connected-app-row { grid-template-columns: 1fr; }
}