.documentUiPageHeader { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:0 0 26px; color:#1f2b3d; }
.documentUiPageHeader > div:first-child { display:flex; align-items:center; gap:13px; min-width:0; }
.documentUiPageIcon { display:grid; place-items:center; width:45px; height:45px; border:1px solid #f1dedb; border-radius:12px; background:#fff5f3; color:#b91c1c; flex-shrink:0; }
.documentUiPageHeader h1 { font-size:25px; font-weight:700; line-height:1.4; margin:0; }
.documentUiPageHeader p { font-size:12px; font-weight:400; line-height:1.7; margin:5px 0 0; color:#758296; }
.documentUiBackdrop { position:fixed; inset:0; z-index:1200; display:flex; align-items:center; justify-content:center; padding:24px; background:#17233366; backdrop-filter:blur(3px); }
.documentUiDialog { display:flex; flex-direction:column; width:min(1120px,100%); max-height:min(920px,calc(100dvh - 48px)); min-height:0; overflow:hidden; border:1px solid #e3e7ed; border-radius:16px; background:#f6f8fb; color:#243145; box-shadow:0 28px 90px #10182830; text-align:left; }
.documentUiDialogHeader { flex:none; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:22px 26px; border-bottom:1px solid #e6ebf2; background:#fff; }
.documentUiDialogTitle { display:flex; align-items:center; gap:13px; min-width:0; }
.documentUiDialogTitle > span { flex:none; display:grid; place-items:center; width:44px; height:44px; border:1px solid #f3dedd; border-radius:12px; background:#fff5f4; color:#b91c1c; }
.documentUiDialogTitle h2 { margin:0; font-size:20px; font-weight:700; line-height:1.4; color:#192333; }
.documentUiDialogTitle p { margin:5px 0 0; color:#7c8797; font:12px/1.5 ui-monospace,"SFMono-Regular",Consolas,monospace; overflow-wrap:anywhere; }
.documentUiClose { display:grid; place-items:center; flex:none; width:36px; height:36px; padding:0; border:1px solid #e5e9ef; border-radius:9px; color:#738092; background:#fff; cursor:pointer; }
.documentUiClose:hover { background:#f5f7fa; color:#243449; }
.documentUiDialogBody { min-height:0; overflow-y:auto; overscroll-behavior:contain; scrollbar-gutter:stable; padding:22px 26px; }
.documentUiDialogFooter { display:flex; flex:none; justify-content:space-between; align-items:center; gap:14px; padding:13px 26px; border-top:1px solid #e5eaf1; background:#fff; color:#8190a3; font-size:11px; line-height:1.6; }
.documentUiIdentity { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px 24px; margin:0 0 22px; padding:0 0 20px; border-bottom:1px solid #e2e8f0; }
.documentUiIdentity > div { min-width:0; }
.documentUiIdentity dt { font-size:11px; color:#7a8799; line-height:1.5; }
.documentUiIdentity dd { margin:6px 0 0; color:#344358; font-size:13px; font-weight:600; line-height:1.6; overflow-wrap:anywhere; }
.documentUiIdentity .isMono { font-family:ui-monospace,"SFMono-Regular",Consolas,monospace; letter-spacing:.015em; }
.documentUiSectionHeading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 15px; }
.documentUiSectionHeading h3 { margin:0; color:#2d3b50; font-size:15px; font-weight:650; }
.documentUiSectionHeading p { margin:5px 0 0; color:#8190a3; font-size:11px; line-height:1.6; }
.documentUiSectionHeading > span { font-size:11px; color:#8190a3; }
.documentUiGrid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.documentUiCard { display:flex; flex-direction:column; min-width:0; overflow:hidden; border:1px solid #e1e6ee; border-radius:11px; background:#fff; box-shadow:0 2px 4px #10182802; }
.documentUiCardHeader { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:17px 18px 15px; }
.documentUiCardHeader > div { display:flex; align-items:center; gap:9px; min-width:0; color:#7b899b; }
.documentUiCardHeader > div > svg { flex:none; }
.documentUiCardHeader h3 { margin:0; color:#2e3a4b; font-size:14px; font-weight:650; line-height:1.6; }
.documentUiCardHeader h3 small { margin-left:7px; font-size:10px; font-weight:400; color:#8a97aa; }
.documentUiStatus { display:inline-flex; flex-shrink:0; align-items:center; gap:4px; padding:4px 7px; border-radius:5px; font-size:11px; font-weight:500; line-height:1.4; white-space:nowrap; }
.documentUiStatus.is-complete { color:#217246; background:#edf8f1; }
.documentUiStatus.is-missing,.documentUiStatus.is-partial { color:#99591c; background:#fff6e9; }
.documentUiStatus.is-pending,.documentUiStatus.is-optional { color:#69788c; background:#f1f4f8; }
.documentUiDot { width:4px; height:4px; border-radius:50%; background:currentColor; }
.documentUiCardBody { flex:1; min-width:0; padding:0 18px 14px; }
.documentUiCardFooter { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; padding:12px 18px; border-top:1px solid #eff2f6; background:#fdfdfe; }
.documentUiCardFooter > span { font-size:10px; line-height:1.6; color:#8592a4; }
.documentUiFiles { list-style:none; padding:0; margin:0; }
.documentUiFile { min-width:0; padding:4px 0 2px; }
.documentUiFile + .documentUiFile { margin-top:12px; padding-top:15px; border-top:1px solid #edf0f4; }
.documentUiFileInfo { display:grid; grid-template-columns:32px minmax(0,1fr); gap:10px; align-items:start; min-width:0; }
.documentUiFileIcon { display:grid; place-items:center; height:37px; border:1px solid #eee3e0; border-radius:7px; color:#ba7569; background:#fdf5f3; }
.documentUiFileName { display:block; min-width:0; color:#344358; font-size:13px; font-weight:550; line-height:1.65; overflow-wrap:anywhere; }
.documentUiFileInfo p { margin:5px 0 0; color:#7a8799; font-size:11px; line-height:1.6; overflow-wrap:anywhere; }
.documentUiFileActions { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:3px; margin:9px -5px 0 37px; }
.documentUiFileActions button,.documentUiFileActions a { display:inline-flex; align-items:center; justify-content:center; gap:5px; padding:5px 7px; border:0; border-radius:5px; background:transparent; color:#64758a; font-family:inherit; font-size:12px; line-height:1.5; text-decoration:none; cursor:pointer; }
.documentUiFileActions button:hover,.documentUiFileActions a:hover { color:#355780; background:#f0f5fb; }
.documentUiFileActions button.isDanger { color:#b56262; }
.documentUiFileActions button.isDanger:hover { color:#b91c1c; background:#fff0ef; }
.documentUiFileActions > span { display:inline-flex; align-items:center; gap:4px; padding:5px; color:#929baa; font-size:10px; }
.documentUiEmpty { display:flex; flex-direction:column; justify-content:center; align-items:center; gap:6px; min-height:92px; padding:14px; border:1px dashed #e6eaf0; border-radius:7px; background:#fafbfd; color:#b3bdca; text-align:center; }
.documentUiEmpty strong { color:#728096; font-size:12px; font-weight:400; line-height:1.5; }
.documentUiEmpty span { color:#8794a5; font-size:11px; line-height:1.6; }
.documentUiButton { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; gap:6px; min-height:33px; padding:6px 12px; border:1px solid #e0e5ed; border-radius:6px; background:#fff; color:#59697e; font-family:inherit; font-size:12px; font-weight:500; line-height:1.5; cursor:pointer; text-decoration:none; }
.documentUiButton:hover { color:#a92a2a; border-color:#e8bebc; background:#fffafa; }
.documentUiButton.isPrimary { border-color:#b91c1c; background:#b91c1c; color:#fff; }
.documentUiButton.isPrimary:hover { background:#a71919; }
.documentUiDialog button:disabled { cursor:not-allowed; opacity:.5; }
.documentUiFileInput { display:none; }
.documentUiFeedback { display:flex; align-items:flex-start; gap:7px; margin:0 0 14px; padding:10px 12px; color:#728297; background:#edf2f8; border-radius:7px; font-size:12px; line-height:1.6; }
.documentUiFeedback > svg { flex:none; margin-top:2px; }
.documentUiFeedback > span { flex:1; }
.documentUiFeedback.isError { color:#a43a31; background:#fff1ef; }
.documentUiFeedback.isSaved { color:#278355; background:#edf8f1; }
.documentUiTextButton { padding:0; border:0; background:transparent; color:inherit; font:inherit; cursor:pointer; text-decoration:underline; text-underline-offset:3px; }
.documentUiNote { display:flex; align-items:flex-start; gap:7px; margin:16px 0 0; color:#7b889b; }
.documentUiNote > svg { flex:none; margin-top:2px; }
.documentUiNote p { margin:0; color:inherit; font-size:11px; line-height:1.7; }
.documentUiTabs { display:flex; gap:5px; overflow-x:auto; margin:0 0 18px; padding:4px; border:1px solid #e2e8f0; border-radius:9px; background:#eef2f7; }
.documentUiTabs button { flex:1; display:flex; align-items:center; justify-content:center; gap:8px; min-height:36px; padding:8px 12px; border:1px solid transparent; border-radius:6px; background:transparent; color:#7b899b; white-space:nowrap; font-family:inherit; font-size:12px; cursor:pointer; }
.documentUiTabs button[aria-selected=true] { border-color:#e1e7ef; background:#fff; color:#ae2727; box-shadow:0 1px 3px #17233308; font-weight:600; }
.documentUiTabs button span { font-size:10px; color:#8795a7; }
.documentUiScope { display:grid; gap:12px; margin:0 0 20px; padding:15px 17px; border:1px solid #e1e7ef; border-radius:9px; background:#fff; }
.documentUiScope label { display:grid; grid-template-columns:130px minmax(0,1fr); align-items:center; gap:10px; color:#66788d; font-size:12px; }
.documentUiScope select,.documentUiScope input,.documentUiCard textarea { max-width:100%; min-width:0; padding:8px 10px; border:1px solid #dce3ed; border-radius:6px; background:#fff; color:#4c5e75; font-family:inherit; font-size:12px; }
.documentUiScope small { color:#8795a7; font-size:11px; line-height:1.6; }
.documentUiDialog :is(button,a,input,select,textarea):focus-visible { outline:3px solid #b91c1c44; outline-offset:3px; }
.documentUiTable tbody tr[tabindex] { cursor:pointer; }
.documentUiTable tbody tr[tabindex]:hover { background:#fffaf8; }
.documentUiTable tbody tr[tabindex]:focus-visible { outline:2px solid #c27070; outline-offset:-2px; background:#fff8f6; }
.documentUiCellButton { border:0; padding:0; margin:0; background:transparent; font:inherit; cursor:pointer; }
@media (max-width:720px) {
 .documentUiPageHeader { flex-wrap:wrap; margin-bottom:20px; }
 .documentUiPageHeader h1 { font-size:22px; }
 .documentUiBackdrop { padding:12px; }
 .documentUiDialog { max-height:calc(100dvh - 24px); border-radius:12px; }
 .documentUiDialogHeader { padding:17px 18px; }
 .documentUiDialogBody { padding:18px; }
 .documentUiDialogFooter { padding:12px 18px; }
 .documentUiDialogTitle h2 { font-size:17px; }
 .documentUiDialogTitle > span { width:38px; height:38px; border-radius:9px; }
 .documentUiIdentity { grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; }
 .documentUiIdentity > div:first-child { grid-column:1/-1; }
 .documentUiGrid { grid-template-columns:minmax(0,1fr); gap:13px; }
 .documentUiScope label { grid-template-columns:minmax(0,1fr); gap:6px; }
 .documentUiTabs button { padding:8px 10px; }
 .documentUiCardHeader { padding:15px; }
 .documentUiCardBody { padding:0 15px 13px; }
 .documentUiCardFooter { padding:11px 15px; }
}
.documentUiCategory { display:flex; min-width:0; }
.documentUiCategory > .documentUiCard { width:100%; }
.documentUiKindSelect { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:0 0 12px; color:#8492a5; font-size:11px; }
.documentUiKindSelect select { max-width:220px; min-width:0; padding:5px 8px; border:1px solid #e0e6ef; border-radius:5px; color:#65788f; background:#fff; font:inherit; }
.documentUiCorrection { display:grid; gap:7px; margin-top:14px; color:#7e8ca0; font-size:11px; }
.documentUiCorrection textarea { width:100%; resize:vertical; min-height:65px; }
/* The three ledgers share panel density and controls; their statistical scopes remain explicit. */
:is(.salesVoucherPage,.logisticsDocumentLedgerPage,.customsDocumentManagementPage) { --document-border:#dfe6ee; }
:is(.salesVoucherPage .voucherListPanel,.logisticsDocumentLedgerPage .logisticsDocumentLedgerPanel,.customsDocumentManagementPage .customsDocumentLedgerPanel) { border:1px solid var(--document-border); border-radius:12px; box-shadow:none; background:#fff; }
:is(.salesVoucherPage .voucherFilters,.logisticsDocumentLedgerPage .logisticsDocumentToolbar,.customsDocumentManagementPage .customsDocumentToolbar) { padding:17px 20px; gap:10px; }
:is(.salesVoucherPage .voucherFilters,.logisticsDocumentLedgerPage .logisticsDocumentToolbar,.customsDocumentManagementPage .customsDocumentToolbar) :is(button,input,select) { min-height:36px; font-size:12px; }
:is(.salesVoucherPage .voucherFilters,.logisticsDocumentLedgerPage .logisticsDocumentToolbar,.customsDocumentManagementPage .customsDocumentToolbar) button { border-radius:7px; }
:is(.salesVoucherPage .voucherFilters,.customsDocumentManagementPage .customsDocumentToolbar) button[type=submit] { background:#b91c1c; border-color:#b91c1c; color:#fff; }
:is(.salesVoucherPage .voucherTableHint,.logisticsDocumentLedgerPage .logisticsDocumentLegend,.customsDocumentManagementPage .customsDocumentLegend) { display:flex; flex-wrap:wrap; align-items:center; gap:12px; padding:11px 20px; margin:0; border-block:1px solid #edf0f5; background:#fafbfd; color:#8290a4; font-size:11px; line-height:1.7; }
:is(.salesVoucherPage .voucherTabs,.customsDocumentManagementPage .customsDocumentStatusTabs) { gap:6px; padding:5px; border:1px solid #e2e8f0; border-radius:10px; background:#f7f9fc; }
:is(.salesVoucherPage .voucherTabs,.customsDocumentManagementPage .customsDocumentStatusTabs) button { min-height:36px; border:1px solid #dbe3ed; border-radius:7px; padding:6px 13px; background:#fff; color:#566781; font-size:13px; }
:is(.salesVoucherPage .voucherTabs,.customsDocumentManagementPage .customsDocumentStatusTabs) button[aria-selected=true] { background:#b91c1c; border-color:#b91c1c; color:#fff; }
:is(.salesVoucherPage .voucherTabs,.customsDocumentManagementPage .customsDocumentStatusTabs) button[aria-selected=true] span { color:#b91c1c; background:#fff; }
:is(.salesVoucherPage,.logisticsDocumentLedgerPage,.customsDocumentManagementPage) .documentUiTable th { background:#f7f9fc; color:#728097; font-size:11px; font-weight:550; border-color:#e8edf3; }
:is(.salesVoucherPage,.logisticsDocumentLedgerPage,.customsDocumentManagementPage) .documentUiTable td { border-color:#edf0f5; font-size:12px; }
.documentUiPageStats { display:flex; flex-wrap:wrap; gap:9px; }
.documentUiPageStats > span { display:flex; align-items:baseline; gap:5px; padding:9px 12px; border:1px solid #e0e6ee; border-radius:8px; background:#fff; color:#8390a2; font-size:11px; }
.documentUiPageStats strong { color:#344358; font-size:18px; font-variant-numeric:tabular-nums; }
.documentUiPageStats .isComplete strong { color:#217246; }
.documentUiPageStats .isIncomplete strong { color:#99591c; }
@media(max-width:720px) {
 :is(.salesVoucherPage .voucherFilters,.logisticsDocumentLedgerPage .logisticsDocumentToolbar,.customsDocumentManagementPage .customsDocumentToolbar) { padding:14px; }
 .documentUiPageStats { gap:6px; }
 .documentUiPageStats > span { padding:7px 9px; }
 .documentUiDialogFooter > span { max-width:70%; }
 .documentUiFileActions :is(button,a) { min-height:36px; }
 .documentUiTabs button { min-height:40px; }
}
.documentUiStatusCell { text-align:center; white-space:nowrap; }

/* One list presentation for procurement, sales, logistics and customs. */
.documentUiListPage { min-width:0; color:#263449; }
.documentUiListPage .documentUiListCard { overflow:hidden; padding:0; margin:0 0 16px; border:1px solid #dfe6ee; border-radius:12px; background:#fff; box-shadow:none; }
.documentUiListPage :is(.documentUiToolbar,.documentUiListCard > .toolbar) { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:0; padding:16px 20px; background:#fff; }
.documentUiListPage :is(.documentUiToolbar,.documentUiListCard > .toolbar) :is(input,button,select) { box-sizing:border-box; min-height:36px; font-size:12px; border-radius:7px; }
.documentUiListPage :is(.searchBox,.voucherSearch,.logisticsDocumentSearch,.customsDocumentSearch) { flex:1; min-width:200px; max-width:none; height:38px; margin:0; padding:0 10px; border:1px solid #d9e1eb; border-radius:7px; background:#fff; color:#8492a7; }
.documentUiListPage :is(.searchBox,.voucherSearch,.logisticsDocumentSearch,.customsDocumentSearch) input { min-width:0; width:100%; height:36px; padding:0; background:transparent; border:0; outline:none; color:#344358; font-size:12px; }
.documentUiListPage :is(.documentUiListNote,.documentUiListCard > .businessOperationHint) { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:0; padding:10px 20px; border-block:1px solid #edf0f5; background:#fafbfd; color:#8290a4; font-size:11px; font-weight:400; line-height:1.7; }
.documentUiListPage :is(.voucherListHeading) { display:none; }
.documentUiListPage .documentUiListCard :is(.panel,.customsTableWrap,.logisticsDocumentTableScroll,.voucherTableScroll) { margin:0; padding:0; border:0; border-radius:0; overflow-x:auto; background:#fff; }
.documentUiListPage .documentUiListCard table { border-collapse:separate; border-spacing:0; width:100%; color:#344358; }
.documentUiListPage .documentUiListCard table th { height:42px; box-sizing:border-box; padding:8px 12px; border:0; border-right:1px solid #edf0f5; border-bottom:1px solid #e5eaf1; background:#f7f9fc; color:#728097; font-size:11px; font-weight:550; text-align:center; white-space:nowrap; }
.documentUiListPage .documentUiListCard table td { box-sizing:border-box; height:64px; padding:9px 12px; border:0; border-right:1px solid #edf0f5; border-bottom:1px solid #edf0f5; background:#fff; vertical-align:middle; text-align:center; font-size:12px; line-height:1.6; }
.documentUiListPage .documentUiListCard table tbody tr:nth-child(even) td { background:#fcfdff; }
.documentUiListPage .documentUiListCard table tbody tr:hover td { background:#fffaf4; }
.documentUiListPage .documentUiListCard table tr:last-child td { border-bottom:0; }
.documentUiListPage .documentUiListCard table :is(.groupHeader th,.logisticsDocumentGroupHeader th,.customsDocumentGroupHeader th) { height:34px; background:#eef2f7; font-size:11px; }
.documentUiListPage .documentUiListCard :is(.documentUiStatus,.logisticsDocumentOverallStatus) { display:inline-flex; width:auto; height:auto; align-items:center; gap:4px; padding:4px 7px; border-radius:5px; font-size:11px; font-weight:500; line-height:1.4; white-space:nowrap; }
.documentUiListPage .documentUiListCard .documentUiStatus.is-complete { color:#217246; background:#edf8f1; }
.documentUiListPage .documentUiListCard :is(.documentUiStatus.is-missing,.documentUiStatus.is-partial) { color:#99591c; background:#fff6e9; }
.documentUiListPage .documentUiListCard .documentUiStatus.is-optional { color:#69788c; background:#f1f4f8; }
.documentUiListPage .documentUiListCard .voucherSubtext { max-width:220px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:2px; font-size:11px; }
.documentUiListPage .documentUiListCard .voucherProgress { display:inline; margin:0 0 0 6px; font-size:11px; font-weight:400; }
.documentUiListPage .documentUiListCard .voucherMissingText { max-width:200px; margin-top:3px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:10px; }
.documentUiListPage .documentUiListCard .voucherArchiveLink { margin-top:2px; }
.documentUiListPage .documentUiListCard .customsDocumentMissingCell small { max-width:155px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:3px; }
.documentUiListPage .documentUiListCard .customsDocumentSubtext { max-width:220px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:2px; }
.documentUiListPage .documentUiPagination { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; padding:13px 20px; margin:0; border-top:1px solid #e8edf3; color:#7e8ca0; background:#fff; font-size:11px; }
.documentUiListPage .documentUiPagination > div { display:flex; gap:8px; }
.documentUiListPage .documentUiPagination button { min-height:32px; padding:5px 11px; border:1px solid #dbe3ec; border-radius:6px; background:#fff; color:#596b82; font-family:inherit; font-size:11px; font-weight:400; line-height:20px; cursor:pointer; }
.documentUiListPage .documentUiPagination button:disabled { opacity:.45; cursor:default; }
/* Pin the resource identity in all four tables. The logistics status remains in its real column. */
.documentUiListPage :is(.voucherTableScroll,.customsTableWrap) tbody td:first-child,
.documentUiListPage :is(.voucherTableScroll,.customsTableWrap) thead tr:last-child th:first-child { position:sticky; left:0; z-index:2; box-shadow:1px 0 #e5eaf1; }
.documentUiListPage .voucherTableScroll tbody td:first-child { text-align:left; }
.documentUiListPage .logisticsDocumentOverallCell { position:static; }
.documentUiListPage .logisticsDocumentGroupHeader th[rowspan] { position:static; }
.documentUiListPage .documentManagementTable { min-height:0; max-height:none; }
.documentUiListPage .documentManagementTable :is(td,th):nth-child(3) { position:sticky; left:0; z-index:2; box-shadow:1px 0 #e5eaf1; }
.documentUiListPage :is(.documentManagementTable,.customsDocumentTable,.logisticsDocumentLedgerTable) strong { font-weight:600; }
@media(max-width:720px) {
 .documentUiListPage :is(.documentUiToolbar,.documentUiListCard > .toolbar,.documentUiListNote,.documentUiListCard > .businessOperationHint,.documentUiPagination) { padding:12px; }
 .documentUiListPage :is(.voucherSearch,.searchBox,.logisticsDocumentSearch,.customsDocumentSearch) { flex-basis:100%; }
 .documentUiListPage .documentUiListCard table td { padding:8px 10px; }
}

.documentUiListPage .voucherTableScroll td:first-child .voucherSubtext:last-child { display:none; }

.documentUiProcurementScroll
 { overflow-x:auto; }

.documentUiProcurementScroll table { min-width:950px; }
.documentUiProcurementScroll :is(th,td):first-child { position:sticky; left:0; z-index:2; box-shadow:1px 0 #e5eaf1; }
.documentUiSort { display:flex; align-items:center; gap:8px; color:#8290a4; font-size:11px; }
.documentUiSort select { padding:6px 9px; border:1px solid #d9e1eb; background:#fff; color:#596b82; }

.documentUiListPage .documentUiListCard .logisticsDocumentLedgerTable { width:max-content; min-width:2400px; table-layout:auto; }
.documentUiListPage .logisticsDocumentLedgerTable :is(td,th):first-child { min-width:190px; }
.documentUiListPage .logisticsDocumentLedgerTable tbody td:nth-child(2) { min-width:90px; }
.documentUiListPage .logisticsDocumentLedgerTable tbody td:nth-child(n+3) { min-width:100px; max-width:none; overflow:visible; text-overflow:clip; }

.documentUiListPage .customsDocumentTable td:nth-child(4) { white-space:nowrap; min-width:100px; }

.documentUiListPage .documentUiProcurementScroll table :is(th,td):first-child { min-width:190px; width:190px; max-width:none; overflow:visible; text-overflow:clip; white-space:nowrap; }

.documentUiCoverage { display:block; color:#8c7055; font-size:10px; font-weight:400; line-height:17px; margin-top:3px; }
.documentUiListPage .documentUiListCard table { table-layout:auto; }
.documentUiListPage .documentUiListCard table tbody td:first-child { min-width:190px; max-width:230px; white-space:nowrap; font-family:ui-monospace,"SFMono-Regular",monospace; }
.documentUiListPage .documentUiListCard table tbody td:nth-child(2) { min-width:90px; }
.documentUiStatus.is-notApplicable { color:#8b96a6; background:#f1f4f8; }

.documentUiListPage .documentUiListCard table thead tr:last-child th {height:48px;line-height:16px;}
.documentUiListPage .documentUiToolbar :is(button,.ghostButton,.customsSecondaryButton,.customsPrimaryButton) {height:36px;min-height:36px;padding:6px 12px;border-radius:7px;font-size:12px;font-weight:500;line-height:18px;}

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

.documentUiListPage .documentUiDashboard { display:grid; grid-template-columns:minmax(0,3fr) minmax(250px,1fr); gap:20px; margin-bottom:22px; color:#25354a; }
.documentUiListPage .documentUiOverview,.documentUiListPage .documentUiSidePanel { background:#fff; border:1px solid #e2e8f0; border-radius:14px; box-shadow:0 2px 8px #182b4604; }
.documentUiListPage .documentUiOverview { min-width:0; overflow:hidden; }
.documentUiListPage .documentUiOverviewHeader { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; padding:22px 24px 18px; min-height:82px; box-sizing:border-box; }
.documentUiListPage .documentUiOverviewHeader h2,.documentUiListPage .documentUiSidePanel h2 { margin:0; color:#25354a; font-size:18px; font-weight:650; line-height:26px; }
.documentUiListPage .documentUiOverviewHeader p { margin:5px 0 0; font-size:12px; line-height:18px; font-weight:400; color:#7a8799; }
.documentUiListPage .documentUiUpdated { display:flex; flex-wrap:wrap; gap:5px; align-items:center; justify-content:flex-end; color:#8b96a7; font-size:11px; line-height:18px; font-weight:400; }
.documentUiListPage .documentUiMetrics { display:grid; gap:0; margin:0 24px; border-bottom:1px solid #eef1f5; }
.documentUiListPage .documentUiMetric { min-height:112px; padding:14px 16px; text-align:left; border:0; border-right:1px solid #eef1f5; color:#304159; background:#fff; cursor:pointer; }
.documentUiListPage .documentUiMetric:first-child { padding-left:0; }.documentUiListPage .documentUiMetric:last-child { border-right:0; }
.documentUiListPage .documentUiMetric > span { font-size:13px; font-weight:500; line-height:20px; }.documentUiListPage .documentUiMetric > strong,.documentUiListPage .documentUiSidePanel > strong { display:block; margin:8px 0; font-size:32px; font-weight:700; line-height:36px; }
.documentUiListPage .documentUiMetric small,.documentUiListPage .documentUiSidePanel > strong small { margin-left:7px; font-size:12px; font-weight:400; color:#8a96a8; }
.documentUiListPage .documentUiMetric p { display:flex; align-items:center; justify-content:space-between; gap:4px; margin:0; font-size:11px; line-height:18px; color:#8a96a8; font-weight:400; }
.documentUiListPage .documentUiMetric.isComplete > strong { color:#228451; }.documentUiListPage .documentUiMetric.isMissing > strong { color:#cc7924; }.documentUiListPage .documentUiMetric[aria-pressed=true] { background:#fff8f5; }.documentUiListPage .documentUiMetric:disabled { cursor:default; }
.documentUiListPage .documentUiRate { padding:18px 24px; }.documentUiListPage .documentUiRate > div:first-child { display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:9px; }.documentUiListPage .documentUiRate span { font-size:13px; font-weight:500; }.documentUiListPage .documentUiRate strong { margin-left:10px; font-size:19px; font-weight:700; color:#228451; }.documentUiListPage .documentUiRate small { font-size:11px; font-weight:400; color:#8a96a8; }
.documentUiListPage .documentUiProgress { height:8px; border-radius:5px; background:#edf2ef; overflow:hidden; }.documentUiListPage .documentUiProgress > span { display:block; height:100%; background:#42a774; border-radius:inherit; }
.documentUiListPage .documentUiMissing { padding:0 24px 14px; }.documentUiListPage .documentUiMissing header { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:8px; }.documentUiListPage .documentUiMissing h3 { margin:0; font-size:13px; font-weight:600; line-height:20px; }.documentUiListPage .documentUiMissing header > span { font-size:11px; font-weight:400; color:#8a96a8; }.documentUiListPage .documentUiMissingRows { min-height:180px; }
.documentUiListPage .documentUiMissingRows > button { display:grid; grid-template-columns:minmax(100px,1.25fr) minmax(50px,2fr) 62px 14px; align-items:center; gap:12px; width:100%; height:36px; padding:0; border:0; background:transparent; color:#627187; cursor:pointer; text-align:left; font-size:12px; font-weight:400; }
.documentUiListPage .documentUiMissingRows > button > span:first-child { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.documentUiListPage .documentUiMissingTrack { height:6px; background:#fff3e6; border-radius:4px; overflow:hidden; }.documentUiListPage .documentUiMissingTrack > span { display:block; height:100%; background:#e6a665; border-radius:inherit; }.documentUiListPage .documentUiMissingRows strong { text-align:right; font-size:13px; font-weight:600; color:#be7227; }.documentUiListPage .documentUiMissingRows small { margin-left:5px; font-size:11px; font-weight:400; color:#9ba4b0; }.documentUiListPage .documentUiMissing > p { margin:9px 0 0; color:#8a96a8; font-size:11px; line-height:18px; }
.documentUiListPage .documentUiExpand { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; height:42px; border:0; border-top:1px solid #eef1f5; background:#fafbfd; color:#7a8799; font-size:12px; font-weight:500; cursor:pointer; }
.documentUiListPage .documentUiBreakdown { padding:16px 24px; overflow:auto; }.documentUiListPage .documentUiBreakdown dl { margin:0; }.documentUiListPage .documentUiBreakdown dl > div { display:flex; justify-content:space-between; gap:20px; padding:8px 0; font-size:12px; }.documentUiListPage .documentUiBreakdown dd { margin:0; color:#8290a3; }
.documentUiListPage .documentUiDashboardAside { display:flex; flex-direction:column; gap:16px; }.documentUiListPage .documentUiSidePanel { padding:22px; flex:1; }.documentUiListPage .documentUiSidePanel header { display:flex; justify-content:space-between; align-items:center; gap:8px; }.documentUiListPage .documentUiSidePanel header > span { padding:3px 7px; color:#7c8ba0; background:#f2f5f9; border-radius:5px; font-size:11px; font-weight:400; }.documentUiListPage .documentUiSidePanel > strong { margin:18px 0; }.documentUiListPage .documentUiSidePanel dl { margin:15px 0; font-size:12px; line-height:22px; }.documentUiListPage .documentUiSidePanel dl > div { display:flex; justify-content:space-between; gap:12px; }.documentUiListPage .documentUiSidePanel dt { color:#8a96a8; }.documentUiListPage .documentUiSidePanel dd { margin:0; color:#5e6f84; }.documentUiListPage .documentUiSidePanel p { font-size:11px; line-height:19px; font-weight:400; color:#8a96a8; margin:12px 0; }.documentUiListPage .documentUiSidePanel button { display:flex; align-items:center; gap:7px; padding:0; border:0; background:none; color:#a65c39; font-size:12px; font-weight:500; cursor:pointer; }
.documentUiListPage .documentUiOverviewError { color:#b83b32; padding:0 24px; font-size:12px; }
.documentUiListPage .documentUiTradeTabs { display:flex; align-items:stretch; gap:26px; min-height:46px; margin-bottom:16px; border-bottom:1px solid #e3e8ef; }
.documentUiListPage .documentUiTradeTabs > button { display:flex; align-items:center; gap:8px; min-height:46px; padding:0 3px 12px; margin-bottom:-1px; border:0; border-bottom:3px solid transparent; background:none; color:#7d899b; font-size:16px; font-weight:600; line-height:24px; cursor:pointer; }
.documentUiListPage .documentUiTradeTabs > button[aria-selected=true] { color:#b82828; border-bottom-color:#b82828; }.documentUiListPage .documentUiTradeTabs > button > span { padding:1px 7px; min-width:24px; border-radius:6px; background:#edf1f5; color:#7c899a; font-size:12px; font-weight:600; line-height:18px; text-align:center; box-sizing:border-box; }.documentUiListPage .documentUiTradeTabs > button[aria-selected=true] > span { color:#b82828; background:#fceceb; }
@media(max-width:1000px) { .documentUiListPage .documentUiDashboard { grid-template-columns:minmax(0,1fr); }.documentUiListPage .documentUiDashboardAside { flex-direction:row; }.documentUiListPage .documentUiSidePanel { min-width:0; } }
@media(max-width:600px) { .documentUiListPage .documentUiOverviewHeader { flex-direction:column; padding:18px; }.documentUiListPage .documentUiMetrics { margin:0 18px; grid-template-columns:repeat(2,minmax(0,1fr))!important; }.documentUiListPage .documentUiMetric { padding:12px!important; }.documentUiListPage .documentUiRate,.documentUiListPage .documentUiMissing { padding-left:18px; padding-right:18px; }.documentUiListPage .documentUiDashboardAside { flex-direction:column; }.documentUiListPage .documentUiTradeTabs { gap:18px; }.documentUiListPage .documentUiMissingRows > button { gap:8px; grid-template-columns:110px minmax(30px,1fr) 48px 12px; } }

.documentUiListPage .documentUiAllMissing > button { display:flex; justify-content:space-between; gap:20px; width:100%; padding:9px 0; border:0; border-bottom:1px solid #edf1f6; background:#fff; color:#627187; font-size:12px; cursor:pointer; }.documentUiListPage .documentUiAllMissing strong {font-weight:500;}

.documentUiListPage .documentUiOverviewHeader { min-height:104px; height:104px; padding:18px 24px; }
.documentUiListPage .documentUiOverviewHeader > div { min-width:0; flex:1; }
.documentUiListPage .documentUiOverviewHeader p { height:36px; overflow:hidden; }
.documentUiListPage .documentUiUpdated { flex:0 0 130px; }
.documentUiListPage .documentUiMetric { height:118px; min-height:118px; padding-top:10px; padding-bottom:10px; }
.documentUiListPage .documentUiMetric > strong { display:flex; align-items:baseline; height:36px; margin:6px 0; }
.documentUiListPage .documentUiMetric p { display:block; height:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.documentUiListPage .documentUiMetric p svg { display:none; }
.documentUiListPage .documentUiMetric > strong small { line-height:18px; }

.documentUiListPage .documentUiBreakdownTable { width:100%;border-collapse:collapse;font-size:12px; }.documentUiListPage .documentUiBreakdownTable th,.documentUiListPage .documentUiBreakdownTable td {padding:8px;border-bottom:1px solid #edf1f5;text-align:left;font-weight:400;}.documentUiListPage .documentUiBreakdownTable thead th {font-weight:600;}.documentUiListPage .documentUiBreakdownTable button {border:0;background:none;color:#627187;cursor:pointer;font-size:12px;}.documentUiListPage .documentUiBreakdownTable button:disabled {cursor:default;opacity:.5;}

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