/* Registro de webhooks (webhooks-panel.js). Solo usa tokens de design-system.css. */
.wh-tools { flex-wrap: wrap; row-gap: var(--sp-2); }
.wh-search { width: 300px; }
.wh-select { width: auto; max-width: 220px; }
.wh-summary { max-width: 520px; overflow-wrap: anywhere; }
.wh-payload { max-height: 360px; overflow: auto; margin: var(--sp-2) 0; padding: var(--sp-3); border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--wash); font-family: var(--font-mono, ui-monospace, monospace); font-size: var(--fs-meta); line-height: 1.5; white-space: pre-wrap; overflow-wrap: anywhere; }
.wh-replays { list-style: none; margin: var(--sp-2) 0 var(--sp-3); padding: 0; display: flex; flex-direction: column; gap: var(--sp-2); }
@media (max-width: 760px) {
  .wh-search, .wh-select { width: 100%; max-width: none; }
}