.integration-form{padding:0 24px 26px}.config-section{display:flex;align-items:start;gap:13px;border-top:1px solid var(--border);padding-top:25px;margin-top:25px}.config-section:first-of-type{margin-top:0}.config-step{background:#edf5ef;color:#408364;border-radius:7px;display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;font-size:11px;font-weight:600}.config-section h3{font-size:14px;font-weight:600;margin:0 0 6px}.config-section p{font-size:12px;line-height:1.6;margin:0;color:var(--muted)}.config-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:23px}.config-grid label{display:grid;gap:8px;font-size:12px;font-weight:500}.config-grid .wide{grid-column:1/-1}.config-grid input{border:1px solid #dbe5de;border-radius:6px;height:41px;width:100%;padding:0 12px;color:#385848;background:#fff;min-width:0}.config-grid input[readonly]{background:#f5f8f5;font-size:12px;color:#6a8374}.config-grid small,.checkbox-row small{font-size:11px;color:#819389;font-weight:400;line-height:1.6}.input-action{display:flex;align-items:center;gap:8px}.input-action input{flex:1}.input-action .secondary{height:41px}.checkbox-row{display:flex;align-items:start;gap:11px;margin:23px 0;background:#f5f9f6;border:1px solid #e2ece5;border-radius:8px;padding:17px}.checkbox-row input{accent-color:var(--green);margin:3px 0 0;width:16px;height:16px}.checkbox-row strong{font-size:12px;display:block;margin-bottom:4px}.checkbox-row small{display:block}.setup-guide{background:#fbfcfb;border:1px solid var(--border);padding:18px 21px;border-radius:8px;color:#6f8276;font-size:12px;line-height:1.85}.setup-guide>strong{color:#3a5b46;font-weight:600}.setup-guide ol{padding-left:19px;margin:9px 0}.setup-guide p{color:#a37f42;font-size:11px;margin:10px 0 0}.config-actions{display:flex;gap:10px;align-items:center;margin-top:23px;flex-wrap:wrap}.config-actions>span{font-size:11px;color:var(--muted)}.config-summary{border-top:1px solid var(--border)}@media(max-width:800px){.integration-form{padding:0 16px 24px}.config-grid{grid-template-columns:1fr}.input-action{flex-wrap:wrap}.input-action input{flex-basis:100%}.config-actions button{flex:1}.config-actions>span{flex-basis:100%}}

.config-actions + [role=status]{margin-top:14px}#webhook-diagnostic-summary{white-space:pre-line}

.config-grid select{border:1px solid #dbe5de;border-radius:6px;height:41px;width:100%;padding:0 12px;color:#385848;background:#fff}
.config-grid textarea{border:1px solid #dbe5de;border-radius:6px;padding:12px;font:inherit;resize:vertical;min-height:95px;width:100%;color:#385848}.flow-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:22px;align-items:start}.flow-guide{margin:0 24px 24px}.flow-guide a{color:var(--green);text-decoration:underline}.flow-simulator{position:sticky;top:20px}.flow-preview-log{height:490px;overflow:auto;padding:12px 20px;background:#fafcf9}.flow-preview-log .bubble{margin-right:20px}.flow-preview-log .bubble.outbound{margin-left:20px;margin-right:0}.flow-preview-form{display:flex;gap:9px;padding:17px;border-top:1px solid var(--border)}.flow-preview-form input{min-width:0;flex:1;height:38px;padding:0 11px;border:1px solid var(--border);border-radius:5px;font:inherit}@media(max-width:1100px){.flow-layout{grid-template-columns:1fr}.flow-simulator{position:static}.flow-preview-log{height:350px}}