.auth-frame-root{display:none}
body.auth-demo-page{display:block!important;min-height:100vh!important;overflow:hidden!important;background:var(--bg)!important}
body.auth-demo-page>#sectionMetricsBar,
body.auth-demo-page>#sidebar,
body.auth-demo-page>#sidebar-backdrop,
body.auth-demo-page>#global-monitor-panel{display:none!important}
body.auth-demo-page>#demoPageRoot{display:none!important}
body.auth-demo-page>#scannerFrameRoot{display:none!important}
body.auth-demo-page>#authFrameRoot{display:block!important;position:fixed;top:56px;left:0;right:0;bottom:0;z-index:35;background:
linear-gradient(180deg, rgba(17,24,39,.92) 0%, rgba(10,15,26,.98) 100%),
linear-gradient(rgba(122,162,255,.10) 1px, transparent 1px),
linear-gradient(90deg, rgba(122,162,255,.10) 1px, transparent 1px);background-size:auto, 36px 36px, 36px 36px}
.auth-frame{display:block;width:100%;height:100%;border:0;background:transparent}
@media(max-width:700px){
  body.auth-demo-page>#authFrameRoot{top:56px}
}

:root[data-theme="light"] body.auth-demo-page>#authFrameRoot{background:linear-gradient(180deg, rgba(248,250,252,.98) 0%, rgba(241,245,249,.98) 100%),linear-gradient(rgba(148,163,184,.16) 1px, transparent 1px),linear-gradient(90deg, rgba(148,163,184,.16) 1px, transparent 1px);background-size:auto,36px 36px,36px 36px}

body.notifications-page-active #sectionMetricsBar,
body.notifications-page-active #demoPageRoot .page-hero,
body.notifications-page-active #demoPageRoot #kpiGrid,
body.notifications-page-active #demoPageRoot .section-toolbar{
  display:none!important;
}

body.notifications-page-active{
  grid-template-rows:56px 0 minmax(0,1fr)!important;
}

body.notifications-page-active #sectionMetricsBar,
body.notifications-page-active .section-metrics-bar{
  display:none!important;
  height:0!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  overflow:hidden!important;
}

body.notifications-page-active #main{
  height:calc(100vh - 56px)!important;
}

body.notifications-page-active #demoPageRoot .content-shell{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  overflow:visible!important;
}

body.notifications-page-active #demoPageRoot #pageContent{
  padding:0!important;
  background:transparent!important;
}

.notifications-embed-frame{
  display:block;
  width:100%;
  min-height:calc(100vh - 56px);
  height:calc(100vh - 56px);
  border:0;
  background:#f9fafb;
}

.notifications-embed-loading{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:calc(100vh - 56px);
  color:#64748b;
  font-size:14px;
  font-weight:600;
}