/* Webhooks & Slack. Builds on the Shop Integrations dialog styles. */
.shop-hooks-dialog .shop-integrations-body>.shop-integration-card+.shop-integration-card{margin-top:16px}
.shop-hooks-dialog .sh-add{margin:0 0 16px}
.shop-hooks-dialog .sh-address{margin:0;color:#cfcfcf;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;overflow-wrap:anywhere}
.shop-hooks-dialog .sh-events{margin:8px 0 0;color:#e6e6e6;font-size:14px;overflow-wrap:anywhere}
.shop-hooks-dialog .sh-events span{color:#9a9a9a}
.shop-hooks-dialog .sh-problem{margin:8px 0 0;color:#ffcf8a;font-size:13.5px;overflow-wrap:anywhere}
.shop-hooks-dialog small.sh-problem{display:block;margin-top:3px}
.shop-hooks-dialog .sh-steps{margin:0 0 12px;padding-left:20px;color:#d8d8d8;display:grid;gap:4px}
.shop-hooks-dialog .sh-form label{display:grid;gap:6px;font-size:13px;font-weight:600;color:#ccc}
.shop-hooks-dialog .sh-events-pick{border:1px solid #333;border-radius:12px;padding:10px 12px 12px;margin:4px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:8px 14px;min-width:0}
.shop-hooks-dialog .sh-events-pick legend{padding:0 6px;color:#bbb;font-size:13px;font-weight:600}
.shop-hooks-dialog label.sh-check{display:flex;gap:9px;align-items:center;font-weight:500;font-size:14px;color:#e6e6e6}
.shop-hooks-dialog .sh-check input{width:18px;height:18px;flex:0 0 auto;accent-color:#ff720a}
.shop-hooks-dialog [data-sh-secret]{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}
.shop-hooks-dialog .shop-integration-actions{flex-wrap:wrap}