/* Mobile workspace, 2026-10-23. One authoritative phone stylesheet.
   Three #view IDs deliberately outrank the legacy desktop skin's two-ID rules.
   The desktop table DOM remains authoritative; mobile orders use semantic cards. */
.mobile-dock,.m-modules,.m-order-list { display:none; }
@media(max-width:760px), (max-width:1100px) and (pointer:coarse) {
  html:root { zoom:1!important; width:100%!important; min-width:0!important; overflow-x:hidden!important; }
  html body.mobile-enhanced { margin:0!important; width:100%!important; min-width:0!important; max-width:100%!important; overflow:hidden!important; -webkit-text-size-adjust:100%; background:#f3f6fa!important; }
  html body.mobile-enhanced *,html body.mobile-enhanced *::before,html body.mobile-enhanced *::after { box-sizing:border-box; }
  html body.mobile-enhanced .app.app { display:block!important; width:100%!important; min-width:0!important; max-width:100%!important; height:100vh!important; height:100dvh!important; margin:0!important; overflow:hidden!important; }
  html body.mobile-enhanced .app .main.main { display:flex!important; flex-direction:column!important; width:100%!important; min-width:0!important; max-width:100%!important; height:100%!important; margin:0!important; overflow:hidden!important; }
  html body.mobile-enhanced #mobileSidebar#mobileSidebar,.mobile-nav-backdrop { display:none!important; }
  html body.mobile-enhanced .app .main #appTabs#appTabs { display:none!important; }
  html[data-paper] body.mobile-enhanced .app .main .topbar.topbar { display:flex!important; flex:0 0 auto!important; flex-wrap:nowrap!important; align-items:center!important; width:100%!important; min-height:54px!important; height:auto!important; gap:8px!important; padding:max(6px,env(safe-area-inset-top)) 12px 6px!important; background:#fff!important; border-bottom:1px solid #e2e9f1!important; box-shadow:none!important; }
  html[data-paper] body.mobile-enhanced .app .main .topbar .crumb { flex:1 1 0!important; min-width:0!important; margin:0!important; }
  html[data-paper] body.mobile-enhanced .app .main .topbar .crumb .mt { max-width:none!important; margin:0!important; font-size:17px!important; line-height:1.3!important; font-weight:750!important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  html[data-paper] body.mobile-enhanced .app .main .topbar :is(.ms,.spacer,.clock,#shiftPill,#mobileNavToggle) { display:none!important; }
  html[data-paper] body.mobile-enhanced .app .main .topbar #topLogoutBtn#topLogoutBtn,
  html[data-paper] body.mobile-enhanced .app .main .topbar #themeToggleBtn#themeToggleBtn,
  html[data-paper] body.mobile-enhanced .app .main .topbar #deliveryAlert#deliveryAlert { display:none!important; }
  html[data-paper] body.mobile-enhanced .app .main .topbar #refreshBtn#refreshBtn { display:flex!important; align-items:center!important; justify-content:center!important; flex:0 0 40px!important; width:40px!important; height:40px!important; min-height:40px!important; padding:0!important; font-size:0!important; gap:0!important; border:0!important; box-shadow:none!important; background:#f2f6fb!important; border-radius:10px!important; }
  html[data-paper] body.mobile-enhanced .app .main .topbar #refreshBtn svg { width:19px!important; height:19px!important; }
  html[data-paper] body.mobile-enhanced .app .main .topbar #accountBtn#accountBtn { flex:0 0 40px!important; width:40px!important; min-width:40px!important; max-width:40px!important; height:40px!important; min-height:40px!important; padding:0!important; border:0!important; box-shadow:none!important; background:#edf4fd!important; border-radius:10px!important; justify-content:center!important; overflow:hidden!important; }
  html[data-paper] body.mobile-enhanced .app .main .topbar #accountBtn :is(.account-meta,.account-chevron) { display:none!important; }
  html[data-paper] body.mobile-enhanced .app .main .topbar #accountBtn .account-avatar { margin:0!important; box-shadow:none!important; border:0!important; background:none!important; width:28px!important; height:28px!important; }
  #mobileNetStatus { display:none; padding:8px 12px; font-size:12px; background:#fff6e5; color:#80571b; }
  #mobileNetStatus.is-offline { display:block; }
  html[data-paper] body.mobile-enhanced .main #view#view#view { display:block!important; flex:1 1 0!important; min-height:0!important; width:100%!important; min-width:0!important; max-width:100%!important; height:auto!important; padding:12px 12px calc(86px + env(safe-area-inset-bottom))!important; margin:0!important; overflow:auto!important; overflow-x:hidden!important; background:#f3f6fa!important; scroll-padding-bottom:90px; -webkit-overflow-scrolling:touch; }
  html[data-paper] body.mobile-enhanced .main #view#view#view > *,html[data-paper] body.mobile-enhanced .main #view#view#view > .view-fade > * { min-width:0!important; max-width:100%!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view > .view-fade { display:block!important; height:auto!important; min-height:0!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view :is(input,select,textarea) { min-width:0; max-width:100%; font-size:16px!important; min-height:42px; }
  html[data-paper] body.mobile-enhanced .main #view#view#view :is(button,.btn,.tbtn,.mbtn) { touch-action:manipulation; }
  html[data-paper] body.mobile-enhanced .main #view#view#view :is(.toolbar,.toolbar-row,.page-toolbar,.filter-bar,.filter-row,.pd-toolbar,.dv-bar,.diag-toolbar,.rm-toolbar,.q-toolbar,.rp-toolbar,.rp-filters,.sp-ab-row,.sp-ab-left,.sp-ab-actions) { width:100%!important; max-width:100%!important; min-width:0!important; height:auto!important; display:flex!important; flex-wrap:wrap!important; align-items:center!important; gap:8px!important; margin-left:0!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view :is(.toolbar,.filter-bar,.filter-row,.rm-toolbar,.q-toolbar,.rp-toolbar) > :is(input,select,.search) { flex:1 1 160px!important; width:100%!important; min-width:0!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view :is(.tabs,.nav-tabs,.pd-tabs,.mqz-tabs,.fqc-hero-nav,.sp-seg,.q-tabs,.am-tabs,.dv-tabs,.rp-tabs,.lm-tabs,.ov-tabs) { display:flex!important; flex-wrap:nowrap!important; width:100%!important; max-width:100%!important; min-width:0!important; overflow-x:auto!important; overflow-y:hidden!important; gap:6px!important; margin:0 0 10px!important; padding:3px 0!important; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
  html[data-paper] body.mobile-enhanced .main #view#view#view :is(.tabs,.nav-tabs,.pd-tabs,.mqz-tabs,.fqc-hero-nav,.sp-seg,.q-tabs,.am-tabs,.dv-tabs,.rp-tabs,.lm-tabs,.ov-tabs) > * { flex:0 0 auto!important; white-space:nowrap!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view :is(.page-hero,.pd-hero,.sl-header) { height:auto!important; min-height:0!important; padding:8px 0!important; margin:0 0 10px!important; background:none!important; border:0!important; box-shadow:none!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .page-hero-ic,html[data-paper] body.mobile-enhanced .main #view#view#view .page-hero-txt p { display:none!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view :is(.page-hero h2,.pd-hero h1,.sl-header h1) { font-size:18px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view :is(.form-grid,.form-row,.form-fields,.field-grid,.lf-grid,.rp-chart-grid,.rps-grid,.fqc-qgrid,.fqc-batch-grid,.fqc-overview-floor,.fqc3-body,.mqx-view,.mqx-evidence-layout,.mgw-grid,.mgw-grid.is-wide,.p4-body,.pd3-body,.pd3-layout,.pd3-main,.pd3-shell,.pd3-workspace,.rework-layout,.odx-workspace) { display:grid!important; grid-template-columns:minmax(0,1fr)!important; min-width:0!important; width:100%!important; gap:12px!important; height:auto!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view :is(.form-grid,.form-row,.form-fields,.field-grid,.lf-grid,.rp-chart-grid,.rps-grid,.fqc-qgrid,.fqc-batch-grid,.fqc-overview-floor,.fqc3-body,.mqx-view,.mqx-evidence-layout,.mgw-grid,.p4-body,.pd3-body,.pd3-layout,.pd3-main,.pd3-shell,.pd3-workspace,.rework-layout,.odx-workspace) > * { min-width:0!important; max-width:100%!important; grid-column:auto!important; grid-row:auto!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view :is(.ui-kpi-grid,.kpi-grid,.stats-grid,.stats-row,.sl-metrics,.rp-kpi,.dv-kpi,.q-kpis,.am-kpi-grid,.rm-stats,.fqc-cp-kpis,.mq-kpis,.ov-kpis-dark) { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:8px!important; width:100%!important; margin:0 0 12px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view :is(.ui-kpi,.stat-card,.sl-metric,.rm-stat,.rp-kpi-item,.dv-kpi-item,.q-kpi,.am-kpi-card) { height:auto!important; min-height:64px!important; max-height:none!important; padding:10px!important; border-radius:10px!important; min-width:0!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view :is(.ui-kpi > b,.sl-metric-number,.rm-stat .v,.rp-kpi-item .val,.q-kpi .q-kpi-val) { font-size:24px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view :is(.panel,.card,.pd-wrap,.mq-wrap,.mqz-wrap,.fqc-wrap,.rp-wrap,#shipLedger,.rm-wrap) { min-width:0!important; max-width:100%!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .mobile-table-scroll { display:block!important; width:100%!important; max-width:100%!important; min-width:0!important; min-height:0!important; max-height:65dvh!important; overflow:auto!important; -webkit-overflow-scrolling:touch; border-radius:10px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .mobile-table-scroll table { display:table!important; width:max-content!important; min-width:650px!important; max-width:none!important; table-layout:auto!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .mobile-table-scroll :is(th,td) { padding:9px!important; white-space:nowrap!important; font-size:12px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .mobile-table-scroll th { position:sticky!important; top:0!important; z-index:2; }
  html[data-paper] body.mobile-enhanced .main #view#view#view :is(img,canvas,svg) { max-width:100%; }
  html[data-paper] body.mobile-enhanced .main #view#view#view :is(.chart,.rp-chart,.rp-chart-card,.m-chart) { min-width:0!important; max-width:100%!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view :is(.board-panel,.board) { min-height:0!important; height:auto!important; max-width:100%!important; flex:none!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .board { display:flex!important; overflow-x:auto!important; padding:0 0 10px!important; gap:10px!important; scroll-snap-type:x proximity; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .board > .stcol { flex:0 0 min(84vw,320px)!important; min-width:0!important; height:60dvh!important; scroll-snap-align:start; }
  html[data-paper] body.mobile-enhanced .main #view#view#view #pdContent :is(.v4,.v4.v5,.v4.v5.v6,.v5-runbar,.v5-import-shell,.v5-source-confirm,.v6-primer-layout,.v6-source-review-hero) { display:grid!important; grid-template-columns:minmax(0,1fr)!important; grid-template-rows:auto!important; min-width:0!important; width:100%!important; height:auto!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view #pdContent :is(.v4-tl,.v4-main,.v4-ctx,.v4-foot,.v5-runbar,.v5-workspace,.v5-context,.v5-actions) { min-width:0!important; max-width:100%!important; grid-column:1/-1!important; grid-row:auto!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view #pdContent .v4-tl .tl { display:flex!important; overflow-x:auto!important; gap:6px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view #pdContent .v4-tl .tl > * { flex:0 0 150px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view #pdContent :is(.v5-group-grid,.v5-check-grid,.v6-source-facts,.v6-match-summary,.v6-source-confirm-grid) { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view :is(.p4-header,.p4-workhead,.pd-hero-in,.sl-header,.fqc-hero-brand,.fqc-hero-right) { flex-wrap:wrap!important; min-width:0!important; gap:8px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view :is(.p4-search,.sp-range,.sp-actionbar,.sp-ab-row) { min-width:0!important; max-width:100%!important; height:auto!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .p4-search input { width:100%!important; min-width:0!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .odx-header { flex-direction:column!important; align-items:stretch!important; padding-bottom:12px!important; gap:12px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .odx-facts { flex-wrap:wrap!important; gap:8px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .odx-facts > div { min-width:0!important; padding:0 10px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view :is(.odx-filters,.odx-list-title,.odx-tools) { flex-wrap:wrap!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view :is(.odx-inspect-body,.odx-table-scroll) { max-height:none!important; }
  /* Order center has a compact query area and independent semantic cards. */
  html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-orders .page-hero,html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-orders #orderStats .oc-chips,html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-orders .oc-live-table { display:none!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-orders #orderStats { margin:0 0 10px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-orders #orderStats .oc-kpi-grid { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:8px!important; margin:0!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-orders #orderStats .ui-kpi.ui-kpi { display:flex!important; flex-direction:column!important; align-items:flex-start!important; justify-content:center!important; min-height:58px!important; max-height:58px!important; height:58px!important; gap:4px!important; padding:8px 10px!important; border-radius:10px!important; box-shadow:none!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-orders #orderStats .ui-kpi > span { display:block!important; font-size:10px!important; line-height:1.2!important; white-space:nowrap!important; text-overflow:clip!important; color:#64758b!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-orders #orderStats .ui-kpi > b { font-size:22px!important; line-height:1!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-orders .oc-filtercard { display:block!important; width:100%!important; min-width:0!important; padding:10px!important; margin:0 0 12px!important; border:1px solid #e0e7f0!important; background:#fff!important; border-radius:12px!important; box-shadow:none!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-orders .oc-tabs-row { display:grid!important; grid-template-columns:minmax(0,1fr)!important; gap:8px!important; min-height:0!important; margin:0!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-orders #orderTabs { display:flex!important; width:100%!important; gap:6px!important; height:36px!important; padding:0!important; margin:0!important; overflow-x:auto!important; flex-wrap:nowrap!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-orders #orderTabs .tab { display:inline-flex!important; align-items:center!important; gap:6px!important; height:34px!important; min-height:34px!important; padding:0 10px!important; margin:0!important; font-size:12px!important; border-radius:8px!important; white-space:nowrap!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-orders #orderSearch { display:flex!important; width:100%!important; min-width:0!important; max-width:none!important; height:42px!important; min-height:42px!important; padding:0 10px!important; margin:0!important; flex-wrap:nowrap!important; border-radius:9px!important; box-shadow:none!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-orders #orderSearch input { width:100%!important; min-width:0!important; max-width:none!important; height:40px!important; min-height:40px!important; padding:0!important; margin:0!important; border:0!important; background:transparent!important; box-shadow:none!important; font-size:16px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-orders #orderControls { display:block!important; margin:8px 0 0!important; padding:0!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-orders #orderControls > .search { display:flex!important; width:100%!important; max-width:100%!important; flex-wrap:wrap!important; align-items:center!important; gap:6px!important; margin:0!important; padding:0!important; border:0!important; background:none!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-orders #orderControls .chip { display:inline-flex!important; flex:0 0 auto!important; align-items:center!important; min-height:34px!important; margin:0!important; padding:0 8px!important; border-radius:8px!important; font-size:12px!important; white-space:nowrap!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-orders :is(.mobile-order-more,.mobile-order-actions) { flex:0 0 auto!important; padding:0!important; margin:0!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-orders :is(.mobile-order-more,.mobile-order-actions) > summary { display:flex!important; min-height:34px!important; align-items:center!important; padding:0 9px!important; border:1px solid #dce5f0!important; border-radius:8px!important; background:#f4f7fc!important; color:#345b80!important; font-size:12px!important; font-weight:600!important; list-style:none!important; cursor:pointer; }
  html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-orders summary::-webkit-details-marker { display:none!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-orders :is(.mobile-order-more,.mobile-order-actions)[open] { flex:1 0 100%!important; width:100%!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-orders .mobile-order-more-body { display:flex!important; flex-direction:column!important; gap:8px!important; padding:10px 0 0!important; max-height:40dvh!important; overflow:auto!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-orders .due-slicer { display:flex!important; flex-wrap:wrap!important; gap:6px!important; min-width:0!important; max-width:100%!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-orders .mobile-order-actions .oc-acts { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:8px!important; width:100%!important; margin:8px 0 0!important; padding:0!important; overflow:visible!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-orders .oc-acts .tbtn { display:flex!important; align-items:center!important; justify-content:center!important; height:auto!important; min-height:40px!important; padding:8px!important; font-size:12px!important; line-height:1.4!important; border-radius:8px!important; white-space:normal!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-orders #ordersTableWrap { display:block!important; flex:none!important; height:auto!important; min-height:0!important; max-height:none!important; width:100%!important; padding:0!important; margin:0!important; border:0!important; overflow:visible!important; background:transparent!important; box-shadow:none!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .m-order-list { display:grid!important; grid-template-columns:minmax(0,1fr)!important; gap:10px!important; width:100%!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .m-order-card { display:block!important; width:100%!important; padding:12px!important; margin:0!important; border:1px solid #dfe7f1!important; border-radius:12px!important; background:#fff!important; color:#223e59!important; box-shadow:none!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .m-order-card > header { display:flex!important; align-items:center!important; justify-content:space-between!important; min-width:0!important; gap:8px!important; margin:0 0 6px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .m-order-id { display:block!important; min-width:0!important; padding:0!important; min-height:28px!important; margin:0!important; border:0!important; border-radius:0!important; background:none!important; color:#183f65!important; box-shadow:none!important; font-size:15px!important; font-weight:750!important; text-align:left!important; white-space:normal!important; overflow-wrap:anywhere!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .m-order-status { display:flex!important; flex-wrap:wrap!important; gap:4px!important; flex:0 0 auto!important; max-width:45%!important; font-size:11px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .m-order-customer { display:block!important; margin:0 0 10px!important; color:#556a80!important; font-size:13px!important; line-height:1.45!important; overflow-wrap:anywhere!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .m-order-facts { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:8px 14px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .m-order-fact { display:flex!important; flex-direction:column!important; gap:3px!important; min-width:0!important; font-size:13px!important; line-height:1.4!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .m-order-fact > div { min-width:0!important; max-width:100%!important; overflow-wrap:anywhere!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .m-order-label { font-size:11px!important; line-height:1.3!important; font-weight:400!important; color:#8291a1!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .m-order-fact.m-order-wide { grid-column:1/-1!important; display:grid!important; grid-template-columns:58px minmax(0,1fr)!important; align-items:baseline!important; gap:8px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .m-order-card :is(.badge,.board-cell,.board-text) { max-width:100%!important; font-size:11px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .m-order-card .board-cell { display:flex!important; flex-wrap:wrap!important; gap:5px!important; justify-content:flex-start!important; width:100%!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .m-order-card .badge { display:inline-flex!important; align-items:center!important; min-height:20px!important; line-height:1.3!important; padding:2px 6px!important; margin:0 3px 0 0!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .m-order-progress { display:block!important; width:100%!important; margin:10px 0!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .m-order-progress .pbar { width:100%!important; max-width:none!important; height:4px!important; margin:0!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .m-order-card > footer { display:flex!important; align-items:center!important; justify-content:space-between!important; gap:10px!important; min-height:34px!important; padding-top:8px!important; border-top:1px solid #edf1f7!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .m-order-card .oc-order-actions { display:flex!important; align-items:center!important; flex-wrap:wrap!important; gap:8px!important; min-width:0!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .m-order-card :is(.oc-ship-btn,.oc-preship-btn,.oc-trace-btn) { display:inline-flex!important; align-items:center!important; justify-content:center!important; min-width:34px!important; height:32px!important; margin:0!important; padding:0 8px!important; border-radius:7px!important; background:#edf4fc!important; color:#286294!important; font-size:12px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .m-order-detail { display:flex!important; flex:0 0 auto!important; align-items:center!important; justify-content:center!important; min-height:32px!important; margin:0!important; padding:0 9px!important; border:0!important; border-radius:7px!important; background:#edf4fc!important; color:#286294!important; box-shadow:none!important; font-size:12px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .m-order-load { min-height:42px!important; width:100%!important; padding:10px!important; font-size:13px!important; border:1px solid #dfe7f1!important; border-radius:10px!important; background:#fff!important; color:#286294!important; }
  body.mobile-enhanced #mobileDock#mobileDock { position:fixed!important; z-index:9100!important; display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; inset:auto 0 0!important; width:100%!important; min-height:60px!important; padding:5px 8px calc(5px + env(safe-area-inset-bottom))!important; background:rgba(255,255,255,.98)!important; border-top:1px solid #e0e7f0!important; box-shadow:none!important; }
  body.mobile-enhanced #mobileDock[hidden],body.mobile-enhanced #mobileDock .mobile-dock-item[hidden] { display:none!important; }
  body.mobile-enhanced #mobileDock .mobile-dock-item { display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; gap:4px!important; min-height:48px!important; padding:4px!important; margin:0!important; border:0!important; border-radius:10px!important; background:none!important; box-shadow:none!important; color:#7b8b9c!important; font:500 11px/1.2 system-ui,-apple-system,"PingFang SC",sans-serif!important; }
  body.mobile-enhanced #mobileDock .mobile-dock-item svg { width:21px!important; height:21px!important; }
  body.mobile-enhanced #mobileDock .mobile-dock-item.is-active { background:#edf4fd!important; color:#155c9b!important; font-weight:700!important; }
  body.mobile-enhanced #mobileModuleMenu { position:fixed; z-index:9250; inset:0; display:block; padding:0 14px calc(20px + env(safe-area-inset-bottom)); overflow:auto; background:#f3f6fa; color:#223e59; overscroll-behavior:contain; }
  body.mobile-enhanced #mobileModuleMenu[hidden] { display:none!important; }
  #mobileModuleMenu > header { position:sticky; top:0; z-index:1; display:flex; align-items:center; justify-content:space-between; padding:max(14px,env(safe-area-inset-top)) 0 14px; background:#f3f6fa; }
  #mobileModuleMenu > header strong { font-size:20px; }
  #mobileModuleMenu button { min-height:44px; border:1px solid #e0e7f0; border-radius:9px; background:#fff; color:#223e59; font:500 14px/1.4 system-ui,-apple-system,"PingFang SC",sans-serif; }
  #mobileModuleMenu > header button { padding:0 14px; }
  #mobileModuleMenu h2 { margin:18px 0 8px; font-size:12px; font-weight:500; color:#7a8ca0; }
  #mobileModuleMenu .m-module-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  #mobileModuleMenu .m-module-grid button { display:flex; align-items:center; gap:9px; min-width:0; padding:12px; text-align:left; }
  #mobileModuleMenu .m-module-grid svg { flex:0 0 20px; width:20px; height:20px; color:#2b6ba8; }
  #mobileModuleMenu .m-module-grid button.is-active { color:#1767b4; border-color:#a9c8ed; background:#edf4fd; }
  #mobileModuleMenu footer { margin-top:24px; }
  #mobileModuleMenu footer button { width:100%; color:#ab3940; }
  html body.mobile-enhanced #detailDrawer#detailDrawer { width:100vw!important; max-width:100vw!important; min-width:0!important; }
  html body.mobile-enhanced #detailDrawer#detailDrawer:not(.open) { visibility:hidden!important; }
  html body.mobile-enhanced #detailDrawer#detailDrawer.open { visibility:visible!important; }
  html body.mobile-enhanced #modal#modal .modal#modalBody,
  html body.mobile-enhanced .modal.wide.modal,
  html body.mobile-enhanced .rm-modal.modal { width:calc(100vw - 16px)!important; max-width:calc(100vw - 16px)!important; min-width:0!important; max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important; padding:16px!important; margin:12px auto!important; overflow:auto!important; }
  html body.mobile-enhanced .modal :is(input,select,textarea) { max-width:100%!important; min-width:0!important; min-height:42px; font-size:16px!important; }
  html body.mobile-enhanced .modal :is(.form-grid,.rm-grid,.row) { flex-wrap:wrap!important; grid-template-columns:minmax(0,1fr)!important; }
  html body.mobile-enhanced .modal :is(.form-actions,.modal-actions,.modal-footer) { display:flex; flex-wrap:wrap; gap:8px; }
  html body.mobile-enhanced :focus-visible { outline:2px solid #176cc2; outline-offset:2px; }
  html[data-paper] body.mobile-enhanced .main #view#view#view :is(.wr-tabs,.fqc-hero-nav) { display:flex!important; flex-wrap:nowrap!important; width:100%!important; max-width:100%!important; overflow-x:auto!important; gap:6px!important; padding:4px 0!important; margin:10px 0!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view :is(.wr-tabs,.fqc-hero-nav) > * { flex:0 0 auto!important; white-space:nowrap!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .wr-chart-grid { grid-template-columns:minmax(0,1fr)!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .wr-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view :is(.wr-head,.ov-hc) { display:flex!important; flex-wrap:wrap!important; min-width:0!important; max-width:100%!important; gap:8px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .wr-head { flex-direction:column!important; align-items:stretch!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .wr-tools { display:flex!important; flex-wrap:wrap!important; min-width:0!important; gap:8px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .p4-header { padding:12px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .p4-heading h2 { margin:0!important; font-size:18px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .p4-heading p { margin:5px 0 0!important; font-size:12px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .p4-tools { display:flex!important; flex-wrap:wrap!important; width:100%!important; gap:8px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view #pd2Modes { display:flex!important; flex-wrap:nowrap!important; gap:6px!important; width:100%!important; overflow-x:auto!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view #pd2Modes > button { flex:0 0 auto!important; min-height:36px!important; height:auto!important; padding:7px 10px!important; white-space:nowrap!important; font-size:12px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .p4-body { min-height:0!important; grid-auto-rows:min-content!important; align-content:start!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .p4-rail { height:auto!important; min-height:0!important; align-self:start!important; padding:8px 12px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view #shipLedger .sl-metrics { display:flex!important; flex-wrap:nowrap!important; overflow-x:auto!important; gap:8px!important; padding:0!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view #shipLedger .sl-metric { flex:0 0 116px!important; min-height:100px!important; padding:10px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view #shipLedger .sl-metric:before { display:none!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view :is(.hr-grid,.dbe-layout,.am-grid,.wr-device-grid) { grid-template-columns:minmax(0,1fr)!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .odx-header { height:auto!important; min-height:0!important; padding:13px!important; gap:14px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .odx-identity { flex:0 0 auto!important; width:100%!important; min-width:0!important; height:auto!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .odx-facts { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; flex:0 0 auto!important; width:100%!important; max-width:100%!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .odx-facts strong { font-size:20px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .odx-facts > div:first-child strong { font-size:15px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .m-machine-picker > summary { display:flex; align-items:center; min-height:38px; font-size:13px; font-weight:650; color:#285b8b; cursor:pointer; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .m-machine-picker > summary::before { content:'▸'; margin-right:8px; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .m-machine-picker[open] > summary::before { content:'▾'; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .m-machine-picker > summary::-webkit-details-marker { display:none; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .p4-more:not([open]) > div { display:none!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .p4-more[open] > div { left:0!important; right:auto!important; width:min(320px,calc(100vw - 56px))!important; }
}
@media(min-width:761px) and (pointer:fine), (min-width:1101px) {
  #mobileNavToggle,.mobile-nav-backdrop,#mobileNetStatus,#mobileModuleMenu,#mobileDock,.m-order-list { display:none!important; }
  .mobile-table-scroll[data-mobile-created] { display:contents; }
  .m-machine-picker > summary { display:none; }
}
@media(prefers-reduced-motion:reduce) { .m-order-card,.m-modules { animation:none!important; transition:none!important; } }

/* Phone review pass: natural content height, compact controls, accessible subpages. */
@media(max-width:760px), (max-width:1100px) and (pointer:coarse) {
  html[data-paper] body.mobile-enhanced .main #view#view#view .mobile-table-scroll { height:auto!important; flex:0 0 auto!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view :is(.panel-h,.rm-head,.lm-head) { display:flex!important; flex-wrap:wrap!important; align-items:center!important; gap:8px!important; height:auto!important; min-height:0!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view :is(.panel-h h2,.rm-head h2,.lm-head h2,.lm-head h1) { flex:0 0 auto!important; width:auto!important; white-space:nowrap!important; font-size:17px!important; line-height:1.4!important; margin:0!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .panel-h { padding:10px 0!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .panel-h > .en { display:none!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .panel-h > span[style*="display:flex"] { display:flex!important; flex-wrap:wrap!important; width:100%!important; min-width:0!important; margin:0!important; gap:8px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .panel-h > span[style*="display:flex"] input { flex:1 1 180px!important; width:100%!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .q-pane { padding:12px!important; height:auto!important; min-height:0!important; overflow:visible!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .q-pane > div[style*="display:flex"] { flex-wrap:wrap!important; gap:8px!important; min-width:0!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .q-pane > div[style*="display:flex"] > label { flex:0 0 auto!important; white-space:nowrap!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .q-pane > div[style*="display:flex"] > div { min-width:0!important; max-width:100%!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .q-tabs { height:42px!important; margin:0 0 8px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .q-tabbtn { min-height:36px!important; padding:6px 10px!important; font-size:12px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .q-tabbtn small { display:none!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .rm-head .sub { flex:1 0 100%!important; font-size:11px!important; line-height:1.5!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .rm-stats { grid-template-columns:repeat(3,minmax(0,1fr))!important; margin:8px 0!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .rm-stat { min-height:70px!important; padding:8px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .rm-stat .hint { display:none!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .rm-stat .k { font-size:11px!important; white-space:nowrap!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .rm-stat .v { font-size:22px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view :is(.lm-page,.lm-body,.lm-catalog,.lm-catalog-table) { display:block!important; height:auto!important; min-height:0!important; max-height:none!important; flex:0 0 auto!important; overflow:visible!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .lm-catalog-table { max-height:60dvh!important; overflow:auto!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .lm-head { padding:12px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .lm-head > div { min-width:0!important; max-width:100%!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .lm-head p { display:none!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .lm-catalog-filter { display:flex!important; flex-wrap:nowrap!important; overflow-x:auto!important; height:auto!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .lm-filter-chip { flex:0 0 auto!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .lm-catalog { margin-top:8px!important; border-radius:10px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .lm-catalog-head { display:flex!important; flex-wrap:wrap!important; padding:10px!important; gap:8px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .lm-catalog-head input { width:100%!important; min-width:0!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .m-fold { display:block!important; width:100%!important; min-width:0!important; margin:0 0 8px!important; border:1px solid #dfe7f0!important; border-radius:9px!important; background:#fff!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .m-fold > summary { display:flex!important; align-items:center!important; min-height:38px!important; padding:8px 10px!important; list-style:none!important; cursor:pointer!important; font-size:12px!important; font-weight:650!important; color:#2b618f!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .m-fold > summary::after { content:'＋'; margin-left:auto; font-size:15px; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .m-fold[open] > summary::after { content:'−'; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .m-fold > summary::-webkit-details-marker { display:none!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .m-fold-body { padding:0 10px 10px!important; min-width:0!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view details:not([open]) > :not(summary) { display:none!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view #shipLedger, html[data-paper] body.mobile-enhanced .main #view#view#view .sp-page { display:block!important; height:auto!important; min-height:0!important; overflow:visible!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view #shipLedger .sp-panel { display:block!important; height:auto!important; min-height:0!important; flex:none!important; overflow:visible!important; border:0!important; background:transparent!important; box-shadow:none!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view #shipLedger .sp-tbl-wrap { display:none!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view #shipLedger .sl-header > div:first-child { display:none!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view #shipLedger .sl-header { padding:8px 0!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view #shipLedger .sl-summary { width:100%!important; display:grid!important; grid-template-columns:1fr 1fr!important; gap:8px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view #shipLedger .sl-summary > div { padding:0!important; border:0!important; column-gap:4px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view #shipLedger .sl-summary strong { font-size:22px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view #shipLedger .sl-summary em { text-align:left!important; white-space:normal!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view #shipLedger .sl-metrics { margin:0!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view #shipLedger .sp-actionbar { padding:10px!important; margin:0 0 10px!important; border:1px solid #dfe7f0!important; border-radius:10px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view #shipLedger .sp-ab-row { display:flex!important; flex-wrap:wrap!important; padding:0!important; min-height:0!important; gap:8px!important; border:0!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view #shipLedger .sp-ab-left { width:100%!important; display:flex!important; flex-wrap:wrap!important; gap:8px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view #shipLedger .sp-ab-row:first-child > .sp-ab-left > .sp-seg { width:100%!important; min-height:38px!important; gap:18px!important; padding:0!important; margin:0!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view #shipLedger .sp-seg-item[data-shipview] { padding:8px 0!important; font-size:12px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view #shipLedger .sp-ab-actions { gap:8px!important; margin:0 0 8px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view #shipLedger .sp-tabs { display:flex!important; width:100%!important; overflow-x:auto!important; gap:4px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view #shipLedger .sp-tab { flex:0 0 auto!important; padding:7px 10px!important; min-height:34px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view #shipLedger .sp-search-row { display:block!important; flex:1 0 100%!important; width:100%!important; min-width:0!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view #shipLedger .sp-search { width:100%!important; height:42px!important; min-height:42px!important; font-size:16px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view #shipLedger :is(.sl-scope,.sp-quick) { display:flex!important; flex-wrap:wrap!important; min-height:0!important; width:100%!important; padding:0!important; border:0!important; gap:6px!important; margin:8px 0!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view #shipLedger .sp-range { display:flex!important; flex-wrap:wrap!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view #shipLedger .sp-range .sp-seg { width:auto!important; margin:0!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view #shipLedger .m-ship-filters select { width:100%!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view #shipLedger .m-ship-filters { margin:0!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .m-shipment-list { display:grid!important; gap:10px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .m-shipment-card { padding:12px!important; border:1px solid #dfe7f0!important; border-radius:10px!important; background:#fff!important; font-size:13px!important; color:#34516b!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .m-shipment-card > header { display:flex!important; justify-content:space-between!important; align-items:flex-start!important; gap:8px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .m-shipment-order { display:flex!important; flex-wrap:wrap!important; align-items:center!important; gap:4px!important; color:#204c76!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .m-shipment-order b { font-size:15px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .m-shipment-customer { margin:6px 0 10px!important; font-size:12px!important; color:#657a8f!important; overflow-wrap:anywhere!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .m-shipment-facts { display:grid!important; grid-template-columns:1fr 1fr!important; gap:8px 12px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .m-shipment-facts > div { display:grid!important; gap:3px!important; min-width:0!important; overflow-wrap:anywhere!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .m-shipment-more { border-top:1px solid #edf1f6!important; margin-top:10px!important; padding-top:4px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .m-shipment-more summary { min-height:32px!important; padding:6px 0!important; font-size:12px!important; color:#2c6599!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .m-shipment-people { font-size:12px!important; line-height:1.6!important; margin:6px 0!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .m-shipment-actions { display:flex!important; flex-wrap:wrap!important; gap:8px!important; margin-top:8px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .m-shipment-actions button { min-height:36px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view #shipPager { margin-top:10px!important; padding:10px!important; border-radius:10px!important; background:#fff!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .q-search { flex-wrap:wrap!important; height:auto!important; min-height:0!important; gap:6px!important; padding:8px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .q-search input { flex:1 1 160px!important; width:100%!important; height:42px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .q-search select { max-width:120px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .q-search > svg { display:none!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view .q-facet { display:flex!important; flex-wrap:wrap!important; gap:6px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view #pdContent .v4.v5.v6 > .v4-tl { height:auto!important; max-height:none!important; padding:0!important; overflow:visible!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view #pdContent .v4.v5.v6 > .v4-main { max-height:none!important; height:auto!important; overflow:visible!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view #pdContent .v4.v5.v6 .v4-tl .tl { display:block!important; width:100%!important; padding:0!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view #pdContent .v5-phase { display:grid!important; padding:8px 0!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view #pdContent .v5-phase h4 { margin:0!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view #pdContent .v4-tl .hd { display:none!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view #pdContent .v4-tl .m-fold { margin:0!important; border:0!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view #pdContent .v5-run-title { flex-wrap:wrap!important; gap:6px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view #pdContent .v5-runbar { padding:10px!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view #pdContent .v4-guide-head { flex-wrap:wrap!important; }
  html[data-paper] body.mobile-enhanced .main #view#view#view #pdContent .v4-workspace { overflow:visible!important; }
  html body.mobile-enhanced :is(#modalBody,.modal,.drawer-panel) :is(.panel-h,.eta-toolbar,.eta-head,.row,.modal-actions,.form-actions) { display:flex!important; flex-wrap:wrap!important; min-width:0!important; gap:8px!important; }
  html body.mobile-enhanced :is(#modalBody,.modal,.drawer-panel) :is(.form-grid,.rm-grid,.rm-modal-grid,.eta-grid,.sw-chart-grid) { display:grid!important; grid-template-columns:minmax(0,1fr)!important; min-width:0!important; }
  html body.mobile-enhanced :is(#modalBody,.modal,.drawer-panel) :is(.col,.field,[class*="grid"] > *) { min-width:0!important; max-width:100%!important; }
}
@media(min-width:761px) and (pointer:fine), (min-width:1101px) {
  .m-shipment-list { display:none!important; }
}

@media(max-width:760px), (max-width:1100px) and (pointer:coarse) {
html[data-paper] body.mobile-enhanced .main #view#view#view .lm-catalog-tools { display:grid!important; grid-template-columns:minmax(0,1fr)!important; height:auto!important; padding:10px!important; gap:8px!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view .lm-catalog-filter > span { display:none!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view .lm-catalog-filter { margin:0!important; gap:6px!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view .lm-catalog-count { display:flex!important; gap:6px!important; align-items:baseline!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view .lm-catalog-count b { font-size:18px!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view .lm-table-caption { display:flex!important; align-items:center!important; flex-wrap:wrap!important; gap:6px!important; padding:8px 10px!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view .lm-table-caption > div { min-width:0!important; display:flex!important; gap:6px!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view .lm-table-caption strong { flex:none!important; white-space:nowrap!important; font-size:12px!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view .lm-table-caption > div > span { display:none!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view .lm-head :is(.lm-kpi,.lm-pill) { white-space:nowrap!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view .q-tabbtn i { display:none!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view .q-tabbtn b { font-size:12px!important; line-height:1.4!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view .m-shipment-audit { white-space:pre-wrap!important; overflow-wrap:anywhere!important; font-size:12px!important; line-height:1.6!important; margin-top:8px!important; color:#64798d!important; }
}

@media(max-width:760px), (max-width:1100px) and (pointer:coarse) {
html[data-paper] body.mobile-enhanced .main #view#view#view :is(.ov3-grid,.ov-grid,.am-bulk-bar) { display:grid!important; grid-template-columns:minmax(0,1fr)!important; width:100%!important; min-width:0!important; gap:10px!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view :is(.ov3-card,.ov3-h,.ov3-h h3) { min-width:0!important; max-width:100%!important; height:auto!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view .ov3-h { display:flex!important; flex-wrap:wrap!important; gap:6px!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view .ov3-h h3 { flex:1 0 100%!important; width:100%!important; font-size:14px!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view .ov3-card { padding:12px!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view .am-hero { padding:12px!important; min-height:0!important; height:auto!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view :is(.am-hero-eyebrow,.am-hero-right) { display:none!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view .am-hero-left { width:100%!important; min-width:0!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view .am-panel-hd { display:flex!important; flex-wrap:wrap!important; height:auto!important; gap:8px!important; padding:12px!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view .am-panel-hd h2 { white-space:normal!important; flex:1 1 auto!important; min-width:160px!important; font-size:16px!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view .am-bulk-bar { grid-template-columns:repeat(2,minmax(0,1fr))!important; padding:8px 0!important; margin:0!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view .am-bulk-bar select { grid-column:1/-1!important; width:100%!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view .am-perm-hint { font-size:11px!important; line-height:1.5!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view .q-pane > div[style*="display:flex"] > div[style*="flex:"] { flex:1 0 100%!important; width:100%!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view .fqc-wrap { padding:0!important; border:0!important; background:transparent!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view .fqc-cp-head { height:auto!important; min-height:0!important; padding:0!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view :is(.fqc-hero-brand,.fqc-hero-right) { display:none!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view .fqc-hero-nav { margin:0 0 8px!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view .fqc-cp-panel { padding:10px!important; gap:8px!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view .fqc-cp-kpis { grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:6px!important; margin:0!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view .fqc-cp-kpi { display:flex!important; flex-direction:column!important; padding:8px 6px!important; min-height:60px!important; border-radius:8px!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view .fqc-cp-kpi .fqc-cp-kv { font-size:20px!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view .fqc-cp-kpi :is(.fqc-cp-kl,.fqc-cp-ks) { font-size:10px!important; white-space:normal!important; letter-spacing:0!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view .fqc-cp-kpi .fqc-cp-ki { display:none!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view :is(.fqc-main,.fqc-qcard) { padding:12px!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view .mq-hero-eyebrow, html[data-paper] body.mobile-enhanced .main #view#view#view .mq-hero-s { display:none!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view .mq-hero { padding:12px!important; min-height:0!important; gap:8px!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view .mq-hero-t { font-size:17px!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view .mq-ledger-flow { display:none!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view .dv-hero { padding:12px!important; min-height:0!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view .dv-hero-txt p, html[data-paper] body.mobile-enhanced .main #view#view#view .dv-hero-ic { display:none!important; }
}

@media(max-width:760px), (max-width:1100px) and (pointer:coarse) {
html[data-paper] body.mobile-enhanced .main #view#view#view .m-enhanced-nav { display:grid!important; gap:6px!important; margin-bottom:10px!important; font-size:12px!important; color:#5b7086!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view .m-enhanced-nav select { width:100%!important; border:1px solid #dfe7f0!important; border-radius:8px!important; padding:8px!important; background:#fff!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view :is(.lm-ledger-h,.lm-ledger-t,.lm-ledger-tools,.lm-ledger-switch) { display:flex!important; flex-wrap:wrap!important; align-items:center!important; gap:8px!important; min-width:0!important; height:auto!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view .lm-ledger-h { padding:10px!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view .lm-ledger-t { flex:1 0 100%!important; width:100%!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view .lm-ledger-t em { display:block!important; white-space:nowrap!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view .lm-ledger-tools { padding:10px!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view .lm-ledger-tools .lm-t { flex:0 0 auto!important; white-space:nowrap!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view .lm-ledger-tools input[type="number"],html[data-paper] body.mobile-enhanced .main #view#view#view .lm-ledger-tools .lm-num { flex:0 0 64px!important; width:64px!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view #qTip { display:flex!important; flex-wrap:wrap!important; align-items:center!important; gap:8px!important; padding:8px 0!important; height:auto!important; min-height:0!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view #qTip > span { flex:1 0 100%!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view #qTip button { flex:0 0 auto!important; min-height:34px!important; white-space:nowrap!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view #qTip > div { display:flex!important; flex-wrap:wrap!important; gap:6px!important; min-width:0!important; width:100%!important; }
}

@media(max-width:760px), (max-width:1100px) and (pointer:coarse) {
html[data-paper] body.mobile-enhanced .main #view#view#view .view-fade > div[style*="display:flex"] > .q-pane { flex:1 0 100%!important; width:100%!important; min-width:0!important; }
}

@media(max-width:760px), (max-width:1100px) and (pointer:coarse) {
  html body.mobile-enhanced :is(#modal#modal,#dlg#dlg) { padding:0!important; inset:0!important; width:100vw!important; min-width:0!important; max-width:100vw!important; align-items:center!important; justify-content:center!important; }
  html body.mobile-enhanced :is(#modal#modal #modalBody#modalBody,#dlg#dlg #dlgBody#dlgBody) { width:calc(100vw - 16px)!important; max-width:calc(100vw - 16px)!important; min-width:0!important; margin:8px!important; max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important; padding:14px!important; overflow:auto!important; }
  html body.mobile-enhanced .lm-register-overlay { position:fixed!important; inset:0!important; width:100vw!important; padding:8px!important; overflow:auto!important; z-index:9300!important; }
  html body.mobile-enhanced .lm-register-dialog { width:100%!important; min-width:0!important; max-width:none!important; max-height:calc(100dvh - 16px)!important; margin:0!important; overflow:auto!important; }
  html body.mobile-enhanced :is(.lm-register-head,.lm-register-foot,.lm-wizard-actions,.lm-stepper) { display:flex!important; flex-wrap:wrap!important; gap:8px!important; min-width:0!important; }
  html body.mobile-enhanced :is(.lm-register-grid,.lm-wizard-grid) { display:grid!important; grid-template-columns:minmax(0,1fr)!important; }
  html body.mobile-enhanced :is(.lm-register,.lm-register-dialog) :is(input,select,textarea) { min-width:0!important; max-width:100%!important; min-height:42px!important; font-size:16px!important; }
  html body.mobile-enhanced #mobileDock { transition:none!important; }
  html body.mobile-enhanced:has(:is(#modal.show,#dlg.show,.lm-register-overlay)) #mobileDock { display:none!important; }
}

@media(max-width:760px), (max-width:1100px) and (pointer:coarse) {
html body.mobile-enhanced #modal#modal #modalBody#modalBody :is(.eta-toolbar-summary,.eta-toolbar-controls,.eta-config,.eta-actions) { display:flex!important; flex-wrap:wrap!important; gap:8px!important; min-width:0!important; width:100%!important; }
html body.mobile-enhanced #modal#modal #modalBody#modalBody .eta-toolbar-summary > div { min-width:0!important; }
html body.mobile-enhanced #modal#modal #modalBody#modalBody .eta-toolbar-summary span { white-space:normal!important; }
html body.mobile-enhanced #modal#modal #modalBody#modalBody .eta-toolbar-controls { margin-top:8px!important; }
html body.mobile-enhanced #modal#modal #modalBody#modalBody .eta-table-wrap { width:100%!important; max-width:100%!important; overflow:visible!important; border:0!important; }
html body.mobile-enhanced #modal#modal #modalBody#modalBody #etaTable#etaTable { display:block!important; width:100%!important; min-width:0!important; max-width:100%!important; table-layout:auto!important; }
html body.mobile-enhanced #modal#modal #modalBody#modalBody #etaTable :is(thead,tbody) { display:block!important; width:100%!important; }
html body.mobile-enhanced #modal#modal #modalBody#modalBody #etaTable thead tr { display:block!important; width:100%!important; }
html body.mobile-enhanced #modal#modal #modalBody#modalBody #etaTable thead th { display:none!important; }
html body.mobile-enhanced #modal#modal #modalBody#modalBody #etaTable thead th:first-child { display:flex!important; align-items:center!important; gap:8px!important; width:100%!important; padding:8px!important; }
html body.mobile-enhanced #modal#modal #modalBody#modalBody #etaTable thead th:first-child::after { content:'全选订单'; font-size:12px; }
html body.mobile-enhanced #modal#modal #modalBody#modalBody #etaTable tbody > tr:not(.eta-detail-row) { display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; gap:8px!important; padding:12px!important; margin:0 0 10px!important; border:1px solid #dfe7f0!important; border-radius:10px!important; background:#fff!important; }
html body.mobile-enhanced #modal#modal #modalBody#modalBody #etaTable tbody td { display:block!important; width:auto!important; min-width:0!important; max-width:100%!important; padding:0!important; border:0!important; height:auto!important; white-space:normal!important; background:none!important; overflow-wrap:anywhere!important; }
html body.mobile-enhanced #modal#modal #modalBody#modalBody #etaTable tbody tr:not(.eta-detail-row) > td:nth-child(n+3)::before { content:attr(data-phone-label); display:block; color:#7b8b9b; font-size:11px; margin-bottom:4px; }
html body.mobile-enhanced #modal#modal #modalBody#modalBody #etaTable tbody tr:not(.eta-detail-row) > td:is(:nth-child(3),:nth-child(5),:nth-child(7),:nth-child(9)) { grid-column:1/-1!important; }
html body.mobile-enhanced #modal#modal #modalBody#modalBody #etaTable input:not([type="checkbox"]) { width:100%!important; min-width:0!important; max-width:100%!important; font-size:16px!important; }
html body.mobile-enhanced #modal#modal #modalBody#modalBody #etaTable input[type="checkbox"] { width:20px!important; height:20px!important; min-height:20px!important; }
html body.mobile-enhanced #modal#modal #modalBody#modalBody #etaTable .eta-detail-row { display:none!important; }
html body.mobile-enhanced #modal#modal #modalBody#modalBody #etaTable .eta-detail-row.open { display:block!important; width:100%!important; }
html body.mobile-enhanced #modal#modal #modalBody#modalBody .eta-detail-grid { display:grid!important; grid-template-columns:minmax(0,1fr)!important; }
html body.mobile-enhanced :is(#modalBody,#dlgBody) .mobile-table-scroll { max-width:100%!important; width:100%!important; overflow:auto!important; max-height:60dvh!important; }
html body.mobile-enhanced :is(#modalBody,#dlgBody) .mobile-table-scroll table { width:max-content!important; min-width:650px!important; table-layout:auto!important; }
html body.mobile-enhanced :is(#modalBody,#dlgBody) .mobile-table-scroll :is(th,td) { white-space:nowrap!important; padding:8px!important; font-size:12px!important; }
}

@media(max-width:760px), (max-width:1100px) and (pointer:coarse) {
html[data-paper] body.mobile-enhanced .main #view#view#view #pdContent .lm-register-overlay { inset:0!important; padding:8px!important; justify-content:center!important; align-items:center!important; width:100vw!important; height:100dvh!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view #pdContent .lm-register-dialog { display:block!important; width:calc(100vw - 16px)!important; min-width:0!important; height:auto!important; max-height:calc(100dvh - 16px)!important; margin:0!important; animation:none!important; transform:none!important; overflow:auto!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view #pdContent .lm-register-overlay .lm-register { display:block!important; height:auto!important; max-height:none!important; overflow:visible!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view #pdContent .lm-register-overlay .lm-register-body { height:auto!important; max-height:calc(100dvh - 230px)!important; overflow:auto!important; padding:12px!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view #pdContent .lm-register-overlay :is(.lm-register-head,.lm-register-foot) { padding:12px!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view #pdContent .lm-register-overlay .lm-source-grid { grid-template-columns:minmax(0,1fr)!important; }
}

@media(max-width:760px), (max-width:1100px) and (pointer:coarse) {
html[data-paper] body.mobile-enhanced .main #view#view#view :is(.pd-wrap,.view-fade) { transform:none!important; animation:none!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view .au-user-header { flex-wrap:wrap!important; gap:8px!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view .au-user-primary { white-space:nowrap!important; min-width:110px!important; flex:0 0 auto!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view #auUserForm { display:grid!important; grid-template-columns:minmax(0,1fr)!important; gap:12px!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view .au-user-field { min-width:0!important; grid-column:1/-1!important; }
}

/* Phone pipeline: two-row stage picker and a vertical, full-width queue. */
.m-pipeline { display:none; }
@media(max-width:760px), (max-width:1100px) and (pointer:coarse) {
html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-pipeline .board-panel { display:none!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-pipeline .m-pipeline-overview { margin:0 0 12px!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-pipeline .m-pipeline-overview > summary { display:flex!important; flex-wrap:nowrap!important; align-items:center!important; min-height:54px!important; padding:8px 10px!important; gap:8px!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-pipeline .m-pipeline-overview > summary::after { content:'⌄'; font-size:16px; flex:0 0 auto; }
html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-pipeline .m-pipeline-metric { display:flex!important; flex:1 1 0!important; align-items:baseline!important; gap:4px!important; min-width:0!important; white-space:nowrap!important; color:#74859a!important; font-size:11px!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-pipeline .m-pipeline-metric b { font-size:20px!important; color:#223e59!important; line-height:1.2!important; font-variant-numeric:tabular-nums!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-pipeline .m-pipeline-metric small { font-size:10px!important; font-weight:400!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-pipeline .m-pipeline-metric.is-warning b { color:#b3202e!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-pipeline .m-pipeline-overview .ov-hero { display:flex!important; flex-wrap:wrap!important; width:100%!important; gap:8px!important; padding:10px 0!important; margin:0 0 10px!important; min-height:0!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-pipeline .m-pipeline-overview .ov-hero > span { max-width:100%!important; flex-wrap:wrap!important; margin-left:0!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-pipeline .m-pipeline-overview .kpis { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:8px!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-pipeline .m-pipeline { display:block!important; width:100%!important; min-width:0!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-pipeline .m-pipeline-stages { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:7px!important; margin:0 0 12px!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-pipeline .m-pipeline-stages button { display:flex!important; flex-direction:column!important; align-items:flex-start!important; justify-content:center!important; gap:3px!important; width:100%!important; min-width:0!important; min-height:55px!important; height:auto!important; padding:7px 9px!important; margin:0!important; background:#fff!important; color:#61758b!important; border:1px solid #dfe7f0!important; border-radius:8px!important; box-shadow:none!important; font:500 11px/1.4 system-ui,-apple-system,'PingFang SC',sans-serif!important; white-space:nowrap!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-pipeline .m-pipeline-stages button b { color:#274965!important; font-size:18px!important; line-height:1.1!important; font-variant-numeric:tabular-nums!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-pipeline .m-pipeline-stages button[aria-pressed="true"] { background:#eaf3fe!important; color:#1768b5!important; border-color:#92bce7!important; box-shadow:inset 0 3px #1768b5!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-pipeline .m-pipeline-stages button[aria-pressed="true"] b { color:#1768b5!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-pipeline .m-pipeline-filters { display:flex!important; align-items:center!important; gap:8px!important; padding:0!important; margin:0 0 12px!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-pipeline .m-pipeline-filters button { display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:38px!important; padding:6px 12px!important; margin:0!important; border:1px solid #dfe7f0!important; border-radius:8px!important; background:#fff!important; color:#647b90!important; font-size:12px!important; box-shadow:none!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-pipeline .m-pipeline-filters button[aria-pressed="true"] { background:#1768b5!important; border-color:#1768b5!important; color:#fff!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-pipeline .m-pipeline-heading { display:flex!important; align-items:center!important; justify-content:space-between!important; gap:8px!important; margin:0 0 9px!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-pipeline .m-pipeline-heading h2 { margin:0!important; font-size:15px!important; font-weight:700!important; color:#223e59!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-pipeline .m-pipeline-heading > span { color:#8291a1!important; font-size:11px!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-pipeline .m-pipeline-list { display:grid!important; grid-template-columns:minmax(0,1fr)!important; gap:10px!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-pipeline .m-pipeline-list .ocard { display:block!important; position:relative!important; width:100%!important; min-width:0!important; min-height:0!important; height:auto!important; max-height:none!important; padding:12px!important; margin:0!important; border:1px solid #dfe7f0!important; border-radius:10px!important; background:#fff!important; color:#34516b!important; box-shadow:none!important; overflow:visible!important; transform:none!important; cursor:pointer!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-pipeline .m-pipeline-list .ocard.over { border-left:3px solid #b3202e!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-pipeline .m-pipeline-list .otop { display:flex!important; align-items:center!important; gap:7px!important; width:100%!important; min-width:0!important; padding:0!important; margin:0 0 5px!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-pipeline .m-pipeline-list .cav { display:none!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-pipeline .m-pipeline-list .od { flex:1 1 0!important; min-width:0!important; color:#244d76!important; font-size:15px!important; font-weight:750!important; white-space:normal!important; overflow-wrap:anywhere!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-pipeline .m-pipeline-list .ometa-qty { flex:0 0 auto!important; color:#6c8197!important; font-size:12px!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-pipeline .m-pipeline-list .oc { display:block!important; max-width:none!important; min-height:0!important; height:auto!important; margin:0 0 10px!important; font-size:12px!important; line-height:1.5!important; color:#64798f!important; white-space:normal!important; -webkit-line-clamp:unset!important; overflow:visible!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-pipeline .m-pipeline-list .ometa { display:flex!important; flex-wrap:wrap!important; align-items:center!important; gap:7px!important; min-height:0!important; height:auto!important; margin:0 0 10px!important; font-size:12px!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-pipeline .m-pipeline-list .board-cell { display:flex!important; flex-wrap:wrap!important; gap:5px!important; min-width:0!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-pipeline .m-pipeline-list .prow { display:flex!important; align-items:center!important; gap:8px!important; width:100%!important; margin:0 0 8px!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-pipeline .m-pipeline-list .steps { display:flex!important; flex:1 1 0!important; min-width:0!important; gap:3px!important; height:6px!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-pipeline .m-pipeline-list .steps i { display:block!important; flex:1 1 0!important; min-width:0!important; height:6px!important; border-radius:2px!important; border:1px solid #dce5ee!important; background:#f2f5f9!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-pipeline .m-pipeline-list .steps i.is-done { background:#4e86ba!important; border-color:#4e86ba!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-pipeline .m-pipeline-list .steps i.is-cur { background:#dbeafb!important; border-color:#1768b5!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-pipeline .m-pipeline-list .steps i.is-skip { background:repeating-linear-gradient(135deg,#eef2f5,#eef2f5 2px,#cbd5df 2px,#cbd5df 3px)!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-pipeline .m-pipeline-list .pnum { font-size:11px!important; color:#74859a!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-pipeline .m-pipeline-list .odue { display:flex!important; align-items:center!important; flex-wrap:wrap!important; width:100%!important; gap:6px!important; min-height:22px!important; margin:0!important; font-size:12px!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-pipeline .m-pipeline-list .otags { display:flex!important; flex-wrap:wrap!important; align-items:center!important; min-height:0!important; height:auto!important; margin:7px 0 0!important; gap:5px!important; padding:0!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-pipeline .m-pipeline-list .badge { font-size:11px!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-pipeline .m-pipeline-list .ostay { margin-right:auto!important; font-size:11px!important; color:#7b8b9b!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-pipeline .m-pipeline-detail { display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; min-height:36px!important; padding:6px!important; margin:10px 0 0!important; background:#f0f5fb!important; color:#2a669b!important; font-size:12px!important; border:0!important; border-radius:7px!important; box-shadow:none!important; }
html[data-paper] body.mobile-enhanced .main #view#view#view.mobile-pipeline .m-pipeline-empty { padding:28px 12px!important; border:1px dashed #d4dfeb!important; border-radius:10px!important; text-align:center!important; font-size:13px!important; line-height:1.6!important; color:#8291a1!important; background:#fff!important; }
}