/* Shared presentation only. Product navigation, access and actions stay local. */
.marsa-chrome {
  --mc-rail-width: 256px;
  --mc-control: 44px;
  --mc-nav-height: 48px;
  --mc-header-height: 80px;
  --mc-radius: 12px;
  --mc-icon: 18px;
  --mc-nav-icon: 20px;
}
.marsa-omni.marsa-chrome {
  --mc-ink: var(--omni-ink);
  --mc-muted: var(--omni-muted);
  --mc-chip: var(--omni-chip);
  --mc-edge: var(--omni-divider);
  --mc-glass: var(--omni-header);
  --mc-solid: var(--omni-solid);
  --mc-accent: var(--omni-primary);
  --mc-selection: #b4d0ed;
}
.crm-shell.marsa-chrome {
  --mc-ink: var(--crm-chrome-ink);
  --mc-muted: var(--crm-chrome-muted);
  --mc-chip: var(--crm-chrome-chip);
  --mc-edge: var(--crm-chrome-edge);
  --mc-glass: var(--crm-chrome-glass);
  --mc-solid: #f6f9fe;
  --mc-accent: var(--crm-chrome-accent);
  --mc-selection: #a9cbea;
}
.erp-app.marsa-chrome {
  --mc-ink: var(--text);
  --mc-muted: var(--muted);
  --mc-chip: var(--erp-chip);
  --mc-edge: var(--erp-edge);
  --mc-glass: var(--erp-glass);
  --mc-solid: var(--surface);
  --mc-accent: var(--brand);
  --mc-selection: #afe0da;
}
html[data-theme="dark"] .crm-shell.marsa-chrome {
  --mc-solid: #1b314b;
}
html body .marsa-chrome.marsa-chrome.marsa-chrome {
  display: grid;
  grid-template-columns: var(--mc-rail-width) minmax(0, 1fr);
  direction: rtl;
  min-width: 0;
}
html body .marsa-chrome.marsa-chrome.marsa-chrome > :is(main, .main) {
  min-width: 0;
  grid-column: 2;
}
html body .marsa-chrome.marsa-chrome.marsa-chrome .marsa-chrome-header {
  position: sticky;
  top: 0;
  z-index: 20;
  height: auto;
  min-height: var(--mc-header-height);
  padding: 12px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px 20px;
  margin: 0;
  background: var(--mc-glass) !important;
  color: var(--mc-ink);
  border-bottom: 1px solid var(--mc-edge) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.1);
  backdrop-filter: blur(24px) saturate(1.1);
  box-shadow: 0 4px 18px -15px #193d6050;
}
html body .marsa-chrome.marsa-chrome.marsa-chrome .marsa-chrome-location,
html body .marsa-chrome.marsa-chrome.marsa-chrome .marsa-chrome-tools {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 8px;
  flex-wrap: wrap;
  width: auto;
}
html body .marsa-chrome.marsa-chrome.marsa-chrome .marsa-chrome-tools {
  margin-inline-start: auto;
  flex: 0 1 auto;
}
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  .marsa-chrome-location
  :is(.breadcrumb, .crm-header-breadcrumb) {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  .marsa-chrome-location
  :is(strong, .breadcrumb b) {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.6;
  color: var(--mc-muted);
  overflow-wrap: anywhere;
}
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  .marsa-chrome-location
  .marsa-logo {
  width: 96px;
  height: 32px;
  min-width: 96px;
}
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  :is(.workspace-date, .crm-header-date, .erp-header-date) {
  display: block;
  min-width: 0;
  padding: 0 4px;
  font-size: 11px;
  line-height: 1.6;
  font-weight: 400;
  color: var(--mc-muted);
  white-space: nowrap;
  order: 0;
  flex-basis: auto;
}
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  .marsa-chrome-header
  :is(
    .workspace-icon-button,
    .crm-chrome-icon,
    .erp-chrome-icon,
    .inbox-bell,
    .workspace-notification-button,
    .menu-button
  ) {
  display: inline-grid;
  place-items: center;
  flex: none;
  width: var(--mc-control);
  height: var(--mc-control);
  min-height: var(--mc-control);
  padding: 0;
  border-radius: var(--mc-radius);
  background: var(--mc-chip) !important;
  color: var(--mc-ink) !important;
  border: 1px solid var(--mc-edge) !important;
  box-shadow: inset 0 1px 0 #ffffff18;
}
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  .marsa-chrome-header
  :is(
    .workspace-icon-button,
    .crm-chrome-icon,
    .erp-chrome-icon,
    .inbox-bell,
    .workspace-notification-button,
    .menu-button
  )
  > svg,
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  :is(.workspace-company, .crm-header-company, .erp-header-company)
  > svg {
  width: var(--mc-icon);
  height: var(--mc-icon);
  stroke-width: 1.75;
  flex: none;
}
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  :is(.workspace-company, .crm-header-company, .erp-header-company) {
  flex: 0 1 190px;
  width: 190px;
  max-width: 190px;
  min-height: 44px;
  margin: 0;
  font-size: 12px;
  border-radius: var(--mc-radius);
  gap: 8px;
}
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  :is(.crm-header-company, .erp-header-company) {
  padding: 8px 12px;
  border: 1px solid var(--mc-edge);
  background: var(--mc-chip);
}
html body .marsa-chrome.marsa-chrome.marsa-chrome .workspace-company select {
  height: 44px;
  border-radius: var(--mc-radius);
  font-size: 12px;
}
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  :is(.crm-appearance, .erp-appearance, .marsa-chrome-header .theme-toggle) {
  position: relative;
  display: grid;
  isolation: isolate;
  grid-template-columns: 44px 44px;
  gap: 4px;
  padding: 2px;
  width: 98px;
  height: 50px;
  min-height: 50px;
  flex: none;
  border: 1px solid var(--mc-edge);
  border-radius: 99px;
  background: color-mix(in srgb, var(--mc-muted) 8%, transparent);
  box-shadow: none;
}
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  :is(.crm-appearance, .erp-appearance) {
  direction: ltr;
}
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  :is(.crm-appearance, .erp-appearance)
  button {
  width: 44px;
  height: 44px;
  min-height: 44px;
  padding: 0;
  color: var(--mc-muted);
  background: transparent !important;
  border: 0;
}
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  :is(.crm-appearance, .erp-appearance, .marsa-chrome-header .theme-toggle)
  svg {
  width: 18px;
  height: 18px;
  stroke-width: 1.75;
}
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  :is(
    .crm-appearance-indicator,
    .erp-appearance-indicator,
    .marsa-chrome-header .theme-toggle i
  ) {
  top: 2px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #fff;
  box-shadow:
    0 2px 7px #193d6020,
    inset 0 0 0 1px var(--mc-edge);
  transition:
    transform 0.24s ease,
    background-color 0.24s ease,
    box-shadow 0.24s ease;
}
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  :is(.crm-appearance-indicator, .erp-appearance-indicator) {
  left: 2px;
  transform: translateX(48px);
}
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  .marsa-chrome-header
  .theme-toggle {
  direction: rtl;
  color: var(--mc-muted);
}
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  .marsa-chrome-header
  .theme-toggle
  i {
  right: 2px;
  transform: none;
}
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  :is(.crm-appearance, .erp-appearance)
  button[aria-pressed="true"],
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  .marsa-chrome-header
  .theme-toggle[aria-pressed="false"]
  > svg:first-child {
  color: #203b55;
}
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  :is(.crm-appearance, .erp-appearance)[data-theme="dark"]
  :is(.crm-appearance-indicator, .erp-appearance-indicator),
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  .marsa-chrome-header
  .theme-toggle[aria-pressed="true"]
  i {
  background: var(--mc-selection);
  box-shadow:
    0 3px 9px #07172755,
    inset 0 0 0 1px #effaff;
}
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  :is(.crm-appearance, .erp-appearance)[data-theme="dark"]
  :is(.crm-appearance-indicator, .erp-appearance-indicator) {
  transform: none;
}
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  .marsa-chrome-header
  .theme-toggle[aria-pressed="true"]
  i {
  transform: translateX(-48px);
}
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  :is(.crm-appearance, .erp-appearance)[data-theme="dark"]
  button[aria-pressed="true"],
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  .marsa-chrome-header
  .theme-toggle[aria-pressed="true"]
  > svg:nth-child(2) {
  color: #183b4b;
}
html body .marsa-chrome.marsa-chrome.marsa-chrome .marsa-chrome-sidebar {
  display: flex;
  flex-direction: column;
  position: sticky;
  top: 0;
  width: var(--mc-rail-width);
  height: 100dvh;
  max-height: 100dvh;
  padding: 16px 12px 12px;
  gap: 12px;
  overflow: hidden;
  transform: none;
  visibility: visible;
  z-index: 30;
}
html body .marsa-chrome.marsa-chrome.marsa-chrome .marsa-chrome-brand {
  position: relative;
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 64px;
  min-height: 64px;
  padding: 4px 12px 12px;
  margin: 0;
  border-bottom: 1px solid #d7e9ff26;
}
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  .marsa-chrome-brand
  :is(.brand, .marsa-brand-lockup) {
  padding: 0;
  height: auto;
  margin: 0;
}
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  .marsa-chrome-brand
  .marsa-logo {
  width: 144px;
  height: 44px;
  min-width: 144px;
}
html body .marsa-chrome.marsa-chrome.marsa-chrome .marsa-chrome-workspace {
  display: flex;
  align-items: center;
  flex: none;
  min-height: 56px;
  padding: 8px 12px;
  gap: 10px;
  margin: 0;
  border: 1px solid #d7e9ff26;
  border-radius: var(--mc-radius);
  background: #dff4ff0c;
  color: #f2f8ff;
}
html body .marsa-chrome.marsa-chrome.marsa-chrome .marsa-chrome-workspace b {
  font-size: 12px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  .marsa-chrome-workspace
  > svg {
  width: 20px;
  height: 20px;
  stroke-width: 1.75;
  flex: none;
}
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  .marsa-chrome-workspace
  .workspace-avatar {
  width: 20px;
  height: 20px;
  border-radius: 8px;
  background: transparent;
}
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  .marsa-chrome-workspace
  .workspace-avatar
  svg {
  width: 20px;
  height: 20px;
  stroke-width: 1.75;
}
html body .marsa-chrome.marsa-chrome.marsa-chrome .marsa-chrome-nav {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  padding: 0;
  margin: 0;
  gap: 12px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #bed8ee55 transparent;
  overscroll-behavior: contain;
}
html body .marsa-chrome.marsa-chrome.marsa-chrome .marsa-chrome-group {
  display: grid;
  gap: 4px;
}
html body .marsa-chrome.marsa-chrome.marsa-chrome .marsa-chrome-group > h2 {
  margin: 0 0 4px;
  padding: 0 12px;
  font-size: 10px;
  line-height: 1.6;
  font-weight: 400;
  color: #bfd4e8;
}
html body .marsa-chrome.marsa-chrome.marsa-chrome .marsa-chrome-nav button {
  position: relative;
  display: flex;
  align-items: center;
  flex: none;
  min-height: var(--mc-nav-height);
  height: auto;
  width: 100%;
  padding: 10px 12px;
  gap: 10px;
  border: 1px solid transparent;
  border-radius: var(--mc-radius);
  background: transparent !important;
  box-shadow: none !important;
  color: #d9e8f5 !important;
  text-align: start;
  font-size: 13px;
  line-height: 1.6;
  transition:
    background-color 0.18s ease,
    border-color 0.18s ease;
}
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  .marsa-chrome-nav
  button
  > svg {
  width: var(--mc-nav-icon);
  height: var(--mc-nav-icon);
  stroke-width: 1.75;
  flex: none;
  opacity: 0.9;
}
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  .marsa-chrome-nav
  button
  span {
  min-width: 0;
  flex: 1;
  font-size: inherit;
  line-height: inherit;
  white-space: normal;
  overflow-wrap: anywhere;
}
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  .marsa-chrome-nav
  button:hover {
  background: #ffffff12 !important;
  color: #fff !important;
}
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  .marsa-chrome-nav
  button:is(.selected, .active, [aria-current="page"]) {
  background: #ffffff24 !important;
  border-color: #d7e9ff35;
  color: #fff !important;
  box-shadow:
    inset -3px 0 #eaf6ff,
    inset 0 1px 0 #ffffff15 !important;
}
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  .marsa-chrome-nav
  :is(small, em) {
  position: static;
  margin-inline-start: auto;
  min-width: 20px;
  padding: 2px 6px;
  border-radius: 7px;
  color: #fff;
  background: #eaf6ff18;
  font-size: 10px;
  font-style: normal;
}
html body .marsa-chrome.marsa-chrome.marsa-chrome .marsa-chrome-footer {
  flex: none;
  margin: 0;
  padding: 10px 0 0;
  border-top: 1px solid #d7e9ff26;
}
html body .marsa-chrome.marsa-chrome.marsa-chrome .marsa-chrome-account-row {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 56px;
  padding: 6px 8px;
  margin: 0;
  border: 0;
}
html body .marsa-chrome.marsa-chrome.marsa-chrome .marsa-chrome-account-row b {
  font-size: 12px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  .marsa-chrome-account-row
  small {
  font-size: 10px;
  line-height: 1.6;
}
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  .marsa-chrome-account-row
  :is(.avatar, .crm-navigation-avatar) {
  width: 36px;
  height: 36px;
  flex: none;
  border-radius: 50%;
}
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  :is(.marsa-chrome-header, .marsa-chrome-sidebar)
  :is(button, a, summary):focus-visible {
  outline: 2px solid var(--mc-accent);
  outline-offset: 3px;
}
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  .marsa-chrome-sidebar
  :is(button, a, summary):focus-visible {
  outline-color: #bfe9ff !important;
  outline-offset: -3px;
}
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  .marsa-chrome-header
  :is(.menu-button, .crm-navigation-trigger) {
  display: none;
}
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  .marsa-chrome-brand
  :is(.mobile-close, .crm-navigation-close, .omni-menu-toggle) {
  display: none;
}
@media (min-width: 761px) {
  html body .marsa-chrome.marsa-chrome.marsa-chrome .marsa-chrome-sidebar {
    display: flex;
  }
}
@media (max-width: 1180px) {
  html
    body
    .marsa-chrome.marsa-chrome.marsa-chrome
    :is(.workspace-date, .crm-header-date, .erp-header-date) {
    display: none;
  }
}
@media (max-width: 760px) {
  html body .marsa-chrome.marsa-chrome.marsa-chrome {
    display: block;
  }
  html body .marsa-chrome.marsa-chrome.marsa-chrome .marsa-chrome-header {
    min-height: 72px;
    padding: 10px 14px;
    gap: 10px;
  }
  html body .marsa-chrome.marsa-chrome.marsa-chrome .marsa-chrome-location {
    width: 100%;
    gap: 8px;
  }
  html body .marsa-chrome.marsa-chrome.marsa-chrome .marsa-chrome-tools {
    width: 100%;
    justify-content: flex-end;
  }
  html
    body
    .marsa-chrome.marsa-chrome.marsa-chrome
    :is(.workspace-company, .crm-header-company, .erp-header-company) {
    flex: 1 1 140px;
    width: auto;
    max-width: none;
    margin-inline-end: auto;
  }
  html
    body
    .marsa-chrome.marsa-chrome.marsa-chrome
    .marsa-chrome-header
    :is(.menu-button, .crm-navigation-trigger) {
    display: inline-grid;
  }
  html body .marsa-chrome.marsa-chrome.marsa-chrome .marsa-chrome-sidebar {
    display: none;
    position: fixed;
    inset: 0 0 0 auto;
    width: min(var(--mc-rail-width), calc(100vw - 48px));
    height: 100dvh;
    max-height: 100dvh;
    z-index: 41;
  }
  html
    body
    .marsa-chrome.marsa-chrome.marsa-chrome
    .marsa-chrome-sidebar:is(.is-open, .show) {
    display: flex;
  }
  html
    body
    .marsa-chrome.marsa-chrome.marsa-chrome
    .marsa-chrome-brand
    :is(.mobile-close, .crm-navigation-close, .omni-menu-toggle) {
    display: grid;
    place-items: center;
    position: absolute;
    inset-inline-end: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    min-height: 44px;
    padding: 0;
    border: 1px solid #ffffff25;
    border-radius: 12px;
    background: #ffffff12 !important;
    color: #fff !important;
  }
  html
    body
    .marsa-chrome.marsa-chrome.marsa-chrome
    .marsa-chrome-brand
    .marsa-logo {
    width: 128px;
    min-width: 128px;
  }
  html
    body
    .marsa-chrome.marsa-chrome.marsa-chrome
    .marsa-chrome-sidebar
    .marsa-chrome-nav {
    display: flex;
    margin: 0;
  }
  html body .marsa-chrome.marsa-chrome.marsa-chrome .marsa-chrome-footer {
    display: block;
  }
}
@supports not (
  (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))
) {
  html body .marsa-chrome.marsa-chrome.marsa-chrome .marsa-chrome-header {
    background: var(--mc-solid) !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  html
    body
    .marsa-chrome.marsa-chrome.marsa-chrome
    :is(.marsa-chrome-sidebar, .marsa-chrome-header) {
    animation: none;
  }
  html
    body
    .marsa-chrome.marsa-chrome.marsa-chrome
    :is(
      .marsa-chrome-nav button,
      .crm-appearance-indicator,
      .erp-appearance-indicator,
      .marsa-chrome-header .theme-toggle i
    ) {
    transition: none !important;
  }
}
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  .marsa-chrome-header
  .marsa-chrome-menu {
  display: none;
}
html body .marsa-chrome.marsa-chrome.marsa-chrome .omni-menu-toggle > span {
  display: none;
}
@media (max-width: 760px) {
  html
    body
    .marsa-chrome.marsa-chrome.marsa-chrome
    .marsa-chrome-header
    .marsa-chrome-menu {
    display: inline-grid;
  }
  html
    body
    .marsa-chrome.marsa-chrome.marsa-chrome
    :is(.marsa-chrome-scrim, .crm-navigation-scrim, .mobile-scrim) {
    position: fixed;
    inset: 0;
    display: block;
    width: 100%;
    height: 100dvh;
    z-index: 40;
    border: 0;
    border-radius: 0;
    background: #10273866;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
  }
}
/* Preserve the user's readable type preference, with the same scale in each rail. */
html[data-font-size="large"]
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  .marsa-chrome-nav
  button {
  font-size: 14px;
}
html[data-font-size="xlarge"]
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  .marsa-chrome-nav
  button {
  font-size: 16px;
}
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  .marsa-chrome-header
  :is(.notification-trigger, .crm-header-notifications, .inbox-bell) {
  position: relative;
}
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  .marsa-chrome-header
  .inbox-bell
  > span {
  display: none;
}
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  .marsa-chrome-header
  :is(.nc-count, .crm-header-notifications em, .inbox-bell > b) {
  position: absolute;
  inset-block-start: -4px;
  inset-inline-end: -4px;
  display: grid;
  place-items: center;
  min-width: 19px;
  height: 19px;
  padding: 0 4px;
  border-radius: 99px;
  background: #b0445d;
  border: 2px solid var(--mc-solid);
  color: #fff;
  font:
    700 9px Arada,
    sans-serif;
}
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  .marsa-chrome-header
  .omni-account {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  flex: none;
  border-radius: 50%;
}

html body .marsa-chrome.marsa-chrome.marsa-chrome .marsa-chrome-nav {
  gap: 4px;
}
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  .marsa-chrome-nav:has(.marsa-chrome-group) {
  gap: 12px;
}
/* Identical chrome boxes and focus targets regardless of a product's base reset. */
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  :is(.marsa-chrome-header, .marsa-chrome-sidebar),
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  :is(.marsa-chrome-header, .marsa-chrome-sidebar)
  * {
  box-sizing: border-box;
}
html body .marsa-chrome.marsa-chrome.marsa-chrome .marsa-chrome-sidebar {
  border-inline-end: 1px solid #d7e9ff26;
}
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  .marsa-chrome-location
  .marsa-logo {
  display: inline-block;
}
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  .marsa-chrome-brand
  .marsa-brand-lockup
  > small {
  display: none;
}
html body .marsa-chrome.marsa-chrome.marsa-chrome .marsa-chrome-account-row {
  border-radius: 12px;
}
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  .marsa-chrome-account-row::after {
  content: none;
}
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  details
  > .marsa-chrome-account-row::after {
  content: "";
  flex: none;
  width: 7px;
  height: 7px;
  margin-inline-start: auto;
  border: solid currentColor;
  border-width: 0 1.5px 1.5px 0;
  transform: rotate(45deg);
}
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  details[open]
  > .marsa-chrome-account-row::after {
  transform: rotate(225deg);
}
html body .marsa-chrome.marsa-chrome.marsa-chrome .crm-account-chevron {
  display: none;
}
@media (max-width: 760px) {
  html
    body
    .marsa-chrome.marsa-chrome.marsa-chrome
    :is(.workspace-company, .crm-header-company, .erp-header-company) {
    flex: 1 1 88px;
    min-width: 88px;
  }
  html
    body
    .marsa-chrome.marsa-chrome.marsa-chrome
    .marsa-chrome-location
    :is(
      .breadcrumb > span:not(.omni-wordmark),
      .crm-header-breadcrumb > i,
      .breadcrumb-separator
    ) {
    display: none;
  }
}
html body .marsa-chrome.marsa-chrome.marsa-chrome .marsa-chrome-sidebar {
  border: 0;
  border-inline-end: 1px solid #d7e9ff26;
}
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  .marsa-chrome-nav
  > .marsa-chrome-group:first-child
  > h2 {
  display: none;
}
html body .marsa-chrome.marsa-chrome.marsa-chrome .marsa-chrome-location {
  min-height: 44px;
}
html body .marsa-chrome.marsa-chrome.marsa-chrome .marsa-chrome-tools {
  min-height: 50px;
}
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  :is(.crm-header-company, .erp-header-company)
  b {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  .marsa-chrome-header
  .omni-account-photo {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--omni-avatar);
  color: white;
  overflow: hidden;
}
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  .marsa-chrome-header
  .ai-balance-ring
  .omni-account-photo {
  width: 34px;
  height: 34px;
}
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  .marsa-chrome-account-row
  .ai-balance-ring
  .avatar {
  width: 34px;
  height: 34px;
}
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  .marsa-chrome-footer
  > :is(.crm-navigation-home, .marsa-home-link) {
  display: flex;
  align-items: center;
  height: 44px;
  padding: 8px 12px;
  gap: 10px;
  margin: 0 0 8px;
  font-size: 12px;
  border: 0;
  border-radius: 12px;
}
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  .marsa-chrome-footer
  > :is(.crm-navigation-home, .marsa-home-link)
  > span {
  flex: 1;
}
html
  body
  .marsa-chrome.marsa-chrome.marsa-chrome
  .marsa-chrome-footer
  > :is(.crm-navigation-home, .marsa-home-link)
  > svg {
  width: 18px;
  height: 18px;
  stroke-width: 1.75;
}
@media (max-width: 760px) {
  html
    body
    .marsa-chrome.marsa-chrome.marsa-chrome
    :is(.crm-header-company, .erp-header-company) {
    padding: 8px;
  }
}

@media (max-width: 760px) {
  html
    body
    .marsa-chrome.marsa-chrome.marsa-chrome
    :is(.crm-header-company, .erp-header-company)
    b {
    font-size: 11px;
  }
}