/* 2026-10-07 15:40:02（北京时间）— 手机订单样品夜间产品文字正确匹配html主题。 */
/* 最后修改：2026-09-23 16:56:00（北京时间）— 已确认的平面单据样式，仅手机生效。 */
@media(max-width:760px){
  #page-samples,#page-orders{background:#f6f6f4!important}
  html.auth-has-session body.index-workspace-layout #page-samples>.cw-page-head,
  html.auth-has-session body.index-workspace-layout #page-orders>.cw-page-head{position:relative!important;top:0!important;height:auto!important;padding:16px!important;background:#f6f6f4!important;min-width:0!important}
  #page-samples>.cw-page-head>div{width:100%;margin-left:0!important;justify-content:flex-start!important}
  #page-samples>.cw-page-head input,#page-samples>.cw-page-head select,#page-samples>.cw-page-head button,
  #page-orders>.cw-page-head input,#page-orders>.cw-page-head select,#page-orders>.cw-page-head button{min-height:44px!important;font-size:14px!important;box-shadow:none!important;transform:none!important;max-width:100%;box-sizing:border-box}
  #page-samples #smp-search,#page-orders #of-keyword{width:100%!important;font-size:16px!important;flex-basis:100%}
  #page-samples>.cw-page-head button{background:#fff!important;color:#242424!important;border:1px solid #c9c9c3!important}
  #page-orders .order-manager-actions,#page-orders .order-manager-filterline{flex-wrap:wrap;min-width:0}
  #page-orders .order-manager-commands{flex-wrap:wrap}
  #page-orders .order-manager-add-btn{background:#242424!important;border-color:#242424!important;color:#fff!important}
  .mm-documents{padding:14px 16px 24px;display:grid;gap:14px;color:#242424;font-family:var(--font)}
  .mm-document{min-width:0;background:#fff;border:1px solid #dcdcd6;border-radius:4px;padding:16px 18px;box-shadow:none;line-height:1.6;overflow-wrap:anywhere}
  .mm-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:13px;color:#626262;margin-bottom:9px;font-variant-numeric:tabular-nums}
  .mm-top time{white-space:nowrap}
  .mm-company{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start;margin-bottom:12px}
  .mm-company h3{font-size:16px;font-weight:600;line-height:28px;margin:0;color:#242424}
  .mm-serial{width:28px;height:28px;border:1px solid #b8b8b1;border-radius:7px;box-sizing:border-box;text-align:center;font-size:13px;line-height:26px;color:#626262}
  .mm-line{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px;margin-top:7px;font-size:14px;align-items:start}
  .mm-line>span,.mm-totals dt{color:#626262}.mm-line>div{min-width:0}
  .mm-stage{display:inline-block;padding:3px 10px;border-radius:4px;color:#000;font-size:14px;line-height:22px}
  .mm-section{margin-top:14px;padding-top:10px;border-top:1px solid #d7d7d3}
  .mm-section h4{display:flex;justify-content:space-between;gap:8px;font-size:14px;font-weight:600;margin:0 0 8px}
  .mm-section h4 small{font-size:13px;font-weight:400;color:#626262}
  .mm-items{width:100%;table-layout:fixed;border-collapse:collapse;font-size:14px;line-height:1.6;font-variant-numeric:tabular-nums}
  html.auth-has-session body.index-workspace-layout .mm-document .mm-items{background:transparent!important}
  .mm-items th{font-size:13px;color:#626262;font-weight:400;text-align:left;border-bottom:1px solid #deded9;padding:6px 0}
  .mm-items td{padding:8px 0;border-bottom:1px solid #ecece8;vertical-align:top;overflow-wrap:anywhere}
  html.auth-has-session body.index-workspace-layout .mm-document .mm-items tr{background:transparent!important}
  html.auth-has-session body.index-workspace-layout .mm-document .mm-items th,
  html.auth-has-session body.index-workspace-layout .mm-document .mm-items td{background:transparent!important;color:#242424!important;text-align:left!important;padding:8px 0!important;white-space:normal!important;font-size:14px!important;box-shadow:none!important}
  html.auth-has-session body.index-workspace-layout .mm-document .mm-orders td:not(:first-child),
  html.auth-has-session body.index-workspace-layout .mm-document .mm-orders thead th:not(:first-child){text-align:right!important}
  .mm-items th:not(:last-child),.mm-items td:not(:last-child){padding-right:10px}
  .mm-samples th:first-child{width:42%}.mm-samples th:nth-child(2){width:29%}
  .mm-orders col:nth-child(1){width:27%}.mm-orders col:nth-child(2){width:33%}.mm-orders col:nth-child(3){width:40%}
  .mm-orders td,.mm-orders th{text-align:right}.mm-orders td:first-child,.mm-orders th:first-child{text-align:left}
  .mm-orders .mm-product{text-align:left;font-size:15px;color:#242424;border:0;padding:10px 0 0;font-weight:500}
  .mm-product small{display:block;font-size:13px;color:#626262;font-weight:400;margin-top:2px}
  .mm-totals{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;margin:12px 0;font-size:14px;font-variant-numeric:tabular-nums}
  .mm-totals dd{margin:0;text-align:right}.mm-grand{font-size:20px;font-weight:650}
  .mm-foot{display:flex;align-items:center;justify-content:flex-end;gap:8px;border-top:1px solid #e6e6e2;margin-top:12px;padding-top:8px}
  .mm-order-foot{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}
  .mm-foot button{min-height:48px;padding:8px 12px;background:#fff;border:1px solid #bdbdb8;border-radius:4px;color:#242424;font:500 14px var(--font);cursor:pointer}
  .mm-foot button:active{background:#eee}.mm-foot button:focus-visible{outline:2px solid #64748b;outline-offset:2px}
  .mm-foot [data-order-reminder] span{white-space:normal!important}
  .theme-dark .mm-document{background:#232426;color:#eee;border-color:#494949}.theme-dark .mm-company h3,.theme-dark .mm-orders .mm-product{color:#eee}
  #orderDetailModal>div,#sampleDetailModal>div{width:calc(100vw - 24px)!important;max-width:560px!important;max-height:calc(100dvh - 24px)!important;border-radius:6px!important;box-shadow:none!important}
  #orderDetailModal>div>div:first-child,#sampleDetailModal>div>div:first-child{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:16px!important}
  #od-title,#sd-title{font-size:16px!important;overflow-wrap:anywhere}
  #od-subtitle,#sd-subtitle{grid-column:1 / -1;grid-row:2;color:#626262!important;line-height:1.7}
  #orderDetailModal>div>div:first-child>button,#sampleDetailModal>div>div:first-child>button{position:static!important;transform:none!important;grid-column:2;grid-row:1;min-height:44px;align-self:start;padding:8px 12px!important}
  #od-body,#sd-body{padding:16px!important;min-height:0;overflow-x:hidden}
  #orderDetailModal button,#sampleDetailModal button{min-height:44px;box-shadow:none!important;font-size:14px!important}
  #sd-body [id^="sd-edit-form"]{padding:14px!important;background:#fff!important}
  #sd-body [style*="color:#7c3aed"]{color:#242424!important}
  #sd-body [style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr)!important}
  #sd-body input,#sd-body select,#sd-body textarea{box-sizing:border-box;font-size:16px!important;min-height:44px;max-width:100%}
  #orderDetailModal .order-create-panel,#orderDetailModal #od-edit-form{padding:12px!important;border-radius:4px!important;background:#fff!important}
  body:has(#orderDetailModal.show) #mobile-nav-toggle,body:has(#sampleDetailModal.show) #mobile-nav-toggle{visibility:hidden!important}
  .theme-dark .mm-document .mm-line>span,.theme-dark .mm-document .mm-totals dt,.theme-dark .mm-document .mm-top,.theme-dark .mm-document .mm-product small{color:#b8b8b8}
  html.auth-has-session.theme-dark body.index-workspace-layout .mm-document .mm-items td,
  html.auth-has-session.theme-dark body.index-workspace-layout .mm-document .mm-items th{color:#eee!important}
}
