/* Local CRM heading preview. Remove this stylesheet link to revoke its overrides. */
html body[data-view="crm"] .main > .topbar {
  display: flex !important; align-items: center !important; justify-content: space-between !important;
  flex-wrap: wrap !important; gap: 12px !important; padding: 14px 20px !important;
  height: auto !important; min-height: 72px !important; background: #fff !important;
  border-bottom: 1px solid #e5eaf2 !important; box-shadow: none !important;
}
html body[data-view="crm"] .main > .topbar > div:first-of-type { flex: 1 1 auto !important; width: auto !important; min-width: 120px !important; max-width: none !important; padding: 0 !important; margin: 0 !important; }
html body[data-view="crm"] .topbar #pageEyebrow { display: none !important; }
html body[data-view="crm"] .topbar #pageTitle { display: block !important; margin: 0 0 4px !important; font-size: 21px !important; line-height: 1.2 !important; letter-spacing: -.4px !important; color: #15253e !important; }
html body[data-view="crm"] .topbar #crmCompactBreadcrumb { display: flex !important; gap: 7px !important; font-size: 11px !important; line-height: 16px !important; color: #63748c !important; }
html body[data-view="crm"] .topbar .topbar-command,
html body[data-view="crm"] .topbar .topbar-actions { display: flex !important; flex: 0 0 auto !important; width: auto !important; align-items: center !important; gap: 10px !important; margin: 0 !important; padding: 0 !important; }
html body[data-view="crm"] .topbar #globalHeaderSearch { width: 220px !important; min-width: 0 !important; height: 34px !important; min-height: 34px !important; padding: 6px 9px !important; border: 1px solid #e5eaf2 !important; border-radius: 7px !important; background: #f5f7fb !important; box-shadow: none !important; }
html body[data-view="crm"] .topbar #globalHeaderSearchInput { font-size: 12px !important; min-width: 0 !important; }
html body[data-view="crm"] .topbar #globalUserProfileButton { display: flex !important; flex: 0 0 48px !important; width: 48px !important; min-width: 48px !important; max-width: 48px !important; height: 34px !important; min-height: 34px !important; padding: 0 !important; gap: 6px !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: transparent !important; align-items: center !important; justify-content: flex-start !important; }
html body[data-view="crm"] .topbar #globalUserProfileButton::after { position: static !important; transform: none !important; content: '⌄' !important; width: auto !important; height: auto !important; border: 0 !important; font-size: 16px !important; color: #63748c !important; }
html body[data-view="crm"] .topbar #globalUserInitials { position: static !important; flex: 0 0 30px !important; width: 30px !important; height: 30px !important; min-width: 30px !important; min-height: 30px !important; border-radius: 50% !important; font-size: 11px !important; display: grid !important; place-items: center !important; margin: 0 !important; }
html body[data-view="crm"] .topbar #globalUserName,
html body[data-view="crm"] .topbar #globalUserRole,
html body[data-view="crm"] .topbar #globalHeaderNewMenu { display: none !important; }
html body[data-view="crm"] .topbar #globalMessageButton,
html body[data-view="crm"] .topbar .notification-toggle { width: 34px !important; height: 34px !important; min-height: 34px !important; padding: 6px !important; border-radius: 7px !important; }
html body[data-view="crm"] .topbar #syncLatestButton { min-height: 34px !important; height: 34px !important; padding: 6px 10px !important; font-size: 12px !important; }
html body[data-view="crm"] .topbar #cloudStatusLabel { font-size: 11px !important; }
@media(max-width:700px) {
  html body[data-view="crm"] .main > .topbar { padding: 12px 14px !important; }
  html body[data-view="crm"] .topbar .topbar-command { flex: 1 1 200px !important; }
  html body[data-view="crm"] .topbar #globalHeaderSearch { width: 100% !important; }
  html body[data-view="crm"] .topbar .topbar-actions { flex-wrap: wrap !important; }
}
@media(pointer:coarse) {
  html body[data-view="crm"] .topbar #globalUserProfileButton,
  html body[data-view="crm"] .topbar #globalMessageButton,
  html body[data-view="crm"] .topbar .notification-toggle { min-height: 44px !important; }
}