/* Yunxiang CRM UI layer. Keep this small: it is injected by Nginx above Twenty. */
:root {
  --yx-navy: #123b6d;
  --yx-navy-2: #0b2748;
  --yx-pink: #d4156a;
  --yx-bg: #f6f8fb;
  --yx-line: #e5e9f0;
  --yx-text: #172033;
  --yx-muted: #64748b;

  --mantine-primary-color-filled: var(--yx-navy) !important;
  --mantine-primary-color-light: rgba(18, 59, 109, 0.08) !important;
  --mantine-primary-color-light-hover: rgba(18, 59, 109, 0.12) !important;
  --mantine-primary-color-light-color: var(--yx-navy) !important;
  --mantine-radius-default: 6px !important;
  --mantine-font-family: Inter, -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif !important;
}

html,
body {
  background: var(--yx-bg) !important;
  color: var(--yx-text) !important;
}

button,
input,
textarea,
select,
[role="button"] {
  border-radius: 6px !important;
}

a,
button,
[role="button"] {
  transition: background-color 140ms ease, border-color 140ms ease, box-shadow 140ms ease, color 140ms ease;
}

button:focus-visible,
[role="button"]:focus-visible,
input:focus,
textarea:focus {
  outline: 2px solid rgba(212, 21, 106, 0.28) !important;
  outline-offset: 2px !important;
}

[data-active="true"],
[aria-current="page"],
.m_f0824112:where([data-active],[aria-current=page]) {
  background: rgba(18, 59, 109, 0.09) !important;
  color: var(--yx-navy) !important;
  box-shadow: inset 3px 0 0 var(--yx-pink);
}

.m_f0824112:hover {
  background: rgba(18, 59, 109, 0.06) !important;
}

table,
[role="table"] {
  font-size: 13px;
}

th,
[role="columnheader"] {
  color: var(--yx-muted) !important;
  font-weight: 600 !important;
  background: #f8fafc !important;
}

tr:hover td,
[role="row"]:hover {
  background: rgba(18, 59, 109, 0.035) !important;
}

[class*="Chip"],
[class*="Badge"],
.m_7cda1cd6 {
  border-radius: 999px !important;
  font-weight: 500;
}

input::placeholder,
textarea::placeholder {
  color: #94a3b8 !important;
}

/* Login/register pages: replace the default product mark with Yunxiang branding. */
body:has(form) .s17gs6x9 {
  border: 1px solid rgba(18, 59, 109, 0.08) !important;
  border-radius: 10px !important;
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.22) !important;
}

body:has(form) .scpim0n {
  padding-top: 42px !important;
  position: relative;
}

body:has(form) .scpim0n::before {
  content: "";
  display: block;
  width: 210px;
  height: 74px;
  margin: 0 auto 10px;
  background: url("/yx-crm-logo.png") center / contain no-repeat;
}

body:has(form) .scpim0n::after {
  content: "客户跟进 · 账期风险 · 业务协同";
  display: block;
  margin: 4px auto 18px;
  color: var(--yx-muted);
  font-size: 12px;
  text-align: center;
}

body:has(form) .si03ohs {
  display: none !important;
}

body:has(form) input {
  height: 38px !important;
  border-color: #cbd5e1 !important;
}

body:has(form) button[type="submit"] {
  height: 38px !important;
  background: var(--yx-navy) !important;
  box-shadow: 0 8px 18px rgba(18, 59, 109, 0.18) !important;
}

body:has(form) button[type="submit"]:hover {
  background: var(--yx-navy-2) !important;
}