/* =====================================================================
   CS COMMUNITY AUTH MODAL — AUTHORITATIVE PARENT LAYOUT 0.37.107
   Loaded explicitly by the masthead on both guest Home and full Community
   pages. This file owns the parent Sign In modal so route-split CSS cannot
   silently bypass the recovery/readability fixes.
   ===================================================================== */

dialog.csc-auth-dialog.csc-auth-dialog-v186[data-csc-auth-mode="login"]{
  width:min(720px,calc(100vw - 22px))!important;
  max-width:720px!important;
  height:auto!important;
  min-height:0!important;
  max-height:calc(100dvh - 20px)!important;
  padding:0!important;
  overflow:auto!important;
  border-radius:18px!important;
}
dialog.csc-auth-dialog.csc-auth-dialog-v186[data-csc-auth-mode="login"] .csc-auth-shell{
  display:grid!important;
  grid-template-columns:250px minmax(0,1fr)!important;
  align-items:stretch!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
}
dialog.csc-auth-dialog.csc-auth-dialog-v186[data-csc-auth-mode="login"] .csc-auth-value-panel{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-height:0!important;
  height:auto!important;
  padding:24px 20px 24px!important;
  background:linear-gradient(150deg,#232a30 0%,#171d22 100%)!important;
  -webkit-font-smoothing:antialiased!important;
  text-rendering:optimizeLegibility!important;
}
dialog.csc-auth-dialog.csc-auth-dialog-v186[data-csc-auth-mode="login"] .csc-auth-brand-logo-v183{
  width:154px!important;
  margin:0 0 12px!important;
}
dialog.csc-auth-dialog.csc-auth-dialog-v186[data-csc-auth-mode="login"] .csc-auth-community-name-v183{
  margin:0!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:650!important;
  line-height:1.35!important;
  letter-spacing:0!important;
}
dialog.csc-auth-dialog.csc-auth-dialog-v186[data-csc-auth-mode="login"] .csc-auth-value-panel h2,
dialog.csc-auth-dialog.csc-auth-dialog-v186[data-csc-auth-mode="login"] .csc-auth-value-panel h3{
  margin:10px 0 12px!important;
  color:#fff!important;
  font-size:31px!important;
  font-weight:800!important;
  line-height:1.03!important;
  letter-spacing:-.02em!important;
}
dialog.csc-auth-dialog.csc-auth-dialog-v186[data-csc-auth-mode="login"] .csc-auth-value-panel p{
  max-width:none!important;
  margin:0!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:400!important;
  line-height:1.5!important;
}
dialog.csc-auth-dialog.csc-auth-dialog-v186[data-csc-auth-mode="login"] .csc-auth-value-list{
  display:grid!important;
  gap:10px!important;
  margin:18px 0 0!important;
  padding:0!important;
}
dialog.csc-auth-dialog.csc-auth-dialog-v186[data-csc-auth-mode="login"] .csc-auth-value-panel li{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:500!important;
  line-height:1.35!important;
}
dialog.csc-auth-dialog.csc-auth-dialog-v186[data-csc-auth-mode="login"] .csc-auth-value-panel li>span{
  display:grid!important;
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  place-items:center!important;
  border-radius:50%!important;
  background:#42ad6c!important;
  color:#fff!important;
  font-size:12px!important;
}

/* CTA treatment is shared by Sign In and Join Free promo panels. */
dialog.csc-auth-dialog.csc-auth-dialog-v186 .csc-auth-free-badge,
dialog.csc-auth-dialog.csc-auth-dialog-v186 .csc-auth-free-badge span{
  text-decoration:none!important;
  border-bottom:0!important;
}
dialog.csc-auth-dialog.csc-auth-dialog-v186 .csc-auth-free-badge{
  white-space:nowrap!important;
}

dialog.csc-auth-dialog.csc-auth-dialog-v186[data-csc-auth-mode="login"] .csc-auth-free-badge{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  align-self:flex-start!important;
  margin:24px 0 0!important;
  padding:5px 0!important;
  border:0!important;
  background:transparent!important;
  color:#fff!important;
  font-size:18px!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  cursor:pointer!important;
}
dialog.csc-auth-dialog.csc-auth-dialog-v186[data-csc-auth-mode="login"] .csc-auth-free-badge span{
  text-decoration:none!important;
  border:0!important;
}
dialog.csc-auth-dialog.csc-auth-dialog-v186[data-csc-auth-mode="login"] .csc-auth-form-panel{
  display:grid!important;
  grid-template-rows:auto auto auto auto!important;
  align-content:start!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  padding:14px 16px 0!important;
  overflow:visible!important;
  background:#fff!important;
}
dialog.csc-auth-dialog.csc-auth-dialog-v186 .csc-dialog-close{
  top:8px!important;
  right:10px!important;
  width:34px!important;
  height:34px!important;
  z-index:20!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:#69727a!important;
  color:#fff!important;
  font-size:22px!important;
  font-weight:700!important;
  line-height:1!important;
  box-shadow:0 3px 10px rgba(0,0,0,.18)!important;
}
dialog.csc-auth-dialog.csc-auth-dialog-v186 .csc-dialog-close:hover,
dialog.csc-auth-dialog.csc-auth-dialog-v186 .csc-dialog-close:focus-visible{
  background:#555e66!important;
  color:#fff!important;
  outline:2px solid rgba(255,255,255,.9)!important;
  outline-offset:2px!important;
}
/* Reserve a real close-button lane above the tabs in both Sign In and Join Free. */
dialog.csc-auth-dialog.csc-auth-dialog-v186 .csc-auth-dialog-header{
  min-height:48px!important;
  padding-right:52px!important;
}
dialog.csc-auth-dialog.csc-auth-dialog-v186[data-csc-auth-mode="login"] .csc-auth-dialog-header{
  display:flex!important;
  align-items:center!important;
  min-height:48px!important;
  padding:0 52px 7px 0!important;
  margin:0!important;
}
dialog.csc-auth-dialog.csc-auth-dialog-v186[data-csc-auth-mode="login"] .csc-auth-dialog-header h2{
  margin:0!important;
  font-size:22px!important;
  line-height:1.08!important;
}
dialog.csc-auth-dialog.csc-auth-dialog-v186[data-csc-auth-mode="login"] .csc-auth-dialog-tabs{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin:0 0 9px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
dialog.csc-auth-dialog.csc-auth-dialog-v186[data-csc-auth-mode="login"] .csc-auth-dialog-tabs button{
  min-height:40px!important;
  border-radius:9px!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:800!important;
}
dialog.csc-auth-dialog.csc-auth-dialog-v186[data-csc-auth-mode="login"] .csc-auth-dialog-tabs button[data-csc-auth-tab="login"]{background:#252b31!important;border-color:#252b31!important}
dialog.csc-auth-dialog.csc-auth-dialog-v186[data-csc-auth-mode="login"] .csc-auth-dialog-tabs button[data-csc-auth-tab="register"]{background:#c41436!important;border-color:#c41436!important}
dialog.csc-auth-dialog.csc-auth-dialog-v186[data-csc-auth-mode="login"] .csc-auth-frame-wrap{
  position:relative!important;
  width:100%!important;
  height:auto!important;
  min-height:225px!important;
  max-height:360px!important;
  overflow:hidden!important;
}
dialog.csc-auth-dialog.csc-auth-dialog-v186[data-csc-auth-mode="login"] .csc-auth-frame{
  display:block!important;
  width:100%!important;
  height:225px!important;
  min-height:225px!important;
  max-height:360px!important;
  border:0!important;
}
/* Recovery is a parent row, independent of iframe content and height. */
dialog.csc-auth-dialog.csc-auth-dialog-v186 .csc-auth-parent-recovery-v185{display:none!important}
dialog.csc-auth-dialog.csc-auth-dialog-v186[data-csc-auth-mode="login"] .csc-auth-parent-recovery-v185{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  min-height:38px!important;
  margin:0!important;
  padding:6px 0 16px!important;
  color:#56616a!important;
  font-size:14px!important;
  font-weight:500!important;
  line-height:1.4!important;
  text-align:center!important;
}
dialog.csc-auth-dialog.csc-auth-dialog-v186[data-csc-auth-mode="login"] .csc-auth-parent-recovery-v185 a{
  margin:0 2px!important;
  color:#293640!important;
  font-size:14px!important;
  font-weight:750!important;
  line-height:1.4!important;
  text-decoration:underline!important;
  text-underline-offset:2px!important;
}
@media(max-width:700px){
  dialog.csc-auth-dialog.csc-auth-dialog-v186[data-csc-auth-mode="login"]{width:min(410px,calc(100vw - 12px))!important;max-width:410px!important}
  dialog.csc-auth-dialog.csc-auth-dialog-v186[data-csc-auth-mode="login"] .csc-auth-shell{display:block!important}
  dialog.csc-auth-dialog.csc-auth-dialog-v186[data-csc-auth-mode="login"] .csc-auth-value-panel{display:none!important}
  dialog.csc-auth-dialog.csc-auth-dialog-v186[data-csc-auth-mode="login"] .csc-auth-form-panel{padding:12px 12px 0!important}
  dialog.csc-auth-dialog.csc-auth-dialog-v186[data-csc-auth-mode="login"] .csc-auth-dialog-header{min-height:42px!important;padding-right:48px!important}
  dialog.csc-auth-dialog.csc-auth-dialog-v186[data-csc-auth-mode="login"] .csc-auth-parent-recovery-v185{padding-bottom:16px!important}
}