/* Workspace kit: the list + detail panes, forms and pills that CRM (in
   customers-app), the dealer network (in inventory-app), approvals (in
   automations-app) and the service app share. Palette follows the other
   remotes (system greys, one accent per app via --ws-accent). */

._split_1hrnn_6 { --ws-accent: #0a84ff; flex: 1 1 auto; min-width: 0; height: 100%; display: flex; overflow: hidden; font-family: inherit; }
/* Dialogs size by border-box; the panes keep the mailbox's own sizing. */
._dialog_1hrnn_8, ._dialog_1hrnn_8 * { box-sizing: border-box; }
._blocks_1hrnn_9, ._block_1hrnn_9, ._chip_1hrnn_9, ._button_1hrnn_9, ._table_1hrnn_9, ._notice_1hrnn_9, ._listFilters_1hrnn_9 * { box-sizing: border-box; }
._split_1hrnn_6 input, ._split_1hrnn_6 select, ._split_1hrnn_6 textarea, ._split_1hrnn_6 button, ._dialog_1hrnn_8 input, ._dialog_1hrnn_8 select, ._dialog_1hrnn_8 textarea, ._dialog_1hrnn_8 button { font-family: inherit; }

/* ─── List pane ───
   Matches the mailbox apps (Sales, Orders, Customers) measure for measure:
   410px pane, search across the top, 21px title with its count beneath,
   rows as rounded cards selected with a quiet grey, not a flood of accent. */
._list_1hrnn_9 { width: 410px; flex: 0 0 410px; display: flex; flex-direction: column; border-right: 1px solid rgba(210, 218, 228, 0.95); background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 253, 0.98)); min-height: 0; }
._listWide_1hrnn_17 { width: auto !important; flex: 1 1 auto; border-right: 0 !important; }

/* ─── Mailbox panes: additions to shared/mailbox ─── */
._listFilters_1hrnn_9 { margin: -4px 0 8px; }
._rows_1hrnn_21 { display: flex; flex-direction: column; padding: 0 0 12px; }
._rowItem_1hrnn_22 { outline: none; }
._scrollY_1hrnn_23 { height: 100%; overflow-y: auto; overflow-x: hidden; }
._rowItem_1hrnn_22:focus-visible { box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--ws-accent) 50%, transparent); }
._rowPill_1hrnn_25 { display: inline-flex; vertical-align: middle; margin-right: 6px; }
._rowPreview_1hrnn_26 { vertical-align: middle; }
._dotBlue_1hrnn_27 { background: #0a84ff; }
._dotGrey_1hrnn_28 { background: #8e8e93; }
._badgeBlue_1hrnn_29 { background: #0a84ff; }
._badgeGrey_1hrnn_30 { background: #8e8e93; }
._recordCard_1hrnn_31 { flex: 0 0 auto; }
._titleLink_1hrnn_32 { border: 0; background: transparent; font: inherit; cursor: pointer !important; gap: 2px; }
._titleChevron_1hrnn_33 { opacity: 0; transition: opacity 120ms ease; color: var(--ws-accent); }
._titleLink_1hrnn_32:hover ._titleChevron_1hrnn_33 { opacity: 1; }
._sectionHead_1hrnn_35 { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 0 0 8px; }
._sectionActions_1hrnn_36 { display: flex; gap: 6px; }
._blocks_1hrnn_9 { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 1px; border-radius: 5px; overflow: hidden; }
._block_1hrnn_9 { min-height: 60px; padding: 10px 15px; display: flex; flex-direction: column; justify-content: center; gap: 3px; background: rgba(255, 255, 255, 0.075); min-width: 0; }
._blockLabel_1hrnn_39 { color: rgba(255, 255, 255, 0.5); font-size: 11px; }
._blockValue_1hrnn_40 { color: rgba(255, 255, 255, 0.98); font-size: 14px; line-height: 18px; overflow-wrap: anywhere; }
._emptyLine_1hrnn_41 { margin: 6px 0; color: rgba(255, 255, 255, 0.5); font-size: 13px; }
._itemIcon_1hrnn_42 { display: flex !important; align-items: center; justify-content: center; background: rgba(127, 127, 127, 0.1); color: var(--ws-accent); width: 44px !important; height: 44px !important; }
._itemAction_1hrnn_43 { margin-top: 4px; }
._itemAction_1hrnn_43 button { height: 24px; padding: 0 8px; font-size: 12px; }
._linkButton_1hrnn_45 { padding: 0; border: 0; background: none; color: var(--ws-accent); font: inherit; cursor: pointer; text-align: left; }
._linkButton_1hrnn_45:hover { text-decoration: underline; }
._note_1hrnn_47 { margin: 10px 0 0; padding: 12px 15px; display: flex; flex-direction: column; gap: 4px; border-radius: 5px; background: rgba(255, 255, 255, 0.075); font-size: 14px; line-height: 1.45; white-space: pre-line; }
._note_1hrnn_47 strong { color: rgba(255, 255, 255, 0.5); font-size: 11px; font-weight: 400; }
._lines_1hrnn_49 { display: flex; flex-direction: column; gap: 6px; }
._linesHead_1hrnn_50, ._linesRow_1hrnn_50 { display: grid; gap: 6px; align-items: center; }
._linesHead_1hrnn_50 span { color: #8e8e93; font-size: 11px; }
._linesRow_1hrnn_50 input { min-width: 0; height: 32px !important; }
._linesRemove_1hrnn_53 { width: 28px; height: 28px; padding: 0; display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 7px; background: transparent; color: #8e8e93; cursor: pointer; }
._linesRemove_1hrnn_53:hover:not(:disabled) { background: rgba(120, 120, 128, 0.14); color: #d70015; }
._linesRemove_1hrnn_53:disabled { opacity: 0.3; cursor: default; }
._linesFoot_1hrnn_56 { display: flex; align-items: center; justify-content: space-between; font-size: 13px; color: #6e6e73; }
._linesFoot_1hrnn_56 strong { color: inherit; font-weight: 600; }
._linesAdd_1hrnn_58 { padding: 4px 0; border: 0; background: none; color: var(--ws-accent); font: inherit; font-size: 13px; cursor: pointer; }
._footerSpacer_1hrnn_59 { background: transparent !important; padding: 0 !important; }
._actionDanger_1hrnn_60 { color: #ff453a !important; }
._listHeader_1hrnn_61 { padding: 12px 20px 10px; display: flex; flex-direction: column; gap: 10px; }
._listTitleRow_1hrnn_62 { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; }
._listTitleText_1hrnn_63 { display: flex; flex-direction: column; min-width: 0; }
._listTitleRow_1hrnn_62 h2 { margin: 0; font-size: 21px; font-weight: 500; line-height: 32px; color: #1f2937; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
._listCount_1hrnn_65 { color: rgba(71, 85, 105, 0.88); font-size: 14px; line-height: 21px; }
._listSubtitle_1hrnn_66 { color: #8e8e93; font-size: 12px; }
._headerActions_1hrnn_67 { display: flex; align-items: center; gap: 2px; flex: 0 0 auto; }
/* Header actions are quiet accent text, like the mailbox's toolbar icons. */
._headerActions_1hrnn_67 ._button_1hrnn_9, ._headerActions_1hrnn_67 ._button_1hrnn_9._primary_1hrnn_69 { height: 30px; padding: 0 8px; border: 0; background: transparent; color: var(--ws-accent); font-weight: 500; font-size: 14px; }
._headerActions_1hrnn_67 ._button_1hrnn_9:hover, ._headerActions_1hrnn_67 ._button_1hrnn_9._primary_1hrnn_69:hover { background: rgba(120, 120, 128, 0.12); }
._search_1hrnn_71 { height: 34px; padding: 0 10px; display: flex; align-items: center; gap: 8px; border: 1px solid rgb(209, 209, 214); border-radius: 8px; color: #94a3b8; background: rgba(248, 250, 252, 0.92); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7); }
._search_1hrnn_71:focus-within { border-color: color-mix(in srgb, var(--ws-accent) 48%, transparent); outline: 3px solid color-mix(in srgb, var(--ws-accent) 22%, transparent); }
._search_1hrnn_71 input { width: 100%; border: 0; outline: 0; background: transparent; color: #1f2937; font: inherit; font-size: 14px; caret-color: var(--ws-accent); }
._search_1hrnn_71 input::placeholder { color: #94a3b8; }
._chips_1hrnn_75 { display: flex; flex-wrap: wrap; gap: 6px; }
._chip_1hrnn_9 { height: 26px; padding: 0 11px; border: 0; border-radius: 13px; background: rgba(118, 118, 128, 0.1); color: #3a3a3c; font: inherit; font-size: 12px; font-weight: 500; cursor: pointer; }
._chip_1hrnn_9:hover { background: rgba(118, 118, 128, 0.18); }
._chipActive_1hrnn_78, ._chipActive_1hrnn_78:hover { background: rgba(120, 120, 128, 0.26); color: #0f172a; }
._rows_1hrnn_21 { flex: 1 1 auto; overflow: auto; min-height: 0; padding: 2px 0 12px; display: flex; flex-direction: column; }
._rows_1hrnn_21 > ._row_1hrnn_21 { flex: 0 0 auto; }
._row_1hrnn_21 { width: calc(100% - 20px); margin: 1px 10px; padding: 10px 12px; display: flex; flex-direction: column; gap: 3px; border: 0; border-radius: 10px; background: transparent; color: inherit; text-align: left; cursor: pointer; font: inherit; }
._row_1hrnn_21:hover { background: rgba(120, 120, 128, 0.08); }
._rowActive_1hrnn_83, ._rowActive_1hrnn_83:hover { background: rgba(120, 120, 128, 0.15); }
._rowTop_1hrnn_84 { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; min-width: 0; }
._rowTitle_1hrnn_85 { font-size: 15px; font-weight: 500; color: #1f2937; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
._rowAside_1hrnn_86 { color: #8e8e93; font-size: 12px; white-space: nowrap; }
._rowMeta_1hrnn_87 { color: #64748b; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
._listFooter_1hrnn_88 { padding: 8px 20px; border-top: 1px solid rgba(210, 218, 228, 0.95); display: flex; align-items: center; justify-content: space-between; color: #8e8e93; font-size: 12px; }

/* ─── Right pane toolbar ───
   The mailbox apps' toolbar: 64px, icons 38px apart in the app's accent;
   the app's own actions (new, import) sit at the right. */
._toolbar_1hrnn_93 { flex: 0 0 64px; height: 64px; padding: 0 16px; display: flex; align-items: center; justify-content: space-between; gap: 8px; border-bottom: 1px solid rgba(210, 218, 228, 0.6); }
._toolbarLeft_1hrnn_94, ._toolbarRight_1hrnn_94 { display: flex; align-items: center; gap: 6px; min-width: 0; }
._toolbar_1hrnn_93 ._iconButton_1hrnn_95 { width: 32px; height: 32px; }
._toolbar_1hrnn_93 ._iconButton_1hrnn_95 svg { width: 18px; height: 18px; }

/* ─── Detail pane ─── */
._detail_1hrnn_99 { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; overflow: hidden; background: #fff; }
._detailHeader_1hrnn_100 { padding: 16px 22px 12px; border-bottom: 1px solid #e5e5ea; display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
._detailHeader_1hrnn_100 h1 { margin: 0; font-size: 23px; font-weight: 500; letter-spacing: -0.5px; }
._detailHeader_1hrnn_100 p { margin: 4px 0 0; color: #6e6e73; font-size: 13px; }
._detailBody_1hrnn_103 { flex: 1 1 auto; overflow: auto; padding: 16px 22px 40px; container-type: inline-size; }
._section_1hrnn_35 { margin: 0 0 24px; }
._stepper_1hrnn_105 { margin: 0; padding: 0; list-style: none; display: flex; gap: 6px; flex-wrap: wrap; }
._stepper_1hrnn_105 li { flex: 1 1 120px; }
._stepper_1hrnn_105 button { width: 100%; height: 38px; padding: 0 12px; display: flex; align-items: center; gap: 8px; border: 1px solid rgba(15, 23, 42, 0.1); border-radius: 10px; background: #fff; color: #334155; font: inherit; font-size: 13px; cursor: pointer; }
._stepper_1hrnn_105 button:hover:not(:disabled) { border-color: var(--ws-accent); }
._stepper_1hrnn_105 button:disabled { cursor: default; }
._stepDot_1hrnn_110 { width: 20px; height: 20px; flex: 0 0 20px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba(120, 120, 128, 0.14); font-size: 11px; font-weight: 600; }
._stepDone_1hrnn_111 button { color: #64748b; }
._stepDone_1hrnn_111 ._stepDot_1hrnn_110 { background: color-mix(in srgb, var(--ws-accent) 22%, transparent); color: var(--ws-action, var(--ws-accent)); }
._stepCurrent_1hrnn_113 button { border-color: var(--ws-action, var(--ws-accent)); background: color-mix(in srgb, var(--ws-accent) 10%, #fff); color: #0f172a; font-weight: 500; }
._stepCurrent_1hrnn_113 ._stepDot_1hrnn_110 { background: var(--ws-action, var(--ws-accent)); color: #fff; }
._section_1hrnn_35 h3 { margin: 0; color: rgba(255, 255, 255, 0.5); font-size: 12px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.52px; }
._fields_1hrnn_116 { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 10px 18px; }
._field_1hrnn_116 > span { display: block; color: #8e8e93; font-size: 12px; margin-bottom: 2px; }
._field_1hrnn_116 strong { display: block; font-size: 14px; font-weight: 400; word-break: break-word; }
._table_1hrnn_9 { width: 100%; border-collapse: collapse; font-size: 13px; }
._table_1hrnn_9 th { text-align: left; color: rgba(255, 255, 255, 0.5); font-weight: 400; font-size: 12px; padding: 8px 10px; background: rgba(255, 255, 255, 0.075); }
._table_1hrnn_9 th:first-child { border-radius: 5px 0 0 5px; }
._table_1hrnn_9 th:last-child { border-radius: 0 5px 5px 0; }
._table_1hrnn_9 td { padding: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.08); vertical-align: top; overflow-wrap: break-word; }
._num_1hrnn_124 { text-align: right; font-variant-numeric: tabular-nums; }
/* A number column's heading sits over its figures. */
._table_1hrnn_9 th._num_1hrnn_124 { text-align: right; }
/* A narrow pane stacks each row: label beside value, actions last. */
@container (max-width: 560px) {
  ._table_1hrnn_9 thead { display: none; }
  ._table_1hrnn_9, ._table_1hrnn_9 tbody, ._table_1hrnn_9 tr, ._table_1hrnn_9 td { display: block; width: 100%; }
  ._table_1hrnn_9 tr { padding: 6px 0; border-bottom: 1px solid #e5e5ea; }
  ._table_1hrnn_9 td { display: flex; justify-content: space-between; gap: 12px; padding: 3px 0; border: 0; text-align: right; }
  ._table_1hrnn_9 td[data-label]::before { content: attr(data-label); color: #8e8e93; font-size: 12px; text-align: left; flex: 0 0 auto; }
  ._table_1hrnn_9 td:not([data-label]) { justify-content: flex-end; padding-top: 6px; }
}
._timeline_1hrnn_136 { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
._timeline_1hrnn_136 li { padding: 10px 12px; border-radius: 10px; background: #f2f2f7; font-size: 13px; }
._timeline_1hrnn_136 li small { display: block; color: #8e8e93; margin-top: 3px; }
._timelineInternal_1hrnn_139 { background: rgba(255, 204, 0, 0.14) !important; }
._empty_1hrnn_41 { flex: 1 1 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; padding: 30px; color: #8e8e93; text-align: center; font-size: 14px; }
._empty_1hrnn_41 strong { color: #3a3a3c; font-size: 16px; font-weight: 500; }
._error_1hrnn_142 { margin: 10px 14px; padding: 10px 12px; border-radius: 10px; background: rgba(255, 59, 48, 0.1); color: #c82d25; font-size: 13px; }

/* ─── Controls ─── */
._iconButton_1hrnn_95 { width: 32px; height: 32px; padding: 0; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 9px; background: transparent; color: var(--ws-accent); cursor: pointer; }
._iconButton_1hrnn_95 svg { flex: 0 0 auto; }
._iconButton_1hrnn_95:hover { background: rgba(116, 116, 128, 0.2); }
._iconButton_1hrnn_95:disabled { opacity: 0.4; cursor: default; }
/* Locked: a section the role allows but the workspace has not bought. */
._lockedPanel_1hrnn_150 { flex: 1 1 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 40px 24px; text-align: center; color: #6e6e73; font-size: 14px; }
._lockedPanel_1hrnn_150 strong { color: #1c1c1e; font-size: 17px; font-weight: 500; }
._lockedPanel_1hrnn_150 > span:not(._lockedPanelIcon_1hrnn_152) { max-width: 360px; }
._lockedPanel_1hrnn_150 ._button_1hrnn_9 { margin-top: 6px; }
._lockedPanelIcon_1hrnn_152 { width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba(116, 116, 128, 0.14); color: var(--ws-accent); margin-bottom: 4px; }
._navLocked_1hrnn_155 > span { color: #8e8e93; }
._navLock_1hrnn_155 { margin-left: auto; color: #8e8e93 !important; flex: 0 0 auto; }
._button_1hrnn_9 { height: 32px; padding: 0 12px; display: inline-flex; align-items: center; gap: 6px; border: 1px solid #d1d1d6; border-radius: 8px; background: #fff; color: #1c1c1e; font: inherit; font-size: 13px; cursor: pointer; white-space: nowrap; }
._button_1hrnn_9:hover { background: #f2f2f7; }
._button_1hrnn_9:disabled { opacity: 0.5; cursor: default; }
._primary_1hrnn_69 { background: var(--ws-action, var(--ws-accent)); border-color: var(--ws-action, var(--ws-accent)); color: #fff; }
/* --ws-action: an app whose icon colour is too light to carry white text
   (Customers' sky blue) sets a deeper one for filled buttons. */
._primary_1hrnn_69:hover { background: var(--ws-action, var(--ws-accent)); filter: brightness(0.95); }
._danger_1hrnn_164 { color: #d70015; }
._actions_1hrnn_165 { display: flex; flex-wrap: wrap; gap: 6px; }
/* A pane's header actions are quiet accent text, like the mailbox apps'
   toolbars; bordered buttons stay for actions inside the content. */
._detailHeader_1hrnn_100 ._actions_1hrnn_165 { gap: 2px; }
._detailHeader_1hrnn_100 ._actions_1hrnn_165 ._button_1hrnn_9 { height: 30px; padding: 0 8px; border: 0; background: transparent; color: var(--ws-accent); font-size: 14px; font-weight: 500; }
._detailHeader_1hrnn_100 ._actions_1hrnn_165 ._button_1hrnn_9._danger_1hrnn_164 { color: #d70015; }
._detailHeader_1hrnn_100 ._actions_1hrnn_165 ._button_1hrnn_9:hover { background: rgba(120, 120, 128, 0.12); filter: none; }
._pill_1hrnn_172 { display: inline-flex; align-items: center; height: 20px; padding: 0 8px; border-radius: 10px; font-size: 11px; font-weight: 500; letter-spacing: 0.2px; background: rgba(142, 142, 147, 0.16); color: #3a3a3c; white-space: nowrap; }
._pillGreen_1hrnn_173 { background: rgba(52, 199, 89, 0.16); color: #1f7a3a; }
._pillAmber_1hrnn_174 { background: rgba(255, 149, 0, 0.16); color: #9a5b00; }
._pillRed_1hrnn_175 { background: rgba(255, 59, 48, 0.14); color: #c82d25; }
._pillBlue_1hrnn_176 { background: rgba(10, 132, 255, 0.14); color: #0060c7; }

/* ─── Board (pipeline, day agenda) ─── */
._board_1hrnn_179 { flex: 1 1 auto; display: flex; gap: 12px; padding: 14px 16px; overflow: auto; background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 253, 0.98)); }
._column_1hrnn_180 { width: 264px; flex: 0 0 264px; padding: 10px; display: flex; flex-direction: column; gap: 8px; border-radius: 12px; background: rgba(120, 120, 128, 0.06); align-self: flex-start; min-height: 120px; }
._columnEmpty_1hrnn_181 { padding: 18px 4px; color: #94a3b8; font-size: 13px; text-align: center; }
._columnHeader_1hrnn_182 { display: flex; justify-content: space-between; align-items: baseline; padding: 2px 4px 4px; font-size: 14px; font-weight: 500; color: #1f2937; }
._columnHeader_1hrnn_182 small { color: #8e8e93; font-weight: 400; }
._card_1hrnn_184 { padding: 10px 12px; border-radius: 10px; background: #fff; border: 1px solid #e5e5ea; font-size: 13px; cursor: pointer; text-align: left; font: inherit; color: inherit; display: flex; flex-direction: column; gap: 3px; }
._card_1hrnn_184:hover { border-color: var(--ws-accent); }
._card_1hrnn_184 small { color: #8e8e93; }
._card_1hrnn_184 ._pill_1hrnn_172 { align-self: flex-start; }

/* ─── Dialog ─── */
._overlay_1hrnn_190 { position: fixed; inset: 0; z-index: 1000; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.28); }
._dialog_1hrnn_8 { --ws-accent: #0a84ff; width: min(560px, calc(100vw - 32px)); max-height: calc(100vh - 64px); display: flex; flex-direction: column; border-radius: 14px; background: #fff; color: #1c1c1e; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.25); overflow: hidden; }
._dialogWide_1hrnn_192 { width: min(860px, calc(100vw - 32px)); }
._sheet_1hrnn_193 { width: min(760px, calc(100vw - 32px)); height: min(720px, calc(100vh - 64px)); }
._sheetHeader_1hrnn_194 { padding: 16px 16px 8px 22px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
._sheetHeader_1hrnn_194 h2 { margin: 0; font-size: 19px; font-weight: 500; }
._segmented_1hrnn_196 { margin: 4px 22px 8px; padding: 2px; display: flex; gap: 2px; border-radius: 9px; background: rgba(118, 118, 128, 0.12); }
._segmented_1hrnn_196 button { flex: 1 1 0; height: 28px; border: 0; border-radius: 7px; background: transparent; color: inherit; font: inherit; font-size: 13px; cursor: pointer; }
._segmented_1hrnn_196 ._segmentActive_1hrnn_198 { background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12); font-weight: 500; }
._sheetBody_1hrnn_199 { flex: 1 1 auto; min-height: 0; overflow: auto; display: flex; flex-direction: column; container-type: inline-size; }
._sheetBody_1hrnn_199 > form, ._sheetBody_1hrnn_199 > ._detailBody_1hrnn_103 { overflow: visible; }
._sheetTools_1hrnn_201 { padding: 8px 22px 0; display: flex; justify-content: flex-end; }
._sheetFooter_1hrnn_202 { padding: 10px 22px 14px; border-top: 1px solid #e5e5ea; display: flex; justify-content: flex-end; font-size: 13px; }
._sheetFooter_1hrnn_202 button { border: 0; background: transparent; color: var(--ws-accent); font: inherit; cursor: pointer; }
._dialogHeader_1hrnn_204 { padding: 16px 20px 10px; }
._dialogHeader_1hrnn_204 h2 { margin: 0; font-size: 19px; font-weight: 500; }
._dialogHeader_1hrnn_204 p { margin: 4px 0 0; color: #6e6e73; font-size: 13px; }
._dialogBody_1hrnn_207 { padding: 4px 20px 12px; overflow: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 10px 14px; }
._dialogFooter_1hrnn_208 { padding: 12px 20px 16px; display: flex; justify-content: flex-end; gap: 8px; border-top: 1px solid #e5e5ea; }
._formField_1hrnn_209 { display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: #6e6e73; }
._formFieldWide_1hrnn_210 { grid-column: 1 / -1; }
._formField_1hrnn_209 input, ._formField_1hrnn_209 select, ._formField_1hrnn_209 textarea { height: 34px; padding: 0 10px; border: 1px solid #d1d1d6; border-radius: 8px; background: #fff; color: #1c1c1e; font: inherit; font-size: 14px; }
._formField_1hrnn_209 textarea { height: 80px; padding: 8px 10px; resize: vertical; }
._formField_1hrnn_209 input:focus, ._formField_1hrnn_209 select:focus, ._formField_1hrnn_209 textarea:focus { outline: 2px solid var(--ws-accent); outline-offset: -1px; }
._check_1hrnn_214 { flex-direction: row; align-items: center; gap: 8px; color: #1c1c1e; font-size: 14px; }
._lookup_1hrnn_215 { position: relative; display: block; }
._lookup_1hrnn_215 input { width: 100%; }
._lookupList_1hrnn_217 { position: absolute; top: calc(100% + 4px); left: 0; right: 0; z-index: 5; margin: 0; padding: 4px; list-style: none; max-height: 220px; overflow: auto; border: 1px solid #d1d1d6; border-radius: 10px; background: #fff; box-shadow: 0 12px 28px rgba(0, 0, 0, 0.14); }
._lookupList_1hrnn_217 button { width: 100%; padding: 7px 10px; display: flex; justify-content: space-between; gap: 10px; border: 0; border-radius: 7px; background: transparent; color: #1c1c1e; font: inherit; font-size: 14px; text-align: left; cursor: pointer; }
._lookupList_1hrnn_217 button:hover, ._lookupList_1hrnn_217 button[aria-selected="true"] { background: rgba(120, 120, 128, 0.12); }
._lookupList_1hrnn_217 small { color: #8e8e93; font-size: 12px; white-space: nowrap; }
._check_1hrnn_214 input { width: 16px; height: 16px; }
/* A quiet note above a record: what is happening, what to expect. */
._notice_1hrnn_9 { margin: 0 0 14px; padding: 10px 12px; border-radius: 10px; background: rgba(0, 122, 255, 0.08); color: #1c3d6e; font-size: 13px; line-height: 1.45; }
/* A file field looks like the other fields; the native picker sits over it,
   invisible, so a click anywhere on it opens the chooser. */
._fileField_1hrnn_226 { position: relative; display: flex; align-items: center; height: 34px; padding: 0 10px; border: 1px solid #d1d1d6; border-radius: 8px; background: #fff; font-size: 14px; overflow: hidden; }
._fileField_1hrnn_226:focus-within { outline: 2px solid var(--ws-accent); outline-offset: -1px; }
._formField_1hrnn_209 ._fileField_1hrnn_226 input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; border: 0; padding: 0; }
._fileName_1hrnn_229 { color: #1c1c1e; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._filePlaceholder_1hrnn_230 { color: #8e8e93; }

@media (prefers-color-scheme: dark) {
  :where(:root:not([data-theme="light"])) ._split_1hrnn_6, :where(:root:not([data-theme="light"])) ._list_1hrnn_9, :where(:root:not([data-theme="light"])) ._detail_1hrnn_99, :where(:root:not([data-theme="light"])) ._dialog_1hrnn_8 { background: #1c1c1e; color: #f5f5f7; }
  :where(:root:not([data-theme="light"])) ._list_1hrnn_9, :where(:root:not([data-theme="light"])) ._listHeader_1hrnn_61, :where(:root:not([data-theme="light"])) ._detailHeader_1hrnn_100, :where(:root:not([data-theme="light"])) ._listFooter_1hrnn_88, :where(:root:not([data-theme="light"])) ._dialogFooter_1hrnn_208, :where(:root:not([data-theme="light"])) ._sheetFooter_1hrnn_202, :where(:root:not([data-theme="light"])) ._table_1hrnn_9 th, :where(:root:not([data-theme="light"])) ._table_1hrnn_9 tr { border-color: #3a3a3c; }
  :where(:root:not([data-theme="light"])) ._list_1hrnn_9 { background: rgb(28, 28, 30); border-color: #3e3e42; }
  :where(:root:not([data-theme="light"])) ._listTitleRow_1hrnn_62 h2, :where(:root:not([data-theme="light"])) ._rowTitle_1hrnn_85 { color: #fff; }
  :where(:root:not([data-theme="light"])) ._listCount_1hrnn_65, :where(:root:not([data-theme="light"])) ._rowMeta_1hrnn_87 { color: #98989d; }
  :where(:root:not([data-theme="light"])) ._search_1hrnn_71 { background: rgb(50, 50, 54); border-color: rgb(74, 74, 76); box-shadow: none; color: #aeaeb2; }
  :where(:root:not([data-theme="light"])) ._search_1hrnn_71 input { color: #fff; }
  :where(:root:not([data-theme="light"])) ._search_1hrnn_71 input::placeholder { color: #aeaeb2; }
  :where(:root:not([data-theme="light"])) ._chip_1hrnn_9 { background: rgba(118, 118, 128, 0.24); color: #e5e5ea; }
  :where(:root:not([data-theme="light"])) ._chipActive_1hrnn_78, :where(:root:not([data-theme="light"])) ._chipActive_1hrnn_78:hover { background: rgba(255, 255, 255, 0.2); color: #fff; }
  :where(:root:not([data-theme="light"])) ._rowActive_1hrnn_83, :where(:root:not([data-theme="light"])) ._rowActive_1hrnn_83:hover { background: rgba(255, 255, 255, 0.15); }
  :where(:root:not([data-theme="light"])) ._headerActions_1hrnn_67 ._button_1hrnn_9, :where(:root:not([data-theme="light"])) ._headerActions_1hrnn_67 ._button_1hrnn_9._primary_1hrnn_69 { background: transparent; color: var(--ws-accent); }
  :where(:root:not([data-theme="light"])) ._table_1hrnn_9 td { border-color: #2c2c2e; }
  :where(:root:not([data-theme="light"])) ._row_1hrnn_21:hover { background: rgba(118, 118, 128, 0.18); }
  :where(:root:not([data-theme="light"])) ._detailHeader_1hrnn_100 p, :where(:root:not([data-theme="light"])) ._section_1hrnn_35 h3, :where(:root:not([data-theme="light"])) ._formField_1hrnn_209 { color: #98989d; }
  :where(:root:not([data-theme="light"])) ._field_1hrnn_116 strong, :where(:root:not([data-theme="light"])) ._formField_1hrnn_209 input, :where(:root:not([data-theme="light"])) ._formField_1hrnn_209 select, :where(:root:not([data-theme="light"])) ._formField_1hrnn_209 textarea, :where(:root:not([data-theme="light"])) ._check_1hrnn_214 { color: #f5f5f7; }
  :where(:root:not([data-theme="light"])) ._timeline_1hrnn_136 li { background: #2c2c2e; }
  :where(:root:not([data-theme="light"])) ._stepper_1hrnn_105 button { background: #2c2c2e; border-color: #3a3a3c; color: #e5e5ea; }
  :where(:root:not([data-theme="light"])) ._stepCurrent_1hrnn_113 button { background: color-mix(in srgb, var(--ws-accent) 18%, #2c2c2e); color: #fff; }
  :where(:root:not([data-theme="light"])) ._lookupList_1hrnn_217 { background: #2c2c2e; border-color: #3a3a3c; }
  :where(:root:not([data-theme="light"])) ._lookupList_1hrnn_217 button { color: #f5f5f7; }
  :where(:root:not([data-theme="light"])) ._segmented_1hrnn_196 { background: rgba(118, 118, 128, 0.24); }
  :where(:root:not([data-theme="light"])) ._segmented_1hrnn_196 ._segmentActive_1hrnn_198 { background: #636366; }
  :where(:root:not([data-theme="light"])) ._empty_1hrnn_41 strong { color: #e5e5ea; }
  :where(:root:not([data-theme="light"])) ._button_1hrnn_9 { background: #2c2c2e; border-color: #3a3a3c; color: #f5f5f7; }
  :where(:root:not([data-theme="light"])) ._lockedPanel_1hrnn_150 strong { color: #f5f5f7; }
  :where(:root:not([data-theme="light"])) ._lockedPanel_1hrnn_150 { color: #aeaeb2; }
  :where(:root:not([data-theme="light"])) ._button_1hrnn_9:hover { background: #3a3a3c; }
  :where(:root:not([data-theme="light"])) ._primary_1hrnn_69 { background: var(--ws-action, var(--ws-accent)); border-color: var(--ws-action, var(--ws-accent)); color: #fff; }
  :where(:root:not([data-theme="light"])) ._pill_1hrnn_172 { color: #e5e5ea; }
  :where(:root:not([data-theme="light"])) ._board_1hrnn_179 { background: rgb(28, 28, 30); }
  :where(:root:not([data-theme="light"])) ._toolbar_1hrnn_93 { border-color: #3a3a3c; }
  :where(:root:not([data-theme="light"])) ._column_1hrnn_180 { background: rgba(255, 255, 255, 0.05); }
  :where(:root:not([data-theme="light"])) ._columnHeader_1hrnn_182 { color: #f5f5f7; }
  :where(:root:not([data-theme="light"])) ._detailHeader_1hrnn_100 ._actions_1hrnn_165 ._button_1hrnn_9, :where(:root:not([data-theme="light"])) ._detailHeader_1hrnn_100 ._actions_1hrnn_165 ._button_1hrnn_9._primary_1hrnn_69 { background: transparent; color: var(--ws-accent); }
  :where(:root:not([data-theme="light"])) ._detailHeader_1hrnn_100 ._actions_1hrnn_165 ._button_1hrnn_9._danger_1hrnn_164 { color: #ff453a; }
  :where(:root:not([data-theme="light"])) ._card_1hrnn_184 { background: #1c1c1e; border-color: #3a3a3c; }
  :where(:root:not([data-theme="light"])) ._formField_1hrnn_209 input, :where(:root:not([data-theme="light"])) ._formField_1hrnn_209 select, :where(:root:not([data-theme="light"])) ._formField_1hrnn_209 textarea { background: #2c2c2e; border-color: #3a3a3c; }
  :where(:root:not([data-theme="light"])) ._fileField_1hrnn_226 { background: #2c2c2e; border-color: #3a3a3c; }
  :where(:root:not([data-theme="light"])) ._notice_1hrnn_9 { background: rgba(10, 132, 255, 0.16); color: #cfe3ff; }
  :where(:root:not([data-theme="light"])) ._fileName_1hrnn_229 { color: #f5f5f7; }
}

:where(:root[data-theme="dark"]) ._split_1hrnn_6, :where(:root[data-theme="dark"]) ._list_1hrnn_9, :where(:root[data-theme="dark"]) ._detail_1hrnn_99, :where(:root[data-theme="dark"]) ._dialog_1hrnn_8 { background: #1c1c1e; color: #f5f5f7; }

:where(:root[data-theme="dark"]) ._list_1hrnn_9, :where(:root[data-theme="dark"]) ._listHeader_1hrnn_61, :where(:root[data-theme="dark"]) ._detailHeader_1hrnn_100, :where(:root[data-theme="dark"]) ._listFooter_1hrnn_88, :where(:root[data-theme="dark"]) ._dialogFooter_1hrnn_208, :where(:root[data-theme="dark"]) ._sheetFooter_1hrnn_202, :where(:root[data-theme="dark"]) ._table_1hrnn_9 th, :where(:root[data-theme="dark"]) ._table_1hrnn_9 tr { border-color: #3a3a3c; }

:where(:root[data-theme="dark"]) ._list_1hrnn_9 { background: rgb(28, 28, 30); border-color: #3e3e42; }

:where(:root[data-theme="dark"]) ._listTitleRow_1hrnn_62 h2, :where(:root[data-theme="dark"]) ._rowTitle_1hrnn_85 { color: #fff; }

:where(:root[data-theme="dark"]) ._listCount_1hrnn_65, :where(:root[data-theme="dark"]) ._rowMeta_1hrnn_87 { color: #98989d; }

:where(:root[data-theme="dark"]) ._search_1hrnn_71 { background: rgb(50, 50, 54); border-color: rgb(74, 74, 76); box-shadow: none; color: #aeaeb2; }

:where(:root[data-theme="dark"]) ._search_1hrnn_71 input { color: #fff; }

:where(:root[data-theme="dark"]) ._search_1hrnn_71 input::placeholder { color: #aeaeb2; }

:where(:root[data-theme="dark"]) ._chip_1hrnn_9 { background: rgba(118, 118, 128, 0.24); color: #e5e5ea; }

:where(:root[data-theme="dark"]) ._chipActive_1hrnn_78, :where(:root[data-theme="dark"]) ._chipActive_1hrnn_78:hover { background: rgba(255, 255, 255, 0.2); color: #fff; }

:where(:root[data-theme="dark"]) ._rowActive_1hrnn_83, :where(:root[data-theme="dark"]) ._rowActive_1hrnn_83:hover { background: rgba(255, 255, 255, 0.15); }

:where(:root[data-theme="dark"]) ._headerActions_1hrnn_67 ._button_1hrnn_9, :where(:root[data-theme="dark"]) ._headerActions_1hrnn_67 ._button_1hrnn_9._primary_1hrnn_69 { background: transparent; color: var(--ws-accent); }

:where(:root[data-theme="dark"]) ._table_1hrnn_9 td { border-color: #2c2c2e; }

:where(:root[data-theme="dark"]) ._row_1hrnn_21:hover { background: rgba(118, 118, 128, 0.18); }

:where(:root[data-theme="dark"]) ._detailHeader_1hrnn_100 p, :where(:root[data-theme="dark"]) ._section_1hrnn_35 h3, :where(:root[data-theme="dark"]) ._formField_1hrnn_209 { color: #98989d; }

:where(:root[data-theme="dark"]) ._field_1hrnn_116 strong, :where(:root[data-theme="dark"]) ._formField_1hrnn_209 input, :where(:root[data-theme="dark"]) ._formField_1hrnn_209 select, :where(:root[data-theme="dark"]) ._formField_1hrnn_209 textarea, :where(:root[data-theme="dark"]) ._check_1hrnn_214 { color: #f5f5f7; }

:where(:root[data-theme="dark"]) ._timeline_1hrnn_136 li { background: #2c2c2e; }

:where(:root[data-theme="dark"]) ._stepper_1hrnn_105 button { background: #2c2c2e; border-color: #3a3a3c; color: #e5e5ea; }

:where(:root[data-theme="dark"]) ._stepCurrent_1hrnn_113 button { background: color-mix(in srgb, var(--ws-accent) 18%, #2c2c2e); color: #fff; }

:where(:root[data-theme="dark"]) ._lookupList_1hrnn_217 { background: #2c2c2e; border-color: #3a3a3c; }

:where(:root[data-theme="dark"]) ._lookupList_1hrnn_217 button { color: #f5f5f7; }

:where(:root[data-theme="dark"]) ._segmented_1hrnn_196 { background: rgba(118, 118, 128, 0.24); }

:where(:root[data-theme="dark"]) ._segmented_1hrnn_196 ._segmentActive_1hrnn_198 { background: #636366; }

:where(:root[data-theme="dark"]) ._empty_1hrnn_41 strong { color: #e5e5ea; }

:where(:root[data-theme="dark"]) ._button_1hrnn_9 { background: #2c2c2e; border-color: #3a3a3c; color: #f5f5f7; }

:where(:root[data-theme="dark"]) ._lockedPanel_1hrnn_150 strong { color: #f5f5f7; }

:where(:root[data-theme="dark"]) ._lockedPanel_1hrnn_150 { color: #aeaeb2; }

:where(:root[data-theme="dark"]) ._button_1hrnn_9:hover { background: #3a3a3c; }

:where(:root[data-theme="dark"]) ._primary_1hrnn_69 { background: var(--ws-action, var(--ws-accent)); border-color: var(--ws-action, var(--ws-accent)); color: #fff; }

:where(:root[data-theme="dark"]) ._pill_1hrnn_172 { color: #e5e5ea; }

:where(:root[data-theme="dark"]) ._board_1hrnn_179 { background: rgb(28, 28, 30); }

:where(:root[data-theme="dark"]) ._toolbar_1hrnn_93 { border-color: #3a3a3c; }

:where(:root[data-theme="dark"]) ._column_1hrnn_180 { background: rgba(255, 255, 255, 0.05); }

:where(:root[data-theme="dark"]) ._columnHeader_1hrnn_182 { color: #f5f5f7; }

:where(:root[data-theme="dark"]) ._detailHeader_1hrnn_100 ._actions_1hrnn_165 ._button_1hrnn_9, :where(:root[data-theme="dark"]) ._detailHeader_1hrnn_100 ._actions_1hrnn_165 ._button_1hrnn_9._primary_1hrnn_69 { background: transparent; color: var(--ws-accent); }

:where(:root[data-theme="dark"]) ._detailHeader_1hrnn_100 ._actions_1hrnn_165 ._button_1hrnn_9._danger_1hrnn_164 { color: #ff453a; }

:where(:root[data-theme="dark"]) ._card_1hrnn_184 { background: #1c1c1e; border-color: #3a3a3c; }

:where(:root[data-theme="dark"]) ._formField_1hrnn_209 input, :where(:root[data-theme="dark"]) ._formField_1hrnn_209 select, :where(:root[data-theme="dark"]) ._formField_1hrnn_209 textarea { background: #2c2c2e; border-color: #3a3a3c; }

:where(:root[data-theme="dark"]) ._fileField_1hrnn_226 { background: #2c2c2e; border-color: #3a3a3c; }

:where(:root[data-theme="dark"]) ._notice_1hrnn_9 { background: rgba(10, 132, 255, 0.16); color: #cfe3ff; }

:where(:root[data-theme="dark"]) ._fileName_1hrnn_229 { color: #f5f5f7; }

/* ─── Standalone app shell (sidebar + main) ─── */
._shell_1hrnn_277 { --ws-accent: #0a84ff; min-height: 540px; overflow: hidden; }
._sidebar_1hrnn_278 { width: 240px; flex: 0 0 240px; display: flex; flex-direction: column; overflow: hidden; background: rgba(247, 247, 249, 0.98); border-right: 1px solid #d1d1d6; transition: width 180ms ease, flex-basis 180ms ease, opacity 140ms ease; }
._sidebarClosed_1hrnn_279 { width: 0; flex-basis: 0; opacity: 0; border-right: 0; }
._sidebarTools_1hrnn_280 { height: 60px; padding: 0 10px; display: flex; align-items: center; justify-content: space-between; flex: 0 0 auto; }
._sidebarToolsRight_1hrnn_281 { display: flex; align-items: center; gap: 6px; }
._sidebarTop_1hrnn_282 { padding: 0 12px 10px; display: flex; align-items: center; justify-content: space-between; }
._sidebarTop_1hrnn_282 h2 { margin: 0 0 0 5px; font-size: 21px; font-weight: 500; letter-spacing: -0.35px; }
._nav_1hrnn_155 { flex: 1; overflow: auto; padding: 1px 10px 20px; }
._navGroup_1hrnn_285 { margin-top: 0; }
._navGroup_1hrnn_285 h3 { margin: 0 8px 6px; color: #6e6e73; font-size: 12px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.52px; }
._navItem_1hrnn_287 { width: 100%; height: 33px; padding: 0 9px; display: flex; align-items: center; gap: 10px; border: 0; border-radius: 9px; background: transparent; color: inherit; cursor: pointer; text-align: left; font: inherit; }
._navItem_1hrnn_287 svg { color: var(--ws-accent); flex: 0 0 auto; }
._navItem_1hrnn_287 span { flex: 1; font-size: 15px; letter-spacing: -0.24px; }
._navItem_1hrnn_287 small { color: #8e8e93; font-size: 12px; }
._navItem_1hrnn_287:hover { background: rgba(116, 116, 128, 0.2); }
._navActive_1hrnn_292, ._navActive_1hrnn_292:hover { background: rgba(120, 120, 128, 0.14); }
._main_1hrnn_293 { flex: 1 1 auto; min-width: 0; display: flex; overflow: hidden; background: rgb(28, 28, 30); position: relative; }
/* Sidebar entries are buttons drawn as the mailbox's folder rows. */
._navButton_1hrnn_295 { width: 100%; border: 0; background: transparent; color: inherit; font: inherit; text-align: left; }
/* Group headings as Sales' "DEALER NETWORK": small grey capitals. */
._navGroupTitle_1hrnn_297 { margin: 16px 15px 6px; color: rgba(255, 255, 255, 0.5); font-size: 12px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.52px; }
._navGroup_1hrnn_285:first-child ._navGroupTitle_1hrnn_297 { margin-top: 4px; }
._navButton_1hrnn_295._navChild_1hrnn_299 { padding-left: 25px !important; }
._navCount_1hrnn_300 { margin-left: auto; color: rgba(255, 255, 255, 0.5); font-size: 13px; }
._reopen_1hrnn_301 { position: absolute; top: 12px; left: 8px; z-index: 3; }
/* Sits flush with the mailbox apps' own folder lists: same 10px inset, 32px
   rows, icon 5px in, heading on the icon's line. */
._sidebarSection_1hrnn_304 { padding: 4px 10px 12px; }
._navSection_1hrnn_305 { margin: 16px 15px 6px; color: #6e6e73; font-size: 12px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.52px; list-style: none; }
._navSubItem_1hrnn_306 { width: 100%; height: 32px; padding: 0 10px; display: flex; align-items: center; gap: 0; border: 0; border-radius: 10px; background: transparent; color: inherit; cursor: pointer; text-align: left; font: inherit; font-size: 15px; }
._navSubItem_1hrnn_306 svg { color: var(--ws-accent); flex: 0 0 auto; margin: 0 10px 0 5px; }
._navSubItem_1hrnn_306 ._navLock_1hrnn_155 { margin: 0 0 0 auto; }
/* Subfolders sit 15px in, as the mailbox apps' sub-items do. */
._navChild_1hrnn_299 { padding-left: 25px; }
._navItem_1hrnn_287._navChild_1hrnn_299 { padding-left: 24px; }
._navSubItem_1hrnn_306:hover { background: rgba(200, 200, 200, 0.35); }
._sidebarSection_1hrnn_304 ._navActive_1hrnn_292, ._sidebarSection_1hrnn_304 ._navActive_1hrnn_292:hover { background: rgba(120, 120, 128, 0.1); }

@media (prefers-color-scheme: dark) {
  :where(:root:not([data-theme="light"])) ._shell_1hrnn_277 { background: #1c1c1e; color: #f5f5f7; }
  :where(:root:not([data-theme="light"])) ._sidebar_1hrnn_278 { background: #202023; border-color: #3a3a3c; }
  :where(:root:not([data-theme="light"])) ._navGroup_1hrnn_285 h3, :where(:root:not([data-theme="light"])) ._navItem_1hrnn_287 small, :where(:root:not([data-theme="light"])) ._navSection_1hrnn_305 { color: #98989d; }
  :where(:root:not([data-theme="light"])) ._navActive_1hrnn_292, :where(:root:not([data-theme="light"])) ._navActive_1hrnn_292:hover { background: #3a3a3c; }
  :where(:root:not([data-theme="light"])) ._navSubItem_1hrnn_306:hover { background: rgba(255, 255, 255, 0.08); }
  :where(:root:not([data-theme="light"])) ._sidebarSection_1hrnn_304 ._navActive_1hrnn_292, :where(:root:not([data-theme="light"])) ._sidebarSection_1hrnn_304 ._navActive_1hrnn_292:hover { background: rgb(52, 52, 54); }
  :where(:root:not([data-theme="light"])) ._main_1hrnn_293 { background: rgb(28, 28, 30); }
}

:where(:root[data-theme="dark"]) ._shell_1hrnn_277 { background: #1c1c1e; color: #f5f5f7; }

:where(:root[data-theme="dark"]) ._sidebar_1hrnn_278 { background: #202023; border-color: #3a3a3c; }

:where(:root[data-theme="dark"]) ._navGroup_1hrnn_285 h3, :where(:root[data-theme="dark"]) ._navItem_1hrnn_287 small, :where(:root[data-theme="dark"]) ._navSection_1hrnn_305 { color: #98989d; }

:where(:root[data-theme="dark"]) ._navActive_1hrnn_292, :where(:root[data-theme="dark"]) ._navActive_1hrnn_292:hover { background: #3a3a3c; }

:where(:root[data-theme="dark"]) ._navSubItem_1hrnn_306:hover { background: rgba(255, 255, 255, 0.08); }

:where(:root[data-theme="dark"]) ._sidebarSection_1hrnn_304 ._navActive_1hrnn_292, :where(:root[data-theme="dark"]) ._sidebarSection_1hrnn_304 ._navActive_1hrnn_292:hover { background: rgb(52, 52, 54); }

:where(:root[data-theme="dark"]) ._main_1hrnn_293 { background: rgb(28, 28, 30); }

/* Light: the mailbox apps' light palette. */
@media (prefers-color-scheme: light) {
  :where(:root:not([data-theme="dark"])) ._main_1hrnn_293 { background: #fff; }
  :where(:root:not([data-theme="dark"])) ._navGroupTitle_1hrnn_297 { color: #6e6e73; }
  :where(:root:not([data-theme="dark"])) ._navCount_1hrnn_300 { color: rgba(71, 85, 105, 0.88); }
  :where(:root:not([data-theme="dark"])) ._block_1hrnn_9 { background: rgb(241, 241, 241); }
  :where(:root:not([data-theme="dark"])) ._blockLabel_1hrnn_39, :where(:root:not([data-theme="dark"])) ._section_1hrnn_35 h3, :where(:root:not([data-theme="dark"])) ._emptyLine_1hrnn_41, :where(:root:not([data-theme="dark"])) ._table_1hrnn_9 th { color: rgba(71, 85, 105, 0.88); }
  :where(:root:not([data-theme="dark"])) ._blockValue_1hrnn_40 { color: #1f2937; }
  :where(:root:not([data-theme="dark"])) ._note_1hrnn_47 { background: rgb(241, 241, 241); color: #1f2937; }
  :where(:root:not([data-theme="dark"])) ._note_1hrnn_47 strong { color: rgba(71, 85, 105, 0.88); }
  :where(:root:not([data-theme="dark"])) ._table_1hrnn_9 th { background: rgb(241, 241, 241); }
  :where(:root:not([data-theme="dark"])) ._table_1hrnn_9 td { border-color: rgba(226, 232, 240, 0.95); }
  :where(:root:not([data-theme="dark"])) ._actionDanger_1hrnn_60 { color: #d70015 !important; }
}
:where(:root[data-theme="light"]) ._main_1hrnn_293 { background: #fff; }
:where(:root[data-theme="light"]) ._navGroupTitle_1hrnn_297 { color: #6e6e73; }
:where(:root[data-theme="light"]) ._navCount_1hrnn_300 { color: rgba(71, 85, 105, 0.88); }
:where(:root[data-theme="light"]) ._block_1hrnn_9 { background: rgb(241, 241, 241); }
:where(:root[data-theme="light"]) ._blockLabel_1hrnn_39, :where(:root[data-theme="light"]) ._section_1hrnn_35 h3, :where(:root[data-theme="light"]) ._emptyLine_1hrnn_41, :where(:root[data-theme="light"]) ._table_1hrnn_9 th { color: rgba(71, 85, 105, 0.88); }
:where(:root[data-theme="light"]) ._blockValue_1hrnn_40 { color: #1f2937; }
:where(:root[data-theme="light"]) ._note_1hrnn_47 { background: rgb(241, 241, 241); color: #1f2937; }
:where(:root[data-theme="light"]) ._note_1hrnn_47 strong { color: rgba(71, 85, 105, 0.88); }
:where(:root[data-theme="light"]) ._table_1hrnn_9 th { background: rgb(241, 241, 241); }
:where(:root[data-theme="light"]) ._table_1hrnn_9 td { border-color: rgba(226, 232, 240, 0.95); }
:where(:root[data-theme="light"]) ._actionDanger_1hrnn_60 { color: #d70015 !important; }

/* ─── Month calendar (as Closure's) ─── */
._calPane_1hrnn_341 { min-width: 0; flex: 1 1 auto; display: flex; flex-direction: column; overflow: hidden; background: #fff; }
._calToolbar_1hrnn_342 { height: 62px; flex: 0 0 62px; padding: 0 18px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #d1d1d6; }
._calLeading_1hrnn_343 { display: flex; align-items: center; gap: 8px; min-width: 0; }
._calLeading_1hrnn_343 h1 { margin: 0 8px 0 0; font-size: 23px; font-weight: 500; letter-spacing: -0.5px; }
._calSync_1hrnn_345 { color: #8e8e93; font-size: 12px; }
._calActions_1hrnn_346 { display: flex; align-items: center; gap: 4px; }
._calToday_1hrnn_347 { height: 32px; min-width: 52px; padding: 0 10px; border: 0; border-radius: 8px; background: transparent; color: var(--ws-accent); font: inherit; font-size: 16px; cursor: pointer; }
._calNav_1hrnn_348 { width: 32px; height: 32px; padding: 0; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 9px; background: transparent; color: var(--ws-accent); cursor: pointer; }
._calToday_1hrnn_347:hover, 
._calWeekdays_1hrnn_350 { height: 35px; flex: 0 0 35px; display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); border-bottom: 1px solid #d1d1d6; color: #8e8e93; }
._calWeekdays_1hrnn_350 div { padding: 9px 10px 0; border-right: 1px solid #e5e5ea; font-size: 12px; font-weight: 500; }
._calWeekdays_1hrnn_350 div:last-child { border-right: 0; }
._calGrid_1hrnn_353 { min-height: 0; flex: 1; display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); grid-template-rows: repeat(6, minmax(74px, 1fr)); overflow-x: hidden; overflow-y: auto; }
._calDay_1hrnn_354 { appearance: none; position: relative; display: block; padding: 10px 11px; border: 0; border-right: 1px solid #e5e5ea; border-bottom: 1px solid #e5e5ea; border-radius: 0; background: #fff; color: inherit; font: inherit; cursor: pointer; text-align: left; overflow: hidden; }
._calDay_1hrnn_354:hover { background: #f2f2f4; }
._calDay_1hrnn_354:nth-child(7n) { border-right: 0; }
._calOutside_1hrnn_357 { background: #fafafa; color: #c7c7cc; }
._calSelected_1hrnn_358, ._calSelected_1hrnn_358:hover { background: var(--ws-accent); color: #fff; }
._calNumber_1hrnn_359 { width: 30px; height: 30px; display: inline-grid; place-items: center; border-radius: 50%; font-size: 16px; }
._calToday2_1hrnn_360 { background: var(--ws-accent); color: #fff; font-weight: 500; }
._calSelected_1hrnn_358 ._calNumber_1hrnn_359 { background: #fff; color: var(--ws-accent); font-weight: 500; }
._calEvents_1hrnn_362 { margin-top: 6px; display: flex; flex-direction: column; gap: 3px; min-width: 0; color: #3a3a3c; font-size: 11px; }
._calSelected_1hrnn_358 ._calEvents_1hrnn_362 { color: rgba(255, 255, 255, 0.92); }
._calLine_1hrnn_364 { display: flex; align-items: center; gap: 5px; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._calDot_1hrnn_365 { width: 7px; height: 7px; flex: 0 0 7px; border-radius: 50%; background: var(--ws-accent); }
._calSelected_1hrnn_358 ._calDot_1hrnn_365 { background: #fff; }
/* The pane beside a calendar: the chosen day's records, or one of them. */
._dayColumn_1hrnn_368 { width: 440px; flex: 0 0 440px; display: flex; flex-direction: column; min-height: 0; border-left: 1px solid #d1d1d6; }
/* Medium screens: the day's list gives the month some room, and a day's
   cell keeps its number and dots while its words shorten. */
@media (max-width: 1180px) {
  ._dayColumn_1hrnn_368 { width: 340px; flex-basis: 340px; }
  ._calDay_1hrnn_354 { padding: 8px 7px; }
  ._calWeekdays_1hrnn_350 div { padding: 9px 7px 0; }
  ._calLeading_1hrnn_343 h1 { font-size: 20px; }
}
._dayColumn_1hrnn_368 > * { width: 100% !important; flex: 1 1 auto; border-right: 0 !important; }
@media (prefers-color-scheme: dark) {
  :where(:root:not([data-theme="light"])) ._calPane_1hrnn_341, :where(:root:not([data-theme="light"])) ._calDay_1hrnn_354 { background: #1c1c1e; }
  :where(:root:not([data-theme="light"])) ._calToolbar_1hrnn_342, :where(:root:not([data-theme="light"])) ._calWeekdays_1hrnn_350, :where(:root:not([data-theme="light"])) ._dayColumn_1hrnn_368 { border-color: #3a3a3c; }
  :where(:root:not([data-theme="light"])) ._calDay_1hrnn_354, :where(:root:not([data-theme="light"])) ._calWeekdays_1hrnn_350 div { border-color: #333336; }
  :where(:root:not([data-theme="light"])) ._calDay_1hrnn_354:hover { background: #262629; }
  :where(:root:not([data-theme="light"])) ._calOutside_1hrnn_357 { background: #202023; color: #4a4a4f; }
  :where(:root:not([data-theme="light"])) ._calEvents_1hrnn_362 { color: #e5e5ea; }
  :where(:root:not([data-theme="light"])) ._calSelected_1hrnn_358, :where(:root:not([data-theme="light"])) ._calSelected_1hrnn_358:hover { background: var(--ws-accent); }
}
:where(:root[data-theme="dark"]) ._calPane_1hrnn_341, :where(:root[data-theme="dark"]) ._calDay_1hrnn_354 { background: #1c1c1e; }
:where(:root[data-theme="dark"]) ._calToolbar_1hrnn_342, :where(:root[data-theme="dark"]) ._calWeekdays_1hrnn_350, :where(:root[data-theme="dark"]) ._dayColumn_1hrnn_368 { border-color: #3a3a3c; }
:where(:root[data-theme="dark"]) ._calDay_1hrnn_354, :where(:root[data-theme="dark"]) ._calWeekdays_1hrnn_350 div { border-color: #333336; }
:where(:root[data-theme="dark"]) ._calDay_1hrnn_354:hover { background: #262629; }
:where(:root[data-theme="dark"]) ._calOutside_1hrnn_357 { background: #202023; color: #4a4a4f; }
:where(:root[data-theme="dark"]) ._calEvents_1hrnn_362 { color: #e5e5ea; }
:where(:root[data-theme="dark"]) ._calSelected_1hrnn_358, :where(:root[data-theme="dark"]) ._calSelected_1hrnn_358:hover { background: var(--ws-accent); }

/* A form that cancels or refuses: its button is the shared red. */
._button_1hrnn_9._primary_1hrnn_69._primaryDanger_1hrnn_389 { background: #ff3b30; border-color: #ff3b30; color: #fff; }

/* ─── Associated records ───
   The cards under a record, as Sales' Associated Orders / Payments /
   Documents: the other app's icon, square tiles that open the record there,
   a + tile to add one, and a line beneath. */
._associated_1hrnn_395 ._emptyLine_1hrnn_41 { padding: 0 15px; }
._assocTile_1hrnn_396 { aspect-ratio: 1 !important; width: 100% !important; padding: 16px 18px; display: flex !important; flex-direction: column; align-items: flex-start; justify-content: flex-start; box-sizing: border-box; text-align: left; font: inherit; color: inherit; }
._assocTile_1hrnn_396:hover { background-color: rgba(255, 255, 255, 0.055) !important; }
._assocTile_1hrnn_396:focus-visible { outline: 2px solid var(--ws-accent); outline-offset: 1px; }
._assocTileStatic_1hrnn_399 { cursor: default !important; }
._assocPrimary_1hrnn_400 { margin-top: 12px; max-width: 100%; font-size: 17px; line-height: 1.2; font-weight: 600; color: rgba(255, 255, 255, 0.96); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._assocMeta_1hrnn_401 { margin-top: auto; padding-top: 8px; display: flex; flex-direction: column; gap: 4px; width: 100%; font-size: 12px; line-height: 1.3; color: rgba(255, 255, 255, 0.56); }
._assocMeta_1hrnn_401 span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* A person: their name, Zaqnet ID beneath, and a way to them in Users. */
._person_1hrnn_405 { padding: 0; border: 0; background: none; font: inherit; color: inherit; text-align: left; cursor: pointer; display: inline-flex; flex-direction: column; align-items: flex-start; gap: 1px; max-width: 100%; min-width: 0; }
._personTop_1hrnn_406 { display: inline-flex; align-items: center; gap: 2px; }
._person_1hrnn_405:hover ._personName_1hrnn_407 { text-decoration: underline; }
._personName_1hrnn_407 { color: var(--ws-accent, var(--app-accent, #0a84ff)); }
._personId_1hrnn_409 { color: rgba(255, 255, 255, 0.5); font-size: 11px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
._personChevron_1hrnn_410 { color: rgba(255, 255, 255, 0.4); flex: 0 0 auto; }
._byLine_1hrnn_411 { cursor: pointer; display: inline-flex; align-items: center; gap: 2px; }
._byLine_1hrnn_411:hover { text-decoration: underline; }

@media (prefers-color-scheme: light) {
  :where(:root:not([data-theme="dark"])) ._assocTile_1hrnn_396:hover { background-color: rgba(15, 23, 42, 0.04) !important; }
  :where(:root:not([data-theme="dark"])) ._assocPrimary_1hrnn_400 { color: #0f172a; }
  :where(:root:not([data-theme="dark"])) ._assocMeta_1hrnn_401 { color: rgba(51, 65, 85, 0.68); }
  :where(:root:not([data-theme="dark"])) ._personId_1hrnn_409 { color: rgba(51, 65, 85, 0.55); }
  :where(:root:not([data-theme="dark"])) ._personChevron_1hrnn_410 { color: rgba(51, 65, 85, 0.45); }
}

:where(:root[data-theme="light"]) ._assocTile_1hrnn_396:hover { background-color: rgba(15, 23, 42, 0.04) !important; }

:where(:root[data-theme="light"]) ._assocPrimary_1hrnn_400 { color: #0f172a; }

:where(:root[data-theme="light"]) ._assocMeta_1hrnn_401 { color: rgba(51, 65, 85, 0.68); }

:where(:root[data-theme="light"]) ._personId_1hrnn_409 { color: rgba(51, 65, 85, 0.55); }

:where(:root[data-theme="light"]) ._personChevron_1hrnn_410 { color: rgba(51, 65, 85, 0.45); }

/* ---- FormDialog: two panes, as the mailbox apps' drafts ----
   One 8px grid: the rail and the form start on the same line (14px top),
   the close button and the title share a 32px row, and cards, fields and
   the footer keep the same insets. */
._fdOverlay_1hrnn_426 { position: fixed; inset: 0; z-index: 5000; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(0, 0, 0, 0.32); }
._fd_1hrnn_426, ._fd_1hrnn_426 * { box-sizing: border-box; }
._fd_1hrnn_426 {
  --ws-accent: #0a84ff;
  --fd-panel: #ffffff; --fd-rail: #f5f5f7; --fd-line: #e3e3e8; --fd-text: #1c1c1e; --fd-label: #3a3a3c; --fd-muted: #6e6e73; --fd-faint: #8e8e93;
  --fd-card: linear-gradient(180deg, rgba(118, 118, 128, 0.045), rgba(118, 118, 128, 0.02)); --fd-card-line: rgba(60, 60, 67, 0.12);
  --fd-input: #ffffff; --fd-input-line: rgba(60, 60, 67, 0.2); --fd-input-hover: rgba(60, 60, 67, 0.32);
  --fd-input-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  --fd-hover: rgba(118, 118, 128, 0.1); --fd-active: rgba(118, 118, 128, 0.16);
  --fd-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238e8e93' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  width: min(880px, 100%); height: auto; min-height: min(420px, calc(100vh - 32px)); max-height: min(720px, calc(100vh - 32px));
  display: flex; overflow: hidden; border-radius: 14px; background: var(--fd-panel); color: var(--fd-text);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08), 0 10px 24px rgba(0, 0, 0, 0.1), 0 30px 80px rgba(0, 0, 0, 0.22);
  font-size: 14px; line-height: 1.4;
}
._fdWide_1hrnn_441 { width: min(1040px, 100%); }

/* Rail */
._fdRail_1hrnn_444 { width: 232px; flex: 0 0 232px; padding: 14px 12px; display: flex; flex-direction: column; gap: 14px; background: var(--fd-rail); border-right: 1px solid var(--fd-line); overflow-y: auto; }
._fdClose_1hrnn_445 { width: 32px; height: 32px; flex: 0 0 auto; display: grid; place-items: center; padding: 0; border: 0; border-radius: 8px; background: transparent; color: var(--fd-muted); cursor: pointer; transition: background-color 120ms ease, color 120ms ease; }
._fdClose_1hrnn_445:hover { background: var(--fd-hover); color: var(--fd-text); }
._fdClose_1hrnn_445:focus-visible { outline: 2px solid var(--ws-accent); outline-offset: 1px; }
._fdRailNav_1hrnn_448 { display: flex; flex-direction: column; gap: 2px; }
._fdRailItem_1hrnn_449 { min-height: 36px; padding: 8px 10px; display: flex; align-items: center; gap: 10px; border: 0; border-radius: 8px; background: transparent; color: var(--fd-text); font: inherit; font-size: 14px; line-height: 1.25; text-align: left; cursor: pointer; transition: background-color 120ms ease; }
._fdRailItem_1hrnn_449 svg { color: var(--ws-accent); flex-shrink: 0; }
._fdRailItem_1hrnn_449:hover { background: var(--fd-hover); }
._fdRailItemActive_1hrnn_452, ._fdRailItemActive_1hrnn_452:hover { background: var(--fd-active); cursor: default; }
._fdRailItem_1hrnn_449:focus-visible, ._fdStep_1hrnn_453:focus-visible { outline: 2px solid var(--ws-accent); outline-offset: -2px; }
._fdRailDot_1hrnn_454 { width: 8px; height: 8px; margin: 0 4px; border-radius: 50%; background: var(--ws-accent); flex-shrink: 0; }
._fdSteps_1hrnn_455 { display: flex; flex-direction: column; gap: 2px; padding-top: 14px; border-top: 1px solid var(--fd-line); }
._fdStepsTitle_1hrnn_456 { padding: 0 10px 6px; font-size: 11px; letter-spacing: 0.02em; color: var(--fd-faint); }
._fdStep_1hrnn_453 { min-height: 32px; padding: 6px 10px; display: flex; align-items: center; gap: 10px; border: 0; border-radius: 8px; background: transparent; color: var(--fd-muted); font: inherit; font-size: 13px; text-align: left; cursor: pointer; }
._fdStep_1hrnn_453:hover { background: var(--fd-hover); }
._fdStepActive_1hrnn_459 { color: var(--fd-text); }
._fdStepNo_1hrnn_460 { width: 20px; height: 20px; display: grid; place-items: center; border-radius: 50%; background: var(--fd-hover); font-size: 11px; font-variant-numeric: tabular-nums; flex-shrink: 0; }
._fdStepActive_1hrnn_459 ._fdStepNo_1hrnn_460 { background: var(--ws-accent); color: #fff; }

/* Form */
._fdMain_1hrnn_464 { flex: 1; min-width: 0; display: flex; flex-direction: column; padding: 14px 24px 0; }
._fdHeader_1hrnn_465 { display: flex; flex-direction: column; gap: 4px; padding-bottom: 14px; }
._fdTitle_1hrnn_466 { margin: 0; min-height: 32px; display: flex; align-items: center; font-size: 17px; font-weight: 500; letter-spacing: -0.01em; }
._fdDescription_1hrnn_467 { margin: 0; max-width: 620px; font-size: 13px; line-height: 1.5; color: var(--fd-muted); }
._fdBody_1hrnn_468 { flex: 1; min-height: 0; overflow-y: auto; display: flex; flex-direction: column; gap: 14px; margin: 0 -6px; padding: 2px 6px 20px; scrollbar-width: thin; }
._fdCard_1hrnn_469 { padding: 18px; border: 1px solid var(--fd-card-line); border-radius: 14px; background: var(--fd-card); display: flex; flex-direction: column; gap: 16px; scroll-margin-top: 4px; }
._fdCardHead_1hrnn_470 { display: flex; flex-direction: column; gap: 4px; }
._fdEyebrow_1hrnn_471 { font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--fd-faint); }
._fdCardHead_1hrnn_470 h3 { margin: 0; font-size: 14px; font-weight: 500; }
._fdCardHead_1hrnn_470 p { margin: 0; max-width: 620px; font-size: 12.5px; line-height: 1.55; color: var(--fd-muted); }
._fdGrid_1hrnn_474 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 14px; align-items: start; }

._fd_1hrnn_426 ._formField_1hrnn_209 { gap: 7px; font-size: 13px; color: var(--fd-text); min-width: 0; }
._fdLabel_1hrnn_477 { display: inline-flex; align-items: baseline; gap: 3px; font-size: 13px; font-weight: 500; color: var(--fd-label); }
._fdRequired_1hrnn_478 { color: var(--fd-faint); font-weight: 400; }
._fdHint_1hrnn_479 { font-size: 12px; line-height: 1.45; color: var(--fd-muted); }
._fd_1hrnn_426 ._formField_1hrnn_209 input, ._fd_1hrnn_426 ._formField_1hrnn_209 select, ._fd_1hrnn_426 ._formField_1hrnn_209 textarea {
  width: 100%; height: 38px; padding: 0 12px; border: 1px solid var(--fd-input-line); border-radius: 9px;
  background: var(--fd-input); color: var(--fd-text); font: inherit; font-size: 14px; min-width: 0;
  box-shadow: var(--fd-input-shadow); transition: border-color 120ms ease, box-shadow 120ms ease, background-color 120ms ease;
}
._fd_1hrnn_426 ._formField_1hrnn_209 select { appearance: none; -webkit-appearance: none; padding-right: 34px; background-image: var(--fd-chevron); background-repeat: no-repeat; background-position: right 12px center; background-size: 12px; cursor: pointer; }
._fd_1hrnn_426 ._formField_1hrnn_209 input::placeholder, ._fd_1hrnn_426 ._formField_1hrnn_209 textarea::placeholder { color: var(--fd-faint); }
._fd_1hrnn_426 ._formField_1hrnn_209 textarea { height: 96px; padding: 10px 12px; line-height: 1.45; resize: vertical; }
._fd_1hrnn_426 ._formField_1hrnn_209 input:hover, ._fd_1hrnn_426 ._formField_1hrnn_209 select:hover, ._fd_1hrnn_426 ._formField_1hrnn_209 textarea:hover { border-color: var(--fd-input-hover); }
._fd_1hrnn_426 ._formField_1hrnn_209 input:focus, ._fd_1hrnn_426 ._formField_1hrnn_209 select:focus, ._fd_1hrnn_426 ._formField_1hrnn_209 textarea:focus { outline: none; border-color: var(--ws-accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--ws-accent) 22%, transparent); }
._fd_1hrnn_426 ._formField_1hrnn_209 input[type="date"], ._fd_1hrnn_426 ._formField_1hrnn_209 input[type="time"], ._fd_1hrnn_426 ._formField_1hrnn_209 input[type="datetime-local"] { padding-right: 8px; }
._fdCheck_1hrnn_491 { flex-direction: row; align-items: flex-start; gap: 10px; padding: 2px 0; font-size: 14px; font-weight: 400; color: var(--fd-text); cursor: pointer; }
._fd_1hrnn_426 ._fdCheck_1hrnn_491 input { width: 16px; height: 16px; margin: 2px 0 0; flex: 0 0 auto; box-shadow: none; accent-color: var(--ws-accent); cursor: pointer; }
._fdCheckText_1hrnn_493 { display: flex; flex-direction: column; gap: 3px; }
._fd_1hrnn_426 ._chips_1hrnn_75 { gap: 6px; padding-top: 1px; }
._fd_1hrnn_426 ._fileField_1hrnn_226 { height: 38px; padding: 0 12px; border-color: var(--fd-input-line); background: var(--fd-input); border-radius: 9px; box-shadow: var(--fd-input-shadow); }
._fd_1hrnn_426 ._lines_1hrnn_49 input { height: 34px; }

._fdError_1hrnn_498 { margin: 0 0 12px; padding: 10px 12px; border-radius: 10px; background: rgba(255, 59, 48, 0.1); color: #c82d25; font-size: 13px; line-height: 1.45; }
._fdFooter_1hrnn_499 { display: flex; align-items: center; justify-content: flex-end; gap: 8px; margin: 0 -24px; padding: 12px 24px; border-top: 1px solid var(--fd-line); }
._fdSecondary_1hrnn_500, ._fdPrimary_1hrnn_500 { min-width: 96px; height: 34px; padding: 0 16px; display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 9px; font: inherit; font-size: 14px; cursor: pointer; transition: filter 120ms ease, background-color 120ms ease; }
._fdSecondary_1hrnn_500 { background: var(--fd-hover); color: var(--fd-text); }
._fdSecondary_1hrnn_500:hover { background: var(--fd-active); }
._fdPrimary_1hrnn_500 { background: var(--ws-accent); color: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12); }
._fdPrimary_1hrnn_500:hover { filter: brightness(1.06); }
._fdPrimaryNeutral_1hrnn_505 { background: #1c1c1e; color: #fff; }
._fdPrimaryDanger_1hrnn_506 { background: #ff3b30; color: #fff; }
._fdSecondary_1hrnn_500:focus-visible, ._fdPrimary_1hrnn_500:focus-visible { outline: 2px solid var(--ws-accent); outline-offset: 2px; }
._fdSecondary_1hrnn_500:disabled, ._fdPrimary_1hrnn_500:disabled { opacity: 0.55; cursor: default; filter: none; }

@media (prefers-color-scheme: dark) {
  :where(:root:not([data-theme="light"])) ._fd_1hrnn_426 {
    --fd-panel: rgb(28, 28, 30); --fd-rail: rgb(32, 32, 35); --fd-line: rgba(255, 255, 255, 0.09); --fd-text: rgba(255, 255, 255, 0.92); --fd-label: rgba(255, 255, 255, 0.86); --fd-muted: rgba(255, 255, 255, 0.58); --fd-faint: rgba(255, 255, 255, 0.4);
    --fd-card: linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.02)); --fd-card-line: rgba(120, 120, 128, 0.22);
    --fd-input: rgba(255, 255, 255, 0.05); --fd-input-line: rgba(120, 120, 128, 0.32); --fd-input-hover: rgba(160, 160, 168, 0.45);
    --fd-input-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
    --fd-hover: rgba(255, 255, 255, 0.07); --fd-active: rgba(255, 255, 255, 0.12);
    --fd-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a1a1a6' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08), 0 10px 24px rgba(0, 0, 0, 0.3), 0 30px 80px rgba(0, 0, 0, 0.5);
  }
  :where(:root:not([data-theme="light"])) ._fdOverlay_1hrnn_426 { background: rgba(0, 0, 0, 0.5); }
  :where(:root:not([data-theme="light"])) ._fdPrimaryNeutral_1hrnn_505 { background: rgba(255, 255, 255, 0.92); color: rgb(28, 28, 30); }
  :where(:root:not([data-theme="light"])) ._fdError_1hrnn_498 { color: #ffb5af; background: rgba(234, 52, 39, 0.14); }
  :where(:root:not([data-theme="light"])) ._fd_1hrnn_426 select option { background: rgb(44, 44, 46); color: #fff; }
  :where(:root:not([data-theme="light"])) ._fd_1hrnn_426 input[type="date"]::-webkit-calendar-picker-indicator, :where(:root:not([data-theme="light"])) ._fd_1hrnn_426 input[type="time"]::-webkit-calendar-picker-indicator, :where(:root:not([data-theme="light"])) ._fd_1hrnn_426 input[type="datetime-local"]::-webkit-calendar-picker-indicator { filter: invert(0.8); }
}

:where(:root[data-theme="dark"]) ._fd_1hrnn_426 {
    --fd-panel: rgb(28, 28, 30); --fd-rail: rgb(32, 32, 35); --fd-line: rgba(255, 255, 255, 0.09); --fd-text: rgba(255, 255, 255, 0.92); --fd-label: rgba(255, 255, 255, 0.86); --fd-muted: rgba(255, 255, 255, 0.58); --fd-faint: rgba(255, 255, 255, 0.4);
    --fd-card: linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.02)); --fd-card-line: rgba(120, 120, 128, 0.22);
    --fd-input: rgba(255, 255, 255, 0.05); --fd-input-line: rgba(120, 120, 128, 0.32); --fd-input-hover: rgba(160, 160, 168, 0.45);
    --fd-input-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
    --fd-hover: rgba(255, 255, 255, 0.07); --fd-active: rgba(255, 255, 255, 0.12);
    --fd-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a1a1a6' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08), 0 10px 24px rgba(0, 0, 0, 0.3), 0 30px 80px rgba(0, 0, 0, 0.5);
  }

:where(:root[data-theme="dark"]) ._fdOverlay_1hrnn_426 { background: rgba(0, 0, 0, 0.5); }

:where(:root[data-theme="dark"]) ._fdPrimaryNeutral_1hrnn_505 { background: rgba(255, 255, 255, 0.92); color: rgb(28, 28, 30); }

:where(:root[data-theme="dark"]) ._fdError_1hrnn_498 { color: #ffb5af; background: rgba(234, 52, 39, 0.14); }

:where(:root[data-theme="dark"]) ._fd_1hrnn_426 select option { background: rgb(44, 44, 46); color: #fff; }

:where(:root[data-theme="dark"]) ._fd_1hrnn_426 input[type="date"]::-webkit-calendar-picker-indicator, :where(:root[data-theme="dark"]) ._fd_1hrnn_426 input[type="time"]::-webkit-calendar-picker-indicator, :where(:root[data-theme="dark"]) ._fd_1hrnn_426 input[type="datetime-local"]::-webkit-calendar-picker-indicator { filter: invert(0.8); }

/* Narrow: the rail becomes a row of actions above the form. */
@media (max-width: 700px) {
  ._fdOverlay_1hrnn_426 { padding: 0; align-items: stretch; }
  ._fd_1hrnn_426 { width: 100%; height: 100%; max-height: none; border-radius: 0; flex-direction: column; }
  ._fdRail_1hrnn_444 { width: auto; flex: 0 0 auto; flex-direction: row; align-items: center; gap: 6px; padding: 8px 10px; border-right: 0; border-bottom: 1px solid var(--fd-line); overflow-x: auto; overflow-y: hidden; }
  ._fdRailNav_1hrnn_448 { flex-direction: row; }
  ._fdRailItem_1hrnn_449 { white-space: nowrap; }
  ._fdSteps_1hrnn_455 { display: none; }
  ._fdGrid_1hrnn_474 { grid-template-columns: 1fr; }
  ._fdMain_1hrnn_464 { padding: 12px 16px 0; }
  ._fdBody_1hrnn_468 { margin: 0 -4px; padding: 2px 4px 16px; }
  ._fdFooter_1hrnn_499 { margin: 0 -16px; padding: 10px 16px; }
}
/* Mailbox.module.css -- the record workspace shared by Orders and Fleet:
   folder sidebar, message-style list, detail with header toolbar. Each app
   sets its accent with --app-accent on its root (Orders' gold is the
   default). */

/* colour: the app's own --app-accent (Orders gold by default) */

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

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


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

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

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

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

  &._overlayList_pnc8v_62 {
    padding: 0;
  }
}

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

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

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

._disabledMailboxItem_pnc8v_87 {
  opacity: 0.4;
  cursor: default;
}

._disabledMailboxItem_pnc8v_87:hover {
  background-color: transparent;
}

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

._mailboxIcon_pnc8v_101 {
  flex-shrink: 0;
}

._mailboxItem_pnc8v_67 svg {
  margin-right: 10px;
  margin-left: 5px;
  color: var(--app-accent, #c89200);
}

._mailboxItem_pnc8v_67._subItem_pnc8v_111 svg {
  margin-left: 20px;
}

._mailboxName_pnc8v_115 {
  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_pnc8v_128 {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.66);
  font-weight: 400;
  letter-spacing: -0.22px;
  line-height: 20px;
  margin-inline-end: 0px;
}

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

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

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

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

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

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

._folderItem_pnc8v_174:hover {
  color: #ffffff;
}

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

._errorState_pnc8v_202,
._emptyState_pnc8v_203 {
  margin: 18px 16px 22px;
  padding: 18px 16px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.08);
  display: flex;
  flex-direction: column;
  gap: 8px;
}

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

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

._stateEyebrow_pnc8v_241 {
  font-size: 11px;
  line-height: 1.2;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
}

._stateTitle_pnc8v_249 {
  margin: 0;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.96);
}

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

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

._stateButton_pnc8v_271 {
  margin-top: 4px;
  width: fit-content;
  border: 0;
  border-radius: 10px;
  padding: 10px 14px;
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.92);
  font: inherit;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
}

._stateButton_pnc8v_271:hover {
  background: rgba(255, 255, 255, 0.16);
}

._messageListHeader_pnc8v_289 {
  padding: 12px 20px;
}

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

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

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

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

._listFilterRoot_pnc8v_316 { position: relative; }
._listFilterButtonActive_pnc8v_317 { color: rgba(245,245,247,.92); }
._listFilterBadge_pnc8v_318 { position: absolute; top: -1px; right: -2px; width: 14px; height: 14px; padding: 0; border: 0; border-radius: 999px; background: rgba(142,142,147,.28); color: rgba(245,245,247,.92); font-size: 9px; font-weight: 500; line-height: 14px; text-align: center; }
._listFilterPopover_pnc8v_319 { position: absolute; z-index: 80; top: calc(100% + 8px); right: 0; width: min(460px, calc(100vw - 32px)); padding: 18px; border: 1px solid rgba(255,255,255,.1); border-radius: 14px; background: #252529; box-shadow: 0 18px 48px rgba(0,0,0,.42); color: #f5f5f5; transform-origin: top right; animation: .2s cubic-bezier(.32,.08,.24,1) _cw-modal-pop_pnc8v_1; }
._listFilterHeading_pnc8v_320 { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
._listFilterHeading_pnc8v_320 strong, ._listFilterHeading_pnc8v_320 span { display: block; }
._listFilterHeading_pnc8v_320 strong { font-size: 15px; font-weight: 400; }
._listFilterHeading_pnc8v_320 span { margin-top: 4px; color: rgba(255,255,255,.5); font-size: 12px; }
._listFilterClose_pnc8v_324 { display: grid; flex: 0 0 auto; place-items: center; width: 28px; height: 28px; padding: 0; border: 0; border-radius: 7px; background: transparent; color: rgba(255,255,255,.62); cursor: pointer; }
._listFilterClose_pnc8v_324:hover { background: rgba(255,255,255,.08); color: #fff; }
._listFilterField_pnc8v_326 { display: grid; gap: 7px; margin-top: 12px; color: rgba(255,255,255,.68); font-size: 12px; font-weight: 400; }
._listFilterGrid_pnc8v_327 { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); column-gap: 12px; }
._listFilterFieldWide_pnc8v_328 { grid-column: 1 / -1; }
._filterSearchSelect_pnc8v_329 { position: relative; min-width: 0; }
._filterSearchTrigger_pnc8v_330 { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; height: 38px; padding: 0 11px; border: 1px solid rgba(255,255,255,.12); border-radius: 9px; background: #323236; color: #fff; font: inherit; font-size: 13px; font-weight: 400; text-align: left; cursor: pointer; }
._filterSearchTrigger_pnc8v_330 span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
._filterSearchTriggerOpen_pnc8v_332 { border-color: rgba(24,200,79,.72); box-shadow: 0 0 0 3px rgba(24,200,79,.12); }
._filterSearchTrigger_pnc8v_330:focus, ._filterSearchOption_pnc8v_333:focus { outline: none; }
._filterSearchTrigger_pnc8v_330:focus-visible, ._filterSearchOption_pnc8v_333:focus-visible { outline: 2px solid rgba(24,200,79,.6); outline-offset: -2px; }
._filterSearchMenu_pnc8v_335 { position: absolute; z-index: 120; top: calc(100% + 5px); right: 0; left: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.12); border-radius: 10px; background: rgb(28,28,30); box-shadow: 0 14px 34px rgba(0,0,0,.46); animation: .16s cubic-bezier(.32,.08,.24,1) _cw-modal-pop_pnc8v_1; transform-origin: top center; }
._filterSearchInputWrap_pnc8v_336 { display: flex; align-items: center; gap: 8px; margin: 7px; padding: 0 9px; border: 1px solid rgba(255,255,255,.11); border-radius: 8px; background: #323236; color: rgba(255,255,255,.44); }
._filterSearchInputWrap_pnc8v_336 input { min-width: 0; width: 100%; height: 35px; padding: 0; border: 0; outline: 0; background: transparent; color: #fff; font: inherit; font-size: 13px; }
._filterSearchSpinner_pnc8v_338 { flex: 0 0 auto; animation: _listFilterSpin_pnc8v_1 .8s linear infinite; }
._filterSearchOptions_pnc8v_339 { max-height: 238px; overflow-y: auto; padding: 2px 5px 5px; }
._filterSearchOption_pnc8v_333 { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; padding: 8px 9px; border: 0; border-radius: 8px; background: transparent; color: rgba(255,255,255,.9); font: inherit; text-align: left; cursor: pointer; }
._filterSearchOption_pnc8v_333:hover { background: rgba(255,255,255,.07); }
._filterSearchOption_pnc8v_333 span, ._filterSearchOption_pnc8v_333 strong, ._filterSearchOption_pnc8v_333 small { display: block; min-width: 0; }
._filterSearchOption_pnc8v_333 strong { overflow: hidden; font-size: 13px; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; }
._filterSearchOption_pnc8v_333 small { margin-top: 3px; overflow: hidden; color: rgba(255,255,255,.42); font-size: 11px; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; }
._filterSearchState_pnc8v_345 { padding: 14px 10px; color: rgba(255,255,255,.45); font-size: 12px; text-align: center; }
._filterSearchFooter_pnc8v_346 { display: flex; align-items: center; justify-content: space-between; min-height: 34px; padding: 4px 9px; border-top: 1px solid rgba(255,255,255,.08); color: rgba(255,255,255,.4); font-size: 11px; }
._filterSearchFooter_pnc8v_346 button { border: 0; background: transparent; color: #5fea88; font: inherit; font-weight: 400; cursor: pointer; }
@keyframes _listFilterSpin_pnc8v_1 { to { transform: rotate(360deg); } }
._listFilterSelectWrap_pnc8v_349 { position: relative; }
._listFilterSelectWrap_pnc8v_349 select { width: 100%; height: 38px; padding: 0 34px 0 11px; appearance: none; border: 1px solid rgba(255,255,255,.12); border-radius: 9px; outline: none; background: #323236; color: #fff; font: inherit; font-size: 13px; font-weight: 400; cursor: pointer; }
._listFilterSelectWrap_pnc8v_349 select option { background: #fff; color: #111827; }
._listFilterSelectWrap_pnc8v_349 select:focus { border-color: rgba(24,200,79,.72); box-shadow: 0 0 0 3px rgba(24,200,79,.12); }
._listFilterSelectWrap_pnc8v_349 svg { position: absolute; top: 50%; right: 11px; pointer-events: none; transform: translateY(-50%); color: rgba(255,255,255,.48); }
._listFilterFooter_pnc8v_354 { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 18px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.08); }
._listFilterReset_pnc8v_355, ._listFilterApply_pnc8v_355 { display: inline-flex; align-items: center; justify-content: center; gap: 7px; height: 36px; padding: 0 12px; border-radius: 9px; font-size: 12px; font-weight: 400; cursor: pointer; }
._listFilterReset_pnc8v_355 { border: 0; background: transparent; color: rgba(255,255,255,.62); }
._listFilterReset_pnc8v_355:hover { background: rgba(255,255,255,.06); color: #fff; }
._listFilterApply_pnc8v_355 { border: none; background: rgba(255,255,255,.1); color: rgba(255,255,255,.92); }
._listFilterApply_pnc8v_355:hover { background: rgba(255,255,255,.16); }

._iconButton_pnc8v_361 {
  background: none;
  border: none;
  color: var(--app-accent, #c89200);
  cursor: pointer;
  padding: 6px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

._iconButton_pnc8v_361:disabled {
  color: rgba(255, 255, 255, 0.28);
  cursor: default;
  pointer-events: none;
}

._listFilterClose_pnc8v_324:focus, ._listFilterReset_pnc8v_355:focus, ._listFilterApply_pnc8v_355:focus, ._iconButton_pnc8v_361:focus { outline: none; }
._listFilterClose_pnc8v_324:focus-visible, ._listFilterReset_pnc8v_355:focus-visible, ._listFilterApply_pnc8v_355:focus-visible, ._iconButton_pnc8v_361:focus-visible { outline: 2px solid rgba(24,200,79,.6); outline-offset: -2px; }

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

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

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

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

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

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

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

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

._searchInput_pnc8v_438:focus {
  outline: none;
  border-color: transparent;
  outline: 3px solid color-mix(in srgb, var(--app-accent, #c89200) 70%, transparent);
  caret-color: var(--app-accent, #c89200);
}

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

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

  ._messageItem_pnc8v_475 {
    margin: 0px 10px;
  }

  ._messageItem_pnc8v_475._selected_pnc8v_479 {
    background-color: rgba(255, 255, 255, 0.15);
  }
}

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

._messageItem_pnc8v_475::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: transparent;
  pointer-events: none;
  opacity: 0;
}

._messageItem_pnc8v_475._liveFlash_pnc8v_505::after {
  animation: _livePresenceFlash_pnc8v_1 500ms ease-out;
}

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

  ._messageContent_pnc8v_512 {
    ._actions_pnc8v_513 {
      display: block;
    }
  }
}

._messageItem_pnc8v_475._selected_pnc8v_479 {
  background-color: rgba(255, 255, 255, 0.1);
}

._messageItem_pnc8v_475._selected_pnc8v_479 ._messageContent_pnc8v_512,
._messageItem_pnc8v_475._before_selected_pnc8v_524 ._messageContent_pnc8v_512 {
  border-bottom-color: transparent;
}

/* reset all */
._messageItem_pnc8v_475._selected_multiple_middle_pnc8v_529 {
  border-radius: 0;
}

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

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

@keyframes _livePresenceFlash_pnc8v_1 {
  0% {
    opacity: 0;
    background: rgba(255, 255, 255, 0);
  }

  35% {
    opacity: 1;
    background: rgba(255, 255, 255, 0.075);
  }

  100% {
    opacity: 0;
    background: rgba(255, 255, 255, 0);
  }
}


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

._threadMonogram_pnc8v_573 {
  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: 5px;
  padding-right: 10px;
  padding-top: 8px;
  padding-bottom: 8px;
  flex-shrink: 0;
  flex-grow: 0;
}

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

._saleStateDot_pnc8v_599 {
  width: 11px;
  height: 11px;
  border-radius: 999px;
  margin-top: 12px;
  align-self: center;
  box-shadow: 0 0 0 2px rgb(28, 28, 30);
  flex-shrink: 0;
}

._saleStateDot_paid_pnc8v_609 {
  background: rgb(0, 170, 0);
}

._saleStateDot_due_pnc8v_613 {
  background: rgb(228, 43, 43);
}

._saleStateDot_partiallypaid_pnc8v_617 {
  background: rgb(224, 166, 32);
}

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

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

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

._avatarFallback_pnc8v_639 {
  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_pnc8v_666 {
  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_pnc8v_635 {
    width: 32px;
    height: 32px;

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

._avatarFallback_appImage_pnc8v_701 {
  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_pnc8v_714 {
  display: none;
}

._darkIcon_pnc8v_718 {
  display: flex;
}

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

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


._messageHeader_pnc8v_740 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1px;
  max-width: 100%;
  min-width: 0;
  /* .messageContent (this element's parent) is display:grid, and grid items
     default to min-width:auto — without this override, .messageHeader
     refuses to shrink below its content's natural width, so .sender's own
     text-overflow:ellipsis never gets a chance to fire and the whole row
     overflows the card, clipping the date badge at the edge instead. */
  gap: 10px;
  overflow: visible;
  /* Ensure content doesn’t overflow the parent */
}

._sender_pnc8v_749 {
  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_pnc8v_770 {
  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_pnc8v_513 {
  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;
}

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

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

._preview_pnc8v_818 {
  padding: 1px 0 0;
  font-size: 14px;
  line-height: 18px;
  color: rgba(255, 255, 255, 0.5);
  line-height: 1.15;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._messageFlagIndicator_pnc8v_829 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  margin-top: -3px;
  align-self: flex-end;
  opacity: 0.95;
}

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

._messageNoteIndicatorDetached_pnc8v_855 {
  position: absolute;
  top: 17px;
  right: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  color: rgba(255, 255, 255, 0.62);
  opacity: 0.95;
  pointer-events: none;
  z-index: 1;
}

._messageNoteIndicatorDetachedOffset_pnc8v_870 {
  top: 35px;
}

._metaPill_pnc8v_874 {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  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_pnc8v_890 {
  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_pnc8v_905 {
  background: rgb(0, 170, 0) !important;
}

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

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

._confirmOverlay_pnc8v_917 {
  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_pnc8v_928 {
  width: min(420px, calc(100vw - 32px));
  border-radius: 10.5px;
  padding: 18px;
  background-color: rgb(28, 28, 30);
  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 15px 0px, rgba(0, 0, 0, 0.1) 0px 0px 0px 1px;
  color: rgba(255, 255, 255, 0.96);
}

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

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

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

._confirmPrimary_pnc8v_957,
._confirmSecondary_pnc8v_958 {
  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_pnc8v_957 {
  background: rgb(234, 52, 39);
  color: white;
}

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

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

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

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

._noteDialog_pnc8v_1000 {
  width: min(560px, calc(100vw - 32px));
}

._noteTextarea_pnc8v_1004 {
  display: block;
  box-sizing: border-box;
  width: 100%;
  min-height: 148px;
  margin-top: 16px;
  border: 1px solid rgb(60, 60, 62);
  border-radius: 10px;
  background: rgb(36, 36, 38);
  color: rgba(255, 255, 255, 0.96);
  font: inherit;
  font-size: 14px;
  line-height: 1.5;
  padding: 14px 16px;
  resize: vertical;
}

._noteTextarea_pnc8v_1004:focus {
  outline: none;
  border-color: color-mix(in srgb, var(--app-accent, #c89200) 72%, transparent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--app-accent, #c89200) 18%, transparent);
}

._deliveryAssignmentGrid_pnc8v_1027 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
}

._deliveryField_pnc8v_1034 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

._deliveryField_pnc8v_1034 span {
  font-size: 12px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.54);
}

._deliveryInput_pnc8v_1047 {
  width: 100%;
  min-height: 42px;
  border: 1px solid rgb(60, 60, 62);
  border-radius: 10px;
  background: rgb(36, 36, 38);
  color: rgba(255, 255, 255, 0.96);
  font: inherit;
  font-size: 14px;
  padding: 0 14px;
  box-sizing: border-box;
}

._deliveryInput_pnc8v_1047:focus {
  outline: none;
  border-color: color-mix(in srgb, var(--app-accent, #c89200) 72%, transparent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--app-accent, #c89200) 18%, transparent);
}

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

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

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

._headerActionMenuItem_pnc8v_1089:hover {
  background-color: #2c2c2e;
}

._headerActionMenuItem_pnc8v_1089 svg {
  color: var(--app-accent, #c89200);
  flex-shrink: 0;
}

._headerActionMenuCopy_pnc8v_1114 {
  padding: 8px 10px 12px;
  font-size: 13px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.7);
}

._headerActionMenuRow_pnc8v_1121 {
  display: flex;
  gap: 8px;
  padding: 0 6px 4px;
}

._headerActionMenuPrimary_pnc8v_1127,
._headerActionMenuSecondary_pnc8v_1128 {
  flex: 0 0 auto;
  border: 0;
  border-radius: 8px;
  height: 36px;
  padding: 0 14px;
  font: inherit;
  font-size: 14px;
  white-space: nowrap;
  cursor: pointer;
}

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

._headerActionMenuSecondary_pnc8v_1128 {
  background: rgb(60, 60, 62);
  color: rgba(255, 255, 255, 0.92);
}

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

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

._messageContentHeader_pnc8v_1167 {
  padding: 16px 24px;
  background-color: rgb(28, 28, 30);
  border-bottom: 1px solid transparent;
  transition:
    background-color cubic-bezier(0.32, 0.08, 0.24, 1) 0.2s,
    border-bottom-color cubic-bezier(0.32, 0.08, 0.24, 1) 0.16s;

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

}

._messageContentHeaderIdle_pnc8v_1181 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

._messageActions_pnc8v_1185 {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  min-height: 32px;
  transition: opacity 0.14s ease;

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

._messageActions_pnc8v_1185[data-empty='true'] {
  opacity: 0.68;
}

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

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

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

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

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

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

._messageViewportStage_pnc8v_1251 {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

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

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

._messageBodyHeader_pnc8v_1284 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 16px;
  padding-bottom: 14px;
  border-bottom-color: rgb(52, 52, 54);
  border-bottom-style: solid;
  border-bottom-width: 0.5px;

  ._messageBodyHeaderTopRow_pnc8v_1294 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }

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

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

      ._messageBodyChevronRight_pnc8v_1311 {
        display: none;
      }

      ._messageBodyHeaderLeftInfoTitle_pnc8v_1315 {
        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_pnc8v_1311 {
            display: block;
          }
        }
      }

      ._messageBodyHeaderLeftInfoSubtitle_pnc8v_1336 {
        font-size: 14px;
        font-weight: 400;
        color: #ffffff;
        margin: 0 6px;

        span {
          cursor: default;
          margin-left: 0px;
          margin-top: 0px;
          margin-bottom: 0px;
          padding-left: 5px;
          height: 18px;
          border: 1px solid transparent;
          border-radius: 6px;
          display: inline-flex;
          align-items: center;
          flex: 0;
          color: rgba(255, 255, 255, 0.5);

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

            ._messageBodyChevronRight_pnc8v_1311 {
              display: block;
            }
          }
        }
      }
    }
  }

  ._messageBodyHeaderRight_pnc8v_1369 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;

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

    ._messageDetailsButton_pnc8v_1383 {
      font-weight: 400 !important;
      font-size: 14px;
      border-radius: 8px;
      padding: 6px 10px;
      color: var(--app-accent, #c89200);
      border: none;
      margin: 0;
      background-color: transparent;
      cursor: pointer !important;
      display: inline-flex;
      align-items: center;

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

._metaDetailsPanel_pnc8v_1403 {
  display: grid;
  width: 100%;
  grid-template-rows: 0fr;
  opacity: 0;
  overflow: hidden;
  transition: grid-template-rows 0.2s cubic-bezier(0.32, 0.08, 0.24, 1),
    opacity 0.2s cubic-bezier(0.32, 0.08, 0.24, 1),
    margin-top 0.2s cubic-bezier(0.32, 0.08, 0.24, 1);
}

._metaDetailsPanelOpen_pnc8v_1414 {
  grid-template-rows: 1fr;
  opacity: 1;
  margin-top: 14px;
}

/* Must apply regardless of open/closed — a grid item's default min-height
   is auto, which sizes to its content and defeats the 0fr collapse trick
   entirely if this isn't unconditional. */
._metaDetailsPanel_pnc8v_1403 > div {
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._metaDetailsRow_pnc8v_1430 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: 12.5px;
}

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

._metaDetailsValue_pnc8v_1445 {
  color: rgba(255, 255, 255, 0.85);
}

._metaDetailsDirectionsButton_pnc8v_1449 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  margin-top: 6px;
  padding: 8px 14px;
  border: none;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.92);
  font-size: 12.5px;
  font-weight: 400;
  text-decoration: none;
  cursor: pointer;

  &:visited {
    color: rgba(255, 255, 255, 0.92);
  }

  &:hover {
    background: rgba(255, 255, 255, 0.14);
    color: rgba(255, 255, 255, 0.92);
  }
}

._metaDetailsSplit_pnc8v_1475 {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
}

._metaDetailsMapColumn_pnc8v_1482 {
  flex: 0 0 50%;
  max-width: 50%;
}

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

._metaDetailsMapCanvas_pnc8v_1495 {
  width: 100%;
  height: 180px;
  overflow: hidden;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.04);
  border: 0.6px solid rgba(255, 255, 255, 0.12);

  .mapboxgl-ctrl-group {
    background: rgba(30, 30, 34, 0.92);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
    overflow: hidden;
  }

  .mapboxgl-ctrl-group button {
    background-color: transparent;
  }

  .mapboxgl-ctrl-group button + button {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }

  .mapboxgl-ctrl-icon {
    filter: invert(1) brightness(1.7);
  }
}

@media (prefers-color-scheme: light) {
  :where(:root:not([data-theme="dark"])) ._metaDetailsMapCanvas_pnc8v_1495 {
    .mapboxgl-ctrl-group {
      background: #fff;
      border-color: rgba(0, 0, 0, 0.08);
      box-shadow: 0 4px 14px rgba(0, 0, 0, 0.16);
    }

    .mapboxgl-ctrl-group button + button {
      border-top: 1px solid rgba(0, 0, 0, 0.08);
    }

    .mapboxgl-ctrl-icon {
      filter: none;
    }
  }
}

:where(:root[data-theme="light"]) ._metaDetailsMapCanvas_pnc8v_1495 {
    .mapboxgl-ctrl-group {
      background: #fff;
      border-color: rgba(0, 0, 0, 0.08);
      box-shadow: 0 4px 14px rgba(0, 0, 0, 0.16);
    }

    .mapboxgl-ctrl-group button + button {
      border-top: 1px solid rgba(0, 0, 0, 0.08);
    }

    .mapboxgl-ctrl-icon {
      filter: none;
    }
  }

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

._metaDetailsMapMarker_pnc8v_1547 {
  width: 24px;
  height: 24px;

  img {
    width: 100%;
    height: 100%;
    display: block;
  }
}

._metaDetailsMapWrap_pnc8v_1558 {
  position: relative;
  width: 100%;
}

._metaDetailsMapExpandButton_pnc8v_1563 {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 5;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: none;
  border-radius: 7px;
  background: rgba(20, 20, 22, 0.72);
  color: rgba(255, 255, 255, 0.88);
  cursor: pointer;

  &:hover {
    background: rgba(20, 20, 22, 0.9);
  }
}

._metaDetailsMapModalOverlay_pnc8v_1584 {
  position: fixed;
  inset: 0;
  z-index: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.55);
}

._metaDetailsMapModal_pnc8v_1584 {
  position: relative;
  width: min(880px, 92vw);
  height: min(640px, 84vh);
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5);
}

._metaDetailsMapModalClose_pnc8v_1604 {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 5;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 8px;
  background: rgba(20, 20, 22, 0.72);
  color: rgba(255, 255, 255, 0.88);
  cursor: pointer;

  &:hover {
    background: rgba(20, 20, 22, 0.9);
  }
}

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

  ._metaDetailsMapColumn_pnc8v_1482 {
    flex: 1 1 auto;
    max-width: 100%;
  }
}

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

  ._messageBodyContentHeaders_pnc8v_1641 {
    display: grid;
    width: 100%;
    align-self: center;
    min-height: 60px;
    max-height: 360px;
    overflow-y: auto;
    gap: 1px;
    grid-template-columns: 32.5% 32.5% calc(35% - 3px);
    grid-auto-rows: 60px;

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

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

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

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

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

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

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

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

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

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

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

    /* Orders: a full-width delivery row closes the table; it takes the
       bottom corners from the cells above it. */
    &._messageBodyContentHeadersWithDelivery_pnc8v_1731 {
      grid-template-rows: 60px 60px 60px auto;

      ._messageBodyContentHeadersItemL_pnc8v_1668 {
        border-bottom-right-radius: 0;
      }

      ._messageBodyContentHeadersItemS_pnc8v_1688:nth-of-type(6) {
        border-bottom-left-radius: 0;
      }
    }

    ._messageBodyContentHeadersItemS_pnc8v_1688._messageBodyContentHeadersItemDelivery_pnc8v_1743 {
      grid-column: 1 / -1;
      grid-row: 4;
      min-height: 72px;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      border-radius: 0 0 5px 5px;

      button {
        flex-shrink: 0;
        white-space: nowrap;
      }
    }

    ._messageBodyContentHeadersDeliveryText_pnc8v_1759 {
      display: flex;
      flex-direction: column;
      min-width: 0;

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

  ._messageBodyContentSeparator_pnc8v_1772 {
    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 6px;
      display: flex;
      align-items: center;
      justify-content: center;
      line-height: 1.15;
      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_pnc8v_1807 {
    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);
    /* Rows size to their content: three fixed equal rows stretched a short
     list into empty bands. */
    grid-auto-rows: auto;

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

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

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

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

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

    }

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

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

  }

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

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

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

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

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

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

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

}

._PaymentOverlay_pnc8v_1946 {
  background-color: rgba(10, 10, 10, 0.8);
  position: fixed;
  inset: 0;
  animation: _overlayShow_pnc8v_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
}

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

  &:focus {
    outline: none;
  }

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

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

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

    ._PaymentOverlayContentMainSection_pnc8v_2012 {
      display: flex;
      flex-direction: column;
      flex: 1 1 auto;
      min-height: 0;
      overflow-y: auto;
      margin: 5px 0;
      margin-bottom: 15px;

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

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

      ._PaymentOverlayContentMainSectionInput_pnc8v_2046 {
        width: 100%;
        padding: 10px 12px;
        border-radius: 8px;
        border: 1px solid rgba(255, 255, 255, 0.15);
        background: rgba(255, 255, 255, 0.06);
        color: rgba(255, 255, 255, 0.9);
        font-size: 14px;
        outline: none;
        margin: 4px 0 8px;
      }
      ._PaymentOverlayContentMainSectionInput_pnc8v_2046:focus {
        border-color: rgb(0, 154, 255);
      }
      ._PaymentOverlayContentMainSectionInput_pnc8v_2046::placeholder {
        color: rgba(255, 255, 255, 0.3);
      }

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

      ._PaymentOverlayContentMainSectionBtnPrimary_pnc8v_2069 {
        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_pnc8v_2086 {
        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_pnc8v_2102 {
        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_pnc8v_2114 {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 10px;


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

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


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

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

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

        ._PaymentOverlayContentMainSectionValue_pnc8v_2028 {
          width: 80%;
        }
      }
    }

  }

}

._messageC1Body_pnc8v_2231 {
  -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_pnc8v_1284 {
    ._messageBodyHeaderLeft_pnc8v_1301 {
      ._messageBodyHeaderLeftInfo_pnc8v_1307 {
        ._messageBodyHeaderLeftInfoTitle_pnc8v_1315 {
          font-size: 17px;

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

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

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


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

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

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

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

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

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

        ._messageBodyContentHeadersItemTADB_pnc8v_2347 {
          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_pnc8v_2368 {
        background-color: transparent !important;
      }
    }

    ._messageBodyContentSeparator_pnc8v_1772 {
      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 6px;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 1.15;
        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_pnc8v_1807 {
      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);
      /* Rows size to their content: three fixed equal rows stretched a short
     list into empty bands. */
    grid-auto-rows: auto;

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

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

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

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

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

      }

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

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

    }

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

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

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

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

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

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

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

  }
}

._orderActionRow_pnc8v_2548 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 16px 0 18px;
}

._orderActionButton_pnc8v_2555 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  padding: 0 14px;
  border-radius: 10px;
  border: none;
  background: rgba(255, 255, 255, 0.045);
  color: rgba(255, 255, 255, 0.92);
  font: inherit;
  font-size: 14px;
  cursor: pointer;
  transition: background-color 120ms ease, color 120ms ease;
}

._orderActionButton_pnc8v_2555 svg {
  color: var(--app-accent, #c89200);
  flex-shrink: 0;
}

._orderActionButton_pnc8v_2555:hover {
  background: rgba(255, 255, 255, 0.085);
}

._orderActionButton_pnc8v_2555:disabled {
  opacity: 0.42;
  cursor: default;
  pointer-events: none;
}

._orderActionButtonPrimary_pnc8v_2586 {
  background: color-mix(in srgb, var(--app-accent, #c89200) 16%, transparent);
}

/* The order action row had no light-mode colours, so its white labels
   vanished on the light reading pane. */
@media (prefers-color-scheme: light) {
  :where(:root:not([data-theme="dark"])) ._orderActionButton_pnc8v_2555 {
    background: rgba(15, 23, 42, 0.05);
    color: rgba(15, 23, 42, 0.88);
  }

  :where(:root:not([data-theme="dark"])) ._orderActionButton_pnc8v_2555 svg {
    color: #a67800;
  }

  :where(:root:not([data-theme="dark"])) ._orderActionButton_pnc8v_2555:hover {
    background: rgba(15, 23, 42, 0.09);
  }

  :where(:root:not([data-theme="dark"])) ._orderActionButtonPrimary_pnc8v_2586 {
    background: rgba(200, 146, 0, 0.16);
  }
}
:where(:root[data-theme="light"]) ._orderActionButton_pnc8v_2555 {
    background: rgba(15, 23, 42, 0.05);
    color: rgba(15, 23, 42, 0.88);
  }
:where(:root[data-theme="light"]) ._orderActionButton_pnc8v_2555 svg {
    color: #a67800;
  }
:where(:root[data-theme="light"]) ._orderActionButton_pnc8v_2555:hover {
    background: rgba(15, 23, 42, 0.09);
  }
:where(:root[data-theme="light"]) ._orderActionButtonPrimary_pnc8v_2586 {
    background: rgba(200, 146, 0, 0.16);
  }

/* Quiet provenance line for orders created from the PO inbox. */
._orderSourceLine_pnc8v_2612 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  width: 100%;
  margin: -6px 0 12px;
  padding: 7px 10px;
  border: none;
  border-radius: 10px;
  background: transparent;
  color: rgba(255, 255, 255, 0.56);
  font: inherit;
  font-size: 12.5px;
  text-align: left;
  cursor: pointer;
  transition: background-color 120ms ease;
}

._orderSourceLine_pnc8v_2612:hover {
  background: rgba(255, 255, 255, 0.045);
}

._orderSourceLine_pnc8v_2612:focus,
._orderSourceLine_pnc8v_2612:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px rgba(200, 146, 0, 0.35);
}

._orderSourceLine_pnc8v_2612 svg {
  color: #c89200;
  flex-shrink: 0;
}

._orderSourceLineLead_pnc8v_2646 {
  color: rgba(255, 255, 255, 0.86);
  font-weight: 500;
}

._orderSourceLineMeta_pnc8v_2651::before {
  content: "·";
  margin-right: 6px;
  opacity: 0.6;
}

._orderSourceLineChevron_pnc8v_2657 {
  margin-left: auto;
  opacity: 0.5;
}

@media (prefers-color-scheme: light) {
  :where(:root:not([data-theme="dark"])) ._orderSourceLine_pnc8v_2612 {
    color: rgba(0, 0, 0, 0.5);
  }

  :where(:root:not([data-theme="dark"])) ._orderSourceLine_pnc8v_2612:hover {
    background: rgba(0, 0, 0, 0.04);
  }

  :where(:root:not([data-theme="dark"])) ._orderSourceLineLead_pnc8v_2646 {
    color: rgba(0, 0, 0, 0.82);
  }
}

:where(:root[data-theme="light"]) ._orderSourceLine_pnc8v_2612 {
    color: rgba(0, 0, 0, 0.5);
  }

:where(:root[data-theme="light"]) ._orderSourceLine_pnc8v_2612:hover {
    background: rgba(0, 0, 0, 0.04);
  }

:where(:root[data-theme="light"]) ._orderSourceLineLead_pnc8v_2646 {
    color: rgba(0, 0, 0, 0.82);
  }

._messageC2Body_pnc8v_2676 {
  -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_pnc8v_1284 {
    ._messageBodyHeaderLeft_pnc8v_1301 {
      ._messageBodyHeaderLeftInfo_pnc8v_1307 {
        ._messageBodyHeaderLeftInfoTitle_pnc8v_1315 {
          font-size: 17px;

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

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

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


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

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


        ._messageBodyContentHeadersItemTPDF_pnc8v_2744 {
          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_pnc8v_2758 {
          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_pnc8v_2772 {
          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_pnc8v_2786 {
          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_pnc8v_2347 {
          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_pnc8v_2368 {
        background-color: transparent !important;
      }
    }

    ._messageBodyContentSeparator_pnc8v_1772 {
      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 6px;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 1.15;
        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_pnc8v_1869 {
      display: flex;
      flex-direction: column;
      flex: 1;

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

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

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

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

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

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

  }
}

._messageC3Body_pnc8v_2938 {
  -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_pnc8v_1284 {
    ._messageBodyHeaderLeft_pnc8v_1301 {
      ._messageBodyHeaderLeftInfo_pnc8v_1307 {
        ._messageBodyHeaderLeftInfoTitle_pnc8v_1315 {
          font-size: 17px;

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

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

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

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

      ._saleNoteTileCard_pnc8v_2995 {
        grid-column: 1 / span 4;
        aspect-ratio: auto;
        min-height: 180px;
        padding: 18px 20px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        cursor: default;
      }

      ._saleNoteActionTile_pnc8v_3007 {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        align-self: stretch;
        min-height: 180px;
        gap: 14px;
        background-color: transparent !important;
      }
    }

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

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

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

._saleNoteTileEyebrow_pnc8v_3039 {
  font-size: 11px;
  line-height: 1.2;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
}

._saleNoteTileBody_pnc8v_3047 {
  width: 100%;
  flex: 1 1 auto;
  margin: 10px 0 0;
  text-align: left;
  align-self: stretch;
  font-size: 14px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.92);
  white-space: pre-wrap;
  word-break: break-word;
}

._linkedRecordTileCard_pnc8v_3060 {
  grid-column: 1 / span 5;
  aspect-ratio: auto;
  min-height: 0;
  height: auto;
  width: 100%;
  box-sizing: border-box;
  padding: 16px 20px 14px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  cursor: default;
  align-self: start;
}

._linkedRecordContent_pnc8v_3076 {
  gap: 0;
}

._linkedRecordHeaders_pnc8v_3080 {
  height: auto !important;
  min-height: 0 !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: auto !important;
  align-items: start;
}

._linkedRecordHeaders_pnc8v_3080 ._messageBodyContentHeadersItem_pnc8v_1668 {
  aspect-ratio: auto !important;
  min-height: 0 !important;
}

._linkedRecordFooter_pnc8v_3093 {
  flex: 0 0 auto !important;
  margin-top: 8px;
}

._linkedRecordTileMetaGrid_pnc8v_3098 {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px 18px;
  margin-top: 2px;
}

._linkedRecordTileMetaItem_pnc8v_3106 {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
}

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

._linkedRecordTileMetaLabel_pnc8v_3117 {
  font-size: 11px;
  line-height: 1.2;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.46);
}

._linkedRecordTileMetaValue_pnc8v_3125 {
  font-size: 13px;
  line-height: 1.3;
  color: rgba(255, 255, 255, 0.94);
  word-break: break-word;
  overflow-wrap: anywhere;
}

._linkedRecordTileBody_pnc8v_3133 {
  width: 100%;
  margin: 8px 0 0;
  font-size: 12px;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.68);
  text-align: left;
}

._linkedRecordTileActionRow_pnc8v_3142 {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  margin: 8px 0 0;
}

._linkedRecordTileActionButton_pnc8v_3150 {
  width: auto;
  max-width: 100%;
  align-self: flex-start;
  flex: 0 0 auto;
}

._saleNoteActionButton_pnc8v_3157 {
  all: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 45px;
  height: 45px;
  cursor: pointer;
}

._saleNoteActionButton_pnc8v_3157 ._messageBodyContentHeadersItemTADB_pnc8v_2347 {
  width: 45px;
  height: 45px;
  margin: 0;
  border-radius: 999px !important;
  background-color: rgba(255, 255, 255, 0.075);
  display: flex;
  align-items: center;
  justify-content: center;
}

._saleNoteActionButton_pnc8v_3157:hover ._messageBodyContentHeadersItemTADB_pnc8v_2347 {
  background-color: rgba(255, 255, 255, 0.125);
}

._saleNoteActionButton_pnc8v_3157 ._messageBodyContentHeadersItemTADB_pnc8v_2347 svg {
  width: 24px;
  height: 24px;
}

._saleNoteDeleteButton_pnc8v_3188 ._messageBodyContentHeadersItemTADB_pnc8v_2347 {
  background-color: rgba(234, 52, 39, 0.12);
}

._saleNoteDeleteButton_pnc8v_3188:hover ._messageBodyContentHeadersItemTADB_pnc8v_2347 {
  background-color: rgba(234, 52, 39, 0.18);
}

._saleNoteDeleteButton_pnc8v_3188 ._messageBodyContentHeadersItemTADB_pnc8v_2347 svg {
  color: rgba(255, 120, 110, 0.96);
}

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

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

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

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

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

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

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

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

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

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

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

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



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

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

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

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

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

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

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

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

._messageItem_pnc8v_475[data-state='open'] {
  outline: 2px solid color-mix(in srgb, var(--app-accent, #c89200) 85%, transparent);
  outline-offset: -2px;
}

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

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

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

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

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

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

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

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

  svg {
    color: var(--app-accent, #c89200);
  }

  svg[data-flag-icon] {
    color: inherit;
  }

  &:hover {
    background-color: #2c2c2e;
  }

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

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

}

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

  80% {
    transform: scale(1.02);
  }

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

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



._hoverCardContent_pnc8v_3441 {
  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_pnc8v_1 0.2s ease;
}

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

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

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

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

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

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

._avatarHoverRoot_pnc8v_3487 {
  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_pnc8v_3502 {
  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_pnc8v_3515 {
  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_pnc8v_1;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (prefers-color-scheme: light) {
  :where(:root:not([data-theme="dark"])) ._emailClient_pnc8v_8 {
    background: #fff;
    color: #1f2937;
  }

  :where(:root:not([data-theme="dark"])) ._sidebar_pnc8v_20 {
    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);
  }

  :where(:root:not([data-theme="dark"])) ._messageList_pnc8v_193 {
    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);
  }

  :where(:root:not([data-theme="dark"])) ._messageContainer_pnc8v_635, :where(:root:not([data-theme="dark"])) ._messageContentHeader_pnc8v_1167 {
    background: #ffffff;
    border-bottom: 1px solid transparent;
  }

  :where(:root:not([data-theme="dark"])) ._messageContentHeader_pnc8v_1167._overlapping_pnc8v_1175 {
    border-color: rgba(210, 218, 228, 0.5);
    background: rgba(247, 249, 252, 0.98);
  }

  :where(:root:not([data-theme="dark"])) ._sidebarHeader_pnc8v_36 h2, :where(:root:not([data-theme="dark"])) ._foldersHeader_pnc8v_142 h3, :where(:root:not([data-theme="dark"])) ._headerTop_pnc8v_293 h2, :where(:root:not([data-theme="dark"])) ._sender_pnc8v_749, :where(:root:not([data-theme="dark"])) ._subject_pnc8v_796, :where(:root:not([data-theme="dark"])) ._messageBodyHeader_pnc8v_1284 ._messageBodyHeaderLeft_pnc8v_1301 ._messageBodyHeaderLeftInfo_pnc8v_1307 ._messageBodyHeaderLeftInfoTitle_pnc8v_1315, :where(:root:not([data-theme="dark"])) ._messageBodyContent_pnc8v_1636 ._messageBodyContentHeaders_pnc8v_1641 ._messageBodyContentHeadersSubTitle_pnc8v_1658, :where(:root:not([data-theme="dark"])) ._messageBodyContentFooterMainTitle_pnc8v_1913, :where(:root:not([data-theme="dark"])) ._messageBodyContentFooterMainSubTitle_pnc8v_1933, :where(:root:not([data-theme="dark"])) ._Text_pnc8v_3574 {
    color: #1f2937;
  }

  :where(:root:not([data-theme="dark"])) ._mailboxName_pnc8v_115 {
    color: #243043;
  }

  :where(:root:not([data-theme="dark"])) ._count_pnc8v_128, :where(:root:not([data-theme="dark"])) ._headerInfo_pnc8v_386, :where(:root:not([data-theme="dark"])) ._preview_pnc8v_818, :where(:root:not([data-theme="dark"])) ._summaryLine_pnc8v_808, :where(:root:not([data-theme="dark"])) ._time_pnc8v_770, :where(:root:not([data-theme="dark"])) ._messageBodyHeader_pnc8v_1284 ._messageBodyHeaderRight_pnc8v_1369 ._messageBodyHeaderRightDate_pnc8v_1374, :where(:root:not([data-theme="dark"])) ._messageBodyHeader_pnc8v_1284 ._messageBodyHeaderLeft_pnc8v_1301 ._messageBodyHeaderLeftInfo_pnc8v_1307 ._messageBodyHeaderLeftInfoSubtitle_pnc8v_1336 span, :where(:root:not([data-theme="dark"])) ._messageBodyHeaderLeftInfoSubtitle_pnc8v_1336, :where(:root:not([data-theme="dark"])) ._messageBodyContent_pnc8v_1636 ._messageBodyContentHeaders_pnc8v_1641 ._messageBodyContentHeadersTitle_pnc8v_1652, :where(:root:not([data-theme="dark"])) ._messageBodyContentSeparator_pnc8v_1772 span, :where(:root:not([data-theme="dark"])) ._messageBodyContentFooterSubTitle_pnc8v_1878, :where(:root:not([data-theme="dark"])) ._messageBodyContentFooterSubSubTitle_pnc8v_1885, :where(:root:not([data-theme="dark"])) ._messageBodyContentFooterSubAltTitle_pnc8v_1898, :where(:root:not([data-theme="dark"])) ._Text_pnc8v_3574.faded {
    color: rgba(71, 85, 105, 0.88) !important;
  }

  :where(:root:not([data-theme="dark"])) ._mailboxItem_pnc8v_67:hover, :where(:root:not([data-theme="dark"])) ._messageBodyHeader_pnc8v_1284 ._messageBodyHeaderLeft_pnc8v_1301 ._messageBodyHeaderLeftInfo_pnc8v_1307 ._messageBodyHeaderLeftInfoTitle_pnc8v_1315:hover, :where(:root:not([data-theme="dark"])) ._messageBodyHeader_pnc8v_1284 ._messageBodyHeaderLeft_pnc8v_1301 ._messageBodyHeaderLeftInfo_pnc8v_1307 ._messageBodyHeaderLeftInfoSubtitle_pnc8v_1336 span:hover, :where(:root:not([data-theme="dark"])) ._messageBodyHeader_pnc8v_1284 ._messageBodyHeaderRight_pnc8v_1369 ._messageDetailsButton_pnc8v_1383:hover, :where(:root:not([data-theme="dark"])) ._contextItem_pnc8v_3382:hover {
    background-color: rgba(200, 200, 200, 0.35);
  }

  :where(:root:not([data-theme="dark"])) ._mailboxItem_pnc8v_67._active_pnc8v_96 {
    background: rgba(120, 120, 128, 0.1);
    color: rgba(0, 0, 0, 0.88);

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

  :where(:root:not([data-theme="dark"])) ._iconButton_pnc8v_361, :where(:root:not([data-theme="dark"])) ._messageBodyHeader_pnc8v_1284 ._messageBodyHeaderRight_pnc8v_1369 ._messageDetailsButton_pnc8v_1383, :where(:root:not([data-theme="dark"])) ._detailsButton_pnc8v_1223, :where(:root:not([data-theme="dark"])) ._messageViewLink_pnc8v_3207 a, :where(:root:not([data-theme="dark"])) ._contextItem_pnc8v_3382 svg, :where(:root:not([data-theme="dark"])) ._mailboxItem_pnc8v_67 svg {
    color: var(--app-accent, #c89200);
  }

  :where(:root:not([data-theme="dark"])) ._iconButton_pnc8v_361:hover {
    background-color: rgba(200, 200, 200, 0.35);
  }

  :where(:root:not([data-theme="dark"])) ._iconButton_pnc8v_361:disabled {
    color: rgba(71, 85, 105, 0.34);
    background-color: transparent;
  }

  :where(:root:not([data-theme="dark"])) ._searchIcon_pnc8v_418, :where(:root:not([data-theme="dark"])) ._searchClearIcon_pnc8v_424 {
    color: #6b7280;
  }

  :where(:root:not([data-theme="dark"])) ._searchClearIcon_pnc8v_424:hover {
    background-color: rgba(148, 163, 184, 0.18);
  }

  :where(:root:not([data-theme="dark"])) ._searchInput_pnc8v_438 {
    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);
  }

  :where(:root:not([data-theme="dark"])) ._searchInput_pnc8v_438::placeholder {
    color: #94a3b8;
  }

  :where(:root:not([data-theme="dark"])) ._searchInput_pnc8v_438:focus {
    outline: 3px solid color-mix(in srgb, var(--app-accent, #c89200) 22%, transparent);
    border-color: color-mix(in srgb, var(--app-accent, #c89200) 48%, transparent);
    caret-color: var(--app-accent, #c89200);
  }

  :where(:root:not([data-theme="dark"])) ._topHits_pnc8v_459, :where(:root:not([data-theme="dark"])) ._messageBody_pnc8v_1236, :where(:root:not([data-theme="dark"])) ._messageC1Body_pnc8v_2231, :where(:root:not([data-theme="dark"])) ._messageC2Body_pnc8v_2676, :where(:root:not([data-theme="dark"])) ._messageC3Body_pnc8v_2938 {
    background: rgba(255, 255, 255, 0.985);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15);
  }

  :where(:root:not([data-theme="dark"])) ._messageBody_pnc8v_1236 {
    background: #ffffff;
  }

  :where(:root:not([data-theme="dark"])) ._messageContentHeaderIdle_pnc8v_1181 {
    border-bottom-color: rgba(226, 232, 240, 0.85);
  }

  :where(:root:not([data-theme="dark"])) ._emptyPaneTitle_pnc8v_1268 {
    color: rgba(51, 65, 85, 0.76);
  }

  :where(:root:not([data-theme="dark"])) ._emptyPaneBody_pnc8v_1276 {
    color: rgba(71, 85, 105, 0.62);
  }

  :where(:root:not([data-theme="dark"])) ._topHits_pnc8v_459 ._topHitsLabel_pnc8v_466 {
    color: #1f2937;
  }

  :where(:root:not([data-theme="dark"])) ._messageItem_pnc8v_475._selected_pnc8v_479, :where(:root:not([data-theme="dark"])) ._topHits_pnc8v_459 ._messageItem_pnc8v_475._selected_pnc8v_479 {
    background: rgba(120, 120, 128, 0.15);
  }

  :where(:root:not([data-theme="dark"])) ._subject_pnc8v_796 {
    color: #111827;
  }

  :where(:root:not([data-theme="dark"])) ._summaryLine_pnc8v_808 {
    color: rgba(71, 85, 105, 0.88);
  }

  :where(:root:not([data-theme="dark"])) ._metaPill_pnc8v_874 {
    background: rgba(148, 163, 184, 0.14);
    color: rgba(51, 65, 85, 0.92);
  }

  :where(:root:not([data-theme="dark"])) ._saleStateDot_pnc8v_599 {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.98);
  }

  :where(:root:not([data-theme="dark"])) ._messageBodyContentFooterMain_pnc8v_1906 ._messageBodyContentFooterMainTitle_pnc8v_1913 ._saleStateBadge_pnc8v_890 {
    color: #ffffff !important;
    background-color: inherit;
  }

  :where(:root:not([data-theme="dark"])) ._messageBodyContentFooterMain_pnc8v_1906 ._messageBodyContentFooterMainTitle_pnc8v_1913 ._saleStateBadge_paid_pnc8v_905 {
    background: rgb(0, 170, 0) !important;
  }

  :where(:root:not([data-theme="dark"])) ._messageBodyContentFooterMain_pnc8v_1906 ._messageBodyContentFooterMainTitle_pnc8v_1913 ._saleStateBadge_due_pnc8v_909 {
    background: rgb(228, 43, 43) !important;
  }

  :where(:root:not([data-theme="dark"])) ._messageBodyContentFooterMain_pnc8v_1906 ._messageBodyContentFooterMainTitle_pnc8v_1913 ._saleStateBadge_partiallypaid_pnc8v_913 {
    background: rgb(224, 166, 32) !important;
  }

  :where(:root:not([data-theme="dark"])) ._messageItem_pnc8v_475._selected_pnc8v_479 ._metaPill_pnc8v_874, :where(:root:not([data-theme="dark"])) ._topHits_pnc8v_459 ._messageItem_pnc8v_475._selected_pnc8v_479 ._metaPill_pnc8v_874 {
    background: rgba(100, 116, 139, 0.18);
    color: #0f172a;
  }

  :where(:root:not([data-theme="dark"])) ._confirmDialog_pnc8v_928 {
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 0 15px 0 rgba(15, 23, 42, 0.18);
    color: #111827;
  }

  :where(:root:not([data-theme="dark"])) ._confirmHeader_pnc8v_937 p, :where(:root:not([data-theme="dark"])) ._confirmHint_pnc8v_994 {
    color: rgba(71, 85, 105, 0.88);
  }

  :where(:root:not([data-theme="dark"])) ._confirmSecondary_pnc8v_958 {
    background: rgba(231, 231, 231, 0.98);
    color: #334155;
  }

  :where(:root:not([data-theme="dark"])) ._confirmSecondary_pnc8v_958:hover {
    background: rgba(220, 220, 220, 0.98);
    color: #1f2937;
  }

  :where(:root:not([data-theme="dark"])) ._confirmPrimary_pnc8v_957 {
    background: rgb(234, 52, 39);
    color: #fff;
  }

  :where(:root:not([data-theme="dark"])) ._confirmPrimary_pnc8v_957:hover {
    background: rgb(214, 44, 32);
  }

  :where(:root:not([data-theme="dark"])) ._messageContent_pnc8v_512:not(:focus-within) {
    border-bottom-color: rgba(226, 232, 240, 1);
  }

  :where(:root:not([data-theme="dark"])) ._actions_pnc8v_513 {
    background-color: rgba(51, 54, 56, 0.5);
    color: #ffffff;
  }

  :where(:root:not([data-theme="dark"])) ._unreadIndicator_pnc8v_1150, :where(:root:not([data-theme="dark"])) ._unreadDot_pnc8v_402 {
    background-color: var(--app-accent, #c89200);
  }

  :where(:root:not([data-theme="dark"])) ._avatarFallback_pnc8v_639, :where(:root:not([data-theme="dark"])) ._avatarHoverFallback_pnc8v_3502 {
    background: linear-gradient(rgb(188, 198, 214), rgb(148, 163, 184));
    color: #f8fafc;
  }


  :where(:root:not([data-theme="dark"])) ._lightIcon_pnc8v_714 {
    display: flex;
  }

  :where(:root:not([data-theme="dark"])) ._darkIcon_pnc8v_718 {
    display: none;
  }

  :where(:root:not([data-theme="dark"])) ._lightModeIconBorder_pnc8v_3893 {
    border: 1px solid rgba(80, 85, 96, 0.15) !important;
    box-shadow: 0 0 7.5px 0.33px rgba(80, 85, 96, 0.1);
  }

  :where(:root:not([data-theme="dark"])) ._messageBodyHeader_pnc8v_1284 {
    border-bottom-color: rgba(226, 232, 240, 0.95);
  }

  :where(:root:not([data-theme="dark"])) ._messageBodyContent_pnc8v_1636 ._messageBodyContentHeaders_pnc8v_1641 ._messageBodyContentHeadersItemL_pnc8v_1668, :where(:root:not([data-theme="dark"])) ._messageBodyContent_pnc8v_1636 ._messageBodyContentHeaders_pnc8v_1641 ._messageBodyContentHeadersItemS_pnc8v_1688, :where(:root:not([data-theme="dark"])) ._messageBodyContentSeparator_pnc8v_1772 span, :where(:root:not([data-theme="dark"])) ._messageBodyContentFooterMain_pnc8v_1906, :where(:root:not([data-theme="dark"])) ._messageBodyContentFooterSub_pnc8v_1874, :where(:root:not([data-theme="dark"])) ._messageBodyContentFooterSubAlt_pnc8v_1894 {
    background-color: rgba(241, 241, 241, 1) !important;
    color: #1f2937;
  }

  :where(:root:not([data-theme="dark"])) ._messageBodyContentFooterSubAlt_pnc8v_1894, :where(:root:not([data-theme="dark"])) ._messageBodyContentFooterSubTitle_pnc8v_1878, :where(:root:not([data-theme="dark"])) ._messageBodyContentFooterSubAltTitle_pnc8v_1898 {
    color: rgba(71, 85, 105, 0.84) !important;
    background-color: transparent !important;
  }

  :where(:root:not([data-theme="dark"])) ._messageC1Body_pnc8v_2231 ._messageBodyContent_pnc8v_1636 ._messageBodyContentSeparator_pnc8v_1772 span, :where(:root:not([data-theme="dark"])) ._messageC2Body_pnc8v_2676 ._messageBodyContent_pnc8v_1636 ._messageBodyContentSeparator_pnc8v_1772 span, :where(:root:not([data-theme="dark"])) ._messageC3Body_pnc8v_2938 ._messageBodyContent_pnc8v_1636 ._messageBodyContentSeparator_pnc8v_1772 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);
  }

  :where(:root:not([data-theme="dark"])) ._messageBodyContentFooterMain_pnc8v_1906, :where(:root:not([data-theme="dark"])) ._messageBodyContentItemDetailsTitle_pnc8v_1837, :where(:root:not([data-theme="dark"])) ._messageBodyContentItemTotalsAmount_pnc8v_1860, :where(:root:not([data-theme="dark"])) ._messageBodyContentFooterSubSubTitle_pnc8v_1885, :where(:root:not([data-theme="dark"])) ._messageBodyContentFooterMainTitle_pnc8v_1913, :where(:root:not([data-theme="dark"])) ._messageBodyContentFooterMainSubTitle_pnc8v_1933 {
    color: #1f2937 !important;
    background-color: transparent !important;
  }

  :where(:root:not([data-theme="dark"])) ._messageBodyContentItemImage_pnc8v_1824 {
    border: 1px solid rgba(80, 85, 96, 0.2) !important;
  }

  :where(:root:not([data-theme="dark"])) ._messageC1Body_pnc8v_2231 ._messageBodyContentFooter_pnc8v_1869 ._messageBodyContentFooterMain_pnc8v_1906 ._messageBodyContentFooterMainTitle_pnc8v_1913 span, :where(:root:not([data-theme="dark"])) ._messageC2Body_pnc8v_2676 ._messageBodyContentFooter_pnc8v_1869 ._messageBodyContentFooterMain_pnc8v_1906 ._messageBodyContentFooterMainTitle_pnc8v_1913 span, :where(:root:not([data-theme="dark"])) ._messageC3Body_pnc8v_2938 ._messageBodyContentFooter_pnc8v_1869 ._messageBodyContentFooterMain_pnc8v_1906 ._messageBodyContentFooterMainTitle_pnc8v_1913 span {
    padding: 0;
  }

  :where(:root:not([data-theme="dark"])) ._messageBodyContentItemDetailsSubTitle_pnc8v_1843 {
    color: rgba(71, 85, 105, 0.84) !important;
    background: transparent !important;
  }

  :where(:root:not([data-theme="dark"])) ._messageBodyContentFooterSub_pnc8v_1874, :where(:root:not([data-theme="dark"])) ._messageBodyContentFooterSubTitle_pnc8v_1878 {
    color: #1f2937 !important;
    background: transparent !important;
  }

  :where(:root:not([data-theme="dark"])) ._messageBodyContentFooterMain_pnc8v_1906 {
    border-top: 1px solid rgba(226, 232, 240, 0.95) !important;
    border-bottom: 1px solid rgba(226, 232, 240, 0.95) !important;
  }

  :where(:root:not([data-theme="dark"])) ._messageBodyContentFooterMain_pnc8v_1906 ._messageBodyContentFooterMainTitle_pnc8v_1913 {
    border-right: 1px solid rgba(226, 232, 240, 0.95) !important;
  }

  :where(:root:not([data-theme="dark"])) ._messageC1Body_pnc8v_2231 ._messageBodyContent_pnc8v_1636 ._messageBodyContentHeaders_pnc8v_1641 ._messageBodyContentHeadersItem_pnc8v_1668, :where(:root:not([data-theme="dark"])) ._messageC2Body_pnc8v_2676 ._messageBodyContent_pnc8v_1636 ._messageBodyContentHeaders_pnc8v_1641 ._messageBodyContentHeadersItem_pnc8v_1668, :where(:root:not([data-theme="dark"])) ._messageC3Body_pnc8v_2938 ._messageBodyContent_pnc8v_1636 ._messageBodyContentHeaders_pnc8v_1641 ._messageBodyContentHeadersItem_pnc8v_1668 {
    background-color: rgba(241, 241, 241, 1);
  }

  :where(:root:not([data-theme="dark"])) ._messageC1Body_pnc8v_2231 ._messageBodyContent_pnc8v_1636 ._messageBodyContentHeaders_pnc8v_1641 ._messageBodyContentHeadersItem_pnc8v_1668:nth-child(even), :where(:root:not([data-theme="dark"])) ._messageC2Body_pnc8v_2676 ._messageBodyContent_pnc8v_1636 ._messageBodyContentHeaders_pnc8v_1641 ._messageBodyContentHeadersItem_pnc8v_1668:nth-child(even), :where(:root:not([data-theme="dark"])) ._messageC3Body_pnc8v_2938 ._messageBodyContent_pnc8v_1636 ._messageBodyContentHeaders_pnc8v_1641 ._messageBodyContentHeadersItem_pnc8v_1668:nth-child(even) {
    background-color: rgba(249, 249, 249, 1);
  }

  :where(:root:not([data-theme="dark"])) ._messageC1Body_pnc8v_2231 ._messageBodyContent_pnc8v_1636 ._messageBodyContentHeaders_pnc8v_1641 ._addDocumentButton_pnc8v_2368, :where(:root:not([data-theme="dark"])) ._messageC2Body_pnc8v_2676 ._messageBodyContent_pnc8v_1636 ._messageBodyContentHeaders_pnc8v_1641 ._addDocumentButton_pnc8v_2368, :where(:root:not([data-theme="dark"])) ._messageC3Body_pnc8v_2938 ._messageBodyContent_pnc8v_1636 ._messageBodyContentHeaders_pnc8v_1641 ._addDocumentButton_pnc8v_2368 {
    background: transparent !important;
    border-radius: 18px;
  }

  :where(:root:not([data-theme="dark"])) ._messageC1Body_pnc8v_2231 ._messageBodyContent_pnc8v_1636 ._messageBodyContentHeaders_pnc8v_1641 ._messageBodyContentHeadersItemTADB_pnc8v_2347, :where(:root:not([data-theme="dark"])) ._messageC2Body_pnc8v_2676 ._messageBodyContent_pnc8v_1636 ._messageBodyContentHeaders_pnc8v_1641 ._messageBodyContentHeadersItemTADB_pnc8v_2347, :where(:root:not([data-theme="dark"])) ._messageC3Body_pnc8v_2938 ._messageBodyContent_pnc8v_1636 ._messageBodyContentHeaders_pnc8v_1641 ._messageBodyContentHeadersItemTADB_pnc8v_2347 {
    background: rgba(0, 0, 0, 0.075) !important;
    color: #1f2937;
  }

  :where(:root:not([data-theme="dark"])) ._messageC1Body_pnc8v_2231 ._messageBodyContent_pnc8v_1636 ._messageBodyContentHeaders_pnc8v_1641 ._messageBodyContentHeadersItemTPICON_pnc8v_2142, :where(:root:not([data-theme="dark"])) ._messageC2Body_pnc8v_2676 ._messageBodyContent_pnc8v_1636 ._messageBodyContentHeaders_pnc8v_1641 ._messageBodyContentHeadersItemTPICON_pnc8v_2142, :where(:root:not([data-theme="dark"])) ._messageC3Body_pnc8v_2938 ._messageBodyContent_pnc8v_1636 ._messageBodyContentHeaders_pnc8v_1641 ._messageBodyContentHeadersItemTPICON_pnc8v_2142, :where(:root:not([data-theme="dark"])) ._saleNoteActionLabel_pnc8v_3997 {
    color: rgba(71, 85, 105, 0.82);
  }

  :where(:root:not([data-theme="dark"])) ._messageC1Body_pnc8v_2231 ._messageBodyContent_pnc8v_1636 ._messageBodyContentHeaders_pnc8v_1641 ._messageBodyContentHeadersItemTPICON_pnc8v_2142 svg, :where(:root:not([data-theme="dark"])) ._messageC2Body_pnc8v_2676 ._messageBodyContent_pnc8v_1636 ._messageBodyContentHeaders_pnc8v_1641 ._messageBodyContentHeadersItemTPICON_pnc8v_2142 svg, :where(:root:not([data-theme="dark"])) ._messageC3Body_pnc8v_2938 ._messageBodyContent_pnc8v_1636 ._messageBodyContentHeaders_pnc8v_1641 ._messageBodyContentHeadersItemTPICON_pnc8v_2142 svg {
    color: rgba(71, 85, 105, 0.82);
  }

  :where(:root:not([data-theme="dark"])) ._saleNoteTileEyebrow_pnc8v_3039 {
    color: rgba(71, 85, 105, 0.74);
  }

  :where(:root:not([data-theme="dark"])) ._saleNoteTileBody_pnc8v_3047 {
    color: #1f2937;
  }

  :where(:root:not([data-theme="dark"])) ._messageC1Body_pnc8v_2231 ._messageBodyContent_pnc8v_1636 ._messageBodyContentHeaders_pnc8v_1641 ._messageBodyContentHeadersItemTDT_pnc8v_2302, :where(:root:not([data-theme="dark"])) ._messageC2Body_pnc8v_2676 ._messageBodyContent_pnc8v_1636 ._messageBodyContentHeaders_pnc8v_1641 ._messageBodyContentHeadersItemTPDF_pnc8v_2744, :where(:root:not([data-theme="dark"])) ._messageC2Body_pnc8v_2676 ._messageBodyContent_pnc8v_1636 ._messageBodyContentHeaders_pnc8v_1641 ._messageBodyContentHeadersItemTPNG_pnc8v_2758, :where(:root:not([data-theme="dark"])) ._messageC2Body_pnc8v_2676 ._messageBodyContent_pnc8v_1636 ._messageBodyContentHeaders_pnc8v_1641 ._messageBodyContentHeadersItemTJPG_pnc8v_2772, :where(:root:not([data-theme="dark"])) ._messageC2Body_pnc8v_2676 ._messageBodyContent_pnc8v_1636 ._messageBodyContentHeaders_pnc8v_1641 ._messageBodyContentHeadersItemTXLS_pnc8v_2786 {
    box-shadow: 0 8px 18px rgba(148, 163, 184, 0.18);
  }

  :where(:root:not([data-theme="dark"])) ._PaymentOverlay_pnc8v_1946 {
    background-color: rgba(245, 245, 247, 0.85);
  }

  :where(:root:not([data-theme="dark"])) ._PaymentOverlayContent_pnc8v_1953 {
    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);
  }

  :where(:root:not([data-theme="dark"])) ._PaymentOverlayContent_pnc8v_1953 ._PaymentOverlayContentSidebar_pnc8v_1973 {
    background: rgba(248, 250, 252, 0.95);
    border-right: 1px solid rgba(218, 222, 228, 0.96);
  }

  :where(:root:not([data-theme="dark"])) ._PaymentOverlayContent_pnc8v_1953 ._PaymentOverlayCloseIcon_pnc8v_1982 {
    color: #3e454f !important;
    background-color: rgba(248, 250, 252, 0.95);

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

  :where(:root:not([data-theme="dark"])) ._PaymentOverlayContent_pnc8v_1953 ._PaymentOverlayContentMain_pnc8v_1999, :where(:root:not([data-theme="dark"])) ._PaymentOverlayContent_pnc8v_1953 ._PaymentOverlayContentMain_pnc8v_1999 ._PaymentOverlayContentMainTitle_pnc8v_2005, :where(:root:not([data-theme="dark"])) ._PaymentOverlayContent_pnc8v_1953 ._PaymentOverlayContentMain_pnc8v_1999 ._PaymentOverlayContentMainSectionTitle_pnc8v_2021, :where(:root:not([data-theme="dark"])) ._PaymentOverlayContent_pnc8v_1953 ._PaymentOverlayContentMain_pnc8v_1999 ._PaymentOverlayContentMainSectionValue_pnc8v_2028 {
    color: #1f2937 !important;
    border-color: rgba(189, 193, 198, 0.76) !important;
  }

  :where(:root:not([data-theme="dark"])) ._PaymentOverlayContent_pnc8v_1953 ._PaymentOverlayContentMain_pnc8v_1999 ._PaymentOverlayContentMainSectionBody_pnc8v_2102 {
    color: rgba(71, 85, 105, 0.88) !important;
  }

  :where(:root:not([data-theme="dark"])) ._PaymentOverlayContent_pnc8v_1953 ._PaymentOverlayContentMain_pnc8v_1999 ._PaymentOverlayContentMainSectionInput_pnc8v_2046 {
    background: rgba(0, 0, 0, 0.04) !important;
    border-color: rgba(0, 0, 0, 0.15) !important;
    color: #1e293b !important;
  }
  :where(:root:not([data-theme="dark"])) ._PaymentOverlayContent_pnc8v_1953 ._PaymentOverlayContentMain_pnc8v_1999 ._PaymentOverlayContentMainSectionInput_pnc8v_2046::placeholder {
    color: rgba(0, 0, 0, 0.35) !important;
  }

  :where(:root:not([data-theme="dark"])) ._PaymentOverlayContent_pnc8v_1953 ._PaymentOverlayContentMain_pnc8v_1999 ._PaymentOverlayContentMainSectionTable_pnc8v_2114 ._messageBodyContentHeadersItem_pnc8v_1668, :where(:root:not([data-theme="dark"])) ._PaymentOverlayContent_pnc8v_1953 ._PaymentOverlayContentMain_pnc8v_1999 ._PaymentOverlayContentMainSectionTable1_pnc8v_2161 ._messageBodyContentHeadersItem_pnc8v_1668 {
    background-color: rgba(241, 241, 241, 0.98) !important;
    border-color: rgba(189, 193, 198, 0.76) !important;
  }

  :where(:root:not([data-theme="dark"])) ._messageBodyContentHeadersItemTPICON_pnc8v_2142 {
    color: rgba(71, 85, 105, 0.85) !important;
  }

  :where(:root:not([data-theme="dark"])) ._messageBodyContentHeadersItemTPICON_pnc8v_2142 svg {
    color: rgba(71, 85, 105, 0.85) !important;
  }

  :where(:root:not([data-theme="dark"])) ._PaymentOverlayContent_pnc8v_1953 ._PaymentOverlayContentMain_pnc8v_1999 ._PaymentOverlayContentMainSectionBtnPrimary_pnc8v_2069 {
    background: #000 !important;
    color: #fff !important;
  }

  :where(:root:not([data-theme="dark"])) ._PaymentOverlayContent_pnc8v_1953 ._PaymentOverlayContentMain_pnc8v_1999 ._PaymentOverlayContentMainSectionBtnSecondary_pnc8v_2086 {
    background: rgba(231, 231, 231, 0.98) !important;
    color: #334155;
  }

  :where(:root:not([data-theme="dark"])) ._scrollbar_pnc8v_3284 {
    background: rgba(203, 213, 225, 0.32);
  }

  :where(:root:not([data-theme="dark"])) ._scrollbar_pnc8v_3284:hover {
    background: rgba(148, 163, 184, 0.36);
  }

  :where(:root:not([data-theme="dark"])) ._scrollThumb_pnc8v_3306 {
    background: rgba(148, 163, 184, 0.72);
  }

  :where(:root:not([data-theme="dark"])) ._scrollThumb_pnc8v_3306:hover {
    background: rgba(100, 116, 139, 0.84);
  }

  :where(:root:not([data-theme="dark"])) ._contextMenu_pnc8v_3339, :where(:root:not([data-theme="dark"])) ._hoverCardContent_pnc8v_3441, :where(:root:not([data-theme="dark"])) ._Content_pnc8v_3515 {
    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;
  }

  :where(:root:not([data-theme="dark"])) ._contextItem_pnc8v_3382[data-disabled] {
    color: #111827;
  }

  :where(:root:not([data-theme="dark"])) ._separator_pnc8v_3433 {
    background-color: rgba(226, 232, 240, 0.95);
  }

  :where(:root:not([data-theme="dark"])) ._Arrow_pnc8v_3544 {
    fill: rgba(226, 232, 240, 0.95);
  }

  :where(:root:not([data-theme="dark"])) ._ImageTrigger_pnc8v_3548:focus {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--app-accent, #c89200) 35%, transparent);
  }
}

:where(:root[data-theme="light"]) ._emailClient_pnc8v_8 {
    background: #fff;
    color: #1f2937;
  }

:where(:root[data-theme="light"]) ._sidebar_pnc8v_20 {
    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);
  }

:where(:root[data-theme="light"]) ._messageList_pnc8v_193 {
    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);
  }

:where(:root[data-theme="light"]) ._messageContainer_pnc8v_635, :where(:root[data-theme="light"]) ._messageContentHeader_pnc8v_1167 {
    background: #ffffff;
    border-bottom: 1px solid transparent;
  }

:where(:root[data-theme="light"]) ._messageContentHeader_pnc8v_1167._overlapping_pnc8v_1175 {
    border-color: rgba(210, 218, 228, 0.5);
    background: rgba(247, 249, 252, 0.98);
  }

:where(:root[data-theme="light"]) ._sidebarHeader_pnc8v_36 h2, :where(:root[data-theme="light"]) ._foldersHeader_pnc8v_142 h3, :where(:root[data-theme="light"]) ._headerTop_pnc8v_293 h2, :where(:root[data-theme="light"]) ._sender_pnc8v_749, :where(:root[data-theme="light"]) ._subject_pnc8v_796, :where(:root[data-theme="light"]) ._messageBodyHeader_pnc8v_1284 ._messageBodyHeaderLeft_pnc8v_1301 ._messageBodyHeaderLeftInfo_pnc8v_1307 ._messageBodyHeaderLeftInfoTitle_pnc8v_1315, :where(:root[data-theme="light"]) ._messageBodyContent_pnc8v_1636 ._messageBodyContentHeaders_pnc8v_1641 ._messageBodyContentHeadersSubTitle_pnc8v_1658, :where(:root[data-theme="light"]) ._messageBodyContentFooterMainTitle_pnc8v_1913, :where(:root[data-theme="light"]) ._messageBodyContentFooterMainSubTitle_pnc8v_1933, :where(:root[data-theme="light"]) ._Text_pnc8v_3574 {
    color: #1f2937;
  }

:where(:root[data-theme="light"]) ._mailboxName_pnc8v_115 {
    color: #243043;
  }

:where(:root[data-theme="light"]) ._count_pnc8v_128, :where(:root[data-theme="light"]) ._headerInfo_pnc8v_386, :where(:root[data-theme="light"]) ._preview_pnc8v_818, :where(:root[data-theme="light"]) ._summaryLine_pnc8v_808, :where(:root[data-theme="light"]) ._time_pnc8v_770, :where(:root[data-theme="light"]) ._messageBodyHeader_pnc8v_1284 ._messageBodyHeaderRight_pnc8v_1369 ._messageBodyHeaderRightDate_pnc8v_1374, :where(:root[data-theme="light"]) ._messageBodyHeader_pnc8v_1284 ._messageBodyHeaderLeft_pnc8v_1301 ._messageBodyHeaderLeftInfo_pnc8v_1307 ._messageBodyHeaderLeftInfoSubtitle_pnc8v_1336 span, :where(:root[data-theme="light"]) ._messageBodyHeaderLeftInfoSubtitle_pnc8v_1336, :where(:root[data-theme="light"]) ._messageBodyContent_pnc8v_1636 ._messageBodyContentHeaders_pnc8v_1641 ._messageBodyContentHeadersTitle_pnc8v_1652, :where(:root[data-theme="light"]) ._messageBodyContentSeparator_pnc8v_1772 span, :where(:root[data-theme="light"]) ._messageBodyContentFooterSubTitle_pnc8v_1878, :where(:root[data-theme="light"]) ._messageBodyContentFooterSubSubTitle_pnc8v_1885, :where(:root[data-theme="light"]) ._messageBodyContentFooterSubAltTitle_pnc8v_1898, :where(:root[data-theme="light"]) ._Text_pnc8v_3574.faded {
    color: rgba(71, 85, 105, 0.88) !important;
  }

:where(:root[data-theme="light"]) ._mailboxItem_pnc8v_67:hover, :where(:root[data-theme="light"]) ._messageBodyHeader_pnc8v_1284 ._messageBodyHeaderLeft_pnc8v_1301 ._messageBodyHeaderLeftInfo_pnc8v_1307 ._messageBodyHeaderLeftInfoTitle_pnc8v_1315:hover, :where(:root[data-theme="light"]) ._messageBodyHeader_pnc8v_1284 ._messageBodyHeaderLeft_pnc8v_1301 ._messageBodyHeaderLeftInfo_pnc8v_1307 ._messageBodyHeaderLeftInfoSubtitle_pnc8v_1336 span:hover, :where(:root[data-theme="light"]) ._messageBodyHeader_pnc8v_1284 ._messageBodyHeaderRight_pnc8v_1369 ._messageDetailsButton_pnc8v_1383:hover, :where(:root[data-theme="light"]) ._contextItem_pnc8v_3382:hover {
    background-color: rgba(200, 200, 200, 0.35);
  }

:where(:root[data-theme="light"]) ._mailboxItem_pnc8v_67._active_pnc8v_96 {
    background: rgba(120, 120, 128, 0.1);
    color: rgba(0, 0, 0, 0.88);

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

:where(:root[data-theme="light"]) ._iconButton_pnc8v_361, :where(:root[data-theme="light"]) ._messageBodyHeader_pnc8v_1284 ._messageBodyHeaderRight_pnc8v_1369 ._messageDetailsButton_pnc8v_1383, :where(:root[data-theme="light"]) ._detailsButton_pnc8v_1223, :where(:root[data-theme="light"]) ._messageViewLink_pnc8v_3207 a, :where(:root[data-theme="light"]) ._contextItem_pnc8v_3382 svg, :where(:root[data-theme="light"]) ._mailboxItem_pnc8v_67 svg {
    color: var(--app-accent, #c89200);
  }

:where(:root[data-theme="light"]) ._iconButton_pnc8v_361:hover {
    background-color: rgba(200, 200, 200, 0.35);
  }

:where(:root[data-theme="light"]) ._iconButton_pnc8v_361:disabled {
    color: rgba(71, 85, 105, 0.34);
    background-color: transparent;
  }

:where(:root[data-theme="light"]) ._searchIcon_pnc8v_418, :where(:root[data-theme="light"]) ._searchClearIcon_pnc8v_424 {
    color: #6b7280;
  }

:where(:root[data-theme="light"]) ._searchClearIcon_pnc8v_424:hover {
    background-color: rgba(148, 163, 184, 0.18);
  }

:where(:root[data-theme="light"]) ._searchInput_pnc8v_438 {
    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);
  }

:where(:root[data-theme="light"]) ._searchInput_pnc8v_438::placeholder {
    color: #94a3b8;
  }

:where(:root[data-theme="light"]) ._searchInput_pnc8v_438:focus {
    outline: 3px solid color-mix(in srgb, var(--app-accent, #c89200) 22%, transparent);
    border-color: color-mix(in srgb, var(--app-accent, #c89200) 48%, transparent);
    caret-color: var(--app-accent, #c89200);
  }

:where(:root[data-theme="light"]) ._topHits_pnc8v_459, :where(:root[data-theme="light"]) ._messageBody_pnc8v_1236, :where(:root[data-theme="light"]) ._messageC1Body_pnc8v_2231, :where(:root[data-theme="light"]) ._messageC2Body_pnc8v_2676, :where(:root[data-theme="light"]) ._messageC3Body_pnc8v_2938 {
    background: rgba(255, 255, 255, 0.985);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15);
  }

:where(:root[data-theme="light"]) ._messageBody_pnc8v_1236 {
    background: #ffffff;
  }

:where(:root[data-theme="light"]) ._messageContentHeaderIdle_pnc8v_1181 {
    border-bottom-color: rgba(226, 232, 240, 0.85);
  }

:where(:root[data-theme="light"]) ._emptyPaneTitle_pnc8v_1268 {
    color: rgba(51, 65, 85, 0.76);
  }

:where(:root[data-theme="light"]) ._emptyPaneBody_pnc8v_1276 {
    color: rgba(71, 85, 105, 0.62);
  }

:where(:root[data-theme="light"]) ._topHits_pnc8v_459 ._topHitsLabel_pnc8v_466 {
    color: #1f2937;
  }

:where(:root[data-theme="light"]) ._messageItem_pnc8v_475._selected_pnc8v_479, :where(:root[data-theme="light"]) ._topHits_pnc8v_459 ._messageItem_pnc8v_475._selected_pnc8v_479 {
    background: rgba(120, 120, 128, 0.15);
  }

:where(:root[data-theme="light"]) ._subject_pnc8v_796 {
    color: #111827;
  }

:where(:root[data-theme="light"]) ._summaryLine_pnc8v_808 {
    color: rgba(71, 85, 105, 0.88);
  }

:where(:root[data-theme="light"]) ._metaPill_pnc8v_874 {
    background: rgba(148, 163, 184, 0.14);
    color: rgba(51, 65, 85, 0.92);
  }

:where(:root[data-theme="light"]) ._saleStateDot_pnc8v_599 {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.98);
  }

:where(:root[data-theme="light"]) ._messageBodyContentFooterMain_pnc8v_1906 ._messageBodyContentFooterMainTitle_pnc8v_1913 ._saleStateBadge_pnc8v_890 {
    color: #ffffff !important;
    background-color: inherit;
  }

:where(:root[data-theme="light"]) ._messageBodyContentFooterMain_pnc8v_1906 ._messageBodyContentFooterMainTitle_pnc8v_1913 ._saleStateBadge_paid_pnc8v_905 {
    background: rgb(0, 170, 0) !important;
  }

:where(:root[data-theme="light"]) ._messageBodyContentFooterMain_pnc8v_1906 ._messageBodyContentFooterMainTitle_pnc8v_1913 ._saleStateBadge_due_pnc8v_909 {
    background: rgb(228, 43, 43) !important;
  }

:where(:root[data-theme="light"]) ._messageBodyContentFooterMain_pnc8v_1906 ._messageBodyContentFooterMainTitle_pnc8v_1913 ._saleStateBadge_partiallypaid_pnc8v_913 {
    background: rgb(224, 166, 32) !important;
  }

:where(:root[data-theme="light"]) ._messageItem_pnc8v_475._selected_pnc8v_479 ._metaPill_pnc8v_874, :where(:root[data-theme="light"]) ._topHits_pnc8v_459 ._messageItem_pnc8v_475._selected_pnc8v_479 ._metaPill_pnc8v_874 {
    background: rgba(100, 116, 139, 0.18);
    color: #0f172a;
  }

:where(:root[data-theme="light"]) ._confirmDialog_pnc8v_928 {
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 0 15px 0 rgba(15, 23, 42, 0.18);
    color: #111827;
  }

:where(:root[data-theme="light"]) ._confirmHeader_pnc8v_937 p, :where(:root[data-theme="light"]) ._confirmHint_pnc8v_994 {
    color: rgba(71, 85, 105, 0.88);
  }

:where(:root[data-theme="light"]) ._confirmSecondary_pnc8v_958 {
    background: rgba(231, 231, 231, 0.98);
    color: #334155;
  }

:where(:root[data-theme="light"]) ._confirmSecondary_pnc8v_958:hover {
    background: rgba(220, 220, 220, 0.98);
    color: #1f2937;
  }

:where(:root[data-theme="light"]) ._confirmPrimary_pnc8v_957 {
    background: rgb(234, 52, 39);
    color: #fff;
  }

:where(:root[data-theme="light"]) ._confirmPrimary_pnc8v_957:hover {
    background: rgb(214, 44, 32);
  }

:where(:root[data-theme="light"]) ._messageContent_pnc8v_512:not(:focus-within) {
    border-bottom-color: rgba(226, 232, 240, 1);
  }

:where(:root[data-theme="light"]) ._actions_pnc8v_513 {
    background-color: rgba(51, 54, 56, 0.5);
    color: #ffffff;
  }

:where(:root[data-theme="light"]) ._unreadIndicator_pnc8v_1150, :where(:root[data-theme="light"]) ._unreadDot_pnc8v_402 {
    background-color: var(--app-accent, #c89200);
  }

:where(:root[data-theme="light"]) ._avatarFallback_pnc8v_639, :where(:root[data-theme="light"]) ._avatarHoverFallback_pnc8v_3502 {
    background: linear-gradient(rgb(188, 198, 214), rgb(148, 163, 184));
    color: #f8fafc;
  }

:where(:root[data-theme="light"]) ._lightIcon_pnc8v_714 {
    display: flex;
  }

:where(:root[data-theme="light"]) ._darkIcon_pnc8v_718 {
    display: none;
  }

:where(:root[data-theme="light"]) ._lightModeIconBorder_pnc8v_3893 {
    border: 1px solid rgba(80, 85, 96, 0.15) !important;
    box-shadow: 0 0 7.5px 0.33px rgba(80, 85, 96, 0.1);
  }

:where(:root[data-theme="light"]) ._messageBodyHeader_pnc8v_1284 {
    border-bottom-color: rgba(226, 232, 240, 0.95);
  }

:where(:root[data-theme="light"]) ._messageBodyContent_pnc8v_1636 ._messageBodyContentHeaders_pnc8v_1641 ._messageBodyContentHeadersItemL_pnc8v_1668, :where(:root[data-theme="light"]) ._messageBodyContent_pnc8v_1636 ._messageBodyContentHeaders_pnc8v_1641 ._messageBodyContentHeadersItemS_pnc8v_1688, :where(:root[data-theme="light"]) ._messageBodyContentSeparator_pnc8v_1772 span, :where(:root[data-theme="light"]) ._messageBodyContentFooterMain_pnc8v_1906, :where(:root[data-theme="light"]) ._messageBodyContentFooterSub_pnc8v_1874, :where(:root[data-theme="light"]) ._messageBodyContentFooterSubAlt_pnc8v_1894 {
    background-color: rgba(241, 241, 241, 1) !important;
    color: #1f2937;
  }

:where(:root[data-theme="light"]) ._messageBodyContentFooterSubAlt_pnc8v_1894, :where(:root[data-theme="light"]) ._messageBodyContentFooterSubTitle_pnc8v_1878, :where(:root[data-theme="light"]) ._messageBodyContentFooterSubAltTitle_pnc8v_1898 {
    color: rgba(71, 85, 105, 0.84) !important;
    background-color: transparent !important;
  }

:where(:root[data-theme="light"]) ._messageC1Body_pnc8v_2231 ._messageBodyContent_pnc8v_1636 ._messageBodyContentSeparator_pnc8v_1772 span, :where(:root[data-theme="light"]) ._messageC2Body_pnc8v_2676 ._messageBodyContent_pnc8v_1636 ._messageBodyContentSeparator_pnc8v_1772 span, :where(:root[data-theme="light"]) ._messageC3Body_pnc8v_2938 ._messageBodyContent_pnc8v_1636 ._messageBodyContentSeparator_pnc8v_1772 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);
  }

:where(:root[data-theme="light"]) ._messageBodyContentFooterMain_pnc8v_1906, :where(:root[data-theme="light"]) ._messageBodyContentItemDetailsTitle_pnc8v_1837, :where(:root[data-theme="light"]) ._messageBodyContentItemTotalsAmount_pnc8v_1860, :where(:root[data-theme="light"]) ._messageBodyContentFooterSubSubTitle_pnc8v_1885, :where(:root[data-theme="light"]) ._messageBodyContentFooterMainTitle_pnc8v_1913, :where(:root[data-theme="light"]) ._messageBodyContentFooterMainSubTitle_pnc8v_1933 {
    color: #1f2937 !important;
    background-color: transparent !important;
  }

:where(:root[data-theme="light"]) ._messageBodyContentItemImage_pnc8v_1824 {
    border: 1px solid rgba(80, 85, 96, 0.2) !important;
  }

:where(:root[data-theme="light"]) ._messageC1Body_pnc8v_2231 ._messageBodyContentFooter_pnc8v_1869 ._messageBodyContentFooterMain_pnc8v_1906 ._messageBodyContentFooterMainTitle_pnc8v_1913 span, :where(:root[data-theme="light"]) ._messageC2Body_pnc8v_2676 ._messageBodyContentFooter_pnc8v_1869 ._messageBodyContentFooterMain_pnc8v_1906 ._messageBodyContentFooterMainTitle_pnc8v_1913 span, :where(:root[data-theme="light"]) ._messageC3Body_pnc8v_2938 ._messageBodyContentFooter_pnc8v_1869 ._messageBodyContentFooterMain_pnc8v_1906 ._messageBodyContentFooterMainTitle_pnc8v_1913 span {
    padding: 0;
  }

:where(:root[data-theme="light"]) ._messageBodyContentItemDetailsSubTitle_pnc8v_1843 {
    color: rgba(71, 85, 105, 0.84) !important;
    background: transparent !important;
  }

:where(:root[data-theme="light"]) ._messageBodyContentFooterSub_pnc8v_1874, :where(:root[data-theme="light"]) ._messageBodyContentFooterSubTitle_pnc8v_1878 {
    color: #1f2937 !important;
    background: transparent !important;
  }

:where(:root[data-theme="light"]) ._messageBodyContentFooterMain_pnc8v_1906 {
    border-top: 1px solid rgba(226, 232, 240, 0.95) !important;
    border-bottom: 1px solid rgba(226, 232, 240, 0.95) !important;
  }

:where(:root[data-theme="light"]) ._messageBodyContentFooterMain_pnc8v_1906 ._messageBodyContentFooterMainTitle_pnc8v_1913 {
    border-right: 1px solid rgba(226, 232, 240, 0.95) !important;
  }

:where(:root[data-theme="light"]) ._messageC1Body_pnc8v_2231 ._messageBodyContent_pnc8v_1636 ._messageBodyContentHeaders_pnc8v_1641 ._messageBodyContentHeadersItem_pnc8v_1668, :where(:root[data-theme="light"]) ._messageC2Body_pnc8v_2676 ._messageBodyContent_pnc8v_1636 ._messageBodyContentHeaders_pnc8v_1641 ._messageBodyContentHeadersItem_pnc8v_1668, :where(:root[data-theme="light"]) ._messageC3Body_pnc8v_2938 ._messageBodyContent_pnc8v_1636 ._messageBodyContentHeaders_pnc8v_1641 ._messageBodyContentHeadersItem_pnc8v_1668 {
    background-color: rgba(241, 241, 241, 1);
  }

:where(:root[data-theme="light"]) ._messageC1Body_pnc8v_2231 ._messageBodyContent_pnc8v_1636 ._messageBodyContentHeaders_pnc8v_1641 ._messageBodyContentHeadersItem_pnc8v_1668:nth-child(even), :where(:root[data-theme="light"]) ._messageC2Body_pnc8v_2676 ._messageBodyContent_pnc8v_1636 ._messageBodyContentHeaders_pnc8v_1641 ._messageBodyContentHeadersItem_pnc8v_1668:nth-child(even), :where(:root[data-theme="light"]) ._messageC3Body_pnc8v_2938 ._messageBodyContent_pnc8v_1636 ._messageBodyContentHeaders_pnc8v_1641 ._messageBodyContentHeadersItem_pnc8v_1668:nth-child(even) {
    background-color: rgba(249, 249, 249, 1);
  }

:where(:root[data-theme="light"]) ._messageC1Body_pnc8v_2231 ._messageBodyContent_pnc8v_1636 ._messageBodyContentHeaders_pnc8v_1641 ._addDocumentButton_pnc8v_2368, :where(:root[data-theme="light"]) ._messageC2Body_pnc8v_2676 ._messageBodyContent_pnc8v_1636 ._messageBodyContentHeaders_pnc8v_1641 ._addDocumentButton_pnc8v_2368, :where(:root[data-theme="light"]) ._messageC3Body_pnc8v_2938 ._messageBodyContent_pnc8v_1636 ._messageBodyContentHeaders_pnc8v_1641 ._addDocumentButton_pnc8v_2368 {
    background: transparent !important;
    border-radius: 18px;
  }

:where(:root[data-theme="light"]) ._messageC1Body_pnc8v_2231 ._messageBodyContent_pnc8v_1636 ._messageBodyContentHeaders_pnc8v_1641 ._messageBodyContentHeadersItemTADB_pnc8v_2347, :where(:root[data-theme="light"]) ._messageC2Body_pnc8v_2676 ._messageBodyContent_pnc8v_1636 ._messageBodyContentHeaders_pnc8v_1641 ._messageBodyContentHeadersItemTADB_pnc8v_2347, :where(:root[data-theme="light"]) ._messageC3Body_pnc8v_2938 ._messageBodyContent_pnc8v_1636 ._messageBodyContentHeaders_pnc8v_1641 ._messageBodyContentHeadersItemTADB_pnc8v_2347 {
    background: rgba(0, 0, 0, 0.075) !important;
    color: #1f2937;
  }

:where(:root[data-theme="light"]) ._messageC1Body_pnc8v_2231 ._messageBodyContent_pnc8v_1636 ._messageBodyContentHeaders_pnc8v_1641 ._messageBodyContentHeadersItemTPICON_pnc8v_2142, :where(:root[data-theme="light"]) ._messageC2Body_pnc8v_2676 ._messageBodyContent_pnc8v_1636 ._messageBodyContentHeaders_pnc8v_1641 ._messageBodyContentHeadersItemTPICON_pnc8v_2142, :where(:root[data-theme="light"]) ._messageC3Body_pnc8v_2938 ._messageBodyContent_pnc8v_1636 ._messageBodyContentHeaders_pnc8v_1641 ._messageBodyContentHeadersItemTPICON_pnc8v_2142, :where(:root[data-theme="light"]) ._saleNoteActionLabel_pnc8v_3997 {
    color: rgba(71, 85, 105, 0.82);
  }

:where(:root[data-theme="light"]) ._messageC1Body_pnc8v_2231 ._messageBodyContent_pnc8v_1636 ._messageBodyContentHeaders_pnc8v_1641 ._messageBodyContentHeadersItemTPICON_pnc8v_2142 svg, :where(:root[data-theme="light"]) ._messageC2Body_pnc8v_2676 ._messageBodyContent_pnc8v_1636 ._messageBodyContentHeaders_pnc8v_1641 ._messageBodyContentHeadersItemTPICON_pnc8v_2142 svg, :where(:root[data-theme="light"]) ._messageC3Body_pnc8v_2938 ._messageBodyContent_pnc8v_1636 ._messageBodyContentHeaders_pnc8v_1641 ._messageBodyContentHeadersItemTPICON_pnc8v_2142 svg {
    color: rgba(71, 85, 105, 0.82);
  }

:where(:root[data-theme="light"]) ._saleNoteTileEyebrow_pnc8v_3039 {
    color: rgba(71, 85, 105, 0.74);
  }

:where(:root[data-theme="light"]) ._saleNoteTileBody_pnc8v_3047 {
    color: #1f2937;
  }

:where(:root[data-theme="light"]) ._messageC1Body_pnc8v_2231 ._messageBodyContent_pnc8v_1636 ._messageBodyContentHeaders_pnc8v_1641 ._messageBodyContentHeadersItemTDT_pnc8v_2302, :where(:root[data-theme="light"]) ._messageC2Body_pnc8v_2676 ._messageBodyContent_pnc8v_1636 ._messageBodyContentHeaders_pnc8v_1641 ._messageBodyContentHeadersItemTPDF_pnc8v_2744, :where(:root[data-theme="light"]) ._messageC2Body_pnc8v_2676 ._messageBodyContent_pnc8v_1636 ._messageBodyContentHeaders_pnc8v_1641 ._messageBodyContentHeadersItemTPNG_pnc8v_2758, :where(:root[data-theme="light"]) ._messageC2Body_pnc8v_2676 ._messageBodyContent_pnc8v_1636 ._messageBodyContentHeaders_pnc8v_1641 ._messageBodyContentHeadersItemTJPG_pnc8v_2772, :where(:root[data-theme="light"]) ._messageC2Body_pnc8v_2676 ._messageBodyContent_pnc8v_1636 ._messageBodyContentHeaders_pnc8v_1641 ._messageBodyContentHeadersItemTXLS_pnc8v_2786 {
    box-shadow: 0 8px 18px rgba(148, 163, 184, 0.18);
  }

:where(:root[data-theme="light"]) ._PaymentOverlay_pnc8v_1946 {
    background-color: rgba(245, 245, 247, 0.85);
  }

:where(:root[data-theme="light"]) ._PaymentOverlayContent_pnc8v_1953 {
    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);
  }

:where(:root[data-theme="light"]) ._PaymentOverlayContent_pnc8v_1953 ._PaymentOverlayContentSidebar_pnc8v_1973 {
    background: rgba(248, 250, 252, 0.95);
    border-right: 1px solid rgba(218, 222, 228, 0.96);
  }

:where(:root[data-theme="light"]) ._PaymentOverlayContent_pnc8v_1953 ._PaymentOverlayCloseIcon_pnc8v_1982 {
    color: #3e454f !important;
    background-color: rgba(248, 250, 252, 0.95);

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

:where(:root[data-theme="light"]) ._PaymentOverlayContent_pnc8v_1953 ._PaymentOverlayContentMain_pnc8v_1999, :where(:root[data-theme="light"]) ._PaymentOverlayContent_pnc8v_1953 ._PaymentOverlayContentMain_pnc8v_1999 ._PaymentOverlayContentMainTitle_pnc8v_2005, :where(:root[data-theme="light"]) ._PaymentOverlayContent_pnc8v_1953 ._PaymentOverlayContentMain_pnc8v_1999 ._PaymentOverlayContentMainSectionTitle_pnc8v_2021, :where(:root[data-theme="light"]) ._PaymentOverlayContent_pnc8v_1953 ._PaymentOverlayContentMain_pnc8v_1999 ._PaymentOverlayContentMainSectionValue_pnc8v_2028 {
    color: #1f2937 !important;
    border-color: rgba(189, 193, 198, 0.76) !important;
  }

:where(:root[data-theme="light"]) ._PaymentOverlayContent_pnc8v_1953 ._PaymentOverlayContentMain_pnc8v_1999 ._PaymentOverlayContentMainSectionBody_pnc8v_2102 {
    color: rgba(71, 85, 105, 0.88) !important;
  }

:where(:root[data-theme="light"]) ._PaymentOverlayContent_pnc8v_1953 ._PaymentOverlayContentMain_pnc8v_1999 ._PaymentOverlayContentMainSectionInput_pnc8v_2046 {
    background: rgba(0, 0, 0, 0.04) !important;
    border-color: rgba(0, 0, 0, 0.15) !important;
    color: #1e293b !important;
  }

:where(:root[data-theme="light"]) ._PaymentOverlayContent_pnc8v_1953 ._PaymentOverlayContentMain_pnc8v_1999 ._PaymentOverlayContentMainSectionInput_pnc8v_2046::placeholder {
    color: rgba(0, 0, 0, 0.35) !important;
  }

:where(:root[data-theme="light"]) ._PaymentOverlayContent_pnc8v_1953 ._PaymentOverlayContentMain_pnc8v_1999 ._PaymentOverlayContentMainSectionTable_pnc8v_2114 ._messageBodyContentHeadersItem_pnc8v_1668, :where(:root[data-theme="light"]) ._PaymentOverlayContent_pnc8v_1953 ._PaymentOverlayContentMain_pnc8v_1999 ._PaymentOverlayContentMainSectionTable1_pnc8v_2161 ._messageBodyContentHeadersItem_pnc8v_1668 {
    background-color: rgba(241, 241, 241, 0.98) !important;
    border-color: rgba(189, 193, 198, 0.76) !important;
  }

:where(:root[data-theme="light"]) ._messageBodyContentHeadersItemTPICON_pnc8v_2142 {
    color: rgba(71, 85, 105, 0.85) !important;
  }

:where(:root[data-theme="light"]) ._messageBodyContentHeadersItemTPICON_pnc8v_2142 svg {
    color: rgba(71, 85, 105, 0.85) !important;
  }

:where(:root[data-theme="light"]) ._PaymentOverlayContent_pnc8v_1953 ._PaymentOverlayContentMain_pnc8v_1999 ._PaymentOverlayContentMainSectionBtnPrimary_pnc8v_2069 {
    background: #000 !important;
    color: #fff !important;
  }

:where(:root[data-theme="light"]) ._PaymentOverlayContent_pnc8v_1953 ._PaymentOverlayContentMain_pnc8v_1999 ._PaymentOverlayContentMainSectionBtnSecondary_pnc8v_2086 {
    background: rgba(231, 231, 231, 0.98) !important;
    color: #334155;
  }

:where(:root[data-theme="light"]) ._scrollbar_pnc8v_3284 {
    background: rgba(203, 213, 225, 0.32);
  }

:where(:root[data-theme="light"]) ._scrollbar_pnc8v_3284:hover {
    background: rgba(148, 163, 184, 0.36);
  }

:where(:root[data-theme="light"]) ._scrollThumb_pnc8v_3306 {
    background: rgba(148, 163, 184, 0.72);
  }

:where(:root[data-theme="light"]) ._scrollThumb_pnc8v_3306:hover {
    background: rgba(100, 116, 139, 0.84);
  }

:where(:root[data-theme="light"]) ._contextMenu_pnc8v_3339, :where(:root[data-theme="light"]) ._hoverCardContent_pnc8v_3441, :where(:root[data-theme="light"]) ._Content_pnc8v_3515 {
    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;
  }

:where(:root[data-theme="light"]) ._contextItem_pnc8v_3382[data-disabled] {
    color: #111827;
  }

:where(:root[data-theme="light"]) ._separator_pnc8v_3433 {
    background-color: rgba(226, 232, 240, 0.95);
  }

:where(:root[data-theme="light"]) ._Arrow_pnc8v_3544 {
    fill: rgba(226, 232, 240, 0.95);
  }

:where(:root[data-theme="light"]) ._ImageTrigger_pnc8v_3548:focus {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--app-accent, #c89200) 35%, transparent);
  }

._artifactPreviewDialog_pnc8v_4134 {
  width: min(1040px, calc(100vw - 48px));
  height: min(760px, calc(100vh - 48px));
  max-width: none;
  max-height: none;
  overflow: hidden;
}

._artifactPreviewBody_pnc8v_4142 {
  display: flex;
  min-height: 0;
  flex: 1 1 auto;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 14px;
  background: rgb(24, 24, 27);
}

._artifactPreviewImage_pnc8v_4153 {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

._artifactPreviewFrame_pnc8v_4159 {
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 7px;
  background: #fff;
}

._artifactPreviewDialog_pnc8v_4134 ._confirmActions_pnc8v_950 ._confirmSecondary_pnc8v_958:first-child {
  border-color: transparent;
  background: rgba(245, 245, 247, 0.96);
  color: #1d1d1f;
  font-weight: 400;
}

/* Artifact preview modal */
._artifactPreviewOverlay_pnc8v_4175 {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
._artifactPreviewContent_pnc8v_4184 {
  max-width: 90vw;
  max-height: 90vh;
  background: rgb(22,22,27);
  border-radius: 12px;
  overflow: hidden;
}
._artifactPreviewImage_pnc8v_4153 {
  max-width: 90vw;
  max-height: 85vh;
  object-fit: contain;
}
._artifactPreviewFrame_pnc8v_4159 {
  width: min(86vw, 960px);
  height: min(78vh, 760px);
  border: 0;
  background: #fff;
  border-radius: 8px;
}
._artifactPreviewClose_pnc8v_4203 {
  position: absolute;
  top: 12px;
  right: 12px;
  background: rgba(0,0,0,0.5);
  border: none;
  color: white;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  cursor: pointer;
}


/* Associate overlay styles - from inventory template */
._overlaySidebarNav_pnc8v_4218 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
._overlaySidebarItem_pnc8v_4223 {
  border: 1px solid transparent;
  background: rgba(255, 255, 255, 0.02);
  color: rgba(255, 255, 255, 0.86);
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  padding: 8px 10px;
  font-size: 14px;
  cursor: pointer;
  transition: 120ms ease;
}
._overlaySidebarItem_pnc8v_4223:hover {
  background: rgba(255, 255, 255, 0.06);
}
._overlaySidebarItemActive_pnc8v_4239 {
  border-color: rgba(194, 122, 58, 0.35);
  background: rgba(194, 122, 58, 0.16);
}
._overlaySidebarContext_pnc8v_4243 {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
._overlaySidebarLabel_pnc8v_4249 {
  font-size: 11px;
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.5);
}
._overlaySidebarCard_pnc8v_4254 {
  border-radius: 10px;
  border: 1px solid rgba(120, 120, 128, 0.2);
  background: rgba(255, 255, 255, 0.04);
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
._overlaySidebarTitle_pnc8v_4263 {
  font-size: 14px;
  line-height: 1.3;
  color: rgba(255, 255, 255, 0.96);
  font-weight: 500;
}
._overlaySidebarMeta_pnc8v_4269 {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.72);
}
._overlaySidebarPill_pnc8v_4273 {
  width: fit-content;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.86);
  font-size: 11px;
  padding: 4px 8px;
}
._overlaySearchSection_pnc8v_4281 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 0;
}
._PaymentOverlayContentMainSectionDocs_pnc8v_4287 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  width: 100%;
  max-height: 320px;
  overflow-y: auto;

  ._overlayDocumentMatchCard_pnc8v_4295 {
    position: relative;
    border: 1px solid rgb(60, 60, 62);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.033);
    min-width: 0;
    min-height: 106px;
    cursor: pointer;
    padding: 8px;
  }
  ._overlayDocumentPreviewWrap_pnc8v_4305 {
    position: relative;
    width: 100%;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.04);
  }
  ._overlayDocumentMeta_pnc8v_4316 {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 8px 0 0;
    min-width: 0;
  }
  ._overlayDocumentMetaHeader_pnc8v_4323 {
    display: flex;
    align-items: center;
    min-width: 0;
  }
  ._overlayDocumentName_pnc8v_4328 {
    flex: 1;
    font-size: 12px;
    line-height: 14px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.9);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  ._overlayDocumentType_pnc8v_4338 {
    font-size: 10px;
    line-height: 12px;
    color: rgba(255, 255, 255, 0.66);
  }
  ._overlayDocumentDate_pnc8v_4343 {
    font-size: 11px;
    line-height: 13px;
    color: rgba(255, 255, 255, 0.6);
  }
._overlayUploadStatus_pnc8v_4348 {
  margin: 6px 0 0;
  font-size: 11px;
  line-height: 1.3;
  color: rgba(255, 255, 255, 0.68);
}
  ._overlaySidebarItem_pnc8v_4223 {
    color: #1f2937;
    background: rgba(255, 255, 255, 0.92);
    border-color: rgba(189, 193, 198, 0.5);
  }
  ._overlaySidebarItemActive_pnc8v_4239 {
    background: rgba(215, 230, 255, 0.95);
    border-color: rgba(120, 153, 210, 0.68);
  }
  ._overlaySidebarLabel_pnc8v_4249 {
    color: rgba(71, 85, 105, 0.74);
  }
  ._overlaySidebarCard_pnc8v_4254 {
    background: rgba(255, 255, 255, 0.98);
    border-color: rgba(189, 193, 198, 0.65);
  }
  ._overlaySidebarTitle_pnc8v_4263 {
    color: #0f172a;
  }
  ._overlaySidebarMeta_pnc8v_4269 {
    color: #475569;
  }
  ._overlaySidebarPill_pnc8v_4273 {
    color: #334155;
    background: rgba(148, 163, 184, 0.22);
  }
  ._PaymentOverlayContentMainSectionDocs_pnc8v_4287 ._overlayDocumentMatchCard_pnc8v_4295 {
    border-color: rgba(189, 193, 198, 0.8);
    background: rgba(255, 255, 255, 0.98);
  }
  ._PaymentOverlayContentMainSectionDocs_pnc8v_4287 ._overlayDocumentPreviewWrap_pnc8v_4305 {
    background: rgba(241, 245, 249, 0.9);
  }
  ._PaymentOverlayContentMainSectionDocs_pnc8v_4287 ._overlayDocumentName_pnc8v_4328 {
    color: #0f172a;
  }
  ._PaymentOverlayContentMainSectionDocs_pnc8v_4287 ._overlayDocumentType_pnc8v_4338,
  ._PaymentOverlayContentMainSectionDocs_pnc8v_4287 ._overlayDocumentDate_pnc8v_4343 {
    color: #475569;
  }}

/* Artifact preview viewer */
._artifactViewerContent_pnc8v_4396{max-width:90vw;max-height:90vh;display:flex;flex-direction:column;background:rgb(22,22,27);border-radius:12px;overflow:hidden}
._artifactViewerClose_pnc8v_4397{position:absolute;top:12px;right:12px;background:none;border:none;color:rgba(255,255,255,0.7);cursor:pointer;z-index:10}
._artifactViewerBody_pnc8v_4398{flex:1;display:flex;min-height:0;overflow:hidden;align-items:center;justify-content:center;background:rgb(18,18,22)}
._artifactViewerImage_pnc8v_4399{max-width:100%;max-height:85vh;object-fit:contain}
._artifactViewerFrame_pnc8v_4400{width:min(86vw,960px);height:min(82vh,760px);border:0;background:#fff}
._artifactViewerFallback_pnc8v_4401{display:flex;flex-direction:column;align-items:center;gap:12px;color:rgba(255,255,255,0.5)}
._artifactViewerFallbackIcon_pnc8v_4402{width:64px;height:64px;border-radius:12px;background:rgba(255,255,255,0.06);display:flex;align-items:center;justify-content:center}
._artifactViewerFallbackName_pnc8v_4403{font-size:14px;font-weight:600;color:rgba(255,255,255,0.75)}
._artifactViewerFallbackHint_pnc8v_4404{font-size:12px;color:rgba(255,255,255,0.4)}
._artifactViewerDownloadBtn_pnc8v_4405{padding:8px 18px;border-radius:8px;border:1px solid rgba(255,255,255,0.12);background:rgba(255,255,255,0.06);color:rgba(255,255,255,0.85);font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;margin-top:8px;text-decoration:none}
._artifactViewerDownloadBtn_pnc8v_4405:hover{background:rgba(255,255,255,0.12)}

._associateDocumentsOverlayContent_pnc8v_4408 {
  max-width: 860px;
  height: 640px;
  min-height: 0;
  max-height: min(640px, calc(100vh - 64px));
}

._associateDocumentsOverlayContent_pnc8v_4408 ._PaymentOverlayContentMain_pnc8v_1999 {
  padding: 20px 20px 14px;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

._associateDocumentsOverlayContent_pnc8v_4408 ._PaymentOverlayContentMainSection_pnc8v_2012 {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 4px;
}

._associateDocumentsOverlayContent_pnc8v_4408 ._PaymentOverlayContentMainSectionValue_pnc8v_2028._Static_pnc8v_2041 {
  display: block;
  position: relative;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 34px;
}

._associateDocumentsOverlayContent_pnc8v_4408 ._PaymentOverlayContentMainSectionValue_pnc8v_2028._Static_pnc8v_2041 svg {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  flex: 0 0 auto;
}

/* Unified associated-document workspace */
._associateDocumentsOverlayContent_pnc8v_4408 {
  width: min(920px, calc(100vw - 48px));
  max-width: 920px;
  height: min(720px, calc(100vh - 48px));
  max-height: calc(100vh - 48px);
}

._associateDocumentsOverlayContent_pnc8v_4408 ._PaymentOverlayContentMain_pnc8v_1999 {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  padding: 20px 20px 14px;
  overflow: hidden;
}

._associateDocumentsOverlayContent_pnc8v_4408 ._PaymentOverlayContentMainTitle_pnc8v_2005 {
  flex: 0 0 auto;
  margin: 0 0 16px;
}

._associateDocumentsOverlayContent_pnc8v_4408 ._PaymentOverlayContentMainSection_pnc8v_2012 {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 6px;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.18) transparent;
}

._associateDocumentsOverlayContent_pnc8v_4408 ._PaymentOverlayContentMainSection_pnc8v_2012::-webkit-scrollbar {
  width: 6px;
}

._associateDocumentsOverlayContent_pnc8v_4408 ._PaymentOverlayContentMainSection_pnc8v_2012::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.18);
}

._associateDocumentsOverlayContent_pnc8v_4408 ._PaymentOverlayContentMainSectionValue_pnc8v_2028._Static_pnc8v_2041 {
  position: relative;
  display: block;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  overflow: hidden;
  padding-right: 40px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

._associateDocumentsOverlayContent_pnc8v_4408 ._PaymentOverlayContentMainSectionValue_pnc8v_2028._Static_pnc8v_2041 svg {
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
}

._overlaySectionHeader_pnc8v_4513 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 14px;
}

._overlaySectionHeader_pnc8v_4513 ._PaymentOverlayContentMainSectionTitle_pnc8v_2021 {
  margin: 0;
}

._overlaySectionAction_pnc8v_4525,
._overlayInlineGhostButton_pnc8v_4526 {
  appearance: none;
  width: fit-content;
  margin: 0;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.055);
  color: rgba(255, 255, 255, 0.82);
  font: inherit;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  cursor: pointer;
}

._overlaySectionAction_pnc8v_4525 {
  padding: 8px 11px;
}

._overlayInlineGhostButton_pnc8v_4526 {
  padding: 7px 10px;
}

._overlaySectionAction_pnc8v_4525:hover,
._overlayInlineGhostButton_pnc8v_4526:hover {
  background: rgba(255, 255, 255, 0.1);
}

._PaymentOverlayContentMainSectionDocs_pnc8v_4287 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  width: 100%;
  max-height: none;
  margin: 10px 0 18px;
  overflow: visible;
}

._PaymentOverlayContentMainSectionDocs_pnc8v_4287 ._overlayDocumentMatchCard_pnc8v_4295 {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 174px;
  flex-direction: column;
  overflow: hidden;
  padding: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.035);
  cursor: pointer;
  transition: background-color 140ms ease, border-color 140ms ease;
}

._PaymentOverlayContentMainSectionDocs_pnc8v_4287 ._overlayDocumentMatchCard_pnc8v_4295:hover {
  border-color: rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.065);
}

._PaymentOverlayContentMainSectionDocs_pnc8v_4287 ._overlayDocumentPreviewWrap_pnc8v_4305 {
  position: relative;
  display: flex;
  width: 100%;
  height: 88px;
  flex: 0 0 88px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.045);
}

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

._PaymentOverlayContentMainSectionDocs_pnc8v_4287 ._overlayDocumentPreviewFallback_pnc8v_4603 {
  display: flex;
  width: 100%;
  height: 100%;
  min-width: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 10px;
  box-sizing: border-box;
  text-align: center;
}

._PaymentOverlayContentMainSectionDocs_pnc8v_4287 ._overlayDocumentPreviewExt_pnc8v_4617 {
  color: rgba(255, 255, 255, 0.54);
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

._PaymentOverlayContentMainSectionDocs_pnc8v_4287 ._overlayDocumentPreviewName_pnc8v_4624 {
  display: -webkit-box;
  max-width: 100%;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.88);
  font-size: 12px;
  line-height: 1.3;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

._PaymentOverlayContentMainSectionDocs_pnc8v_4287 ._overlayDocumentMeta_pnc8v_4316 {
  display: flex;
  min-width: 0;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  padding: 9px 1px 1px;
}

._PaymentOverlayContentMainSectionDocs_pnc8v_4287 ._overlayDocumentMetaHeader_pnc8v_4323 {
  display: flex;
  width: 100%;
  min-width: 0;
}

._PaymentOverlayContentMainSectionDocs_pnc8v_4287 ._overlayDocumentName_pnc8v_4328 {
  width: 100%;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.9);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.25;
  white-space: nowrap;
  text-overflow: ellipsis;
}

._PaymentOverlayContentMainSectionDocs_pnc8v_4287 ._overlayDocumentType_pnc8v_4338,
._PaymentOverlayContentMainSectionDocs_pnc8v_4287 ._overlayDocumentDate_pnc8v_4343 {
  max-width: 100%;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.53);
  font-size: 10px;
  line-height: 1.3;
  white-space: nowrap;
  text-overflow: ellipsis;
}

._PaymentOverlayContentMainSectionDocs_pnc8v_4287 ._overlayInlineGhostButton_pnc8v_4526 {
  margin-top: auto;
}

._overlayUploadDropzone_pnc8v_4678 {
  display: flex;
  min-height: 178px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 8px 0 10px;
  padding: 22px;
  box-sizing: border-box;
  border: 1px dashed rgba(255, 255, 255, 0.2);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.025);
  text-align: center;
}

._overlayUploadDropzoneIcon_pnc8v_4694 {
  display: inline-flex;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.075);
  color: rgba(255, 255, 255, 0.82);
}

._overlayUploadDropzoneTitle_pnc8v_4705 {
  color: rgba(255, 255, 255, 0.9);
  font-size: 13px;
  font-weight: 500;
}

._overlayUploadDropzoneMeta_pnc8v_4711,
._overlayUploadStatus_pnc8v_4348 {
  margin: 0;
  color: rgba(255, 255, 255, 0.5);
  font-size: 11px;
  line-height: 1.4;
}

._overlayUploadDropzone_pnc8v_4678 ._PaymentOverlayContentMainSectionFlex_pnc8v_2064 {
  justify-content: center;
  margin-top: 2px;
}

._overlayButtonRow_pnc8v_4724 {
  display: flex;
  flex: 0 0 auto;
  justify-content: flex-end;
  gap: 10px;
  margin: 12px -20px -14px;
  padding: 14px 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.09);
  background: inherit;
}

._overlayButtonRow_pnc8v_4724 ._PaymentOverlayContentMainSectionBtnPrimary_pnc8v_2069,
._overlayButtonRow_pnc8v_4724 ._PaymentOverlayContentMainSectionBtnSecondary_pnc8v_2086 {
  width: auto;
  min-width: 88px;
  margin: 0;
  padding: 10px 18px;
  border-radius: 8px;
  text-align: center;
}

._overlayButtonRow_pnc8v_4724 ._PaymentOverlayContentMainSectionBtnPrimary_pnc8v_2069 {
  background: rgba(245, 245, 247, 0.96);
  color: #1d1d1f;
}

._overlayButtonRow_pnc8v_4724 ._PaymentOverlayContentMainSectionBtnSecondary_pnc8v_2086 {
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.055);
  color: rgba(255, 255, 255, 0.84);
}

._messageBodyContentHeadersItemTFileFallback_pnc8v_4756 {
  display: flex;
  width: 100%;
  height: 100%;
  min-width: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 28px 20px;
  box-sizing: border-box;
  text-align: center;
}

._messageBodyContentHeadersItemTFileName_pnc8v_4770 {
  display: -webkit-box;
  max-width: 100%;
  overflow: hidden;
  text-align: center;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

._messageBodyContentHeadersItemDownload_pnc8v_4780 {
  position: absolute;
  top: 10px;
  right: 10px;
  display: inline-flex;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  background: rgba(24, 24, 27, 0.72);
  color: rgba(255, 255, 255, 0.88);
  cursor: pointer;
  opacity: 0;
  transition: opacity 120ms ease, background-color 120ms ease;
}

._messageBodyContentHeadersItem_pnc8v_1668:hover ._messageBodyContentHeadersItemDownload_pnc8v_4780,
._messageBodyContentHeadersItemDownload_pnc8v_4780:focus-visible {
  opacity: 1;
}

._messageBodyContentHeadersItemDownload_pnc8v_4780:hover {
  background: rgba(48, 48, 52, 0.94);
}

._artifactViewerContent_pnc8v_4396 {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 10001;
  display: flex;
  width: min(1040px, calc(100vw - 48px));
  height: min(760px, calc(100vh - 48px));
  max-width: none;
  max-height: none;
  flex-direction: column;
  overflow: hidden;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 12px;
  background: rgb(28, 28, 30);
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.45);
}

._artifactViewerClose_pnc8v_4397 {
  top: 14px;
  right: 14px;
  display: inline-flex;
  width: 36px;
  height: 36px;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.075);
}

._artifactViewerBody_pnc8v_4398 {
  flex: 1 1 auto;
  min-height: 0;
  padding: 64px 22px 22px;
  box-sizing: border-box;
}

._artifactViewerFrame_pnc8v_4400 {
  width: 100%;
  height: 100%;
  border-radius: 7px;
}

._artifactViewerDownloadBtn_pnc8v_4405 {
  min-height: 38px;
  padding: 0 16px;
  border-radius: 8px;
  background: rgba(245, 245, 247, 0.96);
  color: #1d1d1f;
  font-weight: 400;
}

@media (max-width: 760px) {
  ._associateDocumentsOverlayContent_pnc8v_4408 {
    width: calc(100vw - 24px);
    height: calc(100vh - 24px);
    max-height: calc(100vh - 24px);
  }

  ._PaymentOverlayContentMainSectionDocs_pnc8v_4287 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

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

@media (prefers-color-scheme: light) {
  :where(:root:not([data-theme="dark"])) ._overlaySectionAction_pnc8v_4525, :where(:root:not([data-theme="dark"])) ._overlayInlineGhostButton_pnc8v_4526, :where(:root:not([data-theme="dark"])) ._overlayButtonRow_pnc8v_4724 ._PaymentOverlayContentMainSectionBtnSecondary_pnc8v_2086, :where(:root:not([data-theme="dark"])) ._messageBodyContentHeadersItemDownload_pnc8v_4780 {
    border-color: rgba(0, 0, 0, 0.1);
    background: rgba(0, 0, 0, 0.045);
    color: rgba(0, 0, 0, 0.78);
  }

  :where(:root:not([data-theme="dark"])) ._PaymentOverlayContentMainSectionDocs_pnc8v_4287 ._overlayDocumentMatchCard_pnc8v_4295 {
    border-color: rgba(0, 0, 0, 0.1);
    background: rgba(0, 0, 0, 0.025);
  }

  :where(:root:not([data-theme="dark"])) ._PaymentOverlayContentMainSectionDocs_pnc8v_4287 ._overlayDocumentPreviewWrap_pnc8v_4305, :where(:root:not([data-theme="dark"])) ._overlayUploadDropzone_pnc8v_4678 {
    background: rgba(0, 0, 0, 0.025);
  }

  :where(:root:not([data-theme="dark"])) ._PaymentOverlayContentMainSectionDocs_pnc8v_4287 ._overlayDocumentPreviewName_pnc8v_4624, :where(:root:not([data-theme="dark"])) ._PaymentOverlayContentMainSectionDocs_pnc8v_4287 ._overlayDocumentName_pnc8v_4328, :where(:root:not([data-theme="dark"])) ._overlayUploadDropzoneTitle_pnc8v_4705 {
    color: rgba(0, 0, 0, 0.84);
  }

  :where(:root:not([data-theme="dark"])) ._PaymentOverlayContentMainSectionDocs_pnc8v_4287 ._overlayDocumentPreviewExt_pnc8v_4617, :where(:root:not([data-theme="dark"])) ._PaymentOverlayContentMainSectionDocs_pnc8v_4287 ._overlayDocumentType_pnc8v_4338, :where(:root:not([data-theme="dark"])) ._PaymentOverlayContentMainSectionDocs_pnc8v_4287 ._overlayDocumentDate_pnc8v_4343, :where(:root:not([data-theme="dark"])) ._overlayUploadDropzoneMeta_pnc8v_4711, :where(:root:not([data-theme="dark"])) ._overlayUploadStatus_pnc8v_4348 {
    color: rgba(0, 0, 0, 0.5);
  }

  :where(:root:not([data-theme="dark"])) ._overlayUploadDropzone_pnc8v_4678 {
    border-color: rgba(0, 0, 0, 0.17);
  }
}

:where(:root[data-theme="light"]) ._overlaySectionAction_pnc8v_4525, :where(:root[data-theme="light"]) ._overlayInlineGhostButton_pnc8v_4526, :where(:root[data-theme="light"]) ._overlayButtonRow_pnc8v_4724 ._PaymentOverlayContentMainSectionBtnSecondary_pnc8v_2086, :where(:root[data-theme="light"]) ._messageBodyContentHeadersItemDownload_pnc8v_4780 {
    border-color: rgba(0, 0, 0, 0.1);
    background: rgba(0, 0, 0, 0.045);
    color: rgba(0, 0, 0, 0.78);
  }

:where(:root[data-theme="light"]) ._PaymentOverlayContentMainSectionDocs_pnc8v_4287 ._overlayDocumentMatchCard_pnc8v_4295 {
    border-color: rgba(0, 0, 0, 0.1);
    background: rgba(0, 0, 0, 0.025);
  }

:where(:root[data-theme="light"]) ._PaymentOverlayContentMainSectionDocs_pnc8v_4287 ._overlayDocumentPreviewWrap_pnc8v_4305, :where(:root[data-theme="light"]) ._overlayUploadDropzone_pnc8v_4678 {
    background: rgba(0, 0, 0, 0.025);
  }

:where(:root[data-theme="light"]) ._PaymentOverlayContentMainSectionDocs_pnc8v_4287 ._overlayDocumentPreviewName_pnc8v_4624, :where(:root[data-theme="light"]) ._PaymentOverlayContentMainSectionDocs_pnc8v_4287 ._overlayDocumentName_pnc8v_4328, :where(:root[data-theme="light"]) ._overlayUploadDropzoneTitle_pnc8v_4705 {
    color: rgba(0, 0, 0, 0.84);
  }

:where(:root[data-theme="light"]) ._PaymentOverlayContentMainSectionDocs_pnc8v_4287 ._overlayDocumentPreviewExt_pnc8v_4617, :where(:root[data-theme="light"]) ._PaymentOverlayContentMainSectionDocs_pnc8v_4287 ._overlayDocumentType_pnc8v_4338, :where(:root[data-theme="light"]) ._PaymentOverlayContentMainSectionDocs_pnc8v_4287 ._overlayDocumentDate_pnc8v_4343, :where(:root[data-theme="light"]) ._overlayUploadDropzoneMeta_pnc8v_4711, :where(:root[data-theme="light"]) ._overlayUploadStatus_pnc8v_4348 {
    color: rgba(0, 0, 0, 0.5);
  }

:where(:root[data-theme="light"]) ._overlayUploadDropzone_pnc8v_4678 {
    border-color: rgba(0, 0, 0, 0.17);
  }

._artifactPreviewDialog_pnc8v_4134 {
  display: flex;
  width: min(1040px, calc(100vw - 48px));
  height: min(760px, calc(100vh - 48px));
  max-width: none;
  max-height: none;
  flex-direction: column;
  overflow: hidden;
}

._artifactPreviewBody_pnc8v_4142 {
  display: flex;
  min-height: 0;
  flex: 1 1 auto;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 14px;
  box-sizing: border-box;
  background: rgb(24, 24, 27);
}

._artifactPreviewImage_pnc8v_4153 {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

._artifactPreviewFrame_pnc8v_4159 {
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 7px;
  background: #fff;
}

._artifactPreviewDialog_pnc8v_4134 ._confirmActions_pnc8v_950 ._confirmSecondary_pnc8v_958:first-child {
  border-color: transparent;
  background: rgba(245, 245, 247, 0.96);
  color: #1d1d1f;
  font-weight: 400;
}

._listFilterDatePicker_pnc8v_4961 { position: relative; }
._listFilterDateTrigger_pnc8v_4962 { display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; height: 38px; padding: 0 11px; border: 1px solid rgba(255,255,255,.12); border-radius: 9px; outline: none; background: #323236; color: #fff; font: inherit; font-size: 13px; font-weight: 400; text-align: left; cursor: pointer; }
._listFilterDateTrigger_pnc8v_4962 span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
._listFilterDateTriggerOpen_pnc8v_4964, ._listFilterDateTrigger_pnc8v_4962:focus-visible { border-color: rgba(142,142,147,.72); box-shadow: 0 0 0 3px rgba(142,142,147,.14); }
._listFilterCalendar_pnc8v_4965 { position: absolute; z-index: 140; top: calc(100% + 6px); left: 0; width: 254px; padding: 10px; border: 1px solid rgba(255,255,255,.12); border-radius: 12px; background: #1c1c1e; box-shadow: 0 18px 42px rgba(0,0,0,.46); }
._listFilterCalendarTopbar_pnc8v_4966 { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; }
._listFilterCalendarTopbar_pnc8v_4966 button, ._listFilterCalendarClear_pnc8v_4967 { border: 0; border-radius: 8px; background: rgba(255,255,255,.07); color: rgba(255,255,255,.86); cursor: pointer; }
._listFilterCalendarTopbar_pnc8v_4966 button { display: grid; width: 30px; height: 30px; place-items: center; }
._listFilterCalendarSelectors_pnc8v_4969 { display: grid; flex: 1; grid-template-columns: 1fr 76px; gap: 6px; }
._listFilterCalendarSelectors_pnc8v_4969 select { min-width: 0; height: 30px; padding: 0 8px; border: 1px solid rgba(255,255,255,.1); border-radius: 8px; background: #2c2c2e; color: #fff; font: inherit; font-size: 12px; }
._listFilterCalendarSelectors_pnc8v_4969 select option { background: #fff; color: #111827; }
._listFilterCalendarWeekdays_pnc8v_4972, ._listFilterCalendarGrid_pnc8v_4972 { display: grid; grid-template-columns: repeat(7,1fr); gap: 4px; }
._listFilterCalendarWeekdays_pnc8v_4972 span { color: rgba(255,255,255,.38); font-size: 10px; line-height: 20px; text-align: center; }
._listFilterCalendarDay_pnc8v_4974 { height: 28px; border: 0; border-radius: 8px; background: transparent; color: rgba(255,255,255,.84); font: inherit; font-size: 12px; cursor: pointer; }
._listFilterCalendarDay_pnc8v_4974:hover { background: rgba(255,255,255,.08); }
._listFilterCalendarDayMuted_pnc8v_4976 { color: rgba(255,255,255,.28); }
._listFilterCalendarDaySelected_pnc8v_4977 { background: rgba(245,245,247,.92); color: #1d1d1f; }
._listFilterCalendarDayDisabled_pnc8v_4978 { opacity: .25; cursor: not-allowed; }
._listFilterCalendarClear_pnc8v_4967 { width: 100%; height: 30px; margin-top: 8px; font: inherit; font-size: 12px; }

._listFilterDateTrigger_pnc8v_4962 { border-color: rgba(120,120,128,.35); border-radius: 8px; background: rgba(255,255,255,.048); color: rgba(255,255,255,.92); transition: background-color 140ms ease, border-color 140ms ease; }
._listFilterDateTrigger_pnc8v_4962:hover, ._listFilterDateTriggerOpen_pnc8v_4964 { border-color: rgba(160,160,168,.5); background: rgba(255,255,255,.062); box-shadow: none; }
._listFilterDateTrigger_pnc8v_4962:focus-visible { outline: 2px solid rgba(255,255,255,.34); outline-offset: 2px; box-shadow: none; }
._listFilterDateTrigger_pnc8v_4962 svg { color: rgba(255,255,255,.62); }
._listFilterCalendar_pnc8v_4965 { width: min(280px, calc(100vw - 48px)); padding: 12px; border-color: rgba(120,120,128,.34); border-radius: 12px; background: rgb(35,35,37); box-shadow: 0 16px 38px rgba(0,0,0,.34); animation: _picker-enter_pnc8v_1 140ms ease-out; }
._listFilterCalendarTopbar_pnc8v_4966 { min-height: 30px; justify-content: space-between; margin-bottom: 0; padding: 0 2px 8px; font-size: 13px; font-weight: 500; }
._listFilterCalendarTopbar_pnc8v_4966 strong { color: rgba(255,255,255,.92); font-size: 13px; font-weight: 600; }
._listFilterCalendarNav_pnc8v_4988 { display: flex; align-items: center; gap: 2px; }
._listFilterCalendarNav_pnc8v_4988 button { display: inline-flex; width: 28px; height: 28px; align-items: center; justify-content: center; padding: 0; border: 0; border-radius: 7px; background: transparent; color: rgba(255,255,255,.72); cursor: pointer; }
._listFilterCalendarNav_pnc8v_4988 button:hover, ._listFilterCalendarFooter_pnc8v_4990 button:hover:not(:disabled) { background: rgba(255,255,255,.08); color: rgba(255,255,255,.96); }
._listFilterCalendarWeekdays_pnc8v_4972 { margin-bottom: 4px; }
._listFilterCalendarWeekdays_pnc8v_4972 span { height: 24px; color: rgba(255,255,255,.4); font-size: 10px; font-weight: 500; line-height: 24px; }
._listFilterCalendarDay_pnc8v_4974 { width: 30px; height: 30px; margin: 1px auto; border-radius: 7px; color: rgba(255,255,255,.82); font-size: 12px; }
._listFilterCalendarDay_pnc8v_4974:hover { background: rgba(255,255,255,.09); color: rgba(255,255,255,.98); }
._listFilterCalendarDayMuted_pnc8v_4976 { color: rgba(255,255,255,.24); }
._listFilterCalendarDayToday_pnc8v_4996 { box-shadow: inset 0 0 0 1px rgba(255,255,255,.26); }
._listFilterCalendarDaySelected_pnc8v_4977, ._listFilterCalendarDaySelected_pnc8v_4977:hover { background: rgba(255,255,255,.92); color: rgb(32,32,34); box-shadow: none; }
._listFilterCalendarFooter_pnc8v_4990 { display: flex; align-items: center; justify-content: space-between; margin-top: 8px; padding-top: 8px; border-top: 1px solid rgba(120,120,128,.2); }
._listFilterCalendarFooter_pnc8v_4990 button { min-height: 28px; padding: 0 8px; border: 0; border-radius: 7px; background: transparent; color: rgba(255,255,255,.72); font: inherit; font-size: 11px; cursor: pointer; }
._listFilterCalendarFooter_pnc8v_4990 button:disabled { opacity: .34; cursor: default; }
@media (prefers-color-scheme: light) {
  :where(:root:not([data-theme="dark"])) ._listFilterDateTrigger_pnc8v_4962 { border-color: rgba(60,60,67,.2); background: rgba(60,60,67,.04); color: rgba(28,28,30,.92); }
  :where(:root:not([data-theme="dark"])) ._listFilterDateTrigger_pnc8v_4962:hover, :where(:root:not([data-theme="dark"])) ._listFilterDateTriggerOpen_pnc8v_4964 { border-color: rgba(28,28,30,.36); background: rgba(60,60,67,.06); }
  :where(:root:not([data-theme="dark"])) ._listFilterDateTrigger_pnc8v_4962:focus-visible { outline-color: rgba(28,28,30,.32); }
  :where(:root:not([data-theme="dark"])) ._listFilterDateTrigger_pnc8v_4962 svg { color: rgba(28,28,30,.52); }
  :where(:root:not([data-theme="dark"])) ._listFilterCalendar_pnc8v_4965 { border-color: rgba(60,60,67,.18); background: rgb(248,248,250); box-shadow: 0 16px 38px rgba(30,30,35,.16); }
  :where(:root:not([data-theme="dark"])) ._listFilterCalendarTopbar_pnc8v_4966 strong { color: rgba(28,28,30,.92); }
  :where(:root:not([data-theme="dark"])) ._listFilterCalendarNav_pnc8v_4988 button, :where(:root:not([data-theme="dark"])) ._listFilterCalendarFooter_pnc8v_4990 button { color: rgba(28,28,30,.68); }
  :where(:root:not([data-theme="dark"])) ._listFilterCalendarNav_pnc8v_4988 button:hover, :where(:root:not([data-theme="dark"])) ._listFilterCalendarFooter_pnc8v_4990 button:hover:not(:disabled) { background: rgba(60,60,67,.08); color: rgba(28,28,30,.96); }
  :where(:root:not([data-theme="dark"])) ._listFilterCalendarWeekdays_pnc8v_4972 span { color: rgba(28,28,30,.42); }
  :where(:root:not([data-theme="dark"])) ._listFilterCalendarDay_pnc8v_4974 { color: rgba(28,28,30,.82); }
  :where(:root:not([data-theme="dark"])) ._listFilterCalendarDay_pnc8v_4974:hover { background: rgba(60,60,67,.08); color: rgba(28,28,30,.98); }
  :where(:root:not([data-theme="dark"])) ._listFilterCalendarDayMuted_pnc8v_4976 { color: rgba(28,28,30,.28); }
  :where(:root:not([data-theme="dark"])) ._listFilterCalendarDayToday_pnc8v_4996 { box-shadow: inset 0 0 0 1px rgba(28,28,30,.24); }
  :where(:root:not([data-theme="dark"])) ._listFilterCalendarDaySelected_pnc8v_4977, :where(:root:not([data-theme="dark"])) ._listFilterCalendarDaySelected_pnc8v_4977:hover { background: rgba(28,28,30,.9); color: #fff; }
  :where(:root:not([data-theme="dark"])) ._listFilterCalendarFooter_pnc8v_4990 { border-top-color: rgba(60,60,67,.14); }
}
:where(:root[data-theme="light"]) ._listFilterDateTrigger_pnc8v_4962 { border-color: rgba(60,60,67,.2); background: rgba(60,60,67,.04); color: rgba(28,28,30,.92); }
:where(:root[data-theme="light"]) ._listFilterDateTrigger_pnc8v_4962:hover, :where(:root[data-theme="light"]) ._listFilterDateTriggerOpen_pnc8v_4964 { border-color: rgba(28,28,30,.36); background: rgba(60,60,67,.06); }
:where(:root[data-theme="light"]) ._listFilterDateTrigger_pnc8v_4962:focus-visible { outline-color: rgba(28,28,30,.32); }
:where(:root[data-theme="light"]) ._listFilterDateTrigger_pnc8v_4962 svg { color: rgba(28,28,30,.52); }
:where(:root[data-theme="light"]) ._listFilterCalendar_pnc8v_4965 { border-color: rgba(60,60,67,.18); background: rgb(248,248,250); box-shadow: 0 16px 38px rgba(30,30,35,.16); }
:where(:root[data-theme="light"]) ._listFilterCalendarTopbar_pnc8v_4966 strong { color: rgba(28,28,30,.92); }
:where(:root[data-theme="light"]) ._listFilterCalendarNav_pnc8v_4988 button, :where(:root[data-theme="light"]) ._listFilterCalendarFooter_pnc8v_4990 button { color: rgba(28,28,30,.68); }
:where(:root[data-theme="light"]) ._listFilterCalendarNav_pnc8v_4988 button:hover, :where(:root[data-theme="light"]) ._listFilterCalendarFooter_pnc8v_4990 button:hover:not(:disabled) { background: rgba(60,60,67,.08); color: rgba(28,28,30,.96); }
:where(:root[data-theme="light"]) ._listFilterCalendarWeekdays_pnc8v_4972 span { color: rgba(28,28,30,.42); }
:where(:root[data-theme="light"]) ._listFilterCalendarDay_pnc8v_4974 { color: rgba(28,28,30,.82); }
:where(:root[data-theme="light"]) ._listFilterCalendarDay_pnc8v_4974:hover { background: rgba(60,60,67,.08); color: rgba(28,28,30,.98); }
:where(:root[data-theme="light"]) ._listFilterCalendarDayMuted_pnc8v_4976 { color: rgba(28,28,30,.28); }
:where(:root[data-theme="light"]) ._listFilterCalendarDayToday_pnc8v_4996 { box-shadow: inset 0 0 0 1px rgba(28,28,30,.24); }
:where(:root[data-theme="light"]) ._listFilterCalendarDaySelected_pnc8v_4977, :where(:root[data-theme="light"]) ._listFilterCalendarDaySelected_pnc8v_4977:hover { background: rgba(28,28,30,.9); color: #fff; }
:where(:root[data-theme="light"]) ._listFilterCalendarFooter_pnc8v_4990 { border-top-color: rgba(60,60,67,.14); }

/* Split fulfilment approval.
   Held orders where two registered companies stock the same item, and a human
   has to say which one invoices the line. The GSTIN is given equal visual
   weight to the company name on purpose — it is the only thing that reliably
   distinguishes two entities with similar trading names, and picking the wrong
   one is a statutory error. */
._allocationHint_pnc8v_5029 {
  font-size: 13px;
  line-height: 1.45;
  color: rgba(235, 235, 245, 0.6);
  margin: 0 0 12px 0;
}

._allocationError_pnc8v_5036 {
  font-size: 13px;
  line-height: 1.45;
  color: rgb(255, 105, 97);
  margin: 0 0 12px 0;
}

._allocationLine_pnc8v_5043 {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  padding: 12px;
  margin-bottom: 10px;
}

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

._allocationLineTitle_pnc8v_5057 {
  font-size: 14px;
  font-weight: 550;
  color: #ffffff;
}

._allocationLineQty_pnc8v_5063 {
  font-size: 13px;
  color: rgba(235, 235, 245, 0.6);
  white-space: nowrap;
}

._allocationLineReason_pnc8v_5069 {
  font-size: 12px;
  color: rgba(235, 235, 245, 0.45);
  margin: 4px 0 10px 0;
}

._allocationCandidates_pnc8v_5075 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

._allocationCandidate_pnc8v_5075 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  padding: 8px 12px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.04);
  color: #ffffff;
  cursor: pointer;
  font: inherit;
  text-align: left;
  transition: border-color 120ms ease, background-color 120ms ease;
}

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

._allocationCandidateSelected_pnc8v_5101 {
  border-color: rgb(0, 153, 255);
  background: rgba(0, 153, 255, 0.16);
}

._allocationCandidateName_pnc8v_5106 {
  font-size: 13px;
  font-weight: 550;
}

._allocationCandidateGst_pnc8v_5111 {
  font-size: 11px;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.02em;
  color: rgba(235, 235, 245, 0.6);
}

/* An out-of-stock option is still offered — somebody has to take the line —
   but never silently, or the picker implies an availability that is not there. */
._allocationCandidateWarning_pnc8v_5120 {
  font-size: 11px;
  color: rgb(255, 159, 10);
}

._allocationFooter_pnc8v_5125 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 0 20px 0;
  margin-top: auto;
}

._allocationFooter_pnc8v_5125 ._allocationHint_pnc8v_5029 {
  margin: 0;
}

._allocationSubmit_pnc8v_5138 {
  padding: 8px 16px;
  border-radius: 8px;
  border: none;
  background: rgb(0, 153, 255);
  color: #ffffff;
  font-size: 13px;
  font-weight: 550;
  cursor: pointer;
}

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

@media (prefers-color-scheme: light) {
  :where(:root:not([data-theme="dark"])) ._allocationHint_pnc8v_5029 {
    color: rgba(71, 85, 105, 0.9);
  }

  :where(:root:not([data-theme="dark"])) ._allocationLine_pnc8v_5043 {
    border-color: rgba(15, 23, 42, 0.12);
  }

  :where(:root:not([data-theme="dark"])) ._allocationLineTitle_pnc8v_5057 {
    color: #1f2937;
  }

  :where(:root:not([data-theme="dark"])) ._allocationLineQty_pnc8v_5063 {
    color: rgba(71, 85, 105, 0.9);
  }

  :where(:root:not([data-theme="dark"])) ._allocationLineReason_pnc8v_5069 {
    color: rgba(71, 85, 105, 0.74);
  }

  :where(:root:not([data-theme="dark"])) ._allocationCandidate_pnc8v_5075 {
    border-color: rgba(15, 23, 42, 0.14);
    background: rgba(15, 23, 42, 0.03);
    color: #1f2937;
  }

  :where(:root:not([data-theme="dark"])) ._allocationCandidate_pnc8v_5075:hover {
    background: rgba(15, 23, 42, 0.06);
  }

  :where(:root:not([data-theme="dark"])) ._allocationCandidateSelected_pnc8v_5101 {
    border-color: rgb(0, 122, 255);
    background: rgba(0, 122, 255, 0.12);
  }

  :where(:root:not([data-theme="dark"])) ._allocationCandidateGst_pnc8v_5111 {
    color: rgba(71, 85, 105, 0.9);
  }

  :where(:root:not([data-theme="dark"])) ._allocationCandidateWarning_pnc8v_5120 {
    color: rgb(180, 83, 9);
  }
}

:where(:root[data-theme="light"]) ._allocationHint_pnc8v_5029 {
    color: rgba(71, 85, 105, 0.9);
  }

:where(:root[data-theme="light"]) ._allocationLine_pnc8v_5043 {
    border-color: rgba(15, 23, 42, 0.12);
  }

:where(:root[data-theme="light"]) ._allocationLineTitle_pnc8v_5057 {
    color: #1f2937;
  }

:where(:root[data-theme="light"]) ._allocationLineQty_pnc8v_5063 {
    color: rgba(71, 85, 105, 0.9);
  }

:where(:root[data-theme="light"]) ._allocationLineReason_pnc8v_5069 {
    color: rgba(71, 85, 105, 0.74);
  }

:where(:root[data-theme="light"]) ._allocationCandidate_pnc8v_5075 {
    border-color: rgba(15, 23, 42, 0.14);
    background: rgba(15, 23, 42, 0.03);
    color: #1f2937;
  }

:where(:root[data-theme="light"]) ._allocationCandidate_pnc8v_5075:hover {
    background: rgba(15, 23, 42, 0.06);
  }

:where(:root[data-theme="light"]) ._allocationCandidateSelected_pnc8v_5101 {
    border-color: rgb(0, 122, 255);
    background: rgba(0, 122, 255, 0.12);
  }

:where(:root[data-theme="light"]) ._allocationCandidateGst_pnc8v_5111 {
    color: rgba(71, 85, 105, 0.9);
  }

:where(:root[data-theme="light"]) ._allocationCandidateWarning_pnc8v_5120 {
    color: rgb(180, 83, 9);
  }

/* An order a customer placed in the customer portal, waiting for staff. */
._orderPortalNotice_pnc8v_5200 {
    margin: 0 0 12px;
    padding: 12px 14px;
    border-radius: 12px;
    background: rgba(255, 149, 0, 0.12);
    color: #7a4a00;
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 13px;
}

._orderPortalNotice_pnc8v_5200 strong {
    font-size: 14px;
    font-weight: 600;
}

._orderPortalDecline_pnc8v_5217 {
    margin-top: 8px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

._orderPortalDecline_pnc8v_5217 input {
    flex: 1 1 220px;
    height: 34px;
    padding: 0 10px;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    background: #fff;
    color: #1c1c1e;
    font: inherit;
}

@media (prefers-color-scheme: dark) {
    :where(:root:not([data-theme="light"])) ._orderPortalNotice_pnc8v_5200 {
        background: rgba(255, 159, 10, 0.16);
        color: #ffcc80;
    }

    :where(:root:not([data-theme="light"])) ._orderPortalDecline_pnc8v_5217 input {
        background: #2c2c2e;
        border-color: #3a3a3c;
        color: #f5f5f7;
    }
}

:where(:root[data-theme="dark"]) ._orderPortalNotice_pnc8v_5200 {
        background: rgba(255, 159, 10, 0.16);
        color: #ffcc80;
    }

:where(:root[data-theme="dark"]) ._orderPortalDecline_pnc8v_5217 input {
        background: #2c2c2e;
        border-color: #3a3a3c;
        color: #f5f5f7;
    }

/* The action row in light mode: it had only dark-mode colours, so its labels
   were white on a light pane. */
@media (prefers-color-scheme: light) {
  :where(:root:not([data-theme="dark"])) ._orderActionButton_pnc8v_2555 {
    background: rgba(0, 0, 0, 0.045);
    color: rgba(0, 0, 0, 0.86);
  }
  :where(:root:not([data-theme="dark"])) ._orderActionButton_pnc8v_2555:hover {
    background: rgba(0, 0, 0, 0.08);
  }
  :where(:root:not([data-theme="dark"])) ._orderActionButtonPrimary_pnc8v_2586 {
    background: color-mix(in srgb, var(--app-accent, #c89200) 16%, transparent);
  }
}
:where(:root[data-theme="light"]) ._orderActionButton_pnc8v_2555 {
    background: rgba(0, 0, 0, 0.045);
    color: rgba(0, 0, 0, 0.86);
  }
:where(:root[data-theme="light"]) ._orderActionButton_pnc8v_2555:hover {
    background: rgba(0, 0, 0, 0.08);
  }
:where(:root[data-theme="light"]) ._orderActionButtonPrimary_pnc8v_2586 {
    background: color-mix(in srgb, var(--app-accent, #c89200) 16%, transparent);
  }

/* A narrow detail pane (a small window, or the sidebar and list open beside
   it). The item grid's four columns cannot fit, so it stacks: each item on
   its own row, its three values in a row beneath under matching headings.
   Headings and totals tighten rather than run past their cells. */
._messageBodyContent_pnc8v_1636 {
  container-type: inline-size;
}
@container (max-width: 460px) {
  ._messageBodyContent_pnc8v_1636 ._messageBodyContentSeparator_pnc8v_1772,
  ._messageBodyContent_pnc8v_1636 ._messageBodyContent_pnc8v_1636 ._messageBodyContentSeparator_pnc8v_1772,
  ._messageBodyContent_pnc8v_1636 ._messageBodyContentItems_pnc8v_1807,
  ._messageBodyContent_pnc8v_1636 ._messageBodyContent_pnc8v_1636 ._messageBodyContentItems_pnc8v_1807 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: none;
    grid-auto-rows: auto;
    height: auto;
  }
  ._messageBodyContent_pnc8v_1636 ._messageBodyContentSeparator_pnc8v_1772 span:first-of-type,
  ._messageBodyContent_pnc8v_1636 ._messageBodyContent_pnc8v_1636 ._messageBodyContentSeparator_pnc8v_1772 span:first-of-type {
    grid-column: 1 / -1;
    justify-content: flex-start;
    border-radius: 5px 5px 0 0;
  }
  ._messageBodyContent_pnc8v_1636 ._messageBodyContentSeparator_pnc8v_1772 span,
  ._messageBodyContent_pnc8v_1636 ._messageBodyContent_pnc8v_1636 ._messageBodyContentSeparator_pnc8v_1772 span {
    font-size: 10.5px;
    padding: 6px;
    min-height: 26px;
  }
  ._messageBodyContent_pnc8v_1636 ._messageBodyContentItems_pnc8v_1807 ._messageBodyContentItem_pnc8v_1807 {
    grid-column: 1 / -1;
  }
  ._messageBodyContent_pnc8v_1636 ._messageBodyContentItems_pnc8v_1807 ._messageBodyContentItemTotals_pnc8v_1854,
  ._messageBodyContent_pnc8v_1636 ._messageBodyContentItems_pnc8v_1807 ._messageBodyContentItemTotalsAmount_pnc8v_1860 {
    font-size: 13px;
    text-align: center;
  }
  ._messageBodyContent_pnc8v_1636 ._messageBodyContentHeaders_pnc8v_1641 ._messageBodyContentHeadersTitle_pnc8v_1652 {
    font-size: 10.5px;
    letter-spacing: 0;
  }
  ._messageBodyContent_pnc8v_1636 ._messageBodyContentFooter_pnc8v_1869 ._messageBodyContentFooterMainSubTitle_pnc8v_1933 {
    font-size: 16px;
  }
}

/* Dialog fields in light mode: they had only dark-mode colours, so labels
   were white on the light dialog and inputs stayed dark. */
@media (prefers-color-scheme: light) {
  :where(:root:not([data-theme="dark"])) ._deliveryField_pnc8v_1034 span {
    color: rgba(71, 85, 105, 0.88);
  }
  :where(:root:not([data-theme="dark"])) ._deliveryInput_pnc8v_1047, :where(:root:not([data-theme="dark"])) ._noteTextarea_pnc8v_1004 {
    border-color: rgb(209, 213, 219);
    background: #fff;
    color: #111827;
  }
}
:where(:root[data-theme="light"]) ._deliveryField_pnc8v_1034 span {
    color: rgba(71, 85, 105, 0.88);
  }
:where(:root[data-theme="light"]) ._deliveryInput_pnc8v_1047, :where(:root[data-theme="light"]) ._noteTextarea_pnc8v_1004 {
    border-color: rgb(209, 213, 219);
    background: #fff;
    color: #111827;
  }

/* The save button of an ordinary (not destructive) dialog, in the app's
   accent; confirmPrimary stays red for deleting and cancelling. */
._confirmAccent_pnc8v_5325 {
  background: var(--app-accent, #c89200);
  color: #fff;
}
._confirmAccent_pnc8v_5325:hover {
  background: color-mix(in srgb, var(--app-accent, #c89200) 88%, black);
}

/* Single-pane mode for narrow screens (opt in with .singlePane on the root
   and data-pane="list" | "detail"): three panes cannot sit side by side on a
   phone, so the folders open as a drawer over the list, the list fills the
   screen, and a chosen record opens full screen with a way back. */
._backButton_pnc8v_5337 {
  display: none;
}
@media (max-width: 760px) {
  ._singlePane_pnc8v_5333 {
    position: relative;
    overflow: hidden;
  }
  ._singlePane_pnc8v_5333 ._sidebar_pnc8v_20 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 30;
    width: min(290px, 86vw);
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.45);
  }
  ._singlePane_pnc8v_5333 ._sidebar_pnc8v_20._closed_pnc8v_29 {
    width: 0;
    box-shadow: none;
    pointer-events: none;
  }
  ._singlePane_pnc8v_5333 ._messageList_pnc8v_193 {
    width: 100%;
    flex: 1 1 auto;
    min-width: 0;
    border-right: 0;
  }
  ._singlePane_pnc8v_5333 ._messageContainer_pnc8v_635 {
    width: 100%;
    min-width: 0;
  }
  ._singlePane_pnc8v_5333[data-pane="list"] ._messageContainer_pnc8v_635,
  ._singlePane_pnc8v_5333[data-pane="detail"] ._messageList_pnc8v_193 {
    display: none;
  }
  ._singlePane_pnc8v_5333 ._backButton_pnc8v_5337 {
    display: flex;
  }
}

/* The detail header's avatar keeps its shape when the title beside it is
   long or the pane is narrow. */
._messageBodyHeaderLeft_pnc8v_1301 ._avatarRoot_pnc8v_621 {
  flex-shrink: 0;
}

/* Empty states read on a light background too (they were white on white). */
@media (prefers-color-scheme: light) {
  :where(:root:not([data-theme="dark"])) ._emptyStatePlainTitle_pnc8v_225 {
    color: rgba(51, 65, 85, 0.76);
  }
  :where(:root:not([data-theme="dark"])) ._emptyStatePlainBody_pnc8v_233 {
    color: rgba(71, 85, 105, 0.62);
  }
}
:where(:root[data-theme="light"]) ._emptyStatePlainTitle_pnc8v_225 {
    color: rgba(51, 65, 85, 0.76);
  }
:where(:root[data-theme="light"]) ._emptyStatePlainBody_pnc8v_233 {
    color: rgba(71, 85, 105, 0.62);
  }

/* Folders and rows can be reached with Tab (shared/a11y.js); show where focus is. */
._mailboxItem_pnc8v_67:focus-visible,
._messageItem_pnc8v_475:focus-visible {
  outline: 2px solid var(--app-accent, #0071e3);
  outline-offset: -2px;
}
@font-face {
  font-family: 'NeueHaasDisplay';
  src: url('/assets/NeueHaasDisplayRoman-A6ipJltx.ttf') format('truetype');
  font-weight: 400;
}

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

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

:root {
  font-family: 'NeueHaasDisplay', -apple-system, BlinkMacSystemFont, sans-serif;
  color-scheme: light dark;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body { margin: 0; }
button, input { font: inherit; }