/* Layout.module.css */

/* Accent color aligned with customers logo palette */

._emailClient_zofhs_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_zofhs_17 {
  display: block;
}

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

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

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

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

._userQuickActionButton_zofhs_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_zofhs_48:hover {
  background: rgba(255, 255, 255, 0.09);
}

._customerPaneTabs_zofhs_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_zofhs_75 {
  min-width: 92px;
  padding: 0 16px;
  flex: 0 0 auto;
  font-weight: 400;
}

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

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

._customerRecordSectionHeading_zofhs_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_zofhs_95 span {
  color: rgba(255, 255, 255, 0.94);
  font-size: 13px;
  font-weight: 500;
}

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

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

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

._customerDetailsMiniGrid_zofhs_134 > ._customerMiniCard_zofhs_134:not(._customerProfileOverviewCard_zofhs_87) {
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 11px;
  background: rgb(35, 35, 37);
}

._customerDetailsMiniGrid_zofhs_134 > ._customerMiniCard_zofhs_134:not(._customerProfileOverviewCard_zofhs_87):hover {
  border-color: transparent;
  background: rgb(35, 35, 37);
}

._customerDetailsMiniGrid_zofhs_134 > ._customerMiniCard_zofhs_134:not(._customerProfileOverviewCard_zofhs_87) > ._customerSectionEyebrow_zofhs_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_zofhs_134 > ._customerMiniCard_zofhs_134 > ._customerNotesList_zofhs_161,
._customerDetailsMiniGrid_zofhs_134 > ._customerMiniCard_zofhs_134 > ._customerFinanceCockpit_zofhs_162 {
  margin: 0;
  padding: 10px 15px 15px;
}

._customerDetailsMiniGrid_zofhs_134 ._customerNoteItem_zofhs_167 {
  padding: 11px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

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

._customerDetailsMiniGrid_zofhs_134 ._customerFinanceTopRow_zofhs_178,
._customerDetailsMiniGrid_zofhs_134 ._customerAnalyticsMetricsGrid_zofhs_179 {
  gap: 1px;
  overflow: hidden;
  padding: 0;
  border: 0;
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.065);
}

._customerDetailsMiniGrid_zofhs_134 ._customerFinanceCard_zofhs_188,
._customerDetailsMiniGrid_zofhs_134 ._customerMetricCard_zofhs_189 {
  min-height: 66px;
  border: 0;
  border-radius: 0;
  background: rgba(255, 255, 255, 0.025);
}

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

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

._customerProfileAddressTile_zofhs_213,
._customerProfileMapTile_zofhs_214 {
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

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

@media (prefers-color-scheme: light) {
  ._userAccessSummaryStrip_zofhs_26,
  ._customerProfileOverviewCard_zofhs_87 ._customerHeatmapGrid_zofhs_117,
  ._customerDetailsMiniGrid_zofhs_134 ._customerFinanceTopRow_zofhs_178,
  ._customerDetailsMiniGrid_zofhs_134 ._customerAnalyticsMetricsGrid_zofhs_179,
  ._customerProfileLocationSection_zofhs_206 {
    background: rgba(15, 23, 42, 0.09) !important;
  }

  ._userAccessSummaryCard_zofhs_33,
  ._customerProfileOverviewCard_zofhs_87,
  ._customerProfileOverviewCard_zofhs_87:hover,
  ._customerProfileOverviewCard_zofhs_87 ._customerHeatmapTile_zofhs_126,
  ._customerDetailsMiniGrid_zofhs_134 > ._customerMiniCard_zofhs_134:not(._customerProfileOverviewCard_zofhs_87),
  ._customerDetailsMiniGrid_zofhs_134 > ._customerMiniCard_zofhs_134:not(._customerProfileOverviewCard_zofhs_87):hover,
  ._customerDetailsMiniGrid_zofhs_134 ._customerFinanceCard_zofhs_188,
  ._customerDetailsMiniGrid_zofhs_134 ._customerMetricCard_zofhs_189 {
    border: 0 !important;
    background: rgb(248, 250, 253) !important;
    box-shadow: none !important;
  }

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

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

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

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

  ._customerRecordSectionHeading_zofhs_95,
  ._customerDetailsMiniGrid_zofhs_134 > ._customerMiniCard_zofhs_134:not(._customerProfileOverviewCard_zofhs_87) > ._customerSectionEyebrow_zofhs_147,
  ._customerDetailsMiniGrid_zofhs_134 ._customerNoteItem_zofhs_167 + ._customerNoteItem_zofhs_167 {
    border-color: rgba(15, 23, 42, 0.09) !important;
  }

  ._customerRecordSectionHeading_zofhs_95 span,
  ._customerDetailsMiniGrid_zofhs_134 > ._customerMiniCard_zofhs_134:not(._customerProfileOverviewCard_zofhs_87) > ._customerSectionEyebrow_zofhs_147 {
    color: #0f172a !important;
  }

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

  ._customerDetailsMiniGrid_zofhs_134 ._customerNoteItem_zofhs_167 {
    border: 0 !important;
    background: transparent !important;
  }

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

  ._customerProfileAddressTile_zofhs_213,
  ._customerProfileMapTile_zofhs_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_zofhs_299,
._scopeEditorCloseBtn_zofhs_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_zofhs_299:hover,
._scopeEditorCloseBtn_zofhs_300:hover {
  color: rgba(255, 255, 255, 0.96);
  background: rgba(255, 255, 255, 0.07);
}

._userModalCloseButton_zofhs_299:focus,
._scopeEditorCloseBtn_zofhs_300:focus {
  outline: none;
  box-shadow: none;
}

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

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

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

._userAccessActionModal_zofhs_348 ._customerFinanceModalHeader_zofhs_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_zofhs_348 ._customerFinanceModalHeader_zofhs_355 h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
}

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

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

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

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

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

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

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

._userAccessActionControl_zofhs_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_zofhs_418:hover {
  background: rgba(255, 255, 255, 0.08);
}

._userAccessActionControl_zofhs_418:focus,
._userAccessActionControl_zofhs_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_zofhs_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_zofhs_448 ._confirmSecondary_zofhs_457,
._userAccessActionFooter_zofhs_448 ._confirmPrimary_zofhs_458 {
  min-width: 0;
  height: 36px;
  padding: 0 15px;
  border: 0;
  border-radius: 8px;
  box-shadow: none;
  font-size: 13px;
  font-weight: 400;
}

._userAccessActionFooter_zofhs_448 ._confirmSecondary_zofhs_457 {
  color: rgba(255, 255, 255, 0.78);
  background: rgba(255, 255, 255, 0.06);
}

._userAccessActionFooter_zofhs_448 ._confirmPrimary_zofhs_458 {
  color: #171719;
  background: rgba(255, 255, 255, 0.94);
}

._userAccessActionFooter_zofhs_448 ._confirmPrimary_zofhs_458:hover {
  background: #fff;
}

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

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

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

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

  ._userAccessActionModal_zofhs_348 ._customerFinanceModalHeader_zofhs_355,
  ._userAccessActionFooter_zofhs_448 {
    border-color: rgba(15, 23, 42, 0.09);
  }

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

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

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

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

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

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

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

  ._userAccessActionFooter_zofhs_448 ._confirmPrimary_zofhs_458 {
    color: #fff;
    background: #171719;
  }
}

/* Sidebar Styles */
._sidebar_zofhs_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_zofhs_565 {
    width: 0;
    opacity: 0;
  }
}


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

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

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

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

  &._overlayList_zofhs_598 {
    padding: 0;
  }
}

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

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

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

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

._mailboxIcon_zofhs_628 {
  flex-shrink: 0;
}

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

._mailboxItem_zofhs_603._subItem_zofhs_638 > svg {
  margin-left: 20px;
}

._mailboxName_zofhs_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_zofhs_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_zofhs_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_zofhs_664:hover {
  background: rgba(126, 126, 128, 0.18);
}

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

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

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

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

._addButton_zofhs_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_zofhs_711:hover {
  background-color: #37373d;
}

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

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

._folderItem_zofhs_729:hover {
  color: #ffffff;
}

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

._emptyStatePlain_zofhs_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_zofhs_768 {
  margin: 0;
  font-size: 16px;
  line-height: 1.25;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.78);
}

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

._emptyStatePlainAction_zofhs_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_zofhs_784:hover { color: rgba(255, 255, 255, 0.88); }

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

._messageListHeader_zofhs_805 {
  padding: 12px 20px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

._searchInput_zofhs_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_zofhs_900::placeholder {
  color: #cccccc;
}

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

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

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

  ._messageItem_zofhs_937 {
    margin: 0px 10px;
  }

  ._messageItem_zofhs_937._selected_zofhs_941 {
    background-color: rgba(255, 255, 255, 0.15);
  }
}

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

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

  ._messageContent_zofhs_960 {
    ._actions_zofhs_961 {
      display: block;
    }
  }
}

._messageItem_zofhs_937._selected_zofhs_941 {
  background-color: rgba(255, 255, 255, 0.1);
}

._messageItem_zofhs_937._selected_zofhs_941 ._messageContent_zofhs_960,
._messageItem_zofhs_937._before_selected_zofhs_972 ._messageContent_zofhs_960 {
  border-bottom-color: transparent;
}

/* reset all */
._messageItem_zofhs_937._selected_multiple_middle_zofhs_977 {
  border-radius: 0;
}

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

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


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

._threadMonogram_zofhs_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_zofhs_1021 {
  width: 32px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 2px;
}

._avatarRoot_zofhs_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_zofhs_1044 {
    width: 40px;
    height: 40px;

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

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

._avatarFallback_zofhs_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_zofhs_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_zofhs_1044 {
    width: 32px;
    height: 32px;

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

._avatarFallback_appImage_zofhs_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_zofhs_1123 {
  display: none;
}

._darkIcon_zofhs_1127 {
  display: flex;
}

._messageContent_zofhs_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_zofhs_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_zofhs_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_zofhs_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_zofhs_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_zofhs_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_zofhs_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_zofhs_1225 {
  margin: 0 4px;
  color: rgba(255, 255, 255, 0.56);
}

._summaryLine_zofhs_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_zofhs_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;
  display: flex;
  align-items: center;
  gap: 6px;
}

._shiftDot_zofhs_1256 {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  flex-shrink: 0;
}

._shiftDotOn_zofhs_1263 {
  background: #0a84ff;
}

._shiftDotOff_zofhs_1267 {
  background: #ff453a;
}

._metaPill_zofhs_1271 {
  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_zofhs_1285 {
  background: rgba(224, 182, 92, 0.24);
  color: #ffe8b8;
}

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

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

._saleStateBadge_zofhs_1300 {
  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_zofhs_1315 {
  background: rgb(0, 170, 0) !important;
}

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

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

._confirmOverlay_zofhs_1327 {
  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_zofhs_1338 {
  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_zofhs_1347 h3 {
  margin: 0 0 8px;
  font-size: 17px;
  font-weight: 500;
}

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

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

._confirmPrimary_zofhs_458,
._confirmSecondary_zofhs_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_zofhs_458 {
  background: rgb(234, 52, 39);
  color: white;
}

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

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

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

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

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

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

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

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

}

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

._headerActionMenu_zofhs_1438 {
  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_zofhs_1456 {
  transform-origin: top left;
  animation: .2s cubic-bezier(.32, .08, .24, 1) _cw-modal-pop_zofhs_1;
}

._headerActionMenuItem_zofhs_1461 {
  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_zofhs_1461:hover {
  background: #2c2c2e;
}

._headerActionMenuItem_zofhs_1461 svg {
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

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

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

._customerHeaderActionButton_zofhs_1547 {
  color: #8A8A8D;
}

._customerPhotoGrid_zofhs_1551 {
  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_zofhs_17 {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(220px, 0.55fr);
  gap: 16px;
  align-items: stretch;
  margin-bottom: 16px;
}

._userPhotoGridEmptyState_zofhs_1575 { display: flex; }

._userPhotoGridEmpty_zofhs_1575 {
  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_zofhs_21 {
  display: grid;
  grid-template-rows: 1fr 1fr;
  gap: 1px;
  overflow: hidden;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.075);
}

._userMediaStatTile_zofhs_1601 {
  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_zofhs_1611 { margin: 0 0 8px; color: rgba(255, 255, 255, 0.5); font-size: 11px; line-height: 12px; }
._userMediaValue_zofhs_1612 { margin: 0; color: rgba(255, 255, 255, 0.98); font-size: 30px; line-height: 32px; font-weight: 500; }
._userMediaMeta_zofhs_1613 { max-width: 520px; margin-top: 8px; color: rgba(255, 255, 255, 0.62); font-size: 13px; line-height: 17px; }

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

._userAccessSummaryCard_zofhs_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_zofhs_41 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 10px;
}

._userQuickActionButton_zofhs_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_zofhs_48:hover {
  background: rgba(138, 138, 141, 0.22);
}

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

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

._customerPhotoMain_zofhs_1676,
._customerPhotoQuarter_zofhs_1677 {
  overflow: hidden;
  background: rgba(255, 255, 255, 0.025);
}

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

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

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

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

._customerInsightsCard_zofhs_1710 {
  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_zofhs_134 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 10px;
  margin-bottom: 12px;
  min-width: 0;
}

._customerPaneTabs_zofhs_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_zofhs_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_zofhs_82 {
  background: rgba(255, 255, 255, 0.12);
  border: none;
  color: rgba(255, 255, 255, 0.96);
  box-shadow: none;
}

._customerMiniCard_zofhs_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_zofhs_1769 {
  width: 100%;
  grid-column: 1 / -1;
  min-width: 0;
  box-sizing: border-box;
}

._customerSectionEyebrow_zofhs_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_zofhs_1787 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

._customerProfileStackCard_zofhs_1793 {
  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_zofhs_1787 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

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

._customerNoteItem_zofhs_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_zofhs_1826 {
  color: rgba(255, 255, 255, 0.9);
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
}

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

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

._customerOverviewMetaRow_zofhs_1845 {
  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_zofhs_1856 {
  color: rgba(255, 255, 255, 0.72);
  font-size: 13px;
  line-height: 18px;
}

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

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

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

._customerFactsRow_zofhs_1878 {
  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_zofhs_1878:last-child {
  border-bottom: none;
  padding-bottom: 6px;
}

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

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

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

._customerHeatmapTile_zofhs_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_zofhs_1917 ._customerHeatmapTile_zofhs_126:nth-child(3n) {
  border-right: 1px solid rgba(255, 255, 255, 0.045);
}

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

._customerHeatmapTileWide_zofhs_1944 {
  grid-column: span 2;
}

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

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

._customerMetricsGrid_zofhs_1959 {
  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_zofhs_1959 ._customerMetricCard_zofhs_189:last-child {
  grid-column: 1 / -1;
}

._customerAnalyticsMetricsGrid_zofhs_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_zofhs_162 {
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin-bottom: 8px;
}

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

._customerFinanceCard_zofhs_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_zofhs_2006 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
}

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

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

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

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

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

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

._customerFinanceCardMeta_zofhs_2046 {
  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_zofhs_2056 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

._customerAgingItem_zofhs_2062 {
  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_zofhs_2062 span {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.62);
}

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

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

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

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

._customerFinanceModal_zofhs_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_zofhs_355 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

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

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

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

._customerFinanceModalCard_zofhs_2142 {
  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_zofhs_2161 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: rgba(255, 255, 255, 0.9);
}

._customerAlertBadge_zofhs_2168 {
  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_zofhs_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_zofhs_2192 {
  grid-column: auto;
}

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

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

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

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

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

._customerScopeDualBlocks_zofhs_2238 {
  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_zofhs_2248 {
  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_zofhs_2260 {
  display: block;
  font-size: 14px;
  line-height: 18px;
  color: rgba(255, 255, 255, 0.64);
  margin-bottom: 9px;
}

._customerScopeTag_zofhs_2268,
._customerScopeTagMuted_zofhs_2269 {
  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_zofhs_2268 {
  color: rgba(255, 255, 255, 0.9);
  background: rgba(255, 255, 255, 0.06);
}

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

._customerScopeMore_zofhs_2293 {
  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_zofhs_2308 {
  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_zofhs_2308 {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-height: 36px;
}

._customerInsightValue_zofhs_2324 {
  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_zofhs_1878:last-child ._customerFactPair_zofhs_1899:first-child ._customerInsightValue_zofhs_2324 {
  white-space: normal;
  word-break: break-word;
}

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

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

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

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

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

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

._customerMetricRow_zofhs_2373 {
  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_zofhs_2373:last-child {
  border-bottom: none;
}

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

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

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

._customerProfileLocationSection_zofhs_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_zofhs_134 {
    grid-template-columns: minmax(0, 1fr);
  }
}

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

._customerProfileAddressTile_zofhs_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_zofhs_2446 {
  display: block;
  margin-bottom: 2px;
}

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

._customerAddressShareButton_zofhs_2453 {
  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_zofhs_2453:hover {
  background: rgba(255, 255, 255, 0.09);
  color: rgba(255, 255, 255, 0.9);
}

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

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

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

._customerMiniCard_zofhs_134,
._customerMetricCard_zofhs_189,
._customerFinanceCard_zofhs_188,
._customerScopeBlock_zofhs_2248,
._customerNoteItem_zofhs_167,
._customerProfileStackCard_zofhs_1793 {
  transition: none;
}

._customerMiniCard_zofhs_134:hover,
._customerScopeBlock_zofhs_2248:hover,
._customerNoteItem_zofhs_167:hover,
._customerProfileStackCard_zofhs_1793:hover {
  border-color: rgba(255, 255, 255, 0.038);
  background: rgba(255, 255, 255, 0.024);
}

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

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

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

._customerAddressPill_zofhs_2520 {
  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_zofhs_2541 {
  display: none;
}

._customerProfileMapTile_zofhs_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_zofhs_2211 {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  padding-top: 10px;
}

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

._customerScopeActions_zofhs_2570 {
  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_zofhs_2582 {
  margin-bottom: 10px;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

._customerScopeButton_zofhs_2589 {
  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_zofhs_2570 {
    flex-direction: column;
  }

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

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

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

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

._customerScopeColumn_zofhs_2641 {
  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_zofhs_2651 {
  margin-top: 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  padding-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._customerAuditItem_zofhs_2660 {
  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_zofhs_2670 {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.58);
}

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

._customerProfileMapTile_zofhs_214 ._customerProfileLabel_zofhs_2394 {
  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_zofhs_2696 {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 14px;
  line-height: 18px;
  color: rgba(126, 126, 128, 0.96);
}

._customerProfileMapTile_zofhs_214 ._customerProfileAddressMeta_zofhs_2696 {
  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_zofhs_2717 {
  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_zofhs_2735 {
  display: contents;
}

._customerProfileMapTile_zofhs_214 ._userTrackingSelect_zofhs_2739 {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 2;
  max-width: 150px;
  padding: 5px 22px 5px 10px;
  color: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 999px;
  background: rgba(22, 22, 24, 0.68);
  font: inherit;
  font-size: 11px;
  line-height: 12px;
}

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

@keyframes _customerMapLivePulse_zofhs_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_zofhs_2776 {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 100%;
  border-radius: 0;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.04);
  margin: 0;
}

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

._customerMapNoTokenState_zofhs_2794 {
  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_zofhs_2809 { color: rgba(255, 255, 255, 0.98); font-size: 20px; line-height: 24px; font-weight: 500; }

._customerMapImageDark_zofhs_2811 {
  display: block;
}

._customerMapImageLight_zofhs_2815 {
  display: none;
}

._customerMapPinWrap_zofhs_2819 {
  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_zofhs_2832 {
  width: 26px;
  height: 26px;
  display: block;
}

._messageBody_zofhs_2838 {
  -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_zofhs_2853 {
  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_zofhs_2863 {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 0 8px;

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

      ._messageBodyChevronRight_zofhs_2873 {
        display: none;
      }

      ._messageBodyHeaderLeftInfoTitle_zofhs_2877 {
        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_zofhs_2873 {
            display: block;
          }
        }
      }

      ._messageBodyHeaderLeftInfoSubtitle_zofhs_2898 {
        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_zofhs_2925 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;

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

    ._messageDetailsButton_zofhs_2940 {
      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_zofhs_2958 {
  display: flex;
  flex-direction: column;
  width: 100%;

  ._messageBodyContentHeaders_zofhs_2963 {
    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_zofhs_2972 {
      color: rgba(255, 255, 255, 0.5);
      font-size: 11px;
      margin-bottom: 3px;
    }

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

    ._messageBodyContentHeadersItemL_zofhs_2988 {
      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_zofhs_2972 {
        margin-bottom: 5px;
      }

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

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

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

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

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

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

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

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

  ._messageBodyContentSeparator_zofhs_3050 {
    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_zofhs_3081 {
    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_zofhs_3081 {
      display: flex;
      padding: 0px 15px;
      margin: 7.5px 0;
      gap: 15px;

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

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

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

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

    }

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

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

  }

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

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

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

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

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

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

    ._messageBodyContentFooterMain_zofhs_3178 {
      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_zofhs_3185 {
        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_zofhs_3205 {
        width: 12%;
        text-align: right;
        font-size: 18px;
        font-weight: 500;
        color: rgba(255, 255, 255, 1);
        margin: 0 15px;
      }
    }
  }

}

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

._PaymentOverlayContent_zofhs_3226 {
  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_zofhs_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
  display: flex;
  overflow: hidden;

  &:focus {
    outline: none;
  }

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

  ._PaymentOverlayCloseIcon_zofhs_3255 {
    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_zofhs_3272 {
    padding: 20px 42.5px 0 20px;
    flex: 1;
    display: flex;
    flex-direction: column;

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

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

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

      ._PaymentOverlayContentMainSectionValue_zofhs_3298 {
        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_zofhs_3311 {
          background-color: rgb(60, 60, 62);
        }
      }

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

      ._PaymentOverlayContentMainSectionBtnPrimary_zofhs_3321 {
        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_zofhs_3338 {
        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_zofhs_3354 {
        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_zofhs_3366 {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 10px;


        ._messageBodyContentHeadersItem_zofhs_2988 {
          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_zofhs_3383 {
            position: absolute;
            text-align: center;
            top: 5px;
            right: 10px;
            font-size: 16px;
            font-weight: 500;
            user-select: none;
            cursor: default;
          }

          ._messageBodyContentHeadersItemTPICON_zofhs_3394 {
            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_zofhs_3413 {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 10px;


        ._messageBodyContentHeadersItem_zofhs_2988 {
          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_zofhs_3430 {
            border: 1px dashed rgb(99, 99, 102);
            opacity: 0.5;
            pointer-events: none;
          }

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

          ._messageBodyContentHeadersItemTPICON_zofhs_3394 {
            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_zofhs_3469 {
        display: grid;
        grid-template-columns: 1fr 1fr;

        ._PaymentOverlayContentMainSectionValue_zofhs_3298 {
          width: 80%;
        }
      }
    }

  }

}

._messageC1Body_zofhs_3483 {
  -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_zofhs_2853 {
    ._messageBodyHeaderLeft_zofhs_2863 {
      ._messageBodyHeaderLeftInfo_zofhs_2869 {
        ._messageBodyHeaderLeftInfoTitle_zofhs_2877 {
          font-size: 17px;

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

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

    ._messageBodyContentHeaders_zofhs_2963 {
      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_zofhs_2988 {
        display: grid;
        position: relative;
        overflow: hidden;
        width: 100%;
        aspect-ratio: 1;
        background-color: rgba(255, 255, 255, 0.033);
        cursor: pointer;


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

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

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

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

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

        ._messageBodyContentHeadersItemTPICON_zofhs_3394 {
          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_zofhs_3599 {
          position: relative;
          display: flex;
          flex-direction: column;
          justify-content: flex-end;
          width: 100%;
          height: 100%;
          padding: 7px 9px 8px;
        }

        ._recentSalesIconWrap_zofhs_3609 {
          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_zofhs_3621 {
          width: 25px;
          height: 25px;
          display: block;
          color: inherit;
        }

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

        ._recentSalesThumb_zofhs_3628 {
          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_zofhs_3628 + ._recentSalesThumb_zofhs_3628 {
          margin-left: -13px;
        }

        ._recentSalesThumbOverflow_zofhs_3655 {
          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_zofhs_3670 {
          display: flex;
          flex-direction: column;
          gap: 0;
          position: absolute;
          left: 9px;
          right: 9px;
          bottom: 28px;
          min-width: 0;
        }

        ._recentSalesInvoice_zofhs_3681 {
          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_zofhs_3692,
        ._recentSalesDate_zofhs_3693 {
          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_zofhs_3703 {
          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_zofhs_3721 {
          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_zofhs_3742 {
        background-color: transparent !important;
      }

    }

    ._messageBodyContentSeparator_zofhs_3050 {
      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_zofhs_3081 {
      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_zofhs_3081 {
        display: flex;
        padding: 0px 15px;
        margin: 7.5px 0;
        gap: 15px;

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

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

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

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

      }

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

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

    }

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

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

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

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

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

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

      ._messageBodyContentFooterMain_zofhs_3178 {
        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_zofhs_3185 {
          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_zofhs_3205 {
          width: 12%;
          text-align: right;
          font-size: 18px;
          font-weight: 500;
          color: rgba(255, 255, 255, 1);
          margin: 0 15px;
        }
      }
    }

  }
}

._messageC2Body_zofhs_3917 {
  -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_zofhs_2853 {
    ._messageBodyHeaderLeft_zofhs_2863 {
      ._messageBodyHeaderLeftInfo_zofhs_2869 {
        ._messageBodyHeaderLeftInfoTitle_zofhs_2877 {
          font-size: 17px;

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

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

    ._messageBodyContentHeaders_zofhs_2963 {
      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_zofhs_2988 {
        display: grid;
        position: relative;
        overflow: hidden;
        width: 100%;
        aspect-ratio: 1;
        background-color: rgba(255, 255, 255, 0.075);


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

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


        ._messageBodyContentHeadersItemTPDF_zofhs_3985 {
          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_zofhs_3999 {
          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_zofhs_4013 {
          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_zofhs_4027 {
          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_zofhs_3721 {
          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_zofhs_3742 {
        background-color: transparent !important;
      }
    }

    ._messageBodyContentSeparator_zofhs_3050 {
      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_zofhs_3141 {
      display: flex;
      flex-direction: column;
      flex: 1;

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

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

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

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

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

      ._messageBodyContentFooterMain_zofhs_3178 {
        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_zofhs_3185 {
          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_zofhs_3205 {
          width: 12%;
          text-align: right;
          font-size: 18px;
          font-weight: 500;
          color: rgba(255, 255, 255, 1);
          margin: 0 15px;
        }
      }
    }

  }
}

._locationAssignmentsBody_zofhs_4175 {
  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_zofhs_4190 {
  display: flex;
  flex-direction: column;
  gap: 1px;
  width: 100%;
  padding: 4px 0;
}

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

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

._locationAssignmentCardPhoto_zofhs_4213 {
  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_zofhs_4225 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

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

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

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

._locationAssignmentCardName_zofhs_4253 {
  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_zofhs_4263 {
  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_zofhs_4273 {
  font-size: 10.5px;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.3);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._locationAssignmentCardRemove_zofhs_4282 {
  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_zofhs_4282:hover {
  color: rgba(255, 122, 122, 0.92);
  background-color: rgba(255, 100, 100, 0.1);
}

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

._locationRemovalModal_zofhs_4312 {
  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_zofhs_4327 {
  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_zofhs_4327 h3,
._locationRemovalHeader_zofhs_4327 p {
  margin: 0;
}

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

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

._locationRemovalBody_zofhs_4354 {
  padding: 20px;
}

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

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

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

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

._pendingInviteCard_zofhs_4382 {
  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_zofhs_4393 {
  min-width: 0;
}

._pendingInviteCode_zofhs_4397 {
  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_zofhs_4405 {
  margin-top: 4px;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.68);
  font-size: 12.5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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

._pendingInviteAction_zofhs_4420 {
  flex: 0 0 auto;
}

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

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

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

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

._locationRemovalFooter_zofhs_4446 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_zofhs_4446 ._locationRemovalConfirm_zofhs_4469 {
  background: rgba(255, 255, 255, 0.92);
  color: rgba(18, 18, 20, 0.96);
}

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

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

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

._locationAssignmentsBody_zofhs_4175 ._messageBodyContentFooterSubAlt_zofhs_3166 {
  display: flex;
  margin: 0;
}

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

._locationAssignFormContent_zofhs_4502 {
  padding: 18px;
}

._locationAssignFormContent_zofhs_4502 ._overlayFormSection_zofhs_4506 {
  border: none;
  background: none;
  padding: 0;
}

._customerRecentSalesBody_zofhs_4512 {
  -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_zofhs_4528 {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 0;
}

._customerRecentSalesGrid_zofhs_4535 {
  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_zofhs_4545 {
  position: relative;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 1;
  background-color: rgba(255, 255, 255, 0.075);
  display: grid;
  padding: 0;
  cursor: pointer;
}

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

._recordNavigationTile_zofhs_4560 {
  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_zofhs_4560:hover {
  filter: brightness(1.08);
}

._recordNavigationTile_zofhs_4560:focus {
  outline: none;
}

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

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

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

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

._customerRecentSalesAmount_zofhs_4612 {
  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_zofhs_4628 {
  position: absolute;
  top: 23%;
  left: 10px;
  display: flex;
  align-items: center;
  width: max-content;
  height: 34px;
  pointer-events: none;
}

._customerRecentSalesThumb_zofhs_4628 {
  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_zofhs_4628 + ._customerRecentSalesThumb_zofhs_4628 {
  margin-left: -13px;
}

._customerRecentSalesThumbOverflow_zofhs_4655 {
  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_zofhs_4670 {
  display: flex;
  flex-direction: column;
  gap: 0;
  position: absolute;
  left: 9px;
  right: 9px;
  bottom: 48px;
  min-width: 0;
  line-height: 1;
}

._customerRecentSalesInvoice_zofhs_4682 {
  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_zofhs_4694,
._customerRecentSalesDate_zofhs_4695 {
  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_zofhs_4706 {
  color: rgba(137, 211, 255, 0.92);
  cursor: pointer;
  text-decoration: none;
}

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

._customerRecentSalesByPill_zofhs_4719 {
  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_zofhs_4741 {
  background: transparent !important;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

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

._customerRecentSalesAddButton_zofhs_4754 {
  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_zofhs_4528 ._messageBodyContentFooter_zofhs_3141 {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
  flex: 0 0 auto;
  justify-content: flex-start;
}

._customerRecentSalesContent_zofhs_4528 ._messageBodyContentFooterSubAlt_zofhs_3166 {
  display: flex;
  margin: 0 15px;
}

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

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

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

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

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

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

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

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

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

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

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

._warningText_zofhs_4853 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_zofhs_4861 {
  font-size: 80px;
  opacity: 0.8;
}

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

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

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



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

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

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

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

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

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

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

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

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

._contextMenu_zofhs_4941 {
  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_zofhs_1;
}

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

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

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

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

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

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

._contextItem_zofhs_4984 {
  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_zofhs_1 {
  0% {
    opacity: 0;
    transform: scale(0.62);
  }

  80% {
    transform: scale(1.02);
  }

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

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



._hoverCardContent_zofhs_5039 {
  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_zofhs_1 0.2s ease;
}

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

._directoryHoverCard_zofhs_5050 ._avatarHoverRoot_zofhs_5057 {
  width: 44px;
  height: 44px;
}

._directoryHoverCard_zofhs_5050 ._avatarHoverFallback_zofhs_5062 { font-size: 16px; }

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

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

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

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

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

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

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

._avatarHoverRoot_zofhs_5057 {
  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_zofhs_5062 {
  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_zofhs_5134 {
  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_zofhs_1;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  ._sidebar_zofhs_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_zofhs_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_zofhs_1044,
  ._messageContentHeader_zofhs_1427 {
    background: #ffffff;
    border-bottom: 1px solid transparent;
  }

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

  ._sidebarHeader_zofhs_572 h2,
  ._foldersHeader_zofhs_697 h3,
  ._headerTop_zofhs_809 h2,
  ._sender_zofhs_1162,
  ._subject_zofhs_1213,
  ._messageBodyHeader_zofhs_2853 ._messageBodyHeaderLeft_zofhs_2863 ._messageBodyHeaderLeftInfo_zofhs_2869 ._messageBodyHeaderLeftInfoTitle_zofhs_2877,
  ._messageBodyContent_zofhs_2958 ._messageBodyContentHeaders_zofhs_2963 ._messageBodyContentHeadersSubTitle_zofhs_2978,
  ._messageBodyContentFooterMainTitle_zofhs_3185,
  ._messageBodyContentFooterMainSubTitle_zofhs_3205,
  ._Text_zofhs_5193 {
    color: #1f2937;
  }

  ._mailboxName_zofhs_642 {
    color: #243043;
  }

  ._count_zofhs_655,
  ._headerInfo_zofhs_848,
  ._preview_zofhs_1243,
  ._summaryLine_zofhs_1230,
  ._time_zofhs_1175,
  ._messageBodyHeader_zofhs_2853 ._messageBodyHeaderRight_zofhs_2925 ._messageBodyHeaderRightDate_zofhs_2931,
  ._messageBodyHeader_zofhs_2853 ._messageBodyHeaderLeft_zofhs_2863 ._messageBodyHeaderLeftInfo_zofhs_2869 ._messageBodyHeaderLeftInfoSubtitle_zofhs_2898 span,
  ._messageBodyHeaderLeftInfoSubtitle_zofhs_2898,
  ._messageBodyContent_zofhs_2958 ._messageBodyContentHeaders_zofhs_2963 ._messageBodyContentHeadersTitle_zofhs_2972,
  ._messageBodyContentSeparator_zofhs_3050 span,
  ._messageBodyContentFooterSubTitle_zofhs_3150,
  ._messageBodyContentFooterSubSubTitle_zofhs_3157,
  ._messageBodyContentFooterSubAltTitle_zofhs_3170,
  ._Text_zofhs_5193.faded {
    color: rgba(71, 85, 105, 0.88) !important;
  }

  ._mailboxItem_zofhs_603:hover,
  ._messageBodyHeader_zofhs_2853 ._messageBodyHeaderLeft_zofhs_2863 ._messageBodyHeaderLeftInfo_zofhs_2869 ._messageBodyHeaderLeftInfoTitle_zofhs_2877:hover,
  ._messageBodyHeader_zofhs_2853 ._messageBodyHeaderLeft_zofhs_2863 ._messageBodyHeaderLeftInfo_zofhs_2869 ._messageBodyHeaderLeftInfoSubtitle_zofhs_2898 span:hover,
  ._messageBodyHeader_zofhs_2853 ._messageBodyHeaderRight_zofhs_2925 ._messageDetailsButton_zofhs_2940:hover,
  ._contextItem_zofhs_4984:hover {
    background-color: rgba(200, 200, 200, 0.35);
  }

  ._mailboxItem_zofhs_603._active_zofhs_623 {
    background: rgba(120, 120, 128, 0.1);
    color: rgba(0, 0, 0, 0.88);

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

  ._iconButton_zofhs_832,
  ._messageBodyHeader_zofhs_2853 ._messageBodyHeaderRight_zofhs_2925 ._messageDetailsButton_zofhs_2940,
  ._detailsButton_zofhs_1534,
  ._messageViewLink_zofhs_4810 a,
  ._contextItem_zofhs_4984 svg,
  ._mailboxItem_zofhs_603 svg {
    color: #8A8A8D;
  }

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

  ._searchIcon_zofhs_880,
  ._searchClearIcon_zofhs_886 {
    color: #6b7280;
  }

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

  ._searchInput_zofhs_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_zofhs_900::placeholder {
    color: #94a3b8;
  }

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

  ._topHits_zofhs_921,
  ._messageBody_zofhs_2838,
  ._messageC1Body_zofhs_3483,
  ._messageC2Body_zofhs_3917,
  ._messageC3Body_zofhs_5378 {
    background: rgba(255, 255, 255, 0.985);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15);
  }

  ._messageBody_zofhs_2838 {
    background: #ffffff;
  }

  ._topHits_zofhs_921 ._topHitsLabel_zofhs_928 {
    color: #1f2937;
  }

  ._messageItem_zofhs_937._selected_zofhs_941,
  ._topHits_zofhs_921 ._messageItem_zofhs_937._selected_zofhs_941 {
    background: rgba(120, 120, 128, 0.15);
  }

  ._subject_zofhs_1213 {
    color: #111827;
  }

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

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

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

  ._messageBodyContentFooterMain_zofhs_3178 ._messageBodyContentFooterMainTitle_zofhs_3185 ._saleStateBadge_zofhs_1300 {
    color: #ffffff !important;
    background-color: inherit;
  }

  ._messageBodyContentFooterMain_zofhs_3178 ._messageBodyContentFooterMainTitle_zofhs_3185 ._saleStateBadge_paid_zofhs_1315 {
    background: rgb(0, 170, 0) !important;
  }

  ._messageBodyContentFooterMain_zofhs_3178 ._messageBodyContentFooterMainTitle_zofhs_3185 ._saleStateBadge_due_zofhs_1319 {
    background: rgb(228, 43, 43) !important;
  }

  ._messageBodyContentFooterMain_zofhs_3178 ._messageBodyContentFooterMainTitle_zofhs_3185 ._saleStateBadge_partiallypaid_zofhs_1323 {
    background: rgb(224, 166, 32) !important;
  }

  ._messageItem_zofhs_937._selected_zofhs_941 ._metaPill_zofhs_1271,
  ._topHits_zofhs_921 ._messageItem_zofhs_937._selected_zofhs_941 ._metaPill_zofhs_1271 {
    background: rgba(100, 116, 139, 0.18);
    color: #0f172a;
  }

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

  ._confirmHeader_zofhs_1347 p,
  ._confirmHint_zofhs_1404 {
    color: rgba(71, 85, 105, 0.88);
  }

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

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

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

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

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

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

  ._unreadIndicator_zofhs_1410,
  ._unreadDot_zofhs_864 {
    background-color: #18a957;
  }

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


  ._lightIcon_zofhs_1123 {
    display: flex;
  }

  ._darkIcon_zofhs_1127 {
    display: none;
  }

  ._lightModeIconBorder_zofhs_5495 {
    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_zofhs_2853 {
    border-bottom-color: rgba(226, 232, 240, 0.95);
  }

  ._messageBodyContent_zofhs_2958 ._messageBodyContentHeaders_zofhs_2963 ._messageBodyContentHeadersItemL_zofhs_2988,
  ._messageBodyContent_zofhs_2958 ._messageBodyContentHeaders_zofhs_2963 ._messageBodyContentHeadersItemS_zofhs_3008,
  ._messageBodyContentSeparator_zofhs_3050 span,
  ._messageBodyContentFooterMain_zofhs_3178,
  ._messageBodyContentFooterSub_zofhs_3146,
  ._messageBodyContentFooterSubAlt_zofhs_3166 {
    background-color: rgba(241, 241, 241, 1) !important;
    color: #1f2937;
  }

  ._messageBodyContentFooterSubAlt_zofhs_3166,
  ._messageBodyContentFooterSubTitle_zofhs_3150,
  ._messageBodyContentFooterSubAltTitle_zofhs_3170 {
    color: rgba(71, 85, 105, 0.84) !important;
    background-color: transparent !important;
  }

  ._messageC1Body_zofhs_3483 ._messageBodyContent_zofhs_2958 ._messageBodyContentSeparator_zofhs_3050 span,
  ._messageC2Body_zofhs_3917 ._messageBodyContent_zofhs_2958 ._messageBodyContentSeparator_zofhs_3050 span,
  ._messageC3Body_zofhs_5378 ._messageBodyContent_zofhs_2958 ._messageBodyContentSeparator_zofhs_3050 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_zofhs_3178,
  ._messageBodyContentItemDetailsTitle_zofhs_3109,
  ._messageBodyContentItemTotalsAmount_zofhs_3132,
  ._messageBodyContentFooterSubSubTitle_zofhs_3157,
  ._messageBodyContentFooterMainTitle_zofhs_3185,
  ._messageBodyContentFooterMainSubTitle_zofhs_3205 {
    color: #1f2937 !important;
    background-color: transparent !important;
  }

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

  ._messageC1Body_zofhs_3483 ._messageBodyContentFooter_zofhs_3141 ._messageBodyContentFooterMain_zofhs_3178 ._messageBodyContentFooterMainTitle_zofhs_3185 span,
  ._messageC2Body_zofhs_3917 ._messageBodyContentFooter_zofhs_3141 ._messageBodyContentFooterMain_zofhs_3178 ._messageBodyContentFooterMainTitle_zofhs_3185 span,
  ._messageC3Body_zofhs_5378 ._messageBodyContentFooter_zofhs_3141 ._messageBodyContentFooterMain_zofhs_3178 ._messageBodyContentFooterMainTitle_zofhs_3185 span {
    padding: 0;
  }

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

  ._messageBodyContentFooterSub_zofhs_3146,
  ._messageBodyContentFooterSubTitle_zofhs_3150 {
    color: #1f2937 !important;
    background: transparent !important;
  }

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

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

  ._messageC1Body_zofhs_3483 ._messageBodyContent_zofhs_2958 ._messageBodyContentHeaders_zofhs_2963 ._messageBodyContentHeadersItem_zofhs_2988,
  ._messageC2Body_zofhs_3917 ._messageBodyContent_zofhs_2958 ._messageBodyContentHeaders_zofhs_2963 ._messageBodyContentHeadersItem_zofhs_2988 {
    background-color: rgba(241, 241, 241, 1);
  }

  ._messageC1Body_zofhs_3483 ._messageBodyContent_zofhs_2958 ._messageBodyContentHeaders_zofhs_2963 ._messageBodyContentHeadersItem_zofhs_2988:nth-child(even),
  ._messageC2Body_zofhs_3917 ._messageBodyContent_zofhs_2958 ._messageBodyContentHeaders_zofhs_2963 ._messageBodyContentHeadersItem_zofhs_2988:nth-child(even) {
    background-color: rgba(249, 249, 249, 1);
  }

  ._messageC1Body_zofhs_3483 ._messageBodyContent_zofhs_2958 ._messageBodyContentHeaders_zofhs_2963 ._addDocumentButton_zofhs_3742,
  ._messageC2Body_zofhs_3917 ._messageBodyContent_zofhs_2958 ._messageBodyContentHeaders_zofhs_2963 ._addDocumentButton_zofhs_3742 {
    background: transparent !important;
    border-radius: 18px;
  }

  ._messageC1Body_zofhs_3483 ._messageBodyContent_zofhs_2958 ._messageBodyContentHeaders_zofhs_2963 ._messageBodyContentHeadersItemTADB_zofhs_3721,
  ._messageC2Body_zofhs_3917 ._messageBodyContent_zofhs_2958 ._messageBodyContentHeaders_zofhs_2963 ._messageBodyContentHeadersItemTADB_zofhs_3721 {
    background: rgba(0, 0, 0, 0.075) !important;
    color: #1f2937;
  }

  ._messageC1Body_zofhs_3483 ._messageBodyContent_zofhs_2958 ._messageBodyContentHeaders_zofhs_2963 ._messageBodyContentHeadersItemTPICON_zofhs_3394,
  ._messageC2Body_zofhs_3917 ._messageBodyContent_zofhs_2958 ._messageBodyContentHeaders_zofhs_2963 ._messageBodyContentHeadersItemTPICON_zofhs_3394 {
    color: rgba(71, 85, 105, 0.82);
  }

  ._messageC1Body_zofhs_3483 ._messageBodyContent_zofhs_2958 ._messageBodyContentHeaders_zofhs_2963 ._messageBodyContentHeadersItemTPICON_zofhs_3394 svg,
  ._messageC2Body_zofhs_3917 ._messageBodyContent_zofhs_2958 ._messageBodyContentHeaders_zofhs_2963 ._messageBodyContentHeadersItemTPICON_zofhs_3394 svg {
    color: rgba(71, 85, 105, 0.82);
  }

  ._messageC1Body_zofhs_3483 ._messageBodyContent_zofhs_2958 ._messageBodyContentHeaders_zofhs_2963 ._messageBodyContentHeadersItemTDT_zofhs_3554,
  ._messageC2Body_zofhs_3917 ._messageBodyContent_zofhs_2958 ._messageBodyContentHeaders_zofhs_2963 ._messageBodyContentHeadersItemTPDF_zofhs_3985,
  ._messageC2Body_zofhs_3917 ._messageBodyContent_zofhs_2958 ._messageBodyContentHeaders_zofhs_2963 ._messageBodyContentHeadersItemTPNG_zofhs_3999,
  ._messageC2Body_zofhs_3917 ._messageBodyContent_zofhs_2958 ._messageBodyContentHeaders_zofhs_2963 ._messageBodyContentHeadersItemTJPG_zofhs_4013,
  ._messageC2Body_zofhs_3917 ._messageBodyContent_zofhs_2958 ._messageBodyContentHeaders_zofhs_2963 ._messageBodyContentHeadersItemTXLS_zofhs_4027 {
    box-shadow: 0 8px 18px rgba(148, 163, 184, 0.18);
  }

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

  ._PaymentOverlayContent_zofhs_3226 {
    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_zofhs_3226 ._PaymentOverlayContentSidebar_zofhs_3246 {
    background: rgba(248, 250, 252, 0.95);
    border-right: 1px solid rgba(218, 222, 228, 0.96);
  }

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

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

  ._PaymentOverlayContent_zofhs_3226 ._PaymentOverlayContentMain_zofhs_3272,
  ._PaymentOverlayContent_zofhs_3226 ._PaymentOverlayContentMain_zofhs_3272 ._PaymentOverlayContentMainTitle_zofhs_3278,
  ._PaymentOverlayContent_zofhs_3226 ._PaymentOverlayContentMain_zofhs_3272 ._PaymentOverlayContentMainSectionTitle_zofhs_3291,
  ._PaymentOverlayContent_zofhs_3226 ._PaymentOverlayContentMain_zofhs_3272 ._PaymentOverlayContentMainSectionValue_zofhs_3298 {
    color: #1f2937 !important;
    border-color: rgba(189, 193, 198, 0.76) !important;
  }

  ._PaymentOverlayContent_zofhs_3226 ._PaymentOverlayContentMain_zofhs_3272 ._PaymentOverlayContentMainSectionBody_zofhs_3354 {
    color: rgba(71, 85, 105, 0.88) !important;
  }

  ._PaymentOverlayContent_zofhs_3226 ._PaymentOverlayContentMain_zofhs_3272 ._PaymentOverlayContentMainSectionTable_zofhs_3366 ._messageBodyContentHeadersItem_zofhs_2988,
  ._PaymentOverlayContent_zofhs_3226 ._PaymentOverlayContentMain_zofhs_3272 ._PaymentOverlayContentMainSectionTable1_zofhs_3413 ._messageBodyContentHeadersItem_zofhs_2988 {
    background-color: rgba(241, 241, 241, 0.98) !important;
    border-color: rgba(189, 193, 198, 0.76) !important;
  }

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

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

  ._PaymentOverlayContent_zofhs_3226 ._PaymentOverlayContentMain_zofhs_3272 ._PaymentOverlayContentMainSectionBtnPrimary_zofhs_3321 {
    background: #000 !important;
    color: #fff !important;
  }

  ._PaymentOverlayContent_zofhs_3226 ._PaymentOverlayContentMain_zofhs_3272 ._PaymentOverlayContentMainSectionBtnSecondary_zofhs_3338 {
    background: rgba(231, 231, 231, 0.98) !important;
    color: #334155;
  }

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

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

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

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

  ._contextMenu_zofhs_4941,
  ._hoverCardContent_zofhs_5039,
  ._Content_zofhs_5134 {
    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_zofhs_4984[data-disabled] {
    color: #111827;
  }

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

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

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

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

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

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

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

  ._customerMiniCard_zofhs_134,
  ._customerMetricCard_zofhs_189,
  ._customerFinanceCard_zofhs_188,
  ._customerScopeBlock_zofhs_2248,
  ._customerNoteItem_zofhs_167,
  ._customerProfileStackCard_zofhs_1793,
  ._customerHeatmapTile_zofhs_126,
  ._customerFinanceModalCard_zofhs_2142,
  ._customerAgingItem_zofhs_2062 {
    background: rgba(248, 250, 253, 0.98) !important;
    border-color: rgba(214, 223, 235, 0.9) !important;
    box-shadow: none !important;
  }

  ._customerProfileAddressTile_zofhs_213,
  ._customerProfileMapTile_zofhs_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_zofhs_134:hover,
  ._customerScopeBlock_zofhs_2248:hover,
  ._customerNoteItem_zofhs_167:hover,
  ._customerProfileStackCard_zofhs_1793:hover {
    background: rgba(242, 246, 252, 0.98) !important;
  }

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

  ._customerSectionEyebrow_zofhs_147,
  ._customerMetricLabel_zofhs_2196,
  ._customerProfileLabel_zofhs_2394,
  ._customerAddressTitle_zofhs_2476,
  ._customerScopeBlockTitle_zofhs_2260,
  ._customerScopeTitle_zofhs_2670 {
    color: rgba(71, 85, 105, 0.86) !important;
  }

  ._customerMetricValue_zofhs_2203,
  ._customerProfileValue_zofhs_2402,
  ._customerNoteTitle_zofhs_1826,
  ._customerNoteBody_zofhs_1833,
  ._customerInsightValue_zofhs_2324,
  ._customerFinancePercent_zofhs_2013,
  ._customerAgingItem_zofhs_2062 strong {
    color: #0f172a !important;
  }

  ._customerHeaderMetaText_zofhs_1862,
  ._customerHeaderMetaDot_zofhs_1869,
  ._customerOverviewMetaItem_zofhs_1856,
  ._customerAddressLine_zofhs_2484,
  ._customerAnalyticsSummaryLabel_zofhs_5788,
  ._customerQuickFact_zofhs_2308 {
    color: rgba(51, 65, 85, 0.82) !important;
  }

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

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

  ._customerAddressPill_zofhs_2520,
  ._customerScopeTag_zofhs_2268,
  ._customerScopeTagMuted_zofhs_2269,
  ._customerScopeMore_zofhs_2293,
  ._customerRecentSalesByPill_zofhs_4719 {
    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_zofhs_4655 {
    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_zofhs_2347,
  ._customerStatusText_active_zofhs_2354,
  ._customerStatusText_inactive_zofhs_2358,
  ._customerStatusText_warning_zofhs_2362 {
    color: #1f2937 !important;
    font-weight: 400 !important;
  }

  ._customerFinanceCockpit_zofhs_162,
  ._customerFinanceTopRow_zofhs_178,
  ._customerMetricsGrid_zofhs_1959,
  ._customerAnalyticsMetricsGrid_zofhs_179,
  ._customerScopeDualBlocks_zofhs_2238 {
    background: transparent !important;
  }

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

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

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

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

  ._customerRecentSalesAddTile_zofhs_4741 {
    background: transparent !important;
  }

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

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

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

  ._locationAssignmentsBody_zofhs_4175 {
    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_zofhs_4198:hover {
    background-color: rgba(0, 0, 0, 0.03) !important;
  }

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

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

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

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

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

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

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

  ._locationRemovalModal_zofhs_4312 {
    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_zofhs_4327,
  ._locationRemovalFooter_zofhs_4446 {
    border-color: rgba(15, 23, 42, 0.1);
  }

  ._locationRemovalHeader_zofhs_4327 p,
  ._locationRemovalBody_zofhs_4354 > p,
  ._locationRemovalSummary_zofhs_4424 span,
  ._locationRemovalSummary_zofhs_4424 small {
    color: rgba(15, 23, 42, 0.52);
  }

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

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

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

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

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

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

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

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

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

  ._locationAssignmentsBody_zofhs_4175 ._messageBodyContentFooterSubAltTitle_zofhs_3170 {
    color: rgba(0, 0, 0, 0.35) !important;
  }

  ._customerRecentSalesBody_zofhs_4512 {
    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_zofhs_4612,
  ._customerRecentSalesInvoice_zofhs_4682 {
    color: #0f172a !important;
  }

  ._customerRecentSalesOrder_zofhs_4694,
  ._customerRecentSalesDate_zofhs_4695,
  ._customerDetailsLastEditText_zofhs_4795 {
    color: rgba(71, 85, 105, 0.84) !important;
  }

  ._customerRecentSalesContent_zofhs_4528 ._messageBodyContentFooter_zofhs_3141,
  ._customerDetailsLastEditRow_zofhs_4790 {
    border-top-color: rgba(214, 223, 235, 0.92) !important;
  }

  ._customerMapImageDark_zofhs_2811 {
    display: none;
  }

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

  ._customerProfileMapTile_zofhs_214 ._customerProfileLabel_zofhs_2394 {
    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_zofhs_214 ._customerProfileAddressMeta_zofhs_2696 {
    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;
  }

  ._customerProfileMapTile_zofhs_214 ._userTrackingSelect_zofhs_2739 {
    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;
  }

  ._policySelectDropdown_zofhs_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_zofhs_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_zofhs_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_zofhs_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_zofhs_6061 {
  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_zofhs_6078 {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: min(85vh, 900px);
}

._scopeEditorTitleBar_zofhs_6085 {
  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_zofhs_6085 {
  font-size: 14px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.88);
}

._scopeEditorCloseBtn_zofhs_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_zofhs_300:hover {
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.8);
}

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

._scopeEditorSidebar_zofhs_6125 {
  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_zofhs_6136 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 10px 0 12px;
}

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

._scopeEditorAvatarFallback_zofhs_6149 {
  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_zofhs_6159 {
  font-size: 13px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.9);
  text-align: center;
}

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

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

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

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

._scopeEditorStatusActive_zofhs_6192 {
  color: #34c759;
}

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

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

._scopeEditorNavItem_zofhs_6208 {
  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_zofhs_6208:hover {
  background: rgba(255, 255, 255, 0.05);
}

._scopeEditorNavLabel_zofhs_6225 {
  font-weight: 400;
}

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

._scopeEditorMain_zofhs_6235 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  padding: 14px 16px;
}

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

._scopeBlock_zofhs_6244 {
  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_zofhs_6259 {
  padding: 14px 20px 12px 16px;
  display: flex;
  align-items: center;
  gap: 12px;
}

._scopeBlockIcon_zofhs_6266 {
  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_zofhs_6266 picture {
  display: flex;
  width: 100%;
  height: 100%;
}

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

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

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

._scopeBlockDesc_zofhs_6308 {
  font-size: 12.5px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.40);
  line-height: 1.3;
}

._scopeBlockActions_zofhs_6315 {
  padding: 0;
}

._scopeRow_zofhs_6319 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 54px;
  padding: 0 20px;
  position: relative;
}

._scopeRow_zofhs_6319::after {
  content: "";
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 0;
  height: 1px;
  background: rgba(255, 255, 255, 0.07);
}

._scopeRow_zofhs_6319:last-child::after {
  display: none;
}

._scopeRowLeft_zofhs_6342 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1px;
}

._scopeRowLabel_zofhs_6349 {
  font-size: 15px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.92);
}

._scopeRowHint_zofhs_6355 {
  font-size: 12px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.34);
  line-height: 1.2;
  margin-top: 2px;
}

._scopeRowDisabled_zofhs_6363 ._scopeRowLabel_zofhs_6349 { color: rgba(255, 255, 255, 0.42); }
._scopeRowDisabled_zofhs_6363 ._scopeRowHint_zofhs_6355 { color: #ff9f43; }
._scopeRowDisabled_zofhs_6363 ._scopeSlider_zofhs_6365 { opacity: 0.4; }

._scopeSwitch_zofhs_6367 {
  position: relative;
  display: inline-flex;
  width: 34px;
  height: 20px;
  flex: 0 0 34px;
}

._scopeSwitch_zofhs_6367 input {
  position: absolute;
  inset: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  cursor: pointer;
}

._scopeSwitch_zofhs_6367 input:disabled {
  cursor: not-allowed;
}

._scopeSlider_zofhs_6365 {
  position: absolute;
  inset: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.24);
  transition: background-color 160ms ease;
}

._scopeSlider_zofhs_6365::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_zofhs_6367 input:checked + ._scopeSlider_zofhs_6365 {
  background: #0071e3;
}

._scopeSwitch_zofhs_6367 input:checked + ._scopeSlider_zofhs_6365::before {
  transform: translateX(14px);
}

._scopeEditorHint_zofhs_6417 {
  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_zofhs_6426 {
  padding: 16px 0 4px;
  display: flex;
  justify-content: center;
  gap: 8px;
  flex-shrink: 0;
}

._scopeActionBtn_zofhs_6434 {
  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_zofhs_6434:hover {
  background: rgba(255, 255, 255, 0.12);
}

._scopeActionBtnPrimary_zofhs_6451 {
  background: #0071e3;
  color: rgba(255, 255, 255, 0.96);
}

._scopeActionBtnPrimary_zofhs_6451:hover {
  background: #0077ed;
}

@media (prefers-color-scheme: light) {
  ._scopeEditorModal_zofhs_6061 {
    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_zofhs_6085 {
    border-bottom-color: rgba(0, 0, 0, 0.06);
  }

  ._scopeEditorTitle_zofhs_6085 {
    color: rgba(30, 41, 59, 0.88);
  }

  ._scopeEditorCloseBtn_zofhs_300 {
    background: rgba(0, 0, 0, 0.04);
    color: rgba(30, 41, 59, 0.5);
  }

  ._scopeEditorCloseBtn_zofhs_300:hover {
    background: rgba(0, 0, 0, 0.08);
    color: rgba(30, 41, 59, 0.8);
  }

  ._scopeEditorSidebar_zofhs_6125 {
    border-right-color: rgba(0, 0, 0, 0.06);
  }

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

  ._scopeEditorUserName_zofhs_6159 {
    color: rgba(30, 41, 59, 0.9);
  }

  ._scopeEditorUserMeta_zofhs_6166 {
    color: rgba(30, 41, 59, 0.45);
  }

  ._scopeEditorPolicyLabel_zofhs_6179 {
    color: rgba(30, 41, 59, 0.4);
  }

  ._scopeEditorPolicyValue_zofhs_6186 {
    color: rgba(30, 41, 59, 0.75);
  }

  ._scopeEditorSidebarDivider_zofhs_6196 {
    background: rgba(0, 0, 0, 0.06);
  }

  ._scopeEditorNavItem_zofhs_6208 {
    color: rgba(30, 41, 59, 0.7);
  }

  ._scopeEditorNavItem_zofhs_6208:hover {
    background: rgba(0, 0, 0, 0.04);
  }

  ._scopeEditorNavCount_zofhs_6229 {
    color: rgba(30, 41, 59, 0.35);
  }

  ._scopeBlock_zofhs_6244 {
    background: rgba(0, 0, 0, 0.03);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  ._scopeBlockIcon_zofhs_6266 {
    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_zofhs_6301 {
    color: rgba(30, 41, 59, 0.9);
  }

  ._scopeBlockDesc_zofhs_6308 {
    color: rgba(30, 41, 59, 0.45);
  }

  ._scopeRowLabel_zofhs_6349 {
    color: rgba(30, 41, 59, 0.88);
  }

  ._scopeRowHint_zofhs_6355 {
    color: rgba(30, 41, 59, 0.38);
  }

  ._scopeRow_zofhs_6319::after {
    background: rgba(0, 0, 0, 0.06);
  }

  ._scopeSlider_zofhs_6365 {
    background: rgba(0, 0, 0, 0.18);
  }

  ._scopeSlider_zofhs_6365::before {
    background: #fff;
  }

  ._scopeActionBtn_zofhs_6434 {
    background: rgba(15, 23, 42, 0.06);
    color: rgba(15, 23, 42, 0.72);
  }

  ._scopeActionBtn_zofhs_6434:hover {
    background: rgba(15, 23, 42, 0.10);
  }

  ._scopeActionBtnPrimary_zofhs_6451 {
    background: #0071e3;
    color: #fff;
  }

  ._scopeActionBtnPrimary_zofhs_6451:hover {
    background: #0077ed;
  }
}

/* ── Directory Create Form (inventory-level maturity) ── */

._directoryModal_zofhs_6589 {
  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_zofhs_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
}

._directoryModal_zofhs_6589:focus { outline: none; }

._directoryEditModal_zofhs_6610 {
  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_zofhs_6610:focus { outline: none; }
._directoryEditHeader_zofhs_6625 { min-height: 70px; padding: 16px 20px; display: flex; justify-content: space-between; gap: 20px; border-bottom: 1px solid rgba(120,120,128,.22); }
._directoryEditHeader_zofhs_6625 h3 { margin: 0 0 4px; font-size: 17px; font-weight: 500; }
._directoryEditHeader_zofhs_6625 p { margin: 0; font-size: 12px; color: rgba(255,255,255,.5); }
._directoryEditHeader_zofhs_6625 ._directoryCloseBtn_zofhs_6628 { margin: 0; }
._directoryEditForm_zofhs_6629 { max-height: calc(100vh - 104px); overflow: auto; }
._directoryEditGrid_zofhs_6630 { margin: 18px; display: grid; grid-template-columns: 1fr 1fr; background: rgba(255,255,255,.035); }
._directoryEditGrid_zofhs_6630 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_zofhs_6630 label:nth-child(2) { border-right: 0; }
._directoryEditGrid_zofhs_6630 ._directoryEditWide_zofhs_6633 { grid-column: 1 / -1; border-right: 0; border-bottom: 0; }
._directoryEditGrid_zofhs_6630 span, ._directoryEditMembers_zofhs_6634 span { font-size: 11px; color: rgba(255,255,255,.5); }
._directoryEditGrid_zofhs_6630 input, ._directoryEditMemberRow_zofhs_6635 input, ._directoryEditMemberRow_zofhs_6635 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_zofhs_6634 { margin: 18px; padding: 14px; background: rgba(255,255,255,.035); }
._directoryEditSectionTitle_zofhs_6637 { display: flex; justify-content: space-between; gap: 16px; margin-bottom: 12px; }
._directoryEditSectionTitle_zofhs_6637 div { display: flex; flex-direction: column; gap: 3px; }
._directoryEditSectionTitle_zofhs_6637 strong { font-size: 14px; font-weight: 500; }
._directoryEditSectionTitle_zofhs_6637 button, ._directoryEditMemberRow_zofhs_6635 button { border: 0; color: inherit; background: rgba(255,255,255,.06); border-radius: 8px; padding: 7px 10px; font: inherit; cursor: pointer; }
._directoryEditMemberRow_zofhs_6635 { display: grid; grid-template-columns: minmax(0, 1fr) 150px 40px; gap: 8px; margin-top: 8px; }
._directoryEditMemberRow_zofhs_6635 button { display: grid; place-items: center; padding: 0; color: #ff6961; }
._directoryEditActions_zofhs_6643 { padding: 13px 18px; display: flex; justify-content: space-between; align-items: center; border-top: 1px solid rgba(120,120,128,.2); }
._directoryEditActions_zofhs_6643 span { display: flex; gap: 8px; }
._directoryEditActions_zofhs_6643 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_zofhs_6643 ._directoryPrimary_zofhs_6646 { color: rgb(28,28,30); background: rgba(255,255,255,.92); }
._directoryEditActions_zofhs_6643 ._directoryDeleteAction_zofhs_6647 { color: #ff6961; background: transparent; }

._directorySidebar_zofhs_6649 {
  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_zofhs_6628 {
  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_zofhs_6628 svg {
  width: 18px;
  height: 18px;
  display: block;
  stroke: currentColor;
}

._directoryCloseBtn_zofhs_6628:hover { background: #3e3e42; }

._directorySidebarNav_zofhs_6685 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

._directorySidebarItem_zofhs_6691,
._directorySidebarItemActive_zofhs_6692 {
  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_zofhs_6692 {
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
}

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

._directorySidebarItem_zofhs_6691 span,
._directorySidebarItemActive_zofhs_6692 span {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

._directorySidebarItem_zofhs_6691 strong,
._directorySidebarItemActive_zofhs_6692 strong {
  font-size: 14px;
  font-weight: 400;
}

._directoryMain_zofhs_6731 {
  min-width: 0;
  padding: 20px 20px 14px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

._directoryMainHeader_zofhs_6740 {
  flex: 0 0 auto;
  padding: 0;
  border: 0;
}

._directoryMainHeader_zofhs_6740 h3 {
  margin: 0 0 10px;
  font-size: 17px;
  font-weight: 500;
}

._directoryForm_zofhs_6752 {
  padding: 0;
  min-height: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
}

._directoryFormPane_zofhs_6760 {
  min-height: 0;
  flex: 1;
  overflow: auto;
  padding: 5px 4px 0 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

._directoryError_zofhs_6770 {
  margin: 8px 4px 0 0;
  padding: 10px 12px;
  border-radius: 10px;
  color: #ffb5af;
  background: rgba(234, 52, 39, 0.12);
  font-size: 13px;
}

._directoryActions_zofhs_6779 {
  display: flex;
  justify-content: flex-end;
  gap: 9px;
  flex: 0 0 auto;
  margin-top: 10px;
  padding: 0 16px 4px;
  border: 0;
}

._directoryActions_zofhs_6779 > span {
  display: flex;
  gap: 8px;
}

._directoryActions_zofhs_6779 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_zofhs_6779 ._directoryPrimary_zofhs_6646 {
  color: rgb(28, 28, 30);
  background: rgba(255, 255, 255, 0.92);
  box-shadow: none;
}

._directoryActions_zofhs_6779 button:disabled {
  opacity: 0.58;
  cursor: wait;
}

/* ── Inventory-style form section cards ── */

._overlayFormSection_zofhs_4506 {
  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_zofhs_6837 {
  padding: 12px;
  gap: 10px;
}

._overlayFormSectionHeader_zofhs_6842 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

._overlayFormSectionEyebrow_zofhs_6849 {
  margin: 0;
  font-size: 10px;
  line-height: 1.2;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.42);
}

._overlayFormSectionTitle_zofhs_6858 {
  margin: 0;
  font-size: 14px;
  line-height: 1.3;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.95);
}

._overlayFormSectionBody_zofhs_6866 {
  margin: 0;
  max-width: 760px;
  font-size: 12px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.64);
}

/* ── Form grid and fields ── */

._overlayFormGrid_zofhs_6876 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
}

._overlayFieldFlex_zofhs_6882 {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._overlayFieldFlexFull_zofhs_6889 {
  grid-column: 1 / -1;
}

._overlayFieldLabel_zofhs_6893 {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.92);
}

._overlayDraftInput_zofhs_6900 {
  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_zofhs_6900:focus {
  border-color: rgba(160, 160, 168, 0.5);
  box-shadow: none;
  background: rgba(255, 255, 255, 0.062);
}

._overlayFieldHint_zofhs_6926 {
  font-size: 11px;
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.62);
}

/* ── Checkbox label ── */

._overlayCheckboxLabel_zofhs_6934 {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.88);
}

._overlayCheckboxLabel_zofhs_6934 input {
  width: 16px;
  height: 16px;
  accent-color: rgb(0, 136, 230);
}

/* ── Review grid ── */

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

._overlayReviewCard_zofhs_6957 {
  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_zofhs_6957 span {
  color: rgba(255, 255, 255, 0.42);
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

._overlayReviewCard_zofhs_6957 strong {
  font-size: 15px;
  font-weight: 500;
}

._overlayReviewCard_zofhs_6957 small {
  color: rgba(255, 255, 255, 0.52);
  line-height: 1.4;
}

._inviteSuccessHeader_zofhs_6985 {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 4px;
}

._inviteSuccessIcon_zofhs_6992 {
  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_zofhs_7005 {
  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_zofhs_7018 {
  color: rgba(255, 255, 255, 0.42);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

._directoryInviteCode_zofhs_7005 {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 0.12em;
  margin: 2px 0 2px;
}

._directoryInviteCodeExpiry_zofhs_7034 {
  color: rgba(255, 255, 255, 0.52);
}

._directoryInviteActions_zofhs_7038 {
  display: flex;
  gap: 8px;
  margin-top: 16px;
}

._directorySecondary_zofhs_7044 {
  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_zofhs_7044:hover {
  background: rgba(255, 255, 255, 0.13);
}

._directorySecondary_zofhs_7044:disabled {
  opacity: 0.58;
  cursor: wait;
}

._directorySecondaryActive_zofhs_7076 {
  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_zofhs_7084 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

._overlayTeamMemberRow_zofhs_7090 {
  display: grid;
  grid-template-columns: 1fr 1fr 32px;
  gap: 10px;
  align-items: end;
}

._overlayTeamMemberRemove_zofhs_7097 {
  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_zofhs_7097:hover {
  color: rgba(255, 255, 255, 0.8);
  background: rgba(255, 255, 255, 0.08);
}

._overlayTeamMemberRemove_zofhs_7097:disabled {
  opacity: 0.3;
  cursor: default;
}

._overlayTeamMemberAdd_zofhs_7119 {
  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_zofhs_7119:hover {
  color: rgba(255, 255, 255, 0.85);
  border-color: rgba(255, 255, 255, 0.25);
}

/* ── Searchable picker (ZUID / user pickers) ── */

._overlayDraftPickerWrap_zofhs_7140 {
  position: relative;
  width: 100%;
  min-width: 0;
  display: block;
}

._overlayDraftPickerIcon_zofhs_7147 {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(255, 255, 255, 0.58);
  z-index: 1;
}

._overlayDraftPickerInput_zofhs_7156 {
  padding-left: 38px !important;
  padding-right: 36px !important;
  box-sizing: border-box;
  display: block;
}

._overlayDraftPickerClear_zofhs_7163 {
  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_zofhs_7163:hover {
  background: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.92);
}

._overlayDraftPickerMenu_zofhs_7187 {
  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_zofhs_7206 {
  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_zofhs_7206:last-child {
  border-bottom: 0;
}

._overlayPickerRow_zofhs_7206:hover {
  background: rgba(255, 255, 255, 0.06);
}

._overlayPickerRowTitle_zofhs_7224 {
  font-size: 13px;
  line-height: 1.2;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.94);
}

._overlayPickerRowMeta_zofhs_7231 {
  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_zofhs_6589 {
    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_zofhs_6649 {
    border-right-color: rgba(0, 0, 0, 0.08);
    background: rgb(244, 244, 246);
  }

  ._directoryCloseBtn_zofhs_6628:hover { background: rgba(0, 0, 0, 0.06); }

  ._directorySidebarItem_zofhs_6691 { color: rgba(30, 41, 59, 0.7); }

  ._directorySidebarItemActive_zofhs_6692 {
    color: rgb(30, 41, 59);
    background: rgba(15, 23, 42, 0.1);
  }

  ._directorySidebarItem_zofhs_6691:hover,
  ._directorySidebarItemActive_zofhs_6692:hover { background: rgba(15, 23, 42, 0.08); }

  ._directoryMainHeader_zofhs_6740 {
    border: 0;
  }

  ._directoryMainHeader_zofhs_6740 h3 { color: rgb(30, 41, 59); }

  ._directoryError_zofhs_6770 {
    color: #a12121;
    background: rgba(234, 52, 39, 0.08);
  }

  ._directoryActions_zofhs_6779 {
    border: 0;
  }

  ._directoryActions_zofhs_6779 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_zofhs_6779 ._directoryPrimary_zofhs_6646 {
    color: rgb(255, 255, 255);
    background: rgb(30, 41, 59);
    box-shadow: none;
  }

  ._overlayFormSection_zofhs_4506 {
    border-color: rgba(0, 0, 0, 0.1);
    background: rgba(0, 0, 0, 0.025);
  }

  ._overlayFormSectionEyebrow_zofhs_6849 { color: rgba(30, 41, 59, 0.45); }
  ._overlayFormSectionTitle_zofhs_6858 { color: rgba(30, 41, 59, 0.95); }
  ._overlayFormSectionBody_zofhs_6866 { color: rgba(30, 41, 59, 0.58); }

  ._overlayFieldLabel_zofhs_6893 { color: rgba(30, 41, 59, 0.9); }

  ._overlayDraftInput_zofhs_6900 {
    border-color: rgba(0, 0, 0, 0.15);
    background: rgba(0, 0, 0, 0.03);
    color: rgba(30, 41, 59, 0.92);
  }

  ._overlayDraftInput_zofhs_6900:focus {
    border-color: rgba(0, 122, 255, 0.5);
    background: rgba(0, 0, 0, 0.02);
  }

  ._overlayFieldHint_zofhs_6926 { color: rgba(30, 41, 59, 0.52); }

  ._overlayCheckboxLabel_zofhs_6934 { color: rgba(30, 41, 59, 0.88); }

  ._overlayReviewCard_zofhs_6957 {
    border-color: rgba(0, 0, 0, 0.08);
    background: rgba(0, 0, 0, 0.025);
  }

  ._overlayReviewCard_zofhs_6957 span { color: rgba(30, 41, 59, 0.42); }
  ._overlayReviewCard_zofhs_6957 strong { color: rgb(30, 41, 59); }
  ._overlayReviewCard_zofhs_6957 small { color: rgba(30, 41, 59, 0.52); }

  ._overlayTeamMemberRemove_zofhs_7097 {
    border-color: rgba(0, 0, 0, 0.1);
    background: rgba(0, 0, 0, 0.03);
    color: rgba(30, 41, 59, 0.45);
  }

  ._overlayTeamMemberAdd_zofhs_7119 {
    border-color: rgba(0, 0, 0, 0.12);
    color: rgba(30, 41, 59, 0.55);
  }

  ._overlayDraftPickerIcon_zofhs_7147 { color: rgba(30, 41, 59, 0.48); }
  ._overlayDraftPickerClear_zofhs_7163 { background: rgba(0, 0, 0, 0.06); color: rgba(30, 41, 59, 0.6); }
  ._overlayDraftPickerClear_zofhs_7163:hover { background: rgba(0, 0, 0, 0.1); color: rgba(30, 41, 59, 0.88); }
  ._overlayDraftPickerMenu_zofhs_7187 { 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_zofhs_7206 { border-bottom-color: rgba(0, 0, 0, 0.06); background: transparent; }
  ._overlayPickerRow_zofhs_7206:hover { background: rgba(0, 0, 0, 0.04); }
  ._overlayPickerRowTitle_zofhs_7224 { color: rgba(30, 41, 59, 0.92); }
  ._overlayPickerRowMeta_zofhs_7231 { color: rgba(30, 41, 59, 0.52); }
}

/* Keep record-pane overrides after legacy styles in the cascade. */
._messageBodyContent_zofhs_2958 ._userAccessSummaryStrip_zofhs_26 { gap: 1px; overflow: hidden; border-radius: 10px; background: rgba(255,255,255,.065); }
._messageBodyContent_zofhs_2958 ._userAccessSummaryCard_zofhs_33 { min-height: 62px; padding: 11px 13px; border: 0; border-radius: 0; background: rgb(35,35,37); }
._messageBodyContent_zofhs_2958 ._userQuickActionsRow_zofhs_41 { display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 6px; }
._messageBodyContent_zofhs_2958 ._userQuickActionButton_zofhs_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_zofhs_2958 ._userQuickActionButton_zofhs_48:hover { background: rgba(255,255,255,.09); }
._messageBodyContent_zofhs_2958 ._customerPaneTabs_zofhs_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_zofhs_2958 ._customerPaneTabButton_zofhs_75 { min-width: 92px; padding: 0 16px; flex: 0 0 auto; font-weight: 400; }
._messageBodyContent_zofhs_2958 ._customerPaneTabButtonActive_zofhs_82 { background: rgba(255,255,255,.14); font-weight: 400; }
._messageBodyContent_zofhs_2958 ._customerProfileOverviewCard_zofhs_87,
._messageBodyContent_zofhs_2958 ._customerProfileOverviewCard_zofhs_87:hover { padding: 0 !important; overflow: hidden; border: 0 !important; background: rgb(35,35,37) !important; }
._messageBodyContent_zofhs_2958 ._customerProfileOverviewCard_zofhs_87 ._customerHeatmapGrid_zofhs_117 { gap: 1px; margin: 0; padding: 0; overflow: hidden; border-radius: 0; background: rgba(255,255,255,.065); }
._messageBodyContent_zofhs_2958 ._customerProfileOverviewCard_zofhs_87 ._customerHeatmapTile_zofhs_126 { min-height: 66px; padding: 11px 13px; border: 0; border-radius: 0; background: rgb(35,35,37); }
._messageBodyContent_zofhs_2958 ._customerDetailsMiniGrid_zofhs_134 > ._customerMiniCard_zofhs_134:not(._customerProfileOverviewCard_zofhs_87) { padding: 0; overflow: hidden; border: 0; border-radius: 11px; background: rgb(35,35,37); }
._messageBodyContent_zofhs_2958 ._customerDetailsMiniGrid_zofhs_134 > ._customerMiniCard_zofhs_134:not(._customerProfileOverviewCard_zofhs_87):hover { border-color: transparent; background: rgb(35,35,37); }
._messageBodyContent_zofhs_2958 ._customerDetailsMiniGrid_zofhs_134 > ._customerMiniCard_zofhs_134:not(._customerProfileOverviewCard_zofhs_87) > ._customerSectionEyebrow_zofhs_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_zofhs_2958 ._customerDetailsMiniGrid_zofhs_134 > ._customerMiniCard_zofhs_134 > ._customerNotesList_zofhs_161,
._messageBodyContent_zofhs_2958 ._customerDetailsMiniGrid_zofhs_134 > ._customerMiniCard_zofhs_134 > ._customerFinanceCockpit_zofhs_162 { margin: 0; padding: 10px 15px 15px; }
._messageBodyContent_zofhs_2958 ._customerDetailsMiniGrid_zofhs_134 ._customerNoteItem_zofhs_167 { padding: 11px 0; border: 0; border-radius: 0; background: transparent; }
._messageBodyContent_zofhs_2958 ._customerDetailsMiniGrid_zofhs_134 ._customerNoteItem_zofhs_167 + ._customerNoteItem_zofhs_167 { border-top: 1px solid rgba(255,255,255,.065); }
._messageBodyContent_zofhs_2958 ._customerDetailsMiniGrid_zofhs_134 ._customerFinanceTopRow_zofhs_178,
._messageBodyContent_zofhs_2958 ._customerDetailsMiniGrid_zofhs_134 ._customerAnalyticsMetricsGrid_zofhs_179 { gap: 1px; overflow: hidden; padding: 0; border: 0; border-radius: 9px; background: rgba(255,255,255,.065); }
._messageBodyContent_zofhs_2958 ._customerDetailsMiniGrid_zofhs_134 ._customerFinanceCard_zofhs_188,
._messageBodyContent_zofhs_2958 ._customerDetailsMiniGrid_zofhs_134 ._customerMetricCard_zofhs_189 { min-height: 66px; border: 0; border-radius: 0; background: rgba(255,255,255,.025); }
._messageBodyContent_zofhs_2958 ._policySelectDropdown_zofhs_196,
._messageBodyContent_zofhs_2958 ._policyReasonInput_zofhs_197 { min-height: 34px; margin-top: 7px; border: 0; border-radius: 8px; background: rgba(255,255,255,.06); font-size: 13px; }
._messageBodyContent_zofhs_2958 ._customerProfileLocationSection_zofhs_206 { gap: 1px; overflow: hidden; border-radius: 10px; background: rgba(255,255,255,.065); }
._messageBodyContent_zofhs_2958 ._customerProfileAddressTile_zofhs_213,
._messageBodyContent_zofhs_2958 ._customerProfileMapTile_zofhs_214 { border: 0; border-radius: 0; box-shadow: none; }

@media (prefers-color-scheme: light) {
  ._messageBodyContent_zofhs_2958 ._userAccessSummaryStrip_zofhs_26,
  ._messageBodyContent_zofhs_2958 ._customerProfileOverviewCard_zofhs_87 ._customerHeatmapGrid_zofhs_117,
  ._messageBodyContent_zofhs_2958 ._customerDetailsMiniGrid_zofhs_134 ._customerFinanceTopRow_zofhs_178,
  ._messageBodyContent_zofhs_2958 ._customerDetailsMiniGrid_zofhs_134 ._customerAnalyticsMetricsGrid_zofhs_179,
  ._messageBodyContent_zofhs_2958 ._customerProfileLocationSection_zofhs_206 { background: rgba(15,23,42,.09) !important; }
  ._messageBodyContent_zofhs_2958 ._userAccessSummaryCard_zofhs_33,
  ._messageBodyContent_zofhs_2958 ._customerProfileOverviewCard_zofhs_87,
  ._messageBodyContent_zofhs_2958 ._customerProfileOverviewCard_zofhs_87:hover,
  ._messageBodyContent_zofhs_2958 ._customerProfileOverviewCard_zofhs_87 ._customerHeatmapTile_zofhs_126,
  ._messageBodyContent_zofhs_2958 ._customerDetailsMiniGrid_zofhs_134 > ._customerMiniCard_zofhs_134:not(._customerProfileOverviewCard_zofhs_87),
  ._messageBodyContent_zofhs_2958 ._customerDetailsMiniGrid_zofhs_134 > ._customerMiniCard_zofhs_134:not(._customerProfileOverviewCard_zofhs_87):hover,
  ._messageBodyContent_zofhs_2958 ._customerDetailsMiniGrid_zofhs_134 ._customerFinanceCard_zofhs_188,
  ._messageBodyContent_zofhs_2958 ._customerDetailsMiniGrid_zofhs_134 ._customerMetricCard_zofhs_189 { border: 0 !important; background: rgb(248,250,253) !important; box-shadow: none !important; }
  ._messageBodyContent_zofhs_2958 ._customerPaneTabs_zofhs_63 { border: 0; background: rgba(15,23,42,.06); }
  ._messageBodyContent_zofhs_2958 ._customerPaneTabButtonActive_zofhs_82 { background: rgba(255,255,255,.98); box-shadow: none; }
  ._messageBodyContent_zofhs_2958 ._userQuickActionButton_zofhs_48 { color: rgba(51,65,85,.82); background: rgba(15,23,42,.055); }
  ._messageBodyContent_zofhs_2958 ._customerRecordSectionHeading_zofhs_95,
  ._messageBodyContent_zofhs_2958 ._customerDetailsMiniGrid_zofhs_134 > ._customerMiniCard_zofhs_134:not(._customerProfileOverviewCard_zofhs_87) > ._customerSectionEyebrow_zofhs_147,
  ._messageBodyContent_zofhs_2958 ._customerDetailsMiniGrid_zofhs_134 ._customerNoteItem_zofhs_167 + ._customerNoteItem_zofhs_167 { border-color: rgba(15,23,42,.09) !important; }
  ._messageBodyContent_zofhs_2958 ._customerRecordSectionHeading_zofhs_95 span,
  ._messageBodyContent_zofhs_2958 ._customerDetailsMiniGrid_zofhs_134 > ._customerMiniCard_zofhs_134:not(._customerProfileOverviewCard_zofhs_87) > ._customerSectionEyebrow_zofhs_147 { color: #0f172a !important; }
  ._messageBodyContent_zofhs_2958 ._customerRecordSectionHeading_zofhs_95 small { color: rgba(51,65,85,.58); }
  ._messageBodyContent_zofhs_2958 ._customerDetailsMiniGrid_zofhs_134 ._customerNoteItem_zofhs_167 { border: 0 !important; background: transparent !important; }
  ._messageBodyContent_zofhs_2958 ._policySelectDropdown_zofhs_196,
  ._messageBodyContent_zofhs_2958 ._policyReasonInput_zofhs_197 { border: 0 !important; background: rgba(15,23,42,.055) !important; }
  ._messageBodyContent_zofhs_2958 ._customerProfileAddressTile_zofhs_213,
  ._messageBodyContent_zofhs_2958 ._customerProfileMapTile_zofhs_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_zofhs_7407 ._scopeEditorCloseBtn_zofhs_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_zofhs_7407 ._scopeEditorCloseBtn_zofhs_300:hover,
._scopeEditorHeader_zofhs_7407 ._scopeEditorCloseBtn_zofhs_300:focus-visible {
  color: rgba(255, 255, 255, 0.96);
  background: rgba(255, 255, 255, 0.07);
  outline: 0;
  box-shadow: none;
}

._scopeEditorHeader_zofhs_7407 ._scopeEditorCloseBtn_zofhs_300 svg {
  width: 17px;
  height: 17px;
  display: block;
  stroke: currentColor;
}

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

  ._scopeEditorHeader_zofhs_7407 ._scopeEditorCloseBtn_zofhs_300:hover,
  ._scopeEditorHeader_zofhs_7407 ._scopeEditorCloseBtn_zofhs_300:focus-visible {
    color: rgba(15, 23, 42, 0.92);
    background: rgba(15, 23, 42, 0.06);
  }
}

._dutyStatusContent_zofhs_7451 {
  display: grid;
  gap: 14px;
  padding: 6px 20px 20px;
}

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

._dutyStatusEyebrow_zofhs_7463 {
  color: rgba(255, 255, 255, 0.42);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.1em;
}

._dutyStatusTitle_zofhs_7470 {
  color: rgba(255, 255, 255, 0.94);
  font-size: 20px;
  font-weight: 500;
}

._dutyStatusDescription_zofhs_7476,
._dutyOverrideRow_zofhs_7477 > span {
  color: rgba(255, 255, 255, 0.5);
  font-size: 13px;
  line-height: 1.45;
}

._dutyStatusMetaGrid_zofhs_7483 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  overflow: hidden;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.045);
}

._dutyStatusMetaItem_zofhs_7491 {
  min-width: 0;
  padding: 12px 14px;
  border-right: 1px solid rgba(255, 255, 255, 0.065);
}

._dutyStatusMetaItem_zofhs_7491:last-child {
  border-right: 0;
}

._dutyStatusMetaItem_zofhs_7491 span,
._dutyStatusMetaItem_zofhs_7491 strong {
  display: block;
}

._dutyStatusMetaItem_zofhs_7491 span {
  margin-bottom: 4px;
  color: rgba(255, 255, 255, 0.38);
  font-size: 11px;
}

._dutyStatusMetaItem_zofhs_7491 strong {
  overflow: hidden;
  color: rgba(255, 255, 255, 0.86);
  font-size: 12px;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._dutyOverrideRow_zofhs_7477 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  padding-top: 2px;
}

._dutyOverrideActions_zofhs_7529 {
  display: flex;
  justify-content: flex-end;
}

._dutyOverrideButton_zofhs_7534 {
  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_zofhs_7534:hover,
._dutyOverrideButton_zofhs_7534:focus-visible {
  border: 0;
  outline: 0;
  color: rgba(255, 255, 255, 0.98);
  background: rgba(255, 255, 255, 0.14);
  box-shadow: none;
}

._dutyOverrideButton_zofhs_7534:disabled {
  cursor: wait;
  opacity: 0.5;
}

._dutyStatusError_zofhs_7564 {
  grid-column: 1 / -1;
  color: rgba(255, 130, 130, 0.92);
  font-size: 12px;
}

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

  ._dutyStatusMetaItem_zofhs_7491:nth-child(2) {
    border-right: 0;
  }

  ._dutyStatusMetaItem_zofhs_7491:nth-child(-n + 2) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.065);
  }
}

@media (max-width: 620px) {
  ._dutyStatusMetaGrid_zofhs_7483 {
    grid-template-columns: 1fr;
  }

  ._dutyStatusMetaItem_zofhs_7491,
  ._dutyStatusMetaItem_zofhs_7491:nth-child(2) {
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.065);
  }

  ._dutyStatusMetaItem_zofhs_7491:last-child {
    border-bottom: 0;
  }

  ._dutyOverrideRow_zofhs_7477 {
    grid-template-columns: 1fr;
  }

  ._dutyOverrideActions_zofhs_7529 {
    justify-content: flex-start;
  }
}

@media (prefers-color-scheme: light) {
  ._dutyStatusEyebrow_zofhs_7463 {
    color: rgba(15, 23, 42, 0.44);
  }

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

  ._dutyStatusDescription_zofhs_7476,
  ._dutyOverrideRow_zofhs_7477 > span {
    color: rgba(51, 65, 85, 0.68);
  }

  ._dutyStatusMetaGrid_zofhs_7483 {
    background: rgba(15, 23, 42, 0.05);
  }

  ._dutyStatusMetaItem_zofhs_7491 {
    border-color: rgba(15, 23, 42, 0.08);
  }

  ._dutyStatusMetaItem_zofhs_7491 span {
    color: rgba(51, 65, 85, 0.58);
  }

  ._dutyStatusMetaItem_zofhs_7491 strong {
    color: rgba(15, 23, 42, 0.86);
  }

  ._dutyOverrideButton_zofhs_7534 {
    color: rgba(15, 23, 42, 0.82);
    background: rgba(15, 23, 42, 0.07);
  }

  ._dutyOverrideButton_zofhs_7534:hover,
  ._dutyOverrideButton_zofhs_7534: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_zofhs_2958 ._policySelectorGrid_zofhs_7651 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(132px, 0.55fr);
  gap: 8px;
  margin-top: 7px;
}

._messageBodyContent_zofhs_2958 ._policySelectorField_zofhs_7658 {
  display: grid;
  min-width: 0;
  gap: 5px;
}

._messageBodyContent_zofhs_2958 ._policySelectorLabel_zofhs_7664 {
  color: rgba(255, 255, 255, 0.4);
  font-size: 11px;
  font-weight: 400;
  line-height: 1;
}

._messageBodyContent_zofhs_2958 ._policySelectorField_zofhs_7658 ._policySelectDropdown_zofhs_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_zofhs_2958 ._policySelectorField_zofhs_7658 ._policySelectDropdown_zofhs_196:hover {
  border: 0 !important;
  background: rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
}

._messageBodyContent_zofhs_2958 ._policySelectorField_zofhs_7658 ._policySelectDropdown_zofhs_196:focus,
._messageBodyContent_zofhs_2958 ._policySelectorField_zofhs_7658 ._policySelectDropdown_zofhs_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_zofhs_2958 ._policySelectorField_zofhs_7658 ._policySelectDropdown_zofhs_196:disabled {
  cursor: default;
  opacity: 0.42;
}

@media (max-width: 620px) {
  ._messageBodyContent_zofhs_2958 ._policySelectorGrid_zofhs_7651 {
    grid-template-columns: 1fr;
  }
}

@media (prefers-color-scheme: light) {
  ._messageBodyContent_zofhs_2958 ._policySelectorLabel_zofhs_7664 {
    color: rgba(51, 65, 85, 0.58);
  }

  ._messageBodyContent_zofhs_2958 ._policySelectorField_zofhs_7658 ._policySelectDropdown_zofhs_196,
  ._messageBodyContent_zofhs_2958 ._policySelectorField_zofhs_7658 ._policySelectDropdown_zofhs_196:focus,
  ._messageBodyContent_zofhs_2958 ._policySelectorField_zofhs_7658 ._policySelectDropdown_zofhs_196:focus-visible {
    color: rgba(15, 23, 42, 0.7);
    background: rgba(15, 23, 42, 0.05) !important;
  }

  ._messageBodyContent_zofhs_2958 ._policySelectorField_zofhs_7658 ._policySelectDropdown_zofhs_196:hover {
    background: rgba(15, 23, 42, 0.075) !important;
  }

  ._messageBodyContent_zofhs_2958 ._policySelectorField_zofhs_7658 ._policySelectDropdown_zofhs_196:focus,
  ._messageBodyContent_zofhs_2958 ._policySelectorField_zofhs_7658 ._policySelectDropdown_zofhs_196:focus-visible {
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.16) !important;
  }
}

/* Marks a permission that was set for one person rather than inherited from
   their policy, so "why does this user have that?" is answerable from the row
   itself instead of a separate overrides list. Literal colours, like the rest
   of this modal -- the scope editor is dark-only and defines no tokens. */
._scopeRowOverrideTag_zofhs_7741 {
  display: inline-block;
  margin-left: 8px;
  padding: 1px 7px;
  border-radius: 999px;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.02em;
  vertical-align: middle;
  color: #6fb0ff;
  background: rgba(111, 176, 255, 0.14);
}

/* A departed member's record: kept for the enterprise's history, read-only. */
._departureBanner_zofhs_7756 {
  margin: 4px 24px 12px;
  padding: 12px 14px;
  border-radius: 10px;
  display: grid;
  gap: 3px;
  background: rgba(255, 159, 10, 0.1);
  border: 1px solid rgba(255, 159, 10, 0.22);
  font-family: "NeueHaasDisplay", system-ui, sans-serif;
}

._departureBanner_zofhs_7756 strong {
  font-size: 14px;
  font-weight: 500;
  color: rgba(255, 214, 153, 0.95);
}

._departureBanner_zofhs_7756 span {
  font-size: 13px;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.6);
}

@media (prefers-color-scheme: light) {
  ._departureBanner_zofhs_7756 {
    background: rgba(255, 149, 0, 0.08);
    border-color: rgba(201, 107, 0, 0.22);
  }

  ._departureBanner_zofhs_7756 strong {
    color: #8a4b00;
  }

  ._departureBanner_zofhs_7756 span {
    color: rgba(51, 65, 85, 0.78);
  }
}
._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); }
}
._root_1vu87_1 {
    position: relative;
    width: 100%;
}

._trigger_1vu87_6 {
    width: 100%;
    height: 38px;
    padding: 0 11px;
    border: 1px solid rgba(120, 120, 128, 0.35);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.048);
    color: rgba(255, 255, 255, 0.92);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    font: inherit;
    font-size: 13px;
    text-align: left;
    cursor: pointer;
    transition: background-color 140ms ease, border-color 140ms ease;
}

._trigger_1vu87_6:hover,
._trigger_1vu87_6[aria-expanded='true'] {
    border-color: rgba(160, 160, 168, 0.5);
    background: rgba(255, 255, 255, 0.062);
}

._trigger_1vu87_6:focus-visible {
    outline: 2px solid rgba(255, 255, 255, 0.34);
    outline-offset: 2px;
}

._trigger_1vu87_6 svg {
    flex: 0 0 auto;
    color: rgba(255, 255, 255, 0.62);
}

._value_1vu87_41 {
    color: rgba(255, 255, 255, 0.92);
}

._placeholder_1vu87_45 {
    color: rgba(255, 255, 255, 0.46);
}

._picker_1vu87_49 {
    position: absolute;
    z-index: 100000;
    width: min(280px, calc(100vw - 48px));
    max-height: calc(100vh - 24px);
    box-sizing: border-box;
    overflow-y: auto;
    padding: 12px;
    border: 1px solid rgba(120, 120, 128, 0.34);
    border-radius: 12px;
    background: rgb(35, 35, 37);
    box-shadow: 0 16px 38px rgba(0, 0, 0, 0.34);
    color: rgba(255, 255, 255, 0.92);
    animation: _picker-enter_1vu87_1 140ms ease-out;
    transform-origin: top right;
}

._header_1vu87_66 {
    min-height: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0 2px 8px;
    font-size: 13px;
    font-weight: 500;
}

._monthTitle_1vu87_77 {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 5px;
    color: rgba(255, 255, 255, 0.92);
    font-weight: 600;
}

._monthTitle_1vu87_77 span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

._monthTitle_1vu87_77 select {
    width: 64px;
    height: 26px;
    padding: 0 18px 0 4px;
    border: 0;
    border-radius: 6px;
    outline: none;
    appearance: none;
    background: transparent;
    color: rgba(255, 255, 255, 0.92);
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}

._monthTitle_1vu87_77 select:hover,
._monthTitle_1vu87_77 select:focus-visible {
    background: rgba(255, 255, 255, 0.07);
}

._monthTitle_1vu87_77 select option {
    background: #fff;
    color: #111827;
}

._navigation_1vu87_117 {
    display: flex;
    align-items: center;
    gap: 2px;
}

._navigation_1vu87_117 button,
._footer_1vu87_124 button {
    border: 0;
    background: transparent;
    color: rgba(255, 255, 255, 0.72);
    font: inherit;
    cursor: pointer;
}

._navigation_1vu87_117 button {
    width: 28px;
    height: 28px;
    padding: 0;
    border-radius: 7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

._navigation_1vu87_117 button:hover,
._footer_1vu87_124 button:hover:not(:disabled) {
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.96);
}

._weekdays_1vu87_148,
._grid_1vu87_149 {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}

._weekdays_1vu87_148 {
    margin-bottom: 4px;
}

._weekdays_1vu87_148 span {
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.4);
    font-size: 10px;
    font-weight: 500;
}

._day_1vu87_168 {
    width: 30px;
    height: 30px;
    margin: 1px auto;
    padding: 0;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: rgba(255, 255, 255, 0.82);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font: inherit;
    font-size: 12px;
    font-weight: 400;
    cursor: pointer;
}

._day_1vu87_168:hover:not(:disabled) {
    background: rgba(255, 255, 255, 0.09);
    color: rgba(255, 255, 255, 0.98);
}

._day_1vu87_168:disabled {
    opacity: 0.28;
    cursor: not-allowed;
}

._outside_1vu87_196 {
    color: rgba(255, 255, 255, 0.24);
}

._today_1vu87_200 {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.26);
}

._selected_1vu87_204,
._selected_1vu87_204:hover:not(:disabled) {
    background: rgba(255, 255, 255, 0.92);
    color: rgb(32, 32, 34);
    box-shadow: none;
}

._footer_1vu87_124 {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid rgba(120, 120, 128, 0.2);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

._footer_1vu87_124 button {
    min-height: 28px;
    padding: 0 8px;
    border-radius: 7px;
    font-size: 11px;
}

._footer_1vu87_124 button:disabled {
    opacity: 0.34;
    cursor: default;
}

@keyframes _picker-enter_1vu87_1 {
    from {
        opacity: 0;
        transform: translateY(-3px) scale(0.985);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (prefers-color-scheme: light) {
    ._trigger_1vu87_6 {
        border-color: rgba(60, 60, 67, 0.22);
        background: rgba(0, 0, 0, 0.035);
        color: rgba(0, 0, 0, 0.86);
    }

    ._trigger_1vu87_6:hover,
    ._trigger_1vu87_6[aria-expanded='true'] {
        border-color: rgba(60, 60, 67, 0.34);
        background: rgba(0, 0, 0, 0.052);
    }

    ._trigger_1vu87_6 svg,
    ._placeholder_1vu87_45 {
        color: rgba(0, 0, 0, 0.46);
    }

    ._value_1vu87_41 {
        color: rgba(0, 0, 0, 0.86);
    }

    ._picker_1vu87_49 {
        border-color: rgba(60, 60, 67, 0.2);
        background: rgb(248, 248, 249);
        box-shadow: 0 16px 38px rgba(0, 0, 0, 0.16);
        color: rgba(0, 0, 0, 0.86);
    }

    ._monthTitle_1vu87_77,
    ._monthTitle_1vu87_77 select {
        color: rgba(0, 0, 0, 0.86);
    }

    ._monthTitle_1vu87_77 select:hover,
    ._monthTitle_1vu87_77 select:focus-visible {
        background: rgba(0, 0, 0, 0.06);
    }

    ._navigation_1vu87_117 button,
    ._footer_1vu87_124 button,
    ._day_1vu87_168 {
        color: rgba(0, 0, 0, 0.72);
    }

    ._navigation_1vu87_117 button:hover,
    ._footer_1vu87_124 button:hover:not(:disabled),
    ._day_1vu87_168:hover:not(:disabled) {
        background: rgba(0, 0, 0, 0.07);
        color: rgba(0, 0, 0, 0.92);
    }

    ._weekdays_1vu87_148 span {
        color: rgba(0, 0, 0, 0.4);
    }

    ._outside_1vu87_196 {
        color: rgba(0, 0, 0, 0.24);
    }

    ._today_1vu87_200 {
        box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.24);
    }

    ._selected_1vu87_204,
    ._selected_1vu87_204:hover:not(:disabled) {
        background: rgba(28, 28, 30, 0.9);
        color: white;
    }
}
@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(28, 28, 30, 0.92);
  background-color: #f2f2f7;

  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body{
  margin: 0;
  color: inherit;
  background: inherit;
}

@media (prefers-color-scheme: dark) {
  :root { color: rgba(255, 255, 255, 0.92); background-color: #1c1c1e; }
}
/* 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;
}