/* Light desktop workspace. Presentation only; keep data, handlers and row geometry intact. */
:root {
  --accent: #1769e0;
  --border: #e6ebf2;
  --muted: #69778b;
  color: #273449;
  background: #f5f7fa;
  font-family: "Microsoft YaHei UI", "Microsoft YaHei", "Segoe UI", sans-serif;
}
body > header {
  padding: 23px 28px 21px;
  background: #fff;
  color: #1e2b40;
  border-bottom: 1px solid #e8edf4;
}
body > header > .workspace-title { display: flex; align-items: center; gap: 14px; border: 0; padding: 0; min-width: 0; }
.workspace-mark { display: flex; align-items: center; width: 52px; height: 52px; flex: none; padding: 0; }
.workspace-mark img { display: block; width: 52px; height: 52px; max-width: 100%; object-fit: contain; }
body > header h1 { font-size: 24px; line-height: 32px; letter-spacing: -.5px; font-weight: 700; }
body > header p { color: #6c7b90; margin-top: 5px; font-size: 12px; }
body > header p strong { color: #344a68; margin-right: 6px; }
#settings { color: #4c5f78; background: #fff; border-color: #e0e6ef; border-radius: 9px; padding: 8px 14px; box-shadow: 0 2px 4px #20375505; }
#settings:hover { background: #f2f6fc; border-color: #bacde8; color: #1769e0; }
#settings:focus-visible { outline-color: #1769e0; }
main { padding: 18px 20px; }
button, input, select, textarea { border-radius: 7px; }
button:not(:disabled), a, input, select, textarea, summary { transition: background-color 140ms ease, border-color 140ms ease, box-shadow 140ms ease, color 140ms ease; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible { outline: 2px solid #1769e0; outline-offset: 3px; }
button:disabled { opacity: .48; }
.toolbar { border: 1px solid #e9edf3; border-radius: 12px; padding: 13px 14px; background: #fff; box-shadow: 0 2px 8px #1e3b6205; margin-bottom: 12px; }
.toolbar label { color: #546278; font-weight: 500; }
.toolbar input, .toolbar select { border-color: #e0e6ee; background: #f9fbfd; }
.toolbar input:hover, .toolbar select:hover { border-color: #b9cce7; }
.toolbar input:focus, .toolbar select:focus { background: #fff; }
.toolbar input::placeholder { color: #79879b; }
.toolbar input:disabled, .toolbar select:disabled { background: #f4f6f9; }
.toolbar button { border-color: #e0e6ee; }
.task-tools { border-left-color: #edf0f5; }
.task-tools .quiet { border-color: transparent; color: #586a82; }
.task-tools .quiet:hover:not(:disabled) { background: #f1f5fb; }
#acquire { background: #1769e0; border-color: #1769e0; color: #fff; border-radius: 8px; padding: 7px 13px; box-shadow: 0 3px 7px #1769e025; }
#acquire:hover:not(:disabled) { background: #105ac6; border-color: #105ac6; box-shadow: 0 4px 10px #1769e035; }
#query { background: #eef4ff; color: #1760c6; border-color: #dae6fa; }
.notice { border-radius: 9px; background: #edf4ff; border-color: #e1ebfa; }
.summary { position: relative; background: #fff; border: 1px solid #e9edf3; border-radius: 12px; padding: 12px 16px; margin-bottom: 14px; box-shadow: 0 2px 8px #1e3b6204; }
.summary #status { color: #334760; font-size: 13px; font-weight: 600; }
.summary .summary-line { color: #6c7b8e; }
.summary details > summary { color: #667d9b; font-size: 11px; }
.summary details > summary:hover { color: #1769e0; }
.list-head { border: 1px solid #e5eaf1; border-bottom: 0; border-radius: 12px 12px 0 0; min-height: 50px; background: #fff; box-shadow: 0 -1px 0 #f5f7fa, 0 3px 8px #1c3b6405; }
.list-head nav { gap: 18px; }
.list-head nav button { color: #53647a; font-size: 13px; font-weight: 500; }
.list-head nav .selected { color: #1769e0; font-weight: 650; border-bottom: 3px solid #1769e0; }
.list-head nav button:hover { background: #f6f9fe; }
.list-head nav span { border-radius: 5px; background: #f0f3f7; color: #6b7990; }
.list-head nav .selected span { color: #1769e0; background: #eaf2ff; }
.breakdown-item { border-radius: 5px; }
.breakdown-label { color: #6e7c90; }
.breakdown-aftersale { color: #2666b3; background: #edf4ff; }
.breakdown-refusal { color: #b04561; background: #fff0f3; }
.breakdown-warning { color: #976310; background: #fff5e4; }
.breakdown-overdue { color: #b24638; background: #fff0eb; }
.breakdown-other { color: #617087; background: #f0f3f7; }
.table-wrap { border-color: #e5eaf1; border-radius: 0 0 12px 12px; box-shadow: 0 3px 12px #22395404; }
th { background: #f6f8fc; color: #5d708b; box-shadow: 0 1px 0 #e5ebf3; font-weight: 600; }
th:not(:last-child)::after { background: #e2e8f1; top: 12px; bottom: 12px; }
td { border-bottom-color: #edf1f6; }
tbody tr { transition: background-color 120ms ease; }
tbody tr:nth-child(even):not(.processed):not(.selected-order) { background: #fcfdff; }
tbody tr:not(.processed):hover, tbody tr:focus-within { background: #f3f7fe; }
tbody tr.processed { background: #f2f9f5; }
tbody tr.processed:hover { background: #ebf6f0; }
tbody tr.selected-order, tbody tr.selected-order:hover, tbody tr.selected-order.processed { background: #eaf2ff; }
tbody tr.selected-order td:first-child { box-shadow: inset 3px 0 #4285e5; }
.posting { color: #243953; font-weight: 700; }
.shipment-meta, .return-created, .aftersale-status { color: #738197; }
.reason-cell .secondary { color: #5f718a; }
.reason-heading strong { color: #304762; }
.severity-urgent .reason-heading strong { color: #bd4d44; }
.severity-warning .reason-heading strong { color: #a06a20; }
.status-badge { border-radius: 6px; }
.tone-orange, .purchase-missing { color: #95631a; background: #fff3dc; }
.tone-red { color: #b04449; background: #ffedef; }
.tone-green { color: #287658; background: #e5f4ec; }
.tone-blue { color: #3166b4; background: #eaf2ff; }
.tone-neutral { color: #66768b; background: #eef2f6; }
.processed-cell .status-badge:hover:not(:disabled) { box-shadow: 0 0 0 2px #cadaef; filter: none; }
button.ai-advice.has-advice { background: #f4f8ff; border: 1px solid #e5edf9; border-left: 2px solid #88aee5; border-radius: 8px; }
button.ai-advice:hover { background: #edf4ff; border-color: #abc5ec; box-shadow: 0 2px 6px #2761b510; }
button.ai-advice strong { color: #355c91; }
button.ai-advice span { color: #61748e; }
button.ai-advice.is-empty { background: #f8fafc; border-color: #edf1f6; border-radius: 8px; }
.text-action, .row-menu > summary { border-color: #e3e9f1; border-radius: 6px; color: #607590; }
.text-action:hover, .row-menu > summary:hover { background: #eef5ff; color: #1769e0; border-color: #bdd1ec; }
.actions-cell .favorite.active { color: #996415; background: #fff5df; border-color: #efdfba; }
.note { border-color: #e6ebf2; border-radius: 6px; background: #fcfdff; color: #64768f; }
.note:not(.has-note) { color: #75849a; }
.note:hover { background: #fff; border-color: #a8c4e9; }
.column-filter-button { border-radius: 5px; }
.column-filter-button.active { background: #e7f0ff; color: #1769e0; }
.bulk-toolbar { background: #edf4ff; border-color: #dbe7f9; border-radius: 0; }
.menu-items, .header-filter { border-color: #e0e7f0; border-radius: 10px; box-shadow: 0 8px 28px #243a5b20; }
.menu-items button, .menu-items a { border-radius: 6px; }
.filter-option:hover { background: #f1f6fe; border-radius: 5px; }
.data-dialog { border: 1px solid #e0e6f0; border-radius: 14px; box-shadow: 0 20px 70px #162b4a30; }
dialog::backdrop { background: #172a454d; }
.dialog-actions { border-top-color: #edf1f6; }
footer { border-top-color: #e5eaf1; }
@media (max-width: 1600px) { body > header { padding: 19px 20px; } main { padding: 14px 12px; } }
@media (max-width: 620px) {
  body > header { padding: 16px 12px; align-items: flex-start; gap: 8px; }
  body > header > .workspace-title { gap: 8px; flex-direction: row; align-items: center; }
  .workspace-mark { width: 36px; height: 36px; border: 0; padding: 0; }
  .workspace-mark img { width: 36px; height: 36px; }
  body > header h1 { font-size: 17px; line-height: 26px; letter-spacing: 0; }
  body > header p { font-size: 11px; line-height: 18px; }
  #settings { padding: 5px 7px; font-size: 12px; }
  main { padding: 10px 8px; }
  .toolbar { padding: 10px; }
  .summary { padding: 10px 12px; }
  .list-head nav { gap: 4px; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition: none !important; animation: none !important; } }

.task-activity{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;padding:9px 15px;border-radius:8px;background:#edf4ff;color:#245da0;margin-left:auto;min-height:38px;box-sizing:border-box}.task-activity[hidden]{display:none}.task-activity strong{font-size:14px;font-weight:650}.task-activity-hint{font-size:12px;color:#6a80a0;padding-left:10px;border-left:1px solid #d4e2f5}.task-spinner{display:inline-block;width:19px;height:19px;border:3px solid #c8dbf4;border-top-color:#2675ce;border-radius:50%;animation:task-spinner-turn .85s linear infinite}.task-dots{display:flex;gap:3px}.task-dots i{width:4px;height:4px;border-radius:50%;background:#3b7bbd;animation:task-dot-pulse 1.2s ease-in-out infinite}.task-dots i:nth-child(2){animation-delay:.16s}.task-dots i:nth-child(3){animation-delay:.32s}@keyframes task-spinner-turn{to{transform:rotate(360deg)}}@keyframes task-dot-pulse{0%,75%,100%{opacity:.3}35%{opacity:1}}@media(prefers-reduced-motion:reduce){.task-spinner,.task-dots i{animation:none}}@media(max-width:600px){.task-activity{margin-left:0;padding:7px 11px}.task-activity-hint{display:none}}

/* Keep activity immediately after the status text, two Chinese characters apart. */
.summary-top{justify-content:flex-start;column-gap:2em;font-size:13px}.summary-top .task-activity{margin-left:0}