/* Phone reading workspace. Desktop table and explicit editors retain their existing rules. */
.mobile-reader-only { display:none!important; }
#mainNav>.mobile-reader-nav-toggle,#mobileReaderQuickMore { display:none!important; }
.reader-sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media (max-width:900px) {
  html.mobile-order-reader #appView>.topbar #mainNav { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr)); align-self:start!important; align-items:stretch!important; gap:8px!important; height:auto!important; min-height:0!important; max-height:calc(100dvh - 70px); padding:2px 0 4px!important; overflow:visible!important; background:#fff!important; }
  html.mobile-order-reader #appView>.topbar #mainNav>button { justify-content:center!important; gap:6px!important; width:auto!important; min-width:0!important; min-height:44px!important; padding:6px!important; font-size:14px!important; }
  html.mobile-order-reader #appView>.topbar #mainNav>button i { display:none!important; }
  html.mobile-order-reader #appView>.topbar #mainNav>button[data-page] { display:none!important; order:3; }
  html.mobile-order-reader #appView>.topbar #mainNav>button[data-page=orders] { display:flex!important; order:0; }
  html.mobile-order-reader #appView>.topbar #mainNav>button[data-page=sources] { display:flex!important; order:1; }
  html.mobile-order-reader #appView>.topbar #mainNav>#mobileReaderNavMore { display:flex!important; order:2; }
  html.mobile-order-reader #appView>.topbar #mainNav.reader-nav-open { overflow-y:auto!important; box-shadow:0 8px 16px rgba(29,48,77,.12); }
  html.mobile-order-reader #appView>.topbar #mainNav.reader-nav-open>button[data-page] { display:flex!important; }
  html.mobile-order-reader #appView>.topbar #mainNav>button[hidden],html.mobile-order-reader #appView>.topbar #mainNav.reader-nav-open>button[hidden] { display:none!important; }
  html.mobile-order-reader #mobileReaderNavMore.reader-nav-current { color:var(--primary,#3d5bd9)!important; border-bottom:2px solid var(--primary,#3d5bd9)!important; background:var(--primary-soft,#eef1ff)!important; }
  html.mobile-order-reader #ordersPage [hidden] { display:none!important; }
  html.mobile-order-reader #ordersPage .mobile-reader-only { display:flex!important; }
  html.mobile-order-reader #ordersPage .mobile-reader-heading { align-items:center; gap:8px; margin:0 0 12px; }
  .mobile-reader-heading>div { flex:1; min-width:0; }
  .mobile-reader-heading h1 { margin:0 0 4px; font-size:20px; color:var(--text,#172033); }
  .mobile-reader-heading p,.mobile-reader-heading>div>span { margin:0; font-size:12px; line-height:1.5; color:var(--text-2,#5f6b7a); overflow-wrap:anywhere; }
  html.mobile-order-reader #ordersPage :is(.mobile-reader-heading,.mobile-reader-search) button { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; min-width:44px; min-height:44px; padding:8px; gap:8px; border:1px solid var(--border,#ccd6e5); border-radius:7px; background:#fff; color:var(--text,#172033); font-size:14px; cursor:pointer; }
  html.mobile-order-reader #ordersPage .mobile-reader-search { display:grid!important; grid-template-columns:minmax(0,1fr) 44px 64px; gap:8px; margin:0 0 12px; }
  .mobile-reader-search label { min-width:0; }
  #mobileReaderKeyword { width:100%; min-width:0; height:44px; margin:0; padding:8px 12px; border:1px solid var(--border,#ccd6e5); border-radius:7px; background:#fff; font-size:16px; }
  html.mobile-order-reader #ordersPage>.order-overview-row,html.mobile-order-reader #ordersPage>.mobile-orders-toolbar { display:none!important; }
  html.mobile-order-reader #ordersPage.reader-stats-open>.order-overview-row { display:block!important; margin-bottom:12px!important; }
  html.mobile-order-reader #ordersPage .greeting-band { display:none!important; }
  html.mobile-order-reader #ordersPage #metrics { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:8px!important; width:100%!important; padding:8px!important; overflow:visible!important; }
  html.mobile-order-reader #ordersPage #metrics .metric { min-width:0!important; width:auto!important; flex:auto!important; padding:8px!important; }
  html.mobile-order-reader #ordersPage #metrics .metric-copy b { overflow-wrap:anywhere; }
  html.mobile-order-reader #ordersPage.reader-tools-open>.mobile-orders-toolbar { display:grid!important; position:static!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; margin-bottom:12px!important; }
  html.mobile-order-reader #mobileFilterToggle { display:none!important; }
  html.mobile-order-reader #ordersPage .quick-filters { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px!important; margin-bottom:12px!important; padding:0!important; overflow:visible!important; background:transparent!important; border:0!important; box-shadow:none!important; }
  html.mobile-order-reader #ordersPage .quick-filters::before { display:none!important; }
  html.mobile-order-reader #ordersPage .quick-filters button { justify-content:center; gap:4px!important; min-width:0!important; min-height:44px!important; padding:6px!important; white-space:nowrap!important; font-size:12px!important; }
  html.mobile-order-reader #ordersPage .quick-filters .ui-icon { display:none!important; }
  html.mobile-order-reader #ordersPage .quick-filters:not(.reader-quick-open) button:not([data-quick=today]):not([data-quick=month]):not([data-status="待采购"]):not([data-status="已采购等待发货"]):not([data-special=afterSales]):not(#mobileReaderQuickMore) { display:none!important; }
  html.mobile-order-reader #ordersPage #mobileReaderQuickMore { order:99; }
  html.mobile-order-reader #ordersPage #ordersBody>tr.mobile-reader-row { display:block!important; padding:0!important; margin:0 0 12px!important; border:0!important; background:transparent!important; box-shadow:none!important; overflow:visible!important; }
  html.mobile-order-reader #ordersPage #ordersBody>tr.mobile-reader-row>td.mobile-reader-cell { display:block!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; }
  html.mobile-order-reader #ordersPage #ordersBody>tr.mobile-reader-row>td.mobile-reader-cell::before { display:none!important; }
  .reader-card { padding:12px; border:1px solid var(--border,#d4deeb); border-left:3px solid rgb(var(--order-group-rgb,61,91,217)); border-radius:10px; background:var(--surface,#fff); color:var(--text,#172033); font-size:15px; line-height:1.5; }
  .reader-card-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
  .reader-shop { flex:1; min-width:0; }
  html.mobile-order-reader #ordersPage .reader-card .shop-identity .shop-name { overflow:visible!important; white-space:normal!important; text-overflow:clip!important; font-size:14px!important; line-height:1.4; }
  .reader-card-head>.row-status { flex-shrink:0; max-width:48%; padding:6px 8px; font-size:13px; white-space:normal; }
  .reader-date-line { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:4px 12px; margin:8px 0 12px; font-size:12px; color:var(--text-2,#5f6b7a); }
  .reader-date-line>.order-date-cell { display:flex; align-items:center; flex-wrap:wrap; gap:4px 8px; }
  #ordersBody .reader-date-line .order-date-primary { width:auto; }
  #ordersBody .reader-date-line .order-created-time { margin:0; }
  .reader-product { display:flex; gap:12px; align-items:flex-start; margin-bottom:12px; }
  .reader-product-copy { flex:1; min-width:0; }
  html.mobile-order-reader #ordersPage .reader-card .reader-product-preview { width:72px; height:72px; min-width:72px; padding:0; border:1px solid var(--border,#d4deeb); border-radius:7px; background:#fff; }
  html.mobile-order-reader #ordersPage .reader-card .reader-product-preview .product-img { width:70px!important; height:70px!important; object-fit:contain!important; }
  .reader-no-image { display:grid; place-items:center; width:72px; height:72px; flex-shrink:0; background:#f1f4f8; font-size:12px; }
  .reader-spec { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin:0 0 6px; font-size:16px; line-height:1.5; overflow-wrap:anywhere; }
  .reader-product-meta { display:flex; gap:8px 12px; flex-wrap:wrap; color:var(--text-2,#5f6b7a); font-size:13px; }
  .reader-group-badge { display:inline-block; margin-top:6px; padding:1px 5px; border:1px solid var(--border,#ccd6e5); border-radius:4px; font-size:12px; }
  .reader-alert { margin-bottom:8px; color:#9a2535; font-size:13px; }
  .reader-copy-line { display:grid; grid-template-columns:auto minmax(0,1fr) 44px; gap:8px; align-items:center; min-height:44px; padding:4px 0; border-top:1px solid var(--border,#e2e6ec); }
  .reader-label { color:var(--text-2,#5f6b7a); font-size:13px; }
  .reader-copy-line>[data-copy-value] { min-width:0; font-size:15px; font-weight:600; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; white-space:pre-wrap; user-select:text; }
  html.mobile-order-reader #ordersPage .reader-card button,html.mobile-order-reader #ordersPage .reader-card a.reader-open-source { display:inline-flex!important; align-items:center; justify-content:center; min-height:44px; min-width:44px; padding:8px; gap:8px; border:1px solid var(--border,#ccd6e5); border-radius:7px; background:#fff; color:var(--text,#172033); font:inherit; font-size:14px; text-decoration:none; cursor:pointer; }
  .reader-card .ui-icon { width:16px; height:16px; flex-shrink:0; }
  .reader-source { display:flex; align-items:center; gap:8px; padding:8px 0; border-top:1px solid var(--border,#e2e6ec); }
  .reader-source>b,.reader-source-contact { min-width:0; overflow-wrap:anywhere; font-size:14px; }
  .reader-source a { margin-left:auto; flex-shrink:0; }
  .reader-finance { display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px; margin:4px 0 12px; font-size:13px; color:var(--text-2,#5f6b7a); }
  .reader-finance b { font-size:14px; font-variant-numeric:tabular-nums; }
  .reader-actions,.reader-secondary-actions { display:flex; gap:8px; flex-wrap:wrap; }
  .reader-actions>button { flex:1; }
  html.mobile-order-reader #ordersPage .reader-card .reader-actions>.mobile-order-toggle { color:var(--primary-hover,#3048b3); border-color:#bbc8ed; }
  .reader-more { display:none; margin-top:12px; padding-top:12px; border-top:1px solid var(--border,#e2e6ec); }
  .mobile-reader-row.mobile-expanded .reader-more { display:block; }
  .reader-more .reader-copy-line { grid-template-columns:minmax(0,1fr) 44px; }
  .reader-more .reader-copy-line>.reader-label { grid-column:1/-1; }
  .reader-detail-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:12px 0; }
  .reader-detail-fields>div:first-child,.reader-detail-fields>div:nth-child(n+6) { grid-column:1/-1; }
  .reader-detail-fields dt { margin-bottom:4px; font-size:13px; color:var(--text-2,#5f6b7a); }
  .reader-detail-fields dd { margin:0; font-size:15px; white-space:pre-wrap; overflow-wrap:anywhere; user-select:text; }
  .reader-refund-image { display:flex; flex-direction:column; align-items:flex-start; gap:8px; margin-bottom:12px; }
  .reader-refund-image img { object-fit:contain; }
  html.mobile-order-reader #ordersPage .reader-card .delete { color:#9a2535; }
  html.mobile-order-reader #appView #ordersPage #ordersBody>tr.row-editing>td:nth-child(10) { flex-direction:column!important; align-items:stretch!important; justify-content:flex-start!important; gap:4px!important; }
  html.mobile-order-reader #appView #ordersPage #ordersBody>tr.row-editing>td:nth-child(10)::before { width:auto!important; margin:0!important; }
  html.mobile-order-reader #appView #ordersPage #ordersBody>tr.row-editing [data-field=quantity] { box-sizing:border-box!important; width:100%!important; min-width:0!important; min-height:44px!important; padding:6px 4px!important; text-align:center; appearance:textfield; }
  html.mobile-order-reader #ordersBody .row-editing [data-field=quantity]::-webkit-inner-spin-button { appearance:none; margin:0; }
  html.mobile-order-reader #ordersPage :is(.reader-card,.mobile-reader-heading,.mobile-reader-search,.quick-filters) :is(button,a,input):focus-visible { outline:2px solid var(--ui-focus,#304fc0); outline-offset:3px; }
  html.mobile-order-reader #ordersPage :is(.reader-card,.mobile-reader-heading,.mobile-reader-search) button:hover { background:var(--surface-hover,#f2f5fa); }
  html.mobile-order-reader #ordersPage :is(.reader-card,.mobile-reader-heading,.mobile-reader-search) button:active { background:var(--primary-soft,#eef1ff); }
}