.logisticsDocumentFilterHeader {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 100%;
  min-height: 30px;
  padding: 4px 5px;
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
}
.logisticsDocumentFilterHeader:hover,
.logisticsDocumentFilterHeader:focus-visible { background: #fff; border-color: #d4dce7; outline: 2px solid #fee2e2; }
.logisticsDocumentFilterHeader.isFiltered { background: #fef2f2; color: #b91c1c; border-color: #fecaca; }
.logisticsDocumentFilterHeader small { font-size: 10px; border-radius: 4px; padding: 0 4px; background: #fee2e2; }
.logisticsDocumentFilterSummary { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; padding: 10px 14px; border-bottom: 1px solid #e3e8ef; font-size: 12px; color: #64748b; }
.logisticsDocumentFilterSummary > span { margin-right: 4px; }
.logisticsDocumentFilterTag { display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border: 1px solid #fecaca; background: #fff5f5; color: #991b1b; border-radius: 6px; padding: 5px 8px; cursor: pointer; }
.logisticsDocumentFilterTag:hover { background: #fee2e2; }
.logisticsDocumentFilterSummary .ghostButton { padding: 4px 8px; min-height: 28px; font-size: 12px; }
.logisticsDocumentFilterMenu { width: min(240px, calc(100vw - 60px)); color: #334155; }
.logisticsDocumentFilterMenu header { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.logisticsDocumentFilterMenu p { font-size: 12px; color: #64748b; margin: 5px 0 10px; }
.logisticsDocumentFilterOptions { max-height: 240px; overflow-y: auto; overscroll-behavior: contain; }
.logisticsDocumentFilterOptions > label { display: flex; align-items: center; gap: 9px; padding: 9px 6px; cursor: pointer; border-radius: 5px; }
.logisticsDocumentFilterOptions > label > span { min-width: 0; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.logisticsDocumentFilterOptions > label small { flex: none; color: #94a3b8; font-size: 10px; }
.logisticsDocumentFilterOptions > label:hover { background: #f8fafc; }
.logisticsDocumentFilterMenu input[type=checkbox] { flex: none; width: 16px; height: 16px; accent-color: #b91c1c; }
.logisticsDocumentOptionSearch { box-sizing: border-box; width: 100%; height: 34px; margin-bottom: 8px; padding: 6px 9px; border: 1px solid #d4dce7; border-radius: 6px; color: #334155; font-size: 12px; }
.logisticsDocumentOptionPagination { display: flex; align-items: center; gap: 8px; margin-top: 9px; color: #64748b; font-size: 11px; }
.logisticsDocumentOptionPagination > span { margin-right: auto; }
.logisticsDocumentOptionPagination button { padding: 4px 6px; border: 1px solid #e2e8f0; background: #fff; border-radius: 4px; color: #475569; cursor: pointer; }
.logisticsDocumentOptionPagination button:disabled { opacity: .4; cursor: default; }
.logisticsDocumentFilterMenu footer { display: flex; justify-content: space-between; gap: 10px; padding-top: 12px; margin-top: 8px; border-top: 1px solid #e3e8ef; }
.logisticsDocumentFilterMenu footer button { padding: 6px 10px; }
.logisticsDocumentFilterMenu .primaryButton { background: #b91c1c; color: #fff; border: 1px solid #b91c1c; border-radius: 6px; cursor: pointer; }

.logisticsDocumentOverview { min-width: 0; border: 1px solid #dce3ec; border-radius: 12px; background: #fff; box-shadow: 0 3px 12px rgba(23, 32, 51, .025); }
.logisticsDocumentOverviewHeading { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 20px 15px; border-bottom: 1px solid #edf0f4; }
.logisticsDocumentOverviewHeading h2 { margin: 0 0 5px; color: #172033; font-size: 17px; font-weight: 700; }
.logisticsDocumentOverviewHeading p { margin: 0; font-size: 12px; color: #748094; }
.logisticsDocumentDataSource { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; color: #64748b; font-size: 11px; }
.logisticsDocumentDataSource time { color: #475569; font-variant-numeric: tabular-nums; }
.logisticsDocumentDataSource.isSnapshot { padding: 6px 9px; border: 1px solid #e2e8f0; border-radius: 6px; background: #f8fafc; }
.logisticsDocumentOverviewBody { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(300px, 1fr); }
.logisticsDocumentOverviewNumbers { min-width: 0; padding: 20px; }
.logisticsDocumentMetricGrid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; }
.logisticsDocumentMetric { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: 8px; padding: 12px 10px; border: 1px solid #e8ecf2; border-radius: 8px; background: #fff; color: #172033; text-align: left; font: inherit; }
button.logisticsDocumentMetric { cursor: pointer; }
button.logisticsDocumentMetric:hover:not(:disabled), .logisticsDocumentMetric.isSelected { border-color: #b9c5d4; box-shadow: 0 2px 7px rgba(24, 40, 60, .06); }
button.logisticsDocumentMetric:focus-visible { outline: 2px solid #b91c1c; outline-offset: 2px; }
.logisticsDocumentMetric:disabled { cursor: default; }
.logisticsDocumentMetric > span { display: flex; align-items: center; gap: 5px; color: #64748b; font-size: 12px; white-space: nowrap; }
.logisticsDocumentMetric strong { font-size: 30px; line-height: 1.2; letter-spacing: -.5px; font-weight: 700; font-variant-numeric: tabular-nums; }
.logisticsDocumentMetric strong small { margin-left: 5px; color: #94a3b8; font-size: 11px; font-weight: 400; }
.logisticsDocumentMetric p { display: flex; align-items: center; gap: 3px; margin: 0; color: #7c8797; font-size: 10px; line-height: 1.4; }
.logisticsDocumentMetric.isFocused { background: #fff8f7; border-color: #f1d6d1; }
.logisticsDocumentMetric.isFocused strong { color: #b91c1c; }
.logisticsDocumentMetric.isComplete strong { color: #15803d; }
.logisticsDocumentMetric.isMissing strong { color: #b45309; }
.logisticsDocumentCompletionRate { margin-top: 20px; }
.logisticsDocumentCompletionRate > div:first-child { display: flex; align-items: baseline; gap: 9px; margin-bottom: 9px; color: #526074; font-size: 12px; }
.logisticsDocumentCompletionRate strong { color: #15803d; font-size: 17px; font-variant-numeric: tabular-nums; }
.logisticsDocumentCompletionRate small { margin-left: auto; color: #94a3b8; font-size: 10px; }
.logisticsDocumentRateTrack { height: 6px; overflow: hidden; border-radius: 8px; background: #edf2f5; }
.logisticsDocumentRateTrack > span { display: block; height: 100%; border-radius: inherit; background: #26945a; }
.logisticsDocumentMissingRank { min-width: 0; padding: 20px; border-left: 1px solid #edf0f4; }
.logisticsDocumentMissingRank > header { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
.logisticsDocumentMissingRank h3 { margin: 0; color: #334155; font-size: 13px; }
.logisticsDocumentMissingRank header > span { color: #94a3b8; font-size: 10px; }
.logisticsDocumentMissingItem { display: grid; grid-template-columns: minmax(80px, 1.1fr) minmax(40px, 1fr) 54px 13px; align-items: center; gap: 10px; width: 100%; padding: 6px 0; border: 0; color: #526074; background: transparent; text-align: left; font: inherit; cursor: pointer; }
.logisticsDocumentMissingItem:hover { color: #b45309; }
.logisticsDocumentMissingName { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; }
.logisticsDocumentMissingTrack { height: 5px; overflow: hidden; border-radius: 4px; background: #f8f0e9; }
.logisticsDocumentMissingTrack > span { display: block; height: 100%; background: #d59a65; border-radius: inherit; }
.logisticsDocumentMissingItem strong { color: #475569; text-align: right; font-size: 12px; font-weight: 600; font-variant-numeric: tabular-nums; }
.logisticsDocumentMissingItem strong small { margin-left: 3px; color: #94a3b8; font-size: 10px; font-weight: 400; }
.logisticsDocumentRankFootnote { margin: 8px 0 0; color: #94a3b8; font-size: 10px; }
.logisticsDocumentRankEmpty { margin: 30px 0; color: #94a3b8; font-size: 12px; }
@media (max-width: 1180px) { .logisticsDocumentOverviewBody { grid-template-columns: minmax(0, 1.25fr) minmax(260px, 1fr); } .logisticsDocumentMetricGrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 760px) {
  .logisticsDocumentOverviewHeading { padding: 15px; align-items: flex-start; flex-direction: column; gap: 10px; }
  .logisticsDocumentOverviewBody { grid-template-columns: minmax(0, 1fr); }
  .logisticsDocumentOverviewNumbers { padding: 15px; }
  .logisticsDocumentMetric { padding: 11px; }
  .logisticsDocumentMetric strong { font-size: 29px; }
  .logisticsDocumentMissingRank { padding: 15px; border-left: 0; border-top: 1px solid #edf0f4; }
  .logisticsDocumentCompletionRate { margin-top: 15px; }
}


.logisticsDocumentOverallStatus.isOptional { color: #64748b; background: #f1f5f9; }

.logisticsDocumentOverview.isForeignOnly .logisticsDocumentMetricGrid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.logisticsDocumentTradeTabs { max-width: 100%; box-sizing: border-box; }
.logisticsDocumentTradeTabs > button:focus-visible { outline: 2px solid #b91c1c; outline-offset: 2px; }
@media (max-width: 760px) { .logisticsDocumentOverview.isForeignOnly .logisticsDocumentMetric { padding: 9px; } .logisticsDocumentOverview.isForeignOnly .logisticsDocumentMetric strong { font-size: 25px; } }

.logisticsDocumentTradeOverview { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 16px; align-items: start; }
.logisticsDocumentTradeOverview > .logisticsDocumentOverview { min-width: 0; }
.logisticsDocumentTradeOverview .logisticsDocumentOverviewHeading { flex-wrap: wrap; }
.logisticsDocumentTradeOverview .logisticsDocumentOverviewBody { display: block; }
.logisticsDocumentTradeOverview .logisticsDocumentMissingRank { border-left: 0; border-top: 1px solid #edf0f4; padding: 16px 20px; }
.logisticsDocumentTradeOverview .logisticsDocumentMetric strong { display: flex; align-items: baseline; flex-wrap: nowrap; gap: 4px; white-space: nowrap; }
.logisticsDocumentTradeOverview .logisticsDocumentMetric strong small { flex-shrink: 0; margin-left: 0; }
.logisticsDocumentOtherTradeOverview { display: grid; gap: 14px; min-width: 0; }
.logisticsDocumentDomesticOverview, .logisticsDocumentUnknownOverview { min-width: 0; padding: 20px; border: 1px solid #dce4ed; border-radius: 12px; background: #fff; }
.logisticsDocumentDomesticOverview header, .logisticsDocumentUnknownOverview header { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.logisticsDocumentDomesticOverview h2 { margin: 0; color: #172033; font-size: 17px; }
.logisticsDocumentDomesticOverview header > span { flex-shrink: 0; padding: 3px 7px; border-radius: 5px; color: #64748b; background: #f1f5f9; font-size: 11px; }
.logisticsDocumentDomesticCount { display: flex; flex-direction: column; gap: 8px; margin: 22px 0 18px; padding: 0; border: 0; color: #172033; background: transparent; text-align: left; font: inherit; cursor: pointer; }
.logisticsDocumentDomesticCount > span { display: flex; align-items: center; gap: 6px; color: #64748b; font-size: 12px; }
.logisticsDocumentDomesticCount strong { display: flex; align-items: baseline; gap: 5px; white-space: nowrap; font-size: 36px; line-height: 1.15; font-variant-numeric: tabular-nums; }
.logisticsDocumentDomesticCount small, .logisticsDocumentUnknownOverview small { color: #94a3b8; font-size: 11px; font-weight: 400; }
.logisticsDocumentDomesticOverview dl { display: grid; gap: 11px; margin: 0; padding: 15px 0; border-top: 1px solid #edf0f4; border-bottom: 1px solid #edf0f4; }
.logisticsDocumentDomesticOverview dl > div { display: flex; justify-content: space-between; gap: 12px; font-size: 12px; }
.logisticsDocumentDomesticOverview dt { color: #64748b; }
.logisticsDocumentDomesticOverview dd { margin: 0; color: #334155; font-weight: 600; }
.logisticsDocumentDomesticOverview p, .logisticsDocumentUnknownOverview p { margin: 14px 0; color: #7c8797; font-size: 11px; line-height: 1.65; }
.logisticsDocumentTradeLink { display: flex; align-items: center; gap: 6px; padding: 0; border: 0; background: transparent; color: #526074; font: inherit; font-size: 12px; font-weight: 600; cursor: pointer; }
.logisticsDocumentTradeLink:hover { color: #b91c1c; }
.logisticsDocumentUnknownOverview h3 { margin: 0; font-size: 13px; color: #526074; }
.logisticsDocumentUnknownOverview strong { display: flex; align-items: baseline; gap: 4px; color: #334155; font-size: 23px; font-variant-numeric: tabular-nums; }
.logisticsDocumentDomesticCount:focus-visible, .logisticsDocumentTradeLink:focus-visible { outline: 2px solid #b91c1c; outline-offset: 4px; border-radius: 3px; }
.logisticsDocumentKindBreakdown { border-top: 1px solid #edf0f4; }
.logisticsDocumentDetailToggle { display: flex; align-items: center; justify-content: center; gap: 7px; width: 100%; min-height: 44px; padding: 12px 16px; border: 0; background: #fff; color: #526074; font: inherit; font-size: 12px; cursor: pointer; }
.logisticsDocumentDetailToggle:hover { background: #f8fafc; }
.logisticsDocumentDetailToggle:focus-visible, .logisticsDocumentKindTable button:focus-visible { outline: 2px solid #b91c1c; outline-offset: -2px; }
.logisticsDocumentKindTableScroll { max-width: 100%; overflow-x: auto; border-top: 1px solid #edf0f4; }
.logisticsDocumentKindTable { width: 100%; min-width: 550px; border-collapse: collapse; color: #526074; font-size: 12px; }
.logisticsDocumentKindTable th, .logisticsDocumentKindTable td { padding: 9px 12px; border-bottom: 1px solid #edf0f4; text-align: right; white-space: nowrap; }
.logisticsDocumentKindTable th:first-child { text-align: left; }
.logisticsDocumentKindTable thead th { background: #f8fafc; color: #64748b; font-size: 11px; }
.logisticsDocumentKindTable .logisticsDocumentKindGroup th { padding: 8px 12px; color: #334155; background: #f8fafc; text-align: left; font-weight: 650; }
.logisticsDocumentKindTable button { display: inline-flex; align-items: baseline; gap: 3px; min-height: 28px; padding: 2px 4px; border: 0; border-radius: 4px; background: transparent; color: #64748b; font: inherit; white-space: nowrap; cursor: pointer; font-variant-numeric: tabular-nums; }
.logisticsDocumentKindTable button.is-complete { color: #15803d; }
.logisticsDocumentKindTable button.is-missing { color: #b45309; }
.logisticsDocumentKindTable button:hover:not(:disabled) { background: #f1f5f9; text-decoration: underline; }
.logisticsDocumentKindTable button:disabled { color: #a4adba; cursor: default; }
.logisticsDocumentKindTable small { margin-left: 0; color: #94a3b8; font-size: 10px; }
@media (max-width: 1180px) { .logisticsDocumentTradeOverview { grid-template-columns: minmax(0, 1fr); } .logisticsDocumentOtherTradeOverview { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .logisticsDocumentOtherTradeOverview { grid-template-columns: minmax(0, 1fr); } .logisticsDocumentDomesticOverview, .logisticsDocumentUnknownOverview { padding: 16px; } .logisticsDocumentTradeOverview .logisticsDocumentMissingRank { padding: 14px 15px; } }


.logisticsCountTabs,
.outboundManagementTabs {
  margin: 0 0 14px;
  padding: 5px;
  width: fit-content;
  border: 1px solid #e2e8f0;
  border-radius: 11px;
  background: #f8fafc;
}

.logisticsCountTabs button,
.outboundManagementTabs button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.logisticsCountTabs button span,
.outboundManagementTabs button span {
  min-width: 24px;
  border-radius: 999px;
  padding: 2px 7px;
  color: #64748b;
  background: #e2e8f0;
  font-size: 11px;
  line-height: 1.4;
}

.logisticsCountTabs button.active span,
.outboundManagementTabs button.active span {
  color: #991b1b;
  background: #fff;
}