:root{--checkly-app-background: radial-gradient( circle at top left, rgba(255, 255, 255, .95), transparent 35% ), linear-gradient( 135deg, #ffffff 0%, #f5f8fb 30%, #e7f0f8 65%, #ffffff 100% );--checkly-bg: #f3f4fb;--checkly-card: #ffffff;--checkly-primary: #6366f1;--checkly-primary-dark: #4338ca;--checkly-accent: #6674f4;--checkly-accent-2: #7c6df2;--checkly-accent-3: #5f8df7;--checkly-accent-soft: rgba(102, 116, 244, .12);--checkly-accent-border: rgba(102, 116, 244, .24);--checkly-glass-surface: rgba(255, 255, 255, .68);--checkly-glass-border: rgba(255, 255, 255, .72);--checkly-glass-shadow: 0 14px 34px rgba(51, 65, 85, .12);--checkly-surface-background: linear-gradient(145deg, rgba(255, 255, 255, .94), rgba(255, 255, 255, .76));--checkly-surface-highlight: inset 0 1px 0 rgba(255, 255, 255, .86);--checkly-nav-background: linear-gradient(180deg, rgba(255, 255, 255, .97), rgba(248, 250, 255, .93));--checkly-nav-glass-background: linear-gradient(180deg, rgba(255, 255, 255, .88), rgba(248, 250, 255, .8));--checkly-nav-radius: 26px;--checkly-nav-height: max(72px, 4.5rem);--checkly-nav-inset: 12px;--checkly-glass-blur: 10px;--checkly-receipt-padding: 14px;--checkly-receipt-gap: 10px;--checkly-transition: .16s ease;--checkly-card-bg: rgba(255, 255, 255, .78);--checkly-card-border: rgba(126, 143, 178, .18);--checkly-card-shadow: 0 14px 36px rgba(60, 76, 112, .1);--checkly-soft-shadow: 0 10px 26px rgba(60, 76, 112, .08);--checkly-divider-soft: rgba(126, 143, 178, .14);--checkly-danger-soft: rgba(239, 68, 68, .1);--checkly-text: #0f172a;--checkly-muted: #58677e;--checkly-border: #e7e9f4;--checkly-success: #10b981;--checkly-success-text: #146c51;--checkly-warning: #f59e0b;--checkly-warning-text: #85520e;--checkly-danger: #ef4444;--checkly-radius: 18px;--checkly-radius-sm: 12px;--checkly-page-padding-x: clamp(16px, 4vw, 24px);--checkly-page-padding-y: 16px;--checkly-page-max-width: 480px;--checkly-tabbar-floating-height: calc(var(--checkly-nav-height) + 24px);--checkly-tabbar-height: var(--checkly-tabbar-floating-height);--checkly-active-tabbar-space: 16px}html,body,#app,ion-app{height:100%;overflow:hidden;background:var(--checkly-app-background)}ion-content{--background: var(--checkly-app-background)}body{color:var(--checkly-text)}ion-page,.ion-page,.app-bg,.checkly-page,.checkly-page-content,.app-shell,.auth-page,.auth-layout,.onboarding-page{background:var(--checkly-app-background)}.checkly-page{--padding-start: 0;--padding-end: 0;--padding-top: 0;--padding-bottom: 0}.checkly-page::part(scroll){width:100%;max-width:var(--checkly-page-max-width);margin:0 auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;padding:var(--checkly-page-padding-y) var(--checkly-page-padding-x) calc(var(--checkly-page-padding-y) + var(--checkly-active-tabbar-space, 16px) + env(safe-area-inset-bottom));box-sizing:border-box}.checkly-page::part(scroll)::-webkit-scrollbar{display:none}ion-content.onboarding::part(scroll){min-height:100%;display:flex;flex-direction:column;justify-content:space-between}.checkly-page-content{width:100%;max-width:var(--checkly-page-max-width);margin:0 auto;padding:var(--checkly-page-padding-y) var(--checkly-page-padding-x) calc(var(--checkly-page-padding-y) + var(--checkly-active-tabbar-space, 16px) + env(safe-area-inset-bottom));box-sizing:border-box}ion-tabs.checkly-tabs:not(.checkly-tabs--tabbar-hidden) ion-content.checkly-page::part(scroll){padding-bottom:calc(var(--checkly-page-padding-y) + var(--checkly-tabbar-floating-height) + env(safe-area-inset-bottom))}ion-tabs.checkly-tabs:not(.checkly-tabs--tabbar-hidden) .checkly-page-content{padding-bottom:calc(var(--checkly-page-padding-y) + var(--checkly-tabbar-floating-height) + env(safe-area-inset-bottom))}.checkly-card{background:var(--checkly-card-bg);border:1px solid var(--checkly-card-border);border-radius:var(--checkly-radius);padding:16px;box-shadow:var(--checkly-card-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.checkly-muted{color:var(--checkly-muted)}.checkly-section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.checkly-section-title{font-size:13px;font-weight:700;color:var(--checkly-muted);text-transform:uppercase;letter-spacing:.04em;margin:0}.checkly-link{font-size:13px;font-weight:600;color:var(--checkly-primary);text-decoration:none}.checkly-page-title{font-size:22px;font-weight:700;margin:0 0 4px;color:var(--checkly-text)}.checkly-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap}.checkly-badge--success{background:#10b9811f;color:var(--checkly-success)}.checkly-badge--warning{background:#f59e0b24;color:var(--checkly-warning)}.checkly-badge--danger{background:#ef44441f;color:var(--checkly-danger)}.checkly-badge--muted{background:#64748b1f;color:var(--checkly-muted)}.checkly-cta-button{--background: linear-gradient(135deg, var(--checkly-accent) 0%, var(--checkly-accent-2) 100%);--background-activated: linear-gradient(135deg, #5867e6 0%, #6f5ee4 100%);--background-focused: linear-gradient(135deg, var(--checkly-accent) 0%, var(--checkly-accent-2) 100%);--border-radius: var(--checkly-radius-sm);--box-shadow: 0 10px 22px rgba(102, 116, 244, .24);height:50px;font-weight:600}.checkly-primary-cta{--border-radius: 16px;min-height:54px;font-size:15px;font-weight:700;letter-spacing:0;text-transform:none}ion-toast.checkly-toast{--checkly-toast-lift: calc(env(safe-area-inset-bottom, 0px) + 84px) ;--background: linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(255, 255, 255, .82)), rgba(255, 255, 255, .9);--color: var(--checkly-text);--border-radius: var(--checkly-radius);--box-shadow: 0 18px 42px rgba(62, 79, 116, .18);--start: var(--checkly-page-padding-x);--end: var(--checkly-page-padding-x);--max-width: var(--checkly-page-max-width);--min-height: 52px;font-size:14px}ion-app:has(.checkly-tabs--tabbar-hidden) ion-toast.checkly-toast,ion-app:not(:has(.checkly-tabs)) ion-toast.checkly-toast{--checkly-toast-lift: calc(env(safe-area-inset-bottom, 0px) + 16px) }ion-toast.checkly-toast::part(wrapper){margin-bottom:var(--checkly-toast-lift);border:1px solid var(--checkly-glass-border);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%)}ion-toast.checkly-toast::part(message){font-weight:600;line-height:1.4;text-align:start}ion-toast.checkly-toast::part(icon){margin-inline-start:16px;font-size:22px;color:var(--checkly-accent)}ion-toast.checkly-toast--success::part(icon){color:var(--checkly-success)}ion-toast.checkly-toast--error::part(icon){color:var(--checkly-danger)}ion-tabs.checkly-tabs--admin-shell{--checkly-admin-topbar-height: 56px;--checkly-admin-sidebar-width: 0px;--checkly-admin-gutter: 16px;--checkly-admin-gap: 12px;--checkly-admin-content-max: 1600px;--checkly-admin-metric-min: 148px}@media(min-width:768px){ion-tabs.checkly-tabs--admin-shell{--checkly-admin-gutter: 24px;--checkly-admin-gap: 16px}}@media(min-width:1024px){ion-tabs.checkly-tabs--admin-shell{--checkly-admin-topbar-height: 64px;--checkly-admin-sidebar-width: 76px;--checkly-admin-metric-min: 168px}ion-tabs.checkly-tabs--admin-shell.checkly-tabs--admin-expanded{--checkly-admin-sidebar-width: 256px}}@media(min-width:1280px){ion-tabs.checkly-tabs--admin-shell{--checkly-admin-sidebar-width: 256px;--checkly-admin-gutter: 32px;--checkly-admin-gap: 20px}ion-tabs.checkly-tabs--admin-shell.checkly-tabs--admin-collapsed{--checkly-admin-sidebar-width: 76px}}ion-tabs.checkly-tabs--admin-shell .ion-page.checkly-admin-page{top:calc(var(--checkly-admin-topbar-height) + env(safe-area-inset-top,0px));inset-inline-start:var(--checkly-admin-sidebar-width)}ion-tabs.checkly-tabs--admin-shell ion-content.checkly-page--admin::part(scroll){max-width:none;padding-block:var(--checkly-admin-gutter) calc(var(--checkly-admin-gutter) + env(safe-area-inset-bottom,0px));padding-inline:max(var(--checkly-admin-gutter),calc((100% - var(--checkly-admin-content-max)) / 2))}@media(min-width:1024px)and (pointer:fine){ion-tabs.checkly-tabs--admin-shell ion-content.checkly-page--admin::part(scroll){scrollbar-width:thin;scrollbar-color:rgba(100,116,139,.4) transparent}}ion-tabs.checkly-tabs--admin-shell ion-content.checkly-page--admin ion-button{min-inline-size:44px;max-inline-size:100%;min-height:44px;height:auto}ion-tabs.checkly-tabs--admin-shell ion-content.checkly-page--admin ion-button::part(native){min-height:44px;white-space:normal;overflow-wrap:normal;word-break:normal}ion-tabs.checkly-tabs--admin-shell ion-content.checkly-page--admin .admin-badge{box-sizing:border-box;max-inline-size:100%;white-space:normal;overflow-wrap:normal;word-break:normal}ion-app:has(.checkly-tabs--admin-shell.checkly-tabs--tabbar-hidden .admin-layout) ion-toast.checkly-toast{--max-width: 560px}.admin-ui-metrics>*,.admin-ui-list>*,.admin-ui-fields>*,.admin-ui-split>*{min-width:0}.admin-ui-metrics{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--checkly-admin-metric-min, 148px)),1fr));gap:var(--checkly-admin-gap, 10px);min-width:0}.admin-ui-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:var(--checkly-admin-gap, 10px);align-items:start;min-width:0}.admin-ui-list--wide{grid-template-columns:repeat(auto-fill,minmax(min(100%,460px),1fr))}.admin-ui-list--even{align-items:stretch}.admin-ui-chips{display:flex;flex-wrap:wrap;gap:8px;min-width:0}@media(max-width:767.98px){.admin-ui-chips{flex-wrap:nowrap;margin:-4px;padding:4px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.admin-ui-chips::-webkit-scrollbar{display:none}}.admin-ui-more{align-self:center;width:min(100%,360px)}.admin-ui-measure{width:100%;max-width:760px}.admin-ui-split{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--checkly-admin-gap, 12px);align-items:start;min-width:0}@media(min-width:1100px){.admin-ui-split{grid-template-columns:minmax(0,3fr) minmax(280px,2fr)}}.admin-ui-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-width:0}.admin-ui-actions>button,.admin-ui-actions>a{flex:0 1 auto;max-width:100%;min-height:44px}.admin-ui-scroll-x{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}.admin-ui-tool :where(h2,h3,h4,h5,p,dl,dd,ul,ol,fieldset,legend){margin:0}.admin-ui-tool :where(h2){color:var(--checkly-text);font-size:18px;font-weight:800;line-height:1.25}.admin-ui-tool :where(h3){color:var(--checkly-text);font-size:16px;font-weight:700;line-height:1.3}.admin-ui-tool :where(h4,h5){color:var(--checkly-text);font-size:14px;font-weight:700;line-height:1.35}.admin-ui-tool :where(p,li,dd,legend){font-size:14px;line-height:1.45;overflow-wrap:anywhere}.admin-ui-tool :where(dt){color:var(--checkly-muted);font-size:12px;font-weight:600;line-height:1.3}.admin-ui-tool :where(label){display:flex;flex-direction:column;gap:6px;min-width:0;color:var(--checkly-muted);font-size:13px;font-weight:600;line-height:1.3}.admin-ui-tool :where(button,select,textarea,input:not([type=checkbox],[type=radio],[type=file])){box-sizing:border-box;min-height:44px;max-width:100%;padding:8px 14px;border:1px solid var(--checkly-card-border);border-radius:var(--checkly-radius-sm);background:var(--checkly-card);color:var(--checkly-text);font:inherit;font-size:14px;font-weight:500;line-height:1.3}.admin-ui-tool :where(select,textarea,input:not([type=checkbox],[type=radio],[type=file])){width:100%}.admin-ui-tool :where(textarea){min-height:88px;resize:vertical}.admin-ui-tool :where(button){align-self:flex-start;justify-self:start;font-weight:700;cursor:pointer;touch-action:manipulation;transition:background-color var(--checkly-transition),border-color var(--checkly-transition)}.admin-ui-tool :where(button:hover:not(:disabled)){border-color:var(--checkly-accent-border);background:var(--checkly-accent-soft)}.admin-ui-tool :where(button:disabled){opacity:.55;cursor:default}.admin-ui-tool :where(button,select,textarea,input,summary):focus-visible{outline:2px solid var(--checkly-primary-dark);outline-offset:2px}.admin-ui-tool :where(button[type=submit],.admin-ui-button--primary){border-color:var(--checkly-accent);background:var(--checkly-accent);color:#fff}.admin-ui-tool :where(button[type=submit],.admin-ui-button--primary):hover:not(:disabled){border-color:var(--checkly-primary-dark);background:var(--checkly-primary-dark)}.admin-ui-tool :where(.admin-ui-button--danger){border-color:#ef444452;color:#b42318}.admin-ui-tool :where(input[type=checkbox],input[type=radio]){flex:none;inline-size:20px;block-size:20px;margin:0;accent-color:var(--checkly-accent)}.admin-ui-tool :where(input[type=file]){max-width:100%;min-height:44px;font:inherit;font-size:14px}.admin-ui-tool :where(summary){padding-block:12px;color:var(--checkly-primary-dark);font-size:14px;font-weight:700;cursor:pointer}.admin-ui-tool :where(fieldset){min-width:0;padding:12px;border:1px solid var(--checkly-card-border);border-radius:var(--checkly-radius-sm)}.admin-ui-tool :where(legend){padding-inline:6px;color:var(--checkly-muted);font-size:13px;font-weight:600}.admin-ui-tool :where(.admin-ui-check){flex-direction:row;align-items:flex-start;gap:10px;min-height:44px;padding-block:6px;color:var(--checkly-text);font-size:14px;font-weight:500}.admin-ui-fields>:where(button){align-self:end}.admin-ui-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;align-items:end;min-width:0}.admin-ui-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:10px 16px;margin:0;min-width:0}.admin-ui-facts>div{min-width:0}.admin-ui-media{display:block;width:auto;max-width:100%;height:auto;max-height:min(70vh,640px);border-radius:var(--checkly-radius-sm);background:#0f172a;object-fit:contain}video.admin-ui-media{width:100%}
