.service-auth-slot{
  display:flex;
  align-items:center;
  flex:0 0 auto;
}
.service-auth-button,
.service-account summary{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 13px;
  border:1px solid #171717;
  border-radius:999px;
  background:#fff;
  color:#171717;
  font:inherit;
  cursor:pointer;
}
.service-auth-button b{
  font-size:13px;
  font-weight:800;
}
.service-auth-telegram{
  width:25px;
  height:25px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#229ed9;
  color:#fff;
  font-size:13px;
  line-height:1;
  transform:rotate(-18deg);
}
.service-account{
  position:relative;
}
.service-account summary{
  list-style:none;
}
.service-account summary::-webkit-details-marker{
  display:none;
}
.service-account summary > span:nth-child(2){
  display:grid;
  gap:1px;
  text-align:left;
  line-height:1.05;
}
.service-account summary small{
  color:#667085;
  font-size:9px;
  font-weight:700;
}
.service-account summary b{
  max-width:150px;
  overflow:hidden;
  font-size:12px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.service-account summary i{
  color:#667085;
  font-size:11px;
  font-style:normal;
}
.service-account-menu{
  position:absolute;
  z-index:10020;
  top:calc(100% + 8px);
  right:0;
  width:240px;
  display:grid;
  gap:5px;
  padding:16px;
  border:1px solid #171717;
  border-radius:14px;
  background:#fff;
  box-shadow:0 14px 40px rgba(17,17,17,.14);
}
.service-account-menu small,
.service-account-menu span{
  color:#667085;
  font-size:11px;
}
.service-account-menu strong{
  font-size:14px;
}
.service-account-menu button{
  min-height:38px;
  margin-top:8px;
  border:1px solid #d0d5dd;
  border-radius:9px;
  background:#fff;
  color:#b42318;
  font:inherit;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}
.service-auth-gate[hidden]{
  display:none !important;
}
.service-auth-gate{
  position:fixed;
  z-index:10000;
  inset:var(--service-auth-top,70px) 0 0;
  display:grid;
  place-items:start center;
  padding:clamp(70px,12vh,150px) 20px 40px;
  overflow:auto;
  background:rgba(241,243,245,.78);
  backdrop-filter:grayscale(1) blur(5px);
  -webkit-backdrop-filter:grayscale(1) blur(5px);
}
.service-auth-card{
  width:min(480px,100%);
  display:grid;
  justify-items:center;
  gap:12px;
  padding:34px;
  border:1px solid #171717;
  border-radius:22px;
  background:#fff;
  color:#171717;
  text-align:center;
  box-shadow:8px 9px 0 rgba(151,140,255,.35);
}
.service-auth-card-icon{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#229ed9;
  color:#fff;
  font-size:24px;
  transform:rotate(-18deg);
}
.service-auth-card p{
  margin:4px 0 -4px;
  color:#667085;
  font-size:11px;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.service-auth-card h1{
  margin:0;
  font-size:clamp(26px,4vw,38px);
  line-height:1.05;
}
.service-auth-copy{
  max-width:390px;
  color:#5f6670;
  font-size:15px;
  line-height:1.45;
}
.service-auth-primary{
  min-height:48px;
  margin-top:4px;
  padding:0 22px;
  border:1px solid #111;
  border-radius:999px;
  background:#111;
  color:#fff;
  font:inherit;
  font-size:14px;
  font-weight:850;
  cursor:pointer;
}
.service-auth-primary:hover{
  background:#229ed9;
}
.service-auth-card > small{
  color:#7a828d;
  font-size:11px;
}
.service-auth-progress{
  width:100%;
  display:grid;
  gap:7px;
  margin-top:6px;
  padding:13px;
  border-radius:10px;
  background:#eef8fd;
  color:#344054;
  font-size:12px;
  line-height:1.4;
}
.service-auth-progress[hidden]{
  display:none !important;
}
.service-auth-progress b,
.service-auth-progress span,
.service-auth-progress a{
  display:block;
}
.service-auth-progress a{
  color:#0877ad;
  font-weight:800;
}
.service-auth-progress.error{
  background:#fff1f0;
  color:#b42318;
}
body.service-auth-locked{
  overflow:hidden;
}
body.service-auth-locked main{
  user-select:none;
}
@media (max-width:720px){
  body[data-service-page="dashboard"] .journeyTopbar{
    min-height:116px !important;
  }
  body[data-service-page="dashboard"] .journeyTopbarShell{
    min-height:116px !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:8px;
    padding:10px 0 !important;
  }
  body[data-service-page="dashboard"] .journeyActions{
    width:100%;
    grid-column:1;
    justify-self:stretch;
    justify-content:space-between;
    gap:6px;
  }
  body[data-service-page="dashboard"] .journeyLiveBadge{
    display:none !important;
  }
  body[data-service-page="selector"] .topbar-shell{
    min-height:150px !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:8px;
  }
  body[data-service-page="selector"] .topbar-actions{
    width:100%;
    grid-row:2;
    justify-self:stretch;
    justify-content:space-between;
    gap:6px;
  }
  body[data-service-page="selector"] .topnav{
    grid-row:3;
  }
  body[data-service-page="selector"] .live-badge{
    display:none !important;
  }
  body[data-service-page="contributions"] .topbar-shell{
    min-height:112px;
    grid-template-columns:minmax(0,1fr) !important;
    gap:8px;
    padding:8px 0;
  }
  body[data-service-page="contributions"] .header-actions{
    width:100%;
    justify-self:stretch;
    justify-content:space-between;
    gap:6px;
  }
  body[data-service-page="profile"] .topbar-shell{
    min-height:150px !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:8px;
  }
  body[data-service-page="profile"] .topbar-user-actions{
    width:100%;
    grid-row:2;
    justify-self:stretch;
    justify-content:space-between;
    gap:6px;
  }
  body[data-service-page="profile"] .global-route{
    grid-row:3;
  }
  .service-auth-gate{
    align-items:start;
    padding:32px 14px 30px;
  }
  .service-auth-card{
    padding:26px 20px;
    border-radius:18px;
    box-shadow:5px 6px 0 rgba(151,140,255,.35);
  }
  .service-account summary > span:nth-child(2) small{
    display:none;
  }
  .service-account summary b{
    max-width:92px;
  }
}