/* ============================================================
   阿图 Attunance —— OpenIM Web 品牌皮肤
   通过 nginx 注入,不改动容器。颜色:海豚/海洋蓝 + 共鸣青。
   ============================================================ */
:root {
  --atu-primary: #1E6FFF;        /* 品牌主蓝 */
  --atu-primary-deep: #1457D6;
  --atu-primary-soft: #eef4ff;
  --atu-cyan: #2BC8D4;           /* 共鸣青(点缀) */
  --atu-ink: #0B1B33;
  --atu-grad: linear-gradient(120deg, #1E6FFF 0%, #2E8BF0 55%, #2BC8D4 125%);
  --atu-grad-soft: linear-gradient(135deg, #f3f7ff 0%, #eef7fb 100%);

  /* —— 覆盖 OpenIM 主题令牌 —— */
  --primary: #1E6FFF !important;
  --primary-active: #eef4ff !important;
  --top-search-bar: #1457D6 !important;
  --chat-bubble-sender: #dbe9ff !important;
  --base-black: #0B1B33 !important;
  --moment-text: #2E6FCB !important;
}

/* —— 覆盖写死的 Tailwind 蓝(类名里含十六进制) —— */
.bg-\[\#0089FF\], .bg-\[\#0289fa\], .bg-\[\#0289FA\] { background-color: var(--atu-primary) !important; }
.bg-\[\#e6f3ff\], .bg-\[\#f3f8fe\], .bg-\[\#F2F8FF\] { background-color: var(--atu-primary-soft) !important; }
.text-\[\#0089FF\], .text-\[\#0089ff\], .text-\[\#0289FA\], .text-blue-500, .text-blue-600 { color: var(--atu-primary) !important; }
.border-\[\#0089FF\], .border-\[\#0289FA\] { border-color: var(--atu-primary) !important; }

/* —— antd 主色组件(登录按钮、标签页、开关、复选等) —— */
.ant-btn-primary {
  background: var(--atu-grad) !important;
  border: none !important;
  box-shadow: 0 6px 16px rgba(30,111,255,.28) !important;
  transition: transform .15s ease, box-shadow .2s ease, filter .2s ease !important;
}
.ant-btn-primary:hover { filter: brightness(1.04); box-shadow: 0 8px 22px rgba(30,111,255,.36) !important; }
.ant-btn-primary:active { transform: translateY(1px); }
.ant-tabs-ink-bar { background: var(--atu-primary) !important; }
.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn { color: var(--atu-primary) !important; }
.ant-tabs-tab:hover { color: var(--atu-primary) !important; }
.ant-switch.ant-switch-checked { background: var(--atu-primary) !important; }
.ant-checkbox-checked .ant-checkbox-inner,
.ant-radio-checked .ant-radio-inner { background-color: var(--atu-primary) !important; border-color: var(--atu-primary) !important; }
.ant-input:focus, .ant-input-focused,
.ant-input-affix-wrapper:focus, .ant-input-affix-wrapper-focused,
.ant-input-affix-wrapper:hover, .ant-input:hover { border-color: var(--atu-primary) !important; }
.ant-input-affix-wrapper-focused { box-shadow: 0 0 0 3px rgba(30,111,255,.12) !important; }
a, .ant-typography a { color: var(--atu-primary); }

/* —— 全局观感 —— */
html, body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

/* —— 顶部栏:渐变 + 品牌字标 —— */
[class*="top-search-bar"] {
  background: var(--atu-grad) !important;
  box-shadow: 0 1px 0 rgba(0,0,0,.04);
}
.atu-brand {
  display: flex; align-items: center; gap: 9px;
  padding: 0 8px 0 14px; height: 100%; -webkit-app-region: no-drag;
  user-select: none;
}
.atu-brand .atu-logo { width: 24px; height: 24px; flex: 0 0 auto; filter: drop-shadow(0 1px 2px rgba(0,0,0,.18)); }
.atu-brand .atu-word { color: #fff; font-weight: 700; font-size: 14px; letter-spacing: .4px; line-height: 1; white-space: nowrap; }
.atu-brand { white-space: nowrap; flex: 0 0 auto; }
.atu-brand .atu-word .en { font-weight: 600; opacity: .92; margin-left: 6px; font-size: 12px; letter-spacing: .6px; }

/* —— 登录页装扮 —— */
.atu-login-bg {
  position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background:
    radial-gradient(900px 520px at 18% 22%, rgba(30,111,255,.10), transparent 60%),
    radial-gradient(760px 520px at 82% 78%, rgba(43,200,212,.10), transparent 60%),
    var(--atu-grad-soft);
}
/* 让登录卡片更精致 */
.ant-card, [class*="rounded"][class*="shadow"] { }
.atu-login-card-polish {
  border-radius: 18px !important;
  box-shadow: 0 24px 60px -20px rgba(11,27,51,.22), 0 2px 8px rgba(11,27,51,.06) !important;
  backdrop-filter: saturate(1.05);
}
/* 登录页左侧英雄区文案 */
.atu-hero-slogan { color: var(--atu-ink); }
.atu-hero-logo { filter: drop-shadow(0 10px 24px rgba(30,111,255,.28)); }

/* —— 输入框/按钮圆角统一 —— */
.ant-input-affix-wrapper, .ant-input, .ant-btn { border-radius: 10px !important; }
.ant-btn-primary { border-radius: 12px !important; height: 44px; font-weight: 600; letter-spacing: .5px; }

/* 版本号低调一点 */
[class*="text-"][class*="gray"] { }

/* —— 左侧导航:把「我的」头像移到底部(左下角) —— */
aside.ant-layout-sider .ant-layout-sider-children > .flex.flex-col.items-center {
  height: 100%;
  box-sizing: border-box;
  padding-bottom: 12px;
}
aside.ant-layout-sider .ant-layout-sider-children > .flex.flex-col.items-center > .ant-avatar {
  order: 9;                 /* 排到 消息/通讯录 之后 */
  margin-top: auto !important;  /* 占满剩余空间,顶到底部 */
  margin-bottom: 0 !important;
}