.webhook-workspace{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px;align-items:start}
.webhook-workspace>*{min-width:0}.app-section .webhook-form{display:block;margin:0;padding:0;border:0;max-width:none}
.webhook-form h2{margin-bottom:22px}.webhook-form>.status{margin:14px 0 0}
.webhook-form label{display:block;font-size:14px;margin:18px 0 8px}.webhook-form input[type=url]{font-family:Mono,monospace}
.webhook-form fieldset{border:0;padding:0;margin:24px 0}.webhook-form legend{font-size:14px;font-weight:500;margin-bottom:4px}
.webhook-form .webhook-check{display:flex;gap:10px;align-items:start;line-height:1.55;margin:12px 0}
.webhook-check input[type=checkbox]{width:17px;height:17px;flex:0 0 17px;margin:3px 0 0;accent-color:var(--text)}
.webhook-form input[type=number]{max-width:160px;display:block;margin-top:8px}.webhook-form .actions{margin-top:24px}
.webhook-secret{margin-top:22px;overflow-wrap:anywhere}.webhook-secret label{display:block;font-size:14px;font-weight:500}
.webhook-secret input{display:block;width:100%;min-width:0;margin:12px 0;font-family:Mono,monospace}.webhook-secret .button{margin:8px 8px 0 0}
.webhook-history{margin-top:20px}.webhook-history-heading{display:flex;gap:16px;justify-content:space-between;align-items:center;margin-bottom:18px}
.webhook-history-heading h2{margin:0}.webhook-history table{min-width:560px}.webhook-history td{font-size:13px;vertical-align:top}
@media(max-width:950px){.webhook-workspace{grid-template-columns:1fr}}
@media(max-width:600px){.webhook-workspace{gap:16px}.webhook-history{margin-top:16px}.webhook-history-heading{align-items:flex-start;flex-wrap:wrap}}