body.wizard-open{overflow:hidden}
.modalBackdrop{padding:24px}
.modalContent.formCard{width:min(1120px,calc(100vw - 48px));max-width:1120px;height:min(820px,calc(100dvh - 48px));max-height:calc(100dvh - 48px);overflow:hidden;padding:0;display:flex;flex-direction:column;border-radius:16px}
.modalContent>.heading{flex:none;padding:24px 32px 16px!important;margin:0;border-bottom:1px solid #e0e7ef}.modalContent .eyebrow{margin:0 0 8px}#formTitle{font-size:24px!important}.modalClose{top:22px;right:24px}
.wizardSteps{display:flex;flex:none;gap:0;padding:16px 32px;background:#f6f8fc;border-bottom:1px solid #e0e7ef}.wizardStepButton{display:flex;align-items:center;gap:9px;flex:1;background:transparent;color:#60748c;text-align:left;border-radius:6px;padding:9px;font-size:12px}.wizardStepButton span{border:1px solid #cbd7e4;border-radius:50%;width:26px;height:26px;display:grid;place-content:center;flex:none}.wizardStepButton.active{color:#106c60;background:#e4f2ef}.wizardStepButton.active span{background:#177c6b;color:#fff;border-color:#177c6b}
#monitorForm{display:flex;flex-direction:column;gap:0;min-height:0;flex:1;overflow:hidden}.wizardBody{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:28px 32px}.wizardPanel{max-width:100%;display:grid;grid-template-columns:1fr 1fr;gap:18px 24px;align-content:start}.wizardPanel>h2,.wizardPanel>.wizardDescription,.wizardPanel>p,.wizardPanel>section,.wizardPanel>details,.wizardPanel>.streamSettings,.wizardPanel>#wizardReview{grid-column:1/-1}.wizardPanel>h2{font-size:21px;margin:0}.wizardDescription{margin:-8px 0 6px;color:#62758c;font-size:13px}.wizardPanel[data-step="0"]>label{grid-column:1/-1;max-width:700px}.wizardPanel[data-step="0"]>.typeHelp{margin:0;padding:12px 16px}.wizardPanel .note{margin:4px 0;font-size:12px;line-height:1.6}#monitorForm .wizardPanel label{margin:0}#monitorForm .wizardPanel select,#monitorForm .wizardPanel input{padding:11px 12px;font-size:13px}.wizardPanel[data-step="1"]>label:has(input[name="url"]){grid-column:1/-1}
#monitorForm .formActions{position:static;flex:none;border-top:1px solid #e0e7ef;margin:0;padding:18px 32px;display:flex;align-items:center;gap:12px;background:#fff;bottom:auto}.formActions #formCancel{order:0;margin-right:auto}.formActions #wizardPrevious{order:1}.formActions #wizardNext,.formActions #formSubmit{order:2}#formError{flex:none;margin:0;padding:0 32px 10px}#formError:empty{padding:0}
.wizardPanel .requestEditor{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;padding:16px}.requestEditor>.editorToolbar,.requestEditor>#bodyModeHint,.requestEditor>#bodyFeedback{grid-column:1/-1}.requestEditor>label,.requestEditor>#graphqlFields{grid-column:1}.requestEditor>details{grid-column:2;grid-row:3 / span 2;margin:0!important;min-width:0}.requestEditor>details pre{max-height:310px;font-size:12px}.requestEditor textarea{min-height:150px}.requestEditor #graphqlFields textarea{min-height:80px;max-height:120px}.requestEditor .editorToolbar label{max-width:210px}.wizardPanel .streamSettings{display:grid;grid-template-columns:1fr 1fr;gap:16px}.streamSettings>p,.streamSettings>.checkLabel{grid-column:1/-1}
#wizardReview dl{margin:0;display:grid;grid-template-columns:1fr 1fr;border:1px solid #dce4ee;border-radius:10px;overflow:hidden}#wizardReview dl>div{padding:16px;border-bottom:1px solid #e3e9f1;min-width:0}#wizardReview dt{font-size:11px;color:#64758b;margin-bottom:7px;text-transform:uppercase;letter-spacing:.6px}#wizardReview dd{margin:0;font:13px/1.5 ui-monospace,monospace;overflow-wrap:anywhere}#wizardReview .note{margin-top:16px}
@media(max-width:700px){.modalBackdrop{padding:10px}.modalContent.formCard{width:100%;max-width:none;height:calc(100dvh - 20px);max-height:calc(100dvh - 20px)}.modalContent>.heading{padding:18px 20px 12px!important}.wizardSteps{padding:10px 12px;gap:3px}.wizardStepButton{justify-content:center;padding:7px 3px;font-size:10px;flex-direction:column;gap:4px}.wizardStepButton span{width:22px;height:22px}.wizardBody{padding:20px}.wizardPanel{grid-template-columns:1fr;gap:14px}.wizardPanel>label{grid-column:1}.wizardPanel .requestEditor{grid-template-columns:1fr}.requestEditor>details{grid-column:1;grid-row:auto}.requestEditor>.editorToolbar{gap:8px}.requestEditor>details pre{max-height:160px}.wizardPanel .streamSettings{grid-template-columns:1fr}#wizardReview dl{grid-template-columns:1fr}#monitorForm .formActions{padding:14px 16px;gap:8px}.formActions button{font-size:11px;padding:11px}#formError{padding:0 20px 8px}.modalClose{top:18px;right:14px}}
.wizardPanel .input,.wizardPanel .select select{border-radius:10px;min-height:42px}.wizardPanel .select{display:block;width:100%;height:auto}.wizardPanel .select select{width:100%;padding-right:2.5em}.wizardPanel label{display:block}.groupCombo{position:relative}.groupCombo>.input{padding-right:46px}.groupComboButton{position:absolute;right:4px;top:4px;height:34px;width:38px;border:0;background:transparent;color:#183b32;font-size:20px;cursor:pointer}.groupComboMenu{position:absolute;z-index:20;top:calc(100% + 5px);left:0;right:0;background:#fff;border:1px solid #dce3df;border-radius:10px;box-shadow:0 8px 24px #183b3222;padding:6px;display:flex;flex-direction:column}.groupComboMenu small{padding:8px;color:#6c8077}.groupComboOption{border:0;background:#fff;text-align:left;padding:10px 12px;border-radius:7px;cursor:pointer;color:#183b32}.groupComboOption:hover{background:#edf7f3}.wizardPanel .button.is-primary{background:#16836f;border-color:#16836f}.wizardPanel .button.is-primary:hover{background:#106957}.wizardPanel #wizardReview{background:#f7faf9;border:1px solid #dce8e3;border-radius:14px;padding:18px}.wizardPanel #wizardReview dl{margin:0}.wizardPanel #wizardReview dl>div{display:grid;grid-template-columns:180px minmax(0,1fr);gap:20px;padding:10px 0;border-bottom:1px solid #e5eeea}.wizardPanel #wizardReview dt{font-weight:700;color:#547064}.wizardPanel #wizardReview dd{margin:0;text-align:left;color:#183b32;overflow-wrap:anywhere}
.modalContent,.wizardPanel{color-scheme:light;color:#183b32}.wizardPanel h2,.modalContent h1{color:#183b32}.wizardPanel input.input,.wizardPanel textarea.input,.wizardPanel .select select,.groupCombo>.input{background:#fff!important;color:#183b32!important;border:1px solid #cfdad6!important;box-shadow:none!important}.wizardPanel input::placeholder,.wizardPanel textarea::placeholder{color:#7b8c86!important;opacity:1}.wizardPanel .select select option{background:#fff;color:#183b32}.groupCombo{background:#fff;border:1px solid #cfdad6;border-radius:10px;display:flex;align-items:center;overflow:visible}.groupCombo>.input{border:0!important;flex:1;border-radius:10px 0 0 10px}.groupComboButton{position:static;flex:0 0 42px;height:40px;color:#16836f;background:#f3f8f6;border-left:1px solid #dbe7e2;border-radius:0 9px 9px 0}.groupCombo:focus-within{border-color:#16836f;box-shadow:0 0 0 3px #16836f22}.groupComboMenu{top:calc(100% + 6px)}
.wizardProgress{display:none}
.wizardPanel #wizardReview .previewCheck{margin-top:16px;padding:16px;border:1px solid #c9ddd5;border-radius:10px;background:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.previewCheck h3{font-size:16px;margin:0}.previewCheck p{margin:0}.previewCheck button[aria-busy="true"]{opacity:.7;cursor:wait}#previewCheckStatus:not(:empty){padding:8px 0;font-weight:600}#previewCheckStatus[data-state="error"]{color:#a12d32}#previewCheckStatus[data-state="success"]{color:#176b4e}
.wizardStepButton{min-height:44px;line-height:1.25}.wizardStepButton b{font-size:12px;line-height:1.25}.wizardPanel label{min-width:0;line-height:1.45}.wizardPanel label>small{display:block;font-weight:400;color:#62758c;line-height:1.45;margin:2px 0 6px}.wizardPanel .help,.wizardPanel .note{max-width:78ch}.wizardPanel>label input,.wizardPanel>label select,.wizardPanel>label textarea{width:100%;max-width:100%}.groupComboButton{font-size:0}.groupComboButton::before{content:"";display:block;width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:-4px auto 0}.wizardPanel input:focus-visible,.wizardPanel select:focus-visible,.wizardPanel textarea:focus-visible,.wizardStepButton:focus-visible,.formActions button:focus-visible{outline:3px solid #0f6657!important;outline-offset:2px}.wizardPanel #wizardReview{max-width:850px}.wizardPanel .requestEditor{min-width:0}.wizardPanel .requestEditor textarea{width:100%;max-width:100%}
@media(max-width:850px) and (min-width:701px){.modalContent.formCard{width:calc(100vw - 32px)}.wizardSteps{padding-left:18px;padding-right:18px}.wizardStepButton{justify-content:center;gap:7px;padding:8px 4px}.wizardStepButton b{font-size:11px}.wizardBody{padding:24px}.wizardPanel{gap:16px 18px}}
@media(max-width:560px){.wizardSteps{padding:9px 10px;justify-content:space-between}.wizardStepButton{flex:0 0 38px;padding:6px;min-height:38px}.wizardStepButton b{display:none}.wizardStepButton span{width:26px;height:26px}.wizardProgress{display:block;margin:0;padding:9px 20px;background:#f6f8fc;color:#365d4f;font-size:12px;font-weight:600;border-bottom:1px solid #e0e7ef}.wizardBody{padding:18px 18px 22px}.wizardPanel{gap:13px}.wizardPanel>.wizardDescription{margin-top:-5px}.wizardPanel[data-step="1"]>label:has(input[name="url"]){grid-column:1/-1}.wizardPanel .requestEditor{padding:12px}.formActions #formSubmit,.formActions #wizardNext{margin-left:auto}}
@media(max-width:380px){.modalBackdrop{padding:6px}.modalContent.formCard{height:calc(100dvh - 12px);max-height:calc(100dvh - 12px)}.modalContent>.heading{padding:14px 16px 10px!important}.wizardBody{padding:16px}.formActions{padding:12px!important}.formActions button{font-size:12px!important;padding:9px 10px!important}.wizardProgress{padding-left:16px}}