/* Selected 2026-09-21 lavender-gray palette. Boss and sales presentation. No permissions, storage, queue, or finance changes. */
body.crm-lavender {
  --accent: #7153b8;
  --tint: #eeebf8;
  --action: #7053b8;
  --ink: #24213f;
  --ink-soft: #514b68;
  --muted: #68617d;
  --line: #e2deee;
  --line-strong: #c8bedf;
  --brand-950: #2b2045;
  --brand-900: #3c2c60;
  --brand-800: #58408f;
  --brand-700: #684aaf;
  --brand-600: #684aaf;
  --brand-500: #7153b8;
  --brand-100: #e5dff4;
  --brand-50: #f1edf9;
  --warm-950: #24213f;
  --warm-700: #514b68;
  --warm-500: #68617d;
  --warm-300: #c8bedf;
  --warm-200: #e2deee;
  --warm-50: #f8f7fc;
  --green: #684aaf;
  --green-deep: #58408f;
  --green-soft: #f1edf9;
  --canvas: #f7f6fc;
  --surface-soft: #f8f7fc;
  --focus-ring: 0 0 0 3px rgb(112 83 184 / 22%);
  --shadow: 0 8px 24px rgb(36 33 63 / 6%);
  --shadow-soft: 0 3px 12px rgb(36 33 63 / 4%);
  background: var(--canvas);
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 15px;
}
body.crm-lavender .sidebar { background: var(--tint); color: var(--ink); border-right: 1px solid #ded7ed; }
body.crm-lavender .sidebar::after { display: none; }
body.crm-lavender .nav-list { display: flex; flex-direction: column; gap: 4px; flex: 0 0 auto; }
body.crm-lavender .brand { border-color: #ded7ed; }
body.crm-lavender .brand-mark { box-shadow: none; }
body.crm-lavender :is(.brand-name, .nav-item, .nav-code, .footer-value) { color: var(--ink); }
body.crm-lavender :is(.brand-subtitle, .footer-label) { color: var(--ink-soft); }
body.crm-lavender .nav-item { min-height: 48px; font-size: 15px; }
body.crm-lavender .nav-item:hover { background: #f7f4fd; color: var(--ink); }
body.crm-lavender .nav-item.active { background: #e5dff4; color: #58408f; box-shadow: inset 3px 0 0 var(--accent); }
body.crm-lavender .nav-item.active .nav-code { color: #58408f; }
body.crm-lavender .nav-item:not(.active) { background: transparent; box-shadow: none; }
body.crm-lavender .nav-count { background: #e5dff4; color: #58408f; }
body.crm-lavender .nav-count.alert { background: #ffe1ce; color: #87300e; }
body.crm-lavender .zero-badge { display: none !important; }
body.crm-lavender .sidebar-footer { background: #f0ecf8; border-color: #ded7ed; flex-wrap: wrap; }
body.crm-lavender .status-dot { background: var(--accent); box-shadow: none; }
body.crm-lavender .topbar { background: var(--tint); border-color: #ded7ed; backdrop-filter: none; padding-inline: 22px; gap: 14px; }
body.crm-lavender .topbar :is(.top-icon-button, .quiet-button, .mobile-tools-button, .mobile-menu, .app-back-button) {
  background: var(--tint); color: var(--ink); border: 1px solid #d6cce9; box-shadow: none;
  font-size: 14px; white-space: nowrap;
}
body.crm-lavender .topbar :is(.top-icon-button, .quiet-button):hover { background: #f0ecf8; border-color: var(--accent); }
body.crm-lavender .avatar { background: #e5dff4; color: #58408f; }
body.crm-lavender .enhanced-top-actions { gap: 6px; }
body.crm-lavender .topbar-actions { gap: 10px; }
body.crm-lavender .top-icon-button { padding-inline: 10px; }
body.crm-lavender .breadcrumb { font-size: 13px; white-space: nowrap; }
body.crm-lavender .view { padding: 24px 24px 50px; }
body.crm-lavender .view.active { animation: none; }
body.crm-lavender #mainContent:focus { outline: none; box-shadow: none; }
body.crm-lavender .page-heading { gap: 14px; margin-bottom: 16px; }
body.crm-lavender .page-heading h1 { font-size: 28px; line-height: 1.3; letter-spacing: -.02em; }
body.crm-lavender .heading-note { font-size: 14px; line-height: 1.5; margin-top: 6px; }
body.crm-lavender :is(.eyebrow, .panel-kicker) { font-size: 12px; letter-spacing: .02em; }
body.crm-lavender .panel-header h2 { font-size: 20px; }
body.crm-lavender .primary-button { background: #684aaf; border-color: #684aaf; color: #fff; box-shadow: none; }
body.crm-lavender :is(#startDialerButton, .sales-detail-dial, #dialerSaveNextButton) {
  background: var(--action); border-color: var(--action); color: #fff; box-shadow: none; font-weight: 750;
}
body.crm-lavender :is(#startDialerButton, .sales-detail-dial, #dialerSaveNextButton):hover { background: #60429f; border-color: #60429f; }
body.crm-lavender :is(#leadImportButton, #dashboardImportButton) { background: #fff; border-color: #7153b8; color: #58408f; box-shadow: none; }
body.crm-lavender .lead-workflow-tabs button.active { background: #684aaf; border-color: #684aaf; color: #fff; }
body.crm-lavender .lead-workflow-tabs button.active strong { color: #58408f; }
body.crm-lavender .lead-zone-guidance { background: #f0ecf8; border-color: var(--accent); color: var(--ink-soft); padding-block: 7px; }
body.crm-lavender :is(.table-panel, .panel) { box-shadow: none; border-color: var(--line); }
body.crm-lavender th { font-size: 13px; color: var(--ink-soft); background: #f8f7fc; }
body.crm-lavender td { font-size: 14px; line-height: 1.45; }
body.crm-lavender :is(.call-link, .table-action, .text-button, .scale-address strong) { color: #58408f; }
body.crm-lavender .call-link { font-size: 16px; font-variant-numeric: tabular-nums; }
body.crm-lavender :is(.cell-sub, .scale-address span, .lead-history-summary span, .lead-history-summary small, .lead-next-action span) { color: var(--muted); font-size: 13px; }
body.crm-lavender .contact-copy-button { background: #f1edf9; color: #58408f; border-color: #dfd6ef; font-size: 13px; border-radius: 7px; box-shadow: none; }
body.crm-lavender .contact-copy-button > span { color: inherit; font-size: inherit; font-weight: inherit; }
body.crm-lavender .contact-copy-button:hover { background: #e5dff4; border-color: #7153b8; }
body.crm-lavender .contact-copy-button:focus-visible { outline: 2px solid #58408f; outline-offset: 2px; }
body.crm-lavender .scale-station-badge { background: #f1edf9; color: #58408f; }
body.crm-lavender .lead-never-contacted .lead-history-summary > :is(strong, span, small) { display: none; }
body.crm-lavender .lead-never-contacted .lead-history-summary > .lead-result-time { display: grid; }
body.crm-lavender .lead-never-contacted .lead-history-summary > .lead-uncontacted-label { display: block; }
body.crm-lavender #leadsView :is(.station-placeholder, .department-placeholder) { display: none; }
body.crm-lavender .lead-never-contacted .lead-history-summary .lead-result-time strong { display: none; }
body.crm-lavender .lead-history-summary { gap: 3px; min-width: 0; }
body.crm-lavender .lead-history-summary button { color: #58408f; font-size: 13px; }
body.crm-lavender .lead-next-action { min-width: 0; }
body.crm-lavender .sales-lead-details { display: inline-flex; justify-content: center; margin: 0 0 6px; }
body.crm-lavender .lead-status-select { width: 100%; max-width: 172px; font-size: 13px; }
body.crm-lavender .scale-address { min-width: 0; gap: 4px; }
body.crm-lavender #leadsView table { table-layout: fixed; width: 100%; }
body.crm-lavender #leadsView th:nth-child(1) { width: 15%; }
body.crm-lavender #leadsView th:nth-child(2) { width: 24%; }
body.crm-lavender #leadsView th:nth-child(3) { width: 12%; }
body.crm-lavender #leadsView th:nth-child(4) { width: 15%; }
body.crm-lavender #leadsView th:nth-child(5) { width: 10%; }
body.crm-lavender #leadsView th:nth-child(6) { width: 10%; }
body.crm-lavender #leadsView th:nth-child(7) { width: 14%; }
body.crm-lavender #leadsView :is(td, th) { padding: 12px 10px; overflow-wrap: anywhere; }
body.crm-lavender #leadsView .scale-address .contact-copy-button { width: fit-content; justify-self: start; }
body.crm-lavender #leadsView .contact-copy-button.compact { min-height: 32px; margin-top: 5px; }
body.crm-lavender #leadsView .scale-address > span { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
body.crm-lavender #leadsView .cell-sub { font-size: 12px; }
body.crm-lavender .status-pill { white-space: normal; font-size: 12px; }
body.crm-lavender .sales-workbench { padding: 14px; border-radius: 12px; background: #fff; box-shadow: none; }
body.crm-lavender .next-call-card { min-height: 200px; border-radius: 10px; background: #f1edf9; color: var(--ink); box-shadow: none; }
body.crm-lavender .next-call-person h2 { max-width: none; font-size: 22px; color: var(--ink); }
body.crm-lavender .next-call-card :is(p, small, span) { color: var(--ink-soft); }
body.crm-lavender .next-call-person > span { background: #fff; border-color: var(--line); }
body.crm-lavender .next-call-actions :is(a, button) { background: #fff; color: #58408f; border: 1px solid #c8bedf; box-shadow: none; }
body.crm-lavender .next-call-actions button { background: var(--action); color: #fff; border-color: var(--action); }
body.crm-lavender .ai-command-center { padding: 16px; background: #f1edf9; color: var(--ink); border: 1px solid var(--line); box-shadow: none; }
body.crm-lavender .ai-command-center::after, body.crm-lavender .ai-command-glow { display: none; }
body.crm-lavender .ai-command-title h2 { color: var(--ink); font-size: 20px; }
body.crm-lavender .ai-command-title :is(p, span), body.crm-lavender .ai-command-metrics span { color: var(--ink-soft); }
body.crm-lavender .ai-command-metrics strong { color: var(--ink); }
body.crm-lavender .ai-command-metrics div { background: #fff; border-color: var(--line); }
body.crm-lavender .ai-command-actions button { color: #58408f; background: #fff; border-color: #dfd6ef; }
body.crm-lavender .ai-command-actions button.primary { color: #fff; background: #684aaf; }
body.crm-lavender #aiLauncher { display: none !important; }
#salesAiTopButton { display: none; }
body.crm-lavender #salesAiTopButton { display: inline-flex; align-items: center; justify-content: center; }
body.crm-lavender .scale-sync-indicator { position: static; width: 100%; padding: 6px 0 0; min-height: 28px; font-size: 12px; background: transparent; border: 0; box-shadow: none; backdrop-filter: none; color: var(--ink-soft); }
body.crm-lavender .scale-sync-indicator::before { background: var(--accent); }
body.crm-lavender .scale-sync-indicator.offline::before { background: #b33b0d; }
body.crm-lavender .scale-pagination { position: static; box-shadow: none; background: transparent; border: 0; }
body.crm-lavender .scale-pagination button { color: #58408f; }
body.crm-lavender.mobile-sidebar-open :is(.scale-sync-indicator, .mobile-primary-nav),
body.crm-lavender.sales-dialog-open .scale-sync-indicator { visibility: hidden; }
body.crm-lavender .mobile-primary-nav { background: #f0ecf8; backdrop-filter: none; }
body.crm-lavender .modal-header, body.crm-lavender .modal-footer { background: #f0ecf8; }
body.crm-lavender .modal { border-radius: 14px; }
body.crm-lavender .modal-body { color: var(--ink); }
body.crm-lavender .toast { background: var(--brand-950); }
body.crm-lavender .dialer-contact-card { color: var(--ink); background: #fff; border-color: var(--line); gap: 12px; padding: 16px; }
body.crm-lavender .dialer-contact-heading h2 { color: var(--ink); font-size: 24px; }
body.crm-lavender .dialer-contact-heading p { color: var(--muted); font-size: 12px; }
body.crm-lavender .dialer-contact-heading .status-pill { color: #58408f; background: #f1edf9; border-color: #dfd6ef; }
body.crm-lavender .dialer-phone-link { background: #f1edf9; border-color: #dfd6ef; color: var(--ink); }
body.crm-lavender .dialer-phone-link :is(strong, span, small) { color: #58408f; }
body.crm-lavender .dialer-contact-grid > div { background: #f8f7fc; }
body.crm-lavender .dialer-contact-grid dt { color: var(--muted); font-size: 13px; }
body.crm-lavender .dialer-contact-grid dd { color: var(--ink); font-size: 15px; }
body.crm-lavender .dialer-contact-card .contact-copy-button { background: #f1edf9; border-color: #dfd6ef; color: #58408f; }
body.crm-lavender .dialer-contact-card .contact-copy-button > span { color: inherit; }
body.crm-lavender :is(.dialer-copy-section p, .dialer-history-preview > span) { color: var(--muted); font-size: 13px; }
body.crm-lavender .dialer-history-button { background: #f1edf9 !important; color: #58408f !important; border-color: #dfd6ef !important; font-size: 13px; }
body.crm-lavender .dialer-call-now { background: #684aaf; color: #fff; box-shadow: none; }
body.crm-lavender .contact-copy-groups { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
body.crm-lavender .contact-copy-groups .contact-copy-button { min-height: 44px; white-space: normal; line-height: 1.4; }
body.crm-lavender .sales-contact-modal { max-width: 680px; }
body.crm-lavender .sales-contact-fields { margin: 14px 0; }
body.crm-lavender .sales-contact-fields > div { display: grid; grid-template-columns: 80px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--line); }
body.crm-lavender .sales-contact-fields dt { color: var(--muted); font-size: 13px; }
body.crm-lavender .sales-contact-fields dd { margin: 0; overflow-wrap: anywhere; font-size: 15px; }
body.crm-lavender .sales-detail-history { display: flex; gap: 8px; margin: 18px 0; flex-wrap: wrap; }
body.crm-lavender .sales-detail-dial { width: 100%; min-height: 48px; }
body.crm-lavender #salesLeadDetailsModal { z-index: 80; }
body.crm-lavender :is(#purchaseHistoryModal, #callHistoryModal) { z-index: 95; }
.sales-form-section { display: none; }
body.crm-lavender .sales-form-section { display: block; grid-column: 1 / -1; margin: 8px 0 0; padding: 8px 0; color: #58408f; font-size: 15px; border-bottom: 1px solid var(--line); }
@media (min-width: 1101px) {
  body.crm-lavender #leadsView .page-heading > div:first-child { flex: 1; }
  body.crm-lavender #leadsView .heading-actions { order: 3; }
  body.crm-lavender #startDialerButton { order: 2; }
  body.crm-lavender #leadsView .table-scroll { overflow-x: auto; }
  body.crm-lavender #leadsView td { padding-block: 8px; }
  body.crm-lavender #leadsView .sales-lead-details { min-height: 32px; }
  body.crm-lavender #leadsView .lead-status-select { min-height: 36px; }
  body.crm-lavender .heading-actions #startDialerButton { order: -1; }
}
@media (max-width: 1200px) and (min-width: 901px) {
  body.crm-lavender .topbar { height: auto; min-height: 68px; flex-wrap: wrap; padding-block: 10px; }
  body.crm-lavender .breadcrumb { display: none; }
}
@media (max-width: 900px) {
  body.crm-lavender .enhanced-top-actions { background: var(--tint); border-color: #d6cce9; }
  body.crm-lavender .view { padding: 18px 14px 100px; }
  body.crm-lavender .topbar { gap: 8px; padding-inline: 12px; }
  body.crm-lavender .page-heading h1 { font-size: 25px; }
  body.crm-lavender .page-heading { gap: 10px; }
  body.crm-lavender .lead-zone-guidance { font-size: 12px; }
  body.crm-lavender .mobile-sidebar-close { background: #f0ecf8; color: var(--ink); border-color: #d6cce9; }
}
@media (max-width: 720px) {
  body.crm-lavender #leadsView :is(table, tbody) { min-width: 0; width: 100%; }
  body.crm-lavender #leadsView :is(td, th) { padding: 8px 0; }
  body.crm-lavender #leadsView tbody td { grid-template-columns: 76px minmax(0, 1fr); gap: 5px 8px; }
  body.crm-lavender #leadsView tbody tr { padding: 6px 12px 12px; }
  body.crm-lavender #leadsView .table-action { display: inline-flex; width: auto; min-height: 44px; }
  body.crm-lavender #leadsView .lead-status-select { width: 100%; max-width: none; }
  body.crm-lavender #leadsView tbody td:last-child { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 8px; }
  body.crm-lavender #leadsView tbody td:last-child > * { grid-column: auto; }
  body.crm-lavender .contact-copy-button, body.crm-lavender #leadsView .contact-copy-button.compact { min-height: 44px; }
  body.crm-lavender .sales-contact-fields > div { grid-template-columns: 64px minmax(0, 1fr) auto; gap: 8px; }
  body.crm-lavender .sales-contact-fields .contact-copy-button { padding: 7px 8px; }
  body.crm-lavender .contact-copy-groups { grid-template-columns: 1fr; }
  body.crm-lavender .next-call-person h2 { font-size: 21px; }
  body.crm-lavender .dialer-contact-grid { grid-template-columns: 1fr; }
  body.crm-lavender .scale-pagination { padding: 12px 0; }
}
@media (max-width: 820px) {
  body.crm-lavender .sidebar:not(.open) { visibility: hidden; box-shadow: none; }
  body.crm-lavender .sidebar.open { visibility: visible; }
  body.crm-lavender .sidebar .nav-list { flex: 1 1 auto; min-height: 0; overflow-y: auto; }
}
@media (prefers-reduced-motion: reduce) {
  body.crm-lavender *, body.crm-lavender *::before, body.crm-lavender *::after { animation: none !important; scroll-behavior: auto !important; transition-duration: 0s !important; }
}