/* Navigation and business-page presentation only; never enters print documents. */
@media screen {
  #app .sidebar-container .el-menu[data-asr-native-navigation] .menu-wrapper { padding: 8px 6px; }
  #app .sidebar-container .el-menu[data-asr-native-navigation] .el-submenu__title { height: 44px; line-height: 44px; }
  #app .sidebar-container .el-menu[data-asr-native-navigation] .el-menu--inline { margin: 3px 0 8px; border-radius: 8px; background: #142c43 !important; }
  #app .sidebar-container .el-menu[data-asr-native-navigation] .el-menu-item { height: 38px; line-height: 38px; }
  #app .sidebar-container .el-menu[data-asr-native-navigation] .el-menu--inline .el-menu-item { background: transparent !important; color: #d4e0eb !important; }
  #app .sidebar-container .el-menu[data-asr-native-navigation] .el-menu--inline .el-menu-item:hover { background: #244762 !important; color: #fff !important; }
  #app .sidebar-container .el-menu[data-asr-native-navigation] .el-menu--inline .el-menu-item.is-active { background: #2c5d83 !important; color: #fff !important; }
  #app .app-main .asr-navigation-orders > .ph { min-height: 52px; padding: 10px 14px !important; margin-bottom: 10px; gap: 6px 12px; }
  #app .app-main .asr-navigation-orders > .ph .ph-icon { display: none; }
  #app .app-main .asr-navigation-orders > .ph .ph-chip { min-height: 34px; padding: 4px 9px; }
  #app .app-main .asr-navigation-orders > .fb-card { margin-bottom: 10px; }
  #app .app-main .asr-navigation-orders .fb-bar { gap: 8px; padding-block: 10px; }
  #app .app-main .asr-navigation-column-tools { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 8px 0; color: #607388; font-size: 12px; }
  #app .app-main .asr-navigation-orders > .table-card .el-table { font-size: 13px; }
  #app .app-main .asr-navigation-orders > .table-card .el-table .cell { padding-inline: 8px; }
  #app .app-main .asr-navigation-orders > .table-card .el-table :is(th, td) { padding-block: 8px; }
  #app .app-main .asr-navigation-orders > .table-card .el-table__fixed-right .cell { overflow: visible; }
  #app .app-main .asr-navigation-orders > .table-card :is(.op-col, .order-actions, .order-row-actions) { display: flex; flex-wrap: wrap; gap: 4px 6px; }
  #app .app-main .asr-navigation-orders > .table-card .el-button + .el-button { margin-left: 4px; }
  #app .app-main .asr-navigation-orders > .table-card .el-button--mini { padding: 6px 8px; }
  #app .app-main .asr-navigation-detail > .el-card > .el-card__header { padding: 12px 16px; }
  #app .app-main .asr-navigation-detail > .el-card > .el-card__header .el-button { margin: 3px; }
  #app .app-main .asr-navigation-detail > .el-card > .el-card__header .el-button--danger { color: #a84545; background: #fff !important; border-color: #dfbfc2 !important; }
  #app .app-main .asr-navigation-detail .asr-order-command-center { gap: 8px; margin-bottom: 16px; }
  #app .app-main .asr-navigation-detail .asr-order-command-center button { padding: 10px 12px; min-height: 56px; }
  #app .app-main .asr-navigation-finance > .finance-command { padding: 14px; gap: 14px; margin-bottom: 12px; }
  #app .app-main .asr-navigation-finance > .finance-command .command-main { min-height: 0; padding: 12px 14px; }
  #app .app-main .asr-navigation-finance > .finance-command .command-amount { font-size: 30px; line-height: 1.2; margin-block: 6px; }
  #app .app-main .asr-navigation-finance > .finance-command .command-sub { font-size: 12px; line-height: 1.5; }
  #app .app-main .asr-navigation-finance > .finance-command .command-action { padding: 10px; min-height: 52px; }
  #app .app-main .asr-navigation-finance > .ledger-card { margin-bottom: 14px; }
  #app .app-main .asr-navigation-finance-disclosure { margin-top: 14px; border: 1px solid #dce5ee; border-radius: 8px; background: #fff; }
  #app .app-main .asr-navigation-finance-disclosure > summary { padding: 12px 16px; cursor: pointer; color: #365976; font-size: 14px; font-weight: 600; }
  #app .app-main .asr-navigation-finance-disclosure > summary:focus-visible { outline: 2px solid #397bad; outline-offset: 2px; }
  #app .app-main .asr-navigation-finance-disclosure .finance-insight { margin: 0; border: 0 !important; }
  #app .app-main .asr-navigation-finance-disclosure .insight-links { display: none !important; }
  @media (max-width: 700px) {
    #app .app-main .asr-navigation-column-tools { align-items: flex-start; flex-wrap: wrap; }
    #app .app-main .asr-navigation-orders > .ph .ph-right { width: 100%; }
    #app .app-main .asr-navigation-finance > .finance-command { display: block; }
    #app .app-main .asr-navigation-finance > .finance-command .command-side { margin-top: 10px; }
  }
}
@media screen {
  #app .app-main .navigation-workspace { padding: 16px; margin-bottom: 16px; background: #fff; border: 1px solid #dce5ee; border-radius: 10px; }
  #app .app-main .navigation-workspace-heading { display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px 16px; margin-bottom: 12px; }
  #app .app-main .navigation-workspace-heading h2 { margin: 0; font-size: 18px; color: #233548; }
  #app .app-main .navigation-workspace-heading > span { color: #607388; font-size: 12px; }
  #app .app-main .navigation-workspace-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(155px, 1fr)); gap: 10px; }
  #app .app-main .navigation-workspace-grid > button { display: flex; flex-direction: column; gap: 8px; align-items: flex-start; padding: 14px; cursor: pointer; background: #f7fafc; color: #365976; border: 1px solid #dce5ee; border-radius: 8px; text-align: left; font: inherit; }
  #app .app-main .navigation-workspace-grid > button:hover { background: #edf4fa; border-color: #8eacc6; }
  #app .app-main .navigation-workspace-grid > button:focus-visible { outline: 2px solid #397bad; outline-offset: 2px; }
  #app .app-main .navigation-workspace-grid strong { color: #233548; font-size: 20px; }
  #app .app-main .navigation-workspace-grid small { font-size: 12px; color: #607388; }
  #app .app-main .navigation-order-identity { display: flex; align-items: center; flex-wrap: wrap; gap: 14px 28px; padding: 14px 18px; margin-bottom: 12px; background: #fff; border: 1px solid #dce5ee; border-radius: 10px; }
  #app .app-main .navigation-order-eyebrow { color: #607388; font-size: 12px; }
  #app .app-main .navigation-order-identity h1 { margin: 4px 0 0; font-size: 21px; color: #233548; overflow-wrap: anywhere; }
  #app .app-main .navigation-order-identity dl { display: flex; flex: 1; flex-wrap: wrap; gap: 10px 24px; margin: 0; min-width: 0; }
  #app .app-main .navigation-order-identity dl > div { min-width: 0; flex: 1 1 160px; }
  #app .app-main .navigation-order-identity dt { color: #607388; font-size: 12px; }
  #app .app-main .navigation-order-identity dd { margin: 5px 0 0; color: #233548; line-height: 1.5; overflow-wrap: anywhere; }
  #app .app-main .order-refund-secondary { padding: 0 16px; margin: 14px 0; border: 1px solid #dce5ee; border-radius: 8px; background: #fff; }
  #app .app-main .order-refund-secondary > summary { padding: 12px 0; color: #526b85; cursor: pointer; }
  #app .app-main .order-refund-secondary-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; padding: 0 0 14px; }
  #app .app-main .order-refund-secondary-actions small { color: #64748b; line-height: 1.5; }
  #app .app-main .asr-navigation-orders .report-workflow-panel--list { border: 0 !important; padding: 4px 0 !important; margin-bottom: 8px !important; background: transparent !important; }
  #app .app-main .asr-navigation-detail .report-workflow-panel--detail { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 16px; padding: 9px 12px !important; margin-bottom: 10px !important; }
  #app .app-main .asr-navigation-detail .report-workflow-order-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
  #app .app-main .asr-navigation-detail .report-workflow-batch-guidance { margin: 0 !important; }
  .order-completion-review-dialog { max-width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .order-completion-review-dialog .el-dialog__body { overflow: auto; max-height: calc(100dvh - 175px); }
  .order-completion-review-warning { color: #976025; background: #fff7eb; border-radius: 6px; padding: 10px 12px; line-height: 1.6; }
  .order-completion-review-reason { display: block; margin-top: 16px; }
  .order-completion-review-reason > span { display: block; font-weight: 600; margin-bottom: 8px; }
  @media (max-width: 700px) {
    #app .app-main .navigation-workspace-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    #app .app-main .navigation-order-identity { padding: 12px; }
  }
}

/* Element keeps a separate fixed-action table; override only the main table. */
@media screen {
  #app .app-main .asr-navigation-orders--common .table-card > .el-table > .el-table__header-wrapper > .el-table__header,
  #app .app-main .asr-navigation-orders--common .table-card > .el-table > .el-table__body-wrapper > .el-table__body { min-width: 0 !important; }
}

@media screen {
  #app .app-main .navigation-order-customer { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
  #app .app-main .navigation-order-owner { max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #607388; font-size: 11px; line-height: 1.4; }
  #app .app-main .navigation-detail-guide { border: 1px solid #dce5ee; border-radius: 8px; background: #f7fafc; padding: 10px 14px; margin: 0 0 12px; }
  #app .app-main .navigation-detail-guide p { margin: 0 0 8px; line-height: 1.5; overflow-wrap: anywhere; color: #365976; }
  #app .app-main .navigation-shipment-summary small { display: block; margin-top: 3px; font-size: 11px; color: #607388; }
  #app .app-main .navigation-detail-links { display: flex; flex-wrap: wrap; gap: 6px; }
  #app .app-main .navigation-detail-links button { border: 1px solid #bfd0df; background: white; color: #365976; border-radius: 5px; padding: 6px 10px; cursor: pointer; }
  #app .app-main .navigation-detail-links button:focus-visible { outline: 2px solid #397bad; outline-offset: 2px; }
  #app .app-main [data-navigation-section] { scroll-margin-top: 70px; }
  #app .app-main .navigation-finance-basis { margin: 8px 0 0; color: #607388; font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
}

/* Final reviewed-page gaps; no document/print selectors. */
@media screen {
  .navigation-responsibility { display: block; font-size: 11px; line-height: 1.5; color: #526b85; overflow-wrap: anywhere; }
  .navigation-responsibility--mine { color: #27634c; }
  .navigation-responsibility--unknown { color: #926622; }
  .navigation-report-queue-dialog { max-width: calc(100vw - 24px); }
  .navigation-report-queue-dialog .el-dialog__body { overflow: auto; max-height: calc(100dvh - 170px); }
  .navigation-report-queue-dialog .el-pagination { white-space: normal; }
  .navigation-report-queue-scope { font-size: 12px; color: #607388; line-height: 1.6; overflow-wrap: anywhere; }
}