/* Layout.module.css */

/* Accent color aligned with customers logo palette */

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

._customerDirectoryModal_10a06_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_10a06_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_10a06_34 { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 8px !important; background: rgba(255,255,255,0.055) !important; }
._customerDirectorySidebarHeading_10a06_35 { margin: 18px 8px 12px; color: rgba(255,255,255,.52); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; }
._customerDirectorySidebarNav_10a06_36 { display: flex; flex-direction: column; gap: 6px; }
._customerDirectorySidebarItem_10a06_37,
._customerDirectorySidebarItemActive_10a06_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_10a06_37:hover { background: rgba(255,255,255,.06); }
._customerDirectorySidebarItemActive_10a06_38 { color: #fff; border-color: rgba(0,122,255,.35); background: rgba(0,122,255,.16); }
._customerDirectorySidebarItem_10a06_37 span,
._customerDirectorySidebarItemActive_10a06_38 span { display: flex; flex-direction: column; gap: 3px; }
._customerDirectorySidebarItem_10a06_37 strong,
._customerDirectorySidebarItemActive_10a06_38 strong { font-size: 14px; font-weight: 500; }
._customerDirectorySidebarItem_10a06_37 small,
._customerDirectorySidebarItemActive_10a06_38 small { color: rgba(255,255,255,.46); font-size: 11px; line-height: 1.3; }
._customerDirectorySidebarContext_10a06_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_10a06_47 span { color: rgba(255,255,255,.44); font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }
._customerDirectorySidebarContext_10a06_47 strong { overflow: hidden; text-overflow: ellipsis; color: rgba(255,255,255,.82); font-size: 12px; font-weight: 500; }
._customerDirectoryMain_10a06_50 { min-width: 0; flex: 1; display: flex; flex-direction: column; }
._customerDirectoryMainHeader_10a06_51 { padding: 20px 24px 14px; border-bottom: 1px solid rgba(255,255,255,.08); }
._customerDirectoryMainHeader_10a06_51 h3 { margin: 0 0 4px; font-size: 18px; font-weight: 500; }
._customerDirectoryMainHeader_10a06_51 span { color: rgba(255,255,255,.5); font-size: 12px; }

._customerDirectoryModal_10a06_16 ._customerFinanceModalHeader_10a06_55 { padding: 22px 24px 18px; }
._customerDirectoryModal_10a06_16 ._customerFinanceModalHeader_10a06_55 h3 { margin: 0 0 4px; font-size: 19px; }
._customerDirectoryModal_10a06_16 ._customerFinanceModalHeader_10a06_55 span { color: rgba(255, 255, 255, 0.52); font-size: 13px; }
._customerDirectoryClose_10a06_34 { border: 0; background: transparent; color: inherit; cursor: pointer; }
._customerDirectoryForm_10a06_59 { padding: 0; min-height: 0; flex: 1; display: flex; flex-direction: column; }
._customerDirectorySuccess_10a06_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_10a06_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_10a06_60 h4 { margin: 0 0 8px; color: rgba(255,255,255,.96); font-size: 22px; font-weight: 500; }
._customerDirectorySuccess_10a06_60 p { max-width: 440px; margin: 0; color: rgba(255,255,255,.56); font-size: 13px; line-height: 1.55; }
._customerDirectorySuccessDone_10a06_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_10a06_65 { display: flex; gap: 7px; padding: 14px 24px 4px; }
._customerDirectoryStep_10a06_65,
._customerDirectoryStepActive_10a06_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_10a06_65 span,
._customerDirectoryStepActive_10a06_67 span { display: grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; background: rgba(255,255,255,.09); font-size: 10px; }
._customerDirectoryStepActive_10a06_67 { color: #fff; background: rgba(0,122,255,.2); }
._customerDirectoryStepActive_10a06_67 span { background: rgb(0,136,230); }
._customerDirectoryFormPane_10a06_72 { min-height: 0; flex: 1; overflow: auto; padding: 14px 24px 20px; }
._customerDirectorySection_10a06_73 { display: flex; flex-direction: column; gap: 18px; }
._customerDirectorySectionIntro_10a06_74 { padding-bottom: 14px; border-bottom: 1px solid rgba(255,255,255,.08); }
._customerDirectorySectionIntro_10a06_74 > span { color: rgb(88,175,255); font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
._customerDirectorySectionIntro_10a06_74 h4 { margin: 6px 0 5px; font-size: 20px; font-weight: 500; }
._customerDirectorySectionIntro_10a06_74 p { max-width: 620px; margin: 0; color: rgba(255,255,255,.52); font-size: 12px; line-height: 1.5; }
._customerDirectoryReviewGrid_10a06_78 { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
._customerDirectoryReviewGrid_10a06_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_10a06_78 span { color: rgba(255,255,255,.42); font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }
._customerDirectoryReviewGrid_10a06_78 strong { font-size: 15px; font-weight: 500; }
._customerDirectoryReviewGrid_10a06_78 small { color: rgba(255,255,255,.52); line-height: 1.4; }
._customerDirectoryTabs_10a06_83 { display: flex; gap: 6px; padding: 5px; border-radius: 12px; background: rgba(255, 255, 255, 0.055); margin-bottom: 20px; }
._customerDirectoryTab_10a06_83,
._customerDirectoryTabActive_10a06_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_10a06_85 { color: #fff; background: rgba(0, 153, 255, 0.92); box-shadow: 0 5px 16px rgba(0, 122, 255, 0.22); }
._customerDirectoryGrid_10a06_87 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
._customerDirectoryGrid_10a06_87 label { display: flex; flex-direction: column; gap: 7px; color: rgba(255, 255, 255, 0.68); font-size: 12px; }
._customerDirectoryGrid_10a06_87 input,
._customerDirectoryGrid_10a06_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_10a06_87 input:focus,
._customerDirectoryGrid_10a06_87 select:focus { border-color: rgba(0, 153, 255, 0.82); box-shadow: 0 0 0 3px rgba(0, 153, 255, 0.12); }
._customerDirectoryWide_10a06_93 { grid-column: 1 / -1; }
._customerDirectoryCheckbox_10a06_94 { flex-direction: row !important; align-items: center; cursor: pointer; }
._customerDirectoryCheckbox_10a06_94 input { width: 16px; min-height: 16px; accent-color: rgb(0, 136, 230); }
._customerDirectorySectionTitle_10a06_96 { margin: 21px 0 11px; color: rgba(255, 255, 255, 0.88); font-size: 13px; font-weight: 600; }
._customerDirectoryError_10a06_97 { margin-top: 16px; padding: 10px 12px; border-radius: 10px; color: #ffb5af; background: rgba(234, 52, 39, 0.12); font-size: 13px; }
._customerDirectoryActions_10a06_98 { display: flex; justify-content: space-between; gap: 9px; padding: 13px 24px; border-top: 1px solid rgba(255,255,255,.08); }
._customerDirectoryActions_10a06_98 > span { display: flex; gap: 8px; }
._customerDirectoryActions_10a06_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_10a06_98 button[type='submit'] { color: rgb(28,28,30); background: rgba(255,255,255,.92); box-shadow: none; }
._customerDirectoryActions_10a06_98 ._customerDirectoryPrimary_10a06_102 { color: rgb(28,28,30); background: rgba(255,255,255,.92); box-shadow: none; }
._customerDirectoryActions_10a06_98 button:disabled { opacity: 0.58; cursor: wait; }

._customerBulkBody_10a06_105 { min-height: 0; flex: 1; display: flex; flex-direction: column; gap: 14px; padding-top: 16px; overflow: hidden; }
._customerBulkDropzone_10a06_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_10a06_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_10a06_106 h4 { margin: 2px 0 0; font-size: 17px; font-weight: 500; }
._customerBulkDropzone_10a06_106 p { max-width: 520px; margin: 0; color: rgba(255,255,255,.54); font-size: 12px; line-height: 1.55; }
._customerBulkDropzone_10a06_106 > div { display: flex; gap: 8px; margin-top: 5px; }
._customerBulkDropzone_10a06_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_10a06_106 button:first-child { border-color: transparent; color: rgb(28,28,30); background: rgba(255,255,255,.92); }
._customerBulkPreview_10a06_113 { min-height: 0; overflow: auto; border-radius: 12px; background: rgba(255,255,255,.035); }
._customerBulkPreview_10a06_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_10a06_113 > div:first-child { display: flex; align-items: center; justify-content: space-between; color: rgba(255,255,255,.52); }
._customerBulkPreview_10a06_113 strong { color: rgba(255,255,255,.88); font-weight: 500; }
._customerBulkPreview_10a06_113 > div span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
._customerBulkErrors_10a06_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_10a06_105 > ._customerDirectoryActions_10a06_98 { margin-top: auto; margin-inline: -20px; margin-bottom: -14px; }

._customerGroupMembershipModal_10a06_121 { width: min(760px, calc(100vw - 32px)); height: min(440px, calc(100vh - 32px)); }
._customerGroupMembershipModal_10a06_121 ._customerDirectorySidebar_10a06_33 { width: 220px; flex-basis: 220px; }
._customerGroupMembershipModal_10a06_121 ._customerDirectoryMainHeader_10a06_51 { padding: 20px; border-bottom: 1px solid rgba(120,120,128,.24); }
._customerGroupMembershipModal_10a06_121 ._customerDirectoryMainHeader_10a06_51 h2 { margin: 0 0 5px; font-size: 17px; line-height: 1.3; font-weight: 500; }
._customerGroupMembershipModal_10a06_121 ._customerDirectoryMainHeader_10a06_51 p { margin: 0; color: rgba(255,255,255,.5); font-size: 12px; line-height: 1.45; }
._customerGroupMembershipBody_10a06_126 { min-height: 0; flex: 1; padding: 18px 20px; overflow-y: auto; }
._customerGroupMembershipBody_10a06_126 ._customerDirectorySection_10a06_73 { padding: 16px; }
._customerGroupFlatField_10a06_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_10a06_128 > span { flex: 0 0 auto; }
._customerGroupFlatField_10a06_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_10a06_128 select:focus { background: rgba(255,255,255,.1); box-shadow: none; }
._customerGroupMembershipModal_10a06_121 ._customerDirectoryActions_10a06_98 { justify-content: flex-end; padding: 12px 20px; border-top: 1px solid rgba(120,120,128,.24); }

._customerGroupEditModal_10a06_134 { width: min(760px,calc(100vw - 32px)); height: min(700px,calc(100vh - 32px)); display: flex; flex-direction: column; overflow: hidden; }
._customerGroupEditHeader_10a06_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_10a06_135 h2 { margin: 0 0 5px; font-size: 17px; font-weight: 500; }
._customerGroupEditHeader_10a06_135 p { margin: 0; color: rgba(255,255,255,.48); font-size: 12px; }
._customerGroupEditHeader_10a06_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_10a06_135 > button:hover { background: rgba(255,255,255,.07); }
._customerGroupEditForm_10a06_140 { min-height: 0; flex: 1; display: flex; flex-direction: column; }
._customerGroupEditBody_10a06_141 { min-height: 0; flex: 1; display: flex; flex-direction: column; gap: 14px; padding: 16px 20px 20px; overflow-y: auto; }
._customerGroupEditSection_10a06_142 { overflow: visible; border-radius: 11px; background: rgba(255,255,255,.035); }
._customerGroupEditSectionHeader_10a06_143 { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 12px 14px; }
._customerGroupEditSectionHeader_10a06_143 span { color: rgba(255,255,255,.84); font-size: 13px; font-weight: 500; }
._customerGroupEditSectionHeader_10a06_143 small { color: rgba(255,255,255,.42); font-size: 10px; }
._customerGroupEditField_10a06_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_10a06_146 > span { color: rgba(255,255,255,.62); font-size: 12px; }
._customerGroupEditField_10a06_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_10a06_146 input:focus,._customerGroupEditField_10a06_146 input:focus-visible { outline: none !important; box-shadow: none !important; background: rgba(255,255,255,.1); }
._customerGroupEditSection_10a06_142 ._overlayTeamMembersWrap_10a06_150 { padding: 0 14px 14px; }
._customerGroupEditFooter_10a06_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_10a06_151 > span { display: flex; gap: 8px; }
._customerGroupEditFooter_10a06_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_10a06_151 ._customerGroupEditDelete_10a06_154 { color: rgba(255,105,97,.8); background: transparent; }
._customerGroupEditFooter_10a06_151 ._customerGroupEditDelete_10a06_154:hover { background: rgba(255,105,97,.08); color: rgb(255,105,97); }
._customerGroupEditFooter_10a06_151 ._customerDirectoryPrimary_10a06_102 { color: #171719; background: rgba(255,255,255,.92); }
._customerGroupEditFooter_10a06_151 button:disabled { opacity: .5; cursor: default; }

._customerGroupDetailsModal_10a06_159 { width: min(820px, calc(100vw - 32px)); height: min(610px, calc(100vh - 32px)); }
._customerGroupDetailsModal_10a06_159 ._customerDirectorySidebar_10a06_33 { width: 220px; flex-basis: 220px; }
._customerGroupDetailsModal_10a06_159 ._customerDirectoryMainHeader_10a06_51 h2 { margin: 0 0 5px; font-size: 17px; line-height: 1.3; font-weight: 500; }
._customerGroupDetailsModal_10a06_159 ._customerDirectoryMainHeader_10a06_51 p { margin: 0; color: rgba(255,255,255,.48); font-size: 12px; }
._customerGroupDetailsBody_10a06_163 { min-height: 0; flex: 1; display: flex; flex-direction: column; gap: 12px; padding: 18px 20px; overflow-y: auto; }
._customerGroupDetailSummary_10a06_164 { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); overflow: hidden; border-radius: 12px; background: rgba(255,255,255,.045); }
._customerGroupDetailSummary_10a06_164 > div { display: flex; flex-direction: column; gap: 5px; min-height: 104px; padding: 15px; }
._customerGroupDetailSummary_10a06_164 > div + div { border-left: 1px solid rgba(120,120,128,.22); }
._customerGroupDetailSummary_10a06_164 span { color: rgba(255,255,255,.44); font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }
._customerGroupDetailSummary_10a06_164 strong { font-size: 25px; font-weight: 500; }
._customerGroupDetailSummary_10a06_164 small { color: rgba(255,255,255,.5); font-size: 12px; }
._customerGroupDetailBlock_10a06_170 { overflow: hidden; border-radius: 12px; background: rgba(255,255,255,.035); }
._customerGroupDetailBlockHeader_10a06_171 { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding: 14px 15px; }
._customerGroupDetailBlockHeader_10a06_171 > div { display: flex; flex-direction: column; gap: 5px; }
._customerGroupDetailBlockHeader_10a06_171 span { color: rgba(255,255,255,.44); font-size: 10px; text-transform: uppercase; letter-spacing: .1em; }
._customerGroupDetailBlockHeader_10a06_171 strong { color: rgba(255,255,255,.86); font-size: 13px; font-weight: 400; line-height: 1.45; }
._customerGroupDetailBlockHeader_10a06_171 small { color: rgba(255,255,255,.45); font-size: 11px; white-space: nowrap; }
._customerGroupWorkforceList_10a06_176 { border-top: 1px solid rgba(120,120,128,.2); }
._customerGroupWorkforceItem_10a06_177 { display: grid; grid-template-columns: 40px minmax(0,1fr) auto; align-items: center; gap: 12px; min-height: 64px; padding: 10px 14px; }
._customerGroupWorkforceItem_10a06_177 + ._customerGroupWorkforceItem_10a06_177 { border-top: 1px solid rgba(120,120,128,.17); }
._customerGroupWorkforceAvatar_10a06_179 { width: 40px; height: 40px; }
._customerGroupWorkforceAvatar_10a06_179 ._avatarFallback_10a06_180 { font-size: 15px; }
._customerGroupWorkforceItem_10a06_177 > div { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
._customerGroupWorkforceItem_10a06_177 strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; font-weight: 500; }
._customerGroupWorkforceItem_10a06_177 > div span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: rgba(255,255,255,.44); font-size: 10px; }
._customerGroupWorkforceItem_10a06_177 > small { color: rgba(255,255,255,.55); font-size: 10px; text-transform: capitalize; }
._customerGroupWorkforceEmpty_10a06_185 { padding: 20px 15px; color: rgba(255,255,255,.46); font-size: 12px; text-align: center; }
._customerGroupDetailsModal_10a06_159 ._customerDirectoryActions_10a06_98 { justify-content: flex-end; }
._customerDirectoryActions_10a06_98 ._customerGroupDeleteAction_10a06_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_10a06_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_10a06_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_10a06_190 h2 { margin: 0 0 5px; font-size: 17px; font-weight: 500; }
._customerGroupDeleteHeader_10a06_190 p { margin: 0; color: rgba(255,255,255,.48); font-size: 12px; }
._customerGroupDeleteHeader_10a06_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_10a06_190 > button:hover { background: rgba(255,255,255,.07); }
._customerGroupDeleteBody_10a06_195 { padding: 18px 20px; }
._customerGroupDeleteBody_10a06_195 > strong { font-size: 15px; font-weight: 500; }
._customerGroupDeleteBody_10a06_195 > p { margin: 8px 0 0; color: rgba(255,255,255,.55); font-size: 12px; line-height: 1.5; }
._customerGroupDeleteFooter_10a06_198 { display: flex; justify-content: flex-end; gap: 8px; padding: 12px 20px; border-top: 1px solid rgba(120,120,128,.22); }
._customerGroupDeleteFooter_10a06_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_10a06_198 ._customerGroupDeleteConfirm_10a06_200 { color: #fff; background: rgb(205,48,39); }
._customerGroupDeleteFooter_10a06_198 button:disabled { opacity: .55; cursor: wait; }

._customerGroupAssignModal_10a06_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_10a06_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_10a06_218 h2 { margin: 0; font-size: 18px; line-height: 1.25; font-weight: 500; }
._customerGroupAssignHeader_10a06_218 p { margin: 6px 0 0; color: rgba(255, 255, 255, 0.5); font-size: 12px; line-height: 1.45; }
._customerGroupAssignClose_10a06_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_10a06_221:hover { background: rgba(255, 255, 255, 0.08); }
._customerGroupAssignBody_10a06_223 { padding: 20px; }
._customerGroupAssignBody_10a06_223 label { display: flex; flex-direction: column; gap: 8px; color: rgba(255, 255, 255, 0.68); font-size: 12px; }
._customerGroupAssignBody_10a06_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_10a06_223 select:focus { border-color: rgba(0, 153, 255, 0.82); box-shadow: 0 0 0 3px rgba(0, 153, 255, 0.12); }
._customerGroupAssignNotice_10a06_227 { margin: 12px 0 0; color: rgba(255, 255, 255, 0.48); font-size: 12px; line-height: 1.45; }
._customerGroupAssignError_10a06_228 { margin: 12px 0 0; padding: 9px 11px; border-radius: 8px; color: #ffb5af; background: rgba(234, 52, 39, 0.12); font-size: 12px; }
._customerGroupAssignActions_10a06_229 { display: flex; justify-content: flex-end; gap: 8px; padding: 13px 20px; border-top: 1px solid rgba(255, 255, 255, 0.08); }
._customerGroupAssignActions_10a06_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_10a06_229 ._customerGroupAssignPrimary_10a06_231 { border-color: rgba(0, 153, 255, 0.75); color: #fff; background: rgb(0, 136, 230); }
._customerGroupAssignActions_10a06_229 button:disabled { opacity: 0.52; cursor: wait; }

/* Keep customer drafts structurally identical to Inventory's draft overlay. */
._customerDirectoryModal_10a06_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_10a06_33 {
  width: 240px;
  flex: 0 0 240px;
  padding: 15px 10px;
  border-right: 1px solid #3e3e42;
  background: rgb(32, 32, 35);
}

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

._customerDirectorySidebarNav_10a06_36 { gap: 2px; }

._customerDirectorySidebarItem_10a06_37,
._customerDirectorySidebarItemActive_10a06_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_10a06_37:hover { background: rgba(255, 255, 255, 0.06); }
._customerDirectorySidebarItemActive_10a06_38 { background: rgba(255, 255, 255, 0.12); color: #fff; }
._customerDirectorySidebarItem_10a06_37 svg,
._customerDirectorySidebarItemActive_10a06_38 svg { color: rgb(88, 175, 255); flex-shrink: 0; }
._customerDirectorySidebarItem_10a06_37 strong,
._customerDirectorySidebarItemActive_10a06_38 strong { font-size: 14px; font-weight: 400; }

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

._customerDirectoryForm_10a06_59 { gap: 0; overflow: hidden; }
._customerDirectoryStepPills_10a06_65 { display: none; }
._customerDirectoryFormPane_10a06_72 {
  padding: 5px 4px 0 0;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;
}
._customerDirectoryFormPane_10a06_72::-webkit-scrollbar { display: none; }

._customerDirectorySection_10a06_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_10a06_74 { padding: 0; border: 0; }
._customerDirectorySectionIntro_10a06_74 > span { color: rgba(255, 255, 255, 0.42); font-size: 10px; letter-spacing: .14em; }
._customerDirectorySectionIntro_10a06_74 h4 { margin: 4px 0; font-size: 14px; line-height: 1.3; font-weight: 500; }
._customerDirectorySectionIntro_10a06_74 p { font-size: 12px; line-height: 1.55; color: rgba(255, 255, 255, 0.64); }

._customerDirectoryGrid_10a06_87 { gap: 12px; }
._customerDirectoryGrid_10a06_87 label { gap: 6px; color: rgba(255, 255, 255, 0.92); font-size: 14px; font-weight: 500; }
._customerDirectoryGrid_10a06_87 input,
._customerDirectoryGrid_10a06_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_10a06_87 input:focus,
._customerDirectoryGrid_10a06_87 select:focus { border-color: rgba(160, 160, 168, 0.5); box-shadow: none; background: rgba(255, 255, 255, 0.062); }

._customerDirectoryReviewGrid_10a06_78 { gap: 10px; }
._customerDirectoryReviewGrid_10a06_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_10a06_78 strong { font-size: 14px; }

._customerDirectoryError_10a06_97 { margin: 10px 4px 0 0; padding: 10px 12px; border-radius: 8px; }
._customerDirectoryActions_10a06_98 { justify-content: flex-end; margin-top: 10px; padding: 0 16px 4px; border: 0; flex-shrink: 0; }
._customerDirectoryActions_10a06_98 > span { gap: 8px; }
._customerDirectoryActions_10a06_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_10a06_98 ._customerDirectoryPrimary_10a06_102,
._customerDirectoryActions_10a06_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_10a06_87 { grid-template-columns: 1fr; }
  ._customerDirectoryWide_10a06_93 { grid-column: auto; }
}

@media (prefers-color-scheme: light) {
  ._customerDirectoryModal_10a06_16 { border-color: rgba(15, 23, 42, 0.12); background: rgba(255, 255, 255, 0.99); color: #0f172a; }
  ._customerDirectoryModal_10a06_16 ._customerFinanceModalHeader_10a06_55 span,
  ._customerDirectoryGrid_10a06_87 label { color: rgba(51, 65, 85, 0.78); }
  ._customerDirectoryTabs_10a06_83 { background: rgba(15, 23, 42, 0.055); }
  ._customerDirectoryTab_10a06_83 { color: rgba(51, 65, 85, 0.76); }
  ._customerDirectoryGrid_10a06_87 input,
  ._customerDirectoryGrid_10a06_87 select { border-color: rgba(15, 23, 42, 0.13); color: #0f172a; background: rgba(248, 250, 252, 0.95); }
  ._customerDirectorySectionTitle_10a06_96 { color: #1e293b; }
  ._customerDirectoryActions_10a06_98 button { border-color: rgba(15, 23, 42, 0.12); color: #334155; background: #f8fafc; }
  ._customerDirectoryActions_10a06_98 button[type='submit'] { color: #fff; background: rgb(0, 136, 230); }
  ._customerDirectorySuccessIcon_10a06_61 { color: rgb(0,112,210); background: rgba(0,122,255,.12); }
  ._customerDirectorySuccess_10a06_60 h4 { color: #172033; }
  ._customerDirectorySuccess_10a06_60 p { color: #667085; }
  ._customerDirectorySuccessDone_10a06_64 { color: #fff; background: rgb(0, 136, 230); }
  ._customerGroupMembershipModal_10a06_121 ._customerDirectoryMainHeader_10a06_51 { border-color: rgba(15,23,42,.12); }
  ._customerGroupMembershipModal_10a06_121 ._customerDirectoryMainHeader_10a06_51 p { color: rgba(51,65,85,.68); }
  ._customerGroupFlatField_10a06_128 { color: #334155; background: rgba(15,23,42,.045); }
  ._customerGroupFlatField_10a06_128 select { color: rgba(51,65,85,.76); background: rgba(15,23,42,.055); }
  ._customerGroupFlatField_10a06_128 select:focus { background: rgba(15,23,42,.09); }
  ._customerGroupMembershipModal_10a06_121 ._customerDirectoryActions_10a06_98 { border-color: rgba(15,23,42,.12); }
}

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


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

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

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

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

  &._overlayList_10a06_427 {
    padding: 0;
  }
}

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

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

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

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

._mailboxIcon_10a06_457 {
  flex-shrink: 0;
}

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

._mailboxItem_10a06_432._subItem_10a06_467 > svg {
  margin-left: 20px;
}

._mailboxName_10a06_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_10a06_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_10a06_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_10a06_493:hover {
  background: rgba(125, 181, 226, 0.14);
}

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

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

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

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

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

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

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

._folderItem_10a06_558:hover {
  color: #ffffff;
}

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

._messageListHeader_10a06_586 {
  padding: 12px 20px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  ._messageItem_10a06_718 {
    margin: 0px 10px;
  }

  ._messageItem_10a06_718._selected_10a06_722 {
    background-color: rgba(255, 255, 255, 0.15);
  }
}

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

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

  ._messageContent_10a06_741 {
    ._actions_10a06_742 {
      display: block;
    }
  }
}

._messageItem_10a06_718._selected_10a06_722 {
  background-color: rgba(255, 255, 255, 0.1);
}

._messageItem_10a06_718._selected_10a06_722 ._messageContent_10a06_741,
._messageItem_10a06_718._before_selected_10a06_753 ._messageContent_10a06_741 {
  border-bottom-color: transparent;
}

/* reset all */
._messageItem_10a06_718._selected_multiple_middle_10a06_758 {
  border-radius: 0;
}

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

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


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

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

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

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

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

._avatarFallback_10a06_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_10a06_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_10a06_825 {
    width: 32px;
    height: 32px;

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

._avatarFallback_appImage_10a06_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_10a06_904 {
  display: none;
}

._darkIcon_10a06_908 {
  display: flex;
}

._messageContent_10a06_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_10a06_931 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1px;
  max-width: 100%;
  gap: 10px;
  overflow: visible;
  min-width: 0;
}

._sender_10a06_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_10a06_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_10a06_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_10a06_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_10a06_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_10a06_995 span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

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

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

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

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

._confirmOverlay_10a06_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_10a06_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_10a06_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
}

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

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

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

._confirmPrimary_10a06_1126,
._confirmSecondary_10a06_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_10a06_1126 {
  background: rgb(234, 52, 39);
  color: white;
}

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

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

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

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

._customerLifecycleConfirmDialog_10a06_1169 { padding: 0; overflow: hidden; }
._customerLifecycleConfirmDialog_10a06_1169 ._confirmHeader_10a06_1105 { padding: 18px 18px 14px; }
._customerLifecycleConfirmSummary_10a06_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_10a06_1171 span { color: rgba(255,255,255,.42); font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
._customerLifecycleConfirmSummary_10a06_1171 strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: rgba(255,255,255,.9); font-size: 14px; font-weight: 500; }
._customerLifecycleConfirmDialog_10a06_1169 ._confirmActions_10a06_1119 { margin: 0; padding: 14px 18px 18px; }
._customerLifecycleConfirmDialog_10a06_1169 button:disabled { opacity: .48; cursor: default; }

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

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

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

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

}

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

._headerActionMenu_10a06_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_10a06_1223 {
  transform-origin: top left;
  animation: 0.2s cubic-bezier(0.32, 0.08, 0.24, 1) _cw-modal-pop_10a06_1;
}

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

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

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

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

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

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

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

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

._customerRequestHero_10a06_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_10a06_1320 { min-width: 0; }
._customerRequestHeader_10a06_1320 h2 { margin: 0 0 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 17px; line-height: 21px; font-weight: 500; }
._customerRequestHeader_10a06_1320 p { margin: 0; color: rgba(255, 255, 255, .5); font-size: 12px; line-height: 16px; }
._customerRequestHeader_10a06_1320 p span { margin: 0 3px; }
._customerRequestStatus_10a06_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_10a06_1325 { display: flex; align-items: center; gap: 12px; background: transparent; }
._customerRequestSegment_10a06_1326 { display: inline-flex; align-items: center; gap: 3px; padding: 3px; border-radius: 999px; background: rgba(255,255,255,.055); }
._customerRequestSegment_10a06_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_10a06_1326 button:disabled { opacity: .48; cursor: wait; }
._customerRequestSegment_10a06_1326 ._customerRequestSegmentActive_10a06_1329 { color: rgba(255,255,255,.94); background: rgba(255,255,255,.12); }
._customerRequestNewRecord_10a06_1330 { padding-left: 9px; color: rgba(255,255,255,.5); font-size: 12px; }
._customerRequestMeta_10a06_1331 { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); overflow: hidden; border-radius: 11px; background: rgba(255,255,255,.045); }
._customerRequestMeta_10a06_1331 > div { min-width: 0; padding: 13px 15px; border-right: 1px solid rgba(255,255,255,.07); }
._customerRequestMeta_10a06_1331 > div:last-child { border-right: 0; }
._customerRequestMeta_10a06_1331 span,._customerRequestFields_10a06_1334 span,._customerRequestCompact_10a06_1334 span { display: block; color: rgba(255,255,255,.44); font-size: 11px; }
._customerRequestMeta_10a06_1331 strong { display: block; margin-top: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; font-weight: 500; }
._customerRequestSection_10a06_1336 { overflow: hidden; border-radius: 11px; background: rgba(255,255,255,.035); }
._customerRequestSectionHeading_10a06_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_10a06_1337 span { font-size: 13px; font-weight: 550; }
._customerRequestSectionHeading_10a06_1337 small { color: rgba(255,255,255,.4); font-size: 11px; }
._customerRequestFields_10a06_1334 { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); }
._customerRequestFields_10a06_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_10a06_1334 > div:nth-child(3n) { border-right: 0; }
._customerRequestFields_10a06_1334 > div:nth-last-child(-n+3) { border-bottom: 0; }
._customerRequestFields_10a06_1334 strong { display: block; margin-top: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: 500; }
._customerRequestSectionHeadingRight_10a06_1345 { display: flex; align-items: center; gap: 8px; }
._customerRequestFieldInput_10a06_1346 { display: block; width: 100%; margin-top: 5px; padding: 0; border: 0; border-bottom: 1px solid transparent; color: inherit; background: transparent; font: inherit; font-size: 14px; font-weight: 500; box-sizing: border-box; }
._customerRequestFieldInput_10a06_1346:focus { outline: none; border-bottom-color: rgba(125,181,226,.55); }
._customerRequestFieldInput_10a06_1346::placeholder { color: rgba(255,255,255,.3); font-weight: 400; }
select._customerRequestFieldInput_10a06_1346 { appearance: none; cursor: pointer; }
._customerRequestSplit_10a06_1350 { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
._customerRequestCompact_10a06_1334 { min-height: 48px; padding: 14px 15px; }
._customerRequestCompact_10a06_1334 strong { display: block; margin-bottom: 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: 500; }
._customerRequestCompact_10a06_1334 span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
._customerRequestCompact_10a06_1334 ._customerRequestFieldInput_10a06_1346 { margin: 0 0 10px; }
._customerRequestCompact_10a06_1334 ._customerRequestFieldInput_10a06_1346:last-child { margin-bottom: 0; }
._customerRequestFieldRow_10a06_1356 { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin-bottom: 10px; }
._customerRequestFieldRow_10a06_1356 ._customerRequestFieldInput_10a06_1346 { margin: 0; }
._customerRequestFooter_10a06_1358 { display: flex; justify-content: flex-end; margin-top: auto; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.08); }
._customerRequestActions_10a06_1359 { display: flex; justify-content: flex-end; gap: 8px; }
._customerRequestActions_10a06_1359 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_10a06_1361 { background: rgba(255,255,255,.065); box-shadow: inset 0 0 0 1px rgba(120,120,128,.2); }
._customerRequestApprove_10a06_1362 { background: rgba(255,255,255,.92); color: rgb(28,28,30) !important; box-shadow: none; }
._customerRequestActions_10a06_1359 button:disabled { opacity: .48; cursor: wait; }
._customerRequestTaxCheck_10a06_1364 { 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_10a06_1364 > div { min-width: 0; display: flex; align-items: center; gap: 10px; color: rgba(255,255,255,.62); }
._customerRequestTaxCheck_10a06_1364 > div > span { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
._customerRequestTaxCheck_10a06_1364 strong { color: rgba(255,255,255,.88); font-size: 13px; font-weight: 500; }
._customerRequestTaxCheck_10a06_1364 small { color: rgba(255,255,255,.48); font-size: 11px; line-height: 15px; }
._customerRequestTaxCheck_10a06_1364 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_10a06_1364 button:disabled { opacity: .4; cursor: default; }
._customerGSTDraftLabel_10a06_1371 { min-height: 18px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
._customerGSTDraftLabel_10a06_1371 ._overlayFieldLabel_10a06_1372 { margin: 0; }
._customerGSTDraftLabel_10a06_1371 button { border: 0; padding: 0; color: rgb(125,181,226); background: transparent; font: inherit; font-size: 11px; font-weight: 400; cursor: pointer; }
._customerGSTDraftLabel_10a06_1371 button:hover { color: rgb(155,202,239); }
._customerGSTDraftLabel_10a06_1371 button:disabled { color: rgba(255,255,255,.28); cursor: default; }

._customerGSTModal_10a06_1377 { width: min(760px,calc(100vw - 40px)); padding: 0; overflow: hidden; }
._customerGSTModal_10a06_1377 ._customerFinanceModalHeader_10a06_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_10a06_1377 ._customerFinanceModalHeader_10a06_55 > div { display: flex; flex-direction: column; gap: 3px; }
._customerGSTModal_10a06_1377 ._customerFinanceModalHeader_10a06_55 span { color: rgba(255,255,255,.48); font-size: 12px; }
._customerGSTClose_10a06_1381 { 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_10a06_1381 svg { display: block; flex: 0 0 auto; width: 18px; height: 18px; }
._customerGSTClose_10a06_1381:focus { outline: 0; }
._customerGSTClose_10a06_1381:focus-visible { box-shadow: inset 0 0 0 1px rgba(255,255,255,.22); }
._customerGSTModal_10a06_1377 ._customerFinanceModalBody_10a06_1385 { max-height: 62vh; overflow: auto; padding: 16px 18px; }
._customerGSTState_10a06_1386 { min-height: 220px; display: flex; align-items: center; justify-content: center; gap: 9px; color: rgba(255,255,255,.58); font-size: 13px; }
._customerGSTError_10a06_1387 { color: rgb(255,125,116); }
._customerGSTSummary_10a06_1388 { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); overflow: hidden; border-radius: 10px; background: rgba(255,255,255,.045); }
._customerGSTSummary_10a06_1388 > div { min-width: 0; padding: 12px; border-right: 1px solid rgba(255,255,255,.07); }
._customerGSTSummary_10a06_1388 > div:last-child { border-right: 0; }
._customerGSTSummary_10a06_1388 span,._customerGSTDetails_10a06_1391 span { display: block; color: rgba(255,255,255,.43); font-size: 10px; text-transform: uppercase; letter-spacing: .06em; }
._customerGSTSummary_10a06_1388 strong,._customerGSTDetails_10a06_1391 strong { display: block; margin-top: 5px; overflow-wrap: anywhere; color: rgba(255,255,255,.9); font-size: 13px; font-weight: 500; }
._customerGSTDetails_10a06_1391 { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); overflow: hidden; border-radius: 10px; background: rgba(255,255,255,.032); }
._customerGSTDetails_10a06_1391 > 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_10a06_1391 > div:nth-child(2n) { border-right: 0; }
._customerGSTAddress_10a06_1396 { grid-column: 1/-1; border-right: 0 !important; border-bottom: 0 !important; }
._customerGSTMergeBlock_10a06_1397 { padding: 13px; border-radius: 10px; background: rgba(255,255,255,.032); }
._customerGSTMergeBlock_10a06_1397 > div:first-child { display: flex; flex-direction: column; gap: 3px; }
._customerGSTMergeBlock_10a06_1397 > div:first-child strong { font-size: 13px; font-weight: 500; }
._customerGSTMergeBlock_10a06_1397 > div:first-child span { color: rgba(255,255,255,.48); font-size: 11px; }
._customerGSTFieldChoices_10a06_1401 { display: flex; flex-wrap: wrap; gap: 8px 14px; margin-top: 12px; }
._customerGSTFieldChoices_10a06_1401 label { display: inline-flex; align-items: center; gap: 6px; color: rgba(255,255,255,.72); font-size: 12px; cursor: pointer; }
._customerGSTFieldChoices_10a06_1401 input { width: 14px; height: 14px; accent-color: rgb(52,148,230); }
._customerGSTModalActions_10a06_1404 { display: flex; justify-content: flex-end; gap: 8px; padding: 12px 18px; border-top: 1px solid rgba(255,255,255,.08); }
._customerGSTModalActions_10a06_1404 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_10a06_1404 ._customerGSTMergeButton_10a06_1406 { color: #fff; background: rgb(52,148,230); }
._customerGSTModalActions_10a06_1404 button:disabled { opacity: .45; cursor: wait; }

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

@media (prefers-color-scheme: light) {
  ._customerRequestHero_10a06_1319 { border-bottom-color: rgba(15,23,42,.09); }
  ._customerRequestHeader_10a06_1320 h2 { color: rgb(20,25,34); }
  ._customerRequestHeader_10a06_1320 p,._customerRequestSectionHeading_10a06_1337 small,._customerRequestMeta_10a06_1331 span,._customerRequestFields_10a06_1334 span,._customerRequestCompact_10a06_1334 span { color: rgba(30,41,59,.54); }
  ._customerRequestMeta_10a06_1331,._customerRequestSection_10a06_1336 { background: rgba(15,23,42,.045); }
  ._customerRequestMeta_10a06_1331 > div,._customerRequestSectionHeading_10a06_1337,._customerRequestFields_10a06_1334 > div { border-color: rgba(15,23,42,.075); }
  ._customerRequestMeta_10a06_1331 strong,._customerRequestFields_10a06_1334 strong,._customerRequestCompact_10a06_1334 strong,._customerRequestSectionHeading_10a06_1337 span { color: rgb(30,41,59); }
  ._customerRequestFieldInput_10a06_1346 { color: rgb(30,41,59); }
  ._customerRequestFieldInput_10a06_1346::placeholder { color: rgba(30,41,59,.32); }
  ._customerRequestFieldInput_10a06_1346:focus { border-bottom-color: rgba(52,148,230,.55); }
  ._customerRequestFooter_10a06_1358 { border-top-color: rgba(15,23,42,.09); }
  ._customerRequestReject_10a06_1361 { color: rgb(30,41,59) !important; background: rgba(15,23,42,.055); }
  ._customerRequestApprove_10a06_1362 { color: #fff !important; background: rgb(30,30,32); }
  ._customerRequestControlBar_10a06_1325 { background: transparent; }
  ._customerRequestSegment_10a06_1326 { background: rgba(15,23,42,.06); }
  ._customerRequestSegment_10a06_1326 button { color: rgba(30,41,59,.56); }
  ._customerRequestSegment_10a06_1326 ._customerRequestSegmentActive_10a06_1329 { color: rgb(30,41,59); background: rgba(255,255,255,.92); box-shadow: 0 1px 4px rgba(15,23,42,.1); }
  ._customerRequestNewRecord_10a06_1330 { color: rgba(30,41,59,.55); }
  ._customerRequestTaxCheck_10a06_1364 { background: rgba(15,23,42,.045); }
  ._customerRequestTaxCheck_10a06_1364 > div { color: rgba(30,41,59,.62); }
  ._customerRequestTaxCheck_10a06_1364 strong { color: rgb(30,41,59); }
  ._customerRequestTaxCheck_10a06_1364 small { color: rgba(30,41,59,.54); }
  ._customerRequestTaxCheck_10a06_1364 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_10a06_1377 ._customerFinanceModalHeader_10a06_55,._customerGSTModalActions_10a06_1404 { border-color: rgba(15,23,42,.09); }
  ._customerGSTModal_10a06_1377 ._customerFinanceModalHeader_10a06_55 span,._customerGSTState_10a06_1386,._customerGSTMergeBlock_10a06_1397 > div:first-child span { color: rgba(30,41,59,.54); }
  ._customerGSTClose_10a06_1381,._customerGSTModalActions_10a06_1404 button { color: rgb(30,41,59); background: rgba(15,23,42,.055); }
  ._customerGSTSummary_10a06_1388,._customerGSTDetails_10a06_1391,._customerGSTMergeBlock_10a06_1397 { background: rgba(15,23,42,.045); }
  ._customerGSTSummary_10a06_1388 > div,._customerGSTDetails_10a06_1391 > div { border-color: rgba(15,23,42,.075); }
  ._customerGSTSummary_10a06_1388 span,._customerGSTDetails_10a06_1391 span { color: rgba(30,41,59,.46); }
  ._customerGSTSummary_10a06_1388 strong,._customerGSTDetails_10a06_1391 strong,._customerGSTMergeBlock_10a06_1397 > div:first-child strong { color: rgb(30,41,59); }
  ._customerGSTFieldChoices_10a06_1401 label { color: rgba(30,41,59,.74); }
  ._customerGSTDraftLabel_10a06_1371 button:disabled { color: rgba(30,41,59,.3); }
}

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

._groupWorkforceHeader_10a06_1462 { display: flex; align-items: center; justify-content: space-between; }
._groupWorkforceHeader_10a06_1462 > span { font-weight: 600; }
._groupWorkforceHeader_10a06_1462 button { display: inline-flex; align-items: center; gap: 6px; border: 0; background: transparent; color: rgb(52, 148, 230); cursor: pointer; }
._groupWorkforceEditor_10a06_1455 > p { margin: 0; color: rgba(255, 255, 255, .48); font-size: 12px; line-height: 1.5; }
._groupWorkforceRow_10a06_1466 { 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_10a06_1467 { height: 38px; width: 38px; display: grid; place-items: center; border: 0; border-radius: 8px; background: transparent; color: rgb(255, 69, 58); cursor: pointer; }
._groupWorkforceRemove_10a06_1467:disabled { opacity: .25; cursor: default; }

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

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

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

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

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

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

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

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

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

._customerHeaderActionButton_10a06_1527 {
  color: #7db5e2;
}

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

._customerMediaTopSectionNoMedia_10a06_1555 {
  display: block;
}

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

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

._customerMediaStatTile_10a06_1573 {
  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_10a06_1573 ._customerMediaValue_10a06_1583 { font-size: 30px; line-height: 32px; }
._customerMediaStatTile_10a06_1573 ._customerMediaMeta_10a06_1584 { margin-top: 8px; }

._customerPhotoGridEmptyState_10a06_1586 { display: flex; }

._customerPhotoGridEmpty_10a06_1586 {
  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_10a06_1603 {
  margin: 0 0 8px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 11px;
  line-height: 12px;
}

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

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

._customerPhotoMain_10a06_1626,
._customerPhotoQuarter_10a06_1627 {
  overflow: hidden;
  background: rgba(255, 255, 255, 0.025);
}

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

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

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

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

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

._customerPaneTabs_10a06_1677 {
  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_10a06_1690 {
  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_10a06_1690:hover {
  background: rgba(125, 181, 226, 0.12);
}

._customerPaneTabButton_10a06_1709 {
  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_10a06_1725 {
  background: rgba(255, 255, 255, 0.14);
  border: none;
  color: rgba(255, 255, 255, 0.96);
  box-shadow: none;
  font-weight: 400;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

._customerHeatmapTileWide_10a06_1919 {
  grid-column: span 2;
}

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

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

._customerMetricsGrid_10a06_1934 {
  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_10a06_1934 ._customerMetricCard_10a06_1944:last-child {
  grid-column: 1 / -1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

._customerAlertBadge_10a06_2143 {
  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_10a06_1944 {
  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_10a06_2167 {
  grid-column: auto;
}

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

._customerMetricValue_10a06_2178 {
  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_10a06_2190 {
  padding-top: 0;
  min-width: 0;
  overflow: hidden;
  box-sizing: border-box;
  width: 100%;
}

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

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

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

._customerScopeTag_10a06_2247,
._customerScopeTagMuted_10a06_2248 {
  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_10a06_2247 {
  color: rgba(255, 255, 255, 0.9);
  background: rgba(255, 255, 255, 0.06);
}

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

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

._customerInsightValue_10a06_2303 {
  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_10a06_1853:last-child ._customerFactPair_10a06_1874:first-child ._customerInsightValue_10a06_2303 {
  white-space: normal;
  word-break: break-word;
}

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

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

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

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

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

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

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

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

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

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

._customerProfileLocationSection_10a06_2388 {
  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_10a06_2399 { margin-top: 12px; padding: 14px 16px; border-radius: 6px; background: rgba(255,255,255,.045); }
._customerAdditionalLocations_10a06_2399 > ._customerSectionEyebrow_10a06_1751 { display: block; margin-bottom: 10px; }
._customerAdditionalLocationGrid_10a06_2401 { display: grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap: 8px; }
._customerAdditionalLocationCard_10a06_2402 { min-width: 0; padding: 11px 12px; border-radius: 6px; background: rgba(255,255,255,.045); }
._customerAdditionalLocationCard_10a06_2402 > div { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin-bottom: 7px; }
._customerAdditionalLocationCard_10a06_2402 strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: rgba(255,255,255,.92); font-size: 13px; font-weight: 500; }
._customerAdditionalLocationCard_10a06_2402 > div span { flex: 0 0 auto; color: rgba(255,255,255,.4); font-size: 9px; letter-spacing: .06em; }
._customerAdditionalLocationCard_10a06_2402 > 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_10a06_1668 {
    grid-template-columns: minmax(0, 1fr);
  }
}

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

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

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

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

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

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

._customerMiniCard_10a06_1733,
._customerMetricCard_10a06_1944,
._customerFinanceCard_10a06_1971,
._customerScopeBlock_10a06_2227,
._customerNoteItem_10a06_1791,
._customerProfileStackCard_10a06_1768 {
  transition: none;
}

._customerMiniCard_10a06_1733:hover,
._customerScopeBlock_10a06_2227:hover,
._customerNoteItem_10a06_1791:hover,
._customerProfileStackCard_10a06_1768:hover {
  border-color: rgba(255, 255, 255, 0.038);
  background: rgba(255, 255, 255, 0.024);
}

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

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

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

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

._customerDetailsMiniGrid_10a06_1668 > ._customerMiniCard_10a06_1733:not(._customerProfileOverviewCard_10a06_2506) {
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 11px;
  background: rgb(35, 35, 37);
}

._customerDetailsMiniGrid_10a06_1668 > ._customerMiniCard_10a06_1733:not(._customerProfileOverviewCard_10a06_2506):hover {
  border-color: transparent;
  background: rgb(35, 35, 37);
}

._customerDetailsMiniGrid_10a06_1668 > ._customerMiniCard_10a06_1733:not(._customerProfileOverviewCard_10a06_2506) > ._customerSectionEyebrow_10a06_1751 {
  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_10a06_1668 > ._customerMiniCard_10a06_1733 > ._customerNotesList_10a06_1785,
._customerDetailsMiniGrid_10a06_1668 > ._customerMiniCard_10a06_1733 > ._customerFinanceCockpit_10a06_1958 {
  margin: 0;
  padding: 10px 15px 15px;
}

._customerDetailsMiniGrid_10a06_1668 ._customerNoteItem_10a06_1791 {
  padding: 11px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

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

._customerDetailsMiniGrid_10a06_1668 ._customerFinanceTopRow_10a06_1965,
._customerDetailsMiniGrid_10a06_1668 ._customerAnalyticsMetricsGrid_10a06_1948 {
  gap: 1px;
  overflow: hidden;
  padding: 0;
  border: 0;
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.065);
}

._customerDetailsMiniGrid_10a06_1668 ._customerFinanceCard_10a06_1971,
._customerDetailsMiniGrid_10a06_1668 ._customerMetricCard_10a06_1944 {
  min-height: 66px;
  border: 0;
  border-radius: 0;
  background: rgba(255, 255, 255, 0.025);
}

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

._customerAddressPill_10a06_2604 {
  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_10a06_2625 {
  display: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

._customerMapEmpty_10a06_2812 ._customerMediaValue_10a06_1583 { font-size: 20px; line-height: 24px; }
._customerMapEmpty_10a06_2812 ._customerMediaMeta_10a06_1584 { max-width: 360px; }

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

._customerMapImageDark_10a06_2832 {
  display: block;
}

._customerMapImageLight_10a06_2836 {
  display: none;
}

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

._messageBody_10a06_2859 {
  -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_10a06_2874 {
  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_10a06_2884 {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 0 8px;

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

      ._messageBodyChevronRight_10a06_2894 {
        display: none;
      }

      ._messageBodyHeaderLeftInfoTitle_10a06_2898 {
        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_10a06_2894 {
            display: block;
          }
        }
      }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    }

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

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

  }

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

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

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

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

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

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

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

}

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

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

  &:focus {
    outline: none;
  }

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

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

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

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

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

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

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

      ._PaymentOverlayContentMainSectionBtnPrimary_10a06_3342 {
        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_10a06_3359 {
        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_10a06_3375 {
        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_10a06_3387 {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 10px;


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

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


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

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

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

        ._PaymentOverlayContentMainSectionValue_10a06_3319 {
          width: 80%;
        }
      }
    }

  }

}

._messageC1Body_10a06_3504 {
  -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_10a06_2874 {
    ._messageBodyHeaderLeft_10a06_2884 {
      ._messageBodyHeaderLeftInfo_10a06_2890 {
        ._messageBodyHeaderLeftInfoTitle_10a06_2898 {
          font-size: 17px;

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

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

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


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

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

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

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

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

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

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

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

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

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

        ._recentSalesInvoice_10a06_3702 {
          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_10a06_3713,
        ._recentSalesDate_10a06_3714 {
          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_10a06_3724 {
          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_10a06_3742 {
          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_10a06_3763 {
        background-color: transparent !important;
      }

    }

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

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

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

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

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

      }

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

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

    }

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

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

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

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

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

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

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

  }
}

._messageC2Body_10a06_3938 {
  -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_10a06_2874 {
    ._messageBodyHeaderLeft_10a06_2884 {
      ._messageBodyHeaderLeftInfo_10a06_2890 {
        ._messageBodyHeaderLeftInfoTitle_10a06_2898 {
          font-size: 17px;

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

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

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


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

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


        ._messageBodyContentHeadersItemTPDF_10a06_4006 {
          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_10a06_4020 {
          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_10a06_4034 {
          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_10a06_4048 {
          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_10a06_3742 {
          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_10a06_3763 {
        background-color: transparent !important;
      }
    }

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

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

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

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

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

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

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

  }
}

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

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

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

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

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

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

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

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

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

._customerRecentSalesInvoice_10a06_4343 {
  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_10a06_4355,
._customerRecentSalesDate_10a06_4356 {
  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_10a06_4367 {
  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_10a06_4389 {
  background: transparent !important;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

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

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

._customerRecentSalesContent_10a06_4212 ._messageBodyContentFooterSubAlt_10a06_3187 {
  display: flex;
  margin: 0 15px;
}

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

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

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

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

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

._customerCommerceIcon_10a06_4476 {
  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_10a06_4476 svg {
  width: 24px;
  height: 24px;
}

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

._customerCommerceAmount_10a06_4501 {
  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_10a06_4515 {
  position: absolute;
  right: 14px;
  bottom: 13px;
  left: 14px;
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: 2px;
}

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

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

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

._customerCommerceMeta_10a06_4515 ._customerCommerceEyebrow_10a06_4546 {
  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_10a06_4447 {
    border: 0;
    background: rgba(15, 23, 42, 0.055);
    color: #111827;
  }

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

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

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

  ._customerCommercePaymentIcon_10a06_4493 {
    color: #fff;
  }

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

  ._customerCommerceMeta_10a06_4515 ._customerCommerceEyebrow_10a06_4546 {
    color: rgba(51, 65, 85, 0.82);
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

._contextItem_10a06_4780 {
  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_10a06_4810,
._contextItemDanger_10a06_4810 svg { color: rgb(255, 105, 97) !important; }

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

  80% {
    transform: scale(1.02);
  }

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

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



._hoverCardContent_10a06_4837 {
  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_10a06_1 0.2s ease;
}

._customerGroupHoverCard_10a06_4848 { width: 288px; padding: 0; overflow: hidden; border-radius: 11px; background: rgb(32,32,35); }
._customerFolderHoverCard_10a06_4849 { width: 276px; padding: 0; overflow: hidden; border-radius: 11px; background: rgb(32,32,35); }
._customerGroupHoverHeader_10a06_4850 { display: flex; align-items: center; gap: 10px; padding: 13px 14px 11px; }
._customerGroupHoverAvatar_10a06_4851 { width: 34px; height: 34px; flex: 0 0 34px; }
._customerGroupHoverHeader_10a06_4850 > div { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
._customerGroupHoverHeader_10a06_4850 strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: rgba(255,255,255,.92); font-size: 14px; font-weight: 500; }
._customerGroupHoverHeader_10a06_4850 span { color: rgba(255,255,255,.43); font-size: 10px; text-transform: uppercase; letter-spacing: .07em; }
._customerGroupHoverDescription_10a06_4855 { margin: 0; padding: 0 14px 12px; color: rgba(255,255,255,.55); font-size: 12px; line-height: 1.4; }
._customerGroupHoverStats_10a06_4856 { 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_10a06_4856 > div { display: flex; flex-direction: column; gap: 2px; padding: 10px 14px; }
._customerGroupHoverStats_10a06_4856 > div + div { border-left: 1px solid rgba(120,120,128,.2); }
._customerGroupHoverStats_10a06_4856 strong { color: rgba(255,255,255,.9); font-size: 17px; font-weight: 500; }
._customerGroupHoverStats_10a06_4856 span { color: rgba(255,255,255,.43); font-size: 10px; }
._customerGroupHoverPeople_10a06_4861 { display: flex; flex-direction: column; padding: 10px 14px 12px; }
._customerGroupHoverPeople_10a06_4861 > span { margin-bottom: 6px; color: rgba(255,255,255,.38); font-size: 9px; text-transform: uppercase; letter-spacing: .1em; }
._customerGroupHoverPeople_10a06_4861 > div { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-width: 0; padding: 3px 0; }
._customerGroupHoverPeople_10a06_4861 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_10a06_4861 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_10a06_4866 { 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_10a06_4866 strong { color: rgba(255,255,255,.9); font-size: 17px; font-weight: 500; }
._customerFolderHoverCount_10a06_4866 span { color: rgba(255,255,255,.43); font-size: 10px; }

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

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

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

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

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

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

._avatarHoverRoot_10a06_4905 {
  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_10a06_4920 {
  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_10a06_4933 {
  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_10a06_1;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  ._sidebar_10a06_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_10a06_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_10a06_825,
  ._messageContentHeader_10a06_1194 {
    background: #ffffff;
    border-bottom: 1px solid transparent;
  }

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

  ._sidebarHeader_10a06_401 h2,
  ._foldersHeader_10a06_526 h3,
  ._headerTop_10a06_590 h2,
  ._sender_10a06_942,
  ._subject_10a06_998,
  ._messageBodyHeader_10a06_2874 ._messageBodyHeaderLeft_10a06_2884 ._messageBodyHeaderLeftInfo_10a06_2890 ._messageBodyHeaderLeftInfoTitle_10a06_2898,
  ._messageBodyContent_10a06_2979 ._messageBodyContentHeaders_10a06_2984 ._messageBodyContentHeadersSubTitle_10a06_2999,
  ._messageBodyContentFooterMainTitle_10a06_3206,
  ._messageBodyContentFooterMainSubTitle_10a06_3226,
  ._Text_10a06_4992 {
    color: #1f2937;
  }

  ._mailboxName_10a06_471 {
    color: #243043;
  }

  ._count_10a06_484,
  ._headerInfo_10a06_629,
  ._preview_10a06_1025,
  ._summaryLine_10a06_1015,
  ._customerListAddress_10a06_995,
  ._time_10a06_955,
  ._messageBodyHeader_10a06_2874 ._messageBodyHeaderRight_10a06_2946 ._messageBodyHeaderRightDate_10a06_2952,
  ._messageBodyHeader_10a06_2874 ._messageBodyHeaderLeft_10a06_2884 ._messageBodyHeaderLeftInfo_10a06_2890 ._messageBodyHeaderLeftInfoSubtitle_10a06_2919 span,
  ._messageBodyHeaderLeftInfoSubtitle_10a06_2919,
  ._messageBodyContent_10a06_2979 ._messageBodyContentHeaders_10a06_2984 ._messageBodyContentHeadersTitle_10a06_2993,
  ._messageBodyContentSeparator_10a06_3071 span,
  ._messageBodyContentFooterSubTitle_10a06_3171,
  ._messageBodyContentFooterSubSubTitle_10a06_3178,
  ._messageBodyContentFooterSubAltTitle_10a06_3191,
  ._Text_10a06_4992.faded {
    color: rgba(71, 85, 105, 0.88) !important;
  }

  ._mailboxItem_10a06_432:hover,
  ._messageBodyHeader_10a06_2874 ._messageBodyHeaderLeft_10a06_2884 ._messageBodyHeaderLeftInfo_10a06_2890 ._messageBodyHeaderLeftInfoTitle_10a06_2898:hover,
  ._messageBodyHeader_10a06_2874 ._messageBodyHeaderLeft_10a06_2884 ._messageBodyHeaderLeftInfo_10a06_2890 ._messageBodyHeaderLeftInfoSubtitle_10a06_2919 span:hover,
  ._messageBodyHeader_10a06_2874 ._messageBodyHeaderRight_10a06_2946 ._messageDetailsButton_10a06_2961:hover,
  ._contextItem_10a06_4780:hover {
    background-color: rgba(200, 200, 200, 0.35);
  }

  ._mailboxItem_10a06_432._active_10a06_452 {
    background: rgba(120, 120, 128, 0.1);
    color: rgba(0, 0, 0, 0.88);

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

  ._iconButton_10a06_613,
  ._messageBodyHeader_10a06_2874 ._messageBodyHeaderRight_10a06_2946 ._messageDetailsButton_10a06_2961,
  ._detailsButton_10a06_1514,
  ._messageViewLink_10a06_4605 a,
  ._contextItem_10a06_4780 svg,
  ._mailboxItem_10a06_432 svg {
    color: #7db5e2;
  }

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

  ._searchIcon_10a06_661,
  ._searchClearIcon_10a06_667 {
    color: #6b7280;
  }

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

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

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

  ._topHits_10a06_702,
  ._messageBody_10a06_2859,
  ._messageC1Body_10a06_3504,
  ._messageC2Body_10a06_3938,
  ._messageC3Body_10a06_5178 {
    background: rgba(255, 255, 255, 0.985);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15);
  }

  ._messageBody_10a06_2859 {
    background: #ffffff;
  }

  ._topHits_10a06_702 ._topHitsLabel_10a06_709 {
    color: #1f2937;
  }

  ._messageItem_10a06_718._selected_10a06_722,
  ._topHits_10a06_702 ._messageItem_10a06_718._selected_10a06_722 {
    background: rgba(120, 120, 128, 0.15);
  }

  ._subject_10a06_998 {
    color: #111827;
  }

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

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

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

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

  ._messageBodyContentFooterMain_10a06_3199 ._messageBodyContentFooterMainTitle_10a06_3206 ._saleStateBadge_10a06_1052 {
    color: #ffffff !important;
    background-color: inherit;
  }

  ._messageBodyContentFooterMain_10a06_3199 ._messageBodyContentFooterMainTitle_10a06_3206 ._saleStateBadge_paid_10a06_1067 {
    background: rgb(0, 170, 0) !important;
  }

  ._messageBodyContentFooterMain_10a06_3199 ._messageBodyContentFooterMainTitle_10a06_3206 ._saleStateBadge_due_10a06_1071 {
    background: rgb(228, 43, 43) !important;
  }

  ._messageBodyContentFooterMain_10a06_3199 ._messageBodyContentFooterMainTitle_10a06_3206 ._saleStateBadge_partiallypaid_10a06_1075 {
    background: rgb(224, 166, 32) !important;
  }

  ._messageItem_10a06_718._selected_10a06_722 ._metaPill_10a06_1035,
  ._topHits_10a06_702 ._messageItem_10a06_718._selected_10a06_722 ._metaPill_10a06_1035 {
    background: rgba(100, 116, 139, 0.18);
    color: #0f172a;
  }

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

  ._confirmHeader_10a06_1105 p,
  ._confirmHint_10a06_1163 {
    color: rgba(71, 85, 105, 0.88);
  }

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

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

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

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

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

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

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

  ._unreadIndicator_10a06_1177,
  ._unreadDot_10a06_645 {
    background-color: #18a957;
  }

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


  ._lightIcon_10a06_904 {
    display: flex;
  }

  ._darkIcon_10a06_908 {
    display: none;
  }

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

  ._messageBodyContent_10a06_2979 ._messageBodyContentHeaders_10a06_2984 ._messageBodyContentHeadersItemL_10a06_3009,
  ._messageBodyContent_10a06_2979 ._messageBodyContentHeaders_10a06_2984 ._messageBodyContentHeadersItemS_10a06_3029,
  ._messageBodyContentSeparator_10a06_3071 span,
  ._messageBodyContentFooterMain_10a06_3199,
  ._messageBodyContentFooterSub_10a06_3167,
  ._messageBodyContentFooterSubAlt_10a06_3187 {
    background-color: rgba(241, 241, 241, 1) !important;
    color: #1f2937;
  }

  ._messageBodyContentFooterSubAlt_10a06_3187,
  ._messageBodyContentFooterSubTitle_10a06_3171,
  ._messageBodyContentFooterSubAltTitle_10a06_3191 {
    color: rgba(71, 85, 105, 0.84) !important;
    background-color: transparent !important;
  }

  ._messageC1Body_10a06_3504 ._messageBodyContent_10a06_2979 ._messageBodyContentSeparator_10a06_3071 span,
  ._messageC2Body_10a06_3938 ._messageBodyContent_10a06_2979 ._messageBodyContentSeparator_10a06_3071 span,
  ._messageC3Body_10a06_5178 ._messageBodyContent_10a06_2979 ._messageBodyContentSeparator_10a06_3071 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_10a06_3199,
  ._messageBodyContentItemDetailsTitle_10a06_3130,
  ._messageBodyContentItemTotalsAmount_10a06_3153,
  ._messageBodyContentFooterSubSubTitle_10a06_3178,
  ._messageBodyContentFooterMainTitle_10a06_3206,
  ._messageBodyContentFooterMainSubTitle_10a06_3226 {
    color: #1f2937 !important;
    background-color: transparent !important;
  }

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

  ._messageC1Body_10a06_3504 ._messageBodyContentFooter_10a06_3162 ._messageBodyContentFooterMain_10a06_3199 ._messageBodyContentFooterMainTitle_10a06_3206 span,
  ._messageC2Body_10a06_3938 ._messageBodyContentFooter_10a06_3162 ._messageBodyContentFooterMain_10a06_3199 ._messageBodyContentFooterMainTitle_10a06_3206 span,
  ._messageC3Body_10a06_5178 ._messageBodyContentFooter_10a06_3162 ._messageBodyContentFooterMain_10a06_3199 ._messageBodyContentFooterMainTitle_10a06_3206 span {
    padding: 0;
  }

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

  ._messageBodyContentFooterSub_10a06_3167,
  ._messageBodyContentFooterSubTitle_10a06_3171 {
    color: #1f2937 !important;
    background: transparent !important;
  }

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

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

  ._messageC1Body_10a06_3504 ._messageBodyContent_10a06_2979 ._messageBodyContentHeaders_10a06_2984 ._messageBodyContentHeadersItem_10a06_3009,
  ._messageC2Body_10a06_3938 ._messageBodyContent_10a06_2979 ._messageBodyContentHeaders_10a06_2984 ._messageBodyContentHeadersItem_10a06_3009 {
    background-color: rgba(241, 241, 241, 1);
  }

  ._messageC1Body_10a06_3504 ._messageBodyContent_10a06_2979 ._messageBodyContentHeaders_10a06_2984 ._messageBodyContentHeadersItem_10a06_3009:nth-child(even),
  ._messageC2Body_10a06_3938 ._messageBodyContent_10a06_2979 ._messageBodyContentHeaders_10a06_2984 ._messageBodyContentHeadersItem_10a06_3009:nth-child(even) {
    background-color: rgba(249, 249, 249, 1);
  }

  ._messageC1Body_10a06_3504 ._messageBodyContent_10a06_2979 ._messageBodyContentHeaders_10a06_2984 ._addDocumentButton_10a06_3763,
  ._messageC2Body_10a06_3938 ._messageBodyContent_10a06_2979 ._messageBodyContentHeaders_10a06_2984 ._addDocumentButton_10a06_3763 {
    background: transparent !important;
    border-radius: 18px;
  }

  ._messageC1Body_10a06_3504 ._messageBodyContent_10a06_2979 ._messageBodyContentHeaders_10a06_2984 ._messageBodyContentHeadersItemTADB_10a06_3742,
  ._messageC2Body_10a06_3938 ._messageBodyContent_10a06_2979 ._messageBodyContentHeaders_10a06_2984 ._messageBodyContentHeadersItemTADB_10a06_3742 {
    background: rgba(0, 0, 0, 0.075) !important;
    color: #1f2937;
  }

  ._messageC1Body_10a06_3504 ._messageBodyContent_10a06_2979 ._messageBodyContentHeaders_10a06_2984 ._messageBodyContentHeadersItemTPICON_10a06_3415,
  ._messageC2Body_10a06_3938 ._messageBodyContent_10a06_2979 ._messageBodyContentHeaders_10a06_2984 ._messageBodyContentHeadersItemTPICON_10a06_3415 {
    color: rgba(71, 85, 105, 0.82);
  }

  ._messageC1Body_10a06_3504 ._messageBodyContent_10a06_2979 ._messageBodyContentHeaders_10a06_2984 ._messageBodyContentHeadersItemTPICON_10a06_3415 svg,
  ._messageC2Body_10a06_3938 ._messageBodyContent_10a06_2979 ._messageBodyContentHeaders_10a06_2984 ._messageBodyContentHeadersItemTPICON_10a06_3415 svg {
    color: rgba(71, 85, 105, 0.82);
  }

  ._messageC1Body_10a06_3504 ._messageBodyContent_10a06_2979 ._messageBodyContentHeaders_10a06_2984 ._messageBodyContentHeadersItemTDT_10a06_3575,
  ._messageC2Body_10a06_3938 ._messageBodyContent_10a06_2979 ._messageBodyContentHeaders_10a06_2984 ._messageBodyContentHeadersItemTPDF_10a06_4006,
  ._messageC2Body_10a06_3938 ._messageBodyContent_10a06_2979 ._messageBodyContentHeaders_10a06_2984 ._messageBodyContentHeadersItemTPNG_10a06_4020,
  ._messageC2Body_10a06_3938 ._messageBodyContent_10a06_2979 ._messageBodyContentHeaders_10a06_2984 ._messageBodyContentHeadersItemTJPG_10a06_4034,
  ._messageC2Body_10a06_3938 ._messageBodyContent_10a06_2979 ._messageBodyContentHeaders_10a06_2984 ._messageBodyContentHeadersItemTXLS_10a06_4048 {
    box-shadow: 0 8px 18px rgba(148, 163, 184, 0.18);
  }

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

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

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

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

  ._PaymentOverlayContent_10a06_3247 ._PaymentOverlayContentMain_10a06_3293,
  ._PaymentOverlayContent_10a06_3247 ._PaymentOverlayContentMain_10a06_3293 ._PaymentOverlayContentMainTitle_10a06_3299,
  ._PaymentOverlayContent_10a06_3247 ._PaymentOverlayContentMain_10a06_3293 ._PaymentOverlayContentMainSectionTitle_10a06_3312,
  ._PaymentOverlayContent_10a06_3247 ._PaymentOverlayContentMain_10a06_3293 ._PaymentOverlayContentMainSectionValue_10a06_3319 {
    color: #1f2937 !important;
    border-color: rgba(189, 193, 198, 0.76) !important;
  }

  ._PaymentOverlayContent_10a06_3247 ._PaymentOverlayContentMain_10a06_3293 ._PaymentOverlayContentMainSectionBody_10a06_3375 {
    color: rgba(71, 85, 105, 0.88) !important;
  }

  ._PaymentOverlayContent_10a06_3247 ._PaymentOverlayContentMain_10a06_3293 ._PaymentOverlayContentMainSectionTable_10a06_3387 ._messageBodyContentHeadersItem_10a06_3009,
  ._PaymentOverlayContent_10a06_3247 ._PaymentOverlayContentMain_10a06_3293 ._PaymentOverlayContentMainSectionTable1_10a06_3434 ._messageBodyContentHeadersItem_10a06_3009 {
    background-color: rgba(241, 241, 241, 0.98) !important;
    border-color: rgba(189, 193, 198, 0.76) !important;
  }

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

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

  ._PaymentOverlayContent_10a06_3247 ._PaymentOverlayContentMain_10a06_3293 ._PaymentOverlayContentMainSectionBtnPrimary_10a06_3342 {
    background: #000 !important;
    color: #fff !important;
  }

  ._PaymentOverlayContent_10a06_3247 ._PaymentOverlayContentMain_10a06_3293 ._PaymentOverlayContentMainSectionBtnSecondary_10a06_3359 {
    background: rgba(231, 231, 231, 0.98) !important;
    color: #334155;
  }

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

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

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

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

  ._contextMenu_10a06_4737,
  ._hoverCardContent_10a06_4837,
  ._Content_10a06_4933 {
    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_10a06_4780[data-disabled] {
    color: #111827;
  }

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

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

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

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

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

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

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

  ._customerMiniCard_10a06_1733,
  ._customerMetricCard_10a06_1944,
  ._customerFinanceCard_10a06_1971,
  ._customerScopeBlock_10a06_2227,
  ._customerNoteItem_10a06_1791,
  ._customerProfileStackCard_10a06_1768,
  ._customerHeatmapTile_10a06_1898,
  ._customerFinanceModalCard_10a06_2117,
  ._customerAgingItem_10a06_2037 {
    background: rgba(248, 250, 253, 0.98) !important;
    border-color: rgba(214, 223, 235, 0.9) !important;
    box-shadow: none !important;
  }

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

  ._customerHeatmapGrid_10a06_1882,
  ._customerProfileLocationSection_10a06_2388 {
    background: rgba(15, 23, 42, 0.09);
  }

  ._customerProfileOverviewCard_10a06_2506 ._customerHeatmapTile_10a06_1898,
  ._customerProfileAddressTile_10a06_2414,
  ._customerProfileMapTile_10a06_2415,
  ._customerRecordSectionHeading_10a06_2519 {
    background: rgb(248, 250, 253) !important;
  }

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

  ._customerRecordSectionHeading_10a06_2519 span {
    color: #0f172a;
  }

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

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

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

  ._customerMiniCard_10a06_1733:hover,
  ._customerScopeBlock_10a06_2227:hover,
  ._customerNoteItem_10a06_1791:hover,
  ._customerProfileStackCard_10a06_1768:hover {
    background: rgba(242, 246, 252, 0.98) !important;
  }

  ._customerDetailsMiniGrid_10a06_1668 > ._customerMiniCard_10a06_1733:not(._customerProfileOverviewCard_10a06_2506),
  ._customerDetailsMiniGrid_10a06_1668 > ._customerMiniCard_10a06_1733:not(._customerProfileOverviewCard_10a06_2506):hover {
    background: rgb(248, 250, 253) !important;
    border: 0 !important;
  }

  ._customerDetailsMiniGrid_10a06_1668 > ._customerMiniCard_10a06_1733:not(._customerProfileOverviewCard_10a06_2506) > ._customerSectionEyebrow_10a06_1751 {
    color: #0f172a !important;
    border-bottom-color: rgba(15, 23, 42, 0.09);
  }

  ._customerDetailsMiniGrid_10a06_1668 ._customerNoteItem_10a06_1791 {
    background: transparent !important;
    border: 0 !important;
  }

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

  ._customerDetailsMiniGrid_10a06_1668 ._customerFinanceTopRow_10a06_1965,
  ._customerDetailsMiniGrid_10a06_1668 ._customerAnalyticsMetricsGrid_10a06_1948 {
    background: rgba(15, 23, 42, 0.09) !important;
  }

  ._customerDetailsMiniGrid_10a06_1668 ._customerFinanceCard_10a06_1971,
  ._customerDetailsMiniGrid_10a06_1668 ._customerMetricCard_10a06_1944 {
    background: rgb(248, 250, 253) !important;
    border: 0 !important;
  }

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

  ._customerSectionEyebrow_10a06_1751,
  ._customerMetricLabel_10a06_2171,
  ._customerProfileLabel_10a06_2373,
  ._customerAddressTitle_10a06_2474,
  ._customerScopeBlockTitle_10a06_2239,
  ._customerScopeTitle_10a06_2754 {
    color: rgba(71, 85, 105, 0.86) !important;
  }

  ._customerMetricValue_10a06_2178,
  ._customerProfileValue_10a06_2381,
  ._customerNoteTitle_10a06_1801,
  ._customerNoteBody_10a06_1808,
  ._customerInsightValue_10a06_2303,
  ._customerFinancePercent_10a06_1988,
  ._customerAgingItem_10a06_2037 strong {
    color: #0f172a !important;
  }

  ._customerHeaderMetaText_10a06_1837,
  ._customerHeaderMetaDot_10a06_1844,
  ._customerOverviewMetaItem_10a06_1831,
  ._customerAddressLine_10a06_2482,
  ._customerAnalyticsSummaryLabel_10a06_5658,
  ._customerQuickFact_10a06_2287 {
    color: rgba(51, 65, 85, 0.82) !important;
  }

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

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

  ._customerAddressPill_10a06_2604,
  ._customerScopeTag_10a06_2247,
  ._customerScopeTagMuted_10a06_2248,
  ._customerScopeMore_10a06_2272,
  ._customerRecentSalesByPill_10a06_4367 {
    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_10a06_4316 {
    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_10a06_2326,
  ._customerStatusText_active_10a06_2333,
  ._customerStatusText_inactive_10a06_2337,
  ._customerStatusText_warning_10a06_2341 {
    color: #1f2937 !important;
    font-weight: 400 !important;
  }

  ._customerFinanceCockpit_10a06_1958,
  ._customerFinanceTopRow_10a06_1965,
  ._customerMetricsGrid_10a06_1934,
  ._customerAnalyticsMetricsGrid_10a06_1948,
  ._customerScopeDualBlocks_10a06_2217 {
    background: transparent !important;
  }

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

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

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

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

  ._customerRecentSalesAddTile_10a06_4389 {
    background: transparent !important;
  }

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

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

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

  ._customerRecentSalesBody_10a06_4196 {
    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_10a06_4273,
  ._customerRecentSalesInvoice_10a06_4343 {
    color: #0f172a !important;
  }

  ._customerRecentSalesOrder_10a06_4355,
  ._customerRecentSalesDate_10a06_4356,
  ._customerDetailsLastEditText_10a06_4590 {
    color: rgba(71, 85, 105, 0.84) !important;
  }

  ._customerRecentSalesContent_10a06_4212 ._messageBodyContentFooter_10a06_3162,
  ._customerDetailsLastEditRow_10a06_4585 {
    border-top-color: rgba(214, 223, 235, 0.92) !important;
  }

  ._customerMapImageDark_10a06_2832 {
    display: none;
  }

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

  ._customerProfileMapTile_10a06_2415 ._customerProfileLabel_10a06_2373 {
    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_10a06_2415 ._customerProfileAddressMeta_10a06_2780 {
    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_10a06_5786 {
    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_10a06_5792 {
    color: rgba(30, 41, 59, 0.85) !important;
  }
}

._customerSettingsInput_10a06_5786 {
  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_10a06_5786 {
  padding-right: 30px;
  line-height: 20px;
  cursor: pointer;
}

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

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

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

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

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

._customerSettingsRow_10a06_5842 {
  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_10a06_5842 + ._customerSettingsRow_10a06_5842 {
  border-top: 1px solid rgba(255, 255, 255, 0.065);
}

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

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

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

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

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

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

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

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

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

._customerSettingsFooter_10a06_5934 {
  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_10a06_5934 > span {
  color: rgba(255, 255, 255, 0.38);
  font-size: 12px;
  font-weight: 400;
}

._customerSettingsSaveButton_10a06_5950 {
  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_10a06_5950:hover:not(:disabled) {
  background: #fff;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

._overlayFormSection_10a06_6045 {
  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_10a06_6056 { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
._overlayFormSectionEyebrow_10a06_6057 { margin: 0; font-size: 10px; line-height: 1.2; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.42); }
._overlayFormSectionTitle_10a06_6058 { margin: 0; font-size: 14px; line-height: 1.3; font-weight: 500; color: rgba(255,255,255,0.95); }
._overlayFormSectionBody_10a06_6059 { margin: 0; max-width: 760px; font-size: 12px; line-height: 1.55; color: rgba(255,255,255,0.64); }

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

._overlayDraftInput_10a06_6066 {
  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_10a06_6066:focus { border-color: rgba(160,160,168,0.5); background: rgba(255,255,255,0.062); }

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

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

._overlayTeamMembersWrap_10a06_150 { display: flex; flex-direction: column; gap: 10px; }
._overlayTeamMemberRow_10a06_6086 { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(120px,.65fr) 32px; gap: 10px; align-items: end; }
._enterpriseMemberPicker_10a06_6087 { position: relative; min-width: 0; }
._enterpriseMemberPickerTrigger_10a06_6088 { 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_10a06_6088:focus,._enterpriseMemberPickerTrigger_10a06_6088:focus-visible { outline: none !important; box-shadow: none !important; background: rgba(255,255,255,.1); }
._enterpriseMemberPickerTrigger_10a06_6088 > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; }
._enterpriseMemberPickerTrigger_10a06_6088 > svg { margin-left: auto; flex: 0 0 auto; color: rgba(255,255,255,.45); }
._enterpriseMemberPickerPlaceholder_10a06_6092 { color: rgba(255,255,255,.42); }
._enterpriseMemberPickerAvatar_10a06_6093 { width: 26px; height: 26px; flex: 0 0 26px; overflow: hidden; border-radius: 50%; }
._enterpriseMemberPickerAvatar_10a06_6093 ._avatarFallback_10a06_180 { border-radius: 50%; font-size: 10px; }
._enterpriseMemberPickerMenu_10a06_6095 { 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_10a06_6095 > 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_10a06_6095 > button:hover { background: rgba(255,255,255,.07); }
._enterpriseMemberPickerMenu_10a06_6095 > button > span { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
._enterpriseMemberPickerMenu_10a06_6095 strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: rgba(255,255,255,.88); font-size: 12px; font-weight: 500; }
._enterpriseMemberPickerMenu_10a06_6095 small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: rgba(255,255,255,.45); font-size: 10px; }
._enterpriseMemberPickerMenu_10a06_6095 > p { margin: 0; padding: 12px 10px; color: rgba(255,255,255,.48); font-size: 11px; line-height: 1.4; }
._enterpriseMemberRoleSelect_10a06_6102 { border: 0 !important; outline: none !important; box-shadow: none !important; background: rgba(255,255,255,.06) !important; color: rgba(255,255,255,.68); }
._enterpriseMemberRoleSelect_10a06_6102:focus,._enterpriseMemberRoleSelect_10a06_6102:focus-visible,._enterpriseMemberSearchInput_10a06_6103:focus,._enterpriseMemberSearchInput_10a06_6103:focus-visible { border-color: transparent !important; outline: none !important; box-shadow: none !important; background: rgba(255,255,255,.1) !important; }
._overlayTeamMemberRemove_10a06_6104 { 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_10a06_6104 svg { display: block; margin: auto; }
._overlayTeamMemberRemove_10a06_6104:hover { color: rgb(255,105,97); background: rgba(255,105,97,.08); }
._overlayTeamMemberRemove_10a06_6104:focus,._overlayTeamMemberRemove_10a06_6104:focus-visible { outline: none !important; box-shadow: none !important; background: rgba(255,105,97,.08); }
._overlayTeamMemberRemove_10a06_6104:disabled { opacity: 0.3; cursor: default; }
._overlayTeamMemberAdd_10a06_6109 { 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_10a06_6109:hover { color: rgba(255,255,255,0.85); border-color: rgba(255,255,255,0.25); }

@media (prefers-color-scheme: light) {
  ._overlayFormSection_10a06_6045 { border-color: rgba(0,0,0,0.1); background: rgba(0,0,0,0.025); }
  ._overlayFormSectionEyebrow_10a06_6057 { color: rgba(30,41,59,0.45); }
  ._overlayFormSectionTitle_10a06_6058 { color: rgba(30,41,59,0.95); }
  ._overlayFormSectionBody_10a06_6059 { color: rgba(30,41,59,0.58); }
  ._overlayFieldLabel_10a06_1372 { color: rgba(30,41,59,0.9); }
  ._overlayDraftInput_10a06_6066 { border-color: rgba(0,0,0,0.15); background: rgba(0,0,0,0.03); color: rgba(30,41,59,0.92); }
  ._overlayDraftInput_10a06_6066:focus { border-color: rgba(0,122,255,0.5); background: rgba(0,0,0,0.02); }
  ._overlayCheckboxLabel_10a06_6076 { color: rgba(30,41,59,0.88); }
  ._overlayReviewCard_10a06_6080 { border-color: rgba(0,0,0,0.08); background: rgba(0,0,0,0.025); }
  ._overlayReviewCard_10a06_6080 span { color: rgba(30,41,59,0.42); }
  ._overlayReviewCard_10a06_6080 strong { color: rgb(30,41,59); }
  ._overlayReviewCard_10a06_6080 small { color: rgba(30,41,59,0.52); }
  ._overlayTeamMemberRemove_10a06_6104 { background: transparent; color: rgba(205,48,39,.65); }
  ._overlayTeamMemberAdd_10a06_6109 { border-color: rgba(0,0,0,0.12); color: rgba(30,41,59,0.55); }
  ._enterpriseMemberPickerTrigger_10a06_6088 { background: rgba(15,23,42,.055); color: rgb(30,41,59); }
  ._enterpriseMemberPickerTrigger_10a06_6088:focus,._enterpriseMemberPickerTrigger_10a06_6088:focus-visible { background: rgba(15,23,42,.085); }
  ._enterpriseMemberRoleSelect_10a06_6102 { background: rgba(15,23,42,.055) !important; color: rgba(30,41,59,.7); }
  ._enterpriseMemberRoleSelect_10a06_6102:focus,._enterpriseMemberRoleSelect_10a06_6102:focus-visible,._enterpriseMemberSearchInput_10a06_6103:focus,._enterpriseMemberSearchInput_10a06_6103:focus-visible { background: rgba(15,23,42,.085) !important; }
  ._enterpriseMemberPickerTrigger_10a06_6088 > svg,._enterpriseMemberPickerPlaceholder_10a06_6092 { color: rgba(30,41,59,.48); }
  ._enterpriseMemberPickerMenu_10a06_6095 { border-color: rgba(15,23,42,.14); background: #fff; box-shadow: 0 14px 34px rgba(15,23,42,.16); }
  ._enterpriseMemberPickerMenu_10a06_6095 > button:hover { background: rgba(15,23,42,.055); }
  ._enterpriseMemberPickerMenu_10a06_6095 strong { color: #1e293b; }
  ._enterpriseMemberPickerMenu_10a06_6095 small,._enterpriseMemberPickerMenu_10a06_6095 > p { color: rgba(51,65,85,.58); }
}

@media (prefers-color-scheme: light) {
  ._customerGroupEditModal_10a06_134 { color: #172033; background: #fff; }
  ._customerGroupEditHeader_10a06_135,._customerGroupEditFooter_10a06_151 { border-color: rgba(15,23,42,.1); }
  ._customerGroupEditHeader_10a06_135 p,._customerGroupEditSectionHeader_10a06_143 small,._customerGroupEditField_10a06_146 > span { color: rgba(51,65,85,.58); }
  ._customerGroupEditHeader_10a06_135 > button { color: rgba(30,41,59,.7); }
  ._customerGroupEditHeader_10a06_135 > button:hover { background: rgba(15,23,42,.055); }
  ._customerGroupEditSection_10a06_142 { background: rgba(15,23,42,.04); }
  ._customerGroupEditSectionHeader_10a06_143 span { color: #334155; }
  ._customerGroupEditField_10a06_146 { border-color: rgba(15,23,42,.09); }
  ._customerGroupEditField_10a06_146 input { color: #334155; background: rgba(15,23,42,.055); }
  ._customerGroupEditField_10a06_146 input:focus,._customerGroupEditField_10a06_146 input:focus-visible { background: rgba(15,23,42,.085); }
  ._customerGroupEditFooter_10a06_151 button { color: #334155; background: rgba(15,23,42,.055); }
  ._customerGroupEditFooter_10a06_151 ._customerDirectoryPrimary_10a06_102 { color: #fff; background: rgb(30,30,32); }
  ._customerGroupHoverCard_10a06_4848,._customerFolderHoverCard_10a06_4849 { border-color: rgba(15,23,42,.12); background: #fff; }
  ._customerGroupHoverHeader_10a06_4850 strong { color: #172033; }
  ._customerGroupHoverHeader_10a06_4850 span,
  ._customerGroupHoverDescription_10a06_4855,
  ._customerGroupHoverStats_10a06_4856 span,
  ._customerGroupHoverPeople_10a06_4861 > span,
  ._customerGroupHoverPeople_10a06_4861 small { color: rgba(51,65,85,.58); }
  ._customerGroupHoverStats_10a06_4856 { border-color: rgba(15,23,42,.1); background: rgba(15,23,42,.025); }
  ._customerGroupHoverStats_10a06_4856 > div + div { border-color: rgba(15,23,42,.1); }
  ._customerGroupHoverStats_10a06_4856 strong,
  ._customerGroupHoverPeople_10a06_4861 strong { color: #334155; }
  ._customerFolderHoverCount_10a06_4866 { border-color: rgba(15,23,42,.1); background: rgba(15,23,42,.025); }
  ._customerFolderHoverCount_10a06_4866 strong { color: #334155; }
  ._customerFolderHoverCount_10a06_4866 span { color: rgba(51,65,85,.58); }
  ._customerGroupDetailsModal_10a06_159 ._customerDirectoryMainHeader_10a06_51 p,
  ._customerGroupDetailSummary_10a06_164 span,
  ._customerGroupDetailSummary_10a06_164 small,
  ._customerGroupDetailBlockHeader_10a06_171 span,
  ._customerGroupDetailBlockHeader_10a06_171 small,
  ._customerGroupWorkforceItem_10a06_177 > div span,
  ._customerGroupWorkforceItem_10a06_177 > small,
  ._customerGroupWorkforceEmpty_10a06_185 { color: rgba(51,65,85,.58); }
  ._customerGroupDetailSummary_10a06_164,
  ._customerGroupDetailBlock_10a06_170 { background: rgba(15,23,42,.04); }
  ._customerGroupDetailSummary_10a06_164 > div + div,
  ._customerGroupWorkforceList_10a06_176,
  ._customerGroupWorkforceItem_10a06_177 + ._customerGroupWorkforceItem_10a06_177 { border-color: rgba(15,23,42,.1); }
  ._customerGroupDetailSummary_10a06_164 strong,
  ._customerGroupDetailBlockHeader_10a06_171 strong,
  ._customerGroupWorkforceItem_10a06_177 strong { color: #1e293b; }
  ._customerGroupDeleteModal_10a06_189 { color: #172033; background: #fff; }
  ._customerGroupDeleteHeader_10a06_190,
  ._customerGroupDeleteFooter_10a06_198 { border-color: rgba(15,23,42,.12); }
  ._customerGroupDeleteHeader_10a06_190 p,
  ._customerGroupDeleteBody_10a06_195 > p { color: rgba(51,65,85,.65); }
  ._customerGroupDeleteHeader_10a06_190 > button { color: #475569; }
  ._customerGroupDeleteFooter_10a06_198 button { color: #334155; background: rgba(15,23,42,.055); }
  ._customerGroupDeleteFooter_10a06_198 ._customerGroupDeleteConfirm_10a06_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(28, 28, 30, 0.92);
  background-color: #f2f2f7;

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

body{
  margin: 0;
  color: inherit;
  background: inherit;
}

@media (prefers-color-scheme: dark) {
  :root { color: rgba(255, 255, 255, 0.92); background-color: #1c1c1e; }
}
/* Container */
._container_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;
}