/*
 * Eximbot TradeInt semantic colour theme
 * Colour-only layer based on the supplied TradeInt screenshots.
 * No layout, size, spacing, typography, radius, component structure or logic changes.
 */
.theme-light{
  --tradeint-primary:#0B69DF;
  --tradeint-text:#02152B;
  --tradeint-muted:#414F5F;
  --tradeint-meta:#7F8B99;
  --tradeint-page:#FAFAFA;
  --tradeint-nav:#F0F0F0;
  --tradeint-soft:#F5F5F5;
  --tradeint-hover:#F5F7FA;
  --tradeint-blue-soft:#E7F0FB;
  --tradeint-line:#EBEEF5;
  --tradeint-border:#CACFD6;
  --tradeint-white:#FFFFFF;
  --tradeint-orange:#FFA200;
  --tradeint-green:#16A66A;
  --tradeint-red:#E64545;
  --sl-primary:#0B69DF;
  --sl-secondary:#0B69DF;
  --sl-bg:#FAFAFA;
  --sl-bg-alt:#F5F5F5;
  --sl-surface:#FFFFFF;
  --sl-surface-2:#F5F7FA;
  --sl-border:#CACFD6;
  --sl-text:#02152B;
  --sl-muted:#414F5F;
  --sl-meta:#7F8B99;
  --eximbot-note:#7F8B99;
  --exim-row-hover:#F5F7FA;
  --exim-blue-line:#CACFD6;
  --exim-blue-soft:#E7F0FB;
}

body:has(.theme-light),
.theme-light,
.theme-light .page{background:#FAFAFA!important;color:#02152B!important}
.theme-light .topAppStrip,
.theme-light .workspaceTabsShell,
.theme-light .topbar{background:#F0F0F0!important;border-color:#DDDDDD!important;color:#02152B!important}
.theme-light .sidebar{background:#F5F5F5!important;border-color:#DDDDDD!important;box-shadow:none!important}
.theme-light .sidebar button{background:transparent!important;color:#414F5F!important}
.theme-light .sidebar button:hover{background:#F5F7FA!important;color:#0B69DF!important;box-shadow:none!important}
.theme-light .sidebar button.active{background:transparent!important;color:#0B69DF!important;box-shadow:none!important}
.theme-light .sidebar button svg,
.theme-light .sidebar nav button svg{color:inherit!important}
.theme-light .sidebarSubmenu button{background:transparent!important;color:#414F5F!important}
.theme-light .sidebarSubmenu button:hover,
.theme-light .sidebarSubmenu button.active{background:#F5F7FA!important;color:#0B69DF!important;border-color:#EBEEF5!important}

.theme-light .panel,
.theme-light .results,
.theme-light .advancedSearch,
.theme-light .modal,
.theme-light .stat,
.theme-light .favouriteGroup,
.theme-light .profileDetailGrid div,
.theme-light .country,
.theme-light .region,
.theme-light .companySearch,
.theme-light .profileHero,
.theme-light .shipmentProfileHero,
.theme-light .profileTableSection,
.theme-light .companyRecordTabPanel,
.theme-light .associatedCompanyPanel,
.theme-light .companyPlaceholderPanel{background:#FFFFFF!important;border-color:#EBEEF5!important;color:#02152B!important;box-shadow:none!important}

.theme-light h1,.theme-light h2,.theme-light h3,.theme-light h4,
.theme-light .searchTitle h2,.theme-light .panelHead h3,
.theme-light .profileSectionHead,.theme-light .shipmentProfileHero h2{color:#02152B!important}
.theme-light p,.theme-light label,.theme-light .eyebrow,
.theme-light .profileLoginMeta,.theme-light .serviceMeta{color:#414F5F!important}

/* Primary actions: solid TradeInt blue. */
.theme-light .primary,
.theme-light .searchButton,
.theme-light .download,
.theme-light .resultActions .primary,
.theme-light .contactToolbar button:first-of-type,
.theme-light .statisticsModeTabs button.active,
.theme-light .historyTabs button.active,
.theme-light .favouriteTabs button.active,
.theme-light .contactCategoryTabs button.active,
.theme-light .internalCompanyTabs button.active{
  background:#0B69DF!important;
  border-color:#0B69DF!important;
  color:#FFFFFF!important;
  box-shadow:none!important;
}
.theme-light .primary:hover,
.theme-light .searchButton:hover,
.theme-light .download:hover,
.theme-light .resultActions .primary:hover{background:#0B69DF!important;color:#FFFFFF!important}

/* Workspace tab: existing component stays intact, only its palette changes. */
.theme-light .workspaceTabs button{background:#FFFFFF!important;border-color:#CACFD6!important;color:#414F5F!important;box-shadow:none!important}
.theme-light .workspaceTabs button:hover{background:#F5F7FA!important;border-color:#0B69DF!important;color:#0B69DF!important}
.theme-light .workspaceTabs button.active{background:#0B69DF!important;border-color:#0B69DF!important;color:#FFFFFF!important;box-shadow:none!important}

/* Result/sub tabs in the reference are white with a blue outline/text when selected. */
.theme-light .resultTabs button,
.theme-light .partyTabs button,
.theme-light .companyOverviewTabs button,
.theme-light .associatedSubTabs button{background:#FFFFFF!important;color:#414F5F!important;border-color:transparent!important;box-shadow:none!important}
.theme-light .resultTabs button:hover,
.theme-light .partyTabs button:hover,
.theme-light .companyOverviewTabs button:hover,
.theme-light .associatedSubTabs button:hover{background:#F5F7FA!important;color:#0B69DF!important;border-color:#EBEEF5!important}
.theme-light .resultTabs button.active,
.theme-light .partyTabs button.active,
.theme-light .companyOverviewTabs button.active,
.theme-light .associatedSubTabs button.active{background:#FFFFFF!important;color:#0B69DF!important;border-color:#0B69DF!important;box-shadow:none!important}
.theme-light .resultTabs button.active::after{background:#0B69DF!important}

/* Data direction / segmented selections use the light-blue selected surface from the reference. */
.theme-light .dataTypeSwitch{background:#FFFFFF!important;border-color:#CACFD6!important}
.theme-light .dataTypeSwitch button{background:#FFFFFF!important;color:#02152B!important}
.theme-light .dataTypeSwitch button:hover{background:#F5F7FA!important;color:#0B69DF!important}
.theme-light .dataTypeSwitch button.active{background:#E7F0FB!important;color:#0B69DF!important;border-color:#0B69DF!important;box-shadow:none!important}

/* Inputs and date fields. */
.theme-light input,
.theme-light select,
.theme-light textarea,
.theme-light .mainSearchGrid input,
.theme-light .mainSearchGrid select,
.theme-light .advancedGrid input,
.theme-light .advancedGrid select,
.theme-light .criteriaInputRow input,
.theme-light .filters input,
.theme-light .filters select,
.theme-light .companySearch select,
.theme-light .dateField,
.theme-light .favNameField input,
.theme-light .favouriteSearch,
.theme-light .searchInput,
.theme-light .dateInput{background:#FFFFFF!important;border-color:#CACFD6!important;color:#02152B!important}
.theme-light input::placeholder,.theme-light textarea::placeholder{color:#AAB3BE!important}
.theme-light input:focus,.theme-light select:focus,.theme-light textarea:focus,
.theme-light .searchInput:focus-within,.theme-light .dateInput:focus-within{border-color:#0B69DF!important;outline-color:#0B69DF!important}

/* Secondary/icon controls: white by default, light blue for selected/focused state. */
.theme-light .ghost,
.theme-light .modeButton,
.theme-light .iconButton,
.theme-light .advancedToggle,
.theme-light .dateToggle,
.theme-light .resultActions .ghost,
.theme-light .tabScrollBtn,
.theme-light .downloadLimitBtn,
.theme-light .calendarArrow{background:#FFFFFF!important;color:#0B69DF!important;border-color:#CACFD6!important;box-shadow:none!important}
.theme-light .ghost:hover,
.theme-light .modeButton:hover,
.theme-light .iconButton:hover,
.theme-light .advancedToggle:hover,
.theme-light .dateToggle:hover,
.theme-light .resultActions .ghost:hover,
.theme-light .tabScrollBtn:hover,
.theme-light .downloadLimitBtn:hover,
.theme-light .calendarArrow:hover{background:#F5F7FA!important;color:#0B69DF!important;border-color:#0B69DF!important}
.theme-light .iconButton.active,
.theme-light .advancedToggle.active,
.theme-light .dateToggle.active{background:#0B69DF!important;color:#FFFFFF!important;border-color:#0B69DF!important}
.theme-light .iconButton svg,.theme-light .tabScrollBtn svg,.theme-light .modeButton svg{color:inherit!important;stroke:currentColor!important}

/* Include / exclude controls keep their semantic meaning. */
.theme-light .criteriaBtn.include{background:#FFFFFF!important;color:#0B69DF!important;border-color:#CACFD6!important}
.theme-light .criteriaBtn.include:hover,.theme-light .criteriaBtn.include.active{background:#E7F0FB!important;color:#0B69DF!important;border-color:#0B69DF!important}
.theme-light .criteriaBtn.exclude{background:#FFFFFF!important;color:#E64545!important;border-color:#E7BFC2!important}
.theme-light .criteriaBtn.exclude:hover,.theme-light .criteriaBtn.exclude.active{background:#FFF3F3!important;color:#E64545!important;border-color:#E64545!important}

/* Dropdowns and popups. */
.theme-light .criteriaMenu,
.theme-light .criteriaSuggestDropdown,
.theme-light .searchPathPopup,
.theme-light .dateDropdown,
.theme-light .rangeCalendarDropdown,
.theme-light .customDataModal,
.theme-light .customDataGroup,
.theme-light .customDropdownMenu,
.theme-light .countryDropdown,
.theme-light .dropdownMenu,
.theme-light .trackGroupMenu,
.theme-light .calendarSelectMenu{background:#FFFFFF!important;border-color:#CACFD6!important;color:#02152B!important;box-shadow:0 8px 20px rgba(2,21,43,.10)!important}
.theme-light .criteriaSuggestSearch{background:#FFFFFF!important;border-color:#EBEEF5!important;color:#02152B!important}
.theme-light .criteriaSuggestList button,
.theme-light .trackGroupMenu button,
.theme-light .calendarSelectMenu button,
.theme-light .customDropdownMenu button,
.theme-light .countryDropdown button,
.theme-light .dropdownMenu button{background:#FFFFFF!important;color:#414F5F!important}
.theme-light .criteriaSuggestList button:hover,
.theme-light .trackGroupMenu button:hover,
.theme-light .calendarSelectMenu button:hover,
.theme-light .customDropdownMenu button:hover,
.theme-light .countryDropdown button:hover,
.theme-light .dropdownMenu button:hover{background:#F5F7FA!important;color:#414F5F!important}
.theme-light .criteriaSuggestList button.selected,
.theme-light .trackGroupMenu button.selected,
.theme-light .calendarSelectMenu button.selected,
.theme-light .customDropdownMenu button.selected,
.theme-light .countryDropdown button.selected,
.theme-light .dropdownMenu button.selected{background:#E7F0FB!important;color:#0B69DF!important}

/* Date picker palette from the supplied open-calendar screenshot. */
.theme-light .rangeQuickDates{background:#FAFAFA!important;border-color:#EBEEF5!important}
.theme-light .rangeQuickDates button{background:transparent!important;color:#414F5F!important}
.theme-light .rangeQuickDates button:hover{background:#F5F7FA!important;color:#0B69DF!important}
.theme-light .rangeQuickDates button.active{background:#E7F0FB!important;color:#0B69DF!important}
.theme-light .rangeCalendarPanel,.theme-light .rangeDateFields button{background:#FFFFFF!important;color:#02152B!important;border-color:#CACFD6!important}
.theme-light .rangeDateFields button.active{background:#FFFFFF!important;border-color:#0B69DF!important}
.theme-light .rangeSelectedHint{background:#E7F0FB!important;border-color:#CACFD6!important;color:#0B69DF!important}
.theme-light .miniCalendarHead,.theme-light .miniCalendarHead b,.theme-light .calendarRole,
.theme-light .miniCalendarHead select,.theme-light .weekDays span{color:#414F5F!important}
.theme-light .calendarDays button{background:transparent!important;color:#414F5F!important}
.theme-light .calendarDays button:hover{background:#F5F7FA!important;color:#0B69DF!important}
.theme-light .calendarDays button.inRange{background:#E7F0FB!important;color:#0B69DF!important}
.theme-light .calendarDays button.selected{background:#0B69DF!important;color:#FFFFFF!important;box-shadow:none!important}
.theme-light .calendarDays button.muted,.theme-light .calendarDays button.disabled{color:#C5CBD3!important}

/* TABLES — semantic mapping, not a global blue replacement.
   Reference: white header, dark text, fine grey rules, white rows, #F5F7FA row hover. */
.theme-light .tableWrap,
.theme-light .partyTableWrap,
.theme-light .favouriteTable,
.theme-light .historyTableWrap,
.theme-light .statisticsTableWrap,
.theme-light .associatedTableWrap,
.theme-light .downloadLimitTableWrap{background:#FFFFFF!important;border-color:#EBEEF5!important}
.theme-light table,
.theme-light .partyTable,
.theme-light .statisticsTable,
.theme-light .historyTable,
.theme-light .latestTable,
.theme-light .associatedTable,
.theme-light .downloadLimitTable{background:#FFFFFF!important;color:#02152B!important}
.theme-light table thead th,
.theme-light .partyTable thead th,
.theme-light .statisticsTable thead th,
.theme-light .historyTable thead th,
.theme-light .latestTable thead th,
.theme-light .associatedTable thead th,
.theme-light .downloadLimitTable thead th,
.theme-light .favouriteHeader,
.theme-light #root .results.panel>.shipmentRecordsTableWrap .shipmentRecordLayoutTable thead>tr>th{
  background:#FFFFFF!important;
  color:#414F5F!important;
  border-color:#EBEEF5!important;
  box-shadow:none!important;
}
.theme-light table tbody td,
.theme-light .partyTable tbody td,
.theme-light .statisticsTable tbody td,
.theme-light .historyTable tbody td,
.theme-light .latestTable tbody td,
.theme-light .associatedTable tbody td,
.theme-light .downloadLimitTable tbody td,
.theme-light .favouriteRow{background:#FFFFFF!important;color:#02152B!important;border-color:#EBEEF5!important}
.theme-light table tbody tr:hover>td,
.theme-light .partyTable tbody tr:hover>td,
.theme-light .statisticsTable tbody tr:hover>td,
.theme-light .historyTable tbody tr:hover>td,
.theme-light .latestTable tbody tr:hover>td,
.theme-light .associatedTable tbody tr:hover>td,
.theme-light .downloadLimitTable tbody tr:hover>td,
.theme-light .shipmentRecordLayoutTable tbody tr.hoverDetailRow>td,
.theme-light .shipmentRecordLayoutTable tbody tr:hover>td{
  background:#F5F7FA!important;
}
.theme-light .statisticsTable tbody tr.activeStatsRow>td,
.theme-light .trackingPage table tbody tr.activeTrackRow>td,
.theme-light .partyTable tbody tr.selectedPartyRow>td,
.theme-light .associatedSummaryTable tbody tr.selectedAssociatedRow>td{background:#E7F0FB!important;color:#02152B!important}

/* Sort icons stay blue outline, matching the reference header controls. */
.theme-light th.platformSortableHeader>.platformSortButton,
.theme-light th .platformSortButton{background:transparent!important;color:#0B69DF!important;border-color:transparent!important}
.theme-light th.platformSortableHeader>.platformSortButton svg,
.theme-light th .platformSortButton svg{color:#0B69DF!important;stroke:#0B69DF!important;fill:none}
.theme-light th.platformSortableHeader>.platformSortButton.active,
.theme-light th .platformSortButton.active{background:transparent!important;color:#0B69DF!important}

/* Links, counts and small badges. */
.theme-light a,.theme-light .linkBtn,.theme-light .historyActionBtn,
.theme-light .shipmentPartyNameInline,.theme-light .trackByRecordValueBtn{color:#0B69DF!important}
.theme-light .linkBtn{background:transparent!important;border-color:transparent!important}
.theme-light .pill,.theme-light .searchPathInline>span,.theme-light .criteriaDropdown summary{background:#F5F7FA!important;border-color:#EBEEF5!important;color:#414F5F!important}
.theme-light .resultsFound,.theme-light .resultCount,.theme-light .result-count{color:#414F5F!important}

/* Summary / section bands use the reference light neutral and light-blue surfaces. */
.theme-light .profileSectionHead,
.theme-light .downloadLimitModal h3,
.theme-light .downloadLimitTable th,
.theme-light .statsSummaryRow,
.theme-light .statisticsSummary,
.theme-light .tableSummaryRow{background:#F5F7FA!important;color:#02152B!important;border-color:#EBEEF5!important}
.theme-light .rowDetails h4,
.theme-light .detailSectionHead,
.theme-light .companyInfoSectionHead{background:#E7F0FB!important;color:#02152B!important;border-color:#E7F0FB!important}

/* Modal overlay and dialogs. */
.theme-light .modalBackdrop{background:rgba(0,0,0,.48)!important}
.theme-light .modal,.theme-light .downloadLimitModal,.theme-light .profileModal,.theme-light .subAccountModal{background:#FFFFFF!important;color:#02152B!important;border-color:#CACFD6!important;box-shadow:0 10px 30px rgba(2,21,43,.16)!important}
.theme-light .close{background:#FFFFFF!important;color:#02152B!important;border-color:#CACFD6!important}
.theme-light .close:hover{background:#F5F7FA!important;color:#0B69DF!important;border-color:#0B69DF!important}

/* Status colours visible in the reference. */
.theme-light .success,.theme-light .statusSuccess{color:#16A66A!important}
.theme-light .error,.theme-light .statusError{color:#E64545!important}
.theme-light .warning,.theme-light .statusWarning{color:#FFA200!important}

/* Progress bars/statistics use green, while charts keep their own series colours. */
.theme-light .barRow div,.theme-light .metricBarTrack,.theme-light .progressTrack{background:#F0F0F0!important}
.theme-light .barRow i,.theme-light .metricBarFill,.theme-light .progressFill{background:#16A66A!important}

/* FINAL TABLE ROW HOVER SOURCE OF TRUTH — supplied TradeInt reference screenshot.
   Only hovered cell backgrounds change. Text, links, icons and borders keep their normal colours. */
.theme-light #root#root table tbody > tr:hover > td,
#root#root .theme-light table tbody > tr:hover > td{
  background:#F5F7FA!important;
}

/* Global sort triangles are fill-only: no outline/border and no hover recolouring. */
#root#root#root .theme-light table thead .platformTriangleSortButton .platformSortTriangle,
#root#root#root .theme-light table thead .platformTriangleSortButton:hover .platformSortTriangle,
#root#root#root .theme-light table thead .platformTriangleSortButton:focus-visible .platformSortTriangle {
  stroke:none !important;
  stroke-width:0 !important;
}


/* 2026-08-19 — UNIFIED DARK GREY + RESULT COUNTS
   All light-theme dark-grey UI text uses #414F5F. All “n Results Found” lines
   use the same dark grey. Colour only; no typography, spacing or logic changes. */
.theme-light .resultsFound,
.theme-light .resultCount,
.theme-light .result-count,
.theme-light .tradeSearch .resultSummary > .resultLine > h3,
.theme-light .trackingPage .trackByHead > div:first-child > h3,
.theme-light .trackingPage .trackingRecordsPanel > .panelHead > .trackingRecordsHeading > h3,
.theme-light .trackingPage .trackingRecordsPanel > .trackingRecordsPanelHead > .trackingRecordsHeading > h3,
.theme-light .tradeTrendRecordsHeader p,
.theme-light .tradeTrendRecordsHeadingBlock p,
.theme-light .companyRecordsHeading p,
.theme-light .companyRecordsHeaderGrid > .companyRecordsHeading p,
.theme-light .analysisViewResultCount,
.theme-light .companyResultCount {
  color:#414F5F!important;
}


/* FINAL GLOBAL TABLE HEADER COLOUR — SINGLE SOURCE OF TRUTH
   Applies the same Shipment Records header palette to every table across the
   platform. Colour only: geometry, font sizing/weight, sorting, widths and
   table behavior remain unchanged. */
#root#root#root .theme-light table thead > tr > th,
#root#root#root .theme-light .partyTable thead > tr > th,
#root#root#root .theme-light .statisticsTable thead > tr > th,
#root#root#root .theme-light .historyTable thead > tr > th,
#root#root#root .theme-light .latestTable thead > tr > th,
#root#root#root .theme-light .associatedTable thead > tr > th,
#root#root#root .theme-light .downloadLimitTable thead > tr > th,
#root#root#root .theme-light .tradeSearch table thead > tr > th,
#root#root#root .theme-light .trackingPage table thead > tr > th,
#root#root#root .theme-light .companyOverviewPage table thead > tr > th,
#root#root#root .theme-light .profilePage table thead > tr > th,
#root#root#root .theme-light .favouritesPage table thead > tr > th,
#root#root#root .theme-light .latestUpdatePage table thead > tr > th,
#root#root#root .theme-light .historyPage table thead > tr > th {
  background: #F5F7FA !important;
  color: #414F5F !important;
  border-color: #EBEEF5 !important;
  box-shadow: none !important;
}

#root#root#root .theme-light table thead > tr > th :where(.platformHeaderInner,.platformHeaderLabel,span,a,b,strong,small,div,p,label,select,input),
#root#root#root .theme-light .tradeSearch table thead > tr > th :where(.platformHeaderInner,.platformHeaderLabel,span,a,b,strong,small,div,p,label,select,input),
#root#root#root .theme-light .trackingPage table thead > tr > th :where(.platformHeaderInner,.platformHeaderLabel,span,a,b,strong,small,div,p,label,select,input),
#root#root#root .theme-light .companyOverviewPage table thead > tr > th :where(.platformHeaderInner,.platformHeaderLabel,span,a,b,strong,small,div,p,label,select,input) {
  color: #414F5F !important;
}

/* Non-native table header bands that visually act as table headers. */
#root#root#root .theme-light .favouriteHeader {
  background: #F5F7FA !important;
  color: #414F5F !important;
  border-color: #EBEEF5 !important;
  box-shadow: none !important;
}