body.crm-social-auth-page{
  min-height:100vh;
  background:#f6f8fb;
  color:#172033;
}
.crm-social-auth-page .tg-auth-page,
.crm-social-auth-page .vk-auth-page{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:transparent!important;
}
.crm-social-auth-page .tg-auth-box,
.crm-social-auth-page .vk-auth-box{width:100%;max-width:760px;}
.social-theme-toggle{
  position:fixed;
  top:1rem;
  right:1rem;
  z-index:50;
  width:2.85rem;
  height:2.85rem;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(31,78,121,.18);
  background:rgba(255,255,255,.92);
  color:#1f4e79;
  box-shadow:0 .75rem 2rem rgba(15,23,42,.12);
}
.social-theme-toggle:hover{transform:translateY(-1px)}
.auth-brand-wrap{margin-bottom:1.35rem!important;text-align:center;}
.auth-brand{
  display:inline-block;
  color:#1f4e79;
  text-decoration:none;
  text-align:center;
}
.auth-brand:hover{color:#1f4e79;text-decoration:none;}
.auth-brand-logo{display:none!important;}
.auth-brand-title{
  display:block;
  font-size:3rem;
  line-height:1;
  font-weight:800;
  letter-spacing:-.02em;
}
.auth-brand-subtitle{
  display:block;
  margin-top:.45rem;
  font-size:.82rem;
  line-height:1.1;
  color:#6c757d;
  font-weight:600;
  letter-spacing:.02em;
  text-align:center;
}
.crm-social-auth-page .card{
  background:#fff!important;
  color:#172033!important;
  border:1px solid rgba(15,23,42,.08)!important;
  border-radius:1.05rem;
  box-shadow:0 1.25rem 3.5rem rgba(15,23,42,.10)!important;
  overflow:hidden;
}
.crm-social-auth-page .card-header{
  background:#f8fbff!important;
  color:#172033!important;
  border-color:rgba(15,23,42,.08)!important;
}
.crm-social-auth-page .form-control,
.crm-social-auth-page .input-group-text{
  background:#fff!important;
  color:#172033!important;
  border-color:#dbe4ef!important;
}
.crm-social-auth-page .form-control:focus{
  background:#fff!important;
  color:#172033!important;
  border-color:#38bdf8!important;
  box-shadow:0 0 0 .2rem rgba(56,189,248,.16);
}
.crm-social-auth-page .text-muted,
.crm-social-auth-page .form-text{color:#64748b!important;}
.crm-social-auth-page .tg-profile-wait.alert,
.crm-social-auth-page .vk-profile-wait.alert,
.crm-social-auth-page .tg-not-found.alert,
.crm-social-auth-page .vk-not-found.alert{
  border-radius:.85rem;
}
.crm-social-auth-page .auth-legal-note{
  margin-top:1rem;
  padding:.875rem 1rem;
  border-radius:.85rem;
  border:1px solid rgba(59,130,246,.16);
  background:rgba(241,245,249,.92)!important;
  text-align:center;
  font-size:.875rem;
  color:#64748b!important;
}
.crm-social-auth-page .auth-legal-note a{font-weight:600;}
html[data-crm-theme="dark"] body.crm-social-auth-page,
html[data-crm-theme="darker"] body.crm-social-auth-page{
  background:
    radial-gradient(circle at 20% 0%,rgba(56,189,248,.16),transparent 34rem),
    radial-gradient(circle at 85% 12%,rgba(37,99,235,.16),transparent 32rem),
    var(--crm-bg)!important;
  color:var(--crm-text)!important;
}
html[data-crm-theme="dark"] .auth-brand,
html[data-crm-theme="darker"] .auth-brand,
html[data-crm-theme="dark"] .auth-brand:hover,
html[data-crm-theme="darker"] .auth-brand:hover,
html[data-crm-theme="dark"] .auth-brand-title,
html[data-crm-theme="darker"] .auth-brand-title{color:var(--crm-text,#e5edf8)!important;}
html[data-crm-theme="dark"] .auth-brand-subtitle,
html[data-crm-theme="darker"] .auth-brand-subtitle{color:var(--crm-muted,#9fb3c8)!important;}
html[data-crm-theme="dark"] .social-theme-toggle,
html[data-crm-theme="darker"] .social-theme-toggle{
  background:rgba(15,23,42,.72)!important;
  color:#7dd3fc!important;
  border-color:rgba(125,211,252,.26)!important;
  box-shadow:0 .75rem 2rem rgba(0,0,0,.28)!important;
}
html[data-crm-theme="darker"] .social-theme-toggle{background:rgba(2,6,23,.86)!important;}
html[data-crm-theme="dark"] .crm-social-auth-page .card,
html[data-crm-theme="darker"] .crm-social-auth-page .card{
  background:var(--crm-surface)!important;
  color:var(--crm-text)!important;
  border-color:var(--crm-border-soft)!important;
  box-shadow:0 1.5rem 4rem rgba(2,6,23,.35)!important;
}
html[data-crm-theme="dark"] .crm-social-auth-page .card-header,
html[data-crm-theme="darker"] .crm-social-auth-page .card-header{
  background:var(--crm-surface-2)!important;
  color:var(--crm-text)!important;
  border-color:var(--crm-border-soft)!important;
}
html[data-crm-theme="dark"] .crm-social-auth-page .form-control,
html[data-crm-theme="dark"] .crm-social-auth-page .input-group-text,
html[data-crm-theme="darker"] .crm-social-auth-page .form-control,
html[data-crm-theme="darker"] .crm-social-auth-page .input-group-text{
  background:#0b1220!important;
  color:#e5edf8!important;
  border-color:#334155!important;
}
html[data-crm-theme="dark"] .crm-social-auth-page .form-control:focus,
html[data-crm-theme="darker"] .crm-social-auth-page .form-control:focus{
  background:#0b1220!important;
  color:#fff!important;
  border-color:#38bdf8!important;
}
html[data-crm-theme="dark"] .crm-social-auth-page .text-muted,
html[data-crm-theme="dark"] .crm-social-auth-page .form-text,
html[data-crm-theme="darker"] .crm-social-auth-page .text-muted,
html[data-crm-theme="darker"] .crm-social-auth-page .form-text{color:var(--crm-muted)!important;}
html[data-crm-theme="dark"] .crm-social-auth-page .auth-legal-note,
html[data-crm-theme="darker"] .crm-social-auth-page .auth-legal-note{
  background:rgba(15,23,42,.72)!important;
  border-color:rgba(125,211,252,.16)!important;
  color:var(--crm-muted)!important;
}
html[data-crm-theme="dark"] .crm-social-auth-page .alert-info,
html[data-crm-theme="darker"] .crm-social-auth-page .alert-info{
  background:rgba(14,165,233,.09)!important;
  border-color:rgba(56,189,248,.22)!important;
  color:var(--crm-text)!important;
}
html[data-crm-theme="dark"] .crm-social-auth-page .alert-warning,
html[data-crm-theme="darker"] .crm-social-auth-page .alert-warning{
  background:rgba(245,158,11,.12)!important;
  border-color:rgba(245,158,11,.24)!important;
  color:var(--crm-text)!important;
}
html[data-crm-theme="dark"] .crm-social-auth-page .btn-outline-secondary,
html[data-crm-theme="darker"] .crm-social-auth-page .btn-outline-secondary{
  color:var(--crm-text)!important;
  border-color:var(--crm-border-soft)!important;
}
@media(max-width:575.98px){
  .social-theme-toggle{top:.75rem;right:.75rem;width:2.65rem;height:2.65rem;}
  .auth-brand-title{font-size:2.35rem;}
  .crm-social-auth-page .d-flex.justify-content-between{align-items:flex-start!important;gap:.75rem;flex-direction:column;}
}


/* v1.0.5: cleaner social-auth states for dark and darker themes */
.crm-social-auth-page .tg-not-found.alert,
.crm-social-auth-page .vk-not-found.alert{
  border-radius:1rem;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
html[data-crm-theme="dark"] .crm-social-auth-page .tg-not-found.alert,
html[data-crm-theme="dark"] .crm-social-auth-page .vk-not-found.alert,
html[data-crm-theme="darker"] .crm-social-auth-page .tg-not-found.alert,
html[data-crm-theme="darker"] .crm-social-auth-page .vk-not-found.alert{
  background:rgba(15,23,42,.76)!important;
  border-color:rgba(56,189,248,.26)!important;
  color:var(--crm-text,#e5edf8)!important;
}
html[data-crm-theme="darker"] .crm-social-auth-page .tg-not-found.alert,
html[data-crm-theme="darker"] .crm-social-auth-page .vk-not-found.alert{
  background:rgba(2,6,23,.82)!important;
  border-color:rgba(34,211,238,.24)!important;
}
html[data-crm-theme="dark"] .crm-social-auth-page .tg-not-found .small,
html[data-crm-theme="dark"] .crm-social-auth-page .vk-not-found .small,
html[data-crm-theme="darker"] .crm-social-auth-page .tg-not-found .small,
html[data-crm-theme="darker"] .crm-social-auth-page .vk-not-found .small{
  color:var(--crm-muted,#9fb3c8)!important;
}
.crm-social-auth-page .tg-not-found .btn-info,
.crm-social-auth-page .vk-not-found .btn-primary,
.crm-social-auth-page .vk-not-found .btn-info{
  color:#fff!important;
  text-decoration:none!important;
}
html[data-crm-theme="dark"] .crm-social-auth-page .tg-not-found a:not(.btn),
html[data-crm-theme="dark"] .crm-social-auth-page .vk-not-found a:not(.btn),
html[data-crm-theme="darker"] .crm-social-auth-page .tg-not-found a:not(.btn),
html[data-crm-theme="darker"] .crm-social-auth-page .vk-not-found a:not(.btn){
  color:#7dd3fc!important;
}