.webhook-list-grid{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-5)}.webhook-row-card{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:16px 20px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:12px;transition:border-color .15s}.webhook-row-card:hover{border-color:#22c55e4d}.webhook-row-card__header{display:flex;align-items:center;gap:12px}.webhook-row-card__url{flex:1;min-width:0;font-family:JetBrains Mono,monospace;font-size:12.5px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.webhook-row-card__events{display:flex;flex-wrap:wrap;gap:6px}.webhook-row-card__no-events{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-dim)}.event-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-family:JetBrains Mono,monospace;font-size:10.5px;font-weight:600;letter-spacing:.04em;border:1px solid transparent;line-height:1.4;text-transform:none}.event-pill--red{background:#ef44441a;color:var(--status-error-fg);border-color:#ef44444d}.event-pill--green{background:#22c55e1a;color:var(--green);border-color:#22c55e4d}.event-pill--amber{background:#f59e0b1f;color:var(--amber);border-color:#f59e0b59}.event-pill--gray{background:#ffffff0a;color:var(--text-muted);border-color:var(--border-strong)}.add-webhook-card{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;margin-top:var(--space-4)}.add-webhook-card__header{display:flex;align-items:center;gap:8px;padding:14px 20px;color:var(--green);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid var(--border);background:#22c55e0a}.add-webhook-card__body{padding:24px;display:flex;flex-direction:column;gap:4px}.add-webhook-card__footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--border);background:#00000026}.event-toggle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.event-toggle{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-md);background:#ffffff06;border:1px solid var(--border-strong);color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer;transition:border-color .15s,background .15s,color .15s;text-align:left}.event-toggle:hover:not(.is-selected){border-color:#fff3;color:var(--text)}.event-toggle.is-selected{color:var(--text);background:#22c55e0f;border-color:var(--green);box-shadow:inset 0 0 0 1px #22c55e59}.event-toggle__lead{flex-shrink:0;color:var(--text-dim)}.event-toggle.is-selected .event-toggle__lead{color:inherit}.event-toggle__check{color:var(--green);margin-left:auto}.event-toggle--red.is-selected{background:#ef44440f;border-color:var(--red);box-shadow:inset 0 0 0 1px #ef444459}.event-toggle--red.is-selected .event-toggle__check,.event-toggle--red.is-selected .event-toggle__lead{color:var(--red)}.event-toggle--amber.is-selected{background:#f59e0b0f;border-color:var(--amber);box-shadow:inset 0 0 0 1px #f59e0b59}.event-toggle--amber.is-selected .event-toggle__check,.event-toggle--amber.is-selected .event-toggle__lead{color:var(--amber)}.event-toggle--green.is-selected{background:#22c55e0f;border-color:var(--green);box-shadow:inset 0 0 0 1px #22c55e59}.event-toggle--green.is-selected .event-toggle__check,.event-toggle--green.is-selected .event-toggle__lead{color:var(--green)}.template-section{margin-top:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;background:#00000026}.template-section__toggle{width:100%;display:flex;align-items:center;gap:10px;padding:12px 16px;background:transparent;border:0;color:var(--text);font-family:Inter,sans-serif;font-size:13px;font-weight:600;cursor:pointer;text-align:left;transition:background .15s}.template-section__toggle:hover{background:#ffffff08}.template-section__toggle .tone-amber{color:var(--amber)}.template-section__toggle .tone-dim{color:var(--text-dim)}.template-section__indicator{margin-left:auto;font-size:18px;color:var(--text-dim);line-height:1}.template-editor{padding:16px;border-top:1px solid var(--border);background:#0000001a;display:flex;flex-direction:column;gap:12px}.template-editor__hint{margin:0;color:var(--text-muted);font-size:12px;line-height:1.5}.template-editor__chips{display:flex;flex-wrap:wrap;gap:6px}.template-editor__chip{padding:4px 10px;border-radius:999px;background:#22c55e0f;border:1px solid rgba(34,197,94,.25);color:var(--green);font-family:JetBrains Mono,monospace;font-size:10.5px;cursor:pointer;transition:filter .15s,transform .15s}.template-editor__chip:hover{filter:brightness(1.15);transform:translateY(-1px)}.template-editor__textarea{width:100%;background:#0000004d;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);padding:12px 14px;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.55;resize:vertical;min-height:80px;box-sizing:border-box;transition:border-color .15s}.template-editor__textarea:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 1px var(--green)}