: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-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: #64748b;--checkly-border: #e7e9f4;--checkly-success: #10b981;--checkly-warning: #f59e0b;--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: 96px;--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}
