/* Login composition based on the approved light medical reference. */
body.sa-login-page{
  min-height:100vh!important;
  padding:0!important;
  color:#10284a!important;
  background:#f4f9fd!important;
  overflow-x:hidden;
  overflow-y:auto;
}

body.sa-login-page .shell{
  width:100%!important;
  max-width:none!important;
  min-height:100vh!important;
  display:grid!important;
  grid-template-columns:minmax(0,58.5%) minmax(0,41.5%)!important;
  gap:0!important;
  border:0!important;
  border-radius:0!important;
  overflow:hidden!important;
  background:#f7fbfe!important;
  box-shadow:none!important;
}

body.sa-login-page .panel{
  min-height:100vh!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

body.sa-login-page .promo{
  position:relative!important;
  padding:44px clamp(38px,5vw,82px) 22px!important;
  color:#10284a!important;
  background:
    radial-gradient(circle at 15% 10%,rgba(255,255,255,.95),transparent 32%),
    linear-gradient(150deg,#fafdff 0%,#f1f9fe 58%,#d7f1fb 100%)!important;
  isolation:isolate;
  overflow:visible!important;
}
body.sa-login-page .promo::before{content:none!important;display:none!important;background:none!important;border:0!important}

body.sa-login-page .promo::after{
  content:""!important;
  display:block!important;
  position:absolute;
  z-index:-1;
  left:-10%;right:-4%;bottom:-13%;height:56%;
  background:
    radial-gradient(100% 105% at 8% 100%,rgba(57,186,229,.43) 0 34%,transparent 34.5%),
    radial-gradient(95% 105% at 36% 104%,rgba(92,196,233,.24) 0 39%,transparent 39.5%),
    radial-gradient(105% 115% at 70% 110%,rgba(36,145,217,.12) 0 42%,transparent 42.5%);
  pointer-events:none;
}

body.sa-login-page .promo > :not(.referencePromo):not(.promo-slides){display:none!important}

body.sa-login-page .promo-slides{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
body.sa-login-page .promo-slide{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  opacity:0!important;
  transform:scale(1.018);
  transition:opacity .8s ease,transform 6.5s ease!important;
  background:none!important;
}
body.sa-login-page .promo-slide.is-active{opacity:1!important;transform:scale(1)}
body.sa-login-page .promo-slide::before,
body.sa-login-page .promo-slide::after{content:"";position:absolute;border-radius:50%;filter:blur(2px)}
body.sa-login-page .promo-slide-audit::before{width:46vw;height:46vw;left:-25vw;top:-24vw;background:rgba(255,255,255,.72)}
body.sa-login-page .promo-slide-audit::after{width:28vw;height:28vw;right:-12vw;bottom:-12vw;background:rgba(29,162,222,.10)}
body.sa-login-page .promo-slide-team::before{width:42vw;height:42vw;right:-19vw;top:8vh;background:rgba(17,137,207,.12)}
body.sa-login-page .promo-slide-team::after{width:26vw;height:26vw;left:18vw;bottom:-15vw;background:rgba(52,192,220,.12)}
body.sa-login-page .promo-slide-analytics::before{width:38vw;height:38vw;left:-18vw;bottom:-17vw;background:rgba(20,112,202,.11)}
body.sa-login-page .promo-slide-analytics::after{width:31vw;height:31vw;right:-10vw;top:-12vw;background:rgba(39,199,220,.10)}

.referencePromo{
  width:100%;
  max-width:none;
  min-height:calc(100vh - 66px);
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
}

.referenceWordmark,
body.sa-login-page .logoWrap{
  background-image:url('/assets/sanaly-audit-wordmark-v1.png?v=20260809')!important;
  background-repeat:no-repeat!important;
}

.referenceWordmark{
  width:300px;
  height:70px;
  flex:0 0 auto;
  background-size:480px 320px!important;
  background-position:-82px -107px!important;
}

.referencePromoCopy{margin-top:44px;max-width:680px}
.referenceEyebrow{
  display:inline-block;
  margin-bottom:14px;
  color:#1489c6;
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
}
.referencePromoCopy h1{
  margin:0!important;
  color:#102f58!important;
  font-size:clamp(44px,4.3vw,66px)!important;
  line-height:1.06!important;
  letter-spacing:-.045em!important;
  font-weight:800!important;
}
.referencePromoCopy p{
  max-width:620px;
  margin:18px 0 0;
  color:#506983;
  font-size:clamp(17px,1.4vw,22px);
  line-height:1.42;
  font-weight:500;
}

.referenceFeatures{
  display:grid;
  gap:12px;
  margin-top:26px;
  max-width:700px;
}
.referenceFeature{display:flex;align-items:center;gap:16px;min-width:0}
.referenceFeatureIcon{
  width:52px;height:52px;flex:0 0 52px;
  display:grid;place-items:center;
  border:1px solid rgba(26,106,174,.11);
  border-radius:15px;
  background:rgba(255,255,255,.86);
  box-shadow:0 10px 26px rgba(27,95,151,.10);
  color:#0d7bd6;
  font-size:24px;
  font-weight:900;
}
.referenceExcel{color:#13884b}
.referenceShield{color:#1474cb}
.referenceChart{color:#008ab6}
.referenceFeature b{display:block;color:#163454;font-size:16px;line-height:1.2}
.referenceFeature small{display:block;margin-top:4px;color:#698097;font-size:12px;line-height:1.35}

.referenceDashboard{
  width:min(960px,calc(100% + 90px));
  min-height:420px;
  margin-left:-18px;
  margin-top:28px;
  display:grid;
  grid-template-columns:144px minmax(0,1fr);
  overflow:hidden;
  border:1px solid rgba(24,88,145,.14);
  border-radius:18px;
  background:rgba(255,255,255,.92);
  box-shadow:0 24px 58px rgba(24,83,134,.16);
}
.referenceDashSide{
  padding:18px 13px;
  display:flex;flex-direction:column;gap:9px;
  color:#cae2f8;
  background:linear-gradient(180deg,#0b2b56,#0b3c70);
  font-size:11px;
}
.referenceDashSide b{margin-bottom:8px;color:#fff;font-size:14px}
.referenceDashSide span{padding:9px 10px;border-radius:8px}
.referenceDashSide span.active{color:#fff;background:#117ace}
.referenceDashMain{padding:14px;min-width:0;background:#f6fafe}
.referenceDashTop{height:32px;display:flex;align-items:center;gap:8px;color:#183a60}
.referenceDashTop b{margin-right:auto}
.referenceDashTop span{color:#70869c;font-size:10px;font-weight:600}
.referenceDashTop i{width:24px;height:24px;border-radius:50%;background:#e4eff7}
.referenceRealModules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:4px}
.referenceRealModules>span{min-height:92px;padding:10px;border:1px solid #deebf4;border-radius:10px;background:#fff}
.referenceRealModules>span{transition:border-color .45s ease,box-shadow .45s ease,transform .45s ease,background .45s ease}
.referenceRealModules>span.is-promoted{border-color:#8bc9ec;background:#f3fbff;box-shadow:0 8px 18px rgba(19,123,195,.11);transform:translateY(-1px)}
.referenceRealModules i{width:28px;height:28px;display:grid;place-items:center;margin-bottom:7px;border-radius:8px;color:#0878de;background:#eaf5fd;font-size:9px;font-style:normal;font-weight:850}
.referenceRealModules b{display:block;color:#244668;font-size:10px;line-height:1.2}
.referenceRealModules small{display:block;margin-top:4px;color:#7b8fa3;font-size:8px;line-height:1.3}
.referenceRealNotice{display:flex;align-items:center;gap:12px;margin-top:8px;padding:11px 13px;border:1px solid #cfe5f3;border-radius:10px;color:#315675;background:#eef8fd}
.referenceRealNotice b{flex:0 0 auto;color:#126ca9;font-size:10px}
.referenceRealNotice span{font-size:9px;line-height:1.35}
.referencePromoDots{display:flex;align-items:center;gap:7px;margin:16px 0 0 2px}
.referencePromoDot{width:7px;height:7px;padding:0;border:0;border-radius:999px;background:#b8d6e8;cursor:pointer;transition:width .25s ease,background .25s ease,box-shadow .25s ease}
.referencePromoDot.is-active{width:26px;background:#1589d4;box-shadow:0 0 0 4px rgba(21,137,212,.10)}
.referencePromoDot:focus-visible{outline:2px solid #147dc4;outline-offset:3px}
.referenceKpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.referenceKpis span{padding:10px;border:1px solid #deebf4;border-radius:10px;background:#fff}
.referenceKpis small{display:block;color:#74879b;font-size:9px}
.referenceKpis b{display:block;margin-top:6px;color:#15375d;font-size:19px}
.referenceKpis em{display:block;margin-top:3px;color:#21a76b;font-size:9px;font-style:normal}
.referenceCharts{display:grid;grid-template-columns:1.55fr 1fr;gap:8px;margin-top:8px}
.referenceCharts>div,.referenceProgress{border:1px solid #deebf4;border-radius:10px;background:#fff}
.referenceCharts b{display:block;padding:10px;color:#274766;font-size:10px}
.referenceLineChart svg{display:block;width:100%;height:110px;padding:7px 10px 12px}
.referenceDonut i{display:block;width:92px;height:92px;margin:9px auto 18px;border-radius:50%;background:conic-gradient(#1685dc 0 35%,#30b9d0 35% 62%,#38b77b 62% 81%,#9bd66e 81%);position:relative}
.referenceDonut i::after{content:"";position:absolute;inset:25px;border-radius:50%;background:#fff}
.referenceProgress{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:8px;padding:12px}
.referenceProgress span{position:relative;padding-right:38px}
.referenceProgress b{display:block;margin-bottom:7px;color:#536a80;font-size:9px}
.referenceProgress i{display:block;height:6px;border-radius:99px;background:linear-gradient(90deg,#20ad75 var(--value),#e6eef4 var(--value))}
.referenceProgress em{position:absolute;right:0;bottom:-3px;color:#234564;font-size:10px;font-style:normal}
.referenceCopyright{margin-top:auto;padding-top:18px;color:#72869b;text-align:center;font-size:11px}

body.sa-login-page .loginPanel{
  position:relative!important;
  padding:80px clamp(34px,5.5vw,86px) 42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:
    linear-gradient(rgba(247,251,254,.86),rgba(247,251,254,.94)),
    linear-gradient(155deg,#dceefa,#f8fbfd 54%,#dceaf5)!important;
  border-left:1px solid #dbe7f0!important;
}
body.sa-login-page .loginPanel::before{content:none!important;display:none!important;background:none!important}
.loginLanguage{position:absolute;right:40px;top:32px;color:#334e69;font-size:13px;font-weight:700}
.loginLanguage span{margin-left:4px;color:#71869a}

body.sa-login-page .loginBox{
  width:min(450px,100%)!important;
  padding:30px 32px 26px!important;
  border:1px solid #dbe6ef!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 28px 76px rgba(22,67,108,.14)!important;
}
body.sa-login-page .logoWrap{
  width:220px!important;
  height:56px!important;
  margin:0 auto 12px!important;
  border:0!important;
  border-radius:0!important;
  background-color:transparent!important;
  background-size:352px 235px!important;
  background-position:-60px -78px!important;
  box-shadow:none!important;
}
body.sa-login-page .logoWrap img{display:none!important}
body.sa-login-page .edition,
body.sa-login-page .loginSub,
body.sa-login-page .voterNotice,
body.sa-login-page .showcaseBtn,
body.sa-login-page .loginTrustRow{display:none!important}
body.sa-login-page .loginTitle{
  margin:0 0 18px!important;
  color:#102f58!important;
  font-size:28px!important;
  line-height:1.15!important;
  font-weight:800!important;
  letter-spacing:-.025em!important;
}
body.sa-login-page form{gap:12px!important}
body.sa-login-page form>label{color:#1c3e62!important;font-size:13px!important;font-weight:700!important}
body.sa-login-page .field svg{color:#607d99!important;width:18px!important;height:18px!important}
body.sa-login-page input{
  height:46px!important;
  border:1px solid #cad9e6!important;
  border-radius:10px!important;
  color:#143354!important;
  background:#fff!important;
  font-size:14px!important;
  font-weight:500!important;
  box-shadow:none!important;
}
body.sa-login-page input::placeholder{color:#9aafc2!important}
body.sa-login-page input:focus{border-color:#4d9fe2!important;box-shadow:0 0 0 4px rgba(8,120,222,.10)!important}
body.sa-login-page .eye{color:#597793!important}
body.sa-login-page .loginAux{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:-1px}
body.sa-login-page .rememberLogin{display:flex!important;grid-template:none!important;align-items:center;gap:8px;color:#516b84!important;font-size:13px!important;font-weight:500!important;cursor:pointer}
body.sa-login-page .rememberLogin input{width:18px!important;height:18px!important;min-height:0!important;padding:0!important;accent-color:#0878de!important}
body.sa-login-page .linkBtn{padding:4px 0!important;color:#0878de!important;font-size:13px!important;font-weight:600!important}
body.sa-login-page button[type="submit"],
body.sa-login-page #btn{
  height:48px!important;
  border-radius:10px!important;
  background:linear-gradient(135deg,#0878de,#0572c9)!important;
  box-shadow:0 12px 24px rgba(8,120,222,.20)!important;
  font-size:16px!important;
  font-weight:700!important;
}
body.sa-login-page button[type="submit"]:hover,
body.sa-login-page #btn:hover{
  background:linear-gradient(135deg,#0878de,#0568ba)!important;
  box-shadow:0 13px 28px rgba(8,120,222,.28)!important;
  filter:brightness(1.035)!important;
}
body.sa-login-page :is(.msg.ok,#msg.ok,#resetMsg.ok){color:#0878de!important}
.referenceDivider{display:flex;align-items:center;gap:12px;margin:12px 0;color:#8a9bad;font-size:11px;text-transform:uppercase}
.referenceDivider::before,.referenceDivider::after{content:"";height:1px;flex:1;background:#e2eaf1}
.referenceDemo{
  display:block;width:100%;padding:6px 10px;border:0;color:#0878de;background:transparent;
  text-align:center;text-decoration:none;font:700 14px/1.35 Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;cursor:pointer;
}
.referenceDemo:hover{color:#0568ba;text-decoration:underline;text-underline-offset:3px}
.referenceDemo:focus-visible{outline:2px solid #1489d4;outline-offset:4px;border-radius:6px}
.referenceSecurity{margin-top:18px;display:flex;align-items:center;justify-content:center;gap:11px;color:#637991;font-size:12px;line-height:1.35;font-weight:500}
.referenceSecurity span{width:34px;height:38px;display:grid;place-items:center;border:1px solid #9db2c5;border-radius:14px 14px 17px 17px;color:#4c7499;font-size:18px}
.referenceAccess{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.referenceAccess button,.referenceAccess a{
  min-height:36px;display:flex;align-items:center;justify-content:center;padding:7px 10px;
  border:1px solid #d9e5ef;border-radius:9px;color:#2166a5;background:#f8fbfe;
  font:600 11px/1.25 Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  text-align:center;text-decoration:none;cursor:pointer;
}
.referenceAccess a{color:#3f6485}
.referenceAccess button:hover,.referenceAccess a:hover{border-color:#8dbce2;background:#eef7fd}
.referenceTrustDetails{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 12px;margin-top:10px;color:#7b8fa3;font-size:10px}
.referenceTrustDetails span{display:inline-flex;align-items:center;gap:5px}
.referenceTrustDetails span::before{content:"✓";color:#20a36f;font-weight:900}
body.sa-login-page .resetBox{margin-top:18px!important;border-color:#d8e7f1!important;background:#f6fbfe!important;border-radius:14px!important}
body.sa-login-page.reset-open .referenceDivider,
body.sa-login-page.reset-open .referenceDemo,
body.sa-login-page.reset-open .referenceSecurity,
body.sa-login-page.reset-open .referenceAccess,
body.sa-login-page.reset-open .referenceTrustDetails{display:none!important}

body.sa-login-page.demo-request-open{overflow:hidden!important}
.demoRequestModal[hidden]{display:none!important}
.demoRequestModal{position:fixed;z-index:10050;inset:0;display:grid;place-items:center;padding:20px}
.demoRequestBackdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(7,22,37,.58);backdrop-filter:blur(9px);cursor:default}
.demoRequestCard{
  position:relative;z-index:1;width:min(480px,calc(100vw - 28px));padding:30px;border:1px solid #d8e6ef;border-radius:22px;
  max-height:calc(100vh - 28px);overflow:auto;color:#173b60;background:#fff;box-shadow:0 32px 100px rgba(4,22,39,.30);outline:none;
}
.demoRequestClose{position:absolute;right:16px;top:16px;width:38px;height:38px;border:1px solid #d7e3ed;border-radius:10px;color:#4c6a86;background:#f8fbfd;font-size:25px;line-height:1;cursor:pointer}
.demoRequestClose:hover{border-color:#9fc3df;background:#eef7fd}
.demoRequestIcon{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;color:#fff;background:#20aa69;box-shadow:0 12px 25px rgba(32,170,105,.22);font-size:13px;font-weight:900}
.demoRequestHeading{margin-top:18px;padding-right:26px}
.demoRequestHeading>span{color:#1589c6;font-size:10px;font-weight:850;letter-spacing:.12em}
.demoRequestHeading h2{margin:6px 0 8px;color:#102f58;font-size:25px;line-height:1.16;letter-spacing:-.025em}
.demoRequestHeading p{margin:0;color:#617990;font-size:13px;line-height:1.5}
body.sa-login-page .demoRequestForm{display:grid!important;gap:8px!important;margin-top:22px}
body.sa-login-page .demoRequestForm label{margin-top:5px;color:#1c3e62!important;font-size:12px!important;font-weight:750!important}
body.sa-login-page .demoRequestForm input{height:48px!important;padding:0 14px!important;border-radius:10px!important}
.demoRequestError{min-height:18px;color:#c23b31;font-size:12px;font-weight:650}
.demoRequestError.is-success{color:#16834d}
body.sa-login-page .demoRequestForm .demoRequestTrap{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
body.sa-login-page button.demoRequestSubmit[type="submit"]{height:50px!important;display:flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:10px!important;color:#fff;background:linear-gradient(135deg,#20aa69,#169454)!important;box-shadow:0 12px 24px rgba(32,170,105,.20)!important;font-size:14px!important;font-weight:750!important;cursor:pointer}
body.sa-login-page button.demoRequestSubmit[type="submit"]:hover{background:linear-gradient(135deg,#24b870,#158a50)!important;filter:brightness(1.035);box-shadow:0 13px 28px rgba(32,170,105,.28)!important}
body.sa-login-page button.demoRequestSubmit[type="submit"]:disabled{cursor:wait;opacity:.68;filter:saturate(.7)}
.demoRequestSubmit span{font-size:10px;font-weight:900}
.demoRequestForm small{color:#7b8fa3;text-align:center;font-size:10px;line-height:1.4}

@media(max-width:1080px){
  body.sa-login-page .shell{grid-template-columns:1fr!important}
  body.sa-login-page .promo{min-height:auto!important;padding-bottom:44px!important}
  body.sa-login-page .panel{min-height:auto!important}
  .referencePromo{min-height:auto}
  .referenceDashboard{width:100%;margin-left:0}
  .referenceCopyright{margin-top:24px}
  body.sa-login-page .loginPanel{min-height:760px!important}
}
@media(max-width:700px){
  body.sa-login-page .promo{padding:28px 20px 34px!important}
  .referenceWordmark{transform:scale(.82);transform-origin:left top;margin-bottom:-10px}
  .referencePromoCopy{margin-top:18px}
  .referencePromoCopy h1{font-size:42px!important}
  .referenceDashboard{display:grid;grid-template-columns:1fr;min-height:0;border-radius:14px}
  .referenceDashSide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;gap:6px}
  .referenceDashSide b{grid-column:1/-1;margin-bottom:2px}
  .referenceDashSide span{padding:7px 8px}
  .referenceDashMain{padding:10px}
  .referenceKpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .referenceRealModules{grid-template-columns:repeat(2,minmax(0,1fr))}
  .referenceCharts{grid-template-columns:1fr}
  .referenceProgress{grid-template-columns:1fr;gap:12px}
  body.sa-login-page .loginPanel{min-height:680px!important;padding:66px 16px 28px!important}
  .loginLanguage{right:20px;top:22px}
  body.sa-login-page .loginBox{padding:34px 22px 28px!important;border-radius:18px!important}
  body.sa-login-page .logoWrap{transform:scale(.88);margin-bottom:10px!important}
  .referenceAccess{grid-template-columns:1fr}
  .referenceAccess a{grid-column:auto}
  .demoRequestModal{padding:8px}.demoRequestCard{width:100%;padding:25px 20px;border-radius:16px}.demoRequestHeading h2{font-size:22px}
}

@media(max-width:420px){
  .referenceWordmark{width:270px}
  .referencePromoCopy h1{font-size:36px!important}
  .referencePromoCopy p{font-size:16px}
  .referenceFeature{align-items:flex-start;gap:12px}
  .referenceFeatureIcon{width:44px;height:44px;flex-basis:44px;border-radius:12px}
  .referenceRealModules{grid-template-columns:1fr}
  .referenceRealNotice{align-items:flex-start;flex-direction:column;gap:4px}
  body.sa-login-page .loginPanel{padding-left:10px!important;padding-right:10px!important}
  body.sa-login-page .loginBox{padding-left:16px!important;padding-right:16px!important}
  body.sa-login-page .logoWrap{width:226px!important;transform:scale(.84)}
  body.sa-login-page .loginAux{align-items:flex-start;flex-direction:column;gap:4px}
  body.sa-login-page .resetGrid{grid-template-columns:1fr!important}
}

@media(min-width:1081px) and (max-height:1000px){
  body.sa-login-page .promo{padding-top:16px!important;padding-bottom:12px!important}
  .referencePromo{min-height:calc(100vh - 28px)}
  .referenceWordmark{height:56px;transform:scale(.82);transform-origin:left top;margin-bottom:-10px}
  .referencePromoCopy{margin-top:8px}
  .referenceEyebrow{margin-bottom:7px;font-size:9px}
  .referencePromoCopy h1{font-size:clamp(34px,3.15vw,46px)!important;line-height:1!important}
  .referencePromoCopy p{margin-top:8px;font-size:14px;line-height:1.3}
  .referenceFeatures{margin-top:10px;gap:5px}
  .referenceFeature{gap:10px}
  .referenceFeatureIcon{width:36px;height:36px;flex-basis:36px;border-radius:10px;font-size:18px}
  .referenceFeature b{font-size:13px}.referenceFeature small{margin-top:2px;font-size:10px}
  .referenceDashboard{margin-top:10px;min-height:230px;grid-template-columns:124px minmax(0,1fr);border-radius:14px}
  .referenceDashSide{padding:11px 8px;gap:4px;font-size:9px}.referenceDashSide b{font-size:11px}.referenceDashSide span{padding:6px}
  .referenceDashMain{padding:9px}.referenceDashTop{height:24px;font-size:11px}.referenceDashTop i{width:18px;height:18px}
  .referenceRealModules{gap:5px}.referenceRealModules>span{min-height:58px;padding:7px}
  .referenceRealModules i{width:20px;height:20px;margin-bottom:4px;border-radius:6px;font-size:7px}
  .referenceRealModules b{font-size:8px}.referenceRealModules small{margin-top:2px;font-size:7px}
  .referenceRealNotice{margin-top:5px;padding:7px 9px}.referenceRealNotice b{font-size:8px}.referenceRealNotice span{font-size:7px}
  .referenceCopyright{padding-top:8px;font-size:9px}
  .referenceLineChart svg{height:76px}
  .referenceDonut i{width:70px;height:70px;margin:5px auto 10px}
  .referenceDonut i::after{inset:20px}
  body.sa-login-page .loginPanel{padding-top:22px!important;padding-bottom:18px!important}
  body.sa-login-page .loginBox{padding:14px 26px 16px!important;border-radius:18px!important}
  body.sa-login-page .logoWrap{height:46px!important;margin-bottom:3px!important;transform:scale(.78)}
  body.sa-login-page .loginTitle{margin-bottom:9px!important;font-size:25px!important}
  body.sa-login-page form{gap:9px!important}
  body.sa-login-page input{height:44px!important}
  body.sa-login-page button[type="submit"],body.sa-login-page #btn{height:46px!important}
  .referenceDivider{margin:7px 0}.referenceSecurity{margin-top:10px}.referenceAccess{margin-top:10px}.referenceTrustDetails{margin-top:6px}
}

@media(min-width:1081px) and (min-height:821px) and (max-height:1000px){
  body.sa-login-page .promo{padding-top:26px!important;padding-bottom:16px!important}
  .referencePromo{min-height:calc(100vh - 42px)}
  .referenceWordmark{height:64px;transform:scale(.94);margin-bottom:-2px}
  .referencePromoCopy{margin-top:18px;max-width:760px}
  .referenceEyebrow{margin-bottom:10px;font-size:10px}
  .referencePromoCopy h1{font-size:clamp(44px,3.6vw,54px)!important;line-height:1.03!important}
  .referencePromoCopy p{margin-top:12px;font-size:16px;line-height:1.35}
  .referenceFeatures{margin-top:16px;gap:8px}
  .referenceFeature{gap:12px}.referenceFeatureIcon{width:42px;height:42px;flex-basis:42px;font-size:20px}
  .referenceFeature b{font-size:14px}.referenceFeature small{font-size:10.5px}
  .referenceDashboard{width:min(960px,calc(100% + 90px));margin-left:-18px;margin-top:16px;min-height:350px;grid-template-columns:158px minmax(0,1fr)}
  .referenceDashSide{padding:14px 10px;gap:6px;font-size:10px}.referenceDashSide b{font-size:12px}.referenceDashSide span{padding:7px}
  .referenceDashMain{padding:11px}.referenceDashTop{height:28px}.referenceDashTop i{width:21px;height:21px}
  .referenceRealModules{gap:7px}.referenceRealModules>span{min-height:76px;padding:8px}
  .referenceRealModules i{width:24px;height:24px;margin-bottom:5px}.referenceRealModules b{font-size:9px}.referenceRealModules small{font-size:7.5px}
  .referenceRealNotice{margin-top:7px;padding:9px 11px}.referenceRealNotice b{font-size:9px}.referenceRealNotice span{font-size:8px}
  .referenceCopyright{padding-top:12px;font-size:10px}
}

/* Unified light product modal: the same visual language as the workspace. */
body.sa-login-page .productModal{padding:24px!important;background:rgba(7,22,37,.58)!important;backdrop-filter:blur(12px)!important}
body.sa-login-page .productModalCard{width:min(1040px,calc(100vw - 36px))!important;max-height:calc(100dvh - 36px)!important;border:1px solid #d7e4ee!important;border-radius:20px!important;background:#f7fafc!important;box-shadow:0 32px 100px rgba(4,22,39,.30)!important}
body.sa-login-page .productModalHeader{padding:20px 24px!important;border-bottom:1px solid #dce7ef!important;color:#12365d!important;background:#fff!important;box-shadow:none!important}
body.sa-login-page .productModalBrand img{border:1px solid #dce8f1!important;border-radius:12px!important;background:#f5faff!important}
body.sa-login-page .productModalBrand span{color:#0878de!important;font-size:10px!important;letter-spacing:.12em!important}
body.sa-login-page .productModalBrand h2{margin-top:3px!important;color:#102f58!important;font-size:clamp(22px,2.3vw,30px)!important;line-height:1.15!important}
body.sa-login-page .productModalClose{width:38px!important;height:38px!important;border:1px solid #d7e3ed!important;border-radius:10px!important;color:#4c6a86!important;background:#f8fbfd!important}
body.sa-login-page .productModalLead{margin:0!important;padding:18px 24px 8px!important;color:#587189!important;font-size:13px!important;line-height:1.5!important}
body.sa-login-page .productGrid{padding:12px 24px 20px!important;gap:10px!important}
body.sa-login-page .productCard{padding:16px 16px 16px 58px!important;border:1px solid #dbe6ee!important;border-radius:14px!important;color:#284866!important;background:#fff!important;box-shadow:0 8px 22px rgba(19,65,103,.05)!important}
body.sa-login-page .productCardIndex{top:16px!important;left:16px!important}
body.sa-login-page .productCardIndex{color:#0878de!important;background:#eaf5fd!important}
body.sa-login-page .productCard h3{color:#173b60!important;font-size:15px!important}
body.sa-login-page .productCard p,body.sa-login-page .productCard li{color:#657d93!important;font-size:11px!important;line-height:1.4!important}
body.sa-login-page .productCard li::marker{color:#1597c1!important}
body.sa-login-page .productModalFooter{padding:14px 20px!important;border:1px solid #d8e6ef!important;border-radius:14px!important;color:#345875!important;background:#eef7fd!important}
body.sa-login-page .productModalFooter a{border-radius:9px!important;background:linear-gradient(135deg,#0878de,#0a91c1)!important}
@media(max-width:700px){body.sa-login-page .productModal{padding:8px!important}body.sa-login-page .productModalCard{width:100%!important;max-height:calc(100dvh - 16px)!important;border-radius:14px!important}body.sa-login-page .productGrid{grid-template-columns:1fr!important;padding:10px 12px 16px!important}body.sa-login-page .productModalHeader{padding:14px!important}.productModalLead{padding-left:14px!important;padding-right:14px!important}}