/* imgo.im brand override for pc.imgo.im (OpenIM web-front Docker container)
   Injected via nginx sub_filter — targets Ant Design + OpenIM web patterns */

/* ── Primary color overrides ── */
:root {
  --primary-color: #1A6EF5 !important;
}

/* Ant Design primary button */
.ant-btn-primary,
.ant-btn-primary:not(:disabled):hover {
  background-color: #1A6EF5 !important;
  border-color: #1A6EF5 !important;
}

/* Ant Design focus/active states */
.ant-input:focus,
.ant-input-focused,
.ant-input-affix-wrapper:focus,
.ant-input-affix-wrapper-focused {
  border-color: #1A6EF5 !important;
  box-shadow: 0 0 0 2px rgba(26, 110, 245, 0.12) !important;
}

/* Tabs active */
.ant-tabs-ink-bar { background: #1A6EF5 !important; }
.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn { color: #1A6EF5 !important; }

/* Links and text accents */
a { color: #1A6EF5; }
.ant-checkbox-checked .ant-checkbox-inner { background-color: #1A6EF5 !important; border-color: #1A6EF5 !important; }

/* ── Logo area: replace with imgo branding ── */
#__logo__,
.login-wrapper img[class*="logo"],
.logo-wrap img,
header img.logo,
.login-header img,
[class*="loginLogo"],
[class*="login_logo"],
[class*="logo_img"] {
  content: url('https://www.imgo.im/favicon.svg') !important;
  width: 48px !important;
  height: 48px !important;
}

/* ── Page title area (the text brand) ── */
[class*="loginTitle"],
[class*="login_title"],
.login-title {
  font-size: 0 !important;
}
[class*="loginTitle"]::after,
[class*="login_title"]::after,
.login-title::after {
  content: 'imgo.im' !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #1A6EF5 !important;
}

/* ── Hide phone number login tab ──
   Hides the "手机号" / "Phone" tab button,
   keeping only "邮箱" / "Email" visible */
.ant-tabs-tab:first-child {
  display: none !important;
}
/* If phone tab is NOT first, target by text content via attribute (best-effort) */
.ant-tabs-tab[data-node-key="phone"],
.ant-tabs-tab[data-node-key="Phone"] {
  display: none !important;
}

/* ── Body background — subtle imgo gradient ── */
body {
  background: linear-gradient(135deg, #eef3ff 0%, #f4f7ff 50%, #e8f9f7 100%) !important;
  min-height: 100vh;
}

/* ── Login card elevation ── */
[class*="loginCard"],
[class*="login_card"],
.login-card,
[class*="loginBox"],
[class*="login_box"] {
  border-radius: 20px !important;
  box-shadow: 0 8px 40px rgba(26,110,245,0.13) !important;
}