.order-attention { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-block:1px solid var(--line); margin-bottom:12px; }
.order-attention-metric { display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start; min-width:0; min-height:132px; padding:20px 24px; text-align:left; color:var(--ink); background:#f8f9fa; border:0; border-left:4px solid #c5c9cd; border-radius:0; transition:background .15s; }
.order-attention-metric.pending.has-orders { color:#a51e2c; background:#fff1f2; border-left-color:#b51d28; }
.order-attention-metric.undelivered.has-orders { color:#79551a; background:#fff8eb; border-left-color:#b58a33; }
.order-attention-heading { display:flex; flex-wrap:wrap; align-items:center; gap:8px; font-size:16px; font-weight:650; }
.order-attention-heading>svg { width:20px; height:20px; flex:0 0 20px; }
.order-attention-heading>svg:last-child { width:16px; height:16px; margin-left:auto; }
.order-attention-priority { font-size:11px; font-weight:600; padding:2px 6px; border:1px solid #dfabb1; border-radius:3px; white-space:nowrap; }
.order-attention-metric>strong { display:block; font-size:34px; font-weight:700; line-height:1.2; margin:10px 0 6px; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.order-attention-metric>strong>small { font-size:13px; font-weight:400; margin-left:6px; }
.order-attention-detail { display:block; font-size:12px; font-weight:400; line-height:1.6; color:#69696c; }
.order-attention-metric:hover { background:#edf0f2; }
.order-attention-metric.pending.has-orders:hover { background:#fce6e9; }
.order-attention-metric.undelivered.has-orders:hover { background:#fbedcf; }
.order-attention-metric:focus-visible,.order-attention-metric[aria-pressed=true] { outline:2px solid currentColor; outline-offset:-4px; }
.order-attention-actions { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin:0 0 24px; }
.order-attention-actions>.button:last-child { margin-left:auto; }
.order-attention-badge { display:inline-flex; align-items:center; gap:5px; max-width:100%; margin-top:7px; padding:3px 7px; border-radius:3px; font-size:12px; font-weight:650; line-height:1.5; }
.order-attention-badge svg { width:14px; height:14px; flex:0 0 14px; }
.order-attention-badge.pending { color:#a51e2c; background:#fbecef; }
.order-attention-badge.undelivered { color:#79551a; background:#fff3dd; }
.order-attention-badge>span { min-width:0; }
.section-head .order-attention-badge { margin-top:0; }
.order-list-table tr.order-row-pending,.order-attention-table tr:has(.order-attention-badge.pending) { background:#fff8f9; }
.order-list-table tr.order-row-pending>td:first-child,.order-attention-table tr:has(.order-attention-badge.pending)>td:first-child { box-shadow:inset 3px 0 #b51d28; }
.order-list-table tr.order-row-undelivered>td:first-child,.order-attention-table tr:has(.order-attention-badge.undelivered)>td:first-child { box-shadow:inset 3px 0 #b58a33; }
.order-navigation-count { display:inline-flex; align-items:center; justify-content:center; min-width:20px; height:20px; padding:0 4px; font-size:11px; font-weight:650; line-height:1; border-radius:4px; background:#b51d28; color:#fff; }
.navigation .order-navigation-count { margin-left:auto; flex:0 0 auto; }
.mobile-bottom-navigation [data-go=orders] { position:relative; }
.mobile-bottom-navigation .order-navigation-count { position:absolute; top:4px; left:calc(50% + 9px); min-width:18px; height:18px; font-size:10px; }
.mobile-function-grid .order-navigation-count { margin-left:auto; }
@media(max-width:900px) {
  .order-attention-metric { padding:16px 14px; min-height:138px; }
  .order-attention-heading { font-size:14px; gap:6px; min-height:56px; }
  .order-attention-heading>svg { width:17px; height:17px; flex-basis:17px; }
  .order-attention-priority { order:3; }
  .order-attention-metric>strong { font-size:30px; }
  .order-attention-detail { font-size:12px; }
  .platform-page .mobile-reflow-table .mobile-data-row.order-row-pending,.platform-page .order-attention-table .mobile-data-row:has(.order-attention-badge.pending) { border-left:4px solid #b51d28; background:#fff8f9; }
  .platform-page .mobile-reflow-table .mobile-data-row.order-row-undelivered,.platform-page .order-attention-table .mobile-data-row:has(.order-attention-badge.undelivered) { border-left:4px solid #b58a33; }
  .platform-page .mobile-reflow-table .mobile-data-row:has(.order-attention-badge)>td:first-child { box-shadow:none; }
}
@media(max-width:360px) {
  .order-attention-metric { padding:14px 10px; }
  .order-attention-heading>svg:last-child { display:none; }
}
@media(prefers-reduced-motion:reduce) { .order-attention-metric { transition:none; } }

.platform-page .order-status-toolbar { display:flex; flex-wrap:nowrap; gap:8px; margin:0 0 12px; min-width:0; }
.order-status-tabs { display:flex; flex:1; min-width:0; gap:6px; overflow-x:auto; scrollbar-width:thin; }
.order-status-tabs>button { display:inline-flex; align-items:center; justify-content:center; gap:6px; flex:0 0 auto; min-height:44px; padding:8px 12px; border:0; border-bottom:2px solid transparent; background:transparent; color:var(--muted); font-size:14px; cursor:pointer; }
.order-status-tabs>button[aria-pressed=true] { color:#a51e2c; border-bottom-color:#a51e2c; font-weight:650; }
.order-status-tabs b { font-size:12px; font-variant-numeric:tabular-nums; }
.order-status-toolbar>.icon-button { flex:0 0 44px; }
.order-quick-search { display:flex; align-items:center; border:1px solid var(--line); border-radius:6px; background:#fafbfc; margin-bottom:8px; min-height:46px; }
.order-quick-search input { flex:1; min-width:0; width:100%; min-height:44px; border:0; background:transparent; padding:8px 12px; font-size:16px; color:var(--ink); }
.order-quick-search .icon-button { border:0; background:transparent; flex:0 0 44px; }
.order-list-disclosures { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 16px; border-bottom:1px solid var(--line); margin-bottom:16px; }
.order-list-disclosures.no-order-tools { grid-template-columns:minmax(0,1fr); }
.order-list-disclosures:has(>.order-filter-form>details[open],>.order-list-tools>details[open]) { grid-template-columns:minmax(0,1fr); }
.platform-page .order-list-view .order-filter-form,.platform-page .order-list-view .order-list-tools { display:block; margin:0; padding:0; border:0; min-width:0; }
.order-filter-disclosure,.order-options { min-width:0; }
.order-filter-disclosure>summary,.order-options>summary,.workspace-disclosure>summary { display:flex; align-items:center; gap:8px; min-height:46px; padding:8px 0; cursor:pointer; list-style:none; color:var(--ink); font-size:13px; }
.order-filter-disclosure>summary::-webkit-details-marker,.order-options>summary::-webkit-details-marker,.workspace-disclosure>summary::-webkit-details-marker { display:none; }
.order-filter-disclosure>summary svg,.order-options>summary svg,.workspace-disclosure>summary svg { width:17px; height:17px; flex:0 0 17px; }
.order-filter-disclosure>summary svg:last-child,.order-options>summary svg:last-child,.workspace-disclosure>summary svg:last-child { width:14px; height:14px; flex-basis:14px; margin-left:auto; }
.order-filter-disclosure[open]>summary svg:last-child,.order-options[open]>summary svg:last-child,.workspace-disclosure[open]>summary svg:last-child { transform:rotate(180deg); }
.order-filter-disclosure>.order-filter-fields { margin:12px 0; }
.order-filter-disclosure>.action-list,.order-options-body { padding-bottom:16px; }
.order-options-body>p { font-size:13px; color:var(--muted); margin:8px 0 12px; }
.order-extra-tools:not(:empty) { margin-top:16px; padding-top:16px; border-top:1px solid var(--line); }
.workspace-disclosure { margin-top:24px; padding:0; border-block:1px solid var(--line); min-width:0; }
.workspace-disclosure>summary { font-size:14px; min-height:50px; }
.workspace-disclosure>div { padding:16px 0; min-width:0; }
.store-work-section { margin:20px 0; }
.store-work-heading { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.store-work-heading h3 { margin:0; font-size:17px; }
.store-work-heading>.button { font-size:13px; min-height:44px; border:0; background:transparent; }
.store-work-queue>button { display:grid; grid-template-columns:minmax(0,1fr) 18px; gap:6px 12px; width:100%; min-width:0; padding:16px 0; border:0; border-bottom:1px solid var(--line); background:transparent; text-align:left; color:var(--ink); cursor:pointer; }
.store-work-title { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; min-width:0; }
.store-work-title strong { font-size:15px; font-weight:600; overflow-wrap:anywhere; }
.store-work-meta { grid-column:1; font-size:12px; color:var(--muted); overflow-wrap:anywhere; }
.store-work-queue>button>svg { grid-column:2; grid-row:1 / 3; align-self:center; width:17px; height:17px; color:var(--muted); }
@media(max-width:900px) {
  .platform-page .content:has(>.order-list-view)>.section-head { flex-direction:row; align-items:center; justify-content:space-between; margin-bottom:12px; }
  .platform-page .content:has(>.order-list-view)>.section-head h2 { font-size:18px; }
  .platform-page .content:has(>.order-list-view)>.section-head>.action-list { width:auto; flex:0 0 auto; }
  .platform-page .order-list-view .order-list-table .mobile-data-row { padding:12px 14px; border-radius:6px; }
  .platform-page .order-list-view .order-list-table .mobile-data-row.order-row-pending { border-left-color:#b51d28; }
  .platform-page .order-list-view .order-list-table .mobile-data-row.order-row-undelivered { border-left-color:#b58a33; }
  .platform-page .order-list-view .order-list-table .mobile-reflow-table td { grid-template-columns:44px minmax(0,1fr); gap:8px; font-size:13px; padding:3px 0; }
  .platform-page .order-list-view .order-list-table .mobile-cell-heading { margin-bottom:8px; }
  .platform-page .order-list-view .order-list-table .mobile-cell-heading>.mobile-data-label { display:none; }
  .order-list-table .mobile-cell-heading small:not(.order-created-time),.order-list-table .order-attention-badge,.order-list-table td[data-label="顾客"] small,.order-list-table td[data-label="产品"] small:last-child,.order-list-table td[data-label$=" / 副"] { display:none; }
  .platform-page .order-list-table .mobile-cell-heading .order-created-time { display:block; margin-top:4px; color:#55565b; font-size:12px; line-height:1.5; }
  .order-list-table .order-row-actions>button:not([data-order]) { display:none; }
  .platform-page .order-list-table .order-row-actions>[data-order] { min-height:44px; }
  .platform-page .order-status-tabs>button { padding-inline:9px; font-size:13px; }
  .platform-page .order-list-view .order-list-tools .action-list { gap:8px; }
  .platform-page .order-filter-disclosure .field input[type=date] { appearance:none; -webkit-appearance:none; min-width:0; width:100%; max-width:100%; }
  .platform-page .order-filter-disclosure .field input[type=date]::-webkit-date-and-time-value { text-align:left; min-height:1.5em; }
  .platform-page .store-primary-actions { margin:0 0 12px; padding:0; }
  .store-workspace>.section-head { margin-bottom:16px; }
  .store-workspace>.section-head h2 { font-size:21px; }
  .store-work-section { margin:16px 0; }
  .store-secondary-work { margin-top:20px; }
}