/* Layout.module.css */

/* Accent color aligned with customers logo palette */

._emailClient_1w8j8_5 {
  display: flex;
  height: calc(100vh - 55px);
  flex: 1;
  width: 100%;
  background-color: #1e1e1e;
  color: #ffffff;
  user-select: none;
  -webkit-user-select: none;
}

/* Flat user record pane — shared ControlRoom record language. */
._userMediaTopSectionNoMedia_1w8j8_17 {
  display: block;
}

._userMediaTopSectionNoMedia_1w8j8_17 ._userMediaStatsColumn_1w8j8_21 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: none;
}

._userAccessSummaryStrip_1w8j8_26 {
  gap: 1px;
  overflow: hidden;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.065);
}

._userAccessSummaryCard_1w8j8_33 {
  min-height: 62px;
  padding: 11px 13px;
  border: 0;
  border-radius: 0;
  background: rgb(35, 35, 37);
}

._userQuickActionsRow_1w8j8_41 {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 6px;
}

._userQuickActionButton_1w8j8_48 {
  width: auto;
  min-width: 0;
  height: 32px;
  padding: 0 11px;
  border: 0;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.055);
  font-weight: 400;
}

._userQuickActionButton_1w8j8_48:hover {
  background: rgba(255, 255, 255, 0.09);
}

._customerPaneTabs_1w8j8_63 {
  width: fit-content;
  max-width: 100%;
  display: inline-flex;
  grid-template-columns: none;
  align-items: center;
  gap: 0;
  padding: 3px;
  border: 0;
  background: rgba(255, 255, 255, 0.055);
}

._customerPaneTabButton_1w8j8_75 {
  min-width: 92px;
  padding: 0 16px;
  flex: 0 0 auto;
  font-weight: 400;
}

._customerPaneTabButtonActive_1w8j8_82 {
  background: rgba(255, 255, 255, 0.14);
  font-weight: 400;
}

._customerProfileOverviewCard_1w8j8_87,
._customerProfileOverviewCard_1w8j8_87:hover {
  padding: 0 !important;
  overflow: hidden;
  border: 0 !important;
  background: rgb(35, 35, 37) !important;
}

._customerRecordSectionHeading_1w8j8_95 {
  min-height: 50px;
  padding: 0 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.065);
}

._customerRecordSectionHeading_1w8j8_95 span {
  color: rgba(255, 255, 255, 0.94);
  font-size: 13px;
  font-weight: 500;
}

._customerRecordSectionHeading_1w8j8_95 small {
  color: rgba(255, 255, 255, 0.42);
  font-size: 11px;
  font-weight: 400;
}

._customerProfileOverviewCard_1w8j8_87 ._customerHeatmapGrid_1w8j8_117 {
  gap: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-radius: 0;
  background: rgba(255, 255, 255, 0.065);
}

._customerProfileOverviewCard_1w8j8_87 ._customerHeatmapTile_1w8j8_126 {
  min-height: 66px;
  padding: 11px 13px;
  border: 0;
  border-radius: 0;
  background: rgb(35, 35, 37);
}

._customerDetailsMiniGrid_1w8j8_134 > ._customerMiniCard_1w8j8_134:not(._customerProfileOverviewCard_1w8j8_87) {
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 11px;
  background: rgb(35, 35, 37);
}

._customerDetailsMiniGrid_1w8j8_134 > ._customerMiniCard_1w8j8_134:not(._customerProfileOverviewCard_1w8j8_87):hover {
  border-color: transparent;
  background: rgb(35, 35, 37);
}

._customerDetailsMiniGrid_1w8j8_134 > ._customerMiniCard_1w8j8_134:not(._customerProfileOverviewCard_1w8j8_87) > ._customerSectionEyebrow_1w8j8_147 {
  min-height: 50px;
  margin: 0;
  padding: 0 15px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.065);
  color: rgba(255, 255, 255, 0.94);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
}

._customerDetailsMiniGrid_1w8j8_134 > ._customerMiniCard_1w8j8_134 > ._customerNotesList_1w8j8_161,
._customerDetailsMiniGrid_1w8j8_134 > ._customerMiniCard_1w8j8_134 > ._customerFinanceCockpit_1w8j8_162 {
  margin: 0;
  padding: 10px 15px 15px;
}

._customerDetailsMiniGrid_1w8j8_134 ._customerNoteItem_1w8j8_167 {
  padding: 11px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

._customerDetailsMiniGrid_1w8j8_134 ._customerNoteItem_1w8j8_167 + ._customerNoteItem_1w8j8_167 {
  border-top: 1px solid rgba(255, 255, 255, 0.065);
}

._customerDetailsMiniGrid_1w8j8_134 ._customerFinanceTopRow_1w8j8_178,
._customerDetailsMiniGrid_1w8j8_134 ._customerAnalyticsMetricsGrid_1w8j8_179 {
  gap: 1px;
  overflow: hidden;
  padding: 0;
  border: 0;
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.065);
}

._customerDetailsMiniGrid_1w8j8_134 ._customerFinanceCard_1w8j8_188,
._customerDetailsMiniGrid_1w8j8_134 ._customerMetricCard_1w8j8_189 {
  min-height: 66px;
  border: 0;
  border-radius: 0;
  background: rgba(255, 255, 255, 0.025);
}

._policySelectDropdown_1w8j8_196,
._policyReasonInput_1w8j8_197 {
  min-height: 34px;
  margin-top: 7px;
  border: 0;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.06);
  font-size: 13px;
}

._customerProfileLocationSection_1w8j8_206 {
  gap: 1px;
  overflow: hidden;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.065);
}

._customerProfileAddressTile_1w8j8_213,
._customerProfileMapTile_1w8j8_214 {
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

@media (max-width: 840px) {
  ._userMediaTopSectionNoMedia_1w8j8_17 ._userMediaStatsColumn_1w8j8_21 {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }
}

@media (prefers-color-scheme: light) {
  ._userAccessSummaryStrip_1w8j8_26,
  ._customerProfileOverviewCard_1w8j8_87 ._customerHeatmapGrid_1w8j8_117,
  ._customerDetailsMiniGrid_1w8j8_134 ._customerFinanceTopRow_1w8j8_178,
  ._customerDetailsMiniGrid_1w8j8_134 ._customerAnalyticsMetricsGrid_1w8j8_179,
  ._customerProfileLocationSection_1w8j8_206 {
    background: rgba(15, 23, 42, 0.09) !important;
  }

  ._userAccessSummaryCard_1w8j8_33,
  ._customerProfileOverviewCard_1w8j8_87,
  ._customerProfileOverviewCard_1w8j8_87:hover,
  ._customerProfileOverviewCard_1w8j8_87 ._customerHeatmapTile_1w8j8_126,
  ._customerDetailsMiniGrid_1w8j8_134 > ._customerMiniCard_1w8j8_134:not(._customerProfileOverviewCard_1w8j8_87),
  ._customerDetailsMiniGrid_1w8j8_134 > ._customerMiniCard_1w8j8_134:not(._customerProfileOverviewCard_1w8j8_87):hover,
  ._customerDetailsMiniGrid_1w8j8_134 ._customerFinanceCard_1w8j8_188,
  ._customerDetailsMiniGrid_1w8j8_134 ._customerMetricCard_1w8j8_189 {
    border: 0 !important;
    background: rgb(248, 250, 253) !important;
    box-shadow: none !important;
  }

  ._customerPaneTabs_1w8j8_63 {
    border: 0;
    background: rgba(15, 23, 42, 0.06);
  }

  ._customerPaneTabButtonActive_1w8j8_82 {
    background: rgba(255, 255, 255, 0.98);
    box-shadow: none;
  }

  ._userQuickActionButton_1w8j8_48 {
    color: rgba(51, 65, 85, 0.82);
    background: rgba(15, 23, 42, 0.055);
  }

  ._userQuickActionButton_1w8j8_48:hover { background: rgba(15, 23, 42, 0.085); }

  ._customerRecordSectionHeading_1w8j8_95,
  ._customerDetailsMiniGrid_1w8j8_134 > ._customerMiniCard_1w8j8_134:not(._customerProfileOverviewCard_1w8j8_87) > ._customerSectionEyebrow_1w8j8_147,
  ._customerDetailsMiniGrid_1w8j8_134 ._customerNoteItem_1w8j8_167 + ._customerNoteItem_1w8j8_167 {
    border-color: rgba(15, 23, 42, 0.09) !important;
  }

  ._customerRecordSectionHeading_1w8j8_95 span,
  ._customerDetailsMiniGrid_1w8j8_134 > ._customerMiniCard_1w8j8_134:not(._customerProfileOverviewCard_1w8j8_87) > ._customerSectionEyebrow_1w8j8_147 {
    color: #0f172a !important;
  }

  ._customerRecordSectionHeading_1w8j8_95 small { color: rgba(51, 65, 85, 0.58); }

  ._customerDetailsMiniGrid_1w8j8_134 ._customerNoteItem_1w8j8_167 {
    border: 0 !important;
    background: transparent !important;
  }

  ._policySelectDropdown_1w8j8_196,
  ._policyReasonInput_1w8j8_197 {
    border: 0 !important;
    background: rgba(15, 23, 42, 0.055) !important;
  }

  ._customerProfileAddressTile_1w8j8_213,
  ._customerProfileMapTile_1w8j8_214 {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
}

/* User access dialogs use the same flat form language as Customers and Settings. */
._userModalCloseButton_1w8j8_299,
._scopeEditorCloseBtn_1w8j8_300 {
  width: 30px;
  height: 30px;
  min-width: 30px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 7px;
  outline: none;
  color: rgba(255, 255, 255, 0.78);
  background: transparent;
  box-shadow: none;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}

._userModalCloseButton_1w8j8_299:hover,
._scopeEditorCloseBtn_1w8j8_300:hover {
  color: rgba(255, 255, 255, 0.96);
  background: rgba(255, 255, 255, 0.07);
}

._userModalCloseButton_1w8j8_299:focus,
._scopeEditorCloseBtn_1w8j8_300:focus {
  outline: none;
  box-shadow: none;
}

._userModalCloseButton_1w8j8_299:focus-visible,
._scopeEditorCloseBtn_1w8j8_300:focus-visible {
  background: rgba(255, 255, 255, 0.09);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18);
}

._userModalCloseButton_1w8j8_299 svg,
._scopeEditorCloseBtn_1w8j8_300 svg {
  width: 18px;
  height: 18px;
  display: block;
  flex: 0 0 auto;
  overflow: visible;
  stroke: currentColor;
  pointer-events: none;
}

._userAccessActionModal_1w8j8_348 {
  width: min(720px, calc(100vw - 32px));
  max-height: min(760px, calc(100vh - 32px));
  padding: 0;
  overflow: hidden;
}

._userAccessActionModal_1w8j8_348 ._customerFinanceModalHeader_1w8j8_355 {
  min-height: 54px;
  margin: 0;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

._userAccessActionModal_1w8j8_348 ._customerFinanceModalHeader_1w8j8_355 h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
}

._userAccessActionBody_1w8j8_371 {
  gap: 0;
  padding: 12px;
}

._userAccessActionRows_1w8j8_376 {
  overflow: hidden;
  border: 0;
  border-radius: 10px;
  background: rgb(35, 35, 37);
}

._userAccessActionRow_1w8j8_376 {
  min-height: 66px;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  color: inherit;
}

._userAccessActionRow_1w8j8_376 + ._userAccessActionRow_1w8j8_376 {
  border-top: 1px solid rgba(255, 255, 255, 0.065);
}

._userAccessActionCopy_1w8j8_397 {
  min-width: 180px;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

._userAccessActionCopy_1w8j8_397 strong {
  color: rgba(255, 255, 255, 0.9);
  font-size: 14px;
  line-height: 1.25;
  font-weight: 400;
}

._userAccessActionCopy_1w8j8_397 small {
  color: rgba(255, 255, 255, 0.48);
  font-size: 12px;
  line-height: 1.3;
  font-weight: 400;
}

._userAccessActionControl_1w8j8_418 {
  width: 320px;
  max-width: 54%;
  min-height: 38px;
  margin: 0;
  padding: 0 12px;
  border: 0;
  border-radius: 8px;
  outline: none;
  color: rgba(255, 255, 255, 0.88);
  background: rgba(255, 255, 255, 0.06);
  box-shadow: none;
  font: inherit;
  font-size: 13px;
  font-weight: 400;
  appearance: auto;
}

._userAccessActionControl_1w8j8_418:hover {
  background: rgba(255, 255, 255, 0.08);
}

._userAccessActionControl_1w8j8_418:focus,
._userAccessActionControl_1w8j8_418:focus-visible {
  border: 0;
  outline: none;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.11);
}

._userAccessActionFooter_1w8j8_448 {
  margin: 0;
  padding: 10px 14px;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
}

._userAccessActionFooter_1w8j8_448 ._confirmSecondary_1w8j8_457,
._userAccessActionFooter_1w8j8_448 ._confirmPrimary_1w8j8_458 {
  min-width: 0;
  height: 36px;
  padding: 0 15px;
  border: 0;
  border-radius: 8px;
  box-shadow: none;
  font-size: 13px;
  font-weight: 400;
}

._userAccessActionFooter_1w8j8_448 ._confirmSecondary_1w8j8_457 {
  color: rgba(255, 255, 255, 0.78);
  background: rgba(255, 255, 255, 0.06);
}

._userAccessActionFooter_1w8j8_448 ._confirmPrimary_1w8j8_458 {
  color: #171719;
  background: rgba(255, 255, 255, 0.94);
}

._userAccessActionFooter_1w8j8_448 ._confirmPrimary_1w8j8_458:hover {
  background: #fff;
}

@media (max-width: 680px) {
  ._userAccessActionRow_1w8j8_376 {
    align-items: stretch;
    flex-direction: column;
    gap: 9px;
  }

  ._userAccessActionControl_1w8j8_418 {
    width: 100%;
    max-width: none;
  }
}

@media (prefers-color-scheme: light) {
  ._userModalCloseButton_1w8j8_299,
  ._scopeEditorCloseBtn_1w8j8_300 {
    color: rgba(15, 23, 42, 0.68);
  }

  ._userModalCloseButton_1w8j8_299:hover,
  ._scopeEditorCloseBtn_1w8j8_300:hover,
  ._userModalCloseButton_1w8j8_299:focus-visible,
  ._scopeEditorCloseBtn_1w8j8_300:focus-visible {
    color: rgba(15, 23, 42, 0.92);
    background: rgba(15, 23, 42, 0.06);
    box-shadow: none;
  }

  ._userAccessActionModal_1w8j8_348 ._customerFinanceModalHeader_1w8j8_355,
  ._userAccessActionFooter_1w8j8_448 {
    border-color: rgba(15, 23, 42, 0.09);
  }

  ._userAccessActionRows_1w8j8_376 {
    background: rgb(248, 250, 253);
  }

  ._userAccessActionRow_1w8j8_376 + ._userAccessActionRow_1w8j8_376 {
    border-color: rgba(15, 23, 42, 0.09);
  }

  ._userAccessActionCopy_1w8j8_397 strong {
    color: rgba(15, 23, 42, 0.9);
  }

  ._userAccessActionCopy_1w8j8_397 small {
    color: rgba(51, 65, 85, 0.56);
  }

  ._userAccessActionControl_1w8j8_418 {
    color: rgba(15, 23, 42, 0.88);
    background: rgba(15, 23, 42, 0.055);
  }

  ._userAccessActionControl_1w8j8_418:hover,
  ._userAccessActionControl_1w8j8_418:focus,
  ._userAccessActionControl_1w8j8_418:focus-visible {
    background: rgba(15, 23, 42, 0.075);
    box-shadow: none;
  }

  ._userAccessActionFooter_1w8j8_448 ._confirmSecondary_1w8j8_457 {
    color: rgba(15, 23, 42, 0.74);
    background: rgba(15, 23, 42, 0.055);
  }

  ._userAccessActionFooter_1w8j8_448 ._confirmPrimary_1w8j8_458 {
    color: #fff;
    background: #171719;
  }
}

/* Sidebar Styles */
._sidebar_1w8j8_556 {
  width: 240px;
  background-color: rgb(32, 32, 35);
  border-right: 1px solid #3e3e42;
  display: flex;
  flex-direction: column;
  transform-origin: left;
  transition: 0.2s cubic-bezier(0.32, 0.08, 0.24, 1);

  &._closed_1w8j8_565 {
    width: 0;
    opacity: 0;
  }
}


._sidebarHeader_1w8j8_572 {
  padding: 15px 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

._sidebarActions_1w8j8_579 {
  display: flex;
  justify-content: space-between;
}

._sidebarHeader_1w8j8_572 h2 {
  margin: 0;
  margin-left: 6px;
  font-size: 21px;
  font-weight: 500;
  color: #ffffff;
}

._mailboxList_1w8j8_592 {
  padding: 0px 10px;
  margin: 0;
  user-select: none;
  -webkit-user-select: none;

  &._overlayList_1w8j8_598 {
    padding: 0;
  }
}

._mailboxItem_1w8j8_603 {
  display: flex;
  align-items: center;
  padding: 0 10px;
  height: 32px;
  border-radius: 10px;
  cursor: pointer;
  transition: background-color 0.05s;

  &._overlayList_1w8j8_598 {
    justify-content: flex-start;
    padding: 0 7.5px;
    gap: 5px;
  }
}

._mailboxItem_1w8j8_603:hover {
  background-color: rgba(116, 116, 128, 0.25);
}

._mailboxItem_1w8j8_603._active_1w8j8_623 {
  background-color: rgb(52, 52, 54);
  color: #ffffff;
}

._mailboxIcon_1w8j8_628 {
  flex-shrink: 0;
}

._mailboxItem_1w8j8_603 > svg {
  margin-right: 10px;
  margin-left: 5px;
  color: #8A8A8D;
}

._mailboxItem_1w8j8_603._subItem_1w8j8_638 > svg {
  margin-left: 20px;
}

._mailboxName_1w8j8_642 {
  font-size: 15px;
  font-weight: 400;
  letter-spacing: -0.24px;
  line-height: 15px;
  flex: 1 1 100%;
  margin-right: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgba(255, 255, 255, 0.98);
}

._count_1w8j8_655 {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.66);
  font-weight: 400;
  letter-spacing: -0.22px;
  line-height: 20px;
  margin-inline-end: 0px;
}

._mailboxInlineAction_1w8j8_664 {
  background: none;
  border: none;
  color: #8A8A8D;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  border-radius: 8px;
  cursor: pointer;
  margin-left: 4px;
  padding: 4px;
  box-sizing: border-box;
}

._mailboxInlineAction_1w8j8_664:hover {
  background: rgba(126, 126, 128, 0.18);
}

._mailboxInlineAction_1w8j8_664 svg {
  margin: 0;
  color: inherit;
  display: block;
}

._foldersSection_1w8j8_692 {
  margin-top: 20px;
  padding: 0 12px;
}

._foldersHeader_1w8j8_697 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

._foldersHeader_1w8j8_697 h3 {
  margin-left: 6px;
  font-size: 17px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.98);
  ;
}

._addButton_1w8j8_711 {
  background: none;
  border: none;
  color: #cccccc;
  cursor: pointer;
  font-size: 16px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

._addButton_1w8j8_711:hover {
  background-color: #37373d;
}

._folderItem_1w8j8_729 {
  display: flex;
  align-items: center;
  padding: 6px 0;
  cursor: pointer;
  font-size: 14px;
  color: #cccccc;
}

._folderItem_1w8j8_729 svg {
  margin-right: 8px;
  color: #8A8A8D;
}

._folderItem_1w8j8_729:hover {
  color: #ffffff;
}

/* Message List Styles */
._messageList_1w8j8_748 {
  width: 410px;
  background-color: rgb(28, 28, 30);
  border-right: 1px solid #3e3e42;
  display: flex;
  flex-direction: column;
  position: relative;
}

._emptyStatePlain_1w8j8_757 {
  min-height: calc(100vh - 250px);
  padding: 32px 28px 44px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  transform: translateY(-28px);
}

._emptyStatePlainTitle_1w8j8_768 {
  margin: 0;
  font-size: 16px;
  line-height: 1.25;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.78);
}

._emptyStatePlainBody_1w8j8_776 {
  margin: 10px 0 0;
  max-width: 320px;
  font-size: 13px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.46);
}

._emptyStatePlainAction_1w8j8_784 {
  margin-top: 10px;
  padding: 3px 5px;
  border: 0;
  background: transparent;
  color: rgba(255, 255, 255, 0.62);
  font: inherit;
  font-size: 12px;
  font-weight: 400;
  cursor: pointer;
}

._emptyStatePlainAction_1w8j8_784:hover { color: rgba(255, 255, 255, 0.88); }

@media (prefers-color-scheme: light) {
  ._emptyStatePlainTitle_1w8j8_768 { color: rgba(15, 23, 42, 0.76); }
  ._emptyStatePlainBody_1w8j8_776 { color: rgba(15, 23, 42, 0.48); }
  ._emptyStatePlainAction_1w8j8_784 { color: rgba(15, 23, 42, 0.62); }
  ._emptyStatePlainAction_1w8j8_784:hover { color: rgba(15, 23, 42, 0.86); }
}

._messageListHeader_1w8j8_805 {
  padding: 12px 20px;
}

._headerTop_1w8j8_809 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0px;
  gap: 10px;

  &._searchBar_1w8j8_816 {
    margin-bottom: 8px;
  }
}

._headerTop_1w8j8_809 h2 {
  margin: 0;
  font-size: 21px;
  font-weight: 500;
}

._headerActions_1w8j8_827 {
  display: flex;
  gap: 8px;
}

._iconButton_1w8j8_832 {
  background: none;
  border: none;
  color: #8A8A8D;
  cursor: pointer;
  padding: 6px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

._iconButton_1w8j8_832:hover {
  background-color: #37373d;
}

._headerInfo_1w8j8_848 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
}

._unreadButton_1w8j8_857 {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
}

._unreadDot_1w8j8_864 {
  width: 12px;
  height: 12px;
  background-color: #8A8A8D;
  border-radius: 50%;
  display: block;
}

._searchBar_1w8j8_816 {
  position: relative;
  display: flex;
  flex: 1 1 100%;
  transition: all 0.2s ease-in-out;
  align-items: center;
}

._searchIcon_1w8j8_880 {
  position: absolute;
  left: 12px;
  color: #cccccc;
}

._searchClearIcon_1w8j8_886 {
  position: absolute;
  right: 5px;
  color: #cccccc;
  z-index: 1;
  cursor: pointer;
  border-radius: 8px;
  padding: 5px;

  &:hover {
    background-color: #4e4e55;
  }
}

._searchInput_1w8j8_900 {
  width: 100%;
  padding: 8px 36px 8px 36px;
  background: rgb(50, 50, 54);
  border: 1px solid rgb(74, 74, 76);
  border-radius: 8px;
  color: #ffffff;
  font-size: 14px;
}

._searchInput_1w8j8_900::placeholder {
  color: #cccccc;
}

._searchInput_1w8j8_900:focus {
  outline: none;
  border-color: transparent;
  outline: 3px solid rgba(126, 126, 128, 0.55);
  caret-color: #8A8A8D;
}

._topHits_1w8j8_921 {
  background-color: rgb(13, 13, 13);
  padding: 10px 0;
  margin: 15px 10px;
  border-radius: 8px;
  width: calc(100% - 20px);

  ._topHitsLabel_1w8j8_928 {
    font-size: 16px;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.98);
    margin-left: 15px;
    margin-bottom: 10px;
  }

  ._messageItem_1w8j8_937 {
    margin: 0px 10px;
  }

  ._messageItem_1w8j8_937._selected_1w8j8_941 {
    background-color: rgba(255, 255, 255, 0.15);
  }
}

._messageItem_1w8j8_937 {
  display: flex;
  padding: 0px 0px;
  margin: 0px 15px;
  border-radius: 10px;
  max-width: 100%;
  height: 99px;
  cursor: pointer;
  position: relative;
}

._messageItem_1w8j8_937:hover {
  /* background-color: #37373d; */

  ._messageContent_1w8j8_960 {
    ._actions_1w8j8_961 {
      display: block;
    }
  }
}

._messageItem_1w8j8_937._selected_1w8j8_941 {
  background-color: rgba(255, 255, 255, 0.1);
}

._messageItem_1w8j8_937._selected_1w8j8_941 ._messageContent_1w8j8_960,
._messageItem_1w8j8_937._before_selected_1w8j8_972 ._messageContent_1w8j8_960 {
  border-bottom-color: transparent;
}

/* reset all */
._messageItem_1w8j8_937._selected_multiple_middle_1w8j8_977 {
  border-radius: 0;
}

/* first in a block (no selected before it) */
._messageItem_1w8j8_937._selected_multiple_last_1w8j8_982 {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

/* last in a block (no selected after it) */
._messageItem_1w8j8_937._selected_multiple_first_1w8j8_988 {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}


._threadFlags_1w8j8_994 {
  width: 24px;
  margin-top: 10px;
  margin-right: unset;
  padding-top: unset;
  max-height: 42px;
  flex-shrink: 0;
  flex-grow: 0;
}

._threadMonogram_1w8j8_1004 {
  width: 32px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-weight: 500;
  font-size: 14px;
  color: #ffffff;
  flex-shrink: 0;
  margin-top: 8px;
  padding-right: 10px;
  padding-top: 8px;
  padding-bottom: 8px;
  flex-shrink: 0;
  flex-grow: 0;
}

._threadMonogramStack_1w8j8_1021 {
  width: 32px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 2px;
}

._avatarRoot_1w8j8_1030 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  overflow: hidden;
  user-select: none;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  background-color: var(--black-a3);
  flex-shrink: 0;
  flex-grow: 0;

  &._messageContainer_1w8j8_1044 {
    width: 40px;
    height: 40px;

    ._avatarFallback_1w8j8_1048 {
      font-size: 18.5px;
    }
  }
}

._avatarImage_1w8j8_1054 {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  object-fit: cover;
  border-radius: inherit;
}

._avatarFallback_1w8j8_1048 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(rgb(166, 171, 183), rgb(134, 138, 147));
  color: rgb(224, 236, 248);
  font-size: 15px;
  line-height: 1;
  font-weight: 400;
}

._avatarRoot_appImage_1w8j8_1075 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  overflow: hidden;
  user-select: none;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(255, 255, 255, 0.12);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 8px 16px rgba(0, 0, 0, 0.24);
  flex-shrink: 0;
  flex-grow: 0;
  object-fit: cover;

  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  &._messageContainer_1w8j8_1044 {
    width: 32px;
    height: 32px;

    ._avatarFallback_1w8j8_1048 {
      font-size: 18.5px;
    }
  }
}

._avatarFallback_appImage_1w8j8_1110 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(224, 236, 248);
  font-size: 15px;
  line-height: 1;
  font-weight: 400;

}

._lightIcon_1w8j8_1123 {
  display: none;
}

._darkIcon_1w8j8_1127 {
  display: flex;
}

._messageContent_1w8j8_960 {
  display: grid;
  flex: 1;
  min-width: 0;
  max-width: 100%;
  padding: 9px 0;
  margin-right: 12.5px;
  row-gap: 3px;
  align-content: center;
  border-bottom-color: rgba(60, 60, 62, 0);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  overflow: hidden;

  &:not(:focus-within) {
    border-bottom-color: rgb(60, 60, 62);
  }
}


._messageHeader_1w8j8_1151 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1px;
  max-width: 100%;
  gap: 10px;
  overflow: hidden;
  /* Ensure content doesn’t overflow the parent */
}

._sender_1w8j8_1162 {
  font-weight: 500;
  font-size: 17px;
  color: #ffffff;
  flex: 1 1 auto;
  /* Allow to grow and shrink */
  min-width: 0;
  /* Allows text truncation */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._time_1w8j8_1175 {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  display: flex;
  flex-shrink: 0;
  align-items: center;
  white-space: nowrap;
  gap: 5px;
  overflow: visible;
  position: relative;
}

._actions_1w8j8_961 {
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  color: rgb(28, 28, 30);
  width: 12.5px;
  height: 12.5px;
  padding: 1px;
  flex-shrink: 0;
  flex-grow: 0;
  display: none;
}

._messageFlagIndicatorDetached_1w8j8_1199 {
  position: absolute;
  top: 17px;
  right: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  opacity: 0.95;
  pointer-events: none;
  z-index: 1;
}

._subject_1w8j8_1213 {
  padding: 0;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.98);
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._customerMetaSeparator_1w8j8_1225 {
  margin: 0 4px;
  color: rgba(255, 255, 255, 0.56);
}

._summaryLine_1w8j8_1230 {
  padding: 1px 0 0;
  font-size: 13px;
  line-height: 18px;
  color: rgba(255, 255, 255, 0.6);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
  gap: 6px;
}

._preview_1w8j8_1243 {
  padding: 1px 0 0;
  font-size: 12px;
  line-height: 16px;
  color: rgba(255, 255, 255, 0.62);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._metaPill_1w8j8_1253 {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: 12px;
  line-height: 1;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._rolePill_1w8j8_1267 {
  background: rgba(224, 182, 92, 0.24);
  color: #ffe8b8;
}

._teamPill_1w8j8_1272 {
  background: rgba(164, 136, 228, 0.24);
  color: #e9dcff;
}

._departmentPill_1w8j8_1277 {
  background: rgba(96, 186, 160, 0.24);
  color: #cbfaec;
}

._saleStateBadge_1w8j8_1282 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: unset;
  padding: 3px 8px;
  border-radius: 7px;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0;
  line-height: 1.1;
  color: #ffffff !important;
  text-transform: uppercase;
}

._saleStateBadge_paid_1w8j8_1297 {
  background: rgb(0, 170, 0) !important;
}

._saleStateBadge_due_1w8j8_1301 {
  background: rgb(228, 43, 43) !important;
}

._saleStateBadge_partiallypaid_1w8j8_1305 {
  background: rgb(224, 166, 32) !important;
}

._confirmOverlay_1w8j8_1309 {
  position: fixed;
  inset: 0;
  background-color: rgba(10, 10, 10, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  z-index: 5000;
}

._confirmDialog_1w8j8_1320 {
  width: min(420px, calc(100vw - 32px));
  border-radius: 10.5px;
  padding: 18px;
  background-color: rgb(28, 28, 30);
  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 15px 0px, rgba(0, 0, 0, 0.1) 0px 0px 0px 1px;
  color: rgba(255, 255, 255, 0.96);
}

._confirmHeader_1w8j8_1329 h3 {
  margin: 0 0 8px;
  font-size: 17px;
  font-weight: 500;
}

._confirmHeader_1w8j8_1329 p {
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.68);
}

._confirmActions_1w8j8_1342 {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 16px;
}

._confirmPrimary_1w8j8_458,
._confirmSecondary_1w8j8_457 {
  border: none;
  border-radius: 8px;
  min-width: 100px;
  max-width: fit-content;
  height: auto;
  padding: 8px 10px;
  font: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

._confirmPrimary_1w8j8_458 {
  background: rgb(234, 52, 39);
  color: white;
}

._confirmPrimary_1w8j8_458:hover {
  background: rgb(214, 44, 32);
}

._confirmSecondary_1w8j8_457 {
  background: rgb(60, 60, 62);
  color: rgba(255, 255, 255, 0.9);
}

._confirmSecondary_1w8j8_457:hover {
  background: rgb(72, 72, 74);
  color: rgba(255, 255, 255, 0.96);
}

._confirmHint_1w8j8_1386 {
  margin-top: 12px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.48);
}

._unreadIndicator_1w8j8_1392 {
  width: 8px;
  height: 8px;
  background-color: #8A8A8D;
  border-radius: 50%;
  display: none;
}

/* Message Content Styles */
._messageContainer_1w8j8_1044 {
  width: calc(100vw - 640px);
  flex: 1;
  background-color: rgb(28, 28, 30);
  display: flex;
  flex-direction: column;
}

._messageContentHeader_1w8j8_1409 {
  padding: 16px 24px;
  background-color: rgb(28, 28, 30);
  transition: all cubic-bezier(0.32, 0.08, 0.24, 1) 0.2s;

  &._overlapping_1w8j8_1414 {
    background-color: rgb(44, 44, 46);
  }

}

._headerActionMenuWrap_1w8j8_1420 {
  position: relative;
  display: inline-flex;
}

._headerActionMenu_1w8j8_1420 {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  min-width: 240px;
  background-color: rgb(28, 28, 30);
  border: .2px solid rgba(116, 116, 128, 0.25);
  border-radius: 12px;
  padding: 6px;
  box-shadow: 0 10px 38px rgba(0, 0, 0, .3), 0 10px 20px rgba(0, 0, 0, .2);
  z-index: 40;
}

._headerActionMenuContextual_1w8j8_1438 {
  transform-origin: top left;
  animation: .2s cubic-bezier(.32, .08, .24, 1) _cw-modal-pop_1w8j8_1;
}

._headerActionMenuItem_1w8j8_1443 {
  width: 100%;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: rgba(255, 255, 255, .92);
  font: inherit;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  cursor: pointer;
  text-align: left;
}

._headerActionMenuItem_1w8j8_1443:hover {
  background: #2c2c2e;
}

._headerActionMenuItem_1w8j8_1443 svg {
  flex-shrink: 0;
}

._headerActionMenuClearFlag_1w8j8_1467,
._headerActionMenuClearFlag_1w8j8_1467 svg {
  color: #7db5e2;
}

._messageActions_1w8j8_1472 {
  display: flex;
  justify-content: space-between;
  gap: 8px;

  span {
    display: flex;
    gap: 8px;
  }
}

._messageActionsRight_1w8j8_1483 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._messageActionPlusButton_1w8j8_1489 {
  margin-left: 10px;
  color: #8A8A8D;
  flex-shrink: 0;
}

._messageInfo_1w8j8_1495 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

._bankLogo_1w8j8_1501 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
}

._messageDetails_1w8j8_1508 {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 12px;
  color: #cccccc;
}

._detailsButton_1w8j8_1516 {
  background: none;
  border: none;
  color: #8A8A8D;
  cursor: pointer;
  font-size: 12px;
  text-decoration: underline;
}

._detailsButton_1w8j8_1516:hover {
  color: #8A8A8D;
}

._customerHeaderActionButton_1w8j8_1529 {
  color: #8A8A8D;
}

._customerPhotoGrid_1w8j8_1533 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 1px;
  aspect-ratio: 2 / 1;
  border-radius: 6px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.075);
  border: none;
  margin: 0;
  width: 100%;
  min-width: 0;
  height: 100%;
}

._userMediaTopSection_1w8j8_17 {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(220px, 0.55fr);
  gap: 16px;
  align-items: stretch;
  margin-bottom: 16px;
}

._userPhotoGridEmptyState_1w8j8_1557 { display: flex; }

._userPhotoGridEmpty_1w8j8_1557 {
  width: 100%;
  min-height: 160px;
  box-sizing: border-box;
  padding: 24px 20px;
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.075);
}

._userMediaStatsColumn_1w8j8_21 {
  display: grid;
  grid-template-rows: 1fr 1fr;
  gap: 1px;
  overflow: hidden;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.075);
}

._userMediaStatTile_1w8j8_1583 {
  box-sizing: border-box;
  padding: 14px 15px 13px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.075);
}

._userMediaLabel_1w8j8_1593 { margin: 0 0 8px; color: rgba(255, 255, 255, 0.5); font-size: 11px; line-height: 12px; }
._userMediaValue_1w8j8_1594 { margin: 0; color: rgba(255, 255, 255, 0.98); font-size: 30px; line-height: 32px; font-weight: 500; }
._userMediaMeta_1w8j8_1595 { max-width: 520px; margin-top: 8px; color: rgba(255, 255, 255, 0.62); font-size: 13px; line-height: 17px; }

._userAccessSummaryStrip_1w8j8_26 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 10px;
}

._userAccessSummaryCard_1w8j8_33 {
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.025);
  padding: 10px 11px;
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}

._userQuickActionsRow_1w8j8_41 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 10px;
}

._userQuickActionButton_1w8j8_48 {
  height: 34px;
  border: 1px solid rgba(138, 138, 141, 0.32);
  border-radius: 9px;
  background: rgba(138, 138, 141, 0.14);
  color: rgba(255, 255, 255, 0.92);
  font-size: 12px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  cursor: pointer;
  padding: 0 10px;
  min-width: 0;
  white-space: nowrap;
}

._userQuickActionButton_1w8j8_48:hover {
  background: rgba(138, 138, 141, 0.22);
}

@media (max-width: 1280px) {
  ._userAccessSummaryStrip_1w8j8_26,
  ._userQuickActionsRow_1w8j8_41 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 840px) {
  ._userAccessSummaryStrip_1w8j8_26,
  ._userQuickActionsRow_1w8j8_41 {
    grid-template-columns: minmax(0, 1fr);
  }
}

._customerPhotoMain_1w8j8_1658,
._customerPhotoQuarter_1w8j8_1659 {
  overflow: hidden;
  background: rgba(255, 255, 255, 0.025);
}

._customerPhotoMain_1w8j8_1658 {
  grid-column: 1 / 3;
  grid-row: 1 / 3;
}

._customerPhotoQuarter_1w8j8_1659 {
  aspect-ratio: 1 / 1;
}

._customerPhotoButton_1w8j8_1673 {
  width: 100%;
  height: 100%;
  padding: 0;
  border: none;
  background: transparent;
  display: block;
  cursor: pointer;
}

._customerPhotoButton_1w8j8_1673 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  filter: none;
  opacity: 1;
}

._customerInsightsCard_1w8j8_1692 {
  border: 1px solid rgba(255, 255, 255, 0.042);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.04);
  padding: 12px 14px;
  margin-bottom: 12px;
}

._customerDetailsMiniGrid_1w8j8_134 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 10px;
  margin-bottom: 12px;
  min-width: 0;
}

._customerPaneTabs_1w8j8_63 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 3px;
  margin-bottom: 10px;
  padding: 4px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.022);
  border: 1px solid rgba(255, 255, 255, 0.055);
}

._customerPaneTabButton_1w8j8_75 {
  height: 30px;
  border: none;
  border-radius: 999px;
  background: transparent;
  color: rgba(255, 255, 255, 0.66);
  font-size: 13px;
  line-height: 1;
  font-weight: 500;
  cursor: pointer;
  transition: none;
}

._customerPaneTabButtonActive_1w8j8_82 {
  background: rgba(255, 255, 255, 0.12);
  border: none;
  color: rgba(255, 255, 255, 0.96);
  box-shadow: none;
}

._customerMiniCard_1w8j8_134 {
  border: 1px solid rgba(255, 255, 255, 0.028);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.024);
  padding: 12px 13px;
  min-width: 0;
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
}

._customerMiniCardFull_1w8j8_1751 {
  width: 100%;
  grid-column: 1 / -1;
  min-width: 0;
  box-sizing: border-box;
}

._customerSectionEyebrow_1w8j8_147 {
  display: block;
  font-size: 11px;
  line-height: 14px;
  letter-spacing: -0.04px;
  color: rgba(255, 255, 255, 0.52);
  margin-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

._customerProfileStack_1w8j8_1769 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

._customerProfileStackCard_1w8j8_1775 {
  border: 1px solid rgba(255, 255, 255, 0.034);
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.02);
  padding: 8px 10px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

@media (max-width: 1180px) {
  ._customerProfileStack_1w8j8_1769 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

._customerNotesList_1w8j8_161 {
  display: flex;
  flex-direction: column;
  gap: 9px;
}

._customerNoteItem_1w8j8_167 {
  border: 1px solid rgba(255, 255, 255, 0.034);
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.02);
  padding: 8px 10px;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

._customerNoteTitle_1w8j8_1808 {
  color: rgba(255, 255, 255, 0.9);
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
}

._customerNoteBody_1w8j8_1815 {
  color: rgba(255, 255, 255, 0.7);
  font-size: 13px;
  line-height: 18px;
}

._customerAnalyticsGrid_1w8j8_1821 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

._customerOverviewMetaRow_1w8j8_1827 {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid rgba(255, 255, 255, 0.03);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
}

._customerOverviewMetaItem_1w8j8_1838 {
  color: rgba(255, 255, 255, 0.72);
  font-size: 13px;
  line-height: 18px;
}

._customerHeaderMetaText_1w8j8_1844 {
  color: rgba(255, 255, 255, 0.66);
  pointer-events: none;
  cursor: default;
  white-space: nowrap;
}

._customerHeaderMetaDot_1w8j8_1851 {
  color: rgba(255, 255, 255, 0.66);
  display: inline-block;
  margin-inline: 0;
  line-height: 1;
  pointer-events: none;
  cursor: default;
}

._customerFactsRows_1w8j8_1860 {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-bottom: 0;
}

._customerFactsRow_1w8j8_1860 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  padding: 9px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.032);
  align-items: start;
}

._customerFactsRow_1w8j8_1860:last-child {
  border-bottom: none;
  padding-bottom: 6px;
}

._customerFactPair_1w8j8_1881 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  overflow: hidden;
}

._customerHeatmapGrid_1w8j8_117 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  background: transparent;
  border-radius: 8px;
  overflow: visible;
  margin-bottom: 2px;
}

._customerTopFactsGrid_1w8j8_1899 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 8px;
  border-bottom: none;
}

._customerHeatmapTile_1w8j8_126 {
  background: rgba(255, 255, 255, 0.022);
  border: 1px solid rgba(255, 255, 255, 0.038);
  border-radius: 8px;
  padding: 8px 10px 9px;
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-height: 50px;
}

._customerTopFactsGrid_1w8j8_1899 ._customerHeatmapTile_1w8j8_126:nth-child(3n) {
  border-right: 1px solid rgba(255, 255, 255, 0.045);
}

._customerTopFactsGrid_1w8j8_1899 ._customerHeatmapTile_1w8j8_126:nth-child(n + 4) {
  border-top: 1px solid rgba(255, 255, 255, 0.045);
}

._customerHeatmapTileWide_1w8j8_1926 {
  grid-column: span 2;
}

._customerScopeInline_1w8j8_1930 {
  font-size: 13px;
  line-height: 16px;
  color: rgba(255, 255, 255, 0.78);
}

._customerScopeInline_1w8j8_1930 strong {
  color: rgba(255, 255, 255, 0.92);
  font-weight: 500;
}

._customerMetricsGrid_1w8j8_1941 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin-bottom: 0;
  padding: 8px 0 0;
  border-top: 1px solid rgba(255, 255, 255, 0.03);
  border-bottom: none;
}

._customerMetricsGrid_1w8j8_1941 ._customerMetricCard_1w8j8_189:last-child {
  grid-column: 1 / -1;
}

._customerAnalyticsMetricsGrid_1w8j8_179 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin-bottom: 0;
  padding: 8px 0 0;
  border-top: 1px solid rgba(255, 255, 255, 0.03);
  border-bottom: none;
}

._customerFinanceCockpit_1w8j8_162 {
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin-bottom: 8px;
}

._customerFinanceTopRow_1w8j8_178 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

._customerFinanceCard_1w8j8_188 {
  border: 1px solid rgba(255, 255, 255, 0.028);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.022);
  padding: 9px 10px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._customerFinanceCardHead_1w8j8_1988 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
}

._customerFinancePercent_1w8j8_1995 {
  color: rgba(255, 255, 255, 0.9);
  font-size: 13px;
  line-height: 1;
  font-weight: 600;
}

._financeBarTrack_1w8j8_2002 {
  width: 100%;
  height: 6px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.1);
}

._financeBarFill_1w8j8_2010 {
  height: 100%;
  display: block;
  border-radius: inherit;
}

._financeBar_safe_1w8j8_2016 {
  background: rgba(255, 255, 255, 0.88);
}

._financeBar_warning_1w8j8_2020 {
  background: rgba(255, 255, 255, 0.75);
}

._financeBar_high_1w8j8_2024 {
  background: rgba(255, 255, 255, 0.62);
}

._customerFinanceCardMeta_1w8j8_2028 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  font-size: 11px;
  line-height: 14px;
  color: rgba(255, 255, 255, 0.62);
}

._customerAgingStrip_1w8j8_2038 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

._customerAgingItem_1w8j8_2044 {
  border: 1px solid rgba(255, 255, 255, 0.042);
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.028);
  padding: 7px 8px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._customerAgingItem_1w8j8_2044 span {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.62);
}

._customerAgingItem_1w8j8_2044 strong {
  font-size: 12px;
  line-height: 1;
  color: rgba(255, 255, 255, 0.85);
  font-weight: 500;
}

._customerAgingTrack_1w8j8_2066 {
  width: 100%;
  height: 4px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.1);
}

._customerAgingFill_1w8j8_2074 {
  height: 100%;
  display: block;
  background: rgba(255, 255, 255, 0.78);
}

._customerAlertsRow_1w8j8_2080 {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

._customerFinanceModal_1w8j8_355 {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: min(820px, calc(100vw - 40px));
  max-height: min(82vh, 860px);
  overflow: auto;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgb(28, 28, 30);
  box-shadow: rgba(0, 0, 0, 0.35) 0 14px 40px;
  padding: 14px 14px 12px;
  z-index: 5001;
}

._customerFinanceModalHeader_1w8j8_355 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

._customerFinanceModalHeader_1w8j8_355 h3 {
  margin: 0;
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.94);
}

._customerFinanceModalBody_1w8j8_2118 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

._customerFinanceModalCards_1w8j8_2124 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

._customerFinanceModalCard_1w8j8_2124 {
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.035);
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  color: rgba(255, 255, 255, 0.78);
  font-size: 13px;
  line-height: 16px;
}

._customerModalRiskRow_1w8j8_2143 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: rgba(255, 255, 255, 0.9);
}

._customerAlertBadge_1w8j8_2150 {
  display: inline-flex;
  align-items: center;
  padding: 4px 9px;
  border-radius: 999px;
  background: rgba(255, 158, 77, 0.18);
  color: rgba(255, 212, 165, 0.97);
  border: 1px solid rgba(255, 172, 96, 0.32);
  font-size: 12px;
  line-height: 1;
}

._customerMetricCard_1w8j8_189 {
  min-height: 44px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.034);
  background: rgba(255, 255, 255, 0.02);
  padding: 8px 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 3px;
}

._customerMetricCardWide_1w8j8_2174 {
  grid-column: auto;
}

._customerMetricLabel_1w8j8_2178 {
  font-size: 13px;
  line-height: 16px;
  letter-spacing: -0.08px;
  color: rgba(255, 255, 255, 0.62);
}

._customerMetricValue_1w8j8_2185 {
  font-size: 15px;
  line-height: 1.28;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.96);
  letter-spacing: -0.16px;
}

._customerScopeSectionCompact_1w8j8_2193 {
  padding-top: 0;
  min-width: 0;
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
}

._customerScopeSectionHead_1w8j8_2201 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 5px;
  margin-bottom: 7px;
  min-width: 0;
}

._customerScopePillRow_1w8j8_2210 {
  display: flex;
  align-items: flex-start;
  gap: 7px;
  flex-wrap: wrap;
  max-width: 100%;
  overflow: hidden;
  min-width: 0;
}

._customerScopeDualBlocks_1w8j8_2220 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  min-width: 0;
  width: 100%;
  box-sizing: border-box;
  align-items: stretch;
}

._customerScopeBlock_1w8j8_2230 {
  border: 1px solid rgba(255, 255, 255, 0.038);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.024);
  padding: 9px 10px;
  min-height: 102px;
  height: 100%;
  min-width: 0;
  overflow: hidden;
  box-sizing: border-box;
}

._customerScopeBlockTitle_1w8j8_2242 {
  display: block;
  font-size: 14px;
  line-height: 18px;
  color: rgba(255, 255, 255, 0.64);
  margin-bottom: 9px;
}

._customerScopeTag_1w8j8_2250,
._customerScopeTagMuted_1w8j8_2251 {
  display: inline-flex;
  align-items: center;
  padding: 5px 10px;
  border-radius: 999px;
  font-size: 12px;
  line-height: 1.15;
  border: 1px solid rgba(255, 255, 255, 0.08);
  white-space: nowrap;
  max-width: 118px;
  overflow: hidden;
  text-overflow: ellipsis;
}

._customerScopeTag_1w8j8_2250 {
  color: rgba(255, 255, 255, 0.9);
  background: rgba(255, 255, 255, 0.06);
}

._customerScopeTagMuted_1w8j8_2251 {
  color: rgba(255, 255, 255, 0.86);
  background: rgba(255, 255, 255, 0.05);
}

._customerScopeMore_1w8j8_2275 {
  width: 24px;
  height: 24px;
  min-width: 24px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.72);
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.07);
}

._customerQuickFacts_1w8j8_2290 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 18px;
  padding-bottom: 12px;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

._customerQuickFact_1w8j8_2290 {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-height: 36px;
}

._customerInsightValue_1w8j8_2306 {
  color: rgba(255, 255, 255, 0.95);
  font-size: 14px;
  line-height: 1.38;
  letter-spacing: -0.14px;
  white-space: normal;
  overflow: hidden;
  text-overflow: unset;
  word-break: break-word;
  overflow-wrap: anywhere;
}

._customerFactsRow_1w8j8_1860:last-child ._customerFactPair_1w8j8_1881:first-child ._customerInsightValue_1w8j8_2306 {
  white-space: normal;
  word-break: break-word;
}

@media (max-width: 1560px) {
  ._customerFactsRow_1w8j8_1860 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

._customerStatusText_1w8j8_2329 {
  font-size: 15px;
  line-height: 1.2;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.95);
}

._customerStatusText_active_1w8j8_2336 {
  color: rgba(255, 255, 255, 0.95);
}

._customerStatusText_inactive_1w8j8_2340 {
  color: rgba(255, 255, 255, 0.95);
}

._customerStatusText_warning_1w8j8_2344 {
  color: rgba(255, 255, 255, 0.95);
}

._customerMetricsList_1w8j8_2348 {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-bottom: 12px;
}

._customerMetricRow_1w8j8_2355 {
  padding: 9px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  font-size: 14px;
  line-height: 17px;
  color: rgba(255, 255, 255, 0.66);
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

._customerMetricRow_1w8j8_2355:last-child {
  border-bottom: none;
}

._customerMetricRow_1w8j8_2355 strong {
  color: rgba(255, 255, 255, 0.9);
  font-weight: 500;
}

._customerProfileLabel_1w8j8_2376 {
  font-size: 13px;
  line-height: 16px;
  letter-spacing: -0.08px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.52);
}

._customerProfileValue_1w8j8_2384 {
  font-size: 14px;
  line-height: 1.32;
  letter-spacing: -0.18px;
  color: rgba(255, 255, 255, 0.95);
}

._customerProfileLocationSection_1w8j8_206 {
  margin-top: 16px;
  display: grid;
  grid-template-columns: minmax(280px, 0.85fr) minmax(0, 1.15fr);
  gap: 16px;
  align-items: stretch;
}

@media (max-width: 1340px) {
  ._customerDetailsMiniGrid_1w8j8_134 {
    grid-template-columns: minmax(0, 1fr);
  }
}

._customerProfileAddressTile_1w8j8_213,
._customerProfileMapTile_1w8j8_214 {
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 0;
}

._customerProfileAddressTile_1w8j8_213 {
  background-color: rgba(255, 255, 255, 0.075);
  border: none;
  border-radius: 6px;
  padding: 14px 16px 12px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 164px;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  gap: 0;
}

._customerAddressHeader_1w8j8_2428 {
  display: block;
  margin-bottom: 2px;
}

._customerProfileAddressTile_1w8j8_213 ._customerProfileLabel_1w8j8_2376 { display: block; margin: 0 0 8px; font-size: 11px; line-height: 12px; }

._customerAddressShareButton_1w8j8_2435 {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 28px;
  height: 28px;
  border: none;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.09);
  color: rgba(255, 255, 255, 0.9);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  transition: none;
}

._customerAddressShareButton_1w8j8_2435:hover {
  background: rgba(255, 255, 255, 0.09);
  color: rgba(255, 255, 255, 0.9);
}

._customerAddressTitle_1w8j8_2458 {
  color: rgba(255, 255, 255, 0.98);
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  margin: 0 0 10px;
}

._customerAddressLine_1w8j8_2466 {
  color: rgba(255, 255, 255, 0.72);
  font-size: 14px;
  line-height: 16px;
  margin: 0 0 3px;
}

._customerAddressEmpty_1w8j8_2473 { color: rgba(255, 255, 255, 0.56); font-size: 13px; line-height: 17px; }

._customerMiniCard_1w8j8_134,
._customerMetricCard_1w8j8_189,
._customerFinanceCard_1w8j8_188,
._customerScopeBlock_1w8j8_2230,
._customerNoteItem_1w8j8_167,
._customerProfileStackCard_1w8j8_1775 {
  transition: none;
}

._customerMiniCard_1w8j8_134:hover,
._customerScopeBlock_1w8j8_2230:hover,
._customerNoteItem_1w8j8_167:hover,
._customerProfileStackCard_1w8j8_1775:hover {
  border-color: rgba(255, 255, 255, 0.038);
  background: rgba(255, 255, 255, 0.024);
}

._customerProfileOverviewCard_1w8j8_87 {
  background: rgba(255, 255, 255, 0.02);
  border-color: rgba(255, 255, 255, 0.03);
}

._customerProfileOverviewCard_1w8j8_87:hover {
  background: rgba(255, 255, 255, 0.02) !important;
  border-color: rgba(255, 255, 255, 0.03) !important;
}

._customerAddressPills_1w8j8_2502 {
  margin-top: auto;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

._customerAddressPill_1w8j8_2502 {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(126, 126, 128, 0.15);
  border: none;
  color: rgba(255, 255, 255, 0.9);
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
}

._customerAddressMetaLine_1w8j8_2523 {
  display: none;
}

._customerProfileMapTile_1w8j8_214 {
  justify-content: flex-start;
  position: relative;
  padding: 0;
  height: 164px;
  overflow: hidden;
  border-radius: 6px;
  background-color: rgba(255, 255, 255, 0.075);
  border: none;
  box-sizing: border-box;
}

._customerScopeSection_1w8j8_2193 {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  padding-top: 10px;
}

._customerScopeHeaderRow_1w8j8_2544 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
}

._customerScopeActions_1w8j8_2552 {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  justify-content: flex-start;
  max-width: 100%;
  min-width: 0;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}

._customerScopeActionsRow_1w8j8_2564 {
  margin-bottom: 10px;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

._customerScopeButton_1w8j8_2571 {
  border: 1px solid rgba(126, 126, 128, 0.3);
  background: rgba(126, 126, 128, 0.09);
  color: rgba(170, 213, 246, 0.98);
  border-radius: 9px;
  min-height: 28px;
  padding: 5px 11px;
  font-size: 12px;
  line-height: 1.1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: normal;
  text-align: center;
  width: auto;
  max-width: 100%;
  min-width: 0;
  flex: 1 1 220px;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: default;
}

@media (max-width: 1400px) {
  ._customerScopeActions_1w8j8_2552 {
    flex-direction: column;
  }

  ._customerScopeButton_1w8j8_2571 {
    width: 100%;
    flex-basis: auto;
  }
}

@media (max-width: 1220px) {
  ._customerScopeDualBlocks_1w8j8_2220 {
    grid-template-columns: minmax(0, 1fr);
  }
}

._customerScopeButton_1w8j8_2571:hover {
  background: rgba(126, 126, 128, 0.09);
  color: rgba(170, 213, 246, 0.98);
}

._customerScopeGrid_1w8j8_2617 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

._customerScopeColumn_1w8j8_2623 {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  padding: 8px 10px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._customerAuditTimeline_1w8j8_2633 {
  margin-top: 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  padding-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._customerAuditItem_1w8j8_2642 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  font-size: 12px;
  line-height: 15px;
  color: rgba(255, 255, 255, 0.66);
}

._customerScopeTitle_1w8j8_2652 {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.58);
}

._customerScopeItem_1w8j8_2657 {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.9);
  line-height: 17px;
}

._customerProfileMapTile_1w8j8_214 ._customerProfileLabel_1w8j8_2376 {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 2;
  padding: 5px 10px;
  border-radius: 999px;
  background: rgba(22, 22, 24, 0.68);
  border: 1px solid rgba(255, 255, 255, 0.14);
  color: rgba(255, 255, 255, 0.92);
  font-size: 11px;
  line-height: 12px;
  margin: 0;
}

._customerProfileAddressMeta_1w8j8_2678 {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 14px;
  line-height: 18px;
  color: rgba(126, 126, 128, 0.96);
}

._customerProfileMapTile_1w8j8_214 ._customerProfileAddressMeta_1w8j8_2678 {
  position: absolute;
  left: 12px;
  bottom: 12px;
  z-index: 2;
  margin: 0;
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(22, 22, 24, 0.52);
  backdrop-filter: blur(6px);
}

._customerMapLivePill_1w8j8_2699 {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 9px;
  border-radius: 999px;
  background: rgba(22, 22, 24, 0.68);
  border: 1px solid rgba(255, 255, 255, 0.14);
  color: rgba(255, 255, 255, 0.92);
  font-size: 12px;
  line-height: 1;
  font-weight: 500;
}

._userTrackingHeader_1w8j8_2717 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

._userTrackingSelect_1w8j8_2724 {
  max-width: 170px;
  padding: 6px 24px 6px 9px;
  color: inherit;
  border: 1px solid rgba(128, 128, 135, .35);
  border-radius: 8px;
  background: rgba(128, 128, 135, .12);
  font: inherit;
  font-size: 12px;
}

._customerMapLiveDot_1w8j8_2735 {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #34c759;
  box-shadow: 0 0 0 0 rgba(52, 199, 89, 0.65);
  animation: _customerMapLivePulse_1w8j8_1 1.9s ease-out infinite;
}

@keyframes _customerMapLivePulse_1w8j8_1 {
  0% {
    box-shadow: 0 0 0 0 rgba(52, 199, 89, 0.65);
  }
  75% {
    box-shadow: 0 0 0 7px rgba(52, 199, 89, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(52, 199, 89, 0);
  }
}

._customerMapFrame_1w8j8_2756 {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 100%;
  border-radius: 0;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.04);
  margin: 0;
}

._customerMapFrame_1w8j8_2756 img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

._customerMapNoTokenState_1w8j8_2774 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 30px 20px;
  box-sizing: border-box;
  color: rgba(255, 255, 255, 0.72);
  font-size: 13px;
  background: rgba(255, 255, 255, 0.03);
}

._userMapEmptyTitle_1w8j8_2789 { color: rgba(255, 255, 255, 0.98); font-size: 20px; line-height: 24px; font-weight: 500; }

._customerMapImageDark_1w8j8_2791 {
  display: block;
}

._customerMapImageLight_1w8j8_2795 {
  display: none;
}

._customerMapPinWrap_1w8j8_2799 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

._customerMapPinImage_1w8j8_2812 {
  width: 26px;
  height: 26px;
  display: block;
}

._messageBody_1w8j8_2818 {
  -webkit-box-flex: 1;
  flex-grow: 1;
  overflow: hidden;
  min-height: 72px;
  padding: 16px;
  margin: 6px 16px 4px;
  min-block-size: 72px;
  border-radius: 5px;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.65);
  background-color: rgb(28, 28, 30);
  display: flex;
  flex-direction: column;
}

._messageBodyHeader_1w8j8_2833 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
  padding-bottom: 14px;
  border-bottom-color: rgb(52, 52, 54);
  border-bottom-style: solid;
  border-bottom-width: 0.5px;

  ._messageBodyHeaderLeft_1w8j8_2843 {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 0 8px;

    ._messageBodyHeaderLeftInfo_1w8j8_2849 {
      display: flex;
      flex-direction: column;

      ._messageBodyChevronRight_1w8j8_2853 {
        display: none;
      }

      ._messageBodyHeaderLeftInfoTitle_1w8j8_2857 {
        font-size: 17px;
        font-weight: 500;
        color: #ffffff;
        margin: 0;
        padding-left: 6px;
        padding-right: 3px;
        border-radius: 6px;
        display: inline-flex;
        align-items: center;
        cursor: default;

        &:hover {
          background-color: rgba(255, 255, 255, 0.125);

          ._messageBodyChevronRight_1w8j8_2853 {
            display: block;
          }
        }
      }

      ._messageBodyHeaderLeftInfoSubtitle_1w8j8_2878 {
        font-size: 14px;
        font-weight: 400;
        color: #ffffff;
        margin: 0;
        padding-left: 6px;
        display: flex;
        align-items: center;
        gap: 4px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;

        span {
          cursor: default;
          margin: 0;
          padding: 0;
          height: 18px;
          display: inline-flex;
          align-items: center;
          flex: 0;
          color: rgba(255, 255, 255, 0.5);
        }
      }
    }
  }

  ._messageBodyHeaderRight_1w8j8_2905 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;

    ._messageBodyHeaderRightDate_1w8j8_2911 {
      font-size: 14px;
      font-weight: 400;
      color: rgba(255, 255, 255, 0.66);
      cursor: default;
      margin: 0;
      padding: 0;
    }

    ._messageDetailsButton_1w8j8_2920 {
      font-size: 400 !important;
      font-size: 14px;
      border-radius: 8px;
      padding: 6px 10px;
      color: #18C84F;
      border: none;
      margin: 0;
      background-color: transparent;
      cursor: pointer !important;

      &:hover {
        background-color: rgba(255, 255, 255, 0.125);
      }
    }
  }
}

._messageBodyContent_1w8j8_2938 {
  display: flex;
  flex-direction: column;
  width: 100%;

  ._messageBodyContentHeaders_1w8j8_2943 {
    display: grid;
    width: 100%;
    align-self: center;
    height: 180px;
    gap: 1px;
    grid-template-columns: 32.5% 32.5% calc(35% - 3px);
    grid-template-rows: 1fr 1fr 1fr;

    ._messageBodyContentHeadersTitle_1w8j8_2952 {
      color: rgba(255, 255, 255, 0.5);
      font-size: 11px;
      margin-bottom: 3px;
    }

    ._messageBodyContentHeadersSubTitle_1w8j8_2958 {
      color: rgba(255, 255, 255, 0.98);
      font-size: 14px;
      margin: 0;
      display: flex;
      align-items: center;
      line-height: 15px;
      line-break: anywhere;
    }

    ._messageBodyContentHeadersItemL_1w8j8_2968 {
      grid-column: 3 / 4;
      grid-row: 1 / 4;
      background-color: rgba(255, 255, 255, 0.075);
      display: flex;
      flex-direction: column;
      padding: 15px;
      overflow: hidden;
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px;

      ._messageBodyContentHeadersTitle_1w8j8_2952 {
        margin-bottom: 5px;
      }

      ._messageBodyContentHeadersSubTitle_1w8j8_2958 {
        line-height: 19px;
      }
    }

    ._messageBodyContentHeadersItemS_1w8j8_2988 {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 10px 15px;
      background-color: rgba(255, 255, 255, 0.075);
      overflow: hidden;
    }

    ._messageBodyContentHeadersItemS_1w8j8_2988:nth-of-type(2) {
      grid-column: 1 / 2;
      grid-row: 1;
      border-top-left-radius: 5px;
    }

    ._messageBodyContentHeadersItemS_1w8j8_2988:nth-of-type(3) {
      grid-column: 2 / 3;
      grid-row: 1;
    }

    ._messageBodyContentHeadersItemS_1w8j8_2988:nth-of-type(4) {
      grid-column: 1 / 2;
      grid-row: 2;
    }

    ._messageBodyContentHeadersItemS_1w8j8_2988:nth-of-type(5) {
      grid-column: 2 / 3;
      grid-row: 2;
    }

    ._messageBodyContentHeadersItemS_1w8j8_2988:nth-of-type(6) {
      grid-column: 1 / 2;
      grid-row: 3;
      border-bottom-left-radius: 5px;
    }

    ._messageBodyContentHeadersItemS_1w8j8_2988:nth-of-type(7) {
      grid-column: 2 / 3;
      grid-row: 3;
    }
  }

  ._messageBodyContentSeparator_1w8j8_3030 {
    margin: 25px 0 0px;
    font-weight: 400;
    display: grid;
    width: 100%;
    align-self: center;
    gap: 1px;
    height: 40px;
    grid-template-columns: 47.5% 17.5% 17.5% calc(17.5% - 3px);
    grid-template-rows: 1fr 1fr 1fr;

    span {
      padding: 5px 15px;
      font-size: 12px;
      color: rgba(255, 255, 255, 0.5);
      background-color: rgba(255, 255, 255, 0.075);
      text-align: center;

      &:first-of-type {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
      }

      &:last-of-type {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
      }
    }

  }

  ._messageBodyContentItems_1w8j8_3061 {
    font-weight: 400;
    display: grid;
    width: 100%;
    align-self: center;
    gap: 1px;
    grid-template-columns: 47.5% 17.5% 17.5% calc(17.5% - 3px);
    grid-template-rows: 1fr 1fr 1fr;

    ._messageBodyContentItem_1w8j8_3061 {
      display: flex;
      padding: 0px 15px;
      margin: 7.5px 0;
      gap: 15px;

      ._messageBodyContentItemImage_1w8j8_3076 {
        width: 60px;
        height: 75px;
        flex-shrink: 0;
        border-radius: 5px;
        border: 1px solid rgba(255, 255, 255, 0.25);
        object-fit: cover;
      }

      ._messageBodyContentItemDetails_1w8j8_3085 {
        display: flex;
        flex-direction: column;

        ._messageBodyContentItemDetailsTitle_1w8j8_3089 {
          font-size: 14px;
          font-weight: 500;
          margin: 0;
        }

        ._messageBodyContentItemDetailsSubTitle_1w8j8_3095 {
          font-size: 12px;
          line-height: 15px;
          font-weight: 400;
          margin: 0;
          color: rgba(255, 255, 255, 0.5);
        }
      }

    }

    ._messageBodyContentItemTotals_1w8j8_3106 {
      text-align: right;
      margin: 0 15px;
      font-size: 14px;
    }

    ._messageBodyContentItemTotalsAmount_1w8j8_3112 {
      text-align: right;
      margin: 0 15px;
      font-size: 14px;
      font-weight: 500;
    }

  }

  ._messageBodyContentFooter_1w8j8_3121 {
    display: flex;
    flex-direction: column;
    flex: 1;

    ._messageBodyContentFooterSub_1w8j8_3126 {
      display: flex;
      margin: 0 15px;

      ._messageBodyContentFooterSubTitle_1w8j8_3130 {
        flex: 1;
        text-align: right;
        font-size: 14px;
        color: rgba(255, 255, 255, 0.5);
      }

      ._messageBodyContentFooterSubSubTitle_1w8j8_3137 {
        width: 12%;
        text-align: right;
        font-size: 14px;
        font-weight: 500;
        color: rgba(255, 255, 255, 1);
      }
    }

    ._messageBodyContentFooterSubAlt_1w8j8_3146 {
      display: flex;
      margin: 0 15px;

      ._messageBodyContentFooterSubAltTitle_1w8j8_3150 {
        flex: 1;
        text-align: left;
        font-size: 14px;
        color: rgba(255, 255, 255, 0.5);
      }
    }

    ._messageBodyContentFooterMain_1w8j8_3158 {
      display: flex;
      align-items: center;
      margin: 25px 0;
      border-top: 1px solid rgba(255, 255, 255, 0.1);
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);

      ._messageBodyContentFooterMainTitle_1w8j8_3165 {
        flex: 1;
        text-align: right;
        display: flex;
        justify-content: space-between;
        font-size: 12px;
        color: rgba(255, 255, 255, 0.5);
        font-weight: 500;
        padding: 15px 25px;
        height: 100%;
        border-right: 1px solid rgba(255, 255, 255, 0.1);

        span {
          color: rgba(255, 255, 255, 0.98);
          background-color: rgb(0, 170, 0);
          border-radius: 5px;
          padding: 0 15px;
        }
      }

      ._messageBodyContentFooterMainSubTitle_1w8j8_3185 {
        width: 12%;
        text-align: right;
        font-size: 18px;
        font-weight: 500;
        color: rgba(255, 255, 255, 1);
        margin: 0 15px;
      }
    }
  }

}

._PaymentOverlay_1w8j8_3198 {
  background-color: rgba(10, 10, 10, 0.8);
  position: fixed;
  inset: 0;
  z-index: 5000;
  animation: _overlayShow_1w8j8_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
}

._PaymentOverlayContent_1w8j8_3206 {
  background-color: rgb(28, 28, 30);
  border-radius: 10.5px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 15px 0px, rgba(0, 0, 0, 0.1) 0px 0px 0px 1px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90vw;
  max-width: 750px;
  min-height: 500px;
  max-height: 700px;
  animation: _contentShow_1w8j8_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
  display: flex;
  overflow: hidden;

  &:focus {
    outline: none;
  }

  ._PaymentOverlayContentSidebar_1w8j8_3226 {
    padding: 15px 10px;
    width: 240px;
    border-right: 1px solid #3e3e42;
    background-color: rgb(32, 32, 35);
    display: flex;
    flex-direction: column;
  }

  ._PaymentOverlayCloseIcon_1w8j8_3235 {
    margin-left: 5px;
    margin-bottom: 15px;
    border-radius: 8px;
    padding: 2px;
    cursor: pointer;
    background-color: rgb(32, 32, 35);

    &:hover {
      background-color: #3e3e42;
    }

    &:active {
      background-color: #3e3e4299;
    }
  }

  ._PaymentOverlayContentMain_1w8j8_3252 {
    padding: 20px 42.5px 0 20px;
    flex: 1;
    display: flex;
    flex-direction: column;

    ._PaymentOverlayContentMainTitle_1w8j8_3258 {
      font-size: 17px;
      font-weight: 500;
      color: #ffffff;
      margin: 0 0 10px 0;
    }

    ._PaymentOverlayContentMainSection_1w8j8_3265 {
      display: flex;
      flex-direction: column;
      margin: 5px 0;
      margin-bottom: 15px;

      ._PaymentOverlayContentMainSectionTitle_1w8j8_3271 {
        font-size: 14px;
        font-weight: 500;
        color: #ffffff;
        margin: 7.5px 0;
      }

      ._PaymentOverlayContentMainSectionValue_1w8j8_3278 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border: 1px solid rgb(60, 60, 62);
        font-size: 14px;
        font-weight: 400;
        border-radius: 8px;
        width: 100%;
        height: auto;
        padding: 8px 10px;
        margin: 0;

        &._Static_1w8j8_3291 {
          background-color: rgb(60, 60, 62);
        }
      }

      ._PaymentOverlayContentMainSectionFlex_1w8j8_3296 {
        display: flex;
        gap: 10px;
      }

      ._PaymentOverlayContentMainSectionBtnPrimary_1w8j8_3301 {
        color: black;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        font-weight: 400;
        border-radius: 8px;
        min-width: 100px;
        max-width: fit-content;
        height: auto;
        padding: 8px 10px;
        margin: 0;
        background-color: rgb(255, 255, 255);
        cursor: pointer;
      }

      ._PaymentOverlayContentMainSectionBtnSecondary_1w8j8_3318 {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        font-weight: 400;
        border-radius: 8px;
        min-width: 100px;
        max-width: fit-content;
        height: auto;
        padding: 8px 10px;
        margin: 0;
        background-color: rgb(60, 60, 62);
        cursor: pointer;
      }

      ._PaymentOverlayContentMainSectionBody_1w8j8_3334 {
        font-size: 12px;
        color: rgba(255, 255, 255, 0.66);
        font-weight: 400;
        width: 100%;
        height: auto;
        padding: 8px 0px;
        margin: 0;
        background-color: rgba(60, 60, 62, 0);

      }

      ._PaymentOverlayContentMainSectionTable_1w8j8_3346 {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 10px;


        ._messageBodyContentHeadersItem_1w8j8_2968 {
          border: 1px solid rgb(60, 60, 62);
          border-radius: 8px;
          display: grid;
          position: relative;
          overflow: hidden;
          width: 135px;
          aspect-ratio: 1.5;
          background-color: rgba(255, 255, 255, 0.033);
          cursor: pointer;

          ._messageBodyContentHeadersItemTAMT_1w8j8_3363 {
            position: absolute;
            text-align: center;
            top: 5px;
            right: 10px;
            font-size: 16px;
            font-weight: 500;
            user-select: none;
            cursor: default;
          }

          ._messageBodyContentHeadersItemTPICON_1w8j8_3374 {
            align-self: center;
            justify-self: center;
            display: flex;
            flex-direction: column;
            align-items: center;
            font-size: 10px;
            line-height: 13px;
            text-align: center;
            padding-top: 20px;
            color: rgba(255, 255, 255, 0.65);

            svg {
              color: rgba(255, 255, 255, 0.65);
            }
          }
        }
      }

      ._PaymentOverlayContentMainSectionTable1_1w8j8_3393 {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 10px;


        ._messageBodyContentHeadersItem_1w8j8_2968 {
          border: 1px solid rgb(60, 60, 62);
          border-radius: 8px;
          display: grid;
          position: relative;
          overflow: hidden;
          width: 100px;
          aspect-ratio: 1.5;
          background-color: rgba(255, 255, 255, 0.033);
          cursor: pointer;

          &._disabled_1w8j8_3410 {
            border: 1px dashed rgb(99, 99, 102);
            opacity: 0.5;
            pointer-events: none;
          }

          ._messageBodyContentHeadersItemTAMT_1w8j8_3363 {
            position: absolute;
            text-align: center;
            top: 5px;
            right: 10px;
            font-size: 16px;
            font-weight: 500;
            user-select: none;
            cursor: default;
          }

          ._messageBodyContentHeadersItemTPICON_1w8j8_3374 {
            align-self: center;
            justify-self: center;
            display: flex;
            flex-direction: column;
            align-items: center;
            font-size: 10px;
            line-height: 13px;
            text-align: center;
            color: rgba(255, 255, 255, 0.65);

            span {
              font-size: 32px;
            }

            svg {
              color: rgba(255, 255, 255, 0.65);
            }
          }
        }
      }

      &._PaymentOverlayContentMainSectionGrid_1w8j8_3449 {
        display: grid;
        grid-template-columns: 1fr 1fr;

        ._PaymentOverlayContentMainSectionValue_1w8j8_3278 {
          width: 80%;
        }
      }
    }

  }

}

._messageC1Body_1w8j8_3463 {
  -webkit-box-flex: 1;
  flex-grow: 1;
  overflow: hidden;
  min-height: 72px;
  padding: 16px;
  margin: 16px 16px 4px;
  min-block-size: 72px;
  border-radius: 5px;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.65);
  background-color: rgb(28, 28, 30);
  display: flex;
  flex-direction: column;

  ._messageBodyHeader_1w8j8_2833 {
    ._messageBodyHeaderLeft_1w8j8_2843 {
      ._messageBodyHeaderLeftInfo_1w8j8_2849 {
        ._messageBodyHeaderLeftInfoTitle_1w8j8_2857 {
          font-size: 17px;

          &:hover {
            background-color: rgba(255, 255, 255, 0);
          }
        }
      }
    }
  }

  ._messageBodyContent_1w8j8_2938 {
    display: flex;
    flex-direction: column;
    width: 100%;

    ._messageBodyContentHeaders_1w8j8_2943 {
      display: grid;
      width: 100%;
      align-self: center;
      min-height: 180px;
      height: fit-content;
      gap: 2px;
      grid-template-columns: 19.5% 19.5% 19.5% 19.5% 19.5%;
      grid-template-rows: 1fr;


      ._messageBodyContentHeadersItem_1w8j8_2968 {
        display: grid;
        position: relative;
        overflow: hidden;
        width: 100%;
        aspect-ratio: 1;
        background-color: rgba(255, 255, 255, 0.033);
        cursor: pointer;


        ._messageBodyContentHeadersItemTImage_1w8j8_3517 {
          width: 100%;
          height: 100%;
          object-fit: cover;
        }

        ._messageBodyContentHeadersItemTAMT_1w8j8_3363 {
          position: absolute;
          text-align: center;
          top: 7.5px;
          right: 12.5px;
          font-size: 19px;
          font-weight: 500;
          user-select: none;
          cursor: default;
        }

        ._messageBodyContentHeadersItemTDT_1w8j8_3534 {
          position: absolute;
          width: 100%;
          text-align: center;
          bottom: 7.5px;
          font-size: 13px;
          font-weight: 400;
          user-select: none;
          cursor: default;
        }

        ._messageBodyContentHeadersItemTPDI_1w8j8_3545 {
          padding: 3px;
          border-radius: 100%;
          position: absolute;
          top: 7.5px;
          left: 7.5px;
          background-color: rgb(0, 170, 0);
        }

        ._messageBodyContentHeadersItemTPDO_1w8j8_3554 {
          padding: 3px;
          border-radius: 100%;
          position: absolute;
          top: 7.5px;
          left: 7.5px;
          background-color: rgb(170, 0, 0);
        }

        ._messageBodyContentHeadersItemTPICON_1w8j8_3374 {
          align-self: center;
          justify-self: center;
          display: flex;
          flex-direction: column;
          align-items: center;
          font-size: 13px;
          text-align: center;
          padding-top: 30px;
          color: rgba(255, 255, 255, 0.65);

          svg {
            color: rgba(255, 255, 255, 0.65);
          }
        }

        ._recentSalesCard_1w8j8_3579 {
          position: relative;
          display: flex;
          flex-direction: column;
          justify-content: flex-end;
          width: 100%;
          height: 100%;
          padding: 7px 9px 8px;
        }

        ._recentSalesIconWrap_1w8j8_3589 {
          position: absolute;
          top: 8px;
          left: 9px;
          width: 25px;
          height: 25px;
          display: flex;
          align-items: center;
          justify-content: center;
          color: rgba(255, 255, 255, 0.82);
        }

        ._recentSalesReceiptIcon_1w8j8_3601 {
          width: 25px;
          height: 25px;
          display: block;
          color: inherit;
        }

        ._recentSalesThumbStack_1w8j8_3608 {
          position: absolute;
          top: 24%;
          left: 10px;
          display: flex;
          align-items: center;
          width: max-content;
          height: 34px;
          pointer-events: none;
        }

        ._recentSalesThumb_1w8j8_3608 {
          display: block;
          width: 29px;
          height: 36px;
          object-position: center;
          border-radius: 6px;
          border: 1px solid rgba(255, 255, 255, 0.14);
          object-fit: cover;
          box-shadow: 0 4px 10px rgba(0, 0, 0, 0.22);
          background: rgba(255, 255, 255, 0.08);
        }

        ._recentSalesThumb_1w8j8_3608 + ._recentSalesThumb_1w8j8_3608 {
          margin-left: -13px;
        }

        ._recentSalesThumbOverflow_1w8j8_3635 {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          width: 28px;
          height: 28px;
          margin-left: 8px;
          border-radius: 999px;
          background: rgba(255, 255, 255, 0.14);
          color: rgba(255, 255, 255, 0.88);
          font-size: 13px;
          line-height: 1;
          font-weight: 500;
        }

        ._recentSalesMeta_1w8j8_3650 {
          display: flex;
          flex-direction: column;
          gap: 0;
          position: absolute;
          left: 9px;
          right: 9px;
          bottom: 28px;
          min-width: 0;
        }

        ._recentSalesInvoice_1w8j8_3661 {
          max-width: 100%;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          font-size: 14px;
          line-height: 1.1;
          font-weight: 500;
          color: rgba(255, 255, 255, 0.95);
        }

        ._recentSalesOrder_1w8j8_3672,
        ._recentSalesDate_1w8j8_3673 {
          max-width: 100%;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          font-size: 12px;
          line-height: 1.1;
          color: rgba(255, 255, 255, 0.62);
        }

        ._recentSalesDraftedByPill_1w8j8_3683 {
          display: inline-flex;
          align-items: center;
          align-self: flex-start;
          width: fit-content;
          max-width: 100%;
          margin-top: 5px;
          padding: 2px 7px;
          border-radius: 999px;
          background: rgba(255, 255, 255, 0.1);
          color: rgba(255, 255, 255, 0.82);
          font-size: 10px;
          line-height: 1;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
        }

        ._messageBodyContentHeadersItemTADB_1w8j8_3701 {
          align-self: center;
          justify-self: center;
          background-color: rgba(255, 255, 255, 0.075);
          height: 45px;
          width: 45px;
          border-radius: 100px;
          display: flex;
          align-items: center;
          justify-content: center;
          user-select: none;
          cursor: pointer;
        }

        &:nth-child(even) {
          background-color: rgba(0, 0, 0, 0.075);
        }


      }

      ._addDocumentButton_1w8j8_3722 {
        background-color: transparent !important;
      }

    }

    ._messageBodyContentSeparator_1w8j8_3030 {
      margin: 25px 0 0px;
      font-weight: 400;
      display: grid;
      width: 100%;
      align-self: center;
      gap: 1px;
      height: 40px;
      grid-template-columns: 47.5% 17.5% 17.5% calc(17.5% - 3px);
      grid-template-rows: 1fr 1fr 1fr;

      span {
        padding: 5px 15px;
        font-size: 12px;
        color: rgba(255, 255, 255, 0.5);
        background-color: rgba(255, 255, 255, 0.075);
        text-align: center;

        &:first-of-type {
          border-top-left-radius: 5px;
          border-bottom-left-radius: 5px;
        }

        &:last-of-type {
          border-top-right-radius: 5px;
          border-bottom-right-radius: 5px;
        }
      }

    }

    ._messageBodyContentItems_1w8j8_3061 {
      font-weight: 400;
      display: grid;
      width: 100%;
      align-self: center;
      gap: 1px;
      grid-template-columns: 47.5% 17.5% 17.5% calc(17.5% - 3px);
      grid-template-rows: 1fr 1fr 1fr;

      ._messageBodyContentItem_1w8j8_3061 {
        display: flex;
        padding: 0px 15px;
        margin: 7.5px 0;
        gap: 15px;

        ._messageBodyContentItemImage_1w8j8_3076 {
          width: 60px;
          height: 75px;
          flex-shrink: 0;
          border-radius: 5px;
          border: 1px solid rgba(255, 255, 255, 0.25);
          object-fit: cover;
        }

        ._messageBodyContentItemDetails_1w8j8_3085 {
          display: flex;
          flex-direction: column;

          ._messageBodyContentItemDetailsTitle_1w8j8_3089 {
            font-size: 14px;
            font-weight: 500;
            margin: 0;
          }

          ._messageBodyContentItemDetailsSubTitle_1w8j8_3095 {
            font-size: 12px;
            line-height: 15px;
            font-weight: 400;
            margin: 0;
            color: rgba(255, 255, 255, 0.5);
          }
        }

      }

      ._messageBodyContentItemTotals_1w8j8_3106 {
        text-align: right;
        margin: 0 15px;
        font-size: 14px;
      }

      ._messageBodyContentItemTotalsAmount_1w8j8_3112 {
        text-align: right;
        margin: 0 15px;
        font-size: 14px;
        font-weight: 500;
      }

    }

    ._messageBodyContentFooter_1w8j8_3121 {
      display: flex;
      flex-direction: column;
      flex: 1;

      ._messageBodyContentFooterSub_1w8j8_3126 {
        display: flex;
        margin: 0 15px;

        ._messageBodyContentFooterSubTitle_1w8j8_3130 {
          flex: 1;
          text-align: right;
          font-size: 14px;
          color: rgba(255, 255, 255, 0.5);
        }

        ._messageBodyContentFooterSubSubTitle_1w8j8_3137 {
          width: 12%;
          text-align: right;
          font-size: 14px;
          font-weight: 500;
          color: rgba(255, 255, 255, 1);
        }
      }

      ._messageBodyContentFooterSubAlt_1w8j8_3146 {
        display: flex;
        margin: 0 15px;

        ._messageBodyContentFooterSubAltTitle_1w8j8_3150 {
          flex: 1;
          text-align: left;
          font-size: 14px;
          color: rgba(255, 255, 255, 0.5);
        }
      }

      ._messageBodyContentFooterMain_1w8j8_3158 {
        display: flex;
        align-items: center;
        margin: 25px 0;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);

        ._messageBodyContentFooterMainTitle_1w8j8_3165 {
          flex: 1;
          text-align: right;
          display: flex;
          justify-content: space-between;
          font-size: 12px;
          color: rgba(255, 255, 255, 0.5);
          font-weight: 500;
          padding: 15px 25px;
          height: 100%;
          border-right: 1px solid rgba(255, 255, 255, 0.1);

          span {
            color: rgba(255, 255, 255, 0.98);
            background-color: rgb(0, 170, 0);
            border-radius: 5px;
            padding: 0 15px;
          }
        }

        ._messageBodyContentFooterMainSubTitle_1w8j8_3185 {
          width: 12%;
          text-align: right;
          font-size: 18px;
          font-weight: 500;
          color: rgba(255, 255, 255, 1);
          margin: 0 15px;
        }
      }
    }

  }
}

._messageC2Body_1w8j8_3897 {
  -webkit-box-flex: 1;
  flex-grow: 1;
  overflow: hidden;
  min-height: 72px;
  padding: 16px;
  margin: 16px 16px 4px;
  min-block-size: 72px;
  border-radius: 5px;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.65);
  background-color: rgb(28, 28, 30);
  display: flex;
  flex-direction: column;

  ._messageBodyHeader_1w8j8_2833 {
    ._messageBodyHeaderLeft_1w8j8_2843 {
      ._messageBodyHeaderLeftInfo_1w8j8_2849 {
        ._messageBodyHeaderLeftInfoTitle_1w8j8_2857 {
          font-size: 17px;

          &:hover {
            background-color: rgba(255, 255, 255, 0);
          }
        }
      }
    }
  }

  ._messageBodyContent_1w8j8_2938 {
    display: flex;
    flex-direction: column;
    width: 100%;

    ._messageBodyContentHeaders_1w8j8_2943 {
      display: grid;
      width: 100%;
      align-self: center;
      min-height: 180px;
      height: fit-content;
      gap: 2px;
      grid-template-columns: 19.5% 19.5% 19.5% 19.5% 19.5%;
      grid-template-rows: 1fr;


      ._messageBodyContentHeadersItem_1w8j8_2968 {
        display: grid;
        position: relative;
        overflow: hidden;
        width: 100%;
        aspect-ratio: 1;
        background-color: rgba(255, 255, 255, 0.075);


        ._messageBodyContentHeadersItemTImage_1w8j8_3517 {
          width: 100%;
          height: 100%;
          object-fit: cover;
        }

        ._messageBodyContentHeadersItemTTypeImage_1w8j8_3956 {
          position: absolute;
          bottom: 0px;
          right: 0px;
          width: 45px;
          height: 45px;
        }


        ._messageBodyContentHeadersItemTPDF_1w8j8_3965 {
          position: absolute;
          bottom: 5px;
          right: 5px;
          background-color: #D32F2F;
          padding: 1px 10px;
          font-size: 12px;
          font-weight: 500;
          border-radius: 12px;
          user-select: none;
          cursor: default;
          box-shadow: 10px 10px 38px 16px rgba(0, 0, 0, 0.75);
        }

        ._messageBodyContentHeadersItemTPNG_1w8j8_3979 {
          position: absolute;
          bottom: 5px;
          right: 5px;
          background-color: #8A8A8D;
          padding: 1px 10px;
          font-size: 12px;
          font-weight: 500;
          border-radius: 12px;
          user-select: none;
          cursor: default;
          box-shadow: 10px 10px 38px 16px rgba(0, 0, 0, 0.75);
        }

        ._messageBodyContentHeadersItemTJPG_1w8j8_3993 {
          position: absolute;
          bottom: 5px;
          right: 5px;
          background-color: #9C27B0;
          padding: 1px 10px;
          font-size: 12px;
          font-weight: 500;
          border-radius: 12px;
          user-select: none;
          cursor: default;
          box-shadow: 10px 10px 38px 16px rgba(0, 0, 0, 0.75);
        }

        ._messageBodyContentHeadersItemTXLS_1w8j8_4007 {
          position: absolute;
          bottom: 5px;
          right: 5px;
          background-color: #4CAF50;
          padding: 1px 10px;
          font-size: 12px;
          font-weight: 500;
          border-radius: 12px;
          user-select: none;
          cursor: default;
        }

        ._messageBodyContentHeadersItemTADB_1w8j8_3701 {
          align-self: center;
          justify-self: center;
          background-color: rgba(255, 255, 255, 0.075);
          height: 45px;
          width: 45px;
          border-radius: 100px;
          display: flex;
          align-items: center;
          justify-content: center;
          user-select: none;
          cursor: pointer;
        }

        &:nth-child(even) {
          background-color: rgba(0, 0, 0, 0.075);
        }


      }

      ._addDocumentButton_1w8j8_3722 {
        background-color: transparent !important;
      }
    }

    ._messageBodyContentSeparator_1w8j8_3030 {
      margin: 25px 0 0px;
      font-weight: 400;
      display: grid;
      width: 100%;
      align-self: center;
      gap: 1px;
      height: 40px;
      grid-template-columns: 47.5% 17.5% 17.5% calc(17.5% - 3px);
      grid-template-rows: 1fr 1fr 1fr;

      span {
        padding: 5px 15px;
        font-size: 12px;
        color: rgba(255, 255, 255, 0.5);
        background-color: rgba(255, 255, 255, 0.075);
        text-align: center;

        &:first-of-type {
          border-top-left-radius: 5px;
          border-bottom-left-radius: 5px;
        }

        &:last-of-type {
          border-top-right-radius: 5px;
          border-bottom-right-radius: 5px;
        }
      }

    }

    ._messageBodyContentFooter_1w8j8_3121 {
      display: flex;
      flex-direction: column;
      flex: 1;

      ._messageBodyContentFooterSub_1w8j8_3126 {
        display: flex;
        margin: 0 15px;

        ._messageBodyContentFooterSubTitle_1w8j8_3130 {
          flex: 1;
          text-align: right;
          font-size: 14px;
          color: rgba(255, 255, 255, 0.5);
        }

        ._messageBodyContentFooterSubSubTitle_1w8j8_3137 {
          width: 12%;
          text-align: right;
          font-size: 14px;
          font-weight: 500;
          color: rgba(255, 255, 255, 1);
        }
      }

      ._messageBodyContentFooterSubAlt_1w8j8_3146 {
        display: flex;
        margin: 0 15px;

        ._messageBodyContentFooterSubAltTitle_1w8j8_3150 {
          flex: 1;
          text-align: left;
          font-size: 14px;
          color: rgba(255, 255, 255, 0.5);
        }
      }

      ._messageBodyContentFooterMain_1w8j8_3158 {
        display: flex;
        align-items: center;
        margin: 25px 0;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);

        ._messageBodyContentFooterMainTitle_1w8j8_3165 {
          flex: 1;
          text-align: right;
          display: flex;
          justify-content: space-between;
          font-size: 12px;
          color: rgba(255, 255, 255, 0.5);
          font-weight: 500;
          padding: 15px 25px;
          height: 100%;
          border-right: 1px solid rgba(255, 255, 255, 0.1);

          span {
            color: rgba(255, 255, 255, 0.98);
            background-color: rgb(0, 170, 0);
            border-radius: 5px;
            padding: 0 15px;
          }
        }

        ._messageBodyContentFooterMainSubTitle_1w8j8_3185 {
          width: 12%;
          text-align: right;
          font-size: 18px;
          font-weight: 500;
          color: rgba(255, 255, 255, 1);
          margin: 0 15px;
        }
      }
    }

  }
}

._locationAssignmentsBody_1w8j8_4155 {
  flex-grow: 1;
  overflow: hidden;
  min-height: 72px;
  padding: 16px;
  margin: 16px 16px 4px;
  min-block-size: 72px;
  border-radius: 5px;
  border: none;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.65);
  background-color: rgb(28, 28, 30);
  display: flex;
  flex-direction: column;
}

._locationAssignmentsList_1w8j8_4170 {
  display: flex;
  flex-direction: column;
  gap: 1px;
  width: 100%;
  padding: 4px 0;
}

._locationAssignmentCard_1w8j8_4178 {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 8px 4px;
  border-radius: 4px;
  background-color: transparent;
  position: relative;
}

._locationAssignmentCard_1w8j8_4178:hover {
  background-color: rgba(255, 255, 255, 0.04);
}

._locationAssignmentCardPhoto_1w8j8_4193 {
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  border-radius: 5px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.06);
}

._locationAssignmentCardImg_1w8j8_4205 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

._locationAssignmentCardPlaceholder_1w8j8_4211 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: rgba(255, 255, 255, 0.32);
}

._locationAssignmentCardPlaceholder_1w8j8_4211 svg {
  width: 17px;
  height: 17px;
}

._locationAssignmentCardInfo_1w8j8_4225 {
  display: flex;
  flex-direction: column;
  gap: 0;
  flex: 1;
  min-width: 0;
}

._locationAssignmentCardName_1w8j8_4233 {
  font-size: 12.5px;
  font-weight: 500;
  line-height: 1.3;
  color: rgba(255, 255, 255, 0.88);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._locationAssignmentCardMeta_1w8j8_4243 {
  font-size: 10.5px;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.42);
  text-transform: capitalize;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._locationAssignmentCardDates_1w8j8_4253 {
  font-size: 10.5px;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.3);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._locationAssignmentCardRemove_1w8j8_4262 {
  flex-shrink: 0;
  min-height: 30px;
  padding: 0 10px;
  border-radius: 6px;
  border: none;
  background: rgba(255, 255, 255, 0.06);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.68);
  font: inherit;
  font-size: 11px;
  font-weight: 400;
  transition: color 0.15s, background-color 0.15s;
  outline: none;
  box-shadow: none;
}

._locationAssignmentCardRemove_1w8j8_4262:hover {
  color: rgba(255, 122, 122, 0.92);
  background-color: rgba(255, 100, 100, 0.1);
}

._locationAssignmentCardRemove_1w8j8_4262:focus-visible {
  outline: 2px solid rgba(105, 181, 255, 0.7);
  outline-offset: 2px;
}

._locationRemovalModal_1w8j8_4292 {
  position: fixed;
  z-index: 10006;
  top: 50%;
  left: 50%;
  width: min(520px, calc(100vw - 32px));
  transform: translate(-50%, -50%);
  overflow: hidden;
  border: 1px solid rgba(120, 120, 128, 0.24);
  border-radius: 12px;
  background: rgb(28, 28, 30);
  color: rgba(255, 255, 255, 0.92);
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.5);
}

._locationRemovalHeader_1w8j8_4307 {
  min-height: 76px;
  padding: 18px 20px;
  border-bottom: 1px solid rgba(120, 120, 128, 0.2);
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}

._locationRemovalHeader_1w8j8_4307 h3,
._locationRemovalHeader_1w8j8_4307 p {
  margin: 0;
}

._locationRemovalHeader_1w8j8_4307 h3 {
  font-size: 17px;
  font-weight: 600;
}

._locationRemovalHeader_1w8j8_4307 p {
  margin-top: 5px;
  color: rgba(255, 255, 255, 0.48);
  font-size: 12px;
  line-height: 1.45;
}

._locationRemovalBody_1w8j8_4334 {
  padding: 20px;
}

._locationRemovalBody_1w8j8_4334 > p {
  margin: 14px 0 0;
  color: rgba(255, 255, 255, 0.52);
  font-size: 13px;
  line-height: 1.55;
}

._pendingInvitesModal_1w8j8_4345 {
  display: flex;
  max-height: min(720px, calc(100vh - 48px));
  flex-direction: column;
}

._pendingInvitesBody_1w8j8_4351 {
  min-height: 120px;
  overflow-y: auto;
}

._pendingInviteList_1w8j8_4356 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

._pendingInviteCard_1w8j8_4362 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 13px 14px;
  border: 1px solid rgba(120, 120, 128, 0.24);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.035);
}

._pendingInviteDetails_1w8j8_4373 {
  min-width: 0;
}

._pendingInviteCode_1w8j8_4377 {
  color: rgba(255, 255, 255, 0.92);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.08em;
}

._pendingInviteMeta_1w8j8_4385 {
  margin-top: 4px;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.68);
  font-size: 12.5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._pendingInviteExpiry_1w8j8_4394 {
  margin-top: 3px;
  color: rgba(255, 255, 255, 0.46);
  font-size: 11.5px;
}

._pendingInviteAction_1w8j8_4400 {
  flex: 0 0 auto;
}

._locationRemovalSummary_1w8j8_4404 {
  padding: 14px 16px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.055);
  display: grid;
  gap: 4px;
}

._locationRemovalSummary_1w8j8_4404 span,
._locationRemovalSummary_1w8j8_4404 small {
  color: rgba(255, 255, 255, 0.42);
  font-size: 11px;
  font-weight: 400;
  text-transform: capitalize;
}

._locationRemovalSummary_1w8j8_4404 strong {
  color: rgba(255, 255, 255, 0.92);
  font-size: 15px;
  font-weight: 500;
}

._locationRemovalFooter_1w8j8_4426 {
  padding: 14px 20px;
  border-top: 1px solid rgba(120, 120, 128, 0.2);
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

._locationRemovalFooter_1w8j8_4426 button {
  min-height: 36px;
  padding: 0 16px;
  border: none;
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.78);
  font: inherit;
  font-size: 13px;
  font-weight: 400;
  cursor: pointer;
  outline: none;
  box-shadow: none;
}

._locationRemovalFooter_1w8j8_4426 ._locationRemovalConfirm_1w8j8_4449 {
  background: rgba(255, 255, 255, 0.92);
  color: rgba(18, 18, 20, 0.96);
}

._locationRemovalFooter_1w8j8_4426 button:hover:not(:disabled) {
  filter: brightness(1.06);
}

._locationRemovalFooter_1w8j8_4426 button:disabled {
  cursor: wait;
  opacity: 0.55;
}

._locationAssignmentsBody_1w8j8_4155 ._messageBodyContentFooter_1w8j8_3121 {
  margin-top: 6px;
  padding-top: 10px;
  border-top: 1px solid rgba(120, 120, 128, 0.18);
}

._locationAssignmentsBody_1w8j8_4155 ._messageBodyContentFooterSubAlt_1w8j8_3146 {
  display: flex;
  margin: 0;
}

._locationAssignmentsBody_1w8j8_4155 ._messageBodyContentFooterSubAltTitle_1w8j8_3150 {
  flex: 1;
  text-align: left;
  font-size: 12px;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.35);
}

._locationAssignFormContent_1w8j8_4482 {
  padding: 18px;
}

._locationAssignFormContent_1w8j8_4482 ._overlayFormSection_1w8j8_4486 {
  border: none;
  background: none;
  padding: 0;
}

._customerRecentSalesBody_1w8j8_4492 {
  -webkit-box-flex: 1;
  flex-grow: 1;
  overflow: hidden;
  min-height: 72px;
  padding: 16px;
  margin: 16px 16px 4px;
  min-block-size: 72px;
  border-radius: 5px;
  border: none;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.65);
  background-color: rgb(28, 28, 30);
  display: flex;
  flex-direction: column;
}

._customerRecentSalesContent_1w8j8_4508 {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 0;
}

._customerRecentSalesGrid_1w8j8_4515 {
  display: grid;
  width: 100%;
  align-self: center;
  min-height: 180px;
  gap: 2px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  grid-template-rows: 1fr;
}

._customerRecentSalesTile_1w8j8_4525 {
  position: relative;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 1;
  background-color: rgba(255, 255, 255, 0.075);
  display: grid;
  padding: 0;
  cursor: pointer;
}

._customerRecentSalesTile_1w8j8_4525:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.075);
}

._recordNavigationTile_1w8j8_4540 {
  appearance: none;
  border: 0;
  border-radius: 0;
  color: inherit;
  font: inherit;
  text-align: left;
  min-width: 0;
  transition: background-color 140ms ease, filter 140ms ease;
}

._recordNavigationTile_1w8j8_4540:hover {
  filter: brightness(1.08);
}

._recordNavigationTile_1w8j8_4540:focus {
  outline: none;
}

._recordNavigationTile_1w8j8_4540:focus-visible {
  box-shadow: inset 0 0 0 2px rgba(100, 190, 245, 0.78);
}

._customerRecentSalesCard_1w8j8_4563 {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  padding: 7px 9px 8px;
}

._customerRecentSalesIconWrap_1w8j8_4573 {
  position: absolute;
  top: 8px;
  left: 9px;
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
}

._customerRecentSalesIcon_1w8j8_4573 {
  color: rgba(255, 255, 255, 0.86);
  width: 24px;
  height: 24px;
  display: block;
}

._customerRecentSalesAmount_1w8j8_4592 {
  position: absolute;
  top: 8px;
  right: 14px;
  max-width: calc(100% - 74px);
  font-size: 17px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.96);
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: right;
  z-index: 3;
}

._customerRecentSalesThumbStack_1w8j8_4608 {
  position: absolute;
  top: 23%;
  left: 10px;
  display: flex;
  align-items: center;
  width: max-content;
  height: 34px;
  pointer-events: none;
}

._customerRecentSalesThumb_1w8j8_4608 {
  display: block;
  width: 29px;
  height: 36px;
  object-position: center;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  object-fit: cover;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.22);
  background: rgba(255, 255, 255, 0.08);
}

._customerRecentSalesThumb_1w8j8_4608 + ._customerRecentSalesThumb_1w8j8_4608 {
  margin-left: -13px;
}

._customerRecentSalesThumbOverflow_1w8j8_4635 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  margin-left: 8px;
  border-radius: 999px;
  background: rgba(72, 76, 84, 0.9);
  color: rgba(255, 255, 255, 0.98);
  font-size: 13px;
  line-height: 1;
  font-weight: 500;
}

._customerRecentSalesMeta_1w8j8_4650 {
  display: flex;
  flex-direction: column;
  gap: 0;
  position: absolute;
  left: 9px;
  right: 9px;
  bottom: 48px;
  min-width: 0;
  line-height: 1;
}

._customerRecentSalesInvoice_1w8j8_4662 {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 15px;
  line-height: 1.08;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.95);
  margin: 0;
}

._customerRecentSalesOrder_1w8j8_4674,
._customerRecentSalesDate_1w8j8_4675 {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
  line-height: 1.15;
  color: rgba(255, 255, 255, 0.62);
  margin: 0;
}

._customerRecentSalesOrderLink_1w8j8_4686 {
  color: rgba(137, 211, 255, 0.92);
  cursor: pointer;
  text-decoration: none;
}

._customerRecentSalesOrderLink_1w8j8_4686:hover,
._customerRecentSalesOrderLink_1w8j8_4686:focus-visible {
  color: rgb(172, 225, 255);
  text-decoration: underline;
  outline: none;
}

._customerRecentSalesByPill_1w8j8_4699 {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  position: absolute;
  left: 9px;
  bottom: 24px;
  width: fit-content;
  max-width: calc(100% - 18px);
  margin-top: 0;
  margin-bottom: 0;
  padding: 1px 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.82);
  font-size: 10px;
  line-height: 1.1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._customerRecentSalesAddTile_1w8j8_4721 {
  background: transparent !important;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

._customerRecentSalesTile_1w8j8_4525._customerRecentSalesAddTile_1w8j8_4721,
._customerRecentSalesTile_1w8j8_4525._customerRecentSalesAddTile_1w8j8_4721:nth-child(even) {
  background: transparent !important;
}

._customerRecentSalesAddButton_1w8j8_4734 {
  align-self: center;
  justify-self: center;
  background-color: rgba(255, 255, 255, 0.075);
  color: rgba(255, 255, 255, 0.9);
  height: 45px;
  width: 45px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
  cursor: pointer;
}

._customerRecentSalesContent_1w8j8_4508 ._messageBodyContentFooter_1w8j8_3121 {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
  flex: 0 0 auto;
  justify-content: flex-start;
}

._customerRecentSalesContent_1w8j8_4508 ._messageBodyContentFooterSubAlt_1w8j8_3146 {
  display: flex;
  margin: 0 15px;
}

._customerRecentSalesContent_1w8j8_4508 ._messageBodyContentFooterSubAltTitle_1w8j8_3150 {
  flex: 1;
  text-align: left;
  font-size: 14px;
  line-height: normal;
  color: rgba(255, 255, 255, 0.5);
}

._customerDetailsLastEditRow_1w8j8_4770 {
  margin: 16px 15px 0;
  display: flex;
}

._customerDetailsLastEditText_1w8j8_4775 {
  flex: 1;
  text-align: left;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  line-height: normal;
}

._messageTitle_1w8j8_4783 {
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 16px 0;
  color: #ffffff;
}

._messageViewLink_1w8j8_4790 {
  font-size: 12px;
  color: #cccccc;
  margin-bottom: 24px;
}

._messageViewLink_1w8j8_4790 a {
  color: #8A8A8D;
  text-decoration: underline;
}

._messageViewLink_1w8j8_4790 a:hover {
  color: #8A8A8D;
}

._warningContent_1w8j8_4805 {
  background: linear-gradient(135deg, #6F6F72 0%, #8A8A8D 100%);
  border-radius: 12px;
  overflow: hidden;
  margin-top: 20px;
}

._hdfcHeader_1w8j8_4812 {
  padding: 16px 24px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

._hdfcLogo_1w8j8_4817 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  font-size: 16px;
  color: #ffffff;
}

._warningImage_1w8j8_4826 {
  padding: 40px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

._warningText_1w8j8_4833 h2 {
  margin: 0 0 8px 0;
  font-size: 32px;
  font-weight: 900;
  color: #ffffff;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

._personImage_1w8j8_4841 {
  font-size: 80px;
  opacity: 0.8;
}

/* Scroll Area Styles */
._scrollRoot_1w8j8_4847 {
  flex: 1;
  overflow: hidden;
}

._scrollViewport_1w8j8_4852 {
  width: 100%;
  height: 100%;
}

/* Fix for Radix ScrollArea's table display wrapper */
._scrollViewport_1w8j8_4852>div[style*="display: table"] {
  display: block !important;
  min-width: unset !important;
  width: 100% !important;
  height: 100% !important;
}



._scrollbar_1w8j8_4867 {
  display: none;
  user-select: none;
  touch-action: none;
  padding: 2px;
  background: rgba(255, 255, 255, 0.1);
  transition: background 160ms ease-out;
}

._scrollbar_1w8j8_4867:hover {
  background: rgba(255, 255, 255, 0.2);
}

._scrollbar_1w8j8_4867[data-orientation='vertical'] {
  width: 8px;
}

._scrollbar_1w8j8_4867[data-orientation='horizontal'] {
  flex-direction: column;
  height: 8px;
}

._scrollThumb_1w8j8_4889 {
  flex: 1;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 4px;
  position: relative;
}

._scrollThumb_1w8j8_4889::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  min-width: 44px;
  min-height: 44px;
}

._scrollThumb_1w8j8_4889:hover {
  background: rgba(255, 255, 255, 0.5);
}

._contextWrapper_1w8j8_4912 {
  position: relative;
  border-radius: 8px;
}

._messageItem_1w8j8_937[data-state='open'] {
  outline: none;
}

._contextMenu_1w8j8_4921 {
  min-width: 250px;
  background-color: rgb(28, 28, 30);
  border: .2px solid rgba(116, 116, 128, 0.25);
  border-radius: 12px;
  padding: 5px;
  box-shadow: 0px 10px 38px rgba(0, 0, 0, 0.3), 0px 10px 20px rgba(0, 0, 0, 0.2);
  color: white;
  z-index: 1000;
  animation: 0.2s cubic-bezier(0.32, 0.08, 0.24, 1) _cw-modal-pop_1w8j8_1;
}

/* Origin: Based on Radix side + align */
._contextMenu_1w8j8_4921[data-side="top"][data-align="start"],
._contextMenu_1w8j8_4921[data-side="bottom"][data-align="start"] {
  transform-origin: top left;
}

._contextMenu_1w8j8_4921[data-side="top"][data-align="center"],
._contextMenu_1w8j8_4921[data-side="bottom"][data-align="center"] {
  transform-origin: top center;
}

._contextMenu_1w8j8_4921[data-side="top"][data-align="end"],
._contextMenu_1w8j8_4921[data-side="bottom"][data-align="end"] {
  transform-origin: top right;
}

._contextMenu_1w8j8_4921[data-side="left"][data-align="start"],
._contextMenu_1w8j8_4921[data-side="right"][data-align="start"] {
  transform-origin: top left;
}

._contextMenu_1w8j8_4921[data-side="left"][data-align="center"],
._contextMenu_1w8j8_4921[data-side="right"][data-align="center"] {
  transform-origin: center left;
}

._contextMenu_1w8j8_4921[data-side="left"][data-align="end"],
._contextMenu_1w8j8_4921[data-side="right"][data-align="end"] {
  transform-origin: bottom left;
}

._contextItem_1w8j8_4964 {
  all: unset;
  font-size: 14px;
  padding: 5px 10px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  user-select: none;
  transition: background 0.15s;
  font-weight: 400;

  svg {
    color: #8A8A8D;
  }

  &:hover {
    background-color: rgba(126, 126, 128, 0.18);
  }

  &[data-disabled] {
    font-size: 14.5px;
    font-weight: 500;

    &:hover {
      background-color: transparent;
    }
  }
}

@keyframes _cw-modal-pop_1w8j8_1 {
  0% {
    opacity: 0;
    transform: scale(0.62);
  }

  80% {
    transform: scale(1.02);
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}

._separator_1w8j8_5011 {
  height: 1px;
  background-color: #3a3a3c;
  margin: 5px 10px;
}



._hoverCardContent_1w8j8_5019 {
  background-color: rgb(28, 28, 30);
  border: 1px solid rgba(116, 116, 128, 0.25);
  border-radius: 12px;
  box-shadow: 0px 10px 38px rgba(0, 0, 0, 0.3), 0px 10px 20px rgba(0, 0, 0, 0.2);
  padding: 12px;
  width: 250px;
  z-index: 100;
  animation: _fadeIn_1w8j8_1 0.2s ease;
}

._directoryHoverCard_1w8j8_5030 {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}

._directoryHoverCard_1w8j8_5030 ._avatarHoverRoot_1w8j8_5037 {
  width: 44px;
  height: 44px;
}

._directoryHoverCard_1w8j8_5030 ._avatarHoverFallback_1w8j8_5042 { font-size: 16px; }

._directoryHoverBody_1w8j8_5044 { min-width: 0; display: flex; flex-direction: column; gap: 4px; }
._directoryHoverBody_1w8j8_5044 strong { font-size: 14px; font-weight: 500; color: rgba(255,255,255,.94); }
._directoryHoverBody_1w8j8_5044 span { font-size: 11px; letter-spacing: .08em; color: rgba(255,255,255,.48); }
._directoryHoverBody_1w8j8_5044 p { margin: 5px 0; font-size: 12px; line-height: 1.4; color: rgba(255,255,255,.62); }
._directoryHoverBody_1w8j8_5044 div { font-size: 12px; color: rgba(255,255,255,.62); }
._directoryHoverBody_1w8j8_5044 b { color: rgba(255,255,255,.92); font-weight: 500; }

._hoverCardInner_1w8j8_5051 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._hoverCardInner_1w8j8_5051 strong {
  font-size: 14px;
  font-weight: bold;
  color: #333;
}

._hoverCardInner_1w8j8_5051 p {
  font-size: 13px;
  color: #555;
  margin: 0;
}

._hoverCardInner_1w8j8_5051 small {
  font-size: 12px;
  color: #888;
}

@keyframes _fadeIn_1w8j8_1 {
  from {
    opacity: 0;
    transform: translateY(-2px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

._avatarHoverRoot_1w8j8_5037 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  overflow: hidden;
  user-select: none;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  background-color: var(--black-a3);
  flex-shrink: 0;
  flex-grow: 0;
}

._avatarHoverFallback_1w8j8_5042 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(rgb(166, 171, 183), rgb(134, 138, 147));
  color: rgb(224, 236, 248);
  font-size: 24px;
  line-height: 1;
  font-weight: 400;
}

._Content_1w8j8_5114 {
  border-radius: 6px;
  padding: 20px;
  width: 300px;
  background-color: rgb(33, 32, 32);
  box-shadow:
    hsl(206 22% 7% / 35%) 0px 10px 38px -10px,
    hsl(206 22% 7% / 20%) 0px 10px 20px -15px;
  animation-duration: 400ms;
  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform, opacity;

  &[data-side="top"] {
    animation-name: _slideDownAndFade_1w8j8_1;
  }

  &[data-side="right"] {
    animation-name: _slideLeftAndFade_1w8j8_1;
  }

  &[data-side="bottom"] {
    animation-name: _slideUpAndFade_1w8j8_1;
  }

  &[data-side="left"] {
    animation-name: _slideRightAndFade_1w8j8_1;
  }
}

._Arrow_1w8j8_5143 {
  fill: rgba(116, 116, 128, 0.25);
}

._ImageTrigger_1w8j8_5147 {
  all: unset;
  cursor: pointer;
  border-radius: 100%;
  display: inline-block;

  &:focus {
    box-shadow: 0 0 0 2px white;
  }
}

._Image_1w8j8_5147 {
  display: block;
  border-radius: 100%;

  &.normal {
    width: 45px;
    height: 45px;
  }

  &.large {
    width: 60px;
    height: 60px;
  }
}

._Text_1w8j8_5173 {
  margin: 0;
  color: var(--mauve-12);
  font-size: 15px;
  line-height: 1.5;

  &.faded {
    color: var(--mauve-10);
  }

  &.bold {
    font-weight: 500;
  }
}

@keyframes _slideUpAndFade_1w8j8_1 {
  0% {
    opacity: 0;
    transform: translateY(2px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes _slideRightAndFade_1w8j8_1 {
  0% {
    opacity: 0;
    transform: translateX(-2px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes _slideDownAndFade_1w8j8_1 {
  0% {
    opacity: 0;
    transform: translateY(-2px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes _slideLeftAndFade_1w8j8_1 {
  0% {
    opacity: 0;
    transform: translateX(2px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@media (prefers-color-scheme: light) {
  ._emailClient_1w8j8_5 {
    background: #fff;
    color: #1f2937;
  }

  ._sidebar_1w8j8_556 {
    background: linear-gradient(180deg, rgba(251, 252, 255, 0.98), rgba(243, 246, 251, 0.96));
    border-right: 1px solid rgb(209, 209, 214);
    box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.7);
  }

  ._messageList_1w8j8_748 {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 253, 0.98));
    border-right: 1px solid rgba(210, 218, 228, 0.95);
  }

  ._messageContainer_1w8j8_1044,
  ._messageContentHeader_1w8j8_1409 {
    background: #ffffff;
    border-bottom: 1px solid transparent;
  }

  ._messageContentHeader_1w8j8_1409._overlapping_1w8j8_1414 {
    border-color: rgba(210, 218, 228, 0.5);
    background: rgba(247, 249, 252, 0.98);
  }

  ._sidebarHeader_1w8j8_572 h2,
  ._foldersHeader_1w8j8_697 h3,
  ._headerTop_1w8j8_809 h2,
  ._sender_1w8j8_1162,
  ._subject_1w8j8_1213,
  ._messageBodyHeader_1w8j8_2833 ._messageBodyHeaderLeft_1w8j8_2843 ._messageBodyHeaderLeftInfo_1w8j8_2849 ._messageBodyHeaderLeftInfoTitle_1w8j8_2857,
  ._messageBodyContent_1w8j8_2938 ._messageBodyContentHeaders_1w8j8_2943 ._messageBodyContentHeadersSubTitle_1w8j8_2958,
  ._messageBodyContentFooterMainTitle_1w8j8_3165,
  ._messageBodyContentFooterMainSubTitle_1w8j8_3185,
  ._Text_1w8j8_5173 {
    color: #1f2937;
  }

  ._mailboxName_1w8j8_642 {
    color: #243043;
  }

  ._count_1w8j8_655,
  ._headerInfo_1w8j8_848,
  ._preview_1w8j8_1243,
  ._summaryLine_1w8j8_1230,
  ._time_1w8j8_1175,
  ._messageBodyHeader_1w8j8_2833 ._messageBodyHeaderRight_1w8j8_2905 ._messageBodyHeaderRightDate_1w8j8_2911,
  ._messageBodyHeader_1w8j8_2833 ._messageBodyHeaderLeft_1w8j8_2843 ._messageBodyHeaderLeftInfo_1w8j8_2849 ._messageBodyHeaderLeftInfoSubtitle_1w8j8_2878 span,
  ._messageBodyHeaderLeftInfoSubtitle_1w8j8_2878,
  ._messageBodyContent_1w8j8_2938 ._messageBodyContentHeaders_1w8j8_2943 ._messageBodyContentHeadersTitle_1w8j8_2952,
  ._messageBodyContentSeparator_1w8j8_3030 span,
  ._messageBodyContentFooterSubTitle_1w8j8_3130,
  ._messageBodyContentFooterSubSubTitle_1w8j8_3137,
  ._messageBodyContentFooterSubAltTitle_1w8j8_3150,
  ._Text_1w8j8_5173.faded {
    color: rgba(71, 85, 105, 0.88) !important;
  }

  ._mailboxItem_1w8j8_603:hover,
  ._messageBodyHeader_1w8j8_2833 ._messageBodyHeaderLeft_1w8j8_2843 ._messageBodyHeaderLeftInfo_1w8j8_2849 ._messageBodyHeaderLeftInfoTitle_1w8j8_2857:hover,
  ._messageBodyHeader_1w8j8_2833 ._messageBodyHeaderLeft_1w8j8_2843 ._messageBodyHeaderLeftInfo_1w8j8_2849 ._messageBodyHeaderLeftInfoSubtitle_1w8j8_2878 span:hover,
  ._messageBodyHeader_1w8j8_2833 ._messageBodyHeaderRight_1w8j8_2905 ._messageDetailsButton_1w8j8_2920:hover,
  ._contextItem_1w8j8_4964:hover {
    background-color: rgba(200, 200, 200, 0.35);
  }

  ._mailboxItem_1w8j8_603._active_1w8j8_623 {
    background: rgba(120, 120, 128, 0.1);
    color: rgba(0, 0, 0, 0.88);

    &:hover {
      background: rgba(120, 120, 128, 0.2);
    }
  }

  ._iconButton_1w8j8_832,
  ._messageBodyHeader_1w8j8_2833 ._messageBodyHeaderRight_1w8j8_2905 ._messageDetailsButton_1w8j8_2920,
  ._detailsButton_1w8j8_1516,
  ._messageViewLink_1w8j8_4790 a,
  ._contextItem_1w8j8_4964 svg,
  ._mailboxItem_1w8j8_603 svg {
    color: #8A8A8D;
  }

  ._iconButton_1w8j8_832:hover {
    background-color: rgba(200, 200, 200, 0.35);
  }

  ._searchIcon_1w8j8_880,
  ._searchClearIcon_1w8j8_886 {
    color: #6b7280;
  }

  ._searchClearIcon_1w8j8_886:hover {
    background-color: rgba(148, 163, 184, 0.18);
  }

  ._searchInput_1w8j8_900 {
    background: rgba(248, 250, 252, 0.92);
    border: 1px solid rgb(209, 209, 214);
    color: #1f2937;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
  }

  ._searchInput_1w8j8_900::placeholder {
    color: #94a3b8;
  }

  ._searchInput_1w8j8_900:focus {
    outline: 3px solid rgba(126, 126, 128, 0.3);
    border-color: rgba(126, 126, 128, 0.56);
    caret-color: #8A8A8D;
  }

  ._topHits_1w8j8_921,
  ._messageBody_1w8j8_2818,
  ._messageC1Body_1w8j8_3463,
  ._messageC2Body_1w8j8_3897,
  ._messageC3Body_1w8j8_5358 {
    background: rgba(255, 255, 255, 0.985);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15);
  }

  ._messageBody_1w8j8_2818 {
    background: #ffffff;
  }

  ._topHits_1w8j8_921 ._topHitsLabel_1w8j8_928 {
    color: #1f2937;
  }

  ._messageItem_1w8j8_937._selected_1w8j8_941,
  ._topHits_1w8j8_921 ._messageItem_1w8j8_937._selected_1w8j8_941 {
    background: rgba(120, 120, 128, 0.15);
  }

  ._subject_1w8j8_1213 {
    color: #111827;
  }

  ._summaryLine_1w8j8_1230 {
    color: rgba(71, 85, 105, 0.88);
  }

  ._metaPill_1w8j8_1253 {
    background: rgba(148, 163, 184, 0.14);
    color: rgba(51, 65, 85, 0.92);
  }

  ._saleStateDot_1w8j8_5389 {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.98);
  }

  ._messageBodyContentFooterMain_1w8j8_3158 ._messageBodyContentFooterMainTitle_1w8j8_3165 ._saleStateBadge_1w8j8_1282 {
    color: #ffffff !important;
    background-color: inherit;
  }

  ._messageBodyContentFooterMain_1w8j8_3158 ._messageBodyContentFooterMainTitle_1w8j8_3165 ._saleStateBadge_paid_1w8j8_1297 {
    background: rgb(0, 170, 0) !important;
  }

  ._messageBodyContentFooterMain_1w8j8_3158 ._messageBodyContentFooterMainTitle_1w8j8_3165 ._saleStateBadge_due_1w8j8_1301 {
    background: rgb(228, 43, 43) !important;
  }

  ._messageBodyContentFooterMain_1w8j8_3158 ._messageBodyContentFooterMainTitle_1w8j8_3165 ._saleStateBadge_partiallypaid_1w8j8_1305 {
    background: rgb(224, 166, 32) !important;
  }

  ._messageItem_1w8j8_937._selected_1w8j8_941 ._metaPill_1w8j8_1253,
  ._topHits_1w8j8_921 ._messageItem_1w8j8_937._selected_1w8j8_941 ._metaPill_1w8j8_1253 {
    background: rgba(100, 116, 139, 0.18);
    color: #0f172a;
  }

  ._confirmDialog_1w8j8_1320 {
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 0 15px 0 rgba(15, 23, 42, 0.18);
    color: #111827;
  }

  ._confirmHeader_1w8j8_1329 p,
  ._confirmHint_1w8j8_1386 {
    color: rgba(71, 85, 105, 0.88);
  }

  ._confirmSecondary_1w8j8_457 {
    background: rgba(231, 231, 231, 0.98);
    color: #334155;
  }

  ._confirmSecondary_1w8j8_457:hover {
    background: rgba(220, 220, 220, 0.98);
    color: #1f2937;
  }

  ._confirmPrimary_1w8j8_458 {
    background: rgb(234, 52, 39);
    color: #fff;
  }

  ._confirmPrimary_1w8j8_458:hover {
    background: rgb(214, 44, 32);
  }

  ._messageContent_1w8j8_960:not(:focus-within) {
    border-bottom-color: rgba(226, 232, 240, 1);
  }

  ._actions_1w8j8_961 {
    background-color: rgba(51, 54, 56, 0.5);
    color: #ffffff;
  }

  ._unreadIndicator_1w8j8_1392,
  ._unreadDot_1w8j8_864 {
    background-color: #18a957;
  }

  ._avatarFallback_1w8j8_1048,
  ._avatarHoverFallback_1w8j8_5042 {
    background: linear-gradient(rgb(188, 198, 214), rgb(148, 163, 184));
    color: #f8fafc;
  }


  ._lightIcon_1w8j8_1123 {
    display: flex;
  }

  ._darkIcon_1w8j8_1127 {
    display: none;
  }

  ._lightModeIconBorder_1w8j8_5475 {
    border: 1px solid rgba(80, 85, 96, 0.15) !important;
    box-shadow: 0 0 7.5px 0.33px rgba(80, 85, 96, 0.1);
  }

  ._messageBodyHeader_1w8j8_2833 {
    border-bottom-color: rgba(226, 232, 240, 0.95);
  }

  ._messageBodyContent_1w8j8_2938 ._messageBodyContentHeaders_1w8j8_2943 ._messageBodyContentHeadersItemL_1w8j8_2968,
  ._messageBodyContent_1w8j8_2938 ._messageBodyContentHeaders_1w8j8_2943 ._messageBodyContentHeadersItemS_1w8j8_2988,
  ._messageBodyContentSeparator_1w8j8_3030 span,
  ._messageBodyContentFooterMain_1w8j8_3158,
  ._messageBodyContentFooterSub_1w8j8_3126,
  ._messageBodyContentFooterSubAlt_1w8j8_3146 {
    background-color: rgba(241, 241, 241, 1) !important;
    color: #1f2937;
  }

  ._messageBodyContentFooterSubAlt_1w8j8_3146,
  ._messageBodyContentFooterSubTitle_1w8j8_3130,
  ._messageBodyContentFooterSubAltTitle_1w8j8_3150 {
    color: rgba(71, 85, 105, 0.84) !important;
    background-color: transparent !important;
  }

  ._messageC1Body_1w8j8_3463 ._messageBodyContent_1w8j8_2938 ._messageBodyContentSeparator_1w8j8_3030 span,
  ._messageC2Body_1w8j8_3897 ._messageBodyContent_1w8j8_2938 ._messageBodyContentSeparator_1w8j8_3030 span,
  ._messageC3Body_1w8j8_5358 ._messageBodyContent_1w8j8_2938 ._messageBodyContentSeparator_1w8j8_3030 span {
    color: rgba(71, 85, 105, 0.82) !important;
    background-color: transparent !important;
    border-top: 1px solid rgba(226, 232, 240, 0.96);
    border-bottom: 1px solid rgba(226, 232, 240, 0.96);
  }

  ._messageBodyContentFooterMain_1w8j8_3158,
  ._messageBodyContentItemDetailsTitle_1w8j8_3089,
  ._messageBodyContentItemTotalsAmount_1w8j8_3112,
  ._messageBodyContentFooterSubSubTitle_1w8j8_3137,
  ._messageBodyContentFooterMainTitle_1w8j8_3165,
  ._messageBodyContentFooterMainSubTitle_1w8j8_3185 {
    color: #1f2937 !important;
    background-color: transparent !important;
  }

  ._messageBodyContentItemImage_1w8j8_3076 {
    border: 1px solid rgba(80, 85, 96, 0.2) !important;
  }

  ._messageC1Body_1w8j8_3463 ._messageBodyContentFooter_1w8j8_3121 ._messageBodyContentFooterMain_1w8j8_3158 ._messageBodyContentFooterMainTitle_1w8j8_3165 span,
  ._messageC2Body_1w8j8_3897 ._messageBodyContentFooter_1w8j8_3121 ._messageBodyContentFooterMain_1w8j8_3158 ._messageBodyContentFooterMainTitle_1w8j8_3165 span,
  ._messageC3Body_1w8j8_5358 ._messageBodyContentFooter_1w8j8_3121 ._messageBodyContentFooterMain_1w8j8_3158 ._messageBodyContentFooterMainTitle_1w8j8_3165 span {
    padding: 0;
  }

  ._messageBodyContentItemDetailsSubTitle_1w8j8_3095 {
    color: rgba(71, 85, 105, 0.84) !important;
    background: transparent !important;
  }

  ._messageBodyContentFooterSub_1w8j8_3126,
  ._messageBodyContentFooterSubTitle_1w8j8_3130 {
    color: #1f2937 !important;
    background: transparent !important;
  }

  ._messageBodyContentFooterMain_1w8j8_3158 {
    border-top: 1px solid rgba(226, 232, 240, 0.95) !important;
    border-bottom: 1px solid rgba(226, 232, 240, 0.95) !important;
  }

  ._messageBodyContentFooterMain_1w8j8_3158 ._messageBodyContentFooterMainTitle_1w8j8_3165 {
    border-right: 1px solid rgba(226, 232, 240, 0.95) !important;
  }

  ._messageC1Body_1w8j8_3463 ._messageBodyContent_1w8j8_2938 ._messageBodyContentHeaders_1w8j8_2943 ._messageBodyContentHeadersItem_1w8j8_2968,
  ._messageC2Body_1w8j8_3897 ._messageBodyContent_1w8j8_2938 ._messageBodyContentHeaders_1w8j8_2943 ._messageBodyContentHeadersItem_1w8j8_2968 {
    background-color: rgba(241, 241, 241, 1);
  }

  ._messageC1Body_1w8j8_3463 ._messageBodyContent_1w8j8_2938 ._messageBodyContentHeaders_1w8j8_2943 ._messageBodyContentHeadersItem_1w8j8_2968:nth-child(even),
  ._messageC2Body_1w8j8_3897 ._messageBodyContent_1w8j8_2938 ._messageBodyContentHeaders_1w8j8_2943 ._messageBodyContentHeadersItem_1w8j8_2968:nth-child(even) {
    background-color: rgba(249, 249, 249, 1);
  }

  ._messageC1Body_1w8j8_3463 ._messageBodyContent_1w8j8_2938 ._messageBodyContentHeaders_1w8j8_2943 ._addDocumentButton_1w8j8_3722,
  ._messageC2Body_1w8j8_3897 ._messageBodyContent_1w8j8_2938 ._messageBodyContentHeaders_1w8j8_2943 ._addDocumentButton_1w8j8_3722 {
    background: transparent !important;
    border-radius: 18px;
  }

  ._messageC1Body_1w8j8_3463 ._messageBodyContent_1w8j8_2938 ._messageBodyContentHeaders_1w8j8_2943 ._messageBodyContentHeadersItemTADB_1w8j8_3701,
  ._messageC2Body_1w8j8_3897 ._messageBodyContent_1w8j8_2938 ._messageBodyContentHeaders_1w8j8_2943 ._messageBodyContentHeadersItemTADB_1w8j8_3701 {
    background: rgba(0, 0, 0, 0.075) !important;
    color: #1f2937;
  }

  ._messageC1Body_1w8j8_3463 ._messageBodyContent_1w8j8_2938 ._messageBodyContentHeaders_1w8j8_2943 ._messageBodyContentHeadersItemTPICON_1w8j8_3374,
  ._messageC2Body_1w8j8_3897 ._messageBodyContent_1w8j8_2938 ._messageBodyContentHeaders_1w8j8_2943 ._messageBodyContentHeadersItemTPICON_1w8j8_3374 {
    color: rgba(71, 85, 105, 0.82);
  }

  ._messageC1Body_1w8j8_3463 ._messageBodyContent_1w8j8_2938 ._messageBodyContentHeaders_1w8j8_2943 ._messageBodyContentHeadersItemTPICON_1w8j8_3374 svg,
  ._messageC2Body_1w8j8_3897 ._messageBodyContent_1w8j8_2938 ._messageBodyContentHeaders_1w8j8_2943 ._messageBodyContentHeadersItemTPICON_1w8j8_3374 svg {
    color: rgba(71, 85, 105, 0.82);
  }

  ._messageC1Body_1w8j8_3463 ._messageBodyContent_1w8j8_2938 ._messageBodyContentHeaders_1w8j8_2943 ._messageBodyContentHeadersItemTDT_1w8j8_3534,
  ._messageC2Body_1w8j8_3897 ._messageBodyContent_1w8j8_2938 ._messageBodyContentHeaders_1w8j8_2943 ._messageBodyContentHeadersItemTPDF_1w8j8_3965,
  ._messageC2Body_1w8j8_3897 ._messageBodyContent_1w8j8_2938 ._messageBodyContentHeaders_1w8j8_2943 ._messageBodyContentHeadersItemTPNG_1w8j8_3979,
  ._messageC2Body_1w8j8_3897 ._messageBodyContent_1w8j8_2938 ._messageBodyContentHeaders_1w8j8_2943 ._messageBodyContentHeadersItemTJPG_1w8j8_3993,
  ._messageC2Body_1w8j8_3897 ._messageBodyContent_1w8j8_2938 ._messageBodyContentHeaders_1w8j8_2943 ._messageBodyContentHeadersItemTXLS_1w8j8_4007 {
    box-shadow: 0 8px 18px rgba(148, 163, 184, 0.18);
  }

  ._PaymentOverlay_1w8j8_3198 {
    background-color: rgba(245, 245, 247, 0.85);
  }

  ._PaymentOverlayContent_1w8j8_3206 {
    background-color: rgba(255, 255, 255, 0.98);
    box-shadow: 0 0 15px 0 rgba(15, 23, 42, 0.18);
    border: 1px solid rgba(205, 208, 213, 0.96);
  }

  ._PaymentOverlayContent_1w8j8_3206 ._PaymentOverlayContentSidebar_1w8j8_3226 {
    background: rgba(248, 250, 252, 0.95);
    border-right: 1px solid rgba(218, 222, 228, 0.96);
  }

  ._PaymentOverlayContent_1w8j8_3206 ._PaymentOverlayCloseIcon_1w8j8_3235 {
    color: #3e454f !important;
    background-color: rgba(248, 250, 252, 0.95);

    &:hover {
      background-color: rgba(120, 120, 128, 0.2);
    }
  }

  ._PaymentOverlayContent_1w8j8_3206 ._PaymentOverlayContentMain_1w8j8_3252,
  ._PaymentOverlayContent_1w8j8_3206 ._PaymentOverlayContentMain_1w8j8_3252 ._PaymentOverlayContentMainTitle_1w8j8_3258,
  ._PaymentOverlayContent_1w8j8_3206 ._PaymentOverlayContentMain_1w8j8_3252 ._PaymentOverlayContentMainSectionTitle_1w8j8_3271,
  ._PaymentOverlayContent_1w8j8_3206 ._PaymentOverlayContentMain_1w8j8_3252 ._PaymentOverlayContentMainSectionValue_1w8j8_3278 {
    color: #1f2937 !important;
    border-color: rgba(189, 193, 198, 0.76) !important;
  }

  ._PaymentOverlayContent_1w8j8_3206 ._PaymentOverlayContentMain_1w8j8_3252 ._PaymentOverlayContentMainSectionBody_1w8j8_3334 {
    color: rgba(71, 85, 105, 0.88) !important;
  }

  ._PaymentOverlayContent_1w8j8_3206 ._PaymentOverlayContentMain_1w8j8_3252 ._PaymentOverlayContentMainSectionTable_1w8j8_3346 ._messageBodyContentHeadersItem_1w8j8_2968,
  ._PaymentOverlayContent_1w8j8_3206 ._PaymentOverlayContentMain_1w8j8_3252 ._PaymentOverlayContentMainSectionTable1_1w8j8_3393 ._messageBodyContentHeadersItem_1w8j8_2968 {
    background-color: rgba(241, 241, 241, 0.98) !important;
    border-color: rgba(189, 193, 198, 0.76) !important;
  }

  ._messageBodyContentHeadersItemTPICON_1w8j8_3374 {
    color: rgba(71, 85, 105, 0.85) !important;
  }

  ._messageBodyContentHeadersItemTPICON_1w8j8_3374 svg {
    color: rgba(71, 85, 105, 0.85) !important;
  }

  ._PaymentOverlayContent_1w8j8_3206 ._PaymentOverlayContentMain_1w8j8_3252 ._PaymentOverlayContentMainSectionBtnPrimary_1w8j8_3301 {
    background: #000 !important;
    color: #fff !important;
  }

  ._PaymentOverlayContent_1w8j8_3206 ._PaymentOverlayContentMain_1w8j8_3252 ._PaymentOverlayContentMainSectionBtnSecondary_1w8j8_3318 {
    background: rgba(231, 231, 231, 0.98) !important;
    color: #334155;
  }

  ._scrollbar_1w8j8_4867 {
    background: rgba(203, 213, 225, 0.32);
  }

  ._scrollbar_1w8j8_4867:hover {
    background: rgba(148, 163, 184, 0.36);
  }

  ._scrollThumb_1w8j8_4889 {
    background: rgba(148, 163, 184, 0.72);
  }

  ._scrollThumb_1w8j8_4889:hover {
    background: rgba(100, 116, 139, 0.84);
  }

  ._contextMenu_1w8j8_4921,
  ._hoverCardContent_1w8j8_5019,
  ._Content_1w8j8_5114 {
    background: rgba(255, 255, 255, 0.98);
    border: 1px solid rgba(226, 232, 240, 0.95);
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.14);
    color: #1f2937;
  }

  ._contextItem_1w8j8_4964[data-disabled] {
    color: #111827;
  }

  ._separator_1w8j8_5011 {
    background-color: rgba(226, 232, 240, 0.95);
  }

  ._Arrow_1w8j8_5143 {
    fill: rgba(226, 232, 240, 0.95);
  }

  ._ImageTrigger_1w8j8_5147:focus {
    box-shadow: 0 0 0 2px rgba(24, 169, 87, 0.35);
  }

  ._customerPaneTabs_1w8j8_63 {
    background: rgba(236, 240, 246, 0.9);
    border: 1px solid rgba(212, 220, 232, 0.9);
  }

  ._customerPaneTabButton_1w8j8_75 {
    color: rgba(51, 65, 85, 0.78);
  }

  ._customerPaneTabButtonActive_1w8j8_82 {
    background: rgba(255, 255, 255, 0.98);
    color: #0f172a;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
  }

  ._customerPhotoButton_1w8j8_1673 {
    border: none;
    background: rgba(246, 248, 252, 0.95);
  }

  ._customerMiniCard_1w8j8_134,
  ._customerMetricCard_1w8j8_189,
  ._customerFinanceCard_1w8j8_188,
  ._customerScopeBlock_1w8j8_2230,
  ._customerNoteItem_1w8j8_167,
  ._customerProfileStackCard_1w8j8_1775,
  ._customerHeatmapTile_1w8j8_126,
  ._customerFinanceModalCard_1w8j8_2124,
  ._customerAgingItem_1w8j8_2044 {
    background: rgba(248, 250, 253, 0.98) !important;
    border-color: rgba(214, 223, 235, 0.9) !important;
    box-shadow: none !important;
  }

  ._customerProfileAddressTile_1w8j8_213,
  ._customerProfileMapTile_1w8j8_214 {
    background: rgba(255, 255, 255, 0.985) !important;
    border: 1px solid rgba(208, 218, 232, 0.96) !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08) !important;
  }

  ._customerMiniCard_1w8j8_134:hover,
  ._customerScopeBlock_1w8j8_2230:hover,
  ._customerNoteItem_1w8j8_167:hover,
  ._customerProfileStackCard_1w8j8_1775:hover {
    background: rgba(242, 246, 252, 0.98) !important;
  }

  ._customerProfileOverviewCard_1w8j8_87,
  ._customerProfileOverviewCard_1w8j8_87:hover {
    background: rgba(248, 250, 253, 0.98) !important;
    border-color: rgba(214, 223, 235, 0.9) !important;
  }

  ._customerSectionEyebrow_1w8j8_147,
  ._customerMetricLabel_1w8j8_2178,
  ._customerProfileLabel_1w8j8_2376,
  ._customerAddressTitle_1w8j8_2458,
  ._customerScopeBlockTitle_1w8j8_2242,
  ._customerScopeTitle_1w8j8_2652 {
    color: rgba(71, 85, 105, 0.86) !important;
  }

  ._customerMetricValue_1w8j8_2185,
  ._customerProfileValue_1w8j8_2384,
  ._customerNoteTitle_1w8j8_1808,
  ._customerNoteBody_1w8j8_1815,
  ._customerInsightValue_1w8j8_2306,
  ._customerFinancePercent_1w8j8_1995,
  ._customerAgingItem_1w8j8_2044 strong {
    color: #0f172a !important;
  }

  ._customerHeaderMetaText_1w8j8_1844,
  ._customerHeaderMetaDot_1w8j8_1851,
  ._customerOverviewMetaItem_1w8j8_1838,
  ._customerAddressLine_1w8j8_2466,
  ._customerAnalyticsSummaryLabel_1w8j8_5768,
  ._customerQuickFact_1w8j8_2290 {
    color: rgba(51, 65, 85, 0.82) !important;
  }

  ._customerAddressShareButton_1w8j8_2435 {
    background: rgba(228, 237, 248, 0.88);
    color: #8A8A8D;
    border: 1px solid rgba(188, 204, 224, 0.95);
  }

  ._customerAddressShareButton_1w8j8_2435:hover {
    background: rgba(217, 230, 245, 0.92);
    color: #6F6F72;
  }

  ._customerAddressPill_1w8j8_2502,
  ._customerScopeTag_1w8j8_2250,
  ._customerScopeTagMuted_1w8j8_2251,
  ._customerScopeMore_1w8j8_2275,
  ._customerRecentSalesByPill_1w8j8_4699 {
    background: rgba(226, 232, 240, 0.78) !important;
    border-color: rgba(198, 209, 224, 0.94) !important;
    color: rgba(51, 65, 85, 0.9) !important;
  }

  ._customerRecentSalesThumbOverflow_1w8j8_4635 {
    background: rgba(100, 116, 139, 0.9) !important;
    color: rgba(255, 255, 255, 0.98) !important;
    border: 1px solid rgba(148, 163, 184, 0.35) !important;
  }

  ._customerStatusText_1w8j8_2329,
  ._customerStatusText_active_1w8j8_2336,
  ._customerStatusText_inactive_1w8j8_2340,
  ._customerStatusText_warning_1w8j8_2344 {
    color: #1f2937 !important;
    font-weight: 400 !important;
  }

  ._customerFinanceCockpit_1w8j8_162,
  ._customerFinanceTopRow_1w8j8_178,
  ._customerMetricsGrid_1w8j8_1941,
  ._customerAnalyticsMetricsGrid_1w8j8_179,
  ._customerScopeDualBlocks_1w8j8_2220 {
    background: transparent !important;
  }

  ._financeBarTrack_1w8j8_2002,
  ._customerAgingTrack_1w8j8_2066 {
    background: rgba(203, 213, 225, 0.62) !important;
  }

  ._financeBarFill_1w8j8_2010,
  ._customerAgingFill_1w8j8_2074 {
    background: rgba(71, 85, 105, 0.86) !important;
  }

  ._customerRecentSalesTile_1w8j8_4525,
  ._customerRecentSalesCard_1w8j8_4563 {
    background: rgba(241, 241, 241, 1) !important;
    border-color: rgba(214, 223, 235, 0.9) !important;
  }

  ._customerRecentSalesTile_1w8j8_4525:nth-child(even) {
    background: rgba(249, 249, 249, 1) !important;
  }

  ._customerRecentSalesAddTile_1w8j8_4721 {
    background: transparent !important;
  }

  ._customerRecentSalesTile_1w8j8_4525._customerRecentSalesAddTile_1w8j8_4721,
  ._customerRecentSalesTile_1w8j8_4525._customerRecentSalesAddTile_1w8j8_4721:nth-child(even) {
    background: transparent !important;
  }

  ._customerRecentSalesAddButton_1w8j8_4734 {
    color: rgba(71, 85, 105, 0.82) !important;
  }

  ._customerRecentSalesIcon_1w8j8_4573 {
    color: rgba(51, 65, 85, 0.9) !important;
  }

  ._locationAssignmentsBody_1w8j8_4155 {
    background: rgba(255, 255, 255, 0.985) !important;
    border: none !important;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15) !important;
  }

  ._locationAssignmentCard_1w8j8_4178:hover {
    background-color: rgba(0, 0, 0, 0.03) !important;
  }

  ._locationAssignmentCardPlaceholder_1w8j8_4211 {
    color: rgba(0, 0, 0, 0.28) !important;
  }

  ._locationAssignmentCardPhoto_1w8j8_4193 {
    background-color: rgba(0, 0, 0, 0.04) !important;
  }

  ._locationAssignmentCardName_1w8j8_4233 {
    color: rgba(0, 0, 0, 0.85) !important;
  }

  ._locationAssignmentCardMeta_1w8j8_4243 {
    color: rgba(0, 0, 0, 0.44) !important;
  }

  ._locationAssignmentCardDates_1w8j8_4253 {
    color: rgba(0, 0, 0, 0.32) !important;
  }

  ._locationAssignmentCardRemove_1w8j8_4262 {
    color: rgba(0, 0, 0, 0.62) !important;
    background-color: rgba(0, 0, 0, 0.05) !important;
  }

  ._locationAssignmentCardRemove_1w8j8_4262:hover {
    color: rgba(220, 50, 50, 0.65) !important;
    background-color: rgba(220, 50, 50, 0.06) !important;
  }

  ._locationRemovalModal_1w8j8_4292 {
    border-color: rgba(15, 23, 42, 0.12);
    background: rgb(250, 250, 252);
    color: rgba(15, 23, 42, 0.92);
    box-shadow: 0 24px 80px rgba(15, 23, 42, 0.22);
  }

  ._locationRemovalHeader_1w8j8_4307,
  ._locationRemovalFooter_1w8j8_4426 {
    border-color: rgba(15, 23, 42, 0.1);
  }

  ._locationRemovalHeader_1w8j8_4307 p,
  ._locationRemovalBody_1w8j8_4334 > p,
  ._locationRemovalSummary_1w8j8_4404 span,
  ._locationRemovalSummary_1w8j8_4404 small {
    color: rgba(15, 23, 42, 0.52);
  }

  ._locationRemovalSummary_1w8j8_4404 {
    background: rgba(15, 23, 42, 0.045);
  }

  ._locationRemovalSummary_1w8j8_4404 strong {
    color: rgba(15, 23, 42, 0.92);
  }

  ._pendingInviteCard_1w8j8_4362 {
    border-color: rgba(15, 23, 42, 0.12);
    background: rgba(15, 23, 42, 0.035);
  }

  ._pendingInviteCode_1w8j8_4377 {
    color: rgba(15, 23, 42, 0.92);
  }

  ._pendingInviteMeta_1w8j8_4385 {
    color: rgba(15, 23, 42, 0.68);
  }

  ._pendingInviteExpiry_1w8j8_4394 {
    color: rgba(15, 23, 42, 0.48);
  }

  ._locationRemovalFooter_1w8j8_4426 button {
    background: rgba(15, 23, 42, 0.07);
    color: rgba(15, 23, 42, 0.76);
  }

  ._locationRemovalFooter_1w8j8_4426 ._locationRemovalConfirm_1w8j8_4449 {
    background: rgba(15, 23, 42, 0.92);
    color: white;
  }

  ._locationAssignmentsBody_1w8j8_4155 ._messageBodyContentFooter_1w8j8_3121 {
    border-top-color: rgba(214, 223, 235, 0.7) !important;
  }

  ._locationAssignmentsBody_1w8j8_4155 ._messageBodyContentFooterSubAltTitle_1w8j8_3150 {
    color: rgba(0, 0, 0, 0.35) !important;
  }

  ._customerRecentSalesBody_1w8j8_4492 {
    background: rgba(255, 255, 255, 0.985) !important;
    border: none !important;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15) !important;
  }

  ._customerRecentSalesAmount_1w8j8_4592,
  ._customerRecentSalesInvoice_1w8j8_4662 {
    color: #0f172a !important;
  }

  ._customerRecentSalesOrder_1w8j8_4674,
  ._customerRecentSalesDate_1w8j8_4675,
  ._customerDetailsLastEditText_1w8j8_4775 {
    color: rgba(71, 85, 105, 0.84) !important;
  }

  ._customerRecentSalesContent_1w8j8_4508 ._messageBodyContentFooter_1w8j8_3121,
  ._customerDetailsLastEditRow_1w8j8_4770 {
    border-top-color: rgba(214, 223, 235, 0.92) !important;
  }

  ._customerMapImageDark_1w8j8_2791 {
    display: none;
  }

  ._customerMapImageLight_1w8j8_2795 {
    display: block;
    filter: hue-rotate(18deg) saturate(0.92) contrast(1.04) brightness(1.03);
  }

  ._customerProfileMapTile_1w8j8_214 ._customerProfileLabel_1w8j8_2376 {
    background: rgba(255, 255, 255, 0.9) !important;
    border-color: rgba(198, 209, 224, 0.92) !important;
    color: rgba(51, 65, 85, 0.9) !important;
  }

  ._customerProfileMapTile_1w8j8_214 ._customerProfileAddressMeta_1w8j8_2678 {
    background: rgba(255, 255, 255, 0.88) !important;
    border: 1px solid rgba(198, 209, 224, 0.86) !important;
    color: rgba(51, 65, 85, 0.9) !important;
  }

  ._policySelectDropdown_1w8j8_196 {
    background: rgba(255, 255, 255, 0.95) !important;
    border-color: rgba(198, 209, 224, 0.7) !important;
    color: rgba(30, 41, 59, 0.9) !important;
  }

  ._policyReasonInput_1w8j8_197 {
    background: rgba(255, 255, 255, 0.95) !important;
    border-color: rgba(198, 209, 224, 0.7) !important;
    color: rgba(30, 41, 59, 0.9) !important;
  }
}

._policySelectDropdown_1w8j8_196 {
  width: 100%;
  padding: 7px 10px;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.88);
  font-size: 12px;
  outline: none;
  margin-top: 4px;
}

._policyReasonInput_1w8j8_197 {
  width: 100%;
  padding: 7px 10px;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.88);
  font-size: 12px;
  outline: none;
  margin-top: 4px;
}

._scopeEditorModal_1w8j8_6035 {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: min(880px, calc(100vw - 40px));
  max-height: min(85vh, 900px);
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgb(28, 28, 30);
  box-shadow: rgba(0, 0, 0, 0.45) 0 20px 60px;
  z-index: 5001;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

._scopeEditorChrome_1w8j8_6052 {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: min(85vh, 900px);
}

._scopeEditorTitleBar_1w8j8_6059 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  flex-shrink: 0;
}

._scopeEditorTitle_1w8j8_6059 {
  font-size: 14px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.88);
}

._scopeEditorCloseBtn_1w8j8_300 {
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 120ms;
}

._scopeEditorCloseBtn_1w8j8_300:hover {
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.8);
}

._scopeEditorPanes_1w8j8_6093 {
  display: flex;
  flex: 1;
  min-height: 0;
}

._scopeEditorSidebar_1w8j8_6099 {
  width: 220px;
  flex-shrink: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.06);
  padding: 14px 12px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  overflow-y: auto;
}

._scopeEditorUserCard_1w8j8_6110 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 10px 0 12px;
}

._scopeEditorAvatar_1w8j8_6118 {
  width: 32px;
  height: 32px;
}

._scopeEditorAvatarFallback_1w8j8_6123 {
  width: 100%;
  height: 100%;
  border: 0;
  background: linear-gradient(rgb(166, 171, 183), rgb(134, 138, 147));
  font-size: 15px;
  font-weight: 400;
  color: rgb(224, 236, 248);
}

._scopeEditorUserName_1w8j8_6133 {
  font-size: 13px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.9);
  text-align: center;
}

._scopeEditorUserMeta_1w8j8_6140 {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.4);
  text-align: center;
}

._scopeEditorPolicyRow_1w8j8_6146 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 8px;
}

._scopeEditorPolicyLabel_1w8j8_6153 {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.4);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

._scopeEditorPolicyValue_1w8j8_6160 {
  font-size: 12px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.75);
}

._scopeEditorStatusActive_1w8j8_6166 {
  color: #34c759;
}

._scopeEditorSidebarDivider_1w8j8_6170 {
  height: 1px;
  background: rgba(255, 255, 255, 0.06);
  margin: 4px 0;
}

._scopeEditorSidebarNav_1w8j8_6176 {
  display: flex;
  flex-direction: column;
  gap: 1px;
}

._scopeEditorNavItem_1w8j8_6182 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 7px 8px;
  border-radius: 6px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
  cursor: pointer;
  transition: background 120ms;
}

._scopeEditorNavItem_1w8j8_6182:hover {
  background: rgba(255, 255, 255, 0.05);
}

._scopeEditorNavLabel_1w8j8_6199 {
  font-weight: 400;
}

._scopeEditorNavCount_1w8j8_6203 {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.35);
  font-variant-numeric: tabular-nums;
}

._scopeEditorMain_1w8j8_6209 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  padding: 14px 16px;
}

._scopeBlockList_1w8j8_6218 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 1;
}

._scopeBlock_1w8j8_6218 {
  border-radius: 16px;
  overflow: hidden;
  background: rgba(96, 98, 108, 0.15);
  backdrop-filter: blur(8px) saturate(1.02);
  -webkit-backdrop-filter: blur(8px) saturate(1.02);
}

._scopeBlockHeader_1w8j8_6233 {
  padding: 14px 20px 12px 16px;
  display: flex;
  align-items: center;
  gap: 12px;
}

._scopeBlockIcon_1w8j8_6240 {
  width: 36px;
  height: 36px;
  min-width: 36px;
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(255, 255, 255, 0.88);
  overflow: hidden;
}

._scopeBlockIcon_1w8j8_6240 picture {
  display: flex;
  width: 100%;
  height: 100%;
}

._scopeBlockIconImg_1w8j8_6261 {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

._scopeBlockHeaderText_1w8j8_6268 {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}

._scopeBlockTitle_1w8j8_6275 {
  font-size: 15px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.92);
  line-height: 1.2;
}

._scopeBlockDesc_1w8j8_6282 {
  font-size: 12.5px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.40);
  line-height: 1.3;
}

._scopeBlockActions_1w8j8_6289 {
  padding: 0;
}

._scopeRow_1w8j8_6293 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 54px;
  padding: 0 20px;
  position: relative;
}

._scopeRow_1w8j8_6293::after {
  content: "";
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 0;
  height: 1px;
  background: rgba(255, 255, 255, 0.07);
}

._scopeRow_1w8j8_6293:last-child::after {
  display: none;
}

._scopeRowLeft_1w8j8_6316 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1px;
}

._scopeRowLabel_1w8j8_6323 {
  font-size: 15px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.92);
}

._scopeRowHint_1w8j8_6329 {
  font-size: 12px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.34);
  line-height: 1.2;
  margin-top: 2px;
}

._scopeRowDisabled_1w8j8_6337 ._scopeRowLabel_1w8j8_6323 { color: rgba(255, 255, 255, 0.42); }
._scopeRowDisabled_1w8j8_6337 ._scopeRowHint_1w8j8_6329 { color: #ff9f43; }
._scopeRowDisabled_1w8j8_6337 ._scopeSlider_1w8j8_6339 { opacity: 0.4; }

._scopeSwitch_1w8j8_6341 {
  position: relative;
  display: inline-flex;
  width: 34px;
  height: 20px;
  flex: 0 0 34px;
}

._scopeSwitch_1w8j8_6341 input {
  position: absolute;
  inset: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  cursor: pointer;
}

._scopeSwitch_1w8j8_6341 input:disabled {
  cursor: not-allowed;
}

._scopeSlider_1w8j8_6339 {
  position: absolute;
  inset: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.24);
  transition: background-color 160ms ease;
}

._scopeSlider_1w8j8_6339::before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  left: 2px;
  top: 2px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.96);
  transition: transform 160ms ease;
}

._scopeSwitch_1w8j8_6341 input:checked + ._scopeSlider_1w8j8_6339 {
  background: #0071e3;
}

._scopeSwitch_1w8j8_6341 input:checked + ._scopeSlider_1w8j8_6339::before {
  transform: translateX(14px);
}

._scopeEditorHint_1w8j8_6391 {
  margin: 12px 0 0;
  padding: 0 2px;
  color: rgba(255, 255, 255, 0.48);
  font-size: 12.5px;
  line-height: 1.4;
  text-align: center;
}

._scopeEditorActions_1w8j8_6400 {
  padding: 16px 0 4px;
  display: flex;
  justify-content: center;
  gap: 8px;
  flex-shrink: 0;
}

._scopeActionBtn_1w8j8_6408 {
  flex: 1;
  height: 40px;
  border: 0;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.76);
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
  transition: background 120ms ease;
}

._scopeActionBtn_1w8j8_6408:hover {
  background: rgba(255, 255, 255, 0.12);
}

._scopeActionBtnPrimary_1w8j8_6425 {
  background: #0071e3;
  color: rgba(255, 255, 255, 0.96);
}

._scopeActionBtnPrimary_1w8j8_6425:hover {
  background: #0077ed;
}

@media (prefers-color-scheme: light) {
  ._scopeEditorModal_1w8j8_6035 {
    background: rgb(250, 250, 252);
    border-color: rgba(198, 209, 224, 0.5);
    box-shadow: rgba(0, 0, 0, 0.1) 0 12px 40px;
  }

  ._scopeEditorTitleBar_1w8j8_6059 {
    border-bottom-color: rgba(0, 0, 0, 0.06);
  }

  ._scopeEditorTitle_1w8j8_6059 {
    color: rgba(30, 41, 59, 0.88);
  }

  ._scopeEditorCloseBtn_1w8j8_300 {
    background: rgba(0, 0, 0, 0.04);
    color: rgba(30, 41, 59, 0.5);
  }

  ._scopeEditorCloseBtn_1w8j8_300:hover {
    background: rgba(0, 0, 0, 0.08);
    color: rgba(30, 41, 59, 0.8);
  }

  ._scopeEditorSidebar_1w8j8_6099 {
    border-right-color: rgba(0, 0, 0, 0.06);
  }

  ._scopeEditorAvatarFallback_1w8j8_6123 {
    border: 0;
    background: linear-gradient(rgb(188, 198, 214), rgb(148, 163, 184));
    color: #f8fafc;
  }

  ._scopeEditorUserName_1w8j8_6133 {
    color: rgba(30, 41, 59, 0.9);
  }

  ._scopeEditorUserMeta_1w8j8_6140 {
    color: rgba(30, 41, 59, 0.45);
  }

  ._scopeEditorPolicyLabel_1w8j8_6153 {
    color: rgba(30, 41, 59, 0.4);
  }

  ._scopeEditorPolicyValue_1w8j8_6160 {
    color: rgba(30, 41, 59, 0.75);
  }

  ._scopeEditorSidebarDivider_1w8j8_6170 {
    background: rgba(0, 0, 0, 0.06);
  }

  ._scopeEditorNavItem_1w8j8_6182 {
    color: rgba(30, 41, 59, 0.7);
  }

  ._scopeEditorNavItem_1w8j8_6182:hover {
    background: rgba(0, 0, 0, 0.04);
  }

  ._scopeEditorNavCount_1w8j8_6203 {
    color: rgba(30, 41, 59, 0.35);
  }

  ._scopeBlock_1w8j8_6218 {
    background: rgba(0, 0, 0, 0.03);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  ._scopeBlockIcon_1w8j8_6240 {
    background: rgba(0, 0, 0, 0.06);
    border-color: rgba(0, 0, 0, 0.04);
    box-shadow: none;
    color: rgba(30, 41, 59, 0.75);
  }

  ._scopeBlockTitle_1w8j8_6275 {
    color: rgba(30, 41, 59, 0.9);
  }

  ._scopeBlockDesc_1w8j8_6282 {
    color: rgba(30, 41, 59, 0.45);
  }

  ._scopeRowLabel_1w8j8_6323 {
    color: rgba(30, 41, 59, 0.88);
  }

  ._scopeRowHint_1w8j8_6329 {
    color: rgba(30, 41, 59, 0.38);
  }

  ._scopeRow_1w8j8_6293::after {
    background: rgba(0, 0, 0, 0.06);
  }

  ._scopeSlider_1w8j8_6339 {
    background: rgba(0, 0, 0, 0.18);
  }

  ._scopeSlider_1w8j8_6339::before {
    background: #fff;
  }

  ._scopeActionBtn_1w8j8_6408 {
    background: rgba(15, 23, 42, 0.06);
    color: rgba(15, 23, 42, 0.72);
  }

  ._scopeActionBtn_1w8j8_6408:hover {
    background: rgba(15, 23, 42, 0.10);
  }

  ._scopeActionBtnPrimary_1w8j8_6425 {
    background: #0071e3;
    color: #fff;
  }

  ._scopeActionBtnPrimary_1w8j8_6425:hover {
    background: #0077ed;
  }
}

/* ── Directory Create Form (inventory-level maturity) ── */

._directoryModal_1w8j8_6563 {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90vw;
  max-width: 860px;
  height: 640px;
  max-height: calc(100vh - 32px);
  border-radius: 10.5px;
  background: rgb(28, 28, 30);
  box-shadow: rgba(0, 0, 0, 0.15) 0 0 15px, rgba(0, 0, 0, 0.1) 0 0 0 1px;
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr);
  overflow: hidden;
  z-index: 5001;
  animation: _contentShow_1w8j8_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
}

._directoryModal_1w8j8_6563:focus { outline: none; }

._directoryEditModal_1w8j8_6584 {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: min(760px, calc(100vw - 32px));
  max-height: calc(100vh - 32px);
  overflow: hidden;
  border-radius: 11px;
  background: rgb(28, 28, 30);
  box-shadow: 0 20px 60px rgba(0,0,0,.45), 0 0 0 1px rgba(120,120,128,.25);
  z-index: 5002;
}

._directoryEditModal_1w8j8_6584:focus { outline: none; }
._directoryEditHeader_1w8j8_6599 { min-height: 70px; padding: 16px 20px; display: flex; justify-content: space-between; gap: 20px; border-bottom: 1px solid rgba(120,120,128,.22); }
._directoryEditHeader_1w8j8_6599 h3 { margin: 0 0 4px; font-size: 17px; font-weight: 500; }
._directoryEditHeader_1w8j8_6599 p { margin: 0; font-size: 12px; color: rgba(255,255,255,.5); }
._directoryEditHeader_1w8j8_6599 ._directoryCloseBtn_1w8j8_6602 { margin: 0; }
._directoryEditForm_1w8j8_6603 { max-height: calc(100vh - 104px); overflow: auto; }
._directoryEditGrid_1w8j8_6604 { margin: 18px; display: grid; grid-template-columns: 1fr 1fr; background: rgba(255,255,255,.035); }
._directoryEditGrid_1w8j8_6604 label { padding: 12px; display: flex; flex-direction: column; gap: 7px; border-right: 1px solid rgba(120,120,128,.18); border-bottom: 1px solid rgba(120,120,128,.18); }
._directoryEditGrid_1w8j8_6604 label:nth-child(2) { border-right: 0; }
._directoryEditGrid_1w8j8_6604 ._directoryEditWide_1w8j8_6607 { grid-column: 1 / -1; border-right: 0; border-bottom: 0; }
._directoryEditGrid_1w8j8_6604 span, ._directoryEditMembers_1w8j8_6608 span { font-size: 11px; color: rgba(255,255,255,.5); }
._directoryEditGrid_1w8j8_6604 input, ._directoryEditMemberRow_1w8j8_6609 input, ._directoryEditMemberRow_1w8j8_6609 select { min-height: 40px; padding: 0 12px; border: 0; border-radius: 8px; background: rgba(255,255,255,.07); color: inherit; font: inherit; outline: none; }
._directoryEditMembers_1w8j8_6608 { margin: 18px; padding: 14px; background: rgba(255,255,255,.035); }
._directoryEditSectionTitle_1w8j8_6611 { display: flex; justify-content: space-between; gap: 16px; margin-bottom: 12px; }
._directoryEditSectionTitle_1w8j8_6611 div { display: flex; flex-direction: column; gap: 3px; }
._directoryEditSectionTitle_1w8j8_6611 strong { font-size: 14px; font-weight: 500; }
._directoryEditSectionTitle_1w8j8_6611 button, ._directoryEditMemberRow_1w8j8_6609 button { border: 0; color: inherit; background: rgba(255,255,255,.06); border-radius: 8px; padding: 7px 10px; font: inherit; cursor: pointer; }
._directoryEditMemberRow_1w8j8_6609 { display: grid; grid-template-columns: minmax(0, 1fr) 150px 40px; gap: 8px; margin-top: 8px; }
._directoryEditMemberRow_1w8j8_6609 button { display: grid; place-items: center; padding: 0; color: #ff6961; }
._directoryEditActions_1w8j8_6617 { padding: 13px 18px; display: flex; justify-content: space-between; align-items: center; border-top: 1px solid rgba(120,120,128,.2); }
._directoryEditActions_1w8j8_6617 span { display: flex; gap: 8px; }
._directoryEditActions_1w8j8_6617 button { min-height: 38px; padding: 0 14px; border: 0; border-radius: 8px; background: rgba(255,255,255,.07); color: inherit; font: inherit; font-weight: 400; cursor: pointer; }
._directoryEditActions_1w8j8_6617 ._directoryPrimary_1w8j8_6620 { color: rgb(28,28,30); background: rgba(255,255,255,.92); }
._directoryEditActions_1w8j8_6617 ._directoryDeleteAction_1w8j8_6621 { color: #ff6961; background: transparent; }

._directorySidebar_1w8j8_6623 {
  width: auto;
  min-width: 0;
  box-sizing: border-box;
  padding: 15px 10px;
  border-right: 1px solid #3e3e42;
  background: rgb(32, 32, 35);
  display: flex;
  flex-direction: column;
}

._directoryCloseBtn_1w8j8_6602 {
  width: 28px;
  height: 28px;
  margin: 0 0 15px 5px;
  padding: 0;
  display: grid;
  place-items: center;
  align-self: flex-start;
  flex: 0 0 28px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: inherit;
  cursor: pointer;
}

._directoryCloseBtn_1w8j8_6602 svg {
  width: 18px;
  height: 18px;
  display: block;
  stroke: currentColor;
}

._directoryCloseBtn_1w8j8_6602:hover { background: #3e3e42; }

._directorySidebarNav_1w8j8_6659 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

._directorySidebarItem_1w8j8_6665,
._directorySidebarItemActive_1w8j8_6666 {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  padding: 8px 10px;
  border: 0;
  border-radius: 10px;
  color: rgba(255, 255, 255, 0.7);
  background: transparent;
  cursor: pointer;
  text-align: left;
  font: inherit;
}

._directorySidebarItemActive_1w8j8_6666 {
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
}

._directorySidebarItem_1w8j8_6665:hover,
._directorySidebarItemActive_1w8j8_6666:hover {
  background: rgba(255, 255, 255, 0.08);
}

._directorySidebarItem_1w8j8_6665 span,
._directorySidebarItemActive_1w8j8_6666 span {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

._directorySidebarItem_1w8j8_6665 strong,
._directorySidebarItemActive_1w8j8_6666 strong {
  font-size: 14px;
  font-weight: 400;
}

._directoryMain_1w8j8_6705 {
  min-width: 0;
  padding: 20px 20px 14px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

._directoryMainHeader_1w8j8_6714 {
  flex: 0 0 auto;
  padding: 0;
  border: 0;
}

._directoryMainHeader_1w8j8_6714 h3 {
  margin: 0 0 10px;
  font-size: 17px;
  font-weight: 500;
}

._directoryForm_1w8j8_6726 {
  padding: 0;
  min-height: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
}

._directoryFormPane_1w8j8_6734 {
  min-height: 0;
  flex: 1;
  overflow: auto;
  padding: 5px 4px 0 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

._directoryError_1w8j8_6744 {
  margin: 8px 4px 0 0;
  padding: 10px 12px;
  border-radius: 10px;
  color: #ffb5af;
  background: rgba(234, 52, 39, 0.12);
  font-size: 13px;
}

._directoryActions_1w8j8_6753 {
  display: flex;
  justify-content: flex-end;
  gap: 9px;
  flex: 0 0 auto;
  margin-top: 10px;
  padding: 0 16px 4px;
  border: 0;
}

._directoryActions_1w8j8_6753 > span {
  display: flex;
  gap: 8px;
}

._directoryActions_1w8j8_6753 button {
  border: 0;
  border-radius: 8px;
  padding: 8px 10px;
  min-width: 100px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: rgba(255, 255, 255, 0.82);
  background: rgba(255, 255, 255, 0.06);
  box-shadow: inset 0 0 0 1px rgba(120, 120, 128, 0.24);
  cursor: pointer;
  font-family: inherit;
  appearance: none;
  -webkit-appearance: none;
}

._directoryActions_1w8j8_6753 ._directoryPrimary_1w8j8_6620 {
  color: rgb(28, 28, 30);
  background: rgba(255, 255, 255, 0.92);
  box-shadow: none;
}

._directoryActions_1w8j8_6753 button:disabled {
  opacity: 0.58;
  cursor: wait;
}

/* ── Inventory-style form section cards ── */

._overlayFormSection_1w8j8_4486 {
  border: 1px solid rgba(120, 120, 128, 0.24);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.045) 0%, rgba(255, 255, 255, 0.022) 100%),
    rgba(255, 255, 255, 0.018);
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  flex-shrink: 0;
}

._overlayFormSectionCompact_1w8j8_6811 {
  padding: 12px;
  gap: 10px;
}

._overlayFormSectionHeader_1w8j8_6816 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

._overlayFormSectionEyebrow_1w8j8_6823 {
  margin: 0;
  font-size: 10px;
  line-height: 1.2;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.42);
}

._overlayFormSectionTitle_1w8j8_6832 {
  margin: 0;
  font-size: 14px;
  line-height: 1.3;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.95);
}

._overlayFormSectionBody_1w8j8_6840 {
  margin: 0;
  max-width: 760px;
  font-size: 12px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.64);
}

/* ── Form grid and fields ── */

._overlayFormGrid_1w8j8_6850 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
}

._overlayFieldFlex_1w8j8_6856 {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._overlayFieldFlexFull_1w8j8_6863 {
  grid-column: 1 / -1;
}

._overlayFieldLabel_1w8j8_6867 {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.92);
}

._overlayDraftInput_1w8j8_6874 {
  width: 100%;
  border-radius: 8px;
  border: 1px solid rgba(120, 120, 128, 0.35);
  background: rgba(255, 255, 255, 0.048);
  height: 38px;
  padding: 0 11px;
  color: rgba(255, 255, 255, 0.92);
  font-size: 13px;
  outline: none;
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
  appearance: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: border-color 140ms ease, background-color 140ms ease;
  font: inherit;
}

._overlayDraftInput_1w8j8_6874:focus {
  border-color: rgba(160, 160, 168, 0.5);
  box-shadow: none;
  background: rgba(255, 255, 255, 0.062);
}

._overlayFieldHint_1w8j8_6900 {
  font-size: 11px;
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.62);
}

/* ── Checkbox label ── */

._overlayCheckboxLabel_1w8j8_6908 {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.88);
}

._overlayCheckboxLabel_1w8j8_6908 input {
  width: 16px;
  height: 16px;
  accent-color: rgb(0, 136, 230);
}

/* ── Review grid ── */

._overlayReviewGrid_1w8j8_6925 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

._overlayReviewCard_1w8j8_6931 {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-height: 92px;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 11px;
  background: rgba(255, 255, 255, 0.035);
}

._overlayReviewCard_1w8j8_6931 span {
  color: rgba(255, 255, 255, 0.42);
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

._overlayReviewCard_1w8j8_6931 strong {
  font-size: 15px;
  font-weight: 500;
}

._overlayReviewCard_1w8j8_6931 small {
  color: rgba(255, 255, 255, 0.52);
  line-height: 1.4;
}

._inviteSuccessHeader_1w8j8_6959 {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 4px;
}

._inviteSuccessIcon_1w8j8_6966 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  flex: 0 0 auto;
  border-radius: 50%;
  color: #34c759;
  background: rgba(52, 199, 89, 0.14);
  box-shadow: inset 0 0 0 1px rgba(52, 199, 89, 0.28);
}

._directoryInviteCodeCard_1w8j8_6979 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  margin-top: 6px;
  padding: 24px 20px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.035);
  text-align: center;
}

._directoryInviteCodeLabel_1w8j8_6992 {
  color: rgba(255, 255, 255, 0.42);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

._directoryInviteCode_1w8j8_6979 {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 0.12em;
  margin: 2px 0 2px;
}

._directoryInviteCodeExpiry_1w8j8_7008 {
  color: rgba(255, 255, 255, 0.52);
}

._directoryInviteActions_1w8j8_7012 {
  display: flex;
  gap: 8px;
  margin-top: 16px;
}

._directorySecondary_1w8j8_7018 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border: 0;
  border-radius: 8px;
  padding: 9px 16px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
  color: rgba(255, 255, 255, 0.86);
  background: rgba(255, 255, 255, 0.08);
  box-shadow: inset 0 0 0 1px rgba(120, 120, 128, 0.28);
  cursor: pointer;
  font-family: inherit;
  text-decoration: none;
  text-align: center;
  appearance: none;
  -webkit-appearance: none;
  transition: background-color 0.15s ease, box-shadow 0.15s ease;
}

._directorySecondary_1w8j8_7018:hover {
  background: rgba(255, 255, 255, 0.13);
}

._directorySecondary_1w8j8_7018:disabled {
  opacity: 0.58;
  cursor: wait;
}

._directorySecondaryActive_1w8j8_7050 {
  color: #34c759;
  background: rgba(52, 199, 89, 0.14);
  box-shadow: inset 0 0 0 1px rgba(52, 199, 89, 0.32);
}

/* ── Team member rows ── */

._overlayTeamMembersWrap_1w8j8_7058 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

._overlayTeamMemberRow_1w8j8_7064 {
  display: grid;
  grid-template-columns: 1fr 1fr 32px;
  gap: 10px;
  align-items: end;
}

._overlayTeamMemberRemove_1w8j8_7071 {
  width: 32px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.04);
  color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
}

._overlayTeamMemberRemove_1w8j8_7071:hover {
  color: rgba(255, 255, 255, 0.8);
  background: rgba(255, 255, 255, 0.08);
}

._overlayTeamMemberRemove_1w8j8_7071:disabled {
  opacity: 0.3;
  cursor: default;
}

._overlayTeamMemberAdd_1w8j8_7093 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px dashed rgba(255, 255, 255, 0.15);
  border-radius: 8px;
  padding: 8px 14px;
  color: rgba(255, 255, 255, 0.6);
  background: transparent;
  cursor: pointer;
  font: inherit;
  font-size: 13px;
}

._overlayTeamMemberAdd_1w8j8_7093:hover {
  color: rgba(255, 255, 255, 0.85);
  border-color: rgba(255, 255, 255, 0.25);
}

/* ── Searchable picker (ZUID / user pickers) ── */

._overlayDraftPickerWrap_1w8j8_7114 {
  position: relative;
  width: 100%;
  min-width: 0;
  display: block;
}

._overlayDraftPickerIcon_1w8j8_7121 {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(255, 255, 255, 0.58);
  z-index: 1;
}

._overlayDraftPickerInput_1w8j8_7130 {
  padding-left: 38px !important;
  padding-right: 36px !important;
  box-sizing: border-box;
  display: block;
}

._overlayDraftPickerClear_1w8j8_7137 {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
  border: 0;
  padding: 0;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.72);
  cursor: pointer;
  z-index: 2;
}

._overlayDraftPickerClear_1w8j8_7137:hover {
  background: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.92);
}

._overlayDraftPickerMenu_1w8j8_7161 {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 0;
  border: 1px solid rgb(60, 60, 62);
  border-radius: 8px;
  overflow: hidden;
  background: rgb(28, 28, 30);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.28);
  z-index: 20;
}

._overlayPickerRow_1w8j8_7180 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 10px 12px;
  border-bottom: 1px solid rgb(60, 60, 62);
  background: rgba(255, 255, 255, 0.03);
  cursor: pointer;
}

._overlayPickerRow_1w8j8_7180:last-child {
  border-bottom: 0;
}

._overlayPickerRow_1w8j8_7180:hover {
  background: rgba(255, 255, 255, 0.06);
}

._overlayPickerRowTitle_1w8j8_7198 {
  font-size: 13px;
  line-height: 1.2;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.94);
}

._overlayPickerRowMeta_1w8j8_7205 {
  font-size: 11px;
  line-height: 1.25;
  color: rgba(255, 255, 255, 0.56);
}

/* ── Light mode overrides for directory form ── */

@media (prefers-color-scheme: light) {
  ._directoryModal_1w8j8_6563 {
    background: rgb(250, 250, 252);
    box-shadow: rgba(0, 0, 0, 0.08) 0 8px 30px, rgba(0, 0, 0, 0.06) 0 0 0 1px;
  }

  ._directorySidebar_1w8j8_6623 {
    border-right-color: rgba(0, 0, 0, 0.08);
    background: rgb(244, 244, 246);
  }

  ._directoryCloseBtn_1w8j8_6602:hover { background: rgba(0, 0, 0, 0.06); }

  ._directorySidebarItem_1w8j8_6665 { color: rgba(30, 41, 59, 0.7); }

  ._directorySidebarItemActive_1w8j8_6666 {
    color: rgb(30, 41, 59);
    background: rgba(15, 23, 42, 0.1);
  }

  ._directorySidebarItem_1w8j8_6665:hover,
  ._directorySidebarItemActive_1w8j8_6666:hover { background: rgba(15, 23, 42, 0.08); }

  ._directoryMainHeader_1w8j8_6714 {
    border: 0;
  }

  ._directoryMainHeader_1w8j8_6714 h3 { color: rgb(30, 41, 59); }

  ._directoryError_1w8j8_6744 {
    color: #a12121;
    background: rgba(234, 52, 39, 0.08);
  }

  ._directoryActions_1w8j8_6753 {
    border: 0;
  }

  ._directoryActions_1w8j8_6753 button {
    color: rgba(30, 41, 59, 0.8);
    background: rgba(0, 0, 0, 0.04);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12);
  }

  ._directoryActions_1w8j8_6753 ._directoryPrimary_1w8j8_6620 {
    color: rgb(255, 255, 255);
    background: rgb(30, 41, 59);
    box-shadow: none;
  }

  ._overlayFormSection_1w8j8_4486 {
    border-color: rgba(0, 0, 0, 0.1);
    background: rgba(0, 0, 0, 0.025);
  }

  ._overlayFormSectionEyebrow_1w8j8_6823 { color: rgba(30, 41, 59, 0.45); }
  ._overlayFormSectionTitle_1w8j8_6832 { color: rgba(30, 41, 59, 0.95); }
  ._overlayFormSectionBody_1w8j8_6840 { color: rgba(30, 41, 59, 0.58); }

  ._overlayFieldLabel_1w8j8_6867 { color: rgba(30, 41, 59, 0.9); }

  ._overlayDraftInput_1w8j8_6874 {
    border-color: rgba(0, 0, 0, 0.15);
    background: rgba(0, 0, 0, 0.03);
    color: rgba(30, 41, 59, 0.92);
  }

  ._overlayDraftInput_1w8j8_6874:focus {
    border-color: rgba(0, 122, 255, 0.5);
    background: rgba(0, 0, 0, 0.02);
  }

  ._overlayFieldHint_1w8j8_6900 { color: rgba(30, 41, 59, 0.52); }

  ._overlayCheckboxLabel_1w8j8_6908 { color: rgba(30, 41, 59, 0.88); }

  ._overlayReviewCard_1w8j8_6931 {
    border-color: rgba(0, 0, 0, 0.08);
    background: rgba(0, 0, 0, 0.025);
  }

  ._overlayReviewCard_1w8j8_6931 span { color: rgba(30, 41, 59, 0.42); }
  ._overlayReviewCard_1w8j8_6931 strong { color: rgb(30, 41, 59); }
  ._overlayReviewCard_1w8j8_6931 small { color: rgba(30, 41, 59, 0.52); }

  ._overlayTeamMemberRemove_1w8j8_7071 {
    border-color: rgba(0, 0, 0, 0.1);
    background: rgba(0, 0, 0, 0.03);
    color: rgba(30, 41, 59, 0.45);
  }

  ._overlayTeamMemberAdd_1w8j8_7093 {
    border-color: rgba(0, 0, 0, 0.12);
    color: rgba(30, 41, 59, 0.55);
  }

  ._overlayDraftPickerIcon_1w8j8_7121 { color: rgba(30, 41, 59, 0.48); }
  ._overlayDraftPickerClear_1w8j8_7137 { background: rgba(0, 0, 0, 0.06); color: rgba(30, 41, 59, 0.6); }
  ._overlayDraftPickerClear_1w8j8_7137:hover { background: rgba(0, 0, 0, 0.1); color: rgba(30, 41, 59, 0.88); }
  ._overlayDraftPickerMenu_1w8j8_7161 { border-color: rgba(0, 0, 0, 0.1); background: rgb(252, 252, 254); box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12); }
  ._overlayPickerRow_1w8j8_7180 { border-bottom-color: rgba(0, 0, 0, 0.06); background: transparent; }
  ._overlayPickerRow_1w8j8_7180:hover { background: rgba(0, 0, 0, 0.04); }
  ._overlayPickerRowTitle_1w8j8_7198 { color: rgba(30, 41, 59, 0.92); }
  ._overlayPickerRowMeta_1w8j8_7205 { color: rgba(30, 41, 59, 0.52); }
}

/* Keep record-pane overrides after legacy styles in the cascade. */
._messageBodyContent_1w8j8_2938 ._userAccessSummaryStrip_1w8j8_26 { gap: 1px; overflow: hidden; border-radius: 10px; background: rgba(255,255,255,.065); }
._messageBodyContent_1w8j8_2938 ._userAccessSummaryCard_1w8j8_33 { min-height: 62px; padding: 11px 13px; border: 0; border-radius: 0; background: rgb(35,35,37); }
._messageBodyContent_1w8j8_2938 ._userQuickActionsRow_1w8j8_41 { display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 6px; }
._messageBodyContent_1w8j8_2938 ._userQuickActionButton_1w8j8_48 { width: auto; min-width: 0; height: 32px; padding: 0 11px; border: 0; border-radius: 8px; background: rgba(255,255,255,.055); font-weight: 400; }
._messageBodyContent_1w8j8_2938 ._userQuickActionButton_1w8j8_48:hover { background: rgba(255,255,255,.09); }
._messageBodyContent_1w8j8_2938 ._customerPaneTabs_1w8j8_63 { width: fit-content; max-width: 100%; display: inline-flex; grid-template-columns: none; align-items: center; gap: 0; padding: 3px; border: 0; background: rgba(255,255,255,.055); }
._messageBodyContent_1w8j8_2938 ._customerPaneTabButton_1w8j8_75 { min-width: 92px; padding: 0 16px; flex: 0 0 auto; font-weight: 400; }
._messageBodyContent_1w8j8_2938 ._customerPaneTabButtonActive_1w8j8_82 { background: rgba(255,255,255,.14); font-weight: 400; }
._messageBodyContent_1w8j8_2938 ._customerProfileOverviewCard_1w8j8_87,
._messageBodyContent_1w8j8_2938 ._customerProfileOverviewCard_1w8j8_87:hover { padding: 0 !important; overflow: hidden; border: 0 !important; background: rgb(35,35,37) !important; }
._messageBodyContent_1w8j8_2938 ._customerProfileOverviewCard_1w8j8_87 ._customerHeatmapGrid_1w8j8_117 { gap: 1px; margin: 0; padding: 0; overflow: hidden; border-radius: 0; background: rgba(255,255,255,.065); }
._messageBodyContent_1w8j8_2938 ._customerProfileOverviewCard_1w8j8_87 ._customerHeatmapTile_1w8j8_126 { min-height: 66px; padding: 11px 13px; border: 0; border-radius: 0; background: rgb(35,35,37); }
._messageBodyContent_1w8j8_2938 ._customerDetailsMiniGrid_1w8j8_134 > ._customerMiniCard_1w8j8_134:not(._customerProfileOverviewCard_1w8j8_87) { padding: 0; overflow: hidden; border: 0; border-radius: 11px; background: rgb(35,35,37); }
._messageBodyContent_1w8j8_2938 ._customerDetailsMiniGrid_1w8j8_134 > ._customerMiniCard_1w8j8_134:not(._customerProfileOverviewCard_1w8j8_87):hover { border-color: transparent; background: rgb(35,35,37); }
._messageBodyContent_1w8j8_2938 ._customerDetailsMiniGrid_1w8j8_134 > ._customerMiniCard_1w8j8_134:not(._customerProfileOverviewCard_1w8j8_87) > ._customerSectionEyebrow_1w8j8_147 { min-height: 50px; margin: 0; padding: 0 15px; display: flex; align-items: center; border-bottom: 1px solid rgba(255,255,255,.065); color: rgba(255,255,255,.94); font-size: 13px; font-weight: 500; letter-spacing: 0; text-transform: none; }
._messageBodyContent_1w8j8_2938 ._customerDetailsMiniGrid_1w8j8_134 > ._customerMiniCard_1w8j8_134 > ._customerNotesList_1w8j8_161,
._messageBodyContent_1w8j8_2938 ._customerDetailsMiniGrid_1w8j8_134 > ._customerMiniCard_1w8j8_134 > ._customerFinanceCockpit_1w8j8_162 { margin: 0; padding: 10px 15px 15px; }
._messageBodyContent_1w8j8_2938 ._customerDetailsMiniGrid_1w8j8_134 ._customerNoteItem_1w8j8_167 { padding: 11px 0; border: 0; border-radius: 0; background: transparent; }
._messageBodyContent_1w8j8_2938 ._customerDetailsMiniGrid_1w8j8_134 ._customerNoteItem_1w8j8_167 + ._customerNoteItem_1w8j8_167 { border-top: 1px solid rgba(255,255,255,.065); }
._messageBodyContent_1w8j8_2938 ._customerDetailsMiniGrid_1w8j8_134 ._customerFinanceTopRow_1w8j8_178,
._messageBodyContent_1w8j8_2938 ._customerDetailsMiniGrid_1w8j8_134 ._customerAnalyticsMetricsGrid_1w8j8_179 { gap: 1px; overflow: hidden; padding: 0; border: 0; border-radius: 9px; background: rgba(255,255,255,.065); }
._messageBodyContent_1w8j8_2938 ._customerDetailsMiniGrid_1w8j8_134 ._customerFinanceCard_1w8j8_188,
._messageBodyContent_1w8j8_2938 ._customerDetailsMiniGrid_1w8j8_134 ._customerMetricCard_1w8j8_189 { min-height: 66px; border: 0; border-radius: 0; background: rgba(255,255,255,.025); }
._messageBodyContent_1w8j8_2938 ._policySelectDropdown_1w8j8_196,
._messageBodyContent_1w8j8_2938 ._policyReasonInput_1w8j8_197 { min-height: 34px; margin-top: 7px; border: 0; border-radius: 8px; background: rgba(255,255,255,.06); font-size: 13px; }
._messageBodyContent_1w8j8_2938 ._customerProfileLocationSection_1w8j8_206 { gap: 1px; overflow: hidden; border-radius: 10px; background: rgba(255,255,255,.065); }
._messageBodyContent_1w8j8_2938 ._customerProfileAddressTile_1w8j8_213,
._messageBodyContent_1w8j8_2938 ._customerProfileMapTile_1w8j8_214 { border: 0; border-radius: 0; box-shadow: none; }

@media (prefers-color-scheme: light) {
  ._messageBodyContent_1w8j8_2938 ._userAccessSummaryStrip_1w8j8_26,
  ._messageBodyContent_1w8j8_2938 ._customerProfileOverviewCard_1w8j8_87 ._customerHeatmapGrid_1w8j8_117,
  ._messageBodyContent_1w8j8_2938 ._customerDetailsMiniGrid_1w8j8_134 ._customerFinanceTopRow_1w8j8_178,
  ._messageBodyContent_1w8j8_2938 ._customerDetailsMiniGrid_1w8j8_134 ._customerAnalyticsMetricsGrid_1w8j8_179,
  ._messageBodyContent_1w8j8_2938 ._customerProfileLocationSection_1w8j8_206 { background: rgba(15,23,42,.09) !important; }
  ._messageBodyContent_1w8j8_2938 ._userAccessSummaryCard_1w8j8_33,
  ._messageBodyContent_1w8j8_2938 ._customerProfileOverviewCard_1w8j8_87,
  ._messageBodyContent_1w8j8_2938 ._customerProfileOverviewCard_1w8j8_87:hover,
  ._messageBodyContent_1w8j8_2938 ._customerProfileOverviewCard_1w8j8_87 ._customerHeatmapTile_1w8j8_126,
  ._messageBodyContent_1w8j8_2938 ._customerDetailsMiniGrid_1w8j8_134 > ._customerMiniCard_1w8j8_134:not(._customerProfileOverviewCard_1w8j8_87),
  ._messageBodyContent_1w8j8_2938 ._customerDetailsMiniGrid_1w8j8_134 > ._customerMiniCard_1w8j8_134:not(._customerProfileOverviewCard_1w8j8_87):hover,
  ._messageBodyContent_1w8j8_2938 ._customerDetailsMiniGrid_1w8j8_134 ._customerFinanceCard_1w8j8_188,
  ._messageBodyContent_1w8j8_2938 ._customerDetailsMiniGrid_1w8j8_134 ._customerMetricCard_1w8j8_189 { border: 0 !important; background: rgb(248,250,253) !important; box-shadow: none !important; }
  ._messageBodyContent_1w8j8_2938 ._customerPaneTabs_1w8j8_63 { border: 0; background: rgba(15,23,42,.06); }
  ._messageBodyContent_1w8j8_2938 ._customerPaneTabButtonActive_1w8j8_82 { background: rgba(255,255,255,.98); box-shadow: none; }
  ._messageBodyContent_1w8j8_2938 ._userQuickActionButton_1w8j8_48 { color: rgba(51,65,85,.82); background: rgba(15,23,42,.055); }
  ._messageBodyContent_1w8j8_2938 ._customerRecordSectionHeading_1w8j8_95,
  ._messageBodyContent_1w8j8_2938 ._customerDetailsMiniGrid_1w8j8_134 > ._customerMiniCard_1w8j8_134:not(._customerProfileOverviewCard_1w8j8_87) > ._customerSectionEyebrow_1w8j8_147,
  ._messageBodyContent_1w8j8_2938 ._customerDetailsMiniGrid_1w8j8_134 ._customerNoteItem_1w8j8_167 + ._customerNoteItem_1w8j8_167 { border-color: rgba(15,23,42,.09) !important; }
  ._messageBodyContent_1w8j8_2938 ._customerRecordSectionHeading_1w8j8_95 span,
  ._messageBodyContent_1w8j8_2938 ._customerDetailsMiniGrid_1w8j8_134 > ._customerMiniCard_1w8j8_134:not(._customerProfileOverviewCard_1w8j8_87) > ._customerSectionEyebrow_1w8j8_147 { color: #0f172a !important; }
  ._messageBodyContent_1w8j8_2938 ._customerRecordSectionHeading_1w8j8_95 small { color: rgba(51,65,85,.58); }
  ._messageBodyContent_1w8j8_2938 ._customerDetailsMiniGrid_1w8j8_134 ._customerNoteItem_1w8j8_167 { border: 0 !important; background: transparent !important; }
  ._messageBodyContent_1w8j8_2938 ._policySelectDropdown_1w8j8_196,
  ._messageBodyContent_1w8j8_2938 ._policyReasonInput_1w8j8_197 { border: 0 !important; background: rgba(15,23,42,.055) !important; }
  ._messageBodyContent_1w8j8_2938 ._customerProfileAddressTile_1w8j8_213,
  ._messageBodyContent_1w8j8_2938 ._customerProfileMapTile_1w8j8_214 { border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
}

/* Final close-control override: legacy editor rules below the shared dialog styles
   must not reinstate the oversized outlined icon wrapper. */
._scopeEditorHeader_1w8j8_7381 ._scopeEditorCloseBtn_1w8j8_300 {
  width: 30px;
  height: 30px;
  min-width: 30px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 7px;
  outline: 0;
  color: rgba(255, 255, 255, 0.78);
  background: transparent;
  box-shadow: none;
  appearance: none;
}

._scopeEditorHeader_1w8j8_7381 ._scopeEditorCloseBtn_1w8j8_300:hover,
._scopeEditorHeader_1w8j8_7381 ._scopeEditorCloseBtn_1w8j8_300:focus-visible {
  color: rgba(255, 255, 255, 0.96);
  background: rgba(255, 255, 255, 0.07);
  outline: 0;
  box-shadow: none;
}

._scopeEditorHeader_1w8j8_7381 ._scopeEditorCloseBtn_1w8j8_300 svg {
  width: 17px;
  height: 17px;
  display: block;
  stroke: currentColor;
}

@media (prefers-color-scheme: light) {
  ._scopeEditorHeader_1w8j8_7381 ._scopeEditorCloseBtn_1w8j8_300 {
    color: rgba(15, 23, 42, 0.68);
  }

  ._scopeEditorHeader_1w8j8_7381 ._scopeEditorCloseBtn_1w8j8_300:hover,
  ._scopeEditorHeader_1w8j8_7381 ._scopeEditorCloseBtn_1w8j8_300:focus-visible {
    color: rgba(15, 23, 42, 0.92);
    background: rgba(15, 23, 42, 0.06);
  }
}

._dutyStatusContent_1w8j8_7425 {
  display: grid;
  gap: 14px;
  padding: 6px 20px 20px;
}

._dutyStatusSummary_1w8j8_7431 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._dutyStatusEyebrow_1w8j8_7437 {
  color: rgba(255, 255, 255, 0.42);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.1em;
}

._dutyStatusTitle_1w8j8_7444 {
  color: rgba(255, 255, 255, 0.94);
  font-size: 20px;
  font-weight: 500;
}

._dutyStatusDescription_1w8j8_7450,
._dutyOverrideRow_1w8j8_7451 > span {
  color: rgba(255, 255, 255, 0.5);
  font-size: 13px;
  line-height: 1.45;
}

._dutyStatusMetaGrid_1w8j8_7457 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  overflow: hidden;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.045);
}

._dutyStatusMetaItem_1w8j8_7465 {
  min-width: 0;
  padding: 12px 14px;
  border-right: 1px solid rgba(255, 255, 255, 0.065);
}

._dutyStatusMetaItem_1w8j8_7465:last-child {
  border-right: 0;
}

._dutyStatusMetaItem_1w8j8_7465 span,
._dutyStatusMetaItem_1w8j8_7465 strong {
  display: block;
}

._dutyStatusMetaItem_1w8j8_7465 span {
  margin-bottom: 4px;
  color: rgba(255, 255, 255, 0.38);
  font-size: 11px;
}

._dutyStatusMetaItem_1w8j8_7465 strong {
  overflow: hidden;
  color: rgba(255, 255, 255, 0.86);
  font-size: 12px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._dutyOverrideRow_1w8j8_7451 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  padding-top: 2px;
}

._dutyOverrideActions_1w8j8_7503 {
  display: flex;
  justify-content: flex-end;
}

._dutyOverrideButton_1w8j8_7508 {
  min-height: 36px;
  padding: 0 14px;
  border: 0;
  border-radius: 7px;
  outline: 0;
  color: rgba(255, 255, 255, 0.88);
  background: rgba(255, 255, 255, 0.09);
  box-shadow: none;
  font: inherit;
  font-size: 12px;
  font-weight: 400;
  cursor: pointer;
  appearance: none;
}

._dutyOverrideButton_1w8j8_7508:hover,
._dutyOverrideButton_1w8j8_7508:focus-visible {
  border: 0;
  outline: 0;
  color: rgba(255, 255, 255, 0.98);
  background: rgba(255, 255, 255, 0.14);
  box-shadow: none;
}

._dutyOverrideButton_1w8j8_7508:disabled {
  cursor: wait;
  opacity: 0.5;
}

._dutyStatusError_1w8j8_7538 {
  grid-column: 1 / -1;
  color: rgba(255, 130, 130, 0.92);
  font-size: 12px;
}

@media (max-width: 980px) {
  ._dutyStatusMetaGrid_1w8j8_7457 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  ._dutyStatusMetaItem_1w8j8_7465:nth-child(2) {
    border-right: 0;
  }

  ._dutyStatusMetaItem_1w8j8_7465:nth-child(-n + 2) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.065);
  }
}

@media (max-width: 620px) {
  ._dutyStatusMetaGrid_1w8j8_7457 {
    grid-template-columns: 1fr;
  }

  ._dutyStatusMetaItem_1w8j8_7465,
  ._dutyStatusMetaItem_1w8j8_7465:nth-child(2) {
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.065);
  }

  ._dutyStatusMetaItem_1w8j8_7465:last-child {
    border-bottom: 0;
  }

  ._dutyOverrideRow_1w8j8_7451 {
    grid-template-columns: 1fr;
  }

  ._dutyOverrideActions_1w8j8_7503 {
    justify-content: flex-start;
  }
}

@media (prefers-color-scheme: light) {
  ._dutyStatusEyebrow_1w8j8_7437 {
    color: rgba(15, 23, 42, 0.44);
  }

  ._dutyStatusTitle_1w8j8_7444 {
    color: rgba(15, 23, 42, 0.92);
  }

  ._dutyStatusDescription_1w8j8_7450,
  ._dutyOverrideRow_1w8j8_7451 > span {
    color: rgba(51, 65, 85, 0.68);
  }

  ._dutyStatusMetaGrid_1w8j8_7457 {
    background: rgba(15, 23, 42, 0.05);
  }

  ._dutyStatusMetaItem_1w8j8_7465 {
    border-color: rgba(15, 23, 42, 0.08);
  }

  ._dutyStatusMetaItem_1w8j8_7465 span {
    color: rgba(51, 65, 85, 0.58);
  }

  ._dutyStatusMetaItem_1w8j8_7465 strong {
    color: rgba(15, 23, 42, 0.86);
  }

  ._dutyOverrideButton_1w8j8_7508 {
    color: rgba(15, 23, 42, 0.82);
    background: rgba(15, 23, 42, 0.07);
  }

  ._dutyOverrideButton_1w8j8_7508:hover,
  ._dutyOverrideButton_1w8j8_7508:focus-visible {
    color: rgba(15, 23, 42, 0.96);
    background: rgba(15, 23, 42, 0.11);
  }
}

/* Policy and version selection mirrors the flat Settings controls. */
._messageBodyContent_1w8j8_2938 ._policySelectorGrid_1w8j8_7625 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(132px, 0.55fr);
  gap: 8px;
  margin-top: 7px;
}

._messageBodyContent_1w8j8_2938 ._policySelectorField_1w8j8_7632 {
  display: grid;
  min-width: 0;
  gap: 5px;
}

._messageBodyContent_1w8j8_2938 ._policySelectorLabel_1w8j8_7638 {
  color: rgba(255, 255, 255, 0.4);
  font-size: 11px;
  font-weight: 400;
  line-height: 1;
}

._messageBodyContent_1w8j8_2938 ._policySelectorField_1w8j8_7632 ._policySelectDropdown_1w8j8_196 {
  width: 100%;
  height: 34px;
  min-height: 34px;
  margin: 0;
  border: 0 !important;
  border-radius: 8px;
  padding: 0 30px 0 10px;
  outline: none;
  color: rgba(255, 255, 255, 0.68);
  background: rgba(255, 255, 255, 0.06) !important;
  box-shadow: none !important;
  font: inherit;
  font-family: "NeueHaasDisplay", sans-serif;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
}

._messageBodyContent_1w8j8_2938 ._policySelectorField_1w8j8_7632 ._policySelectDropdown_1w8j8_196:hover {
  border: 0 !important;
  background: rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
}

._messageBodyContent_1w8j8_2938 ._policySelectorField_1w8j8_7632 ._policySelectDropdown_1w8j8_196:focus,
._messageBodyContent_1w8j8_2938 ._policySelectorField_1w8j8_7632 ._policySelectDropdown_1w8j8_196:focus-visible {
  border: 0 !important;
  outline: none;
  background: rgba(255, 255, 255, 0.06) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2) !important;
}

._messageBodyContent_1w8j8_2938 ._policySelectorField_1w8j8_7632 ._policySelectDropdown_1w8j8_196:disabled {
  cursor: default;
  opacity: 0.42;
}

@media (max-width: 620px) {
  ._messageBodyContent_1w8j8_2938 ._policySelectorGrid_1w8j8_7625 {
    grid-template-columns: 1fr;
  }
}

@media (prefers-color-scheme: light) {
  ._messageBodyContent_1w8j8_2938 ._policySelectorLabel_1w8j8_7638 {
    color: rgba(51, 65, 85, 0.58);
  }

  ._messageBodyContent_1w8j8_2938 ._policySelectorField_1w8j8_7632 ._policySelectDropdown_1w8j8_196,
  ._messageBodyContent_1w8j8_2938 ._policySelectorField_1w8j8_7632 ._policySelectDropdown_1w8j8_196:focus,
  ._messageBodyContent_1w8j8_2938 ._policySelectorField_1w8j8_7632 ._policySelectDropdown_1w8j8_196:focus-visible {
    color: rgba(15, 23, 42, 0.7);
    background: rgba(15, 23, 42, 0.05) !important;
  }

  ._messageBodyContent_1w8j8_2938 ._policySelectorField_1w8j8_7632 ._policySelectDropdown_1w8j8_196:hover {
    background: rgba(15, 23, 42, 0.075) !important;
  }

  ._messageBodyContent_1w8j8_2938 ._policySelectorField_1w8j8_7632 ._policySelectDropdown_1w8j8_196:focus,
  ._messageBodyContent_1w8j8_2938 ._policySelectorField_1w8j8_7632 ._policySelectDropdown_1w8j8_196:focus-visible {
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.16) !important;
  }
}
._wrapper_9xb18_1 {
  position: relative;
  width: 100%;
  min-width: 0;
}

._disabled_9xb18_7 {
  opacity: 0.45;
  pointer-events: none;
}

._trigger_9xb18_12 {
  display: flex;
  align-items: center;
  width: 100%;
  height: 38px;
  overflow: hidden;
  box-sizing: border-box;
  border: 1px solid rgba(120, 120, 128, 0.35);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.048);
  cursor: pointer;
  transition: border-color 140ms ease, background-color 140ms ease;
}

._trigger_9xb18_12:hover { border-color: rgba(160, 160, 168, 0.4); }
._triggerOpen_9xb18_27 {
  border-color: rgba(160, 160, 168, 0.5);
  background: rgba(255, 255, 255, 0.062);
}

._input_9xb18_32 {
  flex: 1;
  min-width: 0;
  height: 100%;
  padding: 0 11px;
  border: 0;
  outline: 0;
  background: transparent;
  color: rgba(255, 255, 255, 0.92);
  font-family: inherit;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

._input_9xb18_32:focus { cursor: text; }
._input_9xb18_32::placeholder { color: rgba(255, 255, 255, 0.4); }

._chevron_9xb18_53 {
  width: 32px;
  height: 100%;
  flex: 0 0 32px;
  display: grid;
  place-items: center;
  color: rgba(255, 255, 255, 0.46);
  pointer-events: none;
  transition: transform 160ms ease, color 140ms ease;
}

._chevronOpen_9xb18_64 {
  transform: rotate(180deg);
  color: rgba(255, 255, 255, 0.72);
}

._dropdown_9xb18_69 {
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  left: 0;
  z-index: 5200;
  overflow: hidden;
  border: 1px solid rgba(120, 120, 128, 0.3);
  border-radius: 8px;
  background: rgb(28, 28, 32);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.48), 0 4px 8px rgba(0, 0, 0, 0.3);
  animation: _selectOpen_9xb18_1 120ms ease;
}

._list_9xb18_83 {
  max-height: 220px;
  overflow-y: auto;
  padding: 4px 0;
}

._option_9xb18_89 {
  width: 100%;
  padding: 7px 11px;
  border: 0;
  background: transparent;
  color: rgba(255, 255, 255, 0.82);
  font-family: inherit;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.35;
  text-align: left;
  cursor: pointer;
}

._option_9xb18_89:hover,
._optionHighlight_9xb18_104 { background: rgba(255, 255, 255, 0.07); }
._optionSelected_9xb18_105 { background: rgba(255, 255, 255, 0.045); color: rgba(255, 255, 255, 0.96); }
._noResults_9xb18_106 { padding: 10px 11px; color: rgba(255, 255, 255, 0.42); font-size: 13px; }

@keyframes _selectOpen_9xb18_1 {
  from { opacity: 0; transform: translateY(-4px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (prefers-color-scheme: light) {
  ._trigger_9xb18_12 { border-color: rgba(0, 0, 0, 0.15); background: rgba(0, 0, 0, 0.03); }
  ._triggerOpen_9xb18_27, ._trigger_9xb18_12:hover { border-color: rgba(0, 0, 0, 0.25); background: rgba(0, 0, 0, 0.045); }
  ._input_9xb18_32 { color: rgba(30, 41, 59, 0.92); }
  ._input_9xb18_32::placeholder { color: rgba(30, 41, 59, 0.42); }
  ._chevron_9xb18_53 { color: rgba(30, 41, 59, 0.48); }
  ._dropdown_9xb18_69 { border-color: rgba(0, 0, 0, 0.14); background: rgb(250, 250, 252); box-shadow: 0 12px 28px rgba(15, 23, 42, 0.16); }
  ._option_9xb18_89 { color: rgba(30, 41, 59, 0.82); }
  ._option_9xb18_89:hover, ._optionHighlight_9xb18_104 { background: rgba(15, 23, 42, 0.07); }
  ._optionSelected_9xb18_105 { background: rgba(15, 23, 42, 0.045); color: rgb(30, 41, 59); }
  ._noResults_9xb18_106 { color: rgba(30, 41, 59, 0.48); }
}
@font-face {
  font-family: 'NeueHaasDisplay';
  src: url('/assets/NeueHaasDisplayBlack-CJPa0fTE.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'NeueHaasDisplay';
  src: url('/assets/NeueHaasDisplayBlackItalic-B-bpqL3c.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: 'NeueHaasDisplay';
  src: url('/assets/NeueHaasDisplayBold-BP6G_pDf.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'NeueHaasDisplay';
  src: url('/assets/NeueHaasDisplayBoldItalic-BNnmyWvS.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'NeueHaasDisplay';
  src: url('/assets/NeueHaasDisplayLight-0AWf-xRh.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'NeueHaasDisplay';
  src: url('/assets/NeueHaasDisplayLightItalic-BsSMOA0Q.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'NeueHaasDisplay';
  src: url('/assets/NeueHaasDisplayMedium-D3hlmfAS.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'NeueHaasDisplay';
  src: url('/assets/NeueHaasDisplayMediumItalic-BqsTF5-l.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'NeueHaasDisplay';
  src: url('/assets/NeueHaasDisplayRoman-A6ipJltx.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'NeueHaasDisplay';
  src: url('/assets/NeueHaasDisplayRomanItalic-CSGtv2-a.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'NeueHaasDisplay';
  src: url('/assets/NeueHaasDisplayThin-PECffUDD.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'NeueHaasDisplay';
  src: url('/assets/NeueHaasDisplayThinItalic-CwGV46yN.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
}


@font-face {
  font-family: 'NeueHaasDisplay';
  src: url('/assets/NeueHaasDisplayXThin-C4dWMoTc.ttf') format('truetype');
  font-weight: 50;
  font-style: normal;
}

@font-face {
  font-family: 'NeueHaasDisplay';
  src: url('/assets/NeueHaasDisplayXThinItalic-CvysK3ef.ttf') format('truetype');
  font-weight: 50;
  font-style: italic;
}

@font-face {
  font-family: 'NeueHaasDisplay';
  src: url('/assets/NeueHaasDisplayXXThin-Co6Ee8-s.ttf') format('truetype');
  font-weight: 1;
  font-style: normal;
}

@font-face {
  font-family: 'NeueHaasDisplay';
  src: url('/assets/NeueHaasDisplayXXThinItalic-6Ac920_A.ttf') format('truetype');
  font-weight: 1;
  font-style: italic;
}


:root {
  font-family: 'NeueHaasDisplay';
  line-height: 1.5;
  font-weight: 400;

  color-scheme: light dark;
  color: rgba(255, 255, 255, 0.87);
  background-color: #242424;

  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body{
  margin: 0;
}
/* Container */
._container_i1il5_2 {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    backdrop-filter: blur(15px) saturate(0.86);
    box-shadow: rgba(0, 0, 0, 0.16) 17px 20px 40px 0px !important;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    border-radius: 11px;
    overflow: hidden;
    -webkit-user-select: none;
    /* Safari */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
}

/* Header */
._header_i1il5_23 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 22.5%;
    max-height: 80px;
    max-width: 100%;
    padding: 0.5rem 0.75rem;
    background: rgba(248, 248, 252, 0.85);
}

._headerContent_i1il5_34 {
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 90%;
    padding: 0.5rem;
    border-radius: 7px;
    user-select: none;
    cursor: pointer;

    &:hover {
        background-color: rgba(0, 0, 0, 0.1);
    }

    &:hover:active {
        opacity: 0.75;
    }
}

._iconWrapper_i1il5_53 {
    width: 40px;
    height: 40px;
    margin-left: 0.2rem;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: rgba(255, 255, 255, 0.12);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.12),
      0 8px 16px rgba(0, 0, 0, 0.24);
    overflow: hidden;
    display: none;
    align-items: center;
    justify-content: center;
    object-fit: cover;
}

._lightIcon_i1il5_70 {
    display: flex;
}


._mainIcon_i1il5_75 {
    width: 20px;
    height: 20px;
    color: white;
}

._titleSection_i1il5_81 {
    display: flex;
    flex-direction: column;
}

._title_i1il5_81 {
    font-size: 21px;
    font-weight: 500;
    color: #111827;
    margin: 0;
}

._subtitle_i1il5_93 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    margin-top: 0.25rem;
}

._inboxIcon_i1il5_101 {
    width: 19px;
    height: 19px;
    background-color: #959595;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

._smallIcon_i1il5_111 {
    width: 12px;
    height: 12px;
    color: white;
}

._subtitleText_i1il5_117 {
    color: #6b7280;
    font-size: 14px;
}

._composeButton_i1il5_122 {
    width: 3rem;
    height: 3rem;
    background-color: #8A8A8D;
    border-radius: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    border: none;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

._composeButton_i1il5_122:hover {
    background-color: #6F6F72;
}

._buttonIcon_i1il5_140 {
    width: 1.5rem;
    height: 1.5rem;
    color: white;
}

._body_i1il5_146 {
    display: flex;
    flex-direction: column;
    height: 77.5%;
    width: 100%;
    max-height: calc(100% - 80px);
    background-color: white;
}

/* Email Grid */
._emailGrid_i1il5_156 {
    display: grid;
    flex-grow: 0;
    grid-template-columns: calc(50% - 2rem) calc(50% - 2rem);
    grid-template-rows: repeat(3, auto);
    grid-auto-flow: column;
    gap: 0 2rem;
    padding: 0.65rem 0;
    width: 100%;
    justify-content: center;
    align-items: flex-start;
    user-select: none;


    &::before {
        content: "";
        position: absolute;
        top: calc(100% - 69%);
        bottom: calc(100% - 82%);
        left: calc(50% + 0rem);
        /* 0.5rem = half of column gap (1rem) */
        width: 1px;
        background-color: #ddd;
        /* or any color you want */
    }
}

._emailItem_i1il5_183 {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.675rem 0.5rem;
    border-radius: 7px;
    transition: background-color 0.2s cubic-bezier(0.32, 0.08, 0.24, 1);
    cursor: pointer;
    position: relative;
    user-select: none;

    &:not(:last-child, :nth-child(3)) {
        &::before {
            content: '';
            position: absolute;
            bottom: 0;
            right: 2.5%;
            width: 87.5%;
            height: 1px;
            background-color: rgba(0, 0, 0, 0.05);
            /* Border color */
        }
    }

    &:hover {
        background-color: rgba(0, 0, 0, 0.1);

        &::before {
            display: none;
        }

    }

    &:hover:active {
        opacity: 0.75;
    }

}


._unreadDot_i1il5_223 {
    width: 0.625rem;
    height: 0.625rem;
    border-radius: 50%;
    flex-shrink: 0;
    background-color: transparent;
}

._unreadDotActive_i1il5_231 {
    background-color: #8A8A8D;
}

._emailContent_i1il5_235 {
    flex: 1;
    min-width: 0;
}

._emailHeader_i1il5_240 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.125rem;
}

._senderName_i1il5_247 {
    color: #111827;
    font-size: 0.875rem;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
}

._senderName_i1il5_247._unread_i1il5_223 {
    font-weight: 400;
}

._timestamp_i1il5_261 {
    color: #9ca3af;
    font-size: 0.75rem;
    flex-shrink: 0;
    margin-left: 0.5rem;
}

._subject_i1il5_268 {
    color: #6b7280;
    font-size: 0.7rem;
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
}

/* No Elements Div */
._noElements_i1il5_279 {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

._noElementsMessage_i1il5_287 {
    color: #6b7280;
    font-size: 17px;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
}

._bottomActions_i1il5_297 {
    display: flex;
    justify-content: space-between;
    padding: 0 0.875rem 0.875rem 0.875rem;

    ._bottomButton_i1il5_302 {
        border-radius: 7px;
        width: 1.3rem;
        height: 1.3rem;
        padding: 4px;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;

        &:hover {
            background-color: rgba(0, 0, 0, 0.1);
        }

        &:active {
            background-color: rgba(0, 0, 0, 0.2);
        }

        ._moreButton_i1il5_320 {
            width: 1.35rem;
            height: 1.35rem;
            color: #000;
        }

        ._settingsButton_i1il5_326 {
            width: 1.35rem;
            height: 1.35rem;
            color: #707070;
        }
    }

}

@media (prefers-color-scheme: dark) {

    ._lightIcon_i1il5_70 {
        display: none;
    }

    ._darkIcon_i1il5_341 {
        display: flex;
    }

    ._container_i1il5_2 {
        box-shadow: 17px 20px 40px rgba(0, 0, 0, 0.65) !important;
    }

    ._header_i1il5_23 {
        background: rgba(56, 56, 61, 0.6);
    }

    ._headerContent_i1il5_34 {

        &:hover {
            background-color: rgba(255, 255, 255, 0.098);
        }
    }

    ._title_i1il5_81 {
        color: rgba(255, 255, 255, 0.98);
    }

    ._subtitleText_i1il5_117 {
        color: rgba(255, 255, 255, 0.66);
    }

    ._body_i1il5_146 {
        background-color: rgba(0, 0, 0, 0.75);
    }

    ._emailGrid_i1il5_156 {
        &::before {
            background-color: rgba(255, 255, 255, 0.165);
        }
    }

    ._emailItem_i1il5_183 {
        &:not(:last-child, :nth-child(3)) {

            &::before {
                background-color: rgba(255, 255, 255, 0.1);
            }
        }

        &:hover {
            background-color: rgba(255, 255, 255, 0.1);
        }
    }


    ._senderName_i1il5_247 {
        color: #ffffff;
    }

    ._timestamp_i1il5_261 {
        color: rgba(255, 255, 255, 0.66);
    }

    ._subject_i1il5_268 {
        color: rgba(255, 255, 255, 0.66);
    }

    ._noElementsMessage_i1il5_287 {
        color: rgba(255, 255, 255, 0.66);
    }

    ._bottomActions_i1il5_297 {
        ._bottomButton_i1il5_302 {

            &:hover {
                background-color: rgba(255, 255, 255, 0.1);
            }

            &:active {
                background-color: rgba(255, 255, 255, 0.2);
            }

            ._moreButton_i1il5_320 {
                color: #ffffff;
            }

            ._settingsButton_i1il5_326 {
                color: #808080;
            }
        }

    }
}._container_dv7n7_1 {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    backdrop-filter: blur(15px) saturate(0.86);
    box-shadow: rgba(0, 0, 0, 0.16) 17px 20px 40px 0 !important;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    border-radius: 11px;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

._header_dv7n7_18 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 22.5%;
    max-height: 80px;
    max-width: 100%;
    padding: 0.5rem 0.75rem;
    background: rgba(248, 248, 252, 0.85);
}

._headerContent_dv7n7_29 {
    display: flex;
    align-items: center;
    gap: 0.88rem;
    width: 90%;
    padding: 0.42rem 0.5rem;
    border-radius: 7px;
    user-select: none;
    cursor: pointer;

    &:hover {
        background-color: rgba(0, 0, 0, 0.1);
    }

    &:hover:active {
        opacity: 0.75;
    }
}

._iconWrapper_dv7n7_48 {
    width: 40px;
    height: 40px;
    margin-left: 0.2rem;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: rgba(255, 255, 255, 0.12);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.12),
      0 8px 16px rgba(0, 0, 0, 0.24);
    overflow: hidden;
    display: none;
    align-items: center;
    justify-content: center;
    object-fit: cover;
}

._lightIcon_dv7n7_65 {
    display: flex;
}

._titleSection_dv7n7_69 {
    display: flex;
    flex-direction: column;
}

._title_dv7n7_69 {
    font-size: 21px;
    font-weight: 500;
    color: #111827;
    margin: 0;
}

._subtitle_dv7n7_81 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.22rem;
    margin-top: 0.18rem;
}

._inboxIcon_dv7n7_89 {
    width: 19px;
    height: 19px;
    background-color: #959595;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

._smallIcon_dv7n7_99 {
    width: 12px;
    height: 12px;
    color: white;
}

._subtitleText_dv7n7_105 {
    color: #6b7280;
    font-size: 14px;
}

._smallBody_dv7n7_110 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex: 1;
    width: 100%;
    max-height: calc(100% - 80px);
    background-color: white;
    padding: 18px 18px 50px 27px;
    box-sizing: border-box;
    position: relative;
}

._summaryStack_dv7n7_123 {
    display: grid;
    gap: 1.1rem;
    padding: 0;
}

._summaryRow_dv7n7_129 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

._summaryMetric_dv7n7_136 {
    display: flex;
    align-items: center;
    gap: 0.78rem;
    min-width: 0;
}

._summaryMetricIcon_dv7n7_143 {
    width: 24px;
    height: 24px;
    color: rgba(17, 24, 39, 0.95);
    flex-shrink: 0;
    stroke-width: 2.1;
}

._summaryMetricLabel_dv7n7_151 {
    color: rgba(17, 24, 39, 0.55);
    font-size: 10.5px;
    line-height: 1.05;
    margin-bottom: 0.18rem;
}

._summaryMetricValue_dv7n7_158 {
    color: #111827;
    font-size: 18px;
    line-height: 1.1;
    font-weight: 700;
    display: inline-flex;
    align-items: baseline;
    white-space: nowrap;
}

._summaryBadge_dv7n7_168 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    padding: 0 0.72rem;
    border-radius: 999px;
    font-size: 11px;
    line-height: 1;
    font-weight: 400;
    flex-shrink: 0;
    white-space: nowrap;
    margin-top: 0.05rem;
}

._summaryBadgeLive_dv7n7_183 {
    color: #5fd34f;
    background: rgba(95, 211, 79, 0.18);
}

._summaryBadgeMuted_dv7n7_188 {
    color: rgba(255, 255, 255, 0.96);
    background: rgba(160, 168, 178, 0.28);
}

._bottomActions_dv7n7_193 {
    display: flex;
    justify-content: space-between;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 0.85rem 0.8rem;

    ._bottomButton_dv7n7_202 {
        border-radius: 7px;
        width: 1.3rem;
        height: 1.3rem;
        padding: 4px;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;

        &:hover {
            background-color: rgba(0, 0, 0, 0.1);
        }

        &:active {
            background-color: rgba(0, 0, 0, 0.2);
        }

        ._moreButton_dv7n7_220 {
            width: 1.35rem;
            height: 1.35rem;
            color: #000;
        }

        ._settingsButton_dv7n7_226 {
            width: 1.35rem;
            height: 1.35rem;
            color: #707070;
        }
    }
}

@media (prefers-color-scheme: dark) {
    ._lightIcon_dv7n7_65 {
        display: none;
    }

    ._darkIcon_dv7n7_239 {
        display: flex;
    }

    ._container_dv7n7_1 {
        box-shadow: 17px 20px 40px rgba(0, 0, 0, 0.65) !important;
    }

    ._header_dv7n7_18 {
        background: rgba(56, 56, 61, 0.6);
    }

    ._headerContent_dv7n7_29 {
        &:hover {
            background-color: rgba(255, 255, 255, 0.098);
        }
    }

    ._title_dv7n7_69 {
        color: rgba(255, 255, 255, 0.98);
    }

    ._subtitleText_dv7n7_105 {
        color: rgba(255, 255, 255, 0.66);
    }

    ._smallBody_dv7n7_110 {
        background-color: rgba(0, 0, 0, 0.75);
    }

    ._summaryMetricIcon_dv7n7_143 {
        color: rgba(246, 250, 255, 0.92);
    }

    ._summaryMetricLabel_dv7n7_151 {
        color: rgba(217, 226, 238, 0.75);
    }

    ._summaryMetricValue_dv7n7_158 {
        color: #f4f8ff;
    }

    ._summaryBadgeLive_dv7n7_183 {
        color: #5fd34f;
        background: rgba(36, 88, 35, 0.72);
    }

    ._summaryBadgeMuted_dv7n7_188 {
        color: rgba(255, 255, 255, 0.96);
        background: rgba(160, 168, 178, 0.28);
    }

    ._bottomActions_dv7n7_193 {
        ._bottomButton_dv7n7_202 {
            &:hover {
                background-color: rgba(255, 255, 255, 0.1);
            }

            &:active {
                background-color: rgba(255, 255, 255, 0.2);
            }

            ._moreButton_dv7n7_220 {
                color: #ffffff;
            }

            ._settingsButton_dv7n7_226 {
                color: #808080;
            }
        }
    }
}

._rollingNumber_dv7n7_312 {
    display: inline-flex;
    align-items: baseline;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0;
}