/* Integrate Rybbit – Settings tabs */

.settings_page_integrate-rybbit .nav-tab-wrapper {
  margin: 0 0 12px;
}

.settings_page_integrate-rybbit .rybbit-tab-panel {
  margin: 0;
}

/* Make key inputs wider */
.settings_page_integrate-rybbit .rybbit-input-wide {
  width: min(760px, 100%);
}

.settings_page_integrate-rybbit .rybbit-input-url {
  width: min(820px, 100%);
}

.settings_page_integrate-rybbit .rybbit-select-wide {
  width: min(520px, 100%);
}

.settings_page_integrate-rybbit .rybbit-meta-key-wrap {
  margin-top: 10px;
  padding-left: 2px;
}

.settings_page_integrate-rybbit .rybbit-identify-payload {
  background: #f6f7f7;
  border: 1px solid #dcdcde;
  border-radius: 6px;
  padding: 10px 12px;
  max-height: 280px;
  font-size: 12px;
  line-height: 1.4;
  margin: 0;

  /* Keep the block inside the white settings card */
  max-width: 100%;
  box-sizing: border-box;

  /* Make long lines safe */
  overflow-x: auto;
  overflow-y: auto;

  /* Preserve formatting but allow breaking of extreme tokens as a fallback */
  white-space: pre;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* Debug tab: wrap long lines so they never push outside the card */
.settings_page_integrate-rybbit .rybbit-tab-panel[data-tab="debug"] .rybbit-identify-payload {
  white-space: pre-wrap;
}

.settings_page_integrate-rybbit .rybbit-refresh-payload {
  text-decoration: none;
}