/* 平板工作模式：共用資料與功能，只改現場操作密度與導覽。 */
:root{
  --wm-canvas:#f3f4f6;
  --wm-surface:#fff;
  --wm-ink:#111827;
  --wm-muted:#6b7280;
  --wm-line:#e5e7eb;
  --wm-primary:#2563eb;
  --wm-primary-strong:#1d4ed8;
  --wm-primary-soft:#eff6ff;
  --wm-success:#059669;
  --wm-success-soft:#ecfdf5;
  --wm-warning:#d97706;
  --wm-warning-soft:#fffbeb;
  --wm-danger:#dc2626;
  --wm-radius:8px;
}

.device-mode-control{position:relative;display:flex;align-items:center;gap:7px}.device-mode-control>span{color:var(--muted);font-size:11px;font-weight:800;white-space:nowrap}.device-mode-control>div{display:flex;overflow:hidden;border:2px solid var(--wm-line);border-radius:var(--wm-radius);background:var(--wm-surface)}.device-mode-control button{display:grid;gap:1px;min-width:50px;min-height:38px;padding:5px 8px;border:0;border-right:1px solid var(--wm-line);background:transparent;color:var(--wm-muted);font:inherit;cursor:pointer;text-align:center}.device-mode-control button:last-child{border-right:0}.device-mode-control button:hover{background:var(--wm-primary-soft);color:var(--wm-primary)}.device-mode-control button.active{background:var(--wm-primary);color:#fff}.device-mode-control button b{font-size:12px;line-height:1.15}.device-mode-control button small{display:none;font-size:10px;font-weight:600}.home-mode-area{display:flex;align-items:center;gap:10px}

html[data-device-mode="tablet"] body:not(:has(.public-catalog)){background:var(--wm-canvas);color:var(--wm-ink);font-family:"Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif}
html[data-device-mode="tablet"] .shell{background:var(--wm-canvas)}
html[data-device-mode="tablet"] .topbar{border-color:var(--wm-line);background:var(--wm-surface);box-shadow:none;backdrop-filter:none}
html[data-device-mode="tablet"] .topbar h1{color:var(--wm-ink);font-weight:900;letter-spacing:-.02em}
html[data-device-mode="tablet"] .topbar p{color:var(--wm-muted)}
html[data-device-mode="tablet"] .sidebar{box-shadow:none}
html[data-device-mode="tablet"] .btn:focus-visible,html[data-device-mode="tablet"] button:focus-visible,html[data-device-mode="tablet"] input:focus-visible{outline:3px solid var(--wm-primary);outline-offset:2px;box-shadow:none}

.tablet-work-home{width:min(1180px,100%);padding-block:28px 42px}.tablet-work-intro{display:grid;gap:4px;margin-bottom:24px;padding:24px 26px;border-radius:var(--wm-radius);background:var(--wm-primary);color:#fff}.tablet-work-intro>span{font-size:13px;font-weight:800;letter-spacing:.08em}.tablet-work-intro h2{margin:0;font-size:32px;line-height:1.16;letter-spacing:-.03em}.tablet-work-intro p{margin:0;font-size:16px;font-weight:600;opacity:.92}.tablet-work-section{margin-top:22px}.tablet-work-section>header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 10px}.tablet-work-section h3{margin:0;color:var(--wm-ink);font-size:20px;letter-spacing:-.02em}.tablet-work-section header small{color:var(--wm-muted);font-size:13px}.tablet-work-primary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tablet-work-secondary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tablet-work-card{position:relative;display:grid;grid-template-columns:50px minmax(0,1fr);grid-template-areas:"icon copy" "footer footer";gap:13px 14px;min-width:0;padding:19px;border:0;border-radius:var(--wm-radius);background:#fff;color:var(--wm-ink);font:inherit;text-align:left;cursor:pointer;transition:transform .16s ease,background .16s ease}.tablet-work-card:hover{transform:scale(1.015);background:#f8fbff}.tablet-work-card:active{transform:scale(.985)}.tablet-work-card>i{grid-area:icon;display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:var(--wm-primary-soft);color:var(--wm-primary)}.tablet-work-card>i svg{width:25px;height:25px}.tablet-work-card>span{grid-area:copy;display:grid;gap:2px;min-width:0}.tablet-work-card small{color:var(--wm-primary);font-size:12px;font-weight:850}.tablet-work-card strong{font-size:21px;line-height:1.25;letter-spacing:-.02em}.tablet-work-card em{min-height:38px;color:var(--wm-muted);font-size:14px;font-style:normal;line-height:1.4}.tablet-work-card>b{display:flex;align-items:center;justify-content:space-between;grid-column:1/-1;min-height:48px;padding:0 13px;border-radius:6px;background:var(--wm-primary-soft);color:var(--wm-primary);font-size:15px}.tablet-work-card>b u{font-size:28px;font-weight:400;line-height:1;text-decoration:none}.tablet-work-card footer{grid-area:footer;color:var(--wm-muted);font-size:12px;font-weight:700}.tablet-work-card.primary-card{background:var(--wm-primary);color:#fff}.tablet-work-card.primary-card:hover{background:var(--wm-primary-strong)}.tablet-work-card.primary-card>i{background:#fff;color:var(--wm-primary)}.tablet-work-card.primary-card small,.tablet-work-card.primary-card em,.tablet-work-card.primary-card footer{color:#dbeafe}.tablet-work-card.primary-card>b{background:#fff;color:var(--wm-primary)}.tablet-work-secondary .tablet-work-card{grid-template-columns:42px minmax(0,1fr);gap:10px;padding:15px;background:#fff}.tablet-work-secondary .tablet-work-card>i{width:42px;height:42px;background:#ecfdf5;color:var(--wm-success)}.tablet-work-secondary .tablet-work-card strong{font-size:17px}.tablet-work-secondary .tablet-work-card em{min-height:0;font-size:13px}.tablet-work-secondary .tablet-work-card>b{min-height:42px;background:var(--wm-canvas);color:var(--wm-ink);font-size:14px}.tablet-work-more{display:grid;grid-template-columns:34px minmax(0,1fr) auto;grid-template-areas:"icon title arrow" "icon note arrow";align-items:center;gap:0 10px;width:100%;margin-top:22px;padding:16px 18px;border:2px solid var(--wm-ink);border-radius:var(--wm-radius);background:transparent;color:var(--wm-ink);font:inherit;text-align:left;cursor:pointer}.tablet-work-more:hover{background:var(--wm-ink);color:#fff}.tablet-work-more>span{grid-area:icon;display:grid;place-items:center;width:34px;height:34px;background:var(--wm-ink);color:#fff}.tablet-work-more:hover>span{background:#fff;color:var(--wm-ink)}.tablet-work-more>b{grid-area:title;font-size:16px}.tablet-work-more small{grid-area:note;color:var(--wm-muted);font-size:12px}.tablet-work-more:hover small{color:#d1d5db}.tablet-work-more>i{grid-area:arrow;font-size:26px;font-style:normal}

html[data-device-mode="tablet"] .receiving-review-modal .btn,html[data-device-mode="tablet"] .receiving-case-editor-modal .btn,html[data-device-mode="tablet"] .receiving-touch-actions button{min-height:54px;box-shadow:none}
html[data-device-mode="pda"] .device-mode-control button small{display:block}html[data-device-mode="pda"] .device-mode-control button{min-width:68px;min-height:44px}

/* 收貨：把原有資料與檢核流程收進「下一步」導向的平板工作畫面。 */
html[data-device-mode="tablet"] .tablet-receiving-flow{width:min(1180px,100%);padding-block:20px 42px}
html[data-device-mode="tablet"] .tablet-receiving-flow .receiving-summary{display:grid;gap:14px;padding:20px;border:2px solid var(--wm-line);border-radius:var(--wm-radius);background:var(--wm-surface);box-shadow:none}
html[data-device-mode="tablet"] .tablet-receiving-flow .receiving-summary-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px}
html[data-device-mode="tablet"] .tablet-receiving-flow .receiving-summary-head>div{display:grid;gap:2px;justify-items:center}
html[data-device-mode="tablet"] .tablet-receiving-flow .receiving-summary-head strong{font-size:26px;color:var(--wm-ink);line-height:1}
html[data-device-mode="tablet"] .tablet-receiving-flow .receiving-summary .receiving-game-caption,html[data-device-mode="tablet"] .tablet-receiving-flow .receiving-game-progress,html[data-device-mode="tablet"] .tablet-receiving-flow .receiving-persisted-cost{display:none}
html[data-device-mode="tablet"] .tablet-receiving-flow .receiving-progress.large{height:12px;border-radius:0;background:var(--wm-line)}
html[data-device-mode="tablet"] .tablet-receiving-flow .receiving-progress.large i{background:var(--wm-primary)}
html[data-device-mode="tablet"] .tablet-receiving-flow .receiving-kpis{display:flex;flex-wrap:wrap;gap:8px}
html[data-device-mode="tablet"] .tablet-receiving-flow .receiving-kpis span{min-width:0;padding:7px 10px;border:1px solid var(--wm-line);border-radius:4px;background:#fff;color:var(--wm-muted);font-size:13px}
html[data-device-mode="tablet"] .tablet-receiving-flow .receiving-kpis span.attention{border-color:#fbbf24;background:var(--wm-warning-soft);color:#92400e}
.tablet-receiving-next{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.tablet-receiving-next button{display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-areas:"icon title" "icon note";align-items:center;column-gap:10px;min-height:72px;padding:12px;border:2px solid var(--wm-line);border-radius:var(--wm-radius);background:#fff;color:var(--wm-ink);font:inherit;text-align:left;cursor:pointer}
.tablet-receiving-next button:hover{border-color:var(--wm-primary);background:var(--wm-primary-soft)}
.tablet-receiving-next button.primary{border-color:var(--wm-primary);background:var(--wm-primary);color:#fff}.tablet-receiving-next button.primary:hover{background:var(--wm-primary-strong)}
.tablet-receiving-next button.needs-action{border-color:#f59e0b;background:var(--wm-warning-soft)}
.tablet-receiving-next span{grid-area:icon;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--wm-primary-soft);color:var(--wm-primary);font-size:18px;font-weight:900}.tablet-receiving-next .primary span{background:#fff;color:var(--wm-primary)}
.tablet-receiving-next b{grid-area:title;font-size:16px}.tablet-receiving-next small{grid-area:note;color:var(--wm-muted);font-size:12px}.tablet-receiving-next .primary small{color:#dbeafe}
html[data-device-mode="tablet"] .tablet-receiving-flow .receiving-view-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0;border:0;background:transparent}
html[data-device-mode="tablet"] .tablet-receiving-flow .receiving-view-tabs button{min-height:54px;padding:8px;border:2px solid var(--wm-line);border-radius:var(--wm-radius);background:#fff;color:var(--wm-ink);font-size:15px;font-weight:850}
html[data-device-mode="tablet"] .tablet-receiving-flow .receiving-view-tabs button.active{border-color:var(--wm-primary);background:var(--wm-primary);color:#fff}
html[data-device-mode="tablet"] .tablet-receiving-flow .receiving-view-tabs button.needs-action{border-color:#f59e0b;background:var(--wm-warning-soft);color:#92400e}
html[data-device-mode="tablet"] .tablet-receiving-flow .receiving-view-tabs .receiving-overview-tab,html[data-device-mode="tablet"] .tablet-receiving-flow .receiving-view-tabs [data-receiving-view="over"],html[data-device-mode="tablet"] .tablet-receiving-flow .receiving-view-tabs [data-receiving-view="near-expiry"],html[data-device-mode="tablet"] .tablet-receiving-flow .receiving-view-tabs [data-receiving-view="photo"]{display:none}
html[data-device-mode="tablet"] .tablet-receiving-flow .receiving-scan-panel{display:grid;grid-template-columns:48px minmax(0,1fr) minmax(270px,.9fr) auto auto;align-items:center;gap:12px;margin:0;padding:18px;border:2px solid var(--wm-primary);border-radius:var(--wm-radius);background:var(--wm-primary-soft);box-shadow:none}
html[data-device-mode="tablet"] .tablet-receiving-flow .receiving-scan-panel .scan-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--wm-primary);color:#fff}
html[data-device-mode="tablet"] .tablet-receiving-flow .receiving-scan-panel label{font-size:18px;font-weight:900;color:var(--wm-ink)}
html[data-device-mode="tablet"] .tablet-receiving-flow .receiving-scan-panel input{min-height:52px;border:2px solid var(--wm-primary);font-size:18px}
html[data-device-mode="tablet"] .tablet-receiving-flow .receiving-scan-panel .btn{min-height:52px;padding-inline:17px;box-shadow:none}
html[data-device-mode="tablet"] .tablet-receiving-flow .receiving-work-layout{display:block;min-height:0}
html[data-device-mode="tablet"] .tablet-receiving-flow .receiving-work-layout.pending-view>div.panel:first-child,html[data-device-mode="tablet"] .tablet-receiving-flow .receiving-work-layout.pending-view>.receiving-scan-history,html[data-device-mode="tablet"] .tablet-receiving-flow .receiving-work-layout.pending-view>.receiving-expiry-pending{display:none}
html[data-device-mode="tablet"] .tablet-receiving-flow .receiving-work-layout.scanned-view>div.panel:first-child,html[data-device-mode="tablet"] .tablet-receiving-flow .receiving-work-layout.scanned-view>.receiving-expiry-pending{display:none}
html[data-device-mode="tablet"] .tablet-receiving-flow .receiving-work-layout.expiry-view>div.panel:first-child,html[data-device-mode="tablet"] .tablet-receiving-flow .receiving-work-layout.expiry-view>.receiving-scan-history{display:none}
html[data-device-mode="tablet"] .tablet-receiving-flow .receiving-scan-history,html[data-device-mode="tablet"] .tablet-receiving-flow .receiving-expiry-pending{padding:18px;border:2px solid var(--wm-line);border-radius:var(--wm-radius);box-shadow:none}
html[data-device-mode="tablet"] .tablet-receiving-flow .receiving-scan-history>article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--wm-line)}
html[data-device-mode="tablet"] .tablet-receiving-flow .receiving-scan-history>article>i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--wm-primary-soft);color:var(--wm-primary);font-style:normal;font-weight:800}
html[data-device-mode="tablet"] .tablet-receiving-flow .receiving-scan-history>article strong{font-size:16px}html[data-device-mode="tablet"] .tablet-receiving-flow .receiving-scan-history>article small{font-size:13px}
html[data-device-mode="tablet"] .tablet-receiving-flow .receiving-expiry-card{display:grid;grid-template-columns:minmax(240px,1fr) 190px 180px auto;gap:12px;align-items:end;padding:14px;border-bottom:1px solid var(--wm-line)}
html[data-device-mode="tablet"] .tablet-receiving-flow .receiving-expiry-card input{min-height:46px;font-size:16px}
html[data-device-mode="tablet"] .receiving-review-modal{width:min(900px,calc(100vw - 40px));max-height:calc(100dvh - 40px);border-radius:var(--wm-radius);box-shadow:none}
html[data-device-mode="tablet"] .receiving-review-modal .receiving-review-steps{position:sticky;top:0;z-index:2;background:#fff}
html[data-device-mode="tablet"] .receiving-review-modal input,html[data-device-mode="tablet"] .receiving-review-modal select{min-height:50px;font-size:18px}

@media(max-width:980px){
  .device-mode-control>span{display:none}.device-mode-control button{min-width:44px;padding-inline:6px}.tablet-work-home{padding:18px}.tablet-work-primary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tablet-work-secondary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  html[data-device-mode="tablet"] .tablet-receiving-flow .receiving-scan-panel{grid-template-columns:48px minmax(0,1fr) minmax(220px,1fr) auto;grid-template-areas:"icon copy input action" "icon copy camera action"}html[data-device-mode="tablet"] .tablet-receiving-flow .receiving-scan-panel .scan-icon{grid-area:icon}html[data-device-mode="tablet"] .tablet-receiving-flow .receiving-scan-panel>div{grid-area:copy}html[data-device-mode="tablet"] .tablet-receiving-flow .receiving-scan-panel input{grid-area:input}html[data-device-mode="tablet"] .tablet-receiving-flow .receiving-scan-panel button[type="submit"]{grid-area:action}html[data-device-mode="tablet"] .tablet-receiving-flow .receiving-scan-panel #open-receiving-camera{grid-area:camera}
}
@media(max-width:700px){
  .home-mode-area>.account-menu{display:none}.mobile-home-topbar .device-mode-control{margin-left:auto}.mobile-home-topbar .device-mode-control button{min-width:43px;padding:4px}.mobile-home-topbar .device-mode-control button b{font-size:11px}.tablet-work-home{padding:14px 12px calc(22px + env(safe-area-inset-bottom))}.tablet-work-intro{margin-bottom:18px;padding:19px 18px}.tablet-work-intro h2{font-size:26px}.tablet-work-intro p{font-size:14px}.tablet-work-section{margin-top:18px}.tablet-work-section>header{align-items:flex-start;flex-direction:column;gap:2px}.tablet-work-primary-grid,.tablet-work-secondary-grid{grid-template-columns:1fr}.tablet-work-card{padding:16px}.tablet-work-card strong{font-size:20px}.tablet-work-card em{min-height:0}.tablet-work-more{margin-top:18px}.tablet-work-more small{line-height:1.3}
  html[data-device-mode="tablet"] .tablet-receiving-flow{padding:12px 12px calc(24px + env(safe-area-inset-bottom))}html[data-device-mode="tablet"] .tablet-receiving-flow .receiving-summary{padding:14px}html[data-device-mode="tablet"] .tablet-receiving-flow .receiving-summary-head{grid-template-columns:1fr auto}html[data-device-mode="tablet"] .tablet-receiving-flow .receiving-summary-head>#back-receiving{grid-column:1/-1;justify-self:start}html[data-device-mode="tablet"] .tablet-receiving-flow .receiving-summary-head strong{font-size:22px}.tablet-receiving-next{grid-template-columns:1fr}.tablet-receiving-next button{min-height:62px}html[data-device-mode="tablet"] .tablet-receiving-flow .receiving-view-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;overflow:visible}html[data-device-mode="tablet"] .tablet-receiving-flow .receiving-view-tabs button{min-height:68px;font-size:12px;line-height:1.2}html[data-device-mode="tablet"] .tablet-receiving-flow .receiving-scan-panel{grid-template-columns:44px minmax(0,1fr);grid-template-areas:"icon copy" "input input" "camera action";padding:14px}html[data-device-mode="tablet"] .tablet-receiving-flow .receiving-scan-panel label{font-size:16px}html[data-device-mode="tablet"] .tablet-receiving-flow .receiving-scan-panel span{font-size:12px}html[data-device-mode="tablet"] .tablet-receiving-flow .receiving-scan-panel .btn{min-height:50px;font-size:14px}html[data-device-mode="tablet"] .tablet-receiving-flow .receiving-expiry-card{grid-template-columns:1fr;align-items:stretch}html[data-device-mode="tablet"] .tablet-receiving-flow .receiving-scan-history>article{grid-template-columns:auto minmax(0,1fr)}html[data-device-mode="tablet"] .tablet-receiving-flow .receiving-scan-history>article .btn{grid-column:2;justify-self:start}
}