/* Generated: real dashboard styles, scoped per screen. Do not edit by hand. */
.tshot.s-c-int-act{ --wp--preset--color--black: #000000; --wp--preset--color--cyan-bluish-gray: #abb8c3; --wp--preset--color--white: #ffffff; --wp--preset--color--pale-pink: #f78da7; --wp--preset--color--vivid-red: #cf2e2e; --wp--preset--color--luminous-vivid-orange: #ff6900; --wp--preset--color--luminous-vivid-amber: #fcb900; --wp--preset--color--light-green-cyan: #7bdcb5; --wp--preset--color--vivid-green-cyan: #00d084; --wp--preset--color--pale-cyan-blue: #8ed1fc; --wp--preset--color--vivid-cyan-blue: #0693e3; --wp--preset--color--vivid-purple: #9b51e0; --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%); --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%); --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%); --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%); --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%); --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%); --wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%); --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%); --wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%); --wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%); --wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%); --wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%); --wp--preset--font-size--small: 13px; --wp--preset--font-size--medium: 20px; --wp--preset--font-size--large: 36px; --wp--preset--font-size--x-large: 42px; --wp--preset--spacing--20: 0.44rem; --wp--preset--spacing--30: 0.67rem; --wp--preset--spacing--40: 1rem; --wp--preset--spacing--50: 1.5rem; --wp--preset--spacing--60: 2.25rem; --wp--preset--spacing--70: 3.38rem; --wp--preset--spacing--80: 5.06rem; --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2); --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4); --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2); --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1); --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1); }
.tshot.s-c-int-act{ --brand-1: #6CB1FF; --brand-2: #0b74ff; --brand-3: #0856CC; --brand-grad: #0b74ff; }
.tshot.s-c-int-act .qrn-app{ display: block; min-height: 100vh; width: 100%; padding-left: 260px; overflow-x: clip; box-sizing: border-box; background: rgb(246, 247, 251); color: rgb(51, 51, 51); font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5; -webkit-font-smoothing: antialiased; text-size-adjust: 100%; }
.tshot.s-c-int-act .qrn-app *, .tshot.s-c-int-act .qrn-app ::before, .tshot.s-c-int-act .qrn-app ::after{ box-sizing: border-box; }
.tshot.s-c-int-act .qrn-app h1, .tshot.s-c-int-act .qrn-app h2, .tshot.s-c-int-act .qrn-app h3, .tshot.s-c-int-act .qrn-app h4, .tshot.s-c-int-act .qrn-app h5, .tshot.s-c-int-act .qrn-app h6{ color: inherit; font-family: inherit; font-weight: 500; line-height: 1.2; }
.tshot.s-c-int-act .qrn-app p{ margin-block: 0px 0.9rem; }
.tshot.s-c-int-act .qrn-app label{ display: inline-block; line-height: 1; vertical-align: middle; }
.tshot.s-c-int-act .qrn-app button, .tshot.s-c-int-act .qrn-app input, .tshot.s-c-int-act .qrn-app optgroup, .tshot.s-c-int-act .qrn-app select, .tshot.s-c-int-act .qrn-app textarea{ font-family: inherit; margin: 0px; color: inherit; }
.tshot.s-c-int-act .qrn-app button, .tshot.s-c-int-act .qrn-app select{ text-transform: none; }
.tshot.s-c-int-act .qrn-app select{ display: block; }
.tshot.s-c-int-act .qrn-main{ min-width: 0px; min-height: 100vh; display: flex; flex-direction: column; overflow-x: clip; }
.tshot.s-c-int-act .qrn-content{ padding: 18px; }
.tshot.s-c-int-act #qrnShellContentInner{ --qs-paper: #FFFFFF; --qs-ink: #0F2430; --qs-ink-2: #546673; --qs-ink-3: #8496A1; --qs-line: #DDE5EA; --qs-line-soft: #EBF0F3; --qs-fill: #F6F9FA; --qs-action: #0B74FF; --qs-action-dark: #0A5FD0; --qs-tint: #F2F7FE; --qs-tint-line: #C9DDF7; --qs-signal: #0E7C66; --qs-signal-tint: #EDF6F3; --qs-signal-line: #C3E1D8; --qs-hold: #A9640F; --qs-hold-tint: #FDF6EC; --qs-hold-line: #EFD9B8; --qs-wait: #7A8C97; --qs-halt: #A32D25; --qs-r-sm: 4px; --qs-r-md: 6px; }
.tshot.s-c-int-act .qrn-in{ --in-paper: #FFFFFF; --in-ink: #0F2430; --in-ink-2: #546673; --in-ink-3: #7A8C97; --in-ink-4: #24404F; --in-line: #DDE5EA; --in-line-soft: #EBF0F3; --in-line-strong: #C9D4DB; --in-fill: #F6F9FA; --in-fill-2: #FAFBFC; --in-foot: #F7F9FC; --in-foot-line: #E6EAF2; --in-action: #0B74FF; --in-action-dark: #0A5FD0; --in-tint: #EEF5FF; --in-tint-2: #F5F9FF; --in-tint-line: #CFE0FA; --in-tint-ink: #123A73; --in-chip-ink: #1D4ED8; --in-signal: #0E7C66; --in-signal-tint: #E2F3EE; --in-signal-ink: #0A5A4A; --in-hold: #B26B0A; --in-hold-ink: #8A5209; --in-hold-deep: #6B4008; --in-hold-tint: #FDF0DC; --in-hold-bg: #FDF4E7; --in-hold-line: #EED6B0; --in-hold-btn: #D9B57D; --in-halt: #A32D25; --in-halt-dark: #8A241E; --in-halt-tint: #FBECEB; --in-halt-line: #F0C4C0; --in-grey: #8496A1; --in-mono: 'SF Mono', Menlo, Consolas, monospace; --in-r-sm: 4px; --in-r-md: 6px; max-width: 1620px; margin: 16px auto 32px 32px; padding: 0px 32px 0px 0px; color: var(--in-ink); font-size: 14px; line-height: 1.45; }
.tshot.s-c-int-act .qrn-in *, .tshot.s-c-int-act .qrn-in ::before, .tshot.s-c-int-act .qrn-in ::after{ box-sizing: border-box; }
.tshot.s-c-int-act .qrn-app .qrn-in p{ margin: 0px; }
.tshot.s-c-int-act .qrn-in section, .tshot.s-c-int-act .qrn-in nav, .tshot.s-c-int-act .qrn-in form, .tshot.s-c-int-act .qrn-in ol, .tshot.s-c-int-act .qrn-in ul, .tshot.s-c-int-act .qrn-in dl, .tshot.s-c-int-act .qrn-in dd, .tshot.s-c-int-act .qrn-in details{ margin: 0px; }
.tshot.s-c-int-act .qrn-in a, .tshot.s-c-int-act .qrn-in a:hover, .tshot.s-c-int-act .qrn-in a:focus{ text-decoration: none; }
.tshot.s-c-int-act .qrn-in .qrn-in-vh, .tshot.s-c-int-act .qrn-integrations .qrn-in-vh{ width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; position: absolute !important; }
.tshot.s-c-int-act .qrn-in .qrn-in-dyn{ display: flex; flex-direction: column; gap: 18px; min-width: 0px; transition: opacity 0.15s; }
.tshot.s-c-int-act .qrn-app .qrn-in .qrn-in-h1{ margin: 0px; font-size: 28px; font-weight: 600; letter-spacing: -0.02em; line-height: 1.2; color: var(--in-ink); }
.tshot.s-c-int-act .qrn-in .qrn-in-sub{ font-size: 14px; color: var(--in-ink-2); overflow-wrap: anywhere; margin: 4px 0px 0px !important; }
.tshot.s-c-int-act .qrn-in .qrn-in-fine{ font-size: 12.5px; color: var(--in-ink-2); }
.tshot.s-c-int-act .qrn-in .qrn-in-head{ display: flex; align-items: flex-start; justify-content: space-between; gap: 14px 16px; }
.tshot.s-c-int-act .qrn-in .qrn-in-titles{ flex: 1 1 0px; min-width: 0px; }
.tshot.s-c-int-act .qrn-in .qrn-in-bizform{ flex: 0 0 280px; }
.tshot.s-c-int-act .qrn-in .qrn-in-sel{ position: relative; min-width: 0px; }
.tshot.s-c-int-act .qrn-in .qrn-in-sel select{ appearance: none; display: block; width: 100%; height: 44px; margin: 0px; padding: 0px 34px 0px 12px; border: 1px solid var(--in-line); border-radius: var(--in-r-md); background: var(--in-paper); box-shadow: none; color: var(--in-ink); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14px; font-weight: 500; line-height: 1.2; cursor: pointer; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.tshot.s-c-int-act .qrn-in .qrn-in-sel--biz select{ padding: 0px 36px 0px 40px; }
.tshot.s-c-int-act .qrn-in .qrn-in-sel select:hover{ border-color: var(--in-line-strong); }
.tshot.s-c-int-act .qrn-in .qrn-in-sel select:focus{ outline: none; }
.tshot.s-c-int-act .qrn-in .qrn-in-sel-ico, .tshot.s-c-int-act .qrn-in .qrn-in-sel-chev{ position: absolute; top: 50%; transform: translateY(-50%); display: flex; pointer-events: none; color: var(--in-ink-2); }
.tshot.s-c-int-act .qrn-in .qrn-in-sel-ico{ left: 13px; }
.tshot.s-c-int-act .qrn-in .qrn-in-sel-chev{ right: 12px; }
.tshot.s-c-int-act .qrn-in .qrn-in-strip{ display: grid; grid-template-columns: minmax(0px, 1.7fr) repeat(4, minmax(0px, 1fr)); gap: 1px; background: var(--in-line); border: 1px solid var(--in-line); border-radius: var(--in-r-md); overflow: hidden; }
.tshot.s-c-int-act .qrn-in .qrn-in-strip > div{ padding: 14px 18px; background: var(--in-paper); min-width: 0px; }
.tshot.s-c-int-act .qrn-in .qrn-in-strip-st .qrn-in-st{ font-size: 15px; font-weight: 600; }
.tshot.s-c-int-act .qrn-in .qrn-in-strip-line{ margin-top: 3px; font-size: 13px; color: var(--in-ink-2); }
.tshot.s-c-int-act .qrn-in .qrn-in-strip-l{ font-size: 12.5px; font-weight: 500; color: var(--in-ink-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tshot.s-c-int-act .qrn-in .qrn-in-strip-v{ margin-top: 2px; font-size: 22px; font-weight: 700; letter-spacing: -0.01em; font-variant-numeric: tabular-nums; }
.tshot.s-c-int-act .qrn-in .qrn-in-strip-v.is-amber{ color: var(--in-hold-ink); }
.tshot.s-c-int-act .qrn-in .qrn-in-st{ display: flex; align-items: center; gap: 7px; min-width: 0px; font-weight: 500; color: var(--in-st); }
.tshot.s-c-int-act .qrn-in .qrn-in-dot{ flex: 0 0 8px; width: 8px; height: 8px; border-radius: 50%; background: var(--in-st); border: 2px solid var(--in-st); }
.tshot.s-c-int-act .qrn-in .qrn-in-strip .qrn-in-dot{ flex-basis: 9px; width: 9px; height: 9px; }
.tshot.s-c-int-act .qrn-in .qrn-in-st.is-ok{ --in-st: var(--in-signal); }
.tshot.s-c-int-act .qrn-in .qrn-in-tabs{ display: flex; gap: 26px; overflow-x: auto; scrollbar-width: none; box-shadow: inset 0 -1px 0 var(--in-line); }
.tshot.s-c-int-act .qrn-in .qrn-in-tabs::-webkit-scrollbar{ display: none; }
.tshot.s-c-int-act .qrn-in .qrn-in-tab{ flex: 0 0 auto; display: inline-flex; align-items: center; gap: 7px; height: 44px; padding: 0px 2px; border-bottom: 2px solid transparent; color: var(--in-ink-2); font-size: 14.5px; font-weight: 500; white-space: nowrap; }
.tshot.s-c-int-act .qrn-in .qrn-in-tab:hover{ color: var(--in-ink); }
.tshot.s-c-int-act .qrn-in .qrn-in-tab.is-on{ border-bottom-color: var(--in-action); color: var(--in-ink); font-weight: 600; }
.tshot.s-c-int-act .qrn-in .qrn-in-badge, .tshot.s-c-int-act .qrn-in .qrn-integ-tab-badge{ display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0px 7px; border-radius: 10px; background: rgb(238, 242, 245); color: var(--in-ink-2); font-size: 11.5px; font-weight: 700; }
.tshot.s-c-int-act .qrn-in .qrn-in-badge.is-amber{ background: var(--in-hold-tint); color: var(--in-hold-ink); }
.tshot.s-c-int-act .qrn-in .qrn-integ-tab-badge.is-on{ background: var(--in-signal-tint); color: var(--in-signal); }
.tshot.s-c-int-act .qrn-in .qrn-in-card{ min-width: 0px; background: var(--in-paper); border: 1px solid var(--in-line); border-radius: var(--in-r-md); }
.tshot.s-c-int-act .qrn-in .qrn-in-list-head, .tshot.s-c-int-act .qrn-in .qrn-in-row{ display: grid; grid-template-columns: 150px 120px minmax(0px, 1fr) 90px minmax(0px, 1.4fr); gap: 3px 12px; align-items: center; }
.tshot.s-c-int-act .qrn-in .qrn-in-list-head{ padding: 10px 20px; font-size: 12.5px; font-weight: 600; color: var(--in-ink-2); border-bottom: 1px solid var(--in-line-soft); }
.tshot.s-c-int-act .qrn-in .qrn-in-row{ padding: 11px 20px; border-bottom: 1px solid var(--in-line-soft); color: var(--in-ink); font-size: 14px; transition: background-color 0.12s; }
.tshot.s-c-int-act .qrn-in .qrn-in-row:hover{ background: var(--in-fill); color: var(--in-ink); }
.tshot.s-c-int-act .qrn-in .qrn-in-row > span{ min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tshot.s-c-int-act .qrn-in .qrn-in-c-when{ color: var(--in-ink-2); }
.tshot.s-c-int-act .qrn-in .qrn-in-c-src{ color: var(--in-ink-2); }
.tshot.s-c-int-act .qrn-in .qrn-in-c-what{ color: var(--in-ink-2); }
.tshot.s-c-int-act .qrn-in .qrn-in-c-what.is-away{ color: var(--in-hold-ink); }
.tshot.s-c-int-act .qrn-in .qrn-in-res{ display: flex; align-items: center; gap: 7px; font-weight: 500; white-space: nowrap; color: var(--in-ink); }
.tshot.s-c-int-act .qrn-in .qrn-in-res .qrn-in-dot{ background: var(--in-res); border-color: var(--in-res); }
.tshot.s-c-int-act .qrn-in .qrn-in-res.is-added{ --in-res: var(--in-signal); }
.tshot.s-c-int-act .qrn-in .qrn-in-res.is-updated{ --in-res: var(--in-action); }
.tshot.s-c-int-act .qrn-in .qrn-in-res.is-away{ --in-res: var(--in-hold); }
.tshot.s-c-int-act .qrn-in .qrn-in-filters{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; }
.tshot.s-c-int-act .qrn-in .qrn-in-filters-r{ display: flex; gap: 10px; align-items: center; }
.tshot.s-c-int-act .qrn-in .qrn-in-srcform{ width: 190px; }
.tshot.s-c-int-act .qrn-in .qrn-in-seg{ display: flex; gap: 2px; padding: 3px; border-radius: var(--in-r-md); background: rgb(233, 238, 242); overflow-x: auto; scrollbar-width: none; max-width: 100%; }
.tshot.s-c-int-act .qrn-in .qrn-in-seg::-webkit-scrollbar{ display: none; }
.tshot.s-c-int-act .qrn-in .qrn-in-seg-b{ flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 38px; padding: 0px 12px; border-radius: var(--in-r-sm); color: var(--in-ink-2); font-size: 13.5px; font-weight: 500; white-space: nowrap; cursor: pointer; }
.tshot.s-c-int-act .qrn-in .qrn-in-seg-b:hover{ color: var(--in-ink); }
.tshot.s-c-int-act .qrn-in .qrn-in-seg-b.is-on{ background: var(--in-paper); color: var(--in-ink); font-weight: 600; box-shadow: rgba(15, 36, 48, 0.12) 0px 1px 2px; }
.tshot.s-c-int-act .qrn-in .qrn-in-seg-n{ font-size: 12.5px; font-weight: 600; color: var(--in-ink-3); }
.tshot.s-c-int-act .qrn-in .qrn-in-seg-n.is-amber{ color: var(--in-hold-ink); }
.tshot.s-c-int-act .qrn-in .qrn-in-act{ display: grid; grid-template-columns: minmax(0px, 1fr); gap: 18px; align-items: start; }
.tshot.s-c-int-act .qrn-in .qrn-in-pager.qrn-pagination{ flex-wrap: wrap; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; margin: 0px !important; padding: 12px 20px !important; border-top: 0px !important; background: var(--in-fill-2) !important; border-radius: 0 0 var(--in-r-md) var(--in-r-md) !important; }
.tshot.s-c-int-act .qrn-in .qrn-in-pager .qrn-page-info{ font-size: 12.5px; color: rgb(106, 113, 128); line-height: 1; white-space: nowrap; }
.tshot.s-c-int-act .qrn-in .qrn-in-pager .qrn-page-info b{ color: rgb(16, 24, 40); font-weight: 600; }
.tshot.s-c-int-act .qrn-in .qrn-in-pager .qrn-page-nav{ display: flex; align-items: center; gap: 2px; flex-wrap: wrap; margin: 0px; padding: 0px; }
.tshot.s-c-int-act .qrn-in .qrn-in-pager .page-numbers{ line-height: 1; cursor: pointer; transition: 0.12s; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 32px !important; width: auto !important; height: 32px !important; padding: 0px 8px !important; border-radius: 7px !important; border: 1px solid transparent !important; background: transparent !important; color: rgb(107, 114, 128) !important; text-decoration: none !important; font-size: 12.5px !important; font-weight: 600 !important; box-shadow: none !important; }
.tshot.s-c-int-act .qrn-in .qrn-in-pager a.page-numbers:hover, .tshot.s-c-int-act .qrn-in .qrn-in-pager a.page-numbers:focus{ background: rgb(243, 244, 246) !important; color: rgb(55, 65, 81) !important; }
.tshot.s-c-int-act .qrn-in .qrn-in-pager .page-numbers.current{ cursor: default; background: rgb(11, 116, 255) !important; border-color: rgb(11, 116, 255) !important; color: rgb(255, 255, 255) !important; }
@media (prefers-reduced-motion: reduce){
.tshot.s-c-int-act .qrn-in .qrn-in-dyn{ transition: none; }
}
.tshot.s-c-int-act .qrn-in .qrn-in-pager .page-numbers.current:focus{ outline: 2px solid var(--in-action); outline-offset: 2px; }
.tshot.s-c-int-dyn{ --wp--preset--color--black: #000000; --wp--preset--color--cyan-bluish-gray: #abb8c3; --wp--preset--color--white: #ffffff; --wp--preset--color--pale-pink: #f78da7; --wp--preset--color--vivid-red: #cf2e2e; --wp--preset--color--luminous-vivid-orange: #ff6900; --wp--preset--color--luminous-vivid-amber: #fcb900; --wp--preset--color--light-green-cyan: #7bdcb5; --wp--preset--color--vivid-green-cyan: #00d084; --wp--preset--color--pale-cyan-blue: #8ed1fc; --wp--preset--color--vivid-cyan-blue: #0693e3; --wp--preset--color--vivid-purple: #9b51e0; --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%); --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%); --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%); --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%); --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%); --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%); --wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%); --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%); --wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%); --wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%); --wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%); --wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%); --wp--preset--font-size--small: 13px; --wp--preset--font-size--medium: 20px; --wp--preset--font-size--large: 36px; --wp--preset--font-size--x-large: 42px; --wp--preset--spacing--20: 0.44rem; --wp--preset--spacing--30: 0.67rem; --wp--preset--spacing--40: 1rem; --wp--preset--spacing--50: 1.5rem; --wp--preset--spacing--60: 2.25rem; --wp--preset--spacing--70: 3.38rem; --wp--preset--spacing--80: 5.06rem; --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2); --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4); --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2); --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1); --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1); }
.tshot.s-c-int-dyn{ --brand-1: #6CB1FF; --brand-2: #0b74ff; --brand-3: #0856CC; --brand-grad: #0b74ff; }
.tshot.s-c-int-dyn .qrn-app{ display: block; min-height: 100vh; width: 100%; padding-left: 260px; overflow-x: clip; box-sizing: border-box; background: rgb(246, 247, 251); color: rgb(51, 51, 51); font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5; -webkit-font-smoothing: antialiased; text-size-adjust: 100%; }
.tshot.s-c-int-dyn .qrn-app *, .tshot.s-c-int-dyn .qrn-app ::before, .tshot.s-c-int-dyn .qrn-app ::after{ box-sizing: border-box; }
.tshot.s-c-int-dyn .qrn-app h1, .tshot.s-c-int-dyn .qrn-app h2, .tshot.s-c-int-dyn .qrn-app h3, .tshot.s-c-int-dyn .qrn-app h4, .tshot.s-c-int-dyn .qrn-app h5, .tshot.s-c-int-dyn .qrn-app h6{ color: inherit; font-family: inherit; font-weight: 500; line-height: 1.2; }
.tshot.s-c-int-dyn .qrn-app p{ margin-block: 0px 0.9rem; }
.tshot.s-c-int-dyn .qrn-app label{ display: inline-block; line-height: 1; vertical-align: middle; }
.tshot.s-c-int-dyn .qrn-app button, .tshot.s-c-int-dyn .qrn-app input, .tshot.s-c-int-dyn .qrn-app optgroup, .tshot.s-c-int-dyn .qrn-app select, .tshot.s-c-int-dyn .qrn-app textarea{ font-family: inherit; margin: 0px; color: inherit; }
.tshot.s-c-int-dyn .qrn-app button, .tshot.s-c-int-dyn .qrn-app select{ text-transform: none; }
.tshot.s-c-int-dyn .qrn-app button, .tshot.s-c-int-dyn .qrn-app input{ overflow: visible; }
.tshot.s-c-int-dyn .qrn-app [type="button"], .tshot.s-c-int-dyn .qrn-app [type="reset"], .tshot.s-c-int-dyn .qrn-app [type="submit"], .tshot.s-c-int-dyn .qrn-app button{ appearance: button; }
.tshot.s-c-int-dyn .qrn-app select{ display: block; }
.tshot.s-c-int-dyn .qrn-main{ min-width: 0px; min-height: 100vh; display: flex; flex-direction: column; overflow-x: clip; }
.tshot.s-c-int-dyn .qrn-content{ padding: 18px; }
.tshot.s-c-int-dyn #qrnShellContentInner{ --qs-paper: #FFFFFF; --qs-ink: #0F2430; --qs-ink-2: #546673; --qs-ink-3: #8496A1; --qs-line: #DDE5EA; --qs-line-soft: #EBF0F3; --qs-fill: #F6F9FA; --qs-action: #0B74FF; --qs-action-dark: #0A5FD0; --qs-tint: #F2F7FE; --qs-tint-line: #C9DDF7; --qs-signal: #0E7C66; --qs-signal-tint: #EDF6F3; --qs-signal-line: #C3E1D8; --qs-hold: #A9640F; --qs-hold-tint: #FDF6EC; --qs-hold-line: #EFD9B8; --qs-wait: #7A8C97; --qs-halt: #A32D25; --qs-r-sm: 4px; --qs-r-md: 6px; }
.tshot.s-c-int-dyn .qrn-in{ --in-paper: #FFFFFF; --in-ink: #0F2430; --in-ink-2: #546673; --in-ink-3: #7A8C97; --in-ink-4: #24404F; --in-line: #DDE5EA; --in-line-soft: #EBF0F3; --in-line-strong: #C9D4DB; --in-fill: #F6F9FA; --in-fill-2: #FAFBFC; --in-foot: #F7F9FC; --in-foot-line: #E6EAF2; --in-action: #0B74FF; --in-action-dark: #0A5FD0; --in-tint: #EEF5FF; --in-tint-2: #F5F9FF; --in-tint-line: #CFE0FA; --in-tint-ink: #123A73; --in-chip-ink: #1D4ED8; --in-signal: #0E7C66; --in-signal-tint: #E2F3EE; --in-signal-ink: #0A5A4A; --in-hold: #B26B0A; --in-hold-ink: #8A5209; --in-hold-deep: #6B4008; --in-hold-tint: #FDF0DC; --in-hold-bg: #FDF4E7; --in-hold-line: #EED6B0; --in-hold-btn: #D9B57D; --in-halt: #A32D25; --in-halt-dark: #8A241E; --in-halt-tint: #FBECEB; --in-halt-line: #F0C4C0; --in-grey: #8496A1; --in-mono: 'SF Mono', Menlo, Consolas, monospace; --in-r-sm: 4px; --in-r-md: 6px; max-width: 1620px; margin: 16px auto 32px 32px; padding: 0px 32px 0px 0px; color: var(--in-ink); font-size: 14px; line-height: 1.45; }
.tshot.s-c-int-dyn .qrn-in *, .tshot.s-c-int-dyn .qrn-in ::before, .tshot.s-c-int-dyn .qrn-in ::after{ box-sizing: border-box; }
.tshot.s-c-int-dyn .qrn-app .qrn-in p{ margin: 0px; }
.tshot.s-c-int-dyn .qrn-in section, .tshot.s-c-int-dyn .qrn-in nav, .tshot.s-c-int-dyn .qrn-in form, .tshot.s-c-int-dyn .qrn-in ol, .tshot.s-c-int-dyn .qrn-in ul, .tshot.s-c-int-dyn .qrn-in dl, .tshot.s-c-int-dyn .qrn-in dd, .tshot.s-c-int-dyn .qrn-in details{ margin: 0px; }
.tshot.s-c-int-dyn .qrn-in a, .tshot.s-c-int-dyn .qrn-in a:hover, .tshot.s-c-int-dyn .qrn-in a:focus{ text-decoration: none; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-vh, .tshot.s-c-int-dyn .qrn-integrations .qrn-in-vh{ width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; position: absolute !important; }
.tshot.s-c-int-dyn .qrn-in code{ font-family: var(--in-mono); font-size: 12px; background: var(--in-line-soft); padding: 1px 5px; border-radius: var(--in-r-sm); color: var(--in-ink); }
.tshot.s-c-int-dyn .qrn-in .qrn-in-dyn{ display: flex; flex-direction: column; gap: 18px; min-width: 0px; transition: opacity 0.15s; }
.tshot.s-c-int-dyn .qrn-app .qrn-in .qrn-in-h1{ margin: 0px; font-size: 28px; font-weight: 600; letter-spacing: -0.02em; line-height: 1.2; color: var(--in-ink); }
.tshot.s-c-int-dyn .qrn-in .qrn-in-sub{ font-size: 14px; color: var(--in-ink-2); overflow-wrap: anywhere; margin: 4px 0px 0px !important; }
.tshot.s-c-int-dyn .qrn-app .qrn-in .qrn-in-h2{ margin: 0px; font-size: 16px; font-weight: 600; letter-spacing: -0.01em; line-height: 1.35; color: var(--in-ink); }
.tshot.s-c-int-dyn .qrn-app .qrn-in .qrn-in-h3s{ margin: 0px; font-size: 14px; font-weight: 600; color: var(--in-ink); }
.tshot.s-c-int-dyn .qrn-in .qrn-in-muted{ font-size: 13.5px; color: var(--in-ink-2); }
.tshot.s-c-int-dyn .qrn-in .qrn-in-fine{ font-size: 12.5px; color: var(--in-ink-2); }
.tshot.s-c-int-dyn .qrn-in .qrn-in-hint{ font-size: 12.5px; color: var(--in-ink-2); margin-top: 6px !important; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-label{ display: block; font-size: 13.5px; font-weight: 600; color: var(--in-ink); }
.tshot.s-c-int-dyn .qrn-in .qrn-in-btn{ appearance: none; display: inline-flex; align-items: center; justify-content: center; gap: 7px; height: 40px; margin: 0px; padding: 0px 14px; border: 1px solid var(--in-line-strong); border-radius: var(--in-r-md); background: var(--in-paper); box-shadow: none; color: var(--in-ink); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 13.5px; font-weight: 600; line-height: 1; letter-spacing: 0px; text-transform: none; white-space: nowrap; cursor: pointer; user-select: none; transition: background-color 0.12s, border-color 0.12s, color 0.12s; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-btn svg{ flex: 0 0 auto; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-btn:hover{ background: var(--in-fill); border-color: var(--in-grey); color: var(--in-ink); }
.tshot.s-c-int-dyn .qrn-in .qrn-in-btn--p{ border-color: var(--in-action); background: var(--in-action); color: rgb(255, 255, 255); font-size: 14px; padding: 0px 16px; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-btn--p:hover{ border-color: var(--in-action-dark); background: var(--in-action-dark); color: rgb(255, 255, 255); }
.tshot.s-c-int-dyn .qrn-in .qrn-in-btn--d{ border-color: var(--in-halt-line); color: var(--in-halt); }
.tshot.s-c-int-dyn .qrn-in .qrn-in-btn--d:hover{ background: var(--in-halt-tint); border-color: var(--in-halt-line); color: var(--in-halt); }
.tshot.s-c-int-dyn .qrn-in .qrn-in-btn--lg{ height: 44px; padding: 0px 18px; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-btn[disabled]{ opacity: 0.5; cursor: default; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-btn--p[disabled]:hover{ background: var(--in-action); border-color: var(--in-action); }
.tshot.s-c-int-dyn .qrn-in .qrn-in-head{ display: flex; align-items: flex-start; justify-content: space-between; gap: 14px 16px; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-titles{ flex: 1 1 0px; min-width: 0px; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-bizform{ flex: 0 0 280px; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-sel{ position: relative; min-width: 0px; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-sel select{ appearance: none; display: block; width: 100%; height: 44px; margin: 0px; padding: 0px 34px 0px 12px; border: 1px solid var(--in-line); border-radius: var(--in-r-md); background: var(--in-paper); box-shadow: none; color: var(--in-ink); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14px; font-weight: 500; line-height: 1.2; cursor: pointer; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-sel--biz select{ padding: 0px 36px 0px 40px; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-sel select:hover{ border-color: var(--in-line-strong); }
.tshot.s-c-int-dyn .qrn-in .qrn-in-sel select:focus{ outline: none; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-sel-ico, .tshot.s-c-int-dyn .qrn-in .qrn-in-sel-chev{ position: absolute; top: 50%; transform: translateY(-50%); display: flex; pointer-events: none; color: var(--in-ink-2); }
.tshot.s-c-int-dyn .qrn-in .qrn-in-sel-ico{ left: 13px; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-sel-chev{ right: 12px; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-strip{ display: grid; grid-template-columns: minmax(0px, 1.7fr) repeat(4, minmax(0px, 1fr)); gap: 1px; background: var(--in-line); border: 1px solid var(--in-line); border-radius: var(--in-r-md); overflow: hidden; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-strip > div{ padding: 14px 18px; background: var(--in-paper); min-width: 0px; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-strip-st .qrn-in-st{ font-size: 15px; font-weight: 600; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-strip-line{ margin-top: 3px; font-size: 13px; color: var(--in-ink-2); }
.tshot.s-c-int-dyn .qrn-in .qrn-in-strip-l{ font-size: 12.5px; font-weight: 500; color: var(--in-ink-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-strip-v{ margin-top: 2px; font-size: 22px; font-weight: 700; letter-spacing: -0.01em; font-variant-numeric: tabular-nums; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-strip-v.is-amber{ color: var(--in-hold-ink); }
.tshot.s-c-int-dyn .qrn-in .qrn-in-st{ display: flex; align-items: center; gap: 7px; min-width: 0px; font-weight: 500; color: var(--in-st); }
.tshot.s-c-int-dyn .qrn-in .qrn-in-dot{ flex: 0 0 8px; width: 8px; height: 8px; border-radius: 50%; background: var(--in-st); border: 2px solid var(--in-st); }
.tshot.s-c-int-dyn .qrn-in .qrn-in-strip .qrn-in-dot{ flex-basis: 9px; width: 9px; height: 9px; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-st.is-ok{ --in-st: var(--in-signal); }
.tshot.s-c-int-dyn .qrn-in .qrn-in-tabs{ display: flex; gap: 26px; overflow-x: auto; scrollbar-width: none; box-shadow: inset 0 -1px 0 var(--in-line); }
.tshot.s-c-int-dyn .qrn-in .qrn-in-tabs::-webkit-scrollbar{ display: none; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-tab{ flex: 0 0 auto; display: inline-flex; align-items: center; gap: 7px; height: 44px; padding: 0px 2px; border-bottom: 2px solid transparent; color: var(--in-ink-2); font-size: 14.5px; font-weight: 500; white-space: nowrap; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-tab:hover{ color: var(--in-ink); }
.tshot.s-c-int-dyn .qrn-in .qrn-in-tab.is-on{ border-bottom-color: var(--in-action); color: var(--in-ink); font-weight: 600; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-badge, .tshot.s-c-int-dyn .qrn-in .qrn-integ-tab-badge{ display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0px 7px; border-radius: 10px; background: rgb(238, 242, 245); color: var(--in-ink-2); font-size: 11.5px; font-weight: 700; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-badge.is-amber{ background: var(--in-hold-tint); color: var(--in-hold-ink); }
.tshot.s-c-int-dyn .qrn-in .qrn-integ-tab-badge.is-on{ background: var(--in-signal-tint); color: var(--in-signal); }
.tshot.s-c-int-dyn .qrn-in .qrn-in-card{ min-width: 0px; background: var(--in-paper); border: 1px solid var(--in-line); border-radius: var(--in-r-md); }
.tshot.s-c-int-dyn .qrn-in .qrn-in-card-ht{ display: flex; align-items: center; gap: 10px; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-card-ico{ display: flex; color: var(--in-action); }
.tshot.s-c-int-dyn .qrn-in .qrn-in-card-pad{ padding: 22px 26px; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-card-sub{ font-size: 13.5px; color: var(--in-ink-2); margin: 6px 0px 16px !important; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-card-foot-bar{ display: flex; align-items: center; justify-content: space-between; gap: 10px 14px; padding: 14px 26px; background: var(--in-foot); border-top: 1px solid var(--in-foot-line); border-radius: 0 0 var(--in-r-md) var(--in-r-md); }
.tshot.s-c-int-dyn .qrn-in .qrn-in-foot-hint{ font-size: 12.5px; color: var(--in-ink-2); }
.tshot.s-c-int-dyn .qrn-in .qrn-in-seg{ display: flex; gap: 2px; padding: 3px; border-radius: var(--in-r-md); background: rgb(233, 238, 242); overflow-x: auto; scrollbar-width: none; max-width: 100%; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-seg::-webkit-scrollbar{ display: none; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-seg-b{ flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 38px; padding: 0px 12px; border-radius: var(--in-r-sm); color: var(--in-ink-2); font-size: 13.5px; font-weight: 500; white-space: nowrap; cursor: pointer; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-seg-b:hover{ color: var(--in-ink); }
.tshot.s-c-int-dyn .qrn-in .qrn-in-seg--sm .qrn-in-seg-b{ height: 32px; font-size: 13px; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-seg input:checked + .qrn-in-seg-b{ background: var(--in-paper); color: var(--in-ink); font-weight: 600; box-shadow: rgba(15, 36, 48, 0.12) 0px 1px 2px; }
.tshot.s-c-int-dyn .qrn-app .qrn-in pre.qrn-in-code{ margin: 0px; padding: 12px 14px; background: rgb(15, 23, 42); color: rgb(226, 232, 240); border: 0px; border-radius: var(--in-r-md); font-family: var(--in-mono); font-size: 12px; line-height: 1.6; white-space: pre; overflow-x: auto; max-height: 420px; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-http-c{ display: inline-block; min-width: 44px; padding: 2px 8px; border-radius: var(--in-r-sm); text-align: center; font-family: var(--in-mono); font-size: 12.5px; font-weight: 600; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-http-c.is-ok{ background: var(--in-signal-tint); color: var(--in-signal); }
.tshot.s-c-int-dyn .qrn-in .qrn-in-http-c.is-warn{ background: var(--in-hold-tint); color: var(--in-hold-ink); }
.tshot.s-c-int-dyn .qrn-in .qrn-in-http-c.is-bad{ background: var(--in-halt-tint); color: var(--in-halt); }
@media (prefers-reduced-motion: reduce){
.tshot.s-c-int-dyn .qrn-in .qrn-in-dyn{ transition: none; }
}
.tshot.s-c-int-dyn .qrn-in .qrn-in-fields{ display: flex; flex-direction: column; gap: 14px; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-field{ display: grid; grid-template-columns: 130px minmax(0px, 1fr); gap: 6px 16px; align-items: start; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-field > .qrn-in-label{ padding-top: 12px; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-copyfield{ display: flex; align-items: center; gap: 2px; height: 44px; padding: 0px 4px 0px 0px; border: 1px solid var(--in-line); border-radius: var(--in-r-md); background: rgb(249, 251, 252); }
.tshot.s-c-int-dyn .qrn-app .qrn-in .qrn-in-copyfield input{ appearance: none; flex: 1 1 0px; min-width: 0px; height: 100%; margin: 0px; padding: 0px 12px; border-radius: var(--in-r-md); color: var(--in-ink); font-family: var(--in-mono); font-size: 13.5px; border: 0px !important; background: transparent !important; box-shadow: none !important; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-copyfield input:focus{ outline: none; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-iconbtn{ appearance: none; display: flex; align-items: center; justify-content: center; gap: 5px; height: 36px; min-width: 36px; margin: 0px; padding: 0px 8px; border: 0px; border-radius: var(--in-r-md); background: transparent; box-shadow: none; color: var(--in-ink-2); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 12.5px; font-weight: 600; cursor: pointer; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-iconbtn:hover{ background: rgb(238, 242, 245); color: var(--in-ink); }
.tshot.s-c-int-dyn .qrn-in .qrn-in-eye, .tshot.s-c-int-dyn .qrn-in .qrn-in-eyeoff{ display: flex; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-tools{ display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 10px; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-tool{ display: flex; align-items: flex-start; gap: 12px; min-height: 76px; padding: 14px; border: 1px solid var(--in-line); border-radius: var(--in-r-md); background: var(--in-paper); color: var(--in-ink); transition: border-color 0.12s, background-color 0.12s; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-tool:hover{ border-color: var(--in-grey); color: var(--in-ink); }
.tshot.s-c-int-dyn .qrn-in .qrn-in-tool-ico{ display: flex; align-items: center; justify-content: center; flex: 0 0 40px; width: 40px; height: 40px; border-radius: var(--in-r-md); background: var(--in-tint); color: var(--in-action); }
.tshot.s-c-int-dyn .qrn-in .qrn-in-tool-ico.is-brand{ background: rgb(255, 255, 255); border: 1px solid var(--in-line); }
.tshot.s-c-int-dyn .qrn-in .qrn-in-tool-ico.is-zapier{ border: 0px; overflow: hidden; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-tool-ico .qrn-3p-logo{ display: block; flex: 0 0 auto; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-tool-t{ display: flex; flex-direction: column; gap: 2px; min-width: 0px; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-tool-n{ font-size: 14.5px; font-weight: 600; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-tool-s{ font-size: 13px; color: var(--in-ink-2); }
.tshot.s-c-int-dyn .qrn-in .qrn-in-map-r code, .tshot.s-c-int-dyn .qrn-in .qrn-in-ref code{ background: transparent; padding: 0px; font-size: 12.5px; overflow-wrap: anywhere; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-tags-l{ display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 8px; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-pill{ padding: 2px 10px; border-radius: 999px; background: var(--in-tint); color: var(--in-chip-ink); font-size: 12px; font-weight: 600; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-tagfield{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-height: 48px; padding: 8px 10px; border: 1px solid var(--in-line); border-radius: var(--in-r-md); background: var(--in-paper); }
.tshot.s-c-int-dyn .qrn-in .qrn-in-tagchip{ display: inline-flex; align-items: center; gap: 4px; padding: 4px 4px 4px 10px; border-radius: var(--in-r-sm); background: var(--in-tint); color: var(--in-chip-ink); font-size: 13px; font-weight: 500; max-width: 100%; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-tagchip-l{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-tagchip button{ appearance: none; display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; margin: 0px; padding: 0px; border: 0px; border-radius: var(--in-r-sm); background: transparent; box-shadow: none; color: var(--in-chip-ink); cursor: pointer; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-tagchip button:hover{ background: rgb(220, 233, 255); }
.tshot.s-c-int-dyn .qrn-in .qrn-in-tagadd{ appearance: none; display: inline-flex; align-items: center; gap: 5px; height: 32px; margin: 0px; padding: 0px 10px; border: 1px dashed rgb(184, 198, 207); border-radius: var(--in-r-sm); background: var(--in-paper); box-shadow: none; color: rgb(61, 85, 100); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 13px; font-weight: 500; cursor: pointer; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-tagadd:hover{ border-color: var(--in-grey); color: var(--in-ink); }
.tshot.s-c-int-dyn .qrn-in .qrn-in-consent{ display: flex; gap: 12px; align-items: flex-start; margin-top: 16px; padding: 12px 14px; background: var(--in-fill); border: 1px solid var(--in-line-soft); border-radius: var(--in-r-sm); }
.tshot.s-c-int-dyn .qrn-in .qrn-in-consent-ico{ display: flex; flex: 0 0 18px; margin-top: 1px; color: var(--in-signal); }
.tshot.s-c-int-dyn .qrn-in .qrn-in-consent p{ font-size: 13.5px; line-height: 1.5; color: var(--in-ink-4); }
.tshot.s-c-int-dyn .qrn-in .qrn-in-consent b{ font-weight: 600; color: var(--in-ink); }
.tshot.s-c-int-dyn .qrn-in .qrn-in-test{ display: flex; align-items: center; gap: 12px 16px; margin-top: 12px; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-test .qrn-in-btn{ flex: 0 0 auto; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-sample{ margin-top: 20px; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-sample-h{ display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 8px; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-codebox{ border-radius: var(--in-r-md); overflow: hidden; background: rgb(15, 23, 42); }
.tshot.s-c-int-dyn .qrn-in .qrn-in-codebar{ display: flex; align-items: center; justify-content: space-between; padding: 8px 10px 8px 14px; background: rgb(11, 18, 32); border-bottom: 1px solid rgba(255, 255, 255, 0.06); font-size: 11.5px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: rgb(148, 163, 184); }
.tshot.s-c-int-dyn .qrn-in .qrn-in-codecopy{ appearance: none; height: 30px; margin: 0px; padding: 0px 10px; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: var(--in-r-md); background: rgba(255, 255, 255, 0.06); box-shadow: none; color: rgb(203, 213, 225); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 12px; font-weight: 600; letter-spacing: 0px; text-transform: none; cursor: pointer; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-codecopy:hover{ background: rgba(255, 255, 255, 0.12); color: rgb(255, 255, 255); }
.tshot.s-c-int-dyn .qrn-app .qrn-in .qrn-in-codebox pre.qrn-in-code{ border-radius: 0px; font-size: 12.5px; line-height: 1.65; padding: 14px 16px; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-sample > .qrn-in-fine{ margin-top: 6px !important; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-drop{ margin-top: 10px; border: 1px solid var(--in-line); border-radius: var(--in-r-md); }
.tshot.s-c-int-dyn .qrn-in .qrn-in-sample + .qrn-in-drop{ margin-top: 16px; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-drop > summary{ display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: var(--in-r-md); background: var(--in-paper); color: var(--in-ink); font-size: 14px; font-weight: 600; cursor: pointer; list-style: none; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-drop > summary::-webkit-details-marker{ display: none; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-drop > summary::marker{ content: ""; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-drop-n{ margin-left: auto; font-size: 13px; font-weight: 500; color: var(--in-ink-2); }
.tshot.s-c-int-dyn .qrn-in .qrn-in-drop-chev{ display: flex; color: var(--in-ink-2); transition: transform 0.15s; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-ref, .tshot.s-c-int-dyn .qrn-in .qrn-in-ans{ display: grid; gap: 2px 12px; padding: 10px 14px; border-top: 1px solid var(--in-line-soft); font-size: 13.5px; color: var(--in-ink-4); }
.tshot.s-c-int-dyn .qrn-in .qrn-in-ref{ grid-template-columns: 220px 80px minmax(0px, 1fr); }
.tshot.s-c-int-dyn .qrn-in .qrn-in-ref code{ font-weight: 600; color: var(--in-ink); }
.tshot.s-c-int-dyn .qrn-in .qrn-in-ref-req{ font-size: 12.5px; font-weight: 600; color: var(--in-ink-3); }
.tshot.s-c-int-dyn .qrn-in .qrn-in-ref-req.is-req{ color: var(--in-ink); }
.tshot.s-c-int-dyn .qrn-in .qrn-in-ans{ grid-template-columns: 52px 230px minmax(0px, 1fr); align-items: start; }
.tshot.s-c-int-dyn .qrn-in .qrn-in-ans-t{ font-weight: 600; color: var(--in-ink); }
.tshot.s-c-int-dyn .qrn-in .qrn-in-ans-foot{ padding: 10px 14px; border-top: 1px solid var(--in-line-soft); font-size: 12.5px; color: var(--in-ink-2); }
.tshot.s-c-int-wel{ --wp--preset--color--black: #000000; --wp--preset--color--cyan-bluish-gray: #abb8c3; --wp--preset--color--white: #ffffff; --wp--preset--color--pale-pink: #f78da7; --wp--preset--color--vivid-red: #cf2e2e; --wp--preset--color--luminous-vivid-orange: #ff6900; --wp--preset--color--luminous-vivid-amber: #fcb900; --wp--preset--color--light-green-cyan: #7bdcb5; --wp--preset--color--vivid-green-cyan: #00d084; --wp--preset--color--pale-cyan-blue: #8ed1fc; --wp--preset--color--vivid-cyan-blue: #0693e3; --wp--preset--color--vivid-purple: #9b51e0; --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%); --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%); --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%); --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%); --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%); --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%); --wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%); --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%); --wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%); --wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%); --wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%); --wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%); --wp--preset--font-size--small: 13px; --wp--preset--font-size--medium: 20px; --wp--preset--font-size--large: 36px; --wp--preset--font-size--x-large: 42px; --wp--preset--spacing--20: 0.44rem; --wp--preset--spacing--30: 0.67rem; --wp--preset--spacing--40: 1rem; --wp--preset--spacing--50: 1.5rem; --wp--preset--spacing--60: 2.25rem; --wp--preset--spacing--70: 3.38rem; --wp--preset--spacing--80: 5.06rem; --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2); --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4); --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2); --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1); --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1); }
.tshot.s-c-int-wel{ --brand-1: #6CB1FF; --brand-2: #0b74ff; --brand-3: #0856CC; --brand-grad: #0b74ff; }
.tshot.s-c-int-wel .qrn-app{ display: block; min-height: 100vh; width: 100%; padding-left: 260px; overflow-x: clip; box-sizing: border-box; background: rgb(246, 247, 251); color: rgb(51, 51, 51); font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5; -webkit-font-smoothing: antialiased; text-size-adjust: 100%; }
.tshot.s-c-int-wel .qrn-app *, .tshot.s-c-int-wel .qrn-app ::before, .tshot.s-c-int-wel .qrn-app ::after{ box-sizing: border-box; }
.tshot.s-c-int-wel .qrn-app h1, .tshot.s-c-int-wel .qrn-app h2, .tshot.s-c-int-wel .qrn-app h3, .tshot.s-c-int-wel .qrn-app h4, .tshot.s-c-int-wel .qrn-app h5, .tshot.s-c-int-wel .qrn-app h6{ color: inherit; font-family: inherit; font-weight: 500; line-height: 1.2; }
.tshot.s-c-int-wel .qrn-app p{ margin-block: 0px 0.9rem; }
.tshot.s-c-int-wel .qrn-app label{ display: inline-block; line-height: 1; vertical-align: middle; }
.tshot.s-c-int-wel .qrn-app button, .tshot.s-c-int-wel .qrn-app input, .tshot.s-c-int-wel .qrn-app optgroup, .tshot.s-c-int-wel .qrn-app select, .tshot.s-c-int-wel .qrn-app textarea{ font-family: inherit; margin: 0px; color: inherit; }
.tshot.s-c-int-wel .qrn-app button, .tshot.s-c-int-wel .qrn-app select{ text-transform: none; }
.tshot.s-c-int-wel .qrn-app button, .tshot.s-c-int-wel .qrn-app input{ overflow: visible; }
.tshot.s-c-int-wel .qrn-app [type="button"], .tshot.s-c-int-wel .qrn-app [type="reset"], .tshot.s-c-int-wel .qrn-app [type="submit"], .tshot.s-c-int-wel .qrn-app button{ appearance: button; }
.tshot.s-c-int-wel .qrn-app select{ display: block; }
.tshot.s-c-int-wel .qrn-main{ min-width: 0px; min-height: 100vh; display: flex; flex-direction: column; overflow-x: clip; }
.tshot.s-c-int-wel .qrn-content{ padding: 18px; }
.tshot.s-c-int-wel #qrnShellContentInner{ --qs-paper: #FFFFFF; --qs-ink: #0F2430; --qs-ink-2: #546673; --qs-ink-3: #8496A1; --qs-line: #DDE5EA; --qs-line-soft: #EBF0F3; --qs-fill: #F6F9FA; --qs-action: #0B74FF; --qs-action-dark: #0A5FD0; --qs-tint: #F2F7FE; --qs-tint-line: #C9DDF7; --qs-signal: #0E7C66; --qs-signal-tint: #EDF6F3; --qs-signal-line: #C3E1D8; --qs-hold: #A9640F; --qs-hold-tint: #FDF6EC; --qs-hold-line: #EFD9B8; --qs-wait: #7A8C97; --qs-halt: #A32D25; --qs-r-sm: 4px; --qs-r-md: 6px; }
.tshot.s-c-int-wel #qrnShellContentInner .qrn-integrations .qrn-integ-collapsible, .tshot.s-c-int-wel #qrnShellContentInner .qrn-integrations .qrn-integ-activity-list, .tshot.s-c-int-wel #qrnShellContentInner .qrn-integrations .qrn-integ-empty, .tshot.s-c-int-wel #qrnShellContentInner .qrn-integrations .qrn-integ-wel-segbtn, .tshot.s-c-int-wel #qrnShellContentInner .qrn-integrations .qrn-integ-wel-quietrow, .tshot.s-c-int-wel #qrnShellContentInner .qrn-integrations .qrn-integ-wel-stat{ border-radius: var(--qs-r-md) !important; }
.tshot.s-c-int-wel #qrnShellContentInner .qrn-integrations .qrn-integ-testnote, .tshot.s-c-int-wel #qrnShellContentInner .qrn-integrations .qrn-integ-wel-guard, .tshot.s-c-int-wel #qrnShellContentInner .qrn-integrations .qrn-integ-wel-fold, .tshot.s-c-int-wel #qrnShellContentInner .qrn-integrations .qrn-integ-wel-window, .tshot.s-c-int-wel #qrnShellContentInner .qrn-integrations .qrn-integ-wel-release{ border-radius: var(--qs-r-sm) !important; }
.tshot.s-c-int-wel .qrn-in{ --in-paper: #FFFFFF; --in-ink: #0F2430; --in-ink-2: #546673; --in-ink-3: #7A8C97; --in-ink-4: #24404F; --in-line: #DDE5EA; --in-line-soft: #EBF0F3; --in-line-strong: #C9D4DB; --in-fill: #F6F9FA; --in-fill-2: #FAFBFC; --in-foot: #F7F9FC; --in-foot-line: #E6EAF2; --in-action: #0B74FF; --in-action-dark: #0A5FD0; --in-tint: #EEF5FF; --in-tint-2: #F5F9FF; --in-tint-line: #CFE0FA; --in-tint-ink: #123A73; --in-chip-ink: #1D4ED8; --in-signal: #0E7C66; --in-signal-tint: #E2F3EE; --in-signal-ink: #0A5A4A; --in-hold: #B26B0A; --in-hold-ink: #8A5209; --in-hold-deep: #6B4008; --in-hold-tint: #FDF0DC; --in-hold-bg: #FDF4E7; --in-hold-line: #EED6B0; --in-hold-btn: #D9B57D; --in-halt: #A32D25; --in-halt-dark: #8A241E; --in-halt-tint: #FBECEB; --in-halt-line: #F0C4C0; --in-grey: #8496A1; --in-mono: 'SF Mono', Menlo, Consolas, monospace; --in-r-sm: 4px; --in-r-md: 6px; max-width: 1620px; margin: 16px auto 32px 32px; padding: 0px 32px 0px 0px; color: var(--in-ink); font-size: 14px; line-height: 1.45; }
.tshot.s-c-int-wel .qrn-in *, .tshot.s-c-int-wel .qrn-in ::before, .tshot.s-c-int-wel .qrn-in ::after{ box-sizing: border-box; }
.tshot.s-c-int-wel .qrn-app .qrn-in p{ margin: 0px; }
.tshot.s-c-int-wel .qrn-in section, .tshot.s-c-int-wel .qrn-in nav, .tshot.s-c-int-wel .qrn-in form, .tshot.s-c-int-wel .qrn-in ol, .tshot.s-c-int-wel .qrn-in ul, .tshot.s-c-int-wel .qrn-in dl, .tshot.s-c-int-wel .qrn-in dd, .tshot.s-c-int-wel .qrn-in details{ margin: 0px; }
.tshot.s-c-int-wel .qrn-in a, .tshot.s-c-int-wel .qrn-in a:hover, .tshot.s-c-int-wel .qrn-in a:focus{ text-decoration: none; }
.tshot.s-c-int-wel .qrn-in .qrn-in-vh, .tshot.s-c-int-wel .qrn-integrations .qrn-in-vh{ width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; position: absolute !important; }
.tshot.s-c-int-wel .qrn-in .qrn-in-dyn{ display: flex; flex-direction: column; gap: 18px; min-width: 0px; transition: opacity 0.15s; }
.tshot.s-c-int-wel .qrn-app .qrn-in .qrn-in-h1{ margin: 0px; font-size: 28px; font-weight: 600; letter-spacing: -0.02em; line-height: 1.2; color: var(--in-ink); }
.tshot.s-c-int-wel .qrn-in .qrn-in-sub{ font-size: 14px; color: var(--in-ink-2); overflow-wrap: anywhere; margin: 4px 0px 0px !important; }
.tshot.s-c-int-wel .qrn-app .qrn-in .qrn-in-h2{ margin: 0px; font-size: 16px; font-weight: 600; letter-spacing: -0.01em; line-height: 1.35; color: var(--in-ink); }
.tshot.s-c-int-wel .qrn-in .qrn-in-hint{ font-size: 12.5px; color: var(--in-ink-2); margin-top: 6px !important; }
.tshot.s-c-int-wel .qrn-in .qrn-in-label{ display: block; font-size: 13.5px; font-weight: 600; color: var(--in-ink); }
.tshot.s-c-int-wel .qrn-in .qrn-in-link{ appearance: none; margin: 0px; padding: 4px 0px; border: 0px; background: transparent; box-shadow: none; color: var(--in-action); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.tshot.s-c-int-wel .qrn-in .qrn-in-link:hover{ color: var(--in-action-dark); text-decoration: underline; background: transparent; }
.tshot.s-c-int-wel .qrn-in .qrn-in-btn{ appearance: none; display: inline-flex; align-items: center; justify-content: center; gap: 7px; height: 40px; margin: 0px; padding: 0px 14px; border: 1px solid var(--in-line-strong); border-radius: var(--in-r-md); background: var(--in-paper); box-shadow: none; color: var(--in-ink); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 13.5px; font-weight: 600; line-height: 1; letter-spacing: 0px; text-transform: none; white-space: nowrap; cursor: pointer; user-select: none; transition: background-color 0.12s, border-color 0.12s, color 0.12s; }
.tshot.s-c-int-wel .qrn-in .qrn-in-btn svg{ flex: 0 0 auto; }
.tshot.s-c-int-wel .qrn-in .qrn-in-btn:hover{ background: var(--in-fill); border-color: var(--in-grey); color: var(--in-ink); }
.tshot.s-c-int-wel .qrn-in .qrn-in-btn--p{ border-color: var(--in-action); background: var(--in-action); color: rgb(255, 255, 255); font-size: 14px; padding: 0px 16px; }
.tshot.s-c-int-wel .qrn-in .qrn-in-btn--p:hover{ border-color: var(--in-action-dark); background: var(--in-action-dark); color: rgb(255, 255, 255); }
.tshot.s-c-int-wel .qrn-in .qrn-in-head{ display: flex; align-items: flex-start; justify-content: space-between; gap: 14px 16px; }
.tshot.s-c-int-wel .qrn-in .qrn-in-titles{ flex: 1 1 0px; min-width: 0px; }
.tshot.s-c-int-wel .qrn-in .qrn-in-bizform{ flex: 0 0 280px; }
.tshot.s-c-int-wel .qrn-in .qrn-in-sel{ position: relative; min-width: 0px; }
.tshot.s-c-int-wel .qrn-in .qrn-in-sel select{ appearance: none; display: block; width: 100%; height: 44px; margin: 0px; padding: 0px 34px 0px 12px; border: 1px solid var(--in-line); border-radius: var(--in-r-md); background: var(--in-paper); box-shadow: none; color: var(--in-ink); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14px; font-weight: 500; line-height: 1.2; cursor: pointer; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.tshot.s-c-int-wel .qrn-in .qrn-in-sel--biz select{ padding: 0px 36px 0px 40px; }
.tshot.s-c-int-wel .qrn-in .qrn-in-sel select:hover{ border-color: var(--in-line-strong); }
.tshot.s-c-int-wel .qrn-in .qrn-in-sel select:focus{ outline: none; }
.tshot.s-c-int-wel .qrn-in .qrn-in-sel-ico, .tshot.s-c-int-wel .qrn-in .qrn-in-sel-chev{ position: absolute; top: 50%; transform: translateY(-50%); display: flex; pointer-events: none; color: var(--in-ink-2); }
.tshot.s-c-int-wel .qrn-in .qrn-in-sel-ico{ left: 13px; }
.tshot.s-c-int-wel .qrn-in .qrn-in-sel-chev{ right: 12px; }
.tshot.s-c-int-wel .qrn-in .qrn-in-strip{ display: grid; grid-template-columns: minmax(0px, 1.7fr) repeat(4, minmax(0px, 1fr)); gap: 1px; background: var(--in-line); border: 1px solid var(--in-line); border-radius: var(--in-r-md); overflow: hidden; }
.tshot.s-c-int-wel .qrn-in .qrn-in-strip > div{ padding: 14px 18px; background: var(--in-paper); min-width: 0px; }
.tshot.s-c-int-wel .qrn-in .qrn-in-strip-st .qrn-in-st{ font-size: 15px; font-weight: 600; }
.tshot.s-c-int-wel .qrn-in .qrn-in-strip-line{ margin-top: 3px; font-size: 13px; color: var(--in-ink-2); }
.tshot.s-c-int-wel .qrn-in .qrn-in-strip-l{ font-size: 12.5px; font-weight: 500; color: var(--in-ink-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tshot.s-c-int-wel .qrn-in .qrn-in-strip-v{ margin-top: 2px; font-size: 22px; font-weight: 700; letter-spacing: -0.01em; font-variant-numeric: tabular-nums; }
.tshot.s-c-int-wel .qrn-in .qrn-in-strip-v.is-amber{ color: var(--in-hold-ink); }
.tshot.s-c-int-wel .qrn-in .qrn-in-st{ display: flex; align-items: center; gap: 7px; min-width: 0px; font-weight: 500; color: var(--in-st); }
.tshot.s-c-int-wel .qrn-in .qrn-in-dot{ flex: 0 0 8px; width: 8px; height: 8px; border-radius: 50%; background: var(--in-st); border: 2px solid var(--in-st); }
.tshot.s-c-int-wel .qrn-in .qrn-in-strip .qrn-in-dot{ flex-basis: 9px; width: 9px; height: 9px; }
.tshot.s-c-int-wel .qrn-in .qrn-in-st.is-ok{ --in-st: var(--in-signal); }
.tshot.s-c-int-wel .qrn-in .qrn-in-tabs{ display: flex; gap: 26px; overflow-x: auto; scrollbar-width: none; box-shadow: inset 0 -1px 0 var(--in-line); }
.tshot.s-c-int-wel .qrn-in .qrn-in-tabs::-webkit-scrollbar{ display: none; }
.tshot.s-c-int-wel .qrn-in .qrn-in-tab{ flex: 0 0 auto; display: inline-flex; align-items: center; gap: 7px; height: 44px; padding: 0px 2px; border-bottom: 2px solid transparent; color: var(--in-ink-2); font-size: 14.5px; font-weight: 500; white-space: nowrap; }
.tshot.s-c-int-wel .qrn-in .qrn-in-tab:hover{ color: var(--in-ink); }
.tshot.s-c-int-wel .qrn-in .qrn-in-tab.is-on{ border-bottom-color: var(--in-action); color: var(--in-ink); font-weight: 600; }
.tshot.s-c-int-wel .qrn-in .qrn-in-badge, .tshot.s-c-int-wel .qrn-in .qrn-integ-tab-badge{ display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0px 7px; border-radius: 10px; background: rgb(238, 242, 245); color: var(--in-ink-2); font-size: 11.5px; font-weight: 700; }
.tshot.s-c-int-wel .qrn-in .qrn-in-badge.is-amber{ background: var(--in-hold-tint); color: var(--in-hold-ink); }
.tshot.s-c-int-wel .qrn-in .qrn-integ-tab-badge.is-on{ background: var(--in-signal-tint); color: var(--in-signal); }
.tshot.s-c-int-wel .qrn-in .qrn-in-card{ min-width: 0px; background: var(--in-paper); border: 1px solid var(--in-line); border-radius: var(--in-r-md); }
.tshot.s-c-int-wel .qrn-in .qrn-in-card-ht{ display: flex; align-items: center; gap: 10px; }
.tshot.s-c-int-wel .qrn-in .qrn-in-card-ico{ display: flex; color: var(--in-action); }
.tshot.s-c-int-wel .qrn-in .qrn-in-card-pad{ padding: 22px 26px; }
.tshot.s-c-int-wel .qrn-in .qrn-in-card-sub{ font-size: 13.5px; color: var(--in-ink-2); margin: 6px 0px 16px !important; }
.tshot.s-c-int-wel .qrn-in .qrn-in-card-foot-bar{ display: flex; align-items: center; justify-content: space-between; gap: 10px 14px; padding: 14px 26px; background: var(--in-foot); border-top: 1px solid var(--in-foot-line); border-radius: 0 0 var(--in-r-md) var(--in-r-md); }
.tshot.s-c-int-wel .qrn-in .qrn-in-foot-hint{ font-size: 12.5px; color: var(--in-ink-2); }
@media (prefers-reduced-motion: reduce){
.tshot.s-c-int-wel .qrn-in .qrn-in-dyn{ transition: none; }
}
.tshot.s-c-int-wel .qrn-in .qrn-in-wel-head{ display: flex; align-items: flex-start; gap: 14px; }
.tshot.s-c-int-wel .qrn-in .qrn-in-wel-headt{ flex: 1 1 0px; min-width: 0px; }
.tshot.s-c-int-wel .qrn-in .qrn-in-wel-headt .qrn-in-card-sub{ margin-bottom: 0px !important; }
.tshot.s-c-int-wel .qrn-in .qrn-integ-wel-switch{ position: relative; display: inline-flex; align-items: center; gap: 8px; flex: 0 0 auto; height: 40px; padding: 0px 4px; color: var(--in-ink); font-size: 13.5px; font-weight: 600; cursor: pointer; }
.tshot.s-c-int-wel .qrn-in .qrn-integ-wel-switch input{ position: absolute; inset: 0px; width: 100%; height: 100%; margin: 0px; opacity: 0; cursor: pointer; }
.tshot.s-c-int-wel .qrn-in .qrn-integ-wel-track{ position: relative; width: 40px; height: 22px; border-radius: 11px; background: var(--in-line-strong); transition: background 0.15s; }
.tshot.s-c-int-wel .qrn-in .qrn-integ-wel-knob{ position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; border-radius: 50%; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px; transition: left 0.15s; }
.tshot.s-c-int-wel .qrn-in .qrn-integ-wel-switch.is-on .qrn-integ-wel-track{ background: var(--in-action); }
.tshot.s-c-int-wel .qrn-in .qrn-integ-wel-switch.is-on .qrn-integ-wel-knob{ left: 21px; }
.tshot.s-c-int-wel .qrn-in .qrn-integ-wel-guts{ transition: opacity 0.15s; }
.tshot.s-c-int-wel .qrn-in .qrn-in-divider{ display: flex; align-items: center; gap: 12px; margin: 22px 0px 14px; font-size: 11.5px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--in-ink-3); }
.tshot.s-c-int-wel .qrn-in .qrn-in-divider::after{ content: ""; flex: 1 1 auto; height: 1px; background: var(--in-line-soft); }
.tshot.s-c-int-wel .qrn-in .qrn-in-wel-msg{ display: grid; grid-template-columns: minmax(0px, 1fr) 320px; gap: 20px; align-items: start; }
.tshot.s-c-int-wel .qrn-in .qrn-in-wel-compose > .qrn-in-label{ margin-bottom: 6px; }
.tshot.s-c-int-wel .qrn-app .qrn-in .qrn-in-textarea{ appearance: none; display: block; width: 100%; min-height: 110px; margin: 0px; padding: 10px 12px; border: 1px solid var(--in-line); border-radius: var(--in-r-md); background: var(--in-paper); box-shadow: none; color: var(--in-ink); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14px; line-height: 1.5; resize: vertical; }
.tshot.s-c-int-wel .qrn-app .qrn-in .qrn-in-textarea:focus, .tshot.s-c-int-wel .qrn-app .qrn-in .qrn-in-input:focus{ outline: none; border-color: var(--in-action); box-shadow: rgba(11, 116, 255, 0.12) 0px 0px 0px 3px; }
.tshot.s-c-int-wel .qrn-in .qrn-in-wel-meta{ display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 6px; }
.tshot.s-c-int-wel .qrn-in .qrn-in-wel-counts{ font-size: 12.5px; color: var(--in-ink-2); }
.tshot.s-c-int-wel .qrn-in .qrn-in-wel-meta .qrn-in-link{ font-size: 13px; }
.tshot.s-c-int-wel .qrn-in .qrn-in-wel-compose .qrn-in-hint{ margin-top: 8px !important; }
.tshot.s-c-int-wel .qrn-in .qrn-in-wel-prev{ padding: 16px; border-radius: var(--in-r-md); background: rgb(241, 244, 247); }
.tshot.s-c-int-wel .qrn-in .qrn-in-wel-prev-h{ display: flex; align-items: center; gap: 8px; padding-bottom: 10px; border-bottom: 1px solid rgb(226, 232, 238); font-size: 13px; font-weight: 600; }
.tshot.s-c-int-wel .qrn-in .qrn-in-wel-av{ display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: var(--in-line-strong); color: rgb(255, 255, 255); font-size: 12.5px; font-weight: 700; }
.tshot.s-c-int-wel .qrn-in .qrn-in-wel-prev-t{ font-size: 11.5px; color: var(--in-ink-3); text-align: center; margin: 12px 0px 4px !important; }
.tshot.s-c-int-wel .qrn-in .qrn-in-wel-bubble{ max-width: 86%; padding: 9px 12px; border-radius: 16px 16px 16px 4px; background: rgb(229, 229, 234); color: rgb(17, 17, 17); font-size: 14px; line-height: 1.4; }
.tshot.s-c-int-wel .qrn-in .qrn-in-wel-bubble > div{ white-space: pre-wrap; word-break: break-word; }
.tshot.s-c-int-wel .qrn-in .qrn-in-wel-q{ margin: 0px 0px 10px !important; }
.tshot.s-c-int-wel .qrn-in .qrn-in-wel-tz{ display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 10px; }
.tshot.s-c-int-wel .qrn-in .qrn-integ-wel-segbtn{ position: relative; display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; border: 1px solid var(--in-line); border-radius: var(--in-r-md); background: var(--in-paper); color: var(--in-ink); cursor: pointer; transition: border-color 0.12s, background-color 0.12s; }
.tshot.s-c-int-wel .qrn-in .qrn-integ-wel-segbtn:hover{ border-color: var(--in-grey); }
.tshot.s-c-int-wel .qrn-in .qrn-integ-wel-segbtn.is-active{ border-color: var(--in-action); background: var(--in-tint-2); }
.tshot.s-c-int-wel .qrn-in .qrn-in-wel-tz-n{ display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; }
.tshot.s-c-int-wel .qrn-in .qrn-in-wel-tz-dot{ flex: 0 0 14px; width: 14px; height: 14px; border-radius: 50%; border: 1.5px solid rgb(184, 198, 207); }
.tshot.s-c-int-wel .qrn-in .qrn-integ-wel-segbtn.is-active .qrn-in-wel-tz-dot{ border: 5px solid var(--in-action); }
.tshot.s-c-int-wel .qrn-in .qrn-in-wel-tz-d{ font-size: 13px; line-height: 1.45; color: var(--in-ink-2); }
.tshot.s-c-int-wel .qrn-in .qrn-in-wel-tz-tag{ align-self: flex-start; margin-top: 2px; padding: 1px 8px; border-radius: var(--in-r-sm); background: rgb(238, 242, 245); color: rgb(61, 85, 100); font-size: 11.5px; font-weight: 600; }
.tshot.s-c-int-wel .qrn-in .qrn-integ-wel-window{ display: flex; align-items: flex-start; gap: 8px; font-size: 13.5px; color: var(--in-ink-4); margin-top: 12px !important; }
.tshot.s-c-int-wel .qrn-in .qrn-integ-wel-window svg{ flex: 0 0 16px; margin-top: 2px; color: var(--in-ink-2); }
.tshot.s-c-int-wel .qrn-in .qrn-in-adv-t{ appearance: none; display: flex; align-items: center; gap: 10px; width: 100%; margin: 18px 0px 0px; padding: 8px 0px; border: 0px; background: transparent; box-shadow: none; color: rgb(61, 85, 100); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 13.5px; font-weight: 600; text-align: left; cursor: pointer; }
.tshot.s-c-int-wel .qrn-in .qrn-in-adv-t:hover{ color: var(--in-ink); background: transparent; }
.tshot.s-c-int-wel .qrn-in .qrn-in-adv-rule{ flex: 1 1 auto; height: 1px; background: var(--in-line-soft); }
.tshot.s-c-int-wel .qrn-in .qrn-in-adv-chev{ display: flex; transition: transform 0.15s; }
.tshot.s-c-int-wel .qrn-in .qrn-in-wel-stats{ display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 10px; }
.tshot.s-c-int-wel .qrn-in .qrn-integ-wel-stat{ padding: 12px 14px; border: 1px solid var(--in-line); border-radius: var(--in-r-md); }
.tshot.s-c-int-wel .qrn-in .qrn-in-wel-stat-k{ font-size: 12.5px; font-weight: 500; color: var(--in-ink-2); }
.tshot.s-c-int-wel .qrn-in .qrn-in-wel-stat-v{ margin-top: 2px; font-size: 22px; font-weight: 700; font-variant-numeric: tabular-nums; }
.tshot.s-c-int-wel .qrn-in .qrn-integ-wel-stat.is-zero .qrn-in-wel-stat-v{ color: var(--in-ink-2); }
.tshot.s-c-int-wel .qrn-in .qrn-in-wel-stat-s{ font-size: 12px; color: var(--in-ink-3); }
.tshot.s-c-int-wel .qrn-in .qrn-in-wel-reasons{ display: flex; flex-wrap: wrap; gap: 4px; margin-top: 6px; }
.tshot.s-h-int{ --wp--preset--color--black: #000000; --wp--preset--color--cyan-bluish-gray: #abb8c3; --wp--preset--color--white: #ffffff; --wp--preset--color--pale-pink: #f78da7; --wp--preset--color--vivid-red: #cf2e2e; --wp--preset--color--luminous-vivid-orange: #ff6900; --wp--preset--color--luminous-vivid-amber: #fcb900; --wp--preset--color--light-green-cyan: #7bdcb5; --wp--preset--color--vivid-green-cyan: #00d084; --wp--preset--color--pale-cyan-blue: #8ed1fc; --wp--preset--color--vivid-cyan-blue: #0693e3; --wp--preset--color--vivid-purple: #9b51e0; --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%); --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%); --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%); --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%); --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%); --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%); --wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%); --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%); --wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%); --wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%); --wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%); --wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%); --wp--preset--font-size--small: 13px; --wp--preset--font-size--medium: 20px; --wp--preset--font-size--large: 36px; --wp--preset--font-size--x-large: 42px; --wp--preset--spacing--20: 0.44rem; --wp--preset--spacing--30: 0.67rem; --wp--preset--spacing--40: 1rem; --wp--preset--spacing--50: 1.5rem; --wp--preset--spacing--60: 2.25rem; --wp--preset--spacing--70: 3.38rem; --wp--preset--spacing--80: 5.06rem; --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2); --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4); --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2); --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1); --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1); }
.tshot.s-h-int{ --brand-1: #6CB1FF; --brand-2: #0b74ff; --brand-3: #0856CC; --brand-grad: #0b74ff; }
.tshot.s-h-int .qrn-app{ display: block; min-height: 100vh; width: 100%; padding-left: 260px; overflow-x: clip; box-sizing: border-box; background: rgb(246, 247, 251); color: rgb(51, 51, 51); font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5; -webkit-font-smoothing: antialiased; text-size-adjust: 100%; }
.tshot.s-h-int .qrn-app *, .tshot.s-h-int .qrn-app ::before, .tshot.s-h-int .qrn-app ::after{ box-sizing: border-box; }
.tshot.s-h-int .qrn-app h1, .tshot.s-h-int .qrn-app h2, .tshot.s-h-int .qrn-app h3, .tshot.s-h-int .qrn-app h4, .tshot.s-h-int .qrn-app h5, .tshot.s-h-int .qrn-app h6{ color: inherit; font-family: inherit; font-weight: 500; line-height: 1.2; }
.tshot.s-h-int .qrn-app p{ margin-block: 0px 0.9rem; }
.tshot.s-h-int .qrn-app label{ display: inline-block; line-height: 1; vertical-align: middle; }
.tshot.s-h-int .qrn-app button, .tshot.s-h-int .qrn-app input, .tshot.s-h-int .qrn-app optgroup, .tshot.s-h-int .qrn-app select, .tshot.s-h-int .qrn-app textarea{ font-family: inherit; margin: 0px; color: inherit; }
.tshot.s-h-int .qrn-app button, .tshot.s-h-int .qrn-app select{ text-transform: none; }
.tshot.s-h-int .qrn-app button, .tshot.s-h-int .qrn-app input{ overflow: visible; }
.tshot.s-h-int .qrn-app [type="button"], .tshot.s-h-int .qrn-app [type="reset"], .tshot.s-h-int .qrn-app [type="submit"], .tshot.s-h-int .qrn-app button{ appearance: button; }
.tshot.s-h-int .qrn-app select{ display: block; }
.tshot.s-h-int .qrn-sidebar{ width: 260px; background: rgb(255, 255, 255); color: rgb(71, 85, 105); padding: 0px; position: fixed; left: 0px; top: 0px; bottom: 0px; height: auto; overflow: hidden auto; box-sizing: border-box; box-shadow: none; border-right: none; z-index: 1000; }
.tshot.s-h-int .qrn-sidebar::after{ content: ""; position: fixed; top: 0px; bottom: 0px; left: 259px; width: 1px; background: rgb(226, 232, 240); z-index: 1001; }
.tshot.s-h-int .qrn-brand{ display: flex; gap: 12px; align-items: center; padding: 9px 18px 12px; border-bottom: 1px solid rgb(226, 232, 240); position: sticky; top: 0px; background: rgb(255, 255, 255); z-index: 2; }
.tshot.s-h-int .qrn-brand-mark{ width: 42px; height: 42px; flex: 0 0 42px; border-radius: 12px; display: flex; align-items: center; justify-content: center; }
.tshot.s-h-int .qrn-brand-logo{ display: block; width: 42px; height: 42px; }
.tshot.s-h-int .qrn-brand-name{ font-weight: 800; font-size: 15px; line-height: 1.05; letter-spacing: -0.01em; color: rgb(15, 23, 42); }
.tshot.s-h-int .qrn-brand-sub{ font-size: 12px; color: rgb(100, 116, 139); }
.tshot.s-h-int .qrn-nav{ display: flex; flex-direction: column; gap: 6px; padding: 14px; }
.tshot.s-h-int .qrn-nav-item{ display: flex; align-items: center; gap: 8px; text-decoration: none; color: rgb(71, 85, 105); padding: 11px 12px; border-radius: 12px; font-size: 14px; font-weight: 600; transition: box-shadow 0.15s, border-color 0.15s, transform 0.15s; }
.tshot.s-h-int .qrn-nav-label{ min-width: 0px; }
.tshot.s-h-int .qrn-nav-ico{ width: 20px; height: 20px; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 20px; color: currentcolor; opacity: 0.7; }
.tshot.s-h-int .qrn-nav-ico svg{ width: 18px; height: 18px; display: block; }
.tshot.s-h-int .qrn-nav-item.active .qrn-nav-ico{ opacity: 1; }
.tshot.s-h-int .qrn-nav-item:hover{ background: rgba(0, 0, 0, 0.04); color: rgb(15, 23, 42); }
.tshot.s-h-int .qrn-nav-item.active{ background: rgb(59, 130, 246); color: rgb(255, 255, 255); box-shadow: none; }
.tshot.s-h-int .qrn-nav-divider{ height: 1px; background: rgb(226, 232, 240); margin: 10px 5px; }
.tshot.s-h-int .qrn-main{ min-width: 0px; min-height: 100vh; display: flex; flex-direction: column; overflow-x: clip; }
.tshot.s-h-int .qrn-topbar{ background: rgb(255, 255, 255); border-bottom: 1px solid rgba(15, 23, 42, 0.08); padding: 10px 12px 10px 18px; display: flex; align-items: center; justify-content: space-between; gap: 12px; position: sticky; top: 0px; z-index: 100; }
.tshot.s-h-int .qrn-topbar-right{ display: flex; align-items: center; gap: 6px; margin-left: auto; padding-right: 2px; }
.tshot.s-h-int .qrn-brand{ position: relative; }
.tshot.s-h-int .qrn-breadcrumb{ display: inline-flex; align-items: center; gap: 6px; font-size: 14px; line-height: 1; white-space: nowrap; }
.tshot.s-h-int .qrn-breadcrumb-parent{ color: rgb(148, 163, 184); font-weight: 500; }
.tshot.s-h-int .qrn-breadcrumb-sep{ color: rgb(203, 213, 225); font-weight: 600; }
.tshot.s-h-int .qrn-breadcrumb-current{ color: rgb(15, 23, 42); font-weight: 700; }
.tshot.s-h-int .qrn-content{ padding: 18px; }
.tshot.s-h-int .qrn-user{ display: flex; align-items: center; gap: 8px; }
.tshot.s-h-int .qrn-account-wrap{ position: relative; margin-right: -2px; }
.tshot.s-h-int .qrn-account-trigger{ appearance: none; color: rgb(15, 23, 42); display: inline-flex; align-items: center; gap: 8px; margin: 0px; line-height: 1; min-height: 0px; cursor: pointer; outline: none; -webkit-tap-highlight-color: transparent; border: 0px !important; background: none transparent !important; padding: 0px !important; text-decoration: none !important; box-shadow: none !important; }
.tshot.s-h-int .qrn-account-trigger:hover, .tshot.s-h-int .qrn-account-trigger:focus, .tshot.s-h-int .qrn-account-trigger:active, .tshot.s-h-int .qrn-account-trigger:focus-visible{ background: none transparent !important; color: rgb(15, 23, 42) !important; border: 0px !important; box-shadow: none !important; outline: none !important; text-decoration: none !important; }
.tshot.s-h-int .qrn-account-help-btn{ position: relative; width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid transparent; background: transparent; border-radius: 10px; color: rgb(71, 85, 105); cursor: pointer; text-decoration: none; transition: background 0.15s, color 0.15s, border-color 0.15s; -webkit-tap-highlight-color: transparent; }
.tshot.s-h-int .qrn-account-help-btn:hover, .tshot.s-h-int .qrn-account-help-btn:focus-visible{ background: rgb(241, 245, 249); color: rgb(15, 23, 42); border-color: rgb(226, 232, 240); outline: none; }
.tshot.s-h-int .qrn-account-help-btn svg{ width: 19px; height: 19px; }
.tshot.s-h-int .qrn-topbar-sep{ display: inline-block; width: 1px; height: 24px; background: rgb(229, 231, 235); margin: 0px 4px; align-self: center; }
.tshot.s-h-int .qrn-account-avatar{ width: 36px; height: 36px; border: 1px solid rgb(226, 232, 240); border-radius: 999px; background: rgb(241, 245, 249); color: rgb(51, 65, 85); display: inline-flex; align-items: center; justify-content: center; font-weight: 500; font-size: 12px; letter-spacing: 0.04em; transition: background 0.15s, border-color 0.15s, color 0.15s; }
.tshot.s-h-int .qrn-account-chev{ width: 14px; height: 14px; color: rgb(148, 163, 184); flex: 0 0 14px; margin-left: 4px; transition: transform 0.15s, color 0.15s; }
.tshot.s-h-int .qrn-account-trigger:hover .qrn-account-avatar, .tshot.s-h-int .qrn-account-wrap.is-open .qrn-account-avatar{ background: rgb(226, 232, 240); border-color: rgb(203, 213, 225); color: rgb(15, 23, 42); }
.tshot.s-h-int .qrn-account-trigger:hover .qrn-account-chev, .tshot.s-h-int .qrn-account-wrap.is-open .qrn-account-chev{ color: rgb(71, 85, 105); }
.tshot.s-h-int .qrn-bell-wrap{ position: relative; margin-right: 10px; display: inline-flex; align-items: center; }
.tshot.s-h-int .qrn-bell-btn{ position: relative; width: 40px; height: 40px; border-radius: 10px; border: 1px solid transparent; background: transparent; color: rgb(71, 85, 105); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; transition: background 0.15s, color 0.15s, border-color 0.15s; -webkit-tap-highlight-color: transparent; }
.tshot.s-h-int .qrn-bell-btn:hover, .tshot.s-h-int .qrn-bell-btn:focus-visible{ background: rgb(241, 245, 249); color: rgb(15, 23, 42); border-color: rgb(226, 232, 240); outline: none; }
.tshot.s-h-int .qrn-bell-btn svg{ width: 19px; height: 19px; }
.tshot.s-h-int .qrn-bell-dot{ position: absolute; top: 6px; right: 6px; min-width: 15px; height: 15px; padding: 0px 3px; border-radius: 999px; background: rgb(239, 68, 68); border: 1.5px solid rgb(255, 255, 255); box-sizing: border-box; font-size: 9px; font-weight: 700; color: rgb(255, 255, 255); line-height: 1; align-items: center; justify-content: center; display: none; }
.tshot.s-h-int .qrn-bell-btn[data-unread]:not([data-unread="0"]) .qrn-bell-dot{ display: inline-flex; }
.tshot.s-h-int .qrn-notif-drawer{ position: fixed; top: 0px; right: 0px; bottom: 0px; width: 520px; max-width: 100vw; background: rgb(255, 255, 255); box-shadow: none; transform: translateX(100%); transition: transform 0.22s cubic-bezier(0.4, 0, 0.2, 1); z-index: 100001; display: flex; flex-direction: column; }
.tshot.s-h-int .qrn-notif-head{ padding: 20px 24px 14px; border-bottom: 1px solid rgb(241, 245, 249); display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.tshot.s-h-int .qrn-notif-title{ font-size: 18px; font-weight: 700; letter-spacing: -0.01em; margin: 0px; color: rgb(15, 23, 42); }
.tshot.s-h-int .qrn-notif-sub{ font-size: 12.5px; color: rgb(100, 116, 139); margin: 4px 0px 0px; line-height: 1.45; }
.tshot.s-h-int .qrn-notif-drawer .qrn-notif-close{ width: 32px; height: 32px; border-radius: 8px; border: 1px solid transparent; background: transparent; color: rgb(100, 116, 139); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; transition: background 0.15s, color 0.15s; }
.tshot.s-h-int .qrn-notif-drawer .qrn-notif-close:hover{ background: rgb(241, 245, 249); color: rgb(15, 23, 42); }
.tshot.s-h-int .qrn-notif-close svg{ width: 18px; height: 18px; }
.tshot.s-h-int .qrn-notif-tabsrow{ display: flex; align-items: center; justify-content: space-between; padding: 12px 24px; border-bottom: 1px solid rgb(241, 245, 249); }
.tshot.s-h-int .qrn-notif-tabs{ display: inline-flex; background: rgb(241, 245, 249); border-radius: 10px; padding: 3px; gap: 2px; }
.tshot.s-h-int .qrn-notif-drawer .qrn-notif-tab{ border: 0px; background: transparent; cursor: pointer; font-size: 12.5px; font-weight: 600; color: rgb(100, 116, 139); padding: 6px 14px; border-radius: 8px; transition: background 0.15s, color 0.15s; display: inline-flex; align-items: center; gap: 6px; }
.tshot.s-h-int .qrn-notif-drawer .qrn-notif-tab.is-active{ background: rgb(255, 255, 255); color: rgb(15, 23, 42); box-shadow: rgba(15, 23, 42, 0.08) 0px 1px 2px; }
.tshot.s-h-int .qrn-notif-pill{ font-size: 10.5px; font-weight: 700; background: rgb(11, 116, 255); color: rgb(255, 255, 255); border-radius: 9px; min-width: 16px; padding: 0px 5px; line-height: 16px; text-align: center; }
.tshot.s-h-int .qrn-notif-drawer .qrn-notif-markall{ border: 0px; background: transparent; cursor: pointer; color: rgb(11, 116, 255); font-size: 12.5px; font-weight: 600; padding: 4px 2px; }
.tshot.s-h-int .qrn-notif-markall:hover{ text-decoration: underline; }
.tshot.s-h-int .qrn-notif-markall:disabled{ color: rgb(148, 163, 184); cursor: default; text-decoration: none; }
.tshot.s-h-int .qrn-notif-list{ flex: 1 1 0%; overflow-y: auto; }
.tshot.s-h-int #qrnShellContentInner{ --qs-paper: #FFFFFF; --qs-ink: #0F2430; --qs-ink-2: #546673; --qs-ink-3: #8496A1; --qs-line: #DDE5EA; --qs-line-soft: #EBF0F3; --qs-fill: #F6F9FA; --qs-action: #0B74FF; --qs-action-dark: #0A5FD0; --qs-tint: #F2F7FE; --qs-tint-line: #C9DDF7; --qs-signal: #0E7C66; --qs-signal-tint: #EDF6F3; --qs-signal-line: #C3E1D8; --qs-hold: #A9640F; --qs-hold-tint: #FDF6EC; --qs-hold-line: #EFD9B8; --qs-wait: #7A8C97; --qs-halt: #A32D25; --qs-r-sm: 4px; --qs-r-md: 6px; }
.tshot.s-h-int .qrn-in{ --in-paper: #FFFFFF; --in-ink: #0F2430; --in-ink-2: #546673; --in-ink-3: #7A8C97; --in-ink-4: #24404F; --in-line: #DDE5EA; --in-line-soft: #EBF0F3; --in-line-strong: #C9D4DB; --in-fill: #F6F9FA; --in-fill-2: #FAFBFC; --in-foot: #F7F9FC; --in-foot-line: #E6EAF2; --in-action: #0B74FF; --in-action-dark: #0A5FD0; --in-tint: #EEF5FF; --in-tint-2: #F5F9FF; --in-tint-line: #CFE0FA; --in-tint-ink: #123A73; --in-chip-ink: #1D4ED8; --in-signal: #0E7C66; --in-signal-tint: #E2F3EE; --in-signal-ink: #0A5A4A; --in-hold: #B26B0A; --in-hold-ink: #8A5209; --in-hold-deep: #6B4008; --in-hold-tint: #FDF0DC; --in-hold-bg: #FDF4E7; --in-hold-line: #EED6B0; --in-hold-btn: #D9B57D; --in-halt: #A32D25; --in-halt-dark: #8A241E; --in-halt-tint: #FBECEB; --in-halt-line: #F0C4C0; --in-grey: #8496A1; --in-mono: 'SF Mono', Menlo, Consolas, monospace; --in-r-sm: 4px; --in-r-md: 6px; max-width: 1620px; margin: 16px auto 32px 32px; padding: 0px 32px 0px 0px; color: var(--in-ink); font-size: 14px; line-height: 1.45; }
.tshot.s-h-int .qrn-in *, .tshot.s-h-int .qrn-in ::before, .tshot.s-h-int .qrn-in ::after{ box-sizing: border-box; }
.tshot.s-h-int .qrn-app .qrn-in p{ margin: 0px; }
.tshot.s-h-int .qrn-in section, .tshot.s-h-int .qrn-in nav, .tshot.s-h-int .qrn-in form, .tshot.s-h-int .qrn-in ol, .tshot.s-h-int .qrn-in ul, .tshot.s-h-int .qrn-in dl, .tshot.s-h-int .qrn-in dd, .tshot.s-h-int .qrn-in details{ margin: 0px; }
.tshot.s-h-int .qrn-in a, .tshot.s-h-int .qrn-in a:hover, .tshot.s-h-int .qrn-in a:focus{ text-decoration: none; }
.tshot.s-h-int .qrn-in .qrn-in-vh, .tshot.s-h-int .qrn-integrations .qrn-in-vh{ width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; position: absolute !important; }
.tshot.s-h-int .qrn-in code{ font-family: var(--in-mono); font-size: 12px; background: var(--in-line-soft); padding: 1px 5px; border-radius: var(--in-r-sm); color: var(--in-ink); }
.tshot.s-h-int .qrn-in .qrn-in-dyn{ display: flex; flex-direction: column; gap: 18px; min-width: 0px; transition: opacity 0.15s; }
.tshot.s-h-int .qrn-app .qrn-in .qrn-in-h1{ margin: 0px; font-size: 28px; font-weight: 600; letter-spacing: -0.02em; line-height: 1.2; color: var(--in-ink); }
.tshot.s-h-int .qrn-in .qrn-in-sub{ font-size: 14px; color: var(--in-ink-2); overflow-wrap: anywhere; margin: 4px 0px 0px !important; }
.tshot.s-h-int .qrn-app .qrn-in .qrn-in-h2{ margin: 0px; font-size: 16px; font-weight: 600; letter-spacing: -0.01em; line-height: 1.35; color: var(--in-ink); }
.tshot.s-h-int .qrn-app .qrn-in .qrn-in-h3s{ margin: 0px; font-size: 14px; font-weight: 600; color: var(--in-ink); }
.tshot.s-h-int .qrn-in .qrn-in-muted{ font-size: 13.5px; color: var(--in-ink-2); }
.tshot.s-h-int .qrn-in .qrn-in-fine{ font-size: 12.5px; color: var(--in-ink-2); }
.tshot.s-h-int .qrn-in .qrn-in-hint{ font-size: 12.5px; color: var(--in-ink-2); margin-top: 6px !important; }
.tshot.s-h-int .qrn-in .qrn-in-label{ display: block; font-size: 13.5px; font-weight: 600; color: var(--in-ink); }
.tshot.s-h-int .qrn-in .qrn-in-btn{ appearance: none; display: inline-flex; align-items: center; justify-content: center; gap: 7px; height: 40px; margin: 0px; padding: 0px 14px; border: 1px solid var(--in-line-strong); border-radius: var(--in-r-md); background: var(--in-paper); box-shadow: none; color: var(--in-ink); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 13.5px; font-weight: 600; line-height: 1; letter-spacing: 0px; text-transform: none; white-space: nowrap; cursor: pointer; user-select: none; transition: background-color 0.12s, border-color 0.12s, color 0.12s; }
.tshot.s-h-int .qrn-in .qrn-in-btn svg{ flex: 0 0 auto; }
.tshot.s-h-int .qrn-in .qrn-in-btn:hover{ background: var(--in-fill); border-color: var(--in-grey); color: var(--in-ink); }
.tshot.s-h-int .qrn-in .qrn-in-btn--p{ border-color: var(--in-action); background: var(--in-action); color: rgb(255, 255, 255); font-size: 14px; padding: 0px 16px; }
.tshot.s-h-int .qrn-in .qrn-in-btn--p:hover{ border-color: var(--in-action-dark); background: var(--in-action-dark); color: rgb(255, 255, 255); }
.tshot.s-h-int .qrn-in .qrn-in-btn--d{ border-color: var(--in-halt-line); color: var(--in-halt); }
.tshot.s-h-int .qrn-in .qrn-in-btn--d:hover{ background: var(--in-halt-tint); border-color: var(--in-halt-line); color: var(--in-halt); }
.tshot.s-h-int .qrn-in .qrn-in-btn--lg{ height: 44px; padding: 0px 18px; }
.tshot.s-h-int .qrn-in .qrn-in-btn[disabled]{ opacity: 0.5; cursor: default; }
.tshot.s-h-int .qrn-in .qrn-in-btn--p[disabled]:hover{ background: var(--in-action); border-color: var(--in-action); }
.tshot.s-h-int .qrn-in .qrn-in-head{ display: flex; align-items: flex-start; justify-content: space-between; gap: 14px 16px; }
.tshot.s-h-int .qrn-in .qrn-in-titles{ flex: 1 1 0px; min-width: 0px; }
.tshot.s-h-int .qrn-in .qrn-in-bizform{ flex: 0 0 280px; }
.tshot.s-h-int .qrn-in .qrn-in-sel{ position: relative; min-width: 0px; }
.tshot.s-h-int .qrn-in .qrn-in-sel select{ appearance: none; display: block; width: 100%; height: 44px; margin: 0px; padding: 0px 34px 0px 12px; border: 1px solid var(--in-line); border-radius: var(--in-r-md); background: var(--in-paper); box-shadow: none; color: var(--in-ink); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 14px; font-weight: 500; line-height: 1.2; cursor: pointer; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.tshot.s-h-int .qrn-in .qrn-in-sel--biz select{ padding: 0px 36px 0px 40px; }
.tshot.s-h-int .qrn-in .qrn-in-sel select:hover{ border-color: var(--in-line-strong); }
.tshot.s-h-int .qrn-in .qrn-in-sel select:focus{ outline: none; }
.tshot.s-h-int .qrn-in .qrn-in-sel-ico, .tshot.s-h-int .qrn-in .qrn-in-sel-chev{ position: absolute; top: 50%; transform: translateY(-50%); display: flex; pointer-events: none; color: var(--in-ink-2); }
.tshot.s-h-int .qrn-in .qrn-in-sel-ico{ left: 13px; }
.tshot.s-h-int .qrn-in .qrn-in-sel-chev{ right: 12px; }
.tshot.s-h-int .qrn-in .qrn-in-strip{ display: grid; grid-template-columns: minmax(0px, 1.7fr) repeat(4, minmax(0px, 1fr)); gap: 1px; background: var(--in-line); border: 1px solid var(--in-line); border-radius: var(--in-r-md); overflow: hidden; }
.tshot.s-h-int .qrn-in .qrn-in-strip > div{ padding: 14px 18px; background: var(--in-paper); min-width: 0px; }
.tshot.s-h-int .qrn-in .qrn-in-strip-st .qrn-in-st{ font-size: 15px; font-weight: 600; }
.tshot.s-h-int .qrn-in .qrn-in-strip-line{ margin-top: 3px; font-size: 13px; color: var(--in-ink-2); }
.tshot.s-h-int .qrn-in .qrn-in-strip-l{ font-size: 12.5px; font-weight: 500; color: var(--in-ink-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tshot.s-h-int .qrn-in .qrn-in-strip-v{ margin-top: 2px; font-size: 22px; font-weight: 700; letter-spacing: -0.01em; font-variant-numeric: tabular-nums; }
.tshot.s-h-int .qrn-in .qrn-in-strip-v.is-amber{ color: var(--in-hold-ink); }
.tshot.s-h-int .qrn-in .qrn-in-st{ display: flex; align-items: center; gap: 7px; min-width: 0px; font-weight: 500; color: var(--in-st); }
.tshot.s-h-int .qrn-in .qrn-in-dot{ flex: 0 0 8px; width: 8px; height: 8px; border-radius: 50%; background: var(--in-st); border: 2px solid var(--in-st); }
.tshot.s-h-int .qrn-in .qrn-in-strip .qrn-in-dot{ flex-basis: 9px; width: 9px; height: 9px; }
.tshot.s-h-int .qrn-in .qrn-in-st.is-ok{ --in-st: var(--in-signal); }
.tshot.s-h-int .qrn-in .qrn-in-tabs{ display: flex; gap: 26px; overflow-x: auto; scrollbar-width: none; box-shadow: inset 0 -1px 0 var(--in-line); }
.tshot.s-h-int .qrn-in .qrn-in-tabs::-webkit-scrollbar{ display: none; }
.tshot.s-h-int .qrn-in .qrn-in-tab{ flex: 0 0 auto; display: inline-flex; align-items: center; gap: 7px; height: 44px; padding: 0px 2px; border-bottom: 2px solid transparent; color: var(--in-ink-2); font-size: 14.5px; font-weight: 500; white-space: nowrap; }
.tshot.s-h-int .qrn-in .qrn-in-tab:hover{ color: var(--in-ink); }
.tshot.s-h-int .qrn-in .qrn-in-tab.is-on{ border-bottom-color: var(--in-action); color: var(--in-ink); font-weight: 600; }
.tshot.s-h-int .qrn-in .qrn-in-badge, .tshot.s-h-int .qrn-in .qrn-integ-tab-badge{ display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0px 7px; border-radius: 10px; background: rgb(238, 242, 245); color: var(--in-ink-2); font-size: 11.5px; font-weight: 700; }
.tshot.s-h-int .qrn-in .qrn-in-badge.is-amber{ background: var(--in-hold-tint); color: var(--in-hold-ink); }
.tshot.s-h-int .qrn-in .qrn-integ-tab-badge.is-on{ background: var(--in-signal-tint); color: var(--in-signal); }
.tshot.s-h-int .qrn-in .qrn-in-card{ min-width: 0px; background: var(--in-paper); border: 1px solid var(--in-line); border-radius: var(--in-r-md); }
.tshot.s-h-int .qrn-in .qrn-in-card-ht{ display: flex; align-items: center; gap: 10px; }
.tshot.s-h-int .qrn-in .qrn-in-card-ico{ display: flex; color: var(--in-action); }
.tshot.s-h-int .qrn-in .qrn-in-card-pad{ padding: 22px 26px; }
.tshot.s-h-int .qrn-in .qrn-in-card-sub{ font-size: 13.5px; color: var(--in-ink-2); margin: 6px 0px 16px !important; }
.tshot.s-h-int .qrn-in .qrn-in-card-foot-bar{ display: flex; align-items: center; justify-content: space-between; gap: 10px 14px; padding: 14px 26px; background: var(--in-foot); border-top: 1px solid var(--in-foot-line); border-radius: 0 0 var(--in-r-md) var(--in-r-md); }
.tshot.s-h-int .qrn-in .qrn-in-foot-hint{ font-size: 12.5px; color: var(--in-ink-2); }
.tshot.s-h-int .qrn-in .qrn-in-seg{ display: flex; gap: 2px; padding: 3px; border-radius: var(--in-r-md); background: rgb(233, 238, 242); overflow-x: auto; scrollbar-width: none; max-width: 100%; }
.tshot.s-h-int .qrn-in .qrn-in-seg::-webkit-scrollbar{ display: none; }
.tshot.s-h-int .qrn-in .qrn-in-seg-b{ flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 38px; padding: 0px 12px; border-radius: var(--in-r-sm); color: var(--in-ink-2); font-size: 13.5px; font-weight: 500; white-space: nowrap; cursor: pointer; }
.tshot.s-h-int .qrn-in .qrn-in-seg-b:hover{ color: var(--in-ink); }
.tshot.s-h-int .qrn-in .qrn-in-seg--sm .qrn-in-seg-b{ height: 32px; font-size: 13px; }
.tshot.s-h-int .qrn-in .qrn-in-seg input:checked + .qrn-in-seg-b{ background: var(--in-paper); color: var(--in-ink); font-weight: 600; box-shadow: rgba(15, 36, 48, 0.12) 0px 1px 2px; }
.tshot.s-h-int .qrn-app .qrn-in pre.qrn-in-code{ margin: 0px; padding: 12px 14px; background: rgb(15, 23, 42); color: rgb(226, 232, 240); border: 0px; border-radius: var(--in-r-md); font-family: var(--in-mono); font-size: 12px; line-height: 1.6; white-space: pre; overflow-x: auto; max-height: 420px; }
.tshot.s-h-int .qrn-in .qrn-in-http-c{ display: inline-block; min-width: 44px; padding: 2px 8px; border-radius: var(--in-r-sm); text-align: center; font-family: var(--in-mono); font-size: 12.5px; font-weight: 600; }
.tshot.s-h-int .qrn-in .qrn-in-http-c.is-ok{ background: var(--in-signal-tint); color: var(--in-signal); }
.tshot.s-h-int .qrn-in .qrn-in-http-c.is-warn{ background: var(--in-hold-tint); color: var(--in-hold-ink); }
.tshot.s-h-int .qrn-in .qrn-in-http-c.is-bad{ background: var(--in-halt-tint); color: var(--in-halt); }
@media (prefers-reduced-motion: reduce){
.tshot.s-h-int .qrn-in .qrn-in-dyn{ transition: none; }
}
.tshot.s-h-int .qrn-in .qrn-in-fields{ display: flex; flex-direction: column; gap: 14px; }
.tshot.s-h-int .qrn-in .qrn-in-field{ display: grid; grid-template-columns: 130px minmax(0px, 1fr); gap: 6px 16px; align-items: start; }
.tshot.s-h-int .qrn-in .qrn-in-field > .qrn-in-label{ padding-top: 12px; }
.tshot.s-h-int .qrn-in .qrn-in-copyfield{ display: flex; align-items: center; gap: 2px; height: 44px; padding: 0px 4px 0px 0px; border: 1px solid var(--in-line); border-radius: var(--in-r-md); background: rgb(249, 251, 252); }
.tshot.s-h-int .qrn-app .qrn-in .qrn-in-copyfield input{ appearance: none; flex: 1 1 0px; min-width: 0px; height: 100%; margin: 0px; padding: 0px 12px; border-radius: var(--in-r-md); color: var(--in-ink); font-family: var(--in-mono); font-size: 13.5px; border: 0px !important; background: transparent !important; box-shadow: none !important; }
.tshot.s-h-int .qrn-in .qrn-in-copyfield input:focus{ outline: none; }
.tshot.s-h-int .qrn-in .qrn-in-iconbtn{ appearance: none; display: flex; align-items: center; justify-content: center; gap: 5px; height: 36px; min-width: 36px; margin: 0px; padding: 0px 8px; border: 0px; border-radius: var(--in-r-md); background: transparent; box-shadow: none; color: var(--in-ink-2); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 12.5px; font-weight: 600; cursor: pointer; }
.tshot.s-h-int .qrn-in .qrn-in-iconbtn:hover{ background: rgb(238, 242, 245); color: var(--in-ink); }
.tshot.s-h-int .qrn-in .qrn-in-eye, .tshot.s-h-int .qrn-in .qrn-in-eyeoff{ display: flex; }
.tshot.s-h-int .qrn-in .qrn-in-tools{ display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 10px; }
.tshot.s-h-int .qrn-in .qrn-in-tool{ display: flex; align-items: flex-start; gap: 12px; min-height: 76px; padding: 14px; border: 1px solid var(--in-line); border-radius: var(--in-r-md); background: var(--in-paper); color: var(--in-ink); transition: border-color 0.12s, background-color 0.12s; }
.tshot.s-h-int .qrn-in .qrn-in-tool:hover{ border-color: var(--in-grey); color: var(--in-ink); }
.tshot.s-h-int .qrn-in .qrn-in-tool-ico{ display: flex; align-items: center; justify-content: center; flex: 0 0 40px; width: 40px; height: 40px; border-radius: var(--in-r-md); background: var(--in-tint); color: var(--in-action); }
.tshot.s-h-int .qrn-in .qrn-in-tool-ico.is-brand{ background: rgb(255, 255, 255); border: 1px solid var(--in-line); }
.tshot.s-h-int .qrn-in .qrn-in-tool-ico.is-zapier{ border: 0px; overflow: hidden; }
.tshot.s-h-int .qrn-in .qrn-in-tool-ico .qrn-3p-logo{ display: block; flex: 0 0 auto; }
.tshot.s-h-int .qrn-in .qrn-in-tool-t{ display: flex; flex-direction: column; gap: 2px; min-width: 0px; }
.tshot.s-h-int .qrn-in .qrn-in-tool-n{ font-size: 14.5px; font-weight: 600; }
.tshot.s-h-int .qrn-in .qrn-in-tool-s{ font-size: 13px; color: var(--in-ink-2); }
.tshot.s-h-int .qrn-in .qrn-in-map-r code, .tshot.s-h-int .qrn-in .qrn-in-ref code{ background: transparent; padding: 0px; font-size: 12.5px; overflow-wrap: anywhere; }
.tshot.s-h-int .qrn-in .qrn-in-tags-l{ display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 8px; }
.tshot.s-h-int .qrn-in .qrn-in-pill{ padding: 2px 10px; border-radius: 999px; background: var(--in-tint); color: var(--in-chip-ink); font-size: 12px; font-weight: 600; }
.tshot.s-h-int .qrn-in .qrn-in-tagfield{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-height: 48px; padding: 8px 10px; border: 1px solid var(--in-line); border-radius: var(--in-r-md); background: var(--in-paper); }
.tshot.s-h-int .qrn-in .qrn-in-tagchip{ display: inline-flex; align-items: center; gap: 4px; padding: 4px 4px 4px 10px; border-radius: var(--in-r-sm); background: var(--in-tint); color: var(--in-chip-ink); font-size: 13px; font-weight: 500; max-width: 100%; }
.tshot.s-h-int .qrn-in .qrn-in-tagchip-l{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tshot.s-h-int .qrn-in .qrn-in-tagchip button{ appearance: none; display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; margin: 0px; padding: 0px; border: 0px; border-radius: var(--in-r-sm); background: transparent; box-shadow: none; color: var(--in-chip-ink); cursor: pointer; }
.tshot.s-h-int .qrn-in .qrn-in-tagchip button:hover{ background: rgb(220, 233, 255); }
.tshot.s-h-int .qrn-in .qrn-in-tagadd{ appearance: none; display: inline-flex; align-items: center; gap: 5px; height: 32px; margin: 0px; padding: 0px 10px; border: 1px dashed rgb(184, 198, 207); border-radius: var(--in-r-sm); background: var(--in-paper); box-shadow: none; color: rgb(61, 85, 100); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 13px; font-weight: 500; cursor: pointer; }
.tshot.s-h-int .qrn-in .qrn-in-tagadd:hover{ border-color: var(--in-grey); color: var(--in-ink); }
.tshot.s-h-int .qrn-in .qrn-in-consent{ display: flex; gap: 12px; align-items: flex-start; margin-top: 16px; padding: 12px 14px; background: var(--in-fill); border: 1px solid var(--in-line-soft); border-radius: var(--in-r-sm); }
.tshot.s-h-int .qrn-in .qrn-in-consent-ico{ display: flex; flex: 0 0 18px; margin-top: 1px; color: var(--in-signal); }
.tshot.s-h-int .qrn-in .qrn-in-consent p{ font-size: 13.5px; line-height: 1.5; color: var(--in-ink-4); }
.tshot.s-h-int .qrn-in .qrn-in-consent b{ font-weight: 600; color: var(--in-ink); }
.tshot.s-h-int .qrn-in .qrn-in-test{ display: flex; align-items: center; gap: 12px 16px; margin-top: 12px; }
.tshot.s-h-int .qrn-in .qrn-in-test .qrn-in-btn{ flex: 0 0 auto; }
.tshot.s-h-int .qrn-in .qrn-in-sample{ margin-top: 20px; }
.tshot.s-h-int .qrn-in .qrn-in-sample-h{ display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 8px; }
.tshot.s-h-int .qrn-in .qrn-in-codebox{ border-radius: var(--in-r-md); overflow: hidden; background: rgb(15, 23, 42); }
.tshot.s-h-int .qrn-in .qrn-in-codebar{ display: flex; align-items: center; justify-content: space-between; padding: 8px 10px 8px 14px; background: rgb(11, 18, 32); border-bottom: 1px solid rgba(255, 255, 255, 0.06); font-size: 11.5px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: rgb(148, 163, 184); }
.tshot.s-h-int .qrn-in .qrn-in-codecopy{ appearance: none; height: 30px; margin: 0px; padding: 0px 10px; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: var(--in-r-md); background: rgba(255, 255, 255, 0.06); box-shadow: none; color: rgb(203, 213, 225); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 12px; font-weight: 600; letter-spacing: 0px; text-transform: none; cursor: pointer; }
.tshot.s-h-int .qrn-in .qrn-in-codecopy:hover{ background: rgba(255, 255, 255, 0.12); color: rgb(255, 255, 255); }
.tshot.s-h-int .qrn-app .qrn-in .qrn-in-codebox pre.qrn-in-code{ border-radius: 0px; font-size: 12.5px; line-height: 1.65; padding: 14px 16px; }
.tshot.s-h-int .qrn-in .qrn-in-sample > .qrn-in-fine{ margin-top: 6px !important; }
.tshot.s-h-int .qrn-in .qrn-in-drop{ margin-top: 10px; border: 1px solid var(--in-line); border-radius: var(--in-r-md); }
.tshot.s-h-int .qrn-in .qrn-in-sample + .qrn-in-drop{ margin-top: 16px; }
.tshot.s-h-int .qrn-in .qrn-in-drop > summary{ display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: var(--in-r-md); background: var(--in-paper); color: var(--in-ink); font-size: 14px; font-weight: 600; cursor: pointer; list-style: none; }
.tshot.s-h-int .qrn-in .qrn-in-drop > summary::-webkit-details-marker{ display: none; }
.tshot.s-h-int .qrn-in .qrn-in-drop > summary::marker{ content: ""; }
.tshot.s-h-int .qrn-in .qrn-in-drop-n{ margin-left: auto; font-size: 13px; font-weight: 500; color: var(--in-ink-2); }
.tshot.s-h-int .qrn-in .qrn-in-drop-chev{ display: flex; color: var(--in-ink-2); transition: transform 0.15s; }
.tshot.s-h-int .qrn-in .qrn-in-ref, .tshot.s-h-int .qrn-in .qrn-in-ans{ display: grid; gap: 2px 12px; padding: 10px 14px; border-top: 1px solid var(--in-line-soft); font-size: 13.5px; color: var(--in-ink-4); }
.tshot.s-h-int .qrn-in .qrn-in-ref{ grid-template-columns: 220px 80px minmax(0px, 1fr); }
.tshot.s-h-int .qrn-in .qrn-in-ref code{ font-weight: 600; color: var(--in-ink); }
.tshot.s-h-int .qrn-in .qrn-in-ref-req{ font-size: 12.5px; font-weight: 600; color: var(--in-ink-3); }
.tshot.s-h-int .qrn-in .qrn-in-ref-req.is-req{ color: var(--in-ink); }
.tshot.s-h-int .qrn-in .qrn-in-ans{ grid-template-columns: 52px 230px minmax(0px, 1fr); align-items: start; }
.tshot.s-h-int .qrn-in .qrn-in-ans-t{ font-weight: 600; color: var(--in-ink); }
.tshot.s-h-int .qrn-in .qrn-in-ans-foot{ padding: 10px 14px; border-top: 1px solid var(--in-line-soft); font-size: 12.5px; color: var(--in-ink-2); }