/* Layout.module.css */

/* Accent color aligned with customers logo palette */

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

._customerDirectoryModal_t7q7f_16 {
  position: fixed;
  z-index: 5001;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: min(960px, calc(100vw - 32px));
  height: min(700px, calc(100vh - 32px));
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 18px;
  background: rgba(24, 24, 26, 0.985);
  color: rgba(255, 255, 255, 0.94);
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.48);
  display: flex;
}

._customerDirectorySidebar_t7q7f_33 { width: 245px; flex: 0 0 245px; padding: 16px 12px; border-right: 1px solid rgba(255, 255, 255, 0.11); background: rgb(32, 32, 35); display: flex; flex-direction: column; }
._customerDirectoryClose_t7q7f_34 { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 8px !important; background: rgba(255,255,255,0.055) !important; }
._customerDirectorySidebarHeading_t7q7f_35 { margin: 18px 8px 12px; color: rgba(255,255,255,.52); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; }
._customerDirectorySidebarNav_t7q7f_36 { display: flex; flex-direction: column; gap: 6px; }
._customerDirectorySidebarItem_t7q7f_37,
._customerDirectorySidebarItemActive_t7q7f_38 { width: 100%; display: flex; align-items: flex-start; gap: 10px; padding: 11px; border: 1px solid transparent; border-radius: 8px; color: rgba(255,255,255,.7); background: rgba(255,255,255,.02); cursor: pointer; text-align: left; font: inherit; transition: 120ms ease; }
._customerDirectorySidebarItem_t7q7f_37:hover { background: rgba(255,255,255,.06); }
._customerDirectorySidebarItemActive_t7q7f_38 { color: #fff; border-color: rgba(0,122,255,.35); background: rgba(0,122,255,.16); }
._customerDirectorySidebarItem_t7q7f_37 span,
._customerDirectorySidebarItemActive_t7q7f_38 span { display: flex; flex-direction: column; gap: 3px; }
._customerDirectorySidebarItem_t7q7f_37 strong,
._customerDirectorySidebarItemActive_t7q7f_38 strong { font-size: 14px; font-weight: 500; }
._customerDirectorySidebarItem_t7q7f_37 small,
._customerDirectorySidebarItemActive_t7q7f_38 small { color: rgba(255,255,255,.46); font-size: 11px; line-height: 1.3; }
._customerDirectorySidebarContext_t7q7f_47 { margin-top: auto; padding: 12px; border: 1px solid rgba(255,255,255,.08); border-radius: 10px; background: rgba(255,255,255,.035); display: flex; flex-direction: column; gap: 5px; }
._customerDirectorySidebarContext_t7q7f_47 span { color: rgba(255,255,255,.44); font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }
._customerDirectorySidebarContext_t7q7f_47 strong { overflow: hidden; text-overflow: ellipsis; color: rgba(255,255,255,.82); font-size: 12px; font-weight: 500; }
._customerDirectoryMain_t7q7f_50 { min-width: 0; flex: 1; display: flex; flex-direction: column; }
._customerDirectoryMainHeader_t7q7f_51 { padding: 20px 24px 14px; border-bottom: 1px solid rgba(255,255,255,.08); }
._customerDirectoryMainHeader_t7q7f_51 h3 { margin: 0 0 4px; font-size: 18px; font-weight: 500; }
._customerDirectoryMainHeader_t7q7f_51 span { color: rgba(255,255,255,.5); font-size: 12px; }

._customerDirectoryModal_t7q7f_16 ._customerFinanceModalHeader_t7q7f_55 { padding: 22px 24px 18px; }
._customerDirectoryModal_t7q7f_16 ._customerFinanceModalHeader_t7q7f_55 h3 { margin: 0 0 4px; font-size: 19px; }
._customerDirectoryModal_t7q7f_16 ._customerFinanceModalHeader_t7q7f_55 span { color: rgba(255, 255, 255, 0.52); font-size: 13px; }
._customerDirectoryClose_t7q7f_34 { border: 0; background: transparent; color: inherit; cursor: pointer; }
._customerDirectoryForm_t7q7f_59 { padding: 0; min-height: 0; flex: 1; display: flex; flex-direction: column; }
._customerDirectorySuccess_t7q7f_60 { min-height: 0; flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px; padding: 48px; text-align: center; }
._customerDirectorySuccessIcon_t7q7f_61 { width: 64px; height: 64px; display: grid; place-items: center; border-radius: 50%; color: rgb(88,175,255); background: rgba(0,122,255,.16); }
._customerDirectorySuccess_t7q7f_60 h4 { margin: 0 0 8px; color: rgba(255,255,255,.96); font-size: 22px; font-weight: 500; }
._customerDirectorySuccess_t7q7f_60 p { max-width: 440px; margin: 0; color: rgba(255,255,255,.56); font-size: 13px; line-height: 1.55; }
._customerDirectorySuccessDone_t7q7f_64 { min-width: 112px; border: 0; border-radius: 8px; padding: 9px 16px; color: rgb(28,28,30); background: rgba(255,255,255,.92); font: inherit; cursor: pointer; }
._customerDirectoryStepPills_t7q7f_65 { display: flex; gap: 7px; padding: 14px 24px 4px; }
._customerDirectoryStep_t7q7f_65,
._customerDirectoryStepActive_t7q7f_67 { display: inline-flex; align-items: center; gap: 7px; border: 0; border-radius: 999px; padding: 6px 10px; color: rgba(255,255,255,.48); background: rgba(255,255,255,.045); cursor: pointer; }
._customerDirectoryStep_t7q7f_65 span,
._customerDirectoryStepActive_t7q7f_67 span { display: grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; background: rgba(255,255,255,.09); font-size: 10px; }
._customerDirectoryStepActive_t7q7f_67 { color: #fff; background: rgba(0,122,255,.2); }
._customerDirectoryStepActive_t7q7f_67 span { background: rgb(0,136,230); }
._customerDirectoryFormPane_t7q7f_72 { min-height: 0; flex: 1; overflow: auto; padding: 14px 24px 20px; }
._customerDirectorySection_t7q7f_73 { display: flex; flex-direction: column; gap: 18px; }
._customerDirectorySectionIntro_t7q7f_74 { padding-bottom: 14px; border-bottom: 1px solid rgba(255,255,255,.08); }
._customerDirectorySectionIntro_t7q7f_74 > span { color: rgb(88,175,255); font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
._customerDirectorySectionIntro_t7q7f_74 h4 { margin: 6px 0 5px; font-size: 20px; font-weight: 500; }
._customerDirectorySectionIntro_t7q7f_74 p { max-width: 620px; margin: 0; color: rgba(255,255,255,.52); font-size: 12px; line-height: 1.5; }
._customerDirectoryReviewGrid_t7q7f_78 { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
._customerDirectoryReviewGrid_t7q7f_78 > div { display: flex; flex-direction: column; gap: 5px; min-height: 92px; padding: 14px; border: 1px solid rgba(255,255,255,.09); border-radius: 11px; background: rgba(255,255,255,.035); }
._customerDirectoryReviewGrid_t7q7f_78 span { color: rgba(255,255,255,.42); font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }
._customerDirectoryReviewGrid_t7q7f_78 strong { font-size: 15px; font-weight: 500; }
._customerDirectoryReviewGrid_t7q7f_78 small { color: rgba(255,255,255,.52); line-height: 1.4; }
._customerDirectoryTabs_t7q7f_83 { display: flex; gap: 6px; padding: 5px; border-radius: 12px; background: rgba(255, 255, 255, 0.055); margin-bottom: 20px; }
._customerDirectoryTab_t7q7f_83,
._customerDirectoryTabActive_t7q7f_85 { flex: 1; border: 0; border-radius: 9px; padding: 9px 12px; color: rgba(255, 255, 255, 0.62); background: transparent; cursor: pointer; font: inherit; }
._customerDirectoryTabActive_t7q7f_85 { color: #fff; background: rgba(0, 153, 255, 0.92); box-shadow: 0 5px 16px rgba(0, 122, 255, 0.22); }
._customerDirectoryGrid_t7q7f_87 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
._customerDirectoryGrid_t7q7f_87 label { display: flex; flex-direction: column; gap: 7px; color: rgba(255, 255, 255, 0.68); font-size: 12px; }
._customerDirectoryGrid_t7q7f_87 input,
._customerDirectoryGrid_t7q7f_87 select { width: 100%; box-sizing: border-box; min-height: 42px; border: 1px solid rgba(255, 255, 255, 0.11); border-radius: 10px; padding: 9px 11px; outline: none; color: rgba(255, 255, 255, 0.94); background: rgba(255, 255, 255, 0.055); font: inherit; }
._customerDirectoryGrid_t7q7f_87 input:focus,
._customerDirectoryGrid_t7q7f_87 select:focus { border-color: rgba(0, 153, 255, 0.82); box-shadow: 0 0 0 3px rgba(0, 153, 255, 0.12); }
._customerDirectoryWide_t7q7f_93 { grid-column: 1 / -1; }
._customerDirectoryCheckbox_t7q7f_94 { flex-direction: row !important; align-items: center; cursor: pointer; }
._customerDirectoryCheckbox_t7q7f_94 input { width: 16px; min-height: 16px; accent-color: rgb(0, 136, 230); }
._customerDirectorySectionTitle_t7q7f_96 { margin: 21px 0 11px; color: rgba(255, 255, 255, 0.88); font-size: 13px; font-weight: 600; }
._customerDirectoryError_t7q7f_97 { margin-top: 16px; padding: 10px 12px; border-radius: 10px; color: #ffb5af; background: rgba(234, 52, 39, 0.12); font-size: 13px; }
._customerDirectoryActions_t7q7f_98 { display: flex; justify-content: space-between; gap: 9px; padding: 13px 24px; border-top: 1px solid rgba(255,255,255,.08); }
._customerDirectoryActions_t7q7f_98 > span { display: flex; gap: 8px; }
._customerDirectoryActions_t7q7f_98 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,.82); background: rgba(255,255,255,.06); box-shadow: inset 0 0 0 1px rgba(120,120,128,.24); cursor: pointer; font-family: inherit; appearance: none; -webkit-appearance: none; }
._customerDirectoryActions_t7q7f_98 button[type='submit'] { color: rgb(28,28,30); background: rgba(255,255,255,.92); box-shadow: none; }
._customerDirectoryActions_t7q7f_98 ._customerDirectoryPrimary_t7q7f_102 { color: rgb(28,28,30); background: rgba(255,255,255,.92); box-shadow: none; }
._customerDirectoryActions_t7q7f_98 button:disabled { opacity: 0.58; cursor: wait; }

._customerBulkBody_t7q7f_105 { min-height: 0; flex: 1; display: flex; flex-direction: column; gap: 14px; padding-top: 16px; overflow: hidden; }
._customerBulkDropzone_t7q7f_106 { flex: 0 0 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 9px; min-height: 215px; padding: 24px; border: 1px dashed rgba(120,120,128,.42); border-radius: 14px; background: rgba(255,255,255,.025); text-align: center; }
._customerBulkDropzone_t7q7f_106 > span { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 12px; color: rgb(88,175,255); background: rgba(0,122,255,.13); }
._customerBulkDropzone_t7q7f_106 h4 { margin: 2px 0 0; font-size: 17px; font-weight: 500; }
._customerBulkDropzone_t7q7f_106 p { max-width: 520px; margin: 0; color: rgba(255,255,255,.54); font-size: 12px; line-height: 1.55; }
._customerBulkDropzone_t7q7f_106 > div { display: flex; gap: 8px; margin-top: 5px; }
._customerBulkDropzone_t7q7f_106 button { border: 1px solid rgba(255,255,255,.12); border-radius: 8px; padding: 8px 13px; color: rgba(255,255,255,.86); background: rgba(255,255,255,.065); font: inherit; cursor: pointer; }
._customerBulkDropzone_t7q7f_106 button:first-child { border-color: transparent; color: rgb(28,28,30); background: rgba(255,255,255,.92); }
._customerBulkPreview_t7q7f_113 { min-height: 0; overflow: auto; border-radius: 12px; background: rgba(255,255,255,.035); }
._customerBulkPreview_t7q7f_113 > div { display: grid; grid-template-columns: minmax(0,1.6fr) minmax(0,1fr) minmax(110px,.65fr); gap: 12px; padding: 10px 13px; border-bottom: 1px solid rgba(255,255,255,.07); font-size: 12px; }
._customerBulkPreview_t7q7f_113 > div:first-child { display: flex; align-items: center; justify-content: space-between; color: rgba(255,255,255,.52); }
._customerBulkPreview_t7q7f_113 strong { color: rgba(255,255,255,.88); font-weight: 500; }
._customerBulkPreview_t7q7f_113 > div span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
._customerBulkErrors_t7q7f_118 { width: min(560px,100%); max-height: 150px; overflow: auto; display: flex; flex-direction: column; gap: 5px; box-sizing: border-box; padding: 11px 13px; border-radius: 10px; color: #ffb5af; background: rgba(234,52,39,.12); font-size: 12px; line-height: 1.4; }
._customerBulkBody_t7q7f_105 > ._customerDirectoryActions_t7q7f_98 { margin-top: auto; margin-inline: -20px; margin-bottom: -14px; }

._customerGroupMembershipModal_t7q7f_121 { width: min(760px, calc(100vw - 32px)); height: min(440px, calc(100vh - 32px)); }
._customerGroupMembershipModal_t7q7f_121 ._customerDirectorySidebar_t7q7f_33 { width: 220px; flex-basis: 220px; }
._customerGroupMembershipModal_t7q7f_121 ._customerDirectoryMainHeader_t7q7f_51 { padding: 20px; border-bottom: 1px solid rgba(120,120,128,.24); }
._customerGroupMembershipModal_t7q7f_121 ._customerDirectoryMainHeader_t7q7f_51 h2 { margin: 0 0 5px; font-size: 17px; line-height: 1.3; font-weight: 500; }
._customerGroupMembershipModal_t7q7f_121 ._customerDirectoryMainHeader_t7q7f_51 p { margin: 0; color: rgba(255,255,255,.5); font-size: 12px; line-height: 1.45; }
._customerGroupMembershipBody_t7q7f_126 { min-height: 0; flex: 1; padding: 18px 20px; overflow-y: auto; }
._customerGroupMembershipBody_t7q7f_126 ._customerDirectorySection_t7q7f_73 { padding: 16px; }
._customerGroupFlatField_t7q7f_128 { display: flex; min-height: 48px; align-items: center; justify-content: space-between; gap: 18px; padding: 0 12px 0 14px; border-radius: 10px; background: rgba(255,255,255,.045); color: rgba(255,255,255,.82); font-size: 13px; }
._customerGroupFlatField_t7q7f_128 > span { flex: 0 0 auto; }
._customerGroupFlatField_t7q7f_128 select { width: min(300px, 62%); border: 0; border-radius: 8px; padding: 6px 10px; outline: none; appearance: none; -webkit-appearance: none; color: rgba(255,255,255,.66); background: rgba(255,255,255,.06); font: inherit; text-align: right; cursor: pointer; }
._customerGroupFlatField_t7q7f_128 select:focus { background: rgba(255,255,255,.1); box-shadow: none; }
._customerGroupMembershipModal_t7q7f_121 ._customerDirectoryActions_t7q7f_98 { justify-content: flex-end; padding: 12px 20px; border-top: 1px solid rgba(120,120,128,.24); }

._customerGroupEditModal_t7q7f_134 { width: min(760px,calc(100vw - 32px)); height: min(700px,calc(100vh - 32px)); display: flex; flex-direction: column; overflow: hidden; }
._customerGroupEditHeader_t7q7f_135 { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; flex: 0 0 auto; padding: 18px 20px 15px; border-bottom: 1px solid rgba(120,120,128,.22); }
._customerGroupEditHeader_t7q7f_135 h2 { margin: 0 0 5px; font-size: 17px; font-weight: 500; }
._customerGroupEditHeader_t7q7f_135 p { margin: 0; color: rgba(255,255,255,.48); font-size: 12px; }
._customerGroupEditHeader_t7q7f_135 > button { width: 28px; height: 28px; display: grid; place-items: center; border: 0; border-radius: 7px; outline: none; background: transparent; color: rgba(255,255,255,.7); cursor: pointer; }
._customerGroupEditHeader_t7q7f_135 > button:hover { background: rgba(255,255,255,.07); }
._customerGroupEditForm_t7q7f_140 { min-height: 0; flex: 1; display: flex; flex-direction: column; }
._customerGroupEditBody_t7q7f_141 { min-height: 0; flex: 1; display: flex; flex-direction: column; gap: 14px; padding: 16px 20px 20px; overflow-y: auto; }
._customerGroupEditSection_t7q7f_142 { overflow: visible; border-radius: 11px; background: rgba(255,255,255,.035); }
._customerGroupEditSectionHeader_t7q7f_143 { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 12px 14px; }
._customerGroupEditSectionHeader_t7q7f_143 span { color: rgba(255,255,255,.84); font-size: 13px; font-weight: 500; }
._customerGroupEditSectionHeader_t7q7f_143 small { color: rgba(255,255,255,.42); font-size: 10px; }
._customerGroupEditField_t7q7f_146 { min-height: 46px; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 6px 14px; border-top: 1px solid rgba(120,120,128,.17); }
._customerGroupEditField_t7q7f_146 > span { color: rgba(255,255,255,.62); font-size: 12px; }
._customerGroupEditField_t7q7f_146 input { width: min(420px,65%); border: 0; border-radius: 8px; outline: none !important; box-shadow: none !important; padding: 7px 10px; background: rgba(255,255,255,.06); color: rgba(255,255,255,.8); font: inherit; font-size: 13px; text-align: right; }
._customerGroupEditField_t7q7f_146 input:focus,._customerGroupEditField_t7q7f_146 input:focus-visible { outline: none !important; box-shadow: none !important; background: rgba(255,255,255,.1); }
._customerGroupEditSection_t7q7f_142 ._overlayTeamMembersWrap_t7q7f_150 { padding: 0 14px 14px; }
._customerGroupEditFooter_t7q7f_151 { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex: 0 0 auto; padding: 12px 20px; border-top: 1px solid rgba(120,120,128,.22); }
._customerGroupEditFooter_t7q7f_151 > span { display: flex; gap: 8px; }
._customerGroupEditFooter_t7q7f_151 button { border: 0; border-radius: 8px; outline: none; padding: 8px 12px; background: rgba(255,255,255,.06); color: rgba(255,255,255,.8); font: inherit; font-weight: 400; cursor: pointer; }
._customerGroupEditFooter_t7q7f_151 ._customerGroupEditDelete_t7q7f_154 { color: rgba(255,105,97,.8); background: transparent; }
._customerGroupEditFooter_t7q7f_151 ._customerGroupEditDelete_t7q7f_154:hover { background: rgba(255,105,97,.08); color: rgb(255,105,97); }
._customerGroupEditFooter_t7q7f_151 ._customerDirectoryPrimary_t7q7f_102 { color: #171719; background: rgba(255,255,255,.92); }
._customerGroupEditFooter_t7q7f_151 button:disabled { opacity: .5; cursor: default; }

._customerGroupDetailsModal_t7q7f_159 { width: min(820px, calc(100vw - 32px)); height: min(610px, calc(100vh - 32px)); }
._customerGroupDetailsModal_t7q7f_159 ._customerDirectorySidebar_t7q7f_33 { width: 220px; flex-basis: 220px; }
._customerGroupDetailsModal_t7q7f_159 ._customerDirectoryMainHeader_t7q7f_51 h2 { margin: 0 0 5px; font-size: 17px; line-height: 1.3; font-weight: 500; }
._customerGroupDetailsModal_t7q7f_159 ._customerDirectoryMainHeader_t7q7f_51 p { margin: 0; color: rgba(255,255,255,.48); font-size: 12px; }
._customerGroupDetailsBody_t7q7f_163 { min-height: 0; flex: 1; display: flex; flex-direction: column; gap: 12px; padding: 18px 20px; overflow-y: auto; }
._customerGroupDetailSummary_t7q7f_164 { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); overflow: hidden; border-radius: 12px; background: rgba(255,255,255,.045); }
._customerGroupDetailSummary_t7q7f_164 > div { display: flex; flex-direction: column; gap: 5px; min-height: 104px; padding: 15px; }
._customerGroupDetailSummary_t7q7f_164 > div + div { border-left: 1px solid rgba(120,120,128,.22); }
._customerGroupDetailSummary_t7q7f_164 span { color: rgba(255,255,255,.44); font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }
._customerGroupDetailSummary_t7q7f_164 strong { font-size: 25px; font-weight: 500; }
._customerGroupDetailSummary_t7q7f_164 small { color: rgba(255,255,255,.5); font-size: 12px; }
._customerGroupDetailBlock_t7q7f_170 { overflow: hidden; border-radius: 12px; background: rgba(255,255,255,.035); }
._customerGroupDetailBlockHeader_t7q7f_171 { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding: 14px 15px; }
._customerGroupDetailBlockHeader_t7q7f_171 > div { display: flex; flex-direction: column; gap: 5px; }
._customerGroupDetailBlockHeader_t7q7f_171 span { color: rgba(255,255,255,.44); font-size: 10px; text-transform: uppercase; letter-spacing: .1em; }
._customerGroupDetailBlockHeader_t7q7f_171 strong { color: rgba(255,255,255,.86); font-size: 13px; font-weight: 400; line-height: 1.45; }
._customerGroupDetailBlockHeader_t7q7f_171 small { color: rgba(255,255,255,.45); font-size: 11px; white-space: nowrap; }
._customerGroupWorkforceList_t7q7f_176 { border-top: 1px solid rgba(120,120,128,.2); }
._customerGroupWorkforceItem_t7q7f_177 { display: grid; grid-template-columns: 40px minmax(0,1fr) auto; align-items: center; gap: 12px; min-height: 64px; padding: 10px 14px; }
._customerGroupWorkforceItem_t7q7f_177 + ._customerGroupWorkforceItem_t7q7f_177 { border-top: 1px solid rgba(120,120,128,.17); }
._customerGroupWorkforceAvatar_t7q7f_179 { width: 40px; height: 40px; }
._customerGroupWorkforceAvatar_t7q7f_179 ._avatarFallback_t7q7f_180 { font-size: 15px; }
._customerGroupWorkforceItem_t7q7f_177 > div { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
._customerGroupWorkforceItem_t7q7f_177 strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; font-weight: 500; }
._customerGroupWorkforceItem_t7q7f_177 > div span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: rgba(255,255,255,.44); font-size: 10px; }
._customerGroupWorkforceItem_t7q7f_177 > small { color: rgba(255,255,255,.55); font-size: 10px; text-transform: capitalize; }
._customerGroupWorkforceEmpty_t7q7f_185 { padding: 20px 15px; color: rgba(255,255,255,.46); font-size: 12px; text-align: center; }
._customerGroupDetailsModal_t7q7f_159 ._customerDirectoryActions_t7q7f_98 { justify-content: flex-end; }
._customerDirectoryActions_t7q7f_98 ._customerGroupDeleteAction_t7q7f_187 { margin-right: auto; color: rgb(255,105,97); background: rgba(234,52,39,.08); box-shadow: inset 0 0 0 1px rgba(234,52,39,.18); }

._customerGroupDeleteModal_t7q7f_189 { position: fixed; z-index: 5002; top: 50%; left: 50%; transform: translate(-50%,-50%); width: min(430px,calc(100vw - 32px)); overflow: hidden; border: 0; border-radius: 11px; color: rgba(255,255,255,.92); background: rgb(28,28,30); box-shadow: rgba(0,0,0,.42) 0 22px 64px; }
._customerGroupDeleteHeader_t7q7f_190 { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding: 18px 20px 15px; border-bottom: 1px solid rgba(120,120,128,.22); }
._customerGroupDeleteHeader_t7q7f_190 h2 { margin: 0 0 5px; font-size: 17px; font-weight: 500; }
._customerGroupDeleteHeader_t7q7f_190 p { margin: 0; color: rgba(255,255,255,.48); font-size: 12px; }
._customerGroupDeleteHeader_t7q7f_190 > button { width: 28px; height: 28px; display: grid; place-items: center; border: 0; border-radius: 7px; color: rgba(255,255,255,.72); background: transparent; cursor: pointer; }
._customerGroupDeleteHeader_t7q7f_190 > button:hover { background: rgba(255,255,255,.07); }
._customerGroupDeleteBody_t7q7f_195 { padding: 18px 20px; }
._customerGroupDeleteBody_t7q7f_195 > strong { font-size: 15px; font-weight: 500; }
._customerGroupDeleteBody_t7q7f_195 > p { margin: 8px 0 0; color: rgba(255,255,255,.55); font-size: 12px; line-height: 1.5; }
._customerGroupDeleteFooter_t7q7f_198 { display: flex; justify-content: flex-end; gap: 8px; padding: 12px 20px; border-top: 1px solid rgba(120,120,128,.22); }
._customerGroupDeleteFooter_t7q7f_198 button { min-width: 92px; border: 0; border-radius: 8px; padding: 8px 12px; color: rgba(255,255,255,.8); background: rgba(255,255,255,.06); font: inherit; font-weight: 400; cursor: pointer; }
._customerGroupDeleteFooter_t7q7f_198 ._customerGroupDeleteConfirm_t7q7f_200 { color: #fff; background: rgb(205,48,39); }
._customerGroupDeleteFooter_t7q7f_198 button:disabled { opacity: .55; cursor: wait; }

._customerGroupAssignModal_t7q7f_203 {
  position: fixed;
  z-index: 5001;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: min(430px, calc(100vw - 32px));
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 12px;
  background: rgb(28, 28, 30);
  color: rgba(255, 255, 255, 0.94);
  box-shadow: rgba(0, 0, 0, 0.38) 0 20px 60px;
}

._customerGroupAssignHeader_t7q7f_218 { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 20px 20px 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
._customerGroupAssignHeader_t7q7f_218 h2 { margin: 0; font-size: 18px; line-height: 1.25; font-weight: 500; }
._customerGroupAssignHeader_t7q7f_218 p { margin: 6px 0 0; color: rgba(255, 255, 255, 0.5); font-size: 12px; line-height: 1.45; }
._customerGroupAssignClose_t7q7f_221 { display: grid; place-items: center; width: 30px; height: 30px; flex: 0 0 30px; border: 0; border-radius: 999px; color: rgba(255, 255, 255, 0.72); background: transparent; cursor: pointer; }
._customerGroupAssignClose_t7q7f_221:hover { background: rgba(255, 255, 255, 0.08); }
._customerGroupAssignBody_t7q7f_223 { padding: 20px; }
._customerGroupAssignBody_t7q7f_223 label { display: flex; flex-direction: column; gap: 8px; color: rgba(255, 255, 255, 0.68); font-size: 12px; }
._customerGroupAssignBody_t7q7f_223 select { width: 100%; min-height: 42px; box-sizing: border-box; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 9px; padding: 9px 11px; outline: none; color: rgba(255, 255, 255, 0.94); background: rgb(44, 44, 46); font: inherit; }
._customerGroupAssignBody_t7q7f_223 select:focus { border-color: rgba(0, 153, 255, 0.82); box-shadow: 0 0 0 3px rgba(0, 153, 255, 0.12); }
._customerGroupAssignNotice_t7q7f_227 { margin: 12px 0 0; color: rgba(255, 255, 255, 0.48); font-size: 12px; line-height: 1.45; }
._customerGroupAssignError_t7q7f_228 { margin: 12px 0 0; padding: 9px 11px; border-radius: 8px; color: #ffb5af; background: rgba(234, 52, 39, 0.12); font-size: 12px; }
._customerGroupAssignActions_t7q7f_229 { display: flex; justify-content: flex-end; gap: 8px; padding: 13px 20px; border-top: 1px solid rgba(255, 255, 255, 0.08); }
._customerGroupAssignActions_t7q7f_229 button { border: 1px solid rgba(255, 255, 255, 0.11); border-radius: 9px; padding: 9px 14px; color: rgba(255, 255, 255, 0.8); background: rgba(255, 255, 255, 0.055); cursor: pointer; font: inherit; }
._customerGroupAssignActions_t7q7f_229 ._customerGroupAssignPrimary_t7q7f_231 { border-color: rgba(0, 153, 255, 0.75); color: #fff; background: rgb(0, 136, 230); }
._customerGroupAssignActions_t7q7f_229 button:disabled { opacity: 0.52; cursor: wait; }

/* Keep customer drafts structurally identical to Inventory's draft overlay. */
._customerDirectoryModal_t7q7f_16 {
  width: 90vw;
  max-width: 860px;
  height: 640px;
  max-height: calc(100vh - 32px);
  border: 0;
  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;
}

._customerDirectorySidebar_t7q7f_33 {
  width: 240px;
  flex: 0 0 240px;
  padding: 15px 10px;
  border-right: 1px solid #3e3e42;
  background: rgb(32, 32, 35);
}

._customerDirectoryClose_t7q7f_34 {
  width: 28px;
  height: 28px;
  margin: 0 0 15px 5px;
  padding: 2px;
  background: transparent !important;
  outline: none !important;
  box-shadow: none !important;
}
._customerDirectoryClose_t7q7f_34:hover { background: #3e3e42 !important; }

._customerDirectorySidebarNav_t7q7f_36 { gap: 2px; }

._customerDirectorySidebarItem_t7q7f_37,
._customerDirectorySidebarItemActive_t7q7f_38 {
  min-height: 36px;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: rgba(255, 255, 255, 0.86);
}

._customerDirectorySidebarItem_t7q7f_37:hover { background: rgba(255, 255, 255, 0.06); }
._customerDirectorySidebarItemActive_t7q7f_38 { background: rgba(255, 255, 255, 0.12); color: #fff; }
._customerDirectorySidebarItem_t7q7f_37 svg,
._customerDirectorySidebarItemActive_t7q7f_38 svg { color: rgb(88, 175, 255); flex-shrink: 0; }
._customerDirectorySidebarItem_t7q7f_37 strong,
._customerDirectorySidebarItemActive_t7q7f_38 strong { font-size: 14px; font-weight: 400; }

._customerDirectoryMain_t7q7f_50 { padding: 20px 20px 14px; overflow: hidden; }
._customerDirectoryMainHeader_t7q7f_51 { padding: 0; border: 0; flex-shrink: 0; }
._customerDirectoryMainHeader_t7q7f_51 h3 { margin: 0 0 10px; font-size: 17px; font-weight: 500; }
._customerDirectoryMainHeader_t7q7f_51 span { display: none; }

._customerDirectoryForm_t7q7f_59 { gap: 0; overflow: hidden; }
._customerDirectoryStepPills_t7q7f_65 { display: none; }
._customerDirectoryFormPane_t7q7f_72 {
  padding: 5px 4px 0 0;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;
}
._customerDirectoryFormPane_t7q7f_72::-webkit-scrollbar { display: none; }

._customerDirectorySection_t7q7f_73 {
  gap: 14px;
  padding: 16px;
  border: 1px solid rgba(120, 120, 128, 0.24);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.022)), rgba(255, 255, 255, 0.018);
}

._customerDirectorySectionIntro_t7q7f_74 { padding: 0; border: 0; }
._customerDirectorySectionIntro_t7q7f_74 > span { color: rgba(255, 255, 255, 0.42); font-size: 10px; letter-spacing: .14em; }
._customerDirectorySectionIntro_t7q7f_74 h4 { margin: 4px 0; font-size: 14px; line-height: 1.3; font-weight: 500; }
._customerDirectorySectionIntro_t7q7f_74 p { font-size: 12px; line-height: 1.55; color: rgba(255, 255, 255, 0.64); }

._customerDirectoryGrid_t7q7f_87 { gap: 12px; }
._customerDirectoryGrid_t7q7f_87 label { gap: 6px; color: rgba(255, 255, 255, 0.92); font-size: 14px; font-weight: 500; }
._customerDirectoryGrid_t7q7f_87 input,
._customerDirectoryGrid_t7q7f_87 select {
  min-height: 38px;
  height: 38px;
  padding: 0 11px;
  border: 1px solid rgba(120, 120, 128, 0.35);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.048);
  font-size: 13px;
  font-weight: 400;
}
._customerDirectoryGrid_t7q7f_87 input:focus,
._customerDirectoryGrid_t7q7f_87 select:focus { border-color: rgba(160, 160, 168, 0.5); box-shadow: none; background: rgba(255, 255, 255, 0.062); }

._customerDirectoryReviewGrid_t7q7f_78 { gap: 10px; }
._customerDirectoryReviewGrid_t7q7f_78 > div { min-height: 0; padding: 12px 13px; border-color: rgba(120,120,128,.22); border-radius: 12px; background: rgba(255,255,255,.032); }
._customerDirectoryReviewGrid_t7q7f_78 strong { font-size: 14px; }

._customerDirectoryError_t7q7f_97 { margin: 10px 4px 0 0; padding: 10px 12px; border-radius: 8px; }
._customerDirectoryActions_t7q7f_98 { justify-content: flex-end; margin-top: 10px; padding: 0 16px 4px; border: 0; flex-shrink: 0; }
._customerDirectoryActions_t7q7f_98 > span { gap: 8px; }
._customerDirectoryActions_t7q7f_98 button {
  min-width: 100px;
  padding: 8px 10px;
  border: 0;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.06);
  box-shadow: inset 0 0 0 1px rgba(120, 120, 128, 0.24);
  color: rgba(255, 255, 255, 0.82);
  font-size: 14px;
  font-weight: 400;
}
._customerDirectoryActions_t7q7f_98 ._customerDirectoryPrimary_t7q7f_102,
._customerDirectoryActions_t7q7f_98 button[type='submit'] {
  border: 0;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: none;
  color: rgb(28, 28, 30);
}

@media (max-width: 640px) {
  ._customerDirectoryGrid_t7q7f_87 { grid-template-columns: 1fr; }
  ._customerDirectoryWide_t7q7f_93 { grid-column: auto; }
}

@media (prefers-color-scheme: light) {
  ._customerDirectoryModal_t7q7f_16 { border-color: rgba(15, 23, 42, 0.12); background: rgba(255, 255, 255, 0.99); color: #0f172a; }
  ._customerDirectoryModal_t7q7f_16 ._customerFinanceModalHeader_t7q7f_55 span,
  ._customerDirectoryGrid_t7q7f_87 label { color: rgba(51, 65, 85, 0.78); }
  ._customerDirectoryTabs_t7q7f_83 { background: rgba(15, 23, 42, 0.055); }
  ._customerDirectoryTab_t7q7f_83 { color: rgba(51, 65, 85, 0.76); }
  ._customerDirectoryGrid_t7q7f_87 input,
  ._customerDirectoryGrid_t7q7f_87 select { border-color: rgba(15, 23, 42, 0.13); color: #0f172a; background: rgba(248, 250, 252, 0.95); }
  ._customerDirectorySectionTitle_t7q7f_96 { color: #1e293b; }
  ._customerDirectoryActions_t7q7f_98 button { border-color: rgba(15, 23, 42, 0.12); color: #334155; background: #f8fafc; }
  ._customerDirectoryActions_t7q7f_98 button[type='submit'] { color: #fff; background: rgb(0, 136, 230); }
  ._customerDirectorySuccessIcon_t7q7f_61 { color: rgb(0,112,210); background: rgba(0,122,255,.12); }
  ._customerDirectorySuccess_t7q7f_60 h4 { color: #172033; }
  ._customerDirectorySuccess_t7q7f_60 p { color: #667085; }
  ._customerDirectorySuccessDone_t7q7f_64 { color: #fff; background: rgb(0, 136, 230); }
  ._customerGroupMembershipModal_t7q7f_121 ._customerDirectoryMainHeader_t7q7f_51 { border-color: rgba(15,23,42,.12); }
  ._customerGroupMembershipModal_t7q7f_121 ._customerDirectoryMainHeader_t7q7f_51 p { color: rgba(51,65,85,.68); }
  ._customerGroupFlatField_t7q7f_128 { color: #334155; background: rgba(15,23,42,.045); }
  ._customerGroupFlatField_t7q7f_128 select { color: rgba(51,65,85,.76); background: rgba(15,23,42,.055); }
  ._customerGroupFlatField_t7q7f_128 select:focus { background: rgba(15,23,42,.09); }
  ._customerGroupMembershipModal_t7q7f_121 ._customerDirectoryActions_t7q7f_98 { border-color: rgba(15,23,42,.12); }
}

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


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

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

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

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

  &._overlayList_t7q7f_427 {
    padding: 0;
  }
}

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

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

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

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

._mailboxIcon_t7q7f_457 {
  flex-shrink: 0;
}

._mailboxItem_t7q7f_432 > svg {
  margin-right: 10px;
  margin-left: 5px;
  color: #7db5e2;
}

._mailboxItem_t7q7f_432._subItem_t7q7f_467 > svg {
  margin-left: 20px;
}

._mailboxName_t7q7f_471 {
  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_t7q7f_484 {
  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_t7q7f_493 {
  background: none;
  border: none;
  color: #7db5e2;
  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_t7q7f_493:hover {
  background: rgba(125, 181, 226, 0.14);
}

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

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

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

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

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

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

._folderItem_t7q7f_558 svg {
  margin-right: 8px;
  color: #0e639c;
}

._folderItem_t7q7f_558:hover {
  color: #ffffff;
}

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

._messageListHeader_t7q7f_586 {
  padding: 12px 20px;
}

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

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

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

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

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

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

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

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

._unreadDot_t7q7f_645 {
  width: 12px;
  height: 12px;
  background-color: #0e639c;
  border-radius: 50%;
  display: block;
}

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

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

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

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

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

._searchInput_t7q7f_681:focus {
  outline: none;
  border-color: transparent;
  outline: 3px solid rgba(125, 181, 226, 0.55);
  caret-color: #7db5e2;
}

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

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

  ._messageItem_t7q7f_718 {
    margin: 0px 10px;
  }

  ._messageItem_t7q7f_718._selected_t7q7f_722 {
    background-color: rgba(255, 255, 255, 0.15);
  }
}

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

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

  ._messageContent_t7q7f_741 {
    ._actions_t7q7f_742 {
      display: block;
    }
  }
}

._messageItem_t7q7f_718._selected_t7q7f_722 {
  background-color: rgba(255, 255, 255, 0.1);
}

._messageItem_t7q7f_718._selected_t7q7f_722 ._messageContent_t7q7f_741,
._messageItem_t7q7f_718._before_selected_t7q7f_753 ._messageContent_t7q7f_741 {
  border-bottom-color: transparent;
}

/* reset all */
._messageItem_t7q7f_718._selected_multiple_middle_t7q7f_758 {
  border-radius: 0;
}

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

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


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

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

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

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

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

._avatarFallback_t7q7f_180 {
  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_t7q7f_856 {
  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_t7q7f_825 {
    width: 32px;
    height: 32px;

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

._avatarFallback_appImage_t7q7f_891 {
  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_t7q7f_904 {
  display: none;
}

._darkIcon_t7q7f_908 {
  display: flex;
}

._messageContent_t7q7f_741 {
  display: grid;
  flex: 1;
  min-width: 0;
  max-width: 100%;
  padding: 9px 0;
  margin-right: 12.5px;
  border-bottom-color: rgba(60, 60, 62, 0);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  overflow: hidden;
  position: relative;

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


._messageHeader_t7q7f_931 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1px;
  max-width: 100%;
  gap: 10px;
  overflow: visible;
  min-width: 0;
}

._sender_t7q7f_942 {
  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_t7q7f_955 {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 7.5px;
  transition: width 0.3s ease;
  overflow: visible;
  position: relative;
  white-space: nowrap;
}

._actions_t7q7f_742 {
  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_t7q7f_981 {
  position: absolute;
  top: 35px;
  right: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  opacity: .95;
  pointer-events: none;
  z-index: 1;
}

._customerListAddress_t7q7f_995 { min-width: 0; display: grid; grid-template-rows: repeat(2, 16px); padding-right: 22px; color: rgba(255,255,255,.6); font-size: 13px; line-height: 16px; }
._customerListAddress_t7q7f_995 span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

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

._summaryLine_t7q7f_1015 {
  padding: 0;
  font-size: 13px;
  line-height: 16px;
  color: rgba(255, 255, 255, 0.6);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

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

._metaPill_t7q7f_1035 {
  display: inline-flex;
  align-items: center;
  max-width: none;
  flex: 0 0 auto;
  padding: 3px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.82);
  font-size: 12px;
  line-height: 1;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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

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

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

._confirmOverlay_t7q7f_1079 {
  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_t7q7f_1090 {
  position: fixed;
  z-index: 5001;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  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);
  animation: _contentShow_t7q7f_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
}

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

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

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

._confirmPrimary_t7q7f_1126,
._confirmSecondary_t7q7f_1127 {
  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_t7q7f_1126 {
  background: rgb(234, 52, 39);
  color: white;
}

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

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

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

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

._customerLifecycleConfirmDialog_t7q7f_1169 { padding: 0; overflow: hidden; }
._customerLifecycleConfirmDialog_t7q7f_1169 ._confirmHeader_t7q7f_1105 { padding: 18px 18px 14px; }
._customerLifecycleConfirmSummary_t7q7f_1171 { display: flex; flex-direction: column; gap: 4px; padding: 12px 18px; border-top: 1px solid rgba(120,120,128,.2); border-bottom: 1px solid rgba(120,120,128,.2); background: rgba(255,255,255,.025); }
._customerLifecycleConfirmSummary_t7q7f_1171 span { color: rgba(255,255,255,.42); font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
._customerLifecycleConfirmSummary_t7q7f_1171 strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: rgba(255,255,255,.9); font-size: 14px; font-weight: 500; }
._customerLifecycleConfirmDialog_t7q7f_1169 ._confirmActions_t7q7f_1119 { margin: 0; padding: 14px 18px 18px; }
._customerLifecycleConfirmDialog_t7q7f_1169 button:disabled { opacity: .48; cursor: default; }

._unreadIndicator_t7q7f_1177 {
  width: 8px;
  height: 8px;
  background-color: #0e639c;
  border-radius: 50%;
  display: none;
}

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

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

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

}

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

._headerActionMenu_t7q7f_1205 {
  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: 0px 10px 38px rgba(0, 0, 0, 0.3), 0px 10px 20px rgba(0, 0, 0, 0.2);
  z-index: 40;
}

._headerActionMenuContextual_t7q7f_1223 {
  transform-origin: top left;
  animation: 0.2s cubic-bezier(0.32, 0.08, 0.24, 1) _cw-modal-pop_t7q7f_1;
}

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

._headerActionMenuItem_t7q7f_1228 svg {
  color: #18C84F;
  flex-shrink: 0;
}

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

._emptyPaneState_t7q7f_1256 {
  flex: 1 1 auto;
  min-height: calc(100vh - 190px);
  padding: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

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

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

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

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

._customerRequestPane_t7q7f_1310 {
  min-height: calc(100vh - 190px);
  box-sizing: border-box;
  padding: 14px 22px 34px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

._customerRequestHero_t7q7f_1319 { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 8px; min-height: 48px; padding: 0 6px 12px; border-bottom: 1px solid rgba(255,255,255,.08); }
._customerRequestHeader_t7q7f_1320 { min-width: 0; }
._customerRequestHeader_t7q7f_1320 h2 { margin: 0 0 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 17px; line-height: 21px; font-weight: 500; }
._customerRequestHeader_t7q7f_1320 p { margin: 0; color: rgba(255, 255, 255, .5); font-size: 12px; line-height: 16px; }
._customerRequestHeader_t7q7f_1320 p span { margin: 0 3px; }
._customerRequestStatus_t7q7f_1324 { padding: 5px 8px; border-radius: 999px; color: rgb(125,181,226); background: rgba(52,148,230,.13); font-size: 10px; letter-spacing: .06em; }
._customerRequestControlBar_t7q7f_1325 { display: flex; align-items: center; gap: 12px; background: transparent; }
._customerRequestSegment_t7q7f_1326 { display: inline-flex; align-items: center; gap: 3px; padding: 3px; border-radius: 999px; background: rgba(255,255,255,.055); }
._customerRequestSegment_t7q7f_1326 button { min-width: 82px; border: 0; border-radius: 999px; padding: 6px 12px; color: rgba(255,255,255,.56); background: transparent; font: inherit; font-size: 12px; cursor: pointer; transition: color 130ms ease, background-color 130ms ease; }
._customerRequestSegment_t7q7f_1326 button:disabled { opacity: .48; cursor: wait; }
._customerRequestSegment_t7q7f_1326 ._customerRequestSegmentActive_t7q7f_1329 { color: rgba(255,255,255,.94); background: rgba(255,255,255,.12); }
._customerRequestNewRecord_t7q7f_1330 { padding-left: 9px; color: rgba(255,255,255,.5); font-size: 12px; }
._customerRequestMeta_t7q7f_1331 { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); overflow: hidden; border-radius: 11px; background: rgba(255,255,255,.045); }
._customerRequestMeta_t7q7f_1331 > div { min-width: 0; padding: 13px 15px; border-right: 1px solid rgba(255,255,255,.07); }
._customerRequestMeta_t7q7f_1331 > div:last-child { border-right: 0; }
._customerRequestMeta_t7q7f_1331 span,._customerRequestFields_t7q7f_1334 span,._customerRequestCompact_t7q7f_1334 span { display: block; color: rgba(255,255,255,.44); font-size: 11px; }
._customerRequestMeta_t7q7f_1331 strong { display: block; margin-top: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; font-weight: 500; }
._customerRequestSection_t7q7f_1336 { overflow: hidden; border-radius: 11px; background: rgba(255,255,255,.035); }
._customerRequestSectionHeading_t7q7f_1337 { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 15px; border-bottom: 1px solid rgba(255,255,255,.07); }
._customerRequestSectionHeading_t7q7f_1337 span { font-size: 13px; font-weight: 550; }
._customerRequestSectionHeading_t7q7f_1337 small { color: rgba(255,255,255,.4); font-size: 11px; }
._customerRequestFields_t7q7f_1334 { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); }
._customerRequestFields_t7q7f_1334 > div { min-width: 0; padding: 13px 15px; border-right: 1px solid rgba(255,255,255,.06); border-bottom: 1px solid rgba(255,255,255,.06); }
._customerRequestFields_t7q7f_1334 > div:nth-child(3n) { border-right: 0; }
._customerRequestFields_t7q7f_1334 > div:nth-last-child(-n+3) { border-bottom: 0; }
._customerRequestFields_t7q7f_1334 strong { display: block; margin-top: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: 500; }
._customerRequestSplit_t7q7f_1345 { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
._customerRequestCompact_t7q7f_1334 { min-height: 48px; padding: 14px 15px; }
._customerRequestCompact_t7q7f_1334 strong { display: block; margin-bottom: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: 500; }
._customerRequestCompact_t7q7f_1334 span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
._customerRequestFooter_t7q7f_1349 { display: flex; justify-content: flex-end; margin-top: auto; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.08); }
._customerRequestActions_t7q7f_1350 { display: flex; justify-content: flex-end; gap: 8px; }
._customerRequestActions_t7q7f_1350 button { min-width: 112px; min-height: 38px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; border: 0; border-radius: 8px; padding: 8px 13px; color: rgba(255,255,255,.82); font: inherit; font-size: 13px; font-weight: 400; cursor: pointer; }
._customerRequestReject_t7q7f_1352 { background: rgba(255,255,255,.065); box-shadow: inset 0 0 0 1px rgba(120,120,128,.2); }
._customerRequestApprove_t7q7f_1353 { background: rgba(255,255,255,.92); color: rgb(28,28,30) !important; box-shadow: none; }
._customerRequestActions_t7q7f_1350 button:disabled { opacity: .48; cursor: wait; }
._customerRequestTaxCheck_t7q7f_1355 { min-height: 58px; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 12px 15px; border-radius: 11px; background: rgba(255,255,255,.035); }
._customerRequestTaxCheck_t7q7f_1355 > div { min-width: 0; display: flex; align-items: center; gap: 10px; color: rgba(255,255,255,.62); }
._customerRequestTaxCheck_t7q7f_1355 > div > span { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
._customerRequestTaxCheck_t7q7f_1355 strong { color: rgba(255,255,255,.88); font-size: 13px; font-weight: 500; }
._customerRequestTaxCheck_t7q7f_1355 small { color: rgba(255,255,255,.48); font-size: 11px; line-height: 15px; }
._customerRequestTaxCheck_t7q7f_1355 button { flex: 0 0 auto; border: 0; border-radius: 8px; padding: 8px 11px; color: rgba(255,255,255,.78); background: rgba(255,255,255,.065); box-shadow: inset 0 0 0 1px rgba(120,120,128,.2); font: inherit; font-size: 12px; cursor: pointer; }
._customerRequestTaxCheck_t7q7f_1355 button:disabled { opacity: .4; cursor: default; }
._customerGSTDraftLabel_t7q7f_1362 { min-height: 18px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
._customerGSTDraftLabel_t7q7f_1362 ._overlayFieldLabel_t7q7f_1363 { margin: 0; }
._customerGSTDraftLabel_t7q7f_1362 button { border: 0; padding: 0; color: rgb(125,181,226); background: transparent; font: inherit; font-size: 11px; font-weight: 400; cursor: pointer; }
._customerGSTDraftLabel_t7q7f_1362 button:hover { color: rgb(155,202,239); }
._customerGSTDraftLabel_t7q7f_1362 button:disabled { color: rgba(255,255,255,.28); cursor: default; }

._customerGSTModal_t7q7f_1368 { width: min(760px,calc(100vw - 40px)); padding: 0; overflow: hidden; }
._customerGSTModal_t7q7f_1368 ._customerFinanceModalHeader_t7q7f_55 { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0; padding: 16px 18px 13px; border-bottom: 1px solid rgba(255,255,255,.08); }
._customerGSTModal_t7q7f_1368 ._customerFinanceModalHeader_t7q7f_55 > div { display: flex; flex-direction: column; gap: 3px; }
._customerGSTModal_t7q7f_1368 ._customerFinanceModalHeader_t7q7f_55 span { color: rgba(255,255,255,.48); font-size: 12px; }
._customerGSTClose_t7q7f_1372 { flex: 0 0 30px; align-self: center; box-sizing: border-box; width: 30px; height: 30px; margin: 0; padding: 0; display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 7px; outline: 0; color: rgba(255,255,255,.7); background: rgba(255,255,255,.055); box-shadow: none; line-height: 0; cursor: pointer; appearance: none; }
._customerGSTClose_t7q7f_1372 svg { display: block; flex: 0 0 auto; width: 18px; height: 18px; }
._customerGSTClose_t7q7f_1372:focus { outline: 0; }
._customerGSTClose_t7q7f_1372:focus-visible { box-shadow: inset 0 0 0 1px rgba(255,255,255,.22); }
._customerGSTModal_t7q7f_1368 ._customerFinanceModalBody_t7q7f_1376 { max-height: 62vh; overflow: auto; padding: 16px 18px; }
._customerGSTState_t7q7f_1377 { min-height: 220px; display: flex; align-items: center; justify-content: center; gap: 9px; color: rgba(255,255,255,.58); font-size: 13px; }
._customerGSTError_t7q7f_1378 { color: rgb(255,125,116); }
._customerGSTSummary_t7q7f_1379 { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); overflow: hidden; border-radius: 10px; background: rgba(255,255,255,.045); }
._customerGSTSummary_t7q7f_1379 > div { min-width: 0; padding: 12px; border-right: 1px solid rgba(255,255,255,.07); }
._customerGSTSummary_t7q7f_1379 > div:last-child { border-right: 0; }
._customerGSTSummary_t7q7f_1379 span,._customerGSTDetails_t7q7f_1382 span { display: block; color: rgba(255,255,255,.43); font-size: 10px; text-transform: uppercase; letter-spacing: .06em; }
._customerGSTSummary_t7q7f_1379 strong,._customerGSTDetails_t7q7f_1382 strong { display: block; margin-top: 5px; overflow-wrap: anywhere; color: rgba(255,255,255,.9); font-size: 13px; font-weight: 500; }
._customerGSTDetails_t7q7f_1382 { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); overflow: hidden; border-radius: 10px; background: rgba(255,255,255,.032); }
._customerGSTDetails_t7q7f_1382 > div { min-width: 0; padding: 13px; border-right: 1px solid rgba(255,255,255,.06); border-bottom: 1px solid rgba(255,255,255,.06); }
._customerGSTDetails_t7q7f_1382 > div:nth-child(2n) { border-right: 0; }
._customerGSTAddress_t7q7f_1387 { grid-column: 1/-1; border-right: 0 !important; border-bottom: 0 !important; }
._customerGSTMergeBlock_t7q7f_1388 { padding: 13px; border-radius: 10px; background: rgba(255,255,255,.032); }
._customerGSTMergeBlock_t7q7f_1388 > div:first-child { display: flex; flex-direction: column; gap: 3px; }
._customerGSTMergeBlock_t7q7f_1388 > div:first-child strong { font-size: 13px; font-weight: 500; }
._customerGSTMergeBlock_t7q7f_1388 > div:first-child span { color: rgba(255,255,255,.48); font-size: 11px; }
._customerGSTFieldChoices_t7q7f_1392 { display: flex; flex-wrap: wrap; gap: 8px 14px; margin-top: 12px; }
._customerGSTFieldChoices_t7q7f_1392 label { display: inline-flex; align-items: center; gap: 6px; color: rgba(255,255,255,.72); font-size: 12px; cursor: pointer; }
._customerGSTFieldChoices_t7q7f_1392 input { width: 14px; height: 14px; accent-color: rgb(52,148,230); }
._customerGSTModalActions_t7q7f_1395 { display: flex; justify-content: flex-end; gap: 8px; padding: 12px 18px; border-top: 1px solid rgba(255,255,255,.08); }
._customerGSTModalActions_t7q7f_1395 button { border: 0; border-radius: 8px; padding: 8px 12px; color: rgba(255,255,255,.74); background: rgba(255,255,255,.06); font: inherit; font-size: 12px; cursor: pointer; }
._customerGSTModalActions_t7q7f_1395 ._customerGSTMergeButton_t7q7f_1397 { color: #fff; background: rgb(52,148,230); }
._customerGSTModalActions_t7q7f_1395 button:disabled { opacity: .45; cursor: wait; }

@media (max-width: 1100px) {
  ._customerRequestMeta_t7q7f_1331 { grid-template-columns: repeat(2,minmax(0,1fr)); }
  ._customerRequestMeta_t7q7f_1331 > div:nth-child(2) { border-right: 0; }
  ._customerRequestMeta_t7q7f_1331 > div:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.07); }
  ._customerRequestFields_t7q7f_1334 { grid-template-columns: repeat(2,minmax(0,1fr)); }
  ._customerRequestFields_t7q7f_1334 > div:nth-child(3n) { border-right: 1px solid rgba(255,255,255,.06); }
  ._customerRequestFields_t7q7f_1334 > div:nth-child(2n) { border-right: 0; }
  ._customerRequestFields_t7q7f_1334 > div:nth-last-child(-n+3) { border-bottom: 1px solid rgba(255,255,255,.06); }
  ._customerRequestFields_t7q7f_1334 > div:nth-last-child(-n+2) { border-bottom: 0; }
  ._customerRequestSplit_t7q7f_1345 { grid-template-columns: 1fr; }
}

@media (prefers-color-scheme: light) {
  ._customerRequestHero_t7q7f_1319 { border-bottom-color: rgba(15,23,42,.09); }
  ._customerRequestHeader_t7q7f_1320 h2 { color: rgb(20,25,34); }
  ._customerRequestHeader_t7q7f_1320 p,._customerRequestSectionHeading_t7q7f_1337 small,._customerRequestMeta_t7q7f_1331 span,._customerRequestFields_t7q7f_1334 span,._customerRequestCompact_t7q7f_1334 span { color: rgba(30,41,59,.54); }
  ._customerRequestMeta_t7q7f_1331,._customerRequestSection_t7q7f_1336 { background: rgba(15,23,42,.045); }
  ._customerRequestMeta_t7q7f_1331 > div,._customerRequestSectionHeading_t7q7f_1337,._customerRequestFields_t7q7f_1334 > div { border-color: rgba(15,23,42,.075); }
  ._customerRequestMeta_t7q7f_1331 strong,._customerRequestFields_t7q7f_1334 strong,._customerRequestCompact_t7q7f_1334 strong,._customerRequestSectionHeading_t7q7f_1337 span { color: rgb(30,41,59); }
  ._customerRequestFooter_t7q7f_1349 { border-top-color: rgba(15,23,42,.09); }
  ._customerRequestReject_t7q7f_1352 { color: rgb(30,41,59) !important; background: rgba(15,23,42,.055); }
  ._customerRequestApprove_t7q7f_1353 { color: #fff !important; background: rgb(30,30,32); }
  ._customerRequestControlBar_t7q7f_1325 { background: transparent; }
  ._customerRequestSegment_t7q7f_1326 { background: rgba(15,23,42,.06); }
  ._customerRequestSegment_t7q7f_1326 button { color: rgba(30,41,59,.56); }
  ._customerRequestSegment_t7q7f_1326 ._customerRequestSegmentActive_t7q7f_1329 { color: rgb(30,41,59); background: rgba(255,255,255,.92); box-shadow: 0 1px 4px rgba(15,23,42,.1); }
  ._customerRequestNewRecord_t7q7f_1330 { color: rgba(30,41,59,.55); }
  ._customerRequestTaxCheck_t7q7f_1355 { background: rgba(15,23,42,.045); }
  ._customerRequestTaxCheck_t7q7f_1355 > div { color: rgba(30,41,59,.62); }
  ._customerRequestTaxCheck_t7q7f_1355 strong { color: rgb(30,41,59); }
  ._customerRequestTaxCheck_t7q7f_1355 small { color: rgba(30,41,59,.54); }
  ._customerRequestTaxCheck_t7q7f_1355 button { color: rgb(30,41,59); background: rgba(15,23,42,.055); box-shadow: inset 0 0 0 1px rgba(15,23,42,.1); }
  ._customerGSTModal_t7q7f_1368 ._customerFinanceModalHeader_t7q7f_55,._customerGSTModalActions_t7q7f_1395 { border-color: rgba(15,23,42,.09); }
  ._customerGSTModal_t7q7f_1368 ._customerFinanceModalHeader_t7q7f_55 span,._customerGSTState_t7q7f_1377,._customerGSTMergeBlock_t7q7f_1388 > div:first-child span { color: rgba(30,41,59,.54); }
  ._customerGSTClose_t7q7f_1372,._customerGSTModalActions_t7q7f_1395 button { color: rgb(30,41,59); background: rgba(15,23,42,.055); }
  ._customerGSTSummary_t7q7f_1379,._customerGSTDetails_t7q7f_1382,._customerGSTMergeBlock_t7q7f_1388 { background: rgba(15,23,42,.045); }
  ._customerGSTSummary_t7q7f_1379 > div,._customerGSTDetails_t7q7f_1382 > div { border-color: rgba(15,23,42,.075); }
  ._customerGSTSummary_t7q7f_1379 span,._customerGSTDetails_t7q7f_1382 span { color: rgba(30,41,59,.46); }
  ._customerGSTSummary_t7q7f_1379 strong,._customerGSTDetails_t7q7f_1382 strong,._customerGSTMergeBlock_t7q7f_1388 > div:first-child strong { color: rgb(30,41,59); }
  ._customerGSTFieldChoices_t7q7f_1392 label { color: rgba(30,41,59,.74); }
  ._customerGSTDraftLabel_t7q7f_1362 button:disabled { color: rgba(30,41,59,.3); }
}

._groupWorkforceEditor_t7q7f_1443 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-top: 8px;
}

._groupWorkforceHeader_t7q7f_1450 { display: flex; align-items: center; justify-content: space-between; }
._groupWorkforceHeader_t7q7f_1450 > span { font-weight: 600; }
._groupWorkforceHeader_t7q7f_1450 button { display: inline-flex; align-items: center; gap: 6px; border: 0; background: transparent; color: rgb(52, 148, 230); cursor: pointer; }
._groupWorkforceEditor_t7q7f_1443 > p { margin: 0; color: rgba(255, 255, 255, .48); font-size: 12px; line-height: 1.5; }
._groupWorkforceRow_t7q7f_1454 { display: grid; grid-template-columns: 1.15fr .8fr 1.5fr auto; gap: 10px; align-items: end; padding: 12px; border: 1px solid rgba(116, 116, 128, .22); border-radius: 10px; background: rgba(255, 255, 255, .025); }
._groupWorkforceRemove_t7q7f_1455 { height: 38px; width: 38px; display: grid; place-items: center; border: 0; border-radius: 8px; background: transparent; color: rgb(255, 69, 58); cursor: pointer; }
._groupWorkforceRemove_t7q7f_1455:disabled { opacity: .25; cursor: default; }

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

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

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

._messageActionPlusButton_t7q7f_1475 {
  margin-left: 10px;
  color: #7db5e2;
  flex-shrink: 0;
}

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

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

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

._detailsButton_t7q7f_1502 {
  background: none;
  border: none;
  color: #0e639c;
  cursor: pointer;
  font-size: 12px;
  text-decoration: underline;
}

._detailsButton_t7q7f_1502:hover {
  color: #1177bb;
}

._customerHeaderActionButton_t7q7f_1515 {
  color: #7db5e2;
}

._customerPhotoGrid_t7q7f_1519 {
  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%;
}

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

._customerMediaTopSectionNoMedia_t7q7f_1543 {
  display: block;
}

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

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

._customerMediaStatTile_t7q7f_1561 {
  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);
}

._customerMediaStatTile_t7q7f_1561 ._customerMediaValue_t7q7f_1571 { font-size: 30px; line-height: 32px; }
._customerMediaStatTile_t7q7f_1561 ._customerMediaMeta_t7q7f_1572 { margin-top: 8px; }

._customerPhotoGridEmptyState_t7q7f_1574 { display: flex; }

._customerPhotoGridEmpty_t7q7f_1574 {
  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);
}

._customerMediaLabel_t7q7f_1591 {
  margin: 0 0 8px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 11px;
  line-height: 12px;
}

._customerMediaValue_t7q7f_1571 {
  margin: 0;
  color: rgba(255, 255, 255, 0.98);
  font-size: 30px;
  line-height: 32px;
  font-weight: 500;
}

._customerMediaMeta_t7q7f_1572 {
  max-width: 520px;
  margin-top: 8px;
  color: rgba(255, 255, 255, 0.62);
  font-size: 13px;
  line-height: 17px;
}

._customerPhotoMain_t7q7f_1614,
._customerPhotoQuarter_t7q7f_1615 {
  overflow: hidden;
  background: rgba(255, 255, 255, 0.025);
}

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

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

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

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

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

._customerPaneTabs_t7q7f_1665 {
  width: fit-content;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  gap: 0;
  margin-bottom: 10px;
  padding: 3px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.055);
  border: 0;
}

._customerHeaderEditButton_t7q7f_1678 {
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 10px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #7db5e2;
  font: inherit;
  font-size: 13px;
  cursor: pointer;
}

._customerHeaderEditButton_t7q7f_1678:hover {
  background: rgba(125, 181, 226, 0.12);
}

._customerPaneTabButton_t7q7f_1697 {
  height: 30px;
  min-width: 92px;
  padding: 0 16px;
  flex: 0 0 auto;
  border: none;
  border-radius: 999px;
  background: transparent;
  color: rgba(255, 255, 255, 0.66);
  font-size: 13px;
  line-height: 1;
  font-weight: 400;
  cursor: pointer;
  transition: none;
}

._customerPaneTabButtonActive_t7q7f_1713 {
  background: rgba(255, 255, 255, 0.14);
  border: none;
  color: rgba(255, 255, 255, 0.96);
  box-shadow: none;
  font-weight: 400;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

._customerHeatmapGrid_t7q7f_1870 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  background: rgba(255, 255, 255, 0.065);
  overflow: hidden;
}

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

._customerHeatmapTile_t7q7f_1886 {
  background: rgb(35, 35, 37);
  border: 0;
  border-radius: 0;
  padding: 14px 15px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-height: 76px;
  min-width: 0;
  justify-content: center;
}

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

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

._customerHeatmapTileWide_t7q7f_1907 {
  grid-column: span 2;
}

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

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

._customerMetricsGrid_t7q7f_1922 {
  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_t7q7f_1922 ._customerMetricCard_t7q7f_1932:last-child {
  grid-column: 1 / -1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

._customerAlertBadge_t7q7f_2131 {
  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_t7q7f_1932 {
  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_t7q7f_2155 {
  grid-column: auto;
}

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

._customerMetricValue_t7q7f_2166 {
  font-size: 15px;
  line-height: 1.28;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.96);
  letter-spacing: -0.16px;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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

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

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

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

._customerScopeTag_t7q7f_2235,
._customerScopeTagMuted_t7q7f_2236 {
  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_t7q7f_2235 {
  color: rgba(255, 255, 255, 0.9);
  background: rgba(255, 255, 255, 0.06);
}

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

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

._customerInsightValue_t7q7f_2291 {
  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_t7q7f_1841:last-child ._customerFactPair_t7q7f_1862:first-child ._customerInsightValue_t7q7f_2291 {
  white-space: normal;
  word-break: break-word;
}

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

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

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

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

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

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

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

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

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

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

._customerProfileLocationSection_t7q7f_2376 {
  margin-top: 0;
  display: grid;
  grid-template-columns: minmax(280px, 0.85fr) minmax(0, 1.15fr);
  gap: 1px;
  align-items: stretch;
  overflow: hidden;
  border-radius: 11px;
  background: rgba(255, 255, 255, 0.065);
}

._customerAdditionalLocations_t7q7f_2387 { margin-top: 12px; padding: 14px 16px; border-radius: 6px; background: rgba(255,255,255,.045); }
._customerAdditionalLocations_t7q7f_2387 > ._customerSectionEyebrow_t7q7f_1739 { display: block; margin-bottom: 10px; }
._customerAdditionalLocationGrid_t7q7f_2389 { display: grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap: 8px; }
._customerAdditionalLocationCard_t7q7f_2390 { min-width: 0; padding: 11px 12px; border-radius: 6px; background: rgba(255,255,255,.045); }
._customerAdditionalLocationCard_t7q7f_2390 > div { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin-bottom: 7px; }
._customerAdditionalLocationCard_t7q7f_2390 strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: rgba(255,255,255,.92); font-size: 13px; font-weight: 500; }
._customerAdditionalLocationCard_t7q7f_2390 > div span { flex: 0 0 auto; color: rgba(255,255,255,.4); font-size: 9px; letter-spacing: .06em; }
._customerAdditionalLocationCard_t7q7f_2390 > span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: rgba(255,255,255,.58); font-size: 11px; line-height: 16px; }

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

._customerProfileAddressTile_t7q7f_2402,
._customerProfileMapTile_t7q7f_2403 {
  border: 0;
  border-radius: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  box-shadow: none;
}

._customerProfileAddressTile_t7q7f_2402 {
  background-color: rgb(35, 35, 37);
  border: none;
  border-radius: 0;
  padding: 15px 16px 13px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 164px;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  gap: 0;
}

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

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

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

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

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

._customerMiniCard_t7q7f_1721,
._customerMetricCard_t7q7f_1932,
._customerFinanceCard_t7q7f_1959,
._customerScopeBlock_t7q7f_2215,
._customerNoteItem_t7q7f_1779,
._customerProfileStackCard_t7q7f_1756 {
  transition: none;
}

._customerMiniCard_t7q7f_1721:hover,
._customerScopeBlock_t7q7f_2215:hover,
._customerNoteItem_t7q7f_1779:hover,
._customerProfileStackCard_t7q7f_1756:hover {
  border-color: rgba(255, 255, 255, 0.038);
  background: rgba(255, 255, 255, 0.024);
}

._customerProfileOverviewCard_t7q7f_2494 {
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 11px;
  background: rgb(35, 35, 37);
}

._customerProfileOverviewCard_t7q7f_2494:hover {
  background: rgb(35, 35, 37) !important;
  border-color: transparent !important;
}

._customerRecordSectionHeading_t7q7f_2507 {
  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);
  background: rgb(35, 35, 37);
}

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

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

._customerDetailsMiniGrid_t7q7f_1656 > ._customerMiniCard_t7q7f_1721:not(._customerProfileOverviewCard_t7q7f_2494) {
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 11px;
  background: rgb(35, 35, 37);
}

._customerDetailsMiniGrid_t7q7f_1656 > ._customerMiniCard_t7q7f_1721:not(._customerProfileOverviewCard_t7q7f_2494):hover {
  border-color: transparent;
  background: rgb(35, 35, 37);
}

._customerDetailsMiniGrid_t7q7f_1656 > ._customerMiniCard_t7q7f_1721:not(._customerProfileOverviewCard_t7q7f_2494) > ._customerSectionEyebrow_t7q7f_1739 {
  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: 550;
  letter-spacing: 0;
  text-transform: none;
}

._customerDetailsMiniGrid_t7q7f_1656 > ._customerMiniCard_t7q7f_1721 > ._customerNotesList_t7q7f_1773,
._customerDetailsMiniGrid_t7q7f_1656 > ._customerMiniCard_t7q7f_1721 > ._customerFinanceCockpit_t7q7f_1946 {
  margin: 0;
  padding: 10px 15px 15px;
}

._customerDetailsMiniGrid_t7q7f_1656 ._customerNoteItem_t7q7f_1779 {
  padding: 11px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

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

._customerDetailsMiniGrid_t7q7f_1656 ._customerFinanceTopRow_t7q7f_1953,
._customerDetailsMiniGrid_t7q7f_1656 ._customerAnalyticsMetricsGrid_t7q7f_1936 {
  gap: 1px;
  overflow: hidden;
  padding: 0;
  border: 0;
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.065);
}

._customerDetailsMiniGrid_t7q7f_1656 ._customerFinanceCard_t7q7f_1959,
._customerDetailsMiniGrid_t7q7f_1656 ._customerMetricCard_t7q7f_1932 {
  min-height: 66px;
  border: 0;
  border-radius: 0;
  background: rgba(255, 255, 255, 0.025);
}

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

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

._customerAddressMetaLine_t7q7f_2613 {
  display: none;
}

._customerProfileMapTile_t7q7f_2403 {
  justify-content: flex-start;
  position: relative;
  padding: 0;
  height: 164px;
  overflow: hidden;
  border-radius: 0;
  background-color: rgb(35, 35, 37);
  border: none;
  box-sizing: border-box;
}

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

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

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

._customerScopeButton_t7q7f_2661 {
  border: 1px solid rgba(125, 181, 226, 0.3);
  background: rgba(125, 181, 226, 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_t7q7f_2642 {
    flex-direction: column;
  }

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

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

._customerScopeButton_t7q7f_2661:hover {
  background: rgba(125, 181, 226, 0.09);
  color: rgba(170, 213, 246, 0.98);
}

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

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

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

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

._customerProfileMapTile_t7q7f_2403 ._customerProfileLabel_t7q7f_2361 {
  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_t7q7f_2768 {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 14px;
  line-height: 18px;
  color: rgba(125, 181, 226, 0.96);
}

._customerProfileMapTile_t7q7f_2403 ._customerProfileAddressMeta_t7q7f_2768 {
  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);
}

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

._customerMapEmpty_t7q7f_2800 {
  padding: 30px 20px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

._customerMapEmpty_t7q7f_2800 ._customerMediaValue_t7q7f_1571 { font-size: 20px; line-height: 24px; }
._customerMapEmpty_t7q7f_2800 ._customerMediaMeta_t7q7f_1572 { max-width: 360px; }

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

._customerMapImageDark_t7q7f_2820 {
  display: block;
}

._customerMapImageLight_t7q7f_2824 {
  display: none;
}

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

._messageBody_t7q7f_2847 {
  -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_t7q7f_2862 {
  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_t7q7f_2872 {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 0 8px;

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

      ._messageBodyChevronRight_t7q7f_2882 {
        display: none;
      }

      ._messageBodyHeaderLeftInfoTitle_t7q7f_2886 {
        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_t7q7f_2882 {
            display: block;
          }
        }
      }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    }

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

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

  }

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

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

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

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

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

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

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

}

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

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

  &:focus {
    outline: none;
  }

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

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

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

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

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

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

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

      ._PaymentOverlayContentMainSectionBtnPrimary_t7q7f_3330 {
        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_t7q7f_3347 {
        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_t7q7f_3363 {
        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_t7q7f_3375 {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 10px;


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

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


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

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

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

        ._PaymentOverlayContentMainSectionValue_t7q7f_3307 {
          width: 80%;
        }
      }
    }

  }

}

._messageC1Body_t7q7f_3492 {
  -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_t7q7f_2862 {
    ._messageBodyHeaderLeft_t7q7f_2872 {
      ._messageBodyHeaderLeftInfo_t7q7f_2878 {
        ._messageBodyHeaderLeftInfoTitle_t7q7f_2886 {
          font-size: 17px;

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

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

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


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

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

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

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

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

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

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

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

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

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

        ._recentSalesInvoice_t7q7f_3690 {
          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_t7q7f_3701,
        ._recentSalesDate_t7q7f_3702 {
          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_t7q7f_3712 {
          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_t7q7f_3730 {
          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_t7q7f_3751 {
        background-color: transparent !important;
      }

    }

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

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

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

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

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

      }

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

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

    }

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

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

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

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

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

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

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

  }
}

._messageC2Body_t7q7f_3926 {
  -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_t7q7f_2862 {
    ._messageBodyHeaderLeft_t7q7f_2872 {
      ._messageBodyHeaderLeftInfo_t7q7f_2878 {
        ._messageBodyHeaderLeftInfoTitle_t7q7f_2886 {
          font-size: 17px;

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

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

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


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

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


        ._messageBodyContentHeadersItemTPDF_t7q7f_3994 {
          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_t7q7f_4008 {
          position: absolute;
          bottom: 5px;
          right: 5px;
          background-color: #03A9F4;
          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_t7q7f_4022 {
          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_t7q7f_4036 {
          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_t7q7f_3730 {
          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_t7q7f_3751 {
        background-color: transparent !important;
      }
    }

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

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

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

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

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

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

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

  }
}

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

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

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

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

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

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

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

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

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

._customerRecentSalesInvoice_t7q7f_4331 {
  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_t7q7f_4343,
._customerRecentSalesDate_t7q7f_4344 {
  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;
}

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

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

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

._customerRecentSalesContent_t7q7f_4200 ._messageBodyContentFooterSubAlt_t7q7f_3175 {
  display: flex;
  margin: 0 15px;
}

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

._customerCommerceGrid_t7q7f_4426 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(165px, 1fr));
  gap: 2px;
  width: 100%;
  min-height: 0;
  overflow: hidden;
}

._customerCommerceTile_t7q7f_4435 {
  position: relative;
  display: block;
  min-width: 0;
  min-height: 0;
  aspect-ratio: 1;
  padding: 14px;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: rgba(255, 255, 255, 0.055);
  color: rgba(255, 255, 255, 0.96);
  font: inherit;
  text-align: left;
  cursor: pointer;
  appearance: none;
  transition: background-color 140ms ease;
}

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

._customerCommerceTile_t7q7f_4435:focus { outline: 0; }
._customerCommerceTile_t7q7f_4435:focus-visible { box-shadow: inset 0 0 0 1px rgba(125,181,226,.55); }

._customerCommerceTile_t7q7f_4435:nth-child(even) { background: rgba(0, 0, 0, 0.055); }
._customerCommerceTile_t7q7f_4435:nth-child(even):hover { background: rgba(255, 255, 255, 0.075); }

._customerCommerceIcon_t7q7f_4464 {
  position: absolute;
  top: 12px;
  left: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  color: rgba(255, 255, 255, 0.72);
}

._customerCommerceIcon_t7q7f_4464 svg {
  width: 24px;
  height: 24px;
}

._customerCommercePaymentIcon_t7q7f_4481 {
  width: 25px;
  height: 25px;
  border-radius: 999px;
  color: #fff;
  background: rgb(0, 170, 0);
}

._customerCommerceAmount_t7q7f_4489 {
  position: absolute;
  top: 13px;
  right: 14px;
  max-width: calc(100% - 60px);
  overflow: hidden;
  color: inherit;
  font-size: 17px;
  font-weight: 500;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._customerCommerceMeta_t7q7f_4503 {
  position: absolute;
  right: 14px;
  bottom: 13px;
  left: 14px;
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: 2px;
}

._customerCommerceMeta_t7q7f_4503 strong,
._customerCommerceMeta_t7q7f_4503 span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._customerCommerceMeta_t7q7f_4503 strong {
  color: inherit;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.2;
}

._customerCommerceMeta_t7q7f_4503 span {
  color: rgba(255, 255, 255, 0.56);
  font-size: 12px;
  line-height: 1.25;
}

._customerCommerceMeta_t7q7f_4503 ._customerCommerceEyebrow_t7q7f_4534 {
  margin-bottom: 3px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.045em;
}

@media (prefers-color-scheme: light) {
  ._customerCommerceTile_t7q7f_4435 {
    border: 0;
    background: rgba(15, 23, 42, 0.055);
    color: #111827;
  }

  ._customerCommerceTile_t7q7f_4435:hover {
    background: rgba(15, 23, 42, 0.09);
  }

  ._customerCommerceTile_t7q7f_4435:nth-child(even) { background: rgba(15, 23, 42, 0.025); }
  ._customerCommerceTile_t7q7f_4435:nth-child(even):hover { background: rgba(15, 23, 42, 0.075); }

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

  ._customerCommercePaymentIcon_t7q7f_4481 {
    color: #fff;
  }

  ._customerCommerceMeta_t7q7f_4503 span {
    color: rgba(71, 85, 105, 0.76);
  }

  ._customerCommerceMeta_t7q7f_4503 ._customerCommerceEyebrow_t7q7f_4534 {
    color: rgba(51, 65, 85, 0.82);
  }
}

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

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

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

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

._messageViewLink_t7q7f_4593 a {
  color: #0e639c;
  text-decoration: underline;
}

._messageViewLink_t7q7f_4593 a:hover {
  color: #1177bb;
}

._warningContent_t7q7f_4608 {
  background: linear-gradient(135deg, #1e3a5f 0%, #2d5aa0 100%);
  border-radius: 12px;
  overflow: hidden;
  margin-top: 20px;
}

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

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

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

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

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

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

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



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

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

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

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

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

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

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

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

._messageItem_t7q7f_718[data-state='open'] {
  outline: 2px solid rgba(125, 181, 226, 0.92);
  outline-offset: -2px;
}

._contextMenu_t7q7f_4725 {
  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_t7q7f_1;
}

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

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

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

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

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

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

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

  svg {
    color: #7db5e2;
  }

  &:hover {
    background-color: rgba(125, 181, 226, 0.14);
  }

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

    &:hover {
      background-color: transparent;
    }
  }
}
._contextItemDanger_t7q7f_4798,
._contextItemDanger_t7q7f_4798 svg { color: rgb(255, 105, 97) !important; }

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

  80% {
    transform: scale(1.02);
  }

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

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



._hoverCardContent_t7q7f_4825 {
  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_t7q7f_1 0.2s ease;
}

._customerGroupHoverCard_t7q7f_4836 { width: 288px; padding: 0; overflow: hidden; border-radius: 11px; background: rgb(32,32,35); }
._customerFolderHoverCard_t7q7f_4837 { width: 276px; padding: 0; overflow: hidden; border-radius: 11px; background: rgb(32,32,35); }
._customerGroupHoverHeader_t7q7f_4838 { display: flex; align-items: center; gap: 10px; padding: 13px 14px 11px; }
._customerGroupHoverAvatar_t7q7f_4839 { width: 34px; height: 34px; flex: 0 0 34px; }
._customerGroupHoverHeader_t7q7f_4838 > div { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
._customerGroupHoverHeader_t7q7f_4838 strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: rgba(255,255,255,.92); font-size: 14px; font-weight: 500; }
._customerGroupHoverHeader_t7q7f_4838 span { color: rgba(255,255,255,.43); font-size: 10px; text-transform: uppercase; letter-spacing: .07em; }
._customerGroupHoverDescription_t7q7f_4843 { margin: 0; padding: 0 14px 12px; color: rgba(255,255,255,.55); font-size: 12px; line-height: 1.4; }
._customerGroupHoverStats_t7q7f_4844 { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); border-top: 1px solid rgba(120,120,128,.2); border-bottom: 1px solid rgba(120,120,128,.2); background: rgba(255,255,255,.025); }
._customerGroupHoverStats_t7q7f_4844 > div { display: flex; flex-direction: column; gap: 2px; padding: 10px 14px; }
._customerGroupHoverStats_t7q7f_4844 > div + div { border-left: 1px solid rgba(120,120,128,.2); }
._customerGroupHoverStats_t7q7f_4844 strong { color: rgba(255,255,255,.9); font-size: 17px; font-weight: 500; }
._customerGroupHoverStats_t7q7f_4844 span { color: rgba(255,255,255,.43); font-size: 10px; }
._customerGroupHoverPeople_t7q7f_4849 { display: flex; flex-direction: column; padding: 10px 14px 12px; }
._customerGroupHoverPeople_t7q7f_4849 > span { margin-bottom: 6px; color: rgba(255,255,255,.38); font-size: 9px; text-transform: uppercase; letter-spacing: .1em; }
._customerGroupHoverPeople_t7q7f_4849 > div { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-width: 0; padding: 3px 0; }
._customerGroupHoverPeople_t7q7f_4849 strong { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: rgba(255,255,255,.72); font-size: 11px; font-weight: 400; }
._customerGroupHoverPeople_t7q7f_4849 small { max-width: 58%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: rgba(255,255,255,.4); font-size: 9px; text-transform: none; }
._customerFolderHoverCount_t7q7f_4854 { display: flex; align-items: baseline; gap: 7px; padding: 10px 14px 12px; border-top: 1px solid rgba(120,120,128,.2); background: rgba(255,255,255,.025); }
._customerFolderHoverCount_t7q7f_4854 strong { color: rgba(255,255,255,.9); font-size: 17px; font-weight: 500; }
._customerFolderHoverCount_t7q7f_4854 span { color: rgba(255,255,255,.43); font-size: 10px; }

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

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

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

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

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

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

._avatarHoverRoot_t7q7f_4893 {
  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_t7q7f_4908 {
  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_t7q7f_4921 {
  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_t7q7f_1;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  ._sidebar_t7q7f_385 {
    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_t7q7f_577 {
    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_t7q7f_825,
  ._messageContentHeader_t7q7f_1194 {
    background: #ffffff;
    border-bottom: 1px solid transparent;
  }

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

  ._sidebarHeader_t7q7f_401 h2,
  ._foldersHeader_t7q7f_526 h3,
  ._headerTop_t7q7f_590 h2,
  ._sender_t7q7f_942,
  ._subject_t7q7f_998,
  ._messageBodyHeader_t7q7f_2862 ._messageBodyHeaderLeft_t7q7f_2872 ._messageBodyHeaderLeftInfo_t7q7f_2878 ._messageBodyHeaderLeftInfoTitle_t7q7f_2886,
  ._messageBodyContent_t7q7f_2967 ._messageBodyContentHeaders_t7q7f_2972 ._messageBodyContentHeadersSubTitle_t7q7f_2987,
  ._messageBodyContentFooterMainTitle_t7q7f_3194,
  ._messageBodyContentFooterMainSubTitle_t7q7f_3214,
  ._Text_t7q7f_4980 {
    color: #1f2937;
  }

  ._mailboxName_t7q7f_471 {
    color: #243043;
  }

  ._count_t7q7f_484,
  ._headerInfo_t7q7f_629,
  ._preview_t7q7f_1025,
  ._summaryLine_t7q7f_1015,
  ._customerListAddress_t7q7f_995,
  ._time_t7q7f_955,
  ._messageBodyHeader_t7q7f_2862 ._messageBodyHeaderRight_t7q7f_2934 ._messageBodyHeaderRightDate_t7q7f_2940,
  ._messageBodyHeader_t7q7f_2862 ._messageBodyHeaderLeft_t7q7f_2872 ._messageBodyHeaderLeftInfo_t7q7f_2878 ._messageBodyHeaderLeftInfoSubtitle_t7q7f_2907 span,
  ._messageBodyHeaderLeftInfoSubtitle_t7q7f_2907,
  ._messageBodyContent_t7q7f_2967 ._messageBodyContentHeaders_t7q7f_2972 ._messageBodyContentHeadersTitle_t7q7f_2981,
  ._messageBodyContentSeparator_t7q7f_3059 span,
  ._messageBodyContentFooterSubTitle_t7q7f_3159,
  ._messageBodyContentFooterSubSubTitle_t7q7f_3166,
  ._messageBodyContentFooterSubAltTitle_t7q7f_3179,
  ._Text_t7q7f_4980.faded {
    color: rgba(71, 85, 105, 0.88) !important;
  }

  ._mailboxItem_t7q7f_432:hover,
  ._messageBodyHeader_t7q7f_2862 ._messageBodyHeaderLeft_t7q7f_2872 ._messageBodyHeaderLeftInfo_t7q7f_2878 ._messageBodyHeaderLeftInfoTitle_t7q7f_2886:hover,
  ._messageBodyHeader_t7q7f_2862 ._messageBodyHeaderLeft_t7q7f_2872 ._messageBodyHeaderLeftInfo_t7q7f_2878 ._messageBodyHeaderLeftInfoSubtitle_t7q7f_2907 span:hover,
  ._messageBodyHeader_t7q7f_2862 ._messageBodyHeaderRight_t7q7f_2934 ._messageDetailsButton_t7q7f_2949:hover,
  ._contextItem_t7q7f_4768:hover {
    background-color: rgba(200, 200, 200, 0.35);
  }

  ._mailboxItem_t7q7f_432._active_t7q7f_452 {
    background: rgba(120, 120, 128, 0.1);
    color: rgba(0, 0, 0, 0.88);

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

  ._iconButton_t7q7f_613,
  ._messageBodyHeader_t7q7f_2862 ._messageBodyHeaderRight_t7q7f_2934 ._messageDetailsButton_t7q7f_2949,
  ._detailsButton_t7q7f_1502,
  ._messageViewLink_t7q7f_4593 a,
  ._contextItem_t7q7f_4768 svg,
  ._mailboxItem_t7q7f_432 svg {
    color: #7db5e2;
  }

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

  ._searchIcon_t7q7f_661,
  ._searchClearIcon_t7q7f_667 {
    color: #6b7280;
  }

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

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

  ._searchInput_t7q7f_681:focus {
    outline: 3px solid rgba(125, 181, 226, 0.3);
    border-color: rgba(125, 181, 226, 0.56);
    caret-color: #7db5e2;
  }

  ._topHits_t7q7f_702,
  ._messageBody_t7q7f_2847,
  ._messageC1Body_t7q7f_3492,
  ._messageC2Body_t7q7f_3926,
  ._messageC3Body_t7q7f_5166 {
    background: rgba(255, 255, 255, 0.985);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15);
  }

  ._messageBody_t7q7f_2847 {
    background: #ffffff;
  }

  ._topHits_t7q7f_702 ._topHitsLabel_t7q7f_709 {
    color: #1f2937;
  }

  ._messageItem_t7q7f_718._selected_t7q7f_722,
  ._topHits_t7q7f_702 ._messageItem_t7q7f_718._selected_t7q7f_722 {
    background: rgba(120, 120, 128, 0.15);
  }

  ._subject_t7q7f_998 {
    color: #111827;
  }

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

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

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

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

  ._messageBodyContentFooterMain_t7q7f_3187 ._messageBodyContentFooterMainTitle_t7q7f_3194 ._saleStateBadge_t7q7f_1052 {
    color: #ffffff !important;
    background-color: inherit;
  }

  ._messageBodyContentFooterMain_t7q7f_3187 ._messageBodyContentFooterMainTitle_t7q7f_3194 ._saleStateBadge_paid_t7q7f_1067 {
    background: rgb(0, 170, 0) !important;
  }

  ._messageBodyContentFooterMain_t7q7f_3187 ._messageBodyContentFooterMainTitle_t7q7f_3194 ._saleStateBadge_due_t7q7f_1071 {
    background: rgb(228, 43, 43) !important;
  }

  ._messageBodyContentFooterMain_t7q7f_3187 ._messageBodyContentFooterMainTitle_t7q7f_3194 ._saleStateBadge_partiallypaid_t7q7f_1075 {
    background: rgb(224, 166, 32) !important;
  }

  ._messageItem_t7q7f_718._selected_t7q7f_722 ._metaPill_t7q7f_1035,
  ._topHits_t7q7f_702 ._messageItem_t7q7f_718._selected_t7q7f_722 ._metaPill_t7q7f_1035 {
    background: rgba(100, 116, 139, 0.18);
    color: #0f172a;
  }

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

  ._confirmHeader_t7q7f_1105 p,
  ._confirmHint_t7q7f_1163 {
    color: rgba(71, 85, 105, 0.88);
  }

  ._customerLifecycleConfirmSummary_t7q7f_1171 { border-color: rgba(15,23,42,.1); background: rgba(15,23,42,.035); }
  ._customerLifecycleConfirmSummary_t7q7f_1171 span { color: rgba(51,65,85,.56); }
  ._customerLifecycleConfirmSummary_t7q7f_1171 strong { color: #1e293b; }

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

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

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

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

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

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

  ._unreadIndicator_t7q7f_1177,
  ._unreadDot_t7q7f_645 {
    background-color: #18a957;
  }

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


  ._lightIcon_t7q7f_904 {
    display: flex;
  }

  ._darkIcon_t7q7f_908 {
    display: none;
  }

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

  ._messageBodyContent_t7q7f_2967 ._messageBodyContentHeaders_t7q7f_2972 ._messageBodyContentHeadersItemL_t7q7f_2997,
  ._messageBodyContent_t7q7f_2967 ._messageBodyContentHeaders_t7q7f_2972 ._messageBodyContentHeadersItemS_t7q7f_3017,
  ._messageBodyContentSeparator_t7q7f_3059 span,
  ._messageBodyContentFooterMain_t7q7f_3187,
  ._messageBodyContentFooterSub_t7q7f_3155,
  ._messageBodyContentFooterSubAlt_t7q7f_3175 {
    background-color: rgba(241, 241, 241, 1) !important;
    color: #1f2937;
  }

  ._messageBodyContentFooterSubAlt_t7q7f_3175,
  ._messageBodyContentFooterSubTitle_t7q7f_3159,
  ._messageBodyContentFooterSubAltTitle_t7q7f_3179 {
    color: rgba(71, 85, 105, 0.84) !important;
    background-color: transparent !important;
  }

  ._messageC1Body_t7q7f_3492 ._messageBodyContent_t7q7f_2967 ._messageBodyContentSeparator_t7q7f_3059 span,
  ._messageC2Body_t7q7f_3926 ._messageBodyContent_t7q7f_2967 ._messageBodyContentSeparator_t7q7f_3059 span,
  ._messageC3Body_t7q7f_5166 ._messageBodyContent_t7q7f_2967 ._messageBodyContentSeparator_t7q7f_3059 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_t7q7f_3187,
  ._messageBodyContentItemDetailsTitle_t7q7f_3118,
  ._messageBodyContentItemTotalsAmount_t7q7f_3141,
  ._messageBodyContentFooterSubSubTitle_t7q7f_3166,
  ._messageBodyContentFooterMainTitle_t7q7f_3194,
  ._messageBodyContentFooterMainSubTitle_t7q7f_3214 {
    color: #1f2937 !important;
    background-color: transparent !important;
  }

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

  ._messageC1Body_t7q7f_3492 ._messageBodyContentFooter_t7q7f_3150 ._messageBodyContentFooterMain_t7q7f_3187 ._messageBodyContentFooterMainTitle_t7q7f_3194 span,
  ._messageC2Body_t7q7f_3926 ._messageBodyContentFooter_t7q7f_3150 ._messageBodyContentFooterMain_t7q7f_3187 ._messageBodyContentFooterMainTitle_t7q7f_3194 span,
  ._messageC3Body_t7q7f_5166 ._messageBodyContentFooter_t7q7f_3150 ._messageBodyContentFooterMain_t7q7f_3187 ._messageBodyContentFooterMainTitle_t7q7f_3194 span {
    padding: 0;
  }

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

  ._messageBodyContentFooterSub_t7q7f_3155,
  ._messageBodyContentFooterSubTitle_t7q7f_3159 {
    color: #1f2937 !important;
    background: transparent !important;
  }

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

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

  ._messageC1Body_t7q7f_3492 ._messageBodyContent_t7q7f_2967 ._messageBodyContentHeaders_t7q7f_2972 ._messageBodyContentHeadersItem_t7q7f_2997,
  ._messageC2Body_t7q7f_3926 ._messageBodyContent_t7q7f_2967 ._messageBodyContentHeaders_t7q7f_2972 ._messageBodyContentHeadersItem_t7q7f_2997 {
    background-color: rgba(241, 241, 241, 1);
  }

  ._messageC1Body_t7q7f_3492 ._messageBodyContent_t7q7f_2967 ._messageBodyContentHeaders_t7q7f_2972 ._messageBodyContentHeadersItem_t7q7f_2997:nth-child(even),
  ._messageC2Body_t7q7f_3926 ._messageBodyContent_t7q7f_2967 ._messageBodyContentHeaders_t7q7f_2972 ._messageBodyContentHeadersItem_t7q7f_2997:nth-child(even) {
    background-color: rgba(249, 249, 249, 1);
  }

  ._messageC1Body_t7q7f_3492 ._messageBodyContent_t7q7f_2967 ._messageBodyContentHeaders_t7q7f_2972 ._addDocumentButton_t7q7f_3751,
  ._messageC2Body_t7q7f_3926 ._messageBodyContent_t7q7f_2967 ._messageBodyContentHeaders_t7q7f_2972 ._addDocumentButton_t7q7f_3751 {
    background: transparent !important;
    border-radius: 18px;
  }

  ._messageC1Body_t7q7f_3492 ._messageBodyContent_t7q7f_2967 ._messageBodyContentHeaders_t7q7f_2972 ._messageBodyContentHeadersItemTADB_t7q7f_3730,
  ._messageC2Body_t7q7f_3926 ._messageBodyContent_t7q7f_2967 ._messageBodyContentHeaders_t7q7f_2972 ._messageBodyContentHeadersItemTADB_t7q7f_3730 {
    background: rgba(0, 0, 0, 0.075) !important;
    color: #1f2937;
  }

  ._messageC1Body_t7q7f_3492 ._messageBodyContent_t7q7f_2967 ._messageBodyContentHeaders_t7q7f_2972 ._messageBodyContentHeadersItemTPICON_t7q7f_3403,
  ._messageC2Body_t7q7f_3926 ._messageBodyContent_t7q7f_2967 ._messageBodyContentHeaders_t7q7f_2972 ._messageBodyContentHeadersItemTPICON_t7q7f_3403 {
    color: rgba(71, 85, 105, 0.82);
  }

  ._messageC1Body_t7q7f_3492 ._messageBodyContent_t7q7f_2967 ._messageBodyContentHeaders_t7q7f_2972 ._messageBodyContentHeadersItemTPICON_t7q7f_3403 svg,
  ._messageC2Body_t7q7f_3926 ._messageBodyContent_t7q7f_2967 ._messageBodyContentHeaders_t7q7f_2972 ._messageBodyContentHeadersItemTPICON_t7q7f_3403 svg {
    color: rgba(71, 85, 105, 0.82);
  }

  ._messageC1Body_t7q7f_3492 ._messageBodyContent_t7q7f_2967 ._messageBodyContentHeaders_t7q7f_2972 ._messageBodyContentHeadersItemTDT_t7q7f_3563,
  ._messageC2Body_t7q7f_3926 ._messageBodyContent_t7q7f_2967 ._messageBodyContentHeaders_t7q7f_2972 ._messageBodyContentHeadersItemTPDF_t7q7f_3994,
  ._messageC2Body_t7q7f_3926 ._messageBodyContent_t7q7f_2967 ._messageBodyContentHeaders_t7q7f_2972 ._messageBodyContentHeadersItemTPNG_t7q7f_4008,
  ._messageC2Body_t7q7f_3926 ._messageBodyContent_t7q7f_2967 ._messageBodyContentHeaders_t7q7f_2972 ._messageBodyContentHeadersItemTJPG_t7q7f_4022,
  ._messageC2Body_t7q7f_3926 ._messageBodyContent_t7q7f_2967 ._messageBodyContentHeaders_t7q7f_2972 ._messageBodyContentHeadersItemTXLS_t7q7f_4036 {
    box-shadow: 0 8px 18px rgba(148, 163, 184, 0.18);
  }

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

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

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

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

  ._PaymentOverlayContent_t7q7f_3235 ._PaymentOverlayContentMain_t7q7f_3281,
  ._PaymentOverlayContent_t7q7f_3235 ._PaymentOverlayContentMain_t7q7f_3281 ._PaymentOverlayContentMainTitle_t7q7f_3287,
  ._PaymentOverlayContent_t7q7f_3235 ._PaymentOverlayContentMain_t7q7f_3281 ._PaymentOverlayContentMainSectionTitle_t7q7f_3300,
  ._PaymentOverlayContent_t7q7f_3235 ._PaymentOverlayContentMain_t7q7f_3281 ._PaymentOverlayContentMainSectionValue_t7q7f_3307 {
    color: #1f2937 !important;
    border-color: rgba(189, 193, 198, 0.76) !important;
  }

  ._PaymentOverlayContent_t7q7f_3235 ._PaymentOverlayContentMain_t7q7f_3281 ._PaymentOverlayContentMainSectionBody_t7q7f_3363 {
    color: rgba(71, 85, 105, 0.88) !important;
  }

  ._PaymentOverlayContent_t7q7f_3235 ._PaymentOverlayContentMain_t7q7f_3281 ._PaymentOverlayContentMainSectionTable_t7q7f_3375 ._messageBodyContentHeadersItem_t7q7f_2997,
  ._PaymentOverlayContent_t7q7f_3235 ._PaymentOverlayContentMain_t7q7f_3281 ._PaymentOverlayContentMainSectionTable1_t7q7f_3422 ._messageBodyContentHeadersItem_t7q7f_2997 {
    background-color: rgba(241, 241, 241, 0.98) !important;
    border-color: rgba(189, 193, 198, 0.76) !important;
  }

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

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

  ._PaymentOverlayContent_t7q7f_3235 ._PaymentOverlayContentMain_t7q7f_3281 ._PaymentOverlayContentMainSectionBtnPrimary_t7q7f_3330 {
    background: #000 !important;
    color: #fff !important;
  }

  ._PaymentOverlayContent_t7q7f_3235 ._PaymentOverlayContentMain_t7q7f_3281 ._PaymentOverlayContentMainSectionBtnSecondary_t7q7f_3347 {
    background: rgba(231, 231, 231, 0.98) !important;
    color: #334155;
  }

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

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

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

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

  ._contextMenu_t7q7f_4725,
  ._hoverCardContent_t7q7f_4825,
  ._Content_t7q7f_4921 {
    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_t7q7f_4768[data-disabled] {
    color: #111827;
  }

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

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

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

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

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

  ._customerPaneTabButtonActive_t7q7f_1713 {
    background: rgba(255, 255, 255, 0.98);
    color: #0f172a;
    box-shadow: none;
  }

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

  ._customerMiniCard_t7q7f_1721,
  ._customerMetricCard_t7q7f_1932,
  ._customerFinanceCard_t7q7f_1959,
  ._customerScopeBlock_t7q7f_2215,
  ._customerNoteItem_t7q7f_1779,
  ._customerProfileStackCard_t7q7f_1756,
  ._customerHeatmapTile_t7q7f_1886,
  ._customerFinanceModalCard_t7q7f_2105,
  ._customerAgingItem_t7q7f_2025 {
    background: rgba(248, 250, 253, 0.98) !important;
    border-color: rgba(214, 223, 235, 0.9) !important;
    box-shadow: none !important;
  }

  ._customerProfileAddressTile_t7q7f_2402,
  ._customerProfileMapTile_t7q7f_2403 {
    background: rgba(255, 255, 255, 0.985) !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  ._customerHeatmapGrid_t7q7f_1870,
  ._customerProfileLocationSection_t7q7f_2376 {
    background: rgba(15, 23, 42, 0.09);
  }

  ._customerProfileOverviewCard_t7q7f_2494 ._customerHeatmapTile_t7q7f_1886,
  ._customerProfileAddressTile_t7q7f_2402,
  ._customerProfileMapTile_t7q7f_2403,
  ._customerRecordSectionHeading_t7q7f_2507 {
    background: rgb(248, 250, 253) !important;
  }

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

  ._customerRecordSectionHeading_t7q7f_2507 span {
    color: #0f172a;
  }

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

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

  ._customerAdditionalLocationCard_t7q7f_2390 strong { color: #0f172a; }
  ._customerAdditionalLocationCard_t7q7f_2390 > div span,
  ._customerAdditionalLocationCard_t7q7f_2390 > span { color: rgba(51, 65, 85, 0.7); }

  ._customerMiniCard_t7q7f_1721:hover,
  ._customerScopeBlock_t7q7f_2215:hover,
  ._customerNoteItem_t7q7f_1779:hover,
  ._customerProfileStackCard_t7q7f_1756:hover {
    background: rgba(242, 246, 252, 0.98) !important;
  }

  ._customerDetailsMiniGrid_t7q7f_1656 > ._customerMiniCard_t7q7f_1721:not(._customerProfileOverviewCard_t7q7f_2494),
  ._customerDetailsMiniGrid_t7q7f_1656 > ._customerMiniCard_t7q7f_1721:not(._customerProfileOverviewCard_t7q7f_2494):hover {
    background: rgb(248, 250, 253) !important;
    border: 0 !important;
  }

  ._customerDetailsMiniGrid_t7q7f_1656 > ._customerMiniCard_t7q7f_1721:not(._customerProfileOverviewCard_t7q7f_2494) > ._customerSectionEyebrow_t7q7f_1739 {
    color: #0f172a !important;
    border-bottom-color: rgba(15, 23, 42, 0.09);
  }

  ._customerDetailsMiniGrid_t7q7f_1656 ._customerNoteItem_t7q7f_1779 {
    background: transparent !important;
    border: 0 !important;
  }

  ._customerDetailsMiniGrid_t7q7f_1656 ._customerNoteItem_t7q7f_1779 + ._customerNoteItem_t7q7f_1779 {
    border-top: 1px solid rgba(15, 23, 42, 0.09) !important;
  }

  ._customerDetailsMiniGrid_t7q7f_1656 ._customerFinanceTopRow_t7q7f_1953,
  ._customerDetailsMiniGrid_t7q7f_1656 ._customerAnalyticsMetricsGrid_t7q7f_1936 {
    background: rgba(15, 23, 42, 0.09) !important;
  }

  ._customerDetailsMiniGrid_t7q7f_1656 ._customerFinanceCard_t7q7f_1959,
  ._customerDetailsMiniGrid_t7q7f_1656 ._customerMetricCard_t7q7f_1932 {
    background: rgb(248, 250, 253) !important;
    border: 0 !important;
  }

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

  ._customerSectionEyebrow_t7q7f_1739,
  ._customerMetricLabel_t7q7f_2159,
  ._customerProfileLabel_t7q7f_2361,
  ._customerAddressTitle_t7q7f_2462,
  ._customerScopeBlockTitle_t7q7f_2227,
  ._customerScopeTitle_t7q7f_2742 {
    color: rgba(71, 85, 105, 0.86) !important;
  }

  ._customerMetricValue_t7q7f_2166,
  ._customerProfileValue_t7q7f_2369,
  ._customerNoteTitle_t7q7f_1789,
  ._customerNoteBody_t7q7f_1796,
  ._customerInsightValue_t7q7f_2291,
  ._customerFinancePercent_t7q7f_1976,
  ._customerAgingItem_t7q7f_2025 strong {
    color: #0f172a !important;
  }

  ._customerHeaderMetaText_t7q7f_1825,
  ._customerHeaderMetaDot_t7q7f_1832,
  ._customerOverviewMetaItem_t7q7f_1819,
  ._customerAddressLine_t7q7f_2470,
  ._customerAnalyticsSummaryLabel_t7q7f_5646,
  ._customerQuickFact_t7q7f_2275 {
    color: rgba(51, 65, 85, 0.82) !important;
  }

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

  ._customerAddressShareButton_t7q7f_2439:hover {
    background: rgba(217, 230, 245, 0.92);
    color: #4a82b8;
  }

  ._customerAddressPill_t7q7f_2592,
  ._customerScopeTag_t7q7f_2235,
  ._customerScopeTagMuted_t7q7f_2236,
  ._customerScopeMore_t7q7f_2260,
  ._customerRecentSalesByPill_t7q7f_4355 {
    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_t7q7f_4304 {
    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_t7q7f_2314,
  ._customerStatusText_active_t7q7f_2321,
  ._customerStatusText_inactive_t7q7f_2325,
  ._customerStatusText_warning_t7q7f_2329 {
    color: #1f2937 !important;
    font-weight: 400 !important;
  }

  ._customerFinanceCockpit_t7q7f_1946,
  ._customerFinanceTopRow_t7q7f_1953,
  ._customerMetricsGrid_t7q7f_1922,
  ._customerAnalyticsMetricsGrid_t7q7f_1936,
  ._customerScopeDualBlocks_t7q7f_2205 {
    background: transparent !important;
  }

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

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

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

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

  ._customerRecentSalesAddTile_t7q7f_4377 {
    background: transparent !important;
  }

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

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

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

  ._customerRecentSalesBody_t7q7f_4184 {
    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_t7q7f_4261,
  ._customerRecentSalesInvoice_t7q7f_4331 {
    color: #0f172a !important;
  }

  ._customerRecentSalesOrder_t7q7f_4343,
  ._customerRecentSalesDate_t7q7f_4344,
  ._customerDetailsLastEditText_t7q7f_4578 {
    color: rgba(71, 85, 105, 0.84) !important;
  }

  ._customerRecentSalesContent_t7q7f_4200 ._messageBodyContentFooter_t7q7f_3150,
  ._customerDetailsLastEditRow_t7q7f_4573 {
    border-top-color: rgba(214, 223, 235, 0.92) !important;
  }

  ._customerMapImageDark_t7q7f_2820 {
    display: none;
  }

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

  ._customerProfileMapTile_t7q7f_2403 ._customerProfileLabel_t7q7f_2361 {
    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_t7q7f_2403 ._customerProfileAddressMeta_t7q7f_2768 {
    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;
  }

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

  ._customerPaymentMethodLabel_t7q7f_5780 {
    color: rgba(30, 41, 59, 0.85) !important;
  }
}

._customerSettingsInput_t7q7f_5774 {
  width: 220px;
  min-width: 220px;
  max-width: 220px;
  height: 34px;
  min-height: 34px;
  margin: 0;
  padding: 6px 10px;
  border-radius: 8px;
  border: 0;
  background: rgba(255, 255, 255, 0.06);
  color: rgba(255, 255, 255, 0.68);
  font: inherit;
  font-size: 14px;
  font-weight: 400;
  text-align: right;
  outline: none;
  box-sizing: border-box;
}

select._customerSettingsInput_t7q7f_5774 {
  padding-right: 30px;
  line-height: 20px;
  cursor: pointer;
}

._customerSettingsInput_t7q7f_5774:focus {
  background: rgba(255, 255, 255, 0.1);
}

._customerSettingsInput_t7q7f_5774[type="number"] {
  -moz-appearance: textfield;
}

._customerSettingsInput_t7q7f_5774[type="number"]::-webkit-inner-spin-button,
._customerSettingsInput_t7q7f_5774[type="number"]::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

._customerSettingsPanel_t7q7f_5825 {
  padding: 0 !important;
  overflow: hidden;
}

._customerSettingsRows_t7q7f_5830 {
  display: flex;
  flex-direction: column;
}

._customerSettingsRow_t7q7f_5830 {
  position: relative;
  min-height: 62px;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  box-sizing: border-box;
  transition: background-color 140ms ease;
}

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

._customerSettingsRow_t7q7f_5830:hover {
  background: rgba(255, 255, 255, 0.025);
}

._customerSettingsRowCopy_t7q7f_5855 {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

._customerSettingsRowCopy_t7q7f_5855 strong {
  color: rgba(255, 255, 255, 0.92);
  font-size: 14px;
  line-height: 17px;
  font-weight: 400;
}

._customerSettingsRowCopy_t7q7f_5855 small {
  color: rgba(255, 255, 255, 0.42);
  font-size: 12px;
  line-height: 15px;
  font-weight: 400;
}

._customerPaymentMethodsGrid_t7q7f_5876 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
  margin: 0;
}

._customerPaymentMethodLabel_t7q7f_5780 {
  min-height: 30px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 0;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.055);
  font-size: 13px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.66);
  cursor: pointer;
}

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

._customerPaymentMethodLabel_t7q7f_5780:has(input:checked) {
  background: rgba(125, 181, 226, 0.16);
  color: #8bc2ed;
}

._customerPaymentMethodLabel_t7q7f_5780 input[type="checkbox"] {
  width: 14px;
  height: 14px;
  margin: 0;
  accent-color: #60a5fa;
}

._customerPaymentMethodIcon_t7q7f_5915 {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  color: currentColor;
}

._customerSettingsFooter_t7q7f_5922 {
  min-height: 54px;
  padding: 8px 12px 8px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.065);
}

._customerSettingsFooter_t7q7f_5922 > span {
  color: rgba(255, 255, 255, 0.38);
  font-size: 12px;
  font-weight: 400;
}

._customerSettingsSaveButton_t7q7f_5938 {
  min-height: 34px;
  padding: 0 14px;
  border: 0;
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.94);
  color: rgba(20, 20, 22, 0.96);
  font: inherit;
  font-size: 13px;
  font-weight: 400;
  cursor: pointer;
}

._customerSettingsSaveButton_t7q7f_5938:hover:not(:disabled) {
  background: #fff;
}

._customerSettingsSaveButton_t7q7f_5938:disabled {
  opacity: 0.5;
  cursor: default;
}

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

  ._customerSettingsRow_t7q7f_5830,
  ._customerSettingsMethodsRow_t7q7f_5967 {
    align-items: stretch;
    flex-direction: column;
    gap: 9px;
  }

  ._customerSettingsInput_t7q7f_5774 {
    width: 100%;
    max-width: none;
    text-align: left;
  }

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

@media (prefers-color-scheme: light) {
  ._customerSettingsPanel_t7q7f_5825 {
    background: rgb(248, 250, 253) !important;
  }

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

  ._customerSettingsRow_t7q7f_5830:hover {
    background: rgba(15, 23, 42, 0.025);
  }

  ._customerSettingsRowCopy_t7q7f_5855 strong { color: #0f172a; }
  ._customerSettingsRowCopy_t7q7f_5855 small,
  ._customerSettingsFooter_t7q7f_5922 > span { color: rgba(51, 65, 85, 0.58); }

  ._customerSettingsInput_t7q7f_5774 {
    border: 0 !important;
    background: rgba(15, 23, 42, 0.055) !important;
    color: rgba(51, 65, 85, 0.82) !important;
  }

  ._customerSettingsInput_t7q7f_5774:focus {
    background: rgba(15, 23, 42, 0.09) !important;
  }

  ._customerPaymentMethodLabel_t7q7f_5780 {
    background: rgba(15, 23, 42, 0.055);
    color: rgba(51, 65, 85, 0.78) !important;
  }

  ._customerPaymentMethodLabel_t7q7f_5780:hover { background: rgba(15, 23, 42, 0.085); }
  ._customerPaymentMethodLabel_t7q7f_5780:has(input:checked) {
    background: rgba(91, 143, 193, 0.14);
    color: #4a82b8 !important;
  }

  ._customerSettingsSaveButton_t7q7f_5938 {
    background: rgb(30, 30, 32);
    color: #fff;
  }

  ._customerSettingsSaveButton_t7q7f_5938:hover:not(:disabled) { background: #000; }
}

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

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

._overlayFormSectionHeader_t7q7f_6044 { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
._overlayFormSectionEyebrow_t7q7f_6045 { margin: 0; font-size: 10px; line-height: 1.2; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.42); }
._overlayFormSectionTitle_t7q7f_6046 { margin: 0; font-size: 14px; line-height: 1.3; font-weight: 500; color: rgba(255,255,255,0.95); }
._overlayFormSectionBody_t7q7f_6047 { margin: 0; max-width: 760px; font-size: 12px; line-height: 1.55; color: rgba(255,255,255,0.64); }

._overlayFormGrid_t7q7f_6049 { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; }
._overlayFieldFlex_t7q7f_6050 { min-width: 0; display: flex; flex-direction: column; gap: 6px; }
._overlayFieldFlexFull_t7q7f_6051 { grid-column: 1 / -1; }
._overlayFieldLabel_t7q7f_1363 { margin: 0; font-size: 14px; font-weight: 500; color: rgba(255,255,255,0.92); }

._overlayDraftInput_t7q7f_6054 {
  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; font: inherit;
  transition: border-color 140ms ease, background-color 140ms ease;
}
._overlayDraftInput_t7q7f_6054:focus { border-color: rgba(160,160,168,0.5); background: rgba(255,255,255,0.062); }

._overlayCheckboxLabel_t7q7f_6064 { display: flex; align-items: center; gap: 8px; cursor: pointer; font-size: 13px; color: rgba(255,255,255,0.88); }
._overlayCheckboxLabel_t7q7f_6064 input { width: 16px; height: 16px; accent-color: rgb(0,136,230); }

._overlayReviewGrid_t7q7f_6067 { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
._overlayReviewCard_t7q7f_6068 { 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_t7q7f_6068 span { color: rgba(255,255,255,0.42); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; }
._overlayReviewCard_t7q7f_6068 strong { font-size: 15px; font-weight: 500; }
._overlayReviewCard_t7q7f_6068 small { color: rgba(255,255,255,0.52); line-height: 1.4; }

._overlayTeamMembersWrap_t7q7f_150 { display: flex; flex-direction: column; gap: 10px; }
._overlayTeamMemberRow_t7q7f_6074 { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(120px,.65fr) 32px; gap: 10px; align-items: end; }
._enterpriseMemberPicker_t7q7f_6075 { position: relative; min-width: 0; }
._enterpriseMemberPickerTrigger_t7q7f_6076 { width: 100%; height: 38px; display: flex; align-items: center; gap: 8px; min-width: 0; padding: 0 10px; border: 0; border-radius: 8px; outline: none !important; box-shadow: none !important; background: rgba(255,255,255,.06); color: rgba(255,255,255,.9); font: inherit; cursor: pointer; }
._enterpriseMemberPickerTrigger_t7q7f_6076:focus,._enterpriseMemberPickerTrigger_t7q7f_6076:focus-visible { outline: none !important; box-shadow: none !important; background: rgba(255,255,255,.1); }
._enterpriseMemberPickerTrigger_t7q7f_6076 > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; }
._enterpriseMemberPickerTrigger_t7q7f_6076 > svg { margin-left: auto; flex: 0 0 auto; color: rgba(255,255,255,.45); }
._enterpriseMemberPickerPlaceholder_t7q7f_6080 { color: rgba(255,255,255,.42); }
._enterpriseMemberPickerAvatar_t7q7f_6081 { width: 26px; height: 26px; flex: 0 0 26px; overflow: hidden; border-radius: 50%; }
._enterpriseMemberPickerAvatar_t7q7f_6081 ._avatarFallback_t7q7f_180 { border-radius: 50%; font-size: 10px; }
._enterpriseMemberPickerMenu_t7q7f_6083 { position: absolute; z-index: 40; top: calc(100% + 6px); left: 0; right: 0; max-height: 244px; overflow: auto; padding: 5px; border: 1px solid rgba(120,120,128,.28); border-radius: 9px; background: rgb(38,38,41); box-shadow: 0 14px 34px rgba(0,0,0,.34); }
._enterpriseMemberPickerMenu_t7q7f_6083 > button { width: 100%; display: flex; align-items: center; gap: 9px; padding: 8px; border: 0; border-radius: 7px; background: transparent; color: inherit; font: inherit; cursor: pointer; text-align: left; }
._enterpriseMemberPickerMenu_t7q7f_6083 > button:hover { background: rgba(255,255,255,.07); }
._enterpriseMemberPickerMenu_t7q7f_6083 > button > span { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
._enterpriseMemberPickerMenu_t7q7f_6083 strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: rgba(255,255,255,.88); font-size: 12px; font-weight: 500; }
._enterpriseMemberPickerMenu_t7q7f_6083 small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: rgba(255,255,255,.45); font-size: 10px; }
._enterpriseMemberPickerMenu_t7q7f_6083 > p { margin: 0; padding: 12px 10px; color: rgba(255,255,255,.48); font-size: 11px; line-height: 1.4; }
._enterpriseMemberRoleSelect_t7q7f_6090 { border: 0 !important; outline: none !important; box-shadow: none !important; background: rgba(255,255,255,.06) !important; color: rgba(255,255,255,.68); }
._enterpriseMemberRoleSelect_t7q7f_6090:focus,._enterpriseMemberRoleSelect_t7q7f_6090:focus-visible,._enterpriseMemberSearchInput_t7q7f_6091:focus,._enterpriseMemberSearchInput_t7q7f_6091:focus-visible { border-color: transparent !important; outline: none !important; box-shadow: none !important; background: rgba(255,255,255,.1) !important; }
._overlayTeamMemberRemove_t7q7f_6092 { width: 32px; height: 38px; box-sizing: border-box; align-self: end; justify-self: center; display: grid; place-items: center; padding: 0; border: 0; border-radius: 8px; outline: none !important; box-shadow: none !important; background: transparent; color: rgba(255,105,97,.62); line-height: 0; cursor: pointer; }
._overlayTeamMemberRemove_t7q7f_6092 svg { display: block; margin: auto; }
._overlayTeamMemberRemove_t7q7f_6092:hover { color: rgb(255,105,97); background: rgba(255,105,97,.08); }
._overlayTeamMemberRemove_t7q7f_6092:focus,._overlayTeamMemberRemove_t7q7f_6092:focus-visible { outline: none !important; box-shadow: none !important; background: rgba(255,105,97,.08); }
._overlayTeamMemberRemove_t7q7f_6092:disabled { opacity: 0.3; cursor: default; }
._overlayTeamMemberAdd_t7q7f_6097 { 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_t7q7f_6097:hover { color: rgba(255,255,255,0.85); border-color: rgba(255,255,255,0.25); }

@media (prefers-color-scheme: light) {
  ._overlayFormSection_t7q7f_6033 { border-color: rgba(0,0,0,0.1); background: rgba(0,0,0,0.025); }
  ._overlayFormSectionEyebrow_t7q7f_6045 { color: rgba(30,41,59,0.45); }
  ._overlayFormSectionTitle_t7q7f_6046 { color: rgba(30,41,59,0.95); }
  ._overlayFormSectionBody_t7q7f_6047 { color: rgba(30,41,59,0.58); }
  ._overlayFieldLabel_t7q7f_1363 { color: rgba(30,41,59,0.9); }
  ._overlayDraftInput_t7q7f_6054 { border-color: rgba(0,0,0,0.15); background: rgba(0,0,0,0.03); color: rgba(30,41,59,0.92); }
  ._overlayDraftInput_t7q7f_6054:focus { border-color: rgba(0,122,255,0.5); background: rgba(0,0,0,0.02); }
  ._overlayCheckboxLabel_t7q7f_6064 { color: rgba(30,41,59,0.88); }
  ._overlayReviewCard_t7q7f_6068 { border-color: rgba(0,0,0,0.08); background: rgba(0,0,0,0.025); }
  ._overlayReviewCard_t7q7f_6068 span { color: rgba(30,41,59,0.42); }
  ._overlayReviewCard_t7q7f_6068 strong { color: rgb(30,41,59); }
  ._overlayReviewCard_t7q7f_6068 small { color: rgba(30,41,59,0.52); }
  ._overlayTeamMemberRemove_t7q7f_6092 { background: transparent; color: rgba(205,48,39,.65); }
  ._overlayTeamMemberAdd_t7q7f_6097 { border-color: rgba(0,0,0,0.12); color: rgba(30,41,59,0.55); }
  ._enterpriseMemberPickerTrigger_t7q7f_6076 { background: rgba(15,23,42,.055); color: rgb(30,41,59); }
  ._enterpriseMemberPickerTrigger_t7q7f_6076:focus,._enterpriseMemberPickerTrigger_t7q7f_6076:focus-visible { background: rgba(15,23,42,.085); }
  ._enterpriseMemberRoleSelect_t7q7f_6090 { background: rgba(15,23,42,.055) !important; color: rgba(30,41,59,.7); }
  ._enterpriseMemberRoleSelect_t7q7f_6090:focus,._enterpriseMemberRoleSelect_t7q7f_6090:focus-visible,._enterpriseMemberSearchInput_t7q7f_6091:focus,._enterpriseMemberSearchInput_t7q7f_6091:focus-visible { background: rgba(15,23,42,.085) !important; }
  ._enterpriseMemberPickerTrigger_t7q7f_6076 > svg,._enterpriseMemberPickerPlaceholder_t7q7f_6080 { color: rgba(30,41,59,.48); }
  ._enterpriseMemberPickerMenu_t7q7f_6083 { border-color: rgba(15,23,42,.14); background: #fff; box-shadow: 0 14px 34px rgba(15,23,42,.16); }
  ._enterpriseMemberPickerMenu_t7q7f_6083 > button:hover { background: rgba(15,23,42,.055); }
  ._enterpriseMemberPickerMenu_t7q7f_6083 strong { color: #1e293b; }
  ._enterpriseMemberPickerMenu_t7q7f_6083 small,._enterpriseMemberPickerMenu_t7q7f_6083 > p { color: rgba(51,65,85,.58); }
}

@media (prefers-color-scheme: light) {
  ._customerGroupEditModal_t7q7f_134 { color: #172033; background: #fff; }
  ._customerGroupEditHeader_t7q7f_135,._customerGroupEditFooter_t7q7f_151 { border-color: rgba(15,23,42,.1); }
  ._customerGroupEditHeader_t7q7f_135 p,._customerGroupEditSectionHeader_t7q7f_143 small,._customerGroupEditField_t7q7f_146 > span { color: rgba(51,65,85,.58); }
  ._customerGroupEditHeader_t7q7f_135 > button { color: rgba(30,41,59,.7); }
  ._customerGroupEditHeader_t7q7f_135 > button:hover { background: rgba(15,23,42,.055); }
  ._customerGroupEditSection_t7q7f_142 { background: rgba(15,23,42,.04); }
  ._customerGroupEditSectionHeader_t7q7f_143 span { color: #334155; }
  ._customerGroupEditField_t7q7f_146 { border-color: rgba(15,23,42,.09); }
  ._customerGroupEditField_t7q7f_146 input { color: #334155; background: rgba(15,23,42,.055); }
  ._customerGroupEditField_t7q7f_146 input:focus,._customerGroupEditField_t7q7f_146 input:focus-visible { background: rgba(15,23,42,.085); }
  ._customerGroupEditFooter_t7q7f_151 button { color: #334155; background: rgba(15,23,42,.055); }
  ._customerGroupEditFooter_t7q7f_151 ._customerDirectoryPrimary_t7q7f_102 { color: #fff; background: rgb(30,30,32); }
  ._customerGroupHoverCard_t7q7f_4836,._customerFolderHoverCard_t7q7f_4837 { border-color: rgba(15,23,42,.12); background: #fff; }
  ._customerGroupHoverHeader_t7q7f_4838 strong { color: #172033; }
  ._customerGroupHoverHeader_t7q7f_4838 span,
  ._customerGroupHoverDescription_t7q7f_4843,
  ._customerGroupHoverStats_t7q7f_4844 span,
  ._customerGroupHoverPeople_t7q7f_4849 > span,
  ._customerGroupHoverPeople_t7q7f_4849 small { color: rgba(51,65,85,.58); }
  ._customerGroupHoverStats_t7q7f_4844 { border-color: rgba(15,23,42,.1); background: rgba(15,23,42,.025); }
  ._customerGroupHoverStats_t7q7f_4844 > div + div { border-color: rgba(15,23,42,.1); }
  ._customerGroupHoverStats_t7q7f_4844 strong,
  ._customerGroupHoverPeople_t7q7f_4849 strong { color: #334155; }
  ._customerFolderHoverCount_t7q7f_4854 { border-color: rgba(15,23,42,.1); background: rgba(15,23,42,.025); }
  ._customerFolderHoverCount_t7q7f_4854 strong { color: #334155; }
  ._customerFolderHoverCount_t7q7f_4854 span { color: rgba(51,65,85,.58); }
  ._customerGroupDetailsModal_t7q7f_159 ._customerDirectoryMainHeader_t7q7f_51 p,
  ._customerGroupDetailSummary_t7q7f_164 span,
  ._customerGroupDetailSummary_t7q7f_164 small,
  ._customerGroupDetailBlockHeader_t7q7f_171 span,
  ._customerGroupDetailBlockHeader_t7q7f_171 small,
  ._customerGroupWorkforceItem_t7q7f_177 > div span,
  ._customerGroupWorkforceItem_t7q7f_177 > small,
  ._customerGroupWorkforceEmpty_t7q7f_185 { color: rgba(51,65,85,.58); }
  ._customerGroupDetailSummary_t7q7f_164,
  ._customerGroupDetailBlock_t7q7f_170 { background: rgba(15,23,42,.04); }
  ._customerGroupDetailSummary_t7q7f_164 > div + div,
  ._customerGroupWorkforceList_t7q7f_176,
  ._customerGroupWorkforceItem_t7q7f_177 + ._customerGroupWorkforceItem_t7q7f_177 { border-color: rgba(15,23,42,.1); }
  ._customerGroupDetailSummary_t7q7f_164 strong,
  ._customerGroupDetailBlockHeader_t7q7f_171 strong,
  ._customerGroupWorkforceItem_t7q7f_177 strong { color: #1e293b; }
  ._customerGroupDeleteModal_t7q7f_189 { color: #172033; background: #fff; }
  ._customerGroupDeleteHeader_t7q7f_190,
  ._customerGroupDeleteFooter_t7q7f_198 { border-color: rgba(15,23,42,.12); }
  ._customerGroupDeleteHeader_t7q7f_190 p,
  ._customerGroupDeleteBody_t7q7f_195 > p { color: rgba(51,65,85,.65); }
  ._customerGroupDeleteHeader_t7q7f_190 > button { color: #475569; }
  ._customerGroupDeleteFooter_t7q7f_198 button { color: #334155; background: rgba(15,23,42,.055); }
  ._customerGroupDeleteFooter_t7q7f_198 ._customerGroupDeleteConfirm_t7q7f_200 { color: #fff; background: rgb(205,48,39); }
}
@font-face {
  font-family: 'NeueHaasDisplay';
  src: url('/assets/NeueHaasDisplayBlack-CJPa0fTE.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'NeueHaasDisplay';
  src: url('/assets/NeueHaasDisplayBlackItalic-B-bpqL3c.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: 'NeueHaasDisplay';
  src: url('/assets/NeueHaasDisplayBold-BP6G_pDf.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'NeueHaasDisplay';
  src: url('/assets/NeueHaasDisplayBoldItalic-BNnmyWvS.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'NeueHaasDisplay';
  src: url('/assets/NeueHaasDisplayLight-0AWf-xRh.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'NeueHaasDisplay';
  src: url('/assets/NeueHaasDisplayLightItalic-BsSMOA0Q.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'NeueHaasDisplay';
  src: url('/assets/NeueHaasDisplayMedium-D3hlmfAS.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'NeueHaasDisplay';
  src: url('/assets/NeueHaasDisplayMediumItalic-BqsTF5-l.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'NeueHaasDisplay';
  src: url('/assets/NeueHaasDisplayRoman-A6ipJltx.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'NeueHaasDisplay';
  src: url('/assets/NeueHaasDisplayRomanItalic-CSGtv2-a.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'NeueHaasDisplay';
  src: url('/assets/NeueHaasDisplayThin-PECffUDD.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'NeueHaasDisplay';
  src: url('/assets/NeueHaasDisplayThinItalic-CwGV46yN.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
}


@font-face {
  font-family: 'NeueHaasDisplay';
  src: url('/assets/NeueHaasDisplayXThin-C4dWMoTc.ttf') format('truetype');
  font-weight: 50;
  font-style: normal;
}

@font-face {
  font-family: 'NeueHaasDisplay';
  src: url('/assets/NeueHaasDisplayXThinItalic-CvysK3ef.ttf') format('truetype');
  font-weight: 50;
  font-style: italic;
}

@font-face {
  font-family: 'NeueHaasDisplay';
  src: url('/assets/NeueHaasDisplayXXThin-Co6Ee8-s.ttf') format('truetype');
  font-weight: 1;
  font-style: normal;
}

@font-face {
  font-family: 'NeueHaasDisplay';
  src: url('/assets/NeueHaasDisplayXXThinItalic-6Ac920_A.ttf') format('truetype');
  font-weight: 1;
  font-style: italic;
}


:root {
  font-family: 'NeueHaasDisplay';
  line-height: 1.5;
  font-weight: 400;

  color-scheme: light dark;
  color: rgba(255, 255, 255, 0.87);
  background-color: #242424;

  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body{
  margin: 0;
}
/* Container */
._container_4fi58_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_4fi58_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_4fi58_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_4fi58_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_4fi58_70 {
    display: flex;
}


._mainIcon_4fi58_75 {
    width: 20px;
    height: 20px;
    color: white;
}

._titleSection_4fi58_81 {
    display: flex;
    flex-direction: column;
}

._title_4fi58_81 {
    font-size: 21px;
    font-weight: 500;
    color: #111827;
    margin: 0;
}

._subtitle_4fi58_93 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    margin-top: 0.25rem;
}

._inboxIcon_4fi58_101 {
    width: 19px;
    height: 19px;
    background-color: #959595;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

._smallIcon_4fi58_111 {
    width: 12px;
    height: 12px;
    color: white;
}

._subtitleText_4fi58_117 {
    color: #6b7280;
    font-size: 14px;
}

._composeButton_4fi58_122 {
    width: 3rem;
    height: 3rem;
    background-color: #3b82f6;
    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_4fi58_122:hover {
    background-color: #2563eb;
}

._buttonIcon_4fi58_140 {
    width: 1.5rem;
    height: 1.5rem;
    color: white;
}

._body_4fi58_146 {
    display: flex;
    flex-direction: column;
    height: 77.5%;
    width: 100%;
    max-height: calc(100% - 80px);
    background-color: white;
}

/* Email Grid */
._emailGrid_4fi58_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_4fi58_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_4fi58_223 {
    width: 0.625rem;
    height: 0.625rem;
    border-radius: 50%;
    flex-shrink: 0;
    background-color: transparent;
}

._unreadDotActive_4fi58_231 {
    background-color: #3b82f6;
}

._emailContent_4fi58_235 {
    flex: 1;
    min-width: 0;
}

._emailHeader_4fi58_240 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.125rem;
}

._senderName_4fi58_247 {
    color: #111827;
    font-size: 0.875rem;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
}

._senderName_4fi58_247._unread_4fi58_223 {
    font-weight: 400;
}

._timestamp_4fi58_261 {
    color: #9ca3af;
    font-size: 0.75rem;
    flex-shrink: 0;
    margin-left: 0.5rem;
}

._subject_4fi58_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_4fi58_279 {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

._noElementsMessage_4fi58_287 {
    color: #6b7280;
    font-size: 17px;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
}

._bottomActions_4fi58_297 {
    display: flex;
    justify-content: space-between;
    padding: 0 0.875rem 0.875rem 0.875rem;

    ._bottomButton_4fi58_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_4fi58_320 {
            width: 1.35rem;
            height: 1.35rem;
            color: #000;
        }

        ._settingsButton_4fi58_326 {
            width: 1.35rem;
            height: 1.35rem;
            color: #707070;
        }
    }

}

@media (prefers-color-scheme: dark) {

    ._lightIcon_4fi58_70 {
        display: none;
    }

    ._darkIcon_4fi58_341 {
        display: flex;
    }

    ._container_4fi58_2 {
        box-shadow: 17px 20px 40px rgba(0, 0, 0, 0.65) !important;
    }

    ._header_4fi58_23 {
        background: rgba(56, 56, 61, 0.6);
    }

    ._headerContent_4fi58_34 {

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

    ._title_4fi58_81 {
        color: rgba(255, 255, 255, 0.98);
    }

    ._subtitleText_4fi58_117 {
        color: rgba(255, 255, 255, 0.66);
    }

    ._body_4fi58_146 {
        background-color: rgba(0, 0, 0, 0.75);
    }

    ._emailGrid_4fi58_156 {
        &::before {
            background-color: rgba(255, 255, 255, 0.165);
        }
    }

    ._emailItem_4fi58_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_4fi58_247 {
        color: #ffffff;
    }

    ._timestamp_4fi58_261 {
        color: rgba(255, 255, 255, 0.66);
    }

    ._subject_4fi58_268 {
        color: rgba(255, 255, 255, 0.66);
    }

    ._noElementsMessage_4fi58_287 {
        color: rgba(255, 255, 255, 0.66);
    }

    ._bottomActions_4fi58_297 {
        ._bottomButton_4fi58_302 {

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

            &:active {
                background-color: rgba(255, 255, 255, 0.2);
            }

            ._moreButton_4fi58_320 {
                color: #ffffff;
            }

            ._settingsButton_4fi58_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;
}