/* Company demo identity: customize these shared tokens for another customer. */
:root {
  --crm-experience-glow: rgba(36, 87, 166, .10);
  --crm-experience-blue: rgba(48, 128, 203, .08);
  --crm-experience-line: rgba(23, 59, 117, .14);
  --crm-bg: #f4f7fc;
  --crm-bg-soft: #f9fbff;
  --crm-surface-alt: #fafcff;
  --crm-surface-muted: #eef3fa;
  --crm-border: #dbe4f0;
  --crm-border-soft: #eaf0f8;
  --crm-border-strong: #cbd8e8;
  --crm-brand: #2457a6;
  --crm-brand-dark: #173b75;
  --crm-brand-hover: #1d4a8e;
  --crm-brand-deep: #0d203f;
  --crm-brand-mid: #17345f;
  --crm-brand-rich: #204b88;
  --crm-brand-soft: rgba(36, 87, 166, .08);
  --crm-brand-soft-strong: rgba(36, 87, 166, .13);
  --crm-brand-ring: rgba(36, 87, 166, .20);
  --crm-brand-ring-soft: rgba(36, 87, 166, .09);
  --crm-brand-surface-border: rgba(36, 87, 166, .16);
  --crm-brand-surface: rgba(36, 87, 166, .08);
  --crm-brand-gradient: linear-gradient(135deg, var(--crm-brand-dark), var(--crm-brand));
  --crm-brand-gradient-deep: linear-gradient(145deg, var(--crm-brand-deep), var(--crm-brand-rich));
  --crm-brand-gradient-soft: linear-gradient(180deg, rgba(36, 87, 166, .09), rgba(36, 87, 166, .055));
  --crm-wine: var(--crm-brand-dark);
  --crm-wine-strong: var(--crm-brand-deep);
  --crm-wine-bright: var(--crm-brand);
  --crm-row-hover: #eef4fd;
  --crm-sidebar-bg: var(--crm-brand-gradient-deep);
  --crm-sidebar-group-active-bg: linear-gradient(135deg, var(--crm-brand-dark), var(--crm-brand));
  --crm-sidebar-subitem-indicator: #91c5ff;
  --crm-focus-ring: rgba(36, 87, 166, .24);
}

.login-page {
  background: radial-gradient(circle at 12% 18%, var(--crm-brand-ring), transparent 28%),
    radial-gradient(circle at 88% 82%, rgba(36, 87, 166, .16), transparent 30%),
    linear-gradient(135deg, #ecf3ff 0%, #f7faff 48%, #e8f0fc 100%);
}
.login-page::before {
  background: linear-gradient(115deg, rgba(23, 59, 117, .08), transparent 35%, rgba(36, 87, 166, .07) 70%, transparent);
}
.orb-2 { background: rgba(36, 87, 166, .07); }
.sidebar__logo-wrap { background: #fff; }
.crm-scroll-top { box-shadow: 0 14px 30px rgba(23, 59, 117, .22); }