/* =========================================================
   CoinASX V149 - Social Login UI
   只作用于 .login 页面
   ========================================================= */

.login .cx149-social-login{
  display:flex;
  flex-direction:column;
  gap:12px;
  margin:30px 0 24px;
}

.login .cx149-social-btn{
  width:100%;
  min-height:52px;
  padding:12px 16px;
  box-sizing:border-box;

  display:grid;
  grid-template-columns:24px 1fr 24px;
  align-items:center;
  gap:10px;

  border:1px solid var(--web-border-color, rgba(127,127,127,.22));
  border-radius:10px;
  background:var(--cx-panel, var(--login-panel, #17191d));
  color:var(--cx-text, var(--login-text, #fff));

  cursor:pointer;
  transition:
    opacity .18s ease,
    background-color .14s ease,
    border-color .14s ease,
    transform .10s ease;
}

.login .cx149-social-btn:active{
  opacity:.72;
  transform:scale(.995);
}

.login .cx149-social-btn img,
.login .cx149-social-btn svg{
  display:block;
  width:20px;
  height:20px;
  max-width:20px;
  max-height:20px;
  object-fit:contain;
}

.login .cx149-social-btn .cx149-label{
  text-align:center;
  font-size:16px;
  line-height:22px;
  font-weight:700;
  color:inherit;
}

.login .cx149-social-btn .cx149-spacer{
  width:20px;
  height:20px;
}

.login .cx149-social-btn[aria-disabled="true"]{
  cursor:default;
}

/* 删除旧的视觉占位 social 区域，避免重复 */
.login .cx134-alt{
  display:none!important;
}

/* 主题自适应 */
html.cx-theme-light .login .cx149-social-btn,
html[data-theme="light"] .login .cx149-social-btn,
html[data-cx-theme="light"] .login .cx149-social-btn{
  background:#f4f5f7;
  border-color:#dfe2e6;
  color:#111317;
}

html.cx-theme-dark .login .cx149-social-btn,
html[data-theme="dark"] .login .cx149-social-btn,
html[data-cx-theme="dark"] .login .cx149-social-btn{
  background:#17191d;
  border-color:#292d33;
  color:#fff;
}