:root{font-family:"Source Han Sans SC",sans-serif;color:#FFFFFF;background:#f4f7fb;--eximbot-note:#94A3B8}*{box-sizing:border-box}body{margin:0}.app{display:flex;min-height:100vh}.sidebar{width:280px;background:linear-gradient(180deg,#071e3d,#0b315f 52%,#06203d);color:#FFFFFF;padding:24px;position:sticky;top:0;height:100vh}.brand{display:flex;gap:13px;align-items:center;margin-bottom:32px}.logoMark{width:48px;height:48px;border-radius:15px;background:#20d489;color:#0B1730;display:grid;place-items:center;font-weight:550;font-size:24px;box-shadow:0 12px 30px rgba(32,212,137,.25)}.brand h1{font-size:22px;margin:0}.brand p{font-size:12px;color:#0B1730;margin:2px 0 0}.sidebar nav{display:grid;gap:8px}.sidebar button{border:0;background:transparent;color:#0B1730;display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:14px;font-weight:400;cursor:pointer;width:100%;font-size:15px}.sidebar button.active,.sidebar button:hover{background:rgba(255,255,255,.12);color:#FFFFFF}.sideCard{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.13);border-radius:20px;padding:18px;margin-top:34px}.sideCard p{color:#0B1730;font-size:13px;line-height:1.5}main{flex:1;min-width:0}.topbar{height:96px;background:rgba(255,255,255,.86);backdrop-filter:blur(14px);border-bottom:1px solid #e6edf5;display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:10}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#0B1730;font-size:11px;font-weight:550;margin:0 0 4px}.topbar h2{margin:0;color:#0B1730}.topActions{display:flex;gap:10px}.page{padding:28px 34px}.primary,.ghost{border:0;border-radius:13px;padding:11px 16px;display:inline-flex;gap:8px;align-items:center;font-weight:550;cursor:pointer}.primary{background:#0c7c59;color:#FFFFFF;box-shadow:0 12px 25px rgba(12,124,89,.2)}.ghost{background:#eef4f9;color:#0B1730}.small{padding:8px 11px;font-size:12px}.statsGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:20px}.stat{background:white;border:1px solid #e7eef6;border-radius:22px;padding:20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 12px 30px rgba(16,42,67,.06)}.stat p{margin:0 0 8px;color:#0B1730;font-weight:550;font-size:13px}.stat strong{font-size:25px;color:#0B1730}.stat span{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#e9fbf5;color:#0B1730}.stat.blue span{background:#eaf2ff;color:#0B69DF}.stat.purple span{background:#f1ecff;color:#0B1730}.stat.orange span{background:#fff4e5;color:#0B1730}.panel{background:white;border:1px solid #e7eef6;border-radius:24px;padding:22px;box-shadow:0 12px 30px rgba(16,42,67,.06);margin-bottom:20px}.panelHead{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.panelHead h3{margin:0;color:#0B1730;display:flex;align-items:center;gap:8px}.regionGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.region{border:1px solid #e7eef6;border-radius:20px;padding:18px;background:linear-gradient(180deg,#fff,#f8fbfe)}.regionIcon{width:44px;height:44px;border-radius:14px;background:#e9fbf5;color:#0B1730;display:grid;place-items:center}.region h4{margin:14px 0 6px;font-size:20px}.region p{color:#0B1730;line-height:1.5;min-height:45px}.region b{color:#0B1730}.twoCols{display:grid;grid-template-columns:1fr 1fr;gap:20px}.countryGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.country{border:1px solid #e7eef6;border-radius:14px;padding:12px;display:flex;align-items:center;gap:10px}.country span{background:#edf5ff;color:#0B69DF;border-radius:10px;padding:7px;font-size:12px;font-weight:550}.country b{font-size:13px}.darkPanel{background:linear-gradient(135deg,#0b315f,#092543);color:#FFFFFF}.darkPanel .eyebrow{color:#0B1730}.featureList{margin:20px 0 0;padding-left:18px;line-height:2;color:#0B1730}.searchShell{display:grid;grid-template-columns:300px 1fr;gap:20px}.filters{position:sticky;top:118px;align-self:start}.filters label{display:grid;gap:7px;color:#0B69DF;font-size:13px;font-weight:550;margin:13px 0}.filters input,.filters select,.companySearch select{border:1px solid #dbe6f1;border-radius:13px;padding:11px 12px;font:inherit;background:#fbfdff;color:#0B1730;min-width:0}.inlineCheck{display:flex;align-items:center;gap:10px;margin-top:13px;font-weight:550;color:#0B69DF}.results{min-width:0}.tableWrap{overflow:auto;border:1px solid #e5edf5;border-radius:16px;max-height:650px}table{border-collapse:collapse;width:100%;min-width:1450px;background:white}th{position:sticky;top:0;background:#f3f7fb;color:#0B1730;text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.04em;z-index:1}td,th{padding:13px 14px;border-bottom:1px solid #edf2f7;font-size:13px;white-space:nowrap}td{color:#0B1730}.linkBtn{border:0;background:#e9fbf5;color:#0B1730;padding:7px 10px;border-radius:10px;font-weight:550;cursor:pointer}.pill{background:#eef7ff;color:#0B69DF;font-weight:550;border-radius:999px;padding:7px 12px;font-size:12px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.tabs button{border:1px solid #dce8f2;background:#f8fbfe;border-radius:999px;padding:9px 13px;font-weight:550;color:#0B1730}.tabs button.active{background:#0c7c59;color:#FFFFFF;border-color:#0c7c59}.miniCards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.barList,.rankList,.compactRows{display:grid;gap:12px}.barRow{display:grid;grid-template-columns:180px 1fr 115px;gap:12px;align-items:center;font-size:13px}.barRow div{height:10px;background:#ecf2f8;border-radius:999px;overflow:hidden}.barRow i{height:100%;display:block;background:#0c7c59;border-radius:999px}.barRow b{text-align:right}.rank{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;border:1px solid #e7eef6;border-radius:14px;padding:12px}.rank b{background:#eef7ff;border-radius:10px;color:#0B69DF;padding:7px;text-align:center}.rank span{font-weight:550}.rank em{font-style:normal;color:#0B1730;font-size:12px}.companyLayout{display:grid;grid-template-columns:300px 1fr;gap:20px}.companySearch p{color:#0B1730;line-height:1.5}.profileHero{display:flex;align-items:center;gap:18px}.profileHero .avatar{width:72px;height:72px;border-radius:22px;background:#0c7c59;color:#FFFFFF;font-size:34px;font-weight:550;display:grid;place-items:center}.profileHero h2{margin:0 0 8px}.profileHero p{display:flex;align-items:center;gap:6px;margin:0;color:#0B1730}.profileHero button{margin-left:auto}.compactRows div{display:grid;grid-template-columns:90px 1fr 110px;gap:10px;border-bottom:1px solid #eef3f7;padding:10px 0}.compactRows em{text-align:right;font-style:normal;font-weight:550;color:#0B1730}.emptyState{text-align:center;padding:90px 20px;color:#0B1730}.emptyState svg{color:#0B1730}.emptyState h3{color:#0B1730;font-size:28px}.modalBackdrop{position:fixed;inset:0;background:rgba(6,20,37,.48);z-index:99;display:grid;place-items:center}.modal{width:min(440px,92vw);background:white;border-radius:24px;padding:26px;position:relative;box-shadow:0 25px 80px rgba(0,0,0,.25)}.modal h3{margin-top:0}.modal p{color:#0B1730;line-height:1.6}.close{position:absolute;right:15px;top:15px;border:0;background:#eef4f9;border-radius:10px;width:34px;height:34px;display:grid;place-items:center;cursor:pointer}.modalActions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}@media(max-width:1100px){.sidebar{width:92px;padding:18px}.brand div:not(.logoMark),.sidebar nav span,.sideCard{display:none}.statsGrid,.regionGrid,.twoCols,.searchShell,.companyLayout{grid-template-columns:1fr}.topbar{height:auto;padding:20px;align-items:flex-start}.topActions{display:none}.page{padding:20px}.filters{position:static}.miniCards{grid-template-columns:1fr}}

*{scrollbar-width:thin;scrollbar-color:#94A3B8 transparent}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:transparent;border-radius:999px;margin:10px}
*::-webkit-scrollbar-thumb{background:#94A3B8;border:3px solid transparent;background-clip:content-box;border-radius:999px}
*::-webkit-scrollbar-thumb:hover{background:#64748B;background-clip:content-box}
*::-webkit-scrollbar-corner{background:transparent}

.tradeSearch{display:grid;gap:18px}.searchTitleRow{display:flex;align-items:center;justify-content:space-between;gap:16px}.searchTitle{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.searchTitle h2{margin:0;color:#0B1730;font-size:26px}.scopeSwitch{display:inline-flex;align-items:center;gap:10px;border:1px solid #c9d6e4;border-radius:6px;background:#fff;padding:8px 12px;font-size:16px}.scopeSwitch span{display:inline-flex;align-items:center;gap:6px;color:#0B69DF}.scopeSwitch i{height:22px;width:1px;background:#d8e1ea}.scopeSwitch b{color:#0B1730;font-weight:400}.searchTabs{display:flex;gap:28px;align-items:center;flex-wrap:wrap}.searchTabs button{border:0;background:transparent;color:#0B1730;font:inherit;font-size:16px;padding:0 0 12px;cursor:pointer}.searchTabs button.active{color:#0B69DF;border-bottom:2px solid #0B69DF;font-weight:550}.quickSearch{display:grid;grid-template-columns:minmax(280px,1fr) 188px 188px 118px 58px 124px;gap:14px;align-items:center}.searchInput,.dateInput{display:flex;align-items:center;gap:9px;border:1px solid #cbd8e6;border-radius:6px;background:#fff;color:#0B69DF;height:50px;padding:0 13px}.searchInput input,.dateInput input{border:0;outline:0;background:transparent;font:inherit;color:#0B1730;width:100%;min-width:0}.dateInput input::-webkit-calendar-picker-indicator{opacity:.35}.modeButton,.iconButton{height:50px;border:1px solid #cbd8e6;border-radius:6px;background:#eef5ff;color:#0B69DF;display:inline-flex;align-items:center;justify-content:center;gap:10px;font:inherit;cursor:pointer}.modeButton{color:#0B1730}.modeButton svg,.iconButton svg{color:#0B69DF}.searchButton{height:50px;justify-content:center;border-radius:6px;background:#0B69DF;box-shadow:0 10px 22px rgba(11,107,220,.22)}.advancedSearch{border-radius:8px;padding:18px;margin-bottom:0}.advancedGrid{display:grid;grid-template-columns:repeat(4,minmax(190px,1fr));gap:14px 16px}.advancedGrid label{display:grid;gap:6px;color:#0B1730;font-size:13px;font-weight:550;margin:0}.advancedGrid input,.advancedGrid select{height:40px;border:1px solid #cbd8e6;border-radius:5px;background:#fff;color:#0B1730;font:inherit;padding:0 12px;min-width:0}.advancedGrid input::placeholder{color:var(--eximbot-note)}.rangePair{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px}.rangePair span{color:#0B1730}.advancedCheck{align-self:end;height:40px;display:flex!important;align-items:center;gap:10px}.advancedCheck input{height:auto}.tradeSearch .results{min-width:0}.tradeSearch .panelHead{margin-bottom:14px}@media(max-width:1280px){.quickSearch{grid-template-columns:minmax(260px,1fr) 170px 170px 112px 54px 118px}.advancedGrid{grid-template-columns:repeat(3,minmax(180px,1fr))}}@media(max-width:900px){.quickSearch{grid-template-columns:1fr 1fr}.searchInput,.searchButton{grid-column:1/-1}.advancedGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.searchTitle h2{font-size:22px}}@media(max-width:560px){.quickSearch,.advancedGrid{grid-template-columns:1fr}.searchTabs{gap:18px}.searchTitleRow{align-items:flex-start}.scopeSwitch{width:100%;justify-content:center}}
.dataTypeSwitch{display:inline-flex;align-items:center;gap:4px;border:1px solid #c9d6e4;border-radius:7px;background:#fff;padding:4px}.dataTypeSwitch button{border:0;background:transparent;color:#0B1730;font:inherit;font-size:15px;padding:7px 12px;border-radius:5px;cursor:pointer;white-space:nowrap}.dataTypeSwitch button.active{background:#0B69DF;color:#FFFFFF;font-weight:550;box-shadow:0 6px 16px rgba(11,107,220,.18)}@media(max-width:700px){.dataTypeSwitch{width:100%;overflow:auto}.dataTypeSwitch button{flex:0 0 auto}}
.databaseModeControl{display:inline-flex;align-items:center;gap:6px;grid-column:span 1}
.databaseModeControl>span{font-size:13px;color:#0B1730;font-weight:550;white-space:nowrap}
.databaseModeSwitch button:disabled{opacity:.5;cursor:not-allowed}

.mainSearchGrid{display:grid;grid-template-columns:130px minmax(170px,1fr) minmax(190px,1fr) minmax(190px,1fr) minmax(185px,1fr) minmax(185px,1fr) 124px;gap:12px;align-items:end}.mainSearchGrid label{display:grid;gap:6px;color:#0B1730;font-size:13px;font-weight:550}.mainSearchGrid input,.mainSearchGrid select{height:46px;border:1px solid #cbd8e6;border-radius:6px;background:#fff;color:#0B1730;font:inherit;padding:0 12px;min-width:0}.mainSearchGrid input::placeholder{color:var(--eximbot-note)}.mainSearchGrid .searchButton{height:46px;border-radius:6px}.advancedToggle{border:1px solid #cbd8e6;background:#fff;color:#0B1730;border-radius:7px;height:46px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;gap:14px;font:inherit;font-weight:550;cursor:pointer;width:min(360px,100%)}.advancedToggle span{display:inline-flex;align-items:center;gap:9px}.advancedToggle svg{color:#0B69DF;transition:transform .18s ease}.advancedToggle.active{background:#eef5ff;border-color:#9fc4f7;color:#0B69DF}.advancedToggle.active>svg{transform:rotate(90deg)}.advancedSearch{animation:advancedDrop .18s ease-out}.dateField{height:40px;border:1px solid #cbd8e6;border-radius:5px;background:#fff;color:#0B69DF;display:flex;align-items:center;gap:8px;padding:0 10px}.dateField input{border:0!important;height:auto!important;padding:0!important;outline:0;width:100%}@keyframes advancedDrop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1380px){.mainSearchGrid{grid-template-columns:repeat(3,minmax(180px,1fr)) 124px}.mainSearchGrid .searchButton{grid-column:auto}}@media(max-width:820px){.mainSearchGrid{grid-template-columns:1fr 1fr}.mainSearchGrid .searchButton{grid-column:1/-1}}@media(max-width:540px){.mainSearchGrid{grid-template-columns:1fr}.advancedToggle{width:100%}}

.sidebar{width:82px;transition:width .22s ease,padding .22s ease;overflow:hidden}.sidebar:hover{width:280px}.sidebar .brand div:not(.logoMark),.sidebar nav span,.sidebar .sideCard{transition:opacity .16s ease,transform .16s ease,max-width .16s ease}.sidebar:not(:hover) .brand{justify-content:center}.sidebar:not(:hover) .brand div:not(.logoMark),.sidebar:not(:hover) nav span{opacity:0;max-width:0;overflow:hidden;white-space:nowrap}.sidebar:not(:hover) nav button{justify-content:center;padding-left:0;padding-right:0}.sidebar:not(:hover) .sideCard{opacity:0;max-height:0;margin-top:0;padding:0;border-width:0;transform:translateX(-8px);pointer-events:none}.sidebar:hover .brand div:not(.logoMark),.sidebar:hover nav span{opacity:1;max-width:180px}.sidebar:hover nav button{justify-content:flex-start;padding-left:14px;padding-right:14px}.sidebar:hover .sideCard{opacity:1;max-height:240px;transform:translateX(0)}@media(max-width:1100px){.sidebar:hover{width:280px}.sidebar:hover .brand div:not(.logoMark),.sidebar:hover nav span,.sidebar:hover .sideCard{display:block}.sidebar:hover nav span{display:inline}}

.resultTabs{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.resultTabs button{height:42px;border:1px solid transparent;background:transparent;color:#0B1730;border-radius:6px;padding:0 18px;font:inherit;font-weight:550;cursor:pointer}.resultTabs button.active{border-color:#0B69DF;color:#0B69DF;background:#fff;font-weight:550;box-shadow:0 8px 18px rgba(11,107,220,.08)}.resultTabs button:hover{background:#eef5ff;color:#0B69DF}

.mainSearchGrid{grid-template-columns:repeat(4,minmax(180px,1fr))}.mainSearchGrid .advancedToggle{width:100%;height:46px;align-self:end}.mainSearchGrid .searchButton{height:46px;align-self:end}@media(max-width:1100px){.mainSearchGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.mainSearchGrid{grid-template-columns:1fr}}

.multiSearchGrid .multiCriteriaField{display:grid;gap:6px;min-width:0}.multiCriteriaField>span{color:#0B1730;font-size:13px;font-weight:550}.criteriaInputRow{display:grid;grid-template-columns:minmax(0,1fr) 36px 36px;gap:6px;align-items:center;position:relative}.criteriaInputRow input{height:46px;border:1px solid #cbd8e6;border-radius:6px;background:#fff;color:#0B1730;font:inherit;padding:0 11px;min-width:0}.criteriaBtn{height:36px;width:36px;border:1px solid #cbd8e6;border-radius:6px;background:#fff;display:grid;place-items:center;cursor:pointer}.criteriaBtn.include{color:#0B1730;border-color:#b7e2cf;background:#effbf5}.criteriaBtn.exclude{color:#0B1730;border-color:#f1c3bf;background:#fff4f2}.criteriaBtn:hover{filter:brightness(.97)}.criteriaBtn:disabled{opacity:.45;cursor:not-allowed;filter:none}.criteriaBtn.exclude:disabled{background:#fff4f2;border-color:#f1c3bf;color:#0B1730}.criteriaChips{display:flex;flex-wrap:wrap;gap:6px;min-height:22px}.chip{border:0;border-radius:999px;padding:4px 8px;display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:550;cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis}.chip.include{background:#eaf8f0;color:#0B1730}.chip.exclude{background:#fff0ed;color:#0B1730}.multiSearchGrid .advancedToggle,.multiSearchGrid .searchButton{min-height:46px}@media(max-width:760px){.criteriaInputRow{grid-template-columns:minmax(0,1fr) 34px 34px}.criteriaBtn{width:34px}}
.countryCriteriaRow{grid-template-columns:minmax(0,1fr) 36px 36px!important;align-items:center}
.multiSearchGrid .countryCriteriaRow{grid-template-columns:minmax(0,1fr) 36px 36px!important}
.criteriaCountrySummary{height:46px;border:1px solid #cbd8e6;border-radius:0;background:#fff;color:#0B1730;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 12px;cursor:pointer;min-width:0;font:inherit;font-weight:550;overflow:hidden;box-shadow:none;width:100%}
.criteriaCountrySummary:disabled{opacity:.45;cursor:not-allowed;background:#f7f9fc;color:#0B1730}
.countryModeInclude .criteriaCountrySummary{border-color:#B9E8FF;background:#F8FBFE}
.countryModeExclude .criteriaCountrySummary{border-color:#F1C3BF;background:#FFF4F2}
.criteriaCountrySummary span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.criteriaCountrySummary b{flex:0 0 auto;color:#0B69DF;font-size:12px;font-weight:550;display:inline-flex;align-items:center;gap:4px}
.criteriaCountrySummary.hasValue{background:#f8fbfe;border-color:#B9E8FF}
.criteriaCountryPopup{position:absolute;left:0;top:calc(100% + 6px);z-index:55;width:min(420px,100%);background:#fff;border:1px solid #DDE5F2;border-radius:0;box-shadow:0 18px 44px rgba(31,55,90,.18);padding:8px;display:grid;gap:8px}
.criteriaCountryPopupList{display:grid;gap:6px;max-height:220px;overflow:auto}
.criteriaCountryPopup .chip{max-width:100%}
.criteriaCountryPopup .criteriaSuggestSearch{display:flex;align-items:center;gap:8px;height:40px;padding:0 10px;border:1px solid #DDE5F2;border-radius:0;background:#F8FAFD}
.criteriaCountryPopup .criteriaSuggestSearch span{font-size:12px;font-weight:550;color:#0B69DF;white-space:nowrap}
.criteriaCountryPopup .criteriaSuggestSearch input{border:0;outline:0;background:transparent;color:#0B1730;font:inherit;min-width:0;width:100%}
.countryOption{width:100%;height:38px;border:1px solid #DDE5F2;border-radius:0;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 12px;color:#0B1730;font:inherit;font-weight:550;cursor:pointer}
.countryOption:hover,.countryOption.selected{background:#EAF8FF;border-color:#B9E8FF;color:#0B69DF}
.countryOption.excluded{border-color:#F1C3BF;background:#FFF4F2}
.countryOptionText{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.countryOptionCheck{display:flex;align-items:center;justify-content:center;flex:0 0 auto;color:#0B69DF}
.countryModeInclude .criteriaBtn.include.active{background:#0B69DF;color:#FFFFFF;border-color:#0B69DF}
.countryModeExclude .criteriaBtn.exclude.active{background:#D92D20;color:#FFFFFF;border-color:#D92D20}
@media(max-width:760px){.criteriaInputRow{grid-template-columns:minmax(0,1fr) 34px 34px}.countryCriteriaRow{grid-template-columns:minmax(0,1fr) 34px 34px!important;align-items:stretch}.criteriaCountrySummary{width:100%}.criteriaBtn{width:34px}.criteriaCountryPopup{width:min(92vw,420px)}}

.dateRangeStrip{display:flex;align-items:end;justify-content:space-between;gap:14px;border:1px solid #dce8f4;background:#fff;border-radius:8px;padding:14px}.dateRangeInputs{display:flex;gap:12px;align-items:end}.dateRangeInputs label{display:grid;gap:6px;color:#0B1730;font-size:13px;font-weight:550}.dateRangeInputs .dateField{width:170px;height:42px}.datePresetGroup{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.datePresetGroup button{height:36px;border:1px solid #cbd8e6;background:#f8fbfe;color:#0B69DF;border-radius:0;padding:0 11px;font:inherit;font-size:13px;font-weight:550;cursor:pointer;white-space:nowrap}.datePresetGroup button:hover{border-color:#0B69DF;color:#0B69DF;background:#eef5ff}@media(max-width:980px){.dateRangeStrip{align-items:stretch;flex-direction:column}.datePresetGroup{justify-content:flex-start}.dateRangeInputs{flex-wrap:wrap}.dateRangeInputs .dateField{width:100%}.dateRangeInputs label{flex:1 1 180px}}@media(max-width:540px){.dateRangeInputs{display:grid;grid-template-columns:1fr}.datePresetGroup{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.datePresetGroup button{padding:0 8px}}

.dateRangeStrip{padding:9px 12px;align-items:center}.dateRangeInputs{align-items:center}.dateRangeInputs label{grid-template-columns:auto 150px;align-items:center;gap:8px}.dateRangeInputs .dateField{width:150px;height:36px}.datePresetGroup button{height:32px;padding:0 9px;font-size:12px}.dateField{height:36px}@media(max-width:980px){.dateRangeInputs label{grid-template-columns:1fr}.dateRangeInputs .dateField{width:100%}}
.dateRangeTitle{font-size:13px;font-weight:550;color:#0B1730;white-space:nowrap;padding-right:4px}@media(max-width:980px){.dateRangeTitle{width:100%}}

.multiCriteriaField{position:relative}.multiSearchGrid .multiCriteriaField{grid-template-rows:auto 46px}.criteriaInputRow{grid-template-columns:minmax(0,1fr) minmax(88px,auto) 36px 36px}.criteriaDropdown{position:relative;min-width:0}.criteriaDropdown summary{height:36px;max-width:150px;border:1px solid #cbd8e6;border-radius:999px;background:#f6fbff;color:#0B69DF;display:flex;align-items:center;padding:0 10px;font-size:12px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;list-style:none}.criteriaDropdown summary::-webkit-details-marker{display:none}.criteriaDropdown[open] summary{border-color:#0B69DF;background:#eef5ff}.criteriaMenu{position:absolute;right:0;top:42px;z-index:35;width:min(320px,70vw);max-height:220px;overflow:auto;background:#fff;border:1px solid #d9e4ef;border-radius:8px;box-shadow:0 18px 40px rgba(16,42,67,.18);padding:8px;display:flex;flex-wrap:wrap;gap:6px}.criteriaChips{display:none}.criteriaMenu .chip{max-width:100%;white-space:normal;text-align:left}.mainSearchGrid{align-items:start}.mainSearchGrid .advancedToggle,.mainSearchGrid .searchButton{margin-top:22px}@media(max-width:760px){.criteriaInputRow{grid-template-columns:minmax(0,1fr) 34px 34px}.criteriaDropdown{grid-column:1/-1;grid-row:2}.criteriaDropdown summary{max-width:none;width:100%}.criteriaMenu{left:0;right:auto;width:100%}.mainSearchGrid .advancedToggle,.mainSearchGrid .searchButton{margin-top:0}}
.countryCriteriaChips{display:flex;flex-wrap:wrap;gap:6px;min-height:0;margin-top:4px}

.criteriaInputRow{grid-template-columns:minmax(0,1fr) 36px 36px!important;gap:5px!important;position:relative}.criteriaInputRow input{padding-right:104px!important}.criteriaDropdown{position:absolute;right:82px;top:5px;z-index:12;max-width:105px}.criteriaDropdown summary{height:36px;max-width:105px;padding:0 9px;background:#eef5ff;border-color:#0B69DF;color:#0B69DF}.criteriaMenu{right:0;top:42px}.criteriaBtn{width:36px;height:36px}.mainSearchGrid .advancedToggle,.mainSearchGrid .searchButton{margin-top:22px}@media(max-width:760px){.criteriaInputRow{grid-template-columns:minmax(0,1fr) 34px 34px!important}.criteriaInputRow input{padding-right:92px!important}.criteriaDropdown{right:78px;top:5px;grid-column:auto;grid-row:auto}.criteriaDropdown summary{width:auto;max-width:92px}.criteriaMenu{right:auto;left:-120px;width:min(300px,86vw)}}

.tableWrap{max-height:620px}table{table-layout:fixed;min-width:1320px}td,th{height:44px;max-height:44px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}td>*:not(button),th>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}th:nth-child(1),td:nth-child(1){width:105px}th:nth-child(2),td:nth-child(2){width:92px}th:nth-child(3),td:nth-child(3){width:260px}th:nth-child(4),td:nth-child(4){width:170px}th:nth-child(5),td:nth-child(5){width:230px}th:nth-child(6),td:nth-child(6){width:150px}th:nth-child(7),td:nth-child(7){width:170px}th:nth-child(8),td:nth-child(8){width:230px}th:nth-child(9),td:nth-child(9){width:95px;text-align:right}th:nth-child(10),td:nth-child(10){width:120px;text-align:right}th:nth-child(11),td:nth-child(11){width:92px;text-align:center}.tableWrap tbody tr{height:44px}.tableWrap td{line-height:18px}.tableWrap .linkBtn{height:30px;padding:0 10px}

.tableWrap tbody tr:not(.detailRow){cursor:pointer}.tableWrap tbody tr.expanded{background:#eef6ff}.tableWrap tbody tr.expanded td{border-bottom-color:#d7e8fb}.detailRow td{height:auto!important;max-height:none!important;white-space:normal!important;background:#f8fbff;padding:0!important}.rowDetails{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px 18px;border-bottom:1px solid #dce8f4}.rowDetails div{display:grid;gap:4px;min-width:0}.rowDetails span{font-size:11px;font-weight:550;text-transform:uppercase;color:#0B1730;letter-spacing:.04em}.rowDetails b{font-size:13px;color:#0B1730;line-height:1.35;white-space:normal;overflow-wrap:anywhere}.rowDetails div:nth-child(3),.rowDetails div:nth-child(4),.rowDetails div:nth-child(6){grid-column:span 2}@media(max-width:1100px){.rowDetails{grid-template-columns:repeat(2,minmax(0,1fr))}.rowDetails div:nth-child(3),.rowDetails div:nth-child(4),.rowDetails div:nth-child(6){grid-column:span 1}}@media(max-width:620px){.rowDetails{grid-template-columns:1fr}}

.resultSummary{min-width:0}.searchPath{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:8px;max-width:100%}.searchPath span{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#eef5ff;color:#0B69DF;border:1px solid #d5e6fb;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:550}.searchPath span:first-child{background:#f4f7fb;color:#0B1730;border-color:#dde7f0}@media(max-width:900px){.searchPath span{max-width:180px}}

.resultLine{display:flex;align-items:center;gap:12px;min-width:0;flex-wrap:nowrap}.resultLine h3{margin:0;white-space:nowrap}.searchPathInline{display:flex;align-items:center;gap:6px;min-width:0;flex:1}.searchPathInline>span,.searchPathPopup span{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#eef5ff;color:#0B69DF;border:1px solid #d5e6fb;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:550}.searchPathInline>span:first-child,.searchPathPopup span:first-child{background:#f4f7fb;color:#0B1730;border-color:#dde7f0}.searchPathMore{position:relative;flex:0 0 auto}.searchPathMore summary{list-style:none;border:1px solid #cbd8e6;background:#fff;color:#0B69DF;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:550;cursor:pointer;white-space:nowrap}.searchPathMore summary::-webkit-details-marker{display:none}.searchPathPopup{position:absolute;left:0;top:32px;z-index:40;width:min(420px,72vw);max-height:260px;overflow:auto;background:#fff;border:1px solid #d9e4ef;border-radius:8px;box-shadow:0 18px 40px rgba(16,42,67,.18);padding:10px;display:flex;flex-wrap:wrap;gap:7px}.searchPath{display:none}@media(max-width:900px){.resultLine{align-items:flex-start;flex-direction:column}.searchPathInline{width:100%;flex-wrap:wrap}.searchPathPopup{left:0;width:min(340px,86vw)}}

.resultActions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.resultActions .ghost,.resultActions .primary{height:38px;border-radius:7px;padding:0 12px}.customDisplayModal{width:min(560px,92vw)}.columnChooser{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.columnChooser label{border:1px solid #dce8f2;border-radius:8px;padding:10px 12px;display:flex;align-items:center;gap:9px;font-weight:550;color:#0B1730}.columnChooser input{accent-color:#0B69DF}.favouriteGroups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.favouriteGroup{border:1px solid #e1eaf4;border-radius:10px;padding:14px;background:#fbfdff}.favouriteGroup h4{margin:0 0 12px;color:#0B1730}.favouriteGroup p{color:#0B1730;margin:0}.favoriteList{display:grid;gap:8px}.favoriteList button{border:1px solid #dce8f2;background:#fff;border-radius:8px;padding:10px;text-align:left;display:grid;gap:5px;cursor:pointer}.favoriteList button:hover{border-color:#0B69DF;background:#eef5ff}.favoriteList b{color:#0B1730;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.favoriteList span{color:#0B1730;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank .linkBtn{justify-self:end}@media(max-width:980px){.favouriteGroups{grid-template-columns:1fr}.columnChooser{grid-template-columns:1fr}.resultActions{justify-content:flex-start}}

.columnChooser{grid-template-columns:1fr;max-height:420px;overflow:auto}.columnListTitle{font-size:12px;font-weight:550;text-transform:uppercase;color:#0B1730;letter-spacing:.04em;margin-top:4px}.columnListTitle.muted{margin-top:10px;color:#0B1730}.columnOption{border:1px solid #dce8f2;border-radius:8px;padding:9px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff}.columnOption.hidden{background:#f8fbfe}.columnOption label{border:0!important;padding:0!important;display:flex;align-items:center;gap:9px;font-weight:550;color:#0B1730;min-width:0}.columnOption span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.columnMove{display:flex;gap:6px;flex:0 0 auto}.columnMove button{border:1px solid #cbd8e6;background:#f8fbfe;color:#0B69DF;border-radius:6px;height:28px;padding:0 8px;font-size:12px;font-weight:550;cursor:pointer}.columnMove button:disabled{opacity:.4;cursor:not-allowed}.customDisplayModal .modalActions{justify-content:space-between}.customDisplayModal .modalActions .primary{margin-left:auto}@media(max-width:560px){.columnOption{align-items:flex-start;flex-direction:column}.columnMove{width:100%}.columnMove button{flex:1}.customDisplayModal .modalActions{justify-content:flex-start;flex-wrap:wrap}.customDisplayModal .modalActions .primary{margin-left:0}}

.favouriteTabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.favouriteTabs button{height:40px;border:1px solid #dce8f2;background:#f8fbfe;color:#0B1730;border-radius:7px;padding:0 14px;font:inherit;font-weight:550;cursor:pointer}.favouriteTabs button.active{background:#0B69DF;border-color:#0B69DF;color:#FFFFFF}.favouriteTable{border:1px solid #e1eaf4;border-radius:10px;overflow:hidden}.favouriteHeader,.favouriteRow{display:grid;grid-template-columns:64px 220px minmax(240px,1fr) 180px 90px 54px;gap:12px;align-items:center}.favouriteHeader{background:#f3f7fb;color:#0B1730;font-size:12px;font-weight:550;text-transform:uppercase;letter-spacing:.04em;padding:12px 14px}.favouriteRow{padding:12px 14px;border-top:1px solid #edf2f7;background:#fff}.favouriteRow b{color:#0B69DF}.favouriteRow .favouriteNo{color:#0B1730;font-weight:550;text-align:center}.favouriteRow strong,.favouriteRow span,.favouriteRow time{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.favouriteRow span{color:#0B1730}.favouriteRow time{color:#0B1730;font-size:13px}.favouriteEmpty{padding:28px;text-align:center;color:#0B1730;background:#fff}@media(max-width:980px){.favouriteHeader{display:none}.favouriteRow{grid-template-columns:1fr;gap:7px}.favouriteRow .linkBtn{justify-self:start}}

.favNameField{display:grid;gap:7px;color:#0B1730;font-size:13px;font-weight:550;margin-top:12px}.favNameField input{height:42px;border:1px solid #cbd8e6;border-radius:7px;padding:0 12px;font:inherit}.formError{color:#0B1730 !important;font-weight:550;margin:8px 0 0!important}.favouriteToolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.favouriteToolbar .favouriteTabs{margin-bottom:0}.favouriteSearch{height:40px;min-width:260px;border:1px solid #cbd8e6;border-radius:7px;background:#fff;display:flex;align-items:center;gap:8px;padding:0 11px;color:#0B69DF}.favouriteSearch input{border:0;outline:0;font:inherit;min-width:0;width:100%;color:#0B1730}@media(max-width:760px){.favouriteToolbar{align-items:stretch;flex-direction:column}.favouriteSearch{min-width:0;width:100%}}

.companyCell{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0}.companyCell span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.companyCell button{height:24px;border-radius:6px;padding:0 7px;font-size:11px;font-weight:550;cursor:pointer}

.companyCell{grid-template-columns:1fr;gap:3px;align-items:start}.companyCell button{justify-self:start;height:21px;padding:0 6px;font-size:10px}.companyCell span{width:100%}

.tableWrap tbody tr.hoverDetailRow{cursor:default;position:relative}.hoverDetailCell{position:relative!important;width:0!important;padding:0!important;border:0!important;overflow:visible!important}.hoverDetails{display:none;position:absolute;right:12px;top:34px;z-index:45;width:min(620px,78vw);max-height:320px;overflow:auto;background:#fff;border:1px solid #d9e4ef;border-radius:10px;box-shadow:0 22px 55px rgba(16,42,67,.22);padding:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hoverDetails div{display:grid;gap:3px;min-width:0}.hoverDetails span{font-size:10px;font-weight:550;text-transform:uppercase;color:#0B1730;letter-spacing:.04em}.hoverDetails b{font-size:12px;color:#0B1730;line-height:1.35;white-space:normal;overflow-wrap:anywhere}.hoverDetails div:nth-child(3),.hoverDetails div:nth-child(4),.hoverDetails div:nth-child(6){grid-column:span 2}.tableWrap tbody tr.expanded,.detailRow{display:none!important}@media(max-width:900px){.hoverDetails{left:12px;right:auto;width:min(520px,88vw);grid-template-columns:repeat(2,minmax(0,1fr))}.hoverDetails div:nth-child(3),.hoverDetails div:nth-child(4),.hoverDetails div:nth-child(6){grid-column:span 1}}@media(max-width:560px){.hoverDetails{grid-template-columns:1fr}}

.tableWrap td[data-tip]{position:relative}.hoverDetailCell,.hoverDetails{display:none!important}



.dateDropdownWrap{position:relative;align-self:auto;margin-top:0;display:grid;gap:6px}.dateToggle{width:100%;height:46px;border:1px solid #cbd8e6;background:#fff;color:#0B1730;border-radius:7px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;font:inherit;font-weight:550;cursor:pointer}.dateToggle svg{color:#0B69DF}.dateToggle.active{background:#eef5ff;border-color:#9fc4f7;color:#0B69DF}.dateToggle.active>svg:last-child{transform:rotate(90deg)}.dateRangeTitle{font-size:13px;font-weight:550;color:#0B1730;white-space:nowrap;padding-right:0;line-height:1.25}.dateToggle .dateText{font-size:clamp(11px,1.05vw,15px);font-weight:550;line-height:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dateToggle .dateText.selected{font-size:clamp(10px,0.95vw,13px);font-weight:550}.dateDropdown{position:absolute;left:0;top:calc(100% + 6px);z-index:70;width:min(560px,82vw);background:#fff;border:1px solid #d9e4ef;border-radius:10px;box-shadow:0 22px 55px rgba(16,42,67,.22);padding:14px;display:grid;grid-template-columns:180px 1fr;gap:16px}.quickDates,.customDates{display:grid;gap:8px}.quickDates b,.customDates b{font-size:12px;font-weight:550;text-transform:uppercase;color:#0B1730;letter-spacing:.04em}.quickDates button{height:34px;border:1px solid #cbd8e6;background:#f8fbfe;color:#0B69DF;border-radius:0;font:inherit;font-size:12px;font-weight:550;cursor:pointer;text-align:left;padding:0 10px}.quickDates button:hover{border-color:#0B69DF;background:#eef5ff;color:#0B69DF}.customDates label{display:grid;gap:6px;color:#0B1730;font-size:13px;font-weight:550}.customDates .dateField{height:38px;width:100%}.doneDate{height:38px;justify-content:center;border-radius:7px;margin-top:2px}.dateRangeStrip{display:none!important}@media(max-width:760px){.dateDropdown{width:min(360px,88vw);grid-template-columns:1fr}.dateDropdownWrap{margin-top:0}}
.advancedFilterSection{
  grid-column:1/-1;
  display:grid;
  grid-template-rows:0fr;
  opacity:0;
  overflow:hidden;
  margin-top:0;
  transition:grid-template-rows 260ms ease,opacity 220ms ease,margin-top 220ms ease;
}
.advancedFilterSection.open{
  grid-template-rows:1fr;
  opacity:1;
  margin-top:18px;
}
.advancedFilterSection.closed{
  pointer-events:none;
}
.advancedFilterSectionInner{
  min-height:0;
  overflow:hidden;
}
.dateAdvancedRow{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:start;
  align-content:start;
  gap:10px;
  grid-column:span 2;
}
.dateAdvancedRow .dateDropdownWrap,
.dateAdvancedRow .advancedToggleWrap{
  display:grid;
  grid-template-rows:auto auto;
  gap:6px;
  min-width:0;
  width:100%;
  align-content:start;
}
.dateRangeTitle,
.dateAdvancedRow .advancedToggleSpacer{
  font-size:13px;
  font-weight:550;
  line-height:1.25;
  margin:0;
  padding:0;
  min-height:19px;
}
.dateAdvancedRow .advancedToggleSpacer{
  display:block;
  visibility:hidden;
  color:transparent;
}
.dateAdvancedRow .advancedToggleSpacer::before{
  content:"";
}
.dateAdvancedRow .dateToggle,
.dateAdvancedRow .advancedToggle{
  width:100%;
  height:44px!important;
  margin-top:0!important;
  padding:0 14px!important;
}

.advancedGrid .advancedCheck{border:1px solid #dce8f2;border-radius:8px;background:#f8fbfe;padding:0 10px;margin:0;min-height:40px}.advancedGrid .advancedCheck input{accent-color:#0B69DF}.advancedGrid .advancedCheck span{font-size:13px;color:#0B1730;font-weight:550}

.advancedSearch .advancedGrid{grid-template-columns:repeat(6,minmax(140px,1fr));align-items:end}.advancedSearch .advancedCheck{height:40px;align-self:end}@media(max-width:1280px){.advancedSearch .advancedGrid{grid-template-columns:repeat(3,minmax(170px,1fr))}}@media(max-width:760px){.advancedSearch .advancedGrid{grid-template-columns:1fr}}

.advancedSearchAction{display:flex;justify-content:flex-end;margin-top:-10px}.advancedSearchAction .searchButton{min-width:180px;height:44px}@media(max-width:760px){.advancedSearchAction .searchButton{width:100%}}

.advancedSearchAction{justify-content:flex-start!important;margin-top:-8px;gap:10px}.advancedSearchAction .searchButton{width:180px;height:44px;justify-content:center;border-radius:7px}.advancedSearchAction .clearSearchButton{width:180px;height:44px;justify-content:center;border-radius:0}.clearSearchButton{background:#fff;border:1px solid #cbd8e6;color:#0B69DF;border-radius:0!important}@media(max-width:760px){.advancedSearchAction{display:grid;grid-template-columns:1fr 1fr}.advancedSearchAction .searchButton,.advancedSearchAction .clearSearchButton{width:100%}}

.mainSearchActions{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-self:end;margin-top:22px}.mainSearchActions .searchButton,.mainSearchActions .clearSearchButton{height:46px;width:100%;justify-content:center;border-radius:7px}@media(max-width:540px){.mainSearchActions{margin-top:0}}

.mainSearchActions,.advancedSearchAction{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;flex-wrap:nowrap!important}.mainSearchActions .searchButton,.mainSearchActions .clearSearchButton,.advancedSearchAction .searchButton,.advancedSearchAction .clearSearchButton{width:120px!important;min-width:120px!important;flex:0 0 120px!important}.advancedSearchAction{justify-content:flex-start!important}@media(max-width:540px){.mainSearchActions,.advancedSearchAction{flex-wrap:wrap!important}.mainSearchActions .searchButton,.mainSearchActions .clearSearchButton,.advancedSearchAction .searchButton,.advancedSearchAction .clearSearchButton{flex:1 1 130px!important;width:auto!important}}

.mainSearchGrid.multiSearchGrid{grid-template-columns:repeat(4,minmax(220px,1fr))!important;align-items:start!important}.mainSearchGrid.multiSearchGrid .mainSearchActions{margin-top:0!important;width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;align-self:start!important}.mainSearchGrid.multiSearchGrid .mainSearchActions .searchButton,.mainSearchGrid.multiSearchGrid .mainSearchActions .clearSearchButton{width:100%!important;min-width:0!important;flex:initial!important;height:46px!important}.mainSearchGrid.multiSearchGrid .criteriaInputRow{min-width:0}@media(max-width:1180px){.mainSearchGrid.multiSearchGrid{grid-template-columns:repeat(2,minmax(240px,1fr))!important}}@media(max-width:620px){.mainSearchGrid.multiSearchGrid{grid-template-columns:1fr!important}.mainSearchGrid.multiSearchGrid .mainSearchActions{grid-template-columns:1fr 1fr!important}}

.mainSearchGrid.multiSearchGrid:has(.mainSearchActions){grid-template-columns:repeat(5,minmax(180px,1fr))!important}.mainSearchGrid.multiSearchGrid:has(.mainSearchActions) .multiCriteriaField:nth-child(1){grid-column:1}.mainSearchGrid.multiSearchGrid:has(.mainSearchActions) .multiCriteriaField:nth-child(2){grid-column:2}.mainSearchGrid.multiSearchGrid:has(.mainSearchActions) .multiCriteriaField:nth-child(3){grid-column:3}.mainSearchGrid.multiSearchGrid:has(.mainSearchActions) .multiCriteriaField:nth-child(4){grid-column:4 / 6}.mainSearchGrid.multiSearchGrid:has(.mainSearchActions) .multiCriteriaField:nth-child(5){grid-column:1}.mainSearchGrid.multiSearchGrid:has(.mainSearchActions) .multiCriteriaField:nth-child(6){grid-column:2}.mainSearchGrid.multiSearchGrid:has(.mainSearchActions) .dateDropdownWrap{grid-column:3}.mainSearchGrid.multiSearchGrid:has(.mainSearchActions) .advancedToggle{grid-column:4}.mainSearchGrid.multiSearchGrid:has(.mainSearchActions) .mainSearchActions{grid-column:5;margin-top:0!important}.mainSearchGrid.multiSearchGrid:has(.mainSearchActions) .mainSearchActions .searchButton,.mainSearchGrid.multiSearchGrid:has(.mainSearchActions) .mainSearchActions .clearSearchButton{height:46px!important}@media(max-width:1300px){.mainSearchGrid.multiSearchGrid:has(.mainSearchActions){grid-template-columns:repeat(4,minmax(190px,1fr))!important}.mainSearchGrid.multiSearchGrid:has(.mainSearchActions) .multiCriteriaField:nth-child(4){grid-column:4}.mainSearchGrid.multiSearchGrid:has(.mainSearchActions) .mainSearchActions{grid-column:3 / 5}}@media(max-width:900px){.mainSearchGrid.multiSearchGrid:has(.mainSearchActions){grid-template-columns:repeat(2,minmax(220px,1fr))!important}.mainSearchGrid.multiSearchGrid:has(.mainSearchActions) .multiCriteriaField:nth-child(n),.mainSearchGrid.multiSearchGrid:has(.mainSearchActions) .dateDropdownWrap,.mainSearchGrid.multiSearchGrid:has(.mainSearchActions) .advancedToggle,.mainSearchGrid.multiSearchGrid:has(.mainSearchActions) .mainSearchActions{grid-column:auto!important}}

.mainSearchGrid.multiSearchGrid{grid-template-columns:repeat(4,minmax(220px,1fr))!important}.mainSearchGrid.multiSearchGrid:has(.mainSearchActions){grid-template-columns:repeat(4,minmax(220px,1fr))!important}.mainSearchGrid.multiSearchGrid:has(.mainSearchActions) .multiCriteriaField:nth-child(1),.mainSearchGrid.multiSearchGrid:has(.mainSearchActions) .multiCriteriaField:nth-child(2),.mainSearchGrid.multiSearchGrid:has(.mainSearchActions) .multiCriteriaField:nth-child(3),.mainSearchGrid.multiSearchGrid:has(.mainSearchActions) .multiCriteriaField:nth-child(4),.mainSearchGrid.multiSearchGrid:has(.mainSearchActions) .multiCriteriaField:nth-child(5),.mainSearchGrid.multiSearchGrid:has(.mainSearchActions) .multiCriteriaField:nth-child(6),.mainSearchGrid.multiSearchGrid:has(.mainSearchActions) .dateDropdownWrap,.mainSearchGrid.multiSearchGrid:has(.mainSearchActions) .advancedToggle{grid-column:auto!important}.mainSearchGrid.multiSearchGrid:has(.mainSearchActions) .mainSearchActions{grid-column:1 / span 2!important;margin-top:18px!important;display:flex!important;flex-direction:row!important;gap:10px!important}.mainSearchGrid.multiSearchGrid:has(.mainSearchActions) .mainSearchActions .searchButton,.mainSearchGrid.multiSearchGrid:has(.mainSearchActions) .mainSearchActions .clearSearchButton{width:150px!important;min-width:150px!important;flex:0 0 150px!important;height:46px!important}@media(max-width:900px){.mainSearchGrid.multiSearchGrid:has(.mainSearchActions){grid-template-columns:repeat(2,minmax(220px,1fr))!important}.mainSearchGrid.multiSearchGrid:has(.mainSearchActions) .mainSearchActions{grid-column:1 / -1!important}}@media(max-width:540px){.mainSearchGrid.multiSearchGrid:has(.mainSearchActions){grid-template-columns:1fr!important}.mainSearchGrid.multiSearchGrid:has(.mainSearchActions) .mainSearchActions .searchButton,.mainSearchGrid.multiSearchGrid:has(.mainSearchActions) .mainSearchActions .clearSearchButton{flex:1 1 0!important;min-width:0!important;width:auto!important}}

/* Align Date Range + Advanced Search with Importer/Exporter Country row (Global Search) */
.tradeSearch .mainSearchGrid.multiSearchGrid .dateAdvancedRow{
  grid-column: span 2;
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 6px;
  align-items: start;
  align-content: start;
  align-self: start;
  margin: 0;
  padding: 0;
}

.tradeSearch .mainSearchGrid.multiSearchGrid .dateAdvancedRow .dateDropdownWrap,
.tradeSearch .mainSearchGrid.multiSearchGrid .dateAdvancedRow .advancedToggleWrap{
  display: grid;
  grid-template-rows: auto auto;
  gap: 6px;
  min-width: 0;
  width: 100%;
  align-items: start;
  align-content: start;
  align-self: start;
  margin: 0;
  padding: 0;
}

.tradeSearch .mainSearchGrid.multiSearchGrid .dateAdvancedRow .dateRangeTitle{
  margin: 0;
  padding: 0;
  min-height: 19px;
  line-height: 1.25;
  height: auto;
  display: block;
}

.tradeSearch .mainSearchGrid.multiSearchGrid .dateAdvancedRow .advancedToggleSpacer{
  display: block;
  visibility: hidden;
  margin: 0;
  padding: 0;
  min-height: 19px;
  height: auto;
  line-height: 1.25;
  display: block;
}

.tradeSearch .mainSearchGrid.multiSearchGrid .dateAdvancedRow .dateToggle,
.tradeSearch .mainSearchGrid.multiSearchGrid .dateAdvancedRow .advancedToggle{
  width: 100%;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  align-self: start;
}

@media(max-width:1180px){
  .dateAdvancedRow,
  .tradeSearch .mainSearchGrid.multiSearchGrid .dateAdvancedRow{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:760px){
  .dateAdvancedRow,
  .tradeSearch .mainSearchGrid.multiSearchGrid .dateAdvancedRow{
    grid-template-columns:1fr;
  }
}

.partyPanel{display:grid;gap:12px}.partyToolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.partyTabs{display:flex;gap:8px;flex-wrap:wrap}.partyTabs button{height:30px;border:1px solid #d7dee8;background:#f2f4f7;color:#0B1730;border-radius:4px;padding:0 10px;font:inherit;font-size:13px;font-weight:550;cursor:pointer}.partyTabs button.active{background:#2694df;border-color:#2694df;color:#FFFFFF}.partyTableWrap{overflow:auto;border:1px solid #dfe6ee;border-radius:4px;background:#fff;max-height:580px}.partyTable{table-layout:fixed;min-width:1420px;width:100%;border-collapse:collapse}.partyTable th,.partyTable td{height:44px;padding:9px 8px;border-bottom:1px solid #e6eaf0;border-right:1px solid #e6eaf0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.partyTable th{background:linear-gradient(#fafafa,#e9e9e9);color:#0B1730;font-size:13px;text-transform:none;letter-spacing:0}.partyTable tbody tr:nth-child(even){background:#FFFFFF}.partyTable .partyTable th:nth-child(1),.partyTable td:nth-child(1){width:300px}.partyTable th:nth-child(2),.partyTable td:nth-child(2){width:320px}.partyTable th:nth-child(3),.partyTable td:nth-child(3){width:150px}.partyTable th:nth-child(4),.partyTable td:nth-child(4){width:150px}.partyTable th:nth-child(5),.partyTable td:nth-child(5){width:105px}.partyTable th:nth-child(10),.partyTable td:nth-child(10){width:95px;text-align:center}.miniStatsPanel{box-shadow:none;margin-bottom:0}@media(max-width:760px){.partyToolbar{align-items:flex-start;flex-direction:column}}

.partyTable th:nth-child(10),.partyTable td:nth-child(10){display:none}.partyTable th:nth-child(1),.partyTable td:nth-child(1){width:320px}.partyTable .companyCell{grid-template-columns:1fr;gap:3px}.partyTable .companyCell button{justify-self:start}

.companyNameLine{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:5px;min-width:0}.companyNameLine span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.favIconBtn{width:18px!important;height:18px!important;padding:0!important;display:grid!important;place-items:center!important;cursor:pointer}.companyCell>.companyNameLine+button{margin-left:25px}
.nameWithCopy{display:inline-flex!important;align-items:center;gap:6px;min-width:0;max-width:100%;vertical-align:middle;overflow:visible!important;white-space:nowrap!important}.nameWithCopy .copyTextName{display:inline-block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;min-width:0;max-width:100%;flex:1 1 auto}.copyNameWrap{display:inline-grid;place-items:center;flex:0 0 auto;overflow:visible!important}.copyNameBtn{width:22px!important;height:22px!important;min-width:22px!important;border:1px solid #B9E8FF!important;background:#EAF8FF!important;color:#0B69DF !important;border-radius:0!important;padding:0!important;display:inline-grid!important;place-items:center!important;cursor:pointer;box-shadow:none!important}
.companyNameLine .nameWithCopy{display:grid!important;grid-template-columns:minmax(0,1fr) 22px;align-items:center;gap:6px;width:100%;overflow:hidden!important}
.companyNameLine .copyTextName{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;min-width:0;max-width:none!important}
.companyMiniActions{display:flex;align-items:center;gap:6px;margin-left:25px;flex-wrap:wrap}
.companyMiniActions button{display:inline-flex!important;align-items:center!important;gap:4px!important;margin-left:0!important}
.companyMiniActions button[title="Track"]{cursor:pointer}



.dateToggle span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;flex:1}

.logoBrand{height:58px;margin-bottom:28px;overflow:hidden}.logoBrand img{width:218px;max-width:none;height:auto;display:block;filter:drop-shadow(0 10px 20px rgba(0,0,0,.16))}.sidebar:not(:hover) .logoBrand{justify-content:flex-start}.sidebar:not(:hover) .logoBrand img{width:185px;transform:translateX(-4px)}.sidebar:hover .logoBrand img{width:218px;transform:none}.sidebar:not(:hover) .brand.logoBrand{display:flex!important}.sidebar:hover .brand.logoBrand{display:flex!important}@media(max-width:1100px){.sidebar:hover .logoBrand img{width:218px}.sidebar:not(:hover) .logoBrand img{width:185px}}

.profilePageHero{display:flex;align-items:center;justify-content:space-between;gap:16px}.profilePageHero h2{margin:0 0 8px;color:#0B1730}.profilePageHero p:last-child{display:flex;align-items:center;gap:6px;margin:0;color:#0B1730}.profileDetailGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.profileDetailGrid div{background:#fff;border:1px solid #e1eaf4;border-radius:10px;padding:14px;display:grid;gap:6px}.profileDetailGrid span{font-size:11px;font-weight:550;text-transform:uppercase;color:#0B1730;letter-spacing:.04em}.profileDetailGrid b{color:#0B1730;line-height:1.35;overflow-wrap:anywhere}@media(max-width:900px){.profilePageHero{align-items:flex-start;flex-direction:column}.profileDetailGrid{grid-template-columns:1fr}}
.customDataModal{width:min(980px,94vw);max-height:86vh;overflow:auto}.customDataModal h3{margin-bottom:4px}.customDataGroups{display:grid;gap:18px;margin-top:16px}.customDataGroup{background:#f3f5f7;border:1px solid #e2e8ef;border-radius:0;padding:14px}.customDataGroup h4{margin:0 0 10px;color:#0B1730;font-size:18px}.customDataList{display:flex;gap:10px 18px;flex-wrap:wrap}.customDataList button{border:1px solid transparent;background:transparent;color:#0B69DF;display:inline-flex;align-items:center;gap:7px;padding:6px 8px;border-radius:999px;font:inherit;font-size:13px;cursor:pointer}.customDataList button svg{color:#0B69DF;flex:0 0 auto}.customDataList button.selected{background:#0B69DF;color:#FFFFFF;border-color:#0B69DF;font-weight:550}.customDataList button.selected svg{color:#FFFFFF}.dataTypeSwitch button{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:640px){.customDataGroup h4{font-size:16px}.customDataList{gap:8px}.customDataList button{width:100%;justify-content:flex-start}.customDataModal{width:94vw}}
.theme-dark *{scrollbar-color:#52627A transparent}
.optionFlag{font-size:18px;line-height:1;display:inline-grid;place-items:center;width:22px;flex:0 0 22px}.customDataList button.selected .optionFlag{filter:saturate(1.1)}

/* Sidebar logo and icon centering */
.sidebar{padding:18px 16px!important}
.sidebar:not(:hover){width:82px!important;padding-left:12px!important;padding-right:12px!important}
.sidebar:hover{width:280px!important;padding-left:20px!important;padding-right:20px!important}
.logoBrand{height:68px!important;margin:0 0 26px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important}
.brandFullLogo,.brandMiniLogo{display:block;object-fit:contain;transition:opacity .18s ease,transform .18s ease,width .18s ease}
.brandFullLogo{width:210px!important;max-height:58px!important}
.brandMiniLogo{width:46px!important;height:46px!important;position:absolute;opacity:0;transform:scale(.92)}
.sidebar:not(:hover) .brandFullLogo{opacity:0!important;width:0!important;transform:scale(.86)}
.sidebar:not(:hover) .brandMiniLogo{opacity:1!important;position:static;transform:scale(1)}
.sidebar:hover .brandMiniLogo{opacity:0!important;width:0!important;transform:scale(.86)}
.sidebar nav{gap:10px!important;justify-items:center!important}
.sidebar nav button{height:46px!important;min-height:46px!important;border-radius:0!important;align-items:center!important}
.sidebar:not(:hover) nav button{width:46px!important;padding:0!important;justify-content:center!important}
.sidebar:not(:hover) nav button{transform:translateX(4px)!important}
.sidebar:not(:hover) nav button.active{transform:translateX(0)!important}
.sidebar:hover nav button{width:100%!important;justify-content:flex-start!important;padding:0 14px!important}
.sidebar nav button svg{flex:0 0 auto;display:block;margin:0!important}
.sidebar:not(:hover) nav button svg{margin:0 auto!important}

/* Final sidebar centering pass */
.sidebar:not(:hover){display:flex!important;flex-direction:column!important;align-items:center!important}
.sidebar:not(:hover) .logoBrand{width:100%!important;justify-content:center!important}
.sidebar:not(:hover) nav{width:100%!important;display:grid!important;justify-items:center!important}
.sidebar:not(:hover) nav button{margin:0 auto!important;left:auto!important;right:auto!important}
.sidebar:not(:hover) .brandMiniLogo{width:50px!important;height:50px!important}
.sidebar:hover .brandFullLogo{width:230px!important;max-width:230px!important;max-height:62px!important}

/* SaasLauncher theme skin */
@font-face{font-family:"Source Han Sans SC";src:url('./assets/fonts/SourceHanSansSC-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:block}
@font-face{font-family:Geist;src:url('./assets/fonts/Geist-VariableFont.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap}
:root{font-family:"Source Han Sans SC",sans-serif;color:#FFFFFF;background:#090A0F;--sl-primary:#0B69DF;--sl-secondary:#0B69DF;--sl-primary-soft:#48C7F7;--sl-bg:#090A0F;--sl-bg-alt:#0F1325;--sl-surface:#11172A;--sl-surface-2:#151B31;--sl-border:#242C49;--sl-text:#FFFFFF;--sl-muted:#FFFFFF;--sl-meta:#FFFFFF;--sl-white:#FFFFFF}body{background:radial-gradient(34% 28% at 50% -8%,rgba(111,121,255,.26),rgba(15,19,37,0) 64%),linear-gradient(180deg,#090A0F 0%,#0F1325 100%);color:var(--sl-text,#0B1730)}.app{background:transparent}.sidebar{background:linear-gradient(180deg,#02010C,#0F1325 58%,#090A0F)!important;border-right:1px solid var(--sl-border);box-shadow:12px 0 35px rgba(0,0,0,.24)}.sidebar button{color:#FFFFFF;border-radius:8px}.sidebar button.active,.sidebar button:hover{background:linear-gradient(90deg,var(--sl-primary),var(--sl-secondary));color:#FFFFFF;box-shadow:0 10px 24px rgba(11,105,223,.25)}.sideCard{background:rgba(15,19,37,.78);border-color:var(--sl-border);border-radius:12px}.page{background:transparent}.searchTitle h2,.topbar h2,.panelHead h3,.profilePageHero h2,.profileHero h2{color:#FFFFFF}.eyebrow{color:var(--sl-meta,#0B1730)}.topbar{background:rgba(9,10,15,.86);border-bottom:1px solid var(--sl-border);backdrop-filter:blur(18px)}.panel,.advancedSearch,.results,.modal,.stat,.favouriteGroup,.profileDetailGrid div,.country,.region,.companySearch,.profileHero{background:linear-gradient(180deg,rgba(17,23,42,.98),rgba(15,19,37,.98))!important;border:1px solid var(--sl-border)!important;border-radius:0!important;box-shadow:0 18px 45px rgba(0,0,0,.28)!important;color:var(--sl-text,#0B1730)}.panel p,.companySearch p,.region p,.modal p{color:var(--sl-muted,#0B1730)}.primary{background:linear-gradient(90deg,var(--sl-primary),var(--sl-secondary))!important;color:#FFFFFF !important;border:1px solid rgba(255,255,255,.08)!important;border-radius:0!important;box-shadow:0 14px 32px rgba(11,105,223,.28)!important}.primary:hover{filter:brightness(1.06)}.ghost,.modeButton,.iconButton,.advancedToggle,.dateToggle,.resultActions .ghost,.favouriteTabs button,.partyTabs button{background:#11172A!important;color:#FFFFFF !important;border:1px solid var(--sl-border)!important;border-radius:0!important}.clearSearchButton{background:#11172A!important;color:#FFFFFF !important;border:1px solid var(--sl-border)!important;border-radius:0!important}.ghost:hover,.advancedToggle:hover,.dateToggle:hover,.clearSearchButton:hover,.resultActions .ghost:hover{border-color:var(--sl-primary)!important;color:#FFFFFF !important;background:#151B31!important}.dataTypeSwitch{background:#0F1325!important;border-color:var(--sl-border)!important;border-radius:0!important}.dataTypeSwitch button{color:#FFFFFF !important;border-radius:0!important}.dataTypeSwitch button.active{background:linear-gradient(90deg,var(--sl-primary),var(--sl-secondary))!important;color:#FFFFFF !important}.mainSearchGrid input,.mainSearchGrid select,.advancedGrid input,.advancedGrid select,.criteriaInputRow input,.filters input,.filters select,.companySearch select,.dateField,.favNameField input,.favouriteSearch,.searchInput,.dateInput{background:#0F1325!important;border:1px solid var(--sl-border)!important;color:#FFFFFF !important;border-radius:0!important}.mainSearchGrid input::placeholder,.advancedGrid input::placeholder,.criteriaInputRow input::placeholder{color:var(--eximbot-note) !important}.criteriaBtn.include{background:rgba(11,105,223,.12)!important;border-color:rgba(11,105,223,.45)!important;color:#0B69DF !important}.criteriaBtn.exclude{background:rgba(255,82,82,.08)!important;border-color:rgba(255,82,82,.35)!important;color:#FFFFFF !important}.criteriaDropdown summary,.searchPathInline>span,.searchPathPopup span,.pill{background:#151B31!important;border-color:var(--sl-border)!important;color:#FFFFFF !important}.criteriaMenu,.searchPathPopup,.dateDropdown,.customDataModal,.customDataGroup{background:#0F1325!important;border-color:var(--sl-border)!important;color:var(--sl-text,#0B1730) !important}.customDataList button{color:#0B69DF !important}.customDataList button.selected{background:linear-gradient(90deg,var(--sl-primary),var(--sl-secondary))!important;color:#FFFFFF !important}.resultTabs button{color:#FFFFFF !important;border-radius:0!important}.resultTabs button.active{background:#0F1325!important;border-color:var(--sl-primary)!important;color:#FFFFFF !important;box-shadow:0 10px 24px rgba(11,105,223,.18)!important}.tableWrap,.partyTableWrap,.favouriteTable{border-color:var(--sl-border)!important;background:#0F1325!important;border-radius:0!important}table,.partyTable{background:#0F1325!important}th,.partyTable th,.favouriteHeader{background:linear-gradient(180deg,#151B31,#10162A)!important;color:#FFFFFF !important;border-color:var(--sl-border)!important}td,.partyTable td,.favouriteRow{background:#0F1325;color:#FFFFFF;border-color:#1B2440!important}.partyTable tbody tr:nth-child(even){background:#151B31!important}.linkBtn{background:rgba(11,105,223,.14)!important;color:#0B69DF !important;border:1px solid rgba(11,105,223,.42)!important;border-radius:0!important}
.companyCell button{border-radius:0!important}.modalBackdrop{background:rgba(2,1,12,.72)!important}.close{background:#151B31!important;color:#FFFFFF !important;border:1px solid var(--sl-border)!important}.columnOption,.favoriteList button{background:#0F1325!important;border-color:var(--sl-border)!important;color:#FFFFFF !important}.columnMove button,.datePresetGroup button,.quickDates button{background:#11172A!important;border-color:var(--sl-border)!important;color:#FFFFFF !important;border-radius:0!important}.stat strong,.region h4,.country b,.rank span,.profileDetailGrid b,.rowDetails b,.favoriteList b,.favouriteRow strong{color:#FFFFFF !important}.stat p,.rank em,.profileDetailGrid span,.rowDetails span,.favoriteList span,.favouriteRow span,.favouriteRow time{color:var(--sl-muted,#0B1730) !important}.logoBrand img{filter:drop-shadow(0 12px 24px rgba(11,105,223,.22))}

/* Light / Dark mode toggle */
.themeToggle{position:fixed;right:18px;top:16px;z-index:120;height:40px;border:1px solid var(--sl-border);background:#11172A;color:#FFFFFF;border-radius:999px;padding:0 14px;display:inline-flex;align-items:center;gap:8px;font-family:"Source Han Sans SC",sans-serif;font-weight:550;cursor:pointer;box-shadow:0 16px 36px rgba(0,0,0,.25)}.themeToggle:hover{border-color:#0B69DF;color:#FFFFFF}.themeToggle svg{color:#0B69DF}.theme-light{--sl-primary:#0B69DF;--sl-secondary:#0B69DF;--sl-bg:#F6F8FC;--sl-bg-alt:#FFFFFF;--sl-surface:#FFFFFF;--sl-surface-2:#F2F5FB;--sl-border:#DDE5F2;--sl-text:#0B1730;--sl-muted:#0B1730;--sl-meta:#0B1730;--sl-white:#FFFFFF;color:#0B1730;background:linear-gradient(180deg,#F6F8FC,#EEF3FB)}body:has(.theme-light){background:linear-gradient(180deg,#F6F8FC,#EEF3FB);color:#0B1730}.theme-light .themeToggle{background:#FFFFFF;color:#0B1730;border-color:#DDE5F2;box-shadow:0 14px 30px rgba(31,55,90,.12)}.theme-light .sidebar{background:linear-gradient(180deg,#FFFFFF,#F3F6FB)!important;border-right:1px solid #DDE5F2!important;box-shadow:12px 0 34px rgba(31,55,90,.08)!important}.theme-light .sidebar button{color:#0B1730}.theme-light .sidebar button.active,.theme-light .sidebar button:hover{background:linear-gradient(90deg,#0B69DF,#0B69DF)!important;color:#FFFFFF !important}.theme-light .sideCard{background:#F6F8FC!important;border-color:#DDE5F2!important;color:#0B1730 !important}.theme-light .sideCard p{color:#0B1730 !important}.theme-light .searchTitle h2,.theme-light .topbar h2,.theme-light .panelHead h3,.theme-light .profilePageHero h2,.theme-light .profileHero h2{color:#0B1730 !important}.theme-light .topbar{background:rgba(255,255,255,.88)!important;border-bottom:1px solid #DDE5F2!important}.theme-light .panel,.theme-light .advancedSearch,.theme-light .results,.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{background:#FFFFFF!important;border-color:#DDE5F2!important;box-shadow:0 18px 42px rgba(31,55,90,.10)!important;color:#0B1730 !important}.theme-light .panel p,.theme-light .companySearch p,.theme-light .region p,.theme-light .modal p{color:#0B1730 !important}.theme-light .ghost,.theme-light .modeButton,.theme-light .iconButton,.theme-light .advancedToggle,.theme-light .dateToggle,.theme-light .resultActions .ghost,.theme-light .favouriteTabs button,.theme-light .partyTabs button{background:#FFFFFF!important;color:#0B1730 !important;border-color:#DDE5F2!important}.theme-light .clearSearchButton{background:#FFFFFF!important;color:#0B1730 !important;border:1px solid #DDE5F2!important;border-radius:0!important}.theme-light .ghost:hover,.theme-light .advancedToggle:hover,.theme-light .dateToggle:hover,.theme-light .clearSearchButton:hover,.theme-light .resultActions .ghost:hover{background:#F2F5FB!important;border-color:#0B69DF!important;color:#0B1730 !important}.theme-light .dataTypeSwitch{background:#FFFFFF!important;border-color:#DDE5F2!important}.theme-light .dataTypeSwitch button{color:#0B1730 !important}.theme-light .dataTypeSwitch button.active{color:#FFFFFF !important}.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:#DDE5F2!important;color:#0B1730 !important}.theme-light .mainSearchGrid input::placeholder,.theme-light .advancedGrid input::placeholder,.theme-light .criteriaInputRow input::placeholder{color:var(--eximbot-note) !important}.theme-light .criteriaDropdown summary,.theme-light .searchPathInline>span,.theme-light .searchPathPopup span,.theme-light .pill{background:#F0FAFF!important;border-color:#CFEFFF!important;color:#0B69DF !important}.theme-light .criteriaMenu,.theme-light .searchPathPopup,.theme-light .dateDropdown,.theme-light .customDataModal,.theme-light .customDataGroup{background:#FFFFFF!important;border-color:#DDE5F2!important;color:#0B1730 !important}.theme-light .tableWrap,.theme-light .partyTableWrap,.theme-light .favouriteTable{border-color:#DDE5F2!important;background:#FFFFFF!important}.theme-light table,.theme-light .partyTable{background:#FFFFFF!important}.theme-light th,.theme-light .partyTable th,.theme-light .favouriteHeader{background:linear-gradient(180deg,#F8FAFD,#EEF3FA)!important;color:#0B1730 !important;border-color:#DDE5F2!important}.theme-light td,.theme-light .partyTable td,.theme-light .favouriteRow{background:#FFFFFF!important;color:#0B1730 !important;border-color:#E6ECF5!important}.theme-light .partyTable tbody tr:nth-child(even){background:#FFFFFF!important}.theme-light .stat strong,.theme-light .region h4,.theme-light .country b,.theme-light .rank span,.theme-light .profileDetailGrid b,.theme-light .favoriteList b,.theme-light .favouriteRow strong{color:#0B1730 !important}.theme-light .stat p,.theme-light .rank em,.theme-light .profileDetailGrid span,.theme-light .favoriteList span,.theme-light .favouriteRow span,.theme-light .favouriteRow time{color:#0B1730 !important}.theme-light .columnOption,.theme-light .favoriteList button{background:#FFFFFF!important;border-color:#DDE5F2!important;color:#0B1730 !important}.theme-light .columnMove button,.theme-light .datePresetGroup button,.theme-light .quickDates button{background:#F8FAFD!important;border-color:#DDE5F2!important;color:#0B1730 !important;border-radius:0!important}.theme-light .close{background:#F2F5FB!important;color:#0B1730 !important;border-color:#DDE5F2!important}@media(max-width:760px){.themeToggle{right:12px;top:10px;height:36px;padding:0 11px}.themeToggle span{display:none}}

/* Search spacing adjustment */
.mainSearchGrid.multiSearchGrid{gap:14px 14px!important}.multiSearchGrid .multiCriteriaField{gap:5px}.criteriaInputRow{gap:5px!important}.mainSearchGrid.multiSearchGrid>.searchButton{margin-top:20px!important}.criteriaInputRow input,.dateToggle,.advancedToggle,.mainSearchGrid>.searchButton{height:44px!important}.criteriaBtn{width:36px!important;height:36px!important}.criteriaInputRow input{padding-right:11px!important}.criteriaInputRow:not(:has(.criteriaBtn.exclude)) input{padding-right:11px!important}.mainSearchGrid.multiSearchGrid{grid-template-columns:repeat(4,minmax(210px,1fr))!important}@media(max-width:1180px){.mainSearchGrid.multiSearchGrid{grid-template-columns:repeat(2,minmax(220px,1fr))!important}}@media(max-width:620px){.mainSearchGrid.multiSearchGrid{grid-template-columns:1fr!important;gap:12px!important}.mainSearchGrid.multiSearchGrid>.searchButton{margin-top:0!important}}

/* Keep single-action fields tight when excluding is disabled */
.criteriaInputRow:not(:has(.criteriaBtn.exclude)){grid-template-columns:minmax(0,1fr) 36px!important}

/* Clear input hint text */
.criteriaInputRow input::placeholder{font-weight:550!important;color:var(--eximbot-note) !important}
.theme-light .criteriaInputRow input::placeholder{color:var(--eximbot-note) !important}

/* Date button text */
.dateToggle .dateText{font-size:15px;font-weight:550;line-height:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dateToggle .dateText.selected{font-size:13px;font-weight:550}

.searchActionWithChips{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:2px}
.searchActionWithChips .searchButton{width:420px;max-width:100%;height:46px;justify-content:center}.searchActionWithChips .clearSearchButton{width:120px;min-width:120px;height:46px;justify-content:center;border-radius:0!important}
@media(max-width:760px){.searchActionWithChips{display:grid;grid-template-columns:1fr 1fr}.searchActionWithChips .searchButton,.searchActionWithChips .clearSearchButton{width:100%;min-width:0}}

.criteriaSummaryRow{position:relative;min-height:26px;display:flex;align-items:flex-start;overflow:visible;width:100%;min-width:0}
.criteriaSummaryChips{display:flex;align-items:center;gap:6px;min-height:22px;width:100%;min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;font-size:12px;flex:1}
.criteriaSummaryChips .searchSummaryChip{height:22px;border:1px solid #CFEFFF;border-radius:0;padding:0 8px;display:inline-flex;align-items:center;gap:4px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#F0FAFF;color:#0B69DF;max-width:100%;flex:0 0 auto}
.criteriaSummaryChips .searchSummaryChip.summaryModeChip{font-weight:550;padding-left:0;border:0;background:transparent;color:#0B1730}
.criteriaSummaryChips .searchSummaryChip.include{background:#EAF8FF;border-color:#B9E8FF;color:#0B69DF}
.criteriaSummaryChips .searchSummaryChip.exclude{background:#FFF2F0;border-color:#FFC9C9;color:#D63C3C}
.criteriaSummaryChips .searchSummaryChip.searchSummaryValue{flex:1 1 0;min-width:0;max-width:none;padding-right:6px}
.searchSummaryValueText{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;flex:1 1 auto}
.searchSummaryRemove{border:0;background:transparent;color:inherit;display:inline-grid;place-items:center;cursor:pointer;flex:0 0 auto;padding:0;width:14px;height:14px}
.searchSummaryRemove:hover{filter:brightness(.8)}
.criteriaSummaryChips .searchSummaryChip.summaryCountChip{flex:0 0 auto;border:1px solid #CFEFFF;border-radius:0;background:#F0FAFF;color:#0B69DF;cursor:pointer}
.criteriaSummaryChips .searchSummaryChip.summaryCountChip.open{background:#EAF8FF;border-color:#B9E8FF}

/* Canonical Trade Search include/exclude summary geometry.
   The chip row uses only the same first-column width as the field above it,
   so it never extends underneath the + / - controls. */
.multiCriteriaField > .criteriaSummaryRow{
  width:calc(100% - 82px);
  max-width:calc(100% - 82px);
  min-width:0;
  align-self:start;
}
.multiCriteriaField > .criteriaSummaryRow .criteriaSummaryChips{
  width:100%;
  max-width:100%;
  overflow:hidden;
}
.multiCriteriaField > .criteriaSummaryRow .summaryOverflowPopup{
  position:absolute;
  top:calc(100% + 6px);
  left:0;
  right:auto;
  bottom:auto;
  width:100%;
  min-width:100%;
  max-width:100%;
}
.multiCriteriaField > .criteriaSummaryRow .summaryOverflowText{
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  overflow-wrap:anywhere;
  word-break:break-word;
}
@media(max-width:760px){
  .multiCriteriaField > .criteriaSummaryRow{
    width:calc(100% - 78px);
    max-width:calc(100% - 78px);
  }
}
.tagMoreButton{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:28px;
  padding:0 11px;
  border:1px solid #B9E8FF;
  border-radius:0;
  background:#EEF8FF;
  color:#0B69DF;
  font:inherit;
  font-weight:550;
  line-height:1;
  cursor:pointer;
  white-space:nowrap;
  box-shadow:0 6px 14px rgba(11,107,220,.08);
  transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease;
}
.tagMoreButton:hover,.tagMoreButton.open{
  background:#E4F4FF;
  border-color:#8ED2FF;
  box-shadow:0 10px 20px rgba(11,107,220,.12);
  transform:translateY(-1px);
}
.summaryOverflowPopup{
  position:fixed;
  z-index:9999;
  width:max-content;
  min-width:240px;
  max-width:min(520px, calc(100vw - 24px));
  max-height:min(360px, calc(100vh - 24px));
  overflow:auto;
  background:#fff;
  border:1px solid #DDE5F2;
  border-radius:0;
  box-shadow:0 18px 44px rgba(31,55,90,.18);
  padding:8px;
  display:grid;
  gap:6px;
}
.summaryOverflowItem{
  border:1px solid #DDE5F2;
  border-radius:0;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:0 8px;
  min-height:22px;
  height:22px;
  font:inherit;
  color:#0B1730;
  cursor:default;
  min-width:0;
  width:100%;
}
.summaryOverflowItem.include{background:#EAF8FF;border-color:#B9E8FF;color:#0B69DF}
.summaryOverflowItem.exclude{background:#FFF2F0;border-color:#FFC9C9;color:#D63C3C}
.summaryOverflowText{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.summaryOverflowItem:hover{filter:brightness(.98)}
.criteriaSummaryChips.emptySummary{min-height:22px;opacity:0}
.criteriaSummaryChips.emptySummary::before{content:"\200B"}

/* Include / exclude selected-value card: keep the white summary card square. */
.multiCriteriaField > .criteriaSummaryRow .criteriaSummaryChips,
.tradeSearch .dateAdvancedRow .apiCountrySelectionSummary .criteriaSummaryChips,
.tradeSearch .advancedPortFilterItem > .apiCountrySelectionSummary .criteriaSummaryChips{
  min-height:34px;
  padding:5px 8px;
  border:1px solid #DDE5F2;
  border-radius:0;
  background:#FFFFFF;
  box-sizing:border-box;
}
.theme-dark .multiCriteriaField > .criteriaSummaryRow .criteriaSummaryChips,
.theme-dark .tradeSearch .dateAdvancedRow .apiCountrySelectionSummary .criteriaSummaryChips,
.theme-dark .tradeSearch .advancedPortFilterItem > .apiCountrySelectionSummary .criteriaSummaryChips{
  border-color:#242C49;
  background:#11172A;
}
.multiCriteriaField > .criteriaSummaryRow .criteriaSummaryChips.emptySummary,
.tradeSearch .dateAdvancedRow .apiCountrySelectionSummary .criteriaSummaryChips.emptySummary,
.tradeSearch .advancedPortFilterItem > .apiCountrySelectionSummary .criteriaSummaryChips.emptySummary{
  min-height:22px;
  padding:0;
  border:0;
  background:transparent;
}


.searchActionWithChips .searchButton,.advancedSearchAction .searchButton{width:180px!important;min-width:180px!important;flex:0 0 180px!important}
.searchActionWithChips .searchButton:disabled,.advancedSearchAction .searchButton:disabled,.dateToggle:disabled,.advancedToggle:disabled,.clearSearchButton:disabled{opacity:.45;cursor:not-allowed;filter:none}
.dateToggle:disabled,.advancedToggle:disabled{pointer-events:none}
.resultTabs button:disabled,.resultTabs button.disabled{opacity:.45!important;cursor:not-allowed!important;pointer-events:none!important;background:#F4F7FB!important;color:#0B1730 !important;border-color:#DDE5F2!important;box-shadow:none!important}
.emptySearchState{width:100%;padding:32px;text-align:center;color:#0B1730;background:#fff;border:1px solid #dbe7f5;border-radius:14px;box-sizing:border-box}
.emptySearchState.worldMapTheme{position:relative;min-height:192px;overflow:hidden;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);box-shadow:0 12px 28px rgba(31,55,90,.06)}
.emptySearchState.worldMapTheme::before{content:"";position:absolute;inset:0;background:
radial-gradient(circle at 18% 28%,rgba(0,119,200,.07),transparent 18%),
radial-gradient(circle at 78% 26%,rgba(0,119,200,.05),transparent 16%),
radial-gradient(circle at 72% 78%,rgba(0,119,200,.05),transparent 16%),
radial-gradient(circle at 28% 74%,rgba(0,119,200,.05),transparent 16%);
pointer-events:none}
.emptySearchMap{position:absolute;inset:0;opacity:.72;pointer-events:none;mix-blend-mode:multiply}
.emptySearchMap svg{width:100%;height:100%;display:block}
.emptySearchOverlay{position:relative;z-index:1;min-height:192px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:26px 28px;text-align:center}
.emptySearchIcon{width:56px;height:56px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(180deg,rgba(0,119,200,.12),rgba(0,119,200,.05));color:#0B69DF;box-shadow:0 10px 20px rgba(0,119,200,.10);margin-bottom:2px}
.emptySearchOverlay h3{margin:0;font-size:18px;line-height:1.35;font-weight:400;color:#0B69DF;max-width:760px}
.emptySearchOverlay p{margin:0;font-size:14px;line-height:1.55;color:#0B1730;max-width:760px}
@media(max-width:760px){.emptySearchState.worldMapTheme{min-height:210px}.emptySearchOverlay{padding:22px 18px}.emptySearchOverlay h3{font-size:16px}.emptySearchOverlay p{font-size:13px}}
.globalSearchMapEmptyState{
  width:100%;
  min-height:420px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  border:1px solid #dbe7f5;
  border-radius:18px;
  overflow:hidden;
  padding:24px;
  box-shadow:0 12px 30px rgba(15,23,42,.04);
  box-sizing:border-box;
}
.globalSearchMapImage{
  width:100%;
  max-width:1100px;
  height:auto;
  object-fit:contain;
  display:block;
}
@media(max-width:768px){
  .globalSearchMapEmptyState{
    min-height:280px;
    padding:16px;
  }
  .globalSearchMapImage{
    max-width:100%;
  }
}
@media(max-width:760px){.searchActionWithChips .searchButton,.advancedSearchAction .searchButton{width:100%!important;min-width:0!important;flex:1 1 auto!important}}
.currentSearchStrip{min-height:42px;border:1px solid #DDE5F2;background:#fff;border-radius:10px;padding:9px 14px;display:flex;align-items:center;gap:12px;flex-wrap:nowrap;overflow:hidden;color:#0B1730;box-shadow:0 12px 28px rgba(31,55,90,.08);margin-top:2px}
.currentSearchStrip>b{color:#0B1730;font-weight:550;flex:0 0 auto;white-space:nowrap}
.currentSearchItems{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;min-width:0;flex:1 1 auto;overflow:hidden}
.currentSearchChip{display:inline-flex;align-items:center;gap:5px;min-height:28px;border:1px solid #CFEFFF;background:#F0FAFF;color:#0B69DF;border-radius:0;padding:3px 9px;font-size:13px;font-weight:400;width:max-content;max-width:none;white-space:nowrap;overflow:visible;text-overflow:clip;min-width:0;flex:0 0 auto}
.currentSearchChip strong{font-weight:550;color:inherit}
.currentSearchChip em{font-style:normal;display:inline;min-width:0;overflow:visible;text-overflow:clip;white-space:nowrap}
.currentSearchChip.include{background:#EAF8FF;border-color:#B9E8FF;color:#0B69DF}
.currentSearchChip.exclude{background:#FFF2F0;border-color:#FFC9C9;color:#D63C3C}
.currentSearchChip.locked{background:#F0FAFF;border-color:#CFEFFF;color:#0B69DF}
.currentSearchChip button{border:0;background:transparent;color:inherit;padding:0;margin:0;display:inline-grid;place-items:center;cursor:pointer;flex:0 0 auto}
.currentSearchChip button:hover{font-weight:550;filter:brightness(.75)}
.currentSearchStrip label{margin-left:auto;display:inline-flex;align-items:center;gap:8px;color:#0B1730;font-weight:550;white-space:nowrap}
.currentSearchPopup{display:grid!important;grid-template-columns:minmax(0,1fr);align-items:start;gap:8px}
.currentSearchPopup .currentSearchChip{width:100%;max-width:min(100%, 100%);justify-content:flex-start;white-space:normal;overflow:visible;text-overflow:clip;flex:0 0 auto}
.currentSearchPopup .currentSearchChip em{white-space:normal;overflow:visible;text-overflow:clip}
.currentSearchMeasureLayer{position:fixed;left:0;top:0;visibility:hidden;pointer-events:none;display:flex;align-items:center;gap:8px;flex-wrap:nowrap;max-width:none;white-space:nowrap}
.currentSearchMeasureLayer .currentSearchChip{display:inline-flex;width:max-content;max-width:none;white-space:nowrap;overflow:visible;text-overflow:clip;flex:0 0 auto}
.theme-dark .currentSearchStrip{background:#0F1325;border-color:#242C49;color:#FFFFFF}
.theme-dark .currentSearchStrip>b{color:#FFFFFF}
.theme-dark .currentSearchChip{background:#151B31;border-color:#242C49;color:#FFFFFF}
.theme-dark .currentSearchChip strong{color:inherit}
.theme-dark .currentSearchChip.include{background:rgba(11,105,223,.18);border-color:rgba(11,105,223,.45);color:#8ED2FF}
.theme-dark .currentSearchChip.exclude{background:rgba(255,82,82,.14);border-color:rgba(255,82,82,.38);color:#FF9A9A}

/* Consistent app typography */
.app,.app *{font-family:"Source Han Sans SC",sans-serif}
.searchTitle h2,.topbar h2,.profileHero h2,.profilePageHero h2{font-weight:400;letter-spacing:0}
.multiCriteriaField>span,.advancedGrid label,.searchTagsRow>b,.eyebrow,th,.partyTable th{font-weight:550;letter-spacing:0}
.criteriaInputRow input,.advancedGrid input,.dateToggle,.advancedToggle,.dataTypeSwitch button,.resultTabs button,.ghost,.primary,.chip,.tagMoreButton{font-weight:400;letter-spacing:0}
.criteriaInputRow input::placeholder,.advancedGrid input::placeholder{font-weight:400}
td,.partyTable td,.favouriteRow,.searchPathInline span{font-weight:400;letter-spacing:0}

.searchButton,.clearSearchButton{font-size:16px!important;font-weight:550!important}
.searchError{color:#0B1730;background:#FFF2F0;border:1px solid #FFD1CB;border-radius:8px;padding:9px 12px;font-size:13px;font-weight:550;line-height:1.25}
.theme-dark .searchError{background:rgba(180,35,24,.16);border-color:rgba(255,119,102,.36);color:#FFFFFF}

.partyTabs button.active{background:linear-gradient(90deg,#0B69DF,#0B69DF)!important;color:#FFFFFF !important;border-color:#0B69DF!important;box-shadow:0 10px 24px rgba(11,105,223,.24)!important}
.partyTable tbody tr.selectedPartyRow td{color:inherit !important}
.partyTable tbody tr.selectedPartyRow td:first-child{box-shadow:none}
.theme-dark .partyTable tbody tr.selectedPartyRow td{color:inherit !important}

.tradeSearch .tableWrap{max-height:none!important;overflow-x:auto!important;overflow-y:visible!important}
.partyTableWrap,.associatedTableWrap{max-height:none!important;overflow-x:auto!important;overflow-y:visible!important}
.searchPagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 4px 0;color:#0B1730;font-size:13px;font-weight:550}
.shipmentRecordsTableWrap + .searchPagination{margin-top:12px}
.searchPagination>div{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.searchPagination button{height:32px;min-width:34px;border:1px solid #DDE5F2;background:#fff;color:#0B1730;border-radius:0;padding:0 10px;font-weight:550;cursor:pointer}
.searchPagination button.active{background:#0B69DF;border-color:#0B69DF;color:#FFFFFF}
.searchPagination button:disabled{opacity:.45;cursor:not-allowed}
.goToPage{display:inline-flex;align-items:center;gap:6px;margin-left:6px;color:#0B1730;font-size:12px;font-weight:550}
.goToPage input{width:58px;height:32px;border:1px solid #DDE5F2;border-radius:0;background:#fff;color:#0B1730;text-align:center;font:inherit;font-weight:550}
.goToPage button{min-width:42px}
.theme-dark .searchPagination{color:#FFFFFF}
.theme-dark .searchPagination button{background:#11172A;border-color:#242C49;color:#FFFFFF}
.theme-dark .searchPagination button.active{background:#0B69DF;color:#FFFFFF}
.theme-dark .goToPage{color:#FFFFFF}
.theme-dark .goToPage input{background:#11172A;border-color:#242C49;color:#FFFFFF}
@media(max-width:760px){.searchPagination{align-items:flex-start;flex-direction:column}}

/* Company overview reference layout */
.companyOverviewPage{display:grid;gap:14px;background:#fff!important;color:#0B1730}
.companyOverviewHeader{display:grid;grid-template-columns:170px minmax(0,1fr) auto;gap:18px;align-items:start;padding:14px 0 6px}
.companyIllustration{width:150px;height:120px;color:#0B1730;display:grid;place-items:center;position:relative}
.companyIllustration svg:first-child{width:118px;height:96px;stroke-width:1.7}
.companyIllustration svg:last-child{position:absolute;left:8px;bottom:8px;background:#fff;border-radius:999px}
.companyOverviewInfo{display:grid;gap:5px;align-content:start;font-size:14px}
.companyOverviewInfo p{margin:0;color:#0B1730;font-weight:400}
.companyOverviewInfo b{display:inline-block;min-width:108px;color:#0B1730}
.companyOverviewInfo span{color:#0B1730;font-weight:550}
.companyOverviewInfo em{font-style:normal;color:#0B1730;margin-top:4px}
.companyNameSearch{display:flex;align-items:center;gap:12px;margin-bottom:4px}
.companyNameSearch select{border:0;background:transparent;color:#0B69DF;font-size:16px;font-weight:550;outline:0;appearance:none;max-width:420px}
.companyNameSearch svg{color:#0B1730}
.companyOverviewActions{display:flex;gap:6px;justify-content:flex-end;padding-top:10px}
.companyOverviewActions button{height:24px;border:0;background:#d90000;color:#FFFFFF;font-size:12px;font-weight:550;padding:0 14px;cursor:pointer}
.companySummaryTable{border:1px solid #ddd;overflow:auto}
.companySummaryTable table{min-width:720px;width:100%;border-collapse:collapse;background:#fff}
.companySummaryTable th,.companySummaryTable td{height:30px;padding:7px 10px;border-right:1px solid #e2e2e2;border-bottom:1px solid #e8e8e8;text-align:center;font-size:12px;color:#0B1730}
.companySummaryTable th{background:linear-gradient(#fafafa,#ececec);font-weight:550;text-transform:none;letter-spacing:0}
.companyOverviewTabs{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));max-width:1320px;border:1px solid #d8d8d8;border-radius:0;overflow:hidden}
.companyOverviewTabs button{height:44px;border:0;border-right:1px solid #d8d8d8;background:#fff;color:#0B1730;font-size:16px;font-weight:550;cursor:pointer}
.companyOverviewTabs button:last-child{border-right:0}
.companyOverviewTabs button.active{background:linear-gradient(90deg,#ff7000,#ff9a17);color:#FFFFFF}
.companyChartPanel{display:grid;justify-items:center;width:100%;min-width:0;box-sizing:border-box;padding:16px 10px 16px;min-height:280px}
.chartLegend{display:flex;gap:14px;align-items:center;justify-content:center;font-size:10px;font-weight:400;color:#0B1730;margin-bottom:5px}
.chartLegend span{display:inline-flex;align-items:center;gap:7px;font-weight:400}
.chartLegend i{width:24px;height:12px;border-radius:3px;background:#5974c8;display:inline-block}
.chartLegend b{width:12px;height:12px;border-radius:999px;border:1.5px solid #e0332e;display:inline-block;background:#fff}
.chartLegendTradeTrend{width:100%;max-width:none;min-width:0;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:9px}
.tradeTrendControlGroups{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.tradeTrendPeriodToggle{background:rgba(11,105,223,.04);border-color:rgba(11,105,223,.14)}
.tradeTrendWindowNav{width:100%;max-width:none;min-width:0;display:grid;grid-template-columns:108px minmax(0,1fr) 108px;align-items:center;gap:10px;margin-top:0;margin-bottom:12px}
.tradeTrendWindowNav span{text-align:center;color:#0B1730;font-size:10px;font-weight:400}
.tradeTrendWindowNav button{height:34px;border:1px solid rgba(11,105,223,.24);background:#fff;color:#0B69DF;border-radius:0;font-size:10px;font-weight:400;cursor:pointer;box-shadow:0 6px 14px rgba(11,105,223,.07)}
.tradeTrendWindowNav button:hover:not(:disabled){background:#EAF8FF;border-color:#0B69DF}
.tradeTrendWindowNav button:disabled{cursor:not-allowed;opacity:.42;background:#F4F7FB;color:#0B1730;box-shadow:none}
.theme-dark .tradeTrendWindowNav span{color:#FFFFFF}
.theme-dark .tradeTrendWindowNav button{background:#11172A;border-color:#24304D;color:#0B69DF}
.theme-dark .tradeTrendWindowNav button:disabled{background:#0F1325;color:#FFFFFF}
@media(max-width:680px){.tradeTrendWindowNav{grid-template-columns:1fr 1fr}.tradeTrendWindowNav span{grid-column:1/-1;grid-row:1}.tradeTrendControlGroups{width:100%}.chartLegendToggle{flex:1}.chartLegendToggle button{flex:1}}
.chartLegendToggle{display:inline-flex;gap:5px;padding:3px;background:rgba(11,105,223,.08);border:1px solid rgba(11,105,223,.16);border-radius:0}
.chartLegendToggle button{border:0;background:transparent;color:#0B1730;font-size:10px;font-weight:400;padding:7px 12px;border-radius:0;cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease}
.chartLegendToggle button.active{background:linear-gradient(90deg,#0B69DF,#0B69DF);color:#FFFFFF;box-shadow:0 10px 18px rgba(11,105,223,.22)}
.chartLegendToggle button:disabled{cursor:not-allowed;opacity:.42;background:transparent;color:#0B1730;box-shadow:none;text-decoration:none}
.chartLegendToggle button:disabled.active{background:rgba(138,150,168,.12);color:#0B1730;box-shadow:none}
.tradeTrendRoleToggle button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:94px}
.tradeTrendRoleToggle button:disabled{text-decoration:none}
.tradeTrendRoleCount{min-width:22px;height:20px;padding:0 6px;border-radius:0;display:inline-flex;align-items:center;justify-content:center;background:rgba(11,105,223,.12);color:#0B69DF;font-size:10px;font-weight:550;line-height:1}
.tradeTrendRoleToggle button.active .tradeTrendRoleCount{background:rgba(255,255,255,.22);color:#FFFFFF}
.tradeTrendRoleToggle button:disabled .tradeTrendRoleCount{background:rgba(138,150,168,.13);color:#0B1730}
.chartLegendComboItems{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.chartLegendValueIcon{width:24px;height:12px;border-radius:3px;background:linear-gradient(180deg,#0B69DF,#58C7F3)!important;display:inline-block!important;box-shadow:0 4px 10px rgba(11,105,223,.18)}
.chartLegendShipmentIcon{width:24px;height:12px!important;border:0!important;position:relative!important;display:inline-block!important;background:transparent!important}
.chartLegendShipmentIcon::before{content:"";position:absolute;left:0;right:0;top:50%;height:2.5px;background:#005B96;border-radius:999px;transform:translateY(-50%)}
.chartLegendShipmentIcon::after{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;border:2px solid #005B96;background:#fff;border-radius:999px;transform:translate(-50%,-50%);box-shadow:0 0 0 3px rgba(11,105,223,.10)}
.tradeTrendComboChart{display:block;width:min(100%,1400px);max-width:1400px;min-width:0;height:auto;aspect-ratio:900/205;overflow:visible}
.companyChartPanel text{font-size:9px;font-weight:400;fill:#5d5d5d}
.chartGrid{stroke:#D9EDF8;stroke-width:1}
.chartAxis{stroke:#7FA8BF;stroke-width:1}
.chartAxisLabel{fill:#6A7688;font-size:var(--trade-trend-svg-font-size,9px);font-weight:400;text-anchor:end}
.chartAxisLabelRight{text-anchor:start}
.chartAxisTitle{fill:#52627A;font-size:var(--trade-trend-svg-font-size,9px);font-weight:400}
.chartAxisTitleRight{text-anchor:start}
.chartMonthLabel{fill:#52627A;font-size:var(--trade-trend-svg-font-size,9px);font-weight:400}
.chartBar{fill:url(#companyBarGradient);filter:url(#tradeTrendBarShadow);transition:opacity .15s ease,transform .15s ease}
.chartLine{fill:none;stroke:#005B96;stroke-width:2.75;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 3px 5px rgba(0,91,150,.16))}
.chartPoint{fill:#fff;stroke:#005B96;stroke-width:2.25;cursor:pointer}
.companyChartPanel g:hover .chartBar{opacity:.92}
.chartTooltip rect{fill:#0B2942;stroke:#22ADE4;stroke-width:1;filter:drop-shadow(0 14px 28px rgba(0,91,150,.24))}
.chartTooltip text{fill:#fff;font-size:var(--trade-trend-svg-font-size,9px);font-weight:400}
.chartStateBox{width:min(980px,100%);min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:1px dashed rgba(11,105,223,.22);border-radius:14px;background:linear-gradient(180deg,rgba(11,105,223,.03),rgba(11,105,223,.01));color:#0B1730;font-weight:550;text-align:center;padding:20px}
.chartLoadingState{animation:pulse 1.6s ease-in-out infinite}
.chartLoadingState::before{content:'';width:44px;height:44px;border-radius:999px;border:4px solid rgba(11,105,223,.16);border-top-color:#0B69DF;animation:spin 1s linear infinite}
.chartErrorState{gap:8px}
.chartErrorState p{margin:0;font-size:15px;font-weight:550;color:#0B1730}
.chartErrorState span{max-width:640px;color:#0B1730;font-size:13px;font-weight:400}
.chartErrorState button{height:36px;padding:0 16px;border:0;border-radius:0;background:linear-gradient(90deg,#0B69DF,#0B69DF);color:#FFFFFF;font-weight:550;cursor:pointer;box-shadow:0 10px 20px rgba(11,105,223,.22)}
.chartEmptyState{font-size:15px}
.theme-dark .companyOverviewPage{background:#0F1325!important;color:#FFFFFF}
.theme-dark .companyOverviewInfo p,.theme-dark .companyOverviewInfo b,.theme-dark .companyOverviewInfo span{color:#FFFFFF}
.theme-dark .companyNameSearch select{color:#0B69DF}
.theme-dark .companySummaryTable,.theme-dark .companyOverviewTabs{border-color:#242C49}
.theme-dark .companySummaryTable table,.theme-dark .companySummaryTable th,.theme-dark .companySummaryTable td,.theme-dark .companyOverviewTabs button{background:#11172A;color:#FFFFFF;border-color:#242C49}
@media(max-width:900px){.companyOverviewHeader{grid-template-columns:1fr}.companyOverviewActions{justify-content:flex-start}.companyOverviewTabs{grid-template-columns:1fr 1fr}.companyOverviewTabs button:last-child{grid-column:1/-1}}

/* Theme-aligned company overview skin */
.companyOverviewPage{background:transparent!important;gap:16px}
.companyOverviewHeader,.companySummaryTable,.companyOverviewTabs,.companyChartPanel{background:var(--sl-surface,#fff)!important;border:1px solid var(--sl-border,#DDE5F2)!important;border-radius:0;box-shadow:0 18px 42px rgba(31,55,90,.10)!important}
.companyOverviewHeader{padding:20px!important;grid-template-columns:92px minmax(0,1fr) 150px!important}
.companyIllustration{background:linear-gradient(135deg,rgba(11,105,223,.12),rgba(27,78,231,.05));border:1px solid var(--sl-border,#DDE5F2);border-radius:0;color:#0B69DF}
.companyIllustration svg:last-child{background:var(--sl-surface,#fff)}
.companyNameSearch select{color:#0B69DF;font-weight:550}
.companyOverviewInfo p,.companyOverviewInfo b,.companyOverviewInfo span{color:var(--sl-text,#0B1730)}
.companyOverviewInfo em{color:var(--sl-muted,#0B1730)}
.companyOverviewActions button{height:36px;background:linear-gradient(90deg,#0B69DF,#0B69DF);border-radius:0;font-size:13px;box-shadow:0 12px 26px rgba(11,105,223,.22)}
.companyOverviewActions button:hover{filter:brightness(1.05)}
.companySummaryTable{overflow:hidden}
.companySummaryTable table{background:var(--sl-surface,#fff)!important;min-width:720px}
.companySummaryTable th{background:linear-gradient(180deg,#F8FAFD,#EEF3FA)!important;color:#0B1730 !important;font-size:12px}
.companySummaryTable td{background:var(--sl-surface,#fff)!important;color:var(--sl-text,#0B1730) !important;border-color:var(--sl-border,#DDE5F2)!important;font-weight:400}
.companyOverviewTabs{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;width:100%!important;max-width:none!important;border-radius:0;padding:6px;gap:6px;overflow:visible}
.companyOverviewTabs button{border:1px solid transparent!important;border-radius:0;background:transparent!important;color:var(--sl-muted,#0B1730) !important;height:40px;font-size:14px}
.companyOverviewTabs button.active{background:linear-gradient(90deg,#0B69DF,#0B69DF)!important;color:#FFFFFF !important;border-color:#0B69DF!important;box-shadow:0 10px 24px rgba(11,105,223,.22)}
.companyChartPanel{padding:16px 14px 12px}
.chartLegend{color:var(--sl-muted,#0B1730)}
.chartLegend i{background:#0B69DF}
.chartLegend b{border-color:#0B69DF}
.chartBar{opacity:.9}
.chartLine{stroke:#005B96}
.chartPoint{stroke:#005B96}
.chartEmptyText{fill:#718297!important;font-size:11px!important;font-weight:400}
.theme-dark .chartLegendValueIcon{background:linear-gradient(180deg,#149FE3,#67D2FA)!important}
.theme-dark .chartLegendShipmentIcon::before{background:#6BD0FF}
.theme-dark .chartLegendShipmentIcon::after{border-color:#6BD0FF;background:#0F1325}
.theme-dark .chartLegendToggle{background:rgba(11,105,223,.14);border-color:rgba(11,105,223,.24)}
.theme-dark .chartLegendToggle button{color:#FFFFFF}
.theme-dark .chartLegendToggle button.active{color:#FFFFFF}
.theme-dark .tradeTrendRoleCount{background:rgba(77,193,255,.16);color:#0B69DF}
.theme-dark .tradeTrendRoleToggle button.active .tradeTrendRoleCount{background:rgba(255,255,255,.18);color:#FFFFFF}
.theme-dark .chartStateBox{background:rgba(17,23,42,.72);border-color:#24304D;color:#FFFFFF}
.theme-dark .chartErrorState p{color:#FFFFFF}
.theme-dark .chartErrorState span{color:#FFFFFF}
.theme-dark .chartAxisLabel,.theme-dark .chartAxisTitle,.theme-dark .chartMonthLabel{fill:#B0B9CE}
.theme-dark .chartGrid{stroke:#223D55}
.theme-dark .chartAxis{stroke:#55758D}
.theme-dark .chartLine{stroke:#6BD0FF}
.theme-dark .chartPoint{stroke:#6BD0FF;fill:#101B2A}
.theme-dark .chartTooltip rect{fill:#071B2C;stroke:#149FE3}
.theme-dark .companyOverviewHeader,.theme-dark .companySummaryTable,.theme-dark .companyOverviewTabs,.theme-dark .companyChartPanel{box-shadow:0 18px 45px rgba(0,0,0,.28)!important}
.theme-dark .companySummaryTable th{background:linear-gradient(180deg,#151B31,#10162A)!important;color:#FFFFFF !important}
.theme-dark .companySummaryTable td{background:#0F1325!important;color:#FFFFFF !important}

@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.82}}

.associatedCompanyPanel,.companyPlaceholderPanel{background:var(--sl-surface,#fff);border:1px solid var(--sl-border,#DDE5F2);border-radius:0;box-shadow:0 18px 42px rgba(31,55,90,.10);padding:16px;display:grid;gap:14px}
.associatedSubTabs{display:flex;gap:8px;flex-wrap:wrap}
.associatedSubTabs button{height:38px;border:1px solid var(--sl-border,#DDE5F2);background:#fff;color:#0B1730;border-radius:0;padding:0 14px;font-weight:550;cursor:pointer}
.associatedSubTabs button.active{background:#0B69DF;color:#FFFFFF;border-color:#0B69DF;box-shadow:0 10px 24px rgba(11,105,223,.2)}
.partnerSubTabs{gap:10px;border:0;padding:10px;border-radius:0;background:#F8FAFD;border:1px solid var(--sl-border,#DDE5F2)}
.partnerSubTabs button{height:42px;border-radius:0;min-width:138px;background:#FFFFFF;border:1px solid var(--sl-border,#DDE5F2);color:#0B1730;box-shadow:0 8px 18px rgba(31,55,90,.05)}
.partnerSubTabs button.active{background:#0B69DF!important;color:#FFFFFF !important;border-color:#0B69DF!important;box-shadow:0 14px 30px rgba(11,105,223,.22)!important}
.logisticsSubTabs button{min-width:112px}
.theme-dark .partnerSubTabs{background:#11172A;border-color:#242C49}
.theme-dark .partnerSubTabs button{background:#0F1325;border-color:#242C49;color:#FFFFFF}
.partnerTable th:first-child,.partnerTable td:first-child{text-align:left;min-width:420px;width:42%;max-width:620px}
.associatedTableWrap{overflow:auto;border:1px solid var(--sl-border,#DDE5F2);border-radius:0;background:#fff}
.associatedTable{width:100%;min-width:1120px;border-collapse:collapse;background:#fff;table-layout:auto}
.associatedTable th,.associatedTable td{height:36px;padding:8px 10px;border-right:1px solid #E6ECF5;border-bottom:1px solid #E6ECF5;font-size:12px;color:#0B1730;white-space:nowrap;text-align:right}
.associatedTable th:first-child,.associatedTable td:first-child{text-align:left;min-width:520px;width:46%;max-width:680px}
.associatedTable th:not(:first-child),.associatedTable td:not(:first-child){width:1%;min-width:86px}
.associatedTable th{background:linear-gradient(180deg,#F8FAFD,#EEF3FA);color:#0B1730;font-weight:550;text-transform:none;letter-spacing:0}
.tradingRecordsBlock{display:grid;gap:10px}
.tradingRecordsBlock h4{margin:0;color:#0B1730;font-size:15px;font-weight:550;display:flex;align-items:center;gap:8px}
.tradingRecordsBlock h4::before{content:"";width:4px;height:16px;background:#0B69DF;border-radius:0}
.tradingRecordsTable th:first-child,.tradingRecordsTable td:first-child{min-width:110px}
.tradingRecordsTable th:nth-child(3),.tradingRecordsTable td:nth-child(3){min-width:260px;text-align:left}
.tradingRecordsTable{min-width:1320px;table-layout:fixed}
.tradingRecordsTable th,.tradingRecordsTable td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}
.tradingRecordsTable th:nth-child(1),.tradingRecordsTable td:nth-child(1){width:105px;min-width:105px}
.tradingRecordsTable th:nth-child(2),.tradingRecordsTable td:nth-child(2){width:92px;min-width:92px}
.tradingRecordsTable th:nth-child(3),.tradingRecordsTable td:nth-child(3){width:260px;min-width:260px}
.tradingRecordsTable th:nth-child(4),.tradingRecordsTable td:nth-child(4){width:170px;min-width:170px}
.tradingRecordsTable th:nth-child(5),.tradingRecordsTable td:nth-child(5){width:230px;min-width:230px}
.tradingRecordsTable th:nth-child(6),.tradingRecordsTable td:nth-child(6){width:150px;min-width:150px}
.tradingRecordsTable th:nth-child(7),.tradingRecordsTable td:nth-child(7){width:170px;min-width:170px}
.tradingRecordsTable th:nth-child(8),.tradingRecordsTable td:nth-child(8){width:230px;min-width:230px}
.tradingRecordsTable th:nth-child(9),.tradingRecordsTable td:nth-child(9){width:95px;min-width:95px;text-align:right}
.tradingRecordsTable th:nth-child(10),.tradingRecordsTable td:nth-child(10){width:120px;min-width:120px;text-align:right}
.tradingRecordsTable th:nth-child(11),.tradingRecordsTable td:nth-child(11){width:92px;min-width:92px;text-align:center}
.tradingRecordsTable button{height:28px;min-width:54px;border:1px solid #CFEFFF;background:#F0FAFF;color:#0B69DF;border-radius:0;font-weight:550;cursor:pointer}
.supplyChainMainPanel{padding:14px}
.supplyChainToolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}
.supplyChainToggle{display:inline-flex;align-items:center;padding:4px;border:1px solid #CDEBFA;border-radius:0;background:#F1FAFF;box-shadow:0 8px 20px rgba(11,105,223,.10)}
.supplyChainToggle button{min-width:104px;height:38px;border:0;border-radius:0;background:transparent;color:#0B69DF;font-weight:550;cursor:pointer;transition:.18s ease}
.supplyChainToggle button:hover{color:#0B69DF;background:#E4F6FF}
.supplyChainToggle button.active{background:linear-gradient(135deg,#0B69DF,#20B8EE);color:#FFFFFF;box-shadow:0 8px 18px rgba(11,105,223,.24)}
.supplyChainSortNote{font-size:12px;font-weight:550;color:#0B1730}
.supplyMapPanel{display:grid;gap:14px;border:1px solid #D9EAF5;border-radius:0;background:linear-gradient(180deg,#FFFFFF,#F8FCFF);padding:14px 14px 8px;overflow:hidden;box-shadow:0 16px 36px rgba(19,86,126,.08)}
.supplyFlowCard{border:0;border-radius:0;background:#fff;padding:0;overflow:hidden}
.supplyFlowHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:8px 10px 4px}
.supplyFlowTitle{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:8px;background:linear-gradient(90deg,#0B69DF,#22B7F2);color:#FFFFFF;font-size:13px;font-weight:550;box-shadow:0 10px 22px rgba(11,105,223,.18)}
.supplyFlowSubtitle{margin:7px 0 0 2px;color:#0B1730;font-size:11px;font-weight:550}
.supplyFlowCounts{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;padding-top:2px}
.supplyFlowCounts span{display:inline-flex;align-items:center;height:30px;padding:0 10px;border:1px solid #D7ECF8;border-radius:999px;background:#F4FBFF;color:#0B69DF;font-size:11px;font-weight:550}
.supplyFlowCanvas{width:100%;overflow-x:auto;overflow-y:hidden}
.supplyFlowSvg{width:100%;min-width:1050px;height:auto;display:block}
.supplyBand{fill:none;stroke-linecap:round;opacity:.92;transition:opacity .18s ease}
.supplyFlowGroup:hover .supplyBand{opacity:1}
.supplyNode.sourceNode{fill:#43B7D8;stroke:#DFF7FF;stroke-width:2}
.supplyNode.centerNode{stroke:#CFF3FF;stroke-width:2;filter:drop-shadow(0 8px 14px rgba(11,105,223,.22))}
.supplyNode.clientNode{fill:#006BA6;stroke:#D8F3FF;stroke-width:2}
.supplyFlowSvg text{fill:#0B2940;font-size:12px;font-weight:550}
.supplyFlowSvg .supplyNameLabel{font-size:12px;font-weight:550}
.supplyFlowSvg .supplyValueLabel{fill:#688198;font-size:10px;font-weight:550}
.supplyFlowSvg .supplyRankLabel{fill:#fff;font-size:10px;font-weight:550;pointer-events:none}
.supplyChainPaginationGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-top:12px}
.supplyChainPagerCard{border:1px solid #D9ECF7;border-radius:0;background:#F8FCFF;padding:12px}
.supplyChainPagerTitle{margin-bottom:8px;color:#0B69DF;font-size:12px;font-weight:550}
.supplyChainPagerCard .searchPagination{padding:0;align-items:flex-start;flex-direction:column}
.supplyChainPagerCard .searchPagination>div{width:100%}
.supplyChainPagerCard.clientPager{background:#F7FAFE}
.supplyChainPagerCard.clientPager .supplyChainPagerTitle{color:#0B69DF}
.supplyFlowSvg .centerLabel{font-size:13px;font-weight:550;fill:#07324D}
.supplyFlowSvg .centerRoleLabel{font-size:10px;font-weight:550;fill:#5B7890;text-transform:uppercase;letter-spacing:.08em}
.supplyFlowSvg .supplyEmptyLabel{fill:#8299AA;font-size:12px;font-weight:550;text-anchor:middle}
.supplyMapPanel .pagination{margin-top:0;border-top:1px solid #E4F0F7;padding:12px 4px 2px}
.theme-dark .supplyChainToggle{background:#111A2C;border-color:#28405A}
.theme-dark .supplyChainToggle button{color:#FFFFFF}
.theme-dark .supplyChainToggle button:hover{background:#17263A;color:#FFFFFF}
.theme-dark .supplyChainSortNote{color:#FFFFFF}
.theme-dark .supplyMapPanel{background:linear-gradient(180deg,#11172A,#0F1424);border-color:#273750}
.theme-dark .supplyFlowCard{background:#10192A}
.theme-dark .supplyFlowSubtitle{color:#FFFFFF}
.theme-dark .supplyFlowCounts span{background:#142438;border-color:#28465E;color:#0B69DF}
.theme-dark .supplyFlowSvg text{fill:#E4F4FF}
.theme-dark .supplyFlowSvg .supplyValueLabel,.theme-dark .supplyFlowSvg .centerRoleLabel{fill:#91A8BD}
.theme-dark .supplyFlowSvg .supplyRankLabel{fill:#fff}
.theme-dark .supplyChainPagerCard{background:#111D2E;border-color:#28465E}
.theme-dark .supplyChainPagerCard.clientPager{background:#101A2A}
.theme-dark .supplyChainPagerTitle{color:#0B69DF}
.theme-dark .supplyFlowSvg .centerLabel{fill:#EAF8FF}
.theme-dark .supplyMapPanel .pagination{border-color:#26384D}
@media(max-width:900px){.supplyChainToolbar,.supplyFlowHeader{align-items:stretch;flex-direction:column}.supplyFlowCounts{justify-content:flex-start}.supplyChainToggle{width:100%}.supplyChainToggle button{flex:1}.supplyFlowSvg{min-width:980px}.supplyChainPaginationGrid{grid-template-columns:1fr}}
.companyPlaceholderPanel h3{margin:0;color:#0B1730}.companyPlaceholderPanel p{margin:0;color:#0B1730}
.theme-dark .associatedCompanyPanel,.theme-dark .companyPlaceholderPanel,.theme-dark .associatedTableWrap,.theme-dark .associatedTable,.theme-dark .associatedSubTabs button{background:#0F1325;color:#FFFFFF;border-color:#242C49}
.theme-dark .associatedTable th{background:linear-gradient(180deg,#151B31,#10162A);color:#FFFFFF;border-color:#242C49}
.theme-dark .associatedTable td{background:#0F1325;color:#FFFFFF;border-color:#242C49}
.theme-dark .tradingRecordsBlock h4,.theme-dark .companyPlaceholderPanel h3{color:#FFFFFF}
.theme-dark .supplyMapPanel{background:#11172A;border-color:#242C49}
.theme-dark .supplyMapPanel span{background:#151B31;border-color:#242C49;color:#FFFFFF}
.theme-dark .supplyFlowCard{background:linear-gradient(180deg,#11172A,#0F1325);border-color:#242C49}
.theme-dark .supplyFlowTitle{background:#24304D;color:#FFFFFF}
.theme-dark .supplyFlowSvg text{fill:#E3E7EA}

.contactIntelPanel{display:grid;gap:16px}
.contactIntelHero{display:grid;grid-template-columns:92px minmax(0,1fr) 150px;gap:20px;align-items:start;background:var(--sl-surface,#fff);border:1px solid var(--sl-border,#DDE5F2);border-radius:0;padding:18px;box-shadow:0 18px 42px rgba(31,55,90,.10)}
.contactAvatar{width:92px;height:92px;border-radius:0;display:grid;place-items:center;background:linear-gradient(135deg,#0B69DF,#48C7F7);color:#FFFFFF;font-size:54px;font-weight:550;box-shadow:0 16px 30px rgba(11,105,223,.22)}
.contactCompanyBlock{display:grid;gap:8px;min-width:0}
.contactCompanyTitle{display:flex;align-items:center;gap:10px;min-width:0}
.contactCompanyTitle h3{margin:0;color:var(--sl-text,#0B1730);font-size:22px;font-weight:550;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.contactCompanyTitle .companyRoleBadge{height:24px;padding:0 9px;border-radius:0;background:#EF4444;color:#FFFFFF;font-size:12px;font-weight:550;display:inline-flex;align-items:center}
.contactCompanyTitle .copyNameBtn{background:#EAF8FF!important;border-color:#B9E8FF!important;color:#0B69DF !important}
.companyHeaderFav{width:30px;height:30px;border:1px solid #B9E8FF;border-radius:0;background:#EAF8FF;color:#0B69DF;display:inline-grid;place-items:center;cursor:pointer;flex:0 0 auto}
.contactCompanyBlock p{margin:0;display:flex;align-items:center;gap:8px;color:var(--sl-muted,#0B1730);font-size:14px;min-width:0}
.contactCompanyBlock p svg{color:#0B1730;flex:0 0 auto}
.contactCompanyBlock p:nth-child(4){color:#0B69DF}
.contactHeroActions{display:grid;gap:10px}
.contactHeroActions button{height:38px;border:0;border-radius:0;color:#FFFFFF;font-weight:550;cursor:pointer;box-shadow:0 10px 24px rgba(11,105,223,.18)}
.contactHeroActions button:nth-child(1){background:linear-gradient(90deg,#6366F1,#D946EF)}
.contactHeroActions button:nth-child(2){background:#22C55E}
.contactHeroActions button:nth-child(3){background:#0B69DF}
.contactHeroActions button:nth-child(4){background:#F97316}
.contactCategoryTabs{display:flex;gap:14px;flex-wrap:wrap;background:var(--sl-surface,#fff);border:1px solid var(--sl-border,#DDE5F2);border-radius:0;padding:12px;box-shadow:0 14px 34px rgba(31,55,90,.08)}
.contactCategoryTabs button{height:48px;border:0;background:transparent;border-radius:0;padding:0 12px;color:#0B1730;display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:550;cursor:pointer}
.contactCategoryTabs button svg{color:#0B69DF}
.contactCategoryTabs button.active{background:#0B69DF;color:#FFFFFF;box-shadow:0 12px 26px rgba(11,105,223,.22)}
.contactCategoryTabs button.active svg{color:#FFFFFF}
.contactCategoryTabs button b{font-weight:550;color:inherit}
.contactToolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--sl-surface,#fff);border:1px solid var(--sl-border,#DDE5F2);border-radius:0;padding:12px 14px;color:var(--sl-muted,#0B1730)}
.contactToolbar div{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.contactToolbar input{height:36px;min-width:260px;border:1px solid var(--sl-border,#DDE5F2);border-radius:0;padding:0 12px;background:#fff;color:var(--sl-text,#0B1730)}
.contactToolbar button{height:36px;border:1px solid var(--sl-border,#DDE5F2);background:#fff;border-radius:0;padding:0 14px;color:#0B1730;font-weight:550;cursor:pointer}
.contactToolbar button:first-of-type{background:#0B69DF;border-color:#0B69DF;color:#FFFFFF}
.contactList{display:grid;background:var(--sl-surface,#fff);border:1px solid var(--sl-border,#DDE5F2);border-radius:0;overflow:hidden;box-shadow:0 18px 42px rgba(31,55,90,.10)}
.contactRow{display:grid;grid-template-columns:48px minmax(190px,1fr) minmax(320px,1.6fr) minmax(210px,1fr) 210px;gap:16px;align-items:center;padding:16px;border-bottom:1px solid var(--sl-border,#DDE5F2)}
.contactRow:last-child{border-bottom:0}
.contactPersonIcon{width:42px;height:42px;border-radius:999px;display:grid;place-items:center;background:#EAF8FF;color:#0B69DF}
.contactInfo{display:grid;gap:8px;min-width:0}
.contactInfo p{margin:0;color:var(--sl-muted,#0B1730);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.contactInfo b{font-weight:550;color:#0B1730;margin-right:6px}
.contactInfo span{color:var(--sl-text,#0B1730);font-weight:550}
.contactInfo .copyNameBtn{margin-left:6px;vertical-align:middle}
.contactUpdated{display:flex;align-items:center;gap:8px;color:var(--sl-muted,#0B1730);font-size:13px;justify-content:flex-end;white-space:nowrap}
.contactUpdated svg{color:#0B1730}
.theme-dark .contactIntelHero,.theme-dark .contactCategoryTabs,.theme-dark .contactToolbar,.theme-dark .contactList{background:#0F1325;border-color:#242C49;box-shadow:0 18px 45px rgba(0,0,0,.28)}
.theme-dark .contactToolbar input,.theme-dark .contactToolbar button{background:#11172A;border-color:#242C49;color:#FFFFFF}
.theme-dark .contactRow{border-color:#242C49}
.theme-dark .contactPersonIcon{background:#172554;color:#0B69DF}
@media(max-width:1100px){.contactIntelHero{grid-template-columns:72px 1fr}.contactHeroActions{grid-column:1/-1;grid-template-columns:repeat(2,1fr)}.contactAvatar{width:72px;height:72px;font-size:42px}.contactRow{grid-template-columns:44px 1fr}.contactUpdated{justify-content:flex-start}.contactInfo.wide{grid-column:2/-1}}

.internalCompanyTabs{display:flex;align-items:center;gap:8px;overflow:auto;padding:6px;background:var(--sl-surface,#fff);border:1px solid var(--sl-border,#DDE5F2);border-radius:12px;box-shadow:0 14px 34px rgba(31,55,90,.08)}
.internalCompanyTabs button{height:36px;border:1px solid var(--sl-border,#DDE5F2);background:#fff;color:#0B1730;border-radius:9px;padding:0 8px 0 12px;display:inline-flex;align-items:center;gap:8px;font-weight:550;white-space:nowrap;cursor:pointer}
.internalCompanyTabs button.active{background:linear-gradient(90deg,#0B69DF,#0B69DF);border-color:#0B69DF;color:#FFFFFF;box-shadow:0 10px 24px rgba(11,105,223,.2)}
.internalCompanyTabs i{width:20px;height:20px;border-radius:999px;display:grid;place-items:center;font-style:normal;opacity:.78}
.internalCompanyTabs i:hover{background:rgba(255,255,255,.22);opacity:1}
.companyRecordTabPanel{background:var(--sl-surface,#fff);border:1px solid var(--sl-border,#DDE5F2);border-radius:12px;box-shadow:0 18px 42px rgba(31,55,90,.10);padding:18px;display:grid;gap:14px}
.companyRecordTabPanel h3{margin:0;color:var(--sl-text,#0B1730)}
.theme-dark .internalCompanyTabs,.theme-dark .internalCompanyTabs button,.theme-dark .companyRecordTabPanel{background:#0F1325;border-color:#242C49;color:#FFFFFF}
.theme-dark .companyRecordTabPanel h3{color:#FFFFFF}

/* Main workspace tabs */
.workspaceTabsShell{position:sticky;top:0;z-index:80;display:grid;grid-template-columns:auto 38px minmax(0,1fr) 38px;align-items:center;gap:8px;padding:10px 132px 10px 18px;background:rgba(246,248,252,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--sl-border,#DDE5F2)}
.topBrandTitle{height:38px;display:flex;align-items:center;gap:10px;padding:0 14px 0 8px;color:#0B1730;font-weight:550;white-space:nowrap}
.topBrandTitle img{width:30px;height:30px;object-fit:contain}
.topBrandTitle b{font-size:16px}
.workspaceTabs{display:flex;align-items:center;gap:8px;overflow:auto;scroll-behavior:smooth;scrollbar-width:none;min-width:0}
.workspaceTabs::-webkit-scrollbar{display:none}
.workspaceTabs button{height:38px;width:142px;min-width:142px;border:1px solid var(--sl-border,#DDE5F2);background:#fff;color:#0B1730;border-radius:9px;padding:0 10px 0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:550;white-space:nowrap;cursor:pointer;box-shadow:0 8px 18px rgba(31,55,90,.06)}
.workspaceTabs button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.workspaceTabs button.active{background:linear-gradient(90deg,#0B69DF,#0B69DF);border-color:#0B69DF;color:#FFFFFF;box-shadow:0 12px 26px rgba(11,105,223,.22)}
.workspaceTabs i{width:20px;height:20px;border-radius:999px;display:grid;place-items:center;font-style:normal;opacity:.78}
.workspaceTabs i:hover{background:rgba(255,255,255,.25);opacity:1}
.workspaceTabs button:not(.active) i:hover{background:#EAF8FF;color:#0B69DF}
.tabScrollBtn{height:34px;width:34px;border:1px solid var(--sl-border,#DDE5F2);background:#fff;color:#0B69DF;border-radius:9px;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 18px rgba(31,55,90,.08)}
.tabScrollBtn:hover{background:#EAF8FF;border-color:#0B69DF}
.topAppStrip>.tabScrollBtn:first-of-type svg{transform:rotate(180deg)!important}
.tabScrollBtn.next{position:fixed;right:128px;top:13px;z-index:130}
.internalCompanyTabs{display:none!important}
.theme-dark .workspaceTabsShell{background:rgba(15,19,37,.9);border-color:#242C49}
.theme-dark .topBrandTitle{color:#FFFFFF}
.theme-dark .workspaceTabs button{background:#11172A;border-color:#242C49;color:#FFFFFF}
.theme-dark .workspaceTabs button.active{color:#FFFFFF}
.theme-dark .tabScrollBtn{background:#11172A;border-color:#242C49;color:#0B69DF}
@media(max-width:760px){.workspaceTabsShell{padding-right:76px}.tabScrollBtn.next{right:52px;top:11px}}

/* Center theme toggle inside workspace tab strip */
.themeToggle{top:10px!important;height:34px!important}
.tabScrollBtn.next{top:10px!important}
@media(max-width:760px){.themeToggle{top:10px!important;height:34px!important}.tabScrollBtn.next{top:10px!important}}

/* Shipment profile page */
.shipmentProfilePage{display:grid;gap:10px}
.shipmentProfileHero,.profileTableSection{background:var(--sl-surface,#fff);border:1px solid var(--sl-border,#DDE5F2);border-radius:0;box-shadow:0 18px 42px rgba(31,55,90,.10)}
.shipmentProfileHero{padding:18px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.shipmentProfileHeroMain{display:flex;align-items:center;gap:22px;min-width:0;flex:1 1 auto}
.shipmentProfileLogo{display:block;flex:0 0 auto;width:18%;min-width:150px;max-width:220px;height:auto;object-fit:contain}
.shipmentProfileIdentity{min-width:0;flex:1 1 auto}
.shipmentProfileHero h2{margin:0 0 4px;color:var(--sl-text,#0B1730);font-size:24px;overflow-wrap:anywhere}
.shipmentProfileHero span{color:var(--sl-muted,#0B1730);font-weight:550}
.shipmentProfileActions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;flex:0 0 auto}
.profileTableSection{overflow:hidden}
.profileModal{width:min(1180px,calc(100vw - 32px));overflow:auto;padding:18px}
.profileModal{display:flex;flex-direction:column;overflow:hidden;padding:0;border-radius:0!important}
.profileModalHeader{position:sticky;top:0;z-index:5;display:flex;justify-content:flex-end;padding:14px 14px 0;background:inherit}
.profileModalBody{overflow:auto;min-height:0;padding:0 18px 18px}
.profileModal .shipmentProfilePage{padding:0}
.profileModalState{min-height:240px;display:grid;place-items:center;text-align:center;color:var(--sl-text,#0B1730);font-weight:550}
.profileModalState p{margin:0}
.profileSectionHead{height:42px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,#F8FAFD,#EEF3FA);border-bottom:1px solid var(--sl-border,#DDE5F2)}
.profileSectionHead h3{margin:0;color:#0B1730;font-size:14px;font-weight:550}
.profileSectionHead button{border:0;background:transparent;color:#0B1730;font-size:12px;font-weight:550;cursor:pointer}
.shipmentDetailHead{justify-content:flex-start!important}
.profileTableSection table{width:100%;border-collapse:collapse;background:transparent;min-width:760px;table-layout:fixed}
.profileTableSection th,.profileTableSection td{height:34px;border-bottom:1px solid #E6ECF5;padding:8px 12px;font-size:13px;vertical-align:middle}
.profileTableSection th{width:210px;background:#F8FAFD;color:#0B1730;text-align:left;font-weight:550}
.profileTableSection td{color:#0B1730;background:#fff;font-weight:400;white-space:normal}
.profileTableSection th:nth-child(1){width:210px}
.profileTableSection td:nth-child(2){width:340px}
.profileTableSection th:nth-child(3){width:150px}
.profileTableSection td:nth-child(4){width:auto}
.profileTableSection tr:last-child th,.profileTableSection tr:last-child td{border-bottom:0}
.theme-dark .shipmentProfileHero,.theme-dark .profileTableSection{background:#0F1325;border-color:#242C49;box-shadow:0 18px 45px rgba(0,0,0,.28)}
.theme-dark .shipmentProfileHero h2{color:#FFFFFF}
.theme-dark .profileSectionHead{background:linear-gradient(180deg,#151B31,#10162A);border-color:#242C49}
.theme-dark .profileSectionHead h3{color:#FFFFFF}
.theme-dark .profileTableSection th{background:#11172A;color:#FFFFFF;border-color:#242C49}
.theme-dark .profileTableSection td{background:#0F1325;color:#FFFFFF;border-color:#242C49}
@media(max-width:760px){.shipmentProfileHero{align-items:flex-start;flex-direction:column}.shipmentProfileHeroMain{width:100%;align-items:flex-start;flex-direction:column;gap:14px}.shipmentProfileLogo{width:46%;min-width:160px;max-width:230px;height:auto}.shipmentProfileActions{width:100%;justify-content:flex-end}.profileTableSection{overflow:auto}.profileTableSection th{width:150px}}

/* Themed searchable dropdowns */
.criteriaInputRow{position:relative}
.criteriaSuggestDropdown{position:absolute;left:0;top:calc(100% + 6px);z-index:70;width:min(320px,100%);background:var(--sl-surface,#fff);border:1px solid var(--sl-border,#DDE5F2);border-radius:10px;box-shadow:0 18px 42px rgba(31,55,90,.16);overflow:hidden}
.criteriaSuggestSearch{height:42px;display:flex;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid var(--sl-border,#DDE5F2);color:#0B1730;font-size:13px;font-weight:550;background:#F8FAFD}
.criteriaSuggestSearch svg{color:#0B1730}
.criteriaSuggestList{max-height:230px;overflow:auto;padding:6px}
.criteriaSuggestList button{width:100%;height:34px;border:0;background:transparent;color:var(--sl-text,#0B1730);border-radius:7px;padding:0 10px;text-align:left;font-size:14px;font-weight:400;cursor:pointer;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.criteriaSuggestList button:hover,.criteriaSuggestList button.selected{background:#0B69DF;color:#FFFFFF}
.criteriaSuggestList p{margin:8px 10px;color:#0B1730;font-size:13px;font-weight:400}
.theme-dark .criteriaSuggestDropdown{background:#0F1325;border-color:#242C49;box-shadow:0 18px 45px rgba(0,0,0,.35)}
.theme-dark .criteriaSuggestSearch{background:#11172A;border-color:#242C49;color:#FFFFFF}
.theme-dark .criteriaSuggestList button{color:#FFFFFF}
.theme-dark .criteriaSuggestList button:hover,.theme-dark .criteriaSuggestList button.selected{background:#0B69DF;color:#FFFFFF}

/* Unified dropdown spacing across platform */
.criteriaSuggestList,
.trackGroupMenu .criteriaSuggestList,
.calendarSelectMenu,
.customDropdownMenu,
.countryDropdown,
.dropdownMenu {
  display: grid;
  align-content: start;
  gap: 6px;
  padding: 8px;
}
.criteriaSuggestList button,
.trackGroupMenu button,
.calendarSelectMenu button,
.customDropdownMenu button,
.countryDropdown button,
.dropdownMenu button {
  border-radius: 0;
}

/* Softer light-blue action color */
.theme-light .primary,
.theme-light .searchButton,
.theme-light .download,
.theme-light .resultActions .primary,
.theme-light .workspaceTabs button.active,
.theme-light .sidebar button.active,
.theme-light .sidebar button:hover,
.theme-light .resultTabs button.active,
.theme-light .partyTabs button.active,
.theme-light .dataTypeSwitch button.active,
.theme-light .companyOverviewTabs button.active,
.theme-light .associatedSubTabs button.active {
  background:linear-gradient(90deg,#0B69DF,#22B7F2)!important;
  border-color:transparent!important;
  border-width:0!important;
  color:#FFFFFF !important;
  box-shadow:0 12px 26px rgba(11,105,223,.22)!important;
}
.theme-light .criteriaBtn.include,
.theme-light .tabScrollBtn,
.theme-light .iconButton {
  color:#0B69DF !important;
  border-color:#B9E8FF!important;
  background:#EAF8FF!important;
}
.theme-light .criteriaBtn.exclude {
  color:#0B1730 !important;
  border-color:#FECACA!important;
  background:#FFF7F7!important;
}
.theme-light .linkBtn{
  background:#EAF8FF!important;
  border-color:#B9E8FF!important;
  color:#0B69DF !important;
}

.theme-light .workspaceTabs button.active{
  background:#0B69DF!important;
  border:0!important;
  color:#FFFFFF !important;
  box-shadow:0 12px 26px rgba(11,105,223,.22)!important;
}

/* Statistics tab */
.statisticsPanel{display:grid;gap:14px}
.statisticsToolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:6px 0 2px}
.statisticsModeTabs{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.statisticsModeTabs span{color:#0B1730;font-size:13px;font-weight:550;margin-right:2px}
.statisticsModeTabs button{height:34px;border:1px solid var(--sl-border,#DDE5F2);background:#fff;color:#0B1730;border-radius:8px;padding:0 12px;font-size:13px;font-weight:550;cursor:pointer}
.statisticsModeTabs button.active{background:#0B69DF;color:#FFFFFF;border-color:#0B69DF;box-shadow:0 10px 22px rgba(11,105,223,.18)}
.totalByTabs{width:100%}
.statsTotalBy{display:flex;align-items:center;gap:8px;color:#0B1730;font-size:13px;font-weight:550;white-space:nowrap;position:relative}
.statsTotalSelect{height:36px;min-width:190px;border:1px solid var(--sl-border,#DDE5F2);border-radius:8px;background:#fff;color:#0B1730;padding:0 10px 0 12px;font-size:14px;font-weight:550;outline:0;display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer}
.statsTotalSelect svg{color:#0B69DF}
.statsGroupDropdown{left:auto;right:0;width:240px}
.statisticsTableWrap{overflow-x:auto;overflow-y:hidden;border:1px solid var(--sl-border,#DDE5F2);border-radius:12px;background:#fff}
.statisticsTable{width:100%;min-width:1320px;border-collapse:collapse;table-layout:fixed;background:#fff}
.statisticsTable th,.statisticsTable td{height:56px;padding:8px 10px;border-right:1px solid #E6ECF5;border-bottom:1px solid #E6ECF5;color:#0B1730;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right;vertical-align:middle}
.statisticsTable th{background:#EEF3FA;color:#0B1730;font-weight:550;text-transform:none;letter-spacing:0}
.statisticsTable th:nth-child(1),.statisticsTable td:nth-child(1){width:70px;text-align:center}
.statisticsTable th:nth-child(2),.statisticsTable td:nth-child(2){width:360px;text-align:left}
.statisticsTable th:nth-child(3),.statisticsTable td:nth-child(3){width:130px}
.statisticsTable th:nth-child(4),.statisticsTable td:nth-child(4){width:120px}
.statisticsTable th:nth-child(5),.statisticsTable td:nth-child(5){width:100px}
.statisticsTable th:nth-child(6),.statisticsTable td:nth-child(6),.statisticsTable th:nth-child(7),.statisticsTable td:nth-child(7){width:130px}
.statisticsTable th:nth-child(8),.statisticsTable td:nth-child(8),.statisticsTable th:nth-child(9),.statisticsTable td:nth-child(9),.statisticsTable th:nth-child(10),.statisticsTable td:nth-child(10){width:120px}
.statisticsTable th:nth-child(11),.statisticsTable td:nth-child(11){width:110px}
.statisticsTable tbody tr{cursor:pointer}
.statisticsTable tbody tr.activeStatsRow td{color:inherit;border-color:inherit}
.statsSearchBtn{height:26px;min-width:78px;border:1px solid #B9E8FF;background:#EAF8FF;color:#0B69DF;border-radius:7px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:550;cursor:pointer}
.statsRowActions{display:flex;align-items:center;justify-content:center;gap:7px}
.statsIconBtn{width:30px;height:28px;border-radius:0;display:inline-grid;place-items:center;cursor:pointer}

.statsIconBtn.track{cursor:pointer}
.statsNameCell{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;min-width:0;min-height:42px}
.statsNameCell span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.statsPagination{padding-top:0}
.statsShipmentRecords{display:grid;gap:10px;padding-top:4px}
.statsShipmentRecords h4{margin:0;color:#0B1730;font-size:15px;font-weight:550;display:flex;align-items:center;gap:10px}
.statsShipmentRecords h4::before{content:"";width:4px;height:16px;background:#0B69DF;border-radius:0}
.statsShipmentRecords h4 span{max-width:560px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0B1730;font-size:13px;font-weight:550}
.compactStatsShipments table{min-width:1320px;table-layout:fixed}
.compactStatsShipments th,.compactStatsShipments td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.compactStatsShipments th:nth-child(1),.compactStatsShipments td:nth-child(1){width:105px}
.compactStatsShipments th:nth-child(2),.compactStatsShipments td:nth-child(2){width:90px}
.compactStatsShipments th:nth-child(3),.compactStatsShipments td:nth-child(3){width:280px}
.compactStatsShipments th:nth-child(4),.compactStatsShipments td:nth-child(4){width:170px}
.compactStatsShipments th:nth-child(5),.compactStatsShipments td:nth-child(5){width:230px}
.compactStatsShipments th:nth-child(6),.compactStatsShipments td:nth-child(6){width:140px}
.compactStatsShipments th:nth-child(7),.compactStatsShipments td:nth-child(7){width:170px}
.compactStatsShipments th:nth-child(8),.compactStatsShipments td:nth-child(8){width:230px}
.compactStatsShipments th:nth-child(9),.compactStatsShipments td:nth-child(9){width:110px;text-align:right}
.compactStatsShipments th:nth-child(10),.compactStatsShipments td:nth-child(10){width:130px;text-align:right}
.compactStatsShipments th:nth-child(11),.compactStatsShipments td:nth-child(11){width:90px;text-align:center}
.theme-dark .statisticsModeTabs button,.theme-dark .statsTotalSelect,.theme-dark .statisticsTableWrap,.theme-dark .statisticsTable{background:#0F1325;border-color:#242C49;color:#FFFFFF}
.theme-dark .statisticsTable th{background:#151B31;color:#FFFFFF;border-color:#242C49}
.theme-dark .statisticsTable td{background:#0F1325;color:#FFFFFF;border-color:#242C49}
.theme-dark .statisticsTable tbody tr.activeStatsRow td{color:inherit}
.theme-dark .statsShipmentRecords h4{color:#FFFFFF}
.theme-dark .statsShipmentRecords h4 span{color:#FFFFFF}
@media(max-width:760px){.statsTotalBy{width:100%}.statsTotalSelect{flex:1}.statsGroupDropdown{left:0;right:auto;width:100%}.statisticsToolbar{align-items:flex-start}}

.theme-light .primary,
.theme-light .searchButton,
.theme-light .download,
.theme-light .resultActions .primary,
.theme-light .sidebar button.active,
.theme-light .sidebar button:hover,
.theme-light .resultTabs button.active,
.theme-light .partyTabs button.active,
.theme-light .dataTypeSwitch button.active,
.theme-light .companyOverviewTabs button.active,
.theme-light .associatedSubTabs button.active {
  background:#0B69DF!important;
  border:0!important;
  color:#FFFFFF !important;
  box-shadow:0 12px 26px rgba(11,105,223,.22)!important;
}

/* Plain global search title */
.searchTitle h2{margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#0B1730 !important;font-size:28px!important;font-weight:550!important;letter-spacing:0!important}
.theme-dark .searchTitle h2{color:#FFFFFF !important}
@media(max-width:760px){.searchTitle h2{font-size:22px!important}}
.searchTitleRow{justify-content:flex-start!important}
.searchTitle{display:flex!important;align-items:center!important;gap:14px!important;flex-wrap:wrap!important;min-width:0}
.searchTitle h2{max-width:min(920px,100%)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.searchTitle .dataTypeSwitch button{max-width:280px!important;overflow:hidden!important;text-overflow:ellipsis!important}
.searchTitleControls{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;min-width:0}
.searchTitleControls .databaseModeControl{display:inline-flex!important;align-items:center!important;gap:6px!important}
.searchTitleControls .advancedToggle{width:auto!important;height:40px!important;padding:0 14px!important}
.searchTitleControls .advancedToggle .dateText{font-size:13px!important}

/* Light result navigation */
.resultTabs{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  width:100%!important;
  padding:0 0 12px!important;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid rgba(148,163,184,.24)!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.resultTabs button{
  position:relative!important;
  height:44px!important;
  min-width:0!important;
  padding:0 18px!important;
  border:1px solid transparent!important;
  border-radius:0!important;
  background:transparent!important;
  color:#0B1730 !important;
  font-size:15px!important;
  font-weight:550!important;
  box-shadow:none!important;
}
.resultTabs button::after{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  bottom:-13px;
  height:3px;
  border-radius:0;
  background:transparent;
}
.resultTabs button:hover{
  background:#F5F7FA!important;
  color:#414F5F !important;
}
.resultTabs button.active{
  background:rgba(11,105,223,.12)!important;
  color:#0B69DF !important;
  border-color:rgba(11,105,223,.34)!important;
  box-shadow:0 10px 22px rgba(11,105,223,.12)!important;
}
.resultTabs button.active::after{background:#0B69DF}
.theme-dark .resultTabs{border-bottom-color:#242C49!important}
.theme-dark .resultTabs button{color:#FFFFFF !important}
.theme-dark .resultTabs button:hover{background:#151B31!important;color:#FFFFFF !important}
.theme-dark .resultTabs button.active{background:rgba(11,105,223,.18)!important;color:#FFFFFF !important;border-color:rgba(111,121,255,.38)!important}
@media(max-width:760px){.resultTabs{gap:8px!important}.resultTabs button{flex:1 1 100%!important}}

/* Clear favourite category selection */
.favouriteTabs{
  display:flex!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
.favouriteTabs button{
  height:42px!important;
  min-width:120px!important;
  border:1px solid var(--sl-border,#DDE5F2)!important;
  background:#fff!important;
  color:#0B1730 !important;
  border-radius:0!important;
  padding:0 16px!important;
  font-size:15px!important;
  font-weight:550!important;
  box-shadow:0 8px 18px rgba(31,55,90,.05)!important;
}
.favouriteTabs button:hover{
  background:#EAF8FF!important;
  border-color:#93C5FD!important;
  color:#0B69DF !important;
}
.favouriteTabs button.active{
  background:#0B69DF!important;
  border-color:#0B69DF!important;
  color:#FFFFFF !important;
  box-shadow:0 12px 26px rgba(11,105,223,.22)!important;
}
.theme-dark .favouriteTabs button{background:#11172A!important;border-color:#242C49!important;color:#FFFFFF !important}
.theme-dark .favouriteTabs button.active{background:#0B69DF!important;color:#FFFFFF !important}

/* Custom themed date range picker */
.rangeCalendarDropdown{width:660px!important;display:grid!important;grid-template-columns:150px minmax(0,1fr)!important;gap:0!important;padding:0!important;overflow:hidden!important;border-radius:0!important}
.rangeQuickDates{display:grid!important;align-content:start!important;gap:0!important;padding:12px 0!important;border-right:1px solid var(--sl-border,#DDE5F2)!important;background:#F8FAFD!important}
.rangeQuickDates button{height:36px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#0B1730 !important;padding:0 14px!important;text-align:left!important;font-size:13px!important;font-weight:550!important;box-shadow:none!important}
.rangeQuickDates button:hover,.rangeQuickDates button.active{background:#0B69DF!important;color:#FFFFFF !important}
.rangeCalendarPanel{padding:10px 12px!important;background:var(--sl-surface,#fff);display:grid;gap:8px;min-width:0}
.rangeDateFields{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rangeDateFields button{height:48px;border:1px solid var(--sl-border,#DDE5F2);background:#fff;color:#0B1730;border-radius:9px;padding:6px 10px;display:grid;gap:2px;text-align:left;cursor:pointer}
.rangeDateFields button span{font-size:11px;font-weight:550;text-transform:uppercase;color:#0B1730}
.rangeDateFields button b{font-size:14px;color:#0B1730;font-weight:550}
.rangeDateFields button.active{border-color:#0B69DF;background:#EAF8FF}
.rangeSelectedHint{min-height:28px;border:1px solid #CFEFFF;background:#F0FAFF;color:#0B69DF;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:550}
.rangeCalendars{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.miniCalendar{display:grid;gap:6px;min-width:0}
.miniCalendarHead{display:grid;grid-template-columns:28px minmax(58px,1fr) minmax(62px,1fr) 28px;align-items:center;gap:6px;color:#0B1730;font-size:13px;font-weight:550;min-height:30px}
.miniCalendarHead b{color:#0B1730}
.calendarRole{margin:0!important;color:#0B1730 !important;font-size:11px!important;font-weight:550!important;text-align:center;text-transform:uppercase;letter-spacing:.02em}
.miniCalendarHead select{height:28px;width:100%;min-width:0;border:0;background:transparent;color:#0B1730;font-size:13px;font-weight:550;outline:0;cursor:pointer;padding:0 1px;text-align:center}
.miniCalendarHead select:hover{color:#0B69DF}
.calendarArrow{width:28px;height:28px;border:1px solid var(--sl-border,#DDE5F2);background:#fff;color:#0B69DF;border-radius:0;display:grid;place-items:center;cursor:pointer}
.calendarArrow:first-child svg{transform:rotate(180deg)}
.calendarArrow:hover{background:#EAF8FF;border-color:#B9E8FF}
.weekDays,.calendarDays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.weekDays span{height:20px;display:grid;place-items:center;color:#0B1730;font-size:12px;font-weight:550}
.calendarDays button{height:27px;border:0;background:transparent;color:#0B1730;border-radius:0;font-size:13px;font-weight:550;cursor:pointer}
.calendarDays button:hover{background:#EAF8FF;color:#0B69DF}
.calendarDays button.muted{color:#0B1730}
.calendarDays button.disabled{opacity:.35;cursor:not-allowed;background:transparent!important;color:#0B1730 !important}
.calendarDays button.emptyDay{opacity:0;pointer-events:none}
.calendarDays button.inRange{background:#EAF8FF;color:#0B69DF}
.calendarDays button.selected{background:#0B69DF!important;color:#FFFFFF !important;box-shadow:0 8px 18px rgba(11,105,223,.22)}
.rangeCalendarActions{display:flex;justify-content:flex-end;gap:8px;padding-top:2px}
.rangeCalendarActions button{height:34px;min-width:78px}
.rangeCalendarActions button:disabled{opacity:.5;cursor:not-allowed}
.theme-dark .rangeQuickDates{background:#11172A!important;border-color:#242C49!important}
.theme-dark .rangeQuickDates button{color:#FFFFFF !important}
.theme-dark .rangeCalendarPanel,.theme-dark .rangeDateFields button{background:#0F1325;color:#FFFFFF;border-color:#242C49}
.theme-dark .rangeDateFields button.active{background:#151B31;border-color:#0B69DF}
.theme-dark .rangeSelectedHint{background:#151B31;border-color:#242C49;color:#FFFFFF}
.theme-dark .rangeDateFields button b,.theme-dark .miniCalendarHead b{color:#FFFFFF}
.theme-dark .calendarRole{color:#FFFFFF !important}
.theme-dark .miniCalendarHead select{color:#FFFFFF;background:#0F1325}
.theme-dark .calendarArrow{background:#11172A;border-color:#242C49;color:#0B69DF}
.theme-dark .calendarDays button{color:#FFFFFF}
.theme-dark .calendarDays button.muted{color:#FFFFFF}
.theme-dark .calendarDays button:hover,.theme-dark .calendarDays button.inRange{background:#151B31;color:#0B69DF}
@media(max-width:820px){.rangeCalendarDropdown{width:min(94vw,680px)!important;grid-template-columns:1fr!important}.rangeQuickDates{grid-template-columns:repeat(2,1fr)!important;border-right:0!important;border-bottom:1px solid var(--sl-border,#DDE5F2)!important}.rangeCalendars{grid-template-columns:1fr}.rangeDateFields{grid-template-columns:1fr}}

/* History menu and log table */
.sidebarSubmenu{display:grid;gap:6px;width:100%;padding-left:12px;margin-top:-2px}
.sidebarSubmenu button{height:34px!important;min-height:34px!important;border-radius:0!important;font-size:12px!important;font-weight:550!important;padding:0 12px!important;background:transparent!important;color:#FFFFFF !important;box-shadow:none!important}
.sidebarSubmenu button.active,.sidebarSubmenu button:hover{background:rgba(11,105,223,.12)!important;color:#FFFFFF !important;border:1px solid rgba(11,105,223,.22)!important}
.sidebar:not(:hover) .sidebarSubmenu{display:none!important}
.theme-light .sidebarSubmenu button{color:#0B1730 !important}
.theme-light .sidebarSubmenu button.active,.theme-light .sidebarSubmenu button:hover{background:#EAF8FF!important;color:#0B69DF !important;border-color:#B9E8FF!important}
.historyPage{padding-top:28px}
.historyPanel{overflow:hidden}
.historyHead{margin-bottom:12px}
.historyTabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.historyTabs button{height:38px;border:1px solid var(--sl-border,#DDE5F2);background:var(--sl-surface,#fff);color:var(--sl-muted,#0B1730);border-radius:0;padding:0 14px;font:inherit;font-weight:550;cursor:pointer}
.historyTabs button.active{background:#0B69DF!important;border-color:#0B69DF!important;color:#FFFFFF !important;box-shadow:0 12px 26px rgba(11,105,223,.18)}
.historyTableWrap{border:1px solid var(--sl-border,#DDE5F2);border-radius:12px;overflow:auto;background:var(--sl-surface,#fff)}
.historyTable{min-width:1180px;width:100%;border-collapse:collapse;table-layout:fixed}
.historyTable th,.historyTable td{height:auto;min-height:48px;padding:12px 14px;border-bottom:1px solid var(--sl-border,#DDE5F2);font-size:14px;text-align:center;vertical-align:middle;white-space:normal;overflow:hidden;overflow-wrap:anywhere;word-break:break-word}
.historyTable th{background:#0B69DF!important;color:#FFFFFF!important;border-color:#0A79BB!important;text-transform:none;letter-spacing:0;font-size:14px;font-weight:550}
.historyTable td{color:#0B1730}
.historySearchTable th:nth-child(1),.historySearchTable td:nth-child(1){width:5%}
.historySearchTable th:nth-child(2),.historySearchTable td:nth-child(2){width:10%}
.historySearchTable th:nth-child(3),.historySearchTable td:nth-child(3){width:10%}
.historySearchTable th:nth-child(4),.historySearchTable td:nth-child(4){width:45%;text-align:left}
.historySearchTable th:nth-child(5),.historySearchTable td:nth-child(5){width:20%}
.historySearchTable th:nth-child(6),.historySearchTable td:nth-child(6){width:10%}
.historyDownloadTable th:nth-child(1),.historyDownloadTable td:nth-child(1){width:5%}
.historyDownloadTable th:nth-child(2),.historyDownloadTable td:nth-child(2){width:10%}
.historyDownloadTable th:nth-child(3),.historyDownloadTable td:nth-child(3){width:10%}
.historyDownloadTable th:nth-child(4),.historyDownloadTable td:nth-child(4){width:35%;text-align:left}
.historyDownloadTable th:nth-child(5),.historyDownloadTable td:nth-child(5){width:10%}
.historyDownloadTable th:nth-child(6),.historyDownloadTable td:nth-child(6){width:15%}
.historyDownloadTable th:nth-child(7),.historyDownloadTable td:nth-child(7){width:15%}
.historyCellClamp{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:10;line-clamp:10;max-width:100%;max-height:13.5em;overflow:hidden;text-overflow:ellipsis;white-space:normal;overflow-wrap:anywhere;word-break:break-word;line-height:1.35}
.historyTable tbody tr:nth-child(even) td{background:#FFFFFF}
.historyActionBtn{display:block;width:100%;max-width:100%;border:0;background:transparent;color:#0B69DF;font:inherit;font-weight:550;cursor:pointer;padding:6px 8px;border-radius:0;text-align:center}
.historyEmpty{text-align:center!important;color:#0B1730 !important;height:90px!important}
.theme-dark .historyTabs button,.theme-dark .historyTableWrap{background:#0F1325;border-color:#242C49;color:#FFFFFF}
.theme-dark .historyTable th{background:#0B69DF!important;color:#FFFFFF!important;border-color:#0A79BB!important}
.theme-dark .historyTable td{background:#0F1325;color:#FFFFFF;border-color:#242C49}
.theme-dark .historyTable tbody tr:nth-child(even) td{background:#11172A}
.theme-dark .historyActionBtn{color:#0B69DF}

/* Download permission popup */
.downloadLimitBtn{height:38px;width:40px;border:1px solid var(--sl-border,#DDE5F2);background:#fff;color:#0B69DF;border-radius:8px;display:inline-grid;place-items:center;cursor:pointer}
.downloadLimitModal{width:min(980px,92vw)!important;padding:0 0 52px!important;border-radius:0!important;overflow:hidden!important;box-shadow:0 24px 70px rgba(15,35,70,.22)!important}
.downloadLimitModal h3{margin:0 0 18px!important;color:var(--sl-text,#0B1730)}
.downloadLimitModal h3{height:50px;margin:0!important;padding:13px 24px!important;border-bottom:1px solid var(--sl-border,#DDE5F2);font-size:17px!important;font-weight:550;background:linear-gradient(180deg,#F8FAFD,#F1F5FB)!important}
.downloadLimitModal .close{top:10px!important;right:12px!important;background:#FFFFFF!important;border:1px solid #DDE5F2!important;color:#0B1730 !important;box-shadow:0 8px 20px rgba(31,55,90,.08)!important;border-radius:0!important}
.downloadLimitTableWrap{margin:16px 24px 0;border:1px solid var(--sl-border,#DDE5F2);border-radius:10px;overflow:hidden;background:var(--sl-surface,#fff)}
.downloadLimitTable{min-width:0;width:100%;table-layout:fixed;border-collapse:collapse}
.downloadLimitTable th,.downloadLimitTable td{height:34px;padding:7px 6px;border-bottom:1px solid var(--sl-border,#DDE5F2);border-right:1px solid var(--sl-border,#DDE5F2);text-align:center;font-size:13px;white-space:normal;line-height:1.25}
.downloadLimitTable th:first-child,.downloadLimitTable td:first-child{text-align:center;width:15%}
.downloadLimitTable th:nth-child(2),.downloadLimitTable td:nth-child(2){width:10%}
.downloadLimitTable th:nth-child(3),.downloadLimitTable td:nth-child(3){width:10%}
.downloadLimitTable th:nth-child(4),.downloadLimitTable td:nth-child(4){width:12%}
.downloadLimitTable th:nth-child(5),.downloadLimitTable td:nth-child(5){width:12%}
.downloadLimitTable th:nth-child(6),.downloadLimitTable td:nth-child(6){width:10%}
.downloadLimitTable th:nth-child(7),.downloadLimitTable td:nth-child(7){width:10%}
.downloadLimitTable th:nth-child(8),.downloadLimitTable td:nth-child(8){width:11%}
.downloadLimitTable th{background:linear-gradient(180deg,#F8FAFD,#EEF3FA);color:#0B1730;font-weight:550;text-transform:none;letter-spacing:0}
.downloadLimitTable td{color:#0B1730}
.downloadLimitTable tr:last-child td{border-bottom:0}
.downloadLimitTable th:last-child,.downloadLimitTable td:last-child{border-right:0}
.theme-dark .downloadLimitBtn{background:#11172A;border-color:#242C49;color:#0B69DF}
.theme-dark .downloadLimitBtn{}
.theme-dark .downloadLimitModal{box-shadow:0 26px 80px rgba(0,0,0,.38)!important}
.theme-dark .downloadLimitModal h3{background:linear-gradient(180deg,#151B31,#10162A)!important;border-color:#242C49!important;color:#FFFFFF !important}
.theme-dark .downloadLimitModal .close{background:#11172A!important;border-color:#242C49!important;color:#FFFFFF !important}
.theme-dark .downloadLimitTableWrap{background:#0F1325;border-color:#242C49}
.theme-dark .downloadLimitTable th{background:#0F1325;color:#FFFFFF;border-color:#242C49}
.theme-dark .downloadLimitTable td{background:#0F1325;color:#FFFFFF;border-color:#242C49}

/* My profile page */
.myProfilePage{display:grid;gap:18px}
.profileInfoPanel{background:#fff;border:1px solid #DDE5F2;border-radius:12px;overflow:hidden;box-shadow:0 18px 42px rgba(31,55,90,.08)}
.profileSectionHead{min-height:54px;background:linear-gradient(180deg,#F8FAFD,#EEF3FA);border-bottom:1px solid #DDE5F2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 24px;color:#0B1730}
.profileSectionHead>div:first-child{display:flex;align-items:center;gap:12px;font-weight:550}
.profileSectionHead svg{color:#0B1730}
.profileLoginMeta,.serviceMeta{display:flex;align-items:center;gap:26px;flex-wrap:wrap;color:#0B1730;font-size:13px}
.profileLoginMeta b,.serviceMeta b{color:#0B1730;font-weight:550}
.serviceMeta b:first-child{color:#0B1730}
.serviceMeta em{color:#0B1730;font-style:normal;font-weight:550}
.profileIdentity{min-height:220px;padding:36px 38px;display:flex;align-items:center;gap:34px}
.profileAvatarLarge{width:150px;height:150px;border-radius:50%;background:linear-gradient(145deg,#0B69DF,#22B7F2);display:grid;place-items:center;position:relative;overflow:hidden;color:#FFFFFF;box-shadow:0 18px 38px rgba(11,105,223,.28),inset 0 -22px 40px rgba(0,29,88,.16)}
.profileAvatarIcon{width:100%;height:100%;position:relative}
.profileAvatarIcon span{position:absolute;left:50%;top:25px;width:58px;height:58px;border-radius:50%;transform:translateX(-50%);background:linear-gradient(145deg,#CFEFFF,#8FA8FF);box-shadow:0 12px 24px rgba(10,27,74,.22)}
.profileAvatarIcon b{position:absolute;left:50%;bottom:-44px;width:126px;height:96px;border-radius:50% 50% 0 0;transform:translateX(-50%);background:linear-gradient(145deg,#CFEFFF,#8FA8FF);box-shadow:0 -10px 22px rgba(10,27,74,.16)}
.profileIdentity h2{margin:0 0 16px;color:#0B1730;font-size:24px}
.profileIdentity p{display:flex;align-items:center;gap:12px;margin:0;color:#0B1730;font-size:16px}
.profileIdentity p svg{color:#0B1730}
.serviceInfoPanel{padding-bottom:26px}
.orderTitle{height:52px;display:flex;align-items:center;gap:14px;padding:0 26px;color:#0B1730;font-weight:550}
.orderTitle i{width:5px;height:22px;background:#0B1730;display:block}
.profileOrderTableWrap{margin:0 26px;border-radius:10px;overflow:hidden;border:1px solid #E6ECF5}
.profileOrderTable{min-width:0;width:100%;table-layout:fixed;border-collapse:collapse}
.profileOrderTable th,.profileOrderTable td{height:48px;padding:12px 16px;text-align:center;border-bottom:1px solid #E6ECF5;font-size:14px}
.profileOrderTable th{background:#F4F6FA;color:#0B1730;text-transform:none;letter-spacing:0;font-weight:550}
.profileOrderTable td{color:#0B1730}
.profileOrderTable tbody tr:nth-child(even) td{background:#FFFFFF}
.profileOrderTable tr:last-child td{border-bottom:0}
.profileOrderTable th:nth-child(2),.profileOrderTable td:nth-child(2){text-align:left}
.theme-dark .profileInfoPanel{background:#0F1325;border-color:#242C49;box-shadow:0 22px 60px rgba(0,0,0,.28)}
.theme-dark .profileSectionHead{background:linear-gradient(180deg,#151B31,#10162A);border-color:#242C49;color:#FFFFFF}
.theme-dark .profileSectionHead svg,.theme-dark .profileLoginMeta b,.theme-dark .profileIdentity h2,.theme-dark .profileIdentity p,.theme-dark .orderTitle{color:#FFFFFF}
.theme-dark .profileLoginMeta,.theme-dark .serviceMeta{color:#FFFFFF}
.theme-dark .serviceMeta b{color:#0B69DF}
.theme-dark .orderTitle i{background:#47BFF2}
.theme-dark .profileOrderTableWrap{border-color:#242C49}
.theme-dark .profileOrderTable th{background:#151B31;color:#FFFFFF;border-color:#242C49}
.theme-dark .profileOrderTable td{background:#0F1325;color:#FFFFFF;border-color:#242C49}
.theme-dark .profileOrderTable tbody tr:nth-child(even) td{background:#11172A}
@media(max-width:900px){.profileSectionHead{align-items:flex-start;flex-direction:column;padding:14px 18px}.profileLoginMeta,.serviceMeta{gap:8px;flex-direction:column;align-items:flex-start}.profileIdentity{padding:26px 20px;align-items:flex-start;flex-direction:column}.profileOrderTableWrap{margin:0 16px;overflow:auto}.profileOrderTable{min-width:760px}}

/* Sub account management */
.subAccountPanel{background:#fff;border:1px solid #DDE5F2;border-radius:12px;padding:26px;box-shadow:0 18px 42px rgba(31,55,90,.08)}
.subAccountToolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.subAccountToolbar .primary span{font-weight:550;opacity:.9}
.subAccountApiSummary{display:grid;gap:3px;color:#0B1730}.subAccountApiSummary b{font-size:15px}.subAccountApiSummary span{font-size:12px;color:#0B1730}.subAccountToolbarActions{display:flex;align-items:center;gap:10px}.subAccountToolbar button:disabled,.subAccountForm button:disabled,.subAccountTable button:disabled{opacity:.55;cursor:not-allowed}.subAccountNotice{margin:-4px 0 14px;padding:10px 12px;border:1px solid #B7E4D3;border-radius:8px;background:#EEFBF6;color:#0B1730;font-weight:550;font-size:13px}.subPowerEmpty{text-align:center!important;color:#0B1730 !important;padding:30px!important}.subPlanLabel small{margin-left:auto;font-size:11px;color:#0B1730}.subSystemChecks label>span{display:inline-grid;gap:1px}.subSystemChecks label>span>small{font-size:10px;color:#0B1730;font-weight:550}.subStatusText.on{color:#0B1730;font-weight:550}
.subAccountTopError{margin:-4px 0 14px!important;text-align:right}
.subAccountTableWrap{border:1px solid #E6ECF5;border-radius:10px;overflow:hidden}
.subAccountTable{min-width:0;width:100%;table-layout:fixed;border-collapse:collapse}
.subAccountTable th,.subAccountTable td{padding:10px 12px;text-align:center;border-bottom:1px solid #E6ECF5;font-size:14px;vertical-align:middle}
.subAccountTable th{background:#F4F6FA;color:#0B1730;text-transform:none;letter-spacing:0;font-weight:550}
.subAccountTable th:nth-child(1),.subAccountTable td:nth-child(1){width:52px}
.subAccountTable th:nth-child(2),.subAccountTable td:nth-child(2){width:150px}
.subAccountTable th:nth-child(3),.subAccountTable td:nth-child(3){width:150px}
.subAccountTable th:nth-child(4),.subAccountTable td:nth-child(4){width:auto}
.subAccountTable th:nth-child(5),.subAccountTable td:nth-child(5){width:104px}
.subAccountTable th:nth-child(6),.subAccountTable td:nth-child(6){width:100px}
.subAccountTable th:nth-child(7),.subAccountTable td:nth-child(7){width:100px}
.subAccountTable td:nth-child(4){white-space:normal;text-align:left;line-height:1.9;word-break:normal}
.subStatusText,.subEditBtn{border:0;background:transparent;font:inherit;color:#0B1730;cursor:pointer;padding:4px 8px;border-radius:6px}
.subStatusText.off{color:#0B1730}
.subAccountEmpty{height:180px!important;color:#0B1730 !important;background:#fff!important;font-weight:550}
.subAccountModal{width:min(1280px,94vw)!important;max-height:88vh!important;padding:0!important;border-radius:0!important;overflow:hidden!important}
.subFormHead{height:50px;background:linear-gradient(180deg,#F8FAFD,#EEF3FA);border-bottom:1px solid #DDE5F2;display:flex;align-items:center;gap:12px;padding:0 20px;color:#0B1730;font-weight:550}
.subFormHead svg{color:#0B69DF}
.subAccountForm{display:grid;padding:16px 22px 22px;max-height:calc(88vh - 50px);overflow:auto}
.subAccountTopFields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px}
.subAccountTopFields label{display:grid;gap:6px;color:#0B1730;font-weight:550}
.subAccountTopFields label span{text-align:left;padding:0}
.subAccountForm input{height:36px;border:1px solid #C9D6E8;border-radius:6px;background:#fff;color:#0B1730;font:inherit;padding:0 12px;width:min(360px,100%)}
.subAccountForm input::placeholder{color:var(--eximbot-note)}
.subPlanBlock{border:1px solid #E6ECF5;border-radius:10px;overflow:hidden;background:#fff}
.subPlanLabel{height:40px;display:flex;align-items:center;padding:0 14px;background:linear-gradient(180deg,#F8FAFD,#EEF3FA);border-bottom:1px solid #E6ECF5;color:#0B1730;font-weight:550}
.subPlanTableWrap{max-height:420px;overflow:auto}
.subPlanTable{min-width:0;width:100%;table-layout:fixed;border-collapse:collapse}
.subPlanTable th,.subPlanTable td{padding:9px 10px;border-bottom:1px solid #E6ECF5;border-right:1px solid #E6ECF5;font-size:12px;vertical-align:top;white-space:normal}
.subPlanTable th{background:#F4F6FA;color:#0B1730;text-align:left;text-transform:none;letter-spacing:0;font-weight:550;position:sticky;top:0;z-index:2}
.subPlanTable th:nth-child(1),.subPlanTable td:nth-child(1){width:110px}
.subPlanTable th:nth-child(2),.subPlanTable td:nth-child(2){width:170px}
.subPlanTable th:last-child,.subPlanTable td:last-child{border-right:0}
.subPlanTable tr:last-child td{border-bottom:0}
.subPlanTable label{display:inline-flex;align-items:center;gap:5px;color:#0B1730;font-weight:400;margin:0;border:0;min-height:0}
.subPlanTable input{width:auto;height:auto;margin:0;accent-color:#0B69DF}
.subSystemChecks{display:flex;gap:8px 14px;flex-wrap:wrap}
.subSystemChecks label{white-space:nowrap}
.subAccountBottomFields{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:14px;margin-top:14px}
.subAccountBottomFields label{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;color:#0B1730;font-weight:550}
.subAccountBottomFields label>span{text-align:left;padding:0}
.ipRow{display:flex;align-items:center;gap:12px}
.ipRow input{width:min(430px,100%)}
.statusToggle{display:inline-flex;border:1px solid #AEBBCA;border-radius:3px;overflow:hidden;width:78px}
.statusToggle button{height:34px;border:0;background:#fff;flex:1;color:#0B1730;font-weight:550}
.statusToggle button.active{background:#6B7787;color:#FFFFFF}
.subFormActions{display:flex;gap:12px;padding-top:16px}
.subFormActions .primary,.subFormActions .ghost{width:138px;justify-content:center}
.theme-dark .subAccountPanel,.theme-dark .subAccountModal{background:#0F1325;border-color:#242C49;box-shadow:0 22px 60px rgba(0,0,0,.28)}
.theme-dark .subAccountApiSummary{color:#FFFFFF}.theme-dark .subAccountApiSummary span,.theme-dark .subPlanLabel small,.theme-dark .subSystemChecks label>span>small{color:#FFFFFF}.theme-dark .subAccountNotice{background:#102C25;border-color:#255F4E;color:#FFFFFF}.theme-dark .subStatusText.on{color:#FFFFFF}
.theme-dark .subAccountTableWrap,.theme-dark .subAccountForm label,.theme-dark .subPlanBlock{border-color:#242C49}
.theme-dark .subAccountTable th,.theme-dark .subFormHead{background:linear-gradient(180deg,#151B31,#10162A);color:#FFFFFF;border-color:#242C49}
.theme-dark .subAccountTable td,.theme-dark .subAccountEmpty{background:#0F1325!important;color:#FFFFFF !important;border-color:#242C49}
.theme-dark .subStatusText,.theme-dark .subEditBtn{color:#FFFFFF}
.theme-dark .subStatusText.off{color:#FFFFFF}
.theme-dark .subAccountForm label,.theme-dark .subAccountTopFields label,.theme-dark .subAccountBottomFields label{color:#FFFFFF}
.theme-dark .subAccountForm input{background:#11172A;border-color:#242C49;color:#FFFFFF}
.theme-dark .subPlanBlock{background:#0F1325}
.theme-dark .subPlanLabel,.theme-dark .subPlanTable th{background:linear-gradient(180deg,#151B31,#10162A);border-color:#242C49;color:#FFFFFF}
.theme-dark .subPlanTable td{background:#0F1325;border-color:#242C49;color:#FFFFFF}
.theme-dark .subPlanTable label{color:#FFFFFF}
.theme-dark .statusToggle{border-color:#242C49}
.theme-dark .statusToggle button{background:#11172A;color:#FFFFFF}
.theme-dark .statusToggle button.active{background:#0B69DF;color:#FFFFFF}
@media(max-width:760px){.subAccountPanel{padding:16px}.subAccountToolbar{align-items:flex-start;justify-content:flex-start;flex-wrap:wrap}.subAccountToolbarActions{width:100%;flex-wrap:wrap}.subAccountTableWrap{overflow:auto}.subAccountTable{min-width:820px}.subAccountTopFields,.subAccountBottomFields{grid-template-columns:1fr}.subAccountBottomFields label{grid-template-columns:1fr;gap:7px}.subFormActions{margin-left:0;flex-wrap:wrap}.subPlanTableWrap{overflow:auto}.subPlanTable{min-width:900px}}

/* Password change */
.passwordPanel{background:#fff;border:1px solid #DDE5F2;border-radius:12px;overflow:hidden;box-shadow:0 18px 42px rgba(31,55,90,.08)}
.passwordHead{height:48px;background:linear-gradient(180deg,#F8FAFD,#EEF3FA);border-bottom:1px solid #DDE5F2;display:flex;align-items:center;gap:12px;padding:0 18px;color:#0B1730;font-weight:550}
.passwordHead svg{color:#0B69DF}
.passwordFormTable{margin:26px;border:1px solid #E6ECF5;border-radius:10px;overflow:hidden}
.passwordFormTable>div{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:50px;border-bottom:1px solid #E6ECF5;background:#fff}
.passwordFormTable>div:last-child{border-bottom:0}
.passwordFormTable span{display:flex;align-items:center;padding:0 14px;background:#F8FAFD;color:#0B1730;border-right:1px solid #E6ECF5;font-weight:550}
.passwordFormTable strong{display:flex;align-items:center;padding:0 14px;color:#0B1730;font-weight:400}
.passwordFormTable input{align-self:center;width:min(330px,90%);height:34px;margin-left:14px;border:1px solid #C9D6E8;border-radius:7px;background:#fff;color:#0B1730;font:inherit;padding:0 10px}
.passwordFormTable .primary{align-self:center;width:136px;height:38px;justify-content:center;margin-left:14px}
.theme-dark .passwordPanel{background:#0F1325;border-color:#242C49;box-shadow:0 22px 60px rgba(0,0,0,.28)}
.theme-dark .passwordHead{background:linear-gradient(180deg,#151B31,#10162A);border-color:#242C49;color:#FFFFFF}
.theme-dark .passwordFormTable{border-color:#242C49}
.theme-dark .passwordFormTable>div{background:#0F1325;border-color:#242C49}
.theme-dark .passwordFormTable span{background:#11172A;color:#FFFFFF;border-color:#242C49}
.theme-dark .passwordFormTable strong{color:#FFFFFF}
.theme-dark .passwordFormTable input{background:#11172A;border-color:#242C49;color:#FFFFFF}
@media(max-width:700px){.passwordFormTable{margin:16px}.passwordFormTable>div{grid-template-columns:1fr}.passwordFormTable span{height:38px;border-right:0;border-bottom:1px solid #E6ECF5}.passwordFormTable input,.passwordFormTable .primary{margin:10px 14px}}

/* Top app strip with full logo */
.app{display:block!important;min-height:100vh}
.bodyShell{display:flex;min-height:calc(100vh - 58px)}
.bodyShell main{flex:1;min-width:0}
.topAppStrip{position:sticky;top:0;z-index:90;height:58px;display:grid;grid-template-columns:190px 38px minmax(0,max-content) 38px;align-items:center;gap:8px;padding:8px 180px 8px 0;background:rgba(246,248,252,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--sl-border,#DDE5F2)}
.topAppStrip .topBrandTitle{height:42px;width:190px;padding:0 0 0 10px;justify-content:flex-start}
.topAppStrip .topBrandTitle img{width:170px;height:42px;object-fit:contain}
.topAppStrip .workspaceTabs{min-width:0;max-width:calc(100vw - 470px)}
.topAppStrip .tabScrollBtn.next{position:fixed;right:224px!important;top:12px!important;z-index:132!important}
.topAppStrip+.bodyShell .sidebar{position:sticky!important;top:58px!important;height:calc(100vh - 58px)!important}
.topAppStrip+.bodyShell .sidebar .logoBrand{display:none!important}
.theme-dark .topAppStrip{background:rgba(15,19,37,.92);border-color:#242C49}
@media(max-width:760px){.topAppStrip{grid-template-columns:128px 34px minmax(0,1fr) 34px;padding-right:190px}.topAppStrip .topBrandTitle{width:128px}.topAppStrip .topBrandTitle img{width:118px}.topAppStrip .tabScrollBtn.next{right:160px!important}}

/* Sidebar user and theme mode */
.sidebar{display:flex!important;flex-direction:column!important}
.sidebarUserBox{width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) 38px;gap:10px;align-items:center;margin-top:auto!important;margin-bottom:0!important;padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.06)}
.sidebarUserAvatar{width:38px;height:38px;border-radius:10px;background:#0B69DF;color:#FFFFFF;display:grid;place-items:center;box-shadow:0 12px 24px rgba(11,105,223,.22)}
.sidebarUserText{min-width:0;display:grid;gap:2px}
.sidebarUserText b,.sidebarUserText span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebarUserText b{font-size:13px;color:#FFFFFF}
.sidebarUserText span{font-size:11px;color:#FFFFFF}
.sidebarLogoutBtn{width:38px!important;height:38px!important;min-height:38px!important;padding:0!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:0!important;background:rgba(255,255,255,.08)!important;color:#FFFFFF !important;display:grid!important;place-items:center!important;box-shadow:none!important}
.sidebarLogoutBtn:hover{background:#0B69DF!important;color:#FFFFFF !important;border-color:#0B69DF!important;box-shadow:0 10px 22px rgba(11,105,223,.22)!important}
.sidebarVersionText{grid-column:1/-1;display:flex;align-items:center;justify-content:center;min-width:0;color:#0B1730;font-size:11px;font-weight:550;line-height:1.2;text-align:center}
.sidebarVersionCompact{display:none}
.sidebarThemeToggle{grid-column:1/-1;height:34px!important;min-height:34px!important;border:1px solid rgba(255,255,255,.12)!important;background:#11172A!important;color:#FFFFFF !important;border-radius:0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:0 10px!important;font-size:13px!important;font-weight:550!important;box-shadow:none!important}
.sidebarThemeToggle svg{color:#0B69DF}
.sidebarThemeToggle:hover{border-color:#0B69DF!important;background:#151B31!important;color:#FFFFFF !important}
.sidebar:not(:hover) .sidebarUserBox{padding:0;border:0;background:transparent;grid-template-columns:1fr;justify-items:center;margin-top:auto!important;margin-bottom:0!important;gap:8px}
.sidebar:not(:hover) .sidebarUserText,.sidebar:not(:hover) .sidebarThemeToggle span{display:none}
.sidebar:not(:hover) .sidebarLogoutBtn{width:46px!important;height:38px!important}
.sidebar:not(:hover) .sidebarThemeToggle{grid-column:auto;width:46px!important;height:38px!important;padding:0!important}
.theme-light .sidebarUserBox{background:#FFFFFF;border-color:#DDE5F2}
.theme-light .sidebarUserText b{color:#0B1730}
.theme-light .sidebarUserText span{color:#0B1730}
.theme-light .sidebarLogoutBtn{background:#FFFFFF!important;color:#0B1730 !important;border-color:#DDE5F2!important}
.theme-light .sidebarLogoutBtn:hover{background:#EAF8FF!important;color:#0B69DF !important;border-color:#0B69DF!important}
.theme-light .sidebarThemeToggle{background:#FFFFFF!important;color:#0B1730 !important;border-color:#DDE5F2!important}
.theme-light .sidebarThemeToggle:hover{background:#EAF8FF!important;color:#0B69DF !important;border-color:#0B69DF!important}
.themeToggle.iconOnly{right:18px!important;top:10px!important;width:38px!important;height:34px!important;padding:0!important;justify-content:center!important;border-radius:0!important}
.themeToggle.iconOnly svg{margin:0!important}
.topUserControls{position:fixed;right:12px;top:8px;z-index:121;display:flex;align-items:center;gap:8px;height:42px}
.topUserControls .themeToggle.iconOnly{position:static!important}
.topUserName{width:146px;height:42px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 13px;border:0;border-radius:0;background:transparent;color:#0B1730;font-weight:550;font-size:13px;box-shadow:none;box-sizing:border-box}
.topUserName svg{color:#0B69DF}
.topUserName strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topUserName span{display:flex;flex-direction:column;justify-content:center;gap:3px;line-height:1}
.topUserName strong{font-size:13px;font-weight:550;color:inherit}
.topUserName em{font-style:normal;font-size:11px;color:#0B1730;font-weight:550}
.theme-dark .topUserName{background:transparent;border-color:transparent;color:#FFFFFF;box-shadow:none}
.theme-dark .topUserName svg{color:#0B69DF}
.theme-dark .topUserName em{color:#FFFFFF}
.tabScrollBtn.next,.topAppStrip .tabScrollBtn.next{position:static!important;right:auto!important;top:auto!important;z-index:132!important;height:34px!important;width:34px!important}
.workspaceTabsShell{padding-right:214px!important}

/* Login page — clean native layout. No reference screenshot is used as an image. */
.loginShell{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.14fr) minmax(430px,.86fr);overflow:hidden;position:relative;isolation:isolate;background:linear-gradient(135deg,#fff 0%,#F8FBFF 58%,#EEF5FF 100%);color:#0B1730;font-family:inherit}
.loginShell:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 8% 84%,rgba(11,105,223,.10),transparent 31%),radial-gradient(circle at 92% 12%,rgba(0,102,242,.08),transparent 28%),radial-gradient(circle at 76% 76%,rgba(11,105,223,.06),transparent 24%)}
.loginShell:after{content:none;display:none}
.loginShell *{font-family:inherit}
.loginBrandPanel{position:relative;isolation:isolate;z-index:1;min-height:100vh;min-height:100dvh;padding:clamp(42px,4.8vw,82px) clamp(42px,5.6vw,96px);display:flex;align-items:center;overflow:visible;background:transparent}
.loginBrandPanel:before{content:"";position:absolute;inset:0;z-index:-1;background:transparent}
.loginBrandContent{position:relative;z-index:3;width:min(720px,100%);display:flex;flex-direction:column;align-items:flex-start}
.loginHeroLogo{display:block;width:clamp(270px,25vw,405px);height:auto;object-fit:contain;margin:0 0 22px;filter:none}
.loginEyebrow{margin:0 0 clamp(34px,5vh,54px);display:flex;align-items:center;gap:11px;color:#0B69DF;font-size:13px;font-weight:550;letter-spacing:.15em;white-space:nowrap}
.loginEyebrow span{display:block;width:27px;height:2px;border-radius:999px;background:#006DF0}
.loginBrandPanel h1{margin:0;max-width:660px;color:#0B1730;font-size:clamp(43px,4.05vw,64px);line-height:1.06;letter-spacing:-.035em}
.loginBrandPanel h1 strong{color:#0B1730;font:inherit}
.loginBrandCopy{max-width:610px;margin:28px 0 0;color:#0B1730;font-size:clamp(16px,1.12vw,19px);line-height:1.58;font-weight:400}
.loginMapArt{display:none}
.loginMapArt:before,.loginMapArt:after,.loginMapArt span{content:"";position:absolute;border:1px solid rgba(0,111,238,.13);border-radius:50%}
.loginMapArt:before{inset:15% 6%;transform:rotate(-13deg)}
.loginMapArt:after{inset:5% 24%;transform:rotate(18deg)}
.loginMapArt span:nth-child(1){inset:25% 1%;transform:rotate(9deg)}
.loginMapArt span:nth-child(2){inset:3% 34%;transform:rotate(-8deg)}
.loginMapArt span:nth-child(3){inset:38% 10%;transform:rotate(-19deg)}
.loginStats{width:min(680px,100%);margin-top:clamp(38px,6vh,60px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}
.loginStat{position:relative;min-width:0;padding:0 clamp(11px,1.3vw,20px);display:grid;justify-items:center;text-align:center;gap:6px}
.loginStat:first-child{padding-left:0}.loginStat:last-child{padding-right:0}
.loginStat:not(:last-child):after{content:"";position:absolute;right:0;top:3px;bottom:3px;width:1px;background:#D7E4F5}
.loginStatIcon{height:36px;color:#0B1730;display:grid;place-items:center}
.loginStat b{color:#0B1730;font-size:clamp(27px,1.95vw,34px);line-height:1;font-weight:550;letter-spacing:-.02em}
.loginStat small{color:#0B1730;font-size:clamp(12px,.9vw,15px);line-height:1.3;font-weight:400}
.loginFormPanel{position:relative;z-index:1;min-height:100vh;min-height:100dvh;padding:clamp(34px,4.6vw,76px);display:grid;place-items:center;background:transparent}
.loginCard{width:min(520px,100%);padding:clamp(36px,3.7vw,54px);display:grid;gap:19px;background:rgba(255,255,255,.96);border:1px solid #DDE7F5;border-radius:0;box-shadow:0 26px 70px rgba(34,83,157,.14);backdrop-filter:blur(6px)}
.loginCardHead{display:grid;gap:11px;margin-bottom:10px}
.loginCardHead h1{margin:0;color:#0B1730;font-size:clamp(32px,2.35vw,40px);line-height:1.1;font-weight:550;letter-spacing:-.025em}
.loginCardHead p{margin:0;color:#0B1730;font-size:16px;line-height:1.5;font-weight:400}
.loginCard label{display:grid;gap:8px;color:#0B1730;font-size:12px;font-weight:550;letter-spacing:.025em;text-transform:uppercase}
.loginInputWrap{height:56px;border:1px solid #D4E0F1;border-radius:0;background:#fff;display:flex;align-items:center;gap:13px;padding:0 16px;transition:border-color .16s ease,box-shadow .16s ease}
.loginInputWrap:focus-within{border-color:#1680F4;box-shadow:0 0 0 4px rgba(22,128,244,.08)}
.loginInputWrap svg{color:#0B69DF;flex:0 0 auto}
.loginPasswordWrap{padding-right:8px}
.loginPasswordToggle{width:40px;height:40px;flex:0 0 40px;border:0;background:transparent;color:#0B69DF;padding:0;display:grid;place-items:center;cursor:pointer;border-radius:0}
.loginPasswordToggle:hover,.loginPasswordToggle:focus-visible{background:rgba(11,105,223,.08);outline:0}
.loginPasswordToggle svg{display:block}

.loginCard input{height:auto;border:0;background:transparent;color:#0B1730;font:inherit;font-size:15px;font-weight:400;outline:0;min-width:0;width:100%;padding:0}
.loginCard input::placeholder{color:var(--eximbot-note);opacity:1}
.captchaRow{display:grid;grid-template-columns:minmax(0,1fr) 142px;gap:12px;align-items:stretch}
.captchaInputWrap{min-width:0}
.captchaImageButton{height:56px;border:1px solid #D4E0F1;border-radius:0;background:#fff;padding:5px 9px;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;color:#0B1730;font:inherit;font-size:14px;font-weight:400;transition:border-color .16s ease,background .16s ease}
.captchaImageButton:hover{border-color:#1680F4;background:#F8FBFF}
.captchaImageButton img{display:block;max-width:100%;max-height:45px;object-fit:contain;filter:none}
.captchaImageButton:disabled{cursor:wait;opacity:.72}
.loginOptions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:-1px}
.loginOptions label{display:flex;align-items:center;gap:8px;text-transform:none;letter-spacing:0;font-size:14px;font-weight:400;color:#0B1730}
.loginOptions input{width:19px;height:19px;accent-color:#0879F7}
.loginOptions button{border:0;background:transparent;color:#0B69DF;font:inherit;font-size:14px;font-weight:400;cursor:pointer;padding:5px 0}
.loginOptions button:hover,.loginOptions button:focus-visible{color:#008AD8;text-decoration:underline;text-underline-offset:3px;outline:0}
.loginSuccess{display:flex;align-items:flex-start;gap:9px;padding:11px 12px;border:1px solid #B7DCC6;border-radius:0;background:#F3FBF6;color:#0B5D2A;font-size:14px;font-weight:400;line-height:1.45}
.loginSuccess svg{flex:0 0 auto;margin-top:1px}
.loginPasswordHint{margin-top:-8px;color:#667085;font-size:12px;font-weight:400;line-height:1.45}
.loginBackButton{height:48px;border:1px solid #C8D0D9;border-radius:0;background:#fff;color:#0B1730;font:inherit;font-size:14px;font-weight:400;cursor:pointer;transition:border-color .16s ease,color .16s ease,background .16s ease}
.loginBackButton:hover,.loginBackButton:focus-visible{border-color:#008AD8;color:#008AD8;background:#fff;outline:0}
.loginBackButton:disabled{cursor:wait;opacity:.7}
.loginCard .formError{margin:-4px 0 0;color:#0B1730;font-size:14px;line-height:1.4;font-weight:400}
.loginCard .loginSubmit{height:58px;margin-top:2px;border-radius:0!important;justify-content:center;background:linear-gradient(180deg,#0879F7,#0064E9)!important;color:#FFFFFF !important;font-size:17px;font-weight:550;box-shadow:0 14px 30px rgba(0,101,235,.20)}
.loginCard .loginSubmit:hover{filter:brightness(1.04)}
.loginCard .loginSubmit:disabled{cursor:wait;opacity:.7}
.loginSecurity{display:flex;align-items:center;justify-content:center;gap:11px;color:#0B1730;font-size:13px;font-weight:400;margin-top:7px}
.loginSecurity svg{color:#0B69DF}.loginSecurity i{font-style:normal;color:#0B1730}
.loginModeBtn{position:fixed!important;right:18px!important;top:16px!important}
.theme-dark.loginShell{background:linear-gradient(135deg,#fff 0%,#F8FBFF 58%,#EEF5FF 100%);color:#FFFFFF}
.theme-dark .loginBrandPanel,.theme-dark .loginFormPanel{background:transparent}
.theme-dark .loginCard{background:rgba(255,255,255,.96);border-color:#DDE7F5;box-shadow:0 26px 70px rgba(34,83,157,.14)}
.theme-dark .loginCardHead h1,.theme-dark .loginBrandPanel h1,.theme-dark .loginStat b{color:#FFFFFF}
.theme-dark .loginCardHead p,.theme-dark .loginBrandCopy,.theme-dark .loginStat small,.theme-dark .loginOptions label{color:#FFFFFF}
.theme-dark .loginCard label{color:#FFFFFF}
.theme-dark .loginInputWrap,.theme-dark .captchaImageButton{background:#fff;border-color:#D4E0F1}
.theme-dark .loginCard input{color:#FFFFFF}
@media(max-width:1180px){.loginShell{grid-template-columns:minmax(0,1fr) minmax(410px,.82fr)}.loginShell:after{inset:8% 4% 7% 20%}.loginBrandPanel{padding-left:42px;padding-right:42px}.loginMapArt{right:-13%;opacity:.16}.loginBrandPanel h1{font-size:48px}.loginStat small{font-size:12px}}
@media(max-width:920px){.loginShell{grid-template-columns:1fr;overflow:auto}.loginShell:after{inset:8% 2% 3% 2%;opacity:.36}.loginBrandPanel{min-height:auto;padding:44px 30px 50px}.loginMapArt{right:-150px;width:520px;opacity:.14}.loginEyebrow{margin-bottom:31px}.loginBrandPanel h1{font-size:clamp(39px,8vw,54px)}.loginBrandCopy{margin-top:22px}.loginStats{margin-top:36px}.loginFormPanel{min-height:auto;padding:34px 22px 52px}.loginCard{width:min(600px,100%)}}
@media(max-width:620px){.loginShell:after{inset:11% 0 0 0;opacity:.24}.loginBrandPanel{padding:34px 20px 40px}.loginHeroLogo{width:min(320px,88vw)}.loginEyebrow{font-size:10px;letter-spacing:.1em;gap:7px;white-space:normal}.loginEyebrow span{width:17px}.loginMapArt{display:none}.loginStats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:25px}.loginStat:nth-child(2):after{display:none}.loginStat:nth-child(3){padding-left:0}.loginStat b{font-size:27px}.loginFormPanel{padding:22px 13px 34px}.loginCard{padding:29px 19px;border-radius:0;gap:17px}.captchaRow{grid-template-columns:1fr}.captchaImageButton{width:100%}.loginOptions{align-items:flex-start;flex-direction:column}.loginSecurity{flex-wrap:wrap;gap:7px}.loginSecurity i{display:none}}


/* Login page bottom footer */
.loginPageFooter{position:absolute;left:50%;bottom:14px;z-index:4;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;color:#414F5F;font-size:13px;font-weight:400;line-height:1.4;text-align:center;pointer-events:none}
.loginPageFooter i{font-style:normal;color:#667085}
@media(max-width:920px){.loginPageFooter{position:fixed;bottom:10px;font-size:12px;gap:6px;background:rgba(255,255,255,.90);padding:4px 8px}}
@media(max-width:520px){.loginPageFooter{white-space:normal;width:calc(100% - 24px);flex-wrap:wrap;row-gap:2px}}

/* Track page */
.trackingPage{display:grid;gap:14px}
.trackCurrentSearch{min-height:42px;border:1px solid #DDE5F2;background:#fff;border-radius:10px;padding:10px 14px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#0B1730;box-shadow:0 12px 28px rgba(31,55,90,.08)}
.trackCurrentSearch b{color:#0B1730}
.trackCurrentSearch em{font-style:normal;background:#F0FAFF;border:1px solid #CFEFFF;border-radius:6px;padding:2px 8px;color:#0B69DF}
.trackCurrentSearch label{margin-left:auto;display:inline-flex;align-items:center;gap:8px;font-weight:550;color:#0B1730}
.trackSearchHeader{background:#fff;border:1px solid #DDE5F2;border-radius:12px;box-shadow:0 18px 42px rgba(31,55,90,.10);padding:16px;display:grid;gap:14px}
.trackSearchHeader .searchTitle{justify-content:flex-start}
.trackSearchHeader .searchTitle h2{font-size:24px;margin:0}
.trackSearchGrid{display:grid;grid-template-columns:repeat(3,minmax(170px,1fr));gap:12px}
.trackSearchGrid label{display:grid;gap:6px;color:#0B1730;font-size:13px;font-weight:550}
.trackSearchGrid input{height:38px;border:1px solid #D5E2F2;border-radius:8px;background:#F9FCFF;color:#0B1730;padding:0 12px;font:inherit;font-weight:400;overflow:hidden;text-overflow:ellipsis}
.trackPanel{background:#fff;border:1px solid #DDE5F2;border-radius:12px;box-shadow:0 18px 42px rgba(31,55,90,.10);padding:14px;display:grid;gap:12px;min-width:0}
.trackTableWrap{border:1px solid #DDE5F2;border-radius:10px;overflow:auto;background:#fff}
.trackTable{width:100%;min-width:1260px;border-collapse:collapse;table-layout:fixed}
.trackTable th,.trackTable td{height:42px;padding:9px 10px;border-right:1px solid #E6ECF5;border-bottom:1px solid #E6ECF5;color:#0B1730;font-size:13px;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.trackTable th{background:linear-gradient(180deg,#F8FAFD,#EEF3FA);color:#0B1730;font-weight:550}
.trackTable th:first-child,.trackTable td:first-child{text-align:left;width:430px}
.trackTable select{width:100%;height:30px;border:1px solid #C9D6E4;border-radius:6px;background:#fff;color:#0B1730;font:inherit;font-weight:550}
.activeTrackRow td{color:inherit !important;border-color:inherit!important}
.trackRecordsWrap{max-height:none!important}
.trackRecordsWrap table{min-width:1500px}
.theme-dark .trackCurrentSearch,.theme-dark .trackPanel,.theme-dark .trackTableWrap,.theme-dark .trackTable,.theme-dark .trackSearchHeader{background:#0F1325;border-color:#242C49;color:#FFFFFF}
.theme-dark .trackCurrentSearch b,.theme-dark .trackTable td{color:#FFFFFF}
.theme-dark .trackCurrentSearch em{background:#151B31;border-color:#242C49;color:#FFFFFF}
.theme-dark .trackSearchGrid label{color:#FFFFFF}
.theme-dark .trackSearchGrid input{background:#11172A;border-color:#242C49;color:#FFFFFF}
.theme-dark .trackTable th{background:#151B31;color:#FFFFFF;border-color:#242C49}
.theme-dark .trackTable td{background:#0F1325;border-color:#242C49}
.theme-dark .trackTable select{background:#11172A;border-color:#242C49;color:#FFFFFF}

.companyViewDateFilter{width:min(360px,100%);margin-top:10px}
.companyViewDateFilter.dateDropdownWrap{align-self:start!important}
.companyViewDateFilter .dateToggle{height:40px!important;border-radius:0;background:#fff!important}
.companyViewDateFilter .dateDropdown{top:calc(100% + 6px);left:0}
.companyViewDateFilter .rangeCalendarDropdown{width:660px!important}
.theme-dark .companyViewDateFilter .dateToggle{background:#11172A!important;border-color:#242C49!important;color:#FFFFFF !important}
@media(max-width:900px){.companyViewDateFilter .rangeCalendarDropdown{width:min(92vw,660px)!important}}

/* Disable table hover popups/expansion */
.tableWrap td[data-tip],
.partyTableWrap td,
.associatedTableWrap td {
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
/* Latest Update */
.latestUpdatePage{gap:16px;padding:28px 32px}
.latestPanel{background:#fff;border:1px solid #DDE5F2;border-radius:12px;box-shadow:0 18px 42px rgba(31,55,90,.10);padding:18px;display:grid;gap:18px}
.latestFilters{display:grid;gap:12px;padding:10px 4px 2px}
.latestFilters div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.latestFilters b{font-size:13px;color:#0B1730;min-width:74px}
.latestFilters button{border:0;background:transparent;color:#0B1730;font:inherit;font-size:13px;font-weight:550;padding:6px 9px;border-radius:0;cursor:pointer}
.latestFilters button:hover{background:rgba(11,105,223,.08);color:#0B69DF}
.latestFilters button.active{background:#FFFFFF!important;color:#0B69DF!important;border:1px solid #0B69DF!important}
.latestTableWrap{border:1px solid #DDE5F2;border-radius:12px;overflow:auto;background:#fff}
.latestTable{min-width:1180px;width:100%;border-collapse:collapse;table-layout:fixed}
.latestTable th:nth-child(1),.latestTable td:nth-child(1){width:10%}
.latestTable th:nth-child(2),.latestTable td:nth-child(2){width:15%}
.latestTable th:nth-child(3),.latestTable td:nth-child(3){width:15%}
.latestTable th:nth-child(4),.latestTable td:nth-child(4){width:20%}
.latestTable th:nth-child(5),.latestTable td:nth-child(5){width:10%}
.latestTable th:nth-child(6),.latestTable td:nth-child(6){width:10%}
.latestTable th:nth-child(7),.latestTable td:nth-child(7){width:10%}
.latestTable th:nth-child(8),.latestTable td:nth-child(8){width:10%}
.latestTable th,.latestTable td{height:44px;padding:10px 14px;border-bottom:1px solid #E6ECF5;font-size:13px;color:#0B1730;text-align:center;white-space:nowrap}
.latestTable th{background:#0B69DF!important;color:#FFFFFF!important;border-color:#0A79BB!important;font-weight:550}
.latestTable tbody tr:nth-child(even) td{background:#FFFFFF}
.latestTable td:nth-child(2),.latestTable th:nth-child(2),.latestTable td:nth-child(3),.latestTable th:nth-child(3),.latestTable td:nth-child(4),.latestTable th:nth-child(4){text-align:left}
.latestSystem{display:inline-flex;align-items:center;gap:8px}
.latestTable .historyActionBtn{color:#0B69DF}
.theme-dark .latestPanel,.theme-dark .latestTableWrap,.theme-dark .latestTable{background:#0F1325;border-color:#242C49;color:#FFFFFF}
.theme-dark .latestFilters b{color:#FFFFFF}
.theme-dark .latestFilters button{color:#FFFFFF}
.theme-dark .latestFilters button.active{background:#0B69DF!important;color:#FFFFFF!important}
.theme-dark .latestTable th{background:#0B69DF!important;color:#FFFFFF!important;border-color:#0A79BB!important}
.theme-dark .latestTable td{background:#0F1325;color:#FFFFFF;border-color:#242C49}
.theme-dark .latestTable tbody tr:nth-child(even) td{background:#11172A}

/* Unified compact action boxes */
.companyMiniActions button,
.statsSearchBtn,
.linkBtn,
.copyNameBtn,
.downloadLimitBtn{
  border: 1px solid #B9E8FF !important;
  background: #EAF8FF !important;
  color: #0B69DF !important;
  border-radius:0!important;
  font-weight: 550 !important;
  transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease, font-weight 0.16s ease, transform 0.16s ease, box-shadow 0.16s ease !important;
}
.statsIconBtn{
  
  
  
  border-radius:0!important;
  font-weight: 550 !important;
  transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease, font-weight 0.16s ease, transform 0.16s ease, box-shadow 0.16s ease !important;
}

.companyMiniActions button {
  height: 24px !important;
  width: 28px !important;
  min-width: 28px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  font-size: 11px !important;
}

.companyMiniActions button[title="Track"],
.statsIconBtn.track{
  cursor: pointer;
}

.trackRecordsWrap th:nth-child(5),
.trackRecordsWrap td:nth-child(5),
.trackRecordsWrap th:nth-child(8),
.trackRecordsWrap td:nth-child(8) {
  min-width: 240px;
}

.trackRecordsWrap .trackCompanyCell {
  width: 100%;
}

.trackRecordsWrap .trackFavMarker {
  cursor: default !important;
  pointer-events: none;
}

.trackRecordsWrap .activeTrackRow .companyNameLine,
.trackRecordsWrap .activeTrackRow .nameWithCopy,
.trackRecordsWrap .activeTrackRow .copyTextName {
  color: #FFFFFF !important;
}

.trackRecordsWrap .activeTrackRow .copyNameBtn,
.trackRecordsWrap .activeTrackRow .companyMiniActions button {
  background: #EAF8FF !important;
  border-color: #B9E8FF !important;
  color: #0B69DF !important;
}

/* Track page compact no-scroll layout */
.trackingPage .trackPanel {
  overflow: hidden;
}

.trackingPage .trackByHead {
  margin-bottom: 0;
}

.trackingPage .trackTableWrap,
.trackingPage .trackRecordsWrap {
  overflow: hidden !important;
  max-height: none !important;
  width: 100%;
}

.trackingPage .trackTable,
.trackingPage .trackRecordsWrap table {
  min-width: 0 !important;
  width: 100% !important;
  table-layout: fixed !important;
}

.trackingPage .trackTable th,
.trackingPage .trackTable td,
.trackingPage .trackRecordsWrap th,
.trackingPage .trackRecordsWrap td {
  padding: 7px 8px !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.trackingPage .trackTable th:first-child,
.trackingPage .trackTable td:first-child {
  width: 30% !important;
}

.trackingPage .trackTable th:not(:first-child),
.trackingPage .trackTable td:not(:first-child) {
  width: 7.78% !important;
}

.trackingPage .statsNameCell {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  min-width: 0;
}

.trackingPage .statsNameCell > span:first-child {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.trackingPage .trackInlineActions,
.trackingPage .companyMiniActions {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex: 0 0 auto;
}

.trackingPage .trackRecordsWrap th:nth-child(1),
.trackingPage .trackRecordsWrap td:nth-child(1) { width: 7% !important; text-overflow: clip !important; }
.trackingPage .trackRecordsWrap th:nth-child(2),
.trackingPage .trackRecordsWrap td:nth-child(2) { width: 5% !important; }
.trackingPage .trackRecordsWrap th:nth-child(3),
.trackingPage .trackRecordsWrap td:nth-child(3) { width: 13% !important; }
.trackingPage .trackRecordsWrap th:nth-child(4),
.trackingPage .trackRecordsWrap td:nth-child(4) { width: 10% !important; }
.trackingPage .trackRecordsWrap th:nth-child(5),
.trackingPage .trackRecordsWrap td:nth-child(5) { width: 15% !important; min-width: 0 !important; }
.trackingPage .trackRecordsWrap th:nth-child(6),
.trackingPage .trackRecordsWrap td:nth-child(6) { width: 8% !important; }
.trackingPage .trackRecordsWrap th:nth-child(7),
.trackingPage .trackRecordsWrap td:nth-child(7) { width: 9% !important; }
.trackingPage .trackRecordsWrap th:nth-child(8),
.trackingPage .trackRecordsWrap td:nth-child(8) { width: 15% !important; min-width: 0 !important; }
.trackingPage .trackRecordsWrap th:nth-child(9),
.trackingPage .trackRecordsWrap td:nth-child(9) { width: 5% !important; }
.trackingPage .trackRecordsWrap th:nth-child(10),
.trackingPage .trackRecordsWrap td:nth-child(10) { width: 5% !important; }
.trackingPage .trackRecordsWrap th:nth-child(11),
.trackingPage .trackRecordsWrap td:nth-child(11) { width: 3% !important; }
.trackingPage .trackRecordsWrap th:nth-child(12),
.trackingPage .trackRecordsWrap td:nth-child(12) { width: 5% !important; }

.trackingPage .trackRecordsWrap .companyNameLine {
  min-width: 0;
}

.trackingPage .trackRecordsWrap .nameWithCopy {
  min-width: 0;
  flex: 1 1 auto;
}

.trackingPage .trackRecordsWrap .copyTextName {
  overflow: hidden;
  text-overflow: ellipsis;
}

.trackingPage .trackRecordsWrap .linkBtn {
  width: 100%;
  min-width: 0;
  padding: 5px 6px !important;
}

/* Track By themed dropdown */
.trackingPage .trackByPanel,
.trackingPage .trackByTableWrap {
  overflow: visible !important;
}

.trackingPage .trackTable thead th:first-child {
  position: relative;
  z-index: 20;
  overflow: visible !important;
}

.trackGroupDropdown {
  position: relative;
  width: 100%;
  overflow: visible;
}

.trackGroupSelect {
  width: 100%;
  height: 38px;
  border: 1px solid #BFEAFF;
  border-radius: 10px;
  background: #FFFFFF;
  color: #0B1730;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 4px 10px;
  font: inherit;
  cursor: pointer;
  box-shadow: 0 8px 18px rgba(31,55,90,.06);
}

.trackGroupSelect span {
  display: grid;
  gap: 1px;
  min-width: 0;
  text-align: left;
}

.trackGroupSelect small {
  color: #0B1730;
  font-size: 10px;
  font-weight: 550;
  line-height: 1;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.trackGroupSelect b {
  min-width: 0;
  overflow: hidden;
  color: #0B1730;
  font-size: 13px;
  font-weight: 550;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.trackGroupSelect svg {
  flex: 0 0 auto;
  color: #0B69DF;
  transform: rotate(90deg);
  transition: transform .15s ease;
}

.trackGroupSelect.active {
  border-color: #7FD8FF;
  background: #F4FCFF;
}

.trackGroupSelect.active svg {
  transform: rotate(270deg);
}

.trackGroupMenu {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  z-index: 90;
  width: min(100%, 340px);
  min-width: 280px;
  max-height: min(330px, calc(100vh - 180px));
  overflow: auto;
  border: 1px solid #DDE5F2;
  border-radius: 12px;
  background: #FFFFFF;
  box-shadow: 0 18px 42px rgba(31,55,90,.16);
  padding: 6px;
}

.trackGroupMenu.criteriaSuggestDropdown {
  width: min(340px, 100%) !important;
  min-width: 280px;
  padding: 0;
  overflow: hidden;
}

.trackGroupMenu .criteriaSuggestList {
  display: grid;
  gap: 6px;
  max-height: 280px;
  overflow: auto;
  padding: 8px;
}

.trackGroupMenuTitle {
  height: 36px;
  display: flex;
  align-items: center;
  margin: -6px -6px 6px;
  padding: 0 12px;
  border-bottom: 1px solid #E6ECF5;
  border-radius: 12px 12px 0 0;
  background: #F8FAFD;
  color: #0B1730;
  font-size: 13px;
  font-weight: 550;
}

.trackGroupMenu button {
  width: 100%;
  height: 34px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #0B1730;
  font: inherit;
  font-size: 13px;
  font-weight: 550;
  text-align: left;
  padding: 0 10px;
  cursor: pointer;
  box-shadow: inset 0 0 0 1px #DCE8F2;
}

.trackGroupMenu button:hover,
.trackGroupMenu button.selected {
  background: #008FD8;
  color: #FFFFFF;
  box-shadow: inset 0 0 0 1px #008FD8, 0 8px 18px rgba(0, 143, 216, .14);
}

.theme-dark .trackGroupSelect,
.theme-dark .trackGroupMenu {
  border-color: #242C49;
  background: #11172A;
  color: #FFFFFF;
}

.theme-dark .trackGroupSelect b,
.theme-dark .trackGroupMenu button {
  color: #FFFFFF;
}

.theme-dark .trackGroupSelect.active {
  border-color: #47BFF2;
  background: #151B31;
}

.theme-dark .trackGroupMenuTitle {
  border-color: #242C49;
  background: #151B31;
  color: #FFFFFF;
}

.theme-dark .trackGroupMenu button:hover,
.theme-dark .trackGroupMenu button.selected {
  background: #008FD8;
  color: #FFFFFF;
}

/* Result action buttons: one consistent theme */
.resultActions {
  gap: 10px !important;
}

.resultActions .ghost,
.resultActions .primary,
.resultActions .downloadLimitBtn {
  height: 42px !important;
  min-width: 48px;
  border-radius:0!important;
  border: 1px solid #B9E8FF !important;
  background: #EAF8FF !important;
  color: #0B69DF !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 0 16px !important;
  font-weight: 550 !important;
  box-shadow: 0 10px 24px rgba(11, 105, 223, .08) !important;
  cursor: pointer !important;
  transition: background .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.resultActions .downloadLimitBtn {
  width: 48px !important;
  padding: 0 !important;
}

/* Shipment Records: fixed no horizontal scroll table */
.results.panel > .tableWrap {
  overflow: hidden !important;
  max-height: none !important;
  width: 100%;
}

.results.panel > .tableWrap > table {
  min-width: 0 !important;
  width: 100% !important;
  table-layout: fixed !important;
}

.results.panel > .tableWrap > table th,
.results.panel > .tableWrap > table td {
  height: 58px !important;
  max-height: none !important;
  padding: 8px 10px !important;
  font-size: 12.5px !important;
  line-height: 1.25 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.results.panel > .tableWrap > table th:nth-child(1),
.results.panel > .tableWrap > table td:nth-child(1) { width: 7% !important; }
.results.panel > .tableWrap > table th:nth-child(2),
.results.panel > .tableWrap > table td:nth-child(2) { width: 6% !important; }
.results.panel > .tableWrap > table th:nth-child(3),
.results.panel > .tableWrap > table td:nth-child(3) { width: 16% !important; }
.results.panel > .tableWrap > table th:nth-child(4),
.results.panel > .tableWrap > table td:nth-child(4) { width: 12% !important; }
.results.panel > .tableWrap > table th:nth-child(5),
.results.panel > .tableWrap > table td:nth-child(5) { width: 15% !important; }
.results.panel > .tableWrap > table th:nth-child(6),
.results.panel > .tableWrap > table td:nth-child(6) { width: 10% !important; }
.results.panel > .tableWrap > table th:nth-child(7),
.results.panel > .tableWrap > table td:nth-child(7) { width: 12% !important; }
.results.panel > .tableWrap > table th:nth-child(8),
.results.panel > .tableWrap > table td:nth-child(8) { width: 15% !important; }
.results.panel > .tableWrap > table th:nth-child(9),
.results.panel > .tableWrap > table td:nth-child(9) { width: 6% !important; }
.results.panel > .tableWrap > table th:nth-child(10),
.results.panel > .tableWrap > table td:nth-child(10) { width: 7% !important; }
.results.panel > .tableWrap > table th:nth-child(11),
.results.panel > .tableWrap > table td:nth-child(11) { width: 6% !important; }

.results.panel > .tableWrap .companyCell {
  width: 100%;
  min-width: 0;
}

.results.panel > .tableWrap .companyNameLine,
.results.panel > .tableWrap .nameWithCopy {
  min-width: 0;
}

.results.panel > .tableWrap .copyTextName {
  overflow: hidden;
  text-overflow: ellipsis;
}

.results.panel > .tableWrap .companyMiniActions {
  display: inline-flex !important;
  gap: 8px !important;
}

.results.panel > .tableWrap .linkBtn {
  width: 100%;
  min-width: 0;
  padding: 5px 6px !important;
}

/* Global Search: restore roomy spacing between tabs, header, and table */
.tradeSearch .results.panel {
  padding-top: 24px;
}

.tradeSearch .resultTabs {
  margin-bottom: 18px !important;
  padding-bottom: 2px !important;
}

.tradeSearch .panelHead {
  padding: 14px 0 16px;
  margin: 0 0 16px !important;
  align-items: center;
}

.tradeSearch .resultSummary {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.tradeSearch .resultActions {
  align-items: center;
  gap: 10px;
}

.tradeSearch .tableWrap {
  margin-top: 8px;
}

/* Importer / Exporter: fixed no horizontal scroll table */
.partyPanel .partyTableWrap {
  overflow: hidden !important;
  max-height: none !important;
  width: 100%;
}

.partyPanel .partyTable {
  min-width: 0 !important;
  width: 100% !important;
  table-layout: fixed !important;
}

.partyPanel .partyTable th,
.partyPanel .partyTable td {
  height: 58px !important;
  max-height: none !important;
  padding: 8px 10px !important;
  font-size: 12.5px !important;
  line-height: 1.25 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.partyPanel .partyTable th:nth-child(1),
.partyPanel .partyTable td:nth-child(1) { width: 24% !important; }
.partyPanel .partyTable th:nth-child(2),
.partyPanel .partyTable td:nth-child(2) { width: 24% !important; }
.partyPanel .partyTable th:nth-child(3),
.partyPanel .partyTable td:nth-child(3) { width: 14% !important; }
.partyPanel .partyTable th:nth-child(4),
.partyPanel .partyTable td:nth-child(4) { width: 12% !important; }
.partyPanel .partyTable th:nth-child(5),
.partyPanel .partyTable td:nth-child(5) { width: 8% !important; }
.partyPanel .partyTable th:nth-child(6),
.partyPanel .partyTable td:nth-child(6) { width: 5% !important; }
.partyPanel .partyTable th:nth-child(7),
.partyPanel .partyTable td:nth-child(7) { width: 5% !important; }
.partyPanel .partyTable th:nth-child(8),
.partyPanel .partyTable td:nth-child(8) { width: 4% !important; }
.partyPanel .partyTable th:nth-child(9),
.partyPanel .partyTable td:nth-child(9) { width: 4% !important; }

.partyPanel .partyTable .companyCell {
  width: 100%;
  min-width: 0;
}

.partyPanel .partyTable .companyNameLine,
.partyPanel .partyTable .nameWithCopy {
  min-width: 0;
}

.partyPanel .partyTable .copyTextName {
  overflow: hidden;
  text-overflow: ellipsis;
}

.partyPanel .partyTable .companyMiniActions {
  display: inline-flex !important;
  gap: 8px !important;
}

/* Trade Insights: fixed no horizontal scroll table */
.statisticsPanel .statisticsTableWrap {
  overflow: hidden !important;
  max-height: none !important;
  width: 100%;
}

.statisticsPanel .statisticsTable {
  min-width: 0 !important;
  width: 100% !important;
  table-layout: fixed !important;
}

.statisticsPanel .statisticsTable th,
.statisticsPanel .statisticsTable td {
  height: 56px !important;
  max-height: none !important;
  padding: 8px 10px !important;
  font-size: 12.5px !important;
  line-height: 1.25 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.statisticsPanel .statisticsTable th:nth-child(1),
.statisticsPanel .statisticsTable td:nth-child(1) { width: 5% !important; }
.statisticsPanel .statisticsTable th:nth-child(2),
.statisticsPanel .statisticsTable td:nth-child(2) { width: 25% !important; }
.statisticsPanel .statisticsTable th:nth-child(3),
.statisticsPanel .statisticsTable td:nth-child(3) { width: 10% !important; }
.statisticsPanel .statisticsTable th:nth-child(4),
.statisticsPanel .statisticsTable td:nth-child(4) { width: 9% !important; }
.statisticsPanel .statisticsTable th:nth-child(5),
.statisticsPanel .statisticsTable td:nth-child(5) { width: 8% !important; }
.statisticsPanel .statisticsTable th:nth-child(6),
.statisticsPanel .statisticsTable td:nth-child(6) { width: 10% !important; }
.statisticsPanel .statisticsTable th:nth-child(7),
.statisticsPanel .statisticsTable td:nth-child(7) { width: 10% !important; }
.statisticsPanel .statisticsTable th:nth-child(8),
.statisticsPanel .statisticsTable td:nth-child(8) { width: 8% !important; }
.statisticsPanel .statisticsTable th:nth-child(9),
.statisticsPanel .statisticsTable td:nth-child(9) { width: 8% !important; }
.statisticsPanel .statisticsTable th:nth-child(10),
.statisticsPanel .statisticsTable td:nth-child(10) { width: 5% !important; }
.statisticsPanel .statisticsTable th:nth-child(11),
.statisticsPanel .statisticsTable td:nth-child(11) { width: 7% !important; }

/* Unified platform table typography: match Company View trading-record tables everywhere. */
:root {
  --platform-table-font-size: 11.5px;
  --platform-table-line-height: 1.25;
}

table th,
table td,
.results.panel > .tableWrap > table th,
.results.panel > .tableWrap > table td,
.partyPanel .partyTable th,
.partyPanel .partyTable td,
.statisticsPanel .statisticsTable th,
.statisticsPanel .statisticsTable td,
.trackTable th,
.trackTable td,
.historyTable th,
.historyTable td,
.latestTable th,
.latestTable td,
.favouriteHeader,
.favouriteHeader span,
.favouriteRow,
.favouriteRow b,
.favouriteRow strong,
.favouriteRow span,
.favouriteRow time,
.favouriteRow .linkBtn,
.profileTableSection th,
.profileTableSection td,
.profileOrderTable th,
.profileOrderTable td,
.subAccountTable th,
.subAccountTable td,
.subPlanTable th,
.subPlanTable td,
.downloadLimitTable th,
.downloadLimitTable td {
  font-size: var(--platform-table-font-size) !important;
  line-height: var(--platform-table-line-height) !important;
}

table th :where(span, a, label, small, div),
table td :where(span, a, label, small, div) {
  font-size: inherit;
}

.statisticsPanel .statisticsTable .statsNameCell {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  min-width: 0;
}

.statisticsPanel .statisticsTable .statsNameCell > span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.statisticsPanel .statisticsTable .statsRowActions {
  display: inline-flex !important;
  flex: 0 0 auto;
  gap: 8px !important;
}

/* Unified light-theme table rows: no zebra striping. Every normal data row
   stays white across Shipment, Importer/Exporter, Trade Insights, Tracking,
   Company View, History, Latest Updates and other platform tables. */
.theme-light table tbody tr:not(.activeStatsRow):not(.activeTrackRow):not(.selectedPartyRow) td,
.theme-light .partyTable tbody tr:not(.selectedPartyRow) td,
.theme-light .historyTable tbody tr td,
.theme-light .latestTable tbody tr td,
.theme-light .profileOrderTable tbody tr td,
.theme-light .associatedTable tbody tr td,
.theme-light .downloadLimitTable tbody tr td {
  background: #FFFFFF !important;
}

.theme-dark table tbody tr:nth-child(even):not(.activeStatsRow):not(.activeTrackRow):not(.selectedPartyRow) td,
.theme-dark .partyTable tbody tr:nth-child(even):not(.selectedPartyRow) td,
.theme-dark .historyTable tbody tr:nth-child(even) td,
.theme-dark .latestTable tbody tr:nth-child(even) td,
.theme-dark .profileOrderTable tbody tr:nth-child(even) td,
.theme-dark .associatedTable tbody tr:nth-child(even) td,
.theme-dark .downloadLimitTable tbody tr:nth-child(even) td {
  background: #121A2E !important;
}

.theme-dark table tbody tr:nth-child(odd):not(.activeStatsRow):not(.activeTrackRow):not(.selectedPartyRow) td,
.theme-dark .partyTable tbody tr:nth-child(odd):not(.selectedPartyRow) td,
.theme-dark .historyTable tbody tr:nth-child(odd) td,
.theme-dark .latestTable tbody tr:nth-child(odd) td,
.theme-dark .profileOrderTable tbody tr:nth-child(odd) td,
.theme-dark .associatedTable tbody tr:nth-child(odd) td,
.theme-dark .downloadLimitTable tbody tr:nth-child(odd) td {
  background: #0F1325 !important;
}

/* Viewport-safe floating panels */
html,
body,
#root,
.app {
  max-width: 100%;
  overflow-x: clip;
}

.modalBackdrop {
  padding: 16px !important;
  overflow: auto !important;
  align-items: center !important;
  justify-items: center !important;
}

.modal,
.customDataModal,
.downloadLimitModal,
.subAccountModal,
.profileModal {
  max-width: calc(100vw - 32px) !important;
  max-height: calc(100vh - 32px) !important;
}

.dateDropdown,
.rangeCalendarDropdown,
.criteriaMenu,
.searchPathPopup,
.tagPopup,
.currentSearchPopup,
.customDropdownMenu,
.countryDropdown,
.dropdownMenu {
  box-sizing: border-box !important;
  max-width: calc(100vw - 32px) !important;
  max-height: calc(100vh - 96px) !important;
  overflow: auto !important;
}

.currentSearchStrip {
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
}

.currentSearchItems {
  max-width: 100%;
  min-width: 0;
  flex-wrap: nowrap;
  overflow: hidden;
}

.currentSearchItems .tagMore{
  margin-left:auto;
  flex:0 0 auto;
}

.currentSearchStrip .tagMore {
  position: relative;
}

.currentSearchStrip .tagMore .tagPopup,
.currentSearchStrip .tagMore .currentSearchPopup {
  transform: none !important;
  left: auto;
  right: auto;
}

.currentSearchPopup {
  grid-template-columns: minmax(0, 1fr) !important;
}

.currentSearchPopup .currentSearchChip {
  min-width: 0;
  max-width: 100% !important;
}

.searchPathMore .searchPathPopup {
  left: auto !important;
  right: 0 !important;
  width: min(420px, calc(100vw - 48px)) !important;
}

.statisticsTable tbody tr {
  cursor: default !important;
}

.theme-light .statisticsPanel .statisticsTable tbody tr.activeStatsRow > td,
.theme-light .statisticsTable tbody tr.activeStatsRow > td {
  background: inherit !important;
  color: #0B1730 !important;
}

.trackingPage .trackTable tbody tr,
.trackingPage .trackRecordsWrap tbody tr {
  cursor: default !important;
}

.trackingPage .trackTable tbody tr.activeTrackRow > td,
.trackingPage .trackRecordsWrap tbody tr.activeTrackRow > td {
  background: inherit !important;
  color: #0B1730 !important;
}

.trackingPage .trackTable tbody tr.activeTrackRow > td *,
.trackingPage .trackRecordsWrap tbody tr.activeTrackRow > td * {
  color: inherit !important;
}

/* Company View: Associated Companies selection + fixed trading records */
.associatedSummaryTable tbody tr {
  cursor: pointer;
}

.theme-light .associatedSummaryTable tbody tr.selectedAssociatedRow > td,
.theme-dark .associatedSummaryTable tbody tr.selectedAssociatedRow > td {
  background: var(--exim-row-hover, #eaf8ff) !important;
  color: #FFFFFF !important;
}

.associatedFilterTag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: min(360px, 46vw);
  height: 28px;
  margin-left: 10px;
  padding: 0 10px;
  border: 1px solid var(--exim-blue-line, #b9e8ff);
  border-radius:0;
  background: var(--exim-blue-soft, #eaf8ff);
  color: #0B69DF;
  font-size: 12px;
  font-weight: 550;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

.associatedFilterTag button {
  width: 18px;
  height: 18px;
  min-width: 18px;
  display: inline-grid;
  place-items: center;
  border: 0;
  background: transparent;
  color: #0B69DF;
  padding: 0;
  cursor: pointer;
}

.associatedFilterTag button:hover {
  background: var(--exim-blue, #0B69DF);
  color: #FFFFFF;
  border-radius:0;
}

.companyTradingTableWrap {
  overflow-x: hidden !important;
  overflow-y: visible !important;
}

.companyTradingRecordsTable {
  width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;
}

.companyTradingRecordsTable th,
.companyTradingRecordsTable td {
  height: 56px !important;
  min-width: 0 !important;
  padding: 8px 8px !important;
  font-size: 11.5px !important;
  line-height: 1.25 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
}

.companyTradingRecordsTable th:first-child,
.companyTradingRecordsTable td:first-child {
  min-width: 0 !important;
  width: 7% !important;
  text-overflow: clip !important;
}

.companyTradingRecordsTable th:nth-child(2),
.companyTradingRecordsTable td:nth-child(2) {
  width: 6% !important;
}

.companyTradingRecordsTable th:nth-child(3),
.companyTradingRecordsTable td:nth-child(3) {
  width: 15% !important;
  text-align: left !important;
}

.companyTradingRecordsTable th:nth-child(4),
.companyTradingRecordsTable td:nth-child(4) {
  width: 10% !important;
}

.companyTradingRecordsTable th:nth-child(5),
.companyTradingRecordsTable td:nth-child(5) {
  width: 17% !important;
}

.companyTradingRecordsTable th:nth-child(6),
.companyTradingRecordsTable td:nth-child(6) {
  width: 8% !important;
}

.companyTradingRecordsTable th:nth-child(7),
.companyTradingRecordsTable td:nth-child(7) {
  width: 9% !important;
}

.companyTradingRecordsTable th:nth-child(8),
.companyTradingRecordsTable td:nth-child(8) {
  width: 17% !important;
}

.companyTradingRecordsTable th:nth-child(9),
.companyTradingRecordsTable td:nth-child(9) {
  width: 4% !important;
  text-align: right !important;
}

.companyTradingRecordsTable th:nth-child(10),
.companyTradingRecordsTable td:nth-child(10) {
  width: 4% !important;
  text-align: right !important;
}

.companyTradingRecordsTable th:nth-child(11),
.companyTradingRecordsTable td:nth-child(11) {
  width: 4% !important;
  min-width: 0 !important;
  text-align: center !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.companyTradingRecordsTable .companyViewRecordCell {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr);
  gap: 4px;
  min-width: 0;
}

.companyTradingRecordsTable .companyNameLine {
  display: grid !important;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 5px;
  align-items: center;
  min-width: 0;
}

.companyTradingRecordsTable .nameWithCopy {
  width: 100%;
  min-width: 0;
  overflow: hidden !important;
}

.companyTradingRecordsTable .copyTextName {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.companyTradingRecordsTable .companyMiniActions {
  display: inline-flex;
  flex-wrap: nowrap;
  gap: 8px !important;
  margin-left: 27px !important;
}

.companyTradingRecordsTable .companyMiniActions button {
  width: 26px !important;
  min-width: 26px !important;
  height: 23px !important;
}

.companyTradingRecordsTable .linkBtn {
  min-width: 52px !important;
  height: 28px !important;
  padding: 0 8px !important;
}

.companyTradingRecordsTable td.profileActionCell,
.companyTradingRecordsTable td.serialActionCell {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

.companyTradingRecordsTable .profilePageBtn {
  width: auto !important;
  min-width: 64px !important;
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

/* Final copy icon layout and click confirmation. Keep this after every table/action override. */
.nameWithCopy,
.theme-light .nameWithCopy,
.theme-dark .nameWithCopy {
  align-items: center !important;
  gap: 8px !important;
  overflow: visible !important;
}

.companyNameLine .nameWithCopy,
.theme-light .companyNameLine .nameWithCopy,
.theme-dark .companyNameLine .nameWithCopy {
  grid-template-columns: minmax(0, 1fr) 24px !important;
  gap: 8px !important;
}

.copyNameWrap,
.theme-light .copyNameWrap,
.theme-dark .copyNameWrap {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  margin: 0 !important;
  overflow: visible !important;
}

.copyNameBtn,
.theme-light .copyNameBtn,
.theme-dark .copyNameBtn {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  margin: 0 !important;
  border: 1px solid #B9E8FF !important;
  background: #EAF8FF !important;
  color: #0B69DF !important;
  border-radius:0!important;
  display: inline-grid !important;
  place-items: center !important;
  cursor: pointer !important;
}

.copyNameBtn.copied,
.theme-light .copyNameBtn.copied,
.theme-dark .copyNameBtn.copied,
.trackRecordsWrap .activeTrackRow .copyNameBtn.copied,
.trackRecordsWrap .activeTrackRow .companyMiniActions .copyNameBtn.copied {
  background: var(--primary) !important;
  border-color: var(--primary) !important;
  color: #FFFFFF !important;
  transform: scale(1.12) !important;
  box-shadow: 0 0 0 5px rgba(11, 105, 223, 0.28), 0 10px 26px rgba(11, 105, 223, 0.28) !important;
  animation: copyConfirmBlue .9s ease !important;
}

.copyNameBtn.copied svg,
.theme-light .copyNameBtn.copied svg,
.theme-dark .copyNameBtn.copied svg {
  stroke-width: 2.5 !important;
}

@keyframes copyConfirmBlue {
  0%,
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(11, 105, 223, 0);
  }

  35% {
    transform: scale(1.14);
    box-shadow: 0 0 0 5px rgba(11, 105, 223, 0.24), 0 10px 24px rgba(11, 105, 223, 0.24);
  }

  70% {
    transform: scale(1.06);
    box-shadow: 0 0 0 2px rgba(11, 105, 223, 0.14), 0 6px 16px rgba(11, 105, 223, 0.18);
  }
}

/* Final favourite/star button normalization across every table and sub-tab. */
.companyNameLine,
.theme-light .companyNameLine,
.theme-dark .companyNameLine,
.companyTradingRecordsTable .companyNameLine,
.trackingPage .trackRecordsWrap .companyNameLine {
  grid-template-columns: 24px minmax(0, 1fr) !important;
}

.favIconBtn,
.theme-light .favIconBtn,
.theme-dark .favIconBtn,
.companyCell .favIconBtn,
.statsNameCell .favIconBtn,
.trackInlineActions .favIconBtn,
.trackRecordsWrap .activeTrackRow .favIconBtn,
.companyTradingRecordsTable .favIconBtn{
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  
  
  
  border-radius:0!important;
  padding: 0 !important;
  display: inline-grid !important;
  place-items: center !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

.favIconBtn svg,
.theme-light .favIconBtn svg,
.theme-dark .favIconBtn svg,
.companyCell .favIconBtn svg,
.statsNameCell .favIconBtn svg,
.trackInlineActions .favIconBtn svg,
.companyTradingRecordsTable .favIconBtn svg{
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  min-height: 14px !important;
  
  
  
}



.companyHeaderFav,
.theme-light .companyHeaderFav,
.theme-dark .companyHeaderFav {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  border: 1px solid #B9E8FF !important;
  background: #EAF8FF !important;
  color: #0B69DF !important;
  border-radius:0;
  display: inline-grid !important;
  place-items: center !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

.companyHeaderFav svg,
.theme-light .companyHeaderFav svg,
.theme-dark .companyHeaderFav svg {
  color: #0B69DF !important;
  stroke: #0B69DF !important;
  fill: transparent !important;
}

.companyHeaderFav.active,
.theme-light .companyHeaderFav.active,
.theme-dark .companyHeaderFav.active {
  background:#0B69DF !important;
  border-color:#0B69DF !important;
  color:#FFFFFF !important;
}
.companyHeaderFav:hover,
.companyHeaderFav:focus-visible,
.theme-light .companyHeaderFav:hover,
.theme-light .companyHeaderFav:focus-visible,
.theme-dark .companyHeaderFav:hover,
.theme-dark .companyHeaderFav:focus-visible {
  background:#0B69DF !important;
  border-color:#0B69DF !important;
  color:#FFFFFF !important;
}
.companyHeaderFav.active svg,
.theme-light .companyHeaderFav.active svg,
.theme-dark .companyHeaderFav.active svg,
.companyHeaderFav:hover svg,
.companyHeaderFav:focus-visible svg {
  color: #FFFFFF !important;
  stroke: #FFFFFF !important;
  fill: #FFFFFF !important;
}

.contactCompanyTitle .copyNameWrap,
.theme-light .contactCompanyTitle .copyNameWrap,
.theme-dark .contactCompanyTitle .copyNameWrap {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  margin-left: 0 !important;
}

.partnerSummaryNameCell,
.theme-light .partnerSummaryNameCell,
.theme-dark .partnerSummaryNameCell {
  display: grid !important;
  grid-template-columns: 24px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
}

.partnerSummaryNameCell .nameWithCopy {
  min-width: 0 !important;
  max-width: 100% !important;
}

.partnerSummaryActions,
.theme-light .partnerSummaryActions,
.theme-dark .partnerSummaryActions {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
}

.partnerSummaryActions .statsIconBtn{
  width: 30px !important;
  min-width: 30px !important;
  height: 30px !important;
}

/* Final copy placement: keep the copy icon immediately after the visible text everywhere. */
.nameWithCopy,
.theme-light .nameWithCopy,
.theme-dark .nameWithCopy,
.companyNameLine .nameWithCopy,
.theme-light .companyNameLine .nameWithCopy,
.theme-dark .companyNameLine .nameWithCopy,
.results.panel > .tableWrap .nameWithCopy,
.partyPanel .partyTable .nameWithCopy,
.statisticsPanel .statisticsTable .nameWithCopy,
.trackingPage .trackRecordsWrap .nameWithCopy,
.companyTradingRecordsTable .nameWithCopy,
.partnerSummaryNameCell .nameWithCopy {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}

.nameWithCopy .copyTextName,
.theme-light .nameWithCopy .copyTextName,
.theme-dark .nameWithCopy .copyTextName,
.companyNameLine .copyTextName,
.results.panel > .tableWrap .copyTextName,
.partyPanel .partyTable .copyTextName,
.statisticsPanel .statisticsTable .copyTextName,
.trackingPage .trackRecordsWrap .copyTextName,
.companyTradingRecordsTable .copyTextName,
.partnerSummaryNameCell .copyTextName {
  display: inline-block !important;
  flex: 0 1 auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.nameWithCopy .copyNameWrap,
.theme-light .nameWithCopy .copyNameWrap,
.theme-dark .nameWithCopy .copyNameWrap {
  flex: 0 0 24px !important;
  width: 24px !important;
  min-width: 24px !important;
  margin-left: 0 !important;
}

/* Trade Insights name cells: left aligned name, actions below, copy after name. */
.statisticsPanel .statisticsTable .statsNameCell,
.theme-light .statisticsPanel .statisticsTable .statsNameCell,
.theme-dark .statisticsPanel .statisticsTable .statsNameCell {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: start !important;
  justify-content: start !important;
  justify-items: start !important;
  gap: 6px !important;
  width: 100% !important;
  min-width: 0 !important;
  text-align: left !important;
}

.statisticsPanel .statisticsTable .statsNameTopLine,
.theme-light .statisticsPanel .statisticsTable .statsNameTopLine,
.theme-dark .statisticsPanel .statisticsTable .statsNameTopLine {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 7px !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-align: left !important;
}

.statisticsPanel .statisticsTable .statsNameTopLine > span,
.theme-light .statisticsPanel .statisticsTable .statsNameTopLine > span,
.theme-dark .statisticsPanel .statisticsTable .statsNameTopLine > span {
  display: inline-block !important;
  flex: 0 1 auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  text-align: left !important;
}

.statisticsPanel .statisticsTable .statsRowActions,
.theme-light .statisticsPanel .statisticsTable .statsRowActions,
.theme-dark .statisticsPanel .statisticsTable .statsRowActions {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  margin-left: 0 !important;
}

.statisticsPanel .statisticsTable .statsNameCellWithFavourite .statsRowActions {
  margin-left: 31px !important;
}

/* Non-company stat/track rows keep the Track icon on the same line at the cell end. */
.statisticsPanel .statisticsTable .statsNameCellCompact,
.theme-light .statisticsPanel .statisticsTable .statsNameCellCompact,
.theme-dark .statisticsPanel .statisticsTable .statsNameCellCompact,
.trackingPage .statsNameCellCompact,
.theme-light .trackingPage .statsNameCellCompact,
.theme-dark .trackingPage .statsNameCellCompact {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  justify-items: stretch !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
}

.statisticsPanel .statisticsTable .statsNameCellCompact .statsNameTopLine,
.theme-light .statisticsPanel .statisticsTable .statsNameCellCompact .statsNameTopLine,
.theme-dark .statisticsPanel .statisticsTable .statsNameCellCompact .statsNameTopLine,
.trackingPage .statsNameCellCompact > span:first-child,
.theme-light .trackingPage .statsNameCellCompact > span:first-child,
.theme-dark .trackingPage .statsNameCellCompact > span:first-child {
  grid-column: 1 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.statisticsPanel .statisticsTable .statsNameCellCompact .statsRowActions,
.theme-light .statisticsPanel .statisticsTable .statsNameCellCompact .statsRowActions,
.theme-dark .statisticsPanel .statisticsTable .statsNameCellCompact .statsRowActions,
.trackingPage .statsNameCellCompact .statsRowActions,
.theme-light .trackingPage .statsNameCellCompact .statsRowActions,
.theme-dark .trackingPage .statsNameCellCompact .statsRowActions {
  grid-column: 2 !important;
  grid-row: 1 !important;
  justify-self: end !important;
  align-self: center !important;
  margin-left: 0 !important;
  flex: 0 0 auto !important;
}

/* Copy icon scope: only importer/exporter name cells keep copy, pinned to the cell end. */
.plainNameCell {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.companyNameLine .nameWithCopy,
.theme-light .companyNameLine .nameWithCopy,
.theme-dark .companyNameLine .nameWithCopy,
.companyTradingRecordsTable .companyNameLine .nameWithCopy,
.trackingPage .trackRecordsWrap .companyNameLine .nameWithCopy,
.results.panel > .tableWrap .companyNameLine .nameWithCopy,
.partyPanel .partyTable .companyNameLine .nameWithCopy,
.partyPanel .partyTable td:nth-child(2) .nameWithCopy {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 24px !important;
  align-items: center !important;
  justify-content: stretch !important;
  gap: 6px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

.companyNameLine .nameWithCopy .copyTextName,
.companyTradingRecordsTable .companyNameLine .copyTextName,
.trackingPage .trackRecordsWrap .companyNameLine .copyTextName,
.results.panel > .tableWrap .companyNameLine .copyTextName,
.partyPanel .partyTable .companyNameLine .copyTextName,
.partyPanel .partyTable td:nth-child(2) .copyTextName {
  display: block !important;
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.companyNameLine .nameWithCopy .copyNameWrap,
.partyPanel .partyTable td:nth-child(2) .nameWithCopy .copyNameWrap {
  justify-self: end !important;
}

.statisticsPanel .statisticsTable .companyStatsNameTopLine,
.theme-light .statisticsPanel .statisticsTable .companyStatsNameTopLine,
.theme-dark .statisticsPanel .statisticsTable .companyStatsNameTopLine {
  display: grid !important;
  grid-template-columns: 24px minmax(0, 1fr) 24px !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
}

.statisticsPanel .statisticsTable .companyStatsNameTopLine > span,
.theme-light .statisticsPanel .statisticsTable .companyStatsNameTopLine > span,
.theme-dark .statisticsPanel .statisticsTable .companyStatsNameTopLine > span {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.statisticsPanel .statisticsTable .companyStatsNameTopLine .copyNameWrap,
.theme-light .statisticsPanel .statisticsTable .companyStatsNameTopLine .copyNameWrap,
.theme-dark .statisticsPanel .statisticsTable .companyStatsNameTopLine .copyNameWrap {
  justify-self: end !important;
}

/* Unified hover for Company View and Track icons across all tables/tabs. */
.companyMiniActions button[title="Company View"],
.companyMiniActions button[title="Track"],
.statsIconBtn[title="Company View"],
.statsIconBtn[title="Track"],
.partnerSummaryActions .statsIconBtn[title="Company View"],
.partnerSummaryActions .statsIconBtn[title="Track"],
.trackInlineActions .statsIconBtn[title="Company View"],
.trackInlineActions .statsIconBtn[title="Track"]{
  cursor: pointer !important;
  transition: background-color .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease, transform .16s ease !important;
}



/* Themed month/year selectors inside date range calendars. */
.miniCalendarHead select,
.theme-light .miniCalendarHead select,
.theme-dark .miniCalendarHead select {
  height: 30px !important;
  border: 1px solid #B9E8FF !important;
  border-radius:0!important;
  background: #F5FBFF !important;
  color: #0B69DF !important;
  font-size: 13px !important;
  font-weight: 550 !important;
  text-align: center !important;
  text-align-last: center !important;
  padding: 0 6px !important;
  cursor: pointer !important;
  box-shadow: 0 8px 18px rgba(11, 105, 223, .08) !important;
}

.miniCalendarHead select:hover,
.miniCalendarHead select:focus,
.theme-light .miniCalendarHead select:hover,
.theme-light .miniCalendarHead select:focus,
.theme-dark .miniCalendarHead select:hover,
.theme-dark .miniCalendarHead select:focus {
  border-color: var(--sl-primary) !important;
  background: #EAF8FF !important;
  color: #0B69DF !important;
  outline: none !important;
}

.miniCalendarHead select option,
.theme-light .miniCalendarHead select option,
.theme-dark .miniCalendarHead select option {
  background: #fff !important;
  color: #FFFFFF !important;
  font-weight: 550 !important;
}

.miniCalendarHead select option:checked,
.theme-light .miniCalendarHead select option:checked,
.theme-dark .miniCalendarHead select option:checked {
  background: var(--sl-primary) !important;
  color: #FFFFFF !important;
}

.theme-dark .miniCalendarHead select {
  background: #11172A !important;
  border-color: #2A3658 !important;
  color: #0B69DF !important;
}

.theme-dark .miniCalendarHead select:hover,
.theme-dark .miniCalendarHead select:focus {
  background: #151B31 !important;
  border-color: #47BFF2 !important;
}

.theme-dark .miniCalendarHead select option {
  background: #0F1325 !important;
  color: #FFFFFF !important;
}

/* Custom themed month/year dropdowns for date range calendars */
.calendarSelectWrap {
  position: relative;
  min-width: 0;
}

.calendarSelect,
.theme-light .calendarSelect,
.theme-dark .calendarSelect {
  width: 100%;
  height: 30px;
  min-width: 0;
  border: 1px solid #B9E8FF;
  border-radius: 0;
  background: #F5FBFF;
  color: #0B69DF;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 0 7px;
  font-size: 13px;
  font-weight: 550;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 8px 22px rgba(11, 105, 223, .08);
}

.calendarSelect span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.calendarSelect svg {
  flex: 0 0 auto;
  transition: transform .16s ease;
}

.calendarSelect:hover,
.calendarSelect.active {
  border-color: var(--sl-primary);
  background: #EAF8FF;
  color: #0B69DF;
}

.calendarSelect.active svg {
  transform: rotate(180deg);
}

.calendarSelectMenu {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 6px);
  z-index: 160;
  min-width: 88px;
  max-height: 210px;
  overflow-y: auto;
  padding: 6px;
  border: 1px solid #D8E7F7;
  border-radius: 0;
  background: #fff;
  box-shadow: 0 18px 44px rgba(15, 23, 42, .16);
  display: grid;
  gap: 2px;
}

.calendarSelectMenu button {
  width: 100%;
  height: 30px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #0B1730;
  font-size: 13px;
  font-weight: 550;
  text-align: center;
  cursor: pointer;
}

.calendarSelectMenu button:hover,
.calendarSelectMenu button.active {
  background: var(--sl-primary);
  color: #FFFFFF;
}

.calendarSelectMenu::-webkit-scrollbar {
  width: 8px;
}

.calendarSelectMenu::-webkit-scrollbar-track {
  background: #F2F7FD;
  border-radius: 10px;
}

.calendarSelectMenu::-webkit-scrollbar-thumb {
  background: #B9E8FF;
  border-radius: 10px;
  border: 2px solid #F2F7FD;
}

.calendarSelectMenu::-webkit-scrollbar-thumb:hover {
  background: var(--sl-primary);
}

.theme-dark .calendarSelect {
  background: #11172A;
  border-color: #2A3658;
  color: #0B69DF;
  box-shadow: none;
}

.theme-dark .calendarSelect:hover,
.theme-dark .calendarSelect.active {
  background: #151B31;
  border-color: #47BFF2;
  color: #0B69DF;
}

.theme-dark .calendarSelectMenu {
  background: #0F1325;
  border-color: #2A3658;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .36);
}

.theme-dark .calendarSelectMenu button {
  color: #FFFFFF;
}

.theme-dark .calendarSelectMenu button:hover,
.theme-dark .calendarSelectMenu button.active {
  background: #0B69DF;
  color: #FFFFFF;
}

/* Final global copy confirmation: only the copy button changes, never the text/background behind it. */
.copyNameWrap,
.theme-light .copyNameWrap,
.theme-dark .copyNameWrap,
.nameWithCopy .copyNameWrap,
.companyNameLine .copyNameWrap,
.statisticsPanel .copyNameWrap,
.trackingPage .copyNameWrap,
.companyOverviewPage .copyNameWrap,
.profilePage .copyNameWrap {
  background: transparent !important;
  box-shadow: none !important;
  isolation: isolate !important;
}

.copyNameBtn,
.theme-light .copyNameBtn,
.theme-dark .copyNameBtn {
  background: #EAF8FF !important;
  border-color: #B9E8FF !important;
  color: #0B69DF !important;
  box-shadow: none !important;
  transform: none !important;
}

.copyNameBtn.copied,
.theme-light .copyNameBtn.copied,
.theme-dark .copyNameBtn.copied,
.trackRecordsWrap .activeTrackRow .copyNameBtn.copied,
.trackRecordsWrap .activeTrackRow .companyMiniActions .copyNameBtn.copied,
.companyOverviewPage .copyNameBtn.copied,
.statisticsPanel .copyNameBtn.copied,
.partyPanel .copyNameBtn.copied,
.results.panel .copyNameBtn.copied,
.profilePage .copyNameBtn.copied {
  background: var(--sl-primary, #0B69DF) !important;
  border-color: var(--sl-primary, #0B69DF) !important;
  color: #FFFFFF !important;
  box-shadow: none !important;
  transform: none !important;
  animation: none !important;
}

.copyNameBtn.copied svg,
.theme-light .copyNameBtn.copied svg,
.theme-dark .copyNameBtn.copied svg {
  color: #FFFFFF !important;
  stroke: #fff !important;
  stroke-width: 2.5 !important;
}

.copyNameWrap::before,
.copyNameWrap::after {
  content: none !important;
  display: none !important;
}

/* Advanced search include controls */
.advancedIncludePair {
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) 40px !important;
}

.advancedSingleInclude {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 40px;
  gap: 8px;
  align-items: center;
}

.advancedIncludeBtn {
  width: 40px;
  height: 40px;
  border: 1px solid #B9E8FF;
  border-radius: 0;
  background: #EAF8FF;
  color: #0B69DF;
  display: inline-grid;
  place-items: center;
  cursor: pointer;
  transition: background .16s ease, color .16s ease, border-color .16s ease;
}

.advancedIncludeBtn:not(:disabled):hover {
  background: var(--sl-primary, #0B69DF);
  border-color: var(--sl-primary, #0B69DF);
  color: #FFFFFF;
}

.advancedIncludeBtn:disabled {
  opacity: .45;
  cursor: not-allowed;
}

/* Result action buttons: keep download controls consistent with outline actions */
.resultActions .downloadLimitBtn,
.resultActions .downloadAction {
  height: 42px !important;
  min-width: 48px !important;
  border-radius:0!important;
  border: 1px solid var(--sl-border, #DDE5F2) !important;
  background: var(--sl-surface, #FFFFFF) !important;
  color: var(--sl-text,#0B1730) !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  cursor: pointer !important;
  font-weight: 550 !important;
  transition: background .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease !important;
}

.resultActions .downloadAction {
  width: auto !important;
  padding: 0 16px !important;
}

.resultActions .downloadLimitBtn {
  width: 48px !important;
  padding: 0 !important;
}

.resultActions .downloadLimitBtn:hover,
.resultActions .downloadAction:hover {
  border-color: var(--sl-primary, #0B69DF) !important;
  background: var(--sl-surface-2, #F2F5FB) !important;
  color: var(--sl-text,#0B1730) !important;
  box-shadow: 0 10px 24px rgba(11, 105, 223, .10) !important;
}

.resultActions .downloadLimitBtn svg,
.resultActions .downloadAction svg {
  color: currentColor !important;
  stroke: currentColor !important;
}

/* Global Search result tables: match Track Records compact fixed sizing. */
.results.panel > .tableWrap,
.partyPanel .partyTableWrap,
.statisticsPanel .statisticsTableWrap {
  overflow: hidden !important;
  max-height: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.results.panel > .tableWrap > table,
.partyPanel .partyTable,
.statisticsPanel .statisticsTable {
  width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;
}

.results.panel > .tableWrap > table th,
.results.panel > .tableWrap > table td,
.partyPanel .partyTable th,
.partyPanel .partyTable td,
.statisticsPanel .statisticsTable th,
.statisticsPanel .statisticsTable td {
  height: 50px !important;
  max-height: none !important;
  padding: 7px 8px !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.results.panel > .tableWrap > table th:nth-child(1),
.results.panel > .tableWrap > table td:nth-child(1) {
  width: 7% !important;
  text-overflow: clip !important;
}

.results.panel > .tableWrap > table th:nth-child(2),
.results.panel > .tableWrap > table td:nth-child(2) { width: 6% !important; }
.results.panel > .tableWrap > table th:nth-child(3),
.results.panel > .tableWrap > table td:nth-child(3) { width: 13% !important; }
.results.panel > .tableWrap > table th:nth-child(4),
.results.panel > .tableWrap > table td:nth-child(4) { width: 11% !important; }
.results.panel > .tableWrap > table th:nth-child(5),
.results.panel > .tableWrap > table td:nth-child(5) { width: 15% !important; }
.results.panel > .tableWrap > table th:nth-child(6),
.results.panel > .tableWrap > table td:nth-child(6) { width: 9% !important; }
.results.panel > .tableWrap > table th:nth-child(7),
.results.panel > .tableWrap > table td:nth-child(7) { width: 9% !important; }
.results.panel > .tableWrap > table th:nth-child(8),
.results.panel > .tableWrap > table td:nth-child(8) { width: 15% !important; }
.results.panel > .tableWrap > table th:nth-child(9),
.results.panel > .tableWrap > table td:nth-child(9) { width: 5% !important; }
.results.panel > .tableWrap > table th:nth-child(10),
.results.panel > .tableWrap > table td:nth-child(10) { width: 5% !important; }
.results.panel > .tableWrap > table th:nth-child(11),
.results.panel > .tableWrap > table td:nth-child(11) {
  width: 5% !important;
  text-align: center !important;
}

.serialActionCell {
  text-align: center !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.serialProfileBtn {
  width: 32px !important;
  min-width: 32px !important;
  height: 28px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #B9E8FF !important;
  border-radius:0!important;
  background: #EAF8FF !important;
  color: #0B69DF !important;
  font-weight: 550 !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

.serialProfileBtn:hover,
.serialProfileBtn:focus-visible {
  background: #0B69DF !important;
  border-color: #0B69DF !important;
  color: #FFFFFF !important;
  outline:none!important;
}
.serialProfileBtn:active {
  background:#0B69DF!important;
  border-color:#0B69DF!important;
  color:#FFFFFF!important;
}

.statisticsPanel .statisticsTable th:nth-child(1),
.statisticsPanel .statisticsTable td:nth-child(1) { width: 5% !important; }
.statisticsPanel .statisticsTable th:nth-child(2),
.statisticsPanel .statisticsTable td:nth-child(2) { width: 24% !important; }
.statisticsPanel .statisticsTable th:nth-child(3),
.statisticsPanel .statisticsTable td:nth-child(3) { width: 9% !important; }
.statisticsPanel .statisticsTable th:nth-child(4),
.statisticsPanel .statisticsTable td:nth-child(4) { width: 8% !important; }
.statisticsPanel .statisticsTable th:nth-child(5),
.statisticsPanel .statisticsTable td:nth-child(5) { width: 8% !important; }
.statisticsPanel .statisticsTable th:nth-child(6),
.statisticsPanel .statisticsTable td:nth-child(6) { width: 9% !important; }
.statisticsPanel .statisticsTable th:nth-child(7),
.statisticsPanel .statisticsTable td:nth-child(7) { width: 9% !important; }
.statisticsPanel .statisticsTable th:nth-child(8),
.statisticsPanel .statisticsTable td:nth-child(8) { width: 8% !important; }
.statisticsPanel .statisticsTable th:nth-child(9),
.statisticsPanel .statisticsTable td:nth-child(9) { width: 8% !important; }
.statisticsPanel .statisticsTable th:nth-child(10),
.statisticsPanel .statisticsTable td:nth-child(10) { width: 5% !important; }
.statisticsPanel .statisticsTable th:nth-child(11),
.statisticsPanel .statisticsTable td:nth-child(11) { width: 7% !important; }

/* Final table typography guard: keep every platform table on one shared size. */
:root {
  --platform-table-font-size: 11.5px;
  --platform-table-line-height: 1.25;
}

table th,
table td,
table th :where(span, a, label, small, div),
table td :where(span, a, label, small, div) {
  font-size: var(--platform-table-font-size) !important;
  line-height: var(--platform-table-line-height) !important;
}

table th,
table th :where(span, a, label, small, div) {
  font-weight: 550 !important;
}

/* Records tables after removing Local Port. */
.results.panel > .tableWrap > table,
.trackingPage .trackRecordsWrap table,
.companyTradingRecordsTable {
  width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;
}

.results.panel > .tableWrap > table th:nth-child(1),
.results.panel > .tableWrap > table td:nth-child(1) { width: 8% !important; }
.results.panel > .tableWrap > table th:nth-child(2),
.results.panel > .tableWrap > table td:nth-child(2) { width: 6% !important; }
.results.panel > .tableWrap > table th:nth-child(3),
.results.panel > .tableWrap > table td:nth-child(3) { width: 15% !important; }
.results.panel > .tableWrap > table th:nth-child(4),
.results.panel > .tableWrap > table td:nth-child(4) { width: 12% !important; }
.results.panel > .tableWrap > table th:nth-child(5),
.results.panel > .tableWrap > table td:nth-child(5) { width: 18% !important; min-width: 0 !important; }
.results.panel > .tableWrap > table th:nth-child(6),
.results.panel > .tableWrap > table td:nth-child(6) { width: 12% !important; }
.results.panel > .tableWrap > table th:nth-child(7),
.results.panel > .tableWrap > table td:nth-child(7) { width: 18% !important; min-width: 0 !important; }
.results.panel > .tableWrap > table th:nth-child(8),
.results.panel > .tableWrap > table td:nth-child(8) { width: 5% !important; text-align: right !important; }
.results.panel > .tableWrap > table th:nth-child(9),
.results.panel > .tableWrap > table td:nth-child(9) { width: 6% !important; text-align: right !important; }
.results.panel > .tableWrap > table th:nth-child(10),
.results.panel > .tableWrap > table td:nth-child(10) { width: 5% !important; text-align: center !important; }
.results.panel > .tableWrap > table th:nth-child(n+11),
.results.panel > .tableWrap > table td:nth-child(n+11) { display: none !important; }

.trackingPage .trackRecordsWrap th:nth-child(1),
.trackingPage .trackRecordsWrap td:nth-child(1) { width: 7% !important; text-overflow: clip !important; }
.trackingPage .trackRecordsWrap th:nth-child(2),
.trackingPage .trackRecordsWrap td:nth-child(2) { width: 6% !important; }
.trackingPage .trackRecordsWrap th:nth-child(3),
.trackingPage .trackRecordsWrap td:nth-child(3) { width: 14% !important; }
.trackingPage .trackRecordsWrap th:nth-child(4),
.trackingPage .trackRecordsWrap td:nth-child(4) { width: 11% !important; }
.trackingPage .trackRecordsWrap th:nth-child(5),
.trackingPage .trackRecordsWrap td:nth-child(5) { width: 17% !important; min-width: 0 !important; }
.trackingPage .trackRecordsWrap th:nth-child(6),
.trackingPage .trackRecordsWrap td:nth-child(6) { width: 11% !important; }
.trackingPage .trackRecordsWrap th:nth-child(7),
.trackingPage .trackRecordsWrap td:nth-child(7) { width: 17% !important; min-width: 0 !important; }
.trackingPage .trackRecordsWrap th:nth-child(8),
.trackingPage .trackRecordsWrap td:nth-child(8) { width: 5% !important; text-align: right !important; }
.trackingPage .trackRecordsWrap th:nth-child(9),
.trackingPage .trackRecordsWrap td:nth-child(9) { width: 6% !important; text-align: right !important; }
.trackingPage .trackRecordsWrap th:nth-child(10),
.trackingPage .trackRecordsWrap td:nth-child(10) { width: 3% !important; text-align: right !important; }
.trackingPage .trackRecordsWrap th:nth-child(11),
.trackingPage .trackRecordsWrap td:nth-child(11) { width: 5% !important; text-align: center !important; }
.trackingPage .trackRecordsWrap th:nth-child(n+12),
.trackingPage .trackRecordsWrap td:nth-child(n+12) { display: none !important; }

.companyTradingRecordsTable th:nth-child(1),
.companyTradingRecordsTable td:nth-child(1) { width: 8% !important; }
.companyTradingRecordsTable th:nth-child(2),
.companyTradingRecordsTable td:nth-child(2) { width: 7% !important; }
.companyTradingRecordsTable th:nth-child(3),
.companyTradingRecordsTable td:nth-child(3) { width: 15% !important; }
.companyTradingRecordsTable th:nth-child(4),
.companyTradingRecordsTable td:nth-child(4) { width: 12% !important; }
.companyTradingRecordsTable th:nth-child(5),
.companyTradingRecordsTable td:nth-child(5) { width: 19% !important; min-width: 0 !important; }
.companyTradingRecordsTable th:nth-child(6),
.companyTradingRecordsTable td:nth-child(6) { width: 12% !important; }
.companyTradingRecordsTable th:nth-child(7),
.companyTradingRecordsTable td:nth-child(7) { width: 19% !important; min-width: 0 !important; }
.companyTradingRecordsTable th:nth-child(8),
.companyTradingRecordsTable td:nth-child(8) { width: 5% !important; text-align: right !important; }
.companyTradingRecordsTable th:nth-child(9),
.companyTradingRecordsTable td:nth-child(9) { width: 6% !important; text-align: right !important; }
.companyTradingRecordsTable th:nth-child(10),
.companyTradingRecordsTable td:nth-child(10) { width: 5% !important; text-align: center !important; }

/* Final table header casing guard: keep headers readable, not all caps. */
table th,
table th :where(span, a, label, small, div, b) {
  text-transform: none !important;
  letter-spacing: 0 !important;
}

/* Workspace tab scroll arrows: always visible, with muted disabled state
   and a stronger active state when scrolling is available. */
.topAppStrip .tabScrollBtn {
  transition: background .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease, opacity .16s ease, transform .16s ease;
}

.topAppStrip .tabScrollBtn svg {
  opacity: 1 !important;
}

.theme-light .topAppStrip .tabScrollBtn:not(:disabled),
.theme-dark .topAppStrip .tabScrollBtn:not(:disabled) {
  background: #EAF8FF !important;
  border-color: #B9E8FF !important;
  color: #0B69DF !important;
  box-shadow: 0 8px 18px rgba(11, 105, 223, .10) !important;
  opacity: 1 !important;
  cursor: pointer !important;
}

.theme-light .topAppStrip .tabScrollBtn:disabled,
.theme-dark .topAppStrip .tabScrollBtn:disabled {
  background: #F5F9FE !important;
  border-color: #DDEAF7 !important;
  color: #94A3B8 !important;
  box-shadow: none !important;
  opacity: 1 !important;
  cursor: not-allowed !important;
}

.theme-dark .topAppStrip .tabScrollBtn:disabled {
  background: #11172A !important;
  border-color: #242C49 !important;
  color: #5F6C86 !important;
}

.topAppStrip .tabScrollBtn:not(:disabled):hover,
.topAppStrip .tabScrollBtn:not(:disabled):focus-visible {
  background: #0B69DF !important;
  border-color: #0B69DF !important;
  color: #FFFFFF !important;
  box-shadow: 0 12px 26px rgba(11, 105, 223, .24) !important;
  transform: translateY(-1px);
}

.topAppStrip .tabScrollBtn:disabled:hover,
.topAppStrip .tabScrollBtn:disabled:focus-visible {
  background: #F5F9FE !important;
  border-color: #DDEAF7 !important;
  color: #94A3B8 !important;
  box-shadow: none !important;
  transform: none;
}

.theme-dark .topAppStrip .tabScrollBtn:disabled:hover,
.theme-dark .topAppStrip .tabScrollBtn:disabled:focus-visible {
  background: #11172A !important;
  border-color: #242C49 !important;
  color: #5F6C86 !important;
}

/* Workspace tab close buttons stay pinned to the right edge of every tab. */
.workspaceTabs button {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  align-items: center !important;
  justify-items: center !important;
  overflow: hidden !important;
}

.workspaceTabs button.hasClose {
  padding: 0 38px 0 18px !important;
}

.workspaceTabs button span {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-align: center !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.workspaceTabs button.hasClose i {
  position: absolute !important;
  top: 50% !important;
  right: 12px !important;
  z-index: 2 !important;
  width: 20px !important;
  height: 20px !important;
  transform: translateY(-50%) !important;
  flex: 0 0 auto !important;
}

/* Sidebar expands as an overlay so the main workspace never resizes on hover. */
:root {
  --sidebar-collapsed-width: 82px;
  --sidebar-expanded-width: 280px;
  --top-strip-height: 58px;
}

.bodyShell {
  position: relative !important;
  display: block !important;
  min-height: calc(100vh - var(--top-strip-height)) !important;
  padding-left: var(--sidebar-collapsed-width) !important;
}

.bodyShell > main {
  width: 100% !important;
  min-width: 0 !important;
}

.topAppStrip + .bodyShell > .sidebar {
  position: fixed !important;
  top: var(--top-strip-height) !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 80 !important;
  width: var(--sidebar-collapsed-width) !important;
  height: calc(100vh - var(--top-strip-height)) !important;
  flex: 0 0 var(--sidebar-collapsed-width) !important;
  overflow: hidden !important;
}

.topAppStrip + .bodyShell > .sidebar:hover,
.topAppStrip + .bodyShell > .sidebar:focus-within {
  width: var(--sidebar-expanded-width) !important;
  box-shadow: 24px 0 44px rgba(15, 35, 60, .14) !important;
}

/* Final collapsed sidebar rail reset: keep every icon box perfectly centered. */
.topAppStrip + .bodyShell > .sidebar:not(:hover) {
  width: var(--sidebar-collapsed-width) !important;
  padding: 18px 0 16px !important;
  align-items: center !important;
}

.sidebar:not(:hover) .logoBrand {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.topAppStrip + .bodyShell > .sidebar:not(:hover) nav {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  padding: 0 !important;
  margin: 0 !important;
}

.topAppStrip + .bodyShell > .sidebar:not(:hover) nav button,
.topAppStrip + .bodyShell > .sidebar:not(:hover) nav button.active,
.topAppStrip + .bodyShell > .sidebar:not(:hover) .sidebarUserAvatar,
.topAppStrip + .bodyShell > .sidebar:not(:hover) .sidebarLogoutBtn {
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  min-height: 46px !important;
  max-width: 46px !important;
  max-height: 46px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid #DDE5F2 !important;
  border-radius:0!important;
  background: #FFFFFF !important;
  color: #0B1730 !important;
  box-shadow: none !important;
  transform: none !important;
  left: auto !important;
  right: auto !important;
}

.topAppStrip + .bodyShell > .sidebar:not(:hover) nav button span,
.topAppStrip + .bodyShell > .sidebar:not(:hover) .sidebarUserText {
  display: none !important;
}

.topAppStrip + .bodyShell > .sidebar:not(:hover) nav button svg,
.topAppStrip + .bodyShell > .sidebar:not(:hover) nav button.active svg,
.topAppStrip + .bodyShell > .sidebar:not(:hover) .sidebarUserAvatar svg,
.topAppStrip + .bodyShell > .sidebar:not(:hover) .sidebarLogoutBtn svg {
  width: 20px !important;
  height: 20px !important;
  margin: 0 !important;
  color: currentColor !important;
  stroke: currentColor !important;
}

.topAppStrip + .bodyShell > .sidebar:not(:hover) nav button:hover,
.topAppStrip + .bodyShell > .sidebar:not(:hover) .sidebarLogoutBtn:hover,
.topAppStrip + .bodyShell > .sidebar:not(:hover) .sidebarUserAvatar:hover {
  background: #EAF8FF !important;
  border-color: #0B69DF !important;
  color: #0B69DF !important;
  box-shadow: 0 10px 22px rgba(11, 105, 223, .12) !important;
}

.topAppStrip + .bodyShell > .sidebar:not(:hover) .sidebarUserBox {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  margin: auto 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.theme-dark .topAppStrip + .bodyShell > .sidebar:not(:hover) nav button,
.theme-dark .topAppStrip + .bodyShell > .sidebar:not(:hover) nav button.active,
.theme-dark .topAppStrip + .bodyShell > .sidebar:not(:hover) .sidebarUserAvatar,
.theme-dark .topAppStrip + .bodyShell > .sidebar:not(:hover) .sidebarLogoutBtn {
  background: #11172A !important;
  border-color: #242C49 !important;
  color: #FFFFFF !important;
}

.theme-dark .topAppStrip + .bodyShell > .sidebar:not(:hover) nav button:hover,
.theme-dark .topAppStrip + .bodyShell > .sidebar:not(:hover) .sidebarLogoutBtn:hover,
.theme-dark .topAppStrip + .bodyShell > .sidebar:not(:hover) .sidebarUserAvatar:hover {
  background: #0B69DF !important;
  border-color: #0B69DF !important;
  color: #FFFFFF !important;
}

/* Final expanded sidebar account actions: profile and logout are separate blocks. */
.topAppStrip + .bodyShell > .sidebar:not(:hover) .sidebarLogoutBtn span {
  display: none !important;
}

.topAppStrip + .bodyShell > .sidebar:hover .sidebarUserBox,
.topAppStrip + .bodyShell > .sidebar:focus-within .sidebarUserBox {
  width: calc(100% - 28px) !important;
  margin: auto 14px 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1fr) !important;
  grid-template-rows: 54px 46px auto !important;
  align-items: center !important;
  gap: 10px !important;
  border: 0 !important;
  border-radius:0!important;
  background: transparent !important;
  box-shadow: none !important;
}

.topAppStrip + .bodyShell > .sidebar:hover .sidebarUserAvatar,
.topAppStrip + .bodyShell > .sidebar:focus-within .sidebarUserAvatar {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  min-height: 46px !important;
  border: 1px solid #DDE5F2 !important;
  border-radius:0!important;
  background: #0B69DF !important;
  color: #FFFFFF !important;
  display: grid !important;
  place-items: center !important;
  box-shadow: 0 12px 24px rgba(11, 105, 223, .18) !important;
}

.topAppStrip + .bodyShell > .sidebar:hover .sidebarUserText,
.topAppStrip + .bodyShell > .sidebar:focus-within .sidebarUserText {
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
}

.topAppStrip + .bodyShell > .sidebar:hover .sidebarUserText b,
.topAppStrip + .bodyShell > .sidebar:focus-within .sidebarUserText b {
  color: #0B1730 !important;
  font-size: 14px !important;
  font-weight: 550 !important;
}

.topAppStrip + .bodyShell > .sidebar:hover .sidebarUserText span,
.topAppStrip + .bodyShell > .sidebar:focus-within .sidebarUserText span {
  color: #0B1730 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
}

.topAppStrip + .bodyShell > .sidebar:hover .sidebarLogoutBtn,
.topAppStrip + .bodyShell > .sidebar:focus-within .sidebarLogoutBtn {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  width: 100% !important;
  height: 46px !important;
  min-width: 0 !important;
  min-height: 46px !important;
  max-width: none !important;
  max-height: 46px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  border: 1px solid #DDE5F2 !important;
  border-radius:0!important;
  background: #FFFFFF !important;
  color: #0B1730 !important;
  box-shadow: none !important;
}

.topAppStrip + .bodyShell > .sidebar:hover .sidebarLogoutBtn span,
.topAppStrip + .bodyShell > .sidebar:focus-within .sidebarLogoutBtn span {
  display: inline !important;
  font-size: 14px !important;
  font-weight: 550 !important;
}

.topAppStrip + .bodyShell > .sidebar:hover .sidebarVersionText,
.topAppStrip + .bodyShell > .sidebar:focus-within .sidebarVersionText {
  grid-column: 1 / -1 !important;
  grid-row: 3 !important;
  min-height: 18px !important;
  color: #0B1730 !important;
}

.topAppStrip + .bodyShell > .sidebar:not(:hover) .sidebarVersionFull {
  display: none !important;
}

.topAppStrip + .bodyShell > .sidebar:not(:hover) .sidebarVersionCompact {
  display: inline !important;
  color: #0B1730 !important;
  font-size: 10px !important;
  font-weight: 550 !important;
  white-space: nowrap !important;
}

.topAppStrip + .bodyShell > .sidebar:hover .sidebarLogoutBtn:hover,
.topAppStrip + .bodyShell > .sidebar:focus-within .sidebarLogoutBtn:hover {
  background: #EAF8FF !important;
  border-color: #0B69DF !important;
  color: #0B69DF !important;
  box-shadow: 0 10px 22px rgba(11, 105, 223, .12) !important;
}

.theme-dark .topAppStrip + .bodyShell > .sidebar:hover .sidebarUserAvatar,
.theme-dark .topAppStrip + .bodyShell > .sidebar:focus-within .sidebarUserAvatar {
  border-color: #0B69DF !important;
  background: #0B69DF !important;
  color: #FFFFFF !important;
}

.theme-dark .topAppStrip + .bodyShell > .sidebar:hover .sidebarUserText b,
.theme-dark .topAppStrip + .bodyShell > .sidebar:focus-within .sidebarUserText b {
  color: #FFFFFF !important;
}

.theme-dark .topAppStrip + .bodyShell > .sidebar:hover .sidebarUserText span,
.theme-dark .topAppStrip + .bodyShell > .sidebar:focus-within .sidebarUserText span {
  color: #FFFFFF !important;
}

.theme-dark .topAppStrip + .bodyShell > .sidebar:hover .sidebarLogoutBtn,
.theme-dark .topAppStrip + .bodyShell > .sidebar:focus-within .sidebarLogoutBtn {
  background: #11172A !important;
  border-color: #242C49 !important;
  color: #FFFFFF !important;
}

.theme-dark .topAppStrip + .bodyShell > .sidebar:hover .sidebarLogoutBtn:hover,
.theme-dark .topAppStrip + .bodyShell > .sidebar:focus-within .sidebarLogoutBtn:hover {
  background: #0B69DF !important;
  border-color: #0B69DF !important;
  color: #FFFFFF !important;
}

/* Final sidebar shell: keep the same footprint, but make the whole menu feel like one themed rail. */
.topAppStrip + .bodyShell > .sidebar {
  background: transparent !important;
  border-right: 0 !important;
  box-shadow: none !important;
  isolation: isolate !important;
}

.topAppStrip + .bodyShell > .sidebar::before {
  content: "" !important;
  position: absolute !important;
  inset: 8px 7px !important;
  z-index: 0 !important;
  pointer-events: none !important;
  border: 1px solid #DDEAF7 !important;
  border-radius:0!important;
  background: linear-gradient(180deg, #FFFFFF 0%, #F7FBFF 58%, #EEF6FF 100%) !important;
  box-shadow: 10px 0 28px rgba(15, 35, 60, .08) !important;
}

.topAppStrip + .bodyShell > .sidebar:hover::before,
.topAppStrip + .bodyShell > .sidebar:focus-within::before {
  inset: 8px 10px !important;
  box-shadow: 18px 0 42px rgba(15, 35, 60, .14) !important;
}

.topAppStrip + .bodyShell > .sidebar > * {
  position: relative !important;
  z-index: 1 !important;
}

.topAppStrip + .bodyShell > .sidebar:not(:hover) nav {
  padding-top: 4px !important;
}

.topAppStrip + .bodyShell > .sidebar:not(:hover) .sidebarUserBox {
  padding-bottom: 4px !important;
}

.theme-dark .topAppStrip + .bodyShell > .sidebar::before {
  border-color: #242C49 !important;
  background: linear-gradient(180deg, #10182B 0%, #0D1426 100%) !important;
  box-shadow: 12px 0 32px rgba(0, 0, 0, .28) !important;
}

/* Live API authentication */
.authLoadingScreen{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:18px;background:linear-gradient(180deg,#F7FBFF,#EAF3FF);color:#0B1730;font-weight:550}
.authLoadingScreen img{width:230px;height:auto}
.theme-dark.authLoadingScreen{background:linear-gradient(180deg,#090A0F,#0F1325);color:#FFFFFF}


/* Live API controls: keep all dropdowns clickable and above results */
.tradeSearch,.mainSearchGrid,.multiSearchGrid,.multiCriteriaField,.criteriaInputRow,.dateDropdownWrap{overflow:visible!important}
.tradeSearch{position:relative;z-index:2}
.mainSearchGrid{position:relative;z-index:20}
.criteriaCountryPopup,.criteriaSuggestDropdown,.dateDropdown{z-index:1000!important;pointer-events:auto!important}
.advancedToggle,.dateToggle,.criteriaCountrySummary,.criteriaBtn{pointer-events:auto!important}
.advancedSearch{position:relative;z-index:15}
.tradeSearch .results.panel{position:relative;z-index:1}
.criteriaCountryPopup{min-width:320px}

/* Live API filter controls: simple, reliable native controls */
.apiFilterControl,.apiDateRangeControl{display:grid;gap:6px;min-width:0;position:relative;z-index:45}
.apiFilterControl>span,.apiDateRangeControl>span{color:#0B1730;font-size:13px;font-weight:550}
.apiFilterControl select{width:100%;height:44px;border:1px solid #cbd8e6;border-radius:8px;background:#fff;color:#0B1730;padding:0 12px;font:inherit;cursor:pointer;pointer-events:auto!important}
.apiCountryControlRow{display:grid;grid-template-columns:minmax(0,1fr) 36px 36px;gap:6px;align-items:center;min-width:0}
.apiCountryControlRow select{width:100%}
@media(max-width:760px){.apiCountryControlRow{grid-template-columns:minmax(0,1fr) 34px 34px}}
.apiDateInputs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:center}
.apiDateInputs input{width:100%;height:44px;border:1px solid #cbd8e6;border-radius:8px;background:#fff;color:#0B1730;padding:0 10px;font:inherit;cursor:pointer;pointer-events:auto!important}
.apiDateInputs span{color:#0B1730;font-size:12px;font-weight:550}
.apiDateQuickActions{display:flex;gap:5px;flex-wrap:wrap}
.apiDateQuickActions button{border:1px solid #d7e2ee;background:#fff;color:#0B1730;border-radius:7px;padding:4px 7px;font-size:11px;font-weight:550;cursor:pointer}
.apiDateQuickActions button:hover{border-color:#0B69DF;color:#0B1730;background:#fff}
.dateAdvancedRow{position:relative;z-index:45!important;overflow:visible!important}
.advancedToggleWrap{position:relative;z-index:45!important}
.advancedToggle{pointer-events:auto!important;cursor:pointer!important}
@media(max-width:900px){.apiDateInputs{grid-template-columns:1fr}.apiDateInputs>span{display:none}}

.companyApiStatus{margin:14px 0;padding:12px 16px;border:1px solid #bfe4f7;background:#eef9ff;color:#0B69DF;border-radius:12px;font-weight:400}.companyApiStatus.error{border-color:#ffd0c8;background:#fff4f1;color:#0B1730}

/* Shipment Records custom display: 53 API-backed fields, maximum 9 */
.customDisplayModal{width:min(920px,94vw)!important;max-height:88vh;overflow:hidden;display:flex;flex-direction:column}
.customDisplayMeta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 12px;font-size:12px;font-weight:550;color:#0B1730}
.customDisplayMeta b{color:#0B1730;font-weight:550}
.customDisplayDual{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;min-height:0;flex:1}
.customDisplayPane{border:1px solid #dce8f2;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;min-height:360px;max-height:540px;background:#fff}
.customDisplayPaneHead{padding:11px 13px;background:#0B69DF;color:#FFFFFF;font-size:13px;font-weight:550;letter-spacing:.01em}
.customDisplayList{overflow:auto;min-height:0;flex:1;padding:6px}
.customDisplayField{width:100%;min-height:36px;border:0;border-bottom:1px solid #e3ebf4;background:#fff;color:#0B1730;display:grid;grid-template-columns:24px minmax(0,1fr) 28px;align-items:center;gap:8px;padding:6px 8px;text-align:left;font:inherit;font-size:12px;cursor:pointer}
.customDisplayField:hover{background:#eef8ff}
.customDisplayField:disabled{opacity:.48;cursor:not-allowed}
.customDisplayField>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.customDisplayCheck{width:18px;height:18px;border:1px solid #aebdcb;border-radius:3px;background:#fff}
.customDisplayField.selected{cursor:default;grid-template-columns:28px minmax(0,1fr) auto;background:#fff}
.customDisplayRemove{width:24px;height:24px;border:1px solid #dce8f2;background:#f8fbfe;color:#0B69DF;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.customDisplayRemove:hover{border-color:#e44;color:#0B1730;background:#fff5f5}
.customDisplayOrder{display:flex;gap:4px}
.customDisplayOrder button{width:28px;height:26px;border:1px solid #cbd8e6;background:#f8fbfe;color:#0B69DF;border-radius:5px;font-weight:550;cursor:pointer}
.customDisplayOrder button:disabled{opacity:.35;cursor:not-allowed}
.customDisplayModal .modalActions{flex:0 0 auto;margin-top:14px}
.customDisplayModal .modalActions .primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none!important}
.theme-dark .customDisplayPane,.theme-dark .customDisplayField,.theme-dark .customDisplayField.selected{background:#0f1325;color:#FFFFFF;border-color:#242c49}
.theme-dark .customDisplayField:hover{background:#151b31}
.theme-dark .customDisplayCheck,.theme-dark .customDisplayRemove,.theme-dark .customDisplayOrder button{background:#11172a;border-color:#242c49;color:#FFFFFF}
.theme-light .customDisplayPane,.theme-light .customDisplayField,.theme-light .customDisplayField.selected{background:#fff;color:#0B1730;border-color:#dde5f2}
@media(max-width:720px){.customDisplayDual{grid-template-columns:1fr}.customDisplayPane{min-height:260px;max-height:320px}.customDisplayModal{max-height:94vh}}

.processingSpinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;display:inline-block;animation:eximbotSpin .8s linear infinite;flex:0 0 auto}.processingSpinner.large{width:44px;height:44px;border-width:4px;border-color:#dbeefe;border-top-color:#0B69DF}.searchButton:disabled{opacity:.78;cursor:wait}.searchProcessingOverlay{position:fixed;inset:0;background:rgba(247,250,255,.72);backdrop-filter:blur(3px);z-index:120;display:grid;place-items:center}.searchProcessingCard{width:min(390px,90vw);background:#fff;border:1px solid #d7e5f3;border-radius:18px;box-shadow:0 24px 70px rgba(28,67,105,.2);padding:30px;text-align:center;display:grid;justify-items:center;gap:12px;color:#0B1730}.searchProcessingCard strong{font-size:19px}.searchProcessingCard p{margin:0;color:#0B1730;font-size:14px}@keyframes eximbotSpin{to{transform:rotate(360deg)}}

/* Company View associated-company metadata */
.associatedCompanyMeta {
  display: grid;
  gap: 2px;
  margin-top: 4px;
  color: #0B1730;
  font-size: 11px;
  line-height: 1.35;
  min-width: 0;
  max-width: 420px;
}
.associatedCompanyCountry,
.associatedCompanyAliases {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.associatedCompanyAliases { color: #0B69DF; }
.associatedCompanyAliases b { color: #0B69DF; font-weight: 550; }
.theme-dark .associatedCompanyMeta { color: #FFFFFF; }
.theme-dark .associatedCompanyAliases { color: #FFFFFF; }
.theme-dark .associatedCompanyAliases b { color: #0B69DF; }

/* Company View: clickable Trade Trend periods + API-backed trading records */
.chartPeriodGroup{cursor:pointer;outline:none}
.chartPeriodGroup .chartPeriodHitArea{cursor:pointer}
.chartPeriodGroup:hover .chartBar,.chartPeriodGroup:focus .chartBar{opacity:1;stroke:#22ADE4;stroke-width:2}
.chartPeriodGroup.selected .chartBar{opacity:1;stroke:#005B96;stroke-width:3;filter:url(#tradeTrendBarShadow)}
.chartPeriodGroup.selected .chartMonthLabel{fill:#005B96;font-weight:400}
.tradeTrendRecordsBlock{width:min(100%,1320px);margin-top:22px;padding-top:20px;border-top:1px solid #DDEAF4;justify-self:stretch}
.tradeTrendRecordsHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.tradeTrendRecordsHeader>div:first-child{display:grid;gap:5px;min-width:0}
.tradeTrendRecordsHeader h4{flex-wrap:wrap}
.tradeTrendRecordsHeader p{margin:0;color:#0B1730;font-size:20px;font-weight:550}
.tradeTrendRecordsContext{display:grid;justify-items:end;gap:4px;padding:8px 12px;border:1px solid #D7ECF8;border-radius:0;background:#F4FBFF;color:#0B1730;font-size:12px}
.tradeTrendRecordsContext b{color:#0B69DF;font-size:12px}
.tradeTrendRecordsContext span{white-space:nowrap}
.tradeTrendRecordsBlock .associatedFilterTag{max-width:min(520px,64vw);height:auto;min-height:28px;padding-top:5px;padding-bottom:5px;flex-wrap:wrap;white-space:normal}
.tradeTrendRecordsBlock .associatedFilterTag small{color:#0B1730;font-size:10px;font-weight:550;white-space:nowrap}
.tradeTrendRecordsBlock .chartStateBox{width:100%;min-height:180px}
.tradeTrendRecordsBlock .companyTradingTableWrap{width:100%}
.theme-dark .tradeTrendRecordsBlock{border-top-color:#24304D}
.theme-dark .tradeTrendRecordsHeader p{color:#FFFFFF}
.theme-dark .tradeTrendRecordsContext{background:#11172A;border-color:#24304D;color:#FFFFFF}
.theme-dark .tradeTrendRecordsContext b{color:#0B69DF}
.theme-dark .tradeTrendRecordsBlock .associatedFilterTag small{color:#FFFFFF}
@media(max-width:720px){.tradeTrendRecordsHeader{display:grid}.tradeTrendRecordsContext{justify-items:start}.tradeTrendRecordsHeader p{margin-left:0}.tradeTrendRecordsBlock .associatedFilterTag{max-width:100%;margin-left:0}}

/* Trade Trend trading records: use the full available Company View width. */
.companyChartPanel{
  justify-items:stretch;
}
.companyChartPanel > .chartLegendTradeTrend,
.companyChartPanel > .tradeTrendComboChart,
.companyChartPanel > .tradeTrendWindowNav,
.companyChartPanel > .chartStateBox{
  justify-self:center;
}
.tradeTrendRecordsBlock{
  width:100% !important;
  max-width:none !important;
  min-width:0;
  grid-column:1 / -1;
  justify-self:stretch !important;
  box-sizing:border-box;
}
.tradeTrendRecordsBlock .companyTradingTableWrap{
  width:100% !important;
  max-width:none !important;
  overflow-x:auto !important;
}
.tradeTrendRecordsBlock .companyTradingRecordsTable{
  width:100% !important;
  min-width:1180px !important;
}
@media(max-width:1200px){
  .tradeTrendRecordsBlock .companyTradingRecordsTable{min-width:1050px !important}
}

/* Company View combined Partner + Logistics analysis */
.analysisSubTabs{
  flex-wrap:nowrap;
  overflow-x:auto;
  overflow-y:hidden;
  align-items:center;
  width:100%;
  scrollbar-width:thin;
  -webkit-overflow-scrolling:touch;
}
.analysisSubTabs button{
  flex:0 0 auto;
  min-width:max-content;
  white-space:nowrap;
}
.analysisPanel .associatedTableWrap,
.analysisPanel .tradingRecordsBlock{
  width:100%;
}

/* Company Analysis import/export split */
.analysisRoleHeader{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:16px;
  flex-wrap:wrap;
  padding:2px 0 12px;
}
.analysisRoleSwitch{width:auto!important;flex:0 0 auto}
.analysisRoleSwitch button{
  min-width:168px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}
.analysisRoleSwitch button span{
  min-width:26px;
  height:22px;
  padding:0 7px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(11,105,223,.12);
  color:#0B69DF;
  font-size:12px;
  font-weight:550;
}
.analysisRoleSwitch button.active span{background:rgba(255,255,255,.2);color:#FFFFFF}
.analysisRoleSwitch button:disabled{opacity:.42;cursor:not-allowed;box-shadow:none!important}
@media(max-width:760px){
  .analysisRoleHeader{align-items:stretch}
  .analysisRoleSwitch{width:100%!important}
  .analysisRoleSwitch button{min-width:0;flex:1 1 50%}
}
/* Supply-chain company/country labels: keep the platform copy action visible after a two-line clamp. */
.supplyNameForeignObject{
  overflow:visible;
  pointer-events:auto;
}
.supplyNameCopyBlock{
  width:100%;
  height:100%;
  box-sizing:border-box;
  color:#0B1730;
  font-family:inherit;
  font-size:12px;
  font-weight:550;
  line-height:13px;
  overflow:visible;
}
.supplyNameCopyRow{
  display:grid;
  grid-template-columns:minmax(0,1fr) 24px;
  align-items:start;
  column-gap:6px;
  width:100%;
  min-width:0;
}
.supplyNameCopyText{
  display:-webkit-box;
  min-width:0;
  max-height:26px;
  overflow:hidden;
  text-overflow:ellipsis;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.supplyNameCopyRow .copyNameWrap{
  display:inline-flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  width:24px!important;
  min-width:24px!important;
  height:24px!important;
  margin-top:-4px!important;
  overflow:visible!important;
}
.supplyNameCopyRow .copyNameBtn{
  width:22px!important;
  min-width:22px!important;
  height:22px!important;
}
.supplyNameCopyMeta{
  margin-top:4px;
  color:#0B1730;
  font-size:10px;
  font-weight:550;
  line-height:12px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.theme-dark .supplyNameCopyBlock{color:#FFFFFF}
.theme-dark .supplyNameCopyMeta{color:#FFFFFF}

/* Company View full-data result counters */
.companyResultCount{
  color:#0B1730;
  font-size:15px;
  font-weight:550;
  line-height:1.2;
}
.companyRecordsHeading{
  display:grid;
  justify-items:start;
  align-content:start;
  gap:4px;
}
.companyRecordsHeading p{
  margin:0 0 0 12px;
  color:#0B1730;
  font-size:13px;
  font-weight:550;
}
.theme-dark .companyResultCount,
.theme-dark .companyRecordsHeading h4{
  color:#FFFFFF;
}
.theme-dark .companyRecordsHeading p{
  color:#FFFFFF;
}

/* Processing overlay covers only the real workspace. It is portaled to <body> so
   Global Search, Company View and Track all render above every workspace component,
   while the top logo/tab strip and left menu remain sharp and interactive. */
.searchProcessingOverlay{
  position:fixed!important;
  top:var(--top-strip-height,58px)!important;
  left:var(--sidebar-collapsed-width,82px)!important;
  right:0!important;
  bottom:0!important;
  width:auto!important;
  height:auto!important;
  z-index:9990!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  background:rgba(247,250,255,.72)!important;
  backdrop-filter:blur(5px) saturate(.92)!important;
  -webkit-backdrop-filter:blur(5px) saturate(.92)!important;
  pointer-events:auto!important;
  isolation:isolate!important;
}
.theme-dark .searchProcessingOverlay{
  background:rgba(9,10,15,.68)!important;
  backdrop-filter:blur(5px) saturate(.88)!important;
  -webkit-backdrop-filter:blur(5px) saturate(.88)!important;
}
.searchProcessingCard{
  position:relative!important;
  z-index:1!important;
  margin:0!important;
  align-self:center!important;
  justify-self:center!important;
}
/* Keep only the chrome outside the workspace above the processing overlay. */
.topAppStrip{
  z-index:10020!important;
  filter:none!important;
  pointer-events:auto!important;
}
.topUserControls{
  z-index:10030!important;
  filter:none!important;
  pointer-events:auto!important;
}
.topAppStrip + .bodyShell > .sidebar{
  z-index:10010!important;
  filter:none!important;
  pointer-events:auto!important;
}
@media(max-width:760px){
  .searchProcessingOverlay{
    top:var(--top-strip-height,58px)!important;
    left:var(--sidebar-collapsed-width,82px)!important;
    right:0!important;
    bottom:0!important;
    width:auto!important;
    height:auto!important;
  }
}

/* Supply-chain row lanes: keep names, rank, value and shipment totals visually separated. */
.supplyItemLane{
  fill:rgba(255,255,255,.96);
  stroke:#DCECF6;
  stroke-width:1;
  transition:fill .18s ease,stroke .18s ease,filter .18s ease;
  filter:drop-shadow(0 3px 8px rgba(23,107,152,.055));
}
.supplyItemLane.supplierLane{fill:rgba(246,252,255,.97)}
.supplyItemLane.buyerLane{fill:rgba(247,250,254,.97)}
.supplyFlowGroup:hover .supplyItemLane{
  fill:#F0FAFF;
  stroke:#A9DDF4;
  filter:drop-shadow(0 5px 11px rgba(11,105,223,.10));
}
.supplyNameCopyBlock{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:2px 0;
  line-height:15px;
}
.supplyNameCopyRow{
  min-height:15px;
  align-items:start;
}
.supplyNameCopyText{
  max-height:30px;
  line-height:15px;
}
.supplyNameCopyMeta{
  margin-top:2px;
  min-height:13px;
  font-size:10.5px;
  line-height:13px;
  letter-spacing:.005em;
}
.supplyNameCopyRow .copyNameWrap{
  margin-top:-3px!important;
}
.theme-dark .supplyItemLane{
  fill:rgba(17,29,46,.96);
  stroke:#28465E;
  filter:drop-shadow(0 3px 8px rgba(0,0,0,.18));
}
.theme-dark .supplyItemLane.supplierLane{fill:rgba(17,32,50,.97)}
.theme-dark .supplyItemLane.buyerLane{fill:rgba(15,27,44,.97)}
.theme-dark .supplyFlowGroup:hover .supplyItemLane{
  fill:#162A40;
  stroke:#3A6A87;
}


/* Company View analysis: identify importer/exporter entries as company names. */
.partnerSummaryCompanyCell {
  display: grid;
  gap: 4px;
  min-width: 0;
  width: 100%;
}
.partnerCompanyMeta {
  display: block;
  margin-left: 32px;
  max-width: calc(100% - 32px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #0B1730;
  font-size: 11px;
  line-height: 1.35;
}
.partnerCompanyMeta strong {
  color: #0B69DF;
  font-weight: 550;
}
.theme-dark .partnerCompanyMeta {
  color: #FFFFFF;
}
.theme-dark .partnerCompanyMeta strong {
  color: #FFFFFF;
}

/* Company analysis View By dropdown */
.analysisViewControlGroup{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin:0 0 14px;
}
.analysisViewHeading{
  display:grid;
  justify-items:start;
  align-content:start;
  gap:1px;
  min-width:max-content;
}
.analysisViewLabel{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0;
  color:#0B1730;
  font-size:15px;
  font-weight:550;
  line-height:1.2;
  letter-spacing:0;
  white-space:nowrap;
}
.analysisViewLabel::before{
  content:"";
  width:4px;
  height:16px;
  flex:0 0 4px;
  border-radius:0;
  background:#0B69DF;
}
.analysisViewResultCount{
  margin:0 0 0 12px;
  color:#0B1730;
  font-size:13px;
  font-weight:550;
  line-height:1.2;
}
.analysisViewSelectShell{
  position:relative;
  width:min(360px,42vw);
  flex:0 1 360px;
}
.analysisViewSelect{
  appearance:none;
  -webkit-appearance:none;
  width:100%;
  height:44px;
  padding:0 44px 0 14px;
  border:1px solid var(--sl-border,#DDE5F2);
  border-radius:10px;
  background:#FFFFFF;
  color:#0B1730;
  font:inherit;
  font-size:14px;
  font-weight:550;
  cursor:pointer;
  outline:none;
  box-shadow:0 8px 20px rgba(31,55,90,.06);
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.analysisViewSelect:hover{border-color:#9EDAF6}
.analysisViewSelect:focus{
  border-color:#0B69DF;
  box-shadow:0 0 0 3px rgba(11,105,223,.13),0 10px 24px rgba(31,55,90,.07);
}
.analysisViewSelectShell>svg{
  position:absolute;
  top:50%;
  right:14px;
  transform:translateY(-50%);
  color:#0B69DF;
  pointer-events:none;
}
.theme-dark .analysisViewLabel{color:#FFFFFF}
.theme-dark .analysisViewResultCount{color:#FFFFFF}
.theme-dark .analysisViewSelect{
  background:#0F1325;
  color:#FFFFFF;
  border-color:#242C49;
  box-shadow:none;
}
.theme-dark .analysisViewSelect:hover{border-color:#336A91}
.theme-dark .analysisViewSelect:focus{border-color:#22B8F0;box-shadow:0 0 0 3px rgba(34,184,240,.14)}
@media(max-width:640px){
  .analysisViewControlGroup{gap:10px}
  .analysisViewSelectShell{width:min(250px,60vw);flex-basis:250px}
}


/* Company View: independent Import / Export associated-company modes */
.associatedModeToolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
  padding:2px 0;
}
.associatedModeToolbar>span{
  color:#0B1730;
  font-size:12px;
  font-weight:550;
}
.theme-dark .associatedModeToolbar>span{color:#FFFFFF}
@media(max-width:680px){
  .associatedModeToolbar{align-items:flex-start;flex-direction:column}
  .associatedModeToolbar .chartLegendToggle{width:100%}
  .associatedModeToolbar .chartLegendToggle button{flex:1}
}

/* Associated Companies: View By heading + mode selector */

.associatedModeSelector{
  flex:0 0 auto;
  min-width:220px;
}
.associatedModeSelector button{
  min-width:106px;
}

.associatedDataModeSelector{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:4px;
  border:1px solid #CDEBFA;
  border-radius:0;
  background:#F1FAFF;
  box-shadow:0 8px 20px rgba(11,105,223,.08);
  flex-wrap:wrap;
}
.associatedDataModeSelector button{
  min-width:116px;
  height:36px;
  padding:0 14px;
  border:0;
  border-radius:0;
  background:transparent;
  color:#0B69DF;
  font-size:12px;
  font-weight:550;
  cursor:pointer;
  transition:background .18s ease,color .18s ease,box-shadow .18s ease;
}
.associatedDataModeSelector button:hover{
  color:#0B69DF;
  background:#E4F6FF;
}
.associatedDataModeSelector button.active{
  color:#FFFFFF;
  background:linear-gradient(135deg,#0B69DF,#20B8EE);
  box-shadow:0 7px 16px rgba(11,105,223,.22);
}
.theme-dark .associatedDataModeSelector{
  background:#111A2C;
  border-color:#28405A;
  box-shadow:none;
}
.theme-dark .associatedDataModeSelector button{color:#FFFFFF}
.theme-dark .associatedDataModeSelector button:hover{background:#17263A;color:#FFFFFF}
.theme-dark .associatedDataModeSelector button.active{color:#FFFFFF}
@media(max-width:640px){
  
  .associatedModeSelector{
    width:100%;
    min-width:0;
  }
  .associatedModeSelector button{
    flex:1;
    min-width:0;
  }
  .associatedDataModeSelector{
    width:100%;
  }
  .associatedDataModeSelector button{
    flex:1 1 120px;
    min-width:0;
  }
}

/* Platform-wide ascending / descending sorting for every data table.
   Sorting is triggered only from the dedicated icon button, never from the
   whole header cell. */
table thead th.platformSortableHeader {
  position: relative;
  padding-right: 10px !important;
  min-width: max-content;
  cursor: default;
  user-select: text;
  white-space: nowrap;
  font-size: clamp(10px, .72vw, 12px);
}
table thead th.platformSortableHeader .platformSortButton {
  position: static;
  width: 17px;
  min-width: 17px;
  height: 17px;
  margin: 0 0 0 4px;
  padding: 0;
  border: 1px solid #b9d9ec;
  border-radius: 0;
  background: #f4fbff;
  color: #0B69DF;
  box-shadow: 0 1px 2px rgba(18, 78, 111, .08);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  font-size: 9px;
  font-weight: 550;
  line-height: 1;
  cursor: pointer;
  user-select: none;
  z-index: 1;
  flex: 0 0 17px;
  transition: background-color .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease, transform .16s ease;
}
table thead th.platformSortableHeader .platformSortButton:hover,
table thead th.platformSortableHeader .platformSortButton:focus-visible {
  border-color: var(--primary, #008fd5);
  background: #e8f7ff;
  color: #0B69DF;
  box-shadow: 0 0 0 2px rgba(0, 143, 213, .13);
  outline: none;
  transform: scale(1.06);
}
table thead th.platformSortableHeader .platformSortButton.active {
  border-color: var(--primary, #008fd5);
  background: var(--primary, #008fd5);
  color: #FFFFFF;
  box-shadow: 0 3px 8px rgba(0, 143, 213, .24);
}
.theme-dark table thead th.platformSortableHeader .platformSortButton {
  border-color: #365f78;
  background: #183649;
  color: #FFFFFF;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}
.theme-dark table thead th.platformSortableHeader .platformSortButton:hover,
.theme-dark table thead th.platformSortableHeader .platformSortButton:focus-visible {
  border-color: #66d3ff;
  background: #204a61;
  color: #0B69DF;
  box-shadow: 0 0 0 3px rgba(102, 211, 255, .14);
}
.theme-dark table thead th.platformSortableHeader .platformSortButton.active {
  border-color: #35bdf2;
  background: #078fc9;
  color: #FFFFFF;
}

/* Final platform-wide sortable-header sizing.
   Keep every full header title and its compact sort control visible; tables
   expand only as much as needed and scroll inside their own viewport. */
.platformSortableViewport{
  max-width:100%;
  overflow-x:auto!important;
  overflow-y:visible;
}
table.platformSortableTable{
  max-width:none!important;
}
table thead th.platformSortableHeader{
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
  vertical-align:middle!important;
}
table thead th.platformSortableHeader .platformSortButton{
  margin-left:3px!important;
  vertical-align:-2px!important;
}

/* FINAL PLATFORM TABLE FIT — NO INTERNAL TABLE SCROLLING
   Source-selection dropdown scrolling remains untouched. */
.platformSortableViewport,
.tableWrap,
.tradeSearch .tableWrap,
.partyTableWrap,
.associatedTableWrap,
.companyTradingTableWrap,
.statisticsTableWrap,
.historyTableWrap,
.trackTableWrap,
.trackRecordsWrap,
.latestTableWrap,
.profileOrderTableWrap,
.subAccountTableWrap,
.subPlanTableWrap,
.downloadLimitTableWrap {
  width: 100% !important;
  max-width: 100% !important;
  max-height: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  scrollbar-width: none !important;
}

.platformSortableViewport::-webkit-scrollbar,
.tableWrap::-webkit-scrollbar,
.partyTableWrap::-webkit-scrollbar,
.associatedTableWrap::-webkit-scrollbar,
.companyTradingTableWrap::-webkit-scrollbar,
.statisticsTableWrap::-webkit-scrollbar,
.historyTableWrap::-webkit-scrollbar,
.trackTableWrap::-webkit-scrollbar,
.trackRecordsWrap::-webkit-scrollbar,
.latestTableWrap::-webkit-scrollbar {
  display: none !important;
}

table.platformSortableTable {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
}

table.platformSortableTable th,
table.platformSortableTable td {
  min-width: 0 !important;
  box-sizing: border-box !important;
  padding-left: var(--platform-table-cell-pad-x, 5px) !important;
  padding-right: var(--platform-table-cell-pad-x, 5px) !important;
  font-size: var(--platform-table-font-size, 11px) !important;
  line-height: 1.22 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
}

/* Dense tables use smaller controls/content so every column stays inside the screen. */
table.platformTableCompact th,
table.platformTableCompact td {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

table.platformTableDense th,
table.platformTableDense td {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

table.platformTableUltraDense th,
table.platformTableUltraDense td {
  letter-spacing: -0.01em !important;
}

/* Keep action controls from forcing table overflow. */
table.platformSortableTable button,
table.platformSortableTable .linkBtn,
table.platformSortableTable .profilePageBtn,
table.platformSortableTable .copyNameBtn {
  max-width: 100% !important;
}

table.platformSortableTable .nameWithCopy,
table.platformSortableTable .companyNameLine,
table.platformSortableTable .statsNameCell,
table.platformSortableTable .companyViewRecordCell {
  min-width: 0 !important;
  max-width: 100% !important;
}

/* Responsive font/padding floor: tables stay fixed and never create their own scrollbars. */
@media (max-width: 1280px) {
  table.platformSortableTable th,
  table.platformSortableTable td {
    font-size: min(var(--platform-table-font-size, 10px), 9.5px) !important;
  }
}

@media (max-width: 900px) {
  table.platformSortableTable th,
  table.platformSortableTable td {
    font-size: min(var(--platform-table-font-size, 8px), 8px) !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
  }

}

@media (max-width: 620px) {
  table.platformSortableTable th,
  table.platformSortableTable td {
    font-size: 6.8px !important;
    padding-left: 1px !important;
    padding-right: 1px !important;
  }
}

/* Compact viewport-safe live source selector */
.customDataBackdrop{
  padding:12px!important;
  align-items:flex-start!important;
  justify-content:center!important;
}
.customDataModal{
  width:min(920px,calc(100vw - 24px))!important;
  height:min(760px,calc(100vh - 24px))!important;
  max-height:calc(100vh - 24px)!important;
  padding:0!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
  border-radius:0!important;
}
.customDataHeader{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:14px 16px 10px;
  border-bottom:1px solid var(--sl-border,#dfe7f1);
  background:inherit;
  position:relative;
  z-index:3;
}
.customDataHeader h3{margin:0 0 2px!important;font-size:17px!important;line-height:1.2!important}
.customDataHeader p{margin:0!important;font-size:11px!important;line-height:1.3!important}
.customDataHeader .close{
  position:static!important;
  float:none!important;
  flex:0 0 30px!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:0!important;
}
.customDataBody{
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  padding:10px 12px;
  scrollbar-gutter:stable;
}
.customDataStatus{font-size:12px!important;margin:8px 0!important}
.customDataGroups{display:grid!important;gap:10px!important;margin:0!important}
.customDataGroup{
  padding:0!important;
  overflow:hidden;
  border-radius:0!important;
}
.customDataGroup h4{
  margin:0!important;
  padding:7px 10px!important;
  font-size:13px!important;
  line-height:1.2!important;
  background:rgba(11,105,223,.08);
  border-bottom:1px solid var(--sl-border,#dfe7f1);
}
.customDataTableWrap{width:100%;overflow:visible!important;border-radius:0!important}
.customDataTable{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  table-layout:fixed!important;
  border-collapse:collapse!important;
  border-radius:0!important;
  font-size:10.5px!important;
}
.customDataTable th,
.customDataTable td{
  padding:6px 9px!important;
  font-size:10.5px!important;
  line-height:1.25!important;
  vertical-align:middle!important;
  border-bottom:1px solid rgba(130,150,175,.18)!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.customDataTable th{font-size:9.5px!important;text-transform:uppercase;letter-spacing:.025em;font-weight:550!important}
.customDataTable th:nth-child(3),.customDataTable td:nth-child(3){width:40%}
.customDataSourceCell{display:flex;align-items:center;gap:7px;min-width:0}
.customDataSourceCell b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px!important}
.customDataSourceCell .optionFlag{width:18px!important;flex-basis:18px!important;font-size:14px!important}
.customDataActions{
  margin:0!important;
  padding:10px 14px!important;
  border-top:1px solid var(--sl-border,#dfe7f1);
  background:inherit;
  position:relative;
  z-index:3;
}
.customDataActions button{min-height:34px!important;padding:7px 13px!important;font-size:11px!important;border-radius:0!important}
.theme-light .customDataGroup h4{background:#f1f8fd!important;color:#0B1730 !important}
.theme-dark .customDataGroup h4{background:rgba(11,105,223,.12)!important;color:#FFFFFF !important}
@media(max-width:760px){
  .customDataBackdrop{padding:8px!important}
  .customDataModal{width:calc(100vw - 16px)!important;height:calc(100vh - 16px)!important;max-height:calc(100vh - 16px)!important}
  .customDataHeader{padding:11px 12px 8px}
  .customDataBody{padding:8px}
  .customDataTable th,.customDataTable td{padding:5px 6px!important;font-size:9px!important}
  .customDataSourceCell b{font-size:9.5px!important}
  .customDataTable th:nth-child(3),.customDataTable td:nth-child(3){width:35%}
}

/* FINAL WORKSPACE-BOUND COMPACT SOURCE SELECTOR
   The popup stays below the top workspace bar and to the right of the sidebar. */
.customDataBackdrop{
  position:fixed!important;
  inset:58px 0 0 var(--sidebar-collapsed-width,82px)!important;
  width:auto!important;
  height:auto!important;
  padding:12px!important;
  display:grid!important;
  place-items:center!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}

.customDataModal{
  width:min(760px,calc(100vw - var(--sidebar-collapsed-width,82px) - 32px))!important;
  height:min(620px,calc(100vh - 84px))!important;
  max-height:calc(100vh - 84px)!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
  border-radius:0!important;
}

.customDataHeader{
  padding:10px 12px 8px!important;
  gap:10px!important;
}

.customDataHeader h3{
  font-size:15px!important;
  margin:0 0 1px!important;
}

.customDataHeader p{
  font-size:9.5px!important;
  line-height:1.25!important;
}

.customDataHeader .close{
  width:27px!important;
  height:27px!important;
  min-width:27px!important;
  flex-basis:27px!important;
}

.customDataBody{
  min-height:0!important;
  padding:7px 8px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-gutter:stable!important;
}

.customDataGroups{
  gap:7px!important;
}

.customDataGroup{
  border-radius:0!important;
}

.customDataGroup h4{
  padding:5px 8px!important;
  font-size:11px!important;
  line-height:1.15!important;
}

.customDataTable{
  font-size:9px!important;
}

.customDataTable th,
.customDataTable td{
  padding:4px 7px!important;
  height:29px!important;
  font-size:9px!important;
  line-height:1.15!important;
}

.customDataTable th{
  font-size:8.2px!important;
  letter-spacing:.015em!important;
}

.customDataSourceCell{
  gap:5px!important;
}

.customDataSourceCell b{
  font-size:9.3px!important;
}

.customDataSourceCell .optionFlag{
  width:15px!important;
  flex-basis:15px!important;
  font-size:11px!important;
}

.customDataActions{
  padding:7px 10px!important;
}

.customDataActions button{
  min-height:30px!important;
  padding:5px 11px!important;
  font-size:10px!important;
  border-radius:0!important;
}

/* Keep the selector inside the workspace on smaller displays too. */
@media(max-width:900px){
  .customDataBackdrop{
    inset:58px 0 0 var(--sidebar-collapsed-width,82px)!important;
    padding:8px!important;
  }

  .customDataModal{
    width:min(680px,calc(100vw - var(--sidebar-collapsed-width,82px) - 16px))!important;
    height:min(580px,calc(100vh - 74px))!important;
    max-height:calc(100vh - 74px)!important;
  }

  .customDataTable th,
  .customDataTable td{
    padding:4px 5px!important;
    font-size:8.4px!important;
  }

  .customDataSourceCell b{
    font-size:8.6px!important;
  }
}

@media(max-width:620px){
  .customDataBackdrop{
    inset:58px 0 0 0!important;
    padding:6px!important;
  }

  .customDataModal{
    width:calc(100vw - 12px)!important;
    height:calc(100vh - 70px)!important;
    max-height:calc(100vh - 70px)!important;
  }
}

/* FINAL RECORD TABLE PROPORTIONS AND THREE-LINE CLAMP
   Applies only to Shipment Records, Track Records and Company View Trading Records.
   Existing Eximbot typography is intentionally preserved. */
.recordLayoutTable {
  --record-row-height: clamp(78px, 6vw, 96px);
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;
}

.recordLayoutTable col {
  width: var(--record-column-width, auto);
}

.recordLayoutTable th[data-column-key],
.recordLayoutTable td[data-column-key] {
  width: var(--record-column-width) !important;
  min-width: 0 !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.recordLayoutTable tbody tr {
  height: var(--record-row-height) !important;
  min-height: var(--record-row-height) !important;
  max-height: var(--record-row-height) !important;
}

.recordLayoutTable tbody td {
  height: var(--record-row-height) !important;
  max-height: var(--record-row-height) !important;
  vertical-align: middle !important;
  overflow: hidden !important;
  white-space: normal !important;
}

.recordLayoutTable .recordCellClamp {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  max-width: 100% !important;
}

.recordLayoutTable .recordCompanyCell,
.recordLayoutTable .companyViewRecordCell,
.recordLayoutTable .trackCompanyCell {
  min-width: 0 !important;
  max-width: 100% !important;
  max-height: calc(var(--record-row-height) - 10px) !important;
  overflow: hidden !important;
}

.recordLayoutTable .companyNameLine,
.recordLayoutTable .nameWithCopy {
  min-width: 0 !important;
  max-width: 100% !important;
}

.recordLayoutTable .copyTextName {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

.recordLayoutTable .serialActionCell {
  overflow: visible !important;
  white-space: nowrap !important;
}

/* Compact screens keep the same proportions and reduce only row height, not typography. */
@media (max-width: 1100px) {
  .recordLayoutTable { --record-row-height: clamp(72px, 7vw, 88px); }
}

@media (max-width: 760px) {
  .recordLayoutTable { --record-row-height: 78px; }
}

/* FINAL EXIMBOT LOGO LOADER
   Uses the supplied Eximbot globe mark for all platform processing states. */
.processingSpinner{
  position:relative!important;
  display:inline-block!important;
  width:22px!important;
  min-width:22px!important;
  height:19px!important;
  min-height:19px!important;
  flex:0 0 22px!important;
  border:0!important;
  border-radius:0!important;
  background:url('./assets/eximbot-loader-logo.png') center/contain no-repeat!important;
  filter:drop-shadow(0 2px 4px rgba(0,91,150,.24));
  animation:eximbotLogoLoaderPulse 1.25s ease-in-out infinite!important;
  transform-origin:center;
}

.processingSpinner.large{
  width:98px!important;
  min-width:98px!important;
  height:82px!important;
  min-height:82px!important;
  flex-basis:98px!important;
  margin:0 auto 2px!important;
  filter:drop-shadow(0 10px 18px rgba(0,91,150,.24));
  animation:eximbotLogoLoaderFloat 1.45s ease-in-out infinite!important;
}

.processingSpinner.large::before{
  content:'';
  position:absolute;
  inset:4px 10px 6px;
  border:2px solid rgba(11,105,223,.16);
  border-top-color:#0B69DF;
  border-right-color:#58C7F3;
  border-radius:50%;
  z-index:-1;
  animation:eximbotLogoLoaderOrbit 1.15s linear infinite;
}

.processingSpinner.large::after{
  content:'';
  position:absolute;
  inset:13px 20px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(88,199,243,.16),rgba(11,105,223,0) 72%);
  z-index:-2;
  animation:eximbotLogoLoaderGlow 1.5s ease-in-out infinite;
}

.chartLoadingState::before{
  content:''!important;
  width:76px!important;
  height:64px!important;
  border:0!important;
  border-radius:0!important;
  background:url('./assets/eximbot-loader-logo.png') center/contain no-repeat!important;
  filter:drop-shadow(0 8px 14px rgba(0,91,150,.20));
  animation:eximbotLogoLoaderFloat 1.45s ease-in-out infinite!important;
}

.theme-dark .processingSpinner,
.theme-dark .chartLoadingState::before{
  filter:drop-shadow(0 8px 16px rgba(88,199,243,.24)) brightness(1.06);
}

@keyframes eximbotLogoLoaderPulse{
  0%,100%{transform:scale(.92);opacity:.78}
  50%{transform:scale(1.05);opacity:1}
}

@keyframes eximbotLogoLoaderFloat{
  0%,100%{transform:translateY(2px) scale(.96)}
  50%{transform:translateY(-4px) scale(1.03)}
}

@keyframes eximbotLogoLoaderOrbit{
  to{transform:rotate(360deg)}
}

@keyframes eximbotLogoLoaderGlow{
  0%,100%{opacity:.45;transform:scale(.88)}
  50%{opacity:1;transform:scale(1.12)}
}

@media (prefers-reduced-motion:reduce){
  .processingSpinner,
  .processingSpinner.large,
  .processingSpinner.large::before,
  .processingSpinner.large::after,
  .chartLoadingState::before{
    animation:none!important;
  }
}

/* Global Search second row: align exactly below the four primary search fields */
.tradeSearch .mainSearchGrid.multiSearchGrid{
  column-gap:14px!important;
  row-gap:14px!important;
}
.tradeSearch .mainSearchGrid.multiSearchGrid .advancedFilterSection.open{
  margin-top:0!important;
}
.tradeSearch .mainSearchGrid.multiSearchGrid .advancedFilterSectionInner,
.tradeSearch .mainSearchGrid.multiSearchGrid .dateAdvancedRow{
  width:100%;
}
.tradeSearch .mainSearchGrid.multiSearchGrid .dateAdvancedRow{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:start!important;
}
.tradeSearch .dateAdvancedRow .apiFilterControl,
.tradeSearch .dateAdvancedRow .apiDateRangeControl,
.tradeSearch .dateAdvancedRow .advancedToggleWrap{
  grid-template-rows:19px 44px;
  gap:6px;
  align-content:start;
  min-width:0;
  margin:0;
}
.tradeSearch .dateAdvancedRow .apiFilterControl>span,
.tradeSearch .dateAdvancedRow .apiDateHeader,
.tradeSearch .dateAdvancedRow .advancedToggleSpacer{
  min-height:19px;
  height:19px;
  line-height:19px;
  margin:0;
  padding:0;
}
/* Give the quick-date buttons vertical hover headroom without moving the date fields.
   23px header + 2px gap keeps the same 25px total as the old 19px + 6px layout. */
.tradeSearch .dateAdvancedRow .apiDateRangeControl{
  grid-template-rows:23px 44px;
  gap:2px;
}
.tradeSearch .dateAdvancedRow .apiDateHeader{
  min-height:23px;
  height:23px;
  line-height:19px;
  padding:2px 0;
  box-sizing:border-box;
}

.tradeSearch .dateAdvancedRow .apiCountryControlRow,
.tradeSearch .dateAdvancedRow .apiDateInputs,
.tradeSearch .dateAdvancedRow .advancedToggle{
  height:44px;
  min-height:44px;
  margin:0!important;
}
.tradeSearch .dateAdvancedRow .apiCountryControlRow{
  align-self:start;
}
.tradeSearch .dateAdvancedRow .criteriaCountryPortalTrigger{
  height:44px;
  min-height:44px;
}
.tradeSearch .dateAdvancedRow .criteriaBtn{
  align-self:center;
}
.tradeSearch .apiDateHeader{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-width:0;
  margin:0;
}
.tradeSearch .apiDateHeader>span{
  flex:0 0 auto;
  color:#0B1730;
  font-size:13px;
  font-weight:550;
  white-space:nowrap;
}
.tradeSearch .apiDateHeader .apiDateQuickActions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:3px;
  flex-wrap:nowrap;
  min-width:0;
  padding:0;
}
.tradeSearch .apiDateHeader .apiDateQuickActions button{
  height:19px;
  min-height:19px;
  padding:0 4px;
  border-radius:0;
  font-size:8.5px;
  line-height:17px;
  letter-spacing:-.01em;
  white-space:nowrap;
}
.tradeSearch .apiDateInputs{
  grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr)!important;
  gap:5px!important;
}
.tradeSearch .apiDateInputs input{
  height:44px!important;
  min-width:0;
  padding:0 7px;
}
.tradeSearch .apiDateInputs>span{
  display:grid;
  place-items:center;
  height:44px;
}
.tradeSearch .dateAdvancedRow .advancedToggleSpacer{
  display:block;
  visibility:hidden;
}
.tradeSearch .dateAdvancedRow .advancedToggle{
  width:100%;
  align-self:start;
}
@media(max-width:1180px){
  .tradeSearch .mainSearchGrid.multiSearchGrid .dateAdvancedRow{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:760px){
  .tradeSearch .mainSearchGrid.multiSearchGrid .dateAdvancedRow{
    grid-template-columns:1fr!important;
  }
  .tradeSearch .dateAdvancedRow .apiFilterControl,
  .tradeSearch .dateAdvancedRow .apiDateRangeControl,
  .tradeSearch .dateAdvancedRow .advancedToggleWrap{
    grid-template-rows:auto 44px;
  }
  .tradeSearch .dateAdvancedRow .apiDateHeader{
    height:auto;
    min-height:19px;
    flex-wrap:wrap;
  }
  .tradeSearch .apiDateInputs{
    grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr)!important;
  }
  .tradeSearch .apiDateInputs>span{
    display:grid!important;
  }
}

/* Company View header details: ordered, flexible rows with two contact items per line. */
.companyProfileDetails {
  display: grid;
  gap: 9px;
  min-width: 0;
  width: 100%;
}

.companyProfileDetail,
.companyProfileNewest {
  margin: 0 !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
  min-width: 0;
  color: var(--sl-muted,#0B1730) !important;
  font-size: 14px;
  line-height: 1.45;
  white-space: normal;
}

.companyProfileDetail > svg,
.companyProfileNewest > svg {
  flex: 0 0 auto;
  margin-top: 2px;
  color: #0B1730 !important;
}

.companyProfileDetail > span,
.companyProfileNewest > span,
.companyProfileDetail a {
  min-width: 0;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.companyProfileAddress {
  width: 100%;
}

.companyProfileContacts {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  column-gap: 18px;
  row-gap: 8px;
  min-width: 0;
  width: 100%;
}

.companyProfileContacts .companyProfileDetail {
  flex: 0 1 auto;
  width: auto;
  max-width: 100%;
  min-height: 21px;
}

.companyProfileNewest {
  font-style: normal !important;
  font-weight: 400;
  color: var(--sl-muted,#0B1730) !important;
}

.theme-dark .companyProfileDetail,
.theme-dark .companyProfileNewest {
  color: #FFFFFF !important;
}

.theme-dark .companyProfileDetail > svg,
.theme-dark .companyProfileNewest > svg {
  color: #FFFFFF !important;
}

@media (max-width: 760px) {
  .companyProfileContacts {
    column-gap: 14px;
  }
}

/* Company View Google search action: company name + country in a new tab. */
.contactCompanyTitle h3,
.theme-light .contactCompanyTitle h3,
.theme-dark .contactCompanyTitle h3 {
  flex: 0 1 auto;
  min-width: 0;
}

.companyGoogleSearch,
.theme-light .companyGoogleSearch,
.theme-dark .companyGoogleSearch {
  width: 24px;
  min-width: 24px;
  height: 24px;
  display: inline-grid;
  place-items: center;
  flex: 0 0 24px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 5px;
  background: transparent;
  cursor: pointer;
  text-decoration: none;
  transition: transform .16s ease, background-color .16s ease;
}

.companyGoogleSearch img,
.theme-light .companyGoogleSearch img,
.theme-dark .companyGoogleSearch img {
  display: block;
  width: 22px;
  height: 22px;
  object-fit: contain;
}

.companyGoogleSearch:hover,
.theme-light .companyGoogleSearch:hover,
.theme-dark .companyGoogleSearch:hover {
  transform: translateY(-1px) scale(1.04);
  background: rgba(66, 133, 244, .08);
}

.companyGoogleSearch:focus-visible,
.theme-light .companyGoogleSearch:focus-visible,
.theme-dark .companyGoogleSearch:focus-visible {
  outline: 2px solid #4285F4;
  outline-offset: 2px;
}

/* Company overview date range row */
.companyOverviewMetaRow{
  margin-top:10px;
  min-width:0;
}
.companyOverviewMetaRow .companyViewDateFilter{
  width:min(320px,100%);
  margin-top:0;
}
.companyHeaderDirectionControl{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  width:min(420px,100%);
  min-width:0;
}
.companyHeaderRoleToggle{
  width:100%;
  gap:4px;
  padding:4px;
}
.companyHeaderRoleToggle button{
  flex:1 1 0;
  min-width:0;
  padding:9px 10px;
  white-space:nowrap;
}
.companyHeaderRoleCount{
  font-size:11px;
  font-weight:550;
  opacity:.9;
}
.companyHeaderRoleToggle button.active .companyHeaderRoleCount{
  color:#FFFFFF;
}
.companyHeaderSummaryError{
  display:block;
  margin-top:5px;
  color:#0B1730;
  font-size:11px;
  font-weight:550;
  line-height:1.35;
}
.theme-dark .companyHeaderSummaryError{
  color:#FFFFFF;
}
@media(max-width:680px){
  .companyHeaderDirectionControl,
  .companyOverviewMetaRow .companyViewDateFilter{
    width:100%;
  }
  .companyHeaderRoleToggle button{
    padding:9px 7px;
    font-size:11px;
  }
  .companyHeaderRoleCount{
    font-size:10px;
  }
}

/* Trade Analysis: View By selector inside the first summary-table header. */
.analysisViewControlGroupInlineHeader{
  align-items:center;
  justify-content:space-between;
  width:100%;
  margin-bottom:10px;
}
.analysisHeaderSelectShell{
  position:relative;
  display:inline-flex;
  align-items:center;
  width:min(100%,220px);
  min-width:130px;
  vertical-align:middle;
}
.analysisHeaderSelect{
  appearance:none;
  -webkit-appearance:none;
  width:100%;
  height:30px;
  min-width:0;
  padding:0 28px 0 7px;
  border:1px solid #BFE4F8;
  border-radius:0;
  background:#F7FCFF;
  color:#0B1730;
  font:inherit;
  font-size:var(--platform-table-font-size,11px);
  font-weight:550;
  line-height:1;
  cursor:pointer;
  outline:none;
  box-shadow:none;
}
.analysisHeaderSelect:hover{border-color:#78C9EF;background:#FFFFFF}
.analysisHeaderSelect:focus{border-color:#0B69DF;box-shadow:0 0 0 2px rgba(11,105,223,.12)}
.analysisHeaderSelectShell>svg{
  position:absolute;
  right:8px;
  top:50%;
  transform:translateY(-50%);
  color:#0B69DF;
  pointer-events:none;
}
.tradeAnalysisSummaryTable thead th:first-child{
  padding-top:4px;
  padding-bottom:4px;
}
.theme-dark .analysisHeaderSelect{
  background:#11182A;
  color:#FFFFFF;
  border-color:#2F4763;
}
.theme-dark .analysisHeaderSelect:hover{border-color:#3986B5;background:#151E32}
@media(max-width:680px){
  .analysisHeaderSelectShell{min-width:112px;width:100%}
  .analysisHeaderSelect{height:28px;padding-left:5px;padding-right:24px}
  .analysisHeaderSelectShell>svg{right:6px}
}

/* Trading Records are opened explicitly from summary-row icons. */
.summaryRowPrimaryCell{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-width:0;
  width:100%;
}
.summaryRowPrimaryContent{
  display:block;
  min-width:0;
  flex:1 1 auto;
}
.tradingRecordsIconBtn{
  width:28px;
  height:28px;
  flex:0 0 28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0;
  border:1px solid #B9DFF5;
  border-radius:7px;
  background:#F4FBFF;
  color:#0B69DF;
  cursor:pointer;
  transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease;
}
.tradingRecordsIconBtn:hover,
.tradingRecordsIconBtn:focus-visible,
.tradingRecordsIconBtn.active{
  background:#0B69DF;
  border-color:#0B69DF;
  color:#FFFFFF;
  box-shadow:0 6px 16px rgba(11,105,223,.2);
  outline:none;
}
.theme-dark .tradingRecordsIconBtn{
  background:#151C31;
  border-color:#31405E;
  color:#0B69DF;
}
.theme-dark .tradingRecordsIconBtn:hover,
.theme-dark .tradingRecordsIconBtn:focus-visible,
.theme-dark .tradingRecordsIconBtn.active{
  background:#0B69DF;
  border-color:#0B69DF;
  color:#FFFFFF;
}

/* Disabled controls stay muted without striking through their labels. */
button:disabled,[role="button"][aria-disabled="true"]{text-decoration:none!important}

/* Trade Analysis: full-result country filter inside Importer/Exporter country headers. */
.analysisCountryHeaderFilter{
  position:relative;
  display:inline-flex;
  align-items:center;
  width:170px;
  min-width:170px;
  max-width:170px;
  vertical-align:middle;
}
.analysisCountryFilterSelect{
  appearance:none;
  -webkit-appearance:none;
  width:100%;
  height:30px;
  min-width:0;
  padding:0 25px 0 7px;
  border:1px solid #BFE4F8;
  border-radius:0;
  background:#F7FCFF;
  color:#0B1730;
  font:inherit;
  font-size:var(--platform-table-font-size,11px);
  font-weight:550;
  line-height:1;
  cursor:pointer;
  outline:none;
  box-shadow:none;
  text-overflow:ellipsis;
}
.analysisCountryFilterSelect:hover{border-color:#78C9EF;background:#FFFFFF}
.analysisCountryFilterSelect:focus{border-color:#0B69DF;box-shadow:0 0 0 2px rgba(11,105,223,.12)}
.analysisCountryHeaderFilter>svg{
  position:absolute;
  right:7px;
  top:50%;
  transform:translateY(-50%);
  color:#0B69DF;
  pointer-events:none;
}
.tradeAnalysisSummaryTable thead th[data-platform-header-title="Importer Country"],
.tradeAnalysisSummaryTable thead th[data-platform-header-title="Exporter Country"]{
  padding-top:4px;
  padding-bottom:4px;
}
.theme-dark .analysisCountryFilterSelect{
  background:#11182A;
  color:#FFFFFF;
  border-color:#2F4763;
}
.theme-dark .analysisCountryFilterSelect:hover{border-color:#3986B5;background:#151E32}
@media(max-width:680px){
  .analysisCountryHeaderFilter{min-width:100px;width:100%;max-width:none}
  .analysisCountryFilterSelect{height:28px;padding-left:5px;padding-right:22px}
  .analysisCountryHeaderFilter>svg{right:5px}
}

/* Dynamic supplier shipment details: preserve every response key as the title. */
.shipmentDynamicDetailsSection{overflow:hidden}
.shipmentDynamicDetailsSection .shipmentDetailHead{justify-content:space-between!important;gap:12px}
.shipmentDetailFieldCount{color:#0B1730;font-size:12px;font-weight:550;white-space:nowrap}
.shipmentDynamicTableWrap{overflow:auto}
.shipmentDynamicDetailsTable{width:100%;min-width:760px;border-collapse:collapse;table-layout:auto!important;background:transparent}
.shipmentDynamicDetailsTable>tbody>tr>th,.shipmentDynamicDetailsTable>tbody>tr>td{border-bottom:1px solid #E6ECF5;padding:9px 12px;font-size:13px;vertical-align:top}
.shipmentDynamicDetailsTable>tbody>tr>th{width:260px;min-width:220px;background:#F8FAFD;color:#0B1730;text-align:left;font-weight:550;overflow-wrap:anywhere}
.shipmentDynamicDetailsTable>tbody>tr>td{background:#fff;color:#0B1730;font-weight:400;white-space:normal;overflow-wrap:anywhere}
.shipmentDynamicDetailsTable>tbody>tr:last-child>th,.shipmentDynamicDetailsTable>tbody>tr:last-child>td{border-bottom:0}
.shipmentDetailValueText{white-space:pre-wrap;overflow-wrap:anywhere}
.shipmentDetailEmptyValue{color:#0B1730}
.shipmentDetailArray{display:grid;gap:8px}
.shipmentDetailArrayItem{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:start;padding:8px;border:1px solid #E6ECF5;border-radius:8px;background:#FBFCFE}
.shipmentDetailArrayIndex{color:#0B1730;font-size:11px;font-weight:550;padding-top:2px}
.shipmentNestedTableWrap{max-width:100%;overflow:auto;border:1px solid #E6ECF5;border-radius:8px}
.shipmentNestedTable{width:100%;min-width:460px!important;border-collapse:collapse;table-layout:auto!important}
.shipmentNestedTable th,.shipmentNestedTable td{height:auto!important;padding:7px 9px!important;border-bottom:1px solid #E6ECF5!important;font-size:12px!important;vertical-align:top!important}
.shipmentNestedTable th{width:190px!important;min-width:160px;background:#F4F7FB!important;color:#0B1730 !important;overflow-wrap:anywhere}
.shipmentNestedTable td{background:#fff!important;color:#0B1730 !important;overflow-wrap:anywhere}
.shipmentNestedTable tr:last-child th,.shipmentNestedTable tr:last-child td{border-bottom:0!important}
.shipmentDetailNoFields{min-height:130px;display:grid;place-items:center;color:#0B1730;font-weight:550}
.theme-dark .shipmentDetailFieldCount{color:#FFFFFF}
.theme-dark .shipmentDynamicDetailsTable>tbody>tr>th{background:#11172A;color:#FFFFFF;border-color:#242C49}
.theme-dark .shipmentDynamicDetailsTable>tbody>tr>td{background:#0F1325;color:#FFFFFF;border-color:#242C49}
.theme-dark .shipmentDetailArrayItem{background:#10162A;border-color:#242C49}
.theme-dark .shipmentDetailArrayIndex,.theme-dark .shipmentDetailEmptyValue{color:#FFFFFF}
.theme-dark .shipmentNestedTableWrap{border-color:#242C49}
.theme-dark .shipmentNestedTable th{background:#151B31!important;color:#FFFFFF !important;border-color:#242C49!important}
.theme-dark .shipmentNestedTable td{background:#0F1325!important;color:#FFFFFF !important;border-color:#242C49!important}
@media(max-width:760px){.shipmentDynamicDetailsSection .shipmentDetailHead{align-items:flex-start;height:auto;min-height:42px;padding-top:10px;padding-bottom:10px;flex-direction:column}.shipmentDetailFieldCount{white-space:normal}.shipmentDynamicDetailsTable>tbody>tr>th{width:180px;min-width:160px}}


/* Shipment profile uses /api/jwt/details only; the modal header contains only close. */
.profileModalHeader{justify-content:flex-end;align-items:center;padding-bottom:10px}
.shipmentDetailCompareNotice{margin:0 0 10px;padding:10px 12px;border:1px solid #f1c66d;border-radius:8px;background:#fff8e8;color:#0B1730;font-size:12px;font-weight:550;line-height:1.45}

/* FINAL SHIPMENT PROFILE MODAL: keep the popup inside the usable workspace.
   The workspace tab strip remains visible and the detail body scrolls internally. */
.profileModalBackdrop{
  position:fixed!important;
  inset:var(--top-strip-height,58px) 0 0 var(--sidebar-collapsed-width,82px)!important;
  width:auto!important;
  height:auto!important;
  padding:12px 16px 16px!important;
  display:grid!important;
  place-items:center!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  z-index:9995!important;
}
.profileModal{
  width:min(1180px,calc(100vw - var(--sidebar-collapsed-width,82px) - 32px))!important;
  height:min(900px,calc(100vh - var(--top-strip-height,58px) - 28px))!important;
  height:min(900px,calc(100dvh - var(--top-strip-height,58px) - 28px))!important;
  max-height:calc(100vh - var(--top-strip-height,58px) - 28px)!important;
  max-height:calc(100dvh - var(--top-strip-height,58px) - 28px)!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
.profileModalHeader{
  position:relative!important;
  top:auto!important;
  flex:0 0 auto!important;
  min-height:52px!important;
  z-index:6!important;
}
.profileModalBody{
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable!important;
}
.profileModalBody .shipmentProfilePage{
  min-height:0!important;
}
@media(max-width:760px){
  .profileModalBackdrop{
    inset:var(--top-strip-height,58px) 0 0 0!important;
    padding:8px!important;
  }
  .profileModal{
    width:calc(100vw - 16px)!important;
    height:calc(100dvh - var(--top-strip-height,58px) - 16px)!important;
    max-height:calc(100dvh - var(--top-strip-height,58px) - 16px)!important;
  }
}

/* Global Search Importer / Exporter: role-country column and in-header country filter. */
.partyPanel .partyCountryTable .partyCountryHeaderFilter{
  width:100%;
  min-width:0;
  max-width:none;
}
.partyPanel .partyCountryTable .analysisCountryFilterSelect{
  height:28px;
  padding-left:6px;
  padding-right:22px;
  font-size:var(--platform-table-font-size,11.5px)!important;
}
.partyPanel .partyCountryTable th:nth-child(1),
.partyPanel .partyCountryTable td:nth-child(1){width:4%!important;text-align:center!important}
.partyPanel .partyCountryTable th:nth-child(2),
.partyPanel .partyCountryTable td:nth-child(2){width:20%!important}
.partyPanel .partyCountryTable th:nth-child(3),
.partyPanel .partyCountryTable td:nth-child(3){width:13%!important}
.partyPanel .partyCountryTable th:nth-child(4),
.partyPanel .partyCountryTable td:nth-child(4){width:9%!important}
.partyPanel .partyCountryTable th:nth-child(5),
.partyPanel .partyCountryTable td:nth-child(5){width:8%!important}
.partyPanel .partyCountryTable th:nth-child(6),
.partyPanel .partyCountryTable td:nth-child(6){width:7%!important}
.partyPanel .partyCountryTable th:nth-child(7),
.partyPanel .partyCountryTable td:nth-child(7){width:8%!important}
.partyPanel .partyCountryTable th:nth-child(8),
.partyPanel .partyCountryTable td:nth-child(8){width:8%!important}
.partyPanel .partyCountryTable th:nth-child(9),
.partyPanel .partyCountryTable td:nth-child(9){width:7%!important}
.partyPanel .partyCountryTable th:nth-child(10),
.partyPanel .partyCountryTable td:nth-child(10){width:6%!important}
.partyPanel .partyCountryTable th:nth-child(11),
.partyPanel .partyCountryTable td:nth-child(11){width:5%!important}
.partyPanel .partyCountryTable th:nth-child(12),
.partyPanel .partyCountryTable td:nth-child(12){width:5%!important}


/* Global Search Importer / Exporter tables: fixed column geometry with a wide, fully wrapped company-name column. */
.partyPanel .partyTableWrap{
  overflow-x:auto!important;
  overflow-y:visible!important;
  max-width:100%!important;
}
.partyPanel .partyCountryTable{
  width:1438px!important;
  min-width:1438px!important;
  max-width:1438px!important;
  table-layout:fixed!important;
}
.partyPanel .partyCountryTable th,
.partyPanel .partyCountryTable td{
  box-sizing:border-box!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  vertical-align:middle!important;
}
.partyPanel .partyCountryTable th:nth-child(1),
.partyPanel .partyCountryTable td:nth-child(1){width:48px!important;min-width:48px!important;max-width:48px!important;text-align:center!important}
.partyPanel .partyCountryTable th:nth-child(2),
.partyPanel .partyCountryTable td:nth-child(2){width:330px!important;min-width:330px!important;max-width:330px!important}
.partyPanel .partyCountryTable th:nth-child(3),
.partyPanel .partyCountryTable td:nth-child(3){width:170px!important;min-width:170px!important;max-width:170px!important}
.partyPanel .partyCountryTable th:nth-child(4),
.partyPanel .partyCountryTable td:nth-child(4){width:120px!important;min-width:120px!important;max-width:120px!important}
.partyPanel .partyCountryTable th:nth-child(5),
.partyPanel .partyCountryTable td:nth-child(5){width:105px!important;min-width:105px!important;max-width:105px!important}
.partyPanel .partyCountryTable th:nth-child(6),
.partyPanel .partyCountryTable td:nth-child(6){width:85px!important;min-width:85px!important;max-width:85px!important}
.partyPanel .partyCountryTable th:nth-child(7),
.partyPanel .partyCountryTable td:nth-child(7){width:100px!important;min-width:100px!important;max-width:100px!important}
.partyPanel .partyCountryTable th:nth-child(8),
.partyPanel .partyCountryTable td:nth-child(8){width:100px!important;min-width:100px!important;max-width:100px!important}
.partyPanel .partyCountryTable th:nth-child(9),
.partyPanel .partyCountryTable td:nth-child(9){width:105px!important;min-width:105px!important;max-width:105px!important}
.partyPanel .partyCountryTable th:nth-child(10),
.partyPanel .partyCountryTable td:nth-child(10){width:95px!important;min-width:95px!important;max-width:95px!important}
.partyPanel .partyCountryTable th:nth-child(11),
.partyPanel .partyCountryTable td:nth-child(11){width:85px!important;min-width:85px!important;max-width:85px!important}
.partyPanel .partyCountryTable th:nth-child(12),
.partyPanel .partyCountryTable td:nth-child(12){width:95px!important;min-width:95px!important;max-width:95px!important}

/* Never truncate Importer/Exporter names: keep the name column largest and let the full name wrap to additional lines. */
.partyPanel .partyCountryTable td:nth-child(2){
  height:auto!important;
  max-height:none!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  vertical-align:top!important;
  padding-top:10px!important;
  padding-bottom:10px!important;
}
.partyPanel .partyCountryTable td:nth-child(2) .statsNameCell,
.partyPanel .partyCountryTable td:nth-child(2) .statsNameCellWithFavourite{
  width:100%!important;
  min-width:0!important;
  overflow:visible!important;
  align-items:start!important;
}
.partyPanel .partyCountryTable td:nth-child(2) .companyStatsNameTopLine{
  grid-template-columns:24px minmax(0,1fr) 24px!important;
  align-items:start!important;
  overflow:visible!important;
}
.partyPanel .partyCountryTable td:nth-child(2) .companyStatsNameTopLine > span{
  display:block!important;
  min-width:0!important;
  max-width:none!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  line-height:1.35!important;
}
.partyPanel .partyCountryTable td:nth-child(2) .statsRowActions{
  flex-wrap:wrap!important;
}
.partyPanel .partyCountryTable .partyCountryHeaderFilter,
.partyPanel .partyCountryTable .analysisCountryFilterSelect{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
}

/* Global Search Importer / Exporter tables now use the exact responsive
   column-fit system used by Company View > Import/Export Analysis > View By.
   Inline widths are assigned by applyTradeAnalysisSummaryColumnSizing; these
   base rules remove the older fixed 1438px geometry before that calculation. */
.partyPanel .partyCountryTable{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  table-layout:fixed!important;
}
.partyPanel .partyCountryTable th,
.partyPanel .partyCountryTable td{
  min-width:0!important;
}

/* Global Search Importer / Exporter name actions: name first, then Copy, then Favourite. */
.partyPanel .partyCountryTable td:nth-child(2) .partyCompanyNameInline{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:visible!important;
  white-space:normal!important;
  line-height:1.4!important;
  text-align:left!important;
}
.partyPanel .partyCountryTable td:nth-child(2) .partyCompanyNameInline .partyCompanyNameText{
  display:inline!important;
  max-width:none!important;
  min-width:0!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
.partyPanel .partyCountryTable td:nth-child(2) .partyCompanyNameInline .copyNameWrap{
  display:inline-grid!important;
  width:22px!important;
  min-width:22px!important;
  height:22px!important;
  margin-left:6px!important;
  vertical-align:middle!important;
}
.partyPanel .partyCountryTable td:nth-child(2) .partyCompanyNameInline .favIconBtn{
  display:inline-grid!important;
  width:22px!important;
  min-width:22px!important;
  height:22px!important;
  margin-left:4px!important;
  vertical-align:middle!important;
}
.partyPanel .partyCountryTable td:nth-child(2) .statsNameCellWithFavourite .statsRowActions{
  margin-left:0!important;
}

/* Global Search Importer / Exporter: compact, content-driven row height.
   Single-line company names stay compact; only wrapped names increase that row. */
.partyPanel .partyCountryTable tbody tr{
  height:auto!important;
  min-height:0!important;
}
.partyPanel .partyCountryTable tbody td{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding-top:6px!important;
  padding-bottom:6px!important;
  vertical-align:middle!important;
}
.partyPanel .partyCountryTable tbody td:nth-child(2){
  height:auto!important;
  min-height:0!important;
  padding-top:6px!important;
  padding-bottom:6px!important;
  vertical-align:middle!important;
}
.partyPanel .partyCountryTable tbody td:nth-child(2) .statsNameCell,
.partyPanel .partyCountryTable tbody td:nth-child(2) .statsNameCellWithFavourite{
  min-height:0!important;
  height:auto!important;
  align-items:center!important;
  gap:6px!important;
}
.partyPanel .partyCountryTable tbody td:nth-child(2) .partyCompanyNameInline{
  min-height:0!important;
  margin:0!important;
}
.partyPanel .partyCountryTable tbody td:nth-child(2) .statsRowActions{
  align-self:center!important;
  margin-top:0!important;
  margin-bottom:0!important;
}

/* Global Search Trade Insights: use the same responsive layout and flexible
   row-height behaviour as the Importer / Exporter result tables. */
.statisticsPanel .tradeInsightsSummaryTable{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  table-layout:fixed!important;
}
.statisticsPanel .tradeInsightsSummaryTable th,
.statisticsPanel .tradeInsightsSummaryTable td{
  min-width:0!important;
  box-sizing:border-box!important;
}
.statisticsPanel .tradeInsightsSummaryTable .tradeInsightsHeaderSelectShell{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
}
.statisticsPanel .tradeInsightsSummaryTable .tradeInsightsHeaderSelect{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:28px!important;
  padding-left:7px!important;
  padding-right:24px!important;
  font-size:var(--platform-table-font-size,11.5px)!important;
}
.statisticsPanel .tradeInsightsSummaryTable tbody tr{
  height:auto!important;
  min-height:0!important;
}
.statisticsPanel .tradeInsightsSummaryTable tbody td{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding-top:6px!important;
  padding-bottom:6px!important;
  vertical-align:middle!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.statisticsPanel .tradeInsightsSummaryTable tbody td:nth-child(2){
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.statisticsPanel .tradeInsightsSummaryTable .tradeInsightNameInline{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  column-gap:8px!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  line-height:1.4!important;
  text-align:left!important;
  white-space:normal!important;
  overflow:visible!important;
}
.statisticsPanel .tradeInsightsSummaryTable .tradeInsightNameText{
  display:inline!important;
  min-width:0!important;
  max-width:none!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
.statisticsPanel .tradeInsightsSummaryTable .tradeInsightInlineTrack{
  display:inline-grid!important;
  width:24px!important;
  min-width:24px!important;
  height:24px!important;
  margin-left:0!important;
  justify-self:end!important;
  align-self:center!important;
  vertical-align:middle!important;
}


/* Global Search Trade Insights: keep the compact View By selector and its
   independent sorting control visible together, including narrow screens. */
.statisticsPanel .tradeInsightsSummaryTable thead th:nth-child(2){
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.statisticsPanel .tradeInsightsSummaryTable .tradeInsightsHeaderSelectShell{
  display:inline-flex!important;
  width:auto!important;
  min-width:0!important;
  max-width:calc(100% - 25px)!important;
  margin:0!important;
  vertical-align:middle!important;
}
.statisticsPanel .tradeInsightsSummaryTable .tradeInsightsHeaderSelect{
  width:auto!important;
  min-width:82px!important;
  max-width:100%!important;
  padding-left:7px!important;
  padding-right:23px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.statisticsPanel .tradeInsightsSummaryTable thead th:nth-child(2)>.platformSortButton{
  display:inline-flex!important;
  visibility:visible!important;
  flex:0 0 17px!important;
  margin-left:4px!important;
  vertical-align:middle!important;
}
@media(max-width:900px){
  .statisticsPanel .tradeInsightsSummaryTable .tradeInsightsHeaderSelect{
    min-width:120px!important;
    padding-left:5px!important;
    padding-right:20px!important;
    font-size:9px!important;
  }
  .statisticsPanel .tradeInsightsSummaryTable .tradeInsightsHeaderSelectShell>svg{
    right:5px!important;
    width:12px!important;
    height:12px!important;
  }
}

/* Full Trade Insights labels with a longest-option-sized selector.
   Reserve independent space for the sort control so both stay visible. */
.statisticsPanel .tradeInsightsSummaryTable thead th:nth-child(2){
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.statisticsPanel .tradeInsightsSummaryTable .tradeInsightsHeaderSelectShell{
  display:inline-flex!important;
  width:19ch!important;
  min-width:19ch!important;
  max-width:calc(100% - 25px)!important;
  margin:0!important;
  vertical-align:middle!important;
  flex:0 1 19ch!important;
}
.statisticsPanel .tradeInsightsSummaryTable .tradeInsightsHeaderSelect{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  padding-left:7px!important;
  padding-right:23px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.statisticsPanel .tradeInsightsSummaryTable thead th:nth-child(2)>.platformSortButton{
  display:inline-flex!important;
  visibility:visible!important;
  flex:0 0 17px!important;
  width:17px!important;
  min-width:17px!important;
  margin-left:4px!important;
  vertical-align:middle!important;
}
@media(max-width:900px){
  .statisticsPanel .tradeInsightsSummaryTable .tradeInsightsHeaderSelectShell{
    width:19ch!important;
    min-width:19ch!important;
    max-width:calc(100% - 23px)!important;
  }
  .statisticsPanel .tradeInsightsSummaryTable .tradeInsightsHeaderSelect{
    font-size:9px!important;
    padding-left:5px!important;
    padding-right:20px!important;
  }
}

/* Importer / Exporter country header: exact title only, plus always-visible sort. */
.partyPanel .partyCountryTable thead th:nth-child(3){
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.partyPanel .partyCountryTable .partyCountryHeaderFilter{
  display:inline-flex!important;
  width:calc(100% - 25px)!important;
  min-width:0!important;
  max-width:calc(100% - 25px)!important;
  margin:0!important;
  vertical-align:middle!important;
}
.partyPanel .partyCountryTable .analysisCountryFilterSelect{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  padding-left:6px!important;
  padding-right:22px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.partyPanel .partyCountryTable thead th:nth-child(3)>.platformSortButton{
  display:inline-flex!important;
  visibility:visible!important;
  flex:0 0 17px!important;
  width:17px!important;
  min-width:17px!important;
  margin-left:4px!important;
  vertical-align:middle!important;
}


/* Global Search Importer / Exporter pagination must not resize the result area.
   The table may have fewer than 10 rows on its real final page, but the panel
   keeps the same minimum footprint and all content-driven row heights remain
   unchanged. */
.partyPanel .partyTableWrap{
  min-height:440px!important;
  background:var(--panel, #fff)!important;
}
.partyPanel .partyCountryTable tbody tr:only-child td[colspan]{
  height:385px!important;
  vertical-align:middle!important;
}
.partyPanel .partyCountryTable tbody tr:only-child td[colspan] .tableInlineStatus{
  min-height:360px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
@media(max-width:760px){
  .partyPanel .partyTableWrap{min-height:300px!important}
  .partyPanel .partyCountryTable tbody tr:only-child td[colspan]{height:245px!important}
  .partyPanel .partyCountryTable tbody tr:only-child td[colspan] .tableInlineStatus{min-height:220px!important}
}

/* Global Search advanced filters: supplier-approved two-row layout */
.tradeSearch .advancedSearch{
  display:grid;
  gap:16px;
  padding:18px;
  border-radius:0!important;
}
.tradeSearch .advancedPortFilterRow{
  display:grid;
  grid-template-columns:minmax(260px,1.35fr) minmax(260px,1.35fr) minmax(190px,.8fr) minmax(220px,.95fr);
  gap:14px;
  align-items:start;
}
.tradeSearch .advancedRangeFilterRow{
  display:grid;
  grid-template-columns:repeat(3,minmax(220px,1fr));
  gap:14px;
  align-items:start;
  padding-top:2px;
}
.tradeSearch .advancedFilterItem{
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:0;
  margin:0;
  color:#0B1730;
  font-size:13px;
  font-weight:550;
}
.tradeSearch .advancedPortInputRow{
  display:grid;
  grid-template-columns:minmax(0,1fr) 40px 40px;
  gap:7px;
  align-items:center;
  min-width:0;
}
.tradeSearch .advancedRangePair{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  gap:7px!important;
  align-items:center;
  min-width:0;
}
.tradeSearch .advancedPortInputRow input,
.tradeSearch .advancedRangePair input,
.tradeSearch .advancedSearch .advancedCheckItem{
  width:100%;
  min-width:0;
  height:40px;
  box-sizing:border-box;
  border:1px solid #DDE5F2!important;
  border-radius:0!important;
  background:#FFFFFF!important;
  color:#0B1730 !important;
  padding:0 12px!important;
  font:inherit;
  font-size:13px;
  font-weight:400;
  outline:none;
  transition:border-color .16s ease, box-shadow .16s ease, background .16s ease;
}
.tradeSearch .advancedPortInputRow input::placeholder,
.tradeSearch .advancedRangePair input::placeholder{
  color:var(--eximbot-note) !important;
  font-weight:400;
}
.tradeSearch .advancedPortInputRow input:focus,
.tradeSearch .advancedRangePair input:focus{
  border-color:#0B69DF!important;
  box-shadow:0 0 0 3px rgba(11,105,223,.12)!important;
}
.tradeSearch .advancedRangePair>span{
  color:#0B1730;
  font-weight:550;
}
.tradeSearch .advancedPortModeBtn{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  border-radius:0!important;
  display:inline-grid!important;
  place-items:center!important;
  padding:0!important;
  cursor:pointer;
}
.tradeSearch .advancedPortModeBtn.include:not(:disabled):hover{
  background:#0B69DF!important;
  border-color:#0B69DF!important;
  color:#FFFFFF !important;
}
.tradeSearch .advancedPortModeBtn.exclude:not(:disabled):hover{
  background:#D92D20!important;
  border-color:#D92D20!important;
  color:#FFFFFF !important;
}
.tradeSearch .advancedPortModeBtn:disabled{
  opacity:.45;
  cursor:not-allowed;
}
.tradeSearch .advancedSelectedRow{
  display:flex;
  align-items:flex-start;
  gap:6px;
  flex-wrap:wrap;
  min-width:0;
  margin-top:0;
}
.tradeSearch .advancedSelectedRow .searchSummaryChip{
  max-width:100%;
  height:22px;
  min-height:22px;
  border:0;
  border-radius:0;
  padding:0 8px;
  display:inline-flex;
  align-items:center;
  gap:4px;
  line-height:1;
  font-size:12px;
  font-weight:550;
}
.tradeSearch .advancedSelectedRow .searchSummaryChip.include{
  background:#EAF8F0!important;
  color:#0B1730 !important;
}
.tradeSearch .advancedSelectedRow .searchSummaryChip.exclude{
  background:#FFF0ED!important;
  color:#0B1730 !important;
}
.tradeSearch .advancedSelectedRow .searchSummaryValueText{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  min-width:0;
}
.tradeSearch .advancedSelectedRow .searchSummaryRemove{
  color:inherit;
}
.tradeSearch .advancedCheckItem{
  min-height:40px;
  align-self:start;
  margin:23px 0 0;
  color:#0B1730;
  font-size:14px;
  font-weight:400;
}
.tradeSearch .advancedCheckItem input{
  accent-color:#0B69DF;
}
.theme-dark .tradeSearch .advancedFilterItem,
.theme-dark .tradeSearch .advancedCheckItem{
  color:#FFFFFF;
}
.theme-dark .tradeSearch .advancedPortInputRow input,
.theme-dark .tradeSearch .advancedRangePair input{
  background:#0F1325!important;
  border-color:#242C49!important;
  color:#FFFFFF !important;
}
.theme-dark .tradeSearch .advancedPortInputRow input:focus,
.theme-dark .tradeSearch .advancedRangePair input:focus{
  border-color:#0B69DF!important;
  box-shadow:0 0 0 3px rgba(11,105,223,.18)!important;
}
.theme-dark .tradeSearch .advancedSelectedRow .searchSummaryChip.include{
  background:rgba(8,122,75,.22)!important;
  color:#FFFFFF !important;
}
.theme-dark .tradeSearch .advancedSelectedRow .searchSummaryChip.exclude{
  background:rgba(180,35,24,.22)!important;
  color:#FFFFFF !important;
}
@media(max-width:1500px){
  .tradeSearch .advancedPortFilterRow{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .tradeSearch .advancedCheckItem{
    margin-top:0;
  }
}
@media(max-width:1050px){
  .tradeSearch .advancedRangeFilterRow{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:700px){
  .tradeSearch .advancedPortFilterRow,
  .tradeSearch .advancedRangeFilterRow{
    grid-template-columns:1fr;
  }
}

/* Track page Track By: mirror Global Search Trade Insights exactly. */
.trackingPage .trackByPanel{
  overflow:hidden!important;
}
.trackingPage .trackByTableWrap{
  overflow:hidden!important;
  width:100%!important;
  max-width:100%!important;
}
.trackingPage .trackByTradeInsightsTable th,
.trackingPage .trackByTradeInsightsTable td{
  width:auto!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
.trackingPage .trackByTradeInsightsTable thead th:first-child,
.trackingPage .trackByTradeInsightsTable tbody td:first-child,
.trackingPage .trackByTradeInsightsTable thead th:not(:first-child),
.trackingPage .trackByTradeInsightsTable tbody td:not(:first-child){
  width:auto!important;
}
.trackingPage .trackByTradeInsightsTable thead th:first-child{
  position:static!important;
  z-index:auto!important;
  overflow:hidden!important;
}
.trackingPage .trackByTradeInsightsTable .tradeInsightsHeaderSelectShell{
  width:19ch!important;
  min-width:19ch!important;
  max-width:calc(100% - 25px)!important;
}
.trackingPage .trackByTradeInsightsTable .tradeInsightsHeaderSelect{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:28px!important;
  padding-left:7px!important;
  padding-right:23px!important;
  font-size:var(--platform-table-font-size,11.5px)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.trackingPage .trackByTradeInsightsTable thead th:nth-child(2){
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.trackingPage .trackByTradeInsightsTable thead th:nth-child(2)>.platformSortButton{
  display:inline-flex!important;
  visibility:visible!important;
  flex:0 0 17px!important;
  width:17px!important;
  min-width:17px!important;
  margin-left:4px!important;
  vertical-align:middle!important;
}
.trackingPage .trackByTradeInsightsTable tbody tr{
  height:auto!important;
  min-height:0!important;
}
.trackingPage .trackByTradeInsightsTable tbody td{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding-top:6px!important;
  padding-bottom:6px!important;
  vertical-align:middle!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.trackingPage .trackByTradeInsightsTable tbody td:nth-child(2){
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.trackingPage .trackByTradeInsightsTable .tradeInsightNameInline{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  column-gap:8px!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  line-height:1.4!important;
  text-align:left!important;
  white-space:normal!important;
  overflow:visible!important;
}
.trackingPage .trackByTradeInsightsTable .tradeInsightNameText{
  display:inline!important;
  min-width:0!important;
  max-width:none!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
.trackingPage .trackByTradeInsightsTable .tradeInsightInlineTrack{
  display:inline-grid!important;
  width:24px!important;
  min-width:24px!important;
  height:24px!important;
  margin-left:0!important;
  justify-self:end!important;
  align-self:center!important;
  vertical-align:middle!important;
}
@media(max-width:900px){
  .trackingPage .trackByTradeInsightsTable .tradeInsightsHeaderSelectShell{
    width:19ch!important;
    min-width:19ch!important;
    max-width:calc(100% - 23px)!important;
  }
  .trackingPage .trackByTradeInsightsTable .tradeInsightsHeaderSelect{
    font-size:9px!important;
    padding-left:5px!important;
    padding-right:20px!important;
  }
}

/* Shipment profile: show only API fields with values. Backend keys stay internal. */
.shipmentMappingGroups{display:grid;gap:10px;padding:10px}
.shipmentMappingGroup{width:100%;min-width:0;border:1px solid #D8E4F0;border-radius:0;overflow:hidden;background:#FFF}
.profileMappingSectionTitle{padding:10px 12px;background:#EEF4FB;color:#02152B;font-size:13px;font-weight:550;letter-spacing:.01em;border-bottom:1px solid #D8E4F0}
.shipmentMappingGroup .shipmentDynamicTableWrap{width:100%;overflow:auto}
.shipmentMappingTable{width:100%!important;min-width:620px!important;table-layout:fixed!important}
.shipmentMappingTable col.shipmentFrontendFieldColumn{width:40%}
.shipmentMappingTable col.shipmentApiFieldColumn{width:60%}
.shipmentMappingTable>tbody>tr>td{height:38px;padding:8px 12px;border-bottom:1px solid #E6ECF5;vertical-align:top;overflow-wrap:anywhere}
.shipmentMappingTable>tbody>tr:last-child>td{border-bottom:0}
.shipmentMappingTable .shipmentFrontendFieldCell{width:40%;background:#F8FAFD;color:#0B1730;font-weight:550;white-space:normal;overflow-wrap:anywhere;word-break:break-word}
.shipmentMappingTable .shipmentMappedValueCell{width:60%;background:#FFF;color:#0B1730;font-weight:400;white-space:normal;overflow-wrap:anywhere;word-break:break-word;box-shadow:inset 3px 0 0 rgba(31,77,115,.16)}
.shipmentMappingTable .shipmentMappedValueCell .shipmentDetailValueText{display:block;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}
.shipmentMappingTable .shipmentMappedValueCell.shipmentCompanyNameValue,.shipmentMappingTable .shipmentMappedValueCell.shipmentCompanyNameValue .shipmentDetailValueText{color:#0B69DF!important}
.theme-dark .shipmentMappingGroup{background:#0F1325;border-color:#2B3654}
.theme-dark .profileMappingSectionTitle{background:#151E35;color:#FFFFFF;border-color:#2B3654}
.theme-dark .shipmentMappingTable .shipmentFrontendFieldCell{background:#11172A;color:#FFFFFF;border-color:#242C49}
.theme-dark .shipmentMappingTable .shipmentMappedValueCell{background:#0F1325;color:#FFFFFF;border-color:#242C49;box-shadow:inset 3px 0 0 rgba(175,200,232,.2)}
@media(max-width:760px){.shipmentMappingGroups{padding:8px;gap:10px}.shipmentMappingTable{min-width:560px!important}.shipmentMappingTable>tbody>tr>td{padding-left:9px!important;padding-right:9px!important}}

/* FINAL RECORD TABLE AUTO-HEIGHT + TEN-LINE ACTION STACK
   Shipment Records, Company View Trading Records and Tracking Records:
   - every text cell may wrap to at most 10 lines;
   - table rows grow from actual content instead of a fixed pixel height;
   - company action icons occupy their own measured row below the last text line;
   - cell padding is applied outside both the text and the complete icon box. */
.recordLayoutTable {
  --record-max-lines: 10;
  --record-action-row-height: 24px;
  --record-action-gap: 4px;
}

.recordLayoutTable tbody tr,
.shipmentRecordsTableWrap .shipmentRecordLayoutTable tbody tr,
.companyTradingRecordsTable tbody tr,
.trackingPage .trackRecordsWrap tbody tr {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

.recordLayoutTable tbody td,
.shipmentRecordsTableWrap .shipmentRecordLayoutTable tbody td,
.companyTradingRecordsTable tbody td,
.trackingPage .trackRecordsWrap tbody td {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 5px !important;
  vertical-align: top !important;
  overflow: hidden !important;
  white-space: normal !important;
  text-overflow: clip !important;
}

.recordLayoutTable .recordCellClamp,
.shipmentRecordsTableWrap .shipmentRecordLayoutTable .recordCellClamp,
.companyTradingRecordsTable .recordCellClamp,
.trackingPage .trackRecordsWrap .recordCellClamp {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: var(--record-max-lines) !important;
  line-clamp: var(--record-max-lines) !important;
  max-height: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  margin: 0 !important;
}

.recordLayoutTable .recordActionStack,
.shipmentRecordsTableWrap .shipmentRecordLayoutTable .recordActionStack,
.companyTradingRecordsTable .recordActionStack,
.trackingPage .trackRecordsWrap .recordActionStack {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto var(--record-action-row-height) !important;
  align-content: start !important;
  gap: var(--record-action-gap) !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  margin: 0 !important;
  padding: 0 !important;
}

.recordLayoutTable .recordCompanyNameLine,
.shipmentRecordsTableWrap .shipmentRecordLayoutTable .recordCompanyNameLine,
.companyTradingRecordsTable .recordCompanyNameLine,
.trackingPage .trackRecordsWrap .recordCompanyNameLine {
  display: block !important;
  grid-template-columns: minmax(0, 1fr) !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  margin: 0 !important;
}

.recordLayoutTable .recordCompanyNameLine .nameWithCopy,
.shipmentRecordsTableWrap .shipmentRecordLayoutTable .recordCompanyNameLine .nameWithCopy,
.companyTradingRecordsTable .recordCompanyNameLine .nameWithCopy,
.trackingPage .trackRecordsWrap .recordCompanyNameLine .nameWithCopy {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 22px !important;
  align-items: start !important;
  gap: 5px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  overflow: visible !important;
}

.recordLayoutTable .recordCompanyNameLine .copyTextName,
.shipmentRecordsTableWrap .shipmentRecordLayoutTable .recordCompanyNameLine .copyTextName,
.companyTradingRecordsTable .recordCompanyNameLine .copyTextName,
.trackingPage .trackRecordsWrap .recordCompanyNameLine .copyTextName {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: var(--record-max-lines) !important;
  line-clamp: var(--record-max-lines) !important;
  max-height: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  margin: 0 !important;
}

.recordLayoutTable .recordCompanyActions,
.shipmentRecordsTableWrap .shipmentRecordLayoutTable .recordCompanyActions,
.companyTradingRecordsTable .recordCompanyActions,
.trackingPage .trackRecordsWrap .recordCompanyActions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  align-self: start !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
  width: 100% !important;
  min-width: 0 !important;
  height: var(--record-action-row-height) !important;
  min-height: var(--record-action-row-height) !important;
  max-height: var(--record-action-row-height) !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

.recordLayoutTable .recordCompanyActions .favIconBtn,
.shipmentRecordsTableWrap .shipmentRecordLayoutTable .recordCompanyActions .favIconBtn,
.companyTradingRecordsTable .recordCompanyActions .favIconBtn,
.trackingPage .trackRecordsWrap .recordCompanyActions .favIconBtn{
  flex: 0 0 22px !important;
  margin: 0 !important;
}

.recordLayoutTable .recordCompanyActions button,
.shipmentRecordsTableWrap .shipmentRecordLayoutTable .recordCompanyActions button,
.companyTradingRecordsTable .recordCompanyActions button,
.trackingPage .trackRecordsWrap .recordCompanyActions button {
  margin: 0 !important;
}

/* Remove every older fixed-height constraint after the new content-driven rule. */
.shipmentRecordsTableWrap .shipmentRecordLayoutTable,
.companyTradingRecordLayoutTable,
.trackingShipmentRecordLayoutTable {
  --record-row-height: auto !important;
}

.shipmentRecordsTableWrap .shipmentRecordLayoutTable .recordCompanyCell,
.companyTradingRecordsTable .companyViewRecordCell,
.trackingPage .trackRecordsWrap .trackCompanyCell {
  max-height: none !important;
}

/* Global copy icon: outline-only overlapping-sheets glyph across the platform. */
.copyNameBtn svg,
.theme-light .copyNameBtn svg,
.theme-dark .copyNameBtn svg {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.5 !important;
  width: 14px !important;
  height: 14px !important;
  overflow: visible !important;
}

.copyNameBtn.copied svg,
.theme-light .copyNameBtn.copied svg,
.theme-dark .copyNameBtn.copied svg {
  fill: none !important;
  stroke: #fff !important;
  stroke-width: 2.5 !important;
}

/* Final global copy icon colors: neutral theme-friendly gray at rest; blue confirmation only after click. */
.copyNameBtn,
.theme-light .copyNameBtn {
  background: #F4F6F8 !important;
  border-color: #D5DAE1 !important;
  color: #0B1730 !important;
  box-shadow: none !important;
}

.theme-dark .copyNameBtn {
  background: #1B2130 !important;
  border-color: #3A4356 !important;
  color: #FFFFFF !important;
  box-shadow: none !important;
}

.copyNameBtn:hover,
.copyNameBtn:focus-visible,
.theme-light .copyNameBtn:hover,
.theme-light .copyNameBtn:focus-visible {
  background: #ECEFF3 !important;
  border-color: #C4CBD4 !important;
  color: #0B1730 !important;
}

.theme-dark .copyNameBtn:hover,
.theme-dark .copyNameBtn:focus-visible {
  background: #252C3C !important;
  border-color: #515C70 !important;
  color: #FFFFFF !important;
}

.trackRecordsWrap .activeTrackRow .copyNameBtn,
.trackRecordsWrap .activeTrackRow .companyMiniActions .copyNameBtn {
  background: #F4F6F8 !important;
  border-color: #D5DAE1 !important;
  color: #0B1730 !important;
}

.theme-dark .trackRecordsWrap .activeTrackRow .copyNameBtn,
.theme-dark .trackRecordsWrap .activeTrackRow .companyMiniActions .copyNameBtn {
  background: #1B2130 !important;
  border-color: #3A4356 !important;
  color: #FFFFFF !important;
}

.copyNameBtn.copied,
.theme-light .copyNameBtn.copied,
.theme-dark .copyNameBtn.copied,
.trackRecordsWrap .activeTrackRow .copyNameBtn.copied,
.trackRecordsWrap .activeTrackRow .companyMiniActions .copyNameBtn.copied,
.theme-dark .trackRecordsWrap .activeTrackRow .copyNameBtn.copied,
.theme-dark .trackRecordsWrap .activeTrackRow .companyMiniActions .copyNameBtn.copied {
  background: var(--primary, #0B69DF) !important;
  border-color: var(--primary, #0B69DF) !important;
  color: #FFFFFF !important;
  box-shadow: 0 0 0 5px rgba(11, 105, 223, 0.24), 0 8px 22px rgba(11, 105, 223, 0.22) !important;
  animation: copyConfirmBlue .9s ease !important;
}


/* Final record action colors: neutral at rest, light blue on hover, dark blue on click. */
.copyNameBtn,
.theme-light .copyNameBtn,
.theme-dark .copyNameBtn {
  background: #F1F3F5 !important;
  border-color: #D6DADE !important;
  color: #FFFFFF !important;
  box-shadow: none !important;
  transform: none !important;
  transition: background-color .16s ease, border-color .16s ease, color .16s ease, transform .16s ease !important;
}

.copyNameBtn:hover:not(.copied),
.theme-light .copyNameBtn:hover:not(.copied),
.theme-dark .copyNameBtn:hover:not(.copied) {
  background: #E8F6FD !important;
  border-color: #B6E0F4 !important;
  color: #0B69DF !important;
}

.copyNameBtn:active:not(.copied),
.theme-light .copyNameBtn:active:not(.copied),
.theme-dark .copyNameBtn:active:not(.copied),
.copyNameBtn.copied,
.theme-light .copyNameBtn.copied,
.theme-dark .copyNameBtn.copied,
.trackRecordsWrap .activeTrackRow .copyNameBtn.copied,
.trackRecordsWrap .activeTrackRow .companyMiniActions .copyNameBtn.copied,
.companyOverviewPage .copyNameBtn.copied,
.statisticsPanel .copyNameBtn.copied,
.partyPanel .copyNameBtn.copied,
.results.panel .copyNameBtn.copied,
.profilePage .copyNameBtn.copied {
  background: #0B69DF !important;
  border-color: #0B69DF !important;
  color: #FFFFFF !important;
  box-shadow: none !important;
  transform: none !important;
  animation: none !important;
}

.copyNameBtn:hover:not(.copied) svg {
  color: currentColor !important;
  fill: none !important;
  stroke: currentColor !important;
}

.copyNameBtn:active:not(.copied) svg,
.copyNameBtn.copied svg {
  color: #FFFFFF !important;
  fill: none !important;
  stroke: #FFFFFF !important;
}

.theme-dark .copyNameBtn {
  background: #2A2F38 !important;
  border-color: #454C57 !important;
  color: #FFFFFF !important;
}

.theme-dark .copyNameBtn:hover:not(.copied) {
  background: #183649 !important;
  border-color: #326A89 !important;
  color: #0B69DF !important;
}

.recordCountryCell {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 6px !important;
  min-width: 0 !important;
  width: 100% !important;
}

.recordCountryCell .recordCellClamp {
  width: 100% !important;
  min-width: 0 !important;
}

.recordCountryActions {
  display: flex !important;
  align-items: center !important;
  min-height: 24px !important;
  padding-top: 1px !important;
}

.recordCountryTrackBtn{
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  padding: 0 !important;
  
  border-radius:0!important;
  
  
  display: inline-grid !important;
  place-items: center !important;
  cursor: pointer !important;
  box-shadow: none !important;
  transition: background-color .16s ease, border-color .16s ease, color .16s ease, transform .16s ease !important;
}

.recordCountryTrackBtn svg{
  
  
  stroke-width: 2.5 !important;
}







/* Preserve the same copy states even inside highlighted tracking rows. */
.trackRecordsWrap .activeTrackRow .copyNameBtn:not(.copied),
.trackRecordsWrap .activeTrackRow .companyMiniActions .copyNameBtn:not(.copied) {
  background: #F1F3F5 !important;
  border-color: #D6DADE !important;
  color: #0B1730 !important;
}

.trackRecordsWrap .activeTrackRow .copyNameBtn:hover:not(.copied),
.trackRecordsWrap .activeTrackRow .companyMiniActions .copyNameBtn:hover:not(.copied) {
  background: #E8F6FD !important;
  border-color: #B6E0F4 !important;
  color: #0B69DF !important;
}

.theme-dark .trackRecordsWrap .activeTrackRow .copyNameBtn:not(.copied),
.theme-dark .trackRecordsWrap .activeTrackRow .companyMiniActions .copyNameBtn:not(.copied) {
  background: #2A2F38 !important;
  border-color: #454C57 !important;
  color: #FFFFFF !important;
}

.theme-dark .trackRecordsWrap .activeTrackRow .copyNameBtn:hover:not(.copied),
.theme-dark .trackRecordsWrap .activeTrackRow .companyMiniActions .copyNameBtn:hover:not(.copied) {
  background: #183649 !important;
  border-color: #326A89 !important;
  color: #0B69DF !important;
}

/* FINAL RECORD COMPANY ACTION OVERRIDE
   Importer/Exporter name-cell actions now match country Track actions:
   neutral gray at rest, light blue on hover/focus, dark blue while clicked,
   then return to the neutral state. This intentionally overrides older
   .companyCell/.companyMiniActions theme rules that forced blue controls. */
.theme-light .recordLayoutTable .recordCompanyCell .copyNameBtn:not(.copied),
.theme-light .recordLayoutTable .companyViewRecordCell .copyNameBtn:not(.copied),
.theme-light .trackingPage .trackRecordsWrap .trackCompanyCell .copyNameBtn:not(.copied),
.recordLayoutTable .recordCompanyCell .copyNameBtn:not(.copied),
.recordLayoutTable .companyViewRecordCell .copyNameBtn:not(.copied),
.trackingPage .trackRecordsWrap .trackCompanyCell .copyNameBtn:not(.copied){
  background: #F1F3F5 !important;
  border-color: #D6DADE !important;
  color: #0B1730 !important;
  box-shadow: none !important;
  transform: none !important;
  transition: background-color .16s ease, border-color .16s ease, color .16s ease, transform .16s ease !important;
}
.theme-light .recordLayoutTable .recordCompanyActions .favIconBtn,
.theme-light .recordLayoutTable .recordCompanyActions button[title="Company View"],
.theme-light .trackingPage .trackRecordsWrap .recordCompanyActions .favIconBtn,
.theme-light .trackingPage .trackRecordsWrap .recordCompanyActions button[title="Company View"],
.recordLayoutTable .recordCompanyActions .favIconBtn,
.recordLayoutTable .recordCompanyActions button[title="Company View"],
.trackingPage .trackRecordsWrap .recordCompanyActions .favIconBtn,
.trackingPage .trackRecordsWrap .recordCompanyActions button[title="Company View"]{
  
  
  
  box-shadow: none !important;
  transform: none !important;
  transition: background-color .16s ease, border-color .16s ease, color .16s ease, transform .16s ease !important;
}

.theme-light .recordLayoutTable .recordCompanyCell .copyNameBtn:hover:not(.copied),
.theme-light .recordLayoutTable .recordCompanyCell .copyNameBtn:focus-visible:not(.copied),
.theme-light .recordLayoutTable .companyViewRecordCell .copyNameBtn:hover:not(.copied),
.theme-light .recordLayoutTable .companyViewRecordCell .copyNameBtn:focus-visible:not(.copied),
.theme-light .trackingPage .trackRecordsWrap .trackCompanyCell .copyNameBtn:hover:not(.copied),
.theme-light .trackingPage .trackRecordsWrap .trackCompanyCell .copyNameBtn:focus-visible:not(.copied),
.recordLayoutTable .recordCompanyCell .copyNameBtn:hover:not(.copied),
.recordLayoutTable .recordCompanyCell .copyNameBtn:focus-visible:not(.copied),
.recordLayoutTable .companyViewRecordCell .copyNameBtn:hover:not(.copied),
.recordLayoutTable .companyViewRecordCell .copyNameBtn:focus-visible:not(.copied),
.trackingPage .trackRecordsWrap .trackCompanyCell .copyNameBtn:hover:not(.copied),
.trackingPage .trackRecordsWrap .trackCompanyCell .copyNameBtn:focus-visible:not(.copied){
  background: #E8F6FD !important;
  border-color: #B6E0F4 !important;
  color: #0B69DF !important;
  box-shadow: none !important;
  transform: none !important;
}

.theme-light .recordLayoutTable .recordCompanyCell .copyNameBtn:active:not(.copied),
.theme-light .recordLayoutTable .companyViewRecordCell .copyNameBtn:active:not(.copied),
.theme-light .trackingPage .trackRecordsWrap .trackCompanyCell .copyNameBtn:active:not(.copied),
.recordLayoutTable .recordCompanyCell .copyNameBtn:active:not(.copied),
.recordLayoutTable .companyViewRecordCell .copyNameBtn:active:not(.copied),
.trackingPage .trackRecordsWrap .trackCompanyCell .copyNameBtn:active:not(.copied){
  background: #006FB8 !important;
  border-color: #006FB8 !important;
  color: #FFFFFF !important;
  box-shadow: none !important;
  transform: scale(.96) !important;
}

/* A saved favourite may keep its filled star shape, but its button must not
   remain blue in record tables. */






.theme-dark .recordLayoutTable .recordCompanyCell .copyNameBtn:not(.copied),
.theme-dark .recordLayoutTable .companyViewRecordCell .copyNameBtn:not(.copied),
.theme-dark .trackingPage .trackRecordsWrap .trackCompanyCell .copyNameBtn:not(.copied){
  background: #2A2F38 !important;
  border-color: #454C57 !important;
  color: #FFFFFF !important;
}

.theme-dark .recordLayoutTable .recordCompanyCell .copyNameBtn:hover:not(.copied),
.theme-dark .recordLayoutTable .recordCompanyCell .copyNameBtn:focus-visible:not(.copied),
.theme-dark .recordLayoutTable .companyViewRecordCell .copyNameBtn:hover:not(.copied),
.theme-dark .recordLayoutTable .companyViewRecordCell .copyNameBtn:focus-visible:not(.copied),
.theme-dark .trackingPage .trackRecordsWrap .trackCompanyCell .copyNameBtn:hover:not(.copied),
.theme-dark .trackingPage .trackRecordsWrap .trackCompanyCell .copyNameBtn:focus-visible:not(.copied){
  background: #183649 !important;
  border-color: #326A89 !important;
  color: #0B69DF !important;
}



/* FINAL UNIVERSAL RECORD CELL WRAP RULE
   Shipment Records, Company View Trading Records and Tracking Records:
   every displayed field uses the same ten-line wrapping rule as Product.
   Any cell actions are measured in a separate row below the last visible text
   line, so ellipsis and the complete icon boxes never overlap. */
.recordLayoutTable tbody td .recordCellClamp,
.shipmentRecordsTableWrap .shipmentRecordLayoutTable tbody td .recordCellClamp,
.companyTradingRecordsTable tbody td .recordCellClamp,
.trackingPage .trackRecordsWrap tbody td .recordCellClamp {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 10 !important;
  line-clamp: 10 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  max-height: none !important;
}

/* In record tables Copy/Favourite/Company View/Track all sit below text. */
.recordLayoutTable .recordActionStack > .recordCellClamp,
.shipmentRecordsTableWrap .shipmentRecordLayoutTable .recordActionStack > .recordCellClamp,
.companyTradingRecordsTable .recordActionStack > .recordCellClamp,
.trackingPage .trackRecordsWrap .recordActionStack > .recordCellClamp {
  grid-row: 1 !important;
  align-self: start !important;
}

.recordLayoutTable .recordActionStack > .recordCompanyActions,
.recordLayoutTable .recordActionStack > .recordCountryActions,
.shipmentRecordsTableWrap .shipmentRecordLayoutTable .recordActionStack > .recordCompanyActions,
.shipmentRecordsTableWrap .shipmentRecordLayoutTable .recordActionStack > .recordCountryActions,
.companyTradingRecordsTable .recordActionStack > .recordCompanyActions,
.companyTradingRecordsTable .recordActionStack > .recordCountryActions,
.trackingPage .trackRecordsWrap .recordActionStack > .recordCompanyActions,
.trackingPage .trackRecordsWrap .recordActionStack > .recordCountryActions {
  grid-row: 2 !important;
  margin-top: 0 !important;
}

.recordLayoutTable .recordCompanyActions .copyNameWrap,
.shipmentRecordsTableWrap .shipmentRecordLayoutTable .recordCompanyActions .copyNameWrap,
.companyTradingRecordsTable .recordCompanyActions .copyNameWrap,
.trackingPage .trackRecordsWrap .recordCompanyActions .copyNameWrap {
  display: inline-flex !important;
  flex: 0 0 22px !important;
  width: 22px !important;
  height: 22px !important;
  margin: 0 !important;
}


/* FINAL OUTLINE COPY + RECORD COMPANY TRACK RESTORE
   Copy uses an outline-only glyph everywhere. In Shipment, Trading and Tracking
   record tables, Importer/Exporter action rows include Track and all action
   buttons retain the established gray -> light blue -> dark blue interaction. */
.copyNameBtn svg,
.theme-light .copyNameBtn svg,
.theme-dark .copyNameBtn svg {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.5 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
.copyNameBtn:hover:not(.copied) svg,
.copyNameBtn:focus-visible:not(.copied) svg {
  fill: none !important;
  stroke: currentColor !important;
}
.copyNameBtn:active:not(.copied) svg,
.copyNameBtn.copied svg,
.theme-light .copyNameBtn.copied svg,
.theme-dark .copyNameBtn.copied svg {
  fill: none !important;
  stroke: #FFFFFF !important;
  stroke-width: 2.5 !important;
}

.theme-light .recordLayoutTable .recordCompanyActions button[title="Track"],
.theme-light .trackingPage .trackRecordsWrap .recordCompanyActions button[title="Track"],
.recordLayoutTable .recordCompanyActions button[title="Track"],
.trackingPage .trackRecordsWrap .recordCompanyActions button[title="Track"]{
  
  
  
  box-shadow: none !important;
  transform: none !important;
  transition: background-color .16s ease, border-color .16s ease, color .16s ease, transform .16s ease !important;
}





/* Readability cleanup: make wrapped table content cleaner and more visible across the platform.
   Goal: match the cleaner reference layout with clearer spacing between wrapped text lines. */
:root {
  --table-readable-font-size: 12px;
  --table-readable-line-height: 1.48;
  --table-readable-cell-pad-y: 8px;
  --table-readable-cell-pad-x: 10px;
  --table-readable-action-gap: 7px;
}

.results.panel > .tableWrap > table tbody td,
.results.panel > .tableWrap > table thead th,
.trackingPage .trackRecordsWrap table tbody td,
.trackingPage .trackRecordsWrap table thead th,
.companyTradingRecordsTable tbody td,
.companyTradingRecordsTable thead th,
.partyPanel .partyTable tbody td,
.partyPanel .partyTable thead th,
.associatedTableWrap table tbody td,
.associatedTableWrap table thead th,
.favouriteTable tbody td,
.favouriteTable thead th {
  font-size: var(--table-readable-font-size) !important;
  line-height: var(--table-readable-line-height) !important;
}

.results.panel > .tableWrap > table tbody td,
.trackingPage .trackRecordsWrap table tbody td,
.companyTradingRecordsTable tbody td,
.partyPanel .partyTable tbody td,
.associatedTableWrap table tbody td,
.favouriteTable tbody td {
  padding: var(--table-readable-cell-pad-y) var(--table-readable-cell-pad-x) !important;
  vertical-align: top !important;
}

.results.panel > .tableWrap > table thead th,
.trackingPage .trackRecordsWrap table thead th,
.companyTradingRecordsTable thead th,
.partyPanel .partyTable thead th,
.associatedTableWrap table thead th,
.favouriteTable thead th {
  padding: 10px var(--table-readable-cell-pad-x) !important;
}

.results.panel > .tableWrap > table tbody td :where(span, a, b, small, div, p),
.trackingPage .trackRecordsWrap table tbody td :where(span, a, b, small, div, p),
.companyTradingRecordsTable tbody td :where(span, a, b, small, div, p),
.partyPanel .partyTable tbody td :where(span, a, b, small, div, p),
.associatedTableWrap table tbody td :where(span, a, b, small, div, p),
.favouriteTable tbody td :where(span, a, b, small, div, p) {
  line-height: var(--table-readable-line-height) !important;
}

.recordLayoutTable,
.shipmentRecordsTableWrap .shipmentRecordLayoutTable,
.companyTradingRecordsTable,
.trackingPage .trackRecordsWrap table {
  --record-action-gap: var(--table-readable-action-gap) !important;
}

.recordLayoutTable .recordCellClamp,
.shipmentRecordsTableWrap .shipmentRecordLayoutTable .recordCellClamp,
.companyTradingRecordsTable .recordCellClamp,
.trackingPage .trackRecordsWrap .recordCellClamp,
.recordLayoutTable .recordCompanyNameLine .copyTextName,
.shipmentRecordsTableWrap .shipmentRecordLayoutTable .recordCompanyNameLine .copyTextName,
.companyTradingRecordsTable .recordCompanyNameLine .copyTextName,
.trackingPage .trackRecordsWrap .recordCompanyNameLine .copyTextName,
.partyPanel .partyTable .recordCellClamp,
.partyPanel .partyTable .copyTextName {
  line-height: var(--table-readable-line-height) !important;
}

.recordLayoutTable .recordActionStack,
.shipmentRecordsTableWrap .shipmentRecordLayoutTable .recordActionStack,
.companyTradingRecordsTable .recordActionStack,
.trackingPage .trackRecordsWrap .recordActionStack {
  gap: var(--table-readable-action-gap) !important;
}

.recordLayoutTable .recordCompanyActions,
.shipmentRecordsTableWrap .shipmentRecordLayoutTable .recordCompanyActions,
.companyTradingRecordsTable .recordCompanyActions,
.trackingPage .trackRecordsWrap .recordCompanyActions {
  margin-top: 1px !important;
}

.partyPanel .partyTable .companyCell,
.associatedTableWrap table .companyCell,
.favouriteTable .companyCell {
  gap: 6px !important;
  align-items: start !important;
}

/* Profile is display-only and never receives a sort control. */
table thead th[data-column-key="profile"],
table thead th.noPlatformSortHeader {
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  font-weight: 550 !important;
}

/* Match the reference: data rows are regular weight while column labels are bold. */
table tbody td,
.partyTable tbody td,
.associatedTable tbody td,
.favouriteTable tbody td {
  font-weight: 400 !important;
}

table tbody td :where(span, a, div, p, small, b, strong),
.partyTable tbody td :where(span, a, div, p, small, b, strong),
.associatedTable tbody td :where(span, a, div, p, small, b, strong),
.favouriteTable tbody td :where(span, a, div, p, small, b, strong) {
  font-weight: 400 !important;
}

/* Global Search > Importer / Exporter: compact seven-column layout only.
   No. 5%, company name 40%, country 15%, and each remaining metric 10%. */
.partyPanel .partyCountryTable.partyCompactColumnsTable {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  table-layout: fixed !important;
}

.partyPanel .partyTableWrap:has(.partyCompactColumnsTable) {
  overflow-x: hidden !important;
}

.partyPanel .partyCountryTable.partyCompactColumnsTable th,
.partyPanel .partyCountryTable.partyCompactColumnsTable td {
  min-width: 0 !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.partyPanel .partyCountryTable.partyCompactColumnsTable th:nth-child(1),
.partyPanel .partyCountryTable.partyCompactColumnsTable td:nth-child(1) {
  width: 5% !important;
  text-align: center !important;
}

.partyPanel .partyCountryTable.partyCompactColumnsTable th:nth-child(2),
.partyPanel .partyCountryTable.partyCompactColumnsTable td:nth-child(2) {
  width: 40% !important;
}

.partyPanel .partyCountryTable.partyCompactColumnsTable th:nth-child(3),
.partyPanel .partyCountryTable.partyCompactColumnsTable td:nth-child(3) {
  width: 15% !important;
}

.partyPanel .partyCountryTable.partyCompactColumnsTable th:nth-child(4),
.partyPanel .partyCountryTable.partyCompactColumnsTable td:nth-child(4),
.partyPanel .partyCountryTable.partyCompactColumnsTable th:nth-child(5),
.partyPanel .partyCountryTable.partyCompactColumnsTable td:nth-child(5),
.partyPanel .partyCountryTable.partyCompactColumnsTable th:nth-child(6),
.partyPanel .partyCountryTable.partyCompactColumnsTable td:nth-child(6),
.partyPanel .partyCountryTable.partyCompactColumnsTable th:nth-child(7),
.partyPanel .partyCountryTable.partyCompactColumnsTable td:nth-child(7) {
  width: 10% !important;
}

.partyPanel .partyCountryTable.partyCompactColumnsTable th:nth-child(n+8),
.partyPanel .partyCountryTable.partyCompactColumnsTable td:nth-child(n+8) {
  display: none !important;
}

.partyPanel .partyCountryTable.partyCompactColumnsTable td:nth-child(4),
.partyPanel .partyCountryTable.partyCompactColumnsTable td:nth-child(5),
.partyPanel .partyCountryTable.partyCompactColumnsTable td:nth-child(6),
.partyPanel .partyCountryTable.partyCompactColumnsTable td:nth-child(7) {
  text-align: right !important;
}

/* Company name line contains only the company name followed by Copy. */
.partyPanel .partyCountryTable.partyCompactColumnsTable .partyRecordCompanyCell {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 7px !important;
  width: 100% !important;
  min-width: 0 !important;
  overflow: visible !important;
}

.partyPanel .partyCountryTable.partyCompactColumnsTable .partyCompanyNameInline {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 7px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: visible !important;
  white-space: normal !important;
}

.partyPanel .partyCountryTable.partyCompactColumnsTable .partyCompanyNameText {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 10 !important;
  line-clamp: 10 !important;
  flex: 0 1 auto !important;
  min-width: 0 !important;
  max-width: calc(100% - 29px) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

.partyPanel .partyCountryTable.partyCompactColumnsTable .partyCompanyNameInline .copyNameWrap {
  display: inline-grid !important;
  flex: 0 0 22px !important;
  width: 22px !important;
  min-width: 22px !important;
  height: 22px !important;
  margin: 0 !important;
}

/* Favourite, Company View and Track stay together below the name line. */
.partyPanel .partyCountryTable.partyCompactColumnsTable .partyRecordActions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
  min-height: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.partyPanel .partyCountryTable.partyCompactColumnsTable .partyRecordActions .favIconBtn,
.partyPanel .partyCountryTable.partyCompactColumnsTable .partyRecordActions .statsIconBtn,
.partyPanel .partyCountryTable.partyCompactColumnsTable .partyRecordActions .favIconBtn.active{
  display: inline-grid !important;
  place-items: center !important;
  width: 22px !important;
  min-width: 22px !important;
  max-width: 22px !important;
  height: 22px !important;
  min-height: 22px !important;
  max-height: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
  
  border-radius:0!important;
  
  
  box-shadow: none !important;
  transform: none !important;
  transition: background-color .16s ease, border-color .16s ease, color .16s ease, transform .16s ease !important;
}

.partyPanel .partyCountryTable.partyCompactColumnsTable .partyRecordActions button svg {
  color: currentColor !important;
  stroke: currentColor !important;
}







/* Global Search analysis tables: responsive 10-line wrapping without changing
   the existing column widths, dropdown design, sorting, or table layout.
   Only the country / View By dropdown controls stay single-line. */
.partyPanel .partyCountryTable.partyCompactColumnsTable tbody tr,
.statisticsPanel .tradeInsightsSummaryTable tbody tr {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

.partyPanel .partyCountryTable.partyCompactColumnsTable tbody td,
.statisticsPanel .tradeInsightsSummaryTable tbody td {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  vertical-align: top !important;
  white-space: normal !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

.partyPanel .partyCountryTable.partyCompactColumnsTable .analysisCellClamp,
.statisticsPanel .tradeInsightsSummaryTable .analysisCellClamp,
.partyPanel .partyCountryTable.partyCompactColumnsTable .partyCompanyNameText,
.statisticsPanel .tradeInsightsSummaryTable .tradeInsightNameText {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 10 !important;
  line-clamp: 10 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  max-height: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  line-height: 1.4 !important;
}

/* Company / insight names keep their inline action controls while the text
   itself may grow up to ten lines. */
.partyPanel .partyCountryTable.partyCompactColumnsTable .partyCompanyNameInline,
.statisticsPanel .tradeInsightsSummaryTable .tradeInsightNameInline {
  align-items: flex-start !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow: visible !important;
}

/* Dropdown columns are the only deliberately single-line controls. */
.partyPanel .partyCountryTable.partyCompactColumnsTable thead th:nth-child(3),
.partyPanel .partyCountryTable.partyCompactColumnsTable .partyCountryHeaderFilter,
.partyPanel .partyCountryTable.partyCompactColumnsTable .analysisCountryFilterSelect,
.statisticsPanel .tradeInsightsSummaryTable thead th:nth-child(2),
.statisticsPanel .tradeInsightsSummaryTable .tradeInsightsHeaderSelectShell,
.statisticsPanel .tradeInsightsSummaryTable .tradeInsightsHeaderSelect {
  white-space: nowrap !important;
}

/* FINAL RECORD COLUMN WIDTH BINDING
   Bind each record column width to its semantic data-column-key instead of its
   visual nth-child position. This keeps the agreed widths correct even when
   Shipment, Trading, or Tracking record columns are reordered. */
.results.panel > .tableWrap > table.recordLayoutTable :is(th, td)[data-column-key="date"],
.trackingPage .trackRecordsWrap table.recordLayoutTable :is(th, td)[data-column-key="date"],
.companyTradingRecordsTable.recordLayoutTable :is(th, td)[data-column-key="date"] {
  width: 7% !important;
}

.results.panel > .tableWrap > table.recordLayoutTable :is(th, td)[data-column-key="hs"],
.trackingPage .trackRecordsWrap table.recordLayoutTable :is(th, td)[data-column-key="hs"],
.companyTradingRecordsTable.recordLayoutTable :is(th, td)[data-column-key="hs"] {
  width: 7% !important;
}

.results.panel > .tableWrap > table.recordLayoutTable :is(th, td)[data-column-key="product"],
.trackingPage .trackRecordsWrap table.recordLayoutTable :is(th, td)[data-column-key="product"],
.companyTradingRecordsTable.recordLayoutTable :is(th, td)[data-column-key="product"] {
  width: 17% !important;
}

.results.panel > .tableWrap > table.recordLayoutTable :is(th, td)[data-column-key="importer"],
.trackingPage .trackRecordsWrap table.recordLayoutTable :is(th, td)[data-column-key="importer"],
.companyTradingRecordsTable.recordLayoutTable :is(th, td)[data-column-key="importer"] {
  width: 15% !important;
}

.results.panel > .tableWrap > table.recordLayoutTable :is(th, td)[data-column-key="importCountry"],
.trackingPage .trackRecordsWrap table.recordLayoutTable :is(th, td)[data-column-key="importCountry"],
.companyTradingRecordsTable.recordLayoutTable :is(th, td)[data-column-key="importCountry"] {
  width: 10% !important;
}

.results.panel > .tableWrap > table.recordLayoutTable :is(th, td)[data-column-key="exporter"],
.trackingPage .trackRecordsWrap table.recordLayoutTable :is(th, td)[data-column-key="exporter"],
.companyTradingRecordsTable.recordLayoutTable :is(th, td)[data-column-key="exporter"] {
  width: 15% !important;
}

.results.panel > .tableWrap > table.recordLayoutTable :is(th, td)[data-column-key="exportCountry"],
.trackingPage .trackRecordsWrap table.recordLayoutTable :is(th, td)[data-column-key="exportCountry"],
.companyTradingRecordsTable.recordLayoutTable :is(th, td)[data-column-key="exportCountry"] {
  width: 10% !important;
}

.results.panel > .tableWrap > table.recordLayoutTable :is(th, td)[data-column-key="qty"],
.trackingPage .trackRecordsWrap table.recordLayoutTable :is(th, td)[data-column-key="qty"],
.companyTradingRecordsTable.recordLayoutTable :is(th, td)[data-column-key="qty"] {
  width: 7% !important;
  text-align: right !important;
}

.results.panel > .tableWrap > table.recordLayoutTable :is(th, td)[data-column-key="value"],
.trackingPage .trackRecordsWrap table.recordLayoutTable :is(th, td)[data-column-key="value"],
.companyTradingRecordsTable.recordLayoutTable :is(th, td)[data-column-key="value"] {
  width: 7% !important;
  text-align: right !important;
}

.results.panel > .tableWrap > table.recordLayoutTable :is(th, td)[data-column-key="profile"],
.trackingPage .trackRecordsWrap table.recordLayoutTable :is(th, td)[data-column-key="profile"],
.companyTradingRecordsTable.recordLayoutTable :is(th, td)[data-column-key="profile"] {
  width: 5% !important;
  text-align: center !important;
}

/* Platform-wide data table typography normalization.
   Keep every data-table header, body value, dropdown and textual control at 12px. */
:root {
  --platform-table-font-size: 12px;
  --table-readable-font-size: 12px;
}

table,
table th,
table td,
table th :where(span, a, label, small, div, b, strong, em, time, button, select, option, input),
table td :where(span, a, label, small, div, b, strong, em, time, button, select, option, input) {
  font-size: 12px !important;
}

/* Favourites is rendered as a CSS grid instead of a native <table>. */
.favouriteTable,
.favouriteTable .favouriteHeader,
.favouriteTable .favouriteRow,
.favouriteTable .favouriteHeader :where(span, a, label, small, div, b, strong, em, time, button, select, option, input),
.favouriteTable .favouriteRow :where(span, a, label, small, div, b, strong, em, time, button, select, option, input) {
  font-size: 12px !important;
}

/* Global Search Trade Insights: compact six-column layout matching the
   Importer/Exporter metric set, without a separate country column.
   Widths are bound to semantic column keys so later reordering cannot
   attach the wrong width to a heading. */
.statisticsPanel .tradeInsightsSummaryTable.tradeInsightsCompactColumnsTable {
  width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;
}

.statisticsPanel .tradeInsightsSummaryTable.tradeInsightsCompactColumnsTable :is(th, td)[data-column-key="no"] {
  width: 5% !important;
}

.statisticsPanel .tradeInsightsSummaryTable.tradeInsightsCompactColumnsTable :is(th, td)[data-column-key="name"] {
  width: 55% !important;
}

.statisticsPanel .tradeInsightsSummaryTable.tradeInsightsCompactColumnsTable :is(th, td)[data-column-key="shipments"],
.statisticsPanel .tradeInsightsSummaryTable.tradeInsightsCompactColumnsTable :is(th, td)[data-column-key="qty"],
.statisticsPanel .tradeInsightsSummaryTable.tradeInsightsCompactColumnsTable :is(th, td)[data-column-key="mt"],
.statisticsPanel .tradeInsightsSummaryTable.tradeInsightsCompactColumnsTable :is(th, td)[data-column-key="value"] {
  width: 10% !important;
}

/* Global Search Trade Insights: fixed 7% / 23% / 17.5% / 17.5% / 17.5% / 17.5% layout.
   Every metric cell contains the full value on the left, a percentage-filled
   horizontal bar in the centre, and the percentage on the right. */
.statisticsPanel .tradeInsightsSummaryTable.tradeInsightsMetricBarColumnsTable :is(th, td)[data-column-key="no"] {
  width: 7% !important;
}

.statisticsPanel .tradeInsightsSummaryTable.tradeInsightsMetricBarColumnsTable :is(th, td)[data-column-key="name"] {
  width: 23% !important;
}

.statisticsPanel .tradeInsightsSummaryTable.tradeInsightsMetricBarColumnsTable :is(th, td)[data-column-key="shipments"],
.statisticsPanel .tradeInsightsSummaryTable.tradeInsightsMetricBarColumnsTable :is(th, td)[data-column-key="qty"],
.statisticsPanel .tradeInsightsSummaryTable.tradeInsightsMetricBarColumnsTable :is(th, td)[data-column-key="mt"],
.statisticsPanel .tradeInsightsSummaryTable.tradeInsightsMetricBarColumnsTable :is(th, td)[data-column-key="value"] {
  width: 17.5% !important;
}

.statisticsPanel .tradeInsightsSummaryTable.tradeInsightsMetricBarColumnsTable td[data-column-key="shipments"],
.statisticsPanel .tradeInsightsSummaryTable.tradeInsightsMetricBarColumnsTable td[data-column-key="qty"],
.statisticsPanel .tradeInsightsSummaryTable.tradeInsightsMetricBarColumnsTable td[data-column-key="mt"],
.statisticsPanel .tradeInsightsSummaryTable.tradeInsightsMetricBarColumnsTable td[data-column-key="value"] {
  padding-left: 7px !important;
  padding-right: 7px !important;
  vertical-align: middle !important;
}

.tradeInsightMetricCell {
  display: grid;
  grid-template-columns: minmax(54px, auto) minmax(28px, 1fr) 48px;
  align-items: center;
  gap: 6px;
  width: 100%;
  min-width: 0;
}

.tradeInsightMetricValue,
.tradeInsightMetricPercent {
  font-size: 12px !important;
  line-height: 1.25 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

.tradeInsightMetricValue {
  min-width: 0;
  color: inherit;
  text-align: left;
}

.tradeInsightMetricPercent {
  color: #0B1730;
  text-align: right;
  white-space: nowrap !important;
}

.tradeInsightMetricTrack {
  display: block;
  position: relative;
  width: 100%;
  min-width: 0;
  height: 8px;
  overflow: hidden;
  border: 1px solid #E1E5EA;
  border-radius: 0;
  background: #F1F3F5;
}

.tradeInsightMetricTrack > i {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: #C7CDD5;
  transition: width .2s ease;
}

.theme-dark .tradeInsightMetricPercent {
  color: #FFFFFF;
}

.theme-dark .tradeInsightMetricTrack {
  border-color: #3A4250;
  background: #272D38;
}

.theme-dark .tradeInsightMetricTrack > i {
  background: #747E8D;
}

@media (max-width: 900px) {
  .tradeInsightMetricCell {
    grid-template-columns: minmax(44px, auto) minmax(22px, 1fr) 44px;
    gap: 4px;
  }
}

/* Trade Insights: centre every table header without changing body alignment,
   column widths, metric bars, sorting, or the View By control design. */
.statisticsPanel .tradeInsightsSummaryTable.tradeInsightsMetricBarColumnsTable thead th {
  text-align: center !important;
}

.statisticsPanel .tradeInsightsSummaryTable.tradeInsightsMetricBarColumnsTable thead th.platformSortableHeader {
  text-align: center !important;
}

.statisticsPanel .tradeInsightsSummaryTable.tradeInsightsMetricBarColumnsTable thead th.platformSortableHeader > .platformSortButton {
  justify-content: center !important;
}

.statisticsPanel .tradeInsightsSummaryTable.tradeInsightsMetricBarColumnsTable thead th[data-column-key="name"] .tradeInsightsHeaderSelectShell {
  justify-content: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.statisticsPanel .tradeInsightsSummaryTable.tradeInsightsMetricBarColumnsTable thead th[data-column-key="name"] .tradeInsightsHeaderSelect {
  text-align: center !important;
  text-align-last: center !important;
}

/* FINAL TRADE INSIGHTS HEADER + METRIC BAR ALIGNMENT
   The earlier header appeared optically off-centre because the sort icon was
   part of the same inline centred content. Keep the title/select centred on
   the full column while the platform-wide sort box remains inline after the
   heading/control instead of being pinned to the right edge.
   Metric bars use one fixed width and stay at the exact centre of each metric
   column. Values sit immediately to the left and percentages immediately to
   the right, so different number lengths cannot stretch or move the bar. */
.statisticsPanel .tradeInsightsSummaryTable.tradeInsightsMetricBarColumnsTable {
  --trade-insight-header-side-space: 24px;
  --trade-insight-fixed-bar-width: 56px;
  --trade-insight-metric-gap: 6px;
}

.statisticsPanel .tradeInsightsSummaryTable.tradeInsightsMetricBarColumnsTable thead th {
  position: relative !important;
  box-sizing: border-box !important;
  text-align: center !important;
  padding-left: var(--trade-insight-header-side-space) !important;
  padding-right: var(--trade-insight-header-side-space) !important;
}

.statisticsPanel .tradeInsightsSummaryTable.tradeInsightsMetricBarColumnsTable thead th.platformSortableHeader {
  position: relative !important;
  text-align: center !important;
  padding-left: var(--trade-insight-header-side-space) !important;
  padding-right: var(--trade-insight-header-side-space) !important;
}

.statisticsPanel .tradeInsightsSummaryTable.tradeInsightsMetricBarColumnsTable thead th[data-column-key="name"] .tradeInsightsHeaderSelectShell {
  display: flex !important;
  width: min(19ch, 100%) !important;
  min-width: 0 !important;
  max-width: 100% !important;
  justify-content: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.statisticsPanel .tradeInsightsSummaryTable.tradeInsightsMetricBarColumnsTable thead th[data-column-key="name"] .tradeInsightsHeaderSelect {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  text-align: center !important;
  text-align-last: center !important;
}

.statisticsPanel .tradeInsightsSummaryTable.tradeInsightsMetricBarColumnsTable .tradeInsightMetricCell {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) var(--trade-insight-fixed-bar-width) minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: var(--trade-insight-metric-gap) !important;
  width: 100% !important;
  min-width: 0 !important;
}

.statisticsPanel .tradeInsightsSummaryTable.tradeInsightsMetricBarColumnsTable .tradeInsightMetricValue {
  min-width: 0 !important;
  justify-self: end !important;
  text-align: right !important;
  margin: 0 !important;
}

.statisticsPanel .tradeInsightsSummaryTable.tradeInsightsMetricBarColumnsTable .tradeInsightMetricTrack {
  width: var(--trade-insight-fixed-bar-width) !important;
  min-width: var(--trade-insight-fixed-bar-width) !important;
  max-width: var(--trade-insight-fixed-bar-width) !important;
  justify-self: center !important;
  margin: 0 !important;
}

.statisticsPanel .tradeInsightsSummaryTable.tradeInsightsMetricBarColumnsTable .tradeInsightMetricPercent {
  min-width: 0 !important;
  justify-self: start !important;
  text-align: left !important;
  margin: 0 !important;
}

@media (max-width: 900px) {
  .statisticsPanel .tradeInsightsSummaryTable.tradeInsightsMetricBarColumnsTable {
    --trade-insight-header-side-space: 20px;
  }
}

/* Trade Insights: keep the View By dropdown anchored to the left edge of its
   header cell, matching the left-aligned metric values. Sorting remains at the
   independent right edge and every other header stays centred. */
.statisticsPanel .tradeInsightsSummaryTable.tradeInsightsMetricBarColumnsTable thead th[data-column-key="name"] {
  text-align: left !important;
  padding-left: 8px !important;
  padding-right: var(--trade-insight-header-side-space) !important;
}

.statisticsPanel .tradeInsightsSummaryTable.tradeInsightsMetricBarColumnsTable thead th[data-column-key="name"] .tradeInsightsHeaderSelectShell {
  justify-content: flex-start !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.statisticsPanel .tradeInsightsSummaryTable.tradeInsightsMetricBarColumnsTable thead th[data-column-key="name"] .tradeInsightsHeaderSelect {
  text-align: left !important;
  text-align-last: left !important;
  padding-left: 8px !important;
}

/* Global Search > Importer / Exporter: Trade Insights-style metric layout.
   Fixed semantic widths: No. 7%, company name 20%, country 13%, and the
   four metric columns 15% each. Metric cells show value, fixed bar and %. */
.partyPanel .partyCountryTable.partyCompactColumnsTable.partyMetricBarColumnsTable {
  --party-metric-header-side-space: 24px;
  --party-fixed-bar-width: 56px;
  --party-metric-gap: 6px;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  table-layout: fixed !important;
}

.partyPanel .partyCountryTable.partyMetricBarColumnsTable :is(th, td)[data-column-key="no"] {
  width: 7% !important;
}
.partyPanel .partyCountryTable.partyMetricBarColumnsTable :is(th, td)[data-column-key="name"] {
  width: 20% !important;
}
.partyPanel .partyCountryTable.partyMetricBarColumnsTable :is(th, td)[data-column-key="country"] {
  width: 13% !important;
}
.partyPanel .partyCountryTable.partyMetricBarColumnsTable :is(th, td)[data-column-key="shipments"],
.partyPanel .partyCountryTable.partyMetricBarColumnsTable :is(th, td)[data-column-key="qty"],
.partyPanel .partyCountryTable.partyMetricBarColumnsTable :is(th, td)[data-column-key="mt"],
.partyPanel .partyCountryTable.partyMetricBarColumnsTable :is(th, td)[data-column-key="value"] {
  width: 15% !important;
}

.partyPanel .partyCountryTable.partyMetricBarColumnsTable td[data-column-key="shipments"],
.partyPanel .partyCountryTable.partyMetricBarColumnsTable td[data-column-key="qty"],
.partyPanel .partyCountryTable.partyMetricBarColumnsTable td[data-column-key="mt"],
.partyPanel .partyCountryTable.partyMetricBarColumnsTable td[data-column-key="value"] {
  padding-left: 7px !important;
  padding-right: 7px !important;
  text-align: left !important;
  vertical-align: middle !important;
}

.partyPanel .partyCountryTable.partyMetricBarColumnsTable .tradeInsightMetricCell {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) var(--party-fixed-bar-width) minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: var(--party-metric-gap) !important;
  width: 100% !important;
  min-width: 0 !important;
}

.partyPanel .partyCountryTable.partyMetricBarColumnsTable .tradeInsightMetricValue {
  min-width: 0 !important;
  justify-self: end !important;
  text-align: right !important;
  margin: 0 !important;
}

.partyPanel .partyCountryTable.partyMetricBarColumnsTable .tradeInsightMetricTrack {
  width: var(--party-fixed-bar-width) !important;
  min-width: var(--party-fixed-bar-width) !important;
  max-width: var(--party-fixed-bar-width) !important;
  justify-self: center !important;
  margin: 0 !important;
}

.partyPanel .partyCountryTable.partyMetricBarColumnsTable .tradeInsightMetricPercent {
  min-width: 0 !important;
  justify-self: start !important;
  text-align: left !important;
  margin: 0 !important;
}

/* Keep metric heading alignment; sort controls now remain inline immediately
   after each heading under the platform-wide rule. */
.partyPanel .partyCountryTable.partyMetricBarColumnsTable thead th {
  position: relative !important;
  box-sizing: border-box !important;
}

.partyPanel .partyCountryTable.partyMetricBarColumnsTable thead th[data-column-key="no"],
.partyPanel .partyCountryTable.partyMetricBarColumnsTable thead th[data-column-key="shipments"],
.partyPanel .partyCountryTable.partyMetricBarColumnsTable thead th[data-column-key="qty"],
.partyPanel .partyCountryTable.partyMetricBarColumnsTable thead th[data-column-key="mt"],
.partyPanel .partyCountryTable.partyMetricBarColumnsTable thead th[data-column-key="value"] {
  text-align: center !important;
  padding-left: var(--party-metric-header-side-space) !important;
  padding-right: var(--party-metric-header-side-space) !important;
}

.partyPanel .partyCountryTable.partyMetricBarColumnsTable thead th[data-column-key="name"],
.partyPanel .partyCountryTable.partyMetricBarColumnsTable thead th[data-column-key="country"] {
  text-align: left !important;
  padding-left: 8px !important;
  padding-right: var(--party-metric-header-side-space) !important;
}

.partyPanel .partyCountryTable.partyMetricBarColumnsTable .partyCountryHeaderFilter,
.partyPanel .partyCountryTable.partyMetricBarColumnsTable .analysisCountryFilterSelect {
  justify-content: flex-start !important;
  text-align: left !important;
  text-align-last: left !important;
}

@media (max-width: 900px) {
  .partyPanel .partyCountryTable.partyCompactColumnsTable.partyMetricBarColumnsTable {
    --party-metric-header-side-space: 20px;
  }
}

/* Global Search > Importer / Exporter: keep country body values aligned
   from the left, matching the country header/dropdown alignment. */
.partyPanel .partyCountryTable.partyMetricBarColumnsTable tbody td[data-column-key="country"],
.partyPanel .partyCountryTable.partyMetricBarColumnsTable tbody td[data-column-key="country"] .analysisCellClamp {
  width: 100% !important;
  text-align: left !important;
  direction: ltr !important;
  justify-content: flex-start !important;
}

/* Final platform-wide result table typography.
   Headers stay clearly bold at 13px; loaded body data stays normal at 12px. */
:root {
  --platform-table-header-font-size: 13px;
  --platform-table-body-font-size: 12px;
}

/* Every real table header, including wrapped labels and header dropdowns. */
table thead th,
table thead th :where(span, a, b, strong, small, div, p, label, select, input, button),
.partyTable thead th,
.partyTable thead th :where(span, a, b, strong, small, div, p, label, select, input, button) {
  font-size: var(--platform-table-header-font-size) !important;
  font-weight: 550 !important;
}

/* Every loaded table body value remains normal-weight and 12px. */
table tbody td,
table tbody td :where(span, a, b, strong, small, div, p, label, select, input, button),
.partyTable tbody td,
.partyTable tbody td :where(span, a, b, strong, small, div, p, label, select, input, button) {
  font-size: var(--platform-table-body-font-size) !important;
  font-weight: 400 !important;
}

/* Div-based result rows use the same typography as native tables. */
.favouriteHeader,
.favouriteHeader :where(span, a, b, strong, small, div, p, label, select, input, button) {
  font-size: var(--platform-table-header-font-size) !important;
  font-weight: 550 !important;
}

.favouriteRow,
.favouriteRow :where(span, a, b, strong, small, div, p, label, select, input, button) {
  font-size: var(--platform-table-body-font-size) !important;
  font-weight: 400 !important;
}

/* Shipment Profile header: show only the profile title, HS Code and Date beside the Eximbot logo. */
.shipmentProfileMeta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  color: var(--sl-muted,#0B1730);
  font-size: 13px;
  font-weight: 400;
}

.shipmentProfileMeta span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--sl-muted,#0B1730);
}

.shipmentProfileMeta b {
  color: var(--sl-text,#0B1730);
  font-weight: 550;
}

.shipmentProfileMeta i {
  color: var(--sl-meta,#0B1730);
  font-style: normal;
  font-weight: 550;
}

@media(max-width: 520px) {
  .shipmentProfileMeta i { display: none; }
  .shipmentProfileMeta { align-items: flex-start; flex-direction: column; gap: 4px; }
}

/* Global Search: Local/Foreign Port requires a single Import or Export database. */
.tradeSearch .advancedPortDatabaseError {
  display: block;
  margin-top: 6px;
  color: #0B1730;
  font-size: 12px;
  font-weight: 550;
  line-height: 1.35;
  white-space: normal;
}
.tradeSearch .advancedPortInputRow input[aria-invalid="true"] {
  border-color: #e45858 !important;
  box-shadow: 0 0 0 3px rgba(228, 88, 88, 0.12) !important;
}
.theme-dark .tradeSearch .advancedPortDatabaseError {
  color: #FFFFFF;
}

/* Supplier API matched text: underline only the exact supplier-highlighted portion. */
.apiMatchedHighlight {
  color: inherit !important;
  font-weight: inherit !important;
  background: transparent !important;
  padding: 0 !important;
  text-decoration-line: underline !important;
  text-decoration-style: solid !important;
  text-decoration-color: currentColor !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 2px !important;
  text-decoration-skip-ink: auto !important;
}
.theme-dark .apiMatchedHighlight {
  color: inherit !important;
}

/* Final record-table alignment rules.
   Shipment Records, Trading Records and Tracking Records are left-aligned,
   except their Profile column. Track By keeps only the No. body centered. */
.shipmentRecordLayoutTable th,
.shipmentRecordLayoutTable td,
.trackingShipmentRecordLayoutTable th,
.trackingShipmentRecordLayoutTable td,
.companyTradingRecordsTable th,
.companyTradingRecordsTable td {
  text-align: left !important;
}

.shipmentRecordLayoutTable th[data-column-key="profile"],
.shipmentRecordLayoutTable td[data-column-key="profile"],
.trackingShipmentRecordLayoutTable th[data-column-key="profile"],
.trackingShipmentRecordLayoutTable td[data-column-key="profile"],
.companyTradingRecordsTable th[data-column-key="profile"],
.companyTradingRecordsTable td[data-column-key="profile"],
.companyTradingRecordsTable th.profileActionCell,
.companyTradingRecordsTable td.profileActionCell,
.companyTradingRecordsTable th.serialActionCell,
.companyTradingRecordsTable td.serialActionCell {
  text-align: center !important;
}

.trackingPage .trackByTradeInsightsTable tbody td:first-child,
.trackingPage .trackByTradeInsightsTable tbody td[data-column-key="no"] {
  text-align: center !important;
}

/* Track page: record drill-down actions without any Track icons. */
.trackingPage .trackByTradeInsightsTable .trackByNameActions{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
}
.trackingPage .trackByTradeInsightsTable .trackByNameActions .tradeInsightNameText{
  flex:1 1 auto!important;
  min-width:0!important;
}
.trackingPage .trackByTradeInsightsTable .trackByNameActions .statsIconBtn{
  flex:0 0 24px!important;
  width:24px!important;
  min-width:24px!important;
  height:24px!important;
  margin:0!important;
}
/* Track page action parity: Importer/Exporter copy actions keep the
   platform-wide neutral gray style. */
.trackingPage .trackByTradeInsightsTable .trackByNameActions > .copyNameWrap{
  flex:0 0 24px!important;
  width:24px!important;
  min-width:24px!important;
  height:24px!important;
  margin:0!important;
}
.trackingPage .trackingShipmentRecordLayoutTable .trackCompanyCell .copyNameBtn:not(.copied),
.theme-light .trackingPage .trackingShipmentRecordLayoutTable .trackCompanyCell .copyNameBtn:not(.copied){
  background:#F4F6F8!important;
  border-color:#D5DAE1!important;
  color:#0B1730 !important;
  box-shadow:none!important;
}
.theme-dark .trackingPage .trackingShipmentRecordLayoutTable .trackCompanyCell .copyNameBtn:not(.copied){
  background:#1B2130!important;
  border-color:#3A4356!important;
  color:#FFFFFF !important;
  box-shadow:none!important;
}

/* Track page restored record flow:
   - Track By row values themselves open Tracking Records; no separate records icon.
   - Track By sorting/paging/group changes do not disturb the current record result.
   - The active record filter is shown as a tag next to the Tracking Records title. */
.trackingPage .trackByTradeInsightsTable .trackByNameActions > .trackByRecordValueBtn{
  flex:1 1 auto!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:inherit !important;
  font:inherit!important;
  line-height:inherit!important;
  text-align:left!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
.trackingPage .trackByTradeInsightsTable .trackByNameActions > .trackByRecordValueBtn .tradeInsightNameText{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
.trackingPage .trackByTradeInsightsTable .trackByNameActions > .trackByRecordValueBtn:hover,
.trackingPage .trackByTradeInsightsTable .trackByNameActions > .trackByRecordValueBtn:focus-visible{
  color:#0B69DF !important;
  text-decoration:underline!important;
  text-underline-offset:2px!important;
  outline:none!important;
}
.trackingPage .trackByTradeInsightsTable .trackByNameActions > .trackByRecordValueBtn.active{
  color:#0B69DF !important;
  font-weight:550!important;
}
.trackingPage .trackingRecordsTitleLine{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  min-width:0!important;
}
.trackingPage .trackingRecordsTitleLine .eyebrow{
  margin:0!important;
}
.trackingPage .trackingRecordFilterTag{
  max-width:min(620px,70vw)!important;
  margin-left:0!important;
}
.trackingPage .trackByTradeInsightsTable tbody td.trackByClickableValueCell{
  cursor:pointer!important;
}

/* Track By > Importer Name / Exporter Name: match the current Global Search
   Importer / Exporter seven-column geometry and metric-bar alignment. */
.trackingPage .trackByTradeInsightsTable.trackByPartyCountryTable {
  --party-metric-header-side-space: 24px;
  --party-fixed-bar-width: 56px;
  --party-metric-gap: 6px;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  table-layout: fixed !important;
}

.trackingPage .trackByTradeInsightsTable.trackByPartyCountryTable :is(th, td)[data-column-key="no"] {
  width: 7% !important;
}
.trackingPage .trackByTradeInsightsTable.trackByPartyCountryTable :is(th, td)[data-column-key="name"] {
  width: 20% !important;
}
.trackingPage .trackByTradeInsightsTable.trackByPartyCountryTable :is(th, td)[data-column-key="country"] {
  width: 13% !important;
}
.trackingPage .trackByTradeInsightsTable.trackByPartyCountryTable :is(th, td)[data-column-key="shipments"],
.trackingPage .trackByTradeInsightsTable.trackByPartyCountryTable :is(th, td)[data-column-key="qty"],
.trackingPage .trackByTradeInsightsTable.trackByPartyCountryTable :is(th, td)[data-column-key="mt"],
.trackingPage .trackByTradeInsightsTable.trackByPartyCountryTable :is(th, td)[data-column-key="value"] {
  width: 15% !important;
}

.trackingPage .trackByTradeInsightsTable.trackByPartyCountryTable td[data-column-key="shipments"],
.trackingPage .trackByTradeInsightsTable.trackByPartyCountryTable td[data-column-key="qty"],
.trackingPage .trackByTradeInsightsTable.trackByPartyCountryTable td[data-column-key="mt"],
.trackingPage .trackByTradeInsightsTable.trackByPartyCountryTable td[data-column-key="value"] {
  padding-left: 7px !important;
  padding-right: 7px !important;
  text-align: left !important;
  vertical-align: middle !important;
}

.trackingPage .trackByTradeInsightsTable.trackByPartyCountryTable .tradeInsightMetricCell {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) var(--party-fixed-bar-width) minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: var(--party-metric-gap) !important;
  width: 100% !important;
  min-width: 0 !important;
}
.trackingPage .trackByTradeInsightsTable.trackByPartyCountryTable .tradeInsightMetricValue {
  min-width: 0 !important;
  justify-self: end !important;
  text-align: right !important;
  margin: 0 !important;
}
.trackingPage .trackByTradeInsightsTable.trackByPartyCountryTable .tradeInsightMetricTrack {
  width: var(--party-fixed-bar-width) !important;
  min-width: var(--party-fixed-bar-width) !important;
  max-width: var(--party-fixed-bar-width) !important;
  justify-self: center !important;
  margin: 0 !important;
}
.trackingPage .trackByTradeInsightsTable.trackByPartyCountryTable .tradeInsightMetricPercent {
  min-width: 0 !important;
  justify-self: start !important;
  text-align: left !important;
  margin: 0 !important;
}

.trackingPage .trackByTradeInsightsTable.trackByPartyCountryTable thead th {
  position: relative !important;
  box-sizing: border-box !important;
}
.trackingPage .trackByTradeInsightsTable.trackByPartyCountryTable thead th[data-column-key="no"],
.trackingPage .trackByTradeInsightsTable.trackByPartyCountryTable thead th[data-column-key="shipments"],
.trackingPage .trackByTradeInsightsTable.trackByPartyCountryTable thead th[data-column-key="qty"],
.trackingPage .trackByTradeInsightsTable.trackByPartyCountryTable thead th[data-column-key="mt"],
.trackingPage .trackByTradeInsightsTable.trackByPartyCountryTable thead th[data-column-key="value"] {
  text-align: center !important;
  padding-left: var(--party-metric-header-side-space) !important;
  padding-right: var(--party-metric-header-side-space) !important;
}
.trackingPage .trackByTradeInsightsTable.trackByPartyCountryTable thead th[data-column-key="name"],
.trackingPage .trackByTradeInsightsTable.trackByPartyCountryTable thead th[data-column-key="country"] {
  text-align: left !important;
  padding-left: 8px !important;
  padding-right: var(--party-metric-header-side-space) !important;
}
.trackingPage .trackByTradeInsightsTable.trackByPartyCountryTable tbody td[data-column-key="country"],
.trackingPage .trackByTradeInsightsTable.trackByPartyCountryTable tbody td[data-column-key="country"] .analysisCellClamp {
  width: 100% !important;
  text-align: left !important;
  direction: ltr !important;
  justify-content: flex-start !important;
}

@media (max-width: 900px) {
  .trackingPage .trackByTradeInsightsTable.trackByPartyCountryTable {
    --party-metric-header-side-space: 20px;
  }
}

/* Final Global Search Importer/Exporter + Track By table dimension parity.
   Keep both result areas content-driven, use the same compact 6px body-cell
   vertical padding, and harden the seven-column widths against older generic
   Trade Insights sizing rules. */
.partyPanel .partyTableWrap {
  min-height: 0 !important;
  height: auto !important;
}
.partyPanel .partyCountryTable tbody tr:only-child td[colspan] {
  height: auto !important;
  min-height: 0 !important;
}
.partyPanel .partyCountryTable tbody tr:only-child td[colspan] .tableInlineStatus {
  min-height: 0 !important;
}
.partyPanel .partyCountryTable tbody td,
.trackingPage .trackByTradeInsightsTable tbody td {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
.partyPanel .partyCountryTable tbody tr,
.trackingPage .trackByTradeInsightsTable tbody tr {
  height: auto !important;
  min-height: 0 !important;
}

.partyPanel .partyCountryTable.partyMetricBarColumnsTable :is(th, td)[data-column-key="no"],
.trackingPage .trackByTradeInsightsTable.trackByPartyCountryTable :is(th, td)[data-column-key="no"] {
  width: 7% !important;
  min-width: 0 !important;
  max-width: 7% !important;
}
.partyPanel .partyCountryTable.partyMetricBarColumnsTable :is(th, td)[data-column-key="name"],
.trackingPage .trackByTradeInsightsTable.trackByPartyCountryTable :is(th, td)[data-column-key="name"] {
  width: 20% !important;
  min-width: 0 !important;
  max-width: 20% !important;
}
.partyPanel .partyCountryTable.partyMetricBarColumnsTable :is(th, td)[data-column-key="country"],
.trackingPage .trackByTradeInsightsTable.trackByPartyCountryTable :is(th, td)[data-column-key="country"] {
  width: 13% !important;
  min-width: 0 !important;
  max-width: 13% !important;
}
.partyPanel .partyCountryTable.partyMetricBarColumnsTable :is(th, td)[data-column-key="shipments"],
.partyPanel .partyCountryTable.partyMetricBarColumnsTable :is(th, td)[data-column-key="qty"],
.partyPanel .partyCountryTable.partyMetricBarColumnsTable :is(th, td)[data-column-key="mt"],
.partyPanel .partyCountryTable.partyMetricBarColumnsTable :is(th, td)[data-column-key="value"],
.trackingPage .trackByTradeInsightsTable.trackByPartyCountryTable :is(th, td)[data-column-key="shipments"],
.trackingPage .trackByTradeInsightsTable.trackByPartyCountryTable :is(th, td)[data-column-key="qty"],
.trackingPage .trackByTradeInsightsTable.trackByPartyCountryTable :is(th, td)[data-column-key="mt"],
.trackingPage .trackByTradeInsightsTable.trackByPartyCountryTable :is(th, td)[data-column-key="value"] {
  width: 15% !important;
  min-width: 0 !important;
  max-width: 15% !important;
}


/* Track By Importer/Exporter: country statistics are dropdown options only.
   Match the Global Search party-country header control inside the 13% column. */
.trackingPage .trackByTradeInsightsTable.trackByPartyCountryTable .trackPartyCountryHeaderFilter {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
}
.trackingPage .trackByTradeInsightsTable.trackByPartyCountryTable .trackPartyCountryHeaderFilter .analysisCountryFilterSelect {
  height: 28px !important;
  min-width: 0 !important;
  padding-left: 6px !important;
  padding-right: 22px !important;
  font-size: var(--platform-table-font-size,11.5px) !important;
  justify-content: flex-start !important;
  text-align: left !important;
  text-align-last: left !important;
}

/* Track importer/exporter name action placement.
   Copy stays inline immediately after the wrapped name. Company View keeps
   its original fixed action position in Track By and its original action row
   in Tracking Records. */
.trackingPage .trackByTradeInsightsTable .trackByNameActions {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 24px !important;
  align-items: center !important;
  column-gap: 6px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

.trackingPage .trackByTradeInsightsTable .trackByNameActions > .trackByNameCopyFlow,
.trackingPage .trackingShipmentRecordLayoutTable .trackCompanyNameInlineCopy {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  max-height: calc(1.48em * 10) !important;
  overflow: hidden !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  line-height: 1.48 !important;
  text-align: left !important;
}

.trackingPage .trackByTradeInsightsTable .trackByNameCopyFlow > .trackByRecordValueBtn {
  display: inline !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: inherit !important;
  font: inherit !important;
  line-height: inherit !important;
  white-space: normal !important;
  vertical-align: baseline !important;
  text-align: left !important;
}

.trackingPage .trackByTradeInsightsTable .trackByNameCopyFlow > .trackByRecordValueBtn .tradeInsightNameText,
.trackingPage .trackingShipmentRecordLayoutTable .trackCompanyNameInlineCopy .trackCompanyNameText {
  display: inline !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  line-height: inherit !important;
}

.trackingPage .trackByTradeInsightsTable .trackByNameCopyFlow > .copyNameWrap,
.trackingPage .trackingShipmentRecordLayoutTable .trackCompanyNameInlineCopy > .copyNameWrap {
  display: inline-flex !important;
  width: 22px !important;
  min-width: 22px !important;
  height: 22px !important;
  margin: 0 0 0 5px !important;
  vertical-align: middle !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
}

.trackingPage .trackByTradeInsightsTable .trackByNameCopyFlow .copyNameBtn,
.trackingPage .trackingShipmentRecordLayoutTable .trackCompanyNameInlineCopy .copyNameBtn {
  width: 22px !important;
  min-width: 22px !important;
  height: 22px !important;
  padding: 0 !important;
  border: 1px solid #D6DADE !important;
  border-radius:0!important;
  background: #F1F3F5 !important;
  color: #0B1730 !important;
  box-shadow: none !important;
  transform: none !important;
  cursor: pointer !important;
  transition: background-color .16s ease, border-color .16s ease, color .16s ease, transform .16s ease !important;
}

.trackingPage .trackByTradeInsightsTable .trackByNameCopyFlow .copyNameBtn:hover:not(.copied),
.trackingPage .trackByTradeInsightsTable .trackByNameCopyFlow .copyNameBtn:focus-visible:not(.copied),
.trackingPage .trackingShipmentRecordLayoutTable .trackCompanyNameInlineCopy .copyNameBtn:hover:not(.copied),
.trackingPage .trackingShipmentRecordLayoutTable .trackCompanyNameInlineCopy .copyNameBtn:focus-visible:not(.copied) {
  background: #E8F6FD !important;
  border-color: #3FA7D5 !important;
  color: #0B69DF !important;
  box-shadow: none !important;
  outline: none !important;
  transform: none !important;
}

.trackingPage .trackByTradeInsightsTable .trackByNameCopyFlow .copyNameBtn:active:not(.copied),
.trackingPage .trackByTradeInsightsTable .trackByNameCopyFlow .copyNameBtn.copied,
.trackingPage .trackingShipmentRecordLayoutTable .trackCompanyNameInlineCopy .copyNameBtn:active:not(.copied),
.trackingPage .trackingShipmentRecordLayoutTable .trackCompanyNameInlineCopy .copyNameBtn.copied {
  background: #006FB8 !important;
  border-color: #006FB8 !important;
  color: #FFFFFF !important;
  box-shadow: none !important;
  transform: scale(.96) !important;
}

.trackingPage .trackByTradeInsightsTable .trackByNameCopyFlow .copyNameBtn:active svg,
.trackingPage .trackByTradeInsightsTable .trackByNameCopyFlow .copyNameBtn.copied svg,
.trackingPage .trackingShipmentRecordLayoutTable .trackCompanyNameInlineCopy .copyNameBtn:active svg,
.trackingPage .trackingShipmentRecordLayoutTable .trackCompanyNameInlineCopy .copyNameBtn.copied svg {
  color: #FFFFFF !important;
  stroke: #FFFFFF !important;
}

.theme-dark .trackingPage .trackByTradeInsightsTable .trackByNameCopyFlow .copyNameBtn:not(.copied),
.theme-dark .trackingPage .trackingShipmentRecordLayoutTable .trackCompanyNameInlineCopy .copyNameBtn:not(.copied) {
  background: #2A2F38 !important;
  border-color: #454C57 !important;
  color: #FFFFFF !important;
}

.theme-dark .trackingPage .trackByTradeInsightsTable .trackByNameCopyFlow .copyNameBtn:hover:not(.copied),
.theme-dark .trackingPage .trackingShipmentRecordLayoutTable .trackCompanyNameInlineCopy .copyNameBtn:hover:not(.copied) {
  background: #183649 !important;
  border-color: #3FA7D5 !important;
  color: #0B69DF !important;
}

/* Keep Company View exactly in its previous Track By action slot. */
.trackingPage .trackByTradeInsightsTable .trackByNameActions > .trackCompanyViewIcon {
  grid-column: 2 !important;
  justify-self: end !important;
  align-self: center !important;
  flex: 0 0 24px !important;
  width: 24px !important;
  min-width: 24px !important;
  height: 24px !important;
  margin: 0 !important;
}

/* Global copy-action reveal behavior.
   Copy buttons stay visually hidden at rest and become available only when the
   user hovers or keyboard-focuses the copyable table cell / company surface.
   The reserved action slot is preserved so rows and wrapped names never jump. */
.copyNameWrap,
.theme-light .copyNameWrap,
.theme-dark .copyNameWrap {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: scale(.86) !important;
  transform-origin: center !important;
  transition: opacity .14s ease, visibility .14s ease, transform .14s ease !important;
}

:is(
  td,
  .companyCell,
  .statsNameCell,
  .companyStatsNameTopLine,
  .tradeInsightNameInline,
  .recordCompanyNameLine,
  .partyCompanyNameInline,
  .partnerSummaryNameCell,
  .contactCompanyTitle,
  .supplyNameCopyBlock,
  .nameWithCopy
):hover .copyNameWrap,
:is(
  td,
  .companyCell,
  .statsNameCell,
  .companyStatsNameTopLine,
  .tradeInsightNameInline,
  .recordCompanyNameLine,
  .partyCompanyNameInline,
  .partnerSummaryNameCell,
  .contactCompanyTitle,
  .supplyNameCopyBlock,
  .nameWithCopy
):focus-within .copyNameWrap {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: scale(1) !important;
}

/* Keep the clicked confirmation visible while its button retains focus. */
.copyNameWrap:focus-within {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: scale(1) !important;
}

/* CANONICAL SHIPMENT RECORD BODY ALIGNMENT + FOUR-CELL ACTION GEOMETRY
   Every Shipment Records body cell keeps 5px top/bottom padding and is
   top-aligned. Column widths, horizontal alignment and the existing
   internal party/country layouts remain unchanged. */
.shipmentRecordsTableWrap:not(.trackingShipmentRecordsTableWrap) .shipmentRecordLayoutTable {
  --shipment-record-action-size: 22px;
  --shipment-record-action-icon-size: 14px;
  --shipment-record-action-gap: 5px;
}

/* One shared 5px cell inset keeps every Shipment Records header/body label
   on the same left edge while preserving the existing top alignment. */
.shipmentRecordsTableWrap:not(.trackingShipmentRecordsTableWrap) .shipmentRecordLayoutTable tbody > tr > td {
  padding: 5px !important;
  vertical-align: top !important;
}

/* Exact edge spacing for the four action-bearing party/country cells. */
.shipmentRecordsTableWrap:not(.trackingShipmentRecordsTableWrap) .shipmentRecordLayoutTable tbody
  :is(
    td[data-column-key="importer"],
    td[data-column-key="importCountry"],
    td[data-column-key="exporter"],
    td[data-column-key="exportCountry"]
  ) {
  padding: 5px !important;
  vertical-align: top !important;
}

/* Preserve the existing two-row company layout; only normalize its vertical
   gap and measured action row. */
.shipmentRecordsTableWrap:not(.trackingShipmentRecordsTableWrap) .shipmentRecordLayoutTable tbody
  :is(td[data-column-key="importer"], td[data-column-key="exporter"])
  .shipmentPartyParityCell {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto var(--shipment-record-action-size) !important;
  align-content: start !important;
  gap: var(--shipment-record-action-gap) !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
}

.shipmentRecordsTableWrap:not(.trackingShipmentRecordsTableWrap) .shipmentRecordLayoutTable tbody
  :is(td[data-column-key="importer"], td[data-column-key="exporter"])
  .shipmentPartyNameInline {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  white-space: normal !important;
}

.shipmentRecordsTableWrap:not(.trackingShipmentRecordsTableWrap) .shipmentRecordLayoutTable tbody
  :is(td[data-column-key="importer"], td[data-column-key="exporter"])
  .shipmentPartyNameInline > .recordCellClamp {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 10 !important;
  line-clamp: 10 !important;
  flex: 0 1 auto !important;
  min-width: 0 !important;
  max-width: calc(100% - 29px) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

.shipmentRecordsTableWrap:not(.trackingShipmentRecordsTableWrap) .shipmentRecordLayoutTable tbody
  :is(td[data-column-key="importer"], td[data-column-key="exporter"])
  .shipmentPartyNameInline > .copyNameWrap {
  display: inline-grid !important;
  flex: 0 0 var(--shipment-record-action-size) !important;
  width: var(--shipment-record-action-size) !important;
  min-width: var(--shipment-record-action-size) !important;
  max-width: var(--shipment-record-action-size) !important;
  height: var(--shipment-record-action-size) !important;
  min-height: var(--shipment-record-action-size) !important;
  max-height: var(--shipment-record-action-size) !important;
  margin: 0 0 0 5px !important;
}

.shipmentRecordsTableWrap:not(.trackingShipmentRecordsTableWrap) .shipmentRecordLayoutTable tbody
  :is(td[data-column-key="importer"], td[data-column-key="exporter"])
  .recordCompanyActions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  align-self: start !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
  width: 100% !important;
  min-width: 0 !important;
  height: var(--shipment-record-action-size) !important;
  min-height: var(--shipment-record-action-size) !important;
  max-height: var(--shipment-record-action-size) !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

/* Preserve the existing country flex layout; normalize only the vertical gap
   and action-row measurement. */
.shipmentRecordsTableWrap:not(.trackingShipmentRecordsTableWrap) .shipmentRecordLayoutTable tbody
  :is(td[data-column-key="importCountry"], td[data-column-key="exportCountry"])
  .recordCountryCell {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: var(--shipment-record-action-gap) !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.shipmentRecordsTableWrap:not(.trackingShipmentRecordsTableWrap) .shipmentRecordLayoutTable tbody
  :is(td[data-column-key="importCountry"], td[data-column-key="exportCountry"])
  .recordCountryActions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  height: var(--shipment-record-action-size) !important;
  min-height: var(--shipment-record-action-size) !important;
  max-height: var(--shipment-record-action-size) !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* One shared button geometry for Copy, Favourite, Company View and Track. */
.shipmentRecordsTableWrap:not(.trackingShipmentRecordsTableWrap) .shipmentRecordLayoutTable tbody
  :is(td[data-column-key="importer"], td[data-column-key="exporter"])
  :is(
    .shipmentPartyNameInline .copyNameBtn,
    .recordCompanyActions .favIconBtn,
    .recordCompanyActions .statsIconBtn
  ),
.shipmentRecordsTableWrap:not(.trackingShipmentRecordsTableWrap) .shipmentRecordLayoutTable tbody
  :is(td[data-column-key="importCountry"], td[data-column-key="exportCountry"])
  .recordCountryTrackBtn{
  box-sizing: border-box !important;
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 var(--shipment-record-action-size) !important;
  width: var(--shipment-record-action-size) !important;
  min-width: var(--shipment-record-action-size) !important;
  max-width: var(--shipment-record-action-size) !important;
  height: var(--shipment-record-action-size) !important;
  min-height: var(--shipment-record-action-size) !important;
  max-height: var(--shipment-record-action-size) !important;
  padding: 0 !important;
  margin: 0 !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-radius:0!important;
  box-shadow: none !important;
}

.shipmentRecordsTableWrap:not(.trackingShipmentRecordsTableWrap) .shipmentRecordLayoutTable tbody
  :is(td[data-column-key="importer"], td[data-column-key="exporter"])
  :is(
    .shipmentPartyNameInline .copyNameBtn,
    .recordCompanyActions .favIconBtn,
    .recordCompanyActions .statsIconBtn
  ) svg,
.shipmentRecordsTableWrap:not(.trackingShipmentRecordsTableWrap) .shipmentRecordLayoutTable tbody
  :is(td[data-column-key="importCountry"], td[data-column-key="exportCountry"])
  .recordCountryTrackBtn svg{
  width: var(--shipment-record-action-icon-size) !important;
  min-width: var(--shipment-record-action-icon-size) !important;
  max-width: var(--shipment-record-action-icon-size) !important;
  height: var(--shipment-record-action-icon-size) !important;
  min-height: var(--shipment-record-action-icon-size) !important;
  max-height: var(--shipment-record-action-icon-size) !important;
}

.shipmentRecordsTableWrap:not(.trackingShipmentRecordsTableWrap) .shipmentRecordLayoutTable tbody
  :is(td[data-column-key="importer"], td[data-column-key="exporter"])
  .recordCompanyActions button[title="Track"] svg,
.shipmentRecordsTableWrap:not(.trackingShipmentRecordsTableWrap) .shipmentRecordLayoutTable tbody
  :is(td[data-column-key="importCountry"], td[data-column-key="exportCountry"])
  .recordCountryTrackBtn svg{
  stroke-width: 2.5 !important;
}

/* CANONICAL GLOBAL COPY ACTION = CURRENT TEXT LINE HEIGHT
   Copy buttons no longer reserve a fixed 22px/24px row. The wrapper and
   button inherit the surrounding text line-height and remain a square 1lh,
   so a one-line name row is exactly as tall as a one-line plain-text row. */
#root .copyNameWrap,
#root .theme-light .copyNameWrap,
#root .theme-dark .copyNameWrap {
  box-sizing: border-box !important;
  display: inline-grid !important;
  place-items: center !important;
  align-self: flex-start !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  flex-basis: 1.48em !important; /* fallback for browsers without lh units */
  flex-basis: 1lh !important;
  width: 1.48em !important;
  width: 1lh !important;
  min-width: 1.48em !important;
  min-width: 1lh !important;
  max-width: 1.48em !important;
  max-width: 1lh !important;
  height: 1.48em !important;
  height: 1lh !important;
  min-height: 1.48em !important;
  min-height: 1lh !important;
  max-height: 1.48em !important;
  max-height: 1lh !important;
  line-height: inherit !important;
  padding: 0 !important;
}

#root .copyNameBtn,
#root .theme-light .copyNameBtn,
#root .theme-dark .copyNameBtn {
  box-sizing: border-box !important;
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 100% !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: 100% !important;
  line-height: inherit !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Fixed copy columns from older layouts must also follow the live line box. */
#root .companyNameLine .nameWithCopy,
#root .partyPanel .partyTable td:nth-child(2) .nameWithCopy {
  grid-template-columns: minmax(0, 1fr) auto !important;
}

/* Shipment name text now reserves exactly the live copy square + the existing gap. */
#root .shipmentRecordsTableWrap:not(.trackingShipmentRecordsTableWrap)
  .shipmentRecordLayoutTable tbody
  :is(td[data-column-key="importer"], td[data-column-key="exporter"])
  .shipmentPartyNameInline > .recordCellClamp {
  max-width: calc(100% - 1lh - 5px) !important;
}

/* CANONICAL SHIPMENT RECORD HORIZONTAL ALIGNMENT
   Every Shipment Records header/body column is left-aligned. Profile remains
   the only centered column. Widths, vertical alignment, padding and action
   geometry are intentionally unchanged. */
#root .results.panel > .shipmentRecordsTableWrap:not(.trackingShipmentRecordsTableWrap)
  .shipmentRecordLayoutTable thead > tr > th,
#root .results.panel > .shipmentRecordsTableWrap:not(.trackingShipmentRecordsTableWrap)
  .shipmentRecordLayoutTable tbody > tr > td {
  text-align: left !important;
  text-align-last: left !important;
}

#root .results.panel > .shipmentRecordsTableWrap:not(.trackingShipmentRecordsTableWrap)
  .shipmentRecordLayoutTable :is(th, td)[data-column-key="profile"] {
  text-align: center !important;
  text-align-last: center !important;
}

#root .results.panel > .shipmentRecordsTableWrap:not(.trackingShipmentRecordsTableWrap)
  .shipmentRecordLayoutTable td[data-column-key="profile"] .serialProfileBtn {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Global Search country selections: show Include/Exclude chips below the country controls */
.tradeSearch .dateAdvancedRow .apiFilterControl.hasCountrySelection{
  grid-template-rows:19px 44px auto;
}
.tradeSearch .dateAdvancedRow .apiCountrySelectionSummary{
  width:calc(100% - 84px);
  max-width:calc(100% - 84px);
  min-width:0;
  min-height:26px;
  margin:0;
  align-self:start;
}
.tradeSearch .dateAdvancedRow .apiCountrySelectionSummary .criteriaSummaryChips{
  width:100%;
  min-width:0;
  max-width:100%;
  overflow:hidden!important;
}
.tradeSearch .dateAdvancedRow .apiCountrySelectionSummary .searchSummaryChip.searchSummaryValue{
  flex:1 1 0;
  min-width:0;
  max-width:none;
}

/* Global Search country multi-selection overflow: use the same in-place +n menu
   as HS Code, Product, Importer Name and Exporter Name. */
.tradeSearch .dateAdvancedRow .apiCountrySelectionSummary.open{
  z-index:120;
}
.tradeSearch .dateAdvancedRow .apiCountrySelectionSummary .summaryOverflowText{
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.apiCountrySummaryPopupPortal{
  position:fixed!important;
  z-index:10050!important;
  margin:0!important;
  box-sizing:border-box!important;
  overflow:auto!important;
  overscroll-behavior:contain;
}
.apiCountrySummaryPopupPortal .summaryOverflowText{
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  overflow-wrap:anywhere;
  word-break:break-word;
}
@media(max-width:760px){
  .tradeSearch .dateAdvancedRow .apiCountrySelectionSummary{
    width:calc(100% - 80px);
    max-width:calc(100% - 80px);
  }
}
.tradeSearch .dateAdvancedRow .apiCountrySelectionSummary .summaryCountChip{
  border:1px solid #CFEFFF;
  font:inherit;
  font-weight:550;
}
.tradeSearch .dateAdvancedRow .apiCountrySelectionSummary .countrySummaryDetails{
  position:relative;
  flex:0 0 auto;
}
.tradeSearch .dateAdvancedRow .apiCountrySelectionSummary .countrySummaryDetails>summary{
  list-style:none;
}
.tradeSearch .dateAdvancedRow .apiCountrySelectionSummary .countrySummaryDetails>summary::-webkit-details-marker{
  display:none;
}
.tradeSearch .dateAdvancedRow .apiCountrySelectionSummary .countrySummaryDetails[open]>.summaryCountChip{
  background:#EAF8FF;
  border-color:#B9E8FF;
}

/* CANONICAL GLOBAL SEARCH IMPORTER / EXPORTER TABLE PARITY WITH SHIPMENT RECORDS
   Keep the existing 7/20/13/15 column widths unchanged. Match Shipment Records
   typography, cell insets, action geometry and sort-control footprint. Metric
   bars keep their existing fixed width and centred three-part layout. */
#root .partyPanel .partyCountryTable.partyCompactColumnsTable.partyMetricBarColumnsTable {
  --party-shipment-action-size: 22px;
  --party-shipment-action-icon-size: 14px;
  --party-shipment-content-gap: 5px;
}

/* Keep No. and metric headings centred; company and country remain left aligned. */
#root .partyPanel .partyCountryTable.partyCompactColumnsTable.partyMetricBarColumnsTable thead
  :is(th[data-column-key="no"], th[data-column-key="shipments"], th[data-column-key="qty"], th[data-column-key="mt"], th[data-column-key="value"]) {
  text-align: center !important;
  text-align-last: center !important;
  padding: 10px 5px !important;
}

#root .partyPanel .partyCountryTable.partyCompactColumnsTable.partyMetricBarColumnsTable thead
  :is(th[data-column-key="name"], th[data-column-key="country"]) {
  text-align: left !important;
  text-align-last: left !important;
  padding: 10px 5px !important;
}

/* Country dropdown stays functional but inherits the Shipment header typography. */
#root .partyPanel .partyCountryTable.partyCompactColumnsTable.partyMetricBarColumnsTable thead
  th[data-column-key="country"] :is(.partyCountryHeaderFilter, .analysisCountryFilterSelect) {
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 550 !important;
  line-height: 1.3 !important;
}

/* Body: same 12px normal text and 5px inset as Shipment Records. */
#root .partyPanel .partyCountryTable.partyCompactColumnsTable.partyMetricBarColumnsTable tbody > tr {
  height: auto !important;
  min-height: 0 !important;
}

#root .partyPanel .partyCountryTable.partyCompactColumnsTable.partyMetricBarColumnsTable tbody > tr > td {
  box-sizing: border-box !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 5px !important;
  vertical-align: top !important;
  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.48 !important;
}

#root .partyPanel .partyCountryTable.partyCompactColumnsTable.partyMetricBarColumnsTable tbody > tr > td
  :where(span, a, b, strong, small, div, p, label, select, input, button) {
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: 400 !important;
}

/* Name cell: Shipment Records' 5px text/action gap and 22px action row. */
#root .partyPanel .partyCountryTable.partyCompactColumnsTable.partyMetricBarColumnsTable
  .partyRecordCompanyCell {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto var(--party-shipment-action-size) !important;
  align-content: start !important;
  gap: var(--party-shipment-content-gap) !important;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

#root .partyPanel .partyCountryTable.partyCompactColumnsTable.partyMetricBarColumnsTable
  .partyCompanyNameInline {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: var(--party-shipment-content-gap) !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

#root .partyPanel .partyCountryTable.partyCompactColumnsTable.partyMetricBarColumnsTable
  .partyCompanyNameText {
  max-width: calc(100% - 1lh - var(--party-shipment-content-gap)) !important;
  line-height: 1.48 !important;
}

#root .partyPanel .partyCountryTable.partyCompactColumnsTable.partyMetricBarColumnsTable
  .partyRecordActions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  align-self: start !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
  width: 100% !important;
  min-width: 0 !important;
  height: var(--party-shipment-action-size) !important;
  min-height: var(--party-shipment-action-size) !important;
  max-height: var(--party-shipment-action-size) !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Favourite, Company View and Track exactly match Shipment Records. */
#root .partyPanel .partyCountryTable.partyCompactColumnsTable.partyMetricBarColumnsTable
  .partyRecordActions :is(.favIconBtn, .statsIconBtn){
  box-sizing: border-box !important;
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 var(--party-shipment-action-size) !important;
  width: var(--party-shipment-action-size) !important;
  min-width: var(--party-shipment-action-size) !important;
  max-width: var(--party-shipment-action-size) !important;
  height: var(--party-shipment-action-size) !important;
  min-height: var(--party-shipment-action-size) !important;
  max-height: var(--party-shipment-action-size) !important;
  padding: 0 !important;
  margin: 0 !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-radius:0!important;
  box-shadow: none !important;
}

#root .partyPanel .partyCountryTable.partyCompactColumnsTable.partyMetricBarColumnsTable
  .partyRecordActions :is(.favIconBtn, .statsIconBtn) svg{
  width: var(--party-shipment-action-icon-size) !important;
  min-width: var(--party-shipment-action-icon-size) !important;
  max-width: var(--party-shipment-action-icon-size) !important;
  height: var(--party-shipment-action-icon-size) !important;
  min-height: var(--party-shipment-action-icon-size) !important;
  max-height: var(--party-shipment-action-icon-size) !important;
}

#root .partyPanel .partyCountryTable.partyCompactColumnsTable.partyMetricBarColumnsTable
  .partyRecordActions .statsIconBtn[title="Track"] svg{
  stroke-width: 2.5 !important;
}

/* Keep metric value | fixed bar | percentage layout centred exactly as before. */
#root .partyPanel .partyCountryTable.partyCompactColumnsTable.partyMetricBarColumnsTable tbody
  :is(td[data-column-key="shipments"], td[data-column-key="qty"], td[data-column-key="mt"], td[data-column-key="value"]) {
  padding: 5px !important;
  vertical-align: middle !important;
}

#root .partyPanel .partyCountryTable.partyCompactColumnsTable.partyMetricBarColumnsTable
  .tradeInsightMetricCell {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) var(--party-fixed-bar-width) minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: var(--party-metric-gap) !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 auto !important;
}

#root .partyPanel .partyCountryTable.partyCompactColumnsTable.partyMetricBarColumnsTable
  .tradeInsightMetricTrack {
  width: var(--party-fixed-bar-width) !important;
  min-width: var(--party-fixed-bar-width) !important;
  max-width: var(--party-fixed-bar-width) !important;
  justify-self: center !important;
  margin: 0 !important;
}

/* CANONICAL GLOBAL SEARCH TRADE INSIGHTS PARITY WITH SHIPMENT RECORDS
   Preserve the existing 7% / 23% / 17.5% column widths. Match Shipment
   Records typography, cell insets and action geometry. The metric bar remains
   a fixed 56px centre column between value and percentage. */
#root .statisticsPanel .tradeInsightsSummaryTable.tradeInsightsCompactColumnsTable.tradeInsightsMetricBarColumnsTable {
  --trade-shipment-action-size: 22px;
  --trade-shipment-action-icon-size: 14px;
  --trade-shipment-content-gap: 5px;
}

/* View By remains left aligned; No. and metric headings remain centred. */
#root .statisticsPanel .tradeInsightsSummaryTable.tradeInsightsCompactColumnsTable.tradeInsightsMetricBarColumnsTable thead
  th[data-column-key="name"] {
  text-align: left !important;
  text-align-last: left !important;
  padding: 10px 5px !important;
}

#root .statisticsPanel .tradeInsightsSummaryTable.tradeInsightsCompactColumnsTable.tradeInsightsMetricBarColumnsTable thead
  :is(th[data-column-key="no"], th[data-column-key="shipments"], th[data-column-key="qty"], th[data-column-key="mt"], th[data-column-key="value"]) {
  text-align: center !important;
  text-align-last: center !important;
  padding: 10px 5px !important;
}

/* Keep the existing View By control structure, only normalize its typography. */
#root .statisticsPanel .tradeInsightsSummaryTable.tradeInsightsCompactColumnsTable.tradeInsightsMetricBarColumnsTable thead
  th[data-column-key="name"] :is(.tradeInsightsHeaderSelectShell, .tradeInsightsHeaderSelect) {
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 550 !important;
  line-height: 1.3 !important;
  text-align: left !important;
  text-align-last: left !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Body: Shipment Records 12px normal text and 5px inset. */
#root .statisticsPanel .tradeInsightsSummaryTable.tradeInsightsCompactColumnsTable.tradeInsightsMetricBarColumnsTable tbody > tr {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

#root .statisticsPanel .tradeInsightsSummaryTable.tradeInsightsCompactColumnsTable.tradeInsightsMetricBarColumnsTable tbody > tr > td {
  box-sizing: border-box !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 5px !important;
  vertical-align: top !important;
  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.48 !important;
}

#root .statisticsPanel .tradeInsightsSummaryTable.tradeInsightsCompactColumnsTable.tradeInsightsMetricBarColumnsTable tbody > tr > td
  :where(span, a, b, strong, small, div, p, label, select, input, button) {
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: 400 !important;
}

/* Name and Track stay inline; use Shipment spacing and button geometry. */
#root .statisticsPanel .tradeInsightsSummaryTable.tradeInsightsCompactColumnsTable.tradeInsightsMetricBarColumnsTable
  .tradeInsightNameInline {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) var(--trade-shipment-action-size) !important;
  align-items: start !important;
  column-gap: var(--trade-shipment-content-gap) !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

#root .statisticsPanel .tradeInsightsSummaryTable.tradeInsightsCompactColumnsTable.tradeInsightsMetricBarColumnsTable
  .tradeInsightNameText {
  min-width: 0 !important;
  max-width: 100% !important;
  line-height: 1.48 !important;
}

#root .statisticsPanel .tradeInsightsSummaryTable.tradeInsightsCompactColumnsTable.tradeInsightsMetricBarColumnsTable
  .tradeInsightInlineTrack{
  box-sizing: border-box !important;
  display: inline-grid !important;
  place-items: center !important;
  justify-self: end !important;
  align-self: start !important;
  flex: 0 0 var(--trade-shipment-action-size) !important;
  width: var(--trade-shipment-action-size) !important;
  min-width: var(--trade-shipment-action-size) !important;
  max-width: var(--trade-shipment-action-size) !important;
  height: var(--trade-shipment-action-size) !important;
  min-height: var(--trade-shipment-action-size) !important;
  max-height: var(--trade-shipment-action-size) !important;
  padding: 0 !important;
  margin: 0 !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-radius:0!important;
  box-shadow: none !important;
}

#root .statisticsPanel .tradeInsightsSummaryTable.tradeInsightsCompactColumnsTable.tradeInsightsMetricBarColumnsTable
  .tradeInsightInlineTrack svg{
  width: var(--trade-shipment-action-icon-size) !important;
  min-width: var(--trade-shipment-action-icon-size) !important;
  max-width: var(--trade-shipment-action-icon-size) !important;
  height: var(--trade-shipment-action-icon-size) !important;
  min-height: var(--trade-shipment-action-icon-size) !important;
  max-height: var(--trade-shipment-action-icon-size) !important;
  stroke-width: 2.5 !important;
}

/* Metric cells retain the existing value | fixed 56px bar | percentage centre. */
#root .statisticsPanel .tradeInsightsSummaryTable.tradeInsightsCompactColumnsTable.tradeInsightsMetricBarColumnsTable tbody
  :is(td[data-column-key="shipments"], td[data-column-key="qty"], td[data-column-key="mt"], td[data-column-key="value"]) {
  padding: 5px !important;
  vertical-align: middle !important;
}

#root .statisticsPanel .tradeInsightsSummaryTable.tradeInsightsCompactColumnsTable.tradeInsightsMetricBarColumnsTable
  .tradeInsightMetricCell {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) var(--trade-insight-fixed-bar-width) minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: var(--trade-insight-metric-gap) !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 auto !important;
}

#root .statisticsPanel .tradeInsightsSummaryTable.tradeInsightsCompactColumnsTable.tradeInsightsMetricBarColumnsTable
  .tradeInsightMetricValue {
  min-width: 0 !important;
  justify-self: end !important;
  text-align: right !important;
  margin: 0 !important;
}

#root .statisticsPanel .tradeInsightsSummaryTable.tradeInsightsCompactColumnsTable.tradeInsightsMetricBarColumnsTable
  .tradeInsightMetricTrack {
  width: var(--trade-insight-fixed-bar-width) !important;
  min-width: var(--trade-insight-fixed-bar-width) !important;
  max-width: var(--trade-insight-fixed-bar-width) !important;
  justify-self: center !important;
  margin: 0 !important;
}

#root .statisticsPanel .tradeInsightsSummaryTable.tradeInsightsCompactColumnsTable.tradeInsightsMetricBarColumnsTable
  .tradeInsightMetricPercent {
  min-width: 0 !important;
  justify-self: start !important;
  text-align: left !important;
  margin: 0 !important;
}

/* FINAL TRADE INSIGHTS VIEW-BY HEADER — SINGLE-LINE DROPDOWN + ADJACENT SORT
   Keep the existing Trade Insights column widths and metric bars untouched.
   The select consumes the remaining header width and the 22px sort button sits
   immediately beside it with a 5px gap. Long selected labels stay on one line
   and truncate with an ellipsis instead of wrapping the header. */
#root .statisticsPanel .tradeInsightsSummaryTable.tradeInsightsCompactColumnsTable.tradeInsightsMetricBarColumnsTable thead
  th[data-column-key="name"] {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  padding: 10px 5px !important;
  vertical-align: middle !important;
}

#root .statisticsPanel .tradeInsightsSummaryTable.tradeInsightsCompactColumnsTable.tradeInsightsMetricBarColumnsTable thead
  th[data-column-key="name"] > .tradeInsightsHeaderSelectShell {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: calc(100% - 27px) !important;
  min-width: 0 !important;
  max-width: calc(100% - 27px) !important;
  height: 28px !important;
  margin: 0 !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  flex-wrap: nowrap !important;
}

#root .statisticsPanel .tradeInsightsSummaryTable.tradeInsightsCompactColumnsTable.tradeInsightsMetricBarColumnsTable thead
  th[data-column-key="name"] > .tradeInsightsHeaderSelectShell > .tradeInsightsHeaderSelect {
  box-sizing: border-box !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 28px !important;
  margin: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 1.3 !important;
}

#root .statisticsPanel .tradeInsightsSummaryTable.tradeInsightsCompactColumnsTable.tradeInsightsMetricBarColumnsTable thead
  th[data-column-key="name"] > .platformSortButton {
  box-sizing: border-box !important;
  position: static !important;
  inset: auto !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 22px !important;
  min-width: 22px !important;
  max-width: 22px !important;
  height: 22px !important;
  min-height: 22px !important;
  max-height: 22px !important;
  margin: 0 0 0 5px !important;
  padding: 5px !important;
  vertical-align: middle !important;
  font-size: 10px !important;
  line-height: 1 !important;
  transform: none !important;
}

#root .statisticsPanel .tradeInsightsSummaryTable.tradeInsightsCompactColumnsTable.tradeInsightsMetricBarColumnsTable thead
  th[data-column-key="name"] > .platformSortButton:hover,
#root .statisticsPanel .tradeInsightsSummaryTable.tradeInsightsCompactColumnsTable.tradeInsightsMetricBarColumnsTable thead
  th[data-column-key="name"] > .platformSortButton:focus-visible {
  transform: scale(1.06) !important;
}

/* TRACK BY VALUE CLICK — visible record-filter interaction
   The button is nested inside trackByNameCopyFlow, so target that final markup
   directly. Normal text stays unchanged; hover/focus shows the clickable link. */
#root .trackingPage .trackByTradeInsightsTable
.trackByNameCopyFlow > .trackByRecordValueBtn {
  cursor: pointer !important;
  text-decoration: none !important;
}

#root .trackingPage .trackByTradeInsightsTable
.trackByNameCopyFlow > .trackByRecordValueBtn:hover,
#root .trackingPage .trackByTradeInsightsTable
.trackByNameCopyFlow > .trackByRecordValueBtn:focus-visible {
  color: #0B69DF !important;
  text-decoration-line: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 2px !important;
  outline: none !important;
}

#root .trackingPage .trackByTradeInsightsTable
.trackByNameCopyFlow > .trackByRecordValueBtn.active {
  color: #0B69DF !important;
}

/* TRACK ACTION ICON GEOMETRY = SHIPMENT RECORDS
   Track By and Tracking Records reuse the Shipment Records action dimensions:
   22px square control, 14px icon, zero internal padding and 6px radius.
   This applies to every current/future Copy, Favourite, Company View or other
   compact row action without changing its colour or click behaviour. */
#root .trackingPage {
  --track-record-action-size: 22px;
  --track-record-action-icon-size: 14px;
}

#root .trackingPage .trackByTradeInsightsTable .trackByNameActions {
  grid-template-columns: minmax(0, 1fr) var(--track-record-action-size) !important;
  column-gap: 6px !important;
}

#root .trackingPage .trackByTradeInsightsTable .trackByNameCopyFlow > .copyNameWrap,
#root .trackingPage .trackingShipmentRecordLayoutTable .trackCompanyNameInlineCopy > .copyNameWrap {
  box-sizing: border-box !important;
  display: inline-grid !important;
  place-items: center !important;
  width: var(--track-record-action-size) !important;
  min-width: var(--track-record-action-size) !important;
  max-width: var(--track-record-action-size) !important;
  height: var(--track-record-action-size) !important;
  min-height: var(--track-record-action-size) !important;
  max-height: var(--track-record-action-size) !important;
  padding: 0 !important;
}

#root .trackingPage .trackByTradeInsightsTable :is(
  .trackByNameCopyFlow .copyNameBtn,
  .trackByNameActions .favIconBtn,
  .trackByNameActions .statsIconBtn
),
#root .trackingPage .trackingShipmentRecordLayoutTable :is(
  .trackCompanyNameInlineCopy .copyNameBtn,
  .recordCompanyActions > button,
  .recordCompanyActions .favIconBtn,
  .recordCompanyActions .statsIconBtn
){
  box-sizing: border-box !important;
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 var(--track-record-action-size) !important;
  width: var(--track-record-action-size) !important;
  min-width: var(--track-record-action-size) !important;
  max-width: var(--track-record-action-size) !important;
  height: var(--track-record-action-size) !important;
  min-height: var(--track-record-action-size) !important;
  max-height: var(--track-record-action-size) !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius:0!important;
  gap: 0 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

#root .trackingPage .trackByTradeInsightsTable .trackByNameActions > .trackCompanyViewIcon {
  grid-column: 2 !important;
  justify-self: end !important;
  align-self: center !important;
  flex-basis: var(--track-record-action-size) !important;
}

#root .trackingPage .trackingShipmentRecordLayoutTable .recordCompanyActions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
  width: 100% !important;
  min-width: 0 !important;
  height: var(--track-record-action-size) !important;
  min-height: var(--track-record-action-size) !important;
  max-height: var(--track-record-action-size) !important;
  margin: 0 !important;
  padding: 0 !important;
}

#root .trackingPage .trackByTradeInsightsTable :is(
  .trackByNameCopyFlow .copyNameBtn,
  .trackByNameActions .favIconBtn,
  .trackByNameActions .statsIconBtn
) svg,
#root .trackingPage .trackingShipmentRecordLayoutTable :is(
  .trackCompanyNameInlineCopy .copyNameBtn,
  .recordCompanyActions > button,
  .recordCompanyActions .favIconBtn,
  .recordCompanyActions .statsIconBtn
) svg{
  width: var(--track-record-action-icon-size) !important;
  min-width: var(--track-record-action-icon-size) !important;
  max-width: var(--track-record-action-icon-size) !important;
  height: var(--track-record-action-icon-size) !important;
  min-height: var(--track-record-action-icon-size) !important;
  max-height: var(--track-record-action-icon-size) !important;
}

/* ========================================================================
   TRACKING RECORDS TABLE = SHIPMENT RECORDS EXACT VISUAL PARITY
   ------------------------------------------------------------------------
   Tracking Records intentionally reuses the canonical Shipment Records
   geometry: table layout, fixed standard column dimensions, header sizing,
   body-cell padding, top alignment, wrapping, company-name/action layout,
   sort control footprint and Profile alignment. Data/API behaviour remains
   unchanged. This final block replaces older compact/fixed-height Track
   overrides by cascade order.
   ======================================================================== */
#root .trackingPage .trackingShipmentRecordsTableWrap .trackingShipmentRecordLayoutTable {
  --shipment-record-action-size: 22px;
  --shipment-record-action-icon-size: 14px;
  --shipment-record-action-gap: 5px;
  --record-action-row-height: var(--shipment-record-action-size) !important;
  --record-action-gap: var(--shipment-record-action-gap) !important;
  width: 100% !important;
  min-width: 0 !important;
  table-layout: fixed !important;
}

/* Exact standard Shipment Records column dimensions. */
#root .trackingPage .trackingShipmentRecordLayoutTable :is(th, td)[data-column-key="date"] { width: 6% !important; }
#root .trackingPage .trackingShipmentRecordLayoutTable :is(th, td)[data-column-key="hs"] { width: 6% !important; }
#root .trackingPage .trackingShipmentRecordLayoutTable :is(th, td)[data-column-key="product"] { width: 17% !important; }
#root .trackingPage .trackingShipmentRecordLayoutTable :is(th, td)[data-column-key="importer"] { width: 15% !important; }
#root .trackingPage .trackingShipmentRecordLayoutTable :is(th, td)[data-column-key="importCountry"] { width: 9% !important; }
#root .trackingPage .trackingShipmentRecordLayoutTable :is(th, td)[data-column-key="exporter"] { width: 15% !important; }
#root .trackingPage .trackingShipmentRecordLayoutTable :is(th, td)[data-column-key="exportCountry"] { width: 9% !important; }
#root .trackingPage .trackingShipmentRecordLayoutTable :is(th, td)[data-column-key="qty"] { width: 6% !important; }
#root .trackingPage .trackingShipmentRecordLayoutTable :is(th, td)[data-column-key="metricTons"] { width: 6% !important; }
#root .trackingPage .trackingShipmentRecordLayoutTable :is(th, td)[data-column-key="value"] { width: 6% !important; }
#root .trackingPage .trackingShipmentRecordLayoutTable :is(th, td)[data-column-key="profile"] { width: 5% !important; }

/* Canonical Shipment Records horizontal alignment. */
#root .trackingPage .trackingShipmentRecordLayoutTable thead > tr > th,
#root .trackingPage .trackingShipmentRecordLayoutTable tbody > tr > td {
  text-align: left !important;
  text-align-last: left !important;
}

#root .trackingPage .trackingShipmentRecordLayoutTable :is(th, td)[data-column-key="profile"] {
  text-align: center !important;
  text-align-last: center !important;
}

#root .trackingPage .trackingShipmentRecordLayoutTable td[data-column-key="profile"] .serialProfileBtn {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Canonical Shipment Records body cells: content-driven row height, 5px all
   around each cell, top alignment and ten-line wrapping. */
#root .trackingPage .trackingShipmentRecordLayoutTable tbody > tr {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

#root .trackingPage .trackingShipmentRecordLayoutTable tbody > tr > td {
  box-sizing: border-box !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 5px !important;
  vertical-align: top !important;
  overflow: hidden !important;
  white-space: normal !important;
  text-overflow: clip !important;
}

#root .trackingPage .trackingShipmentRecordLayoutTable tbody td .recordCellClamp {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 10 !important;
  line-clamp: 10 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

/* Tracking company cells now use the same measured two-row geometry as the
   Shipment importer/exporter cells: wrapped name + inline Copy, then actions. */
#root .trackingPage .trackingShipmentRecordLayoutTable .trackCompanyCell {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto var(--shipment-record-action-size) !important;
  align-content: start !important;
  gap: var(--shipment-record-action-gap) !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

#root .trackingPage .trackingShipmentRecordLayoutTable .trackCompanyNameInlineCopy {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  white-space: normal !important;
  line-height: inherit !important;
  text-align: left !important;
}

#root .trackingPage .trackingShipmentRecordLayoutTable .trackCompanyNameInlineCopy
> .trackCompanyNameText {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 10 !important;
  line-clamp: 10 !important;
  flex: 0 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: calc(100% - 29px) !important;
  height: auto !important;
  max-height: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  line-height: inherit !important;
}

#root .trackingPage .trackingShipmentRecordLayoutTable .trackCompanyNameInlineCopy
> .copyNameWrap {
  box-sizing: border-box !important;
  display: inline-grid !important;
  place-items: center !important;
  align-self: flex-start !important;
  flex: 0 0 var(--shipment-record-action-size) !important;
  width: var(--shipment-record-action-size) !important;
  min-width: var(--shipment-record-action-size) !important;
  max-width: var(--shipment-record-action-size) !important;
  height: var(--shipment-record-action-size) !important;
  min-height: var(--shipment-record-action-size) !important;
  max-height: var(--shipment-record-action-size) !important;
  margin: 0 0 0 5px !important;
  padding: 0 !important;
  vertical-align: top !important;
  background: transparent !important;
}

#root .trackingPage .trackingShipmentRecordLayoutTable .recordCompanyActions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  align-self: start !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
  width: 100% !important;
  min-width: 0 !important;
  height: var(--shipment-record-action-size) !important;
  min-height: var(--shipment-record-action-size) !important;
  max-height: var(--shipment-record-action-size) !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

/* Keep the already-matched Shipment action dimensions inside the new parity
   geometry. */
#root .trackingPage .trackingShipmentRecordLayoutTable :is(
  .trackCompanyNameInlineCopy .copyNameBtn,
  .recordCompanyActions > button,
  .recordCompanyActions .favIconBtn,
  .recordCompanyActions .statsIconBtn
){
  box-sizing: border-box !important;
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 var(--shipment-record-action-size) !important;
  width: var(--shipment-record-action-size) !important;
  min-width: var(--shipment-record-action-size) !important;
  max-width: var(--shipment-record-action-size) !important;
  height: var(--shipment-record-action-size) !important;
  min-height: var(--shipment-record-action-size) !important;
  max-height: var(--shipment-record-action-size) !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius:0!important;
  gap: 0 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

#root .trackingPage .trackingShipmentRecordLayoutTable :is(
  .trackCompanyNameInlineCopy .copyNameBtn,
  .recordCompanyActions > button,
  .recordCompanyActions .favIconBtn,
  .recordCompanyActions .statsIconBtn
) svg{
  width: var(--shipment-record-action-icon-size) !important;
  min-width: var(--shipment-record-action-icon-size) !important;
  max-width: var(--shipment-record-action-icon-size) !important;
  height: var(--shipment-record-action-icon-size) !important;
  min-height: var(--shipment-record-action-icon-size) !important;
  max-height: var(--shipment-record-action-icon-size) !important;
}

/* ========================================================================
   TRACK BY + TRACKING RECORDS COPY ICON = SHIPMENT RECORDS EXACT PARITY
   ------------------------------------------------------------------------
   Copy is the one action that follows the live company-name line box in
   Shipment Records. Keep it inline beside the text, square at exactly 1lh,
   with zero padding and the same 14px glyph. Other row actions remain 22px.
   This final block intentionally overrides older Track-only 22px Copy rules.
   ======================================================================== */
#root .trackingPage .trackByTradeInsightsTable .trackByNameCopyFlow,
#root .trackingPage .trackingShipmentRecordLayoutTable .trackCompanyNameInlineCopy {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  white-space: normal !important;
  line-height: inherit !important;
  text-align: left !important;
}

#root .trackingPage .trackByTradeInsightsTable
  .trackByNameCopyFlow > .trackByRecordValueBtn,
#root .trackingPage .trackingShipmentRecordLayoutTable
  .trackCompanyNameInlineCopy > .trackCompanyNameText {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 10 !important;
  line-clamp: 10 !important;
  flex: 0 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: calc(100% - 1.48em - 5px) !important;
  max-width: calc(100% - 1lh - 5px) !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  line-height: inherit !important;
  text-align: left !important;
}

#root .trackingPage .trackByTradeInsightsTable
  .trackByNameCopyFlow > .trackByRecordValueBtn {
  border: 0 !important;
  background: transparent !important;
  color: inherit !important;
  font: inherit !important;
  cursor: pointer !important;
  vertical-align: top !important;
}

#root .trackingPage .trackByTradeInsightsTable
  .trackByNameCopyFlow > .trackByRecordValueBtn > .tradeInsightNameText {
  display: inline !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  overflow: visible !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  line-height: inherit !important;
}

#root .trackingPage .trackByTradeInsightsTable
  .trackByNameCopyFlow > .copyNameWrap,
#root .trackingPage .trackingShipmentRecordLayoutTable
  .trackCompanyNameInlineCopy > .copyNameWrap {
  box-sizing: border-box !important;
  display: inline-grid !important;
  place-items: center !important;
  align-self: flex-start !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  flex-basis: 1.48em !important;
  flex-basis: 1lh !important;
  width: 1.48em !important;
  width: 1lh !important;
  min-width: 1.48em !important;
  min-width: 1lh !important;
  max-width: 1.48em !important;
  max-width: 1lh !important;
  height: 1.48em !important;
  height: 1lh !important;
  min-height: 1.48em !important;
  min-height: 1lh !important;
  max-height: 1.48em !important;
  max-height: 1lh !important;
  margin: 0 0 0 5px !important;
  padding: 0 !important;
  line-height: inherit !important;
  vertical-align: top !important;
  background: transparent !important;
}

#root .trackingPage .trackByTradeInsightsTable
  .trackByNameCopyFlow .copyNameBtn,
#root .trackingPage .trackingShipmentRecordLayoutTable
  .trackCompanyNameInlineCopy .copyNameBtn {
  box-sizing: border-box !important;
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 100% !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-radius:0!important;
  gap: 0 !important;
  line-height: inherit !important;
  box-shadow: none !important;
}

#root .trackingPage .trackByTradeInsightsTable
  .trackByNameCopyFlow .copyNameBtn svg,
#root .trackingPage .trackingShipmentRecordLayoutTable
  .trackCompanyNameInlineCopy .copyNameBtn svg {
  width: 14px !important;
  min-width: 14px !important;
  max-width: 14px !important;
  height: 14px !important;
  min-height: 14px !important;
  max-height: 14px !important;
}


/* Importer / Exporter / Trade Insights header geometry comes from the single global 40px header rule. */
/* Keep the interactive country and View-By controls on the same Shipment-style
   header line. This changes only their internal available space, never the
   table column widths. */
#root .partyPanel
  .partyCountryTable.partyCompactColumnsTable.partyMetricBarColumnsTable thead
  th[data-column-key="country"] > :is(.partyCountryHeaderFilter, .analysisCountryFilterSelect),
#root .statisticsPanel
  .tradeInsightsSummaryTable.tradeInsightsCompactColumnsTable.tradeInsightsMetricBarColumnsTable thead
  th[data-column-key="name"] > .tradeInsightsHeaderSelectShell {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: calc(100% - 21.9px) !important;
  min-width: 0 !important;
  max-width: calc(100% - 21.9px) !important;
  margin: 0 !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  flex-wrap: nowrap !important;
}

#root .partyPanel
  .partyCountryTable.partyCompactColumnsTable.partyMetricBarColumnsTable thead
  th[data-column-key="country"] :is(.partyCountryHeaderFilter, .analysisCountryFilterSelect),
#root .statisticsPanel
  .tradeInsightsSummaryTable.tradeInsightsCompactColumnsTable.tradeInsightsMetricBarColumnsTable thead
  th[data-column-key="name"] .tradeInsightsHeaderSelect {
  font-family: inherit !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 550 !important;
  line-height: 1.3 !important;
  text-align: left !important;
  text-align-last: left !important;
}

/* ========================================================================
   GLOBAL SEARCH PARTY / TRADE INSIGHTS HEADER ALIGNMENT
   ------------------------------------------------------------------------
   Importer / Exporter tables:
   - Name and Country headers remain left aligned.
   - No., Shipments, Quantity, Metric Tons and Value are centered.

   Trade Insights:
   - The second (View By / Name) header remains left aligned.
   - Every other header is centered.

   Column widths and all Shipment Records parity geometry stay unchanged.
   ======================================================================== */
#root .partyPanel
  .partyCountryTable.partyCompactColumnsTable.partyMetricBarColumnsTable thead > tr > th:not([data-column-key="name"]):not([data-column-key="country"]),
#root .statisticsPanel
  .tradeInsightsSummaryTable.tradeInsightsCompactColumnsTable.tradeInsightsMetricBarColumnsTable thead > tr > th:not([data-column-key="name"]) {
  text-align: center !important;
  text-align-last: center !important;
}

#root .partyPanel
  .partyCountryTable.partyCompactColumnsTable.partyMetricBarColumnsTable thead > tr > th[data-column-key="name"],
#root .partyPanel
  .partyCountryTable.partyCompactColumnsTable.partyMetricBarColumnsTable thead > tr > th[data-column-key="country"],
#root .statisticsPanel
  .tradeInsightsSummaryTable.tradeInsightsCompactColumnsTable.tradeInsightsMetricBarColumnsTable thead > tr > th[data-column-key="name"] {
  text-align: left !important;
  text-align-last: left !important;
}

.topUserControls {
  position: fixed !important;
  right: 12px !important;
  top: 6px !important;
  z-index: 180 !important;
  height: 46px !important;
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
}

.topAccountMenu {
  position: relative !important;
  height: 44px !important;
}

.topUserName {
  width: 184px !important;
  height: 44px !important;
  display: grid !important;
  grid-template-columns: 18px minmax(0, 1fr) 14px !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 10px !important;
  border: 1px solid transparent !important;
  border-radius:0!important;
  background: transparent !important;
  color: #0B1730 !important;
  font: inherit !important;
  text-align: left !important;
  cursor: pointer !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

.topUserName:hover,
.topUserName.open {
  border-color: #DDE5F2 !important;
  background: #FFFFFF !important;
  box-shadow: 0 10px 24px rgba(31, 55, 90, .10) !important;
}

.topUserName > svg:first-child {
  width: 17px !important;
  height: 17px !important;
  color: #0B69DF !important;
}

.topUserName > span {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 3px !important;
  line-height: 1 !important;
}

.topUserName strong,
.topUserName em {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.topUserName strong {
  color: inherit !important;
  font-size: 12.5px !important;
  font-weight: 550 !important;
  line-height: 1.05 !important;
}

.topUserName em {
  color: #0B1730 !important;
  font-size: 10.5px !important;
  font-style: normal !important;
  font-weight: 550 !important;
  line-height: 1 !important;
}

.topUserChevron {
  width: 14px !important;
  height: 14px !important;
  color: #0B1730 !important;
  transition: transform .18s ease !important;
}

.topUserName.open .topUserChevron {
  transform: rotate(180deg) !important;
}

.topLogoutIcon {
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  display: inline-grid !important;
  place-items: center !important;
  border: 1px solid #DDE5F2 !important;
  border-radius:0!important;
  background: #FFFFFF !important;
  color: #0B1730 !important;
  cursor: pointer !important;
  box-shadow: 0 2px 8px rgba(31, 55, 90, .06) !important;
}

.topLogoutIcon:hover {
  border-color: #B9E8FF !important;
  background: #EAF8FF !important;
  color: #0B69DF !important;
}

.topLogoutIcon svg {
  width: 18px !important;
  height: 18px !important;
}

.topAccountDropdown {
  position: absolute !important;
  top: calc(100% + 7px) !important;
  right: 0 !important;
  z-index: 220 !important;
  width: 224px !important;
  padding: 7px !important;
  display: grid !important;
  gap: 4px !important;
  border: 1px solid #DDE5F2 !important;
  border-radius:0!important;
  background: #FFFFFF !important;
  box-shadow: 0 18px 42px rgba(31, 55, 90, .16) !important;
}

.topAccountDropdown button {
  width: 100% !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  border: 1px solid transparent !important;
  border-radius:0!important;
  background: transparent !important;
  color: #0B1730 !important;
  font: inherit !important;
  font-size: 13px !important;
  font-weight: 550 !important;
  text-align: left !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

.topAccountDropdown button:hover {
  border-color: transparent !important;
  background: #F5F7FA !important;
  color: #0B69DF !important;
}

.topAccountDropdown button.active {
  border-color: transparent !important;
  background: #F5F7FA !important;
  color: #0B69DF !important;
}

.topAccountDropdown button svg {
  width: 17px !important;
  height: 17px !important;
  flex: 0 0 auto !important;
}

.topAppStrip {
  padding-right: 250px !important;
}

.topAppStrip .workspaceTabs {
  max-width: calc(100vw - 545px) !important;
}

.theme-dark .topUserName {
  color: #FFFFFF !important;
}

.theme-dark .topUserName:hover,
.theme-dark .topUserName.open {
  border-color: #242C49 !important;
  background: #11172A !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, .28) !important;
}

.theme-dark .topUserName em,
.theme-dark .topUserChevron {
  color: #FFFFFF !important;
}

.theme-dark .topLogoutIcon {
  border-color: #242C49 !important;
  background: #11172A !important;
  color: #FFFFFF !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .18) !important;
}

.theme-dark .topLogoutIcon:hover {
  border-color: #0B69DF !important;
  background: #0B69DF !important;
  color: #FFFFFF !important;
}

.theme-dark .topAccountDropdown {
  border-color: #242C49 !important;
  background: #11172A !important;
  box-shadow: 0 20px 46px rgba(0, 0, 0, .38) !important;
}

.theme-dark .topAccountDropdown button {
  color: #FFFFFF !important;
}

.theme-dark .topAccountDropdown button:hover,
.theme-dark .topAccountDropdown button.active {
  border-color: #0B69DF !important;
  background: rgba(11, 105, 223, .18) !important;
  color: #0B69DF !important;
}

@media (max-width: 760px) {
  .topUserControls {
    right: 8px !important;
  }
  .topUserName {
    width: 148px !important;
  }
  .topLogoutIcon {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
  }
  .topAppStrip {
    padding-right: 205px !important;
  }
  .topAppStrip .workspaceTabs {
    max-width: calc(100vw - 405px) !important;
  }
}

/* Live Latest Update API integration */
.latestUpdateApiHead{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:2px 4px 0}
.latestUpdateApiHead h2{margin:0;color:#0B1730;font-size:22px;font-weight:550;line-height:1.25}
.latestUpdateApiHead p{margin:5px 0 0;color:#0B1730;font-size:13px;font-weight:400}
.latestRefreshBtn{min-width:96px;justify-content:center}
.latestUpdateStatus{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0}
.latestSystem>span:last-child{display:inline-grid;gap:2px;min-width:0}
.latestSystem b{font-weight:550;color:inherit}
.latestSystem small{font-size:11px;color:#0B1730;font-weight:400}
.theme-dark .latestUpdateApiHead h2{color:#FFFFFF}
.theme-dark .latestUpdateApiHead p,.theme-dark .latestSystem small{color:#FFFFFF}
@media(max-width:720px){.latestUpdatePage{padding:18px 14px}.latestUpdateApiHead{align-items:flex-start;flex-direction:column}.latestRefreshBtn{width:100%}}

/* Compact shared Current Search / Current Tracking summary */
.currentSearchStrip.compactCurrentSearchStrip,
.trackCurrentSearch.currentSearchStrip.compactCurrentSearchStrip {
  min-height: 34px;
  height: auto;
  padding: 8px;
  gap: 8px;
  align-items: center;
  flex-wrap: nowrap;
  overflow: visible !important;
  font-size: 12px;
  line-height: 1.45;
}

.currentSearchStrip.compactCurrentSearchStrip > b,
.trackCurrentSearch.currentSearchStrip.compactCurrentSearchStrip > b {
  flex: 0 0 auto;
  margin-top: 0;
  font-size: 12px;
  line-height: 1.45;
  white-space: nowrap;
}

.compactCurrentSummary {
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  max-width: 100%;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  column-gap: 4px;
  row-gap: 4px;
  overflow: visible;
  font-size: 12px;
  line-height: 1.45;
}

.compactCurrentSummaryGroup {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 3px;
  max-width: 100%;
  white-space: nowrap;
}

.compactCurrentSummaryGroup strong {
  color: #0B1730;
  font-size: 12px;
  font-weight: 550;
  line-height: inherit;
}

.compactCurrentSummaryValues {
  display: inline;
  color: #0B1730;
  font-size: 12px;
  font-weight: 400;
  line-height: inherit;
  white-space: nowrap;
}

.compactCurrentSummaryValue {
  font-size: 12px;
  line-height: inherit;
}

.compactCurrentSummaryValue.include {
  color: #0B69DF;
  font-weight: 550;
}

.compactCurrentSummaryValue.exclude {
  color: #0B1730;
  font-weight: 550;
}

.compactCurrentSummaryValue.plain {
  color: #0B1730;
}

.compactCurrentSummarySeparator {
  margin-left: 3px;
  color: #0B1730;
  font-size: 12px;
  font-weight: 550;
  line-height: inherit;
}

.theme-dark .compactCurrentSummaryGroup strong {
  color: #FFFFFF;
}

.theme-dark .compactCurrentSummaryValues,
.theme-dark .compactCurrentSummaryValue.plain {
  color: #FFFFFF;
}

.theme-dark .compactCurrentSummarySeparator {
  color: #FFFFFF;
}

/* Trade Search > Importer, Exporter and Trade Insights: Shipment Records-style blue text hover.
   Action buttons/icons keep their own colors. */
.partyPanel .partyCountryTable tbody tr :is(
  .analysisCellClamp,
  .partyCompanyNameText,
  .tradeInsightMetricValue,
  .tradeInsightMetricPercent
),
.statisticsPanel .tradeInsightsSummaryTable tbody tr :is(
  .analysisCellClamp,
  .tradeInsightNameText,
  .tradeInsightMetricValue,
  .tradeInsightMetricPercent
) {
  transition: color 160ms ease;
}


/* Trade Insights inline Track action geometry. */
.tradeInsightInlineActions{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto}
#root .statisticsPanel .tradeInsightsSummaryTable.tradeInsightsCompactColumnsTable.tradeInsightsMetricBarColumnsTable .tradeInsightNameInline{
  grid-template-columns:minmax(0,1fr) auto!important;
}
#root .statisticsPanel .tradeInsightsSummaryTable.tradeInsightsCompactColumnsTable.tradeInsightsMetricBarColumnsTable .tradeInsightInlineActions{
  display:inline-flex!important;
  align-items:center!important;
  justify-self:end!important;
  align-self:start!important;
  gap:4px!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:0!important;
}
#root .statisticsPanel .tradeInsightsSummaryTable.tradeInsightsCompactColumnsTable.tradeInsightsMetricBarColumnsTable .tradeInsightInlineActions .tradeInsightInlineTrack{
  box-sizing:border-box!important;
  display:inline-grid!important;
  place-items:center!important;
  flex:0 0 var(--trade-shipment-action-size)!important;
  width:var(--trade-shipment-action-size)!important;
  min-width:var(--trade-shipment-action-size)!important;
  max-width:var(--trade-shipment-action-size)!important;
  height:var(--trade-shipment-action-size)!important;
  min-height:var(--trade-shipment-action-size)!important;
  max-height:var(--trade-shipment-action-size)!important;
  padding:0!important;
  margin:0!important;
  border-width:1px!important;
  border-style:solid!important;
  border-radius:0!important;
  box-shadow:none!important;
}
#root .statisticsPanel .tradeInsightsSummaryTable.tradeInsightsCompactColumnsTable.tradeInsightsMetricBarColumnsTable .tradeInsightInlineActions .tradeInsightInlineTrack svg{
  width:var(--trade-shipment-action-icon-size)!important;
  min-width:var(--trade-shipment-action-icon-size)!important;
  max-width:var(--trade-shipment-action-icon-size)!important;
  height:var(--trade-shipment-action-icon-size)!important;
  min-height:var(--trade-shipment-action-icon-size)!important;
  max-height:var(--trade-shipment-action-icon-size)!important;
  stroke-width: 2.5 !important;
}

/* TRADE INSIGHTS TRACK ICON + SHARED METRIC BAR HOVER
   Track stays neutral gray, becomes light blue on hover/focus, and dark blue
   while pressed. Every shared Shipments / Quantity / Metric Ton / Value bar
   receives the same blue row-hover feedback wherever the metric component is used. */
#root .statisticsPanel .tradeInsightsSummaryTable .tradeInsightInlineTrack,
#root .theme-light .statisticsPanel .tradeInsightsSummaryTable .tradeInsightInlineTrack{
  
  
  
  box-shadow: none !important;
  transform: none !important;
  transition: background-color .16s ease, border-color .16s ease, color .16s ease, transform .16s ease !important;
}









.tradeInsightMetricTrack,
.tradeInsightMetricTrack > i {
  transition: background-color .16s ease, border-color .16s ease, width .2s ease, box-shadow .16s ease !important;
}


.theme-dark .statisticsPanel .tradeInsightsSummaryTable tbody tr:hover .tradeInsightMetricTrack,
.theme-dark .partyPanel .partyCountryTable tbody tr:hover .tradeInsightMetricTrack,
.theme-dark .trackingPage .trackByTradeInsightsTable tbody tr:hover .tradeInsightMetricTrack {
  background: #183649 !important;
  border-color: #326A89 !important;
  box-shadow: inset 0 0 0 1px rgba(109, 199, 238, .06) !important;
}

.theme-dark .statisticsPanel .tradeInsightsSummaryTable tbody tr:hover .tradeInsightMetricTrack > i,
.theme-dark .partyPanel .partyCountryTable tbody tr:hover .tradeInsightMetricTrack > i,
.theme-dark .trackingPage .trackByTradeInsightsTable tbody tr:hover .tradeInsightMetricTrack > i {
  background: #6DC7EE !important;
}


/* ========================================================================
   PLATFORM-WIDE COPY ICON INLINE POSITION + SHARED THREE-STATE THEME
   ------------------------------------------------------------------------
   Copy stays in normal document flow immediately after the displayed name.
   Shared states: neutral gray -> light blue -> dark blue copied/pressed.
   ======================================================================== */
:root {
  --platform-copy-size: 22px;
  --platform-copy-gap: 5px;
  --platform-copy-gray-bg: #F1F3F5;
  --platform-copy-gray-border: #D6DADE;
  --platform-copy-gray-icon: #7B8490;
  --platform-copy-light-blue-bg: #E8F6FD;
  --platform-copy-light-blue-border: #B6E0F4;
  --platform-copy-light-blue-icon: #3FA7D5;
  --platform-copy-dark-blue: #006FB8;
}

#root .copyNameWrap,
#root .theme-light .copyNameWrap,
#root .theme-dark .copyNameWrap,
#root .nameWithCopy .copyNameWrap,
#root .recordCompanyNameLine > .copyNameWrap,
#root .partyCompanyNameInline > .copyNameWrap,
#root .supplyNameCopyRow > .copyNameWrap,
#root .trackByNameCopyFlow > .copyNameWrap,
#root .trackCompanyNameInlineCopy > .copyNameWrap,
#root .contactCompanyTitle > .copyNameWrap {
  box-sizing: border-box !important;
  position: static !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  float: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: auto !important;
  flex: 0 0 var(--platform-copy-size) !important;
  width: var(--platform-copy-size) !important;
  min-width: var(--platform-copy-size) !important;
  max-width: var(--platform-copy-size) !important;
  height: var(--platform-copy-size) !important;
  min-height: var(--platform-copy-size) !important;
  max-height: var(--platform-copy-size) !important;
  margin: 0 0 0 var(--platform-copy-gap) !important;
  padding: 0 !important;
  vertical-align: middle !important;
  overflow: visible !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
  background: transparent !important;
  pointer-events: auto !important;
}

#root .copyNameBtn,
#root .theme-light .copyNameBtn,
#root .theme-dark .copyNameBtn,
#root .trackRecordsWrap .activeTrackRow .copyNameBtn,
#root .trackRecordsWrap .activeTrackRow .companyMiniActions .copyNameBtn {
  box-sizing: border-box !important;
  position: static !important;
  inset: auto !important;
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 var(--platform-copy-size) !important;
  width: var(--platform-copy-size) !important;
  min-width: var(--platform-copy-size) !important;
  max-width: var(--platform-copy-size) !important;
  height: var(--platform-copy-size) !important;
  min-height: var(--platform-copy-size) !important;
  max-height: var(--platform-copy-size) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid var(--platform-copy-gray-border) !important;
  border-radius:0!important;
  background: var(--platform-copy-gray-bg) !important;
  color: #FFFFFF !important;
  visibility: visible !important;
  opacity: 1 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  transform: none !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  transition: background-color .16s ease, border-color .16s ease, color .16s ease, transform .16s ease !important;
}

#root .copyNameBtn:hover:not(.copied),
#root .copyNameBtn:focus-visible:not(.copied),
#root .theme-light .copyNameBtn:hover:not(.copied),
#root .theme-light .copyNameBtn:focus-visible:not(.copied),
#root .theme-dark .copyNameBtn:hover:not(.copied),
#root .theme-dark .copyNameBtn:focus-visible:not(.copied),
#root .trackRecordsWrap .activeTrackRow .copyNameBtn:hover:not(.copied),
#root .trackRecordsWrap .activeTrackRow .copyNameBtn:focus-visible:not(.copied) {
  border-color: var(--platform-copy-light-blue-border) !important;
  background: var(--platform-copy-light-blue-bg) !important;
  color: #0B69DF !important;
  outline: none !important;
  box-shadow: none !important;
  transform: none !important;
}

#root .copyNameBtn:active,
#root .copyNameBtn.copied,
#root .theme-light .copyNameBtn:active,
#root .theme-light .copyNameBtn.copied,
#root .theme-dark .copyNameBtn:active,
#root .theme-dark .copyNameBtn.copied,
#root .trackRecordsWrap .activeTrackRow .copyNameBtn:active,
#root .trackRecordsWrap .activeTrackRow .copyNameBtn.copied {
  border-color: var(--platform-copy-dark-blue) !important;
  background: var(--platform-copy-dark-blue) !important;
  color: #FFFFFF !important;
  box-shadow: none !important;
  transform: scale(.96) !important;
}

#root .copyNameBtn svg,
#root .theme-light .copyNameBtn svg,
#root .theme-dark .copyNameBtn svg {
  width: 13px !important;
  min-width: 13px !important;
  max-width: 13px !important;
  height: 13px !important;
  min-height: 13px !important;
  max-height: 13px !important;
  color: currentColor !important;
  stroke: currentColor !important;
  fill: none !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
}

#root .nameWithCopy {
  display: inline !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow: visible !important;
  vertical-align: baseline !important;
}

#root .nameWithCopy > .copyTextName {
  display: inline !important;
  flex: none !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

#root :is(
  .recordCompanyNameLine,
  .companyViewNameInlineCopy,
  .shipmentPartyNameInline,
  .partyCompanyNameInline,
  .supplyNameCopyRow,
  .trackByNameCopyFlow,
  .trackCompanyNameInlineCopy
) {
  display: block !important;
  position: static !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  white-space: normal !important;
  text-align: left !important;
  line-height: 1.4 !important;
}

#root :is(
  .recordCompanyNameLine,
  .companyViewNameInlineCopy,
  .shipmentPartyNameInline
) > .recordCellClamp,
#root .partyCompanyNameInline > .partyCompanyNameText,
#root .supplyNameCopyRow > .supplyNameCopyText,
#root .trackCompanyNameInlineCopy > .trackCompanyNameText {
  display: inline !important;
  flex: none !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  line-height: inherit !important;
  vertical-align: baseline !important;
}

#root .trackByNameCopyFlow > .trackByRecordValueBtn {
  display: inline !important;
  position: static !important;
  flex: none !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: inherit !important;
  font: inherit !important;
  line-height: inherit !important;
  white-space: normal !important;
  vertical-align: baseline !important;
  text-align: left !important;
  box-shadow: none !important;
}

#root .trackByNameCopyFlow > .trackByRecordValueBtn > .tradeInsightNameText {
  display: inline !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  line-height: inherit !important;
}

#root .contactCompanyTitle {
  justify-content: flex-start !important;
}

#root .contactCompanyTitle > h3 {
  flex: 0 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: calc(100% - 120px) !important;
}

#root .copyNameWrap {
  margin-right: 0 !important;
}

/* Contact header already has a 10px flex gap; offset it so Copy remains 5px after the title. */
#root .contactCompanyTitle > .copyNameWrap {
  margin-left: -5px !important;
}

/* ========================================================================
   TABLE HEADER DROPDOWN VISUAL PARITY
   ------------------------------------------------------------------------
   Keep the Track By reference design on all matching Global Search controls:
   - Track By View By and party-country filters
   - Trade Search Importer / Exporter country filters
   - Trade Insights View By selector

   Light theme: clean white resting surface; Eximbot blue border on hover/focus.
   This block changes presentation only and does not affect dropdown behaviour,
   sorting, API requests, table widths, or responsive layout.
   ======================================================================== */
#root :is(
  .trackingPage .trackByTradeInsightsTable .tradeInsightsHeaderSelect,
  .trackingPage .trackByTradeInsightsTable .analysisCountryFilterSelect,
  .partyPanel .partyCountryTable .analysisCountryFilterSelect,
  .statisticsPanel .tradeInsightsSummaryTable .tradeInsightsHeaderSelect
) {
  background: #FFFFFF !important;
  border: 1px solid #D7E4EF !important;
  color: #0B1730 !important;
  box-shadow: none !important;
  transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease !important;
}

#root :is(
  .trackingPage .trackByTradeInsightsTable .tradeInsightsHeaderSelect,
  .trackingPage .trackByTradeInsightsTable .analysisCountryFilterSelect,
  .partyPanel .partyCountryTable .analysisCountryFilterSelect,
  .statisticsPanel .tradeInsightsSummaryTable .tradeInsightsHeaderSelect
):hover {
  background: #FFFFFF !important;
  border-color: #0B69DF !important;
  box-shadow: none !important;
}

#root :is(
  .trackingPage .trackByTradeInsightsTable .tradeInsightsHeaderSelect,
  .trackingPage .trackByTradeInsightsTable .analysisCountryFilterSelect,
  .partyPanel .partyCountryTable .analysisCountryFilterSelect,
  .statisticsPanel .tradeInsightsSummaryTable .tradeInsightsHeaderSelect
):focus,
#root :is(
  .trackingPage .trackByTradeInsightsTable .tradeInsightsHeaderSelect,
  .trackingPage .trackByTradeInsightsTable .analysisCountryFilterSelect,
  .partyPanel .partyCountryTable .analysisCountryFilterSelect,
  .statisticsPanel .tradeInsightsSummaryTable .tradeInsightsHeaderSelect
):focus-visible {
  background: #FFFFFF !important;
  border-color: #0B69DF !important;
  box-shadow: 0 0 0 2px rgba(11, 105, 223, .12) !important;
  outline: none !important;
}

:is(#root.theme-dark, #root .theme-dark) :is(
  .trackingPage .trackByTradeInsightsTable .tradeInsightsHeaderSelect,
  .trackingPage .trackByTradeInsightsTable .analysisCountryFilterSelect,
  .partyPanel .partyCountryTable .analysisCountryFilterSelect,
  .statisticsPanel .tradeInsightsSummaryTable .tradeInsightsHeaderSelect
) {
  background: #11182A !important;
  border-color: #2F4763 !important;
  color: #FFFFFF !important;
}

:is(#root.theme-dark, #root .theme-dark) :is(
  .trackingPage .trackByTradeInsightsTable .tradeInsightsHeaderSelect,
  .trackingPage .trackByTradeInsightsTable .analysisCountryFilterSelect,
  .partyPanel .partyCountryTable .analysisCountryFilterSelect,
  .statisticsPanel .tradeInsightsSummaryTable .tradeInsightsHeaderSelect
):hover,
:is(#root.theme-dark, #root .theme-dark) :is(
  .trackingPage .trackByTradeInsightsTable .tradeInsightsHeaderSelect,
  .trackingPage .trackByTradeInsightsTable .analysisCountryFilterSelect,
  .partyPanel .partyCountryTable .analysisCountryFilterSelect,
  .statisticsPanel .tradeInsightsSummaryTable .tradeInsightsHeaderSelect
):focus,
:is(#root.theme-dark, #root .theme-dark) :is(
  .trackingPage .trackByTradeInsightsTable .tradeInsightsHeaderSelect,
  .trackingPage .trackByTradeInsightsTable .analysisCountryFilterSelect,
  .partyPanel .partyCountryTable .analysisCountryFilterSelect,
  .statisticsPanel .tradeInsightsSummaryTable .tradeInsightsHeaderSelect
):focus-visible {
  background: #151E32 !important;
  border-color: #3986B5 !important;
}

/* ========================================================================
   COPY ICON ALWAYS FOLLOWS THE WRAPPED COMPANY NAME
   ------------------------------------------------------------------------
   Some table-specific flex/grid rules reserved a separate right-side column
   for Copy. With a wrapped company name that left the icon beside line one.
   These final, high-specificity rules restore one inline text flow so Copy is
   painted immediately after the actual final line/word of the company name.
   ======================================================================== */
#root .nameWithCopy.nameWithCopy {
  display: inline !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: visible !important;
  white-space: normal !important;
  line-height: inherit !important;
  vertical-align: baseline !important;
}

#root .nameWithCopy.nameWithCopy > .copyTextName.copyTextName {
  display: inline !important;
  flex: none !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  line-height: inherit !important;
  vertical-align: baseline !important;
}

#root .shipmentRecordsTableWrap:not(.trackingShipmentRecordsTableWrap)
  .shipmentRecordLayoutTable tbody
  :is(td[data-column-key="importer"], td[data-column-key="exporter"])
  .recordCompanyNameLine.shipmentPartyNameInline,
#root .companyTradingRecordsTable tbody
  .recordCompanyNameLine.companyViewNameInlineCopy,
#root .trackingPage .trackRecordsWrap tbody
  .recordCompanyNameLine.trackCompanyNameInlineCopy,
#root .partyPanel .partyTable tbody
  .statsNameTopLine.partyCompanyNameInline,
#root .trackingPage .trackByTradeInsightsTable tbody
  .trackByNameCopyFlow.trackByNameCopyFlow {
  display: block !important;
  position: static !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  white-space: normal !important;
  text-align: left !important;
  line-height: inherit !important;
}

#root .shipmentRecordsTableWrap:not(.trackingShipmentRecordsTableWrap)
  .shipmentRecordLayoutTable tbody
  :is(td[data-column-key="importer"], td[data-column-key="exporter"])
  .recordCompanyNameLine.shipmentPartyNameInline > .recordCellClamp.recordCellClamp,
#root .companyTradingRecordsTable tbody
  .recordCompanyNameLine.companyViewNameInlineCopy > .recordCellClamp.recordCellClamp,
#root .trackingPage .trackRecordsWrap tbody
  .recordCompanyNameLine.trackCompanyNameInlineCopy > .trackCompanyNameText.trackCompanyNameText,
#root .partyPanel .partyTable tbody
  .statsNameTopLine.partyCompanyNameInline > .partyCompanyNameText.partyCompanyNameText,
#root .trackingPage .trackByTradeInsightsTable tbody
  .trackByNameCopyFlow.trackByNameCopyFlow > .trackByRecordValueBtn.trackByRecordValueBtn,
#root .trackingPage .trackByTradeInsightsTable tbody
  .trackByNameCopyFlow.trackByNameCopyFlow > .trackByRecordValueBtn.trackByRecordValueBtn > .tradeInsightNameText.tradeInsightNameText {
  display: inline !important;
  position: static !important;
  float: none !important;
  flex: none !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  line-height: inherit !important;
  vertical-align: baseline !important;
  -webkit-box-orient: initial !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
}

#root .shipmentRecordsTableWrap:not(.trackingShipmentRecordsTableWrap)
  .shipmentRecordLayoutTable tbody
  :is(td[data-column-key="importer"], td[data-column-key="exporter"])
  .recordCompanyNameLine.shipmentPartyNameInline > .copyNameWrap,
#root .companyTradingRecordsTable tbody
  .recordCompanyNameLine.companyViewNameInlineCopy > .copyNameWrap,
#root .trackingPage .trackRecordsWrap tbody
  .recordCompanyNameLine.trackCompanyNameInlineCopy > .copyNameWrap,
#root .partyPanel .partyTable tbody
  .statsNameTopLine.partyCompanyNameInline > .copyNameWrap,
#root .trackingPage .trackByTradeInsightsTable tbody
  .trackByNameCopyFlow.trackByNameCopyFlow > .copyNameWrap,
#root .nameWithCopy.nameWithCopy > .copyNameWrap {
  box-sizing: border-box !important;
  position: static !important;
  inset: auto !important;
  display: inline-grid !important;
  float: none !important;
  place-items: center !important;
  flex: none !important;
  align-self: auto !important;
  justify-self: auto !important;
  margin: 0 0 0 5px !important;
  padding: 0 !important;
  vertical-align: -0.22em !important;
}


/* ==========================================================================\n   UNIFIED TABLE SECTION TITLES\n   Reference: Company View > Trade Analysis > View By.\n   Applies the same blue accent, title size, result-count size and title/count\n   line spacing to Trade Search and Track table headings without changing any\n   table geometry or functionality.\n   ========================================================================== */
.tradeSearch .resultSummary,
.trackingPage .trackByHead > div:first-child,
.trackingPage .trackingRecordsPanel > .panelHead > .trackingRecordsHeading {
  display: grid !important;
  justify-items: start !important;
  align-content: start !important;
  gap: 1px !important;
  min-width: 0 !important;
}

.tradeSearch .resultSummary > .eyebrow,
.trackingPage .trackByHead > div:first-child > .eyebrow,
.trackingPage .trackingRecordsTitleLine > .eyebrow {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  color: #0B1730 !important;
  font-size: 15px !important;
  font-weight: 550 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  white-space: nowrap !important;
}

.tradeSearch .resultSummary > .eyebrow::before,
.trackingPage .trackByHead > div:first-child > .eyebrow::before,
.trackingPage .trackingRecordsTitleLine > .eyebrow::before {
  content: "" !important;
  width: 4px !important;
  height: 16px !important;
  flex: 0 0 4px !important;
  border-radius:0!important;
  background: #0B69DF !important;
}

.tradeSearch .resultSummary > .resultLine {
  display: block !important;
  margin: 0 !important;
  min-width: 0 !important;
}

.tradeSearch .resultSummary > .resultLine > h3,
.trackingPage .trackByHead > div:first-child > h3,
.trackingPage .trackingRecordsPanel > .panelHead > .trackingRecordsHeading > h3 {
  margin: 0 0 0 12px !important;
  color: #0B1730 !important;
  font-size: 13px !important;
  font-weight: 550 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

.trackingPage .trackingRecordsTitleLine {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.theme-dark .tradeSearch .resultSummary > .eyebrow,
.theme-dark .trackingPage .trackByHead > div:first-child > .eyebrow,
.theme-dark .trackingPage .trackingRecordsTitleLine > .eyebrow {
  color: #FFFFFF !important;
}

.theme-dark .tradeSearch .resultSummary > .resultLine > h3,
.theme-dark .trackingPage .trackByHead > div:first-child > h3,
.theme-dark .trackingPage .trackingRecordsPanel > .panelHead > .trackingRecordsHeading > h3 {
  color: #FFFFFF !important;
}

/* ==========================================================================
   PLATFORM-WIDE TABLE/SECTION TITLE SPACING — EXACT 15PX ABOVE + BELOW
   Keeps title typography and blue-accent system consistent while neutralising
   older parent gaps/margins that previously made each table start differently.
   ========================================================================== */
:root{
  --platform-table-title-space:15px;
}

/* Trade Search: Shipment Records, Importer, Exporter and Trade Insights. */
.tradeSearch .resultTabs{
  margin-bottom:0!important;
  padding-bottom:0!important;
}
.tradeSearch .results.panel > .panelHead{
  padding:var(--platform-table-title-space) 0!important;
  margin:0!important;
}
.tradeSearch .results.panel > .tableWrap{
  margin-top:0!important;
}

/* Track: Track By and Tracking Records. Parent grid gap is cancelled only
   around the heading, while table-to-pagination spacing stays unchanged. */
.trackingPage .trackPanel{
  padding-top:0!important;
}
.trackingPage .trackPanel > .panelHead{
  padding:var(--platform-table-title-space) 0!important;
  margin:0 0 -12px!important;
}

/* Company View: Associated Companies and Trade Analysis View By headings. */
.associatedCompanyPanel > .analysisViewControlGroup{
  padding:var(--platform-table-title-space) 0!important;
  margin-bottom:-14px!important;
}

.analysisPanel > .analysisRoleHeader{
  padding-bottom:0!important;
}


/* Company View: all Trading Records headings opened from Trade Trend,
   Associated Companies and Trade Analysis. */
.tradeTrendRecordsBlock{
  margin-top:0!important;
  padding-top:0!important;
}
.tradeTrendRecordsBlock > .tradeTrendRecordsHeader,
.tradingRecordsBlock > .companyRecordsHeading{
  padding:var(--platform-table-title-space) 0!important;
  margin-bottom:-10px!important;
}

.tradeTrendRecordsHeader > div:first-child,
.companyRecordsHeading{
  gap:1px!important;
}
.tradeTrendRecordsHeader h4,
.companyRecordsHeading h4{
  margin:0!important;
  color:#0B1730 !important;
  font-size:15px!important;
  font-weight:550!important;
  line-height:1.2!important;
}
.tradeTrendRecordsHeader p,
.companyRecordsHeading p{
  margin:0 0 0 12px!important;
  color:#0B1730 !important;
  font-size:13px!important;
  font-weight:550!important;
  line-height:1.2!important;
}
.theme-dark .tradeTrendRecordsHeader h4,
.theme-dark .companyRecordsHeading h4{
  color:#FFFFFF !important;
}
.theme-dark .tradeTrendRecordsHeader p,
.theme-dark .companyRecordsHeading p{
  color:#FFFFFF !important;
}

/* Company View record detail title. */
.companyRecordTabPanel{
  padding-top:0!important;
}
.companyRecordTabPanel > div:first-child{
  padding:var(--platform-table-title-space) 0!important;
  margin-bottom:-14px!important;
}

/* Remaining table pages: Favourite, Search/Download History and Latest Update. */
.page > .panel:has(> .favouriteToolbar),
.historyPage > .historyPanel{
  padding-top:0!important;
}
.page > .panel:has(> .favouriteToolbar) > .panelHead,
.historyPage > .historyPanel > .panelHead{
  padding:var(--platform-table-title-space) 0!important;
  margin:0!important;
}
.latestUpdatePage > .latestPanel{
  padding-top:0!important;
}
.latestUpdatePage > .latestPanel > .latestUpdateApiHead{
  padding:var(--platform-table-title-space) 4px!important;
  margin-bottom:-18px!important;
}

@media(max-width:640px){
  .associatedCompanyPanel > .analysisViewControlGroup{
    padding-top:var(--platform-table-title-space)!important;
    padding-bottom:var(--platform-table-title-space)!important;
  }
}

/* ==========================================================================
   TRADE SEARCH TAB UNDERLINE -> TITLE: EXACT 15PX
   The active blue underline now ends at the result-tabs container edge.
   The title block then starts exactly 15px below that underline on all four
   Trade Search tabs: Shipment Records, Importer, Exporter and Trade Insights.
   ========================================================================== */
.tradeSearch .resultTabs{
  margin-bottom:0!important;
  padding-bottom:12px!important;
}
.tradeSearch .resultTabs button::after{
  bottom:-12px!important;
}
.tradeSearch .results.panel > .panelHead{
  padding-top:15px!important;
  padding-bottom:15px!important;
  margin:0!important;
}



/* LIVE EXCEL DOWNLOAD + SUPPLIER ACCOUNT QUOTA */
.resultActions .downloadAction:disabled,
.resultActions .downloadLimitBtn:disabled {
  opacity: .48 !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
}
.liveDownloadQuotaModal {
  width: min(760px, 94vw) !important;
  padding-bottom: 24px !important;
}
.downloadQuotaBody { padding: 18px 24px 0; }
.downloadQuotaStatus {
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  color: var(--sl-muted,#0B1730);
  font-size: 13px;
  font-weight: 550;
}
.downloadQuotaStatus.compact { min-height: 30px; justify-content: flex-start; }
.downloadQuotaMeta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}
.downloadQuotaMeta span {
  border: 1px solid var(--sl-border, #DDE5F2);
  border-radius: 10px;
  background: var(--sl-surface-2, #F7F9FC);
  padding: 10px 12px;
  color: var(--sl-muted,#0B1730);
  font-size: 12px;
  min-width: 0;
}
.downloadQuotaMeta b { display: block; margin-top: 3px; color: var(--sl-text,#0B1730); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.downloadQuotaGrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.downloadQuotaGrid article {
  border: 1px solid var(--sl-border, #DDE5F2);
  border-radius: 12px;
  background: var(--sl-surface, #FFFFFF);
  padding: 16px;
  box-shadow: 0 10px 28px rgba(17, 42, 80, .06);
}
.downloadQuotaGrid article > span { display: block; color: var(--sl-muted,#0B1730); font-size: 12px; font-weight: 550; text-transform: uppercase; letter-spacing: .04em; }
.downloadQuotaGrid article > strong { display: block; color: #0B69DF; font-size: 30px; line-height: 1.15; margin: 8px 0 2px; }
.downloadQuotaGrid article > small { display: block; color: var(--sl-muted,#0B1730); margin-bottom: 14px; }
.downloadQuotaGrid article > div { display: flex; justify-content: space-between; gap: 12px; border-top: 1px solid var(--sl-border, #DDE5F2); padding-top: 9px; margin-top: 9px; font-size: 12px; }
.downloadQuotaGrid article em { font-style: normal; color: var(--sl-text,#0B1730); font-weight: 550; }
.downloadQuotaNote { margin: 14px 0 0 !important; font-size: 12px; }
.downloadReportModal { width: min(620px, 94vw) !important; }
.downloadReportHeading { display: flex; align-items: center; gap: 11px; padding-right: 40px; }
.downloadReportHeading > span { width: 38px; height: 38px; border-radius: 0; display: grid; place-items: center; background: #0B69DF; color: #FFFFFF; }
.downloadReportHeading h3 { margin: 0 !important; }
.downloadReportHeading p { margin: 2px 0 0 !important; font-size: 12px; }
.downloadReportSummary { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 18px 0 14px; }
.downloadReportSummary span { border: 1px solid var(--sl-border, #DDE5F2); border-radius: 0; padding: 10px 12px; color: #0B1730; font-size: 12px; }
.downloadReportSummary b { display: block; margin-top: 3px; color: var(--sl-text,#0B1730); font-size: 16px; }
.downloadCountField { display: grid; gap: 7px; color: var(--sl-text,#0B1730); font-size: 13px; font-weight: 550; }
.downloadCountField input { height: 42px; border: 1px solid var(--sl-border, #CBD8E6); border-radius: 0; background: var(--sl-surface, #FFFFFF); color: var(--sl-text,#0B1730); padding: 0 12px; font: inherit; }
.downloadColumnSection { margin-top: 16px; }
.downloadColumnTitle { display: flex; align-items: center; justify-content: space-between; margin-bottom: 9px; font-size: 13px; }
.downloadColumnTitle span { color: var(--sl-muted,#0B1730); font-size: 12px; }
.downloadColumnGrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; max-height: 230px; overflow: auto; }
.downloadColumnGrid label { display: flex; align-items: center; gap: 8px; border: 1px solid var(--sl-border, #DDE5F2); border-radius: 0; padding: 9px 10px; background: var(--sl-surface-2, #F7F9FC); color: var(--sl-text,#0B1730); font-size: 12px; font-weight: 550; cursor: pointer; }
.downloadColumnGrid label.selected { border-color: var(--sl-primary, #0B69DF); background: var(--sl-primary-soft, #E9F7FF); }
.downloadFixedColumns { margin-top: 16px; border: 1px solid var(--sl-border, #DDE5F2); border-radius: 0; padding: 11px 12px; }
.downloadFixedColumns b { font-size: 13px; }
.downloadFixedColumns p { margin: 5px 0 0 !important; font-size: 12px; }
.downloadExcelBtn:disabled, .downloadReportModal .ghost:disabled, .downloadReportModal .close:disabled { opacity: .5; cursor: not-allowed; }
.theme-dark .downloadQuotaMeta span,
.theme-dark .downloadQuotaGrid article,
.theme-dark .downloadReportSummary span,
.theme-dark .downloadCountField input,
.theme-dark .downloadColumnGrid label,
.theme-dark .downloadFixedColumns { background: #0F1325; border-color: #242C49; }
.theme-dark .downloadColumnGrid label.selected { background: rgba(11, 105, 223, .16); border-color: #47BFF2; }
@media (max-width: 680px) {
  .downloadQuotaMeta, .downloadQuotaGrid, .downloadReportSummary, .downloadColumnGrid { grid-template-columns: 1fr; }
}


/* DOWNLOAD MODALS — ALWAYS WHITE EXIMBOT THEME */
.liveDownloadQuotaModal,
.downloadReportModal,
.theme-dark .liveDownloadQuotaModal,
.theme-dark .downloadReportModal {
  background: #FFFFFF !important;
  color: #0B1730 !important;
  border: 1px solid #DDE5F2 !important;
  box-shadow: 0 28px 80px rgba(11, 43, 86, .22) !important;
}
.liveDownloadQuotaModal .close,
.downloadReportModal .close,
.theme-dark .liveDownloadQuotaModal .close,
.theme-dark .downloadReportModal .close {
  top: 22px !important;
  right: 22px !important;
  width: 34px !important;
  height: 34px !important;
  background: #F4F8FC !important;
  color: #0B1730 !important;
  border-color: #DDE5F2 !important;
  border-radius:0!important;
}
.downloadQuotaMeta span,
.downloadQuotaGrid article,
.downloadReportSummary span,
.downloadCountField input,
.downloadColumnGrid label,
.downloadFixedColumns,
.theme-dark .downloadQuotaMeta span,
.theme-dark .downloadQuotaGrid article,
.theme-dark .downloadReportSummary span,
.theme-dark .downloadCountField input,
.theme-dark .downloadColumnGrid label,
.theme-dark .downloadFixedColumns {
  background: #FFFFFF !important;
  color: #0B1730 !important;
  border-color: #DDE5F2 !important;
}
.downloadQuotaMeta span,
.downloadReportSummary span,
.theme-dark .downloadQuotaMeta span,
.theme-dark .downloadReportSummary span { background: #F8FAFD !important; }
.downloadColumnGrid label.selected,
.theme-dark .downloadColumnGrid label.selected {
  background: #EAF7FF !important;
  border-color: #0B69DF !important;
  color: #FFFFFF !important;
}
.downloadReportModal h3,
.downloadReportModal b,
.downloadReportModal label,
.downloadQuotaMeta b,
.downloadQuotaGrid article em,
.theme-dark .downloadReportModal h3,
.theme-dark .downloadReportModal b,
.theme-dark .downloadReportModal label,
.theme-dark .downloadQuotaMeta b,
.theme-dark .downloadQuotaGrid article em { color: #0B1730 !important; }
.downloadReportModal p,
.downloadColumnTitle span,
.downloadQuotaMeta span,
.downloadQuotaGrid article > span,
.downloadQuotaGrid article > small,
.theme-dark .downloadReportModal p,
.theme-dark .downloadColumnTitle span,
.theme-dark .downloadQuotaMeta span,
.theme-dark .downloadQuotaGrid article > span,
.theme-dark .downloadQuotaGrid article > small { color: #0B1730 !important; }
#root .unifiedDownloadModal .downloadExcelBtn,
#root .unifiedDownloadModal .downloadExcelBtn *{ color:#FFFFFF!important; }
.downloadExcelBtn { background: #0B69DF !important; border-color: #0B69DF !important; color: #FFFFFF !important; border-radius:0!important; }

/* Live Data Sources: search and persistent favourites */
.customDataSearchBar{position:sticky;top:-7px;z-index:40;display:block;width:100%;box-sizing:border-box;padding:7px 0 9px;background:var(--sl-surface,#fff)}
.customDataSearchFieldWrap{position:relative;width:100%;min-width:0}
.customDataSearchBar label{display:flex;align-items:center;gap:7px;width:100%;min-width:0;height:34px;padding:0 10px;border:1px solid var(--sl-border,#d7e2ee);border-radius:0;background:var(--sl-surface,#fff);color:var(--sl-muted,#0B1730);box-sizing:border-box}
.customDataSearchBar:has(.customDataSearchClear) .customDataSearchFieldWrap>label{padding-right:40px}
.customDataSearchBar input{width:100%;min-width:0;border:0!important;outline:0!important;padding:0!important;margin:0!important;background:transparent!important;color:var(--sl-text,#0B1730) !important;font:inherit;font-size:10.5px!important;box-shadow:none!important}
.customDataSearchBar label:focus-within{border-color:#0B69DF;box-shadow:0 0 0 3px rgba(11,105,223,.11)}
.customDataSearchClear{position:absolute;right:4px;top:9px;width:26px;height:26px;display:grid;place-items:center;padding:0;border:1px solid var(--sl-border,#d7e2ee);border-radius:0;background:var(--sl-surface,#fff);color:var(--sl-muted,#0B1730);cursor:pointer}
.customDataSearchClear:hover{border-color:#0B69DF;color:#0B69DF;background:#eef8ff}
.customDataFavouriteGroup{border-color:rgba(11,105,223,.34)!important;box-shadow:0 0 0 2px rgba(11,105,223,.06)}
.customDataFavouriteGroup h4{display:flex;align-items:center;gap:6px;background:#eaf7ff!important;color:#0B69DF !important}
.customDataFavouriteColumn,.customDataFavouriteCell{width:62px!important;min-width:62px!important;text-align:center!important}
.customDataFavouriteButton{width:26px;height:26px;display:inline-grid;place-items:center;padding:0;border:1px solid #cddbea;border-radius:0;background:#fff;color:#0B1730;cursor:pointer;transition:all 150ms ease}
.customDataFavouriteButton:hover{border-color:#0B69DF;color:#0B69DF;background:#edf8ff;transform:translateY(-1px)}
.customDataFavouriteButton.active{border-color:#0B69DF;color:#0B69DF;background:#dff3ff}
.theme-dark .customDataSearchBar{background:var(--sl-surface,#111a2d)}
.theme-dark .customDataSearchBar label,.theme-dark .customDataSearchClear,.theme-dark .customDataFavouriteButton{background:#121c31;border-color:#2d3a55;color:#FFFFFF}
.theme-dark .customDataSearchBar input{color:#FFFFFF !important}
.theme-dark .customDataFavouriteGroup h4{background:rgba(11,105,223,.18)!important;color:#0B69DF !important}
.theme-dark .customDataFavouriteButton.active{background:rgba(11,105,223,.22);border-color:#0B69DF;color:#0B69DF}
.customDataTable th:nth-child(1),.customDataTable td:nth-child(1){width:9%}
.customDataTable th:nth-child(2),.customDataTable td:nth-child(2){width:27%}
.customDataTable th:nth-child(3),.customDataTable td:nth-child(3){width:23%}
.customDataTable th:nth-child(4),.customDataTable td:nth-child(4){width:15%}
.customDataTable th:nth-child(5),.customDataTable td:nth-child(5){width:26%}
@media(max-width:620px){.customDataSearchClear{display:none}.customDataFavouriteColumn,.customDataFavouriteCell{width:48px!important;min-width:48px!important}}

/* Company View native single-direction source of truth (no runtime override). */
.companyOverviewMetaRow{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:10px;
}
.companyOverviewPage .companyViewDateFilter{display:none!important}
.companyOverviewPage .tradeTrendRoleToggle,
.companyOverviewPage .associatedModeSelector,
.companyOverviewPage .analysisRoleSwitch,
.companyOverviewPage .analysisRoleHeader{display:none!important}


/* ========================================================================
   TOP-RIGHT ACCOUNT CONTROLS CLICK / STACKING FIX
   Keep the authenticated account dropdown and logout button above the sticky
   application tab strip. This final rule intentionally wins over older
   duplicate account-menu declarations elsewhere in this stylesheet.
   ======================================================================== */
#root .app > .topUserControls {
  z-index: 10050 !important;
  pointer-events: auto !important;
  isolation: isolate !important;
}

#root .app > .topUserControls .topAccountMenu,
#root .app > .topUserControls .topUserName,
#root .app > .topUserControls .topLogoutIcon,
#root .app > .topUserControls .topAccountDropdown,
#root .app > .topUserControls .topAccountDropdown button {
  pointer-events: auto !important;
}

#root .app > .topUserControls .topAccountDropdown {
  z-index: 10060 !important;
}

/* Trade Search synthetic Global Data source */
.singleSourceSwitch{min-width:220px;border-radius:0!important}
.singleSourceSwitch button{width:100%;max-width:320px!important;border-radius:0!important}
.customDataGlobalMark{width:26px;height:26px;display:inline-grid;place-items:center;padding:0;border:1px solid #0B69DF;border-radius:0;background:#dff3ff;color:#0B69DF}
.theme-dark .customDataGlobalMark{background:rgba(11,105,223,.14);border-color:rgba(72,199,247,.38);color:#0B69DF}


/* Temporary Associated Companies: vertical searchImporter/searchExporter all-fields view */
.associatedRawRecordsList {
  display:flex;
  flex-direction:column;
  gap:14px;
  width:100%;
}
.associatedRawRecordCard {
  overflow:hidden;
  border:1px solid #D7E5F1;
  border-radius:14px;
  background:#FFFFFF;
  box-shadow:0 8px 22px rgba(11,23,48,.06);
}
.associatedRawRecordHeader {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 15px;
  border-bottom:1px solid #DCE8F2;
  background:#F6FBFF;
}
.associatedRawRecordHeader>div {
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.associatedRawRecordHeader strong {
  overflow-wrap:anywhere;
  color:#0B1730;
  font-size:13px;
}
.associatedRawRecordNumber,
.associatedRawRecordCountry {
  display:inline-flex;
  align-items:center;
  min-height:27px;
  padding:4px 9px;
  border:1px solid #BFE7FB;
  border-radius:999px;
  background:#EAF8FF;
  color:#0B69DF;
  font-size:11px;
  font-weight:550;
  white-space:nowrap;
}
.associatedRawFieldsWrap {
  overflow-x:auto;
  overflow-y:visible;
  border:0;
  border-radius:0;
}
.associatedRawFieldsTable {
  width:100%;
  min-width:560px;
  table-layout:fixed;
}
.associatedRawFieldsTable thead th:first-child,
.associatedRawFieldsTable tbody th.associatedRawFieldName {
  width:31%;
  min-width:180px;
}
.associatedRawFieldsTable thead th:last-child {
  width:69%;
}
.associatedRawFieldsTable th,
.associatedRawFieldsTable td.associatedRawFieldCell {
  vertical-align:top;
  white-space:normal;
  overflow-wrap:anywhere;
}
.associatedRawFieldsTable tbody th.associatedRawFieldName {
  background:#F8FBFE;
  color:#0B69DF;
  font-size:12px;
  font-weight:550;
  text-align:left;
}
.associatedRawFieldsTable td.associatedRawFieldCell {
  color:#0B1730;
  min-width:0;
}
.associatedRawFieldsTable .shipmentDetailValueText,
.associatedRawFieldsTable .shipmentDetailEmptyValue {
  display:block;
  white-space:normal;
  overflow-wrap:anywhere;
}
.associatedRawFieldsTable .shipmentNestedTableWrap,
.associatedRawFieldsTable .shipmentDetailArray {
  max-width:100%;
  overflow:auto;
}
.associatedRawContactLink {
  color:#0B69DF;
  font-weight:550;
  text-decoration:none;
  overflow-wrap:anywhere;
}
.associatedRawContactLink:hover { text-decoration:underline; }
.theme-dark .associatedRawRecordCard {background:#111A2C;border-color:#293C53;box-shadow:none}
.theme-dark .associatedRawRecordHeader {background:#152238;border-color:#293C53}
.theme-dark .associatedRawRecordHeader strong {color:#FFFFFF}
.theme-dark .associatedRawRecordNumber,
.theme-dark .associatedRawRecordCountry {background:rgba(11,105,223,.14);border-color:#275978;color:#0B69DF}
.theme-dark .associatedRawFieldsTable tbody th.associatedRawFieldName {background:#131F31;color:#FFFFFF}
.theme-dark .associatedRawFieldsTable td.associatedRawFieldCell {color:#FFFFFF}
@media(max-width:640px){
  .associatedRawRecordHeader{align-items:flex-start;flex-direction:column}
  .associatedRawRecordHeader>div{align-items:flex-start;flex-direction:column;gap:7px}
  .associatedRawFieldsTable{min-width:480px}
}

.theme-dark .topAppStrip + .bodyShell > .sidebar .sidebarVersionText,
.theme-dark .topAppStrip + .bodyShell > .sidebar .sidebarVersionCompact {
  color: #FFFFFF !important;
}

/* Login page refinement: balanced spacing, bold typography, dotted world network. */
.loginShell{grid-template-columns:minmax(0,1fr) minmax(430px,1fr)!important}
.loginWorldNetwork{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.42}
.loginMapContinents path{fill:url(#loginMapDots);stroke:rgba(72,154,244,.12);stroke-width:1.2}
.loginConnectionLines path{fill:none;stroke:rgba(255,255,255,.94);stroke-width:1.45;stroke-linecap:round;stroke-dasharray:8 14;filter:url(#loginGlow)}
.loginConnectionNodes circle{fill:#fff;stroke:#4EA2F8;stroke-width:2;filter:url(#loginGlow)}
.loginBrandPanel,.loginFormPanel{padding-left:clamp(54px,5.2vw,96px)!important;padding-right:clamp(54px,5.2vw,96px)!important}
.loginBrandContent{width:min(690px,100%)}
.loginBrandPanel h1{letter-spacing:-.045em!important;line-height:1.02!important}
.loginBrandPanel h1 strong{font-weight:inherit!important}
.loginEyebrow{font-weight:550!important}
.loginStat b{font-weight:550!important}
.loginCardHead h1{font-weight:550!important}
@media(max-width:1180px){.loginBrandPanel,.loginFormPanel{padding-left:42px!important;padding-right:42px!important}}
@media(max-width:920px){.loginShell{grid-template-columns:1fr!important}.loginWorldNetwork{opacity:.26}.loginBrandPanel,.loginFormPanel{padding-left:30px!important;padding-right:30px!important}}
@media(max-width:620px){.loginWorldNetwork{display:none}.loginBrandPanel,.loginFormPanel{padding-left:20px!important;padding-right:20px!important}}

/* Company View Partner: Company/Country switch inside the Partner heading row. */
.partnerDisplayModeToolbar{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:0;padding:0;flex:0 0 auto;align-self:center}
@media(max-width:680px){.analysisViewControlGroupInlineHeader{align-items:stretch;flex-direction:column}.partnerDisplayModeToolbar{align-items:stretch;justify-content:flex-start;width:100%}}


/* PLATFORM-WIDE SECTION-LOCAL LOADING BEHAVIOUR
   Only the section/table currently requesting data is blurred. The loader is
   centered inside that same boundary. Multiple loaders may be visible while
   api.js sends backend requests through one sequential queue. */
.sectionLoadingBoundary{
  --section-loading-min-height:150px;
  position:relative;
  min-width:0;
  isolation:isolate;
  border-radius:inherit;
}
.sectionLoadingContent{
  min-width:0;
  transition:filter .18s ease,opacity .18s ease;
}
.sectionLoadingBoundary.is-loading{
  min-height:var(--section-loading-min-height);
}
.sectionLoadingBoundary.is-loading>.sectionLoadingContent{
  min-height:var(--section-loading-min-height);
  filter:blur(3.5px) saturate(.82);
  opacity:.48;
  pointer-events:none;
  user-select:none;
}
.sectionLoadingOverlay{
  position:absolute;
  inset:0;
  z-index:20;
  display:grid;
  place-items:center;
  padding:18px;
  overflow:hidden;
  border-radius:inherit;
  background:rgba(247,250,255,.38);
  pointer-events:auto;
}
.sectionLoadingIndicator{
  position:relative;
  width:min(440px,calc(100% - 30px));
  display:grid;
  justify-items:center;
  align-content:center;
  gap:8px;
  padding:18px 20px;
  text-align:center;
  color:#0B1730;
  background:rgba(255,255,255,.90);
  border:1px solid rgba(11,105,223,.20);
  border-radius:16px;
  box-shadow:0 18px 44px rgba(22,73,112,.16);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.sectionLoadingIndicator .processingSpinner.large{
  width:72px!important;
  min-width:72px!important;
  height:60px!important;
  min-height:60px!important;
  flex-basis:72px!important;
  margin:0 auto!important;
}
.sectionLoadingIndicator strong{font-size:15px;font-weight:550;line-height:1.25}
.sectionLoadingIndicator p{margin:0;color:#0B1730;font-size:12px;line-height:1.45}
.sectionLoadingLabel{max-width:100%;padding:0 24px}
.sectionLoadingDetail{max-width:280px}
.sectionLoadingCloseButton{
  position:absolute;
  top:9px;
  right:9px;
  width:30px;
  height:30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0;
  border:1px solid rgba(11,105,223,.24);
  border-radius:9px;
  background:#F7FBFF;
  color:#0B69DF;
  cursor:pointer;
  z-index:3;
  transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;
}
.sectionLoadingCloseButton:hover{background:#EAF7FF;border-color:#0B69DF;color:#0B69DF;transform:translateY(-1px)}
.sectionLoadingIndicator.requestCancelled{border-color:rgba(214,59,59,.28);background:rgba(255,252,252,.96);color:#0B1730}
.sectionLoadingIndicator.requestCancelled strong{color:#0B1730}
.sectionLoadingIndicator.requestCancelled p{color:#0B1730}
.sectionLoadingIndicator.requestCancelled .sectionLoadingCloseButton{border-color:rgba(214,59,59,.24);background:#FFF7F7;color:#0B1730}
.companyInformationPopupLoader{position:relative}
.companyInformationPopupLoader .sectionLoadingCloseButton{top:12px;right:12px}
.theme-dark .sectionLoadingOverlay{background:rgba(9,10,15,.34)}
.theme-dark .sectionLoadingIndicator{
  color:#FFFFFF;
  background:rgba(15,19,37,.92);
  border-color:rgba(88,199,243,.25);
  box-shadow:0 18px 44px rgba(0,0,0,.34);
}
.theme-dark .sectionLoadingIndicator p{color:#FFFFFF}
.theme-dark .sectionLoadingCloseButton{background:#111A2D;border-color:#2E5370;color:#0B69DF}
.theme-dark .sectionLoadingCloseButton:hover{background:#162640;border-color:#4CBFF0;color:#FFFFFF}
.theme-dark .sectionLoadingIndicator.requestCancelled{background:rgba(45,20,26,.96);border-color:rgba(255,113,128,.34);color:#FFFFFF}
.theme-dark .sectionLoadingIndicator.requestCancelled strong{color:#FFFFFF}
.theme-dark .sectionLoadingIndicator.requestCancelled p{color:#FFFFFF}
.theme-dark .sectionLoadingIndicator.requestCancelled .sectionLoadingCloseButton{background:#321821;border-color:#70404A;color:#FFFFFF}
.resultSectionLoading,.trackSectionLoadingBoundary,.companySectionLoadingBoundary,
.tradeTrendChartLoadingBoundary,.tradeTrendRecordsLoadingBoundary,
.latestUpdateLoadingBoundary,.subAccountLoadingBoundary{width:100%}
.profileSectionLoadingBoundary{width:100%}
.companyHeaderLoadingBoundary{width:100%}
/* The legacy workspace-wide overlay is intentionally disabled. */
.searchProcessingOverlay{display:none!important}
@media(max-width:760px){
  .sectionLoadingIndicator{width:min(280px,calc(100% - 16px));padding:15px}
  .sectionLoadingIndicator .processingSpinner.large{width:62px!important;min-width:62px!important;height:52px!important;min-height:52px!important;flex-basis:62px!important}
}


/* TEMPORARY LOADER API PROGRESS — remove this block with the loader diagnostics later. */
.temporaryApiDebugInfo{
  width:min(290px,100%);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:4px;
  padding:8px 11px;
  border:1px dashed rgba(11,105,223,.34);
  border-radius:10px;
  background:rgba(238,248,255,.82);
  font-size:11px;
  line-height:1.3;
}
.temporaryApiDebugApiList{
  min-width:0;
  display:grid;
  gap:3px;
  text-align:left;
}
.temporaryApiDebugApiList b{
  overflow:hidden;
  color:#0B1730;
  font-size:11px;
  font-weight:550;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.temporaryApiDebugProgress{
  flex:0 0 auto;
  color:#0B69DF;
  font-size:11px;
  font-style:normal;
  font-weight:550;
  white-space:nowrap;
}
.theme-dark .temporaryApiDebugInfo{background:rgba(10,41,61,.74);border-color:rgba(88,199,243,.34)}
.theme-dark .temporaryApiDebugApiList b{color:#FFFFFF}
.theme-dark .temporaryApiDebugProgress{color:#0B69DF}


/* TEMPORARY API QUEUE DIAGNOSTICS — remove after backend/API-flow verification. */
.temporaryApiQueueDebug{
  box-sizing:border-box;
  width:100%;
  display:grid;
  gap:8px;
  margin-top:4px;
  padding:10px;
  border:1px dashed rgba(11,105,223,.38);
  border-radius:12px;
  background:rgba(238,248,255,.88);
  color:#0B1730;
  text-align:left;
}
.temporaryApiQueueCurrent{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
}
.temporaryApiQueueCurrent>span{font-size:10px;font-weight:550;color:#0B1730;white-space:nowrap}
.temporaryApiQueueCurrent>b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:550;color:#0B1730}
.temporaryApiQueueCurrent>em{padding:3px 7px;border-radius:999px;font-size:9px;font-style:normal;font-weight:550;white-space:nowrap}
.temporaryApiQueueCurrent>em.running{background:#E6F8EF;color:#0B1730}
.temporaryApiQueueCurrent>em.queued{background:#FFF6DE;color:#0B1730}
.temporaryApiQueueMetrics{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:5px;
}
.temporaryApiQueueMetrics>span{
  min-width:0;
  min-height:48px;
  display:grid;
  align-content:center;
  justify-items:center;
  gap:2px;
  padding:5px 3px;
  border:1px solid rgba(11,105,223,.14);
  border-radius:0;
  background:rgba(255,255,255,.78);
  color:#0B1730;
  font-size:8px;
  font-weight:550;
  line-height:1.2;
  text-align:center;
}
.temporaryApiQueueMetrics>span>b{color:#0B69DF;font-size:13px;font-weight:550}
.temporaryApiQueueList{display:grid;gap:4px;max-height:122px;overflow:auto;padding-right:2px;scrollbar-width:thin}
.temporaryApiQueueList>span{
  display:grid;
  grid-template-columns:20px minmax(0,1fr) auto;
  align-items:center;
  gap:7px;
  min-height:25px;
  padding:3px 6px;
  border:1px solid rgba(94,119,143,.14);
  border-radius:7px;
  background:rgba(255,255,255,.68);
}
.temporaryApiQueueList>span.current{border-color:rgba(11,105,223,.48);box-shadow:0 0 0 2px rgba(11,105,223,.08)}
.temporaryApiQueueList>span>i{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#E7F6FF;color:#0B69DF;font-size:9px;font-style:normal;font-weight:550}
.temporaryApiQueueList>span>b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0B1730;font-size:10px;font-weight:550}
.temporaryApiQueueList>span>em{font-size:9px;font-style:normal;font-weight:550;color:#0B1730}
.temporaryApiQueueList>span.running>em{color:#0B1730}
.temporaryApiQueueList>span.queued>em{color:#0B1730}
.temporaryApiQueueList>small,.temporaryApiQueueEmpty{padding:4px 2px;color:#0B1730;font-size:9px;line-height:1.3;text-align:center}
.temporaryApiQueueNote{display:block;color:#0B1730;font-size:8px;line-height:1.3;text-align:center}
.theme-dark .temporaryApiQueueDebug{background:rgba(10,41,61,.82);border-color:rgba(88,199,243,.36);color:#FFFFFF}
.theme-dark .temporaryApiQueueCurrent>span,.theme-dark .temporaryApiQueueMetrics>span{color:#FFFFFF}
.theme-dark .temporaryApiQueueCurrent>b{color:#FFFFFF}
.theme-dark .temporaryApiQueueMetrics>span{background:rgba(16,32,48,.82);border-color:rgba(88,199,243,.16)}
.theme-dark .temporaryApiQueueMetrics>span>b{color:#0B69DF}
.theme-dark .temporaryApiQueueList>span{background:rgba(12,29,44,.72);border-color:rgba(119,164,194,.18)}
.theme-dark .temporaryApiQueueList>span>b{color:#FFFFFF}
.theme-dark .temporaryApiQueueList>span>i{background:#123E5A;color:#0B69DF}
.theme-dark .temporaryApiQueueList>small,.theme-dark .temporaryApiQueueEmpty,.theme-dark .temporaryApiQueueNote{color:#FFFFFF}
@media(max-width:760px){
  .temporaryApiQueueMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .temporaryApiQueueMetrics>span:last-child{grid-column:1/-1}
}

/* Trade Search Importer/Exporter: country options load only after the main
   table is visible. Show the second request inside the dropdown header. */
.partyCountryDropdownSpinner{
  position:absolute;
  right:8px;
  top:50%;
  width:12px;
  height:12px;
  margin-top:-6px;
  box-sizing:border-box;
  border:2px solid rgba(11,105,223,.22);
  border-top-color:#0B69DF;
  border-radius:50%;
  animation:partyCountryDropdownSpin .72s linear infinite;
  pointer-events:none;
}
@keyframes partyCountryDropdownSpin{to{transform:rotate(360deg)}}
.theme-dark .partyCountryDropdownSpinner{
  border-color:rgba(83,197,255,.22);
  border-top-color:#53C5FF;
}

/* Data-load retry actions: shown only after an API-backed loader fails. */
.retryDataState{
  width:100%;
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:12px 14px;
  box-sizing:border-box;
  color:#0B1730;
  font-size:13px;
  font-weight:550;
  line-height:1.45;
  text-align:left;
}
.retryDataState.compact{
  min-height:0;
  justify-content:flex-start;
  padding:7px 0;
  font-size:12px;
}
.retryDataState > span{min-width:0;overflow-wrap:anywhere}
.retryDataButton,.dropdownRetryButton{
  flex:0 0 auto;
  border:1px solid rgba(11,105,223,.45);
  border-radius:8px;
  background:#F3FAFF;
  color:#0B69DF;
  font:inherit;
  font-size:12px;
  font-weight:550;
  line-height:1;
  cursor:pointer;
  transition:background .16s ease,border-color .16s ease,transform .16s ease;
}
.retryDataButton{padding:8px 13px}
.dropdownRetryButton{
  min-width:42px;
  height:26px;
  padding:0 7px;
  border-radius:0;
  font-size:10px;
}
.retryDataButton:hover,.dropdownRetryButton:hover{background:#E6F5FF;border-color:#0B69DF;transform:translateY(-1px)}
.retryDataButton:disabled,.dropdownRetryButton:disabled{opacity:.58;cursor:not-allowed;transform:none}
.analysisCountryHeaderFilter .dropdownRetryButton{
  position:absolute;
  right:4px;
  top:50%;
  transform:translateY(-50%);
  z-index:2;
}
.analysisCountryHeaderFilter .dropdownRetryButton:hover{transform:translateY(calc(-50% - 1px))}
.apiCountryControlRow .dropdownRetryButton{height:34px;min-width:48px}
.customDataRetryState,.companyHeaderSummaryRetry{margin:0}
.companyHeaderSummaryRetry{max-width:520px;color:#0B1730}
.companyApiStatus.retryDataState,.apiInlineError.retryDataState{justify-content:flex-start}
.profileModalState .retryDataState{min-height:180px;flex-direction:column;text-align:center}
.theme-dark .retryDataState{color:#FFFFFF}
.theme-dark .retryDataButton,.theme-dark .dropdownRetryButton{
  background:rgba(15,49,70,.92);
  border-color:rgba(83,197,255,.42);
  color:#0B69DF;
}
.theme-dark .retryDataButton:hover,.theme-dark .dropdownRetryButton:hover{background:rgba(18,66,94,.96);border-color:#53C5FF}
@media(max-width:760px){
  .retryDataState{align-items:flex-start;flex-direction:column;gap:8px}
  .retryDataState.compact{flex-direction:row;align-items:center}
}

/* Company View > Contacts > Raw Contacts */

.rawContactsPanel .rawContactsTabSelector{flex-wrap:nowrap}
.rawContactsPanel .rawContactsTabSelector button{min-width:150px;cursor:default}
.rawContactsPanel .rawContactsTabSelector button:hover{color:#FFFFFF;background:linear-gradient(135deg,#0B69DF,#20B8EE)}
.associatedContactsTableWrap{overflow:auto}
.associatedContactsTable{min-width:1180px;table-layout:fixed}
.associatedContactsTable col:nth-child(1){width:19%}
.associatedContactsTable col:nth-child(2){width:27%}
.associatedContactsTable col:nth-child(3){width:17%}
.associatedContactsTable col:nth-child(4){width:19%}
.associatedContactsTable col:nth-child(5){width:18%}
.associatedContactsTable th{white-space:nowrap}
.associatedContactsTable td{vertical-align:top;white-space:normal;overflow-wrap:anywhere;word-break:break-word}
.associatedContactCompanyCell{font-weight:550;color:#0B1730}
.associatedContactValueList{display:grid;gap:7px;min-width:0}
.associatedContactValue{display:flex;align-items:flex-start;gap:6px;min-width:0;padding-bottom:6px;border-bottom:1px dashed #dce7f2}
.associatedContactValue:last-child{padding-bottom:0;border-bottom:0}
.associatedContactValue>span:first-child{min-width:0;flex:1;line-height:1.45;white-space:normal;overflow-wrap:anywhere;word-break:break-word}
.associatedContactValue .copyNameWrap{flex:0 0 auto;margin-top:1px}
.associatedContactEmpty{color:#0B1730}


/* Company View header: preloaded raw contact counters and detail popup. */
.companyContactQuickBoxes{
  display:grid;
  grid-template-columns:repeat(4,minmax(112px,1fr));
  gap:8px;
  width:min(680px,100%);
  min-width:0;
}
.companyContactQuickBox{
  min-width:0;
  height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 11px;
  border:1px solid #CBE8F8;
  border-radius:0;
  background:#F4FBFF;
  color:#0B69DF;
  font-size:13px;
  font-weight:550;
  cursor:pointer;
  transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.companyContactQuickBox svg{flex:0 0 auto;color:#0B69DF}
.companyContactQuickBox span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.companyContactQuickBox:hover:not(:disabled){
  transform:translateY(-1px);
  border-color:#50BDEB;
  background:#EAF8FF;
  box-shadow:0 9px 20px rgba(11,105,223,.13);
}
.companyContactQuickBox:focus-visible{outline:2px solid #0B69DF;outline-offset:2px}
.companyContactQuickBox:disabled{
  cursor:not-allowed;
  color:#0B1730;
  background:#F6F8FB;
  border-color:#E1E7F0;
  box-shadow:none;
  transform:none;
}
.companyContactQuickBox:disabled svg{color:#0B1730}
.companyContactQuickError{width:min(680px,100%);margin-top:1px!important}
.companyContactQuickError.retryDataState{min-height:0!important}

.companyContactPopupBackdrop{z-index:160!important}
.companyContactPopupModal{
  position:relative;
  width:min(720px,94vw)!important;
  max-height:min(720px,88vh)!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:0;
  background:#FFFFFF!important;
  border:1px solid #DDE5F2!important;
  box-shadow:0 28px 80px rgba(15,35,70,.26)!important;
}
.companyContactPopupHeader{
  min-height:76px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding:20px;
  border-bottom:1px solid #DDE5F2;
  background:#F5F7FA;
}
.companyContactPopupTitleBlock{min-width:0}
.companyContactPopupHeader h3{margin:0;color:#0B1730;font-size:18px;font-weight:550}
.companyContactPopupHeader p{margin:4px 0 0!important;color:#0B1730 !important;font-size:13px;font-weight:400;overflow-wrap:anywhere}
.companyContactPopupHeaderActions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex:0 0 auto;
}
.companyContactPopupHeaderActions>span{
  flex:0 0 auto;
  padding:6px 10px;
  border:1px solid #B9E6FA;
  border-radius:0;
  background:#EAF8FF;
  color:#0B69DF;
  font-size:12px;
  font-weight:550;
}
.companyContactPopupHeaderActions>.close{
  position:static!important;
  inset:auto!important;
  margin:0!important;
  flex:0 0 34px;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:0!important;
  z-index:3;
}
.companyContactPopupList{
  max-height:calc(min(720px,88vh) - 77px);
  overflow:auto;
  padding:14px;
  display:grid;
  gap:9px;
  background:#FFFFFF;
}
.companyContactPopupRow{
  display:grid;
  grid-template-columns:100px minmax(0,1fr);
  gap:12px;
  align-items:start;
  padding:12px;
  border:1px solid #E1E8F2;
  border-radius:0;
  background:#FBFDFF;
}
.companyContactPopupRow>span{
  color:#0B1730;
  font-size:12px;
  font-weight:550;
  line-height:1.45;
}
.companyContactPopupRow>div{display:flex;align-items:flex-start;gap:8px;min-width:0}
.companyContactPopupRow p{
  flex:1 1 auto;
  min-width:0;
  margin:0!important;
  color:#0B1730 !important;
  font-size:14px;
  font-weight:400;
  line-height:1.5;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.companyContactPopupRow .copyNameBtn{flex:0 0 auto;margin-top:1px}

.theme-dark .companyContactQuickBox{
  background:#111B2E;
  border-color:#27435A;
  color:#0B69DF;
}
.theme-dark .companyContactQuickBox:hover:not(:disabled){background:#14263B;border-color:#3C8CB0}
.theme-dark .companyContactQuickBox:disabled{background:#101523;border-color:#242C49;color:#FFFFFF}
.theme-dark .companyContactQuickBox:disabled svg{color:#FFFFFF}
.theme-dark .companyContactPopupModal{background:#0F1325!important;border-color:#242C49!important;box-shadow:0 30px 90px rgba(0,0,0,.48)!important}
.theme-dark .companyContactPopupHeader{background:linear-gradient(180deg,#151B31,#10162A);border-color:#242C49}
.theme-dark .companyContactPopupHeader h3{color:#FFFFFF}
.theme-dark .companyContactPopupHeader p{color:#FFFFFF !important}
.theme-dark .companyContactPopupHeaderActions>span{background:#11283A;border-color:#274E68;color:#0B69DF}
.theme-dark .companyContactPopupList{background:#0F1325}
.theme-dark .companyContactPopupRow{background:#11172A;border-color:#242C49}
.theme-dark .companyContactPopupRow>span{color:#FFFFFF}
.theme-dark .companyContactPopupRow p{color:#FFFFFF !important}

@media(max-width:900px){
  .companyContactQuickBoxes{grid-template-columns:repeat(2,minmax(120px,1fr));width:100%}
}
@media(max-width:520px){
  .companyContactQuickBoxes{grid-template-columns:1fr 1fr}
  .companyContactQuickBox{padding:0 7px;font-size:12px}
  .companyContactPopupRow{grid-template-columns:1fr;gap:5px}
}

/* ========================================================================== 
   COMPANY VIEW MODERN HEADER + HORIZONTAL TRADE METRICS
   Only trade roles with a positive shipment count are rendered by React.
   ========================================================================== */
.companyOverviewHeader.companyOverviewHeaderModern{
  grid-template-columns:minmax(0,1fr) 170px!important;
  gap:18px!important;
  align-items:stretch!important;
  padding:16px 18px!important;
}
.companyOverviewHeaderModern .contactCompanyBlock{
  gap:10px;
  align-content:start;
}
.companyOverviewHeaderModern .contactCompanyTitle{
  align-items:center;
  gap:8px;
}
.companyOverviewHeaderModern .contactCompanyTitle h3{
  margin:0;
  color:#0B1730;
  font-size:clamp(18px,1.6vw,22px);
  line-height:1.16;
  font-weight:550;
  letter-spacing:-.02em;
}
.companyOverviewHeaderModern .companyProfileDetails{
  gap:10px;
}
.companyOverviewHeaderModern .companyProfileCountry{
  color:#0B1730 !important;
  font-size:13px;
  font-weight:400;
}
.companyOverviewHeaderModern .companyContactQuickBoxes{
  width:100%;
  max-width:820px;
  grid-template-columns:repeat(4,minmax(118px,1fr));
  gap:8px;
}
.companyOverviewHeaderModern .companyContactQuickBox{
  height:40px;
  justify-content:center;
  gap:6px;
  padding:0 10px;
  border-color:#D8E3F0;
  border-radius:0;
  background:#FFFFFF;
  color:#0B1730;
  font-size:12px;
  font-weight:550;
  box-shadow:0 3px 10px rgba(31,55,90,.035);
}
.companyOverviewHeaderModern .companyContactQuickBox svg{color:#0B1730}
.companyOverviewHeaderModern .companyContactQuickBox:hover:not(:disabled){
  color:#0B69DF;
  border-color:#61BDE7;
  background:#F5FBFF;
}
.companyOverviewHeaderModern .companyContactQuickBox:disabled{
  opacity:1;
  color:#0B1730;
  background:#FAFBFD;
  border-color:#E4E9F1;
}
.companyOverviewHeaderModern .companyContactQuickBox:disabled svg{color:#0B1730}

.companyTradeSnapshot{
  display:grid;
  grid-template-columns:minmax(190px,240px) minmax(0,1fr);
  gap:0;
  align-items:stretch;
  width:100%;
  margin-top:1px;
  border:1px solid #DCE6F2;
  border-radius:0;
  background:linear-gradient(180deg,#FFFFFF,#FBFDFF);
  overflow:hidden;
  box-shadow:0 6px 18px rgba(31,55,90,.05);
}
.companyTradeModeBlock{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:6px;
  min-width:0;
  padding:12px 14px;
  border-right:1px solid #E1E8F1;
}
.companyTradeModeLabel{
  color:#0B1730;
  font-size:11px;
  line-height:1;
  font-weight:550;
}
.companyTradeModeToggle{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:5px;
  min-width:0;
}
.companyTradeModeToggle.single{grid-template-columns:1fr}
.companyTradeModeToggle button{
  min-width:0;
  height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:0 9px;
  border:1px solid #C9D8E8;
  border-radius:0;
  background:#FFFFFF;
  color:#0B69DF;
  font-family:inherit;
  font-size:11px;
  font-weight:550;
  cursor:pointer;
  white-space:nowrap;
  transition:all .16s ease;
}
.companyTradeModeToggle button>span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}
.companyTradeModeToggle button:hover{
  border-color:#4EB7E6;
  background:#F1FAFF;
  color:#0B69DF;
}
.companyTradeModeToggle button.active{
  border-color:#168FDC;
  background:linear-gradient(90deg,#078DD5,#0B9CDF);
  color:#FFFFFF;
  box-shadow:0 9px 20px rgba(11,105,223,.22);
}
.companyTradeModeToggle button.active svg{color:#FFFFFF}
.companyTradeMetrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  min-width:0;
  align-items:center;
}
.companyTradeMetric{
  min-width:0;
  min-height:74px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:10px 10px;
  position:relative;
}
.companyTradeMetric:not(:last-child)::after{
  content:"";
  position:absolute;
  right:0;
  top:22%;
  bottom:22%;
  width:1px;
  background:#E5EBF3;
}
.companyTradeMetricIcon{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  flex:0 0 34px;
  border-radius:0;
  background:#EFF8FF;
  color:#0B69DF;
}
.companyTradeMetricCopy{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
}
.companyTradeMetricCopy small{
  color:#0B1730;
  font-size:11px;
  line-height:1.1;
  font-weight:550;
  white-space:nowrap;
}
.companyTradeMetricCopy strong{
  color:#0B1730;
  font-size:16px;
  line-height:1;
  font-weight:550;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.companyModernHeroActions{
  align-content:center;
  gap:9px!important;
  padding-left:16px;
  border-left:1px solid #E2E9F2;
}
.companyModernHeroActions button{
  height:40px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  border:1px solid currentColor!important;
  border-radius:0;
  background:#FFFFFF!important;
  box-shadow:none!important;
  font-size:12px!important;
  font-weight:550!important;
  transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease!important;
}
.companyModernHeroActions button:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 24px rgba(31,55,90,.11)!important;
}
.companyModernHeroActions .companyHeroActionPrimary{color:#FFFFFF !important;background:linear-gradient(90deg,#0B1730,#102A52)!important;border-color:#0B1730!important}
.companyModernHeroActions .companyHeroActionSecondary{color:#0B69DF !important;background:#F2FAFF!important;border-color:#0B69DF!important}
.companyModernHeroActions .companyHeroActionTertiary{color:#0B69DF !important;background:#EAF7FF!important;border-color:#63C8F4!important}

.theme-dark .companyOverviewHeaderModern .contactCompanyTitle h3,
.theme-dark .companyTradeMetricCopy strong{color:#FFFFFF}
.theme-dark .companyOverviewHeaderModern .companyProfileCountry{color:#FFFFFF !important}
.theme-dark .companyOverviewHeaderModern .companyContactQuickBox{
  background:#11182A;
  border-color:#2A3850;
  color:#FFFFFF;
  box-shadow:none;
}
.theme-dark .companyOverviewHeaderModern .companyContactQuickBox:hover:not(:disabled){background:#14243A;border-color:#3D86AD;color:#0B69DF}
.theme-dark .companyOverviewHeaderModern .companyContactQuickBox:disabled{background:#101522;border-color:#242C49;color:#FFFFFF}
.theme-dark .companyTradeSnapshot{
  border-color:#28344A;
  background:linear-gradient(180deg,#11182A,#0F1525);
  box-shadow:none;
}
.theme-dark .companyTradeModeBlock{border-color:#28344A}
.theme-dark .companyTradeModeLabel,
.theme-dark .companyTradeMetricCopy small{color:#FFFFFF}
.theme-dark .companyTradeModeToggle button{background:#121B2D;border-color:#30405A;color:#FFFFFF}
.theme-dark .companyTradeModeToggle button:hover{background:#15273D;border-color:#3D87AD;color:#0B69DF}
.theme-dark .companyTradeModeToggle button.active{background:linear-gradient(90deg,#078DD5,#0B9CDF);border-color:#1EAAED;color:#FFFFFF}
.theme-dark .companyTradeMetric:not(:last-child)::after{background:#28344A}
.theme-dark .companyTradeMetricIcon{background:#112A3D;color:#0B69DF}
.theme-dark .companyModernHeroActions{border-color:#28344A}
.theme-dark .companyModernHeroActions button{background:#11182A!important}
.theme-dark .companyModernHeroActions .companyHeroActionPrimary{background:linear-gradient(90deg,#087FC5,#0B69DF)!important;border-color:#34B7EE!important;color:#FFFFFF !important}
.theme-dark .companyModernHeroActions .companyHeroActionSecondary{background:#102337!important;border-color:#258CC5!important;color:#0B69DF !important}
.theme-dark .companyModernHeroActions .companyHeroActionTertiary{background:#111D31!important;border-color:#36597A!important;color:#FFFFFF !important}

@media(max-width:1180px){
  .companyOverviewHeader.companyOverviewHeaderModern{grid-template-columns:minmax(0,1fr)!important}
  .companyModernHeroActions{
    grid-template-columns:repeat(3,minmax(130px,1fr));
    padding-left:0;
    padding-top:15px;
    border-left:0;
    border-top:1px solid #E2E9F2;
  }
  .theme-dark .companyModernHeroActions{border-color:#28344A}
}
@media(max-width:980px){
  .companyTradeSnapshot{grid-template-columns:1fr}
  .companyTradeModeBlock{border-right:0;border-bottom:1px solid #E1E8F1}
  .theme-dark .companyTradeModeBlock{border-color:#28344A}
  .companyTradeMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .companyTradeMetric:nth-child(2)::after{display:none}
  .companyTradeMetric:nth-child(-n+2){border-bottom:1px solid #E5EBF3}
  .theme-dark .companyTradeMetric:nth-child(-n+2){border-color:#28344A}
}
@media(max-width:760px){
  .companyOverviewHeader.companyOverviewHeaderModern{padding:16px!important}
  .companyOverviewHeaderModern .companyContactQuickBoxes{grid-template-columns:repeat(2,minmax(120px,1fr))}
  .companyModernHeroActions{grid-template-columns:repeat(2,minmax(130px,1fr))}
}
@media(max-width:520px){
  .companyOverviewHeaderModern .contactCompanyTitle h3{font-size:19px}
  .companyOverviewHeaderModern .companyContactQuickBoxes{grid-template-columns:1fr 1fr}
  .companyTradeModeToggle{grid-template-columns:1fr}
  .companyTradeMetrics{grid-template-columns:1fr}
  .companyTradeMetric{justify-content:flex-start;min-height:72px;padding:12px 16px}
  .companyTradeMetric:not(:last-child)::after{left:16px;right:16px;top:auto;bottom:0;width:auto;height:1px}
  .companyTradeMetric:nth-child(-n+2){border-bottom:0}
  .companyModernHeroActions{grid-template-columns:1fr 1fr}
}


/* ==========================================================================
   COMPANY VIEW SIMPLE IMPORT / EXPORT SELECTOR
   Keeps the header clean: only equal-width direction buttons stay visible.
   Value, metric tons and quantity appear in a compact hover/focus tooltip.
   ========================================================================== */
.companyTradeModeSimple{
  display:flex;
  align-items:center;
  min-width:0;
  margin-top:1px;
  overflow:visible;
}
.companyTradeModeSimpleToggle{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:205px;
  gap:8px;
  min-width:0;
  overflow:visible;
}
.companyTradeModeSimpleToggle.single{grid-auto-columns:205px}
.companyTradeModeSimpleButton{
  position:relative;
  width:205px;
  height:38px;
  min-width:205px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 13px;
  border:1px solid #C9D8E8;
  border-radius:0;
  background:#FFFFFF;
  color:#0B69DF;
  font-family:inherit;
  font-size:12px;
  font-weight:550;
  line-height:1;
  cursor:pointer;
  white-space:nowrap;
  box-shadow:0 3px 10px rgba(31,55,90,.04);
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease;
  overflow:visible;
  z-index:1;
}
.companyTradeModeSimpleButton svg{flex:0 0 auto;color:currentColor}
.companyTradeModeSimpleText{
  display:block;
  min-width:0;
  white-space:nowrap;
  overflow:visible;
  text-overflow:clip;
}


.companyTradeModeSimpleButton.locked{
  cursor:default;
}
.companyTradeModeSimpleButton.unavailable,
.companyTradeModeSimpleButton:disabled{
  cursor:not-allowed;
  opacity:.52;
  background:#F3F6F9;
  border-color:#D8E1EA;
  color:#0B1730;
  box-shadow:none;
  transform:none;
}
.companyTradeModeSimpleButton.unavailable:hover,
.companyTradeModeSimpleButton:disabled:hover{
  background:#F3F6F9;
  border-color:#D8E1EA;
  color:#0B1730;
  box-shadow:none;
  transform:none;
}
.companyTradeModeSimpleButton.locked:hover{
  transform:none;
}

.companyTradeModeSimpleButton:focus-visible{
  outline:2px solid #67C7EF;
  outline-offset:2px;
}
.companyTradeModeHoverCard{
  position:absolute;
  left:50%;
  bottom:calc(100% + 9px);
  width:300px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  padding:9px 10px;
  border:1px solid #CFE5F3;
  border-radius:0;
  background:#FFFFFF;
  color:#0B1730;
  box-shadow:0 14px 32px rgba(31,55,90,.16);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate(-50%,5px);
  transition:opacity .14s ease,transform .14s ease,visibility .14s ease;
  z-index:90;
}
.companyTradeModeHoverCard::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-5px;
  width:10px;
  height:10px;
  border-right:1px solid #CFE5F3;
  border-bottom:1px solid #CFE5F3;
  background:#FFFFFF;
  transform:translateX(-50%) rotate(45deg);
}
.companyTradeModeHoverCard>span{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:0;
  gap:3px;
  text-align:left;
}
.companyTradeModeHoverCard small{
  color:#0B1730;
  font-size:10px;
  line-height:1.1;
  font-weight:400;
  white-space:nowrap;
}
.companyTradeModeHoverCard strong{
  display:block;
  width:100%;
  color:#0B1730;
  font-size:12px;
  line-height:1.2;
  font-weight:550;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.companyTradeModeSimpleButton:not(:disabled):not(.unavailable):hover .companyTradeModeHoverCard,
.companyTradeModeSimpleButton:not(:disabled):not(.unavailable):focus-visible .companyTradeModeHoverCard{
  opacity:1;
  visibility:visible;
  transform:translate(-50%,0);
}
.theme-dark .companyTradeModeSimpleButton{
  background:#121B2D;
  border-color:#30405A;
  color:#FFFFFF;
  box-shadow:none;
}
.theme-dark 
.theme-dark 
.theme-dark 
.theme-dark .companyTradeModeHoverCard{
  border-color:#30405A;
  background:#121B2D;
  color:#FFFFFF;
  box-shadow:0 14px 32px rgba(0,0,0,.34);
}
.theme-dark .companyTradeModeHoverCard::after{
  border-right-color:#30405A;
  border-bottom-color:#30405A;
  background:#121B2D;
}
.theme-dark .companyTradeModeHoverCard small{color:#FFFFFF}
.theme-dark .companyTradeModeHoverCard strong{color:#FFFFFF}
@media(max-width:720px){
  .companyTradeModeSimpleToggle{
    grid-auto-flow:row;
    grid-auto-columns:auto;
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%;
  }
  .companyTradeModeSimpleToggle.single{grid-template-columns:minmax(0,205px)}
  .companyTradeModeSimpleButton{
    width:100%;
    min-width:0;
  }
}
@media(max-width:520px){
  .companyTradeModeSimpleToggle,
  .companyTradeModeSimpleToggle.single{grid-template-columns:1fr}
  .companyTradeModeHoverCard{width:min(300px,calc(100vw - 40px))}
}

/* ========================================================================== 
   COMPANY VIEW INTEGRATED TABS + SPLIT MONTH/YEAR TRADE CHARTS
   ========================================================================== */
.srOnly{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.companyOverviewHeader.companyOverviewHeaderModern{
  padding-bottom:0!important;
  overflow:visible!important;
}
.companyOverviewHeaderModern > .companyHeaderTabs{
  grid-column:1/-1;
  width:auto!important;
  max-width:none!important;
  margin:4px -18px 0!important;
  padding:8px 18px!important;
  border:0!important;
  border-top:1px solid #E2E9F2!important;
  border-radius:0;
  background:#FFFFFF!important;
  box-shadow:none!important;
  gap:8px!important;
  overflow:visible!important;
}
.companyOverviewHeaderModern > .companyHeaderTabs button{
  height:36px!important;
  border:0!important;
  border-radius:0;
  background:transparent!important;
  color:#0B1730 !important;
  font-size:13px!important;
  font-weight:550!important;
  box-shadow:none!important;
}
.companyOverviewHeaderModern > .companyHeaderTabs button:hover{
  background:#F3F8FD!important;
  color:#0B69DF !important;
}
.companyOverviewHeaderModern > .companyHeaderTabs button.active{
  background:#0B69DF!important;
  color:#FFFFFF !important;
  border:1px solid #0B69DF!important;
  font-weight:550!important;
  box-shadow:none!important;
}

.companyChartPanel.tradeTrendSplitPanel{
  display:grid!important;
  justify-items:stretch!important;
  align-items:start!important;
  gap:14px!important;
  width:100%!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0;
  background:transparent!important;
  box-shadow:none!important;
}
.tradeTrendSplitPanel > .tradeTrendChartLoadingBoundary,
.tradeTrendSplitPanel > .tradeTrendRecordsLoadingBoundary{
  width:100%;
  min-width:0;
}
.tradeTrendChartLoadingBoundary .chartStateBox{
  width:100% !important;
  max-width:none !important;
  justify-self:stretch !important;
}
.tradeTrendChartsGrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  width:100%;
  min-width:0;
}
.tradeTrendSingleCard{
  min-width:0;
  overflow:hidden;
  border:1px solid #DDE5F2;
  border-radius:0;
  background:#FFFFFF;
  box-shadow:0 10px 28px rgba(31,55,90,.08);
}
.tradeTrendSingleCardHeader{
  min-height:52px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 14px;
  border-bottom:1px solid #E5EBF3;
}
.tradeTrendSingleCardHeader h3{
  margin:0;
  color:#0B1730;
  font-size:14px;
  line-height:1.2;
  font-weight:550;
  display:flex;
  align-items:center;
  gap:8px;
}
.tradeTrendSingleCardHeader h3::before{
  content:"";
  flex:0 0 auto;
  width:4px;
  height:16px;
  background:#0B69DF;
  border-radius:0;
}
.tradeTrendMetricSelect{
  position:relative;
  flex:0 0 auto;
  display:flex;
  align-items:center;
  min-width:148px;
}
.tradeTrendMetricSelectTrigger{
  width:100%;
  height:34px;
  appearance:none;
  padding:0 31px 0 11px;
  border:1px solid #CEDBEA;background:#FFFFFF;
  color:#0B69DF;
  font-family:inherit;
  font-size:11px;
  font-weight:550;
  cursor:pointer;
  outline:none;
}
.tradeTrendMetricSelectTrigger:hover,
.tradeTrendMetricSelectTrigger:focus-visible{
  border-color:#0B69DF;
  box-shadow:0 0 0 3px rgba(11,105,223,.08);
}
.tradeTrendMetricSelect svg{
  position:absolute;
  right:9px;
  color:#0B1730;
  pointer-events:none;
}
.tradeTrendSingleChartWrap{
  width:100%;
  padding:8px 8px 0;
  overflow:hidden;
}
.tradeTrendSingleChart{
  display:block;
  width:100%;
  height:auto;
  overflow:visible;
}
.tradeTrendSingleGrid{
  stroke:#E4EBF4;
  stroke-width:1;
}
.tradeTrendSingleAxis{
  stroke:#AFC2D5;
  stroke-width:1;
}
.tradeTrendSingleAxisText,
.tradeTrendSinglePeriodLabel,
.tradeTrendSingleMetricLabel{
  fill:#60718A;
  font-family:inherit;
  font-size:9px;
  font-weight:400;
}
.tradeTrendSingleMetricLabel{
  fill:#43556F;
  font-size:10px;
  font-weight:550;
}
.tradeTrendSinglePeriod{
  cursor:pointer;
}
.tradeTrendSinglePeriod *{
  cursor:pointer;
}
.tradeTrendMonthBar{
  stroke:none;
  transition:opacity .14s ease;
}
.tradeTrendMonthBarOutline{
  fill:none;
  stroke-width:1;
  pointer-events:none;
}
.tradeTrendSinglePeriod:hover .tradeTrendMonthBar{
  opacity:.86;
}
.tradeTrendYearArea{
  pointer-events:none;
}
.tradeTrendYearLine{
  fill:none;
  stroke:#0B69DF;
  stroke-width:2.2;
  stroke-linejoin:round;
  stroke-linecap:round;
  pointer-events:none;
}
.tradeTrendYearPoint{
  fill:#FFFFFF;
  stroke:#0B69DF;
  stroke-width:2;
  transition:transform .14s ease,fill .14s ease,stroke .14s ease;
  transform-box:fill-box;
  transform-origin:center;
}
.tradeTrendSinglePeriod:hover .tradeTrendYearPoint{
  transform:scale(1.18);
  fill:#EAF8FF;
}

.tradeTrendSinglePeriod.selected .tradeTrendYearPoint{
  fill:#0B69DF;
  stroke:#005F9F;
  stroke-width:2.5;
}
.tradeTrendSinglePeriod:focus{
  outline:none;
}
.tradeTrendSingleTooltip.selected rect{
  stroke-width:1.5;
  filter:drop-shadow(0 5px 12px rgba(11,105,223,.24));
}
.tradeTrendSingleTooltip rect{
  fill:var(--sl-surface,#FFFFFF);
  stroke:var(--sl-primary,#0B69DF);
  stroke-width:1;
  filter:drop-shadow(0 4px 10px rgba(11,105,223,.18));
}
.tradeTrendSingleTooltipArrowFill{
  fill:var(--sl-surface,#FFFFFF);
  stroke:none;
}
.tradeTrendSingleTooltipArrowBorder{
  fill:none;
  stroke:var(--sl-primary,#0B69DF);
  stroke-width:1;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.tradeTrendSingleTooltip text{
  font-family:inherit;
}
.tradeTrendSingleTooltipTitle{
  fill:var(--sl-text,#0B1730);
  font-size:8.2px;
  font-weight:400;
}
.tradeTrendSingleTooltipDot{
  fill:var(--sl-primary,#0B69DF);
}
.tradeTrendSingleTooltipValue{
  fill:var(--sl-text,#0B1730);
  font-size:8.2px;
  font-weight:400;
}
.tradeTrendSingleNav{
  min-height:46px;
  display:grid;
  grid-template-columns:82px minmax(0,1fr) 82px;
  align-items:center;
  gap:8px;
  padding:7px 12px 10px;
  border-top:1px solid #E8EDF4;
}
.tradeTrendSingleNav span{
  min-width:0;
  overflow:hidden;
  color:#0B1730;
  font-size:11px;
  font-weight:400;
  text-align:center;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.tradeTrendSplitPanel .tradeTrendRecordsBlock{
  width:100%;
  padding:14px!important;
  border:1px solid #DDE5F2;
  border-radius:0;
  background:#FFFFFF;
  box-shadow:0 10px 28px rgba(31,55,90,.08);
}

.theme-dark .companyOverviewHeaderModern > .companyHeaderTabs{
  border-top-color:#28344A!important;
  background:#11172A!important;
}
.theme-dark .companyOverviewHeaderModern > .companyHeaderTabs button{color:#FFFFFF !important}
.theme-dark .companyOverviewHeaderModern > .companyHeaderTabs button:hover{background:#17243A!important;color:#0B69DF !important}
.theme-dark .companyOverviewHeaderModern > .companyHeaderTabs button.active{background:#112D42!important;color:#0B69DF !important}
.theme-dark .tradeTrendSingleCard,
.theme-dark .tradeTrendSplitPanel .tradeTrendRecordsBlock{
  border-color:#28344A;
  background:#11172A;
  box-shadow:0 12px 30px rgba(0,0,0,.24);
}
.theme-dark .tradeTrendSingleCardHeader,
.theme-dark .tradeTrendSingleNav{border-color:#28344A}
.theme-dark .tradeTrendSingleCardHeader h3{color:#FFFFFF}
.theme-dark .tradeTrendMetricSelectTrigger{border-color:#33445E;background:#121B2D;color:#FFFFFF}
.theme-dark .tradeTrendMetricSelect svg{color:#FFFFFF}
.theme-dark .tradeTrendSingleGrid{stroke:#28364B}
.theme-dark .tradeTrendSingleAxis{stroke:#53657B}
.theme-dark .tradeTrendSingleAxisText,
.theme-dark .tradeTrendSinglePeriodLabel,
.theme-dark .tradeTrendSingleMetricLabel{fill:#AAB7CA}
.theme-dark .theme-dark .theme-dark .tradeTrendSingleNav span{color:#FFFFFF}

@media(max-width:1100px){
  .tradeTrendChartsGrid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .companyOverviewHeaderModern > .companyHeaderTabs{
    margin:4px -16px 0!important;
    padding:8px 12px!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .companyOverviewHeaderModern > .companyHeaderTabs button:last-child{grid-column:1/-1}
  .tradeTrendSingleCardHeader{align-items:flex-start;flex-direction:column}
  .tradeTrendMetricSelect{width:100%}
}

/* Company View > Trade Trend > Trading Records header alignment. */
.tradeTrendRecordsHeadingBlock{
  display:grid;
  gap:3px;
  min-width:0;
}
.tradeTrendRecordsTitleRow{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  flex-wrap:wrap;
}
.tradeTrendRecordsTitleRow h4{
  flex:0 0 auto;
}
.tradeTrendRecordsTitleRow .associatedFilterTag{
  height:28px!important;
  min-height:28px!important;
  margin-left:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
  align-self:center;
  flex-wrap:nowrap!important;
  white-space:nowrap!important;
}
.tradeTrendRecordsContext{
  display:flex!important;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:8px 12px!important;
}
.tradeTrendRecordsContext b{
  line-height:1.15;
  white-space:nowrap;
  text-transform:none;
}
@media(max-width:720px){
  .tradeTrendRecordsTitleRow{gap:7px}
  .tradeTrendRecordsContext{justify-self:start}
}

/* Company View > Trade Trend > Trading Records: center selected period tag. */
.tradeTrendRecordsHeader{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center!important;
  gap:16px!important;
  flex-wrap:unset!important;
}
.tradeTrendRecordsHeadingBlock{
  justify-self:start;
  align-self:center;
}
.tradeTrendRecordsPeriodCell{
  display:flex;
  align-items:center;
  justify-content:center;
  justify-self:center;
  align-self:center;
  min-width:0;
}
.tradeTrendRecordsPeriodCell .associatedFilterTag{
  height:28px!important;
  min-height:28px!important;
  margin:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
  flex-wrap:nowrap!important;
  white-space:nowrap!important;
}
.tradeTrendRecordsContext{
  justify-self:end;
  align-self:center;
}
@media(max-width:720px){
  .tradeTrendRecordsHeader{grid-template-columns:1fr!important;gap:8px!important}
  .tradeTrendRecordsPeriodCell,.tradeTrendRecordsContext{justify-self:start}
}


/* Company View > Trade Trend > Trading Records: uniform 35px header elements. */
.tradeTrendSplitPanel .tradeTrendRecordsBlock{
  padding:0 14px 14px!important;
  gap:0!important;
}
.tradeTrendRecordsBlock > .tradeTrendRecordsHeader{
  height:35px!important;
  min-height:35px!important;
  padding:0!important;
  margin:15px 0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:16px!important;
  flex-wrap:nowrap!important;
}
.tradeTrendRecordsHeadingBlock{
  height:35px!important;
  min-height:35px!important;
  padding:0!important;
  display:grid!important;
  grid-template-rows:auto auto!important;
  align-content:center!important;
  row-gap:1px!important;
  justify-self:start!important;
  white-space:nowrap!important;
}
.tradeTrendRecordsHeadingBlock h4{
  margin:0!important;
  padding:0!important;
  line-height:17px!important;
  white-space:nowrap!important;
}
.tradeTrendRecordsHeadingBlock p{
  margin:0 0 0 12px!important;
  padding:0!important;
  line-height:14px!important;
  white-space:nowrap!important;
}
.tradeTrendRecordsPeriodCell{
  height:35px!important;
  min-height:35px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  justify-self:center!important;
  white-space:nowrap!important;
}
.tradeTrendRecordsPeriodCell .associatedFilterTag{
  height:35px!important;
  min-height:35px!important;
  padding-top:0!important;
  padding-bottom:0!important;
  margin:0!important;
  flex-wrap:nowrap!important;
  white-space:nowrap!important;
}
.tradeTrendRecordsContext{
  height:35px!important;
  min-height:35px!important;
  padding:0 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  justify-self:end!important;
  white-space:nowrap!important;
}
.tradeTrendRecordsContext b{
  margin:0!important;
  padding:0!important;
  line-height:35px!important;
  white-space:nowrap!important;
}
@media(max-width:720px){
  .tradeTrendRecordsBlock > .tradeTrendRecordsHeader{
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
    gap:8px!important;
  }
  .tradeTrendRecordsPeriodCell{justify-self:center!important}
  .tradeTrendRecordsContext{justify-self:end!important}
}

/* ========================================================================
   COMPANY VIEW TRADING RECORDS = TRADE SEARCH SHIPMENT RECORDS PARITY
   Shared by Trade Trend, Associated Companies, Partner and Trade Analysis.
   ======================================================================== */
#root .companyTradingTableWrap.shipmentRecordsTableWrap{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:auto!important;overflow-y:visible!important}
#root .companyTradingTableWrap.shipmentRecordsTableWrap .companyTradingRecordsTable.shipmentRecordLayoutTable{width:100%!important;max-width:100%!important;min-width:0!important;table-layout:fixed!important;font-size:var(--platform-table-font-size,11.5px)!important;line-height:var(--platform-table-line-height,1.25)!important;--shipment-record-action-size:22px;--shipment-record-action-icon-size:14px;--shipment-record-action-gap:5px}
#root .companyTradingTableWrap.shipmentRecordsTableWrap .companyTradingRecordsTable.shipmentRecordLayoutTable :is(th,td)[data-column-key]{width:var(--record-column-width)!important;min-width:0!important;max-width:none!important;box-sizing:border-box!important}
#root .companyTradingTableWrap.shipmentRecordsTableWrap .companyTradingRecordsTable.shipmentRecordLayoutTable :is(thead>tr>th,tbody>tr>td):not([data-column-key="date"]):not([data-column-key="profile"]){text-align:left!important;text-align-last:left!important}
#root .companyTradingTableWrap.shipmentRecordsTableWrap .companyTradingRecordsTable.shipmentRecordLayoutTable :is(th,td)[data-column-key="date"],#root .companyTradingTableWrap.shipmentRecordsTableWrap .companyTradingRecordsTable.shipmentRecordLayoutTable :is(th,td)[data-column-key="profile"]{text-align:center!important;text-align-last:center!important}
#root .companyTradingTableWrap.shipmentRecordsTableWrap .companyTradingRecordsTable.shipmentRecordLayoutTable th[data-column-key="date"]>.platformHeaderInner{justify-content:center!important;text-align:center!important}
#root .companyTradingTableWrap.shipmentRecordsTableWrap .companyTradingRecordsTable.shipmentRecordLayoutTable td[data-column-key="date"]>.recordCellClamp{text-align:center!important;text-align-last:center!important}
#root .companyTradingTableWrap.shipmentRecordsTableWrap .companyTradingRecordsTable.shipmentRecordLayoutTable td[data-column-key="profile"] .serialProfileBtn{margin-left:auto!important;margin-right:auto!important}
#root .companyTradingTableWrap.shipmentRecordsTableWrap .companyTradingRecordsTable.shipmentRecordLayoutTable tbody>tr>td{height:auto!important;min-height:0!important;max-height:none!important;padding:5px!important;vertical-align:top!important;font-size:var(--platform-table-font-size,11.5px)!important;line-height:var(--platform-table-line-height,1.25)!important;overflow:hidden!important;white-space:normal!important;text-overflow:clip!important}
#root .companyTradingTableWrap.shipmentRecordsTableWrap .companyTradingRecordsTable.shipmentRecordLayoutTable tbody :is(td[data-column-key="importer"],td[data-column-key="exporter"]) .shipmentPartyParityCell{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto var(--shipment-record-action-size)!important;align-content:start!important;gap:var(--shipment-record-action-gap)!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;padding:0!important;margin:0!important;overflow:visible!important}
#root .companyTradingTableWrap.shipmentRecordsTableWrap .companyTradingRecordsTable.shipmentRecordLayoutTable tbody :is(td[data-column-key="importer"],td[data-column-key="exporter"]) .shipmentPartyNameInline{display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important;white-space:normal!important}
#root .companyTradingTableWrap.shipmentRecordsTableWrap .companyTradingRecordsTable.shipmentRecordLayoutTable tbody :is(td[data-column-key="importer"],td[data-column-key="exporter"]) .recordCompanyActions{display:flex!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:nowrap!important;gap:5px!important;width:100%!important;height:var(--shipment-record-action-size)!important;min-height:var(--shipment-record-action-size)!important;max-height:var(--shipment-record-action-size)!important;margin:0!important;padding:0!important;overflow:visible!important}
#root .companyTradingTableWrap.shipmentRecordsTableWrap .companyTradingRecordsTable.shipmentRecordLayoutTable tbody :is(td[data-column-key="importer"],td[data-column-key="exporter"]) .recordCompanyActions button{flex:0 0 var(--shipment-record-action-size)!important;width:var(--shipment-record-action-size)!important;min-width:var(--shipment-record-action-size)!important;max-width:var(--shipment-record-action-size)!important;height:var(--shipment-record-action-size)!important;min-height:var(--shipment-record-action-size)!important;max-height:var(--shipment-record-action-size)!important;margin:0!important;padding:0!important}
#root .companyTradingTableWrap.shipmentRecordsTableWrap .companyTradingRecordsTable.shipmentRecordLayoutTable tbody :is(td[data-column-key="importer"],td[data-column-key="exporter"]) .recordCompanyActions button svg{width:var(--shipment-record-action-icon-size)!important;min-width:var(--shipment-record-action-icon-size)!important;max-width:var(--shipment-record-action-icon-size)!important;height:var(--shipment-record-action-icon-size)!important;min-height:var(--shipment-record-action-icon-size)!important;max-height:var(--shipment-record-action-icon-size)!important}
#root .companyTradingTableWrap.shipmentRecordsTableWrap .companyTradingRecordsTable.shipmentRecordLayoutTable tbody tr.hoverDetailRow .recordCellClamp,#root .companyTradingTableWrap.shipmentRecordsTableWrap .companyTradingRecordsTable.shipmentRecordLayoutTable tbody tr.hoverDetailRow .recordCellClamp *{transition:color 160ms ease}
/* Company View Trading Records: keep original text/icon colours on row hover. */

/* ========================================================================== 
   PLATFORM-WIDE TABLE REQUEST FAILURE STATE
   When an API-backed table request fails, remove the table presentation and
   show one full-width centered retry state. This prevents retry controls from
   being squeezed into a narrow table cell. Existing successful/empty/loading
   states and all data logic remain unchanged.
   ========================================================================== */
table:has(.retryDataState){
  display:block!important;
  width:100%!important;
  min-width:0!important;
  min-height:260px!important;
  table-layout:auto!important;
  border:0!important;
  border-collapse:separate!important;
  background:transparent!important;
  box-shadow:none!important;
}
table:has(.retryDataState) > colgroup,
table:has(.retryDataState) > thead,
table:has(.retryDataState) > tbody > tr:not(:has(.retryDataState)){
  display:none!important;
}
table:has(.retryDataState) > tbody,
table:has(.retryDataState) > tbody > tr:has(.retryDataState),
table:has(.retryDataState) > tbody > tr:has(.retryDataState) > td:has(.retryDataState){
  display:flex!important;
  width:100%!important;
  min-width:0!important;
  min-height:260px!important;
  box-sizing:border-box!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
}
table:has(.retryDataState) .retryDataState{
  width:min(680px,calc(100% - 32px))!important;
  min-height:0!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  padding:24px!important;
  border:1px dashed #B9DDF2;
  border-radius:12px;
  background:#F8FCFF;
  text-align:center!important;
}
table:has(.retryDataState) .retryDataState > span{
  text-align:center!important;
}
.sectionLoadingBoundary:has(table .retryDataState) .searchPagination,
.results:has(table .retryDataState) .searchPagination{
  display:none!important;
}

/* API errors that are rendered immediately above their table. */
.rawContactsPanel:has(> .companyApiStatus.retryDataState) > .associatedContactsTableWrap,
.rawContactsPanel:has(> .companyApiStatus.retryDataState) > .searchPagination,
.associatedCompanyPanel:has(> .companyApiStatus.retryDataState) > .partyTableWrap,
.associatedCompanyPanel:has(> .companyApiStatus.retryDataState) > .statisticsTableWrap,
.associatedCompanyPanel:has(> .companyApiStatus.retryDataState) > .searchPagination,
.analysisPanel:has(> .apiInlineError.retryDataState) > .partyTableWrap,
.analysisPanel:has(> .apiInlineError.retryDataState) > .statisticsTableWrap,
.analysisPanel:has(> .apiInlineError.retryDataState) > .searchPagination{
  display:none!important;
}
.rawContactsPanel > .companyApiStatus.retryDataState,
.associatedCompanyPanel > .companyApiStatus.retryDataState,
.analysisPanel > .apiInlineError.retryDataState,
.tradingRecordsBlock > .apiInlineError.retryDataState{
  width:100%!important;
  min-height:260px!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  padding:24px!important;
  border:1px dashed #B9DDF2;
  border-radius:0;
  background:#F8FCFF;
  text-align:center!important;
}
.tradingRecordsBlock:has(> .apiInlineError.retryDataState) > .searchPagination{
  display:none!important;
}

/* Non-inline table errors use the same full table-area retry behaviour. */
.subAccountPanel:has(> .subAccountTopError.retryDataState) > .subAccountLoadingBoundary,
.latestPanel:has(> .latestUpdateStatus.error) > .latestUpdateLoadingBoundary{
  display:none!important;
}
.subAccountPanel > .subAccountTopError.retryDataState,
.latestPanel > .latestUpdateStatus.error{
  width:100%!important;
  min-height:260px!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  padding:24px!important;
  margin:14px 0 0!important;
  border:1px dashed #B9DDF2!important;
  border-radius:0!important;
  background:#F8FCFF!important;
  text-align:center!important;
}
.theme-dark table:has(.retryDataState) .retryDataState,
.theme-dark .rawContactsPanel > .companyApiStatus.retryDataState,
.theme-dark .associatedCompanyPanel > .companyApiStatus.retryDataState,
.theme-dark .analysisPanel > .apiInlineError.retryDataState,
.theme-dark .tradingRecordsBlock > .apiInlineError.retryDataState,
.theme-dark .subAccountPanel > .subAccountTopError.retryDataState,
.theme-dark .latestPanel > .latestUpdateStatus.error{
  border-color:#294D67!important;
  background:#101A2C!important;
}
@media(max-width:760px){
  table:has(.retryDataState),
  table:has(.retryDataState) > tbody,
  table:has(.retryDataState) > tbody > tr:has(.retryDataState),
  table:has(.retryDataState) > tbody > tr:has(.retryDataState) > td:has(.retryDataState){
    min-height:220px!important;
  }
  table:has(.retryDataState) .retryDataState,
  .rawContactsPanel > .companyApiStatus.retryDataState,
  .associatedCompanyPanel > .companyApiStatus.retryDataState,
  .analysisPanel > .apiInlineError.retryDataState,
  .tradingRecordsBlock > .apiInlineError.retryDataState,
  .subAccountPanel > .subAccountTopError.retryDataState,
  .latestPanel > .latestUpdateStatus.error{
    min-height:220px!important;
    padding:20px 16px!important;
  }
}

/* ========================================================================== 
   SHARED PORTAL SEARCH DROPDOWN
   One fresh dropdown implementation is used for country, metric, view-by and
   other selectable controls. Menus are portalled to document.body so table,
   card and workspace overflow can never clip the option list.
   ========================================================================== */
.platformSearchSelect{
  position:relative;
  display:inline-flex;
  align-items:center;
  width:100%;
  min-width:0;
  max-width:100%;
  vertical-align:middle;
}
.platformSearchSelectTrigger{
  box-sizing:border-box;
  width:100%;
  min-width:0;
  height:34px;
  min-height:34px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:7px;
  padding:0 9px;
  border:1px solid #CEDBEA;
  border-radius:7px;
  background:#FFFFFF;
  color:#0B69DF;
  font-family:inherit;
  font-size:12px;
  font-weight:400;
  line-height:1;
  text-align:left;
  cursor:pointer;
  outline:none;
  box-shadow:none;
  overflow:hidden;
  transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease,color .15s ease;
}
.platformSearchSelectTrigger>span{
  flex:1 1 auto;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.platformSearchSelectTrigger>svg,
.platformSearchSelectTrigger>.platformSearchSelectSpinner{
  flex:0 0 auto;
}
.platformSearchSelectTrigger:hover{
  border-color:#0B69DF;
  background:#FBFDFF;
}
.platformSearchSelect.open .platformSearchSelectTrigger,
.platformSearchSelectTrigger:focus-visible{
  border-color:#0B69DF;
  background:#FFFFFF;
  color:#0B1730;
  box-shadow:0 0 0 2px rgba(11,105,223,.11);
}
.platformSearchSelect.open .platformSearchSelectTrigger>svg{transform:rotate(180deg)}
.platformSearchSelect.disabled .platformSearchSelectTrigger,
.platformSearchSelectTrigger:disabled{
  cursor:not-allowed;
  opacity:.62;
}
.platformSearchSelectPortal{
  position:fixed;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  min-width:0;
  max-width:calc(100vw - 16px);
  padding:0;
  overflow:hidden;
  border:1px solid #D7E0EA;
  border-radius:7px;
  background:#FFFFFF;
  box-shadow:0 12px 30px rgba(31,55,90,.22);
  z-index:2147483000;
}
.platformSearchSelectSearch{
  box-sizing:border-box;
  width:100%;
  height:36px;
  min-height:36px;
  display:flex;
  align-items:center;
  gap:7px;
  margin:0;
  padding:0 9px;
  border:0;
  border-bottom:1px solid #E1E7EF;
  background:#FFFFFF;
  color:#0B1730;
}
.platformSearchSelectSearch:focus-within{
  border-bottom-color:#48B7E8;
  background:#FBFDFF;
  box-shadow:inset 0 -1px 0 #48B7E8;
}
.platformSearchSelectSearch>svg{flex:0 0 auto;color:#0B1730}
.platformSearchSelectSearch input{
  width:100%;
  min-width:0;
  height:34px;
  padding:0;
  border:0;
  outline:0;
  background:transparent;
  color:#0B1730;
  font-family:inherit;
  font-size:12px;
  font-weight:400;
  line-height:1;
  box-shadow:none;
}
.platformSearchSelectSearch input::placeholder{color:var(--eximbot-note);opacity:1}
.platformSearchSelectSearch button{
  width:20px;
  min-width:20px;
  height:20px;
  display:grid;
  place-items:center;
  padding:0;
  border:0;
  border-radius:4px;
  background:transparent;
  color:#0B1730;
  cursor:pointer;
}
.platformSearchSelectSearch button:hover{background:#EAF6FC;color:#0B69DF}
.platformSearchSelectList{
  box-sizing:border-box;
  width:100%;
  min-height:0;
  max-height:260px;
  flex:1 1 auto;
  margin:0;
  padding:4px;
  overflow-y:auto;
  overflow-x:hidden;
  background:#FFFFFF;
  overscroll-behavior:contain;
  scrollbar-width:thin;
}
.platformSearchSelectOption,
.platformSearchSelectRetry{
  box-sizing:border-box;
  width:100%;
  min-height:31px;
  height:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:7px;
  padding:6px 8px;
  border:0;
  border-radius:4px;
  background:transparent;
  color:#0B1730;
  font-family:inherit;
  font-size:12px;
  font-weight:400;
  line-height:1.3;
  text-align:left;
  cursor:pointer;
  white-space:normal;
}
.platformSearchSelectOption>span{
  flex:1 1 auto;
  min-width:0;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.platformSearchSelectOption>svg{flex:0 0 auto}
.platformSearchSelectOption:hover,
.platformSearchSelectOption:focus-visible{
  outline:none;
  background:#F5F7FA;
  color:#414F5F;
}
.platformSearchSelectOption.selected{
  background:#0B69DF;
  color:#FFFFFF;
  font-weight:550;
}
.platformSearchSelectOption.selected>svg{color:#FFFFFF}
.platformSearchSelectOption:disabled{cursor:not-allowed;opacity:.5}
.platformSearchSelectRetry{
  justify-content:center;
  color:#0B69DF;
  background:#F0FAFF;
  border:1px solid #C9EAF9;
}
.platformSearchSelectStatus{
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:7px;
  color:#0B1730;
  font-size:11.5px;
  font-weight:400;
  text-align:center;
}
.platformSearchSelectSpinner{
  position:static!important;
  inset:auto!important;
  width:13px!important;
  height:13px!important;
  display:inline-block!important;
  flex:0 0 13px!important;
  margin:0!important;
  box-sizing:border-box!important;
  border:2px solid rgba(11,105,223,.22)!important;
  border-top-color:#0B69DF!important;
  border-radius:50%!important;
  transform-origin:50% 50%!important;
  will-change:transform;
  animation:platformSearchSelectSpin .72s linear infinite!important;
  pointer-events:none!important;
}
@keyframes platformSearchSelectSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}

/* Search criteria country controls keep the original field width and square geometry. */
.apiCountryControlRow>.criteriaCountryPortalSelect{width:100%;min-width:0;height:44px}
.criteriaCountryPortalTrigger{height:44px;min-height:44px;padding:0 12px;border-radius:0;font-size:13px;font-weight:400}

/* Country option portals are mounted under document.body, so scope their square
   geometry through the country aria-label rather than changing non-country selects. */
.platformSearchSelectPortal[aria-label*="country" i]{border-radius:0}
.platformSearchSelectPortal[aria-label*="country" i] .platformSearchSelectSearch{border-radius:0}
.platformSearchSelectPortal[aria-label*="country" i] .platformSearchSelectSearch button{border-radius:0}
.platformSearchSelectPortal[aria-label*="country" i] .platformSearchSelectOption,
.platformSearchSelectPortal[aria-label*="country" i] .platformSearchSelectRetry{border-radius:0}

/* Country filters inside table headers reserve the existing sort-icon space. */
.analysisCountryHeaderFilter.tablePortalSearchSelect{
  display:inline-flex!important;
  width:calc(100% - 22px)!important;
  min-width:0!important;
  max-width:calc(100% - 22px)!important;
  height:30px!important;
  margin:0!important;
}
.analysisCountryFilterTrigger{
  height:30px;
  min-height:30px;
  padding:0 8px;
  border-color:#DDE5F2;
  border-radius:0;
  background:#FFFFFF;
  color:#0B1730;
  font-size:var(--platform-table-font-size,11px);
  font-weight:550;
}

/* Compact View By dropdowns retain their existing table-header geometry. */
.compactPortalSearchSelect{width:100%;min-width:0;max-width:100%}
.compactPortalSearchSelect .platformSearchSelectTrigger{height:30px;min-height:30px}

/* Trade Search > Trade Insights View By: geometry only.
   Header colors are owned by the single Trade Search result-header palette at EOF. */
.statisticsPanel .tradeInsightsSummaryTable.tradeInsightsMetricBarColumnsTable
  thead th[data-column-key="name"]
  .tradeInsightsHeaderSelectShell.compactPortalSearchSelect{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:stretch!important;
  width:calc(100% - 22px)!important;
  min-width:0!important;
  max-width:calc(100% - 22px)!important;
  height:30px!important;
  margin:0!important;
}
.statisticsPanel .tradeInsightsSummaryTable.tradeInsightsMetricBarColumnsTable
  .tradeInsightsHeaderSelect.platformSearchSelectTrigger{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:30px!important;
  min-height:30px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:7px!important;
  padding:0 8px!important;
  border:1px solid #DDE5F2!important;
  border-radius:0!important;
  background:#FFFFFF!important;
  color:#0B1730!important;
  text-align:left!important;
  cursor:pointer!important;
}
.statisticsPanel .tradeInsightsSummaryTable.tradeInsightsMetricBarColumnsTable
  .tradeInsightsHeaderSelect.platformSearchSelectTrigger>span{
  flex:1 1 auto!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  text-align:left!important;
}
.statisticsPanel .tradeInsightsSummaryTable.tradeInsightsMetricBarColumnsTable
  .tradeInsightsHeaderSelect.platformSearchSelectTrigger>svg{
  position:static!important;
  inset:auto!important;
  flex:0 0 auto!important;
  margin-left:auto!important;
  transform:rotate(0deg)!important;
  pointer-events:none!important;
}
.statisticsPanel .tradeInsightsSummaryTable.tradeInsightsMetricBarColumnsTable
  .tradeInsightsHeaderSelectShell.open
  .tradeInsightsHeaderSelect.platformSearchSelectTrigger>svg{
  transform:rotate(180deg)!important;
}

/* Trade Trend metric dropdown. */
.tradeTrendMetricSelect{width:148px;min-width:148px}
.tradeTrendMetricSelectTrigger{
  height:34px;
  min-height:34px;
  padding:0 10px;font-size:11px;
  font-weight:550;
}

/* Calendar month/year dropdowns now use the same portal list. */
.calendarPortalSearchSelect{width:100%}
.calendarPortalSearchSelect .calendarSelect{width:100%}

.theme-dark .platformSearchSelectTrigger{
  border-color:#31405A;
  background:#11182A;
  color:#FFFFFF;
}
.theme-dark .platformSearchSelectTrigger:hover,
.theme-dark .platformSearchSelect.open .platformSearchSelectTrigger,
.theme-dark .platformSearchSelectTrigger:focus-visible{
  border-color:#3C8CB0;
  background:#151E32;
  color:#FFFFFF;
}
.theme-dark .platformSearchSelectPortal,
.theme-dark .platformSearchSelectSearch,
.theme-dark .platformSearchSelectList{
  background:#101729;
  border-color:#2A3850;
}
.theme-dark .platformSearchSelectSearch input{color:#FFFFFF}
.theme-dark .platformSearchSelectOption{color:#FFFFFF}
.theme-dark .platformSearchSelectOption:hover,
.theme-dark .platformSearchSelectOption:focus-visible{background:#14263B;color:#0B69DF}
.theme-dark .platformSearchSelectOption.selected{background:#087FC2;color:#FFFFFF}
.theme-dark .platformSearchSelectRetry{color:#0B69DF;background:#11283A;border-color:#27516B}
.theme-dark .platformSearchSelectStatus{color:#FFFFFF}
.theme-dark .platformSearchSelectSpinner{border-color:rgba(83,197,255,.22)!important;border-top-color:#53C5FF!important}
.theme-dark .analysisCountryFilterTrigger{background:#11182A;color:#FFFFFF;border-color:#2F4763}

@media(max-width:680px){
  .compactPortalSearchSelect{min-width:112px;width:100%}
  .analysisCountryHeaderFilter.tablePortalSearchSelect{width:100%!important;max-width:none!important}
  .tradeTrendMetricSelect{width:100%;min-width:0}
}

/* FINAL FIX — Trade Search > Trade Insights View-By dropdown parity.
   Older native-select rules used display:block, 14px typography and fixed
   overflow geometry on this button. Those high-specificity rules prevented
   the shared portal trigger from behaving like the Importer/Exporter country
   trigger, so the chevron stayed beside the text and hover/focus looked
   different. This final scoped rule restores the shared flex trigger only for
   Trade Search > Trade Insights. */
#root .statisticsPanel
  .tradeInsightsSummaryTable.tradeInsightsCompactColumnsTable.tradeInsightsMetricBarColumnsTable thead
  th[data-column-key="name"] > .tradeInsightsHeaderSelectShell.compactPortalSearchSelect {
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  width:calc(100% - 22px)!important;
  min-width:0!important;
  max-width:calc(100% - 22px)!important;
  height:30px!important;
  margin:0!important;
  overflow:visible!important;
  vertical-align:middle!important;
}
#root .statisticsPanel
  .tradeInsightsSummaryTable.tradeInsightsCompactColumnsTable.tradeInsightsMetricBarColumnsTable thead
  th[data-column-key="name"] > .tradeInsightsHeaderSelectShell.compactPortalSearchSelect
  > .tradeInsightsHeaderSelect.platformSearchSelectTrigger {
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:30px!important;
  min-height:30px!important;
  margin:0!important;
  padding:0 8px!important;
  border-radius:0!important;
  font-family:inherit!important;
  font-size:var(--platform-table-font-size,11px)!important;
  font-style:normal!important;
  font-weight:550!important;
  line-height:1!important;
  text-align:left!important;
  cursor:pointer!important;
  overflow:hidden!important;
}
#root .statisticsPanel
  .tradeInsightsSummaryTable.tradeInsightsCompactColumnsTable.tradeInsightsMetricBarColumnsTable thead
  th[data-column-key="name"] > .tradeInsightsHeaderSelectShell.compactPortalSearchSelect
  > .tradeInsightsHeaderSelect.platformSearchSelectTrigger > span {
  flex:1 1 auto!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  text-align:left!important;
}
#root .statisticsPanel
  .tradeInsightsSummaryTable.tradeInsightsCompactColumnsTable.tradeInsightsMetricBarColumnsTable thead
  th[data-column-key="name"] > .tradeInsightsHeaderSelectShell.compactPortalSearchSelect
  > .tradeInsightsHeaderSelect.platformSearchSelectTrigger > svg {
  position:static!important;
  inset:auto!important;
  flex:0 0 auto!important;
  margin-left:auto!important;
  transform:rotate(0deg)!important;
  pointer-events:none!important;
}
#root .statisticsPanel
  .tradeInsightsSummaryTable.tradeInsightsCompactColumnsTable.tradeInsightsMetricBarColumnsTable thead
  th[data-column-key="name"] > .tradeInsightsHeaderSelectShell.compactPortalSearchSelect.open
  > .tradeInsightsHeaderSelect.platformSearchSelectTrigger > svg {
  transform:rotate(180deg)!important;
}
#root .statisticsPanel
  .tradeInsightsSummaryTable.tradeInsightsCompactColumnsTable.tradeInsightsMetricBarColumnsTable thead
  th[data-column-key="name"] > .tradeInsightsHeaderSelectShell.compactPortalSearchSelect
  > .tradeInsightsHeaderSelect.platformSearchSelectTrigger:hover,
#root .statisticsPanel
  .tradeInsightsSummaryTable.tradeInsightsCompactColumnsTable.tradeInsightsMetricBarColumnsTable thead
  th[data-column-key="name"] > .tradeInsightsHeaderSelectShell.compactPortalSearchSelect.open
  > .tradeInsightsHeaderSelect.platformSearchSelectTrigger,
#root .statisticsPanel
  .tradeInsightsSummaryTable.tradeInsightsCompactColumnsTable.tradeInsightsMetricBarColumnsTable thead
  th[data-column-key="name"] > .tradeInsightsHeaderSelectShell.compactPortalSearchSelect
  > .tradeInsightsHeaderSelect.platformSearchSelectTrigger:focus-visible {
  outline:none!important;
}

/* ==========================================================================
   PLATFORM TABLE HEADER — SINGLE SOURCE OF TRUTH
   Every native table header uses one 40px geometry: 30px content + 5px top +
   5px bottom. No runtime height measurement and no table-specific header
   height overrides are used. Table-specific rules may still control colour,
   width and semantic alignment, but not header height.
   ========================================================================== */
:root {
  --platform-table-header-height: 40px;
  --platform-header-inner-height: 30px;
  --platform-header-padding-y: 5px;
  --platform-header-padding-x: 5px;
}

#root#root table > thead > tr {
  height: var(--platform-table-header-height) !important;
  min-height: var(--platform-table-header-height) !important;
  max-height: var(--platform-table-header-height) !important;
}

#root#root table > thead > tr > th {
  box-sizing: border-box !important;
  height: var(--platform-table-header-height) !important;
  min-height: var(--platform-table-header-height) !important;
  max-height: var(--platform-table-header-height) !important;
  padding: var(--platform-header-padding-y) var(--platform-header-padding-x) !important;
  vertical-align: middle !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 550 !important;
  line-height: 1.3 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

#root#root table > thead > tr > th
  :where(span, a, b, strong, small, div, p, label, select, option, input) {
  font-family: inherit !important;
  font-size: inherit !important;
  font-style: normal !important;
  font-weight: 550 !important;
  line-height: inherit !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}

#root#root table > thead > tr > th > .platformHeaderInner {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  height: var(--platform-header-inner-height) !important;
  min-height: var(--platform-header-inner-height) !important;
  max-height: var(--platform-header-inner-height) !important;
  display: flex !important;
  align-items: center !important;
  align-content: center !important;
  gap: 5px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.3 !important;
  white-space: normal !important;
  overflow: visible !important;
}

#root#root table > thead > tr > th > .platformHeaderInner > .platformHeaderLabel {
  box-sizing: border-box !important;
  display: block !important;
  flex: 0 1 auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: inherit !important;
  white-space: normal !important;
  overflow: visible !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  align-self: center !important;
}

#root#root table > thead > tr > th > .platformHeaderInner[data-platform-header-align="center"] {
  justify-content: center !important;
  text-align: center !important;
}
#root#root table > thead > tr > th > .platformHeaderInner[data-platform-header-align="end"] {
  justify-content: flex-end !important;
  text-align: right !important;
}
#root#root table > thead > tr > th > .platformHeaderInner[data-platform-header-align="start"] {
  justify-content: flex-start !important;
  text-align: left !important;
}
#root#root table > thead > tr > th > .platformHeaderInner > :not(.platformTriangleSortButton) {
  min-width: 0 !important;
}

#root#root table > thead > tr > th
  :where(.platformSearchSelectTrigger, .tradeInsightsHeaderSelect, select, input) {
  min-height: 30px !important;
  line-height: 30px !important;
  vertical-align: middle !important;
}

#root#root table > thead > tr > th:has(> .platformSearchSelect) {
  white-space: nowrap !important;
}
#root#root table > thead > tr > th.platformSortableHeader > .platformSearchSelect {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  width: calc(100% - 22px) !important;
  min-width: 0 !important;
  max-width: calc(100% - 22px) !important;
  height: 30px !important;
  margin: 0 !important;
  overflow: hidden !important;
}
#root#root table > thead > tr > th:not(.platformSortableHeader) > .platformSearchSelect {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
#root#root table > thead > tr > th > .platformSearchSelect > .platformSearchSelectTrigger {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 8px !important;
  border: 1px solid #DDE5F2 !important;
  border-radius: 0 !important;
  background: #FFFFFF !important;
  color: #0B1730 !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}
#root#root table > thead > tr > th > .platformSearchSelect > .platformSearchSelectTrigger > span {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #0B1730 !important;
}
#root#root table > thead > tr > th > .platformSearchSelect > .platformSearchSelectTrigger > svg {
  flex: 0 0 auto !important;
  color: #0B69DF !important;
}
#root#root table > thead > tr > th > .platformSearchSelect > .platformSearchSelectTrigger:hover,
#root#root table > thead > tr > th > .platformSearchSelect.open > .platformSearchSelectTrigger,
#root#root table > thead > tr > th > .platformSearchSelect > .platformSearchSelectTrigger:focus-visible {
  border-color: #0B69DF !important;
  background: #FFFFFF !important;
  color: #0B1730 !important;
  box-shadow: none !important;
}

/* Div-based Favourites header follows the same 40px geometry. */
#root#root .favouriteHeader {
  box-sizing: border-box !important;
  height: var(--platform-table-header-height) !important;
  min-height: var(--platform-table-header-height) !important;
  max-height: var(--platform-table-header-height) !important;
  padding: var(--platform-header-padding-y) var(--platform-header-padding-x) !important;
  align-items: center !important;
  align-content: center !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 550 !important;
  line-height: 1.3 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}
#root#root .favouriteHeader
  :where(span, a, b, strong, small, div, p, label, select, option, input, button) {
  font-family: inherit !important;
  font-size: inherit !important;
  font-style: normal !important;
  font-weight: 550 !important;
  line-height: inherit !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}

/* Tracking Records: row hover must not recolour body text.
   Importer/Exporter company names remain Eximbot blue in normal and hover states. */
#root .trackingPage .trackingShipmentRecordsTableWrap
  .trackingShipmentRecordLayoutTable .trackCompanyNameText,
#root .trackingPage .trackingShipmentRecordsTableWrap
  .trackingShipmentRecordLayoutTable .trackCompanyNameText * {
  color:#0B69DF !important;
}

#root .trackingPage .trackingShipmentRecordsTableWrap
  .trackingShipmentRecordLayoutTable tbody tr.hoverDetailRow:hover
  .trackCompanyNameText,
#root .trackingPage .trackingShipmentRecordsTableWrap
  .trackingShipmentRecordLayoutTable tbody tr.hoverDetailRow:hover
  .trackCompanyNameText * {
  color:#0B69DF !important;
}

/* Track By favourite shortcut: matches the Trade Search Add to Favourite action. */
.trackingPage .trackByFavouriteButton{
  flex:0 0 auto!important;
  height:42px!important;
  min-width:154px!important;
  padding:0 14px!important;
  border:1px solid #D6E2F0!important;
  border-radius:0!important;
  background:#FFFFFF!important;
  color:#0B1730 !important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  font-size:13px!important;
  font-weight:550!important;
  line-height:1!important;
  box-shadow:0 8px 20px rgba(31,55,90,.06)!important;
  cursor:pointer!important;
  transition:border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
.trackingPage .trackByFavouriteButton:hover{
  transform:translateY(-1px);
  border-color:#63BCE7!important;
  background:#F3FBFF!important;
  color:#0B69DF !important;
  box-shadow:0 11px 24px rgba(11,105,223,.12)!important;
}
.trackingPage .trackByFavouriteButton.active{
  border-color:#70C8EE!important;
  background:#F5F7FA!important;
  color:#414F5F !important;
  font-weight:550!important;
}
.theme-dark .trackingPage .trackByFavouriteButton{
  border-color:#2A3850!important;
  background:#11182A!important;
  color:#FFFFFF !important;
  box-shadow:none!important;
}
.theme-dark .trackingPage .trackByFavouriteButton:hover,
.theme-dark .trackingPage .trackByFavouriteButton.active{
  border-color:#3D94BE!important;
  background:#11283A!important;
  color:#0B69DF !important;
}
@media(max-width:720px){
  .trackingPage .trackByHead{align-items:flex-start!important;flex-wrap:wrap!important}
  .trackingPage .trackByFavouriteButton{width:100%!important;min-width:0!important}
}


/* Favourite path: show the complete Current Search / Current Tracking path. */
#root#root .favouriteTable .favouriteRow > .favouritePath {
  min-width: 0 !important;
  display: block !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  line-height: 1.45 !important;
}

/* ========================================================================
   FAVOURITE STATE SYNC + REMOVE ACTION
   ======================================================================== */
.resultActions .favouriteActionButton.active,
.theme-light .resultActions .favouriteActionButton.active {
  border-color:#70C8EE!important;
  background:#F5F7FA!important;
  color:#414F5F !important;
  font-weight:550!important;
}
.theme-dark .resultActions .favouriteActionButton.active {
  border-color:#3D94BE!important;
  background:#11283A!important;
  color:#0B69DF !important;
}

#root#root .favouriteTable .favouriteHeader,
#root#root .favouriteTable .favouriteRow {
  grid-template-columns:64px 240px minmax(240px,1fr) 170px 82px 54px!important;
}
#root#root .favouriteTable .favouriteHeader > :last-child,
#root#root .favouriteTable .favouriteRow > :last-child {
  justify-self:center!important;
  text-align:center!important;
}
.favouriteRemoveButton {
  width:30px;
  height:30px;
  padding:0;
  border:1px solid #F2C9CF;
  border-radius:7px;
  background:#FFF7F8;
  color:#0B1730;
  display:inline-grid;
  place-items:center;
  cursor:pointer;
  transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;
}
.favouriteRemoveButton:hover,
.favouriteRemoveButton:focus-visible {
  transform:translateY(-1px);
  border-color:#E98A99;
  background:#FFF0F2;
  color:#0B1730;
}
.theme-dark .favouriteRemoveButton {
  border-color:#55303A;
  background:#25151B;
  color:#FFFFFF;
}
.theme-dark .favouriteRemoveButton:hover,
.theme-dark .favouriteRemoveButton:focus-visible {
  border-color:#A75062;
  background:#321A22;
  color:#FFFFFF;
}

.favouriteNoticeToast {
  position:fixed;
  top:68px;
  left:50%;
  z-index:2000;
  transform:translateX(-50%);
  min-height:40px;
  max-width:min(420px,calc(100vw - 32px));
  padding:9px 14px;
  border:1px solid #84CFF0;
  border-radius:9px;
  background:#F0FAFF;
  color:#0B69DF;
  box-shadow:0 14px 34px rgba(31,55,90,.18);
  display:flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  font-weight:550;
  line-height:1.3;
}
.theme-dark .favouriteNoticeToast {
  border-color:#34799C;
  background:#10283A;
  color:#0B69DF;
  box-shadow:0 18px 38px rgba(0,0,0,.38);
}

@media(max-width:980px){
  #root#root .favouriteTable .favouriteRow {grid-template-columns:1fr!important}
  #root#root .favouriteTable .favouriteRow > :last-child {justify-self:start!important}
}


/* Advanced Search Local/Foreign Port include/exclude parity.
   Keep the summary inside the text-field width, show one chip plus +n,
   and render the overflow list through the existing body portal. */
.tradeSearch .advancedPortFilterItem > .apiCountrySelectionSummary{
  width:calc(100% - 94px);
  max-width:calc(100% - 94px);
  min-width:0;
  min-height:26px;
  margin:0;
  align-self:flex-start;
}
.tradeSearch .advancedPortFilterItem > .apiCountrySelectionSummary .criteriaSummaryChips{
  width:100%;
  min-width:0;
  max-width:100%;
  overflow:hidden!important;
}
.tradeSearch .advancedPortFilterItem > .apiCountrySelectionSummary .searchSummaryChip.searchSummaryValue{
  flex:1 1 0;
  min-width:0;
  max-width:none;
}
.tradeSearch .advancedPortFilterItem > .apiCountrySelectionSummary .summaryCountChip{
  flex:0 0 auto;
  border:1px solid #CFEFFF;
  font:inherit;
  font-weight:550;
}
.tradeSearch .advancedPortFilterItem > .apiCountrySelectionSummary .searchSummaryValueText{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
@media(max-width:760px){
  .tradeSearch .advancedPortFilterItem > .apiCountrySelectionSummary{
    width:calc(100% - 94px);
    max-width:calc(100% - 94px);
  }
}

/* ========================================================================== 
   DATA SOURCE MODAL — FRESH SEARCH SUGGESTIONS, SELECTED ROW AND HOVER RULES
   This is the only source of truth for data-source row selection/hover.
   ========================================================================== */
.customDataHeader{
  align-items:center!important;
  min-height:48px;
}
.customDataHeader h3{
  margin:0!important;
}
.customDataSearchFieldWrap>label{
  width:100%;
}
.customDataSearchSuggestions{
  position:absolute;
  top:calc(100% + 5px);
  left:0;
  right:0;
  z-index:100;
  max-height:260px;
  overflow:auto;
  padding:5px;
  border:1px solid var(--sl-border,#DDE5F2);
  border-radius:9px;
  background:var(--sl-surface,#FFFFFF);
  box-shadow:0 16px 34px rgba(11,23,48,.18);
}
.customDataSearchSuggestions>button{
  width:100%;
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:7px 9px;
  border:0;
  border-radius:7px;
  background:transparent;
  color:var(--sl-text,#0B1730);
  font-family:inherit;
  text-align:left;
  cursor:pointer;
}
.customDataSearchSuggestions>button:hover,
.customDataSearchSuggestions>button:focus-visible{
  outline:none;
  background:rgba(11,105,223,.08);
  color:#0B69DF;
}
.customDataSearchSuggestions>button>span{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}
.customDataSearchSuggestions>button b{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:11px;
  font-weight:550;
}
.customDataSearchSuggestions>button small{
  color:var(--sl-muted,#0B1730);
  font-size:9.5px;
}
.customDataSearchSuggestions>button em{
  flex:0 0 auto;
  color:var(--sl-muted,#0B1730);
  font-size:9.5px;
  font-style:normal;
}
.customDataSearchSuggestions>p{
  margin:0!important;
  padding:10px!important;
  color:var(--sl-muted,#0B1730) !important;
  font-size:10.5px!important;
  text-align:center;
}
#root#root .customDataTable tbody tr{
  cursor:pointer;
}
#root#root .customDataTable tbody tr:not(.selected):not([aria-selected="true"])>td,
#root#root .customDataTable tbody tr:not(.selected):not([aria-selected="true"])>td *{
  transition:color .16s ease,background-color .16s ease,border-color .16s ease;
}
#root#root .customDataTable tbody tr:not(.selected):not([aria-selected="true"]):hover>td,
#root#root .customDataTable tbody tr:not(.selected):not([aria-selected="true"]):hover>td *{
  color:#0B69DF !important;
}
#root#root .customDataTable tbody tr.selected>td,
#root#root .customDataTable tbody tr[aria-selected="true"]>td{
  background:#0B69DF!important;
  color:#FFFFFF !important;
  border-color:rgba(255,255,255,.22)!important;
}
#root#root .customDataTable tbody tr.selected>td *,
#root#root .customDataTable tbody tr[aria-selected="true"]>td *{
  color:#FFFFFF !important;
}
#root#root .customDataTable tbody tr.selected:hover>td,
#root#root .customDataTable tbody tr[aria-selected="true"]:hover>td{
  background:#0B69DF!important;
}
#root#root .customDataTable tbody tr.selected .customDataFavouriteButton,
#root#root .customDataTable tbody tr[aria-selected="true"] .customDataFavouriteButton{
  border-color:rgba(255,255,255,.72)!important;
  background:rgba(255,255,255,.16)!important;
  color:#FFFFFF !important;
}
.theme-dark .customDataSearchSuggestions{
  background:#111A2D;
  border-color:#2D3A55;
  box-shadow:0 18px 38px rgba(0,0,0,.38);
}
.theme-dark .customDataSearchSuggestions>button{
  color:#FFFFFF;
}
.theme-dark .customDataSearchSuggestions>button:hover,
.theme-dark .customDataSearchSuggestions>button:focus-visible{
  background:rgba(11,105,223,.16);
  color:#0B69DF;
}



/* ========================================================================== 
   TRADE SEARCH THEMED DATE PICKER
   Quick presets, centred date fields and the calendar popover share the
   Eximbot light/dark theme. The whole field button opens the picker.
   ========================================================================== */
.tradeSearch .apiDateHeader .apiDateQuickActions button{
  background:#FFFFFF!important;
  border-color:#D7E2EE!important;
  color:#0B1730!important;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.tradeSearch .apiDateHeader .apiDateQuickActions button:hover:not(.active),
.tradeSearch .apiDateHeader .apiDateQuickActions button:focus-visible:not(.active){
  background:#FFFFFF!important;
  border-color:#0B69DF!important;
  color:#0B1730!important;
  transform:translateY(-1px);
  box-shadow:none!important;
  outline:none!important;
}
.tradeSearch .apiDateHeader .apiDateQuickActions button.active{
  border-color:#0B69DF!important;
  background:#FFFFFF!important;
  color:#0B69DF!important;
  box-shadow:none!important;
}
.tradeSearch .apiDateHeader .apiDateQuickActions button.active:hover,
.tradeSearch .apiDateHeader .apiDateQuickActions button.active:focus-visible{
  border-color:#0B69DF!important;
  background:#FFFFFF!important;
  color:#0B69DF!important;
  transform:none;
  box-shadow:none!important;
}
.tradeSearch .apiDateHeader .apiDateQuickActions button.clear.active{
  border-color:#0B69DF!important;
  background:#FFFFFF!important;
  color:#0B69DF!important;
}
.tradeSearch .apiDateInputs .apiDateFieldButton{
  position:relative;
  width:100%;
  height:44px;
  min-width:0;
  border:1px solid #CBD8E6;
  border-radius:8px;
  background:#FFFFFF;
  color:#0B1730;
  padding:0 38px 0 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:inherit;
  font-size:15px;
  font-weight:550;
  line-height:1;
  cursor:pointer;
  transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease,color .16s ease;
}
.tradeSearch .apiDateInputs .apiDateFieldButton>span{
  width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-align:center;
}
.tradeSearch .apiDateInputs .apiDateFieldButton>svg{
  position:absolute;
  right:12px;
  top:50%;
  transform:translateY(-50%);
  color:#0B69DF;
  pointer-events:none;
}
.tradeSearch .apiDateInputs .apiDateFieldButton:hover,
.tradeSearch .apiDateInputs .apiDateFieldButton.active{
  border-color:#0B69DF;
  background:#F4FBFF;
  color:#0B69DF;
  box-shadow:0 0 0 3px rgba(11,105,223,.10);
}
.tradeSearchDatePopover{
  border:1px solid #D7E3EF;
  border-radius:12px;
  background:#FFFFFF;
  color:#0B1730;
  box-shadow:0 24px 64px rgba(15,35,70,.22);
  animation:tradeSearchDatePopoverIn .16s ease-out;
}


@keyframes tradeSearchDatePopoverIn{
  from{opacity:0}
  to{opacity:1}
}
.tradeSearchDatePopoverHead{
  min-height:58px;
  padding:11px 12px 10px 15px;
  border-bottom:1px solid #E3EAF3;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  background:linear-gradient(180deg,#FBFDFF,#F4F8FC);
  border-radius:12px 12px 0 0;
}
.tradeSearchDatePopoverHead>div{
  min-width:0;
  display:grid;
  gap:3px;
}
.tradeSearchDatePopoverHead strong{
  color:#0B1730;
  font-size:14px;
  font-weight:550;
}
.tradeSearchDatePopoverHead span{
  color:#0B1730;
  font-size:11px;
  font-weight:400;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.tradeSearchDatePopoverHead>button{
  width:30px;
  height:30px;
  flex:0 0 30px;
  border:1px solid #D7E3EF;
  border-radius:8px;
  background:#FFFFFF;
  color:#0B1730;
  display:grid;
  place-items:center;
  cursor:pointer;
}
.tradeSearchDatePopoverHead>button:hover{
  border-color:#0B69DF;
  color:#0B69DF;
  background:#F0FAFF;
}
.tradeSearchDateCalendars{
  padding:14px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.tradeSearchDateCalendars .miniCalendar{
  padding:11px;
  border:1px solid #E0E8F2;
  border-radius:0;
  background:#FFFFFF;
}
.tradeSearchDateCalendars .miniCalendarHead{
  margin-bottom:3px;
}
.tradeSearchDateCalendars .calendarArrow{
  width:28px;
  height:28px;
  border:1px solid #D7E3EF;
  border-radius:0;
  background:#FFFFFF;
  color:#0B1730;
  display:grid;
  place-items:center;
  cursor:pointer;
}
.tradeSearchDateCalendars .calendarArrow:first-child svg{
  transform:rotate(180deg);
}
.tradeSearchDateCalendars .calendarArrow:hover{
  border-color:#0B69DF;
  color:#0B69DF;
  background:#F0FAFF;
}
.tradeSearchDatePopoverFoot{
  min-height:52px;
  padding:9px 12px;
  border-top:1px solid #E3EAF3;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
}
.tradeSearchDatePopoverFoot button{
  min-width:76px;
  height:34px;
  border-radius:8px;
  padding:0 13px;
  font-family:inherit;
  font-size:12px;
  font-weight:550;
  cursor:pointer;
}
.tradeSearchDatePopoverFoot .datePickerClear{
  border:1px solid #D7E3EF;
  background:#FFFFFF;
  color:#0B1730;
}
.tradeSearchDatePopoverFoot .datePickerClear:hover{
  border-color:#0B69DF;
  color:#0B69DF;
  background:#F5FBFF;
}
.tradeSearchDatePopoverFoot .datePickerDone{
  border:1px solid #0B69DF;
  background:linear-gradient(90deg,#0B69DF,#0B69DF);
  color:#FFFFFF;
  box-shadow:0 8px 18px rgba(11,105,223,.18);
}
.theme-dark .tradeSearch .apiDateInputs .apiDateFieldButton{
  border-color:#2A3850;
  background:#11182A;
  color:#FFFFFF;
}
.theme-dark .tradeSearch .apiDateInputs .apiDateFieldButton:hover,
.theme-dark .tradeSearch .apiDateInputs .apiDateFieldButton.active{
  border-color:#1EAAED;
  background:#12263A;
  color:#0B69DF;
  box-shadow:0 0 0 3px rgba(11,105,223,.14);
}
.theme-dark .tradeSearchDatePopover{
  border-color:#28344A;
  background:#0F1325;
  color:#FFFFFF;
  box-shadow:0 26px 70px rgba(0,0,0,.46);
}
.theme-dark .tradeSearchDatePopoverHead{
  border-color:#28344A;
  background:linear-gradient(180deg,#151B31,#10162A);
}
.theme-dark .tradeSearchDatePopoverHead strong{color:#FFFFFF}
.theme-dark .tradeSearchDatePopoverHead span{color:#FFFFFF}
.theme-dark .tradeSearchDatePopoverHead>button,
.theme-dark .tradeSearchDateCalendars .calendarArrow,
.theme-dark .tradeSearchDatePopoverFoot .datePickerClear{
  border-color:#30405A;
  background:#11182A;
  color:#FFFFFF;
}
.theme-dark .tradeSearchDatePopoverHead>button:hover,
.theme-dark .tradeSearchDateCalendars .calendarArrow:hover,
.theme-dark .tradeSearchDatePopoverFoot .datePickerClear:hover{
  border-color:#1EAAED;
  background:#14263B;
  color:#0B69DF;
}
.theme-dark .tradeSearchDateCalendars .miniCalendar{
  border-color:#28344A;
  background:#11172A;
}
.theme-dark .tradeSearchDatePopoverFoot{border-color:#28344A}
@media(max-width:760px){
  .tradeSearchDateCalendars{grid-template-columns:1fr}
}


/* Fresh Trade Search date-range geometry: equal From/To fields and a body portal.
   The portal avoids clipping from the animated advanced-filter overflow container. */
#root#root .tradeSearch .apiDateInputs{
  width:100%!important;
  grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr)!important;
  column-gap:6px!important;
  align-items:center!important;
}
#root#root .tradeSearch .apiDateInputs .apiDateFieldButton{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  box-sizing:border-box!important;
}
#root#root .tradeSearch .apiDateInputs>span{
  width:22px!important;
  min-width:22px!important;
  max-width:22px!important;
  text-align:center!important;
}

















/* Trade Search single-date picker: direct body portal, no full-screen overlay. */
.tradeSearchDatePopoverPortal.singleDatePicker{
  position:fixed!important;
  z-index:2147483640!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  box-sizing:border-box!important;
  margin:0!important;
  min-width:0!important;
  max-width:calc(100vw - 24px)!important;
  max-height:calc(100vh - 24px)!important;
  overflow:visible!important;
  border:1px solid #D7E3EF!important;
  border-radius:0!important;
  background:#FFFFFF!important;
  color:#0B1730 !important;
  box-shadow:0 16px 38px rgba(15,35,70,.20)!important;
  transform:none!important;
  filter:none!important;
  contain:none!important;
  animation:tradeSearchDatePopoverIn .14s ease-out!important;
}
.tradeSearchDatePopoverPortal.singleDatePicker.dateThemeDark{
  border-color:#28344A!important;
  background:#0F1325!important;
  color:#FFFFFF !important;
  box-shadow:0 18px 44px rgba(0,0,0,.42)!important;
}
.tradeSearchDatePopoverPortal.singleDatePicker .tradeSearchDateCalendars{
  display:block!important;
  padding:7px!important;
}
.tradeSearchDatePopoverPortal.singleDatePicker .miniCalendar{
  width:100%!important;
  min-width:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  gap:4px!important;
}
.tradeSearchDatePopoverPortal.singleDatePicker .miniCalendarHead{
  grid-template-columns:24px minmax(108px,1fr) minmax(108px,1fr) 24px!important;
  gap:3px!important;
  min-height:26px!important;
}
.tradeSearchDatePopoverPortal.singleDatePicker .calendarArrow{
  width:24px!important;
  height:24px!important;
  border-radius:0!important;
}
.tradeSearchDatePopoverPortal.singleDatePicker .dateCalendarSelect{
  width:100%!important;
  min-width:0!important;
  height:24px!important;
  padding:0 18px 0 5px!important;
  border:1px solid #C9DCEB!important;
  border-radius:0!important;
  background-color:#FFFFFF!important;
  color:#0B1730 !important;
  font-family:inherit!important;
  font-size:10px!important;
  font-weight:400!important;
  line-height:22px!important;
  cursor:pointer!important;
  box-sizing:border-box!important;
}
.tradeSearchDatePopoverPortal.singleDatePicker .dateCalendarSelect:hover,
.tradeSearchDatePopoverPortal.singleDatePicker .dateCalendarSelect:focus{
  border-color:#0B69DF!important;
  outline:none!important;
  box-shadow:0 0 0 2px rgba(11,105,223,.10)!important;
}
.tradeSearchDatePopoverPortal.singleDatePicker.dateThemeDark .dateCalendarSelect{
  border-color:#30405A!important;
  background-color:#11182A!important;
  color:#FFFFFF !important;
}
.tradeSearchDatePopoverPortal.singleDatePicker.dateThemeDark .calendarArrow{
  border-color:#30405A!important;
  background:#11182A!important;
  color:#0B1730 !important;
}

.tradeSearchDatePopoverPortal.singleDatePicker.dateThemeDark .weekDays span{color:#0B1730 !important}
.tradeSearchDatePopoverPortal.singleDatePicker.dateThemeDark .calendarDays button{color:#FFFFFF !important}
.tradeSearchDatePopoverPortal.singleDatePicker.dateThemeDark .calendarDays button:hover{background:#151B31!important;color:#0B69DF !important}
.tradeSearchDatePopoverPortal.singleDatePicker.dateThemeDark .calendarDays button.disabled{color:#0B1730 !important}
.tradeSearchDatePopoverPortal.singleDatePicker .weekDays,
.tradeSearchDatePopoverPortal.singleDatePicker .calendarDays{gap:2px!important}
.tradeSearchDatePopoverPortal.singleDatePicker .weekDays span{height:18px!important;font-size:9px!important}
.tradeSearchDatePopoverPortal.singleDatePicker .calendarDays button{height:23px!important;min-width:0!important;padding:0!important;border-radius:0!important;font-size:10px!important}


/* ========================================================================== 
   TRADE SEARCH DATE PICKER — THEMED MONTH/YEAR PORTAL DROPDOWNS
   Native browser selects are replaced by the shared Eximbot portal dropdown,
   so month/year option lists follow the active theme on every browser.
   ========================================================================== */
.tradeSearchDatePopoverPortal.singleDatePicker .miniCalendarHead > .calendarPortalSearchSelect{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:24px!important;
  display:flex!important;
  align-items:center!important;
}
.tradeSearchDatePopoverPortal.singleDatePicker .calendarPortalSearchSelect .calendarSelect{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:24px!important;
  min-height:24px!important;
  padding:0 5px 0 7px!important;
  border:1px solid #C9DCEB!important;
  border-radius:0!important;
  background:#FFFFFF!important;
  color:#0B1730 !important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:3px!important;
  font-family:inherit!important;
  font-size:10px!important;
  font-weight:550!important;
  line-height:1!important;
  text-align:center!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.tradeSearchDatePopoverPortal.singleDatePicker .calendarPortalSearchSelect .calendarSelect > span{
  flex:1 1 auto!important;
  min-width:0!important;
  text-align:center!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
}
.tradeSearchDatePopoverPortal.singleDatePicker .calendarPortalSearchSelect .calendarSelect > svg{
  position:static!important;
  inset:auto!important;
  width:11px!important;
  height:11px!important;
  flex:0 0 11px!important;
  margin:0!important;
  color:#0B69DF !important;
}
.tradeSearchDatePopoverPortal.singleDatePicker .calendarPortalSearchSelect .calendarSelect:hover,
.tradeSearchDatePopoverPortal.singleDatePicker .calendarPortalSearchSelect.open .calendarSelect,
.tradeSearchDatePopoverPortal.singleDatePicker .calendarPortalSearchSelect .calendarSelect:focus-visible{
  border-color:#0B69DF!important;
  background:#F0FAFF!important;
  color:#0B69DF !important;
  outline:none!important;
  box-shadow:0 0 0 2px rgba(11,105,223,.10)!important;
}
.tradeSearchDatePopoverPortal.singleDatePicker.dateThemeDark .calendarPortalSearchSelect .calendarSelect{
  border-color:#30405A!important;
  background:#11182A!important;
  color:#FFFFFF !important;
}
.tradeSearchDatePopoverPortal.singleDatePicker.dateThemeDark .calendarPortalSearchSelect .calendarSelect:hover,
.tradeSearchDatePopoverPortal.singleDatePicker.dateThemeDark .calendarPortalSearchSelect.open .calendarSelect,
.tradeSearchDatePopoverPortal.singleDatePicker.dateThemeDark .calendarPortalSearchSelect .calendarSelect:focus-visible{
  border-color:#1EAAED!important;
  background:#14263B!important;
  color:#0B69DF !important;
  box-shadow:0 0 0 2px rgba(11,105,223,.15)!important;
}

/* Portalled option list: light and dark variants are explicit because the
   menu is mounted under document.body, outside the .theme-dark app wrapper. */
.platformSearchSelectPortal.calendarSelectPortalMenu{
  z-index:2147483647!important;
  min-width:120px!important;
  padding:0!important;
  border-radius:0!important;
  overflow:hidden!important;
  box-shadow:0 14px 34px rgba(15,35,70,.22)!important;
}
.platformSearchSelectPortal.calendarSelectPortalMenu .platformSearchSelectList{
  max-height:224px!important;
  padding:4px!important;
  scrollbar-width:thin!important;
}
.platformSearchSelectPortal.calendarSelectPortalMenu .platformSearchSelectOption{
  position:relative!important;
  min-height:27px!important;
  padding:5px 16px 5px 6px!important;
  border-radius:0!important;
  justify-content:center!important;
  gap:4px!important;
  font-size:10.5px!important;
  font-weight:400!important;
  line-height:1.1!important;
  text-align:center!important;
  white-space:nowrap!important;
}
.platformSearchSelectPortal.calendarSelectPortalMenu .platformSearchSelectOption > span{
  flex:1 1 auto!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.platformSearchSelectPortal.calendarSelectPortalMenu .platformSearchSelectOption > svg{
  position:absolute!important;
  right:5px!important;
  width:10px!important;
  height:10px!important;
}
.platformSearchSelectPortal.calendarSelectPortalMenuLight{
  border-color:#C9DCEB!important;
  background:#FFFFFF!important;
}
.platformSearchSelectPortal.calendarSelectPortalMenuLight .platformSearchSelectList{
  background:#FFFFFF!important;
}
.platformSearchSelectPortal.calendarSelectPortalMenuLight .platformSearchSelectOption{
  color:#0B1730 !important;
}
.platformSearchSelectPortal.calendarSelectPortalMenuLight .platformSearchSelectOption:hover,
.platformSearchSelectPortal.calendarSelectPortalMenuLight .platformSearchSelectOption:focus-visible{
  background:#F5F7FA!important;
  color:#414F5F !important;
}
.platformSearchSelectPortal.calendarSelectPortalMenuLight .platformSearchSelectOption.selected{
  background:#0B69DF!important;
  color:#FFFFFF !important;
}
.platformSearchSelectPortal.calendarSelectPortalMenuDark{
  border-color:#30405A!important;
  background:#0F1325!important;
  box-shadow:0 16px 38px rgba(0,0,0,.44)!important;
}
.platformSearchSelectPortal.calendarSelectPortalMenuDark .platformSearchSelectList{
  background:#0F1325!important;
}
.platformSearchSelectPortal.calendarSelectPortalMenuDark .platformSearchSelectOption{
  color:#0B1730 !important;
}
.platformSearchSelectPortal.calendarSelectPortalMenuDark .platformSearchSelectOption:hover,
.platformSearchSelectPortal.calendarSelectPortalMenuDark .platformSearchSelectOption:focus-visible{
  background:#14263B!important;
  color:#0B69DF !important;
}
.platformSearchSelectPortal.calendarSelectPortalMenuDark .platformSearchSelectOption.selected{
  background:#0B69DF!important;
  color:#FFFFFF !important;
}

/* Keep both navigation chevrons optically centred inside their square boxes. */
.tradeSearchDatePopoverPortal.singleDatePicker .miniCalendarHead .calendarArrow{
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  line-height:0!important;
  text-align:center!important;
  overflow:hidden!important;
}
.tradeSearchDatePopoverPortal.singleDatePicker .miniCalendarHead .calendarArrow > svg{
  position:static!important;
  inset:auto!important;
  display:block!important;
  width:14px!important;
  height:14px!important;
  min-width:14px!important;
  min-height:14px!important;
  margin:auto!important;
  flex:0 0 14px!important;
  transform-origin:50% 50%!important;
}
.tradeSearchDatePopoverPortal.singleDatePicker .miniCalendarHead .calendarArrow:first-child > svg{
  transform:rotate(180deg)!important;
}
.tradeSearchDatePopoverPortal.singleDatePicker .miniCalendarHead .calendarArrow.next > svg{
  transform:none!important;
}


/* Eximbot logo EXIM colour alignment for Trade Search header/form text.
   Requested dark navy: rgb(0, 21, 64) / #001540.
   Keep placeholder/helper text in the original light gray. */
.tradeSearch .searchTitle h2,
.tradeSearch .databaseModeControl > span,
.tradeSearch .multiCriteriaField > span,
.tradeSearch .apiFilterControl > span,
.tradeSearch .apiDateHeader > span,
.tradeSearch .criteriaInputRow input,
.tradeSearch .apiDateInputs .apiDateFieldButton,
.tradeSearch .apiDateInputs > span,
.tradeSearch .dateAdvancedRow .advancedToggle,
.tradeSearch .platformSearchSelectTrigger.criteriaCountryPortalTrigger.selectedState,
.tradeSearch .platformSearchSelectTrigger.criteriaCountryPortalTrigger.selectedState > span{
  color:#0B1730 !important;
}

.tradeSearch .criteriaInputRow input::placeholder{
  color:var(--eximbot-note) !important;
  opacity:1!important;
}
.tradeSearch .platformSearchSelectTrigger.criteriaCountryPortalTrigger.placeholderState,
.tradeSearch .platformSearchSelectTrigger.criteriaCountryPortalTrigger.placeholderState > span{
  color:#0B1730 !important;
  opacity:1!important;
}

.tradeSearch .dateAdvancedRow .advancedToggle,
.tradeSearch .dateAdvancedRow .advancedToggle > span{
  font-size:15px!important;
  font-weight:550!important;
  line-height:1!important;
}

.tradeSearch .apiDateInputs .apiDateFieldButton:hover,
.tradeSearch .apiDateInputs .apiDateFieldButton.active,
.tradeSearch .dateAdvancedRow .advancedToggle.active{
  color:#0B1730 !important;
}


/* Trade Search text inputs: match the blue focus ring/thickness used by country selectors. */
.tradeSearch .criteriaInputRow input:focus,
.tradeSearch .criteriaInputRow input:focus-visible,
.tradeSearch .advancedPortInputRow input:focus,
.tradeSearch .advancedPortInputRow input:focus-visible,
.tradeSearch .advancedRangePair input:focus,
.tradeSearch .advancedRangePair input:focus-visible{
  outline:none!important;
  border-color:#0B69DF!important;
  box-shadow:0 0 0 2px rgba(11,105,223,.11)!important;
}


/* Trade Search country dropdown arrows: match Advanced Search arrow size and spacing. */
.tradeSearch .criteriaCountryPortalTrigger{
  padding:0 14px!important;
  gap:14px!important;
}
.tradeSearch .criteriaCountryPortalTrigger>svg{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  flex:0 0 18px!important;
}


/* Trade Search date values: use Eximbot logo navy colour explicitly. */
.tradeSearch .apiDateInputs .apiDateFieldButton>span{
  color:#0B1730 !important;
}


/* Unified Trade Search download: permissions and request in one modal/button. */
.unifiedDownloadModal{
  width:min(980px,94vw)!important;
  max-height:88vh!important;
  overflow:auto!important;
}
.unifiedDownloadSection{
  margin-top:16px;
  border:1px solid #DDE5F2;
  border-radius:0;
  background:#FFFFFF;
  padding:14px;
}
.unifiedDownloadSectionTitle{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.unifiedDownloadSectionTitle>div{
  display:flex;
  align-items:baseline;
  gap:9px;
  min-width:0;
}
.unifiedDownloadSectionTitle b{
  color:#0B1730 !important;
  font-size:14px;
  font-weight:550;
}
.unifiedDownloadSectionTitle span{
  color:#0B1730;
  font-size:11px;
  font-weight:550;
}
.unifiedDownloadModal .downloadQuotaMeta{margin-bottom:10px}
.unifiedDownloadModal .downloadQuotaGrid{gap:10px}
.unifiedDownloadModal .downloadQuotaGrid article{padding:13px}
.unifiedDownloadModal .downloadQuotaGrid article>strong{font-size:24px;margin-top:5px}
.unifiedDownloadModal .downloadQuotaNote{margin-top:10px!important}
.unifiedDownloadModal .downloadReportSummary{margin:0 0 14px}
.unifiedDownloadModal .downloadColumnGrid{max-height:190px}
.unifiedDownloadActions{
  position:sticky;
  bottom:-1px;
  z-index:4;
  margin:16px -4px -4px!important;
  padding:12px 4px 4px!important;
  background:#FFFFFF;
  border-top:1px solid #E7EDF5;
}
@media(max-width:680px){
  .unifiedDownloadModal{width:min(620px,94vw)!important}
  .unifiedDownloadSectionTitle>div{align-items:flex-start;flex-direction:column;gap:2px}
}


/* Unified Download modal v3: clean React-only design after removing the legacy
   document-level click-capture download override. */
#root .unifiedDownloadModal{
  width:min(920px,94vw)!important;
  border-radius:0!important;
  max-height:min(88vh,820px)!important;
  padding:22px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain;
}
#root .unifiedDownloadModal .downloadReportHeading{
  padding-right:44px;
  margin-bottom:4px;
}
#root .unifiedDownloadModal .unifiedDownloadSection{
  display:block!important;
  margin-top:14px!important;
  border:1px solid #D7E3EF!important;
  border-radius:0!important;
  background:#FFFFFF!important;
  padding:14px!important;
  box-shadow:0 5px 16px rgba(31,55,90,.045)!important;
}
#root .unifiedDownloadModal .downloadPermissionSection{
  background:linear-gradient(180deg,#F8FCFF 0%,#FFFFFF 100%)!important;
  border-color:#CFE7F4!important;
}
#root .unifiedDownloadModal .unifiedDownloadSectionTitle{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-height:24px!important;
  margin:0 0 12px!important;
}
#root .unifiedDownloadModal .unifiedDownloadSectionTitle>div{
  display:flex!important;
  align-items:baseline!important;
  gap:8px!important;
}
#root .unifiedDownloadModal .unifiedDownloadSectionTitle b{
  color:#0B1730 !important;
  font-size:15px!important;
  line-height:1.25!important;
}
#root .unifiedDownloadModal .unifiedDownloadSectionTitle span{
  color:#0B1730 !important;
  font-size:11px!important;
}
#root .unifiedDownloadModal .downloadQuotaMeta{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  margin:0 0 10px!important;
}
#root .unifiedDownloadModal .downloadQuotaMeta>span{
  min-width:0!important;
  padding:10px 12px!important;
  border:1px solid #DFE8F2!important;
  border-radius:0!important;
  background:#FFFFFF!important;
}
#root .unifiedDownloadModal .downloadQuotaGrid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
#root .unifiedDownloadModal .downloadQuotaGrid article{
  min-width:0!important;
  padding:12px!important;
  border:1px solid #DDE7F1!important;
  border-radius:0!important;
  background:#FFFFFF!important;
}
#root .unifiedDownloadModal .downloadReportSummary{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  margin:0 0 12px!important;
}
#root .unifiedDownloadModal .downloadCountField{
  margin-bottom:12px!important;
}
#root .unifiedDownloadModal .downloadColumnGrid{
  max-height:178px!important;
  overflow:auto!important;
  padding-right:3px!important;
}
#root .unifiedDownloadModal .unifiedDownloadActions{
  position:sticky!important;
  bottom:-22px!important;
  z-index:5!important;
  margin:14px -22px -22px!important;
  padding:12px 22px 14px!important;
  background:#FFFFFF!important;
  border-top:1px solid #E2E9F2!important;
  box-shadow:0 -8px 18px rgba(31,55,90,.06)!important;
}
#root .unifiedDownloadModal .unifiedDownloadActions button{
  border-radius:0!important;
}
#root .unifiedDownloadModal .unifiedDownloadActions .ghost{
  color:#0B1730!important;
}
#root .unifiedDownloadModal .downloadReportHeading>span svg{
  color:#FFFFFF!important;
  stroke:#FFFFFF!important;
}
.theme-dark #root .unifiedDownloadModal .unifiedDownloadSection,
.theme-dark #root .unifiedDownloadModal .downloadQuotaMeta>span,
.theme-dark #root .unifiedDownloadModal .downloadQuotaGrid article{
  background:#0F1325!important;
  border-color:#2A3553!important;
}
.theme-dark #root .unifiedDownloadModal .downloadPermissionSection{
  background:linear-gradient(180deg,#101A2D 0%,#0F1325 100%)!important;
}
.theme-dark #root .unifiedDownloadModal .unifiedDownloadSectionTitle b{
  color:#FFFFFF !important;
}
.theme-dark #root .unifiedDownloadModal .unifiedDownloadActions{
  background:#11172A!important;
  border-color:#2A3553!important;
}
@media(max-width:720px){
  #root .unifiedDownloadModal{padding:18px!important}
  #root .unifiedDownloadModal .downloadQuotaMeta,
  #root .unifiedDownloadModal .downloadQuotaGrid,
  #root .unifiedDownloadModal .downloadReportSummary{grid-template-columns:1fr!important}
  #root .unifiedDownloadModal .unifiedDownloadActions{
    bottom:-18px!important;
    margin:14px -18px -18px!important;
    padding:12px 18px 14px!important;
  }
}

/* Unified Download permissions: Daily/Monthly/Yearly Used and Remaining tables. */
#root .unifiedDownloadModal .downloadPermissionTables{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
#root .unifiedDownloadModal .downloadPermissionTableCard{
  min-width:0!important;
  overflow:hidden!important;
  border:1px solid #DDE7F1!important;
  border-radius:0!important;
  background:#FFFFFF!important;
}
#root .unifiedDownloadModal .downloadPermissionTableCard.activePermission{
  border-color:#078AD8!important;
  box-shadow:0 0 0 2px rgba(7,138,216,.17),0 8px 20px rgba(11,23,48,.08)!important;
}
#root .unifiedDownloadModal .downloadPermissionTableCard.activePermission h4,
#root .unifiedDownloadModal .downloadPermissionTableCard.activePermission .downloadPermissionTableCardHead{
  border-bottom-color:#B9E2F8!important;
  background:#EAF7FE!important;
  color:#0B1730 !important;
}
#root .unifiedDownloadModal .downloadPermissionTableCard h4,
#root .unifiedDownloadModal .downloadPermissionTableCard .downloadPermissionTableCardHead{
  margin:0!important;
  padding:9px 11px!important;
  border-bottom:1px solid #DDE7F1!important;
  background:#F7FAFD!important;
  color:#0B1730 !important;
  font-size:12px!important;
  font-weight:550!important;
  line-height:1.25!important;
  letter-spacing:.02em!important;
  text-transform:uppercase!important;
  box-sizing:border-box!important;
}
#root .unifiedDownloadModal .downloadPermissionTableCard .downloadPermissionTableCardHead b{
  display:block!important;
  margin:0!important;
  color:inherit!important;
  font:inherit!important;
}
#root .unifiedDownloadModal .downloadPermissionTableWrap{
  width:100%!important;
  overflow-x:auto!important;
}
#root .unifiedDownloadModal .downloadPermissionTable{
  width:100%!important;
  min-width:320px!important;
  border-collapse:collapse!important;
  table-layout:fixed!important;
  background:#FFFFFF!important;
}
#root .unifiedDownloadModal .downloadPermissionTable th,
#root .unifiedDownloadModal .downloadPermissionTable td{
  height:36px!important;
  padding:8px 12px!important;
  border:0!important;
  border-bottom:1px solid #E7EDF5!important;
  background:#FFFFFF!important;
  color:#0B1730 !important;
  font-size:12px!important;
  line-height:1.2!important;
  text-align:right!important;
  vertical-align:middle!important;
}
#root .unifiedDownloadModal .downloadPermissionTable th{
  height:34px!important;
  background:#FBFCFE!important;
  color:#0B1730 !important;
  font-size:11px!important;
  font-weight:550!important;
}
#root .unifiedDownloadModal .downloadPermissionTable th:first-child,
#root .unifiedDownloadModal .downloadPermissionTable td:first-child{
  width:40%!important;
  text-align:center!important;
  font-weight:550!important;
}
#root .unifiedDownloadModal .downloadPermissionTable th:nth-child(2),
#root .unifiedDownloadModal .downloadPermissionTable td:nth-child(2),
#root .unifiedDownloadModal .downloadPermissionTable th:nth-child(3),
#root .unifiedDownloadModal .downloadPermissionTable td:nth-child(3){
  width:30%!important;
  text-align:center!important;
}
#root .unifiedDownloadModal .downloadPermissionTable td:nth-child(2),
#root .unifiedDownloadModal .downloadPermissionTable td:nth-child(3){
  font-weight:550!important;
}
#root .unifiedDownloadModal .downloadPermissionTable th:first-child>.platformHeaderInner,
#root .unifiedDownloadModal .downloadPermissionTable th:nth-child(2)>.platformHeaderInner,
#root .unifiedDownloadModal .downloadPermissionTable th:nth-child(3)>.platformHeaderInner{
  justify-content:center!important;
  text-align:center!important;
}
#root .unifiedDownloadModal .downloadPermissionTable .platformSortButton{
  display:none!important;
}
#root .unifiedDownloadModal .downloadPermissionTable tbody tr:last-child td{
  border-bottom:0!important;
}
.theme-dark #root .unifiedDownloadModal .downloadPermissionTableCard,
.theme-dark #root .unifiedDownloadModal .downloadPermissionTable,
.theme-dark #root .unifiedDownloadModal .downloadPermissionTable th,
.theme-dark #root .unifiedDownloadModal .downloadPermissionTable td{
  background:#0F1325!important;
  border-color:#2A3553!important;
}
.theme-dark #root .unifiedDownloadModal .downloadPermissionTableCard h4,
.theme-dark #root .unifiedDownloadModal .downloadPermissionTableCard .downloadPermissionTableCardHead,
.theme-dark #root .unifiedDownloadModal .downloadPermissionTable th{
  background:#121A2D!important;
  border-color:#2A3553!important;
}
.theme-dark #root .unifiedDownloadModal .downloadPermissionTableCard.activePermission{
  border-color:#38BDF8!important;
  box-shadow:0 0 0 2px rgba(56,189,248,.22)!important;
}
.theme-dark #root .unifiedDownloadModal .downloadPermissionTableCard.activePermission h4,
.theme-dark #root .unifiedDownloadModal .downloadPermissionTableCard.activePermission .downloadPermissionTableCardHead{
  background:#102C42!important;
  border-bottom-color:#245C7A!important;
  color:#0B69DF !important;
}
.theme-dark #root .unifiedDownloadModal .downloadPermissionTableCard h4,
.theme-dark #root .unifiedDownloadModal .downloadPermissionTableCard .downloadPermissionTableCardHead,
.theme-dark #root .unifiedDownloadModal .downloadPermissionTable td{
  color:#FFFFFF !important;
}
.theme-dark #root .unifiedDownloadModal .downloadPermissionTable th{
  color:#FFFFFF !important;
}
@media(max-width:720px){
  #root .unifiedDownloadModal .downloadPermissionTables{
    grid-template-columns:1fr!important;
  }
}


/* Keep Download visibly disabled until the active result table has fully loaded. */
.resultActions .downloadAction:disabled,
.resultActions .downloadAction[aria-disabled="true"]{
  opacity:1!important;
  cursor:not-allowed!important;
  pointer-events:none!important;
  background:#F4F7FB!important;
  border-color:#DDE5F2!important;
  color:#0B1730 !important;
  box-shadow:none!important;
}
.resultActions .downloadAction:disabled svg,
.resultActions .downloadAction[aria-disabled="true"] svg{
  color:#0B1730 !important;
  stroke:#91A0B2!important;
}
.theme-dark .resultActions .downloadAction:disabled,
.theme-dark .resultActions .downloadAction[aria-disabled="true"]{
  background:#101522!important;
  border-color:#263247!important;
  color:#FFFFFF !important;
}
.theme-dark .resultActions .downloadAction:disabled svg,
.theme-dark .resultActions .downloadAction[aria-disabled="true"] svg{
  color:#FFFFFF !important;
  stroke:#5F6B82!important;
}


/* Temporary supplier download-request counter for live quota verification. */
.downloadRequestDebugToast{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:10050;
  min-width:280px;
  max-width:min(420px,calc(100vw - 32px));
  display:grid;
  gap:3px;
  padding:13px 16px;
  border:1px solid rgba(11,105,223,.28);
  border-radius:10px;
  background:#fff;
  box-shadow:0 14px 38px rgba(11,23,48,.18);
  color:#0B1730;
  font-size:13px;
  line-height:1.4;
}
.downloadRequestDebugToast b{color:#0B69DF;font-size:12px;text-transform:uppercase;letter-spacing:.05em}
.downloadRequestDebugToast span{font-weight:550}
.theme-dark .downloadRequestDebugToast{background:#101d33;color:#FFFFFF;border-color:rgba(11,105,223,.45)}
@media(max-width:640px){.downloadRequestDebugToast{left:16px;right:16px;bottom:16px;min-width:0}}

/* Company View main title: keep only this copy button permanently visible. */
#root .companyOverviewHeaderModern .companyMainTitleWithStickyCopy > .copyNameWrap,
#root .theme-light .companyOverviewHeaderModern .companyMainTitleWithStickyCopy > .copyNameWrap,
#root .theme-dark .companyOverviewHeaderModern .companyMainTitleWithStickyCopy > .copyNameWrap {
  opacity: 1 !important;
  pointer-events: auto !important;
}


/* ========================================================================== 
   COMPANY VIEW: LAZY COMPANY INFORMATION BOX + RAW ROW TABLE
   Raw rows are deduplicated only when Address, Country, Tel., Email and Website
   all match. Repeated individual values remain visible when another column differs.
   ========================================================================== */
.companyOverviewHeaderModern .companyContactQuickBoxes{
  display:flex;
  grid-template-columns:none;
  width:100%;
  max-width:820px;
}
.companyOverviewHeaderModern .companyInformationQuickBox{
  width:min(270px,100%);
  flex:0 1 270px;
}
.companyContactPopupModal{
  width:min(1180px,calc(100vw - 28px))!important;
  max-width:calc(100vw - 28px)!important;
  max-height:min(760px,calc(100dvh - 28px))!important;
  display:flex!important;
  flex-direction:column;
  overflow:hidden!important;
}
.companyInformationTableWrap{
  flex:1 1 auto;
  min-height:0;
  width:100%;
  max-width:100%;
  max-height:min(620px,72dvh);
  overflow:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable both-edges;
  padding:14px;
  box-sizing:border-box;
  background:#FFFFFF;
}
.companyInformationTable{
  width:100%;
  max-width:100%;
  min-width:980px;
  border-collapse:separate;
  border-spacing:0;
  table-layout:fixed;
  border:1px solid #DDE5F2;
  border-radius:0;
  overflow:hidden;
  background:#FFFFFF;
}
.companyInformationTable th,
.companyInformationTable td{
  padding:11px 12px;
  border-right:1px solid #E1E8F2;
  border-bottom:1px solid #E1E8F2;
  vertical-align:top;
  text-align:left;
}
.companyInformationTable th:last-child,
.companyInformationTable td:last-child{border-right:0}
.companyInformationTable tbody tr:last-child td{border-bottom:0}
.companyInformationTable th{
  position:sticky;
  top:0;
  z-index:2;
  background:#F2F7FC;
  color:#0B1730;
  font-size:12px;
  font-weight:550;
  white-space:nowrap;
}
.companyInformationTable td{
  background:#FFFFFF;
  color:#0B1730;
  font-size:13px;
  font-weight:400;
  line-height:1.45;
}
.companyInformationTable tbody tr:nth-child(even) td{background:#FFFFFF}
.companyInformationTable tbody tr:hover td{background:#F4FAFF}
.companyInformationTable th:nth-child(1){width:30%}
.companyInformationTable th:nth-child(2){width:14%}
.companyInformationTable th:nth-child(3){width:15%}
.companyInformationTable th:nth-child(4){width:22%}
.companyInformationTable th:nth-child(5){width:19%}
.companyInformationCell{
  display:flex;
  align-items:flex-start;
  gap:7px;
  min-width:0;
}
.companyInformationCell>span{
  min-width:0;
  flex:1;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.companyInformationCell .copyNameWrap,
.companyInformationCell .copyNameBtn{
  flex:0 0 auto;
  margin-top:1px;
}
.companyInformationPopupState{
  flex:1 1 auto;
  min-height:180px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:28px;
  color:#0B1730;
  font-size:14px;
  font-weight:550;
  text-align:center;
}
.companyInformationPopupState.error{
  align-items:stretch;
}
.companyInformationPopupState .retryDataState{
  width:100%;
}
.theme-dark .companyInformationTableWrap{background:#0F1325}
.theme-dark .companyInformationPopupState{background:#0F1325;color:#FFFFFF}
.theme-dark .companyInformationTable{background:#0F1325;border-color:#242C49}
.theme-dark .companyInformationTable th{background:#151B31;color:#FFFFFF;border-color:#242C49}
.theme-dark .companyInformationTable td{background:#11172A;color:#FFFFFF;border-color:#242C49}
.theme-dark .companyInformationTable tbody tr:nth-child(even) td{background:#101629}
.theme-dark .companyInformationTable tbody tr:hover td{background:#14243A}
@media(max-width:760px){
  .companyOverviewHeaderModern .companyInformationQuickBox{width:100%;flex:1 1 100%}
  .companyInformationTableWrap{padding:10px}
}

/* ========================================================================== 
   COMPANY INFORMATION: TWO-COLUMN RAW COMPANY LIST
   5% serial number + 95% dynamic multi-line company information.
   ========================================================================== */
.companyInformationTwoColumnTable{
  min-width:760px;
  table-layout:fixed;
}
.companyInformationTwoColumnTable th:first-child,
.companyInformationTwoColumnTable td:first-child{
  width:5%!important;
  min-width:52px;
  text-align:center;
}
.companyInformationTwoColumnTable th:nth-child(2),
.companyInformationTwoColumnTable td:nth-child(2){
  width:95%!important;
}
.companyInformationTwoColumnTable td{
  height:auto!important;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.companyInformationSerialCell{
  color:#0B1730 !important;
  font-weight:550!important;
  vertical-align:top!important;
}
.companyInformationStack{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:6px;
  min-width:0;
}
.companyInformationNameLine{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  min-width:0;
}
.companyInformationCompanyName{
  min-width:0;
  color:#0B69DF;
  font-size:14px;
  line-height:1.42;
  font-weight:550;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.companyInformationRoleBadge{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:24px;
  padding:2px 9px;
  border:1px solid #B9DCF2;
  border-radius:0;
  background:#F2FAFF;
  color:#0B69DF;
  font-size:11px;
  line-height:1;
  font-weight:550;
  white-space:nowrap;
}
.companyInformationRoleBadge.exporter{
  border-color:#C8D7F3;
  background:#F5F8FF;
  color:#0B1730;
}
.companyInformationDetailLine{
  display:flex;
  align-items:flex-start;
  flex-wrap:wrap;
  column-gap:18px;
  row-gap:4px;
  min-width:0;
  color:#0B1730;
  line-height:1.5;
}
.companyInformationDetailLine>span{
  min-width:0;
  max-width:100%;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.companyInformationDetailLine strong{
  color:#0B1730;
  font-weight:550;
}
.companyInformationLocationLine>span,
.companyInformationContactLine>span{
  flex:0 1 auto;
}
.theme-dark .companyInformationSerialCell{color:#FFFFFF !important}
.theme-dark .companyInformationCompanyName{color:#0B69DF}
.theme-dark .companyInformationRoleBadge{background:#11283A;border-color:#274E68;color:#0B69DF}
.theme-dark .companyInformationRoleBadge.exporter{background:#172238;border-color:#344966;color:#FFFFFF}
.theme-dark .companyInformationDetailLine{color:#FFFFFF}
.theme-dark .companyInformationDetailLine strong{color:#FFFFFF}
@media(max-width:760px){
  .companyInformationTwoColumnTable{min-width:620px}
  .companyInformationTwoColumnTable th:first-child,
  .companyInformationTwoColumnTable td:first-child{min-width:44px}
  .companyInformationDetailLine{column-gap:12px}
}


.companyInformationAddressBlock{
  display:grid;
  gap:4px;
  min-width:0;
}
.companyInformationAddressContinuation{
  line-height:1.45;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
}

/* COMPANY VIEW — ONE VISUAL LOADER ONLY
   Requests remain sequential, but all Company View sections share one portal
   loader so no blurred loader cards appear behind another loader. */
.companyUnifiedLoadingOverlay{
  position:fixed;
  inset:0;
  z-index:140;
  display:grid;
  place-items:center;
  padding:24px;
  background:rgba(247,250,255,.74);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
}
.companyUnifiedLoadingIndicator{
  width:min(390px,calc(100vw - 40px));
  max-height:calc(100vh - 40px);
  overflow:auto;
}
.theme-dark .companyUnifiedLoadingOverlay{background:rgba(8,11,22,.74)}

/* Failed Company View loads show only the error and Retry action. */
.associatedCompanyPanel:has(> .companyApiStatus.retryDataState) > .tradingRecordsBlock,
.analysisPanel:has(> .apiInlineError.retryDataState) > .tradingRecordsBlock,
.supplyChainMainPanel:has(> .apiInlineError.retryDataState) > .supplyMapPanel,
.supplyChainMainPanel:has(> .apiInlineError.retryDataState) > .supplyChainToolbar{
  display:none!important;
}
@media(max-width:760px){.companyUnifiedLoadingOverlay{padding:14px}}

/* ========================================================================== 
   COMPANY VIEW HEADER ACTIONS: 8PX TITLE GAP + UNIFIED LIGHT-BLUE BUTTONS
   - Company name, Copy and Google use the same 8px flex gap.
   - Favourite moves from the title row to the right-side action stack.
   - All three actions use the Eximbot light-blue treatment; only active/pressed
     state increases the font weight.
   ========================================================================== */
#root .companyOverviewHeaderModern .companyMainTitleWithStickyCopy > .copyNameWrap,
#root .theme-light .companyOverviewHeaderModern .companyMainTitleWithStickyCopy > .copyNameWrap,
#root .theme-dark .companyOverviewHeaderModern .companyMainTitleWithStickyCopy > .copyNameWrap {
  margin-left: 0 !important;
}

#root .companyModernHeroActions button,
#root .theme-light .companyModernHeroActions button {
  width: 100% !important;
  height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(11,23,48,.20) !important;
  border-radius:0!important;
  color: #0B1730 !important;
  background: #FFFFFF !important;
  font-weight: 400 !important;
  box-shadow: none !important;
  transform: none !important;
}

#root .companyModernHeroActions button svg,
#root .theme-light .companyModernHeroActions button svg {
  flex: 0 0 auto !important;
  color: currentColor !important;
  stroke: currentColor !important;
}

#root .companyModernHeroActions button:hover,
#root .theme-light .companyModernHeroActions button:hover {
  color: #0B1730 !important;
  background: #FFFFFF !important;
  border-color: #0B69DF !important;
  box-shadow: none !important;
  transform: none !important;
}

#root .companyModernHeroActions button:hover svg,
#root .theme-light .companyModernHeroActions button:hover svg {
  color: #0B69DF !important;
  stroke: #0B69DF !important;
}

#root .companyModernHeroActions button:active,
#root .companyModernHeroActions button:focus,
#root .companyModernHeroActions button.active,
#root .theme-light .companyModernHeroActions button:active,
#root .theme-light .companyModernHeroActions button:focus,
#root .theme-light .companyModernHeroActions button.active {
  color: #FFFFFF !important;
  background: #0B69DF !important;
  border-color: #0B69DF !important;
  font-weight: 550 !important;
  box-shadow: none !important;
  transform: none !important;
}

#root .companyModernHeroActions button:active svg,
#root .companyModernHeroActions button:focus svg,
#root .companyModernHeroActions button.active svg,
#root .theme-light .companyModernHeroActions button:active svg,
#root .theme-light .companyModernHeroActions button:focus svg,
#root .theme-light .companyModernHeroActions button.active svg {
  color: #FFFFFF !important;
  stroke: #FFFFFF !important;
}

#root .companyModernHeroActions .companyHeroFavouriteAction.active svg {
  fill: #FFFFFF !important;
}

#root .theme-dark .companyModernHeroActions button {
  color: #FFFFFF !important;
  background: #0B1730 !important;
  border-color: rgba(255,255,255,.24) !important;
  font-weight: 400 !important;
}

#root .theme-dark .companyModernHeroActions button:hover {
  color: #FFFFFF !important;
  background: #0B1730 !important;
  border-color: #0B69DF !important;
}

#root .theme-dark .companyModernHeroActions button:hover svg {
  color: #0B69DF !important;
  stroke: #0B69DF !important;
}

#root .theme-dark .companyModernHeroActions button:active,
#root .theme-dark .companyModernHeroActions button:focus,
#root .theme-dark .companyModernHeroActions button.active {
  color: #FFFFFF !important;
  background: #0B69DF !important;
  border-color: #0B69DF !important;
  font-weight: 550 !important;
}



/* Keep the active Company View mounted while the user temporarily opens Trade Search. */
.companyWorkspaceKeepAlive{width:100%;min-width:0;display:block}
.companyWorkspaceKeepAlive.is-hidden{display:none!important}


/* Company View > Company Alias / Partner / Trade Analysis > Trading Records.
   View By and Trading Records are separate cards; the selected tag uses only
   the available center space and ellipsizes only when it genuinely overflows. */
.companyRecordsLoadingBoundary{width:100%;min-width:0}
.companyStandaloneRecordsPanel{
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  padding:0 14px 14px!important;
  gap:0!important;
  border:1px solid #DDE5F2!important;
  border-radius:0!important;
  background:#FFFFFF!important;
  box-shadow:0 10px 28px rgba(31,55,90,.08)!important;
}
.tradingRecordsBlock > .companyRecordsHeaderGrid{
  height:35px!important;
  min-height:35px!important;
  padding:0!important;
  margin:15px 0!important;
  display:grid!important;
  grid-template-columns:minmax(190px,1fr) minmax(0,2fr) minmax(150px,1fr)!important;
  align-items:center!important;
  gap:16px!important;
}
.companyRecordsHeaderGrid > .companyRecordsHeading{
  height:35px!important;
  min-height:35px!important;
  min-width:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-rows:auto auto!important;
  align-content:center!important;
  row-gap:1px!important;
  justify-self:start!important;
  white-space:nowrap!important;
}
.companyRecordsHeaderGrid > .companyRecordsHeading h4{
  margin:0!important;
  padding:0!important;
  font-size:15px!important;
  font-weight:550!important;
  line-height:17px!important;
  white-space:nowrap!important;
}
.companyRecordsHeaderGrid > .companyRecordsHeading p{
  margin:0 0 0 12px!important;
  padding:0!important;
  font-size:13px!important;
  font-weight:550!important;
  line-height:14px!important;
  white-space:nowrap!important;
}
.companyRecordsHeaderGrid > .companyRecordsPeriodCell{
  width:100%!important;
  height:35px!important;
  min-width:0!important;
  min-height:35px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  justify-self:stretch!important;
  overflow:hidden!important;
}
.companyRecordsHeaderGrid > .companyRecordsPeriodCell .companyRecordsFilterTag{
  width:max-content!important;
  max-width:100%!important;
  min-width:0!important;
  height:35px!important;
  min-height:35px!important;
  margin:0!important;
  padding:0 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  flex-wrap:nowrap!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  font-size:13px!important;
  font-weight:400!important;
  line-height:35px!important;
}
.companyRecordsFilterText{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.companyRecordsHeaderGrid > .companyRecordsPeriodCell .companyRecordsFilterTag small{
  flex:0 1 auto!important;
  min-width:0!important;
  max-width:36%!important;
  margin:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:11px!important;
  font-weight:400!important;
  line-height:35px!important;
  white-space:nowrap!important;
}
.companyRecordsHeaderGrid > .companyRecordsPeriodCell .companyRecordsFilterTag button{
  flex:0 0 auto!important;
  margin:0!important;
}
.companyRecordsHeaderGrid > .companyRecordsContext{
  height:35px!important;
  min-height:35px!important;
  padding:0 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  justify-self:end!important;
  white-space:nowrap!important;
}
.theme-dark .companyStandaloneRecordsPanel{
  border-color:#28344A!important;
  background:#11172A!important;
  box-shadow:0 12px 30px rgba(0,0,0,.24)!important;
}
@media(max-width:900px){
  .tradingRecordsBlock > .companyRecordsHeaderGrid{
    grid-template-columns:minmax(160px,1fr) minmax(0,1.6fr) minmax(130px,1fr)!important;
    gap:10px!important;
  }
}
@media(max-width:680px){
  .tradingRecordsBlock > .companyRecordsHeaderGrid{
    height:auto!important;
    min-height:35px!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"heading context" "tag tag"!important;
    row-gap:8px!important;
  }
  .companyRecordsHeaderGrid > .companyRecordsHeading{grid-area:heading!important}
  .companyRecordsHeaderGrid > .companyRecordsContext{grid-area:context!important}
  .companyRecordsHeaderGrid > .companyRecordsPeriodCell{grid-area:tag!important}
}


/* Company View: table field text opens the matching Trading Records table. */
#root .companyOverviewPage .companyTradingRecordTextButton{
  appearance:none!important;
  -webkit-appearance:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0;
  background:transparent!important;
  box-shadow:none!important;
  color:inherit !important;
  font:inherit!important;
  line-height:inherit!important;
  text-align:left!important;
  cursor:pointer!important;
  text-decoration:none!important;
}
#root .companyOverviewPage .companyTradingRecordTextButton:hover,
#root .companyOverviewPage .companyTradingRecordTextButton:focus-visible{
  color:#0B69DF !important;
  text-decoration:underline!important;
  text-decoration-thickness:1px!important;
  text-underline-offset:3px!important;
}
#root .companyOverviewPage .companyTradingRecordTextButton:focus-visible{
  outline:2px solid rgba(11,105,223,.28)!important;
  outline-offset:2px!important;
  border-radius:0;
}
.theme-dark #root .companyOverviewPage .companyTradingRecordTextButton:hover,
.theme-dark #root .companyOverviewPage .companyTradingRecordTextButton:focus-visible{
  color:#0B69DF !important;
}

/* Company View > Partner: vertically center the fixed Importer/Exporter header
   label with its sorting control without changing table-cell layout. */
#root .companyOverviewPage .companyPartnerParityTable thead th[data-column-key="name"]{
  vertical-align:middle!important;
}
#root .companyOverviewPage .companyPartnerParityTable thead th[data-column-key="name"] > .analysisHeaderFixedLabel{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  height:30px!important;
  min-height:30px!important;
  max-height:30px!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
  vertical-align:middle!important;
  white-space:nowrap!important;
}
#root .companyOverviewPage .companyPartnerParityTable thead th[data-column-key="name"] > .platformSortButton{
  margin-top:0!important;
  margin-bottom:0!important;
  vertical-align:middle!important;
}

/* Company View > Partner > Country: keep the country-name heading left aligned
   with its sort control. Metric headings remain centered. */
#root#root .companyOverviewPage .partnerCountrySummaryTable thead th[data-column-key="countryName"]{
  text-align:left!important;
  vertical-align:middle!important;
}
#root#root .companyOverviewPage .partnerCountrySummaryTable thead th[data-column-key="countryName"] > .platformHeaderInner{
  width:100%!important;
  justify-content:flex-start!important;
  text-align:left!important;
}
#root#root .companyOverviewPage .partnerCountrySummaryTable thead th[data-column-key="countryName"] > .platformHeaderInner > :not(.platformSortButton){
  text-align:left!important;
}



/* Company Information popup: center inside the workspace below the tab row. */
.companyContactPopupBackdrop{
  inset:58px 0 0 0!important;
  padding:14px!important;
  place-items:center!important;
  overflow:hidden!important;
}
.companyContactPopupModal{
  max-height:calc(100dvh - 86px)!important;
}
.companyInformationPopupLoader{
  min-height:min(360px,calc(100dvh - 220px));
  flex-direction:column;
  gap:10px;
  background:#FFFFFF;
}
.companyInformationPopupLoader .processingSpinner.large{
  width:72px!important;
  min-width:72px!important;
  height:60px!important;
  min-height:60px!important;
  flex-basis:72px!important;
  margin:0 auto!important;
}
.companyInformationPopupLoader strong{color:#0B1730;font-size:15px;font-weight:550}
.companyInformationPopupLoader small{color:#0B1730;font-size:12px;font-weight:400}
.theme-dark .companyInformationPopupLoader{background:#0F1325}
.theme-dark .companyInformationPopupLoader strong{color:#FFFFFF}
.theme-dark .companyInformationPopupLoader small{color:#FFFFFF}
@media(max-width:760px){
  .companyContactPopupBackdrop{padding:10px!important}
  .companyContactPopupModal{max-height:calc(100dvh - 78px)!important}
  .companyInformationPopupLoader{min-height:min(300px,calc(100dvh - 190px))}
}

/* COMPANY VIEW VIEW-BY CLICKABLE TEXT + TRADING COUNTRY CLEANUP
   Applies to Company Alias, Partner (Company/Country) and Trade Analysis.
   Row hover keeps every data value blue; only the exact clickable field text
   receives the hand cursor and underline. Company Trading Records country
   cells are text-only (no Track action row/icon). */
#root#root .companyOverviewPage :is(
  .companyPartnerParityTable,
  .companyTradeAnalysisParityTable
) tbody .companyTradingRecordTextButton{
  display:inline-block!important;
  width:fit-content!important;
  min-width:0!important;
  max-width:100%!important;
  justify-self:start!important;
  align-self:start!important;
  color:inherit !important;
  cursor:pointer!important;
  text-decoration:none!important;
}
#root#root .companyOverviewPage :is(
  .companyPartnerParityTable,
  .companyTradeAnalysisParityTable
) tbody .companyTradingRecordTextButton:hover,
#root#root .companyOverviewPage :is(
  .companyPartnerParityTable,
  .companyTradeAnalysisParityTable
) tbody .companyTradingRecordTextButton:focus-visible{
  color:#0B69DF !important;
  cursor:pointer!important;
  text-decoration:underline!important;
  text-decoration-thickness:1px!important;
  text-underline-offset:3px!important;
}
.theme-dark #root#root .companyOverviewPage :is(
  .companyPartnerParityTable,
  .companyTradeAnalysisParityTable
) tbody tr:hover .companyTradingRecordTextButton,
.theme-dark #root#root .companyOverviewPage :is(
  .companyPartnerParityTable,
  .companyTradeAnalysisParityTable
) tbody .companyTradingRecordTextButton:hover,
.theme-dark #root#root .companyOverviewPage :is(
  .companyPartnerParityTable,
  .companyTradeAnalysisParityTable
) tbody .companyTradingRecordTextButton:focus-visible{
  color:#0B69DF !important;
}
#root .companyOverviewPage .companyTradingRecordsTable .companyTradingCountryTextOnly{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  gap:0!important;
}


/* Trade Search and Track request failures: hide the failed table completely and
   show only one full-width error + Retry state. */
.tableRequestFailureState.retryDataState{
  width:100%!important;
  min-height:300px!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  padding:28px!important;
  box-sizing:border-box!important;
  border:1px dashed #B9DDF2!important;
  border-radius:0!important;
  background:#F8FCFF!important;
  text-align:center!important;
}
.tableRequestFailureState.retryDataState>span{
  max-width:760px;
  text-align:center!important;
}
.theme-dark .tableRequestFailureState.retryDataState{
  border-color:#2B4A61!important;
  background:#111A2B!important;
}
@media(max-width:760px){
  .tableRequestFailureState.retryDataState{
    min-height:230px!important;
    align-items:center!important;
    padding:20px!important;
  }
}

/* Track download actions share the same panel-head alignment as Trade Search. */
.trackingPage .trackByHeadActions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;min-width:0!important}
.trackingPage .trackingRecordsHeadActions{display:contents!important}
.trackingPage .trackByHeadActions .downloadAction,
.trackingPage .trackingRecordsHeadActions .downloadAction{border-radius:0!important}

/* Track page: one unified loader covers both Track By and Tracking Records. */
.trackUnifiedLoadingBoundary{width:100%;min-width:0}
.trackUnifiedLoadingBoundary>.sectionLoadingContent{display:grid;gap:14px;min-width:0}

/* Track > Tracking Records header parity: title/count left, active filter in
   the same row between title and Download, vertically centred against the
   combined title + result-count height. No separate filter row is reserved. */
.trackingPage .trackingRecordsPanel > .trackingRecordsPanelHead{
  display:grid!important;
  grid-template-columns:max-content minmax(0,1fr) max-content!important;
  align-items:center!important;
  column-gap:16px!important;
  row-gap:0!important;
  width:100%!important;
  min-width:0!important;
}
.trackingPage .trackingRecordsPanel > .trackingRecordsPanelHead > .trackingRecordsHeading{
  grid-column:1!important;
  display:grid!important;
  align-content:center!important;
  justify-items:start!important;
  gap:1px!important;
  min-width:0!important;
}
.trackingPage .trackingRecordsPanel > .trackingRecordsPanelHead .trackingRecordsFilterCell{
  grid-column:2!important;
  min-width:0!important;
  width:auto!important;
  max-width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  justify-self:center!important;
  align-self:center!important;
  margin:0!important;
}
.trackingPage .trackingRecordsPanel > .trackingRecordsPanelHead .trackingRecordsHeadActions > .downloadAction,
.trackingPage .trackingRecordsPanel > .trackingRecordsPanelHead > .downloadAction{
  grid-column:3!important;
  justify-self:end!important;
  align-self:center!important;
  margin:0!important;
}
.trackingPage .trackingRecordsPanel .trackingRecordFilterTag{
  width:auto!important;
  max-width:100%!important;
  min-width:0!important;
  height:35px!important;
  border-radius:0!important;
  min-height:35px!important;
  margin:0!important;
  padding:0 8px 0 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}
.trackingPage .trackingRecordsPanel .trackingRecordFilterTagText{
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.trackingPage .trackingRecordsPanel .trackingRecordFilterTag > button{
  flex:0 0 18px!important;
  margin-left:6px!important;
  border-radius:0!important;
}
@media(max-width:720px){
  .trackingPage .trackingRecordsPanel > .trackingRecordsPanelHead{
    grid-template-columns:1fr auto!important;
    gap:8px!important;
  }
  .trackingPage .trackingRecordsPanel > .trackingRecordsPanelHead > .trackingRecordsHeading{
    grid-column:1!important;
  }
  .trackingPage .trackingRecordsPanel > .trackingRecordsPanelHead .trackingRecordsFilterCell{
    grid-column:1 / -1!important;
    justify-self:start!important;
    justify-content:flex-start!important;
  }
  .trackingPage .trackingRecordsPanel > .trackingRecordsPanelHead .trackingRecordsHeadActions > .downloadAction,
  .trackingPage .trackingRecordsPanel > .trackingRecordsPanelHead > .downloadAction{
    grid-column:2!important;
    grid-row:1!important;
  }
}

/* PLATFORM-WIDE GO-TO-PAGE INPUT BLUE BORDER
   Removes the browser's black focus outline and keeps pagination jump inputs
   aligned with the Eximbot blue theme in every shared table. */
.goToPage input{
  border:1px solid #B7DDF2!important;
  outline:none!important;
  transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease!important;
}
.goToPage input:hover{
  border-color:#55BCEB!important;
}
.goToPage input:focus,
.goToPage input:focus-visible{
  border-color:#0B69DF!important;
  outline:none!important;
  box-shadow:0 0 0 3px rgba(11,105,223,.14)!important;
}
.theme-dark .goToPage input{
  border-color:#27516B!important;
}
.theme-dark .goToPage input:hover,
.theme-dark .goToPage input:focus,
.theme-dark .goToPage input:focus-visible{
  border-color:#2CB9F2!important;
  box-shadow:0 0 0 3px rgba(44,185,242,.16)!important;
}


/* TRACK BY HEADER DROPDOWNS — CLEAN PORTAL GEOMETRY
   This replaces the older country-header overrides. Only one of the Track By
   selector and Country selector can stay open, and the country trigger keeps
   a stable full-width layout with its sort icon outside the field. */
#root .trackingPage .trackByTradeInsightsTable.trackByPartyCountryTable thead
  th[data-column-key="country"]{
  box-sizing:border-box!important;
  padding:7px 6px!important;
  vertical-align:middle!important;
  white-space:nowrap!important;
  overflow:visible!important;
}
#root .trackingPage .trackByTradeInsightsTable.trackByPartyCountryTable thead
  th[data-column-key="country"] > .trackPartyCountryHeaderFilter.tablePortalSearchSelect{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  width:calc(100% - 22px)!important;
  min-width:0!important;
  max-width:calc(100% - 22px)!important;
  height:30px!important;
  margin:0!important;
  overflow:visible!important;
  vertical-align:middle!important;
}
#root .trackingPage .trackByTradeInsightsTable.trackByPartyCountryTable
  .trackPartyCountryHeaderFilter .analysisCountryFilterTrigger{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:30px!important;
  min-height:30px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:7px!important;
  padding:0 8px!important;
  border:1px solid #DDE5F2!important;
  border-radius:0!important;
  background:#FFFFFF!important;
  color:#0B1730 !important;
  box-shadow:none!important;
  text-align:left!important;
}
#root .trackingPage .trackByTradeInsightsTable.trackByPartyCountryTable
  .trackPartyCountryHeaderFilter .analysisCountryFilterTrigger > span{
  flex:1 1 auto!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
#root .trackingPage .trackByTradeInsightsTable.trackByPartyCountryTable
  .trackPartyCountryHeaderFilter .analysisCountryFilterTrigger > svg,
#root .trackingPage .trackByTradeInsightsTable.trackByPartyCountryTable
  .trackPartyCountryHeaderFilter .analysisCountryFilterTrigger > .platformSearchSelectSpinner{
  position:static!important;
  inset:auto!important;
  flex:0 0 auto!important;
  margin-left:auto!important;
}
#root .trackingPage .trackByTradeInsightsTable.trackByPartyCountryTable thead
  th[data-column-key="country"] > .platformSortButton{
  position:static!important;
  inset:auto!important;
  display:inline-grid!important;
  place-items:center!important;
  width:17px!important;
  min-width:17px!important;
  height:17px!important;
  min-height:17px!important;
  margin:0 0 0 5px!important;
  padding:0!important;
  vertical-align:middle!important;
  transform:none!important;
}
.platformSearchSelectPortal.trackPartyCountryPortalMenu,
.platformSearchSelectPortal.trackGroupPortalMenu{
  min-width:0!important;
  border-radius:0!important;
}
.platformSearchSelectPortal.trackPartyCountryPortalMenu .platformSearchSelectSearch,
.platformSearchSelectPortal.trackGroupPortalMenu .platformSearchSelectSearch,
.platformSearchSelectPortal.trackPartyCountryPortalMenu .platformSearchSelectOption,
.platformSearchSelectPortal.trackGroupPortalMenu .platformSearchSelectOption{
  border-radius:0!important;
}
.theme-dark #root .trackingPage .trackByTradeInsightsTable.trackByPartyCountryTable
  .trackPartyCountryHeaderFilter .analysisCountryFilterTrigger{
  border-color:#DDE5F2!important;
  background:#FFFFFF!important;
  color:#0B1730 !important;
}
@media(max-width:900px){
  #root .trackingPage .trackByTradeInsightsTable.trackByPartyCountryTable thead
    th[data-column-key="country"] > .trackPartyCountryHeaderFilter.tablePortalSearchSelect{
    width:calc(100% - 22px)!important;
    max-width:calc(100% - 22px)!important;
  }
}


/* TRACK BY COUNTRY FILTER — LEFT ALIGNED */
#root .trackingPage .trackByTradeInsightsTable.trackByPartyCountryTable thead
  th[data-column-key="country"] .trackPartyCountryHeaderFilter .analysisCountryFilterTrigger,
#root .trackingPage .trackByTradeInsightsTable.trackByPartyCountryTable thead
  th[data-column-key="country"] .trackPartyCountryHeaderFilter .analysisCountryFilterTrigger > span{
  text-align:left!important;
}
#root .trackingPage .trackByTradeInsightsTable.trackByPartyCountryTable thead
  th[data-column-key="country"] .trackPartyCountryHeaderFilter .analysisCountryFilterTrigger > span{
  justify-self:start!important;
}


/* TRACK BY FINAL COUNTRY ALIGN + TEXT-ONLY CLICK TARGET
   Keep the country label genuinely left aligned and limit Tracking Records
   selection to the visible name text instead of the entire table cell. */
#root#root .trackingPage .trackByTradeInsightsTable.trackByPartyCountryTable thead
  th[data-column-key="country"] .trackPartyCountryHeaderFilter .analysisCountryFilterTrigger{
  position:relative!important;
  justify-content:flex-start!important;
  text-align:left!important;
}
#root#root .trackingPage .trackByTradeInsightsTable.trackByPartyCountryTable thead
  th[data-column-key="country"] .trackPartyCountryHeaderFilter .analysisCountryFilterTrigger > span{
  position:absolute!important;
  left:8px!important;
  right:28px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  display:block!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
  text-align-last:left!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#root#root .trackingPage .trackByTradeInsightsTable tbody td.trackByClickableValueCell{
  cursor:default!important;
}
#root#root .trackingPage .trackByTradeInsightsTable tbody
  td.trackByClickableValueCell .trackByNameCopyFlow{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  width:100%!important;
  min-width:0!important;
}
#root#root .trackingPage .trackByTradeInsightsTable tbody
  td.trackByClickableValueCell .trackByRecordValueBtn{
  box-sizing:border-box!important;
  display:inline-block!important;
  flex:0 1 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  cursor:pointer!important;
  text-align:left!important;
}
#root#root .trackingPage .trackByTradeInsightsTable tbody
  td.trackByClickableValueCell .trackByRecordValueBtn > .tradeInsightNameText{
  display:inline!important;
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  color:inherit !important;
  text-decoration:none!important;
}
#root#root .trackingPage .trackByTradeInsightsTable tbody
  td.trackByClickableValueCell .trackByRecordValueBtn:hover > .tradeInsightNameText,
#root#root .trackingPage .trackByTradeInsightsTable tbody
  td.trackByClickableValueCell .trackByRecordValueBtn:focus-visible > .tradeInsightNameText{
  color:#0B69DF !important;
  text-decoration:underline!important;
  text-underline-offset:2px!important;
}


/* TRACK BY IMPORTER/EXPORTER NAME CELL — TRADE SEARCH PARTY TABLE PARITY
   Company name is the first line. Favourite and Company View stay visible on
   the second line. Copy is controlled only by the shared table-cell hover rule. */
#root#root .trackingPage .trackByTradeInsightsTable tbody
  .trackByNameActions.trackByCompanyActionStack{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto 22px!important;
  align-items:start!important;
  justify-items:start!important;
  row-gap:5px!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
#root#root .trackingPage .trackByTradeInsightsTable tbody
  .trackByNameActions.trackByCompanyActionStack > .trackByNameCopyFlow{
  grid-row:1!important;
  grid-column:1!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
}
#root#root .trackingPage .trackByTradeInsightsTable tbody
  .trackByCompanyRowActions{
  grid-row:2!important;
  grid-column:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  gap:6px!important;
  width:auto!important;
  min-width:0!important;
  height:22px!important;
  min-height:22px!important;
  max-height:22px!important;
  margin:0!important;
  padding:0!important;
  opacity:1!important;
  visibility:visible!important;
  overflow:visible!important;
  pointer-events:auto!important;
  position:static!important;
  transform:none!important;
  transition:none!important;
}
#root#root .trackingPage .trackByTradeInsightsTable tbody
  .trackByCompanyRowActions > :is(.favIconBtn,.statsIconBtn){
  box-sizing:border-box!important;
  display:inline-grid!important;
  place-items:center!important;
  flex:0 0 22px!important;
  width:22px!important;
  min-width:22px!important;
  max-width:22px!important;
  height:22px!important;
  min-height:22px!important;
  max-height:22px!important;
  margin:0!important;
  padding:0!important;
  border-radius:0!important;
  transform:none!important;
}


/* ==========================================================================
   PLATFORM-WIDE TABLE PAGINATION SPACING — 20PX / 20PX
   Keeps every paginated table visually consistent:
   - table edge -> pagination controls: exactly 20px
   - pagination controls -> containing card bottom: exactly 20px
   Parent grid gaps and legacy Shipment Records pagination margins are
   compensated per section so they do not stack on top of the shared spacing.
   ========================================================================== */
.searchPagination{
  padding-top:20px!important;
  padding-bottom:0!important;
  margin-top:0!important;
  margin-bottom:0!important;
}
.shipmentRecordsTableWrap + .searchPagination{
  margin-top:0!important;
}

/* Global Search: Importer / Exporter and Trade Insights use internal grid gaps. */
.tradeSearch .partyPanel > .searchPagination{
  margin-top:-12px!important;
}
.tradeSearch .statisticsPanel > .searchPagination{
  margin-top:-14px!important;
}

/* Track: each card has a 12px grid gap; cancel it only before pagination. */
.trackingPage .trackPanel > .searchPagination{
  margin-top:-12px!important;
}

/* Company View summary cards use a 14px grid gap. */
.associatedCompanyPanel > .searchPagination{
  margin-top:-14px!important;
}

/* Company View standalone Trading Records cards already have gap:0. */
.companyStandaloneRecordsPanel > .searchPagination,
.tradeTrendSplitPanel .tradeTrendRecordsBlock > .searchPagination{
  margin-top:0!important;
}

/* Force the containing card's bottom inset to the same 20px everywhere. */
.tradeSearch .results.panel,
.trackingPage .trackPanel,
.associatedCompanyPanel,
.companyStandaloneRecordsPanel,
.tradeTrendSplitPanel .tradeTrendRecordsBlock,
.page > .panel:has(> .favouriteToolbar),
.historyPage > .historyPanel,
.latestUpdatePage > .latestPanel{
  padding-bottom:20px!important;
}


/* ==========================================================================
   PLATFORM-WIDE TABLE CARD INSET — EXACT 20PX ON ALL SIDES
   Makes the visible table area sit inside its white card with a consistent
   20px top/right/bottom/left inset across Global Search, Track, Company View,
   Favourite, History and Latest Update sections.
   ========================================================================== */
:root{
  --platform-table-card-inset:20px;
}

.tradeSearch .results.panel,
.trackingPage .trackPanel,
.associatedCompanyPanel,
.companyStandaloneRecordsPanel,
.tradeTrendSplitPanel .tradeTrendRecordsBlock,
.page > .panel:has(> .favouriteToolbar),
.historyPage > .historyPanel,
.latestUpdatePage > .latestPanel{
  padding:var(--platform-table-card-inset)!important;
}


/* ========================================================================== 
   PLATFORM TABLE CARD TOP INSET — EXACT 20PX, NO STACKED HEADER TOP SPACE
   The card itself already supplies the required 20px top inset. Remove only
   legacy first-header padding/margins that were stacking another 15px on top.
   Global Search is intentionally not changed here because its first child is
   the result-tab strip and already starts at the card's exact 20px inset.
   ========================================================================== */

/* Track By + Tracking Records: card 20px is the only top inset. */
.trackingPage .trackPanel > .panelHead{
  padding-top:0!important;
}

/* Company Alias / Partner / Trade Analysis summary cards. */

.associatedCompanyPanel.analysisPanel > .analysisViewControlGroup:first-child{
  margin-top:0!important;
}
@media(max-width:640px){
  
}

/* Company View standalone Trading Records cards. */
.companyStandaloneRecordsPanel > .companyRecordsHeaderGrid{
  margin-top:0!important;
  margin-bottom:15px!important;
}

/* Company View > Trade Trend > Trading Records card. */
.tradeTrendSplitPanel .tradeTrendRecordsBlock > .tradeTrendRecordsHeader{
  margin-top:0!important;
  margin-bottom:15px!important;
  padding-top:0!important;
}

/* Favourite + Search/Download History cards. */
.page > .panel:has(> .favouriteToolbar) > .panelHead,
.historyPage > .historyPanel > .panelHead{
  padding-top:0!important;
}

/* Latest Update table card. */
.latestUpdatePage > .latestPanel > .latestUpdateApiHead{
  padding-top:0!important;
}


/* ==========================================================================
   PLATFORM-WIDE PAGE OUTER SPACING + CARD-TO-CARD GAP — EXACT 20PX
   Removes older mixed page paddings/gaps (28/34/14/16/18 etc.) so the grey
   background spacing stays uniform on every side and between every main card.
   ========================================================================== */
:root{
  --platform-page-outer-space:20px;
  --platform-card-to-card-gap:20px;
}

.page{
  padding:var(--platform-page-outer-space)!important;
}

.historyPage,
.latestUpdatePage{
  padding:var(--platform-page-outer-space)!important;
}

.tradeSearch,
.companyOverviewPage,
.trackingPage,
.latestUpdatePage{
  gap:var(--platform-card-to-card-gap)!important;
}

/* History uses one main card only, but keep its section spacing aligned. */
.historyPage > .historyPanel,
.page > .panel{
  margin-bottom:20px!important;
}

/* Remove older special paddings that made the outer grey spacing inconsistent. */
.historyPage{
  padding-top:var(--platform-page-outer-space)!important;
}

.latestUpdatePage{
  padding-top:var(--platform-page-outer-space)!important;
  padding-right:var(--platform-page-outer-space)!important;
  padding-bottom:var(--platform-page-outer-space)!important;
  padding-left:var(--platform-page-outer-space)!important;
}

/* Keep the final page bottom gap at exactly 20px by removing the last direct
   panel card margin when page padding already supplies the outer spacing. */
.page > .panel:last-child,
.historyPage > .historyPanel:last-child,
.latestUpdatePage > .latestPanel:last-child{
  margin-bottom:0!important;
}


/* ========================================================================== 
   PLATFORM-WIDE CARD-TO-CARD GAP — EXACT 20PX FINAL OVERRIDE
   Normalizes only card-layout wrappers. Internal form/control/table spacing is
   intentionally untouched. This also fixes nested SectionLoadingBoundary
   wrappers (for example Track By -> Tracking Records) that previously kept
   their own 14px gap after the page-level gap had been normalized.
   ========================================================================== */
:root{
  --platform-card-gap:20px;
}

/* Main page/card stacks. */
.tradeSearch,
.companyOverviewPage,
.trackingPage,
.latestUpdatePage,
.myProfilePage{
  gap:var(--platform-card-gap)!important;
}

/* Nested loading wrapper that directly contains the Track By and
   Tracking Records cards. */
.trackUnifiedLoadingBoundary > .sectionLoadingContent{
  display:grid!important;
  gap:var(--platform-card-gap)!important;
}

/* Company View Trade Trend: chart section -> Trading Records card, and the
   two chart cards themselves. */
.companyChartPanel.tradeTrendSplitPanel,
.tradeTrendChartsGrid{
  gap:var(--platform-card-gap)!important;
}

/* Generic dashboard/content grids whose direct children are visual cards. */
.statsGrid,
.regionGrid,
.twoCols,
.miniCards{
  gap:var(--platform-card-gap)!important;
}

/* Where separate Company View summary/records loading boundaries become
   adjacent cards, the page grid supplies the single 20px separation. */
.companySectionLoadingBoundary,
.companyRecordsLoadingBoundary,
.tradeTrendChartLoadingBoundary,
.tradeTrendRecordsLoadingBoundary{
  margin-top:0!important;
  margin-bottom:0!important;
}

/* Prevent legacy direct-card margins from stacking on top of a 20px grid gap. */
.trackingPage > .trackUnifiedLoadingBoundary,
.companyOverviewPage > .companySectionLoadingBoundary,
.companyOverviewPage > .companyRecordsLoadingBoundary,
.tradeTrendSplitPanel > .tradeTrendChartLoadingBoundary,
.tradeTrendSplitPanel > .tradeTrendRecordsLoadingBoundary{
  margin-top:0!important;
  margin-bottom:0!important;
}


/* ==========================================================================
   PLATFORM-WIDE TABLE TITLE SPACING — EXACT 20PX TOP + BOTTOM FINAL
   Direct-card titles use the card's existing 20px top inset; the shared title
   bottom spacing is raised from 15px to 20px. Trade Search titles sit below
   the result-tab underline, so their explicit top/bottom title padding is 20px.
   ========================================================================== */
:root{
  --platform-table-title-space:20px;
}

/* Trade Search: Shipment Records / Importer / Exporter / Trade Insights. */
.tradeSearch .results.panel > .panelHead{
  padding-top:20px!important;
  padding-bottom:20px!important;
}

/* Company View standalone Trading Records title -> table spacing.
   The card's own 20px padding supplies the title's top spacing. */
.companyStandaloneRecordsPanel > .companyRecordsHeaderGrid{
  margin-top:0!important;
  margin-bottom:20px!important;
}

/* Company View > Trade Trend > Trading Records title -> table spacing. */
.tradeTrendSplitPanel .tradeTrendRecordsBlock > .tradeTrendRecordsHeader{
  margin-top:0!important;
  margin-bottom:20px!important;
  padding-top:0!important;
}


/* ========================================================================== 
   TRADE SEARCH FOUR RESULT TABS — EXACT 20PX TITLE TOP/BOTTOM FINAL
   Shipment Records / Importer / Exporter / Trade Insights
   Removes legacy 8/14/16/18px table/header offsets and loading-wrapper spacing.
   The active-tab underline -> result title row is 20px, and the result title
   row -> first table border is 20px. Pagination spacing remains unchanged.
   ========================================================================== */
.tradeSearch .results.panel > .resultTabs{
  margin:0!important;
  padding-bottom:12px!important;
}
.tradeSearch .results.panel > .resultTabs button::after{
  bottom:-12px!important;
}
.tradeSearch .results.panel > .panelHead{
  padding-top:20px!important;
  padding-bottom:20px!important;
  margin:0!important;
}

/* Remove every legacy offset between the result header and the first table. */
.tradeSearch .results.panel > .resultSectionLoading,
.tradeSearch .results.panel > .resultSectionLoading > .sectionLoadingContent,
.tradeSearch .results.panel > .resultSectionLoading .partyPanel,
.tradeSearch .results.panel > .resultSectionLoading .statisticsPanel{
  margin-top:0!important;
  padding-top:0!important;
}
.tradeSearch .results.panel > .tableWrap,
.tradeSearch .results.panel > .resultSectionLoading .tableWrap,
.tradeSearch .results.panel > .resultSectionLoading .partyTableWrap,
.tradeSearch .results.panel > .resultSectionLoading .statisticsTableWrap{
  margin-top:0!important;
}


/* ========================================================================== 
   PLATFORM-WIDE TABLE ACTION ICONS — CANONICAL COLORS
   One color source for Favourite / Company View / Track across every table.
   Default state uses a visible light-gray border + navy icon. Row hover does not alter icons;
   direct icon hover still turns the button solid blue with a white icon.
   ========================================================================== */
#root table tbody :is(
  .favIconBtn,
  .statsIconBtn,
  .recordCountryTrackBtn,
  .tradeInsightInlineTrack,
  button[title="Company View"],
  button[title="Track"],
  button[title^="Track "]
){
  background:#F8FBFF!important;
  border:1px solid #D6DADE!important;
  border-radius:0!important;
  color:#0B1730!important;
  box-shadow:none!important;
  transform:none!important;
  cursor:pointer!important;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease!important;
}
#root table tbody :is(
  .favIconBtn,
  .statsIconBtn,
  .recordCountryTrackBtn,
  .tradeInsightInlineTrack,
  button[title="Company View"],
  button[title="Track"],
  button[title^="Track "]
) svg{
  color:currentColor!important;
  stroke:currentColor!important;
}
#root table tbody .favIconBtn:not(.active) svg{
  fill:transparent!important;
}
#root table tbody tr:focus-within :is(
  .favIconBtn,
  .statsIconBtn,
  .recordCountryTrackBtn,
  .tradeInsightInlineTrack,
  button[title="Company View"],
  button[title="Track"],
  button[title^="Track "]
):not(:focus-visible):not(.active){
  background:#F8FBFF!important;
  border-color:#0B69DF!important;
  color:#0B69DF!important;
}
#root table tbody tr:focus-within :is(
  .favIconBtn,
  .statsIconBtn,
  .recordCountryTrackBtn,
  .tradeInsightInlineTrack,
  button[title="Company View"],
  button[title="Track"],
  button[title^="Track "]
):not(:focus-visible):not(.active) svg{
  color:#0B69DF!important;
  stroke:#0B69DF!important;
}
#root table tbody :is(
  .favIconBtn,
  .statsIconBtn,
  .recordCountryTrackBtn,
  .tradeInsightInlineTrack,
  button[title="Company View"],
  button[title="Track"],
  button[title^="Track "]
):hover,
#root table tbody :is(
  .favIconBtn,
  .statsIconBtn,
  .recordCountryTrackBtn,
  .tradeInsightInlineTrack,
  button[title="Company View"],
  button[title="Track"],
  button[title^="Track "]
):focus-visible{
  background:#0B69DF!important;
  border-color:#0B69DF!important;
  color:#FFFFFF!important;
  box-shadow:none!important;
  outline:none!important;
  transform:none!important;
}
#root table tbody :is(
  .favIconBtn,
  .statsIconBtn,
  .recordCountryTrackBtn,
  .tradeInsightInlineTrack,
  button[title="Company View"],
  button[title="Track"],
  button[title^="Track "]
):hover svg,
#root table tbody :is(
  .favIconBtn,
  .statsIconBtn,
  .recordCountryTrackBtn,
  .tradeInsightInlineTrack,
  button[title="Company View"],
  button[title="Track"],
  button[title^="Track "]
):focus-visible svg{
  color:#FFFFFF!important;
  stroke:#FFFFFF!important;
}
#root table tbody :is(
  .favIconBtn,
  .statsIconBtn,
  .recordCountryTrackBtn,
  .tradeInsightInlineTrack,
  button[title="Company View"],
  button[title="Track"],
  button[title^="Track "]
):active,
#root table tbody .recordCountryTrackBtn.clicked{
  background:#0B69DF!important;
  border-color:#0B69DF!important;
  color:#FFFFFF!important;
  transform:scale(.96)!important;
}
#root table tbody .favIconBtn.active,
#root table tbody .favIconBtn.active:hover,
#root table tbody .favIconBtn.active:focus-visible{
  background:#0B69DF!important;
  border-color:#0B69DF!important;
  color:#FFFFFF!important;
}
#root table tbody .favIconBtn.active svg,
#root table tbody .favIconBtn.active:hover svg,
#root table tbody .favIconBtn.active:focus-visible svg{
  color:#FFFFFF!important;
  stroke:#FFFFFF!important;
  fill:#FFFFFF!important;
}

/* Row hover no longer recolours names/text; direct control hover rules below remain unchanged. */
#root table tbody :is(.companyTradingRecordTextButton,.trackByRecordValueBtn):hover,
#root table tbody :is(.companyTradingRecordTextButton,.trackByRecordValueBtn):focus-visible{
  color:#0B69DF!important;
  text-decoration:underline!important;
  text-underline-offset:2px!important;
}

/* Canonical table Copy icon — icon only, revealed at the cell's right-top edge.
   No box/border/background is used. It stays hidden until that exact table cell
   is hovered/focused, and its glyph size follows the cell's text size via 1em. */
#root#root table tbody td:has(.copyNameWrap){
  position:relative!important;
}
#root#root table tbody .copyNameWrap{
  position:absolute!important;
  top:5px!important;
  right:5px!important;
  left:auto!important;
  bottom:auto!important;
  z-index:3!important;
  width:1em!important;
  min-width:1em!important;
  max-width:1em!important;
  height:1em!important;
  min-height:1em!important;
  max-height:1em!important;
  margin:0!important;
  padding:0!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
#root#root table tbody td:hover .copyNameWrap,
#root#root table tbody td:focus-within .copyNameWrap{
  display:inline-flex!important;
}
#root#root table tbody .copyNameBtn{
  box-sizing:border-box!important;
  width:1em!important;
  min-width:1em!important;
  max-width:1em!important;
  height:1em!important;
  min-height:1em!important;
  max-height:1em!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#0B1730!important;
  box-shadow:none!important;
  display:inline-grid!important;
  place-items:center!important;
  font-size:inherit!important;
  line-height:1!important;
  transform:none!important;
  transform-origin:center!important;
  cursor:pointer!important;
  outline:none!important;
  transition:color .14s ease,transform .14s ease!important;
}
#root#root table tbody .copyNameBtn > svg{
  display:none!important;
}
#root#root table tbody .copyNameBtn::before{
  content:"";
  display:block;
  width:1em;
  height:1em;
  background:currentColor;
  -webkit-mask-image:url('/assets/copy-icon.png');
  mask-image:url('/assets/copy-icon.png');
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-size:contain;
  mask-size:contain;
}
#root#root table tbody .copyNameBtn:hover,
#root#root table tbody .copyNameBtn:focus-visible{
  color:#0B69DF!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  transform:none!important;
}
#root#root table tbody .copyNameBtn:active{
  color:#0B1730!important;
  background:transparent!important;
  border:0!important;
  transform:scale(1.12)!important;
}
#root#root table tbody .copyNameBtn.copied{
  color:#0B1730!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  animation:eximbotCopyCellClick .42s ease-out!important;
}
@keyframes eximbotCopyCellClick{
  0%{transform:scale(1)}
  45%{transform:scale(1.14)}
  100%{transform:scale(1)}
}

/* Outside tables keep the same uploaded glyph without forcing table hover logic. */
#root#root :not(table) .copyNameBtn > svg{display:none!important;}
#root#root :not(table) .copyNameBtn::before{
  content:"";
  display:block;
  width:1em;
  height:1em;
  background:currentColor;
  -webkit-mask-image:url('/assets/copy-icon.png');
  mask-image:url('/assets/copy-icon.png');
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-size:contain;
  mask-size:contain;
}

/* ========================================================================== 
   MY PROFILE — LIVE ACCOUNT + DOWNLOAD LIMITS + PASSWORD CHANGE
   ========================================================================== */
.accountProfilePage,
.accountPasswordStandalonePage{
  width:100%;
}
.accountProfilePage{
  display:grid;
  gap:20px!important;
}
.profileAccountCard{
  overflow:hidden;
  background:#fff;
  border:1px solid #DDE5F2;
  border-radius:0;
  box-shadow:0 18px 42px rgba(31,55,90,.08);
}
.profileAccountCardHead{
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:10px 20px;
  background:linear-gradient(180deg,#F8FAFD,#EEF3FA);
  border-bottom:1px solid #DDE5F2;
}
.profileAccountCardTitle{
  min-width:0;
  display:flex;
  align-items:center;
  gap:11px;
}
.profileAccountCardTitle>span:last-child{
  min-width:0;
  display:grid;
  gap:2px;
}
.profileAccountCardTitle b{
  color:#0B1730;
  font-size:14px;
  font-weight:550;
  line-height:1.25;
}
.profileAccountCardTitle small{
  color:#0B1730;
  font-size:11px;
  font-weight:400;
  line-height:1.35;
}
.profileAccountCardIcon,
.profileOverviewIcon,
.profileQuotaIcon{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  color:#0B69DF;
  background:#EAF7FE;
  border:1px solid #CDECFB;
}
.profileAccountCardIcon{
  width:34px;
  height:34px;
  border-radius:0;
}
.profileAccountRefresh{
  flex:0 0 auto;
  height:32px;
  min-width:82px;
  padding:0 12px;
  border:1px solid #C8D8E8;
  border-radius:0;
  background:#fff;
  color:#0B1730;
  font:inherit;
  font-size:12px;
  font-weight:550;
  cursor:pointer;
}
.profileAccountRefresh:hover:not(:disabled){
  border-color:#70BFE6;
  color:#0B69DF;
  background:#F7FCFF;
}
.profileAccountRefresh:disabled{
  opacity:.58;
  cursor:not-allowed;
}
.profileAccountError{
  margin:14px 20px 0!important;
}
.profileAccountOverviewGrid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  padding:20px;
}
.profileAccountOverviewItem{
  min-width:0;
  min-height:92px;
  display:flex;
  align-items:center;
  gap:13px;
  padding:15px 16px;
  border:1px solid #E3EAF3;
  border-radius:0;
  background:linear-gradient(180deg,#FFFFFF,#FAFCFF);
}
.profileOverviewIcon{
  width:42px;
  height:42px;
  border-radius:0;
  background:#0B69DF;
  border-color:#0B69DF;
  color:#FFFFFF;
}
.profileAccountOverviewItem>span:last-child{
  min-width:0;
  display:grid;
  gap:5px;
}
.profileAccountOverviewItem small{
  color:#0B1730;
  font-size:11px;
  font-weight:550;
  text-transform:uppercase;
  letter-spacing:.035em;
}
.profileAccountOverviewItem strong{
  min-width:0;
  color:#0B1730;
  font-size:15px;
  font-weight:550;
  line-height:1.35;
  overflow-wrap:anywhere;
}
.profileAccountOverviewGrid.is-loading .profileAccountOverviewItem{
  opacity:.68;
}

.profileAccountSectionTabs{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.profileAccountSectionTab{
  width:100%;
  min-height:76px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 18px;
  border:1px solid #DDE5F2;
  border-radius:0;
  background:linear-gradient(180deg,#FFFFFF,#F7FAFD);
  color:#0B1730;
  font:inherit;
  font-size:13px;
  font-weight:550;
  text-align:left;
  cursor:pointer;
  box-shadow:0 18px 42px rgba(31,55,90,.08);
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease, transform .18s ease;
}
.profileAccountSectionTab span{
  min-width:0;
  display:block;
  line-height:1.35;
}
.profileAccountSectionTab:hover{
  border-color:#0B69DF;
  color:#0B1730;
  background:#FFFFFF;
  transform:translateY(-1px);
}
.profileAccountSectionTab.active{
  border-color:#0B69DF;
  background:#0B69DF;
  color:#FFFFFF;
  box-shadow:0 22px 50px rgba(11,105,223,.12);
}
.profileAccountSectionTab svg{
  flex:0 0 auto;
  width:18px;
  height:18px;
  padding:8px;
  box-sizing:content-box;
  color:#0B69DF;
  background:#FFFFFF;
  border:1px solid #CDECFB;
}
.profileAccountSectionTab.active svg{
  color:#0B69DF;
  background:#FFFFFF;
  border-color:#FFFFFF;
}
.profileDownloadLimitGrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  padding:20px;
}
.profileQuotaCard{
  min-width:0;
  overflow:hidden;
  border:1px solid #E1E8F1;
  border-radius:0;
  background:#fff;
}
.profileQuotaHead{
  min-height:58px;
  display:flex;
  align-items:center;
  gap:11px;
  padding:10px 14px;
  background:#F9FBFE;
  border-bottom:1px solid #E5ECF4;
}
.profileQuotaIcon{
  width:36px;
  height:36px;
  border-radius:0;
}
.profileQuotaHead>span:last-child{
  min-width:0;
  display:grid;
  gap:2px;
}
.profileQuotaHead b{
  color:#0B1730;
  font-size:13px;
  font-weight:550;
}
.profileQuotaHead small{
  color:#0B1730;
  font-size:10.5px;
  font-weight:400;
}
.profileQuotaValues{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.profileQuotaValues>div{
  min-width:0;
  min-height:82px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:7px;
  padding:12px 8px;
  border-right:1px solid #E8EDF4;
}
.profileQuotaValues>div:last-child{
  border-right:0;
}
.profileQuotaValues span{
  color:#0B1730;
  font-size:11px;
  font-weight:550;
}
.profileQuotaValues strong{
  color:#0B1730;
  font-size:19px;
  font-weight:550;
  line-height:1;
}
.profilePasswordForm{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  padding:20px;
}
.profilePasswordForm label{
  min-width:0;
  display:grid;
  gap:7px;
  color:#0B1730;
  font-size:12px;
  font-weight:550;
}
.profilePasswordForm label>span{
  padding:0;
  background:transparent;
  border:0;
}
.profilePasswordForm input,
.profilePasswordUsername strong{
  width:100%;
  min-width:0;
  height:38px;
  display:flex;
  align-items:center;
  padding:0 11px;
  border:1px solid #C9D6E8;
  border-radius:0;
  background:#fff;
  color:#0B1730;
  font:inherit;
  font-size:13px;
  font-weight:400;
  box-shadow:none;
}
.profilePasswordForm input:focus{
  outline:none;
  border-color:#0B69DF;
  box-shadow:0 0 0 2px rgba(11,105,223,.10);
}
.profilePasswordUsername strong{
  background:#F7F9FC;
  color:#0B1730;
  font-weight:550;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.profilePasswordActions{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-height:40px;
  padding-top:2px;
}
.profilePasswordActions .primary{
  flex:0 0 auto;
  min-width:150px;
  height:38px;
  justify-content:center;
}
.profilePasswordActions .primary:disabled{
  opacity:.58;
  cursor:not-allowed;
}
.profilePasswordMessage{
  min-width:0;
  color:#0B1730;
  font-size:11px;
  font-weight:400;
  line-height:1.4;
}
.profilePasswordMessage .error{
  color:#0B1730;
  font-weight:550;
}
.profilePasswordMessage .success{
  color:#0B1730;
  font-weight:550;
}
.accountPasswordStandalonePage{
  display:grid;
  gap:14px;
}
.profileLoginActivityTableWrap{
  width:100%;
  overflow-x:auto;
  padding:20px 20px 0;
}
.profileLoginActivityTable{
  width:100%;
  min-width:860px;
  border-collapse:separate;
  border-spacing:0;
  table-layout:fixed;
  border:1px solid #E1E8F1;
  border-radius:0;
  overflow:hidden;
  background:#fff;
}
.profileLoginActivityTable th,
.profileLoginActivityTable td{
  height:44px;
  padding:9px 12px;
  border-right:1px solid #E6ECF5;
  border-bottom:1px solid #E6ECF5;
  text-align:left;
  vertical-align:middle;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
  line-height:1.35;
}
.profileLoginActivityTable th:last-child,
.profileLoginActivityTable td:last-child{border-right:0}
.profileLoginActivityTable tbody tr:last-child td{border-bottom:0}
.profileLoginActivityTable th{
  position:static;
  background:#F5F8FC;
  color:#0B1730;
  font-size:11px;
  font-weight:550;
  text-transform:none;
  letter-spacing:0;
}
.profileLoginActivityTable td{
  background:#fff;
  color:#0B1730;
  font-size:12px;
  font-weight:400;
}
.profileLoginActivityTable th:nth-child(1){width:15%}
.profileLoginActivityTable th:nth-child(2){width:20%}
.profileLoginActivityTable th:nth-child(3){width:29%}
.profileLoginActivityTable th:nth-child(4){width:18%}
.profileLoginActivityTable th:nth-child(5){width:18%}
.profileLoginIp{
  font-family:"Source Han Sans SC",sans-serif;
  font-size:11.5px;
  color:#0B1730;
}
.profileActiveSession{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:3px 8px;
  border:1px solid #BCE7D5;
  border-radius:0;
  background:#ECFDF5;
  color:#0B1730;
  font-size:10.5px;
  font-weight:550;
  white-space:nowrap;
}
.profileLoginActivityEmpty{
  height:72px!important;
  text-align:center!important;
  color:#0B1730 !important;
  font-weight:400!important;
}
.profileLoginActivityCard .searchPagination{
  margin-top:20px!important;
  padding:0 20px 20px!important;
}

.theme-dark .profileAccountCard,
.theme-dark .profileQuotaCard{
  background:#0F1325;
  border-color:#242C49;
  box-shadow:0 22px 60px rgba(0,0,0,.28);
}
.theme-dark .profileAccountCardHead{
  background:linear-gradient(180deg,#151B31,#10162A);
  border-color:#242C49;
}
.theme-dark .profileAccountCardTitle b,
.theme-dark .profileAccountOverviewItem strong,
.theme-dark .profileQuotaValues strong{
  color:#FFFFFF;
}
.theme-dark .profileAccountCardTitle small,
.theme-dark .profileAccountOverviewItem small,
.theme-dark .profileQuotaHead small,
.theme-dark .profileQuotaValues span,
.theme-dark .profilePasswordMessage{
  color:#FFFFFF;
}
.theme-dark .profileAccountCardIcon,
.theme-dark .profileQuotaIcon{
  background:#11243A;
  border-color:#214B69;
  color:#0B69DF;
}
.theme-dark .profileOverviewIcon{
  background:#0B69DF;
  border-color:#0B69DF;
  color:#FFFFFF;
}
.theme-dark .profileAccountSectionTab{
  background:linear-gradient(180deg,#11172A,#0F1325);
  border-color:#242C49;
  color:#FFFFFF;
  box-shadow:0 22px 60px rgba(0,0,0,.28);
}
.theme-dark .profileAccountSectionTab:hover{
  border-color:#0B69DF;
  color:#FFFFFF;
  background:#0B1730;
}
.theme-dark .profileAccountSectionTab.active{
  border-color:#0B69DF;
  background:#0B69DF;
  color:#FFFFFF;
  box-shadow:0 22px 60px rgba(0,0,0,.34);
}
.theme-dark .profileAccountSectionTab svg{
  color:#0B69DF;
  background:#FFFFFF;
  border-color:#FFFFFF;
}
.theme-dark .profileAccountRefresh{
  background:#11172A;
  border-color:#2B3656;
  color:#FFFFFF;
}
.theme-dark .profileAccountOverviewItem{
  background:linear-gradient(180deg,#11172A,#0F1325);
  border-color:#242C49;
}
.theme-dark .profileQuotaHead{
  background:#11172A;
  border-color:#242C49;
}
.theme-dark .profileQuotaHead b{
  color:#FFFFFF;
}
.theme-dark .profileQuotaValues>div{
  border-color:#242C49;
}
.theme-dark .profilePasswordForm label{
  color:#FFFFFF;
}
.theme-dark .profilePasswordForm input,
.theme-dark .profilePasswordUsername strong{
  background:#11172A;
  border-color:#2B3656;
  color:#FFFFFF;
}
.theme-dark .profilePasswordUsername strong{
  background:#101629;
  color:#FFFFFF;
}
.theme-dark .profilePasswordMessage .error{
  color:#FFFFFF;
}
.theme-dark .profilePasswordMessage .success{
  color:#FFFFFF;
}
.theme-dark .profileLoginActivityTable{
  background:#0F1325;
  border-color:#242C49;
}
.theme-dark .profileLoginActivityTable th{
  background:#11172A;
  color:#FFFFFF;
  border-color:#242C49;
}
.theme-dark .profileLoginActivityTable td{
  background:#0F1325;
  color:#FFFFFF;
  border-color:#242C49;
}
.theme-dark .profileLoginIp{color:#FFFFFF}
.theme-dark .profileActiveSession{
  background:#102A25;
  border-color:#245C4A;
  color:#FFFFFF;
}
.theme-dark .profileLoginActivityEmpty{color:#FFFFFF !important}

@media(max-width:1040px){
  .profileAccountOverviewGrid{grid-template-columns:1fr 1fr}
  .profileAccountOverviewItem:last-child{grid-column:1/-1}
  .profilePasswordForm{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .profileAccountCardHead{align-items:flex-start;flex-direction:column}
  .profileAccountRefresh{align-self:flex-end}
  .profileAccountOverviewGrid,
  .profileDownloadLimitGrid,
  .profilePasswordForm,
  .profileAccountSectionTabs{grid-template-columns:1fr}
  .profileAccountOverviewItem:last-child{grid-column:auto}
  .profilePasswordActions{grid-column:auto;align-items:stretch;flex-direction:column}
  .profilePasswordActions .primary{width:100%}
}
@media(max-width:480px){
  .profileQuotaValues{grid-template-columns:1fr}
  .profileQuotaValues>div{min-height:64px;border-right:0;border-bottom:1px solid #E8EDF4}
  .profileQuotaValues>div:last-child{border-bottom:0}
  .theme-dark .profileQuotaValues>div{border-color:#242C49}
}

/* Trade Search > Shipment Records — white-only body rows trial (specificity fix).
   The platform-wide zebra rule has high specificity, so this is intentionally scoped
   through #root#root and only targets the main Trade Search Shipment Records table. */
#root#root .theme-light .tradeSearch .shipmentRecordsTableWrap .shipmentRecordLayoutTable:not(.trackingShipmentRecordLayoutTable) tbody > tr > td {
  background:#FFFFFF!important;
}


/* ========================================================================== 
   SQUARE SURFACE TRIAL — STRUCTURAL CARDS / PANELS / TABLES ONLY
   Buttons, inputs, dropdown triggers, pagination controls and action icons keep
   their existing radii so this trial isolates the main platform surface shape.
   ========================================================================== */
#root :where(
  .panel,
  .analysisPanel,
  .trackPanel,
  .historyPanel,
  .latestPanel,
  .companyStandaloneRecordsPanel,
  .tradeTrendSingleCard,
  .profileAccountCard,
  .profileQuotaCard,
  .downloadPermissionTableCard,
  .companyInformationTableWrap,
  .tableWrap,
  .shipmentRecordsTableWrap,
  .statisticsTableWrap,
  .partyTableWrap,
  .trackingTableWrap,
  .associatedContactsTableWrap,
  .profileLoginActivityTableWrap,
  .downloadPermissionTableWrap,
  [class$="TableWrap"],
  [class*="TableWrap "],
  table
){
  border-radius:0;
}

/* Common major card/panel names that do not use the generic .panel class. */
#root :where(
  [class$="Panel"],
  [class*="Panel "],
  [class$="Card"],
  [class*="Card "]
):not(button):not(input):not(select):not(textarea){
  border-radius:0!important;
}


/* ======================================================================
   TRADE SEARCH + LEFT MENU SQUARE CORNER TRIAL
   ----------------------------------------------------------------------
   Scope intentionally limited to the circled Trade Search and left-rail
   controls so the user can compare the square look without changing the
   whole platform.
   ====================================================================== */
#root .topAppStrip .workspaceTabs button,
#root .topAppStrip .tabScrollBtn,
#root .topUserControls .topLogoutIcon,
#root .topAppStrip + .bodyShell > .sidebar nav button,
#root .topAppStrip + .bodyShell > .sidebar .sidebarUserAvatar,
#root .topAppStrip + .bodyShell > .sidebar .sidebarLogoutBtn,
#root .tradeSearch .scopeSwitch,
#root .tradeSearch .databaseModeSwitch,
#root .tradeSearch .databaseModeSwitch button,
#root .tradeSearch .platformSearchSelectTrigger,
#root .tradeSearch .criteriaInputRow input,
#root .tradeSearch .criteriaBtn,
#root .tradeSearch .criteriaDropdown summary,
#root .tradeSearch .advancedToggle,
#root .tradeSearch .dateField,
#root .tradeSearch .apiDateInputs .apiDateFieldButton,
#root .tradeSearch .searchButton,
#root .tradeSearch .currentSearchStrip,
#root .tradeSearch .resultTabs button,
#root .tradeSearch .resultActions .ghost,
#root .tradeSearch .resultActions .primary,
#root .tradeSearch .resultActions .downloadLimitBtn,
#root .tradeSearch .companyMiniActions button,
#root .tradeSearch .serialProfileBtn {
  border-radius:0!important;
}

#root .tradeSearch .criteriaMenu,
#root .tradeSearch .platformSearchSelectMenu,
#root .tradeSearch .currentSearchStrip .tagMore .tagPopup,
#root .tradeSearch .currentSearchStrip .tagMore .currentSearchPopup {
  border-radius:0!important;
}

#root .topAppStrip + .bodyShell > .sidebar .sidebarUserBox {
  border-radius:0!important;
}

#root .tradeSearch .databaseModeSwitch {
  overflow: hidden;
}


/* ======================================================================
   FINAL SQUARE LEFT RAIL + WORKSPACE MENU STATES
   ----------------------------------------------------------------------
   Corner-only direction plus requested menu interaction:
   - sidebar shell is square
   - sidebar/workspace menu boxes are square
   - hover = blue border line
   - active = bold blue text, no blue fill
   ====================================================================== */
#root .topAppStrip + .bodyShell > .sidebar::before {
  border-radius:0!important;
}

#root .topAppStrip + .bodyShell > .sidebar nav button {
  border-radius:0!important;
  box-shadow:none!important;
}

#root .topAppStrip .workspaceTabs button,
#root .topAppStrip .workspaceTabs button.active {
  border-radius:0!important;
  background: transparent !important;
  box-shadow: none !important;
}

#root .topAppStrip .workspaceTabs button {
  border: 1px solid #DDE5F2 !important;
  color: #0B1730 !important;
  font-weight: 550 !important;
}

#root .topAppStrip .workspaceTabs button:hover,
#root .topAppStrip .workspaceTabs button:focus-visible {
  border-color: #0B69DF !important;
  background: transparent !important;
  color: #0B1730 !important;
  box-shadow: none !important;
}

#root .topAppStrip .workspaceTabs button.active {
  border-color: #0B69DF !important;
  background: #0B69DF !important;
  color: #FFFFFF !important;
  font-weight: 550 !important;
}

#root .topAppStrip .workspaceTabs button.active span {
  color: #FFFFFF !important;
  font-weight: 550 !important;
}

#root .topAppStrip .workspaceTabs button.active i,
#root .topAppStrip .workspaceTabs button.active i svg {
  color: #FFFFFF !important;
}

#root .theme-dark .topAppStrip + .bodyShell > .sidebar nav button {
  background: #11172A !important;
  border-color: #242C49 !important;
  color: #FFFFFF !important;
}

#root .theme-dark .topAppStrip .workspaceTabs button {
  color: #FFFFFF !important;
}

#root .theme-dark .topAppStrip + .bodyShell > .sidebar nav button:hover,
#root .theme-dark .topAppStrip + .bodyShell > .sidebar nav button:focus-visible {
  background: #162640 !important;
  border-color: #47BFF2 !important;
  color: #0B69DF !important;
}

#root .theme-dark .topAppStrip .workspaceTabs button:hover {
  border-color: #47BFF2 !important;
  color: #FFFFFF !important;
}

#root .theme-dark .topAppStrip + .bodyShell > .sidebar nav button.active,
#root .theme-dark .topAppStrip .workspaceTabs button.active,
#root .theme-dark .topAppStrip .workspaceTabs button.active span {
  border-color: #0B69DF !important;
  font-weight: 550 !important;
}

#root .theme-dark .topAppStrip .workspaceTabs button.active {
  background: #0B69DF !important;
  color: #FFFFFF !important;
}

#root .theme-dark .topAppStrip .workspaceTabs button.active span,
#root .theme-dark .topAppStrip .workspaceTabs button.active i,
#root .theme-dark .topAppStrip .workspaceTabs button.active i svg {
  color: #FFFFFF !important;
}

#root .theme-dark .topAppStrip + .bodyShell > .sidebar nav button.active {
  background: #0B69DF !important;
  border-color: #0B69DF !important;
  color: #FFFFFF !important;
}

#root .theme-dark .topAppStrip + .bodyShell > .sidebar nav button.active svg {
  color: #FFFFFF !important;
  stroke: currentColor !important;
}

/* ======================================================================
   IMPORTER / EXPORTER / TRADE INSIGHTS / TRACK HEADERS — EXIMBOT BLUE
   Shipment Records uses its later dedicated latest blue-header rule.
   ====================================================================== */
#root .tradeSearch .partyPanel .partyTable thead th,
#root .tradeSearch .statisticsPanel .tradeInsightsSummaryTable thead th,
#root .trackingPage .trackByTradeInsightsTable thead th,
#root .trackingPage .trackingShipmentRecordLayoutTable thead th {
  background: #0B69DF !important;
  color: #FFFFFF !important;
  border-color: #007BC1 !important;
}

/* Header labels inherit white even where older table rules set an explicit color. */
#root .tradeSearch .partyPanel .partyTable thead th .platformHeaderInner,
#root .tradeSearch .statisticsPanel .tradeInsightsSummaryTable thead th .platformHeaderInner,
#root .trackingPage .trackByTradeInsightsTable thead th .platformHeaderInner,
#root .trackingPage .trackingShipmentRecordLayoutTable thead th .platformHeaderInner {
  color: #FFFFFF !important;
}

/* Importer / Exporter country selector and Trade Insights View By selector
   use the canonical white header-dropdown field while the table header stays blue. */
#root .tradeSearch .partyPanel .partyCountryTable thead .analysisCountryFilterTrigger,
#root .tradeSearch .statisticsPanel .tradeInsightsSummaryTable thead .tradeInsightsHeaderSelect.platformSearchSelectTrigger,
#root .trackingPage .trackByTradeInsightsTable thead .analysisCountryFilterTrigger,
#root .trackingPage .trackByTradeInsightsTable thead .tradeInsightsHeaderSelect.platformSearchSelectTrigger {
  background: #FFFFFF !important;
  color: #0B1730 !important;
  border-color: #DDE5F2 !important;
  border-radius:0!important;
  box-shadow: none !important;
}

#root .tradeSearch .partyPanel .partyCountryTable thead .analysisCountryFilterTrigger > span,
#root .tradeSearch .statisticsPanel .tradeInsightsSummaryTable thead .tradeInsightsHeaderSelect.platformSearchSelectTrigger > span,
#root .trackingPage .trackByTradeInsightsTable thead .analysisCountryFilterTrigger > span,
#root .trackingPage .trackByTradeInsightsTable thead .tradeInsightsHeaderSelect.platformSearchSelectTrigger > span {
  color: #0B1730 !important;
}

#root .tradeSearch .partyPanel .partyCountryTable thead .analysisCountryFilterTrigger > svg,
#root .tradeSearch .statisticsPanel .tradeInsightsSummaryTable thead .tradeInsightsHeaderSelect.platformSearchSelectTrigger > svg,
#root .trackingPage .trackByTradeInsightsTable thead .analysisCountryFilterTrigger > svg,
#root .trackingPage .trackByTradeInsightsTable thead .tradeInsightsHeaderSelect.platformSearchSelectTrigger > svg {
  color: #0B69DF !important;
}

#root .tradeSearch .partyPanel .partyCountryTable thead .analysisCountryFilterTrigger:hover,
#root .tradeSearch .partyPanel .partyCountryTable thead .analysisCountryHeaderFilter.open .analysisCountryFilterTrigger,
#root .tradeSearch .partyPanel .partyCountryTable thead .analysisCountryFilterTrigger:focus-visible,
#root .tradeSearch .statisticsPanel .tradeInsightsSummaryTable thead .tradeInsightsHeaderSelect.platformSearchSelectTrigger:hover,
#root .tradeSearch .statisticsPanel .tradeInsightsSummaryTable thead .tradeInsightsHeaderSelectShell.open .tradeInsightsHeaderSelect.platformSearchSelectTrigger,
#root .tradeSearch .statisticsPanel .tradeInsightsSummaryTable thead .tradeInsightsHeaderSelect.platformSearchSelectTrigger:focus-visible,
#root .trackingPage .trackByTradeInsightsTable thead .analysisCountryFilterTrigger:hover,
#root .trackingPage .trackByTradeInsightsTable thead .analysisCountryHeaderFilter.open .analysisCountryFilterTrigger,
#root .trackingPage .trackByTradeInsightsTable thead .analysisCountryFilterTrigger:focus-visible,
#root .trackingPage .trackByTradeInsightsTable thead .tradeInsightsHeaderSelect.platformSearchSelectTrigger:hover,
#root .trackingPage .trackByTradeInsightsTable thead .tradeInsightsHeaderSelectShell.open .tradeInsightsHeaderSelect.platformSearchSelectTrigger,
#root .trackingPage .trackByTradeInsightsTable thead .tradeInsightsHeaderSelect.platformSearchSelectTrigger:focus-visible {
  background: #FFFFFF !important;
  color: #0B1730 !important;
  border-color: #0B69DF !important;
  box-shadow: none !important;
}

/* Sort controls remain white on blue; hover/active inverts for clear feedback. */
#root .tradeSearch .shipmentRecordsTableWrap .shipmentRecordLayoutTable thead th.platformSortableHeader > .platformSortButton,
#root .tradeSearch .shipmentRecordsTableWrap .shipmentRecordLayoutTable thead th.platformSortableHeader > .platformHeaderInner > .platformSortButton,
#root .tradeSearch .results.panel > .shipmentRecordsTableWrap .shipmentRecordLayoutTable thead th.platformSortableHeader > .platformSortButton,
#root .tradeSearch .results.panel > .shipmentRecordsTableWrap .shipmentRecordLayoutTable thead th.platformSortableHeader > .platformHeaderInner > .platformSortButton,
#root .tradeSearch .partyPanel .partyTable thead th.platformSortableHeader > .platformSortButton,
#root .tradeSearch .partyPanel .partyTable thead th.platformSortableHeader > .platformHeaderInner > .platformSortButton,
#root .tradeSearch .statisticsPanel .tradeInsightsSummaryTable thead th.platformSortableHeader > .platformSortButton,
#root .tradeSearch .statisticsPanel .tradeInsightsSummaryTable thead th.platformSortableHeader > .platformHeaderInner > .platformSortButton,
#root .trackingPage .trackByTradeInsightsTable thead th.platformSortableHeader > .platformSortButton,
#root .trackingPage .trackByTradeInsightsTable thead th.platformSortableHeader > .platformHeaderInner > .platformSortButton,
#root .trackingPage .trackingShipmentRecordLayoutTable thead th.platformSortableHeader > .platformSortButton,
#root .trackingPage .trackingShipmentRecordLayoutTable thead th.platformSortableHeader > .platformHeaderInner > .platformSortButton,
#root .companyTradingTableWrap.shipmentRecordsTableWrap .companyTradingRecordsTable.shipmentRecordLayoutTable thead th.platformSortableHeader > .platformSortButton,
#root .companyTradingTableWrap.shipmentRecordsTableWrap .companyTradingRecordsTable.shipmentRecordLayoutTable thead th.platformSortableHeader > .platformHeaderInner > .platformSortButton {
  color: #FFFFFF !important;
  border-color: rgba(255,255,255,.48) !important;
  background: rgba(255,255,255,.12) !important;
}

#root .tradeSearch .shipmentRecordsTableWrap .shipmentRecordLayoutTable thead th.platformSortableHeader > .platformSortButton:hover,
#root .tradeSearch .shipmentRecordsTableWrap .shipmentRecordLayoutTable thead th.platformSortableHeader > .platformSortButton:focus-visible,
#root .tradeSearch .shipmentRecordsTableWrap .shipmentRecordLayoutTable thead th.platformSortableHeader > .platformSortButton.active,
#root .tradeSearch .shipmentRecordsTableWrap .shipmentRecordLayoutTable thead th.platformSortableHeader > .platformHeaderInner > .platformSortButton:hover,
#root .tradeSearch .shipmentRecordsTableWrap .shipmentRecordLayoutTable thead th.platformSortableHeader > .platformHeaderInner > .platformSortButton:focus-visible,
#root .tradeSearch .shipmentRecordsTableWrap .shipmentRecordLayoutTable thead th.platformSortableHeader > .platformHeaderInner > .platformSortButton.active,
#root .tradeSearch .results.panel > .shipmentRecordsTableWrap .shipmentRecordLayoutTable thead th.platformSortableHeader > .platformSortButton:hover,
#root .tradeSearch .results.panel > .shipmentRecordsTableWrap .shipmentRecordLayoutTable thead th.platformSortableHeader > .platformSortButton:focus-visible,
#root .tradeSearch .results.panel > .shipmentRecordsTableWrap .shipmentRecordLayoutTable thead th.platformSortableHeader > .platformSortButton.active,
#root .tradeSearch .results.panel > .shipmentRecordsTableWrap .shipmentRecordLayoutTable thead th.platformSortableHeader > .platformHeaderInner > .platformSortButton:hover,
#root .tradeSearch .results.panel > .shipmentRecordsTableWrap .shipmentRecordLayoutTable thead th.platformSortableHeader > .platformHeaderInner > .platformSortButton:focus-visible,
#root .tradeSearch .results.panel > .shipmentRecordsTableWrap .shipmentRecordLayoutTable thead th.platformSortableHeader > .platformHeaderInner > .platformSortButton.active,
#root .tradeSearch .partyPanel .partyTable thead th.platformSortableHeader > .platformSortButton:hover,
#root .tradeSearch .partyPanel .partyTable thead th.platformSortableHeader > .platformSortButton:focus-visible,
#root .tradeSearch .partyPanel .partyTable thead th.platformSortableHeader > .platformSortButton.active,
#root .tradeSearch .partyPanel .partyTable thead th.platformSortableHeader > .platformHeaderInner > .platformSortButton:hover,
#root .tradeSearch .partyPanel .partyTable thead th.platformSortableHeader > .platformHeaderInner > .platformSortButton:focus-visible,
#root .tradeSearch .partyPanel .partyTable thead th.platformSortableHeader > .platformHeaderInner > .platformSortButton.active,
#root .tradeSearch .statisticsPanel .tradeInsightsSummaryTable thead th.platformSortableHeader > .platformSortButton:hover,
#root .tradeSearch .statisticsPanel .tradeInsightsSummaryTable thead th.platformSortableHeader > .platformSortButton:focus-visible,
#root .tradeSearch .statisticsPanel .tradeInsightsSummaryTable thead th.platformSortableHeader > .platformSortButton.active,
#root .tradeSearch .statisticsPanel .tradeInsightsSummaryTable thead th.platformSortableHeader > .platformHeaderInner > .platformSortButton:hover,
#root .tradeSearch .statisticsPanel .tradeInsightsSummaryTable thead th.platformSortableHeader > .platformHeaderInner > .platformSortButton:focus-visible,
#root .tradeSearch .statisticsPanel .tradeInsightsSummaryTable thead th.platformSortableHeader > .platformHeaderInner > .platformSortButton.active,
#root .trackingPage .trackByTradeInsightsTable thead th.platformSortableHeader > .platformSortButton:hover,
#root .trackingPage .trackByTradeInsightsTable thead th.platformSortableHeader > .platformSortButton:focus-visible,
#root .trackingPage .trackByTradeInsightsTable thead th.platformSortableHeader > .platformSortButton.active,
#root .trackingPage .trackByTradeInsightsTable thead th.platformSortableHeader > .platformHeaderInner > .platformSortButton:hover,
#root .trackingPage .trackByTradeInsightsTable thead th.platformSortableHeader > .platformHeaderInner > .platformSortButton:focus-visible,
#root .trackingPage .trackByTradeInsightsTable thead th.platformSortableHeader > .platformHeaderInner > .platformSortButton.active,
#root .trackingPage .trackingShipmentRecordLayoutTable thead th.platformSortableHeader > .platformSortButton:hover,
#root .trackingPage .trackingShipmentRecordLayoutTable thead th.platformSortableHeader > .platformSortButton:focus-visible,
#root .trackingPage .trackingShipmentRecordLayoutTable thead th.platformSortableHeader > .platformSortButton.active,
#root .trackingPage .trackingShipmentRecordLayoutTable thead th.platformSortableHeader > .platformHeaderInner > .platformSortButton:hover,
#root .trackingPage .trackingShipmentRecordLayoutTable thead th.platformSortableHeader > .platformHeaderInner > .platformSortButton:focus-visible,
#root .companyTradingTableWrap.shipmentRecordsTableWrap .companyTradingRecordsTable.shipmentRecordLayoutTable thead th.platformSortableHeader > .platformSortButton:hover,
#root .companyTradingTableWrap.shipmentRecordsTableWrap .companyTradingRecordsTable.shipmentRecordLayoutTable thead th.platformSortableHeader > .platformSortButton:focus-visible,
#root .companyTradingTableWrap.shipmentRecordsTableWrap .companyTradingRecordsTable.shipmentRecordLayoutTable thead th.platformSortableHeader > .platformSortButton.active,
#root .companyTradingTableWrap.shipmentRecordsTableWrap .companyTradingRecordsTable.shipmentRecordLayoutTable thead th.platformSortableHeader > .platformHeaderInner > .platformSortButton:hover,
#root .companyTradingTableWrap.shipmentRecordsTableWrap .companyTradingRecordsTable.shipmentRecordLayoutTable thead th.platformSortableHeader > .platformHeaderInner > .platformSortButton:focus-visible,
#root .companyTradingTableWrap.shipmentRecordsTableWrap .companyTradingRecordsTable.shipmentRecordLayoutTable thead th.platformSortableHeader > .platformHeaderInner > .platformSortButton.active,
#root .trackingPage .trackingShipmentRecordLayoutTable thead th.platformSortableHeader > .platformHeaderInner > .platformSortButton.active {
  color: #0B69DF !important;
  border-color: rgba(255,255,255,.92) !important;
  background: #FFFFFF !important;
}


/* Platform-wide note / error / retry message boxes: square corners only. */
.searchError,
.companyApiStatus,
.retryDataState,
.tableInlineStatus,
.apiInlineStatus,
.apiInlineError,
.latestUpdateStatus,
.favouriteNoticeToast,
.downloadRequestDebugToast,
.companyInformationPopupState,
.emptySearchState,
.emptyState,
.subAccountNotice,
.searchProcessingCard {
  border-radius:0!important;
}

.rawContactsPanel > .companyApiStatus.retryDataState,
.associatedCompanyPanel > .companyApiStatus.retryDataState,
.analysisPanel > .apiInlineError.retryDataState,
.tradingRecordsBlock > .apiInlineError.retryDataState,
.subAccountPanel > .subAccountTopError.retryDataState,
.latestPanel > .latestUpdateStatus.error,
.tableRequestFailureState.retryDataState {
  border-radius:0;
}


/* Platform-wide retry buttons square */
.retryDataButton,.dropdownRetryButton,.platformSearchSelectRetry,.sectionLoadingRetryButton{border-radius:0!important}




/* Shipment Profile popup canonical layout */
.profileModal .profileModalHeader{display:none!important}
.profileModal .profileModalBody{padding:10px!important}
.shipmentProfileTitleRow{display:flex;align-items:center;margin:0 0 6px}
.shipmentProfileTitleRow h2{margin:0!important;color:#0B1730!important;font-size:18px!important;font-weight:550!important;line-height:1.2}
.shipmentProfileMeta{margin:0}
.shipmentProfileActions{align-items:flex-start}
.shipmentProfileActions .ghost,.shipmentProfileActions .primary,.shipmentProfileActions .close,.profileModal button{border-radius:0!important}
.shipmentProfileCloseBtn{width:40px;min-width:40px;height:40px;padding:0;display:inline-grid;place-items:center}
.shipmentProfileCloseBtn svg{width:18px;height:18px}
.shipmentProfileHero,.profileTableSection,.shipmentMappingGroup,.profileMappingSectionTitle,.profileSectionHead,.shipmentDynamicTableWrap,.shipmentDynamicDetailsTable{border-radius:0!important}
.profileTableSection .profileSectionHead button,.profileModal .shipmentProfileActions button{border-radius:0!important}
@media(max-width:760px){.shipmentProfileTitleRow{align-items:flex-start}.shipmentProfileActions{width:100%;justify-content:flex-end}}

/* Shipment Details section header grey row with blue text */
.shipmentDynamicDetailsSection > .profileSectionHead.shipmentDetailHead{background:#F5F7FA!important;border-bottom:1px solid #EBEEF5!important;padding-left:10px!important;}
.shipmentDynamicDetailsSection > .profileSectionHead.shipmentDetailHead h3{color:#0B69DF!important;font-size:15px!important;}
.shipmentDynamicDetailsSection > .profileSectionHead.shipmentDetailHead span,.shipmentDynamicDetailsSection > .profileSectionHead.shipmentDetailHead b{color:#0B69DF!important;}
.theme-dark .shipmentDynamicDetailsSection > .profileSectionHead.shipmentDetailHead{background:#F5F7FA!important;border-bottom-color:#EBEEF5!important;}

/* Company View tables canonical square corners + centered date column
   Applies to Trading Records in every Company View sub-tab and to the
   summary/statistical tables used by Associated Companies, Partner and
   Trade Analysis. */
.companyStandaloneRecordsPanel .companyTradingTableWrap,
.companyStandaloneRecordsPanel .tableWrap.companyTradingTableWrap,
.tradeTrendRecordsBlock .companyTradingTableWrap,
.companyPartyTableWrap,
.companyTradeAnalysisTableWrap,
.associatedTableWrap,
.analysisPanel .partyTableWrap,
.analysisPanel .statisticsTableWrap,
.analysisPanel .associatedTableWrap,
.companyStandaloneRecordsPanel .companyTradingRecordsTable,
.companyTradingRecordsTable,
.companyPartyTableWrap table,
.companyTradeAnalysisTableWrap table,
.associatedTableWrap table,
.companyPartnerParityTable,
.companyTradeAnalysisParityTable,
.tradeInsightsSummaryTable,
.tradeAnalysisSummaryTable,
.partyTable.statisticsTable,
.associatedTable,
.companyStandaloneRecordsPanel .companyTradingTableWrap .serialProfileBtn,
.companyStandaloneRecordsPanel .companyTradingTableWrap .recordCompanyActions button,
.companyStandaloneRecordsPanel .companyTradingTableWrap .recordCountryActions button {
  border-radius:0!important;
}

.companyStandaloneRecordsPanel .companyTradingTableWrap,
.tradeTrendRecordsBlock .companyTradingTableWrap,
.companyPartyTableWrap,
.companyTradeAnalysisTableWrap,
.associatedTableWrap {
  overflow: hidden !important;
}



/* Company View View By tables: canonical blue header / white text / white sort box.
   Covers Company Alias, Partner and Trade Analysis summary tables only. */
#root .companyOverviewPage :is(.companyPartnerParityTable,.partnerCountrySummaryTable,.companyTradeAnalysisParityTable) thead th{
  background:#0B69DF!important;
  color:#FFFFFF!important;
  border-color:#007BC1!important;
}
#root .companyOverviewPage :is(.companyPartnerParityTable,.partnerCountrySummaryTable,.companyTradeAnalysisParityTable) thead th > .platformHeaderInner,
#root .companyOverviewPage :is(.companyPartnerParityTable,.partnerCountrySummaryTable,.companyTradeAnalysisParityTable) thead th > .platformHeaderInner > .platformHeaderLabel{
  color:#FFFFFF!important;
}
#root .companyOverviewPage :is(.companyPartnerParityTable,.partnerCountrySummaryTable,.companyTradeAnalysisParityTable) thead th.platformSortableHeader > .platformSortButton,
#root .companyOverviewPage :is(.companyPartnerParityTable,.partnerCountrySummaryTable,.companyTradeAnalysisParityTable) thead th.platformSortableHeader > .platformHeaderInner > .platformSortButton{
  box-sizing:border-box!important;
  position:static!important;
  inset:auto!important;
  display:inline-grid!important;
  place-items:center!important;
  flex:0 0 16.9px!important;
  width:16.9px!important;
  min-width:16.9px!important;
  max-width:16.9px!important;
  height:16.9px!important;
  min-height:16.9px!important;
  max-height:16.9px!important;
  margin:0 0 0 5px!important;
  padding:0!important;
  vertical-align:middle!important;
  background:transparent!important;
  border-color:rgba(255,255,255,.92)!important;
  color:#FFFFFF!important;
  font-family:inherit!important;
  font-size:10px!important;
  font-style:normal!important;
  font-weight:550!important;
  line-height:1!important;
  letter-spacing:normal!important;
  text-transform:none!important;
  transform:none!important;
  border-radius:0!important;
}
#root .companyOverviewPage :is(.companyPartnerParityTable,.partnerCountrySummaryTable,.companyTradeAnalysisParityTable) thead th.platformSortableHeader > .platformSortButton:hover,
#root .companyOverviewPage :is(.companyPartnerParityTable,.partnerCountrySummaryTable,.companyTradeAnalysisParityTable) thead th.platformSortableHeader > .platformSortButton:focus-visible,
#root .companyOverviewPage :is(.companyPartnerParityTable,.partnerCountrySummaryTable,.companyTradeAnalysisParityTable) thead th.platformSortableHeader > .platformSortButton.active,
#root .companyOverviewPage :is(.companyPartnerParityTable,.partnerCountrySummaryTable,.companyTradeAnalysisParityTable) thead th.platformSortableHeader > .platformHeaderInner > .platformSortButton:hover,
#root .companyOverviewPage :is(.companyPartnerParityTable,.partnerCountrySummaryTable,.companyTradeAnalysisParityTable) thead th.platformSortableHeader > .platformHeaderInner > .platformSortButton:focus-visible,
#root .companyOverviewPage :is(.companyPartnerParityTable,.partnerCountrySummaryTable,.companyTradeAnalysisParityTable) thead th.platformSortableHeader > .platformHeaderInner > .platformSortButton.active{
  background:#FFFFFF!important;
  border-color:rgba(255,255,255,.92)!important;
  color:#0B69DF!important;
  border-radius:0!important;
  transform:scale(1.06)!important;
}
/* Keep header dropdown controls white, matching the Trading Records header language. */
#root .companyOverviewPage :is(.companyPartnerParityTable,.partnerCountrySummaryTable,.companyTradeAnalysisParityTable) thead :is(.analysisHeaderSelect,.analysisCountryFilterSelect,.platformSearchSelectTrigger,.platformSearchSelect){
  background:#FFFFFF!important;
  color:#0B1730!important;
  border-radius:0!important;
}

/* Trade Search Shipment Records date alignment: center the Date header and body
   exactly like tracking/company tables, using a late high-specificity layer. */
#root#root .tradeSearch .shipmentRecordsTableWrap .shipmentRecordLayoutTable:not(.trackingShipmentRecordLayoutTable) thead th[data-column-key="date"],
#root#root .tradeSearch .shipmentRecordsTableWrap .shipmentRecordLayoutTable:not(.trackingShipmentRecordLayoutTable) tbody td[data-column-key="date"],
#root#root .tradeSearch .results.panel > .shipmentRecordsTableWrap .shipmentRecordLayoutTable:not(.trackingShipmentRecordLayoutTable) thead th[data-column-key="date"],
#root#root .tradeSearch .results.panel > .shipmentRecordsTableWrap .shipmentRecordLayoutTable:not(.trackingShipmentRecordLayoutTable) tbody td[data-column-key="date"]{
  text-align:center!important;
  text-align-last:center!important;
}
#root#root .tradeSearch .shipmentRecordsTableWrap .shipmentRecordLayoutTable:not(.trackingShipmentRecordLayoutTable) thead th[data-column-key="date"] > .platformHeaderInner,
#root#root .tradeSearch .results.panel > .shipmentRecordsTableWrap .shipmentRecordLayoutTable:not(.trackingShipmentRecordLayoutTable) thead th[data-column-key="date"] > .platformHeaderInner{
  justify-content:center!important;
  text-align:center!important;
}
#root#root .tradeSearch .shipmentRecordsTableWrap .shipmentRecordLayoutTable:not(.trackingShipmentRecordLayoutTable) tbody td[data-column-key="date"] > .recordCellClamp,
#root#root .tradeSearch .results.panel > .shipmentRecordsTableWrap .shipmentRecordLayoutTable:not(.trackingShipmentRecordLayoutTable) tbody td[data-column-key="date"] > .recordCellClamp{
  text-align:center!important;
  text-align-last:center!important;
}


/* Company View > Trade Analysis > View By header dropdown square (canonical fix)
   Remove any legacy rounded trigger/menu geometry and use the same square style
   as other platform table-header dropdowns. */
#root .statisticsPanel .companyTradeAnalysisTableWrap
  .tradeInsightsHeaderSelectShell.compactPortalSearchSelect,
#root .statisticsPanel .companyTradeAnalysisTableWrap
  th[data-column-key="name"] > .tradeInsightsHeaderSelectShell.compactPortalSearchSelect {
  border-radius:0!important;
}
#root .statisticsPanel .companyTradeAnalysisTableWrap
  .tradeInsightsHeaderSelect.platformSearchSelectTrigger,
#root .statisticsPanel .companyTradeAnalysisTableWrap
  th[data-column-key="name"] > .tradeInsightsHeaderSelectShell.compactPortalSearchSelect
  > .tradeInsightsHeaderSelect.platformSearchSelectTrigger {
  border-radius:0!important;
}
.platformSearchSelectPortal[aria-label="View trade analysis by options"]{
  border-radius:0!important;
}
.platformSearchSelectPortal[aria-label="View trade analysis by options"] .platformSearchSelectSearch,
.platformSearchSelectPortal[aria-label="View trade analysis by options"] .platformSearchSelectSearch button,
.platformSearchSelectPortal[aria-label="View trade analysis by options"] .platformSearchSelectOption,
.platformSearchSelectPortal[aria-label="View trade analysis by options"] .platformSearchSelectRetry{
  border-radius:0!important;
}


/* Company Information popup: square modal/table and blue table header */
.companyContactPopupModal,
.companyContactPopupModal > .close,
.companyContactPopupHeader,
.companyInformationTableWrap,
.companyInformationTable,
.companyInformationTable thead,
.companyInformationTable thead tr,
.companyInformationTable th,
.companyInformationTable td,
.companyInformationRoleBadge{
  border-radius:0!important;
}
.companyInformationTable th{
  background:#0B69DF!important;
  color:#FFFFFF!important;
  border-color:#0A79BB!important;
}
.companyInformationTable th:last-child,
.companyInformationTable thead th:last-child{
  border-right:0!important;
}

/* Company View title copy icon: keep visible in grey by default, blue only after copy. */
#root .companyOverviewHeaderModern .companyMainTitleWithStickyCopy > .copyNameWrap .copyNameBtn:not(.copied),
#root .theme-light .companyOverviewHeaderModern .companyMainTitleWithStickyCopy > .copyNameWrap .copyNameBtn:not(.copied),
#root .theme-dark .companyOverviewHeaderModern .companyMainTitleWithStickyCopy > .copyNameWrap .copyNameBtn:not(.copied) {
  background: #F2F4F7 !important;
  border: 1px solid #D0D5DD !important;
  border-radius:0!important;
  color: #98A2B3 !important;
  box-shadow: none !important;
}

#root .companyOverviewHeaderModern .companyMainTitleWithStickyCopy > .copyNameWrap .copyNameBtn:not(.copied) svg,
#root .theme-light .companyOverviewHeaderModern .companyMainTitleWithStickyCopy > .copyNameWrap .copyNameBtn:not(.copied) svg,
#root .theme-dark .companyOverviewHeaderModern .companyMainTitleWithStickyCopy > .copyNameWrap .copyNameBtn:not(.copied) svg {
  color: #98A2B3 !important;
  stroke: #98A2B3 !important;
}

#root .companyOverviewHeaderModern .companyMainTitleWithStickyCopy > .copyNameWrap .copyNameBtn:hover:not(.copied),
#root .companyOverviewHeaderModern .companyMainTitleWithStickyCopy > .copyNameWrap .copyNameBtn:focus-visible:not(.copied) {
  background: #ECEFF3 !important;
  border-color: #C7CED8 !important;
  color: #7F8A99 !important;
}

#root .companyOverviewHeaderModern .companyMainTitleWithStickyCopy > .copyNameWrap .copyNameBtn:hover:not(.copied) svg,
#root .companyOverviewHeaderModern .companyMainTitleWithStickyCopy > .copyNameWrap .copyNameBtn:focus-visible:not(.copied) svg {
  color: #7F8A99 !important;
  stroke: #7F8A99 !important;
}

/* Company View title copy icon: on click/copied make it solid blue with white icon. */
#root .companyOverviewHeaderModern .companyMainTitleWithStickyCopy > .copyNameWrap .copyNameBtn:active,
#root .companyOverviewHeaderModern .companyMainTitleWithStickyCopy > .copyNameWrap .copyNameBtn.copied,
#root .theme-light .companyOverviewHeaderModern .companyMainTitleWithStickyCopy > .copyNameWrap .copyNameBtn:active,
#root .theme-light .companyOverviewHeaderModern .companyMainTitleWithStickyCopy > .copyNameWrap .copyNameBtn.copied,
#root .theme-dark .companyOverviewHeaderModern .companyMainTitleWithStickyCopy > .copyNameWrap .copyNameBtn:active,
#root .theme-dark .companyOverviewHeaderModern .companyMainTitleWithStickyCopy > .copyNameWrap .copyNameBtn.copied {
  background: #0B69DF !important;
  border-color: #0B69DF !important;
  border-radius:0!important;
  color: #FFFFFF !important;
  box-shadow: none !important;
  transform: scale(.96) !important;
}

#root .companyOverviewHeaderModern .companyMainTitleWithStickyCopy > .copyNameWrap .copyNameBtn:active svg,
#root .companyOverviewHeaderModern .companyMainTitleWithStickyCopy > .copyNameWrap .copyNameBtn.copied svg,
#root .theme-light .companyOverviewHeaderModern .companyMainTitleWithStickyCopy > .copyNameWrap .copyNameBtn:active svg,
#root .theme-light .companyOverviewHeaderModern .companyMainTitleWithStickyCopy > .copyNameWrap .copyNameBtn.copied svg,
#root .theme-dark .companyOverviewHeaderModern .companyMainTitleWithStickyCopy > .copyNameWrap .copyNameBtn:active svg,
#root .theme-dark .companyOverviewHeaderModern .companyMainTitleWithStickyCopy > .copyNameWrap .copyNameBtn.copied svg {
  color: #FFFFFF !important;
  stroke: #FFFFFF !important;
}

/* Favourite page — square table/controls and solid blue header */
#root#root .page > .panel:has(> .favouriteToolbar) .favouriteTabs button,
#root#root .page > .panel:has(> .favouriteToolbar) .favouriteSearch,
#root#root .page > .panel:has(> .favouriteToolbar) .favouriteSearch input,
#root#root .page > .panel:has(> .favouriteToolbar) .favouriteTable,
#root#root .page > .panel:has(> .favouriteToolbar) .favouriteHeader,
#root#root .page > .panel:has(> .favouriteToolbar) .favouriteRow,
#root#root .page > .panel:has(> .favouriteToolbar) .favouriteRow .linkBtn,
#root#root .page > .panel:has(> .favouriteToolbar) .favouriteRemoveButton,
#root#root .page > .panel:has(> .favouriteToolbar) .pagination button,
#root#root .page > .panel:has(> .favouriteToolbar) .pagination input {
  border-radius:0!important;
}

#root#root .page > .panel:has(> .favouriteToolbar) .favouriteHeader {
  background:#0B69DF !important;
  color:#FFFFFF !important;
}

#root#root .page > .panel:has(> .favouriteToolbar) .favouriteHeader > span,
#root#root .page > .panel:has(> .favouriteToolbar) .favouriteHeader :where(span, b, strong, small, div) {
  color:#FFFFFF !important;
}

#root#root .page > .panel:has(> .favouriteToolbar) .favouriteTable {
  border-radius:0!important;
  overflow:hidden !important;
}

#root#root .page > .panel:has(> .favouriteToolbar) .favouriteTabs button.active {
  background:#0B69DF !important;
  border-color:#0B69DF !important;
  color:#FFFFFF !important;
}


/* History & Favourite top-right count badges square */
#root#root .historyPage .historyHead .pill,
#root#root .page > .panel:has(> .favouriteToolbar) > .panelHead .pill {
  border-radius:0!important;
  min-height: 30px !important;
  padding: 0 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}


/* Favourite page + favourite name popup square styling */
#root#root .page > .panel:has(> .favouriteToolbar) .favouriteSearch,
#root#root .page > .panel:has(> .favouriteToolbar) .favouriteSearch input,
#root#root .page > .panel:has(> .favouriteToolbar) .favouriteTabs button,
#root#root .page > .panel:has(> .favouriteToolbar) .favouriteRow .linkBtn,
#root#root .page > .panel:has(> .favouriteToolbar) .favouriteRemoveButton,
#root#root .page > .panel:has(> .favouriteToolbar) .pagination button,
#root#root .page > .panel:has(> .favouriteToolbar) .pagination input,
#root#root .modal.favouriteNameModal,
#root#root .modal.favouriteNameModal .close,
#root#root .modal.favouriteNameModal .favNameField input,
#root#root .modal.favouriteNameModal .modalActions .ghost,
#root#root .modal.favouriteNameModal .modalActions .primary {
  border-radius:0!important;
}

#root#root .page > .panel:has(> .favouriteToolbar) .favouriteSearch {
  border: 1px solid #C9D8EA !important;
  background: #FFFFFF !important;
  transition: border-color .18s ease, box-shadow .18s ease;
}

#root#root .page > .panel:has(> .favouriteToolbar) .favouriteSearch:focus-within {
  border-color: #0B69DF !important;
  box-shadow: inset 0 0 0 1px #0B69DF;
}

#root#root .page > .panel:has(> .favouriteToolbar) .favouriteSearch input {
  outline: none !important;
  box-shadow: none !important;
}

#root#root .page > .panel:has(> .favouriteToolbar) .favouriteSearch input:focus {
  outline: none !important;
}

#root#root .modal.favouriteNameModal {
  width: min(460px, 92vw) !important;
  padding: 24px !important;
}

#root#root .modal.favouriteNameModal .close {
  width: 36px !important;
  height: 36px !important;
  right: 16px !important;
  top: 16px !important;
  border: 1px solid #D6E2EF !important;
  background: #FFFFFF !important;
  color: #0B1730 !important;
  box-shadow: none !important;
}

#root#root .modal.favouriteNameModal .close:hover,
#root#root .modal.favouriteNameModal .close:focus-visible {
  border-color: #0B69DF !important;
  color: #0B69DF !important;
}

#root#root .modal.favouriteNameModal .favNameField {
  margin-top: 14px !important;
}

#root#root .modal.favouriteNameModal .favNameField input {
  height: 42px !important;
  border: 1px solid #C9D8EA !important;
  background: #FFFFFF !important;
  color: #0B1730 !important;
  padding: 0 12px !important;
  outline: none !important;
  box-shadow: none !important;
}

#root#root .modal.favouriteNameModal .favNameField input:focus,
#root#root .modal.favouriteNameModal .favNameField input:focus-visible {
  border-color: #0B69DF !important;
  box-shadow: inset 0 0 0 1px #0B69DF !important;
  outline: none !important;
}

#root#root .modal.favouriteNameModal .modalActions {
  margin-top: 18px !important;
  gap: 10px !important;
}

#root#root .modal.favouriteNameModal .modalActions .ghost,
#root#root .modal.favouriteNameModal .modalActions .primary {
  min-width: 96px !important;
  justify-content: center !important;
  border: 1px solid transparent !important;
}


/* My Profile: all interactive buttons square */
#root .myProfilePage button{
  border-radius:0!important;
}

/* Company View > Contacts: Information / Website / Employee / Emails */
.companyContactDirectoryPanel{
  background:#FFFFFF;
  border:1px solid #DDE5F2;
  border-radius:0;
  overflow:hidden;
  margin-top:0;
}
.companyContactDirectoryHead{
  min-height:64px;
  padding:14px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  border-bottom:1px solid #DDE5F2;
  background:#FFFFFF;
}
.companyContactDirectoryHead h3{margin:0;color:#0B1730;font-size:16px;font-weight:550}
.companyContactDirectoryHead p{margin:3px 0 0!important;color:#0B1730!important;font-size:12px;font-weight:400}
.companyContactSelectedDomainPill{
  max-width:48%;
  min-height:30px;
  padding:0 10px;
  display:inline-flex;
  align-items:center;
  border:1px solid #B9E8FF;
  border-radius:0;
  background:#F4FBFF;
  color:#0B69DF;
  font-size:12px;
  font-weight:550;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.companyContactDirectoryTabs{
  display:grid;
  grid-template-columns:34% 33% 33%;
  border-bottom:1px solid #DDE5F2;
  background:#FFFFFF;
}
.companyContactDirectoryTabs button{
  min-height:44px;
  border:0;
  border-right:1px solid #DDE5F2;
  border-radius:0!important;
  background:#FFFFFF;
  color:#0B1730;
  font:inherit;
  font-size:13px;
  font-weight:550;
  cursor:pointer;
}
.companyContactDirectoryTabs button:last-child{border-right:0}
.companyContactDirectoryTabs button:hover,
.companyContactDirectoryTabs button:focus-visible{
  color:#0B69DF;
  background:#F5FBFF;
  outline:none;
}
.companyContactDirectoryTabs button.active{
  background:#0B69DF!important;
  color:#FFFFFF!important;
}
.companyContactDirectoryBody{padding:16px;min-height:220px}
.companyContactTopSummary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-bottom:14px;
}
.companyContactTopSummary>div{
  min-width:0;
  padding:10px 12px;
  border:1px solid #DDE5F2;
  border-radius:0;
  background:#FFFFFF;
  display:grid;
  gap:4px;
}
.companyContactTopSummary span{color:#94A3B8;font-size:11px;font-weight:550}
.companyContactTopSummary b{color:#0B1730;font-size:12px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.companyContactDirectoryTableWrap{
  width:100%;
  overflow:auto;
  border:1px solid #DDE5F2;
  border-radius:0;
  background:#FFFFFF;
}
.companyContactDirectoryTable{
  width:100%;
  min-width:900px;
  border-collapse:collapse;
  table-layout:fixed;
  background:#FFFFFF;
}
.companyEmployeeTable{min-width:1800px;table-layout:auto}
.companyContactDirectoryTable th,
.companyContactDirectoryTable td{
  height:44px;
  padding:9px 10px;
  border-right:1px solid #E5EBF3;
  border-bottom:1px solid #E5EBF3;
  font-size:11.5px!important;
  line-height:1.25!important;
  text-align:left;
  vertical-align:middle;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.companyContactDirectoryTable th:last-child,
.companyContactDirectoryTable td:last-child{border-right:0}
.companyContactDirectoryTable th{
  position:static!important;
  background:#0B69DF!important;
  color:#FFFFFF!important;
  font-weight:550!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
.companyContactDirectoryTable td{background:#FFFFFF!important;color:#0B1730!important}
.companyContactDirectoryTable tbody tr:hover td{background:#F4FBFF!important}
.companyContactDirectoryTable a{color:#0B69DF;text-decoration:none;font-weight:550}
.companyContactDirectoryTable a:hover{text-decoration:underline}
/* Company Contacts shared secondary buttons (Find Employee / Find Emails are intentionally excluded). */
.companyContactSelectedDomainBar button,
.companyContactDirectoryPager button,
.companyContactDirectoryState button{
  height:30px;
  min-width:70px;
  padding:0 12px;
  border:1px solid #C9D8EA;
  border-radius:0!important;
  background:#FFFFFF;
  color:#0B1730;
  font:inherit;
  font-size:12px;
  font-weight:550;
  cursor:pointer;
}
.companyContactSelectedDomainBar button:hover,
.companyContactDirectoryPager button:hover:not(:disabled),
.companyContactDirectoryState button:hover{
  border-color:#0B69DF;
  color:#0B69DF;
  background:#F4FBFF;
}
.companyContactSelectedDomainBar button:active{
  background:#0B69DF;
  border-color:#0B69DF;
  color:#FFFFFF;
}

/* 2026-08-22 — Find Employee / Find Emails single interaction rule.
   Default stays white/navy. Hover, keyboard focus, and press stay white with
   blue border + blue text. No blue fill, tint, shadow, transform, or resize. */
#root .companyOverviewPage .companyContactFindButton{
  height:30px !important;
  min-width:118px !important;
  padding:0 12px !important;
  border:1px solid #C9D8EA !important;
  border-radius:0 !important;
  background:#FFFFFF !important;
  background-color:#FFFFFF !important;
  color:#0B1730 !important;
  box-shadow:none !important;
  transform:none !important;
  font:inherit !important;
  font-size:12px !important;
  font-weight:550 !important;
  cursor:pointer !important;
}
#root .companyOverviewPage .companyContactFindButton:hover,
#root .companyOverviewPage .companyContactFindButton:focus-visible,
#root .companyOverviewPage .companyContactFindButton:active{
  border-color:#0B69DF !important;
  background:#FFFFFF !important;
  background-color:#FFFFFF !important;
  color:#0B69DF !important;
  box-shadow:none !important;
  transform:none !important;
  cursor:pointer !important;
  outline:none !important;
}
.companyContactSelectedDomainBar{
  min-height:42px;
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:12px;
  padding:6px 8px;
  border:1px solid #DDE5F2;
  border-radius:0;
  background:#F8FBFF;
}
.companyContactSelectedDomainBar span{color:#94A3B8;font-size:11px;font-weight:550}
.companyContactSelectedDomainBar b{min-width:0;flex:1;color:#0B1730;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.companyContactDirectoryPager{
  min-height:50px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  padding-top:14px;
}
.companyContactDirectoryPager span{color:#0B1730;font-size:12px;font-weight:550}
.companyContactDirectoryPager button:disabled{opacity:.45;cursor:not-allowed}
.companyContactDirectoryState{
  min-height:180px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:24px;
  border:1px solid #DDE5F2;
  border-radius:0;
  background:#FFFFFF;
  color:#0B1730;
  font-size:13px;
  text-align:center;
}
.companyContactDirectoryState.error{color:#0B1730}
.theme-dark .companyContactDirectoryPanel,
.theme-dark .companyContactDirectoryHead,
.theme-dark .companyContactDirectoryTabs,
.theme-dark .companyContactDirectoryBody,
.theme-dark .companyContactTopSummary>div,
.theme-dark .companyContactDirectoryTableWrap,
.theme-dark .companyContactDirectoryTable,
.theme-dark .companyContactDirectoryTable td,
.theme-dark .companyContactDirectoryState{
  background:#0F1325!important;
  border-color:#242C49!important;
  color:#FFFFFF!important;
}
.theme-dark .companyContactDirectoryHead h3,
.theme-dark .companyContactDirectoryHead p,
.theme-dark .companyContactTopSummary b,
.theme-dark .companyContactSelectedDomainBar b,
.theme-dark .companyContactDirectoryPager span{color:#FFFFFF!important}
.theme-dark .companyContactDirectoryTabs button{background:#11172A;color:#FFFFFF;border-color:#242C49}
.theme-dark .companyContactDirectoryTabs button.active{background:#0B69DF!important;color:#FFFFFF!important}
.theme-dark .companyContactSelectedDomainBar{background:#11172A;border-color:#242C49}
@media(max-width:900px){.companyContactTopSummary{grid-template-columns:1fr 1fr}.companyContactDirectoryHead{align-items:flex-start;flex-direction:column}.companyContactSelectedDomainPill{max-width:100%}}
.companyContactDirectoryPanel.is-hidden{display:none!important}

/* Company Website finder: Title / Title Normal / Desc stacked in first details column; Match removed. */
.companyWebsiteTable{
  min-width:980px!important;
}
.companyWebsiteTable th:nth-child(1),
.companyWebsiteTable td:nth-child(1){width:7%!important;text-align:center!important;}
.companyWebsiteTable th:nth-child(2),
.companyWebsiteTable td:nth-child(2){width:58%!important;}
.companyWebsiteTable th:nth-child(3),
.companyWebsiteTable td:nth-child(3){width:25%!important;}
.companyWebsiteTable th:nth-child(4),
.companyWebsiteTable td:nth-child(4){width:10%!important;text-align:center!important;}
.companyWebsiteTable td.companyWebsiteDetailsCell{
  height:auto!important;
  min-height:74px!important;
  padding:10px 12px!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  vertical-align:top!important;
}
.companyWebsiteDetailsCell>div{
  display:grid!important;
  grid-template-columns:82px minmax(0,1fr)!important;
  align-items:start!important;
  gap:8px!important;
  margin:0 0 5px!important;
  white-space:normal!important;
}
.companyWebsiteDetailsCell>div:last-child{margin-bottom:0!important;}
.companyWebsiteDetailsCell strong{
  color:#0B1730!important;
  font-size:11.5px!important;
  font-weight:550!important;
  white-space:nowrap!important;
}
.companyWebsiteDetailsCell span{
  min-width:0!important;
  color:#0B1730!important;
  font-size:11.5px!important;
  line-height:1.35!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}


/* Company Contacts four-step flow: Information -> Website -> Employee -> Emails */
.companyContactFlowActions{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:12px;
  padding:8px 10px;
  border:1px solid #DDE5F2;
  border-radius:0;
  background:#F8FBFF;
}
.companyContactFlowActions>div{
  min-width:0;
  display:flex;
  align-items:center;
  gap:10px;
}
.companyContactFlowActions strong{
  color:#0B1730;
  font-size:12px;
  font-weight:550;
  white-space:nowrap;
}
.companyContactFlowActions span{
  min-width:0;
  color:#0B1730;
  font-size:12px;
  font-weight:400;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.companyContactFlowActions button{
  height:32px;
  min-width:110px;
  padding:0 14px;
  border:1px solid #C9D8EA;
  border-radius:0!important;
  background:#FFFFFF;
  color:#0B1730;
  font:inherit;
  font-size:12px;
  font-weight:550;
  cursor:pointer;
}
.companyContactFlowActions button:hover,
.companyContactFlowActions button:focus-visible{
  border-color:#0B69DF;
  color:#0B69DF;
  background:#F4FBFF;
  outline:none;
}
.companyContactFlowActions button:active{
  border-color:#0B69DF;
  background:#0B69DF;
  color:#FFFFFF;
}
.companyInformationDirectoryTableWrap{
  overflow:auto;
}
.companyInformationDirectoryTable{
  min-width:760px!important;
  table-layout:fixed!important;
}
.companyInformationDirectoryTable th:first-child,
.companyInformationDirectoryTable td:first-child{
  width:230px!important;
}
.companyInformationDirectoryTable th:last-child,
.companyInformationDirectoryTable td:last-child{
  width:auto!important;
}
.companyInformationDirectoryTable td{
  height:auto!important;
  min-height:44px!important;
  vertical-align:top!important;
}
.companyInformationFieldName{
  color:#0B1730!important;
  font-weight:550!important;
  white-space:normal!important;
}
.companyInformationFieldValue{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  line-height:1.45!important;
}
.companyInformationFieldValue a{
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
.companyEmployeeTable th,
.companyEmployeeTable td{
  min-width:125px;
}
.companyEmployeeTable th:first-child,
.companyEmployeeTable td:first-child{
  min-width:64px;
  width:64px;
  text-align:center;
}
.companyWebsiteDetailsCell>div{
  grid-template-columns:100px minmax(0,1fr)!important;
}
.theme-dark .companyContactFlowActions{
  background:#11172A;
  border-color:#242C49;
}
.theme-dark .companyContactFlowActions strong,
.theme-dark .companyContactFlowActions span{
  color:#FFFFFF!important;
}
.theme-dark .companyContactFlowActions button{
  background:#11172A;
  border-color:#34405A;
  color:#FFFFFF;
}
.theme-dark .companyContactFlowActions button:hover,
.theme-dark .companyContactFlowActions button:focus-visible{
  border-color:#0B69DF;
  background:#162640;
  color:#0B69DF;
}
@media(max-width:760px){
  .companyContactDirectoryTabs{grid-template-columns:1fr 1fr;}
  .companyContactFlowActions{align-items:stretch;flex-direction:column;}
  .companyContactFlowActions>div{align-items:flex-start;flex-direction:column;gap:3px;}
  .companyContactFlowActions button{width:100%;}
}

/* Company Contacts: page-wise pagination + unified API loader */
.companyContactApiLoadingBoundary{
  min-height:220px;
}
.companyContactApiLoadingBoundary>.sectionLoadingContent{
  min-height:220px;
}
.companyContactDirectoryPager{
  justify-content:space-between!important;
  gap:14px!important;
}
.companyContactPagerCount{
  margin-right:auto;
  color:#0B1730!important;
  font-size:12px!important;
  font-weight:550!important;
}
.companyContactPagerControls{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  margin-left:auto;
}
.companyContactPagerControls>span{
  min-width:74px;
  text-align:center;
}
.theme-dark .companyContactPagerCount{
  color:#FFFFFF!important;
}
@media(max-width:700px){
  .companyContactDirectoryPager{
    align-items:stretch!important;
    flex-direction:column!important;
  }
  .companyContactPagerControls{
    width:100%;
    justify-content:space-between;
    margin-left:0;
  }
}


/* Login page final cleanup — no dotted/world/network artwork. */
.loginWorldNetwork,
.loginMapArt{
  display:none !important;
}
.loginShell:before,
.loginShell:after,
.loginBrandPanel:before{
  content:none !important;
  display:none !important;
}
.loginCard .loginSubmit{
  border-radius:0!important;
}

/* Login desktop layout — 680px content + 240px center gap + 520px login card; centered so 1920px viewport has 240px left/right spacing. */
@media (min-width:1181px){
  .loginShell{
    grid-template-columns:680px 520px !important;
    column-gap:240px !important;
    justify-content:center !important;
    align-items:center !important;
    padding:0 !important;
  }
  .loginBrandPanel,
  .loginFormPanel{
    min-height:0 !important;
    height:auto !important;
    padding:0 !important;
    align-self:center !important;
  }
  .loginBrandPanel{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
  }
  .loginFormPanel{
    display:grid !important;
    place-items:center !important;
  }
  .loginBrandContent{
    width:680px !important;
    max-width:680px !important;
  }
  .loginCard{
    width:520px !important;
    max-width:520px !important;
  }
}

/* Login logo tagline centered directly beneath logo. */
.loginEyebrow{
  width:clamp(270px,25vw,405px) !important;
  justify-content:center !important;
}


/* Login hero title — exact two-line bold sharp heading. */
.loginBrandPanel h1.loginHeroTitle{
  max-width:none !important;
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
  font-family:"Source Han Sans SC",sans-serif !important;
  font-size:clamp(40px,3vw,52px) !important;
  font-weight:700 !important;
  line-height:1 !important;
  letter-spacing:-.04em !important;
}
.loginBrandPanel h1.loginHeroTitle>span{
  display:block;
  white-space:nowrap;
  font-weight:700 !important;
}
@media(max-width:620px){
  .loginBrandPanel h1.loginHeroTitle{
    font-size:clamp(25px,7vw,34px) !important;
    gap:8px !important;
  }
}


/* ==========================================================================
   HISTORY — SORT ICONS, ROW HOVER + TOP TAB HOVER (2026-08-11)
   ========================================================================== */
/* Remaining History sort controls: no filled/coloured box; icon stays white. */
#root .historyTable thead th.platformSortableHeader > .platformSortButton,
#root .historyTable thead th.platformSortableHeader > .platformHeaderInner > .platformSortButton{
  background:transparent!important;
  border-color:transparent!important;
  color:#FFFFFF!important;
  box-shadow:none!important;
}
#root .historyTable thead th.platformSortableHeader > .platformSortButton:hover,
#root .historyTable thead th.platformSortableHeader > .platformSortButton:focus-visible,
#root .historyTable thead th.platformSortableHeader > .platformSortButton.active,
#root .historyTable thead th.platformSortableHeader > .platformHeaderInner > .platformSortButton:hover,
#root .historyTable thead th.platformSortableHeader > .platformHeaderInner > .platformSortButton:focus-visible,
#root .historyTable thead th.platformSortableHeader > .platformHeaderInner > .platformSortButton.active{
  background:transparent!important;
  border-color:transparent!important;
  color:#FFFFFF!important;
  box-shadow:none!important;
}

/* History row hover changes cell background only; text colours stay unchanged. */

/* Search History / Download History selectors: use the same hover treatment as Favourite tabs. */
#root .historyTabs button::after{
  content:none!important;
  display:none!important;
}
#root .historyTabs button:hover{
  background:#EAF8FF!important;
  border-color:#93C5FD!important;
  color:#0B69DF!important;
  box-shadow:0 8px 18px rgba(31,55,90,.05)!important;
}
#root .historyTabs button.active,
#root .historyTabs button.active:hover{
  background:#0B69DF!important;
  border-color:#0B69DF!important;
  color:#FFFFFF!important;
  box-shadow:0 12px 26px rgba(11,105,223,.18)!important;
}
.theme-dark #root .historyTabs button:hover:not(.active){
  background:#151B31!important;
  border-color:#0B69DF!important;
  color:#FFFFFF!important;
}

/* ========================================================================== 
   HISTORY — WHITE SORT BORDER + ACTION TEXT HOVER UNDERLINE (2026-08-11)
   ========================================================================== */
/* Keep the History sort control transparent, with a crisp white square border. */
#root .historyTable thead th.platformSortableHeader > .platformSortButton,
#root .historyTable thead th.platformSortableHeader > .platformHeaderInner > .platformSortButton,
#root .historyTable thead th.platformSortableHeader > .platformSortButton:hover,
#root .historyTable thead th.platformSortableHeader > .platformSortButton:focus-visible,
#root .historyTable thead th.platformSortableHeader > .platformSortButton.active,
#root .historyTable thead th.platformSortableHeader > .platformHeaderInner > .platformSortButton:hover,
#root .historyTable thead th.platformSortableHeader > .platformHeaderInner > .platformSortButton:focus-visible,
#root .historyTable thead th.platformSortableHeader > .platformHeaderInner > .platformSortButton.active{
  border:1px solid #FFFFFF!important;
  background:transparent!important;
  color:#FFFFFF!important;
  box-shadow:none!important;
}

/* Search History Action remains clean by default and underlines only on hover/focus. */
#root .historySearchTable .historyActionBtn,
#root .historySearchTable .historyActionBtn .historyCellClamp{
  text-decoration:none!important;
}
#root .historySearchTable .historyActionBtn:hover .historyCellClamp,
#root .historySearchTable .historyActionBtn:focus-visible .historyCellClamp{
  text-decoration:underline!important;
  text-underline-offset:2px;
  text-decoration-thickness:1px;
}


/* ==========================================================================
   LATEST UPDATE — CATEGORY / DATA TYPE VISIBLE FILTER BOXES (2026-08-11)
   Keep Favourite-style hover, but make every option visibly boxed.
   ========================================================================== */
#root .latestFilters button{
  min-height:40px!important;
  border:1px solid #DDE5F2!important;
  background:#FFFFFF!important;
  color:#0B1730!important;
  border-radius:0!important;
  padding:0 14px!important;
  box-shadow:0 8px 18px rgba(31,55,90,.05)!important;
}
#root .latestFilters button:hover:not(.active){
  background:#EAF8FF!important;
  border-color:#93C5FD!important;
  color:#0B69DF!important;
}
#root .latestFilters button.active,
#root .latestFilters button.active:hover{
  background:#FFFFFF!important;
  border-color:#0B69DF!important;
  color:#0B69DF!important;
  box-shadow:none!important;
}
.theme-dark #root .latestFilters button{
  background:#11172A!important;
  border-color:#242C49!important;
  color:#FFFFFF!important;
}
.theme-dark #root .latestFilters button:hover:not(.active){
  background:#151B31!important;
  border-color:#0B69DF!important;
  color:#FFFFFF!important;
}
.theme-dark #root .latestFilters button.active{
  background:#0B69DF!important;
  border-color:#0B69DF!important;
  color:#FFFFFF!important;
}


/* ==========================================================================
   LATEST UPDATE — SORT BOX + DEFAULT DATE SORT + ROW/ACTION HOVER (2026-08-11)
   ========================================================================== */
/* Transparent sort controls: only the crisp white square border + white icon. */
#root .latestTable thead th.platformSortableHeader > .platformSortButton,
#root .latestTable thead th.platformSortableHeader > .platformHeaderInner > .platformSortButton,
#root .latestTable thead th.platformSortableHeader > .platformSortButton:hover,
#root .latestTable thead th.platformSortableHeader > .platformSortButton:focus-visible,
#root .latestTable thead th.platformSortableHeader > .platformSortButton.active,
#root .latestTable thead th.platformSortableHeader > .platformHeaderInner > .platformSortButton:hover,
#root .latestTable thead th.platformSortableHeader > .platformHeaderInner > .platformSortButton:focus-visible,
#root .latestTable thead th.platformSortableHeader > .platformHeaderInner > .platformSortButton.active{
  border:1px solid #FFFFFF!important;
  background:transparent!important;
  color:#FFFFFF!important;
  box-shadow:none!important;
}

/* Latest Update row hover changes cell background only; text colours stay unchanged. */

/* Action remains clean by default; underline the clickable Search text on hover/focus. */
#root .latestTable .historyActionBtn{
  text-decoration:none!important;
}
#root .latestTable .historyActionBtn:hover,
#root .latestTable .historyActionBtn:focus-visible{
  text-decoration:underline!important;
  text-underline-offset:2px!important;
  text-decoration-thickness:1px!important;
}


/* Favourite page outer white card — square corners */
#root#root .page > .panel:has(> .favouriteToolbar){
  border-radius:0!important;
}


/* ==========================================================================
   FAVOURITE TABLE — EXACT COLUMN WIDTHS + ALIGNMENT (2026-08-11)
   No. 5% | Name 20% | Content 50% | Recording Time 15% | Action 5% | Remove 5%
   ========================================================================== */
#root#root .favouriteTable .favouriteHeader,
#root#root .favouriteTable .favouriteRow{
  width:100%!important;
  box-sizing:border-box!important;
  grid-template-columns:5% 20% 50% 15% 5% 5%!important;
  column-gap:0!important;
  row-gap:0!important;
}

/* Default: every Favourite header/body column is centered. */
#root#root .favouriteTable .favouriteHeader > *,
#root#root .favouriteTable .favouriteRow > *{
  min-width:0!important;
  box-sizing:border-box!important;
  padding-left:6px!important;
  padding-right:6px!important;
  text-align:center!important;
  justify-self:stretch!important;
}

/* Name + Content are the only left-aligned columns. */
#root#root .favouriteTable .favouriteHeader > :nth-child(2),
#root#root .favouriteTable .favouriteHeader > :nth-child(3),
#root#root .favouriteTable .favouriteRow > :nth-child(2),
#root#root .favouriteTable .favouriteRow > :nth-child(3){
  text-align:left!important;
}

/* Keep Action/Remove controls visually centered inside their percentage tracks. */
#root#root .favouriteTable .favouriteRow > :nth-child(5),
#root#root .favouriteTable .favouriteRow > :nth-child(6){
  justify-self:center!important;
}


/* Preserve the existing stacked Favourite layout on smaller screens. */
@media(max-width:980px){
  #root#root .favouriteTable .favouriteRow{
    grid-template-columns:1fr!important;
    gap:7px!important;
  }
}

/* ==========================================================================
   FAVOURITE + HISTORY + LATEST UPDATE — UNIFIED 5PX CELL PADDING (2026-08-11)
   Header/body cell spacing is exactly 5px on every side.
   ========================================================================== */
/* Search History + Download History */
#root .historyTable th,
#root .historyTable td{
  padding:5px!important;
}

/* Latest Update */
#root .latestTable th,
#root .latestTable td{
  padding:5px!important;
}

/* Favourite is a CSS-grid table: remove container inset and give every
   header/body cell the same 5px inset used by native table cells above. */
#root#root .favouriteTable .favouriteHeader,
#root#root .favouriteTable .favouriteRow{
  padding:0!important;
}
#root#root .favouriteTable .favouriteHeader > *,
#root#root .favouriteTable .favouriteRow > *{
  padding:5px!important;
}


/* My Profile > Account Details: blue header, white icon/text. */
#root .profileAccountOverviewCard > .profileAccountCardHead{
  background:#0B69DF;
  border-bottom-color:#0B69DF;
}
#root .profileAccountOverviewCard > .profileAccountCardHead .profileAccountCardTitle b,
#root .profileAccountOverviewCard > .profileAccountCardHead .profileAccountCardTitle small{
  color:#FFFFFF;
}
#root .profileAccountOverviewCard > .profileAccountCardHead .profileAccountCardIcon{
  color:#0B69DF;
  background:#FFFFFF;
  border-color:#FFFFFF;
}
#root .profileAccountOverviewCard > .profileAccountCardHead .profileAccountCardIcon svg{
  color:#0B69DF;
  stroke:#0B69DF;
}


/* My Profile > Recent Login Activity card header: solid blue, white icon box, blue icon. */
#root#root .profileLoginActivityCard > .profileAccountCardHead{
  background:#0B69DF!important;
  border-bottom-color:#0B69DF!important;
}
#root#root .profileLoginActivityCard > .profileAccountCardHead .profileAccountCardTitle b,
#root#root .profileLoginActivityCard > .profileAccountCardHead .profileAccountCardTitle small{
  color:#FFFFFF!important;
}
#root#root .profileLoginActivityCard > .profileAccountCardHead .profileAccountCardIcon{
  background:#FFFFFF!important;
  border-color:#FFFFFF!important;
  color:#0B69DF!important;
}
#root#root .profileLoginActivityCard > .profileAccountCardHead .profileAccountCardIcon svg{
  color:#0B69DF!important;
  stroke:#0B69DF!important;
}


/* My Profile > Download Limits + Change Password card headers: match Recent Login Activity. */
#root#root .profileDownloadLimitsCard > .profileAccountCardHead,
#root#root .profilePasswordCard > .profileAccountCardHead{
  background:#0B69DF!important;
  border-bottom-color:#0B69DF!important;
}
#root#root .profileDownloadLimitsCard > .profileAccountCardHead .profileAccountCardTitle b,
#root#root .profileDownloadLimitsCard > .profileAccountCardHead .profileAccountCardTitle small,
#root#root .profilePasswordCard > .profileAccountCardHead .profileAccountCardTitle b,
#root#root .profilePasswordCard > .profileAccountCardHead .profileAccountCardTitle small{
  color:#FFFFFF!important;
}
#root#root .profileDownloadLimitsCard > .profileAccountCardHead .profileAccountCardIcon,
#root#root .profilePasswordCard > .profileAccountCardHead .profileAccountCardIcon{
  background:#FFFFFF!important;
  border-color:#FFFFFF!important;
  color:#0B69DF!important;
}
#root#root .profileDownloadLimitsCard > .profileAccountCardHead .profileAccountCardIcon svg,
#root#root .profilePasswordCard > .profileAccountCardHead .profileAccountCardIcon svg{
  color:#0B69DF!important;
  stroke:#0B69DF!important;
}


/* EXIMBOT GLOBAL SQUARE UI LOCK - 2026-08-12 */
/* Structural UI stays square even if an older theme rule carries a rounded !important radius.
   Loading spinners are excluded because their circular radius is part of the spinner glyph. */
#root#root :is(
  button, input, select, textarea, table, thead, tbody, tfoot, tr, th, td,
  [role="button"],
  [class*="card" i], [class*="panel" i], [class*="box" i], [class*="table" i],
  [class*="modal" i], [class*="popup" i], [class*="dialog" i], [class*="dropdown" i],
  [class*="menu" i], [class*="tab" i], [class*="chip" i], [class*="pill" i],
  [class*="badge" i], [class*="field" i], [class*="input" i], [class*="select" i],
  .advancedSearch, .results, .stat, .sideCard, .country, .region, .companySearch, .profileHero, .dateField
):not(.platformSearchSelectSpinner):not(.processingSpinner) {
  border-radius: 0 !important;
}

/* Current Search / Current Tracking strips — canonical square lock (2026-08-12) */
#root#root .currentSearchStrip,
#root#root .trackCurrentSearch,
#root#root .compactCurrentSearchStrip,
#root#root .trackCurrentSearch.currentSearchStrip.compactCurrentSearchStrip{
  border-radius:0!important;
}


/* My Profile > Recent Login Activity table alignment + sort UI (2026-08-12)
   Date, Session Login Time and Session Logout Time are centered; IP Address and Location stay left.
   Sort controls are outline-only (transparent fill). */
#root#root .profileLoginActivityTable th,
#root#root .profileLoginActivityTable td{
  text-align:left!important;
}
#root#root .profileLoginActivityTable th:nth-child(1),
#root#root .profileLoginActivityTable td:nth-child(1),
#root#root .profileLoginActivityTable th:nth-child(4),
#root#root .profileLoginActivityTable td:nth-child(4),
#root#root .profileLoginActivityTable th:nth-child(5),
#root#root .profileLoginActivityTable td:nth-child(5){
  text-align:center!important;
}
#root#root .profileLoginActivityTable th.platformSortableHeader .platformSortButton,
#root#root .profileLoginActivityTable th.platformSortableHeader .platformSortButton.active,
#root#root .profileLoginActivityTable th.platformSortableHeader .platformSortButton:hover,
#root#root .profileLoginActivityTable th.platformSortableHeader .platformSortButton:focus-visible{
  background:transparent!important;
  color:#0B69DF!important;
}

/* Company View header/action buttons — right-side actions only.
   Import/Export selector visual states are isolated in one final rule below. */
#root#root .companyOverviewPage .companyInformationQuickBox:not(:disabled),
#root#root .companyOverviewPage .companyModernHeroActions button{
  background:#FFFFFF!important;
  border-color:#0B1730!important;
  color:#0B1730!important;
  box-shadow:none!important;
}
#root#root .companyOverviewPage .companyInformationQuickBox:not(:disabled) svg,
#root#root .companyOverviewPage .companyModernHeroActions button svg{
  color:currentColor!important;
  stroke:currentColor!important;
}
#root#root .companyOverviewPage .companyInformationQuickBox:not(:disabled):hover,
#root#root .companyOverviewPage .companyModernHeroActions button:hover{
  background:#FFFFFF!important;
  border-color:#0B69DF!important;
  color:#0B69DF!important;
  box-shadow:none!important;
  transform:none!important;
}
#root#root .companyOverviewPage .companyInformationQuickBox:not(:disabled):active,
#root#root .companyOverviewPage .companyInformationQuickBox:not(:disabled):focus,
#root#root .companyOverviewPage .companyModernHeroActions button.active,
#root#root .companyOverviewPage .companyModernHeroActions button[aria-pressed="true"],
#root#root .companyOverviewPage .companyModernHeroActions button:active,
#root#root .companyOverviewPage .companyModernHeroActions button:focus{
  background:#0B69DF!important;
  border-color:#0B69DF!important;
  color:#FFFFFF!important;
  box-shadow:none!important;
  transform:none!important;
}
#root#root .companyOverviewPage .companyInformationQuickBox:not(:disabled):active svg,
#root#root .companyOverviewPage .companyInformationQuickBox:not(:disabled):focus svg,
#root#root .companyOverviewPage .companyModernHeroActions button.active svg,
#root#root .companyOverviewPage .companyModernHeroActions button[aria-pressed="true"] svg,
#root#root .companyOverviewPage .companyModernHeroActions button:active svg,
#root#root .companyOverviewPage .companyModernHeroActions button:focus svg{
  color:#FFFFFF!important;
  stroke:#FFFFFF!important;
}
#root#root .companyOverviewPage .companyHeroFavouriteAction.active svg,
#root#root .companyOverviewPage .companyHeroFavouriteAction[aria-pressed="true"] svg{
  fill:#FFFFFF!important;
}


/* Login supplier-error popup — Eximbot square theme (2026-08-12) */
.loginErrorOverlay{
  position:fixed!important;
  inset:0!important;
  z-index:99999!important;
  display:grid!important;
  place-items:center!important;
  padding:20px!important;
  background:rgba(11,23,48,.34)!important;
}
.loginErrorPopup{
  width:min(440px,calc(100vw - 40px))!important;
  background:#FFFFFF!important;
  border:1px solid #0B69DF!important;
  border-radius:0!important;
  box-shadow:0 20px 55px rgba(11,23,48,.22)!important;
  overflow:hidden!important;
}
.loginErrorPopupHead{
  min-height:48px!important;
  display:flex!important;
  align-items:center!important;
  padding:10px 16px!important;
  background:#0B69DF!important;
  color:#FFFFFF!important;
  font-size:17px!important;
  font-weight:550!important;
  line-height:1.3!important;
}
.loginErrorPopupBody{
  display:grid!important;
  gap:18px!important;
  padding:20px!important;
  background:#FFFFFF!important;
  color:#0B1730!important;
}
.loginErrorPopupBody p{
  margin:0!important;
  color:#0B1730!important;
  font-size:15px!important;
  font-weight:400!important;
  line-height:1.55!important;
  overflow-wrap:anywhere!important;
  white-space:pre-wrap!important;
}
.loginErrorOkButton{
  justify-self:end!important;
  min-width:96px!important;
  height:40px!important;
  padding:0 22px!important;
  border:1px solid #0B69DF!important;
  border-radius:0!important;
  background:#0B69DF!important;
  color:#FFFFFF!important;
  font:inherit!important;
  font-size:14px!important;
  font-weight:550!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
.loginErrorOkButton:hover,.loginErrorOkButton:focus-visible{
  background:#FFFFFF!important;
  color:#0B69DF!important;
  outline:none!important;
}

/* Temporary Data Sources raw-response inspector tab. Existing Data Sources tab remains unchanged. */
#root#root .customDataPopupTabs{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:0 18px 12px!important;
  border-bottom:1px solid #DDE5F2!important;
  background:#FFFFFF!important;
}
#root#root .customDataPopupTabs button{
  min-height:38px!important;
  padding:8px 16px!important;
  border:1px solid #DDE5F2!important;
  border-radius:0!important;
  background:#FFFFFF!important;
  color:#0B1730!important;
  font:inherit!important;
  font-weight:550!important;
  cursor:pointer!important;
}
#root#root .customDataPopupTabs button:hover{
  border-color:#0B69DF!important;
  color:#0B69DF!important;
}
#root#root .customDataPopupTabs button.active{
  border-color:#0B69DF!important;
  background:#0B69DF!important;
  color:#FFFFFF!important;
}
#root#root .customDataRawBody{
  display:grid!important;
  gap:14px!important;
}
#root#root .customDataRawControls{
  display:grid!important;
  grid-template-columns:minmax(220px,1fr) 140px auto!important;
  align-items:end!important;
  gap:12px!important;
  margin:0!important;
}
#root#root .customDataRawControls label{
  display:grid!important;
  gap:6px!important;
  color:#0B1730!important;
  font-size:12px!important;
  font-weight:550!important;
}
#root#root .customDataRawControls input{
  width:100%!important;
  min-width:0!important;
  height:42px!important;
  padding:0 12px!important;
  border:1px solid #DDE5F2!important;
  border-radius:0!important;
  background:#FFFFFF!important;
  color:#0B1730!important;
  font:inherit!important;
  outline:none!important;
}
#root#root .customDataRawControls input:focus{
  border-color:#0B69DF!important;
}
#root#root .customDataRawSearchButton{
  min-width:120px!important;
  height:42px!important;
  border-radius:0!important;
}
#root#root .customDataRawSummary{
  color:#0B1730!important;
  font-size:12px!important;
  font-weight:550!important;
}
#root#root .customDataRawError{
  margin:0!important;
  padding:10px 12px!important;
  border:1px solid #0B69DF!important;
  border-radius:0!important;
  background:#FFFFFF!important;
  color:#0B1730!important;
}
#root#root .customDataRawTableWrap{
  width:100%!important;
  max-height:52vh!important;
  overflow:auto!important;
  border:1px solid #DDE5F2!important;
  border-radius:0!important;
  background:#FFFFFF!important;
}
#root#root .customDataRawTable{
  width:max-content!important;
  min-width:100%!important;
  border-collapse:collapse!important;
  table-layout:auto!important;
  background:#FFFFFF!important;
}
#root#root .customDataRawTable th,
#root#root .customDataRawTable td{
  min-width:120px!important;
  max-width:320px!important;
  padding:7px 9px!important;
  border-right:1px solid #DDE5F2!important;
  border-bottom:1px solid #DDE5F2!important;
  border-radius:0!important;
  vertical-align:top!important;
  text-align:left!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
#root#root .customDataRawTable th{
  position:sticky!important;
  top:0!important;
  z-index:2!important;
  background:#0B69DF!important;
  color:#FFFFFF!important;
  font-weight:550!important;
}
#root#root .customDataRawTable td{
  background:#FFFFFF!important;
  color:#0B1730!important;
  font-size:12px!important;
}
#root#root .customDataRawTable th:first-child,
#root#root .customDataRawTable td:first-child{
  min-width:64px!important;
  width:64px!important;
  text-align:center!important;
}
#root#root .customDataRawActions{
  justify-content:flex-end!important;
}
@media(max-width:760px){
  #root#root .customDataRawControls{grid-template-columns:1fr!important;align-items:stretch!important}
  #root#root .customDataRawSearchButton{width:100%!important}
}

/* DATA SOURCES TEMP RAW TAB VISIBILITY FIX
   Modal now has 4 explicit rows: header, tabs, scrollable content, actions. */
#root#root .customDataModal{
  grid-template-rows:auto auto minmax(0,1fr) auto!important;
}
#root#root .customDataPopupTabs{
  min-height:48px!important;
  flex:0 0 auto!important;
  padding:7px 12px!important;
  overflow:visible!important;
  position:relative!important;
  z-index:5!important;
}
#root#root .customDataPopupTabs button{
  min-height:34px!important;
  height:34px!important;
  padding:0 16px!important;
  line-height:32px!important;
  overflow:visible!important;
  white-space:nowrap!important;
}
#root#root .customDataBody{
  min-height:0!important;
  overflow-y:auto!important;
}
#root#root .customDataRawBody{
  min-height:0!important;
  overflow:auto!important;
  align-content:start!important;
}
#root#root .customDataRawControls{
  flex:0 0 auto!important;
  position:relative!important;
  z-index:2!important;
}

/* TEMP RAW DATASOURCE ENGLISH + SELECT/SEARCH */
#root#root .customDataRawTable tr.selected td{
  color:#0B69DF!important;
}
#root#root .customDataRawActionColumn,
#root#root .customDataRawActionCell{
  min-width:132px!important;
  width:132px!important;
  text-align:center!important;
  vertical-align:middle!important;
}
#root#root .customDataRawSelectButton{
  min-width:108px!important;
  min-height:32px!important;
  padding:6px 10px!important;
  border:1px solid #0B1730!important;
  border-radius:0!important;
  background:#FFFFFF!important;
  color:#0B1730!important;
  font:inherit!important;
  font-size:11px!important;
  font-weight:550!important;
  cursor:pointer!important;
  white-space:nowrap!important;
}
#root#root .customDataRawSelectButton:hover:not(:disabled){
  border-color:#0B69DF!important;
  color:#0B69DF!important;
}
#root#root .customDataRawSelectButton.active,
#root#root .customDataRawSelectButton:disabled{
  border-color:#0B69DF!important;
  background:#0B69DF!important;
  color:#FFFFFF!important;
  opacity:1!important;
}


/* Shipment Records table: add vertical cell dividers only. */
.shipmentRecordsTableWrap > table th,
.shipmentRecordsTableWrap > table td {
  border-right: 1px solid #edf2f7 !important;
}

.shipmentRecordsTableWrap > table th:last-child,
.shipmentRecordsTableWrap > table td:last-child {
  border-right: none !important;
}


/* ================================================================
   GLOBAL TWO-WEIGHT TYPOGRAPHY SYSTEM
   Body/data/value/description text = 400
   Titles/headers/labels/controls/emphasis = 700
   No other UI font weights are used.
   ================================================================ */
:root {
  --platform-font-weight-body: 400;
  --platform-font-weight-title: 700;
}

body,
p,
small,
input,
select,
textarea,
option,
table tbody td,
table tbody td :where(span, div, a, small) {
  font-weight: 400 !important;
}

h1, h2, h3, h4, h5, h6,
h1 *, h2 *, h3 *, h4 *, h5 *, h6 *,
table thead th,
table thead th *,
label,
label *,
legend,
button,
button *,
strong,
b,
.eyebrow {
  font-weight: 550 !important;
}


/* ========================================================================
   TRADE SEARCH FIELD TYPOGRAPHY
   Field/box values and placeholders = 400
   Field titles/labels and Advanced Search trigger = 700
   Scoped to Trade Search only; all sizes, spacing, colours and logic unchanged.
   ======================================================================== */
.tradeSearch .mainSearchGrid .multiCriteriaField .criteriaInputRow input,
.tradeSearch .mainSearchGrid .multiCriteriaField .criteriaInputRow input::placeholder,
.tradeSearch .dateAdvancedRow .criteriaCountryPortalTrigger,
.tradeSearch .dateAdvancedRow .criteriaCountryPortalTrigger > span,
.tradeSearch .apiDateInputs .apiDateFieldButton,
.tradeSearch .apiDateInputs .apiDateFieldButton > span,
.tradeSearch .advancedSearch .advancedFilterItem input,
.tradeSearch .advancedSearch .advancedFilterItem input::placeholder,
.tradeSearch .advancedSearch .advancedFilterItem select,
.tradeSearch .advancedSearch .advancedFilterItem select option {
  font-weight: 400 !important;
}

.tradeSearch .mainSearchGrid .multiCriteriaField > span,
.tradeSearch .dateAdvancedRow .apiFilterControl > span,
.tradeSearch .apiDateHeader > span,
.tradeSearch .advancedSearch .advancedFilterItem,
.tradeSearch .advancedToggle,
.tradeSearch .advancedToggle > span {
  font-weight: 550 !important;
}

/* Importer/Exporter Country dropdown: trigger, search field and every option
   (including the currently selected option) stay regular 400. */
.platformSearchSelectPortal[aria-label="Select Importer Country options"] .platformSearchSelectSearch input,
.platformSearchSelectPortal[aria-label="Select Exporter Country options"] .platformSearchSelectSearch input,
.platformSearchSelectPortal[aria-label="Select Importer Country options"] .platformSearchSelectOption,
.platformSearchSelectPortal[aria-label="Select Exporter Country options"] .platformSearchSelectOption,
.platformSearchSelectPortal[aria-label="Select Importer Country options"] .platformSearchSelectOption.selected,
.platformSearchSelectPortal[aria-label="Select Exporter Country options"] .platformSearchSelectOption.selected {
  font-weight: 400 !important;
}


/* Trade Search quick date presets: regular weight only. */
.tradeSearch .apiDateHeader .apiDateQuickActions button {
  font-weight: 400 !important;
}


/* Permanent triangle sorting control. Legacy .platformSortButton is no longer generated. */
#root#root table thead th.platformSortableHeader > .platformTriangleSortButton,
#root#root table thead th.platformSortableHeader > .platformHeaderInner > .platformTriangleSortButton {
  box-sizing: border-box !important;
  position: static !important;
  inset: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  flex: 0 0 1em !important;
  width: 1em !important;
  min-width: 1em !important;
  max-width: 1em !important;
  height: 1em !important;
  min-height: 1em !important;
  max-height: 1em !important;
  margin: 0 0 0 .35em !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: inherit !important;
  line-height: 1 !important;
  vertical-align: middle !important;
  transform: none !important;
  overflow: visible !important;
  cursor: pointer !important;
}
#root#root table thead th.platformSortableHeader > .platformHeaderInner > .platformTriangleSortButton {
  margin-left: .35em !important;
}
#root#root table thead .platformTriangleSortButton:hover,
#root#root table thead .platformTriangleSortButton:focus-visible,
#root#root table thead .platformTriangleSortButton.active {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}
#root#root table thead .platformTriangleSortButton > .platformSortGlyph {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}


/* Trade Search Shipment Records only: restore solid brand-blue header with white text/sort icon. */
#root#root .theme-light .tradeSearch .shipmentRecordsTableWrap .shipmentRecordLayoutTable:not(.trackingShipmentRecordLayoutTable) thead > tr > th,
#root#root .theme-light .tradeSearch .results.panel > .shipmentRecordsTableWrap .shipmentRecordLayoutTable:not(.trackingShipmentRecordLayoutTable) thead > tr > th {
  background: #0B69DF !important;
  color: #FFFFFF !important;
  border-color: rgba(255,255,255,.42) !important;
}

#root#root .theme-light .tradeSearch .shipmentRecordsTableWrap .shipmentRecordLayoutTable:not(.trackingShipmentRecordLayoutTable) thead > tr > th :where(.platformHeaderInner,span,a,b,strong,small,div,p,label),
#root#root .theme-light .tradeSearch .results.panel > .shipmentRecordsTableWrap .shipmentRecordLayoutTable:not(.trackingShipmentRecordLayoutTable) thead > tr > th :where(.platformHeaderInner,span,a,b,strong,small,div,p,label) {
  color: #FFFFFF !important;
}

/* The permanent triangle sort icon keeps its white outline on the blue Shipment Records header.
   Inactive triangles use the same blue as the header; the active triangle remains solid white. */
#root#root .theme-light .tradeSearch .shipmentRecordsTableWrap .shipmentRecordLayoutTable:not(.trackingShipmentRecordLayoutTable) thead .platformTriangleSortButton .platformSortTriangle,
#root#root .theme-light .tradeSearch .results.panel > .shipmentRecordsTableWrap .shipmentRecordLayoutTable:not(.trackingShipmentRecordLayoutTable) thead .platformTriangleSortButton .platformSortTriangle {
  stroke: #FFFFFF !important;
}


/* Platform-wide result-count typography: keep all counts shown under section/table titles at body weight. */
.tradeSearch .resultSummary > .resultLine > h3,
.trackingPage .trackByHead > div:first-child > h3,
.trackingPage .trackingRecordsPanel > .panelHead > .trackingRecordsHeading > h3,
.trackingPage .trackingRecordsPanel > .trackingRecordsPanelHead > .trackingRecordsHeading > h3,
.tradeTrendRecordsHeader p,
.tradeTrendRecordsHeadingBlock p,
.companyRecordsHeading p,
.companyRecordsHeaderGrid > .companyRecordsHeading p,
.analysisViewResultCount,
.companyResultCount {
  font-weight: 400 !important;
}

/* Trade Search > Shipment Records: exact reference row hover.
   Only the hovered cells change background to #F5F7FA; text, links, icons and borders keep their normal colours/states. */
#root#root .theme-light .tradeSearch .shipmentRecordsTableWrap .shipmentRecordLayoutTable:not(.trackingShipmentRecordLayoutTable) tbody > tr:hover > td,
#root#root .theme-light .tradeSearch .results.panel > .shipmentRecordsTableWrap .shipmentRecordLayoutTable:not(.trackingShipmentRecordLayoutTable) tbody > tr:hover > td {
  background: #F5F7FA !important;
}

/* PLATFORM-WIDE TABLE PAGINATION HORIZONTAL ALIGNMENT
   Keep pagination controls on the exact same left/right line as the table. */
.searchPagination {
  padding-left: 0 !important;
  padding-right: 0 !important;
}



/* FINAL LIGHT-THEME TABLE ROW HOVER — TradeInt reference
   Applies to every table: cell background only. No row-hover text/icon recolouring. */
#root#root .theme-light table tbody > tr:hover > td {
  background:#F5F7FA !important;
}

/* FINAL workspace tab states: white default, blue hover, solid blue active. */
#root .topAppStrip .workspaceTabs button,
#root .theme-dark .topAppStrip .workspaceTabs button {
  background: #FFFFFF !important;
  border: 1px solid #DDE5F2 !important;
  color: #0B1730 !important;
  box-shadow: none !important;
}

#root .topAppStrip .workspaceTabs button span,
#root .topAppStrip .workspaceTabs button i,
#root .topAppStrip .workspaceTabs button i svg,
#root .theme-dark .topAppStrip .workspaceTabs button span,
#root .theme-dark .topAppStrip .workspaceTabs button i,
#root .theme-dark .topAppStrip .workspaceTabs button i svg {
  color: inherit !important;
  stroke: currentColor !important;
}

#root .topAppStrip .workspaceTabs button:not(.active):hover,
#root .topAppStrip .workspaceTabs button:not(.active):focus-visible,
#root .theme-dark .topAppStrip .workspaceTabs button:not(.active):hover,
#root .theme-dark .topAppStrip .workspaceTabs button:not(.active):focus-visible {
  background: #FFFFFF !important;
  border-color: #0B69DF !important;
  color: #0B69DF !important;
  box-shadow: none !important;
}

#root .topAppStrip .workspaceTabs button.active,
#root .theme-dark .topAppStrip .workspaceTabs button.active {
  background: #0B69DF !important;
  border-color: #0B69DF !important;
  color: #FFFFFF !important;
  box-shadow: none !important;
}

#root .topAppStrip .workspaceTabs button.active span,
#root .topAppStrip .workspaceTabs button.active i,
#root .topAppStrip .workspaceTabs button.active i svg,
#root .theme-dark .topAppStrip .workspaceTabs button.active span,
#root .theme-dark .topAppStrip .workspaceTabs button.active i,
#root .theme-dark .topAppStrip .workspaceTabs button.active i svg {
  color: #FFFFFF !important;
  stroke: currentColor !important;
}


/* ======================================================================
   TRADE SEARCH CONTROL HOVER PARITY WITH WORKSPACE TABS
   ----------------------------------------------------------------------
   Requested behavior: deselected Data Direction buttons, Clear and
   Advanced Search use the same white + blue-border + blue-text hover
   state as inactive Trade Search / Company View workspace tabs.
   Active/selected states remain unchanged.
   ====================================================================== */
#root .tradeSearch .databaseModeSwitch button {
  border: 1px solid transparent !important;
}

#root .tradeSearch .databaseModeSwitch button:not(.active):not(:disabled):hover,
#root .tradeSearch .databaseModeSwitch button:not(.active):not(:disabled):focus-visible,
#root .tradeSearch .clearSearchButton:not(:disabled):hover,
#root .tradeSearch .clearSearchButton:not(:disabled):focus-visible,
#root .tradeSearch .advancedToggle:not(.active):not(:disabled):hover,
#root .tradeSearch .advancedToggle:not(.active):not(:disabled):focus-visible {
  background: #FFFFFF !important;
  border-color: #0B69DF !important;
  color: #0B69DF !important;
  box-shadow: none !important;
}

#root .tradeSearch .databaseModeSwitch button.active {
  border-color: #0B69DF !important;
}

/* FINAL Trade Search Search button: exact workspace hover/brand blue as a solid fill. */
#root .tradeSearch .searchButton,
#root .theme-light .tradeSearch .searchButton {
  background: #0B69DF !important;
  background-image: none !important;
  border: 1px solid #0B69DF !important;
  color: #FFFFFF !important;
  box-shadow: none !important;
}
/* Company Information popup: paged 10-row view with its own vertical scrollbar. */
#root#root .companyContactPopupModal .companyInformationPagedContent{
  flex:1 1 auto;
  min-height:0;
  display:flex;
  flex-direction:column;
  width:100%;
  max-width:100%;
  overflow:hidden;
  background:#FFFFFF;
}
#root#root .companyContactPopupModal .companyInformationPagedContent > .companyInformationTableScrollable{
  flex:1 1 auto;
  min-height:0!important;
  height:clamp(280px,55dvh,500px)!important;
  max-height:clamp(280px,55dvh,500px)!important;
  overflow-x:auto!important;
  overflow-y:scroll!important;
  scrollbar-gutter:stable!important;
  scrollbar-width:auto!important;
  scrollbar-color:#0B69DF #EDF4FA!important;
  padding:14px 14px 8px!important;
}
#root#root .companyContactPopupModal .companyInformationPagedContent > .searchPagination{
  flex:0 0 auto;
  width:auto;
  margin:0;
  padding:12px 14px 14px!important;
  border-top:1px solid #DDE5F2;
  background:#FFFFFF;
}
#root#root .companyContactPopupModal .companyInformationTableScrollable .companyInformationTable th{
  position:sticky!important;
  top:0!important;
  z-index:4!important;
}
.theme-dark #root#root .companyContactPopupModal .companyInformationPagedContent,
.theme-dark #root#root .companyContactPopupModal .companyInformationPagedContent > .searchPagination{
  background:#0F1325;
}
.theme-dark #root#root .companyContactPopupModal .companyInformationPagedContent > .searchPagination{
  border-top-color:#242C49;
}
@media(max-width:760px){
  #root#root .companyContactPopupModal .companyInformationPagedContent > .companyInformationTableScrollable{
    max-height:calc(100dvh - 300px)!important;
    padding:10px 10px 6px!important;
  }
  #root#root .companyContactPopupModal .companyInformationPagedContent > .searchPagination{
    padding:10px!important;
  }
}

/* Company Information popup: visible scrollbar styling. */
#root#root .companyContactPopupModal .companyInformationPagedContent > .companyInformationTableScrollable::-webkit-scrollbar{
  width:12px!important;
  height:12px!important;
}
#root#root .companyContactPopupModal .companyInformationPagedContent > .companyInformationTableScrollable::-webkit-scrollbar-track{
  background:#EDF4FA!important;
  border-left:1px solid #DDE5F2!important;
  border-radius:0!important;
}
#root#root .companyContactPopupModal .companyInformationPagedContent > .companyInformationTableScrollable::-webkit-scrollbar-thumb{
  background:#0B69DF!important;
  border:2px solid #EDF4FA!important;
  border-radius:0!important;
  min-height:42px!important;
}
#root#root .companyContactPopupModal .companyInformationPagedContent > .companyInformationTableScrollable::-webkit-scrollbar-thumb:hover{
  background:#0B69DF!important;
}
.theme-dark #root#root .companyContactPopupModal .companyInformationPagedContent > .companyInformationTableScrollable{
  scrollbar-color:#0B69DF #151B31!important;
}
.theme-dark #root#root .companyContactPopupModal .companyInformationPagedContent > .companyInformationTableScrollable::-webkit-scrollbar-track{
  background:#151B31!important;
  border-left-color:#242C49!important;
}
.theme-dark #root#root .companyContactPopupModal .companyInformationPagedContent > .companyInformationTableScrollable::-webkit-scrollbar-thumb{
  background:#0B69DF!important;
  border-color:#151B31!important;
}
@media(max-width:760px){
  #root#root .companyContactPopupModal .companyInformationPagedContent > .companyInformationTableScrollable{
    height:clamp(240px,52dvh,420px)!important;
    max-height:clamp(240px,52dvh,420px)!important;
  }
}

/* ========================================================================== 
   FINAL REQUESTED TABLE WRAP FIX — max 10 lines.
   Keep at the absolute end: it intentionally overrides the later copy-icon
   inline rules that otherwise set max-width:none and overflow:visible.
   ========================================================================== */
:root{--eximbot-table-wrap-lines:10;--eximbot-table-wrap-line-height:1.35}
#root#root :is(.tradeSearch .shipmentRecordLayoutTable,.tradeSearch .partyTable,.tradeSearch .tradeInsightsSummaryTable,.trackingPage .trackByTradeInsightsTable,.trackingPage .trackingShipmentRecordLayoutTable,.companyOverviewPage table) tbody tr{height:auto!important;min-height:0!important;max-height:none!important}
#root#root :is(.tradeSearch .shipmentRecordLayoutTable,.tradeSearch .partyTable,.tradeSearch .tradeInsightsSummaryTable,.trackingPage .trackByTradeInsightsTable,.trackingPage .trackingShipmentRecordLayoutTable,.companyOverviewPage table) tbody td{box-sizing:border-box!important;height:auto!important;min-height:0!important;max-height:none!important;vertical-align:top!important;white-space:normal!important;overflow:hidden!important;text-overflow:clip!important;overflow-wrap:anywhere!important;word-break:break-word!important;line-height:var(--eximbot-table-wrap-line-height)!important}
#root#root :is(.tradeSearch .shipmentRecordLayoutTable,.tradeSearch .partyTable,.tradeSearch .tradeInsightsSummaryTable,.trackingPage .trackByTradeInsightsTable,.trackingPage .trackingShipmentRecordLayoutTable,.companyOverviewPage table) :is(.recordCompanyNameLine,.shipmentPartyNameInline,.companyViewNameInlineCopy,.trackCompanyNameInlineCopy,.statsNameTopLine.partyCompanyNameInline,.tradeInsightNameInline,.trackByNameCopyFlow,.nameWithCopy,.supplyNameCopyRow,.summaryRowPrimaryCell){box-sizing:border-box!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;column-gap:5px!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;max-height:none!important;margin:0!important;padding:0!important;white-space:normal!important;overflow:visible!important;line-height:inherit!important}
#root#root :is(.tradeSearch .shipmentRecordLayoutTable,.tradeSearch .partyTable,.tradeSearch .tradeInsightsSummaryTable,.trackingPage .trackByTradeInsightsTable,.trackingPage .trackingShipmentRecordLayoutTable,.companyOverviewPage table) :is(.recordCellClamp,.analysisCellClamp,.partyCompanyNameText,.tradeInsightNameText,.trackCompanyNameText,.copyTextName,.plainNameCell,.supplyNameCopyText,.trackByRecordValueBtn){box-sizing:border-box!important;position:static!important;float:none!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:var(--eximbot-table-wrap-lines)!important;line-clamp:var(--eximbot-table-wrap-lines)!important;flex:1 1 auto!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;max-height:calc(var(--eximbot-table-wrap-lines)*1em*var(--eximbot-table-wrap-line-height))!important;margin:0!important;padding:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important;line-height:var(--eximbot-table-wrap-line-height)!important;vertical-align:top!important}
/* Canonical Tracking Records date alignment: same high-specificity layer as the
   platform header/wrap system, so no later generic alignment can undo it. */
#root#root .trackingPage .trackingShipmentRecordLayoutTable thead th[data-column-key="date"],
#root#root .trackingPage .trackingShipmentRecordLayoutTable tbody td[data-column-key="date"]{
  text-align:center!important;
  text-align-last:center!important;
}
#root#root .trackingPage .trackingShipmentRecordLayoutTable thead th[data-column-key="date"]>.platformHeaderInner{
  justify-content:center!important;
  text-align:center!important;
}
#root#root .trackingPage .trackingShipmentRecordLayoutTable tbody td[data-column-key="date"]>.recordCellClamp{
  text-align:center!important;
  text-align-last:center!important;
}

#root#root .trackingPage .trackByTradeInsightsTable .trackByNameCopyFlow>.trackByRecordValueBtn>.tradeInsightNameText{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:var(--eximbot-table-wrap-lines)!important;line-clamp:var(--eximbot-table-wrap-lines)!important;width:100%!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important}
#root#root .tradeSearch .partyTable .partyRecordCompanyCell{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-content:start!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;overflow:hidden!important}
#root#root .tradeSearch .partyTable .partyRecordActions{width:100%!important;min-width:0!important;max-width:100%!important}
#root#root :is(.tradeSearch .shipmentRecordLayoutTable,.tradeSearch .partyTable,.tradeSearch .tradeInsightsSummaryTable,.trackingPage .trackByTradeInsightsTable,.trackingPage .trackingShipmentRecordLayoutTable,.companyOverviewPage table) :is(.emptyCell,.tableInlineStatus,.apiInlineStatus,.apiInlineError){display:block!important;max-height:none!important;overflow:visible!important;-webkit-line-clamp:unset!important;line-clamp:unset!important;white-space:normal!important}


/* TradeInt reference — global table header colour only (2026-08-19). */
.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:#F5F7FA!important;
  color:#414F5F!important;
  border-color:#EBEEF5!important;
  box-shadow:none!important;
}

/* FINAL GLOBAL SORT ICON — TRADEINT STYLE, FILL ONLY, NO BORDER, NO HOVER — 2026-08-19
   Unselected triangles use the reference light grey (#D3D9DD). The selected
   asc/desc triangle uses the unified platform blue (#0B69DF). There is no
   triangle outline/stroke and hover/focus never recolours the icon. */
#root#root .theme-light table thead .platformTriangleSortButton .platformSortTriangle,
#root#root .theme-light table thead .platformTriangleSortButton:hover .platformSortTriangle,
#root#root .theme-light table thead .platformTriangleSortButton:focus-visible .platformSortTriangle {
  fill:#D3D9DD !important;
  stroke:none !important;
  stroke-width:0 !important;
}
#root#root .theme-light table thead .platformTriangleSortButton .platformSortGlyph[data-direction="asc"] .platformSortTriangleTop,
#root#root .theme-light table thead .platformTriangleSortButton:hover .platformSortGlyph[data-direction="asc"] .platformSortTriangleTop,
#root#root .theme-light table thead .platformTriangleSortButton:focus-visible .platformSortGlyph[data-direction="asc"] .platformSortTriangleTop,
#root#root .theme-light table thead .platformTriangleSortButton .platformSortGlyph[data-direction="desc"] .platformSortTriangleBottom,
#root#root .theme-light table thead .platformTriangleSortButton:hover .platformSortGlyph[data-direction="desc"] .platformSortTriangleBottom,
#root#root .theme-light table thead .platformTriangleSortButton:focus-visible .platformSortGlyph[data-direction="desc"] .platformSortTriangleBottom {
  fill:#0B69DF !important;
  stroke:none !important;
  stroke-width:0 !important;
}
#root#root table thead .platformTriangleSortButton,
#root#root table thead .platformTriangleSortButton:hover,
#root#root table thead .platformTriangleSortButton:focus-visible,
#root#root table thead .platformTriangleSortButton.active {
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  transform:none !important;
  filter:none !important;
  outline:none !important;
}


/* DATA DIRECTION MOVED INTO DATA SOURCES POPUP */
#root#root .customDataPopupTabs .customDataDirectionControl{
  margin-left:auto!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
}
#root#root .customDataPopupTabs .customDataDirectionControl>span{
  color:#414F5F!important;
  font-size:13px!important;
  font-weight:550!important;
  white-space:nowrap!important;
}
#root#root .customDataPopupTabs .customDataDirectionControl .databaseModeSwitch{
  display:flex!important;
  align-items:center!important;
  gap:0!important;
}
#root#root .customDataPopupTabs .customDataDirectionControl .databaseModeSwitch button{
  min-width:58px!important;
  height:34px!important;
  min-height:34px!important;
  padding:0 12px!important;
  line-height:32px!important;
  border:1px solid #DDE5F2!important;
  background:#FFFFFF!important;
  color:#414F5F!important;
  box-shadow:none!important;
}
#root#root .customDataPopupTabs .customDataDirectionControl .databaseModeSwitch button+button{
  border-left:0!important;
}
#root#root .customDataPopupTabs .customDataDirectionControl .databaseModeSwitch button.active{
  border-color:#0B69DF!important;
  background:#0B69DF!important;
  color:#FFFFFF!important;
}
#root#root .customDataPopupTabs .customDataDirectionControl .databaseModeSwitch button.active+button{
  border-left:0!important;
}
@media(max-width:760px){
  #root#root .customDataPopupTabs{flex-wrap:wrap!important;}
  #root#root .customDataPopupTabs .customDataDirectionControl{margin-left:0!important;width:100%!important;}
}

/* LEFT SIDEBAR — SINGLE SOURCE OF TRUTH
   Normal: white/borderless + navy text/icon
   Hover (unselected): borderless grey + navy text/icon
   Selected: full borderless grey box + blue text/icon
*/
#root .theme-light .topAppStrip + .bodyShell > .sidebar nav button {
  border:0 !important;
  border-radius:0 !important;
  background:#FFFFFF !important;
  color:#02152B !important;
  font-weight:400 !important;
  box-shadow:none !important;
  transform:none !important;
}
#root .theme-light .topAppStrip + .bodyShell > .sidebar nav button svg {
  color:#02152B !important;
  stroke:#02152B !important;
}

#root .theme-light .topAppStrip + .bodyShell > .sidebar nav button:not(.active):hover,
#root .theme-light .topAppStrip + .bodyShell > .sidebar nav button:not(.active):focus-visible {
  border:0 !important;
  background:#F5F7FA !important;
  color:#02152B !important;
  box-shadow:none !important;
  transform:none !important;
}
#root .theme-light .topAppStrip + .bodyShell > .sidebar nav button:not(.active):hover svg,
#root .theme-light .topAppStrip + .bodyShell > .sidebar nav button:not(.active):focus-visible svg {
  color:#02152B !important;
  stroke:#02152B !important;
}

#root .theme-light .topAppStrip + .bodyShell > .sidebar nav button.active,
#root .theme-light .topAppStrip + .bodyShell > .sidebar nav button.active:hover,
#root .theme-light .topAppStrip + .bodyShell > .sidebar nav button.active:focus-visible {
  border:0 !important;
  background:#F5F7FA !important;
  color:#0B69DF !important;
  font-weight:550 !important;
  box-shadow:none !important;
  transform:none !important;
}
#root .theme-light .topAppStrip + .bodyShell > .sidebar nav button.active svg,
#root .theme-light .topAppStrip + .bodyShell > .sidebar nav button.active:hover svg,
#root .theme-light .topAppStrip + .bodyShell > .sidebar nav button.active:focus-visible svg {
  color:#0B69DF !important;
  stroke:#0B69DF !important;
}

/* Trade Search primary action — match the light-blue Sources control.
   Keep geometry/logic unchanged; processing state has no spinner icon. */
#root .theme-light .tradeSearch .searchActionWithChips .searchButton,
#root .theme-light .tradeSearch .advancedSearchAction .searchButton {
  background:#E7F0FB !important;
  border:1px solid #CACFD6 !important;
  color:#0B69DF !important;
  box-shadow:none !important;
}
#root .theme-light .tradeSearch .searchActionWithChips .searchButton:hover,
#root .theme-light .tradeSearch .searchActionWithChips .searchButton:focus-visible,
#root .theme-light .tradeSearch .advancedSearchAction .searchButton:hover,
#root .theme-light .tradeSearch .advancedSearchAction .searchButton:focus-visible {
  background:#E7F0FB !important;
  border-color:#CACFD6 !important;
  color:#0B69DF !important;
  box-shadow:none !important;
  transform:none !important;
}
#root .theme-light .tradeSearch .searchButton svg {
  color:#0B69DF !important;
  stroke:#0B69DF !important;
}


/* ======================================================================
   FINAL Trade Search > Advanced Search trigger states
   Hover: border only blue; keep white background and normal text/icon.
   Selected/open: white background + blue border + blue text/icon.
   ====================================================================== */
#root .theme-light .tradeSearch .advancedToggle:not(.active):not(:disabled):hover,
#root .theme-light .tradeSearch .advancedToggle:not(.active):not(:disabled):focus-visible {
  background:#FFFFFF !important;
  background-image:none !important;
  border-color:#0B69DF !important;
  color:#414F5F !important;
  box-shadow:none !important;
  filter:none !important;
}
#root .theme-light .tradeSearch .advancedToggle:not(.active):not(:disabled):hover svg,
#root .theme-light .tradeSearch .advancedToggle:not(.active):not(:disabled):focus-visible svg {
  color:#414F5F !important;
  stroke:currentColor !important;
}

#root .theme-light .tradeSearch .advancedToggle.active,
#root .theme-light .tradeSearch .advancedToggle[aria-expanded="true"] {
  background:#FFFFFF !important;
  background-image:none !important;
  border:1px solid #0B69DF !important;
  color:#0B69DF !important;
  box-shadow:none !important;
  filter:none !important;
}
#root .theme-light .tradeSearch .advancedToggle.active > span,
#root .theme-light .tradeSearch .advancedToggle.active svg,
#root .theme-light .tradeSearch .advancedToggle[aria-expanded="true"] > span,
#root .theme-light .tradeSearch .advancedToggle[aria-expanded="true"] svg {
  color:#0B69DF !important;
  stroke:currentColor !important;
}
#root .theme-light .tradeSearch .advancedToggle.active:hover,
#root .theme-light .tradeSearch .advancedToggle.active:focus-visible,
#root .theme-light .tradeSearch .advancedToggle[aria-expanded="true"]:hover,
#root .theme-light .tradeSearch .advancedToggle[aria-expanded="true"]:focus-visible {
  background:#FFFFFF !important;
  border-color:#0B69DF !important;
  color:#0B69DF !important;
  box-shadow:none !important;
}

/* ========================================================================
   FINAL ADD-TO-FAVOURITE + DOWNLOAD ACTION STATES
   Hover: border only blue. Active/clicked: border + text/icon blue.
   Keep background white; no hover fill, shadow, or movement.
   ======================================================================== */
#root .theme-light .resultActions .favouriteActionButton,
#root .theme-light .resultActions .downloadAction,
#root .theme-light .trackingPage .trackByFavouriteButton,
#root .theme-light .trackingPage .trackByHeadActions .downloadAction,
#root .theme-light .trackingPage .trackingRecordsHeadActions .downloadAction {
  background: #FFFFFF !important;
  border-color: #CACFD6 !important;
  color: #414F5F !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  transition: border-color .16s ease !important;
}

/* Hover on an unselected action: ONLY the box border becomes blue. */
#root .theme-light .resultActions .favouriteActionButton:not(.active):hover,
#root .theme-light .resultActions .downloadAction:not(:disabled):hover,
#root .theme-light .trackingPage .trackByFavouriteButton:not(.active):hover,
#root .theme-light .trackingPage .trackByHeadActions .downloadAction:not(:disabled):hover,
#root .theme-light .trackingPage .trackingRecordsHeadActions .downloadAction:not(:disabled):hover {
  background: #FFFFFF !important;
  border-color: #0B69DF !important;
  color: #414F5F !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

/* Persisted selected Favourite: box + text/icon blue. */
#root .theme-light .resultActions .favouriteActionButton.active,
#root .theme-light .resultActions .favouriteActionButton.active:hover,
#root .theme-light .trackingPage .trackByFavouriteButton.active,
#root .theme-light .trackingPage .trackByFavouriteButton.active:hover {
  background: #FFFFFF !important;
  border-color: #0B69DF !important;
  color: #0B69DF !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

/* Download has no persisted selected state; while clicked/pressed, box + text/icon blue. */
#root .theme-light .resultActions .downloadAction:not(:disabled):active,
#root .theme-light .trackingPage .trackByHeadActions .downloadAction:not(:disabled):active,
#root .theme-light .trackingPage .trackingRecordsHeadActions .downloadAction:not(:disabled):active {
  background: #FFFFFF !important;
  border-color: #0B69DF !important;
  color: #0B69DF !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

#root .theme-light .resultActions .favouriteActionButton svg,
#root .theme-light .resultActions .downloadAction svg,
#root .theme-light .trackingPage .trackByFavouriteButton svg,
#root .theme-light .trackingPage .trackByHeadActions .downloadAction svg,
#root .theme-light .trackingPage .trackingRecordsHeadActions .downloadAction svg {
  color: currentColor !important;
  stroke: currentColor !important;
}

/* GLOBAL DROPDOWN COLOUR STANDARD — 2026-08-19
   Hover/focus option: #F5F7FA background + #414F5F text.
   Selected option: #F5F7FA background + unified blue #0B69DF text/checkmark.
   Keep dropdown geometry/logic unchanged. */
.theme-light .platformSearchSelectOption:hover,
.theme-light .platformSearchSelectOption:focus-visible,
.theme-light .calendarSelectPortalMenuLight .platformSearchSelectOption:hover,
.theme-light .calendarSelectPortalMenuLight .platformSearchSelectOption:focus-visible,
.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,
.theme-light [role="listbox"] [role="option"]:hover,
.theme-light [role="listbox"] [role="option"]:focus-visible {
  background:#F5F7FA !important;
  color:#414F5F !important;
}

.theme-light .platformSearchSelectOption.selected,
.theme-light .calendarSelectPortalMenuLight .platformSearchSelectOption.selected,
.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,
.theme-light [role="listbox"] [role="option"][aria-selected="true"] {
  background:#F5F7FA !important;
  color:#0B69DF !important;
}
.theme-light .platformSearchSelectOption.selected > svg,
.theme-light .calendarSelectPortalMenuLight .platformSearchSelectOption.selected > svg,
.theme-light .criteriaSuggestList button.selected svg,
.theme-light .trackGroupMenu button.selected svg,
.theme-light .calendarSelectMenu button.selected svg,
.theme-light .customDropdownMenu button.selected svg,
.theme-light .countryDropdown button.selected svg,
.theme-light .dropdownMenu button.selected svg,
.theme-light [role="listbox"] [role="option"][aria-selected="true"] svg {
  color:#0B69DF !important;
  stroke:#0B69DF !important;
}

/* Native select controls: keep platform blue accent and style selected options where supported. */
.theme-light select { accent-color:#0B69DF; }
.theme-light select option:checked {
  background:#F5F7FA !important;
  color:#0B69DF !important;
}


/* FINAL Trade Search Search + Clear button interaction states
   Normal: white + grey border + navy text/icon
   Hover/focus: white + blue border + blue text/icon
   Active press: solid blue + white text/icon (momentary blink) */
#root .theme-light .tradeSearch .searchActionWithChips .searchButton,
#root .theme-light .tradeSearch .advancedSearchAction .searchButton,
#root .theme-light .tradeSearch .searchActionWithChips .clearSearchButton,
#root .theme-light .tradeSearch .advancedSearchAction .clearSearchButton {
  background:#FFFFFF !important;
  background-image:none !important;
  border:1px solid #CACFD6 !important;
  color:#02152B !important;
  box-shadow:none !important;
  transform:none !important;
}
#root .theme-light .tradeSearch .searchActionWithChips .searchButton svg,
#root .theme-light .tradeSearch .advancedSearchAction .searchButton svg,
#root .theme-light .tradeSearch .searchActionWithChips .clearSearchButton svg,
#root .theme-light .tradeSearch .advancedSearchAction .clearSearchButton svg {
  color:#02152B !important;
  stroke:#02152B !important;
}
#root .theme-light .tradeSearch .searchActionWithChips .searchButton:not(:disabled):hover,
#root .theme-light .tradeSearch .searchActionWithChips .searchButton:not(:disabled):focus-visible,
#root .theme-light .tradeSearch .advancedSearchAction .searchButton:not(:disabled):hover,
#root .theme-light .tradeSearch .advancedSearchAction .searchButton:not(:disabled):focus-visible,
#root .theme-light .tradeSearch .searchActionWithChips .clearSearchButton:not(:disabled):hover,
#root .theme-light .tradeSearch .searchActionWithChips .clearSearchButton:not(:disabled):focus-visible,
#root .theme-light .tradeSearch .advancedSearchAction .clearSearchButton:not(:disabled):hover,
#root .theme-light .tradeSearch .advancedSearchAction .clearSearchButton:not(:disabled):focus-visible {
  background:#FFFFFF !important;
  border-color:#0B69DF !important;
  color:#0B69DF !important;
  box-shadow:none !important;
  transform:none !important;
}
#root .theme-light .tradeSearch .searchActionWithChips .searchButton:not(:disabled):hover svg,
#root .theme-light .tradeSearch .searchActionWithChips .searchButton:not(:disabled):focus-visible svg,
#root .theme-light .tradeSearch .advancedSearchAction .searchButton:not(:disabled):hover svg,
#root .theme-light .tradeSearch .advancedSearchAction .searchButton:not(:disabled):focus-visible svg,
#root .theme-light .tradeSearch .searchActionWithChips .clearSearchButton:not(:disabled):hover svg,
#root .theme-light .tradeSearch .searchActionWithChips .clearSearchButton:not(:disabled):focus-visible svg,
#root .theme-light .tradeSearch .advancedSearchAction .clearSearchButton:not(:disabled):hover svg,
#root .theme-light .tradeSearch .advancedSearchAction .clearSearchButton:not(:disabled):focus-visible svg {
  color:#0B69DF !important;
  stroke:#0B69DF !important;
}
#root .theme-light .tradeSearch .searchActionWithChips .searchButton:not(:disabled):active,
#root .theme-light .tradeSearch .advancedSearchAction .searchButton:not(:disabled):active,
#root .theme-light .tradeSearch .searchActionWithChips .clearSearchButton:not(:disabled):active,
#root .theme-light .tradeSearch .advancedSearchAction .clearSearchButton:not(:disabled):active {
  background:#0B69DF !important;
  background-image:none !important;
  border-color:#0B69DF !important;
  color:#FFFFFF !important;
  box-shadow:none !important;
  transform:none !important;
}
#root .theme-light .tradeSearch .searchActionWithChips .searchButton:not(:disabled):active svg,
#root .theme-light .tradeSearch .advancedSearchAction .searchButton:not(:disabled):active svg,
#root .theme-light .tradeSearch .searchActionWithChips .clearSearchButton:not(:disabled):active svg,
#root .theme-light .tradeSearch .advancedSearchAction .clearSearchButton:not(:disabled):active svg {
  color:#FFFFFF !important;
  stroke:#FFFFFF !important;
}

/* ======================================================================
   FINAL GLOBAL ACTION BOX STATES — Profile / Favourite / Company View / Track
   Normal: white + grey border + navy icon/text
   Hover: white + blue border + blue icon/text
   Press: solid blue + white icon/text (momentary :active blink)
   Saved favourite: white + blue border/icon so saved state stays visible.
   ====================================================================== */
#root :is(
  .serialProfileBtn,
  .favIconBtn,
  .customDataFavouriteButton,
  .trackingPage .trackByFavouriteButton,
  .statsIconBtn,
  .recordCountryTrackBtn,
  .tradeInsightInlineTrack,
  button[title="Company View"],
  button[title="Track"],
  button[title^="Track "]
){
  background:#FFFFFF!important;
  border:1px solid #CACFD6!important;
  color:#02152B!important;
  box-shadow:none!important;
  transform:none!important;
  border-radius:0!important;
  cursor:pointer!important;
  transition:border-color .14s ease,color .14s ease,background-color .08s ease!important;
}

#root :is(
  .serialProfileBtn,
  .favIconBtn,
  .customDataFavouriteButton,
  .trackingPage .trackByFavouriteButton,
  .statsIconBtn,
  .recordCountryTrackBtn,
  .tradeInsightInlineTrack,
  button[title="Company View"],
  button[title="Track"],
  button[title^="Track "]
) :is(svg,path,line,polyline,polygon,circle,rect){
  color:currentColor!important;
  stroke:currentColor!important;
}

#root :is(
  .serialProfileBtn,
  .favIconBtn,
  .customDataFavouriteButton,
  .trackingPage .trackByFavouriteButton,
  .statsIconBtn,
  .recordCountryTrackBtn,
  .tradeInsightInlineTrack,
  button[title="Company View"],
  button[title="Track"],
  button[title^="Track "]
):hover,
#root :is(
  .serialProfileBtn,
  .favIconBtn,
  .customDataFavouriteButton,
  .trackingPage .trackByFavouriteButton,
  .statsIconBtn,
  .recordCountryTrackBtn,
  .tradeInsightInlineTrack,
  button[title="Company View"],
  button[title="Track"],
  button[title^="Track "]
):focus-visible{
  background:#FFFFFF!important;
  border-color:#0B69DF!important;
  color:#0B69DF!important;
  box-shadow:none!important;
  transform:none!important;
  outline:none!important;
}

#root :is(
  .serialProfileBtn,
  .favIconBtn,
  .customDataFavouriteButton,
  .trackingPage .trackByFavouriteButton,
  .statsIconBtn,
  .recordCountryTrackBtn,
  .tradeInsightInlineTrack,
  button[title="Company View"],
  button[title="Track"],
  button[title^="Track "]
):active{
  background:#0B69DF!important;
  border-color:#0B69DF!important;
  color:#FFFFFF!important;
  box-shadow:none!important;
  transform:none!important;
}

#root :is(
  .serialProfileBtn,
  .favIconBtn,
  .customDataFavouriteButton,
  .trackingPage .trackByFavouriteButton,
  .statsIconBtn,
  .recordCountryTrackBtn,
  .tradeInsightInlineTrack,
  button[title="Company View"],
  button[title="Track"],
  button[title^="Track "]
):active :is(svg,path,line,polyline,polygon,circle,rect){
  color:#FFFFFF!important;
  stroke:#FFFFFF!important;
}

/* Saved/selected favourite: solid unified blue + white icon/text. */
#root :is(
  .favIconBtn.active,
  .favIconBtn.selected,
  .favIconBtn[aria-pressed="true"],
  .customDataFavouriteButton.active,
  .customDataFavouriteButton.selected,
  .customDataFavouriteButton[aria-pressed="true"],
  .trackingPage .trackByFavouriteButton.active,
  .trackingPage .trackByFavouriteButton.selected,
  .trackingPage .trackByFavouriteButton[aria-pressed="true"]
){
  background:#0B69DF!important;
  border-color:#0B69DF!important;
  color:#FFFFFF!important;
  box-shadow:none!important;
  transform:none!important;
}
#root :is(
  .favIconBtn.active,
  .favIconBtn.selected,
  .favIconBtn[aria-pressed="true"],
  .customDataFavouriteButton.active,
  .customDataFavouriteButton.selected,
  .customDataFavouriteButton[aria-pressed="true"],
  .trackingPage .trackByFavouriteButton.active,
  .trackingPage .trackByFavouriteButton.selected,
  .trackingPage .trackByFavouriteButton[aria-pressed="true"]
) :is(svg,path,line,polyline,polygon,circle,rect){
  color:#FFFFFF!important;
  stroke:#FFFFFF!important;
}
#root :is(
  .favIconBtn.active,
  .favIconBtn.selected,
  .favIconBtn[aria-pressed="true"],
  .customDataFavouriteButton.active,
  .customDataFavouriteButton.selected,
  .customDataFavouriteButton[aria-pressed="true"],
  .trackingPage .trackByFavouriteButton.active,
  .trackingPage .trackByFavouriteButton.selected,
  .trackingPage .trackByFavouriteButton[aria-pressed="true"]
):is(:hover,:focus-visible,:active){
  background:#0B69DF!important;
  border-color:#0B69DF!important;
  color:#FFFFFF!important;
}

/* FINAL FIX — action icons stay blue on hover; white only during :active press. */
#root :is(
  .favIconBtn,
  .customDataFavouriteButton,
  .trackingPage .trackByFavouriteButton,
  .statsIconBtn,
  .recordCountryTrackBtn,
  .tradeInsightInlineTrack,
  button[title="Company View"],
  button[title="Track"],
  button[title^="Track "]
):is(:hover,:focus-visible):not(:active) :is(svg,path,line,polyline,polygon,circle,rect){
  color:#0B69DF!important;
  stroke:#0B69DF!important;
  fill:none;
}

/* Preserve intentionally filled SVG primitives while still forcing the hover colour. */
#root :is(
  .favIconBtn,
  .customDataFavouriteButton,
  .trackingPage .trackByFavouriteButton,
  .statsIconBtn,
  .recordCountryTrackBtn,
  .tradeInsightInlineTrack,
  button[title="Company View"],
  button[title="Track"],
  button[title^="Track "]
):is(:hover,:focus-visible):not(:active) :is(path,polygon,circle,rect)[fill]:not([fill="none"]){
  fill:#0B69DF!important;
}

/* 2026-08-19: Date picker day hover — table-hover grey background with unified blue text. */
.calendarDays button:not(.selected):not(.disabled):not(.emptyDay):hover,
.theme-light .calendarDays button:not(.selected):not(.disabled):not(.emptyDay):hover {
  background: #F5F7FA !important;
  color: #0B69DF !important;
  box-shadow: none !important;
}

/* ======================================================================
   FINAL LIGHT DROPDOWN SELECTED STATE — PORTAL-SAFE
   Custom dropdown portals are mounted under <body>, outside .theme-light.
   Keep selected row light grey with unified blue text/checkmark.
   ====================================================================== */
.platformSearchSelectPortal:not(.calendarSelectPortalMenuDark) .platformSearchSelectOption.selected,
.calendarSelectPortalMenuLight .platformSearchSelectOption.selected,
.criteriaSuggestList button.selected,
.trackGroupMenu button.selected,
.calendarSelectMenu button.selected,
.customDropdownMenu button.selected,
.countryDropdown button.selected,
.dropdownMenu button.selected,
[role="listbox"] [role="option"][aria-selected="true"] {
  background:#F5F7FA !important;
  color:#0B69DF !important;
}
.platformSearchSelectPortal:not(.calendarSelectPortalMenuDark) .platformSearchSelectOption.selected > svg,
.calendarSelectPortalMenuLight .platformSearchSelectOption.selected > svg,
.criteriaSuggestList button.selected svg,
.trackGroupMenu button.selected svg,
.calendarSelectMenu button.selected svg,
.customDropdownMenu button.selected svg,
.countryDropdown button.selected svg,
.dropdownMenu button.selected svg,
[role="listbox"] [role="option"][aria-selected="true"] svg {
  color:#0B69DF !important;
  stroke:#0B69DF !important;
}

/* ======================================================================
   FINAL Main Workspace Selected Tab — match Trade Search Sources control
   Selected tab uses the same light-blue surface and blue text as
   "Sources : Global Data". Geometry and tab logic remain unchanged.
   ====================================================================== */
#root .theme-light .topAppStrip .workspaceTabs button.active,
#root .theme-light .topAppStrip .workspaceTabs button.active:hover,
#root .theme-light .topAppStrip .workspaceTabs button.active:focus-visible {
  background:#E7F0FB !important;
  background-image:none !important;
  border:1px solid #CACFD6 !important;
  color:#0B69DF !important;
  box-shadow:none !important;
  filter:none !important;
  transform:none !important;
}
#root .theme-light .topAppStrip .workspaceTabs button.active span,
#root .theme-light .topAppStrip .workspaceTabs button.active i,
#root .theme-light .topAppStrip .workspaceTabs button.active svg {
  color:#0B69DF !important;
  stroke:#0B69DF !important;
}

/* ======================================================================
   FINAL Sources + Selected Workspace Tab Surface
   Requested: remove light-blue fill; use platform grey #F5F7FA.
   Sources keeps its existing white outer frame/padding. Selected workspace
   tab gets the same white inset spacing visually without changing geometry.
   ====================================================================== */
#root .theme-light .tradeSearch .singleSourceSwitch {
  background:#FFFFFF !important;
  border-color:#CACFD6 !important;
}
#root .theme-light .tradeSearch .singleSourceSwitch button.active,
#root .theme-light .tradeSearch .singleSourceSwitch button.active:hover,
#root .theme-light .tradeSearch .singleSourceSwitch button.active:focus-visible {
  background:#F5F7FA !important;
  background-image:none !important;
  color:#0B69DF !important;
  border-color:transparent !important;
  box-shadow:none !important;
  filter:none !important;
}

#root .theme-light .topAppStrip .workspaceTabs button.active,
#root .theme-light .topAppStrip .workspaceTabs button.active:hover,
#root .theme-light .topAppStrip .workspaceTabs button.active:focus-visible {
  background:#F5F7FA !important;
  background-image:none !important;
  border:1px solid #CACFD6 !important;
  color:#0B69DF !important;
  box-shadow:none !important;
  filter:none !important;
  transform:none !important;
}
#root .theme-light .topAppStrip .workspaceTabs button.active span,
#root .theme-light .topAppStrip .workspaceTabs button.active i,
#root .theme-light .topAppStrip .workspaceTabs button.active svg {
  color:#0B69DF !important;
  stroke:#0B69DF !important;
}

/* ======================================================================
   FINAL Selected Workspace + Sources Border — unified primary blue
   Keep grey #F5F7FA surface and existing white inset/spacing; only make
   the visible selected box border use the platform blue #0B69DF.
   ====================================================================== */
#root .theme-light .tradeSearch .singleSourceSwitch {
  border-color:#0B69DF !important;
}
#root .theme-light .tradeSearch .singleSourceSwitch button.active,
#root .theme-light .tradeSearch .singleSourceSwitch button.active:hover,
#root .theme-light .tradeSearch .singleSourceSwitch button.active:focus-visible {
  border-color:transparent !important;
}
#root .theme-light .topAppStrip .workspaceTabs button.active,
#root .theme-light .topAppStrip .workspaceTabs button.active:hover,
#root .theme-light .topAppStrip .workspaceTabs button.active:focus-visible {
  border-color:#0B69DF !important;
}

/* ======================================================================
   FINAL Workspace Tab + Sources States — grey border / grey hover / grey selected
   2026-08-20
   Normal border stays grey. Hover uses grey surface + navy text.
   Selected uses grey surface + unified blue text. No blue border.
   ====================================================================== */
#root .theme-light .topAppStrip .workspaceTabs button {
  border-color:#CACFD6 !important;
}
#root .theme-light .topAppStrip .workspaceTabs button:not(.active):hover,
#root .theme-light .topAppStrip .workspaceTabs button:not(.active):focus-visible {
  background:#F5F7FA !important;
  background-image:none !important;
  border-color:#CACFD6 !important;
  color:#02152B !important;
  box-shadow:none !important;
  filter:none !important;
  transform:none !important;
}
#root .theme-light .topAppStrip .workspaceTabs button:not(.active):hover :is(span,i,svg),
#root .theme-light .topAppStrip .workspaceTabs button:not(.active):focus-visible :is(span,i,svg) {
  color:#02152B !important;
  stroke:#02152B !important;
}
#root .theme-light .topAppStrip .workspaceTabs button.active,
#root .theme-light .topAppStrip .workspaceTabs button.active:hover,
#root .theme-light .topAppStrip .workspaceTabs button.active:focus-visible {
  background:#F5F7FA !important;
  background-image:none !important;
  border:1px solid #CACFD6 !important;
  color:#0B69DF !important;
  box-shadow:none !important;
  filter:none !important;
  transform:none !important;
}
#root .theme-light .topAppStrip .workspaceTabs button.active :is(span,i,svg),
#root .theme-light .topAppStrip .workspaceTabs button.active:hover :is(span,i,svg),
#root .theme-light .topAppStrip .workspaceTabs button.active:focus-visible :is(span,i,svg) {
  color:#0B69DF !important;
  stroke:#0B69DF !important;
}

#root .theme-light .tradeSearch .singleSourceSwitch {
  background:#FFFFFF !important;
  border-color:#CACFD6 !important;
}
#root .theme-light .tradeSearch .singleSourceSwitch button:not(.active):hover,
#root .theme-light .tradeSearch .singleSourceSwitch button:not(.active):focus-visible {
  background:#F5F7FA !important;
  background-image:none !important;
  color:#02152B !important;
  border-color:transparent !important;
  box-shadow:none !important;
  filter:none !important;
}
#root .theme-light .tradeSearch .singleSourceSwitch button:not(.active):hover :is(span,i,svg),
#root .theme-light .tradeSearch .singleSourceSwitch button:not(.active):focus-visible :is(span,i,svg) {
  color:#02152B !important;
  stroke:#02152B !important;
}
#root .theme-light .tradeSearch .singleSourceSwitch button.active,
#root .theme-light .tradeSearch .singleSourceSwitch button.active:hover,
#root .theme-light .tradeSearch .singleSourceSwitch button.active:focus-visible {
  background:#F5F7FA !important;
  background-image:none !important;
  color:#0B69DF !important;
  border-color:transparent !important;
  box-shadow:none !important;
  filter:none !important;
}
#root .theme-light .tradeSearch .singleSourceSwitch button.active :is(span,i,svg),
#root .theme-light .tradeSearch .singleSourceSwitch button.active:hover :is(span,i,svg),
#root .theme-light .tradeSearch .singleSourceSwitch button.active:focus-visible :is(span,i,svg) {
  color:#0B69DF !important;
  stroke:#0B69DF !important;
}

/* 2026-08-20 — Trade Search result sub-tabs: borderless grey hover/selected states. */
#root .theme-light .tradeSearch .resultTabs button:not(.active):hover,
#root .theme-light .tradeSearch .resultTabs button:not(.active):focus-visible {
  background:#F5F7FA!important;
  color:#02152B!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
#root .theme-light .tradeSearch .resultTabs button.active,
#root .theme-light .tradeSearch .resultTabs button.active:hover,
#root .theme-light .tradeSearch .resultTabs button.active:focus-visible {
  background:#F5F7FA!important;
  color:#02152B!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
#root .theme-light .tradeSearch .resultTabs button::after {
  background:transparent!important;
}
#root .theme-light .tradeSearch .resultTabs button.active::after {
  background:#0B69DF!important;
}

/* ======================================================================
   FINAL ADD TO FAVOURITE + DOWNLOAD TEXT-ACTION STATES — 2026-08-20
   Normal: borderless/white, navy text/icon only
   Hover: borderless solid table-hover grey, navy text/icon
   Selected/pressed: borderless solid table-hover grey, unified blue text/icon
   Geometry and behaviour unchanged.
   ====================================================================== */
#root .theme-light .resultActions .favouriteActionButton,
#root .theme-light .resultActions .downloadAction,
#root .theme-light .trackingPage .trackByFavouriteButton,
#root .theme-light .trackingPage .trackByHeadActions .downloadAction,
#root .theme-light .trackingPage .trackingRecordsHeadActions .downloadAction {
  background:#FFFFFF !important;
  border-color:transparent !important;
  color:#02152B !important;
  box-shadow:none !important;
  filter:none !important;
  transform:none !important;
  transition:background-color .12s ease,color .12s ease !important;
}

#root .theme-light .resultActions .favouriteActionButton:not(:disabled):not(.active):hover,
#root .theme-light .resultActions .downloadAction:not(:disabled):hover,
#root .theme-light .trackingPage .trackByFavouriteButton:not(:disabled):not(.active):hover,
#root .theme-light .trackingPage .trackByHeadActions .downloadAction:not(:disabled):hover,
#root .theme-light .trackingPage .trackingRecordsHeadActions .downloadAction:not(:disabled):hover {
  background:#F5F7FA !important;
  border-color:transparent !important;
  color:#02152B !important;
  box-shadow:none !important;
}

/* Favourite is a persisted selected state: keep grey surface + blue content. */
#root .theme-light .resultActions .favouriteActionButton.active,
#root .theme-light .resultActions .favouriteActionButton.active:hover,
#root .theme-light .resultActions .favouriteActionButton[aria-pressed="true"],
#root .theme-light .trackingPage .trackByFavouriteButton.active,
#root .theme-light .trackingPage .trackByFavouriteButton.active:hover,
#root .theme-light .trackingPage .trackByFavouriteButton[aria-pressed="true"] {
  background:#F5F7FA !important;
  border-color:transparent !important;
  color:#0B69DF !important;
  box-shadow:none !important;
}

/* Download has no persisted selected state: show the requested grey + blue click state while pressed. */
#root .theme-light .resultActions .downloadAction:not(:disabled):active,
#root .theme-light .trackingPage .trackByHeadActions .downloadAction:not(:disabled):active,
#root .theme-light .trackingPage .trackingRecordsHeadActions .downloadAction:not(:disabled):active,
#root .theme-light .resultActions .favouriteActionButton:not(:disabled):active,
#root .theme-light .trackingPage .trackByFavouriteButton:not(:disabled):active {
  background:#F5F7FA !important;
  border-color:transparent !important;
  color:#0B69DF !important;
  box-shadow:none !important;
}

#root .theme-light .resultActions .favouriteActionButton :is(svg,path,line,polyline,polygon,circle,rect),
#root .theme-light .resultActions .downloadAction :is(svg,path,line,polyline,polygon,circle,rect),
#root .theme-light .trackingPage .trackByFavouriteButton :is(svg,path,line,polyline,polygon,circle,rect),
#root .theme-light .trackingPage .trackByHeadActions .downloadAction :is(svg,path,line,polyline,polygon,circle,rect),
#root .theme-light .trackingPage .trackingRecordsHeadActions .downloadAction :is(svg,path,line,polyline,polygon,circle,rect) {
  color:currentColor !important;
  stroke:currentColor !important;
}

/* Profile account dropdown — borderless grey hover / selected states */
.theme-light .topAccountDropdown button:hover {
  border-color: transparent !important;
  background: #F5F7FA !important;
  color: #02152B !important;
  box-shadow: none !important;
}
.theme-light .topAccountDropdown button.active,
.theme-light .topAccountDropdown button[aria-current="page"],
.theme-light .topAccountDropdown button[aria-selected="true"] {
  border-color: transparent !important;
  background: #F5F7FA !important;
  color: #0B69DF !important;
  box-shadow: none !important;
}
.theme-light .topAccountDropdown button:hover svg,
.theme-light .topAccountDropdown button.active svg,
.theme-light .topAccountDropdown button[aria-current="page"] svg,
.theme-light .topAccountDropdown button[aria-selected="true"] svg {
  color: currentColor !important;
  stroke: currentColor !important;
}

/* 2026-08-20 — Trade Search result sub-tabs final text state correction.
   Visible/inactive tabs stay navy; selected tab text is unified blue. */
#root .theme-light .tradeSearch .resultTabs button:not(.active) {
  color:#02152B !important;
}
#root .theme-light .tradeSearch .resultTabs button.active,
#root .theme-light .tradeSearch .resultTabs button.active:hover,
#root .theme-light .tradeSearch .resultTabs button.active:focus-visible {
  color:#0B69DF !important;
}

/* ======================================================================
   FINAL 2026-08-20 — Main workspace tabs: one simple global state rule
   Visible: white + grey border + navy text
   Hover: white + blue border + navy text
   Selected: white + blue border + blue text
   Close control: grey round chip; icon follows the parent tab text colour.
   ====================================================================== */
#root .theme-light .topAppStrip .workspaceTabs button,
#root .theme-light .topAppStrip .workspaceTabs button.hasClose {
  background:#FFFFFF !important;
  background-image:none !important;
  border:1px solid #CACFD6 !important;
  color:#02152B !important;
  box-shadow:none !important;
  filter:none !important;
  transform:none !important;
}
#root .theme-light .topAppStrip .workspaceTabs button :is(span,svg) {
  color:#02152B !important;
  stroke:#02152B !important;
}
#root .theme-light .topAppStrip .workspaceTabs button:not(.active):hover,
#root .theme-light .topAppStrip .workspaceTabs button:not(.active):focus-visible {
  background:#FFFFFF !important;
  background-image:none !important;
  border-color:#0B69DF !important;
  color:#02152B !important;
  box-shadow:none !important;
  filter:none !important;
  transform:none !important;
}
#root .theme-light .topAppStrip .workspaceTabs button:not(.active):hover :is(span,svg),
#root .theme-light .topAppStrip .workspaceTabs button:not(.active):focus-visible :is(span,svg) {
  color:#02152B !important;
  stroke:#02152B !important;
}
#root .theme-light .topAppStrip .workspaceTabs button.active,
#root .theme-light .topAppStrip .workspaceTabs button.active:hover,
#root .theme-light .topAppStrip .workspaceTabs button.active:focus-visible {
  background:#FFFFFF !important;
  background-image:none !important;
  border:1px solid #0B69DF !important;
  color:#0B69DF !important;
  box-shadow:none !important;
  filter:none !important;
  transform:none !important;
}
#root .theme-light .topAppStrip .workspaceTabs button.active :is(span,svg),
#root .theme-light .topAppStrip .workspaceTabs button.active:hover :is(span,svg),
#root .theme-light .topAppStrip .workspaceTabs button.active:focus-visible :is(span,svg) {
  color:#0B69DF !important;
  stroke:#0B69DF !important;
}
#root .theme-light .topAppStrip .workspaceTabs button.hasClose > i {
  width:20px !important;
  height:20px !important;
  border:0 !important;
  border-radius:999px !important;
  background:#F5F7FA !important;
  color:#02152B !important;
  opacity:1 !important;
  box-shadow:none !important;
  display:grid !important;
  place-items:center !important;
}
#root .theme-light .topAppStrip .workspaceTabs button.hasClose > i svg {
  color:#02152B !important;
  stroke:#02152B !important;
}
#root .theme-light .topAppStrip .workspaceTabs button.hasClose:not(.active):hover > i,
#root .theme-light .topAppStrip .workspaceTabs button.hasClose:not(.active):focus-visible > i,
#root .theme-light .topAppStrip .workspaceTabs button.hasClose:not(.active) > i:hover {
  background:#F5F7FA !important;
  color:#02152B !important;
}
#root .theme-light .topAppStrip .workspaceTabs button.hasClose:not(.active):hover > i svg,
#root .theme-light .topAppStrip .workspaceTabs button.hasClose:not(.active):focus-visible > i svg,
#root .theme-light .topAppStrip .workspaceTabs button.hasClose:not(.active) > i:hover svg {
  color:#02152B !important;
  stroke:#02152B !important;
}
#root .theme-light .topAppStrip .workspaceTabs button.active.hasClose > i,
#root .theme-light .topAppStrip .workspaceTabs button.active.hasClose:hover > i,
#root .theme-light .topAppStrip .workspaceTabs button.active.hasClose:focus-visible > i,
#root .theme-light .topAppStrip .workspaceTabs button.active.hasClose > i:hover {
  background:#F5F7FA !important;
  color:#0B69DF !important;
}
#root .theme-light .topAppStrip .workspaceTabs button.active.hasClose > i svg,
#root .theme-light .topAppStrip .workspaceTabs button.active.hasClose:hover > i svg,
#root .theme-light .topAppStrip .workspaceTabs button.active.hasClose:focus-visible > i svg,
#root .theme-light .topAppStrip .workspaceTabs button.active.hasClose > i:hover svg {
  color:#0B69DF !important;
  stroke:#0B69DF !important;
}

/* ======================================================================
   FINAL LOGOUT BUTTON STATES — TOP RIGHT + LEFT SIDEBAR
   Normal: white + grey border + navy icon/text
   Hover: white + blue border + blue icon/text
   ====================================================================== */
#root .topUserControls .topLogoutIcon,
#root .topAppStrip + .bodyShell > .sidebar .sidebarLogoutBtn {
  background: #FFFFFF !important;
  border: 1px solid #CACFD6 !important;
  color: #02152B !important;
  box-shadow: none !important;
  transform: none !important;
}

#root .topUserControls .topLogoutIcon svg,
#root .topAppStrip + .bodyShell > .sidebar .sidebarLogoutBtn svg,
#root .topAppStrip + .bodyShell > .sidebar .sidebarLogoutBtn span {
  color: currentColor !important;
  stroke: currentColor !important;
}

#root .topUserControls .topLogoutIcon:hover,
#root .topUserControls .topLogoutIcon:focus-visible,
#root .topAppStrip + .bodyShell > .sidebar .sidebarLogoutBtn:hover,
#root .topAppStrip + .bodyShell > .sidebar .sidebarLogoutBtn:focus-visible {
  background: #FFFFFF !important;
  border-color: #0B69DF !important;
  color: #0B69DF !important;
  box-shadow: none !important;
  transform: none !important;
}

/* 2026-08-20 — EXIMBOT GLOBAL PAGINATION: SINGLE SOURCE OF TRUTH
   Used by every shared table pagination.
   Normal page number: navy text only, no box.
   Hover on non-selected page: white box + blue border + navy text.
   Selected page: blue text only, no box. */
.theme-light .searchPagination .paginationPage {
  background:transparent !important;
  color:#02152B !important;
  border:1px solid transparent !important;
  box-shadow:none !important;
  outline:none !important;
  transform:none !important;
}
.theme-light .searchPagination .paginationPage:not(.active):hover {
  background:#FFFFFF !important;
  color:#02152B !important;
  border-color:#0B69DF !important;
  box-shadow:none !important;
  outline:none !important;
  transform:none !important;
}
.theme-light .searchPagination .paginationPage:not(.active):focus,
.theme-light .searchPagination .paginationPage:not(.active):focus-visible {
  background:transparent !important;
  color:#02152B !important;
  border-color:transparent !important;
  box-shadow:none !important;
  outline:none !important;
}
.theme-light .searchPagination .paginationPage.active,
.theme-light .searchPagination .paginationPage.active:hover,
.theme-light .searchPagination .paginationPage.active:focus,
.theme-light .searchPagination .paginationPage.active:focus-visible {
  background:transparent !important;
  color:#0B69DF !important;
  border-color:transparent !important;
  box-shadow:none !important;
  outline:none !important;
  transform:none !important;
}
.theme-light .searchPagination .paginationPrev:not(:disabled),
.theme-light .searchPagination .paginationNext:not(:disabled) {
  background:transparent !important;
  color:#02152B !important;
  border:1px solid transparent !important;
  box-shadow:none !important;
  outline:none !important;
  transform:none !important;
}
.theme-light .searchPagination .paginationPrev:not(:disabled):hover,
.theme-light .searchPagination .paginationPrev:not(:disabled):focus-visible,
.theme-light .searchPagination .paginationNext:not(:disabled):hover,
.theme-light .searchPagination .paginationNext:not(:disabled):focus-visible {
  background:#FFFFFF !important;
  color:#0B69DF !important;
  border-color:#0B69DF !important;
  box-shadow:none !important;
  outline:none !important;
  transform:none !important;
}
.theme-light .searchPagination .paginationPrev:disabled,
.theme-light .searchPagination .paginationNext:disabled {
  background:transparent !important;
  color:#D3D9DD !important;
  border:1px solid transparent !important;
  box-shadow:none !important;
}
.theme-light .searchPagination .goToPage input {
  background:#FFFFFF !important;
  color:#02152B !important;
  border:1px solid #CACFD6 !important;
  box-shadow:none !important;
  outline:none !important;
}
.theme-light .searchPagination .goToPage input:hover,
.theme-light .searchPagination .goToPage input:focus,
.theme-light .searchPagination .goToPage input:focus-visible {
  background:#FFFFFF !important;
  color:#02152B !important;
  border-color:#0B69DF !important;
  box-shadow:none !important;
  outline:none !important;
}
.theme-light .searchPagination .paginationGo {
  background:transparent !important;
  color:#02152B !important;
  border:1px solid transparent !important;
  box-shadow:none !important;
  outline:none !important;
  transform:none !important;
}
.theme-light .searchPagination .paginationGo:hover,
.theme-light .searchPagination .paginationGo:focus-visible {
  background:#FFFFFF !important;
  color:#0B69DF !important;
  border-color:#0B69DF !important;
  box-shadow:none !important;
  outline:none !important;
  transform:none !important;
}
.theme-light .searchPagination .paginationGo:focus:not(:focus-visible) {
  background:transparent !important;
  color:#02152B !important;
  border-color:transparent !important;
  box-shadow:none !important;
  outline:none !important;
}


/* FINAL INCLUDE / EXCLUDE CRITERIA BUTTON HOVER — 2026-08-20
   Keep hover surface solid white; preserve existing border/icon colors. */
#root .criteriaBtn:not(:disabled):hover,
#root .criteriaBtn:not(:disabled):focus-visible,
#root .tradeSearch .criteriaBtn:not(:disabled):hover,
#root .tradeSearch .criteriaBtn:not(:disabled):focus-visible {
  background: #FFFFFF !important;
  filter: none !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Trade Search > Importer / Exporter tabs: company-name body text uses the unified platform blue. */
#root .tradeSearch .partyPanel .partyTable tbody .partyCompanyNameText,
#root .tradeSearch .partyPanel .partyCountryTable tbody td:nth-child(2) .partyCompanyNameText {
  color: #0B69DF !important;
}

/* Advanced Search exclude options: align as field-style boxes */
.tradeSearch .advancedSearch .advancedCheckItem{
  height:40px;
  min-height:40px;
  box-sizing:border-box;
  display:flex!important;
  align-items:center;
  gap:10px;
  padding:0 12px;
  margin:23px 0 0;
  border:1px solid #CACFD6;
  background:#FFFFFF;
  color:#02152B;
  font-size:14px;
  font-weight:400;
}
.tradeSearch .advancedSearch .advancedCheckItem input{
  width:auto;
  height:auto;
  margin:0;
  accent-color:#0B69DF;
}
@media(max-width:1500px){
  .tradeSearch .advancedSearch .advancedCheckItem{margin-top:0;}
}

/* Trade Search match mode quick controls: same compact visual language as the date quick selectors. */
.multiCriteriaLabelRow{display:flex;align-items:center;justify-content:flex-start;gap:6px;min-width:0}
.multiCriteriaLabelRow>span{min-width:0;white-space:nowrap}
.matchModeSegmented{display:inline-flex;align-items:stretch;flex:0 0 auto;height:20px;margin-left:0;border:1px solid #CACFD6;background:#FFFFFF;border-radius:0;overflow:hidden;box-shadow:none}
.matchModeSegment{display:inline-flex;align-items:center;justify-content:center;height:18px;margin:0;padding:0 7px;border:0;border-right:1px solid #CACFD6;background:#FFFFFF;color:#02152B;border-radius:0;font:inherit;font-size:9px;font-weight:550;line-height:18px;white-space:nowrap;cursor:pointer;box-shadow:none;outline:none}
.matchModeSegment:last-child{border-right:0}
.matchModeSegment.isSelected{background:#FFFFFF;color:#0B69DF}
.matchModeSegment:hover:not(:disabled):not(.isSelected){background:#F5F7FA;color:#02152B}
.matchModeSegment:focus,.matchModeSegment:focus-visible{outline:none;box-shadow:none}
.matchModeSegment:disabled{cursor:not-allowed;opacity:.45}
/* Match-mode hover is intentionally isolated to the toggle itself. */
.multiCriteriaLabelRow:hover{background:transparent}




/* Advanced Search exclude fields reuse the exact Advanced Search field geometry.
   Title styling comes from .advancedFilterItem; box styling shares the same source
   as Local/Foreign Port inputs above. */
.tradeSearch .advancedSearch .advancedCheckField{
  min-width:0;
  margin:0;
}
.tradeSearch .advancedSearch .advancedCheckItem{
  width:100%;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:0!important;
}
.tradeSearch .advancedSearch .advancedCheckItem input{
  flex:0 0 auto;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  margin:0!important;
  padding:0!important;
  border:initial!important;
  accent-color:#0B69DF;
}

/* 2026-08-21: Global dropdown search divider — one exact 1px blue source. */
.platformSearchSelectPortal:not(.calendarSelectPortalMenuDark) .platformSearchSelectSearch,
.criteriaSuggestDropdown .criteriaSuggestSearch,
.criteriaCountryPopup .criteriaSuggestSearch,
.trackGroupMenu .criteriaSuggestSearch,
.customDropdownMenu .criteriaSuggestSearch,
.countryDropdown .criteriaSuggestSearch,
.dropdownMenu .criteriaSuggestSearch {
  border-bottom:1px solid #0B69DF !important;
  box-shadow:none !important;
  outline:none !important;
}
.platformSearchSelectPortal:not(.calendarSelectPortalMenuDark) .platformSearchSelectSearch:focus,
.platformSearchSelectPortal:not(.calendarSelectPortalMenuDark) .platformSearchSelectSearch:focus-within,
.criteriaSuggestDropdown .criteriaSuggestSearch:focus,
.criteriaSuggestDropdown .criteriaSuggestSearch:focus-within,
.criteriaCountryPopup .criteriaSuggestSearch:focus,
.criteriaCountryPopup .criteriaSuggestSearch:focus-within,
.trackGroupMenu .criteriaSuggestSearch:focus,
.trackGroupMenu .criteriaSuggestSearch:focus-within,
.customDropdownMenu .criteriaSuggestSearch:focus,
.customDropdownMenu .criteriaSuggestSearch:focus-within,
.countryDropdown .criteriaSuggestSearch:focus,
.countryDropdown .criteriaSuggestSearch:focus-within,
.dropdownMenu .criteriaSuggestSearch:focus,
.dropdownMenu .criteriaSuggestSearch:focus-within {
  border-bottom:1px solid #0B69DF !important;
  box-shadow:none !important;
  outline:none !important;
}
/* The search row owns the divider; adjacent option/list containers must not add a second line. */
.platformSearchSelectPortal:not(.calendarSelectPortalMenuDark) .platformSearchSelectOptions,
.platformSearchSelectPortal:not(.calendarSelectPortalMenuDark) .platformSearchSelectList,
.criteriaSuggestDropdown .criteriaSuggestList,
.criteriaCountryPopup .criteriaSuggestList,
.trackGroupMenu .criteriaSuggestList,
.customDropdownMenu .criteriaSuggestList,
.countryDropdown .criteriaSuggestList,
.dropdownMenu .criteriaSuggestList {
  border-top:0 !important;
  box-shadow:none !important;
}

/* 2026-08-21 — Trade Search Sources control: plain white solid surface. */
#root .theme-light .tradeSearch .singleSourceSwitch,
#root .theme-light .tradeSearch .singleSourceSwitch button,
#root .theme-light .tradeSearch .singleSourceSwitch button.active,
#root .theme-light .tradeSearch .singleSourceSwitch button.active:hover,
#root .theme-light .tradeSearch .singleSourceSwitch button.active:focus-visible {
  background:#FFFFFF !important;
  background-image:none !important;
  box-shadow:none !important;
  filter:none !important;
}

/* Shipment Profile actions: equal button height, preserve each button's width, and keep even outer spacing */
.shipmentProfileHero .shipmentProfileActions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  margin:0!important;
  padding:0!important;
}
.shipmentProfileHero .shipmentProfileActions > button{
  height:40px!important;
  min-height:40px!important;
  max-height:40px!important;
  box-sizing:border-box!important;
  margin:0!important;
  align-items:center!important;
  justify-content:center!important;
}
.shipmentProfileHero .shipmentProfileActions > .ghost:not(.shipmentProfileCloseBtn){
  width:auto!important;
  min-width:0!important;
  padding:0 16px!important;
}
.shipmentProfileHero .shipmentProfileActions > .shipmentProfileCloseBtn{
  width:40px!important;
  min-width:40px!important;
  max-width:40px!important;
  padding:0!important;
}

/* 2026-08-21 — Shipment Profile Print / Close interaction states */
#root .theme-light .shipmentProfileHero .shipmentProfileActions > button {
  background:#FFFFFF !important;
  border:1px solid #CACFD6 !important;
  color:#02152B !important;
  box-shadow:none !important;
  filter:none !important;
}
#root .theme-light .shipmentProfileHero .shipmentProfileActions > button:hover,
#root .theme-light .shipmentProfileHero .shipmentProfileActions > button:focus-visible,
#root .theme-light .shipmentProfileHero .shipmentProfileActions > button:active {
  background:#FFFFFF !important;
  border-color:#0B69DF !important;
  color:#0B69DF !important;
  box-shadow:none !important;
  filter:none !important;
}
#root .theme-light .shipmentProfileHero .shipmentProfileActions > button svg {
  color:currentColor !important;
  stroke:currentColor !important;
}

/* Shipment Profile / Shipment Details: vertically center all section headers and detail cells. */
.profileModal .shipmentProfilePage .profileSectionHead,
.profileModal .shipmentProfilePage .profileMappingSectionTitle,
.profileModal .shipmentProfilePage .shipmentDetailHead{
  display:flex!important;
  align-items:center!important;
}
.profileModal .shipmentProfilePage .profileSectionHead > *,
.profileModal .shipmentProfilePage .profileMappingSectionTitle > *,
.profileModal .shipmentProfilePage .shipmentDetailHead > *{
  align-self:center!important;
}
.profileModal .shipmentProfilePage .shipmentMappingTable>tbody>tr>td,
.profileModal .shipmentProfilePage .shipmentDynamicDetailsTable>tbody>tr>th,
.profileModal .shipmentProfilePage .shipmentDynamicDetailsTable>tbody>tr>td,
.profileModal .shipmentProfilePage .shipmentNestedTable th,
.profileModal .shipmentProfilePage .shipmentNestedTable td{
  vertical-align:middle!important;
}
.profileModal .shipmentProfilePage .shipmentDetailArrayItem{
  align-items:center!important;
}

/* 2026-08-21 — Shipment Profile workspace side drawer.
   The backdrop itself is limited to the usable workspace
   (excluding the left navigation and top workspace tab strip).
   The profile opens from the right and occupies exactly 50% of that workspace. */
.profileModalBackdrop{
  padding:0 !important;
  display:flex !important;
  align-items:stretch !important;
  justify-content:flex-end !important;
  place-items:unset !important;
  overflow:hidden !important;
}
.profileModal{
  width:50% !important;
  min-width:0 !important;
  max-width:50% !important;
  height:100% !important;
  min-height:100% !important;
  max-height:100% !important;
  margin:0 !important;
  border-radius:0 !important;
  border-top:0 !important;
  border-right:0 !important;
  border-bottom:0 !important;
  box-shadow:-12px 0 28px rgba(31,55,90,.14) !important;
  animation:shipmentProfileDrawerIn .22s ease-out both;
}
.profileModalBody{
  width:100% !important;
  box-sizing:border-box !important;
}
.profileModal .shipmentProfilePage{
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}
.profileModal .profileTableSection,
.profileModal .shipmentDynamicDetailsSection{
  max-width:100% !important;
}
.profileModal .profileTableSection table,
.profileModal .shipmentDynamicDetailsTable{
  width:100% !important;
  min-width:0 !important;
}
@keyframes shipmentProfileDrawerIn{
  from{transform:translateX(100%)}
  to{transform:translateX(0)}
}
@media(max-width:760px){
  .profileModal{
    width:100% !important;
    max-width:100% !important;
  }
}

/* 2026-08-21 — Shipment Profile drawer edge-to-edge workspace surface.
   Remove the outer white gutter on all four sides; keep only the profile's
   own internal section spacing. */
.profileModalBody{
  padding:0 !important;
  margin:0 !important;
  scrollbar-gutter:auto !important;
}
.profileModal .shipmentProfilePage{
  padding:0 !important;
  margin:0 !important;
}


/* Global supplier matched-text highlight — underline only.
   No background strip and no forced text colour anywhere. */
.apiMatchedHighlight,
[data-theme="dark"] .apiMatchedHighlight{
  background:transparent !important;
  background-color:transparent !important;
  color:inherit !important;
  font-weight:inherit !important;
  padding:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  text-decoration-line:underline !important;
  text-decoration-style:solid !important;
  text-decoration-color:currentColor !important;
  text-decoration-thickness:1px !important;
  text-underline-offset:2px !important;
}


/* Tracking Records + Company View Trading Records:
   selected context tag uses blue border, solid grey surface and blue text. */
#root .theme-light .trackingPage .trackingRecordsPanel .trackingRecordFilterTag,
#root .theme-light .companyRecordsHeaderGrid > .companyRecordsPeriodCell .companyRecordsFilterTag,
#root .theme-light .tradeTrendRecordsBlock .associatedFilterTag,
#root .theme-light .tradeTrendRecordsPeriodCell .associatedFilterTag{
  background:#F5F7FA !important;
  background-color:#F5F7FA !important;
  border:1px solid #0B69DF !important;
  color:#0B69DF !important;
  box-shadow:none !important;
}
#root .theme-light .trackingPage .trackingRecordsPanel .trackingRecordFilterTag *,
#root .theme-light .companyRecordsHeaderGrid > .companyRecordsPeriodCell .companyRecordsFilterTag *,
#root .theme-light .tradeTrendRecordsBlock .associatedFilterTag *,
#root .theme-light .tradeTrendRecordsPeriodCell .associatedFilterTag *{
  color:#0B69DF !important;
}
#root .theme-light .trackingPage .trackingRecordsPanel .trackingRecordFilterTag > button,
#root .theme-light .companyRecordsHeaderGrid > .companyRecordsPeriodCell .companyRecordsFilterTag > button,
#root .theme-light .tradeTrendRecordsBlock .associatedFilterTag > button,
#root .theme-light .tradeTrendRecordsPeriodCell .associatedFilterTag > button{
  background:transparent !important;
  color:#0B69DF !important;
}


/* 2026-08-21 — Track By > Add to Favourite final state-only rule.
   No hover visual effect:
   unselected = transparent + navy outline star/text;
   selected = borderless solid grey + blue filled star/text. */
#root .theme-light .trackingPage .trackByFavouriteButton,
#root .theme-light .trackingPage .trackByFavouriteButton:hover,
#root .theme-light .trackingPage .trackByFavouriteButton:focus,
#root .theme-light .trackingPage .trackByFavouriteButton:focus-visible{
  background:transparent !important;
  background-color:transparent !important;
  border-color:transparent !important;
  color:#02152B !important;
  box-shadow:none !important;
  filter:none !important;
  transform:none !important;
  outline:none !important;
}
#root .theme-light .trackingPage .trackByFavouriteButton.active,
#root .theme-light .trackingPage .trackByFavouriteButton.active:hover,
#root .theme-light .trackingPage .trackByFavouriteButton.active:focus,
#root .theme-light .trackingPage .trackByFavouriteButton.active:focus-visible,
#root .theme-light .trackingPage .trackByFavouriteButton[aria-pressed="true"],
#root .theme-light .trackingPage .trackByFavouriteButton[aria-pressed="true"]:hover,
#root .theme-light .trackingPage .trackByFavouriteButton[aria-pressed="true"]:focus,
#root .theme-light .trackingPage .trackByFavouriteButton[aria-pressed="true"]:focus-visible{
  background:#F5F7FA !important;
  background-color:#F5F7FA !important;
  border-color:transparent !important;
  color:#0B69DF !important;
  box-shadow:none !important;
  filter:none !important;
  transform:none !important;
  outline:none !important;
}
#root .theme-light .trackingPage .trackByFavouriteButton span,
#root .theme-light .trackingPage .trackByFavouriteButton:hover span,
#root .theme-light .trackingPage .trackByFavouriteButton:focus span,
#root .theme-light .trackingPage .trackByFavouriteButton:focus-visible span{
  color:#02152B !important;
}
#root .theme-light .trackingPage .trackByFavouriteButton.active span,
#root .theme-light .trackingPage .trackByFavouriteButton.active:hover span,
#root .theme-light .trackingPage .trackByFavouriteButton.active:focus span,
#root .theme-light .trackingPage .trackByFavouriteButton.active:focus-visible span,
#root .theme-light .trackingPage .trackByFavouriteButton[aria-pressed="true"] span,
#root .theme-light .trackingPage .trackByFavouriteButton[aria-pressed="true"]:hover span,
#root .theme-light .trackingPage .trackByFavouriteButton[aria-pressed="true"]:focus span,
#root .theme-light .trackingPage .trackByFavouriteButton[aria-pressed="true"]:focus-visible span{
  color:#0B69DF !important;
}
#root .theme-light .trackingPage .trackByFavouriteButton svg{
  color:#02152B !important;
  stroke:#02152B !important;
}
#root .theme-light .trackingPage .trackByFavouriteButton.active svg,
#root .theme-light .trackingPage .trackByFavouriteButton[aria-pressed="true"] svg{
  color:#0B69DF !important;
  stroke:#0B69DF !important;
  fill:#0B69DF !important;
}


/* 2026-08-21 — Track By Favourite icon hover lock.
   Cursor hover must never alter star colour or fill state. */
#root .theme-light .trackingPage .trackByFavouriteButton:not(.active):not([aria-pressed="true"]),
#root .theme-light .trackingPage .trackByFavouriteButton:not(.active):not([aria-pressed="true"]):hover,
#root .theme-light .trackingPage .trackByFavouriteButton:not(.active):not([aria-pressed="true"]):focus,
#root .theme-light .trackingPage .trackByFavouriteButton:not(.active):not([aria-pressed="true"]):focus-visible{
  color:#02152B !important;
}
#root .theme-light .trackingPage .trackByFavouriteButton:not(.active):not([aria-pressed="true"]) svg,
#root .theme-light .trackingPage .trackByFavouriteButton:not(.active):not([aria-pressed="true"]):hover svg,
#root .theme-light .trackingPage .trackByFavouriteButton:not(.active):not([aria-pressed="true"]):focus svg,
#root .theme-light .trackingPage .trackByFavouriteButton:not(.active):not([aria-pressed="true"]):focus-visible svg,
#root .theme-light .trackingPage .trackByFavouriteButton:not(.active):not([aria-pressed="true"]) svg *,
#root .theme-light .trackingPage .trackByFavouriteButton:not(.active):not([aria-pressed="true"]):hover svg *,
#root .theme-light .trackingPage .trackByFavouriteButton:not(.active):not([aria-pressed="true"]):focus svg *,
#root .theme-light .trackingPage .trackByFavouriteButton:not(.active):not([aria-pressed="true"]):focus-visible svg *{
  color:#02152B !important;
  stroke:#02152B !important;
  fill:none !important;
}

#root .theme-light .trackingPage .trackByFavouriteButton.active,
#root .theme-light .trackingPage .trackByFavouriteButton.active:hover,
#root .theme-light .trackingPage .trackByFavouriteButton.active:focus,
#root .theme-light .trackingPage .trackByFavouriteButton.active:focus-visible,
#root .theme-light .trackingPage .trackByFavouriteButton[aria-pressed="true"],
#root .theme-light .trackingPage .trackByFavouriteButton[aria-pressed="true"]:hover,
#root .theme-light .trackingPage .trackByFavouriteButton[aria-pressed="true"]:focus,
#root .theme-light .trackingPage .trackByFavouriteButton[aria-pressed="true"]:focus-visible{
  color:#0B69DF !important;
}
#root .theme-light .trackingPage .trackByFavouriteButton.active svg,
#root .theme-light .trackingPage .trackByFavouriteButton.active:hover svg,
#root .theme-light .trackingPage .trackByFavouriteButton.active:focus svg,
#root .theme-light .trackingPage .trackByFavouriteButton.active:focus-visible svg,
#root .theme-light .trackingPage .trackByFavouriteButton[aria-pressed="true"] svg,
#root .theme-light .trackingPage .trackByFavouriteButton[aria-pressed="true"]:hover svg,
#root .theme-light .trackingPage .trackByFavouriteButton[aria-pressed="true"]:focus svg,
#root .theme-light .trackingPage .trackByFavouriteButton[aria-pressed="true"]:focus-visible svg,
#root .theme-light .trackingPage .trackByFavouriteButton.active svg *,
#root .theme-light .trackingPage .trackByFavouriteButton.active:hover svg *,
#root .theme-light .trackingPage .trackByFavouriteButton.active:focus svg *,
#root .theme-light .trackingPage .trackByFavouriteButton.active:focus-visible svg *,
#root .theme-light .trackingPage .trackByFavouriteButton[aria-pressed="true"] svg *,
#root .theme-light .trackingPage .trackByFavouriteButton[aria-pressed="true"]:hover svg *,
#root .theme-light .trackingPage .trackByFavouriteButton[aria-pressed="true"]:focus svg *,
#root .theme-light .trackingPage .trackByFavouriteButton[aria-pressed="true"]:focus-visible svg *{
  color:#0B69DF !important;
  stroke:#0B69DF !important;
  fill:#0B69DF !important;
}


/* 2026-08-21 — Track By selected record target:
   keep the selected Track By value underlined, matching the Tracking Records matched-text cue. */
#root .trackingPage .trackByTradeInsightsTable
.trackByNameCopyFlow > .trackByRecordValueBtn.active,
#root .trackingPage .trackByTradeInsightsTable
.trackByNameCopyFlow > .trackByRecordValueBtn.active:hover,
#root .trackingPage .trackByTradeInsightsTable
.trackByNameCopyFlow > .trackByRecordValueBtn.active:focus-visible{
  text-decoration-line:underline !important;
  text-decoration-style:solid !important;
  text-decoration-color:currentColor !important;
  text-decoration-thickness:1px !important;
  text-underline-offset:2px !important;
}

/* 2026-08-21 — Company View Import / Export selector: SINGLE VISUAL SOURCE OF TRUTH.
   Both boxes = borderless solid grey.
   Unselected = navy text/icon; selected = blue text/icon.
   Hover/focus do not alter either state. */
#root .companyOverviewPage .companyTradeModeSimpleButton,
#root .companyOverviewPage .companyTradeModeSimpleButton:hover,
#root .companyOverviewPage .companyTradeModeSimpleButton:focus,
#root .companyOverviewPage .companyTradeModeSimpleButton:focus-visible{
  background:#F5F7FA !important;
  background-color:#F5F7FA !important;
  border-color:transparent !important;
  color:#02152B !important;
  box-shadow:none !important;
  transform:none !important;
  outline:none !important;
}
#root .companyOverviewPage .companyTradeModeSimpleButton svg,
#root .companyOverviewPage .companyTradeModeSimpleButton:hover svg,
#root .companyOverviewPage .companyTradeModeSimpleButton:focus svg,
#root .companyOverviewPage .companyTradeModeSimpleButton:focus-visible svg{
  color:#02152B !important;
  stroke:#02152B !important;
}
#root .companyOverviewPage .companyTradeModeSimpleButton.companyTradeModeSelected,
#root .companyOverviewPage .companyTradeModeSimpleButton.companyTradeModeSelected:hover,
#root .companyOverviewPage .companyTradeModeSimpleButton.companyTradeModeSelected:focus,
#root .companyOverviewPage .companyTradeModeSimpleButton.companyTradeModeSelected:focus-visible{
  background:#F5F7FA !important;
  background-color:#F5F7FA !important;
  border-color:transparent !important;
  color:#0B69DF !important;
  box-shadow:none !important;
  transform:none !important;
  outline:none !important;
}
#root .companyOverviewPage .companyTradeModeSimpleButton.companyTradeModeSelected svg,
#root .companyOverviewPage .companyTradeModeSimpleButton.companyTradeModeSelected:hover svg,
#root .companyOverviewPage .companyTradeModeSimpleButton.companyTradeModeSelected:focus svg,
#root .companyOverviewPage .companyTradeModeSimpleButton.companyTradeModeSelected:focus-visible svg{
  color:#0B69DF !important;
  stroke:#0B69DF !important;
}

/* 2026-08-21 — Company View Month/Year metric dropdown square corners:
   single corner rule for both chart metric triggers and their portalled menus. */
#root .companyOverviewPage .tradeTrendMetricSelect .platformSearchSelectTrigger,
#root .companyOverviewPage .tradeTrendMetricSelect .tradeTrendMetricSelectTrigger,
.platformSearchSelectPortal[aria-label*="month wise trade metric" i],
.platformSearchSelectPortal[aria-label*="year wise trade metric" i],
.platformSearchSelectPortal[aria-label*="month wise trade metric" i] .platformSearchSelectSearch,
.platformSearchSelectPortal[aria-label*="year wise trade metric" i] .platformSearchSelectSearch,
.platformSearchSelectPortal[aria-label*="month wise trade metric" i] .platformSearchSelectSearch button,
.platformSearchSelectPortal[aria-label*="year wise trade metric" i] .platformSearchSelectSearch button,
.platformSearchSelectPortal[aria-label*="month wise trade metric" i] .platformSearchSelectOption,
.platformSearchSelectPortal[aria-label*="year wise trade metric" i] .platformSearchSelectOption,
.platformSearchSelectPortal[aria-label*="month wise trade metric" i] .platformSearchSelectRetry,
.platformSearchSelectPortal[aria-label*="year wise trade metric" i] .platformSearchSelectRetry{
  border-radius:0 !important;
}


/* 2026-08-21 — Company View Trade Trend metric dropdown visual states:
   normal = white + grey border + navy text/icon;
   hover/focus/open = white + blue border + blue text/icon. */
#root .companyOverviewPage .tradeTrendMetricSelect .platformSearchSelectTrigger,
#root .companyOverviewPage .tradeTrendMetricSelect .tradeTrendMetricSelectTrigger{
  background:#FFFFFF !important;
  background-color:#FFFFFF !important;
  border-color:#CFD6DF !important;
  color:#02152B !important;
  box-shadow:none !important;
}
#root .companyOverviewPage .tradeTrendMetricSelect .platformSearchSelectTrigger svg,
#root .companyOverviewPage .tradeTrendMetricSelect .tradeTrendMetricSelectTrigger svg{
  color:#02152B !important;
  stroke:#02152B !important;
}
#root .companyOverviewPage .tradeTrendMetricSelect .platformSearchSelectTrigger:hover,
#root .companyOverviewPage .tradeTrendMetricSelect .platformSearchSelectTrigger:focus,
#root .companyOverviewPage .tradeTrendMetricSelect .platformSearchSelectTrigger:focus-visible,
#root .companyOverviewPage .tradeTrendMetricSelect .platformSearchSelectTrigger[aria-expanded="true"],
#root .companyOverviewPage .tradeTrendMetricSelect .tradeTrendMetricSelectTrigger:hover,
#root .companyOverviewPage .tradeTrendMetricSelect .tradeTrendMetricSelectTrigger:focus,
#root .companyOverviewPage .tradeTrendMetricSelect .tradeTrendMetricSelectTrigger:focus-visible,
#root .companyOverviewPage .tradeTrendMetricSelect .tradeTrendMetricSelectTrigger[aria-expanded="true"]{
  background:#FFFFFF !important;
  background-color:#FFFFFF !important;
  border-color:#0B69DF !important;
  color:#0B69DF !important;
  box-shadow:none !important;
}
#root .companyOverviewPage .tradeTrendMetricSelect .platformSearchSelectTrigger:hover svg,
#root .companyOverviewPage .tradeTrendMetricSelect .platformSearchSelectTrigger:focus svg,
#root .companyOverviewPage .tradeTrendMetricSelect .platformSearchSelectTrigger:focus-visible svg,
#root .companyOverviewPage .tradeTrendMetricSelect .platformSearchSelectTrigger[aria-expanded="true"] svg,
#root .companyOverviewPage .tradeTrendMetricSelect .tradeTrendMetricSelectTrigger:hover svg,
#root .companyOverviewPage .tradeTrendMetricSelect .tradeTrendMetricSelectTrigger:focus svg,
#root .companyOverviewPage .tradeTrendMetricSelect .tradeTrendMetricSelectTrigger:focus-visible svg,
#root .companyOverviewPage .tradeTrendMetricSelect .tradeTrendMetricSelectTrigger[aria-expanded="true"] svg{
  color:#0B69DF !important;
  stroke:#0B69DF !important;
}


.companyTradeModeHoverCard{display:none!important;}


/* 2026-08-21 — Company View Trading Records direction tag:
   white solid box + grey border + blue text. */
#root .companyOverviewPage .companyRecordsHeaderGrid > .companyRecordsContext,
#root .companyOverviewPage .tradeTrendRecordsHeader > .tradeTrendRecordsContext{
  background:#FFFFFF !important;
  background-color:#FFFFFF !important;
  border:1px solid #CFD6DF !important;
  color:#0B69DF !important;
  box-shadow:none !important;
}
#root .companyOverviewPage .companyRecordsHeaderGrid > .companyRecordsContext b,
#root .companyOverviewPage .tradeTrendRecordsHeader > .tradeTrendRecordsContext b{
  color:#0B69DF !important;
}


/* 2026-08-21 — Company View Month/Year chart Previous/Next canonical states:
   enabled = grey border + white fill + navy text;
   enabled hover = blue border + white fill + blue text;
   disabled = grey border + white fill + grey text. */
#root .companyOverviewPage .tradeTrendSingleNav button:not(:disabled){
  background:#FFFFFF !important;
  background-color:#FFFFFF !important;
  border:1px solid #CFD6DF !important;
  color:#02152B !important;
  box-shadow:none !important;
  opacity:1 !important;
}
#root .companyOverviewPage .tradeTrendSingleNav button:not(:disabled):hover,
#root .companyOverviewPage .tradeTrendSingleNav button:not(:disabled):focus-visible{
  background:#FFFFFF !important;
  background-color:#FFFFFF !important;
  border-color:#0B69DF !important;
  color:#0B69DF !important;
  box-shadow:none !important;
}
#root .companyOverviewPage .tradeTrendSingleNav button:disabled{
  background:#FFFFFF !important;
  background-color:#FFFFFF !important;
  border:1px solid #CFD6DF !important;
  color:#9AA6B2 !important;
  box-shadow:none !important;
  opacity:1 !important;
  cursor:not-allowed !important;
}


/* 2026-08-21 — Company View Month/Year chart clickable cursor:
   enabled Previous/Next use hand cursor; disabled remain non-clickable. */
#root .companyOverviewPage .tradeTrendSingleNav button:not(:disabled){
  cursor:pointer !important;
}
#root .companyOverviewPage .tradeTrendSingleNav button:disabled{
  cursor:not-allowed !important;
}


/* 2026-08-21 — Company View > Company Alias company-name canonical interaction:
   single scoped rule for this table only.
   Normal = blue clickable company name, no underline.
   Hover/focus = blue + underline.
   Clicked/selected row = blue + sticky underline.
   The button is fit-content so wrapped names underline consistently line-by-line. */
#root#root .companyOverviewPage .companyAliasSummaryTable tbody
td[data-column-key="name"] .companyTradingRecordTextButton.partyCompanyNameText{
  appearance:none !important;
  -webkit-appearance:none !important;
  display:inline !important;
  width:auto !important;
  min-width:0 !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#0B69DF !important;
  font:inherit !important;
  line-height:inherit !important;
  text-align:left !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  word-break:break-word !important;
  overflow-wrap:anywhere !important;
  cursor:pointer !important;
  text-decoration:none !important;
  outline:none !important;
}
#root#root .companyOverviewPage .companyAliasSummaryTable tbody
td[data-column-key="name"] .companyTradingRecordTextButton.partyCompanyNameText:hover,
#root#root .companyOverviewPage .companyAliasSummaryTable tbody
td[data-column-key="name"] .companyTradingRecordTextButton.partyCompanyNameText:focus-visible,
#root#root .companyOverviewPage .companyAliasSummaryTable tbody
tr.selectedAssociatedRow td[data-column-key="name"] .companyTradingRecordTextButton.partyCompanyNameText,
#root#root .companyOverviewPage .companyAliasSummaryTable tbody
tr.selectedAssociatedRow td[data-column-key="name"] .companyTradingRecordTextButton.partyCompanyNameText:hover,
#root#root .companyOverviewPage .companyAliasSummaryTable tbody
tr.selectedAssociatedRow td[data-column-key="name"] .companyTradingRecordTextButton.partyCompanyNameText:focus-visible{
  color:#0B69DF !important;
  text-decoration-line:underline !important;
  text-decoration-style:solid !important;
  text-decoration-color:currentColor !important;
  text-decoration-thickness:1px !important;
  text-underline-offset:2px !important;
}


/* 2026-08-21 — Company View > Buyer/Supplier company-name canonical interaction:
   same behavior as Company Alias.
   Normal = blue clickable name, no underline.
   Hover/focus = underline.
   Clicked/selected row = sticky underline.
   Wrapped names underline consistently line-by-line. */
#root#root .companyOverviewPage .companyBuyerSupplierSummaryTable tbody
td[data-column-key="name"] .companyTradingRecordTextButton.partyCompanyNameText{
  appearance:none !important;
  -webkit-appearance:none !important;
  display:inline !important;
  width:auto !important;
  min-width:0 !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#0B69DF !important;
  font:inherit !important;
  line-height:inherit !important;
  text-align:left !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  word-break:break-word !important;
  overflow-wrap:anywhere !important;
  cursor:pointer !important;
  text-decoration:none !important;
  outline:none !important;
}
#root#root .companyOverviewPage .companyBuyerSupplierSummaryTable tbody
td[data-column-key="name"] .companyTradingRecordTextButton.partyCompanyNameText:hover,
#root#root .companyOverviewPage .companyBuyerSupplierSummaryTable tbody
td[data-column-key="name"] .companyTradingRecordTextButton.partyCompanyNameText:focus-visible,
#root#root .companyOverviewPage .companyBuyerSupplierSummaryTable tbody
tr.selectedAssociatedRow td[data-column-key="name"] .companyTradingRecordTextButton.partyCompanyNameText,
#root#root .companyOverviewPage .companyBuyerSupplierSummaryTable tbody
tr.selectedAssociatedRow td[data-column-key="name"] .companyTradingRecordTextButton.partyCompanyNameText:hover,
#root#root .companyOverviewPage .companyBuyerSupplierSummaryTable tbody
tr.selectedAssociatedRow td[data-column-key="name"] .companyTradingRecordTextButton.partyCompanyNameText:focus-visible{
  color:#0B69DF !important;
  text-decoration-line:underline !important;
  text-decoration-style:solid !important;
  text-decoration-color:currentColor !important;
  text-decoration-thickness:1px !important;
  text-underline-offset:2px !important;
}


/* 2026-08-21 — Buyer/Supplier Company-Country toggle single rule:
   outer box = grey border + white solid fill.
   selected segment = solid grey + blue text.
   unselected segment = white + navy text. */
#root .companyOverviewPage .partnerSharedScopeToggle{
  display:inline-flex !important;
  background:#FFFFFF !important;
  background-color:#FFFFFF !important;
  border:1px solid #CFD6DF !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:hidden !important;
}
#root .companyOverviewPage .partnerSharedScopeToggle button{
  background:#FFFFFF !important;
  background-color:#FFFFFF !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  color:#02152B !important;
}
#root .companyOverviewPage .partnerSharedScopeToggle button.active,
#root .companyOverviewPage .partnerSharedScopeToggle button[aria-pressed="true"]{
  background:#F5F7FA !important;
  background-color:#F5F7FA !important;
  border:0 !important;
  color:#0B69DF !important;
  box-shadow:none !important;
}


/* 2026-08-21 — Company View > Buyer/Supplier Country name canonical interaction:
   single scoped rule for country-mode table.
   Normal = blue clickable country text, no underline.
   Hover/focus = underline only on exact text.
   Selected row = sticky underline.
   Inline fit-content prevents partial/full-cell underline inconsistencies. */
#root#root .companyOverviewPage .partnerCountrySummaryTable tbody
td[data-column-key="countryName"] .companyTradingRecordTextButton.tradeInsightNameText{
  appearance:none !important;
  -webkit-appearance:none !important;
  display:inline !important;
  width:auto !important;
  min-width:0 !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  background-color:transparent !important;
  box-shadow:none !important;
  color:#0B69DF !important;
  font:inherit !important;
  line-height:inherit !important;
  text-align:left !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  word-break:break-word !important;
  overflow-wrap:anywhere !important;
  cursor:pointer !important;
  text-decoration:none !important;
  outline:none !important;
}
#root#root .companyOverviewPage .partnerCountrySummaryTable tbody
td[data-column-key="countryName"] .companyTradingRecordTextButton.tradeInsightNameText:hover,
#root#root .companyOverviewPage .partnerCountrySummaryTable tbody
td[data-column-key="countryName"] .companyTradingRecordTextButton.tradeInsightNameText:focus-visible,
#root#root .companyOverviewPage .partnerCountrySummaryTable tbody
tr.selectedAssociatedRow td[data-column-key="countryName"] .companyTradingRecordTextButton.tradeInsightNameText,
#root#root .companyOverviewPage .partnerCountrySummaryTable tbody
tr.selectedAssociatedRow td[data-column-key="countryName"] .companyTradingRecordTextButton.tradeInsightNameText:hover,
#root#root .companyOverviewPage .partnerCountrySummaryTable tbody
tr.selectedAssociatedRow td[data-column-key="countryName"] .companyTradingRecordTextButton.tradeInsightNameText:focus-visible{
  color:#0B69DF !important;
  text-decoration-line:underline !important;
  text-decoration-style:solid !important;
  text-decoration-color:currentColor !important;
  text-decoration-thickness:1px !important;
  text-underline-offset:2px !important;
}


/* 2026-08-21 — Company View Trading Records selected-tag canonical sizing:
   show only the user's selected value.
   Tag uses its natural/full width until the available center-cell width is exhausted;
   only then does the text ellipsize. Applies to all Company View sub-tabs. */
#root .companyOverviewPage .companyRecordsPeriodCell .companyRecordsFilterTag,
#root .companyOverviewPage .tradeTrendRecordsPeriodCell .companyRecordsFilterTag{
  width:max-content !important;
  max-width:100% !important;
  min-width:0 !important;
  display:inline-flex !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  overflow:hidden !important;
  white-space:nowrap !important;
}
#root .companyOverviewPage .companyRecordsPeriodCell .companyRecordsFilterTag .companyRecordsFilterText,
#root .companyOverviewPage .tradeTrendRecordsPeriodCell .companyRecordsFilterTag .companyRecordsFilterText{
  flex:0 1 auto !important;
  width:auto !important;
  max-width:calc(100% - 24px) !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
#root .companyOverviewPage .companyRecordsPeriodCell .companyRecordsFilterTag > button,
#root .companyOverviewPage .tradeTrendRecordsPeriodCell .companyRecordsFilterTag > button{
  flex:0 0 auto !important;
}
#root .companyOverviewPage .companyRecordsPeriodCell .companyRecordsFilterTag small,
#root .companyOverviewPage .tradeTrendRecordsPeriodCell .companyRecordsFilterTag small{
  display:none !important;
}


/* 2026-08-22 — Company View > Trade Analysis View By clickable text canonical hover:
   one scoped rule for the second/name column.
   Only actual clickable button text gets the hand cursor + underline on hover/focus.
   Normal state has no underline. */
#root#root .companyOverviewPage .companyTradeAnalysisViewByTable tbody
td[data-column-key="name"] .companyTradingRecordTextButton.tradeInsightNameText{
  appearance:none !important;
  -webkit-appearance:none !important;
  display:inline !important;
  width:auto !important;
  min-width:0 !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  background-color:transparent !important;
  box-shadow:none !important;
  color:inherit !important;
  font:inherit !important;
  line-height:inherit !important;
  text-align:left !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  word-break:break-word !important;
  overflow-wrap:anywhere !important;
  cursor:pointer !important;
  text-decoration:none !important;
  outline:none !important;
}
#root#root .companyOverviewPage .companyTradeAnalysisViewByTable tbody
td[data-column-key="name"] .companyTradingRecordTextButton.tradeInsightNameText:hover,
#root#root .companyOverviewPage .companyTradeAnalysisViewByTable tbody
td[data-column-key="name"] .companyTradingRecordTextButton.tradeInsightNameText:focus-visible{
  text-decoration-line:underline !important;
  text-decoration-style:solid !important;
  text-decoration-color:currentColor !important;
  text-decoration-thickness:1px !important;
  text-underline-offset:2px !important;
}


/* 2026-08-22 — Company View View By title/table vertical alignment only:
   Keep every tab/card's original design unchanged.
   Only normalize the View By heading block position and table start position
   for Company Alias, Supplier and Trade Analysis.
   Contacts is intentionally untouched. */
#root .companyOverviewPage .associatedCompanyPanel > .analysisViewControlGroup:first-child,
#root .companyOverviewPage .associatedCompanyPanel.analysisPanel > .analysisViewControlGroup:first-child{
  margin-top:0 !important;
  margin-bottom:20px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}

/* Ensure the first summary table begins at the same vertical position
   immediately after the normalized 20px View By gap. */
#root .companyOverviewPage .associatedCompanyPanel > .analysisViewControlGroup:first-child + .partyTableWrap,
#root .companyOverviewPage .associatedCompanyPanel > .analysisViewControlGroup:first-child + .statisticsTableWrap,
#root .companyOverviewPage .associatedCompanyPanel > .analysisViewControlGroup:first-child + .associatedTableWrap,
#root .companyOverviewPage .associatedCompanyPanel.analysisPanel > .analysisViewControlGroup:first-child + .partyTableWrap,
#root .companyOverviewPage .associatedCompanyPanel.analysisPanel > .analysisViewControlGroup:first-child + .statisticsTableWrap{
  margin-top:0 !important;
}


/* 2026-08-22 — Company Contacts progressive tab unlock:
   Website is always available (34%).
   Employee and Emails are visible at 33% each but remain inactive until
   the preceding workflow action unlocks them. */
#root .companyOverviewPage .companyContactDirectoryTabs{
  grid-template-columns:34% 33% 33% !important;
}
#root .companyOverviewPage .companyContactDirectoryTabs button:disabled,
#root .companyOverviewPage .companyContactDirectoryTabs button.locked{
  background:#F5F7FA !important;
  background-color:#F5F7FA !important;
  color:#9AA6B2 !important;
  cursor:not-allowed !important;
  opacity:1 !important;
  box-shadow:none !important;
}
#root .companyOverviewPage .companyContactDirectoryTabs button:disabled:hover,
#root .companyOverviewPage .companyContactDirectoryTabs button.locked:hover,
#root .companyOverviewPage .companyContactDirectoryTabs button:disabled:focus,
#root .companyOverviewPage .companyContactDirectoryTabs button.locked:focus{
  background:#F5F7FA !important;
  background-color:#F5F7FA !important;
  color:#9AA6B2 !important;
  outline:none !important;
}


/* 2026-08-22 — Company Contacts Employee/Email refresh controls:
   right-side refresh recalls only the active Employee or Email API. */
#root .companyOverviewPage .companyContactSelectedDomainBar .companyContactRefreshButton{
  margin-left:auto !important;
  min-width:82px !important;
  height:32px !important;
  padding:0 12px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#FFFFFF !important;
  background-color:#FFFFFF !important;
  border:1px solid #CFD6DF !important;
  border-radius:0 !important;
  color:#02152B !important;
  box-shadow:none !important;
  cursor:pointer !important;
}
#root .companyOverviewPage .companyContactSelectedDomainBar .companyContactRefreshButton:hover:not(:disabled),
#root .companyOverviewPage .companyContactSelectedDomainBar .companyContactRefreshButton:focus-visible:not(:disabled){
  background:#FFFFFF !important;
  border-color:#0B69DF !important;
  color:#0B69DF !important;
  outline:none !important;
}
#root .companyOverviewPage .companyContactSelectedDomainBar .companyContactRefreshButton:disabled{
  background:#FFFFFF !important;
  border-color:#CFD6DF !important;
  color:#9AA6B2 !important;
  cursor:not-allowed !important;
  opacity:1 !important;
}


/* 2026-08-22 — Contacts Website top box = Selected Domain geometry:
   Company Website intro row uses the exact same outer height/width/padding
   geometry as Employee/Emails Selected Domain row. */
#root .companyOverviewPage .companyContactFlowActions{
  width:100% !important;
  min-height:42px !important;
  height:42px !important;
  box-sizing:border-box !important;
  margin-bottom:12px !important;
  padding:6px 8px !important;
  border:1px solid #DDE5F2 !important;
  border-radius:0 !important;
  background:#F8FBFF !important;
  align-items:center !important;
}
#root .companyOverviewPage .companyContactSelectedDomainBar{
  width:100% !important;
  min-height:42px !important;
  height:42px !important;
  box-sizing:border-box !important;
}


/* 2026-08-22 — Company Website top Refresh:
   recalls only the Company Website/domain API. */
#root .companyOverviewPage .companyContactFlowActions .companyContactRefreshButton{
  margin-left:auto !important;
  min-width:82px !important;
  height:32px !important;
  padding:0 12px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#FFFFFF !important;
  background-color:#FFFFFF !important;
  border:1px solid #CFD6DF !important;
  border-radius:0 !important;
  color:#02152B !important;
  box-shadow:none !important;
  cursor:pointer !important;
}
#root .companyOverviewPage .companyContactFlowActions .companyContactRefreshButton:hover:not(:disabled),
#root .companyOverviewPage .companyContactFlowActions .companyContactRefreshButton:focus-visible:not(:disabled){
  background:#FFFFFF !important;
  border-color:#0B69DF !important;
  color:#0B69DF !important;
  outline:none !important;
}
#root .companyOverviewPage .companyContactFlowActions .companyContactRefreshButton:disabled{
  background:#FFFFFF !important;
  border-color:#CFD6DF !important;
  color:#9AA6B2 !important;
  cursor:not-allowed !important;
  opacity:1 !important;
}


/* 2026-08-22 — Company Contacts Employee/Email side drawer:
   Website remains the only in-page Contacts view.
   Find Employee & Emails opens a Shipment-Profile-style 50% workspace drawer.
   Employee opens by default; Email API stays lazy until its drawer tab is clicked. */
#root .companyOverviewPage .companyContactDirectoryTabs{
  display:none !important;
}
.companyContactDrawerBackdrop{
  position:fixed !important;
  inset:var(--top-strip-height,58px) 0 0 var(--sidebar-collapsed-width,82px) !important;
  z-index:9995 !important;
  display:flex !important;
  align-items:stretch !important;
  justify-content:flex-end !important;
  padding:0 !important;
  overflow:hidden !important;
  background:rgba(0,0,0,.38) !important;
}
.companyContactDrawer{
  width:50% !important;
  min-width:0 !important;
  max-width:50% !important;
  height:100% !important;
  margin:0 !important;
  display:flex !important;
  flex-direction:column !important;
  background:#FFFFFF !important;
  border:0 !important;
  border-left:1px solid #DDE5F2 !important;
  border-radius:0 !important;
  box-shadow:-12px 0 28px rgba(31,55,90,.14) !important;
  animation:shipmentProfileDrawerIn .22s ease-out both;
}
.companyContactDrawerHeader{
  flex:0 0 auto !important;
  min-height:52px !important;
  display:flex !important;
  align-items:stretch !important;
  border-bottom:1px solid #DDE5F2 !important;
  background:#FFFFFF !important;
}
.companyContactDrawerTabs{
  flex:1 1 auto !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
}
.companyContactDrawerTabs button{
  min-height:52px !important;
  border:0 !important;
  border-right:1px solid #DDE5F2 !important;
  border-radius:0 !important;
  background:#FFFFFF !important;
  color:#02152B !important;
  cursor:pointer !important;
}
.companyContactDrawerTabs button.active{
  background:#0B69DF !important;
  color:#FFFFFF !important;
}
.companyContactDrawerClose{
  flex:0 0 52px !important;
  width:52px !important;
  min-width:52px !important;
  border:0 !important;
  border-radius:0 !important;
  background:#FFFFFF !important;
  color:#02152B !important;
  cursor:pointer !important;
}
.companyContactDrawerClose:hover,
.companyContactDrawerClose:focus-visible{
  color:#0B69DF !important;
  outline:none !important;
}
.companyContactDrawerBody{
  flex:1 1 auto !important;
  min-height:0 !important;
  overflow:auto !important;
  padding:16px !important;
  background:#FFFFFF !important;
}
.companyContactDrawerBody .companyContactDirectoryTableWrap{
  width:100% !important;
}
@media(max-width:760px){
  .companyContactDrawer{
    width:100% !important;
    max-width:100% !important;
  }
}


/* 2026-08-22 — Temporary Company Employee drawer horizontal scroll:
   keep the full Employee table width and allow horizontal scrolling inside
   the 50% contacts drawer until the employee columns are redesigned. */
.companyContactDrawerBody{
  overflow:auto !important;
  scrollbar-gutter:auto !important;
}
.companyContactDrawerBody .companyContactDirectoryTableWrap{
  width:100% !important;
  max-width:100% !important;
  overflow-x:auto !important;
  overflow-y:visible !important;
  scrollbar-gutter:auto !important;
}
.companyContactDrawerBody .companyEmployeeTable{
  width:max-content !important;
  min-width:1800px !important;
  table-layout:auto !important;
}
.companyContactDrawerBody .companyEmployeeTable th,
.companyContactDrawerBody .companyEmployeeTable td{
  white-space:nowrap !important;
}


/* 2026-08-22 — Company Website table: no sort controls.
   Keep sorting controls elsewhere in the platform unchanged. */
#root .companyOverviewPage .companyWebsiteTable thead .platformTriangleSortButton,
#root .companyOverviewPage .companyWebsiteTable thead .platformSortButton,
#root .companyOverviewPage .companyWebsiteTable thead .platformSortGlyph{
  display:none !important;
}
#root .companyOverviewPage .companyWebsiteTable thead th.platformSortableHeader{
  cursor:default !important;
}
#root .companyOverviewPage .companyWebsiteTable thead th.platformSortableHeader > .platformHeaderInner{
  gap:0 !important;
}

/* Search-key matches in Website Title reuse the platform's underline-only
   highlight language; no background strip or forced colour. */
#root .companyOverviewPage .companyWebsiteSearchKeyHighlight{
  background:transparent !important;
  color:inherit !important;
  text-decoration-line:underline !important;
  text-decoration-style:solid !important;
  text-decoration-thickness:1px !important;
  text-underline-offset:2px !important;
}


/* 2026-08-22 — Contacts drawer selected Website details:
   copied directly from selected Company Website row; no additional API request. */
.companyContactDrawerSelectedDetails{
  flex:0 0 auto !important;
  padding:12px 16px !important;
  display:grid !important;
  gap:6px !important;
  background:#FFFFFF !important;
  border-bottom:1px solid #DDE5F2 !important;
}
.companyContactDrawerSelectedDetails > div{
  display:grid !important;
  grid-template-columns:92px minmax(0,1fr) !important;
  gap:10px !important;
  align-items:start !important;
}
.companyContactDrawerSelectedDetails strong{
  color:#02152B !important;
  font-weight:600 !important;
}
.companyContactDrawerSelectedDetails span{
  color:#02152B !important;
  font-weight:400 !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}


/* 2026-08-22 — Contacts heading uses View By blue marker:
   same 4px x 16px square blue indicator as .analysisViewLabel. */
#root .companyOverviewPage .companyContactDirectoryHead h3{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
}
#root .companyOverviewPage .companyContactDirectoryHead h3::before{
  content:"" !important;
  width:4px !important;
  height:16px !important;
  flex:0 0 4px !important;
  border-radius:0 !important;
  background:#0B69DF !important;
}


/* 2026-08-22 — Uniform title/table separator lines:
   Match the Contacts title-to-content separation across Company View and Tracking.
   Each title/header gets equal 14px top + bottom spacing, then one separator line. */

/* Company Alias / Buyer-Supplier / Trade Analysis — View By */
#root .companyOverviewPage .associatedCompanyPanel > .analysisViewControlGroup{
  box-sizing:border-box !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 0 14px !important;
  padding:14px 0 !important;
  border-bottom:1px solid #DDE5F2 !important;
}
#root .companyOverviewPage .associatedCompanyPanel > .analysisViewControlGroup:first-child,
#root .companyOverviewPage 

/* Company View — Trading Records headers in Trade Trend, Company Alias,
   Buyer/Supplier and Trade Analysis. */
#root .companyOverviewPage .tradeTrendRecordsBlock > .tradeTrendRecordsHeader,
#root .companyOverviewPage .tradingRecordsBlock > .companyRecordsHeaderGrid{
  box-sizing:border-box !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 0 14px !important;
  padding:14px 0 !important;
  border-bottom:1px solid #DDE5F2 !important;
}
#root .companyOverviewPage .tradeTrendRecordsBlock > .tradeTrendRecordsHeader .tradeTrendRecordsHeadingBlock,
#root .companyOverviewPage .tradingRecordsBlock > .companyRecordsHeaderGrid .companyRecordsHeading{
  margin:0 !important;
  padding:0 !important;
}

/* Tracking — Track By and Tracking Records */
#root .trackingPage .trackPanel > .panelHead.trackByHead,
#root .trackingPage .trackPanel > .panelHead.trackingRecordsPanelHead{
  box-sizing:border-box !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 0 14px !important;
  padding:14px 0 !important;
  border-bottom:1px solid #DDE5F2 !important;
}

/* Keep the table/content start consistent immediately after the separator gap. */
#root .trackingPage .trackByHead + .trackTableWrap,
#root .trackingPage .trackingRecordsPanelHead + .trackRecordsWrap,
#root .companyOverviewPage .analysisViewControlGroup + .partyTableWrap,
#root .companyOverviewPage .analysisViewControlGroup + .statisticsTableWrap,
#root .companyOverviewPage .tradeTrendRecordsHeader + .companyTradingTableWrap,
#root .companyOverviewPage .companyRecordsHeaderGrid + .companyTradingTableWrap{
  margin-top:0 !important;
}

/* Dark theme keeps the same geometry; only line colour changes. */
.theme-dark #root .companyOverviewPage .associatedCompanyPanel > .analysisViewControlGroup,
.theme-dark #root .companyOverviewPage .tradeTrendRecordsBlock > .tradeTrendRecordsHeader,
.theme-dark #root .companyOverviewPage .tradingRecordsBlock > .companyRecordsHeaderGrid,
.theme-dark #root .trackingPage .trackPanel > .panelHead.trackByHead,
.theme-dark #root .trackingPage .trackPanel > .panelHead.trackingRecordsPanelHead{
  border-bottom-color:#242C49 !important;
}


/* 2026-08-22 — Track tab exact 15px spacing canonical:
   Track By + Tracking Records only.
   Card border -> title = 15px
   Title/results -> separator = 15px
   Separator = 1px
   Separator -> table = 15px
   Left/right card -> content = 15px
   Remove old extra/negative margins and grid gaps. */
#root .trackingPage .trackPanel.trackByPanel,
#root .trackingPage .trackPanel.trackingRecordsPanel{
  box-sizing:border-box !important;
  padding:15px !important;
  gap:0 !important;
}

/* Header starts exactly 15px from card edges via parent padding.
   Keep 15px under title/result block before the 1px line,
   then another 15px after the line before the table. */
#root .trackingPage .trackPanel > .panelHead.trackByHead,
#root .trackingPage .trackPanel > .panelHead.trackingRecordsPanelHead{
  box-sizing:border-box !important;
  min-height:0 !important;
  height:auto !important;
  margin:0 0 15px !important;
  padding:0 0 15px !important;
  border-bottom:1px solid #DDE5F2 !important;
}

/* Remove nested heading margins/padding that can add extra vertical space. */
#root .trackingPage .trackByHead > div:first-child,
#root .trackingPage .trackingRecordsPanelHead .trackingRecordsHeading,
#root .trackingPage .trackingRecordsPanelHead .trackingRecordsTitleLine{
  margin:0 !important;
  padding:0 !important;
}
#root .trackingPage .trackByHead .eyebrow,
#root .trackingPage .trackByHead h3,
#root .trackingPage .trackingRecordsPanelHead .eyebrow,
#root .trackingPage .trackingRecordsPanelHead h3{
  margin:0 !important;
  padding:0 !important;
}

/* Table begins immediately after the header's 15px bottom margin.
   No inherited extra top margin/gap. */
#root .trackingPage .trackByTableWrap,
#root .trackingPage .trackRecordsWrap,
#root .trackingPage .shipmentRecordsTableWrap.trackingShipmentRecordsTableWrap{
  margin-top:0 !important;
}

/* Keep exactly 15px from table to pagination/footer area too. */
#root .trackingPage .trackByTableWrap + .pagination,
#root .trackingPage .trackByTableWrap + .tablePagination,
#root .trackingPage .trackRecordsWrap + .pagination,
#root .trackingPage .shipmentRecordsTableWrap.trackingShipmentRecordsTableWrap + .pagination{
  margin-top:15px !important;
}

/* Prevent legacy panel/head spacing layers from reintroducing offsets. */
#root .trackingPage .trackByHead{
  margin-bottom:15px !important;
}
#root .trackingPage .trackingRecordsPanelHead{
  margin-bottom:15px !important;
}

.theme-dark #root .trackingPage .trackPanel > .panelHead.trackByHead,
.theme-dark #root .trackingPage .trackPanel > .panelHead.trackingRecordsPanelHead{
  border-bottom-color:#242C49 !important;
}


/* 2026-08-22 — Trade Search four result tabs exact 15px spacing canonical:
   Shipment Records / Importer / Exporter / Trade Insights.
   White-card edge -> inner content = 15px
   Result-tab underline -> title block = 15px
   Title/results -> separator = 15px
   Separator = 1px
   Separator -> first table border = 15px
   Table -> pagination/footer = 15px
   Remove old 20/22/14/12px offsets and nested wrapper gaps. */
#root .tradeSearch .results.panel{
  box-sizing:border-box !important;
  padding:15px !important;
}

/* Result tabs keep their existing visual states, but no legacy outer offset. */
#root .tradeSearch .results.panel > .resultTabs{
  margin:0 !important;
  padding:0 0 12px !important;
}
#root .tradeSearch .results.panel > .resultTabs button::after{
  bottom:-12px !important;
}

/* Exact 15px from active-tab underline area to title, and 15px from
   title/results to the 1px separator. */
#root .tradeSearch .results.panel > .panelHead{
  box-sizing:border-box !important;
  min-height:0 !important;
  height:auto !important;
  margin:0 0 15px !important;
  padding:15px 0 !important;
  border-bottom:1px solid #DDE5F2 !important;
}

/* Remove nested title/result margins that could add extra spacing. */
#root .tradeSearch .results.panel > .panelHead .resultSummary,
#root .tradeSearch .results.panel > .panelHead .resultLine,
#root .tradeSearch .results.panel > .panelHead .eyebrow,
#root .tradeSearch .results.panel > .panelHead h3{
  margin-top:0 !important;
  margin-bottom:0 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}

/* No hidden parent gap between separator and first table for any of the 4 tabs. */
#root .tradeSearch .results.panel > .resultSectionLoading,
#root .tradeSearch .results.panel > .resultSectionLoading > .sectionLoadingContent,
#root .tradeSearch .results.panel > .resultSectionLoading .partyPanel,
#root .tradeSearch .results.panel > .resultSectionLoading .statisticsPanel{
  margin-top:0 !important;
  padding-top:0 !important;
  gap:0 !important;
}
#root .tradeSearch .results.panel > .tableWrap,
#root .tradeSearch .results.panel > .resultSectionLoading .tableWrap,
#root .tradeSearch .results.panel > .resultSectionLoading .partyTableWrap,
#root .tradeSearch .results.panel > .resultSectionLoading .statisticsTableWrap{
  margin-top:0 !important;
}

/* Header already contributes exactly 15px below its separator through
   margin-bottom; do not let wrappers add another offset. */
#root .tradeSearch .results.panel > .panelHead + .resultSectionLoading,
#root .tradeSearch .results.panel > .panelHead + .tableWrap{
  margin-top:0 !important;
}

/* Table -> pagination/footer = exactly 15px on all result types. */
#root .tradeSearch .shipmentRecordsTableWrap + .searchPagination,
#root .tradeSearch .partyTableWrap + .searchPagination,
#root .tradeSearch .statisticsTableWrap + .searchPagination,
#root .tradeSearch .resultSectionLoading .searchPagination{
  margin-top:15px !important;
  padding-top:0 !important;
}

/* Left/right table edge follows the card's exact 15px inset. */
#root .tradeSearch .results.panel > .tableWrap,
#root .tradeSearch .results.panel > .resultSectionLoading,
#root .tradeSearch .results.panel > .resultSectionLoading > .sectionLoadingContent,
#root .tradeSearch .results.panel > .resultSectionLoading .partyPanel,
#root .tradeSearch .results.panel > .resultSectionLoading .statisticsPanel,
#root .tradeSearch .results.panel > .resultSectionLoading .partyTableWrap,
#root .tradeSearch .results.panel > .resultSectionLoading .statisticsTableWrap{
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}

/* Dark theme: geometry stays identical, only separator colour changes. */
.theme-dark #root .tradeSearch .results.panel > .panelHead{
  border-bottom-color:#242C49 !important;
}


/* 2026-08-22 — Tracking pagination exact 15px top spacing:
   Root cause: Track By / Tracking Records use the shared `.searchPagination`
   element, while an older Track-specific rule targeted `.pagination`,
   so the intended 15px rule did not consistently hit the real pagination node.
   This final scoped rule matches the actual DOM for both Track tables. */
#root .trackingPage .trackByTableWrap + .searchPagination,
#root .trackingPage .trackRecordsWrap + .searchPagination,
#root .trackingPage .trackingShipmentRecordsTableWrap + .searchPagination,
#root .trackingPage .trackPanel .searchPagination{
  margin-top:15px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}

/* Remove any parent/grid contribution between table and pagination. */
#root .trackingPage .trackPanel.trackByPanel,
#root .trackingPage .trackPanel.trackingRecordsPanel{
  row-gap:0 !important;
}

/* Keep pagination left/right aligned to the table/card 15px inset. */
#root .trackingPage .trackPanel .searchPagination{
  padding-left:0 !important;
  padding-right:0 !important;
  width:100% !important;
  box-sizing:border-box !important;
}


/* 2026-08-22 — COMPANY VIEW EXACT 15PX SPACING — FINAL SINGLE SOURCE:
   Structural spacing only; visual styles, sizes and API behaviour stay unchanged.
   Old mixed 8/9/10/12/14/16/18/20px structural gaps are neutralized here.
   Standard:
   card/page -> content = 15px
   card -> card = 15px
   title/results -> 1px separator = 15px
   separator -> table/content = 15px
   table -> pagination = 15px
   related box/button groups = 15px
*/

/* 1) Main Company View card-to-card rhythm. */
#root .companyOverviewPage{
  gap:15px !important;
}

/* 2) Main company header card. */
#root .companyOverviewPage .companyOverviewHeader.companyOverviewHeaderModern{
  padding:15px !important;
  gap:15px !important;
}
#root .companyOverviewPage .companyOverviewHeaderModern .contactCompanyBlock{
  gap:15px !important;
}
#root .companyOverviewPage .companyOverviewHeaderModern .companyProfileDetails{
  gap:15px !important;
}
#root .companyOverviewPage .companyTradeModeSimple{
  margin-top:0 !important;
}
#root .companyOverviewPage .companyTradeModeSimpleToggle{
  gap:15px !important;
}
#root .companyOverviewPage .companyModernHeroActions{
  gap:15px !important;
  padding-left:15px !important;
}

/* Header sub-tab strip: 15px separation from the header content and
   15px horizontal/vertical inset. Tabs themselves remain a tab strip. */
#root .companyOverviewPage .companyOverviewHeaderModern > .companyHeaderTabs{
  margin:15px -15px -15px !important;
  padding:15px !important;
  gap:0 !important;
}

/* 3) Trade Trend: two chart cards and Trading Records card. */
#root .companyOverviewPage .companyChartPanel.tradeTrendSplitPanel,
#root .companyOverviewPage .tradeTrendChartsGrid{
  gap:15px !important;
}
#root .companyOverviewPage .tradeTrendSingleCardHeader{
  padding:15px !important;
  gap:15px !important;
}
#root .companyOverviewPage .tradeTrendSingleChartWrap{
  padding:15px 15px 0 !important;
}
#root .companyOverviewPage .tradeTrendSingleNav{
  gap:15px !important;
  padding:15px !important;
}

/* 4) Company View Trading Records cards. */
#root .companyOverviewPage .tradeTrendRecordsBlock,
#root .companyOverviewPage .companyStandaloneRecordsPanel{
  box-sizing:border-box !important;
  padding:15px !important;
  gap:0 !important;
}
#root .companyOverviewPage .tradeTrendRecordsBlock > .tradeTrendRecordsHeader,
#root .companyOverviewPage .tradingRecordsBlock > .companyRecordsHeaderGrid,
#root .companyOverviewPage .companyStandaloneRecordsPanel > .companyRecordsHeaderGrid{
  box-sizing:border-box !important;
  min-height:0 !important;
  height:auto !important;
  margin:0 0 15px !important;
  padding:0 0 15px !important;
  border-bottom:1px solid #DDE5F2 !important;
}
#root .companyOverviewPage .tradeTrendRecordsHeadingBlock,
#root .companyOverviewPage .companyRecordsHeading{
  margin:0 !important;
  padding:0 !important;
  gap:0 !important;
}
#root .companyOverviewPage .companyTradingTableWrap + .searchPagination,
#root .companyOverviewPage .companyTradingTableWrap + .pagination,
#root .companyOverviewPage .tradeTrendRecordsBlock .searchPagination{
  margin-top:15px !important;
  padding-top:0 !important;
}

/* 5) Company Alias / Buyer-Supplier / Trade Analysis summary cards. */
#root .companyOverviewPage .associatedCompanyPanel{
  box-sizing:border-box !important;
  padding:15px !important;
  gap:0 !important;
}
#root .companyOverviewPage .associatedCompanyPanel > .analysisViewControlGroup{
  box-sizing:border-box !important;
  min-height:0 !important;
  height:auto !important;
  margin:0 0 15px !important;
  padding:0 0 15px !important;
  border-bottom:1px solid #DDE5F2 !important;
}
#root .companyOverviewPage .associatedCompanyPanel > .analysisViewControlGroup:first-child,
#root .companyOverviewPage .associatedCompanyPanel.analysisPanel > .analysisViewControlGroup:first-child{
  margin-top:0 !important;
}
#root .companyOverviewPage .analysisViewHeading,
#root .companyOverviewPage .analysisViewControlGroupInlineHeader{
  gap:15px !important;
}
#root .companyOverviewPage .associatedCompanyPanel :is(
  .companyPartyTableWrap,
  .partyTableWrap,
  .companyTradeAnalysisTableWrap,
  .statisticsTableWrap,
  .associatedTableWrap
){
  margin-top:0 !important;
}
#root .companyOverviewPage .associatedCompanyPanel :is(
  .companyPartyTableWrap,
  .partyTableWrap,
  .companyTradeAnalysisTableWrap,
  .statisticsTableWrap,
  .associatedTableWrap
) + .searchPagination,
#root .companyOverviewPage .associatedCompanyPanel .searchPagination{
  margin-top:15px !important;
  padding-top:0 !important;
}

/* 6) Contacts main card. */
#root .companyOverviewPage .companyContactDirectoryPanel{
  margin:0 !important;
}
#root .companyOverviewPage .companyContactDirectoryHead{
  min-height:0 !important;
  padding:15px !important;
  gap:15px !important;
}
#root .companyOverviewPage .companyContactDirectoryBody{
  padding:15px !important;
}
#root .companyOverviewPage .companyContactDirectoryTableWrap + .companyContactDirectoryPager,
#root .companyOverviewPage .companyContactDirectoryPager{
  margin-top:15px !important;
}

/* 7) Employee / Email drawer uses the same 15px rhythm. */
#root .companyContactDrawerSelectedDetails{
  padding:15px !important;
  gap:15px !important;
}
#root .companyContactDrawerSelectedDetails > div{
  gap:15px !important;
}
#root .companyContactDrawerBody{
  padding:15px !important;
}
#root .companyContactDrawerBody .companyContactSelectedDomainBar{
  margin-bottom:15px !important;
}
#root .companyContactDrawerBody .companyContactDirectoryTableWrap + .companyContactDirectoryPager,
#root .companyContactDrawerBody .companyContactDirectoryPager{
  margin-top:15px !important;
}

/* 8) Loading wrappers must not add another hidden gap around Company View cards. */
#root .companyOverviewPage :is(
  .companyHeaderLoadingBoundary,
  .companySectionLoadingBoundary,
  .companyRecordsLoadingBoundary,
  .tradeTrendChartLoadingBoundary,
  .tradeTrendRecordsLoadingBoundary
),
#root .companyOverviewPage :is(
  .companyHeaderLoadingBoundary,
  .companySectionLoadingBoundary,
  .companyRecordsLoadingBoundary,
  .tradeTrendChartLoadingBoundary,
  .tradeTrendRecordsLoadingBoundary
) > .sectionLoadingContent{
  margin-top:0 !important;
  margin-bottom:0 !important;
}

/* 9) Dark mode: geometry remains exactly the same. */
.theme-dark #root .companyOverviewPage .tradeTrendRecordsBlock > .tradeTrendRecordsHeader,
.theme-dark #root .companyOverviewPage .tradingRecordsBlock > .companyRecordsHeaderGrid,
.theme-dark #root .companyOverviewPage .companyStandaloneRecordsPanel > .companyRecordsHeaderGrid,
.theme-dark #root .companyOverviewPage .associatedCompanyPanel > .analysisViewControlGroup{
  border-bottom-color:#242C49 !important;
}


/* 2026-08-22 — UNIFORM TWO-LINE TABLE TITLE TYPOGRAPHY — SHIPMENT RECORDS REFERENCE:
   Reference geometry:
   Title = 15px / 18px line-height
   Results Found = 13px / 16px line-height
   Between the two text lines = 6px
   Total two-line text block = 18 + 6 + 16 = 40px
   Applies to:
   Trade Search Shipment Records / Importer / Exporter / Trade Insights,
   Track By / Tracking Records,
   Company View Trade Trend Trading Records,
   Company View View By,
   and Company View Trading Records headers.
*/

/* ---------- shared 15px title / 13px result-count typography ---------- */
#root .tradeSearch .resultSummary > .eyebrow,
#root .trackingPage .trackByHead > div:first-child > .eyebrow,
#root .trackingPage .trackingRecordsTitleLine > .eyebrow,
#root .companyOverviewPage .tradeTrendRecordsHeadingBlock > h4,
#root .companyOverviewPage .companyRecordsHeading > h4,
#root .companyOverviewPage .analysisViewHeading > .analysisViewLabel{
  margin:0 !important;
  padding:0 !important;
  font-size:15px !important;
  font-weight:550 !important;
  line-height:18px !important;
  min-height:18px !important;
}

#root .tradeSearch .resultSummary > .resultLine > h3,
#root .trackingPage .trackByHead > div:first-child > h3,
#root .trackingPage .trackingRecordsPanelHead .trackingRecordsHeading > h3,
#root .companyOverviewPage .tradeTrendRecordsHeadingBlock > p,
#root .companyOverviewPage .companyRecordsHeading > p,
#root .companyOverviewPage .analysisViewHeading > .analysisViewResultCount{
  margin-top:0 !important;
  margin-bottom:0 !important;
  padding:0 !important;
  font-size:13px !important;
  font-weight:400 !important;
  line-height:16px !important;
  min-height:16px !important;
}

/* ---------- exact 6px between title line and result-count line ---------- */
#root .tradeSearch .resultSummary,
#root .trackingPage .trackByHead > div:first-child,
#root .trackingPage .trackingRecordsPanelHead .trackingRecordsHeading,
#root .companyOverviewPage .tradeTrendRecordsHeadingBlock,
#root .companyOverviewPage .companyRecordsHeading,
#root .companyOverviewPage .analysisViewHeading{
  box-sizing:border-box !important;
  display:grid !important;
  grid-template-rows:18px 16px !important;
  align-content:start !important;
  row-gap:5px !important;
  gap:5px !important;
  height:39px !important;
  min-height:39px !important;
  max-height:39px !important;
  margin:0 !important;
  padding:0 !important;
}

/* Existing result-count indent stays identical to Shipment Records. */
#root .tradeSearch .resultSummary > .resultLine > h3,
#root .trackingPage .trackByHead > div:first-child > h3,
#root .trackingPage .trackingRecordsPanelHead .trackingRecordsHeading > h3,
#root .companyOverviewPage .tradeTrendRecordsHeadingBlock > p,
#root .companyOverviewPage .companyRecordsHeading > p,
#root .companyOverviewPage .analysisViewHeading > .analysisViewResultCount{
  margin-left:12px !important;
}

/* Trade Search resultLine must not create another internal row/gap. */
#root .tradeSearch .resultSummary > .resultLine{
  display:block !important;
  height:16px !important;
  min-height:16px !important;
  margin:0 !important;
  padding:0 !important;
}

/* Tracking Records title line contains the blue title plus optional controls;
   keep the visible title line at the same 18px reference height. */
#root .trackingPage .trackingRecordsTitleLine{
  height:18px !important;
  min-height:18px !important;
  margin:0 !important;
  padding:0 !important;
  gap:8px !important;
  align-items:center !important;
}

/* Company View header grids previously forced 35px heading blocks.
   Replace that legacy height with the same exact 40px two-line block. */
#root .companyOverviewPage .tradeTrendRecordsHeadingBlock,
#root .companyOverviewPage .companyRecordsHeaderGrid > .companyRecordsHeading{
  height:39px !important;
  min-height:39px !important;
  max-height:39px !important;
  grid-template-rows:18px 16px !important;
  row-gap:5px !important;
  align-content:start !important;
}

/* Keep neighboring period/context/tag cells vertically aligned to the
   new 40px reference heading without changing their visual design. */
#root .companyOverviewPage .tradeTrendRecordsPeriodCell,
#root .companyOverviewPage .tradeTrendRecordsContext,
#root .companyOverviewPage .companyRecordsHeaderGrid > .companyRecordsPeriodCell,
#root .companyOverviewPage .companyRecordsHeaderGrid > .companyRecordsContext{
  min-height:39px !important;
  height:39px !important;
}

/* View By had legacy 1px/15px heading gaps. The two text lines now use
   only the canonical 6px internal gap; outer 15px card spacing remains unchanged. */
#root .companyOverviewPage .analysisViewHeading{
  justify-items:start !important;
  align-content:start !important;
}

/* Preserve the existing blue marker geometry on all first-line titles. */
#root .tradeSearch .resultSummary > .eyebrow::before,
#root .trackingPage .trackByHead > div:first-child > .eyebrow::before,
#root .trackingPage .trackingRecordsTitleLine > .eyebrow::before,
#root .companyOverviewPage .analysisViewLabel::before,
#root .companyOverviewPage .tradeTrendRecordsHeadingBlock > h4::before,
#root .companyOverviewPage .companyRecordsHeading > h4::before{
  width:4px !important;
  height:16px !important;
  flex:0 0 4px !important;
  border-radius:0 !important;
}

/* Dark mode typography only; geometry remains identical. */
.theme-dark #root .tradeSearch .resultSummary > .eyebrow,
.theme-dark #root .trackingPage .trackByHead > div:first-child > .eyebrow,
.theme-dark #root .trackingPage .trackingRecordsTitleLine > .eyebrow,
.theme-dark #root .companyOverviewPage .tradeTrendRecordsHeadingBlock > h4,
.theme-dark #root .companyOverviewPage .companyRecordsHeading > h4,
.theme-dark #root .companyOverviewPage .analysisViewHeading > .analysisViewLabel,
.theme-dark #root .tradeSearch .resultSummary > .resultLine > h3,
.theme-dark #root .trackingPage .trackByHead > div:first-child > h3,
.theme-dark #root .trackingPage .trackingRecordsPanelHead .trackingRecordsHeading > h3,
.theme-dark #root .companyOverviewPage .tradeTrendRecordsHeadingBlock > p,
.theme-dark #root .companyOverviewPage .companyRecordsHeading > p,
.theme-dark #root .companyOverviewPage .analysisViewHeading > .analysisViewResultCount{
  color:#FFFFFF !important;
}


/* 2026-08-22 — COMPANY ALIAS SINGLE 15PX SPACING SOURCE:
   Company Alias View By only.
   White card top -> title = 15px
   title block = 39px
   title -> separator = 15px
   separator = 1px
   separator -> table = 15px
   left/right card inset = 15px
   no extra wrapper spacing.
*/
#root .companyOverviewPage .associatedCompanyPanel:has(> .associatedViewControlGroup){
  box-sizing:border-box !important;
  padding:15px !important;
  margin:0 !important;
  gap:0 !important;
}

/* Alias title/header controls both vertical gaps. */
#root .companyOverviewPage .associatedCompanyPanel > .associatedViewControlGroup{
  box-sizing:border-box !important;
  width:100% !important;
  height:55px !important;      /* 39 title + 15 bottom + 1 separator */
  min-height:55px !important;
  max-height:55px !important;
  margin:0 0 15px !important; /* separator -> table */
  padding:0 0 15px !important;/* title -> separator */
  border:0 !important;
  border-bottom:1px solid #DDE5F2 !important;
  display:block !important;
}

/* Exact two-line title geometry. */
#root .companyOverviewPage .associatedCompanyPanel > .associatedViewControlGroup .analysisViewHeading{
  box-sizing:border-box !important;
  display:grid !important;
  grid-template-rows:18px 16px !important;
  row-gap:5px !important;
  align-content:start !important;
  justify-items:start !important;
  height:39px !important;
  min-height:39px !important;
  max-height:39px !important;
  margin:0 !important;
  padding:0 !important;
}
#root .companyOverviewPage .associatedCompanyPanel > .associatedViewControlGroup .analysisViewLabel{
  margin:0 !important;
  padding:0 !important;
  color:#0B1730 !important;
  font-size:15px !important;
  font-weight:550 !important;
  line-height:18px !important;
}
#root .companyOverviewPage .associatedCompanyPanel > .associatedViewControlGroup .analysisViewResultCount{
  margin:0 0 0 12px !important;
  padding:0 !important;
  color:#0B1730 !important;
  font-size:13px !important;
  font-weight:400 !important;
  line-height:16px !important;
}

/* First Alias table must begin immediately after the header's 15px margin. */
#root .companyOverviewPage .associatedCompanyPanel > .associatedViewControlGroup + *,
#root .companyOverviewPage .associatedCompanyPanel > .associatedViewControlGroup + * > *,
#root .companyOverviewPage .associatedCompanyPanel:has(> .associatedViewControlGroup) :is(
  .associatedTableWrap,
  .companyPartyTableWrap,
  .partyTableWrap,
  .resultSectionLoading,
  .sectionLoadingContent
){
  margin-top:0 !important;
  padding-top:0 !important;
}
#root .companyOverviewPage .associatedCompanyPanel:has(> .associatedViewControlGroup) > :is(
  .resultSectionLoading,
  .sectionLoadingContent
){
  gap:0 !important;
  row-gap:0 !important;
}

.theme-dark #root .companyOverviewPage .associatedCompanyPanel > .associatedViewControlGroup{
  border-bottom-color:#242C49 !important;
}
.theme-dark #root .companyOverviewPage .associatedCompanyPanel > .associatedViewControlGroup .analysisViewLabel,
.theme-dark #root .companyOverviewPage .associatedCompanyPanel > .associatedViewControlGroup .analysisViewResultCount{
  color:#FFFFFF !important;
}


/* 2026-08-22 — COMPANY ALIAS REBUILT CLEAN CARD
   Old associatedCompanyPanel/partyPanel spacing stack is bypassed completely.
   Exact physical geometry:
   white card border -> title = 15px
   title lines gap = 5px
   title group -> separator = 15px
   separator = 1px
   separator -> table top border = 15px
   left/right/bottom card inset = 15px
*/
#root .companyOverviewPage .companyAliasViewCard{
  box-sizing:border-box !important;
  width:100% !important;
  margin:0 !important;
  padding:15px !important;
  display:block !important;
  background:var(--sl-surface,#FFFFFF) !important;
  border:1px solid var(--sl-border,#DDE5F2) !important;
  border-radius:0 !important;
  box-shadow:0 18px 42px rgba(31,55,90,.10) !important;
}

/* Title/header has ZERO top spacing because card padding already supplies exact 15px. */
#root .companyOverviewPage .companyAliasViewHeader{
  box-sizing:border-box !important;
  width:100% !important;
  margin:0 0 15px !important;   /* separator -> table = 15px */
  padding:0 0 15px !important;  /* title group -> separator = 15px */
  border:0 !important;
  border-bottom:1px solid #DDE5F2 !important;
}

/* Auto-height title group: no artificial 39px box or inherited alignment. */
#root .companyOverviewPage .companyAliasViewHeading{
  box-sizing:border-box !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  gap:5px !important;
  width:auto !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
}

#root .companyOverviewPage .companyAliasViewHeading .analysisViewLabel{
  display:flex !important;
  align-items:center !important;
  margin:0 !important;
  padding:0 !important;
  min-height:0 !important;
  height:18px !important;
  color:#0B1730 !important;
  font-size:15px !important;
  font-weight:550 !important;
  line-height:18px !important;
}

#root .companyOverviewPage .companyAliasViewHeading .analysisViewResultCount{
  display:block !important;
  margin:0 0 0 12px !important;
  padding:0 !important;
  min-height:0 !important;
  height:16px !important;
  color:#0B1730 !important;
  font-size:13px !important;
  font-weight:400 !important;
  line-height:16px !important;
}

/* Preserve the same blue marker used by other table titles. */
#root .companyOverviewPage .companyAliasViewHeading .analysisViewLabel::before{
  content:"" !important;
  width:4px !important;
  height:16px !important;
  flex:0 0 4px !important;
  margin-right:8px !important;
  border-radius:0 !important;
  background:#0B69DF !important;
}

/* Table wrapper starts immediately after the header's 15px margin.
   Kill all legacy partyTableWrap radius/margins that could visually shift it. */
#root .companyOverviewPage .companyAliasViewTableWrap{
  box-sizing:border-box !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  overflow:auto !important;
  border:1px solid #DFE6EE !important;
  border-radius:0 !important;
  background:#FFFFFF !important;
}

/* Pagination follows the table with the platform's 15px rhythm. */
#root .companyOverviewPage .companyAliasViewTableWrap + .searchPagination{
  margin-top:15px !important;
  padding-top:0 !important;
}

/* Preserve previous Company Alias retry behavior after removing associatedCompanyPanel class. */
#root .companyOverviewPage .companyAliasViewCard:has(> .companyApiStatus.retryDataState) > .companyAliasViewTableWrap,
#root .companyOverviewPage .companyAliasViewCard:has(> .companyApiStatus.retryDataState) > .searchPagination{
  display:none !important;
}
#root .companyOverviewPage .companyAliasViewCard > .companyApiStatus.retryDataState{
  width:100% !important;
  min-height:260px !important;
  margin:0 !important;
  padding:24px !important;
  box-sizing:border-box !important;
}

/* Dark mode. */
.theme-dark #root .companyOverviewPage .companyAliasViewCard{
  background:#0F1325 !important;
  border-color:#242C49 !important;
}
.theme-dark #root .companyOverviewPage .companyAliasViewHeader{
  border-bottom-color:#242C49 !important;
}
.theme-dark #root .companyOverviewPage .companyAliasViewHeading .analysisViewLabel,
.theme-dark #root .companyOverviewPage .companyAliasViewHeading .analysisViewResultCount{
  color:#FFFFFF !important;
}
.theme-dark #root .companyOverviewPage .companyAliasViewTableWrap{
  background:#0F1325 !important;
  border-color:#242C49 !important;
}


/* 2026-08-22 — Company Alias View By marker-gap + grey result count:
   Remove the extra gap between the blue marker and View By text.
   Results Found uses the same secondary grey treatment as other title blocks. */
#root .companyOverviewPage .companyAliasViewHeading .analysisViewLabel::before{
  margin-right:0 !important;
}
#root .companyOverviewPage .companyAliasViewHeading .analysisViewLabel{
  gap:0 !important;
}
#root .companyOverviewPage .companyAliasViewHeading .analysisViewResultCount{
  color:#414F5F !important;
}
.theme-dark #root .companyOverviewPage .companyAliasViewHeading .analysisViewResultCount{
  color:#A7B0C0 !important;
}


/* 2026-08-22 — Company Alias marker-to-title gap = Shipment Records:
   Match Shipment Records exactly: 8px between blue marker and View By text. */
#root .companyOverviewPage .companyAliasViewHeading .analysisViewLabel{
  gap:8px !important;
}
#root .companyOverviewPage .companyAliasViewHeading .analysisViewLabel::before{
  margin-right:0 !important;
}


/* 2026-08-22 — Company Alias table dimensions = Buyer/Supplier parity:
   Root cause: rebuilding Company Alias removed the `.partyPanel` ancestor.
   Buyer/Supplier table sizing/padding/metric-cell rules are scoped under
   `.partyPanel .partyCountryTable...`, so Alias stopped receiving them.
   The table wrapper now provides that parity scope, while wrapper panel
   geometry is neutralized so card spacing remains unchanged. */
#root .companyOverviewPage .companyAliasViewTableWrap.partyPanel{
  box-sizing:border-box !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  gap:0 !important;
  display:block !important;
  background:#FFFFFF !important;
  border:1px solid #DFE6EE !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:hidden !important;
}

/* Explicitly keep the same canonical Buyer/Supplier 7-column widths. */
#root .companyOverviewPage .companyAliasViewTableWrap.partyPanel
  .partyCountryTable.partyCompactColumnsTable.partyMetricBarColumnsTable{
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  table-layout:fixed !important;
}
#root .companyOverviewPage .companyAliasViewTableWrap.partyPanel
  .partyCountryTable.partyCompactColumnsTable.partyMetricBarColumnsTable
  :is(th,td):nth-child(1){width:7% !important;}
#root .companyOverviewPage .companyAliasViewTableWrap.partyPanel
  .partyCountryTable.partyCompactColumnsTable.partyMetricBarColumnsTable
  :is(th,td):nth-child(2){width:20% !important;}
#root .companyOverviewPage .companyAliasViewTableWrap.partyPanel
  .partyCountryTable.partyCompactColumnsTable.partyMetricBarColumnsTable
  :is(th,td):nth-child(3){width:13% !important;}
#root .companyOverviewPage .companyAliasViewTableWrap.partyPanel
  .partyCountryTable.partyCompactColumnsTable.partyMetricBarColumnsTable
  :is(th,td):nth-child(4),
#root .companyOverviewPage .companyAliasViewTableWrap.partyPanel
  .partyCountryTable.partyCompactColumnsTable.partyMetricBarColumnsTable
  :is(th,td):nth-child(5),
#root .companyOverviewPage .companyAliasViewTableWrap.partyPanel
  .partyCountryTable.partyCompactColumnsTable.partyMetricBarColumnsTable
  :is(th,td):nth-child(6),
#root .companyOverviewPage .companyAliasViewTableWrap.partyPanel
  .partyCountryTable.partyCompactColumnsTable.partyMetricBarColumnsTable
  :is(th,td):nth-child(7){width:15% !important;}

/* Header/body cell dimensions match Buyer/Supplier. */
#root .companyOverviewPage .companyAliasViewTableWrap.partyPanel
  .partyCountryTable.partyCompactColumnsTable.partyMetricBarColumnsTable thead th{
  box-sizing:border-box !important;
  padding:10px 5px !important;
}
#root .companyOverviewPage .companyAliasViewTableWrap.partyPanel
  .partyCountryTable.partyCompactColumnsTable.partyMetricBarColumnsTable tbody td{
  box-sizing:border-box !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  padding:5px !important;
  font-size:12px !important;
  font-weight:400 !important;
  line-height:1.48 !important;
}

/* Keep metric value | bar | percentage geometry identical to Buyer/Supplier. */
#root .companyOverviewPage .companyAliasViewTableWrap.partyPanel
  .tradeInsightMetricCell{
  grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr) !important;
  column-gap:6px !important;
}
#root .companyOverviewPage .companyAliasViewTableWrap.partyPanel
  .tradeInsightMetricTrack{
  width:56px !important;
  min-width:56px !important;
  max-width:56px !important;
}

.theme-dark #root .companyOverviewPage .companyAliasViewTableWrap.partyPanel{
  background:#0F1325 !important;
  border-color:#242C49 !important;
}


/* 2026-08-22 — BUYER/SUPPLIER + TRADE ANALYSIS REBUILT CLEAN VIEW BY CARDS
   Old outer associatedCompanyPanel / analysisPanel / partyPanel / statisticsPanel
   spacing stack is bypassed.
   Table parity scopes are retained on the actual table wrappers, so table
   dimensions, header/body styling, metrics, sorting, pagination and API logic stay unchanged.

   Exact View By card geometry:
   card border -> title/toggle top = 15px
   title internal gap = 5px
   title/toggle -> separator = 15px
   separator = 1px
   separator -> table top border = 15px
   left/right/bottom card inset = 15px
*/
#root .companyOverviewPage .companyAnalysisViewCard{
  box-sizing:border-box !important;
  width:100% !important;
  margin:0 !important;
  padding:15px !important;
  display:block !important;
  background:#FFFFFF !important;
  border:1px solid #DDE5F2 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

#root .companyOverviewPage .companyAnalysisViewHeader{
  box-sizing:border-box !important;
  width:100% !important;
  margin:0 0 15px !important;
  padding:0 0 15px !important;
  border:0 !important;
  border-bottom:1px solid #DDE5F2 !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:15px !important;
}

#root .companyOverviewPage .companyAnalysisViewHeading{
  box-sizing:border-box !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  gap:5px !important;
  width:auto !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
}
#root .companyOverviewPage .companyAnalysisViewHeading .analysisViewLabel{
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  height:18px !important;
  min-height:18px !important;
  margin:0 !important;
  padding:0 !important;
  color:#0B1730 !important;
  font-size:15px !important;
  font-weight:550 !important;
  line-height:18px !important;
}
#root .companyOverviewPage .companyAnalysisViewHeading .analysisViewLabel::before{
  content:"" !important;
  display:block !important;
  flex:0 0 4px !important;
  width:4px !important;
  height:16px !important;
  margin:0 !important;
  background:#0B69DF !important;
  border-radius:0 !important;
}
#root .companyOverviewPage .companyAnalysisViewHeading .analysisViewResultCount{
  display:block !important;
  height:16px !important;
  min-height:16px !important;
  margin:0 0 0 12px !important;
  padding:0 !important;
  color:#414F5F !important;
  font-size:13px !important;
  font-weight:400 !important;
  line-height:16px !important;
}

/* Buyer/Supplier toggle: same line as title, no outer spacing contribution. */
#root .companyOverviewPage .companyBuyerSupplierViewCard .partnerDisplayModeToolbar.partnerDisplayModeToolbarInline{
  box-sizing:border-box !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:flex-end !important;
  align-self:flex-start !important;
  height:39px !important;
  min-height:39px !important;
  max-height:39px !important;
  margin:0 !important;
  padding:0 !important;
  gap:0 !important;
  transform:none !important;
}
#root .companyOverviewPage .companyBuyerSupplierViewCard .partnerSharedScopeToggle{
  box-sizing:border-box !important;
  display:inline-flex !important;
  align-items:stretch !important;
  height:39px !important;
  min-height:39px !important;
  max-height:39px !important;
  margin:0 !important;
  padding:0 !important;
  gap:0 !important;
  border:1px solid #CFD6DF !important;
  border-radius:0 !important;
  background:#FFFFFF !important;
  box-shadow:none !important;
  overflow:hidden !important;
}
#root .companyOverviewPage .companyBuyerSupplierViewCard .partnerSharedScopeToggle > button{
  box-sizing:border-box !important;
  height:37px !important;
  min-height:37px !important;
  max-height:37px !important;
  margin:0 !important;
  padding:0 12px !important;
  border-radius:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

/* Preserve partyPanel/statisticsPanel only as table-style scopes.
   Neutralize wrapper/card geometry so they cannot add spacing. */
#root .companyOverviewPage .companyBuyerSupplierViewCard > .partyPanel.partyTableWrap,
#root .companyOverviewPage .companyTradeAnalysisViewCard > .statisticsPanel.statisticsTableWrap{
  box-sizing:border-box !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  gap:0 !important;
  row-gap:0 !important;
  display:block !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:hidden !important;
}

/* Any status/error element between header and table contributes no hidden top spacing. */
#root .companyOverviewPage .companyAnalysisViewCard > :is(.companyApiStatus,.apiInlineError){
  margin-top:0 !important;
  padding-top:0 !important;
}

/* Do not alter table cells, headers or dimensions here. */
#root .companyOverviewPage .companyAnalysisViewCard > .searchPagination{
  margin-top:15px !important;
  padding-top:0 !important;
}

.theme-dark #root .companyOverviewPage .companyAnalysisViewCard{
  background:#0F1325 !important;
  border-color:#242C49 !important;
}
.theme-dark #root .companyOverviewPage .companyAnalysisViewHeader{
  border-bottom-color:#242C49 !important;
}
.theme-dark #root .companyOverviewPage .companyAnalysisViewHeading .analysisViewLabel{
  color:#FFFFFF !important;
}
.theme-dark #root .companyOverviewPage .companyAnalysisViewHeading .analysisViewResultCount{
  color:#A7B0C0 !important;
}


/* 2026-08-22 — Contacts title/card geometry = Trade Analysis:
   Match the rebuilt Trade Analysis View By title block exactly.
   card border -> title = 15px
   blue marker -> title text = 8px
   title -> company/detail line = 5px
   title group -> separator = 15px
   separator = 1px
   separator -> table/content = 15px
   left/right/bottom card inset = 15px
*/
#root .companyOverviewPage .companyContactDirectoryPanel{
  box-sizing:border-box !important;
  width:100% !important;
  margin:0 !important;
  padding:15px !important;
  background:#FFFFFF !important;
  border:1px solid #DDE5F2 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

/* Header uses the same clean separator geometry as Trade Analysis. */
#root .companyOverviewPage .companyContactDirectoryHead{
  box-sizing:border-box !important;
  width:100% !important;
  min-height:0 !important;
  height:auto !important;
  margin:0 0 15px !important;    /* separator -> content/table */
  padding:0 0 15px !important;   /* title group -> separator */
  border:0 !important;
  border-bottom:1px solid #DDE5F2 !important;
  display:block !important;
}

/* Existing inner wrapper becomes the same two-line title group. */
#root .companyOverviewPage .companyContactDirectoryHead > div:first-child{
  box-sizing:border-box !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  gap:5px !important;
  width:auto !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
}

/* Contacts title = same blue marker/title treatment as Trade Analysis. */
#root .companyOverviewPage .companyContactDirectoryHead h3{
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  height:18px !important;
  min-height:18px !important;
  margin:0 !important;
  padding:0 !important;
  color:#0B1730 !important;
  font-size:15px !important;
  font-weight:550 !important;
  line-height:18px !important;
}
#root .companyOverviewPage .companyContactDirectoryHead h3::before{
  content:"" !important;
  display:block !important;
  flex:0 0 4px !important;
  width:4px !important;
  height:16px !important;
  margin:0 !important;
  background:#0B69DF !important;
  border-radius:0 !important;
}

/* Selected company/detail line = same secondary line as Results Found. */
#root .companyOverviewPage .companyContactDirectoryHead p{
  display:block !important;
  height:16px !important;
  min-height:16px !important;
  margin:0 0 0 12px !important;
  padding:0 !important;
  color:#414F5F !important;
  font-size:13px !important;
  font-weight:400 !important;
  line-height:16px !important;
}

/* Body must not add another 15px above the table. The head margin supplies it. */
#root .companyOverviewPage .companyContactDirectoryBody{
  box-sizing:border-box !important;
  margin:0 !important;
  padding:0 !important;
}

/* Loading/content wrappers must not add a hidden top offset. */
#root .companyOverviewPage .companyContactDirectoryBody > *,
#root .companyOverviewPage .companyContactDirectoryBody .companyContactApiLoadingBoundary,
#root .companyOverviewPage .companyContactDirectoryBody .sectionLoadingContent,
#root .companyOverviewPage .companyContactDirectoryBody .companyContactDirectoryTableWrap{
  margin-top:0 !important;
  padding-top:0 !important;
}

/* Preserve existing pagination rhythm below the table. */
#root .companyOverviewPage .companyContactDirectoryPager{
  margin-top:15px !important;
  padding-top:0 !important;
}

.theme-dark #root .companyOverviewPage .companyContactDirectoryPanel{
  background:#0F1325 !important;
  border-color:#242C49 !important;
}
.theme-dark #root .companyOverviewPage .companyContactDirectoryHead{
  border-bottom-color:#242C49 !important;
}
.theme-dark #root .companyOverviewPage .companyContactDirectoryHead h3{
  color:#FFFFFF !important;
}
.theme-dark #root .companyOverviewPage .companyContactDirectoryHead p{
  color:#A7B0C0 !important;
}


/* 2026-08-22 — Contacts separate Employee / Email action columns:
   Website/Domain standalone column removed.
   Domain remains visible inside Company Details.
   Two independent actions:
   Find Employee -> Company-LinkedIn request
   Find Emails   -> Company-Email request
*/
#root .companyOverviewPage .companyWebsiteTable{
  width:100% !important;
  min-width:760px !important;
  max-width:100% !important;
  table-layout:fixed !important;
}

/* Requested column widths. */
#root .companyOverviewPage .companyWebsiteTable col.companyWebsiteColNo{
  width:10% !important;
}
#root .companyOverviewPage .companyWebsiteTable col.companyWebsiteColDetails{
  width:40% !important;
}
#root .companyOverviewPage .companyWebsiteTable col.companyWebsiteColEmployeeAction{
  width:20% !important;
}
#root .companyOverviewPage .companyWebsiteTable col.companyWebsiteColEmailAction{
  width:20% !important;
}

/* Override older nth-child widths from the previous 4-column layout. */
#root .companyOverviewPage .companyWebsiteTable :is(th,td):nth-child(1){
  width:10% !important;
  text-align:center !important;
}
#root .companyOverviewPage .companyWebsiteTable :is(th,td):nth-child(2){
  width:40% !important;
}
#root .companyOverviewPage .companyWebsiteTable :is(th,td):nth-child(3),
#root .companyOverviewPage .companyWebsiteTable :is(th,td):nth-child(4){
  width:20% !important;
  text-align:center !important;
  vertical-align:middle !important;
}

#root .companyOverviewPage .companyWebsiteActionCell{
  padding:10px !important;
  text-align:center !important;
  vertical-align:middle !important;
}
#root .companyOverviewPage .companyWebsiteActionCell .companyContactFindButton{
  white-space:nowrap !important;
}


/* 2026-08-22 — Contacts white card no shadow:
   Remove the shadow/glow under the Contacts card/table area.
   Keep the card white with the same square border treatment as other Company View cards. */
#root .companyOverviewPage .companyContactDirectoryPanel{
  background:#FFFFFF !important;
  border:1px solid #DDE5F2 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  filter:none !important;
}

#root .companyOverviewPage .companyContactDirectoryBody,
#root .companyOverviewPage .companyContactDirectoryTableWrap,
#root .companyOverviewPage .companyWebsiteTable{
  box-shadow:none !important;
  filter:none !important;
}

.theme-dark #root .companyOverviewPage .companyContactDirectoryPanel{
  background:#0F1325 !important;
  border-color:#242C49 !important;
  box-shadow:none !important;
}


/* 2026-08-22 — Contacts pagination strip exact 15px card inset:
   Keep the Contacts table/pagination inside the same white card.
   Pagination strip has exact 15px top/right/bottom/left spacing
   to the white card border. */
#root .companyOverviewPage .companyContactDirectoryPanel{
  box-sizing:border-box !important;
  padding:15px !important;
}

/* Header already owns its own separator geometry inside the 15px card inset. */
#root .companyOverviewPage .companyContactDirectoryHead{
  margin-left:0 !important;
  margin-right:0 !important;
}

/* Body fills the card content width without adding another outer inset. */
#root .companyOverviewPage .companyContactDirectoryBody{
  box-sizing:border-box !important;
  margin:0 !important;
  padding:0 !important;
}

/* Table starts at the card's existing 15px left/right inset. */
#root .companyOverviewPage .companyContactDirectoryTableWrap{
  margin-left:0 !important;
  margin-right:0 !important;
}

/* Pagination strip: exact 15px spacing from table and card border. */
#root .companyOverviewPage .companyContactDirectoryPager{
  box-sizing:border-box !important;
  width:100% !important;
  margin:15px 0 0 0 !important;   /* table -> pagination = 15px */
  padding:0 !important;
  min-height:0 !important;
}

/* Keep pagination content itself flush within that strip;
   the panel's 15px padding supplies left/right/bottom card spacing. */
#root .companyOverviewPage .companyContactDirectoryPager > *{
  margin-top:0 !important;
  margin-bottom:0 !important;
}

/* Bottom of pagination -> white card border = panel bottom padding 15px. */
#root .companyOverviewPage .companyContactDirectoryPanel{
  padding-bottom:15px !important;
}

.theme-dark #root .companyOverviewPage .companyContactDirectoryPanel{
  padding:15px !important;
}


/* 2026-08-22 — Company View header shadow removal:
   The grey shading seen at the TOP of Contacts was not coming from the
   Contacts card. It was the downward box-shadow from the Company View
   header card above (`0 18px 42px rgba(31,55,90,.10)`).
   Remove that source so the lower cards stay clean white. */
#root .companyOverviewPage .companyOverviewHeader.companyOverviewHeaderModern{
  box-shadow:none !important;
  filter:none !important;
}

.theme-dark #root .companyOverviewPage .companyOverviewHeader.companyOverviewHeaderModern{
  box-shadow:none !important;
  filter:none !important;
}


/* 2026-08-22 — Contacts Company Details title line 12.5px / 550:
   Only the Title row inside Company Details is enlarged/boldened.
   Description and Domain rows remain unchanged. */
#root .companyOverviewPage .companyWebsiteDetailsCell > div:first-child,
#root .companyOverviewPage .companyWebsiteDetailsCell > div:first-child strong,
#root .companyOverviewPage .companyWebsiteDetailsCell > div:first-child span,
#root .companyOverviewPage .companyWebsiteDetailsCell > div:first-child a{
  font-size:12.5px !important;
  font-weight:550 !important;
}


/* 2026-08-22 — Contacts Company Details Title value blue:
   Only the Title VALUE is blue. The "Title:" label keeps its existing color. */
#root .companyOverviewPage .companyWebsiteDetailsCell > div:first-child > span,
#root .companyOverviewPage .companyWebsiteDetailsCell > div:first-child > span a,
#root .companyOverviewPage .companyWebsiteDetailsCell > div:first-child > a{
  color:#0B69DF !important;
}
/* 2026-08-22 — TEXT BLUE UNIFICATION: all literal blue CSS text `color:` values normalized to #0B69DF. Background/border/fill/stroke/chart colors unchanged. */


/* 2026-08-22 — Contacts Employee/Email separate single-mode drawer rebuild:
   Find Employee and Find Emails now open separate drawer modes.
   No Employee/Email tabs are shown together.
   Both drawer modes use identical structure:
   1) Company Details title + selected website details
   2) Company Employee OR Company Email title
   3) corresponding table only
   All card/section rhythm = 15px.
*/
#root .companyContactSingleModeDrawer{
  background:#FFFFFF !important;
}

/* ===== Shared drawer section geometry ===== */
#root .companyContactSingleModeDrawer .companyContactDrawerDetailsSection,
#root .companyContactSingleModeDrawer .companyContactDrawerResultsSection{
  box-sizing:border-box !important;
  width:100% !important;
  margin:0 !important;
  padding:15px !important;
  background:#FFFFFF !important;
}

#root .companyContactSingleModeDrawer .companyContactDrawerDetailsSection{
  flex:0 0 auto !important;
  border-bottom:1px solid #DDE5F2 !important;
}

#root .companyContactSingleModeDrawer .companyContactDrawerResultsSection{
  flex:1 1 auto !important;
  min-height:0 !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
}

/* ===== Company Details / Company Employee / Company Email headings ===== */
#root .companyContactSingleModeDrawer .companyContactDrawerSectionHeader{
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:15px !important;
  width:100% !important;
  margin:0 0 15px !important;
  padding:0 0 15px !important;
  border:0 !important;
  border-bottom:1px solid #DDE5F2 !important;
  background:#FFFFFF !important;
}

#root .companyContactSingleModeDrawer .companyContactDrawerSectionHeader h3{
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  height:18px !important;
  min-height:18px !important;
  margin:0 !important;
  padding:0 !important;
  color:#0B1730 !important;
  font-size:15px !important;
  font-weight:550 !important;
  line-height:18px !important;
}

#root .companyContactSingleModeDrawer .companyContactDrawerSectionHeader h3::before{
  content:"" !important;
  display:block !important;
  flex:0 0 4px !important;
  width:4px !important;
  height:16px !important;
  margin:0 !important;
  background:#0B69DF !important;
  border-radius:0 !important;
}

/* Close and Refresh live in title line without changing its vertical rhythm. */
#root .companyContactSingleModeDrawer .companyContactDrawerClose{
  flex:0 0 34px !important;
  width:34px !important;
  min-width:34px !important;
  height:34px !important;
  min-height:34px !important;
  margin:-8px 0 -8px 0 !important;
  padding:0 !important;
  border:1px solid #DDE5F2 !important;
  background:#FFFFFF !important;
  color:#0B1730 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  cursor:pointer !important;
}

#root .companyContactSingleModeDrawer .companyContactDrawerClose:hover,
#root .companyContactSingleModeDrawer .companyContactDrawerClose:focus-visible{
  border-color:#0B69DF !important;
  background:#FFFFFF !important;
  color:#0B69DF !important;
  cursor:pointer !important;
  outline:none !important;
}

#root .companyContactSingleModeDrawer .companyContactDrawerClose:hover svg,
#root .companyContactSingleModeDrawer .companyContactDrawerClose:focus-visible svg{
  color:#0B69DF !important;
  stroke:#0B69DF !important;
}

#root .companyContactSingleModeDrawer .companyContactRefreshButton{
  box-sizing:border-box !important;
  height:32px !important;
  min-height:32px !important;
  margin:-7px 0 -7px 0 !important;
  padding:0 15px !important;
  border:1px solid #D0D9E5 !important;
  border-radius:0 !important;
  background:#FFFFFF !important;
  color:#0B1730 !important;
  font-size:12px !important;
  font-weight:400 !important;
  cursor:pointer !important;
}

#root .companyContactSingleModeDrawer .companyContactRefreshButton:hover:not(:disabled),
#root .companyContactSingleModeDrawer .companyContactRefreshButton:focus-visible:not(:disabled){
  border-color:#0B69DF !important;
  background:#FFFFFF !important;
  color:#0B69DF !important;
}

#root .companyContactSingleModeDrawer .companyContactRefreshButton:disabled{
  cursor:not-allowed !important;
}

/* ===== Selected Company Details: same typography/colors as Contacts table ===== */
#root .companyContactSingleModeDrawer .companyContactDrawerSelectedDetails{
  box-sizing:border-box !important;
  display:grid !important;
  gap:5px !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:#FFFFFF !important;
}

#root .companyContactSingleModeDrawer .companyContactDrawerSelectedDetails > div{
  display:grid !important;
  grid-template-columns:92px minmax(0,1fr) !important;
  gap:10px !important;
  align-items:start !important;
  margin:0 !important;
  padding:0 !important;
  font-size:11.5px !important;
  line-height:1.35 !important;
}

#root .companyContactSingleModeDrawer .companyContactDrawerSelectedDetails strong{
  margin:0 !important;
  padding:0 !important;
  color:#0B1730 !important;
  font-size:11.5px !important;
  font-weight:550 !important;
  line-height:1.35 !important;
}

#root .companyContactSingleModeDrawer .companyContactDrawerSelectedDetails span{
  margin:0 !important;
  padding:0 !important;
  color:#0B1730 !important;
  font-size:11.5px !important;
  font-weight:400 !important;
  line-height:1.35 !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}

/* Title row matches Contacts Company Details latest design. */
#root .companyContactSingleModeDrawer .companyContactDrawerSelectedDetails .companyContactDrawerTitleRow,
#root .companyContactSingleModeDrawer .companyContactDrawerSelectedDetails .companyContactDrawerTitleRow strong,
#root .companyContactSingleModeDrawer .companyContactDrawerSelectedDetails .companyContactDrawerTitleRow span{
  font-size:12.5px !important;
  font-weight:550 !important;
}
#root .companyContactSingleModeDrawer .companyContactDrawerSelectedDetails .companyContactDrawerTitleRow span{
  color:#0B69DF !important;
}

/* Domain value is a normal body link-blue treatment, same text-blue system. */
#root .companyContactSingleModeDrawer .companyContactDrawerSelectedDetails > div:last-child span{
  color:#0B69DF !important;
}

/* ===== Results body ===== */
#root .companyContactSingleModeDrawer .companyContactDrawerBody{
  box-sizing:border-box !important;
  flex:1 1 auto !important;
  min-height:0 !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  overflow:auto !important;
  background:#FFFFFF !important;
}

/* Old selected-domain strip is intentionally removed. */
#root .companyContactSingleModeDrawer .companyContactSelectedDomainBar{
  display:none !important;
}

/* Table starts immediately after the result heading's 15px separator gap. */
#root .companyContactSingleModeDrawer .companyContactDirectoryTableWrap{
  margin-top:0 !important;
  padding-top:0 !important;
}

/* Keep existing temporary Employee horizontal scroll behavior. */
#root .companyContactSingleModeDrawer .companyEmployeeTable{
  width:max-content !important;
  min-width:1800px !important;
  table-layout:auto !important;
}

/* Pagination = 15px after table, no extra outer padding. */
#root .companyContactSingleModeDrawer .companyContactDirectoryPager{
  margin-top:15px !important;
  padding-top:0 !important;
}

/* No legacy two-tab header remains in this rebuilt drawer. */
#root .companyContactSingleModeDrawer .companyContactDrawerHeader,
#root .companyContactSingleModeDrawer .companyContactDrawerTabs{
  display:none !important;
}

.theme-dark #root .companyContactSingleModeDrawer,
.theme-dark #root .companyContactSingleModeDrawer .companyContactDrawerDetailsSection,
.theme-dark #root .companyContactSingleModeDrawer .companyContactDrawerResultsSection,
.theme-dark #root .companyContactSingleModeDrawer .companyContactDrawerSectionHeader,
.theme-dark #root .companyContactSingleModeDrawer .companyContactDrawerSelectedDetails,
.theme-dark #root .companyContactSingleModeDrawer .companyContactDrawerBody{
  background:#0F1325 !important;
}
.theme-dark #root .companyContactSingleModeDrawer .companyContactDrawerSectionHeader{
  border-bottom-color:#242C49 !important;
}
.theme-dark #root .companyContactSingleModeDrawer .companyContactDrawerDetailsSection{
  border-bottom-color:#242C49 !important;
}
.theme-dark #root .companyContactSingleModeDrawer .companyContactDrawerSectionHeader h3,
.theme-dark #root .companyContactSingleModeDrawer .companyContactDrawerSelectedDetails strong,
.theme-dark #root .companyContactSingleModeDrawer .companyContactDrawerSelectedDetails span{
  color:#FFFFFF !important;
}
.theme-dark #root .companyContactSingleModeDrawer .companyContactDrawerSelectedDetails .companyContactDrawerTitleRow span,
.theme-dark #root .companyContactSingleModeDrawer .companyContactDrawerSelectedDetails > div:last-child span{
  color:#0B69DF !important;
}


/* 2026-08-22 — Company View header Import/Export to tabs spacing fix:
   Remove duplicated vertical spacing between the Import/Export section and
   Company View tab strip. Keep one clean rhythm:
   Import/Export section -> separator = 15px
   separator -> tab content = 15px
*/
#root .companyOverviewPage .companyOverviewHeader.companyOverviewHeaderModern{
  row-gap:0 !important;
}

/* The tab strip itself owns the 15px separation from header content.
   Remove the extra parent/grid gap contribution. */
#root .companyOverviewPage .companyOverviewHeaderModern > .companyHeaderTabs{
  margin:15px -15px -15px !important;
  padding:15px !important;
  gap:0 !important;
}

/* Ensure preceding header content does not add an extra bottom margin. */
#root .companyOverviewPage .companyOverviewHeaderModern > :not(.companyHeaderTabs){
  margin-bottom:0 !important;
}


/* 2026-08-22 — Company View clickable Company Address row:
   Restores the old Company Information popup entry point below the company country.
   Click opens the existing Company Information popup, whose existing lazy loader
   runs Search-Importer / Search-Exporter based on available role counts.
   Header spacing remains on the existing 15px rhythm. */
#root .companyOverviewPage .companyProfileAddressAction{
  box-sizing:border-box !important;
  width:max-content !important;
  max-width:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#0B1730 !important;
  font-family:inherit !important;
  font-size:14px !important;
  font-weight:400 !important;
  line-height:1.45 !important;
  text-align:left !important;
  cursor:pointer !important;
  outline:none !important;
}

#root .companyOverviewPage .companyProfileAddressAction svg{
  flex:0 0 auto !important;
  color:currentColor !important;
  stroke:currentColor !important;
}

#root .companyOverviewPage .companyProfileAddressAction span{
  color:currentColor !important;
  text-decoration:none !important;
  text-underline-offset:2px !important;
}

#root .companyOverviewPage .companyProfileAddressAction:hover,
#root .companyOverviewPage .companyProfileAddressAction:focus-visible{
  color:#0B69DF !important;
  background:transparent !important;
}

#root .companyOverviewPage .companyProfileAddressAction:hover span,
#root .companyOverviewPage .companyProfileAddressAction:focus-visible span{
  text-decoration:underline !important;
}

/* No independent margin layer: parent .companyProfileDetails supplies exact 15px
   between Country and Company Address, and .contactCompanyBlock supplies exact
   15px before the Import/Export selector. */
#root .companyOverviewPage .companyOverviewHeaderModern .companyProfileDetails{
  gap:15px !important;
}

#root .companyOverviewPage .companyOverviewHeaderModern .companyProfileAddressAction{
  margin-top:0 !important;
  margin-right:0 !important;
  margin-bottom:0 !important;
  margin-left:0 !important;
}

.theme-dark #root .companyOverviewPage .companyProfileAddressAction{
  color:#FFFFFF !important;
}
.theme-dark #root .companyOverviewPage .companyProfileAddressAction:hover,
.theme-dark #root .companyOverviewPage .companyProfileAddressAction:focus-visible{
  color:#0B69DF !important;
}


/* 2026-08-22 — Company Address + Country same line:
   Company Name
   Company Address | Country
   Import / Export
   Address remains the only clickable item. */
#root .companyOverviewPage .companyOverviewHeaderModern .companyProfileDetails.companyProfileAddressCountryLine{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px !important;
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
}

#root .companyOverviewPage .companyProfileAddressCountryDivider{
  flex:0 0 auto !important;
  margin:0 !important;
  padding:0 !important;
  color:#9AA6B2 !important;
  font-size:14px !important;
  font-weight:400 !important;
  line-height:1.45 !important;
}

#root .companyOverviewPage .companyProfileInlineCountry{
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  color:#0B1730 !important;
  font-size:14px !important;
  font-weight:400 !important;
  line-height:1.45 !important;
  white-space:normal !important;
}

/* Keep the existing 15px vertical rhythm between this combined line and
   the company title / Import-Export selector. */
#root .companyOverviewPage .companyOverviewHeaderModern .contactCompanyBlock{
  gap:15px !important;
}

.theme-dark #root .companyOverviewPage .companyProfileInlineCountry{
  color:#FFFFFF !important;
}


/* 2026-08-22 — Restore Country MapPin in combined Address | Country line.
   Layout stays: Company Address | [MapPin] Country. */
#root .companyOverviewPage .companyProfileInlineCountry{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
}

#root .companyOverviewPage .companyProfileInlineCountry > svg{
  flex:0 0 auto !important;
  color:#0B1730 !important;
  stroke:#0B1730 !important;
}

.theme-dark #root .companyOverviewPage .companyProfileInlineCountry > svg{
  color:#FFFFFF !important;
  stroke:#FFFFFF !important;
}


/* 2026-08-22 — Company View Favourite-only header action:
   Add to SCRM removed.
   Favourite button states:
   default  = visible grey border + white fill + navy text/icon
   hover    = blue border + white fill + navy text/icon
   selected = blue border + white fill + blue text/icon + filled blue star
*/
#root .companyOverviewPage .companyModernHeroActions{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:flex-end !important;
  gap:0 !important;
}

#root .companyOverviewPage .companyHeroFavouriteAction,
#root .companyOverviewPage .companyHeroFavouriteAction:hover,
#root .companyOverviewPage .companyHeroFavouriteAction:focus,
#root .companyOverviewPage .companyHeroFavouriteAction:focus-visible{
  box-sizing:border-box !important;
  height:40px !important;
  min-height:40px !important;
  margin:0 !important;
  padding:0 16px !important;
  border-radius:0 !important;
  background:#FFFFFF !important;
  box-shadow:none !important;
  transform:none !important;
  outline:none !important;
  font-family:inherit !important;
  font-size:12px !important;
  font-weight:400 !important;
  line-height:1 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  cursor:pointer !important;
}

/* Default */
#root .companyOverviewPage .companyHeroFavouriteAction{
  border:1px solid #C8D0D9 !important;
  color:#0B1730 !important;
}
#root .companyOverviewPage .companyHeroFavouriteAction svg{
  color:#0B1730 !important;
  stroke:#0B1730 !important;
  fill:none !important;
}

/* Hover: border only turns blue; text stays navy */
#root .companyOverviewPage .companyHeroFavouriteAction:hover,
#root .companyOverviewPage .companyHeroFavouriteAction:focus-visible{
  border-color:#0B69DF !important;
  color:#0B1730 !important;
  background:#FFFFFF !important;
}
#root .companyOverviewPage .companyHeroFavouriteAction:hover svg,
#root .companyOverviewPage .companyHeroFavouriteAction:focus-visible svg{
  color:#0B1730 !important;
  stroke:#0B1730 !important;
  fill:none !important;
}

/* Selected */
#root .companyOverviewPage .companyHeroFavouriteAction.active,
#root .companyOverviewPage .companyHeroFavouriteAction.active:hover,
#root .companyOverviewPage .companyHeroFavouriteAction.active:focus,
#root .companyOverviewPage .companyHeroFavouriteAction.active:focus-visible{
  border-color:#0B69DF !important;
  color:#0B69DF !important;
  background:#FFFFFF !important;
}
#root .companyOverviewPage .companyHeroFavouriteAction.active svg,
#root .companyOverviewPage .companyHeroFavouriteAction.active:hover svg,
#root .companyOverviewPage .companyHeroFavouriteAction.active:focus svg,
#root .companyOverviewPage .companyHeroFavouriteAction.active:focus-visible svg{
  color:#0B69DF !important;
  stroke:#0B69DF !important;
  fill:#0B69DF !important;
}

.theme-dark #root .companyOverviewPage .companyHeroFavouriteAction,
.theme-dark #root .companyOverviewPage .companyHeroFavouriteAction:hover,
.theme-dark #root .companyOverviewPage .companyHeroFavouriteAction:focus-visible,
.theme-dark #root .companyOverviewPage .companyHeroFavouriteAction.active{
  background:#0F1325 !important;
}


/* 2026-08-22 — FINAL Favourite selected state white background fix:
   Selected must NEVER use a blue-filled button.
   Selected = white solid fill + blue border + blue text + filled blue star. */
#root .companyOverviewPage .companyModernHeroActions .companyHeroFavouriteAction.active,
#root .companyOverviewPage .companyModernHeroActions .companyHeroFavouriteAction.active:hover,
#root .companyOverviewPage .companyModernHeroActions .companyHeroFavouriteAction.active:focus,
#root .companyOverviewPage .companyModernHeroActions .companyHeroFavouriteAction.active:focus-visible,
#root .companyOverviewPage .companyModernHeroActions .companyHeroFavouriteAction[aria-pressed="true"],
#root .companyOverviewPage .companyModernHeroActions .companyHeroFavouriteAction[aria-pressed="true"]:hover,
#root .companyOverviewPage .companyModernHeroActions .companyHeroFavouriteAction[aria-pressed="true"]:focus,
#root .companyOverviewPage .companyModernHeroActions .companyHeroFavouriteAction[aria-pressed="true"]:focus-visible{
  background:#FFFFFF !important;
  background-color:#FFFFFF !important;
  border:1px solid #0B69DF !important;
  color:#0B69DF !important;
  box-shadow:none !important;
  transform:none !important;
  outline:none !important;
}

#root .companyOverviewPage .companyModernHeroActions .companyHeroFavouriteAction.active span,
#root .companyOverviewPage .companyModernHeroActions .companyHeroFavouriteAction[aria-pressed="true"] span{
  color:#0B69DF !important;
}

#root .companyOverviewPage .companyModernHeroActions .companyHeroFavouriteAction.active svg,
#root .companyOverviewPage .companyModernHeroActions .companyHeroFavouriteAction.active:hover svg,
#root .companyOverviewPage .companyModernHeroActions .companyHeroFavouriteAction.active:focus svg,
#root .companyOverviewPage .companyModernHeroActions .companyHeroFavouriteAction.active:focus-visible svg,
#root .companyOverviewPage .companyModernHeroActions .companyHeroFavouriteAction[aria-pressed="true"] svg,
#root .companyOverviewPage .companyModernHeroActions .companyHeroFavouriteAction[aria-pressed="true"]:hover svg,
#root .companyOverviewPage .companyModernHeroActions .companyHeroFavouriteAction[aria-pressed="true"]:focus svg,
#root .companyOverviewPage .companyModernHeroActions .companyHeroFavouriteAction[aria-pressed="true"]:focus-visible svg{
  color:#0B69DF !important;
  stroke:#0B69DF !important;
  fill:#0B69DF !important;
}

/* Explicitly defeat any older generic active-button blue background rule. */
#root .companyOverviewPage button.companyHeroFavouriteAction.active{
  background:#FFFFFF !important;
  background-color:#FFFFFF !important;
}


/* 2026-08-22 — Favourite selected EXACT specificity fix:
   Root cause: an older #root#root generic hero-action active rule had higher
   specificity and forced blue background + white text.
   Match/exceed that specificity for Favourite only.
   FINAL selected = WHITE fill + BLUE border + BLUE text + BLUE filled star. */
#root#root .companyOverviewPage .companyModernHeroActions button.companyHeroFavouriteAction.active,
#root#root .companyOverviewPage .companyModernHeroActions button.companyHeroFavouriteAction[aria-pressed="true"],
#root#root .companyOverviewPage .companyModernHeroActions button.companyHeroFavouriteAction.active:hover,
#root#root .companyOverviewPage .companyModernHeroActions button.companyHeroFavouriteAction[aria-pressed="true"]:hover,
#root#root .companyOverviewPage .companyModernHeroActions button.companyHeroFavouriteAction.active:focus,
#root#root .companyOverviewPage .companyModernHeroActions button.companyHeroFavouriteAction[aria-pressed="true"]:focus,
#root#root .companyOverviewPage .companyModernHeroActions button.companyHeroFavouriteAction.active:focus-visible,
#root#root .companyOverviewPage .companyModernHeroActions button.companyHeroFavouriteAction[aria-pressed="true"]:focus-visible,
#root#root .companyOverviewPage .companyModernHeroActions button.companyHeroFavouriteAction.active:active,
#root#root .companyOverviewPage .companyModernHeroActions button.companyHeroFavouriteAction[aria-pressed="true"]:active{
  background:#FFFFFF !important;
  background-color:#FFFFFF !important;
  border:1px solid #0B69DF !important;
  border-color:#0B69DF !important;
  color:#0B69DF !important;
  box-shadow:none !important;
  transform:none !important;
  outline:none !important;
}

#root#root .companyOverviewPage .companyModernHeroActions button.companyHeroFavouriteAction.active span,
#root#root .companyOverviewPage .companyModernHeroActions button.companyHeroFavouriteAction[aria-pressed="true"] span,
#root#root .companyOverviewPage .companyModernHeroActions button.companyHeroFavouriteAction.active:hover span,
#root#root .companyOverviewPage .companyModernHeroActions button.companyHeroFavouriteAction[aria-pressed="true"]:hover span{
  color:#0B69DF !important;
}

#root#root .companyOverviewPage .companyModernHeroActions button.companyHeroFavouriteAction.active svg,
#root#root .companyOverviewPage .companyModernHeroActions button.companyHeroFavouriteAction[aria-pressed="true"] svg,
#root#root .companyOverviewPage .companyModernHeroActions button.companyHeroFavouriteAction.active:hover svg,
#root#root .companyOverviewPage .companyModernHeroActions button.companyHeroFavouriteAction[aria-pressed="true"]:hover svg,
#root#root .companyOverviewPage .companyModernHeroActions button.companyHeroFavouriteAction.active:focus svg,
#root#root .companyOverviewPage .companyModernHeroActions button.companyHeroFavouriteAction[aria-pressed="true"]:focus svg,
#root#root .companyOverviewPage .companyModernHeroActions button.companyHeroFavouriteAction.active:active svg,
#root#root .companyOverviewPage .companyModernHeroActions button.companyHeroFavouriteAction[aria-pressed="true"]:active svg{
  color:#0B69DF !important;
  stroke:#0B69DF !important;
  fill:#0B69DF !important;
}


/* 2026-08-22 — Favourite default/hover/click final cleanup:
   Default: grey border + white fill + navy text/icon.
   Hover: blue border only; NO font-size/weight/scale change.
   Mouse-down/click: NEVER blue-filled.
   Selected: white fill + blue border + blue text + filled blue star.
*/
#root#root .companyOverviewPage .companyModernHeroActions button.companyHeroFavouriteAction{
  background:#FFFFFF !important;
  background-color:#FFFFFF !important;
  border:1px solid #C8D0D9 !important;
  color:#0B1730 !important;
  font-size:12px !important;
  font-weight:400 !important;
  transform:none !important;
  box-shadow:none !important;
  outline:none !important;
}

/* Hover/focus: only border changes. Typography stays exactly the same. */
#root#root .companyOverviewPage .companyModernHeroActions button.companyHeroFavouriteAction:hover,
#root#root .companyOverviewPage .companyModernHeroActions button.companyHeroFavouriteAction:focus,
#root#root .companyOverviewPage .companyModernHeroActions button.companyHeroFavouriteAction:focus-visible{
  background:#FFFFFF !important;
  background-color:#FFFFFF !important;
  border-color:#0B69DF !important;
  color:#0B1730 !important;
  font-size:12px !important;
  font-weight:400 !important;
  transform:none !important;
  box-shadow:none !important;
  outline:none !important;
}

/* Non-selected mouse-down/click must stay white, never solid blue. */
#root#root .companyOverviewPage .companyModernHeroActions button.companyHeroFavouriteAction:not(.active):not([aria-pressed="true"]):active{
  background:#FFFFFF !important;
  background-color:#FFFFFF !important;
  border-color:#0B69DF !important;
  color:#0B1730 !important;
  font-size:12px !important;
  font-weight:400 !important;
  transform:none !important;
  box-shadow:none !important;
}

/* Default/hover star stays outline navy. */
#root#root .companyOverviewPage .companyModernHeroActions button.companyHeroFavouriteAction:not(.active):not([aria-pressed="true"]) svg,
#root#root .companyOverviewPage .companyModernHeroActions button.companyHeroFavouriteAction:not(.active):not([aria-pressed="true"]):hover svg,
#root#root .companyOverviewPage .companyModernHeroActions button.companyHeroFavouriteAction:not(.active):not([aria-pressed="true"]):focus svg,
#root#root .companyOverviewPage .companyModernHeroActions button.companyHeroFavouriteAction:not(.active):not([aria-pressed="true"]):active svg{
  color:#0B1730 !important;
  stroke:#0B1730 !important;
  fill:none !important;
}

/* Selected state remains exactly requested. */
#root#root .companyOverviewPage .companyModernHeroActions button.companyHeroFavouriteAction.active,
#root#root .companyOverviewPage .companyModernHeroActions button.companyHeroFavouriteAction[aria-pressed="true"],
#root#root .companyOverviewPage .companyModernHeroActions button.companyHeroFavouriteAction.active:hover,
#root#root .companyOverviewPage .companyModernHeroActions button.companyHeroFavouriteAction[aria-pressed="true"]:hover,
#root#root .companyOverviewPage .companyModernHeroActions button.companyHeroFavouriteAction.active:focus,
#root#root .companyOverviewPage .companyModernHeroActions button.companyHeroFavouriteAction[aria-pressed="true"]:focus,
#root#root .companyOverviewPage .companyModernHeroActions button.companyHeroFavouriteAction.active:active,
#root#root .companyOverviewPage .companyModernHeroActions button.companyHeroFavouriteAction[aria-pressed="true"]:active{
  background:#FFFFFF !important;
  background-color:#FFFFFF !important;
  border-color:#0B69DF !important;
  color:#0B69DF !important;
  font-size:12px !important;
  font-weight:400 !important;
  transform:none !important;
  box-shadow:none !important;
}

#root#root .companyOverviewPage .companyModernHeroActions button.companyHeroFavouriteAction.active svg,
#root#root .companyOverviewPage .companyModernHeroActions button.companyHeroFavouriteAction[aria-pressed="true"] svg{
  color:#0B69DF !important;
  stroke:#0B69DF !important;
  fill:#0B69DF !important;
}


/* 2026-08-22 — Company Employee 3-column contact table:
   No. = 5% | Company Employee = 55% | Phone & Email = 40%.
   LinkedIn URL sits below Source inside the Employee column.
   Phone/email values render one item per line; every email has a copy action.
*/
#root .companyContactSingleModeDrawer .companyEmployeeCardTableWrap{
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  overflow-x:hidden !important;
}

#root .companyContactSingleModeDrawer .companyEmployeeCardTable{
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  table-layout:fixed !important;
}

#root .companyContactSingleModeDrawer .companyEmployeeCardTable col.companyEmployeeCardNoCol{
  width:5% !important;
}
#root .companyContactSingleModeDrawer .companyEmployeeCardTable col.companyEmployeeCardDetailsCol{
  width:55% !important;
}
#root .companyContactSingleModeDrawer .companyEmployeeCardTable col.companyEmployeeCardContactCol{
  width:40% !important;
}

/* Header typography/color intentionally inherited from companyContactDirectoryTable. */
#root .companyContactSingleModeDrawer .companyEmployeeCardTable thead th:first-child{
  text-align:center !important;
}

#root .companyContactSingleModeDrawer .companyEmployeeCardTable tbody td{
  vertical-align:top !important;
}

#root .companyContactSingleModeDrawer .companyEmployeeCardTable .companyEmployeeCardNo{
  padding:15px 4px !important;
  text-align:center !important;
  vertical-align:middle !important;
  color:#0B1730 !important;
  font-size:11.5px !important;
  font-weight:400 !important;
  white-space:nowrap !important;
}

#root .companyContactSingleModeDrawer .companyEmployeeCardTable .companyEmployeeCardDetails{
  box-sizing:border-box !important;
  min-height:0 !important;
  padding:15px !important;
  color:#0B1730 !important;
  font-size:11.5px !important;
  font-weight:400 !important;
  line-height:1.35 !important;
}

#root .companyContactSingleModeDrawer .companyEmployeeCardInfo{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:3px !important;
  min-width:0 !important;
}

#root .companyContactSingleModeDrawer .companyEmployeeCardName{
  margin:0 0 2px !important;
  padding:0 !important;
  color:#0B69DF !important;
  font-size:12.5px !important;
  font-weight:600 !important;
  line-height:1.35 !important;
  overflow-wrap:anywhere !important;
}

#root .companyContactSingleModeDrawer .companyEmployeeCardLine{
  display:flex !important;
  align-items:flex-start !important;
  gap:4px !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  color:#0B1730 !important;
  font-size:11.5px !important;
  font-weight:400 !important;
  line-height:1.35 !important;
}

#root .companyContactSingleModeDrawer .companyEmployeeCardLine strong,
#root .companyContactSingleModeDrawer .companyEmployeeCardLine span,
#root .companyContactSingleModeDrawer .companyEmployeeCardLine a{
  margin:0 !important;
  padding:0 !important;
  font-size:11.5px !important;
  font-weight:400 !important;
  line-height:1.35 !important;
}

#root .companyContactSingleModeDrawer .companyEmployeeCardLine strong{
  flex:0 0 auto !important;
  color:#0B1730 !important;
}

#root .companyContactSingleModeDrawer .companyEmployeeCardLine span,
#root .companyContactSingleModeDrawer .companyEmployeeCardLine a{
  min-width:0 !important;
  overflow-wrap:anywhere !important;
}

#root .companyContactSingleModeDrawer .companyEmployeeCardLine a{
  color:#0B69DF !important;
  text-decoration:none !important;
}
#root .companyContactSingleModeDrawer .companyEmployeeCardLine a:hover{
  text-decoration:underline !important;
}

/* LinkedIn action now sits directly below Source in the Employee column. */
#root .companyContactSingleModeDrawer .companyEmployeeLinkedInButton{
  box-sizing:border-box !important;
  position:static !important;
  width:auto !important;
  height:auto !important;
  margin:7px 0 0 !important;
  padding:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:7px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#0B1730 !important;
  font-size:11.5px !important;
  font-weight:550 !important;
  line-height:1.35 !important;
  text-decoration:none !important;
  box-shadow:none !important;
  cursor:pointer !important;
}

#root .companyContactSingleModeDrawer .companyEmployeeLinkedInButton:hover,
#root .companyContactSingleModeDrawer .companyEmployeeLinkedInButton:focus-visible{
  border:0 !important;
  color:#0B69DF !important;
  background:transparent !important;
  text-decoration:underline !important;
  outline:none !important;
}

#root .companyContactSingleModeDrawer .companyEmployeeLinkedInIcon{
  box-sizing:border-box !important;
  flex:0 0 24px !important;
  width:24px !important;
  height:24px !important;
  display:block !important;
  object-fit:contain !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
}

#root .companyContactSingleModeDrawer .companyEmployeeContactCell{
  box-sizing:border-box !important;
  padding:15px !important;
  color:#0B1730 !important;
  font-size:11.5px !important;
  font-weight:400 !important;
  line-height:1.35 !important;
  overflow-wrap:anywhere !important;
}

#root .companyContactSingleModeDrawer .companyEmployeeContactSection{
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
}

#root .companyContactSingleModeDrawer .companyEmployeeContactSection + .companyEmployeeContactSection{
  margin-top:12px !important;
}

#root .companyContactSingleModeDrawer .companyEmployeeContactTitle{
  margin:0 0 5px !important;
  padding:0 !important;
  color:#0B1730 !important;
  font-size:11.5px !important;
  font-weight:400 !important;
  line-height:1.35 !important;
}

#root .companyContactSingleModeDrawer .companyEmployeeContactList{
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  gap:4px !important;
  min-width:0 !important;
}

#root .companyContactSingleModeDrawer .companyEmployeeContactValue{
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  color:#0B1730 !important;
  font-size:11.5px !important;
  font-weight:400 !important;
  line-height:1.35 !important;
  overflow-wrap:anywhere !important;
}

#root .companyContactSingleModeDrawer .companyEmployeeEmailValue{
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  min-width:0 !important;
}

#root .companyContactSingleModeDrawer .companyEmployeeEmailValue > a{
  min-width:0 !important;
  color:#0B69DF !important;
  font-size:11.5px !important;
  font-weight:400 !important;
  line-height:1.35 !important;
  text-decoration:none !important;
  overflow-wrap:anywhere !important;
}
#root .companyContactSingleModeDrawer .companyEmployeeEmailValue > a:hover{
  text-decoration:underline !important;
}

#root .companyContactSingleModeDrawer .companyEmployeeContactEmpty{
  color:#0B1730 !important;
  font-size:11.5px !important;
  font-weight:400 !important;
}

.theme-dark #root .companyContactSingleModeDrawer .companyEmployeeCardTable .companyEmployeeCardNo,
.theme-dark #root .companyContactSingleModeDrawer .companyEmployeeCardLine,
.theme-dark #root .companyContactSingleModeDrawer .companyEmployeeCardLine strong,
.theme-dark #root .companyContactSingleModeDrawer .companyEmployeeContactCell,
.theme-dark #root .companyContactSingleModeDrawer .companyEmployeeContactTitle,
.theme-dark #root .companyContactSingleModeDrawer .companyEmployeeContactValue,
.theme-dark #root .companyContactSingleModeDrawer .companyEmployeeContactEmpty{
  color:#FFFFFF !important;
}
.theme-dark #root .companyContactSingleModeDrawer .companyEmployeeCardName{
  color:#0B69DF !important;
}
.theme-dark #root .companyContactSingleModeDrawer .companyEmployeeLinkedInButton{
  background:transparent !important;
  color:#FFFFFF !important;
  border:0 !important;
}
.theme-dark #root .companyContactSingleModeDrawer .companyEmployeeLinkedInButton:hover,
.theme-dark #root .companyContactSingleModeDrawer .companyEmployeeLinkedInButton:focus-visible{
  color:#0B69DF !important;
  border:0 !important;
  text-decoration:underline !important;
}


/* 2026-08-22 — Company Email single-source exact 3-column layout.
   Old min-width/auto-layout rules were removed so they cannot distort widths.
   No. = 10% | Email = 50% | Source = 40%. */
#root .companyContactSingleModeDrawer .companyContactDirectoryTableWrap:has(.companyEmailTable){
  overflow-x:hidden !important;
}
#root .companyContactSingleModeDrawer .companyEmailTable{
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  table-layout:fixed !important;
}
#root .companyContactSingleModeDrawer .companyEmailTable col.companyEmailNoCol{width:10% !important;}
#root .companyContactSingleModeDrawer .companyEmailTable col.companyEmailAddressCol{width:50% !important;}
#root .companyContactSingleModeDrawer .companyEmailTable col.companyEmailSourceCol{width:40% !important;}
#root .companyContactSingleModeDrawer .companyEmailTable th,
#root .companyContactSingleModeDrawer .companyEmailTable td{
  min-width:0 !important;
  max-width:none !important;
}
#root .companyContactSingleModeDrawer .companyEmailTable th:nth-child(1),
#root .companyContactSingleModeDrawer .companyEmailTable td:nth-child(1){
  width:10% !important;
  text-align:center !important;
}
#root .companyContactSingleModeDrawer .companyEmailTable th:nth-child(2),
#root .companyContactSingleModeDrawer .companyEmailTable td:nth-child(2){width:50% !important;}
#root .companyContactSingleModeDrawer .companyEmailTable th:nth-child(3),
#root .companyContactSingleModeDrawer .companyEmailTable td:nth-child(3){width:40% !important;}


/* 2026-08-22 — Contacts tables: sorting controls removed.
   Applies only to Contacts main table, Company Employee and Company Email. */
#root .companyOverviewPage .companyWebsiteTable thead :is(.platformTriangleSortButton,.platformSortButton,.platformSortGlyph),
#root .companyContactSingleModeDrawer .companyEmployeeCardTable thead :is(.platformTriangleSortButton,.platformSortButton,.platformSortGlyph),
#root .companyContactSingleModeDrawer .companyEmailTable thead :is(.platformTriangleSortButton,.platformSortButton,.platformSortGlyph){
  display:none !important;
}
#root .companyOverviewPage .companyWebsiteTable thead th.platformSortableHeader,
#root .companyContactSingleModeDrawer .companyEmployeeCardTable thead th.platformSortableHeader,
#root .companyContactSingleModeDrawer .companyEmailTable thead th.platformSortableHeader{
  cursor:default !important;
}
#root .companyOverviewPage .companyWebsiteTable thead th > .platformHeaderInner,
#root .companyContactSingleModeDrawer .companyEmployeeCardTable thead th > .platformHeaderInner,
#root .companyContactSingleModeDrawer .companyEmailTable thead th > .platformHeaderInner{
  gap:0 !important;
}


/* Company Address popup — requested clean count/tag/scrollbar styling. */
#root#root .companyContactPopupModal .companyContactPopupHeaderActions > span{
  background:#FFFFFF!important;
  border:1px solid #0B69DF!important;
  color:#0B69DF!important;
  box-shadow:none!important;
}
#root#root .companyContactPopupModal .companyInformationRoleBadge,
#root#root .companyContactPopupModal .companyInformationRoleBadge.exporter{
  background:#F2F4F7!important;
  border:0!important;
  color:#0B69DF!important;
  box-shadow:none!important;
}
#root#root .companyContactPopupModal .companyInformationPagedContent > .companyInformationTableScrollable{
  scrollbar-color:#98A2B3 #EDF1F5!important;
}
#root#root .companyContactPopupModal .companyInformationPagedContent > .companyInformationTableScrollable::-webkit-scrollbar-track{
  background:#EDF1F5!important;
  border-left:1px solid #D8DEE7!important;
}
#root#root .companyContactPopupModal .companyInformationPagedContent > .companyInformationTableScrollable::-webkit-scrollbar-thumb{
  background:#98A2B3!important;
  border:2px solid #EDF1F5!important;
}
#root#root .companyContactPopupModal .companyInformationPagedContent > .companyInformationTableScrollable::-webkit-scrollbar-thumb:hover{
  background:#7F8A99!important;
}
.theme-dark #root#root .companyContactPopupModal .companyContactPopupHeaderActions > span{
  background:#FFFFFF!important;
  border-color:#0B69DF!important;
  color:#0B69DF!important;
}
.theme-dark #root#root .companyContactPopupModal .companyInformationRoleBadge,
.theme-dark #root#root .companyContactPopupModal .companyInformationRoleBadge.exporter{
  background:#F2F4F7!important;
  border:0!important;
  color:#0B69DF!important;
}
.theme-dark #root#root .companyContactPopupModal .companyInformationPagedContent > .companyInformationTableScrollable{
  scrollbar-color:#98A2B3 #151B31!important;
}
.theme-dark #root#root .companyContactPopupModal .companyInformationPagedContent > .companyInformationTableScrollable::-webkit-scrollbar-thumb{
  background:#98A2B3!important;
  border-color:#151B31!important;
}
.theme-dark #root#root .companyContactPopupModal .companyInformationPagedContent > .companyInformationTableScrollable::-webkit-scrollbar-thumb:hover{
  background:#7F8A99!important;
}

/* ========================================================================
   TRADE SEARCH COUNTRY VALUE DESCENDER FIX
   Prevent letters with descenders (for example the `y` in Turkey) from being
   visually clipped inside Importer/Exporter Country selected values.
   Typography height only; field height, spacing, width and behavior unchanged.
   ======================================================================== */
.tradeSearch .criteriaCountryPortalTrigger,
.tradeSearch .criteriaCountryPortalTrigger > span {
  line-height: 1.25 !important;
}


/* ========================================================================
   TRADE SEARCH IMPORTER / EXPORTER ROW STATE CLEANUP
   No automatic query-match row fill. Rows stay white and use grey only while
   the mouse is hovering them. Supplier-highlighted text is handled inline by
   .apiMatchedHighlight and underlines only the exact marked text segment.
   ======================================================================== */
#root .theme-light .tradeSearch .partyPanel .partyTable tbody tr > td {
  background: #FFFFFF !important;
}
#root .theme-light .tradeSearch .partyPanel .partyTable tbody tr:hover > td {
  background: #F5F7FA !important;
}


/* 2026-08-23 — Company View Trading Records hover + Trade Analysis second-column text.
   Trading Records: hover changes only the row cell background to grey; no whole-row text recolouring.
   Trade Analysis: body text in the second (View By/name) column is blue. */
#root#root .theme-light .companyOverviewPage
  .companyTradingTableWrap.shipmentRecordsTableWrap
  .companyTradingRecordsTable.shipmentRecordLayoutTable
  tbody > tr:hover > td {
  background:#F5F7FA !important;
}

#root#root .companyOverviewPage
  .companyTradeAnalysisParityTable
  tbody > tr > td[data-column-key="name"],
#root#root .companyOverviewPage
  .companyTradeAnalysisParityTable
  tbody > tr > td[data-column-key="name"] .companyTradingRecordTextButton,
#root#root .companyOverviewPage
  .companyTradeAnalysisParityTable
  tbody > tr > td[data-column-key="name"] .companyTradingRecordTextButton * {
  color:#0B69DF !important;
}


/* ========================================================================
   LATEST UPDATE FILTER HOVER — OUTLINE ONLY
   Hover keeps a solid white surface, blue border and navy text. No light-blue
   fill, shadow or other hover effect. Selected state remains unchanged.
   ======================================================================== */
#root .latestFilters button:hover:not(.active),
#root .latestFilters button:focus-visible:not(.active){
  background:#FFFFFF!important;
  border-color:#0B69DF!important;
  color:#00143F!important;
  box-shadow:none!important;
  transform:none!important;
}

/* ========================================================================
   LATEST UPDATE REFRESH BUTTON — CLEAN HOVER
   Hover/focus keeps a solid white box with blue border and blue text.
   No fill, shadow or movement; all refresh behavior remains unchanged.
   ======================================================================== */
#root .latestUpdatePage .latestRefreshBtn:hover:not(:disabled),
#root .latestUpdatePage .latestRefreshBtn:focus-visible:not(:disabled){
  background:#FFFFFF!important;
  border-color:#0B69DF!important;
  color:#0B69DF!important;
  box-shadow:none!important;
  transform:none!important;
}

/* ========================================================================
   HISTORY FILTER TABS + RECORD COUNT CLEAN STATES — 2026-08-23
   Search/Download History tabs:
   - default: white + grey border + navy text
   - hover/focus (non-selected): white + blue border + navy text
   - selected: white + blue border + blue text
   Count badge: grey borderless box + blue text.
   No fill effects, shadows, movement or decoration.
   ======================================================================== */
#root#root .theme-light .historyPage .historyHead .pill{
  background:#F5F7FA!important;
  border:0!important;
  color:#0B69DF!important;
  box-shadow:none!important;
  background-image:none!important;
}

#root#root .theme-light .historyPage .historyTabs button{
  background:#FFFFFF!important;
  border:1px solid #D0D5DD!important;
  color:#00143F!important;
  box-shadow:none!important;
  transform:none!important;
  filter:none!important;
  background-image:none!important;
  text-decoration:none!important;
}

#root#root .theme-light .historyPage .historyTabs button:hover:not(.active),
#root#root .theme-light .historyPage .historyTabs button:focus-visible:not(.active){
  background:#FFFFFF!important;
  border-color:#0B69DF!important;
  color:#00143F!important;
  box-shadow:none!important;
  transform:none!important;
  filter:none!important;
}

#root#root .theme-light .historyPage .historyTabs button.active,
#root#root .theme-light .historyPage .historyTabs button.active:hover,
#root#root .theme-light .historyPage .historyTabs button.active:focus-visible{
  background:#FFFFFF!important;
  border-color:#0B69DF!important;
  color:#0B69DF!important;
  box-shadow:none!important;
  transform:none!important;
  filter:none!important;
}

#root#root .theme-light .historyPage .historyTabs button::before,
#root#root .theme-light .historyPage .historyTabs button::after{
  content:none!important;
  display:none!important;
}


/* ========================================================================
   FAVOURITE PAGE — CLEAN HEADER / TAB / SEARCH STATES — 2026-08-23
   Header typography matches History. Favourite type tabs use clean white
   surfaces with grey/blue borders. Search field only changes border/icon on
   hover/focus. No fill, shadow, movement or decorative effects.
   ======================================================================== */
#root#root .theme-light .page > .panel:has(> .favouriteToolbar) .favouriteHeader,
#root#root .theme-light .page > .panel:has(> .favouriteToolbar) .favouriteHeader > *,
#root#root .theme-light .page > .panel:has(> .favouriteToolbar) .favouriteHeader :where(span, a, b, strong, small, div, p, label, select, input, button){
  color:#414F5F!important;
  font-size:13px!important;
  font-weight:600!important;
}

#root#root .theme-light .page > .panel:has(> .favouriteToolbar) .favouriteTabs button{
  background:#FFFFFF!important;
  border:1px solid #D0D5DD!important;
  color:#00143F!important;
  box-shadow:none!important;
  transform:none!important;
  filter:none!important;
  background-image:none!important;
  text-decoration:none!important;
  transition:none!important;
}
#root#root .theme-light .page > .panel:has(> .favouriteToolbar) .favouriteTabs button:hover:not(.active),
#root#root .theme-light .page > .panel:has(> .favouriteToolbar) .favouriteTabs button:focus-visible:not(.active){
  background:#FFFFFF!important;
  border-color:#0B69DF!important;
  color:#00143F!important;
  box-shadow:none!important;
  transform:none!important;
  filter:none!important;
}
#root#root .theme-light .page > .panel:has(> .favouriteToolbar) .favouriteTabs button.active,
#root#root .theme-light .page > .panel:has(> .favouriteToolbar) .favouriteTabs button.active:hover,
#root#root .theme-light .page > .panel:has(> .favouriteToolbar) .favouriteTabs button.active:focus-visible{
  background:#FFFFFF!important;
  border-color:#0B69DF!important;
  color:#0B69DF!important;
  box-shadow:none!important;
  transform:none!important;
  filter:none!important;
}
#root#root .theme-light .page > .panel:has(> .favouriteToolbar) .favouriteTabs button::before,
#root#root .theme-light .page > .panel:has(> .favouriteToolbar) .favouriteTabs button::after{
  content:none!important;
  display:none!important;
}

#root#root .theme-light .page > .panel:has(> .favouriteToolbar) .favouriteSearch{
  background:#FFFFFF!important;
  border:1px solid #D0D5DD!important;
  color:#00143F!important;
  box-shadow:none!important;
  transform:none!important;
  filter:none!important;
  background-image:none!important;
  transition:none!important;
}
#root#root .theme-light .page > .panel:has(> .favouriteToolbar) .favouriteSearch:hover,
#root#root .theme-light .page > .panel:has(> .favouriteToolbar) .favouriteSearch:focus-within{
  background:#FFFFFF!important;
  border-color:#0B69DF!important;
  color:#0B69DF!important;
  box-shadow:none!important;
  transform:none!important;
  filter:none!important;
}
#root#root .theme-light .page > .panel:has(> .favouriteToolbar) .favouriteSearch > svg{
  color:inherit!important;
  stroke:currentColor!important;
}
#root#root .theme-light .page > .panel:has(> .favouriteToolbar) .favouriteSearch input,
#root#root .theme-light .page > .panel:has(> .favouriteToolbar) .favouriteSearch input:hover,
#root#root .theme-light .page > .panel:has(> .favouriteToolbar) .favouriteSearch input:focus,
#root#root .theme-light .page > .panel:has(> .favouriteToolbar) .favouriteSearch input:focus-visible{
  background:#FFFFFF!important;
  border:0!important;
  color:#00143F!important;
  outline:none!important;
  box-shadow:none!important;
  transform:none!important;
}

/* ========================================================================
   FAVOURITE — SAVED COUNT / ROW HOVER / UNIFIED ROW VERTICAL PADDING
   2026-08-23
   ======================================================================== */
/* Top-right saved count: grey borderless badge with blue text. */
#root#root .theme-light .page > .panel:has(> .favouriteToolbar) > .panelHead .pill{
  background:#F5F7FA!important;
  border:0!important;
  color:#0B69DF!important;
  box-shadow:none!important;
  background-image:none!important;
}

/* Favourite rows: no permanent fill effect; grey background only on hover. */
#root#root .theme-light .page > .panel:has(> .favouriteToolbar) .favouriteRow{
  background:#FFFFFF!important;
}
#root#root .theme-light .page > .panel:has(> .favouriteToolbar) .favouriteRow:hover{
  background:#F5F7FA!important;
}
#root#root .theme-light .page > .panel:has(> .favouriteToolbar) .favouriteRow:hover > *{
  background:transparent!important;
}

/* Keep identical top/bottom text spacing in Search Result, Importer,
   Exporter and Track By tables. */
#root#root .theme-light .page > .panel:has(> .favouriteToolbar) .favouriteRow > *{
  padding-top:5px!important;
  padding-bottom:5px!important;
}

/* ========================================================================
   FAVOURITE — UNIFIED REMOVE BUTTON TOP/BOTTOM ROW SPACING — 2026-08-23
   Keep single-line Importer / Exporter / Track By rows at the same visual
   row height as the normal Search Result row so the 30px remove control has
   clear, even space above and below instead of touching the row dividers.
   ======================================================================== */
#root#root .theme-light .page > .panel:has(> .favouriteToolbar) .favouriteTable .favouriteRow{
  min-height:46px!important;
}


/* ========================================================================
   MANAGE SUB ACCOUNT — CREATE BUTTON CLEAN STATES
   Refresh action removed from the toolbar in markup.
   Default: grey border / white / navy. Hover-focus-active: blue border/text.
   ======================================================================== */
#root#root .theme-light .subAccountPage .subAccountToolbarActions .subAccountCreateBtn{
  background:#FFFFFF!important;
  border:1px solid #D0D5DD!important;
  color:#00143F!important;
  box-shadow:none!important;
  transform:none!important;
  filter:none!important;
  background-image:none!important;
  text-decoration:none!important;
  transition:none!important;
}
#root#root .theme-light .subAccountPage .subAccountToolbarActions .subAccountCreateBtn:hover:not(:disabled),
#root#root .theme-light .subAccountPage .subAccountToolbarActions .subAccountCreateBtn:focus-visible:not(:disabled),
#root#root .theme-light .subAccountPage .subAccountToolbarActions .subAccountCreateBtn:active:not(:disabled){
  background:#FFFFFF!important;
  border-color:#0B69DF!important;
  color:#0B69DF!important;
  box-shadow:none!important;
  transform:none!important;
  filter:none!important;
}
#root#root .theme-light .subAccountPage .subAccountToolbarActions .subAccountCreateBtn svg{
  color:inherit!important;
  stroke:currentColor!important;
}

/* Manage Sub Account: keep create/edit form inside the workspace and simplify
   the data-source permission matrix to Category 20% / Data Sources 80%. */
#root#root .subAccountBackdrop{
  position:fixed!important;
  inset:var(--top-strip-height,58px) 0 0 var(--sidebar-collapsed-width,82px)!important;
  width:auto!important;
  height:auto!important;
  padding:14px 16px 16px!important;
  display:grid!important;
  place-items:center!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  z-index:9995!important;
}
#root#root .subAccountBackdrop .subAccountModal{
  width:min(1280px,calc(100vw - var(--sidebar-collapsed-width,82px) - 32px))!important;
  max-width:calc(100vw - var(--sidebar-collapsed-width,82px) - 32px)!important;
  max-height:calc(100vh - var(--top-strip-height,58px) - 30px)!important;
  max-height:calc(100dvh - var(--top-strip-height,58px) - 30px)!important;
  margin:0!important;
  border-radius:0!important;
  overflow:hidden!important;
}
#root#root .subAccountBackdrop .subAccountForm{
  max-height:calc(100vh - var(--top-strip-height,58px) - 82px)!important;
  max-height:calc(100dvh - var(--top-strip-height,58px) - 82px)!important;
}
#root#root .subAccountModal .subPlanBlock,
#root#root .subAccountModal .subPlanTableWrap,
#root#root .subAccountModal .subPlanTable,
#root#root .subAccountModal .subPlanTable thead,
#root#root .subAccountModal .subPlanTable thead tr,
#root#root .subAccountModal .subPlanTable tbody,
#root#root .subAccountModal .subPlanTable tbody tr,
#root#root .subAccountModal .subPlanTable th,
#root#root .subAccountModal .subPlanTable td{
  border-radius:0!important;
}
#root#root .subAccountModal .subPlanTable th:nth-child(1),
#root#root .subAccountModal .subPlanTable td:nth-child(1){
  width:20%!important;
}
#root#root .subAccountModal .subPlanTable th:nth-child(2),
#root#root .subAccountModal .subPlanTable td:nth-child(2){
  width:80%!important;
}
#root#root .subAccountModal .subPlanTable th:nth-child(n+3),
#root#root .subAccountModal .subPlanTable td:nth-child(n+3){
  width:auto!important;
}
#root#root .subAccountModal .subPlanTable th:first-child > label,
#root#root .subAccountModal .subPlanTable td:first-child > label{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  color:inherit!important;
}
#root#root .subAccountModal .subPlanTable th:first-child > label > span,
#root#root .subAccountModal .subPlanTable td:first-child > label > span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
@media(max-width:900px){
  #root#root .subAccountBackdrop{
    padding:8px!important;
  }
  #root#root .subAccountBackdrop .subAccountModal{
    width:calc(100vw - var(--sidebar-collapsed-width,82px) - 16px)!important;
    max-width:calc(100vw - var(--sidebar-collapsed-width,82px) - 16px)!important;
    max-height:calc(100dvh - var(--top-strip-height,58px) - 16px)!important;
  }
  #root#root .subAccountBackdrop .subAccountForm{
    max-height:calc(100dvh - var(--top-strip-height,58px) - 68px)!important;
  }
  #root#root .subAccountModal .subPlanTable{
    min-width:0!important;
  }
}

/* ========================================================================
   MANAGE SUB ACCOUNT — CREATE/EDIT FORM UNIFIED 15PX SPACING — 2026-08-23
   Keep every main form block/table consistently 15px from the white-card
   edges and use the same 15px separation between the main form sections.
   ======================================================================== */
#root#root .subAccountBackdrop .subAccountModal .subAccountForm{
  padding:15px!important;
}
#root#root .subAccountBackdrop .subAccountModal .subAccountTopFields{
  gap:15px!important;
  margin-bottom:15px!important;
}
#root#root .subAccountBackdrop .subAccountModal .subAccountBottomFields{
  gap:15px!important;
  margin-top:15px!important;
}
#root#root .subAccountBackdrop .subAccountModal .subFormActions{
  gap:15px!important;
  padding-top:15px!important;
}

/* ========================================================================== 
   MY PROFILE — ACCOUNT DETAILS SIMPLE TITLE + GREY/BLUE ICON BOXES (2026-08-23)
   Removes the old full-width blue Account Details header treatment and matches
   the simple Company View "View By" title language. Overview data/cards remain
   unchanged; only the section title and three overview icon boxes are restyled.
   ========================================================================== */
#root#root .profileAccountOverviewCard{
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
#root#root .profileAccountOverviewCard > .profileAccountCardHead{
  min-height:0!important;
  padding:0 0 15px!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
#root#root .profileAccountOverviewCard > .profileAccountCardHead .profileAccountCardTitle{
  gap:0!important;
}
#root#root .profileAccountOverviewCard > .profileAccountCardHead .profileAccountCardIcon,
#root#root .profileAccountOverviewCard > .profileAccountCardHead .profileAccountCardTitle small{
  display:none!important;
}
#root#root .profileAccountOverviewCard > .profileAccountCardHead .profileAccountCardTitle > span:last-child{
  display:block!important;
}
#root#root .profileAccountOverviewCard > .profileAccountCardHead .profileAccountCardTitle b{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0!important;
  color:#0B1730!important;
  font-size:15px!important;
  font-weight:600!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
}
#root#root .profileAccountOverviewCard > .profileAccountCardHead .profileAccountCardTitle b::before{
  content:""!important;
  width:4px!important;
  height:16px!important;
  flex:0 0 4px!important;
  background:#0B69DF!important;
  border-radius:0!important;
}
#root#root .profileAccountOverviewCard > .profileAccountOverviewGrid{
  padding:0!important;
}
#root#root .profileAccountOverviewCard .profileOverviewIcon{
  background:#F5F7FA!important;
  border:1px solid #0B69DF!important;
  color:#0B69DF!important;
  box-shadow:none!important;
}
#root#root .profileAccountOverviewCard .profileOverviewIcon svg{
  color:#0B69DF!important;
  stroke:#0B69DF!important;
}
.theme-dark #root#root .profileAccountOverviewCard > .profileAccountCardHead .profileAccountCardTitle b{
  color:#FFFFFF!important;
}

/* ========================================================================
   MY PROFILE — STACKED DOWNLOAD LIMIT + PASSWORD SECTIONS — 2026-08-23
   The old three-way section selector is no longer rendered. Account Details
   is followed directly by simple blue-accent section titles and their content.
   Login activity now lives in History > Login History.
   ======================================================================== */
#root#root .accountProfilePage{
  gap:0!important;
}
#root#root .accountProfilePage .profileAccountOverviewCard{
  margin-bottom:20px!important;
}
#root#root .accountProfilePage .profileSimpleSectionTitle{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:20px!important;
  margin:0 0 12px!important;
  color:#0B1730!important;
  font-size:15px!important;
  font-weight:600!important;
  line-height:1.25!important;
  letter-spacing:0!important;
}
#root#root .accountProfilePage .profileSimpleSectionTitle::before{
  content:""!important;
  width:4px!important;
  height:16px!important;
  flex:0 0 4px!important;
  background:#0B69DF!important;
  border-radius:0!important;
}
#root#root .accountProfilePage .profileDownloadLimitsCard{
  margin:0 0 20px!important;
}
#root#root .accountProfilePage .profilePasswordCard{
  margin:0!important;
}
#root#root .accountProfilePage .profileDownloadLimitsCard > .profileAccountCardHead,
#root#root .accountProfilePage .profilePasswordCard > .profileAccountCardHead{
  display:none!important;
}
.theme-dark #root#root .accountProfilePage .profileSimpleSectionTitle{
  color:#FFFFFF!important;
}

/* History Login tab uses the same table language as Search/Download History. */
#root#root .historyPage .historyLoginTable{
  min-width:980px!important;
}
#root#root .historyPage .historyLoginRetry{
  margin-top:12px!important;
}

/* ========================================================================
   MY PROFILE — DOWNLOAD LIMIT OUTER CARD REMOVED — 2026-08-23
   Keep Raw Data and Statistical Download Limit as two independent boxes.
   ======================================================================== */
#root#root .accountProfilePage .profileDownloadLimitsCard{
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
#root#root .accountProfilePage .profileDownloadLimitGrid{
  padding:0!important;
}

/* ========================================================================
   MY PROFILE — DOWNLOAD LIMIT HEADER WHITE + GREY/BLUE ICON — 2026-08-23
   Raw/Statistical quota panel headers stay white; icon boxes use the global
   grey fill + blue outline/icon language. Quota values/layout are unchanged.
   ======================================================================== */
#root#root .theme-light .accountProfilePage .profileQuotaHead{
  background:#FFFFFF!important;
}
#root#root .theme-light .accountProfilePage .profileQuotaIcon{
  background:#F5F7FA!important;
  border:1px solid #0B69DF!important;
  color:#0B69DF!important;
  box-shadow:none!important;
}
#root#root .theme-light .accountProfilePage .profileQuotaIcon svg{
  color:#0B69DF!important;
  stroke:#0B69DF!important;
}

/* ========================================================================
   MANAGE SUB ACCOUNT — LEFT WORKSPACE DRAWER 50% — 2026-08-23
   Create/Edit Sub Account is presented as a left-side workspace drawer
   instead of a centered popup. The drawer occupies exactly 50% of the
   usable workspace and slides in from the left. Existing form/data logic
   is unchanged.
   ======================================================================== */
@keyframes eximbotSubAccountDrawerIn{
  from{transform:translateX(-100%)}
  to{transform:translateX(0)}
}
#root#root .subAccountBackdrop{
  position:fixed!important;
  inset:var(--top-strip-height,58px) 0 0 var(--sidebar-collapsed-width,82px)!important;
  width:auto!important;
  height:auto!important;
  padding:0!important;
  display:block!important;
  overflow:hidden!important;
  background:rgba(11,23,48,.28)!important;
  z-index:9995!important;
}
#root#root .subAccountBackdrop .subAccountModal{
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  left:0!important;
  right:auto!important;
  width:50%!important;
  max-width:50%!important;
  height:100%!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border-radius:0!important;
  overflow:hidden!important;
  background:#FFFFFF!important;
  border:0!important;
  border-right:1px solid #DDE5F2!important;
  box-shadow:14px 0 34px rgba(31,55,90,.16)!important;
  transform:translateX(0)!important;
  animation:eximbotSubAccountDrawerIn .24s ease-out both!important;
}
#root#root .subAccountBackdrop .subAccountModal .subFormHead{
  flex:0 0 50px!important;
}
#root#root .subAccountBackdrop .subAccountModal .subAccountForm{
  height:calc(100% - 50px)!important;
  max-height:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
#root#root .theme-dark .subAccountBackdrop .subAccountModal{
  background:#0F1325!important;
  border-right-color:#242C49!important;
}
@media(max-width:1000px){
  #root#root .subAccountBackdrop .subAccountModal{
    width:100%!important;
    max-width:100%!important;
  }
}

/* ========================================================================
   MANAGE SUB ACCOUNT — RIGHT WORKSPACE DRAWER + SCROLLABLE 20/80 MATRIX
   2026-08-23
   Create/Edit opens from the right and slides left into 50% of the usable
   workspace. The data-source permission matrix owns its own vertical scroll
   and keeps Category/Data Sources at an exact 20% / 80% split.
   ======================================================================== */
@keyframes eximbotSubAccountDrawerInFromRight{
  from{transform:translateX(100%)}
  to{transform:translateX(0)}
}
#root#root .subAccountBackdrop .subAccountModal{
  left:auto!important;
  right:0!important;
  width:50%!important;
  max-width:50%!important;
  border-right:0!important;
  border-left:1px solid #DDE5F2!important;
  box-shadow:-14px 0 34px rgba(31,55,90,.16)!important;
  animation:eximbotSubAccountDrawerInFromRight .24s ease-out both!important;
}
#root#root .subAccountBackdrop .subAccountModal .subPlanTableWrap{
  height:min(52dvh,520px)!important;
  max-height:min(52dvh,520px)!important;
  overflow-y:scroll!important;
  overflow-x:hidden!important;
  scrollbar-gutter:stable!important;
}
#root#root .subAccountBackdrop .subAccountModal .subPlanTable{
  width:100%!important;
  min-width:0!important;
  table-layout:fixed!important;
}
#root#root .subAccountBackdrop .subAccountModal .subPlanTable th:nth-child(1),
#root#root .subAccountBackdrop .subAccountModal .subPlanTable td:nth-child(1){
  width:20%!important;
  min-width:20%!important;
  max-width:20%!important;
}
#root#root .subAccountBackdrop .subAccountModal .subPlanTable th:nth-child(2),
#root#root .subAccountBackdrop .subAccountModal .subPlanTable td:nth-child(2){
  width:80%!important;
  min-width:80%!important;
  max-width:80%!important;
}
#root#root .theme-dark .subAccountBackdrop .subAccountModal{
  border-right:0!important;
  border-left-color:#242C49!important;
}
@media(max-width:1000px){
  #root#root .subAccountBackdrop .subAccountModal{
    width:100%!important;
    max-width:100%!important;
  }
  #root#root .subAccountBackdrop .subAccountModal .subPlanTableWrap{
    height:min(50dvh,460px)!important;
    max-height:min(50dvh,460px)!important;
  }
}

/* ========================================================================
   MANAGE SUB ACCOUNT — SHIPMENT-PROFILE DRAWER MOTION + VISIBLE MATRIX SCROLL
   2026-08-23
   Match the Shipment Profile right-to-left workspace drawer behavior. Keep the
   permission matrix independently scrollable with a visible right scrollbar
   and an exact Category 20% / Data Sources 80% split.
   ======================================================================== */
#root#root .subAccountBackdrop{
  position:fixed!important;
  inset:var(--top-strip-height,58px) 0 0 var(--sidebar-collapsed-width,82px)!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:flex-end!important;
  padding:0!important;
  overflow:hidden!important;
  background:rgba(0,0,0,.38)!important;
  z-index:9995!important;
}
#root#root .subAccountBackdrop .subAccountModal{
  position:relative!important;
  inset:auto!important;
  width:50%!important;
  min-width:0!important;
  max-width:50%!important;
  height:100%!important;
  max-height:none!important;
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  background:#FFFFFF!important;
  border:0!important;
  border-left:1px solid #DDE5F2!important;
  border-radius:0!important;
  box-shadow:-12px 0 28px rgba(31,55,90,.14)!important;
  transform:none!important;
  animation:shipmentProfileDrawerIn .22s ease-out both!important;
}
#root#root .subAccountBackdrop .subAccountModal .subFormHead{
  flex:0 0 50px!important;
}
#root#root .subAccountBackdrop .subAccountModal .subAccountForm{
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
#root#root .subAccountBackdrop .subAccountModal .subPlanTableWrap{
  position:relative!important;
  width:100%!important;
  height:min(48dvh,500px)!important;
  min-height:260px!important;
  max-height:min(48dvh,500px)!important;
  overflow-y:scroll!important;
  overflow-x:hidden!important;
  scrollbar-width:thin!important;
  scrollbar-color:#98A2B3 #F5F7FA!important;
  scrollbar-gutter:stable!important;
  padding-bottom:2px!important;
}
#root#root .subAccountBackdrop .subAccountModal .subPlanTableWrap::-webkit-scrollbar{
  display:block!important;
  width:10px!important;
  height:10px!important;
}
#root#root .subAccountBackdrop .subAccountModal .subPlanTableWrap::-webkit-scrollbar-track{
  background:#F5F7FA!important;
  margin:0!important;
  border-radius:0!important;
}
#root#root .subAccountBackdrop .subAccountModal .subPlanTableWrap::-webkit-scrollbar-thumb{
  background:#98A2B3!important;
  border:2px solid #F5F7FA!important;
  background-clip:padding-box!important;
  border-radius:0!important;
  min-height:34px!important;
}
#root#root .subAccountBackdrop .subAccountModal .subPlanTableWrap::-webkit-scrollbar-thumb:hover{
  background:#667085!important;
  background-clip:padding-box!important;
}
#root#root .subAccountBackdrop .subAccountModal .subPlanTable{
  width:100%!important;
  min-width:0!important;
  table-layout:fixed!important;
}
#root#root .subAccountBackdrop .subAccountModal .subPlanTable th:nth-child(1),
#root#root .subAccountBackdrop .subAccountModal .subPlanTable td:nth-child(1){
  width:20%!important;
  min-width:20%!important;
  max-width:20%!important;
}
#root#root .subAccountBackdrop .subAccountModal .subPlanTable th:nth-child(2),
#root#root .subAccountBackdrop .subAccountModal .subPlanTable td:nth-child(2){
  width:80%!important;
  min-width:80%!important;
  max-width:80%!important;
}
#root#root .subAccountBackdrop .subAccountModal .subPlanTable tbody tr:last-child td{
  padding-bottom:12px!important;
}
#root#root .theme-dark .subAccountBackdrop .subAccountModal{
  background:#0F1325!important;
  border-left-color:#242C49!important;
}
@media(max-width:1000px){
  #root#root .subAccountBackdrop .subAccountModal{
    width:100%!important;
    max-width:100%!important;
  }
  #root#root .subAccountBackdrop .subAccountModal .subPlanTableWrap{
    height:min(46dvh,440px)!important;
    min-height:220px!important;
    max-height:min(46dvh,440px)!important;
  }
}

/* 2026-08-25 — Company View > Contacts website-result keyword search. */
#root .companyOverviewPage .companyContactWebsiteSearchBar{
  display:grid;
  grid-template-columns:minmax(0,9fr) minmax(0,1fr);
  align-items:center;
  gap:15px;
  width:50%;
  max-width:50%;
  box-sizing:border-box;
  margin:15px;
}
#root .companyOverviewPage .companyContactWebsiteSearchBar input{
  width:100%;
  min-width:0;
  height:36px;
  box-sizing:border-box;
  border:1px solid #D5DCE5;
  border-radius:0!important;
  background:#FFFFFF;
  color:#00143F;
  padding:0 12px;
  font:400 13px/1.2 "Source Han Sans SC",sans-serif;
  outline:none;
}
#root .companyOverviewPage .companyContactWebsiteSearchBar input:focus{
  border-color:#008AD8;
}
#root .companyOverviewPage .companyContactWebsiteSearchBar button{
  width:100%;
  min-width:0;
  height:36px;
  box-sizing:border-box;
  border:1px solid #008AD8;
  border-radius:0!important;
  background:#FFFFFF;
  color:#008AD8;
  font:400 13px/1.2 "Source Han Sans SC",sans-serif;
  cursor:pointer;
}
#root .companyOverviewPage .companyContactWebsiteSearchBar button:hover:not(:disabled),
#root .companyOverviewPage .companyContactWebsiteSearchBar button:active:not(:disabled),
#root .companyOverviewPage .companyContactWebsiteSearchBar button:focus-visible:not(:disabled){
  background:#008AD8;
  color:#FFFFFF;
  border-color:#008AD8;
}
#root .companyOverviewPage .companyContactWebsiteSearchBar button:disabled{
  background:#FFFFFF;
  color:#008AD8;
  border-color:#008AD8;
  opacity:.55;
  cursor:not-allowed;
}
@media(max-width:900px){
  #root .companyOverviewPage .companyContactWebsiteSearchBar{
    width:100%;
    max-width:100%;
    margin:15px 0;
    grid-template-columns:minmax(0,1fr) 100px;
  }
}

/* 2026-08-25 — Contacts search alignment + single-blue button + action vertical centering. */
#root .companyOverviewPage .companyContactWebsiteSearchBar{
  margin:15px 0 !important;
  gap:15px !important;
}
#root .companyOverviewPage .companyContactWebsiteSearchBar button{
  border:1px solid #0B69DF !important;
  background:#FFFFFF !important;
  background-color:#FFFFFF !important;
  color:#0B69DF !important;
  box-shadow:none !important;
}
#root .companyOverviewPage .companyContactWebsiteSearchBar button:hover:not(:disabled),
#root .companyOverviewPage .companyContactWebsiteSearchBar button:active:not(:disabled),
#root .companyOverviewPage .companyContactWebsiteSearchBar button:focus-visible:not(:disabled){
  border-color:#0B69DF !important;
  background:#0B69DF !important;
  background-color:#0B69DF !important;
  color:#FFFFFF !important;
  box-shadow:none !important;
}
#root .companyOverviewPage .companyContactWebsiteSearchBar button:disabled{
  border-color:#0B69DF !important;
  background:#FFFFFF !important;
  background-color:#FFFFFF !important;
  color:#0B69DF !important;
}
#root .companyOverviewPage .companyWebsiteTable td.companyWebsiteActionCell{
  vertical-align:middle !important;
  text-align:center !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}
#root .companyOverviewPage .companyWebsiteActionCell .companyContactFindButton{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 auto !important;
  vertical-align:middle !important;
}

/* 2026-08-25 — Contacts Company Website action buttons: exact center within each row cell. */
#root .companyOverviewPage .companyWebsiteTable td.companyWebsiteActionCell{
  position:relative !important;
  vertical-align:middle !important;
  text-align:center !important;
  padding:0 !important;
}
#root .companyOverviewPage .companyWebsiteTable td.companyWebsiteActionCell > .companyContactFindButton{
  position:absolute !important;
  top:50% !important;
  left:50% !important;
  transform:translate(-50%,-50%) !important;
  margin:0 !important;
}


/* ==========================================================================
   DATA SOURCES — CLEAN 3-COLUMN SOURCE LIST
   Group title: blue square + category title.
   Row: Title / Source + GCode, Start Date, Latest Date.
   ========================================================================== */
#root#root .customDataGroup > h4{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
}
#root#root .customDataGroup > h4::before{
  content:""!important;
  display:inline-block!important;
  width:8px!important;
  height:8px!important;
  min-width:8px!important;
  background:#0B69DF!important;
  border:0!important;
  border-radius:0!important;
}
#root#root .customDataCompactTable{
  table-layout:fixed!important;
}
#root#root .customDataCompactTable td:nth-child(1){width:60%!important}
#root#root .customDataCompactTable td:nth-child(2),
#root#root .customDataCompactTable td:nth-child(3){width:20%!important}
#root#root .customDataCompactTable td{
  height:42px!important;
  padding:6px 9px!important;
}
#root#root .customDataPrimaryCell{white-space:normal!important}
#root#root .customDataPrimaryTitle{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
  line-height:1.2!important;
}
#root#root .customDataPrimaryTitle b{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#0B1730!important;
  font-size:10.5px!important;
  font-weight:600!important;
}
#root#root .customDataPrimaryTitle .optionFlag{
  width:16px!important;
  min-width:16px!important;
  flex:0 0 16px!important;
  font-size:11px!important;
  line-height:1!important;
}
#root#root .customDataPrimaryMeta{
  margin-top:3px!important;
  padding-left:23px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#98A2B3!important;
  font-size:8.8px!important;
  font-weight:400!important;
  line-height:1.15!important;
}
#root#root .customDataStartDateCell,
#root#root .customDataLatestDateCell{
  color:#0B1730!important;
  font-size:9.5px!important;
  font-weight:400!important;
  text-align:left!important;
  white-space:nowrap!important;
}
#root#root .customDataCompactTable tbody tr.selected .customDataPrimaryTitle b,
#root#root .customDataCompactTable tbody tr[aria-selected="true"] .customDataPrimaryTitle b,
#root#root .customDataCompactTable tbody tr.selected .customDataPrimaryMeta,
#root#root .customDataCompactTable tbody tr[aria-selected="true"] .customDataPrimaryMeta,
#root#root .customDataCompactTable tbody tr.selected .customDataStartDateCell,
#root#root .customDataCompactTable tbody tr[aria-selected="true"] .customDataStartDateCell,
#root#root .customDataCompactTable tbody tr.selected .customDataLatestDateCell,
#root#root .customDataCompactTable tbody tr[aria-selected="true"] .customDataLatestDateCell{
  color:#FFFFFF!important;
}
@media(max-width:620px){
  #root#root .customDataCompactTable td:nth-child(1){width:56%!important}
  #root#root .customDataCompactTable td:nth-child(2),
  #root#root .customDataCompactTable td:nth-child(3){width:22%!important}
  #root#root .customDataCompactTable td{padding:5px 6px!important}
  #root#root .customDataPrimaryMeta{padding-left:21px!important;font-size:8px!important}
  #root#root .customDataStartDateCell,
  #root#root .customDataLatestDateCell{font-size:8.5px!important}
}


/* Data Sources: mapped 4x3 flag spans the full two-line source text block. */
#root#root .customDataSourceDisplay{
  display:flex!important;
  align-items:flex-start!important;
  gap:7px!important;
  min-width:0!important;
}
#root#root .customDataSourceDisplay>.optionFlag{
  width:34.67px!important;
  min-width:34.67px!important;
  height:26px!important;
  flex:0 0 34.67px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  font-size:16px!important;
  line-height:26px!important;
  margin:0!important;
  padding:0!important;
}
#root#root .customDataSourceDisplay>.optionFlag img{
  display:block!important;
  width:34.67px!important;
  height:26px!important;
  aspect-ratio:4/3!important;
  object-fit:cover!important;
  margin:0!important;
}
#root#root .customDataTextBlock{
  min-width:0!important;
  height:26px!important;
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  justify-content:space-between!important;
}
#root#root .customDataSourceDisplay .customDataPrimaryTitle{
  display:block!important;
  min-width:0!important;
  line-height:12.6px!important;
}
#root#root .customDataSourceDisplay .customDataPrimaryMeta{
  margin:0!important;
  padding-left:0!important;
  line-height:10.12px!important;
}
@media(max-width:620px){
  #root#root .customDataSourceDisplay{gap:6px!important}
  #root#root .customDataSourceDisplay>.optionFlag{
    width:32px!important;
    min-width:32px!important;
    height:24px!important;
    flex-basis:32px!important;
    line-height:24px!important;
  }
  #root#root .customDataSourceDisplay>.optionFlag img{width:32px!important;height:24px!important}
  #root#root .customDataTextBlock{height:24px!important}
  #root#root .customDataSourceDisplay .customDataPrimaryMeta{padding-left:0!important}
}
/* MIRROR DATA — separate source tab + mandatory direction. */
#root#root .customDataPopupTabs .mirrorDataDirectionControl > span{
  color:#0B69DF!important;
}
#root#root .mirrorDataBody{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
}
#root#root .mirrorDataGroups{
  flex:1 1 auto!important;
  min-height:0!important;
}
#root#root .mirrorDataTable tr[role="button"]{
  cursor:pointer!important;
}
#root#root .mirrorDataTable tr.selected td{
  background:#EAF4FF!important;
}
#root#root .mirrorDirectionRequired{
  margin:10px 0 0!important;
  padding:9px 11px!important;
  border:1px solid #0B69DF!important;
  background:#F5FAFF!important;
  color:#0B1730!important;
  font-size:12px!important;
  font-weight:600!important;
}
#root#root .mirrorDataActions{
  justify-content:flex-end!important;
  gap:12px!important;
}
#root#root .mirrorDataSelectionSummary{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#414F5F!important;
  font-size:12px!important;
}
#root#root .mirrorDataActions .primary:disabled{
  opacity:.48!important;
  cursor:not-allowed!important;
  box-shadow:none!important;
}
.theme-dark #root#root .mirrorDataTable tr.selected td{
  background:rgba(11,105,223,.18)!important;
}
.theme-dark #root#root .mirrorDirectionRequired{
  background:rgba(11,105,223,.12)!important;
  color:#FFFFFF!important;
}
.theme-dark #root#root .mirrorDataSelectionSummary{
  color:#FFFFFF!important;
}
@media(max-width:760px){
  #root#root .mirrorDataActions{align-items:stretch!important;flex-direction:column!important;}
  #root#root .mirrorDataSelectionSummary{white-space:normal!important;}
}
#root#root .customDataPopupTabs .mirrorDataDirectionControl .databaseModeSwitch button:disabled{
  opacity:.45!important;
  cursor:not-allowed!important;
  border-color:#DDE5F2!important;
  background:#FFFFFF!important;
  color:#7A8796!important;
}