:root {
      --app-bg: #f3f7fb;
      --panel-bg: #f3f7fb;
      --text: #0b1220;
      --hint: #94a3b8;
      --line: #d7e0ea;
      --surface-bg: #ffffff;
      --surface-bg-soft: #f8fafc;
      --surface-bg-muted: #eff5fb;
      --surface-border: #d7e0ea;
      --surface-border-soft: #e6edf5;
      --surface-border-strong: #b6c6d8;
      --label: #475569;
      --label-strong: #334155;
      --btn-radius: 4px;
      --btn-border: #cbd5e1;
      --btn-border-hover: #94a3b8;
      --btn-bg: #ffffff;
      --btn-bg-hover: #f8fafc;
      --btn-text: #334155;
      --btn-primary-bg: #0f766e;
      --btn-primary-border: #0f766e;
      --btn-primary-hover: #0d635d;
      --chart-bg: #f8fafc;
      --chart-grid: #d7e0ea;
      --chart-grid-soft: #e2e8f0;
      --chart-axis: #94a3b8;
      --chart-text: #334155;
      --chart-muted: #64748b;
      --chart-value: #334155;
      --chart-selected: #0f766e;
      --chart-point-stroke: #ffffff;
      --date-input-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235b6470' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");
      --date-input-icon-hover: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23334155' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");
      --date-input-strip: rgba(15, 23, 42, 0.08);
      --date-input-strip-hover: rgba(15, 23, 42, 0.14);
      --date-input-color-scheme: light;
    }
    * { box-sizing: border-box; }
    html, body { width: 100%; height: 100%; }
    body { margin: 0; padding: clamp(6px, 1.2vw, 12px); background: var(--app-bg); color: var(--text); font-family: "Microsoft YaHei UI", "Segoe UI", sans-serif; transition: background-color 180ms ease, color 180ms ease; }
    .dashboard-brand-footer {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      min-height: 34px;
      margin-top: 14px;
      padding: 4px 0 24px;
      color: var(--hint);
      font-size: 12px;
      line-height: 1;
    }

    .dashboard-brand-footer-powered {
      white-space: nowrap;
    }

    .dashboard-noneai-link {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      border-radius: 6px;
      color: #14212e;
      text-decoration: none;
    }

    .dashboard-noneai-link:hover {
      color: #14212e;
      text-decoration: none;
    }

    .dashboard-noneai-link:focus-visible {
      outline: 2px solid var(--btn-primary-bg);
      outline-offset: 3px;
    }

    .dashboard-noneai-mark {
      display: block;
      width: 25px;
      height: auto;
      aspect-ratio: 128 / 100;
      flex: 0 0 auto;
    }

    .dashboard-noneai-wordmark {
      color: inherit;
      font-family: Inter, "Segoe UI", Arial, sans-serif;
      font-size: 18px;
      font-weight: 700;
      letter-spacing: 0;
      line-height: 1;
    }

    .dashboard-noneai-dot {
      color: #37baf1;
    }

    html[data-theme="dark"] .dashboard-noneai-link,
    html[data-theme="dark"] .dashboard-noneai-link:hover {
      color: #f7fafc;
    }

    .header {
      display: grid;
      grid-template-columns: max-content minmax(0, 1fr);
      grid-template-areas:
        "left right"
        "title title";
      align-items: center;
      gap: clamp(6px, .8vw, 10px);
      margin-bottom: 8px;
      min-height: 0;
      row-gap: 6px;
    }
    .lang-box {
      grid-area: left;
      display: flex;
      align-items: center;
      gap: 0;
      font-size: clamp(12px, 1vw, 14px);
      color: #64748b;
      min-width: 0;
      flex-wrap: nowrap;
    }
    .lang-box span { white-space: nowrap; }
    .lang-label { margin-right: 6px; }
    .lang-switch {
      display: inline-flex;
      align-items: center;
      border: 1px solid var(--btn-border);
      border-radius: var(--btn-radius);
      background: var(--btn-bg);
      overflow: hidden;
      flex: 0 0 auto;
    }
    .lang-btn {
      height: clamp(30px, 2.8vw, 34px);
      border: 0;
      border-right: 1px solid var(--btn-border);
      background: var(--btn-bg);
      color: var(--btn-text);
      font-size: clamp(13px, .95vw, 14px);
      min-width: 88px;
      font-weight: 700;
      cursor: pointer;
      padding: 0 12px;
      white-space: nowrap;
      flex: 0 0 auto;
    }
    .lang-btn:last-child { border-right: 0; }
    .lang-btn:hover:not(.is-active) {
      background: var(--btn-bg-hover);
    }
    .lang-btn.is-active {
      background: var(--btn-primary-bg);
      color: #ffffff;
    }
    .sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
    }
    .status-info-btn {
      position: relative;
      width: 34px;
      min-width: 34px;
      height: 34px;
      padding: 0;
      border: 0;
      border-radius: 999px;
      color: #475569;
      background: #e5e7eb;
      box-shadow: none;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex: 0 0 auto;
      cursor: pointer;
    }
    .status-info-btn:hover {
      color: #334155;
      background: #d1d5db;
    }
    .status-info-btn.has-error {
      background: #fee2e2;
      color: #b91c1c;
    }
    .status-info-btn.has-error:hover {
      background: #fecaca;
      color: #991b1b;
    }
    .status-info-btn.has-warning {
      background: #fef3c7;
      color: #92400e;
    }
    .status-info-btn.has-warning:hover {
      background: #fde68a;
      color: #78350f;
    }
    .status-info-icon {
      width: 19px;
      height: 19px;
      display: block;
      stroke: currentColor;
      fill: none;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
    }
    .status-info-count {
      position: absolute;
      top: -6px;
      right: -6px;
      min-width: 18px;
      height: 18px;
      padding: 0 5px;
      border: 2px solid #ffffff;
      border-radius: 999px;
      background: #94a3b8;
      color: #ffffff;
      font-size: 10px;
      font-weight: 900;
      line-height: 14px;
      box-sizing: border-box;
    }
    .status-info-count.hidden {
      display: none;
    }
    .status-info-count.has-error {
      background: #fecaca;
      color: #991b1b;
    }
    .status-info-count.has-warning {
      background: #fde68a;
      color: #78350f;
    }
    .theme-switch {
      position: relative;
      display: inline-flex;
      width: 50px;
      height: 28px;
      flex: 0 0 auto;
      margin-left: 12px;
      vertical-align: middle;
    }
    .theme-switch input {
      position: absolute;
      width: 1px;
      height: 1px;
      opacity: 0;
      pointer-events: none;
    }
    .theme-switch-slider {
      position: absolute;
      inset: 0;
      border: 1px solid #c6d2df;
      border-radius: 999px;
      background: linear-gradient(180deg, #eef4fb, #dbe6f2);
      cursor: pointer;
      box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.12);
      transition: background 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
    }
    .theme-switch-slider::before {
      content: "";
      position: absolute;
      left: 2px;
      top: 2px;
      width: 22px;
      height: 22px;
      border-radius: 50%;
      background: #ffffff;
      box-shadow: 0 1px 4px rgba(15, 23, 42, 0.26);
      transition: transform 180ms ease, background 180ms ease;
    }
    .theme-switch input:checked + .theme-switch-slider {
      border-color: #0f766e;
      background: linear-gradient(180deg, #16a99c, #0f766e);
      box-shadow: inset 0 1px 2px rgba(2, 44, 40, 0.2), 0 0 0 1px rgba(15, 118, 110, 0.1);
    }
    .theme-switch input:checked + .theme-switch-slider::before {
      transform: translateX(22px);
    }
    .theme-switch input:focus-visible + .theme-switch-slider {
      outline: none;
      box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.24);
    }
    .theme-mode-text {
      margin-left: 8px;
      min-width: 36px;
      font-size: 12px;
      font-weight: 700;
      color: var(--hint);
      user-select: none;
      white-space: nowrap;
    }
    .fullscreen-toggle-btn {
      margin-left: -5px;
      width: clamp(30px, 2.8vw, 34px);
      min-width: clamp(30px, 2.8vw, 34px);
      height: clamp(30px, 2.8vw, 34px);
      aspect-ratio: 1 / 1;
      border: 1px solid transparent;
      border-radius: var(--btn-radius);
      background: transparent;
      color: #475569;
      cursor: pointer;
      padding: 0;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex: 0 0 auto;
    }
    .fullscreen-toggle-btn:hover {
      background: #eaf4ff;
      border-color: #bfdbfe;
      color: #0f4f86;
    }
    .fullscreen-toggle-btn:focus-visible {
      outline: none;
      box-shadow: 0 0 0 3px rgba(100, 116, 139, 0.24);
    }
    .fullscreen-toggle-icon {
      width: 17px;
      height: 17px;
      stroke: currentColor;
      fill: none;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
      pointer-events: none;
    }
    .fullscreen-toggle-icon-exit {
      display: none;
    }
    .fullscreen-toggle-btn.is-fullscreen .fullscreen-toggle-icon-enter {
      display: none;
    }
    .fullscreen-toggle-btn.is-fullscreen .fullscreen-toggle-icon-exit {
      display: block;
    }
    :root {
      --dashboard-horizontal-edge-space: clamp(6px, 1.75vw, 9px);
      --oc-wms-app-top-inset: 0px;
      --oc-wms-app-bottom-inset: 0px;
    }
    html {
      /* Keep the page width unchanged when a modal hides the scrollbar. */
      scrollbar-gutter: stable;
    }
    html.dashboard-modal-scroll-locked {
      overflow: hidden !important;
      overscroll-behavior: none;
    }
    html[data-app-client="ios"] body,
    html[data-app-client="android"] body,
    html[data-app-client="app"] body {
      padding-left: var(--dashboard-horizontal-edge-space) !important;
      padding-right: var(--dashboard-horizontal-edge-space) !important;
      padding-left: max(var(--dashboard-horizontal-edge-space), env(safe-area-inset-left)) !important;
      padding-right: max(var(--dashboard-horizontal-edge-space), env(safe-area-inset-right)) !important;
    }
    @media (max-width: 768px) {
      body {
        padding-left: var(--dashboard-horizontal-edge-space) !important;
        padding-right: var(--dashboard-horizontal-edge-space) !important;
        padding-left: max(var(--dashboard-horizontal-edge-space), env(safe-area-inset-left)) !important;
        padding-right: max(var(--dashboard-horizontal-edge-space), env(safe-area-inset-right)) !important;
      }
    }
    html[data-app-client="ios"] .dashboard-options-language-row,
    html[data-app-client="android"] .dashboard-options-language-row,
    html[data-app-client="app"] .dashboard-options-language-row {
      display: none !important;
    }
    html[data-app-client="ios"] .inventory-stats-sku-search-modal,
    html[data-app-client="android"] .inventory-stats-sku-search-modal,
    html[data-app-client="app"] .inventory-stats-sku-search-modal {
      --sku-search-mobile-bottom-controls: 0px;
    }
    html[data-app-client="ios"] .fullscreen-toggle-btn,
    html[data-app-client="android"] .fullscreen-toggle-btn,
    html[data-app-client="app"] .fullscreen-toggle-btn {
      display: none !important;
    }
    html[data-app-client="ios"] .dashboard-account-slot,
    html[data-app-client="android"] .dashboard-account-slot,
    html[data-app-client="app"] .dashboard-account-slot {
      display: flex !important;
      flex: 0 0 auto;
      margin-left: auto;
      order: 0;
    }
    html[data-app-client="ios"] .dashboard-account-btn,
    html[data-app-client="android"] .dashboard-account-btn,
    html[data-app-client="app"] .dashboard-account-btn,
    html[data-app-client="ios"] .dashboard-auth-modal,
    html[data-app-client="android"] .dashboard-auth-modal,
    html[data-app-client="app"] .dashboard-auth-modal {
      display: none !important;
    }
    .header-controls-right {
      grid-area: right;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 8px;
      min-width: 0;
      flex-wrap: wrap;
    }
    .title-wrap {
      grid-area: title;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 100%;
      min-width: 0;
      max-width: 100%;
      pointer-events: auto;
    }
    .title {
      text-align: center;
      font-size: clamp(20px, 2.6vw, 26px);
      font-weight: 800;
      letter-spacing: 0;
      line-height: 1.1;
      max-width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .title-updated {
      margin: 8px 0 0 0;
      font-size: clamp(11px, .82vw, 13px);
      max-width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .workday-box {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      flex-wrap: wrap;
      gap: 6px;
      color: #64748b;
      font-size: clamp(12px, 1vw, 14px);
      min-width: 0;
      max-width: 100%;
    }
    .workday-box label { flex: 0 0 auto; font-weight: 700; color: #475569; white-space: nowrap; }
    .warehouse-box {
      display: flex;
      align-items: center;
      gap: 6px;
      margin-right: 2px;
      flex: 0 0 auto;
      min-width: max-content;
      max-width: 100%;
    }
    .workday-date-box {
      display: flex;
      align-items: center;
      gap: 6px;
      flex: 0 0 auto;
      max-width: 100%;
    }
    .warehouse-select {
      height: clamp(30px, 2.8vw, 34px);
      border: 1px solid var(--line);
      background: #fff;
      border-radius: 4px;
      font-size: clamp(13px, .95vw, 14px);
      color: #0f172a;
      min-width: 152px;
      max-width: min(220px, 100%);
      padding: 0 28px 0 8px;
    }
    .warehouse-select:hover { border-color: var(--btn-border-hover); }
    .warehouse-select:focus {
      outline: none;
      border-color: var(--btn-primary-border);
      box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.2);
    }
    .warehouse-select:disabled {
      opacity: 0.7;
      cursor: default;
    }
    .workday-input,
    .history-range-input,
    .inventory-stats-day-input {
      height: clamp(30px, 2.8vw, 34px);
      border: 1px solid var(--line);
      background: #fff;
      border-radius: 4px;
      font-size: clamp(13px, .95vw, 14px);
      color: #0f172a;
      padding: 0 36px 0 8px;
    }
    .workday-input {
      min-width: 146px;
    }
    .workday-shift-btn {
      width: clamp(30px, 2.8vw, 34px);
      height: clamp(30px, 2.8vw, 34px);
      border: 1px solid var(--line);
      border-radius: 4px;
      background: #fff;
      color: #5b6470;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      padding: 0;
      flex: 0 0 auto;
    }
    .workday-shift-btn:hover {
      border-color: var(--btn-border-hover);
      background: var(--btn-bg-hover);
      color: #334155;
    }
    .workday-shift-btn:focus-visible {
      outline: none;
      border-color: var(--btn-primary-border);
      box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.2);
    }
    .workday-shift-icon {
      width: 16px;
      height: 16px;
      stroke: currentColor;
      fill: none;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
      pointer-events: none;
    }
    .workday-today {
      height: clamp(30px, 2.8vw, 34px);
      border: 1px solid var(--btn-primary-border);
      border-radius: var(--btn-radius);
      background: var(--btn-primary-bg);
      color: #ffffff;
      font-size: clamp(13px, .95vw, 14px);
      font-weight: 700;
      cursor: pointer;
      padding: 0 12px;
      white-space: nowrap;
    }
    .workday-today:hover { background: var(--btn-primary-hover); border-color: var(--btn-primary-hover); }
    .ctrl { display: flex; justify-content: flex-end; gap: 6px; flex: 0 0 auto; }
    .ctrl button { width: clamp(34px, 2.8vw, 40px); height: clamp(30px, 2.3vw, 34px); border: 1px solid var(--btn-border); border-radius: var(--btn-radius); background: var(--btn-bg); color: var(--btn-text); cursor: pointer; font-size: clamp(12px, .95vw, 14px); display: inline-flex; align-items: center; justify-content: center; }
    .ctrl button:hover:not(:disabled) { background: var(--btn-bg-hover); border-color: var(--btn-border-hover); }
    .ctrl button:disabled { opacity: .45; cursor: default; }
    .ctrl .fullscreen-toggle-btn { margin-left: 0; }
    .ctrl button svg {
      width: 18px;
      height: 18px;
      fill: none;
      stroke: currentColor;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
      pointer-events: none;
    }
    .tab-bar { display: flex; align-items: center; gap: 8px; margin: 2px 0 8px 0; }
    .dashboard-options-btn {
      width: 34px;
      height: 34px;
      border: 1px solid var(--btn-border);
      border-radius: var(--btn-radius);
      background: var(--btn-bg);
      color: var(--btn-text);
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex: 0 0 auto;
    }
    .dashboard-options-btn:hover {
      background: var(--btn-bg-hover);
      border-color: var(--btn-border-hover);
    }
    .dashboard-options-btn svg {
      width: 18px;
      height: 18px;
      stroke: currentColor;
      fill: none;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
    }
    .dashboard-account-slot {
      margin-left: auto;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 6px;
      min-width: 0;
      flex: 1 1 auto;
    }
    .dashboard-account-btn {
      min-width: 96px;
      max-width: 220px;
      height: 34px;
      border: 1px solid var(--btn-border);
      border-radius: var(--btn-radius);
      background: #ffffff;
      color: var(--btn-text);
      font-size: clamp(13px, .95vw, 14px);
      font-weight: 800;
      cursor: pointer;
      padding: 0 12px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 7px;
      flex: 0 1 auto;
    }
    .dashboard-account-icon {
      width: 16px;
      height: 16px;
      stroke: currentColor;
      fill: none;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
      flex: 0 0 auto;
    }
    .dashboard-account-label {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .dashboard-account-btn:hover { background: var(--btn-bg-hover); border-color: var(--btn-border-hover); }
    .dashboard-account-btn.is-authenticated {
      color: #166534;
      border-color: #86efac;
      background: #ecfdf5;
    }
    .dashboard-auth-modal {
      position: fixed;
      inset: 0;
      z-index: 1700;
      display: none;
      align-items: center;
      justify-content: center;
      padding: 18px;
      background: rgba(15, 23, 42, 0.46);
      backdrop-filter: blur(4px);
      overscroll-behavior: none;
    }
    .dashboard-auth-modal.show { display: flex; }
    .dashboard-auth-modal.login-required .dashboard-auth-close { visibility: hidden; }
    .dashboard-auth-dialog {
      width: min(560px, calc(100vw - 28px));
      max-height: calc(100vh - 36px);
      max-height: calc(100dvh - 36px);
      overflow: auto;
      background: #ffffff;
      color: var(--text);
      border: 1px solid #bfdbfe;
      border-radius: 8px;
      box-shadow: 0 24px 60px rgba(15, 23, 42, 0.24);
      overscroll-behavior: contain;
    }
    html[data-app-client="ios"] .dashboard-auth-modal,
    html[data-app-client="android"] .dashboard-auth-modal,
    html[data-app-client="app"] .dashboard-auth-modal {
      padding: max(18px, var(--oc-wms-app-top-inset)) 18px
        max(18px, var(--oc-wms-app-bottom-inset)) 18px;
    }
    html[data-app-client="ios"] .dashboard-auth-dialog,
    html[data-app-client="android"] .dashboard-auth-dialog,
    html[data-app-client="app"] .dashboard-auth-dialog {
      max-height: calc(100dvh - var(--oc-wms-app-top-inset) - var(--oc-wms-app-bottom-inset));
    }
    .dashboard-auth-head {
      display: grid;
      grid-template-columns: 32px minmax(0, 1fr) 32px;
      align-items: center;
      gap: 8px;
      padding: 13px 14px;
      border-bottom: 0;
      background: #1e40af;
      color: #ffffff;
    }
    .dashboard-auth-title {
      grid-column: 2;
      min-width: 0;
      overflow: hidden;
      color: #ffffff;
      font-size: 17px;
      font-weight: 900;
      text-align: center;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .dashboard-auth-close {
      grid-column: 3;
      width: 32px;
      height: 32px;
      border: 1px solid rgba(255, 255, 255, 0.45);
      border-radius: 6px;
      background: rgba(255, 255, 255, 0.12);
      color: #ffffff;
      cursor: pointer;
      font-size: 20px;
      line-height: 1;
    }
    .dashboard-auth-close:hover {
      background: rgba(255, 255, 255, 0.2);
    }
    .dashboard-auth-body { padding: 16px 18px 18px; }
    .dashboard-auth-tabs {
      display: flex;
      gap: 8px;
      margin-bottom: 14px;
    }
    .dashboard-auth-tabs[hidden] { display: none !important; }
    .dashboard-auth-tab {
      height: 32px;
      border: 1px solid #cbd5e1;
      border-radius: 6px;
      background: #f8fafc;
      color: #334155;
      font-weight: 800;
      cursor: pointer;
      padding: 0 12px;
    }
    .dashboard-auth-tab.active {
      background: #1e40af;
      border-color: #1e40af;
      color: #ffffff;
    }
    .dashboard-auth-panel { display: none; }
    .dashboard-auth-panel.active { display: block; }
    .dashboard-auth-login-subtitle {
      margin: 0 0 12px;
      color: #52647a;
      font-size: 13px;
      font-weight: 700;
      line-height: 1.5;
      text-align: center;
    }
    .dashboard-auth-preferences {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      min-height: 48px;
      margin-bottom: 14px;
      padding: 8px 10px;
      border: 1px solid #dbeafe;
      border-radius: 7px;
      background: #f8fbff;
    }
    .dashboard-auth-preference-group {
      display: flex;
      align-items: center;
      gap: 8px;
      min-width: 0;
    }
    .dashboard-auth-preference-label {
      color: #52647a;
      font-size: 13px;
      font-weight: 800;
      white-space: nowrap;
    }
    .dashboard-auth-grid {
      display: grid;
      grid-template-columns: 128px minmax(0, 1fr);
      gap: 10px 12px;
      align-items: center;
    }
    .dashboard-auth-grid label,
    .dashboard-auth-info-label {
      color: #52647a;
      font-size: 13px;
      font-weight: 800;
    }
    .dashboard-auth-grid input {
      width: 100%;
      height: 38px;
      border: 1px solid #b9d2ee;
      border-radius: 7px;
      padding: 0 10px;
      font-size: 14px;
      color: var(--text);
      background: #ffffff;
    }
    .dashboard-auth-info-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
      margin-bottom: 14px;
    }
    .dashboard-auth-info-item {
      border: 1px solid #dbeafe;
      border-radius: 6px;
      padding: 10px 12px;
      background: #eff6ff;
    }
    .dashboard-auth-info-value {
      margin-top: 4px;
      font-size: 15px;
      font-weight: 900;
      color: #102a43;
      overflow-wrap: anywhere;
    }
    .dashboard-auth-captcha-row {
      display: none;
      grid-column: 1 / -1;
      grid-template-columns: 128px minmax(0, 1fr);
      gap: 10px 12px;
      align-items: center;
    }
    .dashboard-auth-captcha-row.show { display: grid; }
    .dashboard-auth-captcha-box {
      display: flex;
      gap: 8px;
      align-items: center;
      flex-wrap: wrap;
    }
    .dashboard-auth-captcha-img {
      height: 38px;
      min-width: 112px;
      border: 1px solid #dbeafe;
      border-radius: 6px;
      background: #eff6ff;
      object-fit: contain;
    }
    .dashboard-auth-message {
      min-height: 20px;
      margin-top: 12px;
      color: #475569;
      font-size: 13px;
      font-weight: 700;
    }
    .dashboard-auth-message.is-error { color: #b91c1c; }
    .dashboard-auth-message.is-ok { color: #047857; }
    .dashboard-auth-login-footer {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
      gap: 12px;
      min-height: 40px;
      margin-top: 12px;
    }
    .dashboard-auth-login-footer .dashboard-auth-message {
      min-height: 0;
      margin-top: 0;
      line-height: 20px;
    }
    .dashboard-auth-login-footer .dashboard-auth-message:not(:empty) {
      display: flex;
      align-items: center;
      min-height: 34px;
      padding: 6px 10px;
      border: 1px solid #fecaca;
      border-radius: 6px;
      background: #fef2f2;
    }
    .dashboard-auth-login-footer .dashboard-auth-message.is-ok:not(:empty) {
      border-color: #bbf7d0;
      background: #f0fdf4;
    }
    .dashboard-auth-login-footer .dashboard-auth-actions { margin-top: 0; }
    .dashboard-auth-actions {
      display: flex;
      justify-content: flex-end;
      gap: 8px;
      margin-top: 16px;
      flex-wrap: wrap;
    }
    .dashboard-auth-action {
      height: 34px;
      min-width: 92px;
      border: 1px solid #cbd5e1;
      border-radius: 6px;
      background: #f8fafc;
      color: #334155;
      cursor: pointer;
      font-weight: 900;
      padding: 0 14px;
    }
    .dashboard-auth-action.primary {
      background: #1e40af;
      border-color: #1e40af;
      color: #ffffff;
    }
    .dashboard-auth-action.danger {
      background: #dc2626;
      border-color: #dc2626;
      color: #ffffff;
    }
    .dashboard-auth-action:disabled {
      opacity: .52;
      cursor: default;
    }
    .tab-btn {
      min-width: 110px;
      height: 34px;
      border: 1px solid var(--btn-border);
      border-radius: var(--btn-radius);
      background: var(--btn-bg);
      color: var(--btn-text);
      font-size: clamp(13px, .95vw, 15px);
      font-weight: 700;
      cursor: pointer;
      padding: 0 14px;
    }
    .tab-btn.active {
      background: var(--btn-primary-bg);
      border-color: var(--btn-primary-border);
      color: #ffffff;
    }
    .tab-btn:hover:not(.active) { background: var(--btn-bg-hover); border-color: var(--btn-border-hover); }
    .tab-panel { display: none; }
    .tab-panel.is-active { display: block; }
    #tab-panel-wave {
      min-height: calc(100dvh - 86px);
      padding: 8px;
      background: #f6f9fc;
      border: 1px solid #d7e0ea;
      border-radius: 4px;
    }
    .wave-toolbar {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 10px;
      margin-bottom: 8px;
    }
    #wave-management-btn {
      margin-left: auto;
    }
    .wave-title {
      font-size: clamp(18px, 1.35vw, 24px);
      font-weight: 800;
      color: var(--text);
      letter-spacing: 0;
    }
    .wave-status {
      color: var(--hint);
      font-size: 13px;
    }
    .wave-status-progress-active {
      display: inline-flex;
      align-items: center;
    }
    .wave-stream-progress-pill {
      --wave-progress-percent: 0%;
      position: relative;
      display: inline-flex;
      align-items: center;
      min-height: 26px;
      padding: 4px 11px;
      border: 1px solid #b7d2f0;
      border-radius: 999px;
      overflow: hidden;
      background: #eef6ff;
      color: #24466f;
      font-weight: 800;
      line-height: 1.2;
      white-space: nowrap;
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.62);
    }
    .wave-stream-progress-pill::before {
      content: "";
      position: absolute;
      inset: 0 auto 0 0;
      width: var(--wave-progress-percent);
      background: linear-gradient(90deg, rgba(37, 99, 235, 0.2), rgba(20, 184, 166, 0.28));
      transition: width 0.25s ease;
    }
    .wave-stream-progress-pill > span {
      position: relative;
      z-index: 1;
    }
    .wave-toggle {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      min-height: 32px;
      padding: 0 10px;
      border: 1px solid #cfdbea;
      border-radius: 4px;
      background: #ffffff;
      font-size: 13px;
      font-weight: 700;
      color: #334155;
    }
    .wave-toggle.is-disabled {
      opacity: 0.5;
      cursor: not-allowed;
    }
    .wave-toggle.is-disabled input {
      cursor: not-allowed;
    }
    .wave-summary-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
      gap: 8px;
      margin-bottom: 8px;
    }
    .wave-summary-card {
      min-height: 76px;
      padding: 10px;
      border: 1px solid #d7e0ea;
      border-radius: 4px;
      background: #ffffff;
      min-width: 0;
      overflow: hidden;
    }
    .wave-summary-card.is-aggregate {
      border-color: #334155;
      background: #334155;
      color: #ffffff;
    }
    .wave-summary-card.summary-rate-low {
      border-color: #c2410c;
      background: #c2410c;
    }
    .wave-summary-card.summary-rate-empty {
      border-color: #334155;
      background: #334155;
    }
    .wave-summary-card.summary-rate-mid {
      border-color: #a16207;
      background: #a16207;
    }
    .wave-summary-card.summary-rate-high {
      border-color: #1d4ed8;
      background: #1d4ed8;
    }
    .wave-summary-card.status-allocated {
      border-color: #475569;
      background: #475569;
    }
    .wave-summary-card.status-picking {
      border-color: #334155;
      background: #334155;
    }
    .wave-summary-card.status-picked {
      border-color: #1e3a8a;
      background: #1e3a8a;
    }
    .wave-summary-card.status-packing {
      border-color: #1d4ed8;
      background: #1d4ed8;
    }
    .wave-summary-card.status-packed {
      border-color: #0f766e;
      background: #0f766e;
    }
    .wave-summary-card.status-shipped {
      border-color: #047857;
      background: #047857;
    }
    .wave-summary-card.summary-rate-done,
    .wave-summary-card.status-completed {
      border-color: #15803d;
      background: #15803d;
    }
    .wave-summary-card.is-aggregate .wave-summary-label,
    .wave-summary-card.is-aggregate .wave-summary-value,
    .wave-summary-card.is-aggregate .wave-summary-ratio,
    .wave-summary-card.status-allocated .wave-summary-label,
    .wave-summary-card.status-allocated .wave-summary-value,
    .wave-summary-card.status-allocated .wave-summary-ratio,
    .wave-summary-card.status-picking .wave-summary-label,
    .wave-summary-card.status-picking .wave-summary-value,
    .wave-summary-card.status-picking .wave-summary-ratio,
    .wave-summary-card.status-picked .wave-summary-label,
    .wave-summary-card.status-picked .wave-summary-value,
    .wave-summary-card.status-picked .wave-summary-ratio,
    .wave-summary-card.status-packing .wave-summary-label,
    .wave-summary-card.status-packing .wave-summary-value,
    .wave-summary-card.status-packing .wave-summary-ratio,
    .wave-summary-card.status-packed .wave-summary-label,
    .wave-summary-card.status-packed .wave-summary-value,
    .wave-summary-card.status-packed .wave-summary-ratio,
    .wave-summary-card.status-shipped .wave-summary-label,
    .wave-summary-card.status-shipped .wave-summary-value,
    .wave-summary-card.status-shipped .wave-summary-ratio,
    .wave-summary-card.status-completed .wave-summary-label,
    .wave-summary-card.status-completed .wave-summary-value,
    .wave-summary-card.status-completed .wave-summary-ratio {
      color: #ffffff;
    }
    .wave-summary-label {
      color: #64748b;
      font-size: 12px;
      font-weight: 700;
      min-width: 0;
      overflow-wrap: anywhere;
    }
    .wave-summary-value {
      margin-top: 5px;
      color: #0f172a;
      font-size: clamp(22px, 2.2vw, 34px);
      font-weight: 900;
      line-height: 1;
    }
    .wave-summary-duration-value {
      font-size: clamp(18px, 1.45vw, 24px);
      line-height: 1.12;
      overflow-wrap: anywhere;
    }
    .wave-summary-ratio {
      display: flex;
      align-items: baseline;
      gap: 4px;
      flex-wrap: wrap;
      margin-top: 5px;
      color: #0f172a;
      line-height: 1;
      min-width: 0;
    }
    .wave-summary-ratio-done {
      min-width: 0;
      font-size: clamp(22px, 2vw, 32px);
      font-weight: 900;
    }
    .wave-summary-ratio-total {
      min-width: 0;
      font-size: clamp(13px, 0.95vw, 18px);
      font-weight: 800;
      opacity: 0.92;
    }
    .wave-summary-ratio-rate {
      flex: 0 0 100%;
      margin-top: 4px;
      font-size: clamp(14px, 1vw, 18px);
      font-weight: 900;
    }
    .wave-summary-work-time {
      margin-top: 7px;
      display: grid;
      gap: 4px;
      font-size: 12px;
      font-weight: 800;
      line-height: 1.2;
    }
    .wave-summary-work-time-row {
      display: grid;
      grid-template-columns: max-content max-content;
      align-items: baseline;
      justify-content: start;
      gap: 12px;
      min-width: 0;
    }
    .wave-summary-picker-row {
      grid-template-columns: minmax(0, max-content) max-content;
    }
    .wave-summary-picker-card .wave-summary-work-time {
      gap: 6px;
      font-size: 14px;
    }
    .wave-summary-picker-card .wave-summary-work-time-value {
      font-size: 17px;
    }
    .wave-summary-work-time-label {
      min-width: 0;
      overflow-wrap: anywhere;
      opacity: 0.9;
    }
    .wave-summary-work-time-value {
      font-size: 13px;
      font-weight: 900;
      white-space: nowrap;
    }
    .wave-task-card {
      position: relative;
      min-height: 0;
      margin-bottom: 8px;
    }
    .wave-task-card.is-deleting {
      border-color: #fca5a5;
      background: #fee2e2;
    }
    .wave-task-card.is-deleting .wave-task-delete-btn,
    .wave-task-card.is-erasing .wave-task-delete-btn {
      display: none;
    }
    .wave-task-card.is-erasing {
      pointer-events: none;
      border-color: #fca5a5;
      background: #fee2e2;
      overflow: hidden;
      transform-origin: center;
      animation: waveTaskEraseAway 1.05s cubic-bezier(0.36, 0, 0.2, 1) forwards;
    }
    .wave-task-delete-mask {
      position: absolute;
      inset: 0;
      z-index: 5;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 9px;
      border-radius: inherit;
      background:
        linear-gradient(110deg, rgba(254, 226, 226, 0.76) 0%, rgba(254, 202, 202, 0.94) 42%, rgba(255, 241, 242, 0.82) 54%, rgba(254, 226, 226, 0.76) 100%);
      background-size: 220% 100%;
      color: #991b1b;
      font-size: 15px;
      font-weight: 900;
      backdrop-filter: blur(1px);
      animation: waveDeleteMaskSweep 1.15s linear infinite;
    }
    .wave-task-delete-mask.is-erasing {
      background:
        linear-gradient(100deg, rgba(254, 226, 226, 0.84) 0%, rgba(254, 202, 202, 0.96) 34%, rgba(255, 255, 255, 0.9) 48%, rgba(254, 202, 202, 0.96) 62%, rgba(254, 226, 226, 0.84) 100%);
      background-size: 260% 100%;
      color: #991b1b;
      animation: waveEraseMaskSweep 1.05s ease-in-out forwards;
    }
    .wave-task-delete-mask::before {
      content: "";
      width: 16px;
      height: 16px;
      border: 3px solid rgba(153, 27, 27, 0.22);
      border-top-color: #dc2626;
      border-radius: 50%;
      animation: waveDeleteMaskSpin 0.8s linear infinite;
    }
    .wave-task-delete-mask.is-erasing::before {
      border-color: rgba(153, 27, 27, 0.2);
      border-top-color: #dc2626;
      animation: waveDeleteMaskSpin 0.68s linear infinite;
    }
    @keyframes waveDeleteMaskSweep {
      from { background-position: 120% 0; }
      to { background-position: -120% 0; }
    }
    @keyframes waveEraseMaskSweep {
      from { background-position: 120% 0; }
      to { background-position: -120% 0; }
    }
    @keyframes waveTaskEraseAway {
      0% {
        opacity: 1;
        transform: translateX(0) scale(1);
        clip-path: inset(0 0 0 0);
      }
      58% {
        opacity: 0.96;
        transform: translateX(0) scale(0.995);
        clip-path: inset(0 0 0 0);
      }
      100% {
        opacity: 0;
        transform: translateX(18px) scale(0.985);
        clip-path: inset(0 100% 0 0 round 8px);
      }
    }
    @keyframes waveDeleteMaskSpin {
      to { transform: rotate(360deg); }
    }
    .wave-task-delete-btn {
      position: absolute;
      top: 8px;
      right: 8px;
      width: 28px;
      height: 28px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border: 1px solid rgba(220, 38, 38, 0.22);
      border-radius: 50%;
      background: rgba(254, 242, 242, 0.92);
      color: #dc2626;
      font-size: 18px;
      font-weight: 900;
      line-height: 1;
      cursor: pointer;
      box-shadow: 0 4px 10px rgba(220, 38, 38, 0.12);
    }
    .wave-task-delete-btn:hover {
      background: #dc2626;
      border-color: #dc2626;
      color: #fff;
    }
    .wave-task-delete-btn:disabled {
      cursor: wait;
      opacity: 0.7;
    }
    .wave-delete-confirm-modal {
      position: fixed;
      inset: 0;
      z-index: 1200;
      display: none;
      align-items: center;
      justify-content: center;
      padding: 18px;
      background: rgba(15, 23, 42, 0.46);
      backdrop-filter: blur(4px);
      overscroll-behavior: none;
    }
    .wave-delete-confirm-modal.show {
      display: flex;
    }
    .wave-delete-confirm-dialog {
      width: min(420px, calc(100vw - 36px));
      max-height: calc(100vh - 36px);
      max-height: calc(100dvh - 36px);
      overflow: auto;
      border: 1px solid #bfdbfe;
      border-radius: 8px;
      background: #ffffff;
      box-shadow: 0 24px 60px rgba(15, 23, 42, 0.24);
      overscroll-behavior: contain;
    }
    html[data-app-client="ios"] .wave-delete-confirm-modal,
    html[data-app-client="android"] .wave-delete-confirm-modal,
    html[data-app-client="app"] .wave-delete-confirm-modal {
      padding: max(18px, var(--oc-wms-app-top-inset)) 18px
        max(18px, var(--oc-wms-app-bottom-inset)) 18px;
    }
    html[data-app-client="ios"] .wave-delete-confirm-dialog,
    html[data-app-client="android"] .wave-delete-confirm-dialog,
    html[data-app-client="app"] .wave-delete-confirm-dialog {
      max-height: calc(100dvh - var(--oc-wms-app-top-inset) - var(--oc-wms-app-bottom-inset));
    }
    .wave-delete-confirm-head {
      padding: 13px 18px;
      background: #1e40af;
      color: #ffffff;
      font-size: 17px;
      font-weight: 900;
      text-align: center;
    }
    .wave-delete-confirm-body {
      display: grid;
      gap: 12px;
      padding: 16px 18px 14px;
      color: #1e293b;
      font-size: 14px;
      line-height: 1.45;
    }
    .wave-delete-confirm-task {
      display: grid;
      gap: 8px;
      padding: 9px 10px;
      border: 1px solid #dbeafe;
      border-radius: 6px;
      background: #eff6ff;
      color: #0f356d;
    }
    .wave-delete-confirm-task-row {
      display: grid;
      grid-template-columns: 96px minmax(0, 1fr);
      gap: 10px;
      align-items: baseline;
    }
    .wave-delete-confirm-task-label {
      color: #64748b;
      font-size: 12px;
      font-weight: 800;
      white-space: nowrap;
    }
    .wave-delete-confirm-task-value {
      min-width: 0;
      overflow-wrap: anywhere;
      color: #0f356d;
      font-size: 18px;
      font-weight: 900;
      letter-spacing: 0;
    }
    .wave-delete-confirm-task-name {
      font-size: 14px;
      line-height: 1.35;
    }
    .wave-delete-confirm-option {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      width: fit-content;
      max-width: 100%;
      color: #334155;
      font-size: 13px;
      font-weight: 800;
      cursor: pointer;
    }
    .wave-delete-confirm-option input {
      margin: 0;
    }
    .wave-delete-confirm-actions {
      display: flex;
      justify-content: flex-end;
      gap: 10px;
      padding: 0 18px 16px;
    }
    .wave-delete-confirm-actions button {
      min-width: 92px;
      height: 34px;
      border: 1px solid #cbd5e1;
      border-radius: 6px;
      font-weight: 900;
      cursor: pointer;
    }
    .wave-delete-confirm-cancel {
      background: #f8fafc;
      color: #334155;
    }
    .wave-delete-confirm-submit {
      border-color: #dc2626;
      background: #dc2626;
      color: #ffffff;
    }
    .wave-delete-confirm-submit:hover {
      background: #b91c1c;
      border-color: #b91c1c;
    }
    .wave-task-card.task-not-started {
      border-color: #cbd5e1;
      background: #f1f5f9;
    }
    .wave-task-card.task-running {
      border-color: #bfdbfe;
      background: #E7FAFC;
    }
    .wave-task-card.task-completed {
      border-color: #bbf7d0;
      background: #f0fdf4;
    }
    .wave-task-card.is-deleting.task-not-started,
    .wave-task-card.is-deleting.task-running,
    .wave-task-card.is-deleting.task-completed {
      border-color: #fca5a5;
      background: #fee2e2;
    }
    .wave-task-card.is-erasing.task-not-started,
    .wave-task-card.is-erasing.task-running,
    .wave-task-card.is-erasing.task-completed {
      border-color: #fca5a5;
      background: #fee2e2;
    }
    .wave-task-head {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 8px;
      align-items: start;
    }
    .wave-task-no {
      color: #475569;
      font-size: clamp(16px, 1.15vw, 20px);
      font-weight: 900;
    }
    .wave-task-rule {
      margin-top: 5px;
      color: #0f172a;
      font-size: 15px;
      font-weight: 900;
    }
    .wave-task-status {
      justify-self: end;
      margin-right: 34px;
      border: 1px solid #cbd5e1;
      border-radius: 4px;
      padding: 3px 7px;
      color: #334155;
      background: #f8fafc;
      font-size: 12px;
      font-weight: 800;
      white-space: nowrap;
    }
    .wave-task-meta {
      margin-top: 7px;
      color: #475569;
      font-size: 13px;
    }
    .wave-task-meta-details {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      margin-top: 7px;
    }
    .wave-task-meta-badge {
      display: inline-flex;
      align-items: center;
      max-width: 100%;
      min-width: 0;
      border: 1px solid #cbd5e1;
      border-radius: 4px;
      padding: 3px 7px;
      background: rgba(248, 250, 252, 0.86);
      color: #334155;
      font-size: 12px;
      font-weight: 800;
      line-height: 1.2;
    }
    .wave-task-meta-badge span {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .wave-task-card.is-compact {
      display: grid;
      grid-template-columns: minmax(11ch, 12ch) minmax(360px, 1fr);
      align-items: center;
      gap: 8px;
      padding: 8px 42px 8px 10px;
    }
    .wave-task-card.is-compact .wave-task-no {
      font-size: 14px;
      line-height: 1.1;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .wave-task-card.is-compact .wave-task-status {
      justify-self: auto;
      margin-top: 3px;
      margin-right: 0;
      padding: 0;
      border: 0;
      background: transparent;
      color: #64748b;
      font-size: 11px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .wave-compact-head {
      display: block;
      min-width: 0;
      min-height: 24px;
    }
    .wave-compact-stages {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 6px;
      margin-top: 0;
    }
    .wave-compact-stage {
      min-width: 0;
      padding: 5px 6px;
      border: 1px solid #d5dfeb;
      border-radius: 4px;
      background: rgba(255, 255, 255, 0.64);
    }
    .wave-compact-stage-top {
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      gap: 6px;
      color: #0f172a;
      font-size: 12px;
      font-weight: 900;
      white-space: nowrap;
    }
    .wave-compact-stage-label {
      min-width: 0;
      display: inline-flex;
      align-items: baseline;
      gap: 5px;
      overflow: hidden;
    }
    .wave-compact-stage-label > span:first-child {
      flex: 0 0 auto;
    }
    .wave-compact-stage-person {
      min-width: 0;
      overflow: hidden;
      color: #475569;
      font-size: 11px;
      font-weight: 800;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .wave-compact-stage-value {
      flex: 0 0 auto;
      color: #334155;
      font-size: 11px;
      font-weight: 800;
    }
    .wave-task-card.is-minimal {
      display: grid;
      grid-template-columns: minmax(96px, 0.8fr) minmax(120px, 1.7fr) minmax(104px, 0.9fr) minmax(76px, 0.8fr);
      align-items: center;
      gap: 6px 10px;
      padding: 9px 42px 9px 12px;
      min-width: 0;
      overflow: hidden;
    }
    .wave-task-card.is-minimal .wave-task-no {
      font-size: 14px;
      line-height: 1.1;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .wave-minimal-status-badge {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      justify-self: start;
      width: fit-content;
      max-width: 100%;
      min-height: 24px;
      padding: 3px 8px;
      border: 1px solid transparent;
      border-radius: 999px;
      overflow: hidden;
      font-size: 12px;
      font-weight: 850;
      line-height: 1.2;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .wave-minimal-status-badge.status-not-started {
      border-color: #c2ccd8;
      background: #dfe5ec;
      color: #0b1220;
    }
    .wave-minimal-status-badge.status-running {
      border-color: #9bd8de;
      background: #c8edf0;
      color: #0b1220;
    }
    .wave-minimal-status-badge.status-completed {
      border-color: #a8dfb8;
      background: #d2f3dc;
      color: #0b1220;
    }
    .wave-minimal-field {
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: 3px;
      min-width: 0;
      min-height: 38px;
      overflow: hidden;
    }
    .wave-minimal-label {
      color: #64748b;
      font-size: 10px;
      font-weight: 800;
      line-height: 1;
    }
    .wave-minimal-value {
      min-width: 0;
      overflow: hidden;
      color: #172033;
      font-size: 13px;
      font-weight: 850;
      line-height: 1.25;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    #tab-panel-wave.is-minimal-view .wave-stage-control,
    #tab-panel-wave.is-minimal-view .wave-high-rack-warning {
      display: none;
    }
    .wave-status-chips {
      margin-top: 8px;
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
    }
    .wave-status-chip {
      border: 1px solid #cbd5e1;
      border-radius: 4px;
      padding: 2px 6px;
      color: #334155;
      background: #ffffff;
      font-size: 12px;
      font-weight: 700;
    }
    .wave-stage-card {
      margin-top: 8px;
      padding: 9px;
      border: 1px solid #d5dfeb;
      border-radius: 4px;
      background: #f8fafc;
    }
    .wave-stage-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      color: #0f172a;
      font-size: 13px;
      font-weight: 900;
    }
    .wave-stage-people {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      color: #334155;
      font-size: 12px;
      font-weight: 800;
    }
    .wave-progress {
      margin-top: 7px;
      height: 9px;
      overflow: hidden;
      border-radius: 999px;
      background: #e2e8f0;
    }
    .wave-progress-fill {
      height: 100%;
      border-radius: inherit;
      transition: width .35s ease;
    }
    .wave-progress-fill.progress-low { background: #f97316; }
    .wave-progress-fill.progress-mid { background: #eab308; }
    .wave-progress-fill.progress-high { background: #2563eb; }
    .wave-progress-fill.progress-done { background: #16a34a; }
    .wave-compact-stage .wave-progress {
      height: 6px;
      margin-top: 4px;
    }
    .wave-stage-times {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 6px;
      margin-top: 7px;
      color: #64748b;
      font-size: 12px;
    }
    .wave-stage-times span:nth-child(2) {
      text-align: center;
    }
    .wave-stage-times span:nth-child(3) {
      text-align: right;
    }
    .wave-location-line {
      margin-top: 7px;
      color: #64748b;
      font-size: 12px;
    }
    .wave-location-badges {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      margin-top: 8px;
    }
    .wave-location-badge {
      border: 1px solid #cbd5e1;
      border-radius: 999px;
      background: #ffffff;
      color: #334155;
      padding: 3px 8px;
      font-size: 12px;
      font-weight: 800;
    }
    .wave-location-total {
      border-color: #cbd5e1;
      background: #e2e8f0;
      color: #334155;
    }
    .wave-groups {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 8px;
    }
    .wave-groups.is-normal-only {
      grid-template-columns: minmax(0, 1fr);
    }
    .wave-group {
      min-height: 300px;
      border: 1px solid #d7e0ea;
      border-radius: 4px;
      background: #ffffff;
      padding: 8px;
    }
    #wave-high-rack-group.wave-group:not(.is-high-rack-overflow-warning) {
      border-color: #9ed8ff;
      background: #eaf7ff;
      box-shadow: inset 0 0 0 1px rgba(14, 165, 233, 0.16);
    }
    .wave-group.hidden {
      display: none;
    }
    .wave-group-title {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 8px;
      font-size: 16px;
      font-weight: 800;
      margin-bottom: 8px;
    }
    .wave-group.is-high-rack-overflow-warning {
      border-color: #f87171;
      background: #fff1f2;
      box-shadow: inset 0 0 0 1px rgba(248, 113, 113, 0.28);
    }
    .wave-high-rack-warning {
      display: inline-flex;
      align-items: center;
      max-width: 100%;
      min-width: 0;
      overflow: hidden;
      border: 1px solid #fca5a5;
      border-radius: 999px;
      background: #fee2e2;
      color: #991b1b;
      padding: 2px 8px;
      font-size: 12px;
      font-weight: 900;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .wave-high-rack-warning.hidden {
      display: none;
    }
    .wave-empty {
      min-height: 220px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #64748b;
      font-size: clamp(18px, 1.8vw, 26px);
      font-weight: 800;
      text-align: center;
    }
    #tab-panel-business-report,
    #tab-panel-inventory-stats {
      font-family: "Microsoft YaHei UI", "Segoe UI", sans-serif;
      letter-spacing: 0;
    }
    #tab-panel-business-report .stats-group,
    #tab-panel-inventory-stats .stats-group {
      border-radius: 4px;
      border: 1px solid #d7e0ea;
      background: #ffffff;
      box-shadow: none;
      padding: 8px;
    }
    #tab-panel-business-report .stats-group-title,
    #tab-panel-inventory-stats .stats-group-title {
      font-size: clamp(16px, 1.3vw, 22px);
      margin-bottom: 8px;
      letter-spacing: 0;
    }
    #tab-panel-business-report .stats-group-subtitle,
    #tab-panel-inventory-stats .stats-group-subtitle {
      font-size: 13px;
      margin: -2px 0 8px 0;
      color: #475569;
    }
    #tab-panel-business-report .history-title,
    #tab-panel-inventory-stats .history-title {
      font-size: clamp(16px, 1.25vw, 20px);
      margin-bottom: 6px;
      letter-spacing: 0;
    }
    .main { display: flex; align-items: stretch; gap: 0; width: 100%; max-width: 100%; min-width: 0; min-height: calc(100dvh - 78px); overflow-x: hidden; }
    .main.only-left, .main.only-right { display: block; }
    .module { background: #ffffff; border: 1px solid #e6edf5; border-radius: 4px; padding: 6px 6px 0 6px; min-height: calc(100dvh - 78px); }
    #section-outbound, #section-inventory { flex: 0 0 auto; width: calc((100% - 10px) / 2); min-width: 0; max-width: 100%; overflow-x: hidden; }
    .split-bar { width: 10px; background: #e2e8f0; border-left: 1px solid #d6dee8; border-right: 1px solid #d6dee8; cursor: col-resize; position: relative; }
    .split-thumb { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 4px; height: 52px; border-radius: 2px; background: #a8b6c8; }
    .split-bar:hover .split-thumb { background: #7f90a6; }
    .main.only-left #section-outbound { width: 100%; }
    .main.only-left #section-inventory, .main.only-left .split-bar { display: none; }
    .main.only-right #section-inventory { width: 100%; }
    .main.only-right #section-outbound, .main.only-right .split-bar { display: none; }
    .module-top { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; column-gap: 8px; margin: 0 0 6px 0; }
    .module-top-left { min-width: 0; justify-self: start; display: flex; align-items: center; padding-left: 5px; }
    .module-title { text-align: center; font-size: clamp(18px, 1.35vw, 22px); font-weight: 800; margin: 0; line-height: 1.1; }
    .module-export {
      border: 1px solid var(--btn-border);
      border-radius: var(--btn-radius);
      cursor: pointer;
      justify-self: end;
      background-color: var(--btn-bg);
    }
    .module-export:hover { border-color: var(--btn-border-hover); background-color: var(--btn-bg-hover); }
    .module-updated { text-align: center; color: var(--hint); font-size: clamp(12px, .9vw, 14px); margin: 8px 0 6px 0; }
    .panel-scroll { background: #ffffff; min-height: 300px; overflow: visible; padding: 5px; }
    .loading { background: var(--panel-bg); color: #707070; font-size: clamp(28px, 3vw, 42px); font-weight: 800; display: flex; align-items: center; justify-content: center; min-height: clamp(220px, 34vh, 330px); }
    .out-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr)); gap: 7px; }
    .out-card { padding: 8px; }
    .out-header { font-size: clamp(16px, 1.25vw, 20px); font-weight: 800; text-align: center; margin-bottom: 5px; line-height: 1.05; }
    .out-body { padding: 9px; }
    .out-volume-wrap { display: grid; gap: 2px; margin-bottom: 8px; }
    .out-volume-total { text-align: center; font-size: clamp(14px, 1vw, 17px); font-weight: 700; line-height: 1.1; }
    .out-volume-label { font-weight: 700; }
    .out-volume-total .out-volume-num { margin-left: 6px; font-weight: 900; }
    .out-volume-breakdown { display: flex; align-items: baseline; justify-content: center; flex-wrap: wrap; column-gap: 12px; row-gap: 2px; margin-top: 3px; color: #475569; font-size: clamp(12px, .88vw, 15px); font-weight: 500; line-height: 1.2; }
    .out-volume-breakdown-item { white-space: nowrap; }
    .out-volume-breakdown-num { margin-left: 4px; font-weight: 700; }
    .out-volume-breakdown-today .out-volume-breakdown-num { color: #1f2937; }
    .out-volume-breakdown-backlog .out-volume-breakdown-num { color: #1f2937; }
    .out-backlog-inline { margin-left: 10px; color: #475569; font-size: clamp(12px, .88vw, 15px); font-weight: 400; }
    .out-backlog-inline-num { margin-left: 4px; font-weight: 400; }
    .out-backlog-progress-inline { margin-left: 0px; color: #475569; font-size: clamp(12px, .88vw, 15px); font-weight: 400; }
    .out-backlog-completed-num { margin-left: 0px; color: #2F8F3A; font-weight: 600; }
    .out-backlog-remaining-num { margin-left: 0px; color: #C7702E; font-weight: 600; }
    .out-total-merged-inline { margin-left: 10px; color: #1f2937; font-size: clamp(12px, .88vw, 15px); font-weight: 500; }
    .out-total-merged-inline-num { margin-left: 4px; font-weight: 600; }
    .out-volume-valid { display: flex; align-items: baseline; justify-content: center; gap: 8px; line-height: 1.06; }
    .out-volume-valid .out-volume-label { display: inline; font-size: clamp(20px, 1.65vw, 28px); font-weight: 800; }
    .out-volume-valid .out-volume-num { display: inline; font-size: clamp(28px, 2.2vw, 38px); font-weight: 900; margin-top: 0; }
    .out-metrics-wrap { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; column-gap: 14px; row-gap: 2px; margin: -2px 0 8px; }
    .out-metric-line { text-align: center; font-size: clamp(13px, .95vw, 16px); font-weight: 700; margin: 0; line-height: 1.2; white-space: nowrap; }
    .out-rate-value { font-weight: 900; }
    .tail-box { padding: 7px 8px; margin-bottom: 8px; }
    .tail-title-row { display: flex; align-items: center; justify-content: center; gap: 8px; flex-wrap: wrap; }
    .tail-title { text-align: center; font-size: clamp(14px, 1.05vw, 18px); font-weight: 800; }
    .tail-view-switch { display: inline-flex; align-items: center; gap: 2px; padding: 2px; border: 1px solid rgba(71, 85, 105, .28); border-radius: 999px; }
    .tail-view-button { border: 0; border-radius: 999px; padding: 2px 8px; background: transparent; color: inherit; font: inherit; font-size: clamp(11px, .78vw, 13px); font-weight: 800; cursor: pointer; }
    .tail-view-button.is-active { background: rgba(255, 255, 255, .72); box-shadow: 0 1px 3px rgba(15, 23, 42, .16); }
    .tail-view-button:focus-visible { outline: 2px solid #0088ff; outline-offset: 1px; }
    .tail-carrier-table-wrap { width: 100%; overflow-x: auto; margin-top: 5px; }
    .tail-carrier-table { width: 100%; min-width: 720px; border-collapse: collapse; table-layout: fixed; font-size: clamp(11px, .78vw, 13px); }
    .tail-carrier-table th, .tail-carrier-table td { padding: 4px 6px; border-bottom: 1px solid rgba(71, 85, 105, .2); text-align: right; white-space: nowrap; }
    .tail-carrier-table th:first-child, .tail-carrier-table td:first-child { width: 38%; text-align: left; overflow: hidden; text-overflow: ellipsis; }
    .tail-carrier-mobile-metrics { display: none; margin-top: 2px; color: #64748b; font-size: .88em; font-weight: 650; line-height: 1.25; white-space: normal; }
    .tail-carrier-mobile-metric { display: block; overflow-wrap: anywhere; }
    .tail-carrier-table th { font-weight: 850; }
    .tail-carrier-table td { font-weight: 750; }
    .tail-carrier-table .tail-carrier-yes { color: #2f8f3a; font-weight: 850; }
    .tail-carrier-table .tail-carrier-no { color: #c7702e; font-weight: 850; }
    .tail-carrier-table .tail-carrier-rate { font-weight: 850; }
    .tail-carrier-table tfoot td { border-bottom: 0; font-weight: 900; }
    @media (max-width: 760px) {
      .tail-carrier-table-wrap { overflow-x: visible; }
      .tail-carrier-table { min-width: 0; width: 100%; table-layout: fixed; font-size: clamp(10px, 2.7vw, 12px); }
      .tail-carrier-table th,
      .tail-carrier-table td { padding: 4px 4px; }
      .tail-carrier-table th:nth-child(n + 5),
      .tail-carrier-table td:nth-child(n + 5) { display: none; }
      .tail-carrier-table th:first-child,
      .tail-carrier-table td:first-child { width: 38%; white-space: normal; }
      .tail-carrier-table td:first-child > div:first-child { overflow-wrap: anywhere; }
      .tail-carrier-mobile-metrics { display: block; }
    }
    .tail-wrap-line { display: flex; align-items: baseline; justify-content: center; flex-wrap: wrap; column-gap: 12px; row-gap: 2px; text-align: center; }
    .tail-wrap-item { min-width: 0; overflow-wrap: anywhere; }
    .tail-metric-line { font-size: clamp(12px, .88vw, 14px); font-weight: 700; margin-top: 3px; color: #475569; line-height: 1.2; }
    .tail-metric-num { margin-left: 4px; font-weight: 850; color: #1f2937; }
    .tail-line { text-align: center; font-size: clamp(13px, .95vw, 16px); margin-top: 3px; }
    .tail-line.tail-wrap-line { text-align: center; }
    .tail-good { color: #2f8f3a; font-weight: 800; }
    .tail-bad { color: #c7702e; font-weight: 800; }
    .status-grid-1, .status-grid-2, .status-grid-3, .status-grid-4 { display: grid; gap: 6px; min-width: 0; }
    .status-grid-1 { grid-template-columns: minmax(0, 1fr); }
    .status-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .status-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .status-grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .status-grid-1 > .status-chip,
    .status-grid-2 > .status-chip,
    .status-grid-3 > .status-chip,
    .status-grid-4 > .status-chip { min-width: 0; max-width: 100%; }
    .status-chip { padding: 6px; text-align: center; color: var(--status-chip-text, inherit); min-width: 0; overflow: hidden; }
    .status-name { font-size: clamp(12px, .88vw, 14px); font-weight: 700; line-height: 1.1; color: var(--status-chip-name, currentColor); overflow-wrap: anywhere; word-break: break-word; }
    .status-qty { font-size: clamp(20px, 1.5vw, 26px); font-weight: 800; margin-top: 1px; line-height: 1.05; color: var(--status-chip-qty, currentColor); }
    .status-qty-row {
      display: inline-flex;
      align-items: baseline;
      justify-content: center;
      flex-wrap: wrap;
      gap: 5px;
      margin-top: 1px;
      max-width: 100%;
      min-width: 0;
      line-height: 1.05;
    }
    .status-qty-row .status-qty { margin-top: 0; }
    .status-extra-metric {
      color: var(--status-chip-reason, currentColor);
      font-size: clamp(10px, .72vw, 12px);
      font-weight: 800;
      line-height: 1.1;
      opacity: .9;
      overflow-wrap: anywhere;
      word-break: break-word;
    }
    .status-extra-metric-value {
      margin-left: 2px;
      color: var(--status-chip-qty, currentColor);
      font-weight: 900;
    }
    .status-source-breakdown {
      margin-top: 1px;
      font-size: clamp(10px, .72vw, 12px);
      font-weight: 700;
      line-height: 1.15;
      color: var(--status-chip-reason, currentColor);
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      column-gap: 4px;
      row-gap: 1px;
      min-width: 0;
    }
    .status-source-today,
    .status-source-backlog { overflow-wrap: anywhere; word-break: break-word; }
    .status-source-today { color: var(--status-chip-qty, currentColor); }
    .status-source-backlog { color: var(--status-chip-reason, currentColor); opacity: .78; }
    .status-source-sep { padding: 0 4px; opacity: .72; }
    .status-reasons { margin-top: 4px; font-size: clamp(10px, .72vw, 12px); line-height: 1.2; color: var(--status-chip-reason, currentColor); }
    .status-reason-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .status-reason-qty { margin-left: 4px; font-weight: 800; color: var(--status-chip-reason-qty, currentColor); }
    #section-outbound .panel-scroll,
    #section-inventory .panel-scroll {
      width: 100%;
      max-width: 100%;
      min-width: 0;
      overflow-x: hidden;
    }
    .inv-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(min(450px, 100%), 1fr));
      gap: 8px;
      width: 100%;
      min-width: 0;
      max-width: 100%;
    }
    .inv-grid > .dept-card {
      min-width: 0;
      max-width: 100%;
    }
    .dept-card { padding: 8px; }
    .dept-title { text-align: center; font-size: clamp(16px, 1.25vw, 20px); font-weight: 800; margin-bottom: 6px; line-height: 1.1; }
    .work-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; min-width: 0; }
    .work-grid.workload-summary-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .work-card { padding: 7px; text-align: center; }
    .work-name { font-size: clamp(14px, 1.05vw, 18px); font-weight: 800; line-height: 1.05; }
    .work-qty { font-size: clamp(26px, 2.2vw, 38px); font-weight: 900; margin-top: 1px; line-height: 1.02; }
    .work-spd { font-size: clamp(13px, .95vw, 16px); margin-top: 1px; line-height: 1.05; }
    .rank-list { margin-top: 8px; display: grid; gap: 5px; min-width: 0; max-width: 100%; }
    .rank-card { min-width: 0; max-width: 100%; overflow: hidden; background: #eaf4ff; padding: 6px; }
    .rank-head, .rank-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(54px, 90px) minmax(60px, 96px); align-items: center; min-width: 0; }
    .rank-head.rank-head-4, .rank-row.rank-row-4 {
      grid-template-columns: minmax(0, 1fr) minmax(48px, 80px) minmax(54px, 86px) minmax(60px, 96px);
    }
    .rank-head { background: rgba(0,0,0,0.12); font-size: clamp(12px, .85vw, 14px); font-weight: 800; padding: 4px 8px; }
    .rank-row { font-size: clamp(12px, .8vw, 13px); font-weight: 800; padding: 4px 8px; line-height: 1.1; }
    .rank-name, .rank-qty, .rank-spd, .rank-hours { min-width: 0; text-align: left; overflow-wrap: anywhere; }
    .rank-top { background: #def6de; }
    .rank-last { background: #f9dddd; }
    .error {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
    }
    .status-toast-container {
      position: fixed;
      right: 16px;
      top: 56px;
      z-index: 9999;
      display: flex;
      flex-direction: column;
      gap: 8px;
      width: min(360px, calc(100vw - 32px));
      pointer-events: none;
    }
    .status-toast {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 28px;
      gap: 8px;
      align-items: start;
      border: 1px solid #cfe0f4;
      border-left: 4px solid #24a166;
      border-radius: 8px;
      padding: 10px 10px 10px 12px;
      background: #ffffff;
      color: var(--text);
      box-shadow: 0 10px 26px rgba(8, 25, 44, 0.22);
      pointer-events: auto;
      animation: statusToastIn 0.18s ease-out;
      will-change: opacity, transform;
    }
    .status-toast.is-hiding {
      pointer-events: none;
      animation: statusToastOut 0.2s ease-in forwards;
    }
    .status-toast-ok,
    .status-toast-success,
    .status-toast-info {
      border-left-color: #24a166;
    }
    .status-toast-error {
      border-left-color: #d9433c;
    }
    .status-toast-warning {
      border-left-color: #d79a12;
    }
    .status-toast-title {
      color: var(--hint);
      font-size: 11px;
      font-weight: 800;
    }
    .status-toast-text {
      margin-top: 4px;
      font-size: 13px;
      font-weight: 700;
      line-height: 1.45;
      overflow-wrap: anywhere;
    }
    .status-toast-close {
      width: 28px;
      height: 28px;
      min-width: 28px;
      min-height: 28px;
      padding: 0;
      border: 0;
      border-radius: 8px;
      background: transparent;
      color: #6f829d;
      box-shadow: none;
      font-size: 18px;
      line-height: 1;
      cursor: pointer;
    }
    .status-toast-close:hover {
      background: #edf4fc;
      color: #244d78;
    }
    .status-history-modal .inventory-stats-sku-search-dialog {
      width: min(560px, calc(100vw - 28px));
      min-width: 0;
      min-height: 0;
      max-height: min(720px, calc(100vh - 36px));
      resize: none;
    }
    .status-history-list {
      display: grid;
      gap: 8px;
      padding: 14px;
      overflow: auto;
    }
    .status-history-empty,
    .status-history-item {
      border: 1px solid #d7e7f8;
      border-left: 4px solid #24a166;
      border-radius: 8px;
      background: #f8fbff;
      padding: 10px 12px;
    }
    .status-history-empty {
      color: var(--hint);
      text-align: center;
      border-left-color: #cbd5e1;
    }
    .status-history-item-error {
      border-left-color: #d9433c;
    }
    .status-history-item-warning {
      border-left-color: #d79a12;
    }
    .status-history-meta {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      color: var(--hint);
      font-size: 11px;
      font-weight: 800;
    }
    .status-history-text {
      margin-top: 5px;
      color: var(--text);
      font-size: 13px;
      font-weight: 700;
      line-height: 1.45;
      overflow-wrap: anywhere;
    }
    @keyframes statusToastIn {
      from {
        opacity: 0;
        transform: translateY(-8px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }
    @keyframes statusToastOut {
      from {
        opacity: 1;
        transform: translateY(0);
      }
      to {
        opacity: 0;
        transform: translateY(-8px);
      }
    }
    .workday-query-overlay {
      position: fixed;
      inset: 0;
      background: rgba(15, 23, 42, 0.46);
      backdrop-filter: blur(4px);
      display: none;
      align-items: center;
      justify-content: center;
      z-index: 10000;
    }
    .workday-query-overlay.show { display: flex; }
    .workday-query-dialog {
      min-width: min(420px, calc(100vw - 28px));
      max-width: min(520px, calc(100vw - 28px));
      background: #ffffff;
      border: 1px solid #d7e0ea;
      border-radius: 6px;
      box-shadow: 0 14px 36px rgba(15, 23, 42, 0.26);
      padding: 18px 20px;
      text-align: center;
    }
    .workday-query-title {
      color: #0f172a;
      font-size: clamp(18px, 1.3vw, 22px);
      font-weight: 800;
      line-height: 1.2;
      margin-bottom: 6px;
    }
    .workday-query-desc {
      color: #475569;
      font-size: clamp(13px, .95vw, 15px);
      font-weight: 700;
      line-height: 1.25;
    }
    .history-wrap {
      margin-top: 8px;
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      gap: 10px;
      min-width: 0;
    }
    .stats-group {
      margin-top: 8px;
      background: #ffffff;
      border: 1px solid #d7e0ea;
      border-radius: 4px;
      padding: 8px;
    }
    .stats-group-title {
      font-size: clamp(16px, 1.3vw, 22px);
      font-weight: 800;
      color: #0f172a;
      margin-bottom: 8px;
      line-height: 1.15;
      text-align: center;
    }
    .stats-group-titlebar {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 26px;
      margin-bottom: 8px;
      padding: 0 16px;
    }
    .stats-group-titlebar .stats-group-title {
      margin-bottom: 0;
    }
    .stats-group-title-actions {
      display: contents;
    }
    .today-stats-export {
      position: absolute;
      right: 16px;
      top: 50%;
      transform: translateY(-50%);
      margin-left: 0;
      align-self: center;
      flex: 0 0 auto;
    }
    .today-stats-ai-generate {
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
    }
    .business-yoy-export {
      position: absolute;
      right: 16px;
      top: 50%;
      transform: translateY(-50%);
      margin-left: 0;
      align-self: center;
      flex: 0 0 auto;
    }
    .stats-group-subtitle {
      font-size: 13px;
      font-weight: 700;
      color: #475569;
      text-align: center;
      line-height: 1.3;
      margin: -2px 0 8px 0;
    }
    .stats-group-subtitle:empty {
      display: none;
    }
    .history-range-toolbar {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 8px;
      margin-bottom: 8px;
      padding: 0 16px;
    }
    .history-range-label {
      color: #334155;
      font-size: clamp(12px, .9vw, 14px);
      font-weight: 700;
    }
    .workday-input,
    .history-range-input,
    .inventory-stats-day-input {
      position: relative;
      background-image:
        var(--date-input-icon),
        linear-gradient(90deg, transparent calc(100% - 30px), var(--date-input-strip) calc(100% - 30px));
      background-repeat: no-repeat, no-repeat;
      background-position: right 8px center, 0 0;
      background-size: 14px 14px, 100% 100%;
      color-scheme: var(--date-input-color-scheme);
    }
    .workday-input:hover,
    .history-range-input:hover,
    .inventory-stats-day-input:hover {
      background-image:
        var(--date-input-icon-hover),
        linear-gradient(90deg, transparent calc(100% - 30px), var(--date-input-strip-hover) calc(100% - 30px));
    }
    .workday-input::-webkit-calendar-picker-indicator,
    .history-range-input::-webkit-calendar-picker-indicator,
    .inventory-stats-day-input::-webkit-calendar-picker-indicator {
      position: absolute;
      right: 0;
      top: 0;
      width: 30px;
      height: 100%;
      margin: 0;
      padding: 0;
      opacity: 0;
      border: 0;
      background: transparent;
      cursor: pointer;
    }
    .history-range-apply {
      height: 32px;
      border: 1px solid var(--btn-primary-border);
      border-radius: var(--btn-radius);
      background: var(--btn-primary-bg);
      color: #ffffff;
      font-size: 13px;
      font-weight: 700;
      cursor: pointer;
      padding: 0 14px;
    }
    .history-range-apply:hover { background: var(--btn-primary-hover); border-color: var(--btn-primary-hover); }
    .history-range-export {
      margin-left: auto;
      align-self: flex-end;
      flex: 0 0 auto;
    }
    .history-range-wrap {
      display: grid;
      grid-template-columns: 1fr;
      gap: 10px;
      min-width: 0;
    }
    .business-report-toolbar {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 12px;
      margin-bottom: 0;
      padding: 0 16px;
      border: 0;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
    }
    .business-report-label {
      display: inline-flex;
      align-items: center;
      height: clamp(30px, 2.8vw, 34px);
      color: #334155;
      font-size: clamp(13px, .95vw, 15px);
      font-weight: 800;
      line-height: 1;
    }
    .business-report-checkbox {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      min-height: clamp(30px, 2.8vw, 34px);
      color: #334155;
      font-size: clamp(13px, .95vw, 14px);
      font-weight: 700;
      line-height: 1.25;
      cursor: pointer;
      user-select: none;
    }
    .business-report-checkbox input {
      width: 16px;
      height: 16px;
      margin: 0;
      accent-color: var(--btn-primary-bg);
      cursor: pointer;
    }
    .business-report-checkbox input:disabled {
      cursor: not-allowed;
    }
    .business-report-select {
      height: clamp(30px, 2.8vw, 34px);
      border: 1px solid var(--line);
      border-radius: 4px;
      padding: 0 12px;
      font-size: clamp(13px, .95vw, 14px);
      color: #0f172a;
      background: #fff;
      min-width: 156px;
      box-shadow: none;
      cursor: pointer;
    }
    .business-report-select:hover {
      border-color: var(--btn-border-hover);
    }
    .inventory-stats-day-input:hover {
      border-color: var(--btn-border-hover);
    }
    .business-report-select:focus {
      outline: none;
      border-color: var(--btn-primary-border);
      box-shadow: none;
    }
    .inventory-stats-day-input:focus {
      outline: none;
      border-color: var(--btn-primary-border);
      box-shadow: none;
    }
    .business-report-quick-btn {
      height: clamp(30px, 2.8vw, 34px);
      border: 1px solid var(--btn-primary-border);
      border-radius: var(--btn-radius);
      padding: 0 12px;
      font-size: clamp(13px, .95vw, 14px);
      font-weight: 700;
      color: #ffffff;
      background: var(--btn-primary-bg);
      cursor: pointer;
      white-space: nowrap;
      box-shadow: none;
    }
    .business-report-quick-btn:hover {
      background: var(--btn-primary-hover);
      border-color: var(--btn-primary-hover);
      color: #ffffff;
    }
    .business-report-quick-btn.secondary {
      border-color: var(--line);
      color: #334155;
      background: #ffffff;
    }
    .business-report-quick-btn.secondary:hover {
      border-color: var(--btn-border-hover);
      color: #0f172a;
      background: #f8fafc;
    }
    .business-compare-modal .inventory-stats-sku-search-dialog {
      width: min(620px, calc(100vw - 32px));
      max-height: min(620px, calc(100vh - 32px));
    }
    .business-compare-picker {
      display: grid;
      grid-template-columns: minmax(120px, 1fr) minmax(150px, 1.2fr) auto;
      gap: 10px;
      align-items: end;
      min-width: 0;
      margin: 0;
    }
    .business-compare-field {
      display: grid;
      gap: 5px;
      min-width: 0;
    }
    .business-compare-field label {
      color: #334155;
      font-size: 12px;
      font-weight: 800;
    }
    .business-compare-selected-list {
      display: grid;
      gap: 8px;
      margin-top: 12px;
    }
    .business-compare-selected-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
      gap: 10px;
      position: relative;
      border: 1px solid var(--line);
      border-radius: 6px;
      padding: 8px 10px;
      color: #334155;
      background: #f8fafc;
      font-size: 13px;
      font-weight: 700;
      transition: transform .22s ease, border-color .22s ease, background-color .22s ease;
    }
    .business-compare-selected-row.is-reordering {
      z-index: 1;
      will-change: transform;
    }
    .business-compare-selected-row.is-entering {
      animation: businessCompareSelectedRowEnter .22s ease both;
    }
    .business-compare-selected-row.is-removing {
      pointer-events: none;
      animation: businessCompareSelectedRowRemove .18s ease forwards;
    }
    @keyframes businessCompareSelectedRowEnter {
      from {
        opacity: 0;
        transform: translateY(-8px) scale(.98);
      }
      to {
        opacity: 1;
        transform: translateY(0) scale(1);
      }
    }
    @keyframes businessCompareSelectedRowRemove {
      from {
        opacity: 1;
        transform: translateY(0) scale(1);
      }
      to {
        opacity: 0;
        transform: translateY(-8px) scale(.98);
      }
    }
    .business-compare-period-icon-btn {
      width: 28px;
      height: 28px;
      border: 1px solid #f59e0b;
      border-radius: 4px;
      color: #92400e;
      background: #fffbeb;
      font-size: 18px;
      font-weight: 900;
      line-height: 1;
      cursor: pointer;
    }
    .business-compare-period-icon-btn:hover {
      background: #fef3c7;
    }
    .business-compare-period-icon-btn.add {
      align-self: end;
      margin-bottom: calc((clamp(30px, 2.8vw, 34px) - 28px) / 2);
      border-color: #22c55e;
      color: #166534;
      background: #dcfce7;
    }
    .business-compare-period-icon-btn.add:hover {
      background: #bbf7d0;
    }
    .business-compare-period-icon-btn.move {
      border-color: #38bdf8;
      color: #075985;
      background: #e0f2fe;
    }
    .business-compare-period-icon-btn.move:hover {
      background: #bae6fd;
    }
    .business-compare-selected-actions {
      display: inline-flex;
      align-items: center;
      gap: 6px;
    }
    .business-compare-period-icon-btn:disabled {
      border-color: #cbd5e1;
      color: #94a3b8;
      background: #f1f5f9;
      cursor: not-allowed;
    }
    .business-compare-exit-highlight {
      border-color: #d97706;
      color: #78350f;
      background: #facc15;
    }
    .business-compare-exit-highlight:hover {
      border-color: #b45309;
      color: #78350f;
      background: #fbbf24;
    }
    .business-compare-table .business-compare-col-metric {
      min-width: 170px;
    }
    .business-compare-tables {
      grid-column: 1 / -1;
      display: grid;
      gap: 14px;
      width: 100%;
      min-width: 0;
    }
    .business-compare-table-block {
      display: grid;
      gap: 6px;
      min-width: 0;
    }
    .business-compare-table-title {
      color: #1e293b;
      font-size: 18px;
      font-weight: 900;
      text-align: center;
    }
    .business-compare-order-block .business-compare-table th {
      background: #f5a357 !important;
      color: #06101f;
    }
    .business-compare-capacity-block .business-compare-table th {
      background: #2dd4bf !important;
      border-color: #5eead4 !important;
      color: #06101f !important;
    }
    #business-current-summary-content .business-compare-scroll {
      grid-column: 1 / -1;
      width: 100%;
    }
    #business-current-summary-content .business-compare-scroll > .business-compare-table {
      width: 100%;
      min-width: 980px;
    }
    .business-compare-table th.business-compare-delta,
    .business-compare-table td.business-compare-delta {
      min-width: 112px;
      color: #64748b;
    }
    .business-compare-table th.business-compare-delta {
      color: #06101f !important;
    }
    .business-compare-table td.business-compare-delta.positive {
      color: #15803d !important;
    }
    .business-compare-table td.business-compare-delta.negative {
      color: #b91c1c !important;
    }
    .business-compare-theme-inbound {
      --compare-theme-title-bg: #1c7fd6;
      --compare-theme-parent-hover-bg: #155fa8;
      --compare-theme-header-bg: #4aa8ef;
      --compare-theme-row-bg: #ebf4ff;
      --compare-theme-border: #84add8;
      --compare-theme-strong: #0b3c78;
    }
    .business-compare-theme-outbound {
      --compare-theme-title-bg: #2ca94e;
      --compare-theme-parent-hover-bg: #20783b;
      --compare-theme-header-bg: #58ce74;
      --compare-theme-row-bg: #ecf9ef;
      --compare-theme-border: #81c696;
      --compare-theme-strong: #125643;
    }
    .business-compare-theme-relocation {
      --compare-theme-title-bg: #5b50de;
      --compare-theme-parent-hover-bg: #473fc2;
      --compare-theme-header-bg: #7f78ef;
      --compare-theme-row-bg: #f1efff;
      --compare-theme-border: #9f98de;
      --compare-theme-strong: #3f378e;
    }
    .business-compare-theme-order {
      --compare-theme-title-bg: #ef8523;
      --compare-theme-parent-hover-bg: #c96414;
      --compare-theme-header-bg: #f5a357;
      --compare-theme-row-bg: #fff8ef;
      --compare-theme-border: #e4a66d;
      --compare-theme-strong: #7e3f05;
    }
    .business-compare-theme-capacity {
      --compare-theme-title-bg: #0f766e;
      --compare-theme-parent-hover-bg: #0b5f59;
      --compare-theme-header-bg: #2dd4bf;
      --compare-theme-row-bg: #ecfdfa;
      --compare-theme-border: #5eead4;
      --compare-theme-strong: #115e59;
    }
    .business-compare-theme-fee-total {
      --compare-theme-title-bg: #0b3c78;
      --compare-theme-parent-hover-bg: #082f5f;
      --compare-theme-header-bg: #1c7fd6;
      --compare-theme-row-bg: #ebf4ff;
      --compare-theme-border: #84add8;
      --compare-theme-strong: #0b3c78;
    }
    .business-compare-section-row td {
      border-color: var(--compare-theme-border, #c8d6e8);
      background: var(--compare-theme-title-bg, #1e7fda) !important;
      color: #ffffff !important;
      font-weight: 900;
    }
    .business-compare-parent-row td {
      border-top: 2px solid var(--compare-theme-border, #c8d6e8);
      border-bottom: 2px solid var(--compare-theme-border, #c8d6e8);
      background: var(--compare-theme-title-bg, #1e7fda) !important;
      color: #ffffff !important;
      font-weight: 900;
    }
    .business-compare-table tbody tr.business-compare-parent-row td.num {
      color: #ffffff !important;
    }
    .business-compare-table tbody tr.business-compare-theme-inbound:not(.business-compare-section-row):not(.business-compare-parent-row) td {
      background: #f2f8ff !important;
    }
    .business-compare-table tbody tr.business-compare-theme-outbound:not(.business-compare-section-row):not(.business-compare-parent-row) td {
      background: #f2fbf4 !important;
    }
    .business-compare-table tbody tr.business-compare-theme-relocation:not(.business-compare-section-row):not(.business-compare-parent-row) td {
      background: #f4f2ff !important;
    }
    .business-compare-table tbody tr.business-compare-theme-order:not(.business-compare-section-row):not(.business-compare-parent-row) td {
      background: #fff7ef !important;
    }
    .business-compare-table tbody tr.business-compare-theme-capacity:not(.business-compare-section-row):not(.business-compare-parent-row) td {
      background: #f0fdfa !important;
    }
    .business-compare-table tbody tr.business-compare-theme-inbound:not(.business-compare-section-row):not(.business-compare-parent-row):hover td {
      background: #e7f2ff !important;
    }
    .business-compare-table tbody tr.business-compare-theme-outbound:not(.business-compare-section-row):not(.business-compare-parent-row):hover td {
      background: #e6f7ea !important;
    }
    .business-compare-table tbody tr.business-compare-theme-relocation:not(.business-compare-section-row):not(.business-compare-parent-row):hover td {
      background: #ebe8ff !important;
    }
    .business-compare-table tbody tr.business-compare-theme-order:not(.business-compare-section-row):not(.business-compare-parent-row):hover td {
      background: #fff2e4 !important;
    }
    .business-compare-table tbody tr.business-compare-theme-capacity:not(.business-compare-section-row):not(.business-compare-parent-row):hover td {
      background: #ccfbf1 !important;
    }
    .business-compare-table tbody tr.business-compare-parent-row:hover td {
      background: var(--compare-theme-parent-hover-bg, var(--compare-theme-title-bg, #1e7fda)) !important;
      color: #ffffff !important;
    }
    .business-compare-metric-cell {
      white-space: normal;
    }
    .business-compare-depth-1 .business-compare-metric-cell {
      padding-left: 2em;
    }
    .business-compare-depth-2 .business-compare-metric-cell {
      padding-left: 4em;
    }
    .business-compare-modal-actions {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 10px;
      margin-top: 14px;
    }
    .business-compare-modal-actions .business-report-quick-btn {
      min-width: 96px;
    }
    .business-report-toolbar .module-export {
      border-radius: var(--btn-radius);
      box-shadow: none;
    }
    .inbound-appointments-export-toggle {
      margin-left: 0;
      white-space: nowrap;
    }
    .inbound-appointments-export {
      margin-left: 0;
    }
    .business-report-ai-generate {
      height: clamp(30px, 2.8vw, 34px);
      min-width: 86px;
      box-sizing: border-box;
      border: 1px solid #2563eb;
      border-radius: var(--btn-radius);
      padding: 0 12px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: clamp(13px, .95vw, 14px);
      font-weight: 800;
      line-height: 1;
      color: #ffffff;
      background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
      cursor: pointer;
      white-space: nowrap;
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16);
      letter-spacing: 0;
    }
    .business-report-ai-generate:hover {
      border-color: #1d4ed8;
      background: linear-gradient(135deg, #60a5fa 0%, #2563eb 100%);
      color: #ffffff;
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
    }
    .business-report-ai-generate:disabled {
      border-color: #94a3b8;
      color: #f8fafc;
      background: #94a3b8;
      cursor: not-allowed;
      box-shadow: none;
    }
    .business-report-ai-generate .ai-report-button-loading-label {
      display: inline-block;
      min-width: 0;
    }
    .business-report-ai-generate .ai-report-button-loading-dots,
    .business-chart-trend-ai-btn .ai-report-button-loading-dots,
    .overview-ai-interpret-btn .ai-report-button-loading-dots {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 3px;
      width: 20px;
      height: 1em;
      vertical-align: middle;
    }
    .business-report-ai-generate .ai-report-button-loading-dots {
      margin-left: 5px;
    }
    .business-report-ai-generate .ai-report-button-loading-dot,
    .business-chart-trend-ai-btn .ai-report-button-loading-dot,
    .overview-ai-interpret-btn .ai-report-button-loading-dot {
      width: 4px;
      height: 4px;
      border-radius: 999px;
      background: currentColor;
      opacity: 0.48;
      animation: businessAiButtonTypingPulse 1.1s ease-in-out infinite;
    }
    .business-report-ai-generate .ai-report-button-loading-dot:nth-child(2),
    .business-chart-trend-ai-btn .ai-report-button-loading-dot:nth-child(2),
    .overview-ai-interpret-btn .ai-report-button-loading-dot:nth-child(2) {
      animation-delay: 0.16s;
    }
    .business-report-ai-generate .ai-report-button-loading-dot:nth-child(3),
    .business-chart-trend-ai-btn .ai-report-button-loading-dot:nth-child(3),
    .overview-ai-interpret-btn .ai-report-button-loading-dot:nth-child(3) {
      animation-delay: 0.32s;
    }
    .overview-ai-interpret-btn {
      width: clamp(18px, 1.3vw, 22px);
      height: clamp(18px, 1.3vw, 22px);
      min-width: clamp(18px, 1.3vw, 22px);
      min-height: clamp(18px, 1.3vw, 22px);
      padding: 0;
      border: 1px solid #2563eb;
      border-radius: var(--btn-radius);
      background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
      color: #ffffff;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      box-sizing: border-box;
      line-height: 1;
      cursor: pointer;
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16);
      vertical-align: middle;
    }
    .overview-ai-interpret-btn:hover:not(:disabled) {
      border-color: #1d4ed8;
      background: linear-gradient(135deg, #60a5fa 0%, #2563eb 100%);
      color: #ffffff;
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
    }
    .overview-ai-interpret-btn:disabled {
      border-color: #94a3b8;
      background: #94a3b8;
      color: #f8fafc;
      cursor: not-allowed;
      box-shadow: none;
    }
    @keyframes businessAiButtonTypingPulse {
      0%,
      80%,
      100% {
        transform: translateY(0);
        opacity: 0.42;
      }
      40% {
        transform: translateY(-2px);
        opacity: 0.95;
      }
    }
    .history-range-toolbar .business-report-ai-generate {
      height: 32px;
      font-size: 13px;
    }
    .business-report-export {
      margin-left: auto;
      align-self: center;
      flex: 0 0 auto;
    }
    .business-report-range {
      display: none;
      color: #475569;
      font-size: 13px;
      font-weight: 700;
      margin-left: 0;
      padding-left: 10px;
      white-space: nowrap;
    }
    .business-report-table-wrap {
      position: relative;
      isolation: isolate;
      border: 1px solid #9fb1c8;
      border-radius: 4px;
      background: #ffffff;
      max-width: 100%;
      max-height: 620px;
      overflow: auto;
      -webkit-overflow-scrolling: touch;
      padding: 6px;
      box-shadow: none;
      scrollbar-width: thin;
      scrollbar-color: #97a9bf #c9d3df;
    }
    .business-report-table-wrap::before {
      display: none;
    }
    .business-report-table-wrap > * {
      position: relative;
      z-index: 1;
    }
    .business-report-table-wrap::-webkit-scrollbar {
      width: 10px;
      height: 10px;
    }
    .business-report-table-wrap::-webkit-scrollbar-track {
      background: #eff5fb;
      border-radius: 99px;
    }
    .business-report-table-wrap::-webkit-scrollbar-thumb {
      background: #bccadd;
      border-radius: 99px;
      border: 2px solid #eff5fb;
    }
    .business-table-scroll {
      width: 100%;
      max-width: 100%;
      overflow-x: auto;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: thin;
      scrollbar-color: #97a9bf #c9d3df;
    }
    .business-table-scroll::-webkit-scrollbar {
      height: 10px;
    }
    .business-table-scroll::-webkit-scrollbar-track {
      background: #eff5fb;
      border-radius: 99px;
    }
    .business-table-scroll::-webkit-scrollbar-thumb {
      background: #bccadd;
      border-radius: 99px;
      border: 2px solid #eff5fb;
    }
    .business-table-scroll > .business-report-table {
      width: 100%;
      min-width: 620px;
    }
    #business-current-summary-content,
    #business-efficiency-content {
      max-height: none;
      overflow: visible;
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 12px;
      align-items: start;
    }
    #business-current-summary-content .business-report-summary-meta {
      grid-column: 1 / -1;
      margin: 0 2px 2px 0;
    }
    #business-current-summary-content .business-current-summary-layout {
      grid-column: 1 / -1;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
      align-items: start;
      min-width: 0;
    }
    #business-current-summary-content .business-current-summary-left-column,
    #business-current-summary-content .business-current-summary-right-column,
    #business-current-summary-content .business-current-summary-order-row {
      min-width: 0;
    }
    #business-current-summary-content .business-current-summary-left-column,
    #business-current-summary-content .business-current-summary-right-column {
      display: grid;
      gap: 12px;
      align-items: start;
    }
    #business-current-summary-content .business-current-summary-order-row {
      grid-column: 1 / -1;
      display: grid;
      gap: 12px;
    }
    #business-current-summary-content .business-current-summary-layout .business-efficiency-group {
      height: auto;
    }
    #business-efficiency-content .business-efficiency-layout {
      grid-column: 1 / -1;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
      align-items: start;
      min-width: 0;
    }
    #business-efficiency-content .business-efficiency-layout-cell {
      min-width: 0;
    }
    #business-current-summary-content > .business-report-table-empty {
      grid-column: 1 / -1;
      border: 1px dashed #c7d8eb;
      border-radius: 10px;
      background: #ffffff;
    }
    #business-current-summary-content .business-report-table,
    #today-outbound-order-summary-content .business-report-table {
      min-width: 0;
      table-layout: fixed;
    }
    .today-outbound-order-summary-surface {
      width: 100%;
      max-width: 100%;
      min-width: 0;
      padding: 0;
      border: 0;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
      overflow: visible;
    }
    .today-outbound-order-summary-surface > .business-efficiency-group {
      margin: 0;
    }
    #business-current-summary-content .business-table-scroll > .business-report-table,
    #today-outbound-order-summary-content .business-table-scroll > .business-report-table,
    #business-efficiency-content .business-table-scroll > .business-report-table {
      min-width: 620px;
    }
    #business-current-summary-content .business-table-scroll > .business-summary-order-table,
    #today-outbound-order-summary-content .business-table-scroll > .business-summary-order-table {
      min-width: 980px;
    }
    #business-current-summary-content .business-table-scroll > .business-summary-capacity-current-table {
      min-width: 980px;
    }
    #business-current-summary-content .business-summary-capacity-current-table th,
    #business-current-summary-content .business-summary-capacity-current-table td {
      padding: 7px 8px;
      line-height: 1.15;
    }
    #business-current-summary-content .business-report-table th,
    #business-current-summary-content .business-report-table td,
    #today-outbound-order-summary-content .business-report-table th,
    #today-outbound-order-summary-content .business-report-table td {
      white-space: normal;
      word-break: break-word;
    }
    #business-current-summary-content .business-summary-work-table .business-summary-col-work {
      width: 44%;
    }
    #business-current-summary-content .business-summary-work-table .business-summary-col-qty {
      width: 24%;
    }
    #business-current-summary-content .business-summary-work-table .business-summary-col-spd {
      width: 32%;
    }
    #business-current-summary-content .business-summary-work-measure-table .business-summary-col-work {
      width: 32%;
    }
    #business-current-summary-content .business-summary-work-measure-table .business-summary-col-qty,
    #business-current-summary-content .business-summary-work-measure-table .business-summary-col-spd {
      width: 14%;
    }
    #business-current-summary-content .business-summary-work-measure-table .business-summary-col-volume,
    #business-current-summary-content .business-summary-work-measure-table .business-summary-col-weight {
      width: 20%;
    }
    #business-current-summary-content .business-summary-capacity-table .business-summary-col-period {
      width: 50%;
    }
    #business-current-summary-content .business-summary-capacity-table .business-summary-col-volume {
      width: 50%;
    }
    #business-current-summary-content .business-summary-order-table .business-summary-col-carrier,
    #today-outbound-order-summary-content .business-summary-order-table .business-summary-col-carrier {
      width: 22%;
    }
    #business-current-summary-content .business-summary-order-table .business-summary-col-qty,
    #today-outbound-order-summary-content .business-summary-order-table .business-summary-col-qty {
      width: 9.75%;
    }
    #business-current-summary-content .business-report-table th.num,
    #business-current-summary-content .business-report-table td.num,
    #today-outbound-order-summary-content .business-report-table th.num,
    #today-outbound-order-summary-content .business-report-table td.num {
      white-space: nowrap;
    }
    #business-current-summary-content .business-efficiency-group,
    #business-efficiency-content .business-efficiency-group {
      min-width: 0;
      margin-bottom: 0;
      height: 100%;
    }
    .business-operation-fee-card {
      min-height: 112px;
      display: grid;
      align-content: start;
      gap: 8px;
      border: 0;
      border-radius: 0;
      background: transparent;
      padding: 0;
    }
    .business-operation-fee-value {
      font-size: 28px;
      line-height: 1.15;
      font-weight: 800;
      color: #153c68;
      letter-spacing: 0;
    }
    .business-operation-fee-hint {
      font-size: 12px;
      color: #7a8797;
      line-height: 1.45;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      flex-wrap: wrap;
    }
    .business-operation-fee-info-btn {
      width: 18px;
      height: 18px;
      border-radius: 999px;
      border: 1px solid #8fb4dc;
      background: #eef7ff;
      color: #1f5f9e;
      font-size: 12px;
      font-weight: 900;
      line-height: 1;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      padding: 0;
    }
    .business-operation-fee-info-btn:hover {
      background: #dff0ff;
      border-color: #4a90d9;
      color: #0d4f8a;
    }
    .inventory-stats-sku-search-modal.operation-fee-issue-modal {
      z-index: 1190;
    }
    .business-ai-report-modal .inventory-stats-sku-search-dialog {
      width: min(960px, calc(100vw - 28px));
      min-height: min(420px, calc(100dvh - var(--sku-search-safe-top) - var(--sku-search-safe-bottom)));
      max-height: calc(100dvh - var(--sku-search-safe-top) - var(--sku-search-safe-bottom));
    }
    .business-ai-report-modal.is-positioned .inventory-stats-sku-search-dialog {
      max-height: min(var(--sku-search-modal-max-height, 1260px), calc(100dvh - var(--sku-search-safe-top) - var(--sku-search-safe-bottom)));
    }
    .business-ai-report-modal .inventory-stats-sku-search-modal-body {
      display: flex;
      flex-direction: column;
      gap: 12px;
      padding-bottom: 14px;
    }
    .business-ai-report-content {
      flex: 1 1 auto;
      min-height: 260px;
      overflow: auto;
      border: 1px solid #bfdbfe;
      border-radius: 8px;
      background: #ffffff;
      padding: 16px 18px;
      color: #172033;
      font-size: 14px;
      line-height: 1.7;
    }
    .business-ai-report-content.loading {
      display: flex;
      flex-direction: column;
      gap: 12px;
      align-items: center;
      justify-content: center;
      color: #475569;
      font-weight: 800;
    }
    .business-ai-report-loading-text {
      text-align: center;
    }
    .business-ai-report-typing-bubble {
      display: inline-flex;
      width: auto;
      min-width: 0;
      align-items: center;
      justify-content: center;
      border: 0;
      padding: 0;
      background: transparent;
      box-shadow: none;
    }
    .business-ai-report-typing-indicator {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      height: 18px;
    }
    .business-ai-report-typing-dot {
      width: 7px;
      height: 7px;
      border-radius: 999px;
      background: #6f829d;
      opacity: 0.45;
      animation: businessAiTypingPulse 1.1s ease-in-out infinite;
    }
    .business-ai-report-typing-dot:nth-child(2) {
      animation-delay: 0.16s;
    }
    .business-ai-report-typing-dot:nth-child(3) {
      animation-delay: 0.32s;
    }
    @keyframes businessAiTypingPulse {
      0%,
      80%,
      100% {
        transform: translateY(0);
        opacity: 0.38;
      }
      40% {
        transform: translateY(-3px);
        opacity: 0.9;
      }
    }
    .business-ai-report-content h1,
    .business-ai-report-content h2,
    .business-ai-report-content h3,
    .business-ai-report-content h4 {
      margin: 10px 0 8px;
      color: #0b3c78;
      line-height: 1.35;
    }
    .business-ai-report-content h1 {
      font-size: 22px;
    }
    .business-ai-report-content h2 {
      font-size: 18px;
    }
    .business-ai-report-content h3,
    .business-ai-report-content h4 {
      font-size: 15px;
    }
    .business-ai-report-content p {
      margin: 0 0 10px;
    }
    .business-ai-report-content ul,
    .business-ai-report-content ol {
      margin: 0 0 10px 22px;
      padding: 0;
    }
    .business-ai-report-content li {
      margin: 4px 0;
    }
    .business-ai-report-content blockquote {
      margin: 0 0 10px;
      border-left: 3px solid #93c5fd;
      padding: 6px 0 6px 10px;
      color: #475569;
      background: #f8fbff;
    }
    .business-ai-report-content hr {
      border: 0;
      border-top: 1px solid #dbeafe;
      margin: 12px 0;
    }
    .business-ai-report-content code {
      border-radius: 4px;
      padding: 1px 4px;
      background: rgba(15, 23, 42, 0.08);
      font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
      font-size: 12px;
    }
    .business-ai-report-content pre {
      overflow: auto;
      margin: 0 0 10px;
      border-radius: 8px;
      padding: 10px 12px;
      background: #f1f5f9;
    }
    .business-ai-report-content pre code {
      padding: 0;
      background: transparent;
      white-space: pre;
    }
    .business-ai-report-content table {
      width: 100%;
      margin: 0 0 12px;
      border-collapse: collapse;
      overflow-wrap: normal;
      white-space: normal;
    }
    .business-ai-report-content th,
    .business-ai-report-content td {
      border: 1px solid #dbeafe;
      padding: 8px 10px;
      text-align: left;
      vertical-align: top;
    }
    .business-ai-report-content th {
      background: #f1f5f9;
      color: #0f2f57;
      font-weight: 800;
    }
    .business-ai-report-actions {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end;
      gap: 10px;
      padding-top: 2px;
    }
    .business-ai-report-actions .business-ai-report-icon-btn {
      width: 34px;
      height: 34px;
      min-width: 34px;
      border: 1px solid #bfdbfe;
      border-radius: 8px;
      padding: 0;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: #1d4ed8;
      background: #eff6ff;
      cursor: pointer;
      transition: background 160ms ease, border-color 160ms ease, color 160ms ease, box-shadow 160ms ease;
    }
    .business-ai-report-actions .business-ai-report-icon-btn:hover:not(:disabled) {
      border-color: #60a5fa;
      color: #0f3ea5;
      background: #dbeafe;
      box-shadow: 0 6px 14px rgba(37, 99, 235, 0.16);
    }
    .business-ai-report-actions .business-ai-report-icon-btn:disabled {
      color: #94a3b8;
      background: #f1f5f9;
      border-color: #dbe3ee;
      cursor: not-allowed;
      box-shadow: none;
    }
    .business-ai-report-actions .business-ai-report-icon-btn.secondary {
      color: #475569;
      background: #f8fafc;
      border-color: #cbd5e1;
    }
    .business-ai-report-actions .business-ai-report-icon-btn.secondary:hover:not(:disabled) {
      color: #1f2937;
      background: #eef2f7;
      border-color: #94a3b8;
    }
    .business-ai-report-actions .business-ai-report-icon-btn svg {
      width: 18px;
      height: 18px;
      display: block;
      stroke: currentColor;
      fill: none;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
    }
    .business-ai-report-actions .business-ai-report-icon-btn svg text {
      fill: currentColor;
      stroke: none;
      font-family: "Microsoft YaHei UI", "Segoe UI", sans-serif;
      font-size: 5.2px;
      font-weight: 900;
      text-anchor: middle;
      dominant-baseline: middle;
    }
    .inventory-stats-sku-search-dialog.operation-fee-issue-dialog {
      width: min(980px, calc(100vw - 28px));
      min-height: 0;
      height: auto;
      max-height: min(720px, calc(100vh - 48px));
      max-height: min(720px, calc(100dvh - 48px));
    }
    .operation-fee-issue-dialog .operation-fee-issue-body {
      flex: 0 1 auto;
      max-height: calc(100vh - 126px);
      max-height: calc(100dvh - 126px);
      overflow: auto;
    }
    .operation-fee-issue-table {
      min-width: 860px;
    }
    .operation-fee-issue-table.operation-fee-zero-volume-table {
      min-width: 920px;
    }
    .business-operation-fee-section {
      min-width: 0;
      max-width: 100%;
    }
    .business-operation-fee-table {
      width: 100%;
      min-width: 0;
      table-layout: fixed;
    }
    .business-operation-fee-card .business-table-scroll > .business-operation-fee-table {
      min-width: 620px;
    }
    .business-operation-fee-card .business-table-scroll > .business-operation-fee-combined-table {
      min-width: 620px;
    }
    .business-operation-fee-card .business-operation-fee-combined-table {
      -webkit-text-size-adjust: 100%;
      text-size-adjust: 100%;
    }
    .business-operation-fee-combined-table th,
    .business-operation-fee-combined-table td {
      font-size: 13px !important;
      line-height: 1.2;
    }
    .business-operation-fee-table .business-operation-fee-col-range {
      width: 34%;
    }
    .business-operation-fee-table .business-operation-fee-col-price {
      width: 22%;
    }
    .business-operation-fee-table .business-operation-fee-col-qty {
      width: 14%;
    }
    .business-operation-fee-table .business-operation-fee-col-amount {
      width: 18%;
    }
    .business-operation-fee-table .business-operation-fee-col-share {
      width: 12%;
    }
    .business-operation-fee-section-row td {
      background: var(--biz-theme-total-bg, #ebf4ff);
      color: var(--biz-theme-total-strong, #0b3c78);
      font-size: 13px !important;
      font-weight: 800;
      text-align: left;
    }
    .business-operation-fee-section-row.business-operation-fee-inbound td,
    .business-operation-fee-total-row.business-operation-fee-inbound td {
      background: #ebf4ff !important;
      color: #0b3c78 !important;
    }
    .business-operation-fee-section-row.business-operation-fee-outbound td,
    .business-operation-fee-total-row.business-operation-fee-outbound td {
      background: #ecf9ef !important;
      color: #125643 !important;
    }
    .business-operation-fee-total-row.business-operation-fee-inbound td {
      border-top-color: #84add8;
    }
    .business-operation-fee-total-row.business-operation-fee-outbound td {
      border-top-color: #81c696;
    }
    .business-operation-fee-combined-table tbody tr.business-operation-fee-detail-row.business-operation-fee-inbound.business-row-odd td {
      background: #ffffff !important;
    }
    .business-operation-fee-detail-row.business-operation-fee-inbound.business-row-even td {
      background: #f2f8ff !important;
    }
    .business-operation-fee-combined-table tbody tr.business-operation-fee-detail-row.business-operation-fee-outbound.business-row-odd td {
      background: #ffffff !important;
    }
    .business-operation-fee-detail-row.business-operation-fee-outbound.business-row-even td {
      background: #f2fbf4 !important;
    }
    .business-operation-fee-detail-row.business-operation-fee-inbound:hover td {
      background: #e7f2ff !important;
    }
    .business-operation-fee-detail-row.business-operation-fee-outbound:hover td {
      background: #e6f7ea !important;
    }
    .business-operation-fee-grand-total-row td {
      background: var(--biz-theme-total-bg, #ebf4ff) !important;
      border-top: 3px double var(--biz-theme-total-border, #84add8);
      color: var(--biz-theme-total-strong, #0b3c78) !important;
    }
    .business-operation-fee-combined-table tbody tr.business-operation-fee-detail-row td,
    .business-operation-fee-combined-table tbody tr.business-operation-fee-detail-row td:first-child,
    .business-operation-fee-combined-table tbody tr.business-operation-fee-detail-row td.num {
      color: #0b1220 !important;
    }
    .business-operation-fee-card .business-efficiency-group {
      margin: 0;
    }
    .business-operation-fee-card .business-report-table th,
    .business-operation-fee-card .business-report-table td {
      white-space: normal;
      word-break: break-word;
    }
    .business-operation-fee-card .business-report-table th.num,
    .business-operation-fee-card .business-report-table td.num {
      white-space: nowrap;
    }
    .business-operation-fee-card .business-report-table-empty {
      padding: 8px 10px;
      background: var(--biz-theme-row-odd, #ffffff);
      color: #64748b;
      font-size: 13px !important;
      line-height: 1.2;
      font-weight: 600;
      text-align: left;
    }
    .business-operation-fee-empty {
      border: 1px dashed #cbd5e1;
      border-radius: 4px;
      padding: 10px;
      color: #64748b;
      font-size: 12px;
      text-align: center;
      background: #f8fafc;
    }
    #business-efficiency-content .business-efficiency-subgroup-grid {
      display: block;
      padding: 0;
    }
    #business-efficiency-content .business-efficiency-subgroup {
      margin: 0;
      padding: 0;
      border: 1px solid #d8e5f3;
      border-radius: 0;
      overflow: hidden;
      background: #ffffff;
    }
    #business-efficiency-content .business-efficiency-subgroup + .business-efficiency-subgroup {
      margin-top: 12px;
      padding-top: 10px;
      border-top: 1px solid #d8e5f3;
    }
    #business-efficiency-content .business-efficiency-subgroup-title {
      text-align: center;
    }
    #business-efficiency-content .business-report-table {
      min-width: 0;
      table-layout: fixed;
    }
    #business-efficiency-content .business-efficiency-col-person {
      width: 46%;
    }
    #business-efficiency-content .business-efficiency-col-qty {
      width: 18%;
    }
    #business-efficiency-content .business-efficiency-col-hours {
      width: 18%;
    }
    #business-efficiency-content .business-efficiency-col-spd {
      width: 18%;
    }
    #business-efficiency-content .business-report-table th:first-child,
    #business-efficiency-content .business-report-table td:first-child {
      white-space: normal;
      word-break: break-word;
    }
    #business-efficiency-content .business-report-table th.num,
    #business-efficiency-content .business-report-table td.num {
      white-space: nowrap;
    }
    .business-report-table {
      width: 100%;
      border-collapse: separate;
      border-spacing: 0;
      min-width: 680px;
      font-size: 14px;
      color: #0b1220;
    }
    .business-report-table th,
    .business-report-table td {
      border-bottom: 1px solid #b6c6d8;
      padding: 7px 10px;
      white-space: nowrap;
      text-align: left;
      vertical-align: middle;
      line-height: 1.2;
    }
    .business-report-table th + th,
    .business-report-table td + td {
      border-left: 1px solid #c2cfdf;
    }
    .business-report-table th {
      position: sticky;
      top: 0;
      z-index: 2;
      background: var(--biz-theme-header-bg, #4fa8ef);
      text-align: left;
      font-size: 13px;
      font-weight: 800;
      letter-spacing: 0;
      color: #06101f;
      text-transform: none;
    }
    .business-report-table thead th:first-child {
      border-top-left-radius: 0;
    }
    .business-report-table thead th:last-child {
      border-top-right-radius: 0;
    }
    .business-report-table th.num {
      text-align: right;
      font-variant-numeric: tabular-nums;
    }
    .business-report-table td.num {
      text-align: right;
      font-variant-numeric: tabular-nums;
      font-weight: 800;
      color: #0b1220;
      text-shadow: none;
    }
    .business-report-table tbody tr {
      transition: background-color 160ms ease;
    }
    .business-report-table tbody tr:nth-child(odd) td {
      background: var(--biz-theme-row-odd, #ffffff);
    }
    .business-report-table tbody td:first-child {
      color: #0f172a;
      font-weight: 700;
    }
    .business-report-table tbody tr:nth-child(even) td {
      background: var(--biz-theme-row-even, #f5f9ff);
    }
    .business-report-table tbody tr:hover td {
      background: #f5f9ff;
    }
    .business-report-table tbody tr:hover td:first-child {
      color: #0b1220;
    }
    .business-report-table tbody tr:last-child td {
      border-bottom: 0;
    }
    .business-report-table-empty {
      padding: 22px 12px;
      text-align: center;
      color: #64748b;
      font-size: 15px;
      font-weight: 700;
    }
    .history-range-input { min-width: 148px; }
    .inventory-stats-day-input {
      min-width: 150px;
      width: 150px;
      height: clamp(30px, 2.8vw, 34px);
      padding: 0 36px 0 8px;
      border: 1px solid var(--line);
      border-radius: 4px;
      font-size: clamp(13px, .95vw, 14px);
      background-color: #fff;
      box-shadow: none;
    }
    .inventory-stats-themed-card {
      border-width: 1px;
      border-style: solid;
      border-color: var(--biz-theme-border, #9fc2e6);
      background: var(--surface-bg, #ffffff);
      border-radius: 2px;
      padding: 8px;
      overflow: hidden;
    }
    .inventory-stats-themed-card .history-title {
      margin: 0 0 8px 0;
      padding: 0;
      border-bottom: 0;
      color: inherit;
      text-align: center;
    }
    .inventory-stats-card-subtitle {
      margin: -2px 0 8px 0;
      text-align: center;
    }
    .location-analysis-capacity-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
      width: 100%;
    }
    .location-analysis-capacity-panel {
      border: 0;
      background: transparent;
      padding: 0;
    }
    .location-analysis-capacity-card {
      border: 1px solid #d7e0ea;
      border-radius: 4px;
      background: #ffffff;
      padding: 12px 14px;
      min-width: 0;
    }
    .location-analysis-capacity-card-summary {
      background: #d9edff;
      border-color: #9ecbf4;
    }
    .location-analysis-capacity-card-area {
      background: #eaf4ff;
      border-color: #b7d7f4;
    }
    .location-analysis-capacity-card-title {
      color: #42526b;
      font-size: 16px;
      font-weight: 800;
      line-height: 1.3;
    }
    .location-analysis-capacity-card-value {
      margin-top: 6px;
      color: #0f172a;
      font-size: 24px;
      font-weight: 800;
      line-height: 1.15;
      word-break: break-word;
    }
    .location-analysis-capacity-card-primary {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 8px;
    }
    .location-analysis-capacity-primary-item {
      min-width: 0;
    }
    .location-analysis-capacity-primary-label {
      color: #64748b;
      font-size: 12px;
      font-weight: 700;
      line-height: 1.25;
    }
    .location-analysis-capacity-primary-value {
      margin-top: 3px;
      color: #111827;
      font-size: 21px;
      font-weight: 800;
      line-height: 1.12;
      word-break: break-word;
    }
    .location-analysis-capacity-primary-total .location-analysis-capacity-primary-value {
      color: #111827;
    }
    .location-analysis-capacity-primary-used .location-analysis-capacity-primary-value {
      color: #0f3d7a;
    }
    .location-analysis-capacity-primary-rate .location-analysis-capacity-primary-value {
      color: #166534;
    }
    .location-analysis-capacity-rate-meter {
      margin-top: 4px;
      display: grid;
      gap: 5px;
      --capacity-rate-color: #2563eb;
      --capacity-rate-bg: rgba(37, 99, 235, 0.16);
      --capacity-rate-value: 0%;
    }
    .location-analysis-capacity-rate-meter[data-rate-tone="low"] {
      --capacity-rate-color: #f97316;
      --capacity-rate-bg: rgba(249, 115, 22, 0.18);
    }
    .location-analysis-capacity-rate-meter[data-rate-tone="medium"] {
      --capacity-rate-color: #2563eb;
      --capacity-rate-bg: rgba(37, 99, 235, 0.16);
    }
    .location-analysis-capacity-rate-meter[data-rate-tone="high"] {
      --capacity-rate-color: #16a34a;
      --capacity-rate-bg: rgba(22, 163, 74, 0.16);
    }
    .location-analysis-capacity-rate-text {
      color: var(--capacity-rate-color);
      font-size: 18px;
      font-weight: 900;
      line-height: 1.05;
      font-variant-numeric: tabular-nums;
    }
    .location-analysis-capacity-rate-track {
      width: 100%;
      height: 9px;
      overflow: hidden;
      border-radius: 999px;
      background: var(--capacity-rate-bg);
      box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.08);
    }
    .location-analysis-capacity-rate-fill {
      display: block;
      width: var(--capacity-rate-value);
      height: 100%;
      min-width: 2px;
      max-width: 100%;
      border-radius: inherit;
      background: var(--capacity-rate-color);
      transition: width 180ms ease;
    }
    .location-analysis-capacity-card-date {
      margin-top: 8px;
      color: #64748b;
      font-size: 12px;
      font-weight: 600;
      line-height: 1.3;
    }
    .location-analysis-capacity-card-meta {
      margin-top: 8px;
      display: flex;
      flex-wrap: wrap;
      gap: 5px 10px;
      color: #475569;
      font-size: 12px;
      font-weight: 600;
      line-height: 1.35;
    }
    .location-analysis-capacity-meta-item {
      display: inline-flex;
      align-items: center;
      gap: 4px;
      min-height: 20px;
      padding: 2px 7px;
      border: 1px solid #bfd7f0;
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.72);
      color: #334155;
      white-space: nowrap;
    }
    .location-analysis-capacity-meta-label {
      color: #64748b;
      font-weight: 700;
    }
    .location-analysis-capacity-meta-value {
      color: #0f172a;
      font-weight: 800;
    }
    .location-analysis-empty-location-trigger {
      appearance: none;
      margin: 0;
      font: inherit;
      text-decoration: none;
      cursor: pointer;
    }
    .location-analysis-capacity-sync-btn {
      white-space: nowrap;
    }
    .location-analysis-capacity-sync-progress {
      width: 100%;
      margin-top: 10px;
      padding: 10px 12px;
      border: 1px solid rgba(37, 99, 235, 0.2);
      border-radius: 10px;
      background: rgba(239, 246, 255, 0.88);
      box-sizing: border-box;
    }
    .location-analysis-capacity-sync-progress[hidden] {
      display: none;
    }
    .location-analysis-capacity-sync-progress-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      margin-bottom: 7px;
      color: #1e3a5f;
      font-size: 13px;
      font-weight: 800;
    }
    .location-analysis-capacity-sync-progress .inbound-appointments-progress-track {
      width: 100%;
      margin: 0;
    }
    .location-analysis-capacity-sync-progress .inbound-appointments-progress-fill {
      width: 0;
      transition: width 220ms ease;
    }
    .location-analysis-capacity-sync-progress .inbound-appointments-progress-text {
      margin-top: 7px;
    }
    .location-analysis-capacity-sync-progress.is-success {
      border-color: rgba(22, 163, 74, 0.28);
      background: rgba(240, 253, 244, 0.9);
    }
    .location-analysis-capacity-sync-progress.is-error {
      border-color: rgba(220, 38, 38, 0.25);
      background: rgba(254, 242, 242, 0.92);
    }
    html[data-theme="dark"] .location-analysis-capacity-sync-progress {
      border-color: rgba(96, 165, 250, 0.28);
      background: rgba(15, 37, 65, 0.9);
    }
    html[data-theme="dark"] .location-analysis-capacity-sync-progress-head {
      color: #dbeafe;
    }
    html[data-theme="dark"] .location-analysis-capacity-sync-progress.is-success {
      border-color: rgba(74, 222, 128, 0.3);
      background: rgba(15, 55, 38, 0.9);
    }
    html[data-theme="dark"] .location-analysis-capacity-sync-progress.is-error {
      border-color: rgba(248, 113, 113, 0.32);
      background: rgba(67, 24, 31, 0.9);
    }
    .location-analysis-empty-location-trigger.location-analysis-capacity-meta-item {
      min-height: 25px;
      padding: 3px 8px 3px 9px;
      border: 1px solid rgba(0, 122, 255, 0.34);
      background: linear-gradient(180deg, rgba(235, 246, 255, 0.98), rgba(214, 235, 255, 0.94));
      color: #075ea8;
      box-shadow:
        0 3px 9px rgba(0, 122, 255, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.92);
      transition: background 150ms ease, border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
    }
    .location-analysis-empty-location-trigger.location-analysis-capacity-meta-item::after {
      content: "";
      display: block;
      flex: 0 0 15px;
      width: 15px;
      height: 15px;
      margin-left: 2px;
      border-radius: 999px;
      background-color: #007aff;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M4.25 2.25 8 6l-3.75 3.75' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: center;
      background-size: 10px 10px;
    }
    .location-analysis-empty-location-trigger .location-analysis-capacity-meta-label {
      color: #256a9f;
    }
    .location-analysis-empty-location-trigger .location-analysis-capacity-meta-value {
      color: #064f8f;
    }
    .location-analysis-empty-location-trigger:hover,
    .location-analysis-empty-location-trigger:focus-visible {
      border-color: rgba(0, 122, 255, 0.56);
      background: linear-gradient(180deg, #eef8ff, #cce8ff);
      color: #0057a3;
      box-shadow:
        0 5px 13px rgba(0, 122, 255, 0.24),
        0 0 0 3px rgba(0, 122, 255, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.96);
      transform: translateY(-1px);
      text-decoration: none;
    }
    .location-analysis-empty-location-trigger:focus-visible {
      outline: none;
      box-shadow:
        0 4px 12px rgba(0, 122, 255, 0.22),
        0 0 0 4px rgba(0, 122, 255, 0.2);
    }
    html[data-theme="dark"] .location-analysis-empty-location-trigger.location-analysis-capacity-meta-item {
      border-color: rgba(100, 210, 255, 0.38);
      background: linear-gradient(180deg, rgba(24, 82, 132, 0.92), rgba(16, 62, 106, 0.9));
      color: #b9e3ff;
      box-shadow:
        0 4px 12px rgba(0, 0, 0, 0.24),
        0 0 0 1px rgba(100, 210, 255, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.11);
    }
    html[data-theme="dark"] .location-analysis-empty-location-trigger .location-analysis-capacity-meta-label {
      color: #a9d8ff;
    }
    html[data-theme="dark"] .location-analysis-empty-location-trigger .location-analysis-capacity-meta-value {
      color: #ffffff;
    }
    html[data-theme="dark"] .location-analysis-empty-location-trigger:hover,
    html[data-theme="dark"] .location-analysis-empty-location-trigger:focus-visible {
      border-color: rgba(100, 210, 255, 0.68);
      background: linear-gradient(180deg, rgba(31, 105, 168, 0.96), rgba(20, 77, 130, 0.94));
      color: #ffffff;
      box-shadow:
        0 6px 16px rgba(0, 0, 0, 0.3),
        0 0 0 3px rgba(100, 210, 255, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.14);
    }
    .location-analysis-empty-location-dialog {
      width: min(1600px, calc(100vw - 28px));
      min-width: min(680px, calc(100vw - 28px));
      max-height: min(820px, calc(100dvh - var(--sku-search-safe-top) - var(--sku-search-safe-bottom)));
    }
    .location-analysis-empty-location-body {
      display: flex;
      flex-direction: column;
      gap: 10px;
      overflow: hidden;
    }
    .location-analysis-empty-location-table-wrap {
      position: relative;
      isolation: isolate;
      flex: 1 1 auto;
      min-height: 0;
      overflow: auto;
      overscroll-behavior-inline: contain;
    }
    .location-analysis-empty-location-loading {
      display: flex;
      min-height: 240px;
      height: 100%;
      padding: 28px;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }
    .location-analysis-empty-location-loading .inbound-appointments-progress-track {
      width: min(480px, 82%);
      margin: 0;
    }
    .location-analysis-empty-location-loading .inbound-appointments-progress-fill {
      width: 38%;
      animation: locationAnalysisEmptyLocationProgress 1.45s ease-in-out infinite;
      will-change: transform;
    }
    .location-analysis-empty-location-loading .inbound-appointments-progress-text {
      margin-top: 14px;
      text-align: center;
    }
    @keyframes locationAnalysisEmptyLocationProgress {
      0% { transform: translateX(-185%); }
      100% { transform: translateX(365%); }
    }
    @media (prefers-reduced-motion: reduce) {
      .location-analysis-empty-location-loading .inbound-appointments-progress-fill {
        width: 68%;
        animation: none;
      }
    }
    .business-report-table.inventory-stats-table.location-analysis-empty-location-table {
      width: 1644px;
      min-width: 1644px;
      table-layout: fixed;
    }
    .location-analysis-empty-location-table th,
    .location-analysis-empty-location-table td {
      min-height: 42px;
      padding: 10px 12px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .location-analysis-empty-location-table th {
      font-size: 13px;
      line-height: 1.25;
    }
    .location-analysis-empty-location-table th[data-empty-location-sort="1"] {
      padding-right: 12px;
      cursor: pointer;
      user-select: none;
    }
    .location-analysis-empty-location-table .inventory-stats-th-content {
      display: flex;
      width: 100%;
      justify-content: space-between;
      gap: 6px;
    }
    .location-analysis-empty-location-table .inventory-stats-th-label {
      overflow: visible;
      text-overflow: clip;
    }
    .location-analysis-empty-location-table .business-sort-indicator {
      flex: 0 0 auto;
      color: #64748b;
    }
    .location-analysis-empty-location-table th:nth-child(1),
    .location-analysis-empty-location-table td:nth-child(1) {
      position: sticky;
      left: 0;
    }
    .location-analysis-empty-location-table th:nth-child(1) {
      z-index: 5;
      box-shadow:
        -12px 0 0 var(--biz-theme-header-bg, #f5f5f7),
        7px 0 12px -10px rgba(15, 23, 42, 0.6);
    }
    .location-analysis-empty-location-table td:nth-child(1) {
      z-index: 2;
    }
    .location-analysis-empty-location-table tbody tr:nth-child(odd) td:nth-child(1) {
      box-shadow:
        -12px 0 0 var(--biz-theme-row-odd, #ffffff),
        7px 0 12px -10px rgba(15, 23, 42, 0.6);
    }
    .location-analysis-empty-location-table tbody tr:nth-child(even) td:nth-child(1) {
      box-shadow:
        -12px 0 0 var(--biz-theme-row-even, #fbfbfd),
        7px 0 12px -10px rgba(15, 23, 42, 0.6);
    }
    .location-analysis-empty-location-table tbody tr:hover td:nth-child(1) {
      box-shadow:
        -12px 0 0 var(--biz-theme-row-hover, #f2f7ff),
        7px 0 12px -10px rgba(15, 23, 42, 0.6);
    }
    .location-analysis-empty-location-dialog.is-compact .inventory-stats-sku-search-dialog-head > :first-child {
      flex: 1 1 auto;
    }
    .location-analysis-empty-location-dialog.is-compact .inventory-stats-sku-search-dialog-subtitle {
      overflow: visible;
      white-space: normal;
      text-overflow: clip;
    }
    .location-analysis-empty-location-dialog.is-compact .location-analysis-empty-location-table-wrap {
      border: 0;
      background: transparent;
      overflow-x: hidden;
    }
    .location-analysis-empty-location-mobile-toolbar {
      position: sticky;
      top: 0;
      z-index: 2;
      display: flex;
      align-items: center;
      gap: 8px;
      margin-bottom: 9px;
      padding: 8px;
      border: 1px solid rgba(60, 60, 67, 0.1);
      border-radius: 12px;
      background: rgba(248, 248, 250, 0.92);
      box-shadow: 0 4px 12px rgba(31, 38, 54, 0.06);
      -webkit-backdrop-filter: saturate(180%) blur(18px);
      backdrop-filter: saturate(180%) blur(18px);
    }
    .location-analysis-empty-location-mobile-toolbar label {
      flex: 0 0 auto;
      color: #6e6e73;
      font-size: 12px;
      font-weight: 650;
    }
    .location-analysis-empty-location-mobile-toolbar select {
      min-width: 0;
      flex: 1 1 auto;
      height: 34px;
      padding: 0 30px 0 10px;
      border: 1px solid rgba(60, 60, 67, 0.13);
      border-radius: 9px;
      background-color: rgba(255, 255, 255, 0.88);
      color: #1d1d1f;
      font: inherit;
    }
    .location-analysis-empty-location-sort-direction {
      flex: 0 0 auto;
      min-width: 72px;
      height: 34px;
      padding: 0 10px;
      border: 1px solid rgba(0, 122, 255, 0.2);
      border-radius: 9px;
      background: rgba(0, 122, 255, 0.1);
      color: #007aff;
      font-weight: 700;
      cursor: pointer;
    }
    .location-analysis-empty-location-cards {
      display: grid;
      gap: 9px;
    }
    .location-analysis-empty-location-card {
      overflow: hidden;
      border: 1px solid rgba(60, 60, 67, 0.1);
      border-radius: 13px;
      background: rgba(255, 255, 255, 0.9);
      box-shadow: 0 5px 16px rgba(31, 38, 54, 0.055);
    }
    .location-analysis-empty-location-card-head {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: 10px;
      padding: 10px 12px;
      border-bottom: 1px solid rgba(60, 60, 67, 0.08);
      background: rgba(0, 122, 255, 0.075);
    }
    .location-analysis-empty-location-card-code {
      min-width: 0;
      color: #0a4f9c;
      font-size: 15px;
      font-weight: 800;
      overflow-wrap: anywhere;
    }
    .location-analysis-empty-location-card-fields {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      margin: 0;
      padding: 4px 12px 10px;
    }
    .location-analysis-empty-location-card-field {
      min-width: 0;
      padding: 7px 8px 5px 0;
      border-bottom: 1px solid rgba(60, 60, 67, 0.06);
    }
    .location-analysis-empty-location-card-field:nth-last-child(-n + 2) {
      border-bottom: 0;
    }
    .location-analysis-empty-location-card-field dt {
      margin: 0 0 2px;
      color: #8e8e93;
      font-size: 11px;
      font-weight: 600;
      line-height: 1.25;
    }
    .location-analysis-empty-location-card-field dd {
      margin: 0;
      color: #2c2c2e;
      font-size: 13px;
      font-weight: 650;
      line-height: 1.35;
      overflow-wrap: anywhere;
    }
    .location-analysis-empty-location-body .table-pagination-bar {
      flex: 0 0 auto;
      margin: 0;
    }
    .table-pagination-compact-status {
      display: none;
    }
    .location-analysis-empty-location-dialog.is-compact .location-analysis-empty-location-pagination {
      padding: 6px 8px;
      gap: 0;
      border-radius: 12px;
    }
    .location-analysis-empty-location-dialog.is-compact .location-analysis-empty-location-pagination .table-pagination-main {
      display: flex;
      justify-content: center;
      width: 100%;
      min-width: 0;
    }
    .location-analysis-empty-location-dialog.is-compact .location-analysis-empty-location-pagination .table-pagination-nav {
      width: 100%;
      justify-content: center;
      flex-wrap: nowrap;
      min-width: 0;
    }
    .location-analysis-empty-location-dialog.is-compact .location-analysis-empty-location-pagination .table-pagination-size-wrap,
    .location-analysis-empty-location-dialog.is-compact .location-analysis-empty-location-pagination [data-pagination-action="first"],
    .location-analysis-empty-location-dialog.is-compact .location-analysis-empty-location-pagination [data-pagination-action="last"],
    .location-analysis-empty-location-dialog.is-compact .location-analysis-empty-location-pagination .table-pagination-pages,
    .location-analysis-empty-location-dialog.is-compact .location-analysis-empty-location-pagination .table-pagination-jump-wrap,
    .location-analysis-empty-location-dialog.is-compact .location-analysis-empty-location-pagination .table-pagination-info {
      display: none;
    }
    .location-analysis-empty-location-dialog.is-compact .location-analysis-empty-location-pagination .table-pagination-compact-status {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 82px;
      height: 40px;
      padding: 0 8px;
      border: 1px solid rgba(235, 235, 245, 0.14);
      border-radius: 10px;
      color: var(--text);
      font-size: 13px;
      font-weight: 750;
      line-height: 1;
      white-space: nowrap;
      box-sizing: border-box;
    }
    .location-analysis-empty-location-dialog.is-compact .location-analysis-empty-location-pagination .table-pagination-compact-input {
      width: 34px;
      min-width: 0;
      height: 30px;
      padding: 0 2px;
      border: 0;
      border-radius: 6px;
      background: transparent;
      color: inherit;
      font: inherit;
      text-align: center;
      appearance: textfield;
      box-sizing: border-box;
    }
    .location-analysis-empty-location-dialog.is-compact .location-analysis-empty-location-pagination .table-pagination-compact-input::-webkit-outer-spin-button,
    .location-analysis-empty-location-dialog.is-compact .location-analysis-empty-location-pagination .table-pagination-compact-input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }
    .location-analysis-empty-location-dialog.is-compact .location-analysis-empty-location-pagination .table-pagination-compact-input:focus {
      outline: none;
      background: rgba(0, 122, 255, 0.12);
      box-shadow: 0 0 0 2px rgba(0, 122, 255, 0.24);
    }
    .location-analysis-empty-location-dialog.is-compact .location-analysis-empty-location-pagination button.table-pagination-btn {
      min-height: 40px !important;
      height: 40px !important;
    }
    html[data-theme="dark"] .location-analysis-empty-location-mobile-toolbar,
    html[data-theme="dark"] .location-analysis-empty-location-card {
      border-color: rgba(235, 235, 245, 0.12);
      background: rgba(44, 44, 46, 0.92);
      box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);
    }
    html[data-theme="dark"] .location-analysis-empty-location-mobile-toolbar label,
    html[data-theme="dark"] .location-analysis-empty-location-card-field dt {
      color: #aeaeb2;
    }
    html[data-theme="dark"] .location-analysis-empty-location-mobile-toolbar select {
      border-color: rgba(235, 235, 245, 0.14);
      background-color: rgba(58, 58, 60, 0.88);
      color: #f5f5f7;
    }
    html[data-theme="dark"] .location-analysis-empty-location-card-head {
      border-bottom-color: rgba(235, 235, 245, 0.1);
      background: rgba(10, 132, 255, 0.14);
    }
    html[data-theme="dark"] .location-analysis-empty-location-card-code {
      color: #8fc2ff;
    }
    html[data-theme="dark"] .location-analysis-empty-location-card-field {
      border-bottom-color: rgba(235, 235, 245, 0.07);
    }
    html[data-theme="dark"] .location-analysis-empty-location-card-field dd {
      color: #f2f2f7;
    }
    html[data-theme="dark"] .location-analysis-empty-location-dialog {
      --biz-theme-header-bg: #292b30;
      --biz-theme-row-odd: #1c1d20;
      --biz-theme-row-even: #222429;
      --biz-theme-row-hover: #29384a;
    }
    html[data-theme="dark"] .location-analysis-empty-location-table-wrap {
      border-color: rgba(235, 235, 245, 0.13);
      background: #18191c;
      scrollbar-color: rgba(174, 174, 178, 0.58) transparent;
    }
    html[data-theme="dark"] .location-analysis-empty-location-table-wrap::-webkit-scrollbar-track {
      background: #18191c;
    }
    html[data-theme="dark"] .location-analysis-empty-location-table-wrap::-webkit-scrollbar-thumb {
      border-color: #18191c;
      background: rgba(174, 174, 178, 0.55);
    }
    html[data-theme="dark"] .location-analysis-empty-location-dialog .location-analysis-empty-location-table th {
      border-bottom-color: rgba(235, 235, 245, 0.16);
      background: var(--biz-theme-header-bg);
      color: #f2f2f7;
    }
    html[data-theme="dark"] .location-analysis-empty-location-dialog .location-analysis-empty-location-table td,
    html[data-theme="dark"] .location-analysis-empty-location-dialog .location-analysis-empty-location-table tbody td:first-child,
    html[data-theme="dark"] .location-analysis-empty-location-dialog .location-analysis-empty-location-table td.num {
      color: #e5e5ea;
    }
    html[data-theme="dark"] .location-analysis-empty-location-dialog .location-analysis-empty-location-table tbody tr:nth-child(odd) td {
      background: var(--biz-theme-row-odd);
    }
    html[data-theme="dark"] .location-analysis-empty-location-dialog .location-analysis-empty-location-table tbody tr:nth-child(even) td {
      background: var(--biz-theme-row-even);
    }
    html[data-theme="dark"] .location-analysis-empty-location-dialog .location-analysis-empty-location-table tbody tr:hover td {
      background: var(--biz-theme-row-hover);
      color: #ffffff;
    }
    html[data-theme="dark"] .location-analysis-empty-location-table .business-sort-indicator {
      color: #64a8ff;
    }
    @media (max-width: 640px) {
      .location-analysis-capacity-grid {
        grid-template-columns: 1fr;
      }
      .location-analysis-capacity-card-primary {
        grid-template-columns: 1fr;
      }
      .location-analysis-empty-location-dialog {
        min-width: 0;
      }
    }
    @media (max-width: 420px) {
      .location-analysis-empty-location-card-fields {
        grid-template-columns: 1fr;
      }
      .location-analysis-empty-location-card-field:nth-last-child(2) {
        border-bottom: 1px solid rgba(60, 60, 67, 0.06);
      }
      .location-analysis-empty-location-mobile-toolbar {
        align-items: stretch;
        flex-wrap: wrap;
      }
      .location-analysis-empty-location-mobile-toolbar label {
        width: 100%;
      }
    }
    .inventory-stats-theme-inbound,
    .inventory-theme-inbound {
      --biz-theme-title-bg: #1c7fd6;
      --biz-theme-header-bg: #4aa8ef;
      --biz-theme-border: #9fc6ec;
      --biz-theme-row-odd: #ffffff;
      --biz-theme-row-even: #f2f8ff;
      --biz-theme-row-hover: #e7f2ff;
      --biz-theme-total-bg: #ebf4ff;
      --biz-theme-total-border: #84add8;
      --biz-theme-total-strong: #0b3c78;
      --inventory-active-row: #dbeafe;
      --inventory-active-row-first: #cfe3ff;
    }
    .inventory-stats-theme-outbound,
    .inventory-theme-outbound {
      --biz-theme-title-bg: #2ca94e;
      --biz-theme-header-bg: #58ce74;
      --biz-theme-border: #9cd8ad;
      --biz-theme-row-odd: #ffffff;
      --biz-theme-row-even: #f2fbf4;
      --biz-theme-row-hover: #e6f7ea;
      --biz-theme-total-bg: #ecf9ef;
      --biz-theme-total-border: #81c696;
      --biz-theme-total-strong: #125643;
      --inventory-active-row: #dbf5e3;
      --inventory-active-row-first: #d0edd8;
    }
    .inventory-stats-theme-order,
    .inventory-theme-order {
      --biz-theme-title-bg: #ef8523;
      --biz-theme-header-bg: #f5a357;
      --biz-theme-border: #f5b57f;
      --biz-theme-row-odd: #ffffff;
      --biz-theme-row-even: #fff7ef;
      --biz-theme-row-hover: #fff2e4;
      --biz-theme-total-bg: #fff8ef;
      --biz-theme-total-border: #e4a66d;
      --biz-theme-total-strong: #7e3f05;
      --inventory-active-row: #ffeddc;
      --inventory-active-row-first: #ffe2c4;
    }
    .inventory-stats-theme-inbound .business-report-table tbody tr:hover td,
    .inventory-theme-inbound .business-report-table tbody tr:hover td,
    .inventory-stats-theme-outbound .business-report-table tbody tr:hover td,
    .inventory-theme-outbound .business-report-table tbody tr:hover td,
    .inventory-stats-theme-order .business-report-table tbody tr:hover td,
    .inventory-theme-order .business-report-table tbody tr:hover td {
      background: var(--biz-theme-row-hover);
    }
    .inventory-stats-theme-inbound .history-chart-scroll,
    .inventory-theme-inbound .history-chart-scroll,
    .inventory-stats-theme-outbound .history-chart-scroll,
    .inventory-theme-outbound .history-chart-scroll,
    .inventory-stats-theme-order .history-chart-scroll,
    .inventory-theme-order .history-chart-scroll {
      margin: 0;
    }
    .inventory-stats-themed-card .business-report-table-wrap {
      border-color: var(--biz-theme-border, #9fc2e6);
      border-width: 2px;
      border-style: solid;
      border-radius: 2px;
      padding: 0;
      background: #ffffff;
      max-height: none;
      min-height: var(--inventory-stats-table-min-height, auto);
      overflow-x: auto;
      overflow-y: hidden;
    }
    .inventory-stats-themed-card .business-report-table-wrap.inventory-stats-with-pagination {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      border-bottom: 0;
    }
    .inventory-stats-themed-card .table-pagination-bar {
      margin: 8px 0 0 0;
      width: 100%;
      border-color: var(--biz-theme-border, #9fc2e6);
      border-width: 2px;
      border-radius: 2px;
      background: #edf1f5;
    }
    .inventory-stats-themed-card .business-report-table-wrap.inventory-stats-with-pagination + .table-pagination-bar {
      margin-top: 0;
      border-top-width: 2px;
      border-top-style: solid;
      border-top-color: var(--biz-theme-border, #9fc2e6);
      border-radius: 0 0 2px 2px;
    }
    .inventory-stats-themed-card .table-pagination-size-wrap label,
    .inventory-stats-themed-card .table-pagination-jump-wrap label,
    .inventory-stats-themed-card .table-pagination-info {
      color: #52606d;
    }
    .inventory-stats-themed-card .table-pagination-size-wrap select,
    .inventory-stats-themed-card .table-pagination-jump-wrap input {
      background: #ffffff;
      border-color: #c4ccd8;
      color: #223042;
    }
    .inventory-stats-themed-card button.table-pagination-btn,
    .inventory-stats-themed-card button.table-pagination-page-btn {
      background: #ffffff;
      border-color: #c4ccd8;
      color: #334155;
    }
    .inventory-stats-themed-card button.table-pagination-btn:hover,
    .inventory-stats-themed-card button.table-pagination-page-btn:hover {
      background: #dfe6ee;
      border-color: #a8b6c7;
    }
    .inventory-stats-themed-card button.table-pagination-btn:disabled,
    .inventory-stats-themed-card button.table-pagination-page-btn:disabled,
    .inventory-stats-themed-card button.table-pagination-btn:disabled:hover,
    .inventory-stats-themed-card button.table-pagination-page-btn:disabled:hover {
      background: #f4f6f9;
      border-color: #d7dee8;
      color: #98a6b7;
    }
    .inventory-stats-themed-card .table-pagination-current {
      background: #143d79;
      border-color: #143d79;
      color: #ffffff;
    }
    .business-report-table-wrap.inventory-stats-loading,
    .table-pagination-bar.inventory-stats-loading,
    .history-chart-scroll.inventory-stats-loading,
    .inventory-stats-sku-search-modal-body.inventory-stats-loading {
      position: relative;
    }
    .business-report-table-wrap.inventory-stats-loading::after,
    .table-pagination-bar.inventory-stats-loading::after,
    .history-chart-scroll.inventory-stats-loading::after,
    .inventory-stats-sku-search-modal-body.inventory-stats-loading::after {
      content: attr(data-loading-text);
      position: absolute;
      inset: 0;
      background: rgba(248, 251, 255, 0.6);
      pointer-events: none;
      border-radius: inherit;
      z-index: 3;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #334155;
      font-size: 14px;
      font-weight: 700;
      letter-spacing: 0;
    }
    .business-report-table-wrap.inventory-stats-loading > *,
    .table-pagination-bar.inventory-stats-loading > *,
    .history-chart-scroll.inventory-stats-loading > *,
    .inventory-stats-sku-search-modal-body.inventory-stats-loading > * {
      opacity: 0.58;
    }
    .inventory-stats-filter-bar {
      display: flex;
      align-items: center;
      gap: 8px;
      flex-wrap: wrap;
      padding: 0 0 8px 0;
      border-bottom: 1px solid rgba(148, 163, 184, 0.35);
      background: transparent;
    }
    .inventory-stats-toolbar-spacer {
      flex: 1 1 auto;
      min-width: 16px;
    }
    .inventory-stats-toolbar-search {
      display: inline-flex;
      align-items: center;
      justify-content: flex-end;
      gap: 8px;
      flex: 1 1 520px;
      min-width: min(100%, 460px);
      margin-left: auto;
    }
    .inventory-stats-search-label {
      flex: 0 0 auto;
      white-space: nowrap;
    }
    .inventory-stats-filter-input {
      min-width: 140px;
      width: 180px;
    }
    .inventory-stats-filter-op {
      min-width: 72px;
      width: 72px;
    }
    .inventory-stats-filter-number {
      width: 112px;
      min-width: 112px;
    }
    .inventory-stats-toolbar-search .inventory-stats-filter-input {
      flex: 0 1 240px;
      width: 140px;
      min-width: 120px;
    }
    .inventory-stats-toolbar-search .business-report-export {
      margin-left: 16px;
      flex: 0 0 auto;
    }
    .inventory-stats-sku-search-modal {
      position: fixed;
      inset: 0;
      z-index: 1200;
      display: none;
      align-items: center;
      justify-content: center;
      padding: 18px;
      background: rgba(15, 23, 42, 0.46);
      backdrop-filter: blur(4px);
      --sku-search-safe-top: max(env(safe-area-inset-top, 0px), var(--oc-wms-app-top-inset), 14px);
      --sku-search-safe-bottom: max(env(safe-area-inset-bottom, 0px), var(--oc-wms-app-bottom-inset), 18px);
      --sku-search-mobile-bottom-controls: 86px;
      --sku-search-mobile-bottom-clearance: calc(
        var(--sku-search-safe-bottom) + var(--sku-search-mobile-bottom-controls)
      );
      overscroll-behavior: none;
    }
    .inventory-stats-sku-search-modal.show {
      display: flex;
    }
    .inventory-stats-sku-search-modal.is-anchored {
      align-items: flex-start;
      justify-content: flex-start;
      background: rgba(15, 23, 42, 0.18);
    }
    .inventory-stats-sku-search-modal.is-positioned {
      align-items: flex-start;
      justify-content: flex-start;
    }
    .inventory-stats-sku-search-dialog {
      width: min(1060px, calc(100vw - 28px));
      min-width: min(520px, calc(100vw - 28px));
      max-width: calc(100vw - 28px);
      min-height: min(360px, calc(100dvh - var(--sku-search-safe-top) - var(--sku-search-safe-bottom)));
      max-height: min(760px, calc(100dvh - var(--sku-search-safe-top) - var(--sku-search-safe-bottom)));
      background: #ffffff;
      border: 1px solid #bfdbfe;
      border-radius: 8px;
      box-shadow: 0 24px 60px rgba(15, 23, 42, 0.24);
      overflow: hidden;
      resize: both;
      display: flex;
      flex-direction: column;
      overscroll-behavior: contain;
    }
    .inventory-stats-sku-search-modal.is-positioned .inventory-stats-sku-search-dialog {
      position: fixed;
      left: var(--sku-search-modal-left, 14px);
      top: var(--sku-search-modal-top, 14px);
      width: min(var(--sku-search-modal-width, 1060px), calc(100vw - 48px));
      max-width: calc(100vw - 48px);
      max-height: min(var(--sku-search-modal-max-height, 1260px), calc(100dvh - var(--sku-search-safe-top) - var(--sku-search-safe-bottom)));
    }
    .inventory-stats-sku-search-modal.is-anchored .inventory-stats-sku-search-dialog {
      width: min(960px, calc(100vw - 48px));
      max-height: min(1260px, calc(100dvh - var(--sku-search-safe-top) - var(--sku-search-safe-bottom)));
    }
    .inventory-stats-sku-search-dialog-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      padding: 12px 14px;
      background: #0b3c78;
      border-bottom: 2px solid #064e8c;
      cursor: move;
      user-select: none;
    }
    .inventory-stats-sku-search-modal.is-dragging .inventory-stats-sku-search-dialog-head {
      cursor: grabbing;
    }
    .inventory-stats-sku-search-dialog-title {
      font-size: 16px;
      font-weight: 900;
      color: #f8fbff;
      line-height: 1.25;
    }
    .inventory-stats-sku-search-dialog-subtitle {
      margin-top: 3px;
      font-size: 12px;
      font-weight: 700;
      color: #bfdbfe;
    }
    .inventory-stats-sku-search-dialog-actions {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      flex: 0 0 auto;
    }
    .inventory-stats-sku-search-dialog-actions [hidden] {
      display: none !important;
    }
    .inventory-stats-sku-search-close {
      width: 28px;
      height: 28px;
      border-radius: 4px;
      border: 1px solid #9fc6ec;
      background: #ffffff;
      color: #0b3c78;
      font-size: 18px;
      line-height: 1;
      cursor: pointer;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      transition: background 120ms ease, border-color 120ms ease, color 120ms ease;
    }
    .inventory-stats-sku-search-close:hover {
      background: #e8f2ff;
      border-color: #5f9bd7;
      color: #063567;
    }
    .inventory-stats-sku-search-close svg {
      width: 16px;
      height: 16px;
      display: block;
      stroke: currentColor;
      fill: none;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
    }
    .inventory-stats-sku-search-close:disabled {
      color: #94a3b8;
      border-color: #d7e0ea;
      background: #f1f5f9;
      cursor: not-allowed;
    }
    .inventory-stats-sku-search-close:disabled:hover {
      color: #94a3b8;
      border-color: #d7e0ea;
      background: #f1f5f9;
    }
    .inventory-stats-sku-search-modal-body {
      flex: 1 1 auto;
      min-height: 0;
      padding: 14px;
      padding-bottom: max(14px, var(--sku-search-safe-bottom));
      overflow: auto;
      background: #f3f4f6;
      border: 0;
      border-radius: 0;
      overscroll-behavior: contain;
    }
    .dashboard-options-dialog {
      width: min(620px, calc(100vw - 28px));
      min-width: min(420px, calc(100vw - 28px));
      min-height: min(320px, calc(100vh - 28px));
      resize: none;
    }
    .dashboard-options-body {
      display: grid;
      gap: 14px;
    }
    .dashboard-options-section {
      border: 1px solid #d7e0ea;
      border-radius: 8px;
      background: #ffffff;
      padding: 12px;
    }
    .dashboard-options-section-title {
      color: #0f172a;
      font-size: 14px;
      font-weight: 900;
      line-height: 1.2;
      margin-bottom: 10px;
    }
    .dashboard-options-hint {
      color: #64748b;
      font-size: 12px;
      font-weight: 700;
      line-height: 1.35;
      margin: -4px 0 10px;
    }
    .dashboard-options-display-controls {
      grid-area: auto;
      flex-direction: column;
      align-items: flex-start;
      gap: 10px;
      width: 100%;
    }
    .dashboard-options-language-row,
    .dashboard-options-appearance-row,
    .dashboard-options-theme-control {
      align-items: center;
      min-width: 0;
    }
    .dashboard-options-language-row {
      display: grid;
      grid-template-columns: 68px auto;
      column-gap: 8px;
    }
    .dashboard-options-language-row .lang-label { margin-right: 0; }
    .dashboard-options-appearance-row {
      display: flex;
      gap: 14px;
      width: 100%;
      flex-wrap: nowrap;
    }
    .dashboard-options-theme-control { display: flex; flex: 0 0 auto; }
    .dashboard-options-setting-label {
      width: 68px;
      min-width: 68px;
      margin: 0;
      text-align: left;
    }
    .dashboard-options-work-groups {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 12px;
    }
    .dashboard-options-work-group {
      border: 1px solid #dbeafe;
      border-radius: 6px;
      background: #f8fbff;
      padding: 10px;
    }
    .dashboard-options-work-title {
      color: #0b3c78;
      font-size: 13px;
      font-weight: 900;
      margin-bottom: 8px;
    }
    .dashboard-options-check-list {
      display: grid;
      gap: 8px;
    }
    .dashboard-options-check {
      min-height: 28px;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      color: #334155;
      font-size: 13px;
      font-weight: 800;
      line-height: 1.25;
    }
    .dashboard-options-check input {
      width: 16px;
      height: 16px;
      flex: 0 0 auto;
    }
    .dashboard-options-actions {
      display: flex;
      justify-content: flex-end;
      gap: 8px;
      flex-wrap: wrap;
      margin-top: 4px;
    }
    .dashboard-options-actions .business-report-quick-btn:disabled,
    .dashboard-options-actions .business-report-quick-btn:disabled:hover {
      border-color: #cbd5e1;
      color: #64748b;
      background: #e2e8f0;
      cursor: not-allowed;
      opacity: 1;
    }
    .inventory-stats-sku-search-section-title {
      font-size: 13px;
      font-weight: 800;
      color: #0b3c78;
      margin: 0 0 8px;
    }
    .inventory-stats-sku-search-section-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      margin: 0 0 8px;
    }
    .inventory-stats-sku-search-section-head .inventory-stats-sku-search-section-title {
      margin: 0;
    }
    .inventory-stats-sku-search-icon-btn {
      width: 28px;
      height: 28px;
      flex: 0 0 auto;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border: 1px solid #9fc6ec;
      border-radius: 4px;
      background: #ffffff;
      color: #0b3c78;
      cursor: pointer;
      transition: background 120ms ease, border-color 120ms ease, color 120ms ease;
    }
    .inventory-stats-sku-search-icon-btn:hover {
      background: #e8f2ff;
      border-color: #5f9bd7;
      color: #063567;
    }
    .inventory-stats-sku-search-icon-btn:disabled {
      cursor: wait;
      opacity: 0.62;
    }
    .inventory-stats-sku-search-icon-btn svg {
      width: 16px;
      height: 16px;
      fill: none;
      stroke: currentColor;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
    }
    .inventory-stats-sku-search-meta {
      margin: 0 0 12px;
      font-size: 12px;
      color: #2d4766;
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }
    .inventory-stats-sku-search-meta span {
      display: inline-flex;
      align-items: center;
      min-height: 28px;
      padding: 3px 9px;
      border: 1px solid #c5dbf2;
      border-radius: 4px;
      background: #ffffff;
    }
    .inventory-stats-sku-search-meta strong {
      color: #0b3c78;
      font-weight: 800;
      margin-right: 4px;
    }
    .inventory-stats-sku-search-section {
      margin-bottom: 12px;
    }
    .inventory-stats-sku-search-section:last-child {
      margin-bottom: 0;
    }
    .inventory-stats-sku-search-history-grid {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 12px;
      align-items: start;
    }
    .inventory-stats-sku-search-section .business-report-table {
      margin-top: 0;
    }
    .inventory-stats-sku-search-themed-wrap {
      border-color: var(--biz-theme-border, #9fc2e6);
      border-width: 2px;
      border-style: solid;
      border-radius: 2px;
      padding: 0;
      background: #ffffff;
      max-height: none;
      overflow-x: auto;
      overflow-y: hidden;
    }
    .inventory-stats-sku-search-table-wrap {
      --biz-theme-header-bg: #e5e7eb;
      --biz-theme-border: #cbd5e1;
      --biz-theme-row-odd: #ffffff;
      --biz-theme-row-even: #f7f7f8;
      --biz-theme-row-hover: #eeeeef;
      --biz-theme-total-bg: #f1f5f9;
      --biz-theme-total-border: #cbd5e1;
      --biz-theme-total-strong: #111827;
      border: 2px solid var(--biz-theme-border, #cbd5e1);
      border-radius: 2px;
      background: #ffffff;
      overflow: auto;
      overscroll-behavior: contain;
    }
    .inventory-stats-sku-search-table-wrap .business-report-table {
      min-width: 0;
    }
    .inventory-stats-sku-search-table-wrap .business-report-table th {
      color: #111827;
      border-bottom-color: #cbd5e1;
    }
    .inventory-stats-sku-search-table-wrap .business-report-table th + th,
    .inventory-stats-sku-search-table-wrap .business-report-table td + td {
      border-left-color: #d1d5db;
    }
    .inventory-stats-sku-search-table-wrap .business-report-table td {
      border-bottom-color: #d1d5db;
    }
    .inventory-stats-sku-search-modal .inventory-stats-table tbody tr {
      cursor: default;
    }
    .inventory-stats-sku-cell {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 6px;
      min-width: 0;
      width: 100%;
    }
    .location-analysis-occupied-location-cell {
      justify-content: flex-end;
    }
    .location-analysis-occupied-location-value {
      flex: 0 1 auto;
      min-width: 0;
      font-variant-numeric: tabular-nums;
      text-align: right;
    }
    .inventory-stats-sku-value {
      flex: 1 1 auto;
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .inventory-stats-sku-search-inline-btn {
      flex: 0 0 auto;
      width: 22px;
      height: 22px;
      border: 1px solid #b8cbe3;
      border-radius: 5px;
      background: #ffffff;
      color: #0f6aa8;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      padding: 0;
    }
    .inventory-stats-sku-search-inline-btn:hover {
      background: #eaf6ff;
      border-color: #6fa6d8;
      color: #064e7a;
    }
    .inventory-stats-sku-search-inline-btn svg {
      width: 13px;
      height: 13px;
      stroke: currentColor;
      stroke-width: 2.2;
      fill: none;
      pointer-events: none;
    }
    .inventory-stats-sku-product-hero {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 10px;
      align-items: start;
      margin-bottom: 12px;
      padding: 12px;
      border: 2px solid #c5dbf2;
      border-radius: 4px;
      background: #ffffff;
    }
    .inventory-stats-sku-product-name {
      font-size: 18px;
      font-weight: 900;
      color: #0b1220;
      line-height: 1.35;
      word-break: break-word;
    }
    .inventory-stats-sku-product-code {
      margin-top: 4px;
      font-size: 14px;
      font-weight: 800;
      color: #1c7fd6;
    }
    .inventory-stats-sku-product-total {
      min-width: 116px;
      padding: 8px 10px;
      border-radius: 4px;
      background: #e7f2ff;
      border: 1px solid #8fc0f0;
      text-align: right;
    }
    .inventory-stats-sku-product-total span {
      display: block;
      font-size: 14px;
      font-weight: 800;
      color: #335f8c;
    }
    .inventory-stats-sku-product-total strong {
      display: block;
      margin-top: 2px;
      font-size: 24px;
      line-height: 1.1;
      color: #0b3c78;
    }
    .inventory-stats-sku-info-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 8px;
      margin-bottom: 12px;
    }
    .inventory-stats-sku-info-item {
      min-height: 58px;
      padding: 8px 10px;
      border: 1px solid #c5dbf2;
      border-radius: 4px;
      background: #ffffff;
    }
    .inventory-stats-sku-info-item span {
      display: block;
      font-size: 12px;
      color: #335f8c;
      font-weight: 800;
      margin-bottom: 4px;
    }
    .inventory-stats-sku-info-item strong {
      display: block;
      color: #0f172a;
      font-size: 14px;
      font-weight: 850;
      line-height: 1.3;
      word-break: break-word;
    }
    .inventory-stats-sku-info-item a {
      display: block;
      max-width: 100%;
      color: #0b66c3;
      text-decoration: underline;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .inventory-stats-sku-audit-section {
      margin: 0 0 12px;
      border: 1px solid #c5dbf2;
      border-radius: 4px;
      background: #ffffff;
      overflow: hidden;
    }
    .inventory-stats-sku-audit-section > summary,
    .inventory-stats-sku-audit-raw-section > summary {
      min-height: 40px;
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 9px 12px;
      color: #0b3c78;
      font-size: 13px;
      font-weight: 850;
      cursor: pointer;
      user-select: none;
      list-style: none;
      background: #f2f7fd;
      border-bottom: 1px solid transparent;
    }
    .inventory-stats-sku-audit-section > summary::-webkit-details-marker,
    .inventory-stats-sku-audit-raw-section > summary::-webkit-details-marker {
      display: none;
    }
    .inventory-stats-sku-audit-section > summary::before,
    .inventory-stats-sku-audit-raw-section > summary::before {
      content: "▶";
      width: 14px;
      color: #335f8c;
      font-size: 11px;
      line-height: 1;
    }
    .inventory-stats-sku-audit-section[open] > summary {
      border-bottom-color: #c5dbf2;
    }
    .inventory-stats-sku-audit-section[open] > summary::before,
    .inventory-stats-sku-audit-raw-section[open] > summary::before {
      content: "▼";
    }
    .inventory-stats-sku-audit-body {
      padding: 12px;
    }
    .inventory-stats-sku-audit-raw-section {
      margin: 4px 0 0;
      border: 1px solid #c5dbf2;
      border-radius: 4px;
      background: #ffffff;
      overflow: hidden;
    }
    .inventory-stats-sku-audit-raw-section > summary {
      min-height: 36px;
      padding: 8px 10px;
      background: #f7fbff;
    }
    .inventory-stats-sku-audit-raw-section[open] > summary {
      border-bottom-color: #c5dbf2;
    }
    .inventory-stats-sku-audit-raw-body {
      padding: 10px;
    }
    .inventory-stats-sku-audit-json-title {
      margin: 4px 0 8px;
      color: #0b3c78;
      font-size: 12px;
      font-weight: 850;
    }
    .inventory-stats-sku-audit-json-viewer.ai-json-viewer {
      max-height: min(48vh, 520px);
      margin: 0;
    }
    .ai-json-viewer {
      max-height: min(62vh, 620px);
      overflow: auto;
      margin: 12px 0 0;
      border: 1px solid #d2e0f2;
      border-radius: 8px;
      background: #f7fbff;
      color: #1c344f;
      font-size: 12px;
      line-height: 1.5;
      font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    }
    .ai-json-viewer-toolbar {
      position: sticky;
      top: 0;
      z-index: 1;
      display: flex;
      gap: 4px;
      align-items: center;
      border-bottom: 1px solid #d2e0f2;
      padding: 6px;
      background: rgba(247, 251, 255, 0.96);
    }
    button.ai-json-toolbar-btn {
      width: 32px;
      height: 32px;
      min-width: 32px;
      min-height: 32px;
      padding: 0;
      border: 1px solid #c8d8ea;
      border-radius: 8px;
      background: #ffffff;
      color: #45617f;
      box-shadow: none;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      box-sizing: border-box;
      line-height: 1;
    }
    button.ai-json-toolbar-btn:hover {
      border-color: #9bc5ee;
      background: #edf6ff;
      color: #1d5fa8;
    }
    button.ai-json-toolbar-btn:disabled {
      border-color: #d8e3f0;
      background: #f4f8fc;
      color: #a6b7ca;
      cursor: not-allowed;
    }
    .ai-json-toolbar-btn svg {
      width: 16px;
      height: 16px;
      display: block;
      fill: none;
      stroke: currentColor;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
    }
    .ai-json-viewer-body {
      padding: 10px 12px;
    }
    .ai-json-line {
      min-height: 18px;
      white-space: pre-wrap;
      overflow-wrap: anywhere;
    }
    .ai-json-indent {
      display: inline-block;
      width: calc(var(--level, 0) * 18px);
    }
    .ai-json-toggle {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 16px;
      min-width: 16px;
      min-height: 16px;
      margin-right: 2px;
      padding: 0;
      border: 0;
      border-radius: 4px;
      background: transparent;
      color: #45617f;
      box-shadow: none;
      font-size: 11px;
      line-height: 1;
      vertical-align: middle;
    }
    .ai-json-toggle:hover {
      background: #e6f0fb;
      color: #1d5fa8;
    }
    .ai-json-key {
      color: #8a4b00;
      font-weight: 700;
    }
    .ai-json-string {
      color: #0b6b3a;
    }
    a.ai-json-link {
      color: #0b6b3a;
      text-decoration: underline;
      text-decoration-thickness: 1px;
      text-underline-offset: 2px;
      cursor: pointer;
    }
    a.ai-json-link:hover {
      color: #0755a5;
    }
    a.ai-json-link:focus-visible {
      border-radius: 2px;
      outline: 2px solid #60a5fa;
      outline-offset: 2px;
    }
    .ai-json-number {
      color: #1f5fbf;
    }
    .ai-json-boolean {
      color: #8a3ffc;
    }
    .ai-json-null,
    .ai-json-summary {
      color: #6f829d;
      font-style: italic;
    }
    .ai-json-punctuation {
      color: #466281;
    }
    .ai-json-compact {
      white-space: pre-wrap;
      overflow-wrap: anywhere;
    }
    .ai-json-viewer .hidden {
      display: none !important;
    }
    .inventory-stats-clear-selection-btn {
      display: none;
      white-space: nowrap;
      text-align: center;
      justify-content: center;
      align-items: center;
    }
    .inventory-stats-filter-apply-btn {
      text-align: center;
      justify-content: center;
      align-items: center;
    }
    .inventory-stats-table tbody tr {
      cursor: pointer;
    }
    .inventory-stats-table td {
      user-select: text;
      overflow: hidden;
    }
    .inventory-stats-table tbody tr.is-active td,
    .inventory-stats-table tbody tr.is-active:hover td {
      background: var(--inventory-active-row, #dbeafe) !important;
      font-weight: 700;
    }
    .inventory-stats-table tbody tr.is-active td:first-child,
    .inventory-stats-table tbody tr.is-active:hover td:first-child {
      background: var(--inventory-active-row-first, #cfe3ff) !important;
    }
    .inventory-stats-table {
      table-layout: fixed;
      min-width: 620px;
    }
    .inventory-stats-col-sku {
      width: 220px;
    }
    .inventory-stats-col-warehouse {
      width: 132px;
    }
    .inventory-stats-col-date {
      width: 148px;
    }
    .inventory-stats-col-qty {
      width: 116px;
    }
    .location-analysis-col-period {
      width: 108px;
    }
    .location-analysis-col-location {
      width: 150px;
    }
    .location-analysis-col-sku {
      width: 210px;
    }
    .location-analysis-col-product {
      width: 260px;
    }
    .location-analysis-col-current {
      width: 88px;
    }
    .location-analysis-col-current-volume {
      width: 118px;
    }
    .location-analysis-col-current-weight {
      width: 122px;
    }
    .location-analysis-col-frequency {
      width: 82px;
    }
    .location-analysis-col-qty {
      width: 90px;
    }
    .location-analysis-velocity-toolbar {
      align-items: center;
      gap: 8px;
    }
    .location-analysis-top-select {
      width: 112px;
      min-width: 112px;
    }
    .location-analysis-top-custom {
      width: 190px;
      min-width: 160px;
    }
    .location-analysis-threshold-field {
      display: inline-flex;
      flex: 0 1 auto;
      align-items: center;
      gap: 6px;
      color: var(--label-strong, #334155);
      font-size: 12px;
      font-weight: 700;
      white-space: nowrap;
    }
    .location-analysis-threshold-input {
      width: 88px;
      min-width: 72px;
    }
    .location-analysis-sort-priority-control {
      display: flex;
      flex: 1 1 520px;
      min-width: min(360px, 100%);
      align-items: center;
      gap: 7px;
      padding: 5px 7px;
      border: 1px solid var(--biz-theme-border, rgba(60, 60, 67, 0.16));
      border-radius: 9px;
      background: var(--biz-theme-header-bg, rgba(248, 250, 252, 0.9));
      transition: border-color 180ms ease, background 180ms ease, box-shadow 180ms ease;
    }
    .location-analysis-sort-priority-control.is-reordering {
      border-color: var(--biz-theme-accent, #007aff);
      background: var(--biz-theme-row-hover, #eef6ff);
      box-shadow: 0 0 0 3px rgba(0, 122, 255, 0.12);
    }
    .location-analysis-sort-priority-control.is-committing {
      pointer-events: none;
    }
    .location-analysis-sort-priority-title {
      flex: 0 0 auto;
      color: var(--label-strong, #334155);
      font-size: 12px;
      font-weight: 750;
      white-space: nowrap;
    }
    .location-analysis-sort-priority-list {
      display: flex;
      flex: 1 1 auto;
      min-width: 0;
      align-items: center;
      flex-wrap: wrap;
      gap: 5px;
    }
    button.location-analysis-sort-priority-item {
      display: inline-flex;
      min-width: 0;
      min-height: 30px;
      align-items: center;
      gap: 5px;
      padding: 4px 7px 4px 5px;
      border: 1px solid var(--biz-theme-border, rgba(60, 60, 67, 0.16));
      border-radius: 8px;
      background: var(--surface-bg, #ffffff);
      color: var(--text, #1d1d1f);
      box-shadow: 0 2px 5px rgba(15, 23, 42, 0.06);
      font: inherit;
      cursor: grab;
      touch-action: none;
      user-select: none;
      transition: border-color 160ms ease, box-shadow 160ms ease, opacity 160ms ease, transform 160ms ease;
    }
    button.location-analysis-sort-priority-item:hover,
    button.location-analysis-sort-priority-item:focus-visible {
      border-color: var(--biz-theme-accent, #007aff);
      outline: none;
      box-shadow: 0 0 0 3px rgba(0, 122, 255, 0.12);
    }
    button.location-analysis-sort-priority-item.is-dragging {
      opacity: 0.3;
      cursor: grabbing;
    }
    button.location-analysis-sort-priority-item.is-settling {
      animation: locationAnalysisSortPrioritySettle 260ms cubic-bezier(.22, 1, .36, 1);
    }
    .location-analysis-sort-priority-handle {
      display: inline-flex;
      width: 13px;
      height: 18px;
      flex: 0 0 13px;
      align-items: center;
      justify-content: center;
      color: var(--hint, #64748b);
    }
    .location-analysis-sort-priority-handle svg {
      width: 12px;
      height: 16px;
      fill: currentColor;
      pointer-events: none;
    }
    .location-analysis-sort-priority-index {
      display: inline-flex;
      width: 18px;
      min-width: 18px;
      height: 18px;
      align-items: center;
      justify-content: center;
      border-radius: 999px;
      background: var(--biz-theme-accent, #007aff);
      color: #ffffff;
      font-size: 10px;
      font-weight: 850;
      line-height: 1;
    }
    .location-analysis-sort-priority-name {
      max-width: 150px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: 12px;
      font-weight: 700;
    }
    .location-analysis-sort-priority-direction {
      display: inline-flex;
      width: 14px;
      height: 14px;
      flex: 0 0 14px;
      align-items: center;
      justify-content: center;
      color: var(--biz-theme-accent, #007aff);
    }
    .location-analysis-sort-priority-direction svg {
      width: 14px;
      height: 14px;
      fill: none;
      stroke: currentColor;
      stroke-width: 2.2;
      stroke-linecap: round;
      pointer-events: none;
    }
    .location-analysis-sort-drag-ghost {
      position: fixed;
      z-index: 10020;
      margin: 0;
      pointer-events: none;
      opacity: 0.94;
      cursor: grabbing;
      transform: scale(1.04);
      box-shadow: 0 12px 28px rgba(15, 23, 42, 0.22) !important;
      will-change: left, top, transform;
    }
    @keyframes locationAnalysisSortPrioritySettle {
      0% { transform: scale(1.07); box-shadow: 0 0 0 4px rgba(0, 122, 255, 0.2); }
      58% { transform: scale(0.98); }
      100% { transform: scale(1); box-shadow: 0 2px 5px rgba(15, 23, 42, 0.06); }
    }
    .location-analysis-velocity-export {
      flex: 0 0 auto;
    }
    .location-analysis-sort-priority {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 17px;
      height: 17px;
      margin-left: 3px;
      padding: 0 4px;
      border: 0;
      border-radius: 999px;
      color: #fff;
      background: var(--biz-theme-accent, #007aff);
      font-size: 10px;
      font-weight: 800;
      line-height: 1;
    }
    .location-analysis-sort-actions {
      display: inline-flex;
      align-items: center;
      gap: 2px;
      margin-left: 3px;
    }
    button.location-analysis-sort-action {
      width: 25px;
      min-width: 25px;
      height: 25px;
      padding: 0;
      border: 1px solid var(--biz-theme-border, rgba(60, 60, 67, 0.18));
      border-radius: 7px;
      background: rgba(255, 255, 255, 0.72);
      color: var(--biz-theme-accent, #007aff);
      box-shadow: none;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      touch-action: manipulation;
    }
    button.location-analysis-sort-action:hover,
    button.location-analysis-sort-action:focus-visible {
      border-color: currentColor;
      background: var(--biz-theme-row-hover, #eef6ff);
      outline: none;
    }
    button.location-analysis-sort-action:disabled {
      cursor: not-allowed;
      opacity: 0.38;
    }
    .location-analysis-sort-action svg {
      width: 14px;
      height: 14px;
      fill: none;
      stroke: currentColor;
      stroke-width: 2.2;
      stroke-linecap: round;
      stroke-linejoin: round;
      pointer-events: none;
    }
    .location-analysis-velocity-table {
      min-width: 1850px;
    }
    .location-analysis-velocity-table .inventory-stats-th-content {
      display: flex;
      width: 100%;
      max-width: none;
      gap: 3px;
    }
    .location-analysis-velocity-table .inventory-stats-th-label {
      flex: 0 0 auto;
      overflow: visible;
      text-overflow: clip;
    }
    .location-analysis-velocity-table .location-analysis-sort-priority,
    .location-analysis-velocity-table .location-analysis-sort-actions {
      flex: 0 0 auto;
      margin-left: 0;
    }
    .inbound-exceptions-panel .business-report-toolbar {
      row-gap: 8px;
    }
    .inbound-exceptions-date-input {
      width: 150px;
      min-width: 132px;
    }
    .inbound-exceptions-order-input {
      min-width: min(280px, 100%);
    }
    .inbound-exceptions-title-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
      align-items: center;
      gap: 8px;
      margin-bottom: 6px;
    }
    .inbound-exceptions-title-row .history-title {
      grid-column: 2;
      margin-bottom: 0;
    }
    .inbound-exceptions-title-row .business-report-export {
      grid-column: 3;
      justify-self: end;
      margin-left: 0;
    }
    .inbound-exceptions-content {
      display: grid;
      gap: 10px;
      min-height: 260px;
      padding: 12px;
      border: 1px solid var(--line);
      border-radius: 4px;
      background: var(--surface-bg, #fff);
    }
    .inbound-exceptions-content.is-order-list {
      min-height: 0;
      padding: 0;
      border: 0;
      background: transparent;
    }
    .inbound-exceptions-state {
      display: grid;
      align-content: center;
      justify-items: center;
      gap: 8px;
      min-height: 232px;
      padding: 18px;
      border: 1px dashed #cbd5e1;
      border-radius: 4px;
      background: rgba(248, 250, 252, 0.78);
      color: var(--muted);
      text-align: center;
    }
    .inbound-exceptions-state-title {
      color: var(--text);
      font-size: 16px;
      font-weight: 800;
      line-height: 1.3;
    }
    .inbound-exceptions-state-desc {
      max-width: 620px;
      font-size: 13px;
      line-height: 1.6;
    }
    html[data-theme="dark"] .inbound-exceptions-state {
      border-color: #31527b;
      background: rgba(15, 23, 42, 0.62);
    }
    .inbound-exceptions-result {
      display: grid;
      gap: 12px;
    }
    .inbound-exceptions-hero {
      display: grid;
      grid-template-columns: minmax(280px, .72fr) minmax(360px, 1fr);
      gap: 12px;
      align-items: stretch;
    }
    .inbound-exceptions-status {
      display: grid;
      gap: 10px;
      align-content: start;
      padding: 14px 16px;
      border: 1px solid rgba(34, 197, 94, .42);
      border-left: 4px solid #22c55e;
      border-radius: 4px;
      background: #dcfce7;
      color: #14532d;
    }
    .inbound-exceptions-status[data-tone="warning"] {
      border-color: rgba(245, 158, 11, .42);
      border-left-color: #f59e0b;
      background: #fef3c7;
      color: #78350f;
    }
    .inbound-exceptions-status-order-label {
      font-size: 11px;
      font-weight: 850;
      line-height: 1.2;
      opacity: .78;
      text-transform: uppercase;
    }
    .inbound-exceptions-status-order {
      color: currentColor;
      font-size: 15px;
      font-weight: 900;
      line-height: 1.15;
      overflow-wrap: anywhere;
    }
    .inbound-exceptions-status-title {
      font-size: 22px;
      line-height: 1.2;
      font-weight: 900;
    }
    .inbound-exceptions-status-flags {
      display: grid;
      gap: 6px;
    }
    .inbound-exceptions-status-flag {
      display: inline-flex;
      align-items: center;
      width: fit-content;
      min-height: 28px;
      padding: 5px 9px;
      border: 1px solid rgba(120, 53, 15, .25);
      border-radius: 4px;
      background: rgba(255, 255, 255, .55);
      font-size: 13px;
      font-weight: 850;
      line-height: 1.25;
    }
    .inbound-exceptions-problem-skus {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
    }
    .inbound-exceptions-problem-sku-chip {
      display: inline-flex;
      align-items: center;
      min-height: 24px;
      padding: 4px 8px;
      border: 1px solid rgba(120, 53, 15, .24);
      border-radius: 999px;
      background: rgba(255, 255, 255, .62);
      font-size: 12px;
      font-weight: 800;
      line-height: 1.2;
    }
    .inbound-exceptions-problem-total {
      display: grid;
      gap: 2px;
      margin-top: 2px;
    }
    .inbound-exceptions-problem-total-label {
      font-size: 12px;
      font-weight: 850;
      line-height: 1.2;
      opacity: .78;
    }
    .inbound-exceptions-problem-total-value {
      font-size: 36px;
      font-weight: 950;
      line-height: 1;
      letter-spacing: 0;
    }
    .inbound-exceptions-basic {
      display: grid;
      grid-template-columns: minmax(220px, .8fr) minmax(0, 2.2fr);
      gap: 1px;
      padding: 1px;
      border: 1px solid var(--surface-border-soft, #e6edf5);
      border-radius: 4px;
      background: var(--surface-border-soft, #e6edf5);
      overflow: hidden;
    }
    .inbound-exceptions-basic-item {
      min-width: 0;
      padding: 14px 16px;
      background: var(--surface-bg, #fff);
    }
    .inbound-exceptions-basic-label {
      color: var(--label, #475569);
      font-size: 13px;
      font-weight: 800;
      line-height: 1.2;
      text-transform: uppercase;
    }
    .inbound-exceptions-basic-value {
      margin-top: 7px;
      color: var(--text, #0b1220);
      font-size: 16px;
      font-weight: 900;
      line-height: 1.35;
      overflow-wrap: anywhere;
    }
    .inbound-exceptions-order-customer {
      display: grid;
      gap: 11px;
    }
    .inbound-exceptions-order-customer-row {
      display: grid;
      gap: 4px;
      min-width: 0;
    }
    .inbound-exceptions-order-customer-row + .inbound-exceptions-order-customer-row {
      padding-top: 10px;
      border-top: 1px solid var(--surface-border-soft, #e6edf5);
    }
    .inbound-exceptions-order-customer-label {
      color: var(--label, #475569);
      font-size: 12px;
      font-weight: 800;
      line-height: 1.2;
      text-transform: uppercase;
    }
    .inbound-exceptions-order-customer-value {
      color: var(--text, #0b1220);
      font-size: 17px;
      font-weight: 900;
      line-height: 1.25;
      overflow-wrap: anywhere;
    }
    .inbound-exceptions-batch-list {
      display: grid;
      gap: 8px;
      margin: 0;
      padding: 0;
      list-style: none;
    }
    .inbound-exceptions-batch-item {
      display: grid;
      gap: 5px;
      min-width: 0;
    }
    .inbound-exceptions-batch-item + .inbound-exceptions-batch-item {
      padding-top: 8px;
      border-top: 1px solid var(--surface-border-soft, #e6edf5);
    }
    .inbound-exceptions-batch-no {
      color: var(--text, #0b1220);
      font-size: 16px;
      font-weight: 900;
      line-height: 1.25;
      overflow-wrap: anywhere;
    }
    .inbound-exceptions-batch-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 4px 10px;
      color: var(--label, #475569);
      font-size: 12px;
      font-weight: 750;
      line-height: 1.35;
    }
    .inbound-exceptions-batch-meta span {
      display: inline-flex;
      gap: 4px;
      min-width: 0;
    }
    .inbound-exceptions-batch-meta strong {
      color: var(--text, #0b1220);
      font-weight: 850;
    }
    .inbound-exceptions-section {
      display: grid;
      gap: 8px;
      padding: 12px;
      border: 1px solid var(--surface-border, #d7e0ea);
      border-radius: 4px;
      background: var(--surface-bg, #fff);
    }
    .inbound-exceptions-section-head {
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      gap: 12px;
    }
    .inbound-exceptions-section-title {
      color: var(--text, #0b1220);
      font-size: 15px;
      font-weight: 900;
      line-height: 1.25;
    }
    .inbound-exceptions-section-subtitle {
      color: var(--label, #475569);
      font-size: 12px;
      font-weight: 700;
      line-height: 1.45;
      text-align: right;
    }
    .inbound-exceptions-sku-grid {
      display: grid;
      gap: 8px;
    }
    .inbound-exceptions-sku-detail {
      display: grid;
      gap: 8px;
    }
    .inbound-exceptions-sku-group {
      border: 1px solid var(--surface-border-soft, #e6edf5);
      border-radius: 4px;
      background: var(--surface-bg-soft, #f8fafc);
      overflow: hidden;
    }
    .inbound-exceptions-sku-group > summary {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      min-height: 42px;
      padding: 9px 12px;
      color: var(--text, #0b1220);
      cursor: pointer;
      font-size: 13px;
      font-weight: 900;
      line-height: 1.25;
      list-style: none;
      user-select: none;
    }
    .inbound-exceptions-sku-group > summary::-webkit-details-marker {
      display: none;
    }
    .inbound-exceptions-sku-group > summary::before {
      content: "›";
      color: var(--label, #475569);
      font-size: 18px;
      font-weight: 900;
      line-height: 1;
      transform: rotate(0deg);
      transition: transform .16s ease;
    }
    .inbound-exceptions-sku-group[open] > summary::before {
      transform: rotate(90deg);
    }
    .inbound-exceptions-sku-group-title {
      flex: 1;
      min-width: 0;
    }
    .inbound-exceptions-sku-group-count {
      color: var(--label, #475569);
      font-size: 12px;
      font-weight: 850;
      white-space: nowrap;
    }
    .inbound-exceptions-orders-list {
      display: grid;
      gap: 10px;
    }
    .inbound-exceptions-order-accordion {
      border: 1px solid var(--surface-border, #d7e0ea);
      border-radius: 4px;
      background: var(--surface-bg, #fff);
      overflow: hidden;
    }
    .inbound-exceptions-order-accordion > summary {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 12px;
      min-height: 48px;
      padding: 10px 12px;
      cursor: pointer;
      list-style: none;
      color: var(--text, #0b1220);
      background: var(--surface-bg-soft, #f8fafc);
    }
    .inbound-exceptions-order-accordion > summary::-webkit-details-marker {
      display: none;
    }
    .inbound-exceptions-order-accordion > summary::before {
      content: "›";
      color: var(--label, #475569);
      font-size: 18px;
      font-weight: 900;
      line-height: 1;
      transform: rotate(0deg);
      transition: transform .16s ease;
    }
    .inbound-exceptions-order-accordion[open] > summary::before {
      transform: rotate(90deg);
    }
    .inbound-exceptions-order-accordion-main {
      flex: 1 1 220px;
      min-width: 180px;
      display: grid;
      gap: 2px;
    }
    .inbound-exceptions-order-accordion-main strong {
      font-size: 14px;
      font-weight: 900;
      line-height: 1.2;
      overflow-wrap: anywhere;
    }
    .inbound-exceptions-order-accordion-main span {
      color: var(--label, #475569);
      font-size: 12px;
      font-weight: 750;
      line-height: 1.25;
      overflow-wrap: anywhere;
    }
    .inbound-exceptions-order-accordion-badges {
      flex: 0 1 auto;
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end;
      gap: 6px;
      max-width: 100%;
    }
    .inbound-exceptions-order-badge {
      display: inline-flex;
      align-items: center;
      min-height: 24px;
      padding: 3px 8px;
      border: 1px solid var(--surface-border-soft, #e6edf5);
      border-radius: 999px;
      background: var(--surface-bg, #fff);
      color: var(--label, #475569);
      font-size: 12px;
      font-weight: 850;
      white-space: nowrap;
    }
    .inbound-exceptions-order-badge.is-warning {
      border-color: rgba(245, 158, 11, .42);
      background: #fef3c7;
      color: #78350f;
    }
    .inbound-exceptions-order-badge.is-ok {
      border-color: rgba(34, 197, 94, .38);
      background: #dcfce7;
      color: #14532d;
    }
    @media (max-width: 640px) {
      .inbound-exceptions-order-accordion > summary {
        align-items: flex-start;
      }
      .inbound-exceptions-order-accordion-main {
        flex: 1 1 calc(100% - 36px);
        min-width: 0;
      }
      .inbound-exceptions-order-accordion-badges {
        flex: 1 1 100%;
        justify-content: flex-start;
        padding-left: 30px;
      }
    }
    .inbound-exceptions-order-accordion-body {
      padding: 10px;
    }
    .inbound-exceptions-sku-group-body {
      display: grid;
      gap: 8px;
      padding: 0 10px 10px;
    }
    .inbound-exceptions-sku-row {
      display: grid;
      grid-template-columns: minmax(160px, 1.2fr) repeat(3, minmax(94px, .45fr)) minmax(220px, 1.6fr);
      gap: 1px;
      border: 1px solid var(--surface-border-soft, #e6edf5);
      border-radius: 4px;
      overflow: hidden;
      background: var(--surface-border-soft, #e6edf5);
    }
    .inbound-exceptions-sku-row.is-anomaly {
      border-color: #f59e0b;
      box-shadow: inset 3px 0 0 #f59e0b;
    }
    .inbound-exceptions-sku-cell {
      min-width: 0;
      padding: 9px 10px;
      background: var(--surface-bg-soft, #f8fafc);
    }
    .inbound-exceptions-sku-row.is-anomaly .inbound-exceptions-sku-cell {
      background: #fff7ed;
    }
    .inbound-exceptions-sku-label {
      color: var(--label, #475569);
      font-size: 11px;
      font-weight: 800;
      line-height: 1.15;
    }
    .inbound-exceptions-problem-label {
      margin-top: 8px;
    }
    .inbound-exceptions-sku-value {
      margin-top: 4px;
      color: var(--text, #0b1220);
      font-size: 13px;
      font-weight: 850;
      line-height: 1.25;
      overflow-wrap: anywhere;
    }
    .inbound-exceptions-sku-code-row {
      margin-top: 4px;
      display: flex;
      align-items: center;
      gap: 6px;
      min-width: 0;
    }
    .inbound-exceptions-sku-code-row .inbound-exceptions-sku-value {
      margin-top: 0;
      min-width: 0;
      flex: 0 1 auto;
    }
    .inbound-exceptions-sku-search-btn {
      flex: 0 0 auto;
    }
    .inbound-exceptions-sku-product {
      margin-top: 5px;
      color: var(--label, #475569);
      font-size: 12px;
      font-weight: 750;
      line-height: 1.35;
      overflow-wrap: anywhere;
    }
    .inbound-exceptions-sku-value.num {
      font-variant-numeric: tabular-nums;
    }
    .inbound-exceptions-reason-list {
      display: grid;
      gap: 5px;
      margin: 0;
      padding: 0;
      list-style: none;
    }
    .inbound-exceptions-reason-item {
      display: grid;
      gap: 2px;
      padding: 6px 8px;
      border: 1px solid rgba(245, 158, 11, .28);
      border-radius: 4px;
      background: rgba(255, 251, 235, .76);
    }
    .inbound-exceptions-reason-main {
      color: #7c2d12;
      font-size: 12px;
      font-weight: 850;
      line-height: 1.35;
    }
    .inbound-exceptions-reason-meta {
      color: #92400e;
      font-size: 11px;
      font-weight: 700;
      line-height: 1.35;
    }
    .inbound-exceptions-no-detail {
      color: var(--label, #475569);
      font-size: 12px;
      font-weight: 750;
      line-height: 1.4;
    }
    .inbound-exceptions-problem-table-wrap {
      overflow-x: auto;
      border: 1px solid #f59e0b;
      border-radius: 4px;
      background: #fffbeb;
    }
    .inbound-exceptions-problem-table {
      width: 100%;
      min-width: 1080px;
      border-collapse: collapse;
      table-layout: fixed;
      font-size: 12px;
      line-height: 1.35;
    }
    .inbound-exceptions-problem-table th,
    .inbound-exceptions-problem-table td {
      padding: 8px 9px;
      border-bottom: 1px solid #fde68a;
      color: #78350f;
      text-align: left;
      vertical-align: top;
      overflow-wrap: anywhere;
    }
    .inbound-exceptions-problem-table th {
      background: #fef3c7;
      color: #78350f;
      font-size: 11px;
      font-weight: 900;
      line-height: 1.2;
    }
    .inbound-exceptions-problem-table tbody tr:last-child td {
      border-bottom: 0;
    }
    .inbound-exceptions-problem-detail {
      border: 1px solid #f59e0b;
      border-radius: 4px;
      background: #fffbeb;
      overflow: hidden;
    }
    .inbound-exceptions-problem-detail > summary {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      min-height: 42px;
      padding: 9px 12px;
      color: #78350f;
      cursor: pointer;
      font-size: 14px;
      font-weight: 900;
      line-height: 1.25;
      list-style: none;
      user-select: none;
    }
    .inbound-exceptions-problem-detail > summary::-webkit-details-marker {
      display: none;
    }
    .inbound-exceptions-problem-detail > summary::before {
      content: "›";
      color: #92400e;
      font-size: 18px;
      font-weight: 900;
      line-height: 1;
      transform: rotate(0deg);
      transition: transform .16s ease;
    }
    .inbound-exceptions-problem-detail[open] > summary::before {
      transform: rotate(90deg);
    }
    .inbound-exceptions-problem-detail-title {
      flex: 1;
      min-width: 0;
    }
    .inbound-exceptions-problem-detail-count {
      color: #92400e;
      font-size: 12px;
      font-weight: 850;
      white-space: nowrap;
    }
    .inbound-exceptions-problem-detail-body {
      padding: 0 10px 10px;
    }
    html[data-theme="dark"] .inbound-exceptions-status {
      border-left-color: #22c55e;
      background: rgba(20, 83, 45, .45);
      color: #bbf7d0;
    }
    html[data-theme="dark"] .inbound-exceptions-status[data-tone="warning"] {
      border-color: rgba(245, 158, 11, .45);
      border-left-color: #f59e0b;
      background: rgba(120, 53, 15, .42);
      color: #fde68a;
    }
    html[data-theme="dark"] .inbound-exceptions-status-flag,
    html[data-theme="dark"] .inbound-exceptions-problem-sku-chip {
      border-color: rgba(245, 158, 11, .28);
      background: rgba(15, 23, 42, .38);
    }
    html[data-theme="dark"] .inbound-exceptions-sku-row.is-anomaly {
      border-color: rgba(245, 158, 11, .78);
    }
    html[data-theme="dark"] .inbound-exceptions-sku-row.is-anomaly .inbound-exceptions-sku-cell {
      background: rgba(120, 53, 15, .22);
    }
    html[data-theme="dark"] .inbound-exceptions-reason-item {
      border-color: rgba(245, 158, 11, .32);
      background: rgba(120, 53, 15, .25);
    }
    html[data-theme="dark"] .inbound-exceptions-reason-main {
      color: #fde68a;
    }
    html[data-theme="dark"] .inbound-exceptions-reason-meta {
      color: #fbbf24;
    }
    html[data-theme="dark"] .inbound-exceptions-problem-detail,
    html[data-theme="dark"] .inbound-exceptions-problem-table-wrap {
      border-color: rgba(245, 158, 11, .78);
      background: rgba(120, 53, 15, .22);
    }
    html[data-theme="dark"] .inbound-exceptions-problem-detail > summary,
    html[data-theme="dark"] .inbound-exceptions-problem-table th,
    html[data-theme="dark"] .inbound-exceptions-problem-table td {
      color: #fde68a;
    }
    html[data-theme="dark"] .inbound-exceptions-problem-detail > summary::before,
    html[data-theme="dark"] .inbound-exceptions-problem-detail-count {
      color: #fbbf24;
    }
    html[data-theme="dark"] .inbound-exceptions-problem-table th {
      background: rgba(120, 53, 15, .38);
    }
    html[data-theme="dark"] .inbound-exceptions-problem-table td {
      border-bottom-color: rgba(245, 158, 11, .26);
    }
    @media (max-width: 900px) {
      .inbound-exceptions-hero {
        grid-template-columns: 1fr;
      }
      .inbound-exceptions-basic {
        grid-template-columns: 1fr;
      }
      .inbound-exceptions-sku-row {
        grid-template-columns: 1fr;
      }
      .inbound-exceptions-section-head {
        display: grid;
      }
      .inbound-exceptions-section-subtitle {
        text-align: left;
      }
    }
    .inbound-appointments-summary-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(142px, 1fr));
      gap: 8px;
    }
    .inbound-appointments-summary-card {
      min-height: 72px;
      padding: 10px;
      border: 1px solid var(--line);
      border-radius: 4px;
      background: var(--surface-bg, #fff);
      overflow: hidden;
    }
    .inbound-appointments-summary-label {
      color: var(--muted);
      font-size: 12px;
      font-weight: 700;
      line-height: 1.25;
    }
    .inbound-appointments-summary-value {
      margin-top: 6px;
      color: var(--text);
      font-size: 22px;
      font-weight: 800;
      line-height: 1.1;
      overflow-wrap: anywhere;
    }
    .inbound-appointments-content {
      display: grid;
      gap: 10px;
    }
    .inbound-appointments-detail-surface {
      container-name: inbound-appointments-detail;
      container-type: inline-size;
      display: grid;
      gap: 10px;
      min-width: 0;
    }
    .inbound-appointments-panel {
      position: relative;
    }
    .inbound-appointments-stream-overlay {
      position: fixed;
      inset: 0;
      z-index: 1000;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 24px;
      background: rgba(248, 250, 252, .76);
      backdrop-filter: blur(2px);
    }
    .inbound-appointments-stream-overlay.hidden {
      display: none;
    }
    .inbound-appointments-stream-box {
      width: min(640px, 100%);
      padding: 22px;
      border: 1px solid var(--line);
      border-radius: 8px;
      background: var(--surface-bg, #fff);
      box-shadow: 0 22px 56px rgba(15, 23, 42, .18);
    }
    .inbound-appointments-stream-title {
      color: var(--text);
      font-size: 18px;
      font-weight: 800;
      line-height: 1.3;
    }
    .inbound-appointments-progress-track {
      height: 18px;
      margin-top: 16px;
      overflow: hidden;
      border-radius: 999px;
      background: #dbeafe;
    }
    .inbound-appointments-progress-fill {
      width: 0%;
      height: 100%;
      border-radius: inherit;
      background: #0f766e;
      transition: width .18s ease;
    }
    .inbound-appointments-progress-text {
      margin-top: 12px;
      color: var(--muted);
      font-size: 14px;
      font-weight: 700;
      line-height: 1.35;
    }
    .inbound-appointment-item {
      border: 1px solid var(--line);
      border-radius: 4px;
      background: var(--surface-bg, #fff);
      overflow: hidden;
    }
    .inbound-appointment-status-group {
      display: grid;
      gap: 10px;
      padding: 12px;
      border: 1px solid var(--line);
      border-radius: 6px;
      background: #f8fafc;
    }
    .inbound-appointment-status-group[data-status-group="success"] {
      background: #eff8ff;
      border-color: #bfdbfe;
    }
    .inbound-appointment-status-group[data-status-group="cancelled"] {
      background: #fffbeb;
      border-color: #fde68a;
    }
    .inbound-appointment-status-group[data-status-group="arrived"] {
      background: #f0fdf4;
      border-color: #bbf7d0;
    }
    .inbound-appointment-status-group[data-status-group="closed"] {
      background: #f1f5f9;
      border-color: #cbd5e1;
    }
    .inbound-appointment-status-head {
      display: flex;
      align-items: center;
      justify-content: center;
      min-width: 0;
      text-align: center;
    }
    .inbound-appointment-status-title {
      color: var(--text);
      font-size: 20px;
      font-weight: 900;
      line-height: 1.25;
      overflow-wrap: anywhere;
    }
    .inbound-appointment-group-summary {
      grid-template-columns: repeat(auto-fit, minmax(126px, 1fr));
    }
    .inbound-appointment-group-summary .inbound-appointments-summary-card {
      min-height: 62px;
      padding: 8px;
    }
    .inbound-appointment-status-group[data-status-group="success"] .inbound-appointment-group-summary .inbound-appointments-summary-card {
      border-color: #60a5fa;
      background: #bfdbfe;
    }
    .inbound-appointment-status-group[data-status-group="cancelled"] .inbound-appointment-group-summary .inbound-appointments-summary-card {
      border-color: #f59e0b;
      background: #fde68a;
    }
    .inbound-appointment-status-group[data-status-group="arrived"] .inbound-appointment-group-summary .inbound-appointments-summary-card {
      border-color: #22c55e;
      background: #bbf7d0;
    }
    .inbound-appointment-status-group[data-status-group="closed"] .inbound-appointment-group-summary .inbound-appointments-summary-card {
      border-color: #94a3b8;
      background: #cbd5e1;
    }
    .inbound-appointment-group-summary .inbound-appointments-summary-label {
      color: #0f172a;
    }
    .inbound-appointment-group-summary .inbound-appointments-summary-value {
      color: #0f172a;
    }
    .inbound-appointment-group-summary .inbound-appointments-summary-value {
      font-size: 18px;
    }
    .inbound-appointments-summary-card[data-summary-key="inbound_appointments_transport_summary"] .inbound-appointments-summary-value {
      font-size: 15px;
      line-height: 1.18;
    }
    .inbound-appointment-head {
      display: grid;
      grid-template-columns: minmax(180px, 1fr) auto;
      gap: 8px;
      align-items: center;
      padding: 10px 12px;
      border-bottom: 1px solid var(--line);
      background: #f8fbff;
    }
    .inbound-appointment-item[data-status-group="success"] .inbound-appointment-head {
      background: #bfdbfe;
      border-bottom-color: #60a5fa;
    }
    .inbound-appointment-item[data-status-group="cancelled"] .inbound-appointment-head {
      background: #fde68a;
      border-bottom-color: #f59e0b;
    }
    .inbound-appointment-item[data-status-group="arrived"] .inbound-appointment-head {
      background: #bbf7d0;
      border-bottom-color: #22c55e;
    }
    .inbound-appointment-item[data-status-group="closed"] .inbound-appointment-head {
      background: #cbd5e1;
      border-bottom-color: #94a3b8;
    }
    .inbound-appointment-title {
      font-size: 15px;
      font-weight: 800;
      color: var(--text);
      overflow-wrap: anywhere;
    }
    .inbound-appointment-title-wrap {
      display: flex;
      align-items: center;
      gap: 8px;
      min-width: 0;
    }
    .inbound-appointment-toggle {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 24px;
      height: 24px;
      min-width: 24px;
      padding: 0;
      border: 1px solid rgba(15, 23, 42, .18);
      border-radius: 6px;
      background: rgba(255, 255, 255, .46);
      color: #0f172a;
      cursor: pointer;
    }
    .inbound-appointment-toggle:hover {
      background: rgba(255, 255, 255, .72);
    }
    .inbound-appointment-toggle::before {
      content: "";
      width: 0;
      height: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 7px solid currentColor;
      transform-origin: 50% 45%;
      transition: transform .16s ease;
    }
    .inbound-appointment-item.is-collapsed .inbound-appointment-toggle::before {
      transform: rotate(-90deg);
    }
    .inbound-appointment-item.is-collapsed .inbound-appointment-body {
      display: none;
    }
    .inbound-appointment-badges {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      justify-content: flex-end;
    }
    .inbound-appointment-badge {
      display: inline-flex;
      align-items: center;
      min-height: 24px;
      padding: 0 8px;
      border: 1px solid #b8d4f1;
      border-radius: 999px;
      background: #eef7ff;
      color: #155e95;
      font-size: 12px;
      font-weight: 800;
      white-space: nowrap;
    }
    .inbound-appointment-item[data-status-group="success"] .inbound-appointment-badge {
      border-color: #60a5fa;
      background: #bfdbfe;
      color: #0f172a;
    }
    .inbound-appointment-item[data-status-group="cancelled"] .inbound-appointment-badge {
      border-color: #f59e0b;
      background: #fde68a;
      color: #0f172a;
    }
    .inbound-appointment-item[data-status-group="arrived"] .inbound-appointment-badge {
      border-color: #22c55e;
      background: #bbf7d0;
      color: #0f172a;
    }
    .inbound-appointment-item[data-status-group="closed"] .inbound-appointment-badge {
      border-color: #94a3b8;
      background: #cbd5e1;
      color: #0f172a;
    }
    .inbound-appointment-body {
      display: grid;
      gap: 10px;
      padding: 10px;
    }
    .inbound-appointment-section-title {
      margin: 0 0 6px 0;
      color: var(--text);
      font-size: 15px;
      font-weight: 800;
      line-height: 1.25;
    }
    .inbound-appointment-section {
      display: grid;
      gap: 8px;
      min-width: 0;
    }
    .inbound-appointment-table-wrap {
      overflow: auto;
      border: 1px solid var(--line);
      border-radius: 4px;
      background: var(--surface-bg, #fff);
    }
    .inbound-appointment-mobile-list {
      display: none;
      gap: 8px;
    }
    .inbound-appointment-mobile-card {
      min-width: 0;
      overflow: hidden;
      border: 1px solid var(--line);
      border-radius: 6px;
      background: var(--surface-bg, #fff);
    }
    .inbound-appointment-mobile-card-title {
      display: grid;
      gap: 2px;
      padding: 8px 10px;
      border-bottom: 1px solid var(--line);
      background: rgba(15, 23, 42, .04);
    }
    .inbound-appointment-mobile-card-eyebrow,
    .inbound-appointment-mobile-label {
      color: var(--muted);
      font-size: 11px;
      font-weight: 800;
      line-height: 1.2;
    }
    .inbound-appointment-mobile-card-value,
    .inbound-appointment-mobile-value {
      min-width: 0;
      color: var(--text);
      font-size: 13px;
      font-weight: 800;
      line-height: 1.28;
      overflow-wrap: anywhere;
      word-break: break-word;
    }
    .inbound-appointment-mobile-fields {
      display: grid;
    }
    .inbound-appointment-mobile-field {
      display: grid;
      grid-template-columns: minmax(82px, 34%) minmax(0, 1fr);
      gap: 8px;
      align-items: start;
      padding: 7px 10px;
      border-top: 1px solid rgba(148, 163, 184, .24);
    }
    .inbound-appointment-mobile-field:first-child {
      border-top: 0;
    }
    .inbound-appointment-mobile-card.is-summary .inbound-appointment-mobile-card-title {
      background: rgba(15, 23, 42, .06);
    }
    .inbound-appointment-mobile-list.inbound-appointment-meta-wrap .inbound-appointment-mobile-card {
      border-color: #93c5fd;
      box-shadow: inset 3px 0 0 #2563eb;
    }
    .inbound-appointment-mobile-list.inbound-appointment-meta-wrap .inbound-appointment-mobile-card-title {
      background: #dbeafe;
    }
    .inbound-appointment-mobile-list.inbound-appointment-order-wrap .inbound-appointment-mobile-card {
      border-color: #5eead4;
      box-shadow: inset 3px 0 0 #0f766e;
    }
    .inbound-appointment-mobile-list.inbound-appointment-order-wrap .inbound-appointment-mobile-card-title {
      background: #ccfbf1;
    }
    .inbound-appointment-mobile-list.inbound-appointment-sku-wrap .inbound-appointment-mobile-card {
      border-color: #cbd5e1;
      box-shadow: inset 3px 0 0 #64748b;
    }
    .inbound-appointment-mobile-list.inbound-appointment-sku-wrap .inbound-appointment-mobile-card-title {
      background: #e2e8f0;
    }
    .inbound-appointment-mobile-list.inbound-appointment-carton-wrap .inbound-appointment-mobile-card {
      border-color: #b6c4cf;
      box-shadow: inset 3px 0 0 #526779;
    }
    .inbound-appointment-mobile-list.inbound-appointment-carton-wrap .inbound-appointment-mobile-card-title {
      background: #e5edf2;
    }
    .inbound-appointment-meta-wrap {
      border-color: #93c5fd;
      box-shadow: inset 3px 0 0 #2563eb;
    }
    .inbound-appointment-order-wrap {
      border-color: #5eead4;
      box-shadow: inset 3px 0 0 #0f766e;
    }
    .inbound-appointment-sku-wrap {
      border-color: #cbd5e1;
      box-shadow: inset 3px 0 0 #64748b;
    }
    .inbound-appointment-carton-wrap {
      border-color: #b6c4cf;
      box-shadow: inset 3px 0 0 #526779;
    }
    .inbound-appointment-mobile-list.inbound-appointment-meta-wrap,
    .inbound-appointment-mobile-list.inbound-appointment-order-wrap,
    .inbound-appointment-mobile-list.inbound-appointment-sku-wrap,
    .inbound-appointment-mobile-list.inbound-appointment-carton-wrap {
      border-color: transparent;
      box-shadow: none;
    }
    .inbound-appointment-table {
      min-width: 760px;
      table-layout: fixed;
    }
    .inbound-appointment-meta-table {
      min-width: 1760px;
    }
    .inbound-appointment-order-table {
      min-width: 1520px;
    }
    .inbound-appointment-sku-table {
      min-width: 1040px;
    }
    .inbound-appointment-carton-table {
      min-width: 980px;
    }
    .inbound-appointment-table col.col-count,
    .inbound-appointment-table col.col-narrow { width: 86px; }
    .inbound-appointment-table col.col-qty { width: 132px; }
    .inbound-appointment-table col.col-short { width: 100px; }
    .inbound-appointment-table col.col-status,
    .inbound-appointment-table col.col-medium { width: 130px; }
    .inbound-appointment-table col.col-date { width: 132px; }
    .inbound-appointment-table col.col-time { width: 150px; }
    .inbound-appointment-table col.col-datetime { width: 176px; }
    .inbound-appointment-table col.col-code { width: 190px; }
    .inbound-appointment-table col.col-id,
    .inbound-appointment-table col.col-wide { width: 220px; }
    .inbound-appointment-table col.col-product { width: 260px; }
    .inbound-appointment-table col.col-flex { width: auto; }
    .inbound-appointment-table td,
    .inbound-appointment-table th {
      max-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      vertical-align: top;
      white-space: nowrap;
    }
    .inbound-appointment-table th {
      color: #0f172a;
      font-weight: 900;
    }
    .inbound-appointment-meta-table th {
      background: #dbeafe;
    }
    .inbound-appointment-order-table th {
      background: #ccfbf1;
    }
    .inbound-appointment-sku-table th {
      background: #e2e8f0;
    }
    .inbound-appointment-carton-table th {
      background: #e5edf2;
    }
    .inbound-appointment-meta-table tbody td {
      background: #f8fbff;
    }
    .inbound-appointment-order-table tbody td {
      background: #f0fdfa;
    }
    .inbound-appointment-sku-table tbody td {
      background: #f8fafc;
    }
    .inbound-appointment-carton-table tbody td {
      background: #f6f9fb;
    }
    .inbound-appointment-table tfoot td {
      border-top: 1px solid var(--line);
      background: rgba(15, 23, 42, .03);
      font-weight: 900;
    }
    .inbound-appointment-qty-diff {
      display: inline;
      min-width: 0;
      white-space: nowrap;
    }
    .inbound-appointment-qty-diff.is-match .inbound-appointment-qty-main {
      color: #15803d;
    }
    .inbound-appointment-qty-delta {
      font-weight: 900;
      margin-left: 0;
    }
    .inbound-appointment-qty-diff.is-negative .inbound-appointment-qty-delta {
      color: #dc2626;
    }
    .inbound-appointment-qty-diff.is-positive .inbound-appointment-qty-delta {
      color: #2563eb;
    }
    .inbound-appointment-order-block {
      display: grid;
      gap: 8px;
      padding: 10px;
      border: 1px solid var(--line);
      border-radius: 4px;
      background: rgba(255, 255, 255, .58);
    }
    .inbound-appointment-order-block + .inbound-appointment-order-block {
      margin-top: 10px;
    }
    .inbound-appointment-collapse {
      border: 1px solid var(--line);
      border-radius: 4px;
      background: var(--surface-bg, #fff);
      overflow: hidden;
    }
    .inbound-appointment-collapse-sku {
      border-color: #cbd5e1;
    }
    .inbound-appointment-collapse-carton {
      border-color: #b6c4cf;
    }
    .inbound-appointment-collapse summary {
      cursor: pointer;
      padding: 8px 10px;
      color: var(--text);
      font-size: 12px;
      font-weight: 900;
      line-height: 1.25;
      user-select: none;
    }
    .inbound-appointment-collapse-sku summary {
      background: #eef2f7;
      color: #334155;
    }
    .inbound-appointment-collapse-carton summary {
      background: #edf3f6;
      color: #344b5a;
    }
    .inbound-appointment-collapse-body {
      padding: 8px 10px 10px;
    }
    @media (max-width: 1120px) {
      .inbound-appointment-status-head {
        justify-content: center;
      }
      .inbound-appointment-head {
        grid-template-columns: 1fr;
      }
      .inbound-appointment-badges {
        justify-content: flex-start;
      }
      .inbound-appointment-body {
        padding: 8px;
      }
      .inbound-appointment-section-title {
        margin-bottom: 4px;
      }
      .inbound-appointment-table-wrap {
        display: none;
      }
      .inbound-appointment-mobile-list {
        display: grid;
      }
      .inbound-appointment-order-block {
        padding: 8px;
      }
      .inbound-appointment-collapse-body {
        padding: 8px;
      }
    }
    @container inbound-appointments-detail (max-width: 1120px) {
      .inbound-appointment-status-head {
        justify-content: center;
      }
      .inbound-appointment-head {
        grid-template-columns: 1fr;
      }
      .inbound-appointment-badges {
        justify-content: flex-start;
      }
      .inbound-appointment-body {
        padding: 8px;
      }
      .inbound-appointment-section-title {
        margin-bottom: 4px;
      }
      .inbound-appointment-table-wrap {
        display: none;
      }
      .inbound-appointment-mobile-list {
        display: grid;
      }
      .inbound-appointment-order-block {
        padding: 8px;
      }
      .inbound-appointment-collapse-body {
        padding: 8px;
      }
    }
    .inventory-stats-table th {
      overflow: hidden;
    }
    .inventory-stats-table th[data-inventory-stats-sort="1"] {
      padding-right: 18px;
    }
    .inventory-stats-table th[data-location-search-sort="1"] {
      padding-right: 18px;
    }
    .inventory-stats-th-content {
      display: inline-flex;
      align-items: center;
      max-width: 100%;
      min-width: 0;
      vertical-align: middle;
    }
    .inventory-stats-th-label {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .inventory-stats-cell-text {
      display: block;
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .inventory-stats-col-resizer {
      position: absolute;
      top: 0;
      right: -3px;
      bottom: 0;
      width: 8px;
      cursor: col-resize;
      z-index: 6;
      touch-action: none;
    }
    .inventory-stats-col-resizer::after {
      content: "";
      position: absolute;
      top: 20%;
      bottom: 20%;
      left: 3px;
      width: 1px;
      background: rgba(15, 23, 42, 0.28);
      opacity: 0;
      transition: opacity 120ms ease;
    }
    .inventory-stats-col-resizer:hover::after,
    .inventory-stats-table.is-column-resizing .inventory-stats-col-resizer::after {
      opacity: 1;
    }
    .inventory-stats-table.is-column-resizing,
    .inventory-stats-table.is-column-resizing * {
      user-select: none;
    }
    .table-pagination-bar {
      margin: 8px;
      padding: 8px 10px;
      border: 1px solid #dce7f4;
      border-radius: 8px;
      background: #f8fbff;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px 12px;
      flex-wrap: wrap;
    }
    .table-pagination-main {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      flex-wrap: wrap;
    }
    .table-pagination-size-wrap {
      display: inline-flex;
      align-items: center;
      gap: 6px;
    }
    .table-pagination-size-wrap label {
      margin: 0;
      font-size: 12px;
      color: #5a708e;
      white-space: nowrap;
    }
    .table-pagination-jump-wrap {
      display: inline-flex;
      align-items: center;
      gap: 6px;
    }
    .table-pagination-jump-wrap label {
      margin: 0;
      font-size: 12px;
      color: #5a708e;
      white-space: nowrap;
    }
    .table-pagination-size-wrap select {
      width: 72px;
      min-width: 72px;
      height: 30px;
      min-height: 30px;
      padding: 0 8px;
      font-size: 13px;
      border-radius: 7px;
      border: 1px solid #c9d4e4;
      background: #ffffff;
      color: #2d4766;
      box-sizing: border-box;
    }
    .table-pagination-jump-wrap input {
      width: 86px;
      min-width: 86px;
      height: 30px;
      min-height: 30px;
      padding: 0 8px;
      font-size: 13px;
      border-radius: 7px;
      border: 1px solid #c9d4e4;
      background: #ffffff;
      color: #2d4766;
      box-sizing: border-box;
      appearance: textfield;
    }
    .table-pagination-jump-wrap input::-webkit-outer-spin-button,
    .table-pagination-jump-wrap input::-webkit-inner-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }
    .table-pagination-jump-wrap input:focus {
      outline: none;
      border-color: #bccadd;
      box-shadow: none;
    }
    .table-pagination-nav {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      flex-wrap: wrap;
    }
    .table-pagination-pages {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      flex-wrap: wrap;
    }
    button.table-pagination-btn,
    button.table-pagination-page-btn,
    .table-pagination-current {
      min-height: 30px !important;
      height: 30px !important;
      padding: 0 9px;
      border-radius: 7px;
      font-size: 12px;
      line-height: 1;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      white-space: nowrap;
      user-select: none;
      box-sizing: border-box;
    }
    button.table-pagination-btn,
    button.table-pagination-page-btn {
      background: #e6ecf5;
      border: 1px solid #c9d4e4;
      color: #2d4766;
      cursor: pointer;
    }
    button.table-pagination-btn:hover,
    button.table-pagination-page-btn:hover {
      background: #dde6f2;
      border-color: #bccadd;
    }
    button.table-pagination-btn:disabled,
    button.table-pagination-page-btn:disabled,
    button.table-pagination-btn:disabled:hover,
    button.table-pagination-page-btn:disabled:hover {
      background: #eff3f9;
      border-color: #d8e1ee;
      color: #90a0b4;
      cursor: default;
    }
    .table-pagination-current {
      background: #1f5da0;
      color: #ffffff;
      font-weight: 700;
      border: 1px solid #1f5da0;
      cursor: default;
      pointer-events: none;
      min-width: 30px;
    }
    button.table-pagination-page-btn,
    .table-pagination-current {
      min-width: 30px;
      padding: 0 8px;
    }
    .table-pagination-info {
      font-size: 12px;
      color: #4b6485;
      white-space: nowrap;
    }
    .business-efficiency-group {
      margin-bottom: 14px;
      border: 3px solid var(--biz-theme-border);
      border-radius: 2px;
      background: var(--biz-theme-title-bg, #1e7fda);
      overflow: hidden;
      box-shadow: none;
    }
    .business-efficiency-group:last-child {
      margin-bottom: 0;
    }
    .business-efficiency-group-title {
      position: relative;
      background: var(--biz-theme-title-bg);
      border-bottom: 1px solid rgba(15, 23, 42, 0.15);
      color: #06101f;
      font-size: 17px;
      font-weight: 800;
      padding: 8px 12px;
      text-align: center;
      letter-spacing: 0;
      line-height: 1.15;
    }
    .business-efficiency-group-title::before {
      display: none;
    }
    .business-efficiency-subgroup {
      background: #ffffff;
    }
    .business-efficiency-subgroup + .business-efficiency-subgroup {
      margin-top: 8px;
      padding-top: 0;
      border-top: 0;
    }
    .business-efficiency-subgroup:first-of-type {
      margin-top: 0;
      padding-top: 0;
      border-top: 0;
    }
    .business-efficiency-subgroup-title {
      background: var(--biz-theme-title-bg);
      color: #06101f;
      font-size: 15px;
      font-weight: 800;
      padding: 6px 10px;
      text-align: left;
      letter-spacing: 0;
      line-height: 1.2;
    }
    .business-report-table th[data-business-sort="1"] {
      cursor: pointer;
      user-select: none;
      transition: background-color 160ms ease, color 160ms ease;
    }
    .business-report-table th[data-business-sort="1"]:hover {
      background: var(--biz-theme-header-bg, #4aa1ec);
      filter: brightness(0.93);
      color: #0b1220;
    }
    .business-sort-indicator {
      display: inline-block;
      min-width: 18px;
      margin-left: 6px;
      text-align: center;
      color: #0b1220;
      font-weight: 800;
      font-size: 13px;
    }
    .business-report-summary-meta {
      margin: 0 0 10px 0;
      color: #475569;
      font-size: 13px;
      font-weight: 700;
      text-align: right;
    }
    .business-summary-total-row td {
      background: var(--biz-theme-total-bg, #eef5ff) !important;
      border-top: 3px double var(--biz-theme-total-border, #c8d6e8);
      border-bottom: 3px double var(--biz-theme-total-border, #c8d6e8);
      box-shadow: none;
    }
    .business-summary-total-row td strong {
      color: var(--biz-theme-total-strong, #0b1220);
      font-weight: 800;
      letter-spacing: 0;
    }
    .business-efficiency-group {
      --biz-theme-title-bg: #1e7fda;
      --biz-theme-header-bg: #4fa8ef;
      --biz-theme-border: #9fc2e6;
      --biz-theme-row-odd: #ffffff;
      --biz-theme-row-even: #f6faff;
      --biz-theme-row-hover: #e8f3ff;
      --biz-theme-total-bg: #edf4ff;
      --biz-theme-total-border: #86abd2;
      --biz-theme-total-strong: #0b1220;
    }
    .business-efficiency-group.business-theme-inbound {
      --biz-theme-title-bg: #1c7fd6;
      --biz-theme-header-bg: #4aa8ef;
      --biz-theme-border: #9fc6ec;
      --biz-theme-row-odd: #ffffff;
      --biz-theme-row-even: #f2f8ff;
      --biz-theme-row-hover: #e7f2ff;
      --biz-theme-total-bg: #ebf4ff;
      --biz-theme-total-border: #84add8;
      --biz-theme-total-strong: #0b3c78;
    }
    .business-efficiency-group.business-theme-relocation {
      --biz-theme-title-bg: #5b50de;
      --biz-theme-header-bg: #7f78ef;
      --biz-theme-border: #aba5eb;
      --biz-theme-row-odd: #ffffff;
      --biz-theme-row-even: #f4f2ff;
      --biz-theme-row-hover: #ebe8ff;
      --biz-theme-total-bg: #f1efff;
      --biz-theme-total-border: #9f98de;
      --biz-theme-total-strong: #3f378e;
    }
    .business-efficiency-group.business-theme-outbound {
      --biz-theme-title-bg: #2ca94e;
      --biz-theme-header-bg: #58ce74;
      --biz-theme-border: #9cd8ad;
      --biz-theme-row-odd: #ffffff;
      --biz-theme-row-even: #f2fbf4;
      --biz-theme-row-hover: #e6f7ea;
      --biz-theme-total-bg: #ecf9ef;
      --biz-theme-total-border: #81c696;
      --biz-theme-total-strong: #125643;
    }
    .business-efficiency-group.business-theme-order {
      --biz-theme-title-bg: #ef8523;
      --biz-theme-header-bg: #f5a357;
      --biz-theme-border: #f5b57f;
      --biz-theme-row-odd: #ffffff;
      --biz-theme-row-even: #fff7ef;
      --biz-theme-row-hover: #fff2e4;
      --biz-theme-total-bg: #fff8ef;
      --biz-theme-total-border: #e4a66d;
      --biz-theme-total-strong: #7e3f05;
    }
    .business-efficiency-group.business-theme-capacity {
      --biz-theme-title-bg: #0f766e;
      --biz-theme-header-bg: #2dd4bf;
      --biz-theme-border: #5eead4;
      --biz-theme-row-odd: #ecfdfa;
      --biz-theme-row-even: #f0fdfa;
      --biz-theme-row-hover: #ccfbf1;
      --biz-theme-total-bg: #d7fbf4;
      --biz-theme-total-border: #2dd4bf;
      --biz-theme-total-strong: #115e59;
    }
    .business-efficiency-group.business-theme-ranking {
      --biz-theme-title-bg: #0eaab9;
      --biz-theme-header-bg: #41c6d2;
      --biz-theme-border: #7dd6de;
      --biz-theme-row-odd: #ffffff;
      --biz-theme-row-even: #eff9fb;
      --biz-theme-row-hover: #e8f7fa;
      --biz-theme-total-bg: #eefafd;
      --biz-theme-total-border: #89cad1;
      --biz-theme-total-strong: #15535a;
    }
    .business-efficiency-group[class*="business-theme-"] {
      border-color: var(--biz-theme-border);
      background: var(--biz-theme-title-bg);
    }
    .business-efficiency-group[class*="business-theme-"] .business-efficiency-group-title {
      background: var(--biz-theme-title-bg);
      border-bottom-color: rgba(15, 23, 42, 0.15);
      color: #06101f;
    }
    .business-efficiency-group[class*="business-theme-"] .business-efficiency-group-title::before {
      display: none;
    }
    .business-efficiency-group[class*="business-theme-"] .business-efficiency-subgroup-title {
      background: var(--biz-theme-title-bg);
      color: #06101f;
      border-top: 0;
      border-bottom: 1px solid rgba(15, 23, 42, 0.15);
      text-shadow: none;
    }
    .business-efficiency-group[class*="business-theme-"] .business-report-table tbody tr:nth-child(even) td {
      background: var(--biz-theme-row-even);
    }
    .business-efficiency-group[class*="business-theme-"] .business-report-table tbody tr:nth-child(odd) td {
      background: var(--biz-theme-row-odd);
    }
    .business-efficiency-group[class*="business-theme-"] .business-report-table tbody tr:hover td {
      background: var(--biz-theme-row-hover);
    }
    .business-efficiency-group[class*="business-theme-"] .business-report-table tbody td:first-child {
      color: #0f172a;
    }
    .business-efficiency-group[class*="business-theme-"] .business-report-table td.num {
      color: #0b1220;
    }
    .business-efficiency-group[class*="business-theme-"] .business-summary-total-row td {
      background: var(--biz-theme-total-bg) !important;
      border-top-color: var(--biz-theme-total-border);
      border-bottom-color: var(--biz-theme-total-border);
      border-top-style: double;
      border-bottom-style: double;
      border-top-width: 3px;
      border-bottom-width: 3px;
    }
    .business-efficiency-group[class*="business-theme-"] .business-summary-total-row td strong {
      color: var(--biz-theme-total-strong);
    }
    .business-summary-capacity-current-table .business-summary-total-row td {
      font-weight: 900;
      color: var(--biz-theme-total-strong, #115e59) !important;
    }
    .business-summary-capacity-current-table .business-summary-total-row td.num {
      color: var(--biz-theme-total-strong, #115e59) !important;
    }
    .business-efficiency-group[class*="business-theme-"] .business-operation-fee-combined-table .business-operation-fee-total-row.business-operation-fee-inbound td {
      background: #ebf4ff !important;
      border-top-color: #84add8;
      border-bottom-color: #84add8;
      color: #0b3c78 !important;
    }
    .business-efficiency-group[class*="business-theme-"] .business-operation-fee-combined-table .business-operation-fee-total-row.business-operation-fee-outbound td {
      background: #ecf9ef !important;
      border-top-color: #81c696;
      border-bottom-color: #81c696;
      color: #125643 !important;
    }
    .business-efficiency-group[class*="business-theme-"] .business-operation-fee-combined-table .business-operation-fee-total-row td strong {
      color: inherit !important;
    }
    .business-efficiency-group[class*="business-theme-"] .business-operation-fee-combined-table .business-operation-fee-grand-total-row td {
      background: #0b3c78 !important;
      border-top-color: #60a5fa;
      border-bottom-color: #60a5fa;
      color: #dbeafe !important;
    }
    .business-efficiency-group[class*="business-theme-"] .business-operation-fee-combined-table .business-operation-fee-grand-total-row td strong {
      color: inherit !important;
    }
    .history-card-full {
      width: 100%;
      grid-column: 1 / -1;
    }
    .history-card {
      background: #ffffff;
      border: 1px solid #d7e0ea;
      border-radius: 4px;
      padding: 8px;
      min-width: 0;
      max-width: 100%;
    }
    .history-title {
      font-size: clamp(16px, 1.25vw, 20px);
      font-weight: 800;
      color: #0f172a;
      margin-bottom: 6px;
      line-height: 1.15;
      text-align: center;
    }
    .history-title.has-ai-chart-action {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
      align-items: center;
      gap: 8px;
      text-align: center;
    }
    .history-title-text {
      grid-column: 2;
      min-width: 0;
    }
    .history-title .business-chart-trend-ai-btn {
      grid-column: 3;
      justify-self: end;
    }
    .history-series-toolbar {
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 6px 8px;
      border-bottom: 1px solid #d7e0ea;
      background: #ffffff;
      flex-wrap: wrap;
      position: sticky;
      top: 0;
      z-index: 1;
    }
    .history-toolbar-group {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      flex-wrap: wrap;
    }
    .history-toolbar-people-group {
      flex-wrap: nowrap;
    }
    .history-series-label {
      color: #334155;
      font-size: 12px;
      font-weight: 700;
      white-space: nowrap;
    }
    .history-series-list {
      display: flex;
      align-items: center;
      gap: 8px;
      flex-wrap: wrap;
    }
    .history-series-item {
      display: inline-flex;
      align-items: center;
      gap: 4px;
      color: #334155;
      font-size: 12px;
      font-weight: 600;
      background: #f8fafc;
      border: 1px solid #d7e0ea;
      border-radius: 4px;
      padding: 2px 6px;
      user-select: none;
    }
    .history-series-item input {
      margin: 0;
      width: 12px;
      height: 12px;
      accent-color: #0f766e;
    }
    .history-dropdown {
      display: inline-block;
      position: relative;
      min-width: 220px;
      max-width: 360px;
      width: min(100%, 360px);
    }
    .history-dropdown > summary {
      list-style: none;
      cursor: pointer;
      user-select: none;
      border: 1px solid #cbd5e1;
      border-radius: 4px;
      background: #ffffff;
      color: #0f172a;
      padding: 4px 10px;
      font-size: 12px;
      line-height: 1.4;
      font-weight: 600;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
    }
    .history-dropdown > summary::-webkit-details-marker {
      display: none;
    }
    .history-dropdown > summary::after {
      content: "▼";
      color: #64748b;
      font-size: 10px;
      margin-left: auto;
    }
    .history-dropdown[open] > summary::after {
      content: "▲";
    }
    .history-dropdown-menu {
      position: absolute;
      top: calc(100% + 4px);
      left: 0;
      right: 0;
      z-index: 10;
      border: 1px solid #cbd5e1;
      border-radius: 4px;
      background: #ffffff;
      box-shadow: 0 8px 20px rgba(15, 23, 42, 0.16);
      padding: 6px;
      max-height: 220px;
      overflow: auto;
    }
    .history-dropdown-list {
      display: flex;
      flex-direction: column;
      gap: 6px;
    }
    .history-dropdown-actions {
      display: flex;
      justify-content: flex-end;
      margin-bottom: 6px;
    }
    .history-dropdown-reset {
      appearance: none;
      border: 1px solid var(--btn-border);
      border-radius: var(--btn-radius);
      background: var(--btn-bg-hover);
      color: var(--btn-text);
      font-size: 12px;
      line-height: 1.2;
      font-weight: 600;
      padding: 3px 8px;
      cursor: pointer;
    }
    .history-dropdown-select-all {
      margin-right: 6px;
    }
    .history-dropdown-reset:hover {
      border-color: var(--btn-primary-border);
      color: var(--btn-primary-border);
    }
    .history-dropdown-item {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      color: #334155;
      font-size: 12px;
      font-weight: 600;
      background: #f8fafc;
      border: 1px solid #d7e0ea;
      border-radius: 4px;
      padding: 3px 6px;
    }
    .history-dropdown-item input {
      margin: 0;
      width: 12px;
      height: 12px;
      accent-color: #0f766e;
    }
    .history-chart-scroll {
      overflow-x: auto;
      overflow-y: hidden;
      border: 1px solid #d7e0ea;
      border-radius: 4px;
      background: #f8fafc;
      min-height: 320px;
      width: 100%;
      max-width: 100%;
      min-width: 0;
    }
    .business-chart-trend-summary {
      margin-top: 8px;
      padding: 8px 10px;
      border: 1px solid #d7e0ea;
      border-radius: 4px;
      background: #f8fafc;
      color: #1e293b;
      font-size: 13px;
      line-height: 1.45;
      font-weight: 600;
      white-space: normal;
    }
    .business-chart-trend-ai-btn {
      height: 28px;
      min-height: 28px;
      padding: 0 10px;
      border: 1px solid #1d4ed8;
      border-radius: 4px;
      background: #2563eb;
      color: #fff;
      font-size: 12px;
      font-weight: 800;
      line-height: 26px;
      cursor: pointer;
      box-shadow: 0 1px 3px rgba(37, 99, 235, 0.22);
    }
    .business-chart-trend-ai-btn:hover:not(:disabled) {
      background: #1d4ed8;
    }
    .business-chart-trend-ai-btn:disabled {
      cursor: default;
      opacity: 0.65;
      box-shadow: none;
    }
    .business-chart-trend-summary-body > p {
      margin: 0;
      white-space: normal;
    }
    .business-chart-trend-summary-body > p + p {
      margin-top: 8px;
      padding-top: 8px;
      border-top: 1px dashed rgba(148, 163, 184, 0.45);
    }
    .business-chart-trend-summary-body h1,
    .business-chart-trend-summary-body h2,
    .business-chart-trend-summary-body h3,
    .business-chart-trend-summary-body h4 {
      margin: 6px 0 6px;
      color: #0f3f73;
      font-size: 14px;
      line-height: 1.35;
    }
    .business-chart-trend-summary-body ul,
    .business-chart-trend-summary-body ol {
      margin: 6px 0 0 18px;
      padding: 0;
    }
    .business-chart-trend-summary-body li + li {
      margin-top: 4px;
    }
    .history-series-total-bar {
      display: flex;
      align-items: flex-start;
      gap: 8px;
      padding: 6px 8px;
      border-bottom: 1px solid #d7e0ea;
      background: #f8fafc;
      flex-wrap: wrap;
    }
    .history-series-total-label {
      color: #334155;
      font-size: 12px;
      font-weight: 700;
      white-space: nowrap;
      line-height: 1.5;
    }
    .history-series-total-list {
      display: flex;
      align-items: center;
      gap: 8px;
      flex-wrap: wrap;
    }
    .history-series-total-item {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      color: #334155;
      font-size: 12px;
      font-weight: 600;
      background: #ffffff;
      border: 1px solid #d7e0ea;
      border-radius: 4px;
      padding: 2px 8px;
    }
    .history-series-total-dot {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      flex: 0 0 auto;
    }
    .history-empty {
      min-height: 320px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #64748b;
      font-size: clamp(13px, .95vw, 15px);
      font-weight: 700;
      text-align: center;
      padding: 0 12px;
    }
    .history-bar-rect {
      cursor: pointer;
    }
    .history-bar-tooltip {
      position: fixed;
      z-index: 4000;
      min-width: 160px;
      max-width: min(360px, calc(100vw - 16px));
      background: rgba(15, 23, 42, 0.96);
      color: #f8fafc;
      border: 1px solid rgba(148, 163, 184, 0.45);
      border-radius: 6px;
      padding: 8px 10px;
      box-shadow: 0 10px 26px rgba(2, 6, 23, 0.28);
      font-size: 12px;
      line-height: 1.45;
      pointer-events: none;
      opacity: 0;
      transform: translate3d(0, 0, 0);
      transition: opacity .12s ease-out;
      white-space: normal;
      display: none;
    }
    .history-bar-tooltip.show {
      display: block;
      opacity: 1;
    }
    .history-bar-tooltip-title {
      font-weight: 700;
      margin-bottom: 4px;
      color: #e2e8f0;
      word-break: break-word;
    }
    .history-bar-tooltip-row {
      color: #cbd5e1;
      word-break: break-word;
    }
    html[data-theme="dark"] {
      color-scheme: dark;
      --app-bg: #1e1e1e;
      --panel-bg: #252526;
      --text: #d4d4d4;
      --hint: #9da3ad;
      --line: #3c3c3c;
      --surface-bg: #252526;
      --surface-bg-soft: #2d2d30;
      --surface-bg-muted: #333333;
      --surface-border: #3c3c3c;
      --surface-border-soft: #2f2f2f;
      --surface-border-strong: #4a4a4a;
      --label: #cccccc;
      --label-strong: #e6e6e6;
      --btn-border: #3c3c3c;
      --btn-border-hover: #595959;
      --btn-bg: #252526;
      --btn-bg-hover: #2d2d30;
      --btn-text: #d4d4d4;
      --btn-primary-bg: #0e639c;
      --btn-primary-border: #1177bb;
      --btn-primary-hover: #1177bb;
      --chart-bg: #252526;
      --chart-grid: #3c3c3c;
      --chart-grid-soft: #343434;
      --chart-axis: #6b6b6b;
      --chart-text: #d4d4d4;
      --chart-muted: #a5a5a5;
      --chart-value: #e6e6e6;
      --chart-selected: #4fc1ff;
      --chart-point-stroke: #1e1e1e;
      --date-input-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");
      --date-input-icon-hover: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");
      --date-input-strip: rgba(212, 212, 212, 0.14);
      --date-input-strip-hover: rgba(212, 212, 212, 0.22);
      --date-input-color-scheme: dark;
    }
    html[data-theme="dark"] body {
      background-color: #1e1e1e;
      background-image:
        radial-gradient(circle at 8% 0%, rgba(14, 99, 156, 0.24), transparent 34%),
        linear-gradient(180deg, #1e1e1e 0%, #212224 46%, #1e1e1e 100%);
      background-repeat: no-repeat;
      background-attachment: fixed;
      background-size: 100% 100%, 100% 100%;
    }
    html[data-theme="dark"] .lang-box,
    html[data-theme="dark"] .workday-box,
    html[data-theme="dark"] .title-updated,
    html[data-theme="dark"] .module-updated,
    html[data-theme="dark"] .stats-group-subtitle,
    html[data-theme="dark"] .business-report-range,
    html[data-theme="dark"] .business-report-summary-meta,
    html[data-theme="dark"] .history-series-label,
    html[data-theme="dark"] .history-series-total-label {
      color: var(--hint);
    }
    html[data-theme="dark"] .workday-box label,
    html[data-theme="dark"] .history-range-label,
    html[data-theme="dark"] .business-report-label,
    html[data-theme="dark"] .business-report-checkbox,
    html[data-theme="dark"] .history-title,
    html[data-theme="dark"] .stats-group-title,
    html[data-theme="dark"] .module-title,
    html[data-theme="dark"] .title {
      color: var(--label-strong);
    }
    html[data-theme="dark"] .theme-switch-slider {
      border-color: #36506d;
      background: linear-gradient(180deg, #1b2d46, #13243a);
      box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.42);
    }
    html[data-theme="dark"] .theme-switch-slider::before {
      background: #f8fbff;
      box-shadow: 0 1px 5px rgba(0, 0, 0, 0.42);
    }
    html[data-theme="dark"] .theme-switch input:checked + .theme-switch-slider {
      border-color: #3794ff;
      background: linear-gradient(180deg, #3794ff, #0e639c);
      box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.34), 0 0 12px rgba(55, 148, 255, 0.2);
    }
    html[data-theme="dark"] .fullscreen-toggle-btn {
      border-color: transparent;
      background: transparent;
      color: #cbd5e1;
    }
    html[data-theme="dark"] .fullscreen-toggle-btn:hover {
      border-color: #31527b;
      background: rgba(59, 130, 246, 0.18);
      color: #dbeafe;
    }
    html[data-theme="dark"] .status-info-btn {
      background: #334155;
      color: #cbd5e1;
    }
    html[data-theme="dark"] .status-info-btn:hover {
      background: #475569;
      color: #eff6ff;
    }
    html[data-theme="dark"] .status-info-btn.has-error {
      background: rgba(248, 113, 113, 0.2);
      color: #fecaca;
    }
    html[data-theme="dark"] .status-info-btn.has-error:hover {
      background: rgba(248, 113, 113, 0.28);
    }
    html[data-theme="dark"] .status-info-btn.has-warning {
      background: rgba(251, 191, 36, 0.2);
      color: #fde68a;
    }
    html[data-theme="dark"] .status-info-btn.has-warning:hover {
      background: rgba(251, 191, 36, 0.28);
    }
    html[data-theme="dark"] .status-info-count {
      border-color: #1e1e1e;
    }
    html[data-theme="dark"] .status-info-count.has-error {
      background: rgba(248, 113, 113, 0.32);
      color: #fecaca;
    }
    html[data-theme="dark"] .status-info-count.has-warning {
      background: rgba(251, 191, 36, 0.32);
      color: #fde68a;
    }
    html[data-theme="dark"] .dashboard-account-btn,
    html[data-theme="dark"] .dashboard-auth-action,
    html[data-theme="dark"] .dashboard-auth-tab {
      border-color: var(--btn-border);
      background: var(--btn-bg);
      color: var(--btn-text);
    }
    html[data-theme="dark"] .dashboard-account-btn.is-authenticated {
      border-color: #22c55e;
      background: rgba(34, 197, 94, 0.16);
      color: #bbf7d0;
    }
    html[data-theme="dark"] .dashboard-auth-dialog {
      border-color: #31527b;
      background: #14243a;
      color: var(--text);
      box-shadow: 0 24px 60px rgba(0, 0, 0, 0.48);
    }
    html[data-theme="dark"] .dashboard-auth-head {
      background: #1d4ed8;
      color: #f8fbff;
    }
    html[data-theme="dark"] .dashboard-auth-grid label,
    html[data-theme="dark"] .dashboard-auth-info-label,
    html[data-theme="dark"] .dashboard-auth-login-subtitle,
    html[data-theme="dark"] .dashboard-auth-preference-label {
      color: var(--hint);
    }
    html[data-theme="dark"] .dashboard-auth-preferences {
      border-color: #31527b;
      background: #10233d;
    }
    html[data-theme="dark"] .dashboard-auth-login-footer .dashboard-auth-message.is-error:not(:empty) {
      border-color: #7f1d1d;
      background: rgba(127, 29, 29, 0.28);
      color: #fecaca;
    }
    html[data-theme="dark"] .dashboard-auth-login-footer .dashboard-auth-message.is-ok:not(:empty) {
      border-color: #166534;
      background: rgba(22, 101, 52, 0.28);
      color: #bbf7d0;
    }
    html[data-theme="dark"] .dashboard-auth-grid input,
    html[data-theme="dark"] .dashboard-auth-info-item,
    html[data-theme="dark"] .dashboard-auth-captcha-img {
      border-color: #31527b;
      background: #10233d;
      color: var(--text);
    }
    html[data-theme="dark"] .dashboard-auth-info-value {
      color: #dbeafe;
    }
    html[data-theme="dark"] .dashboard-auth-close {
      border-color: rgba(255, 255, 255, 0.42);
      background: rgba(255, 255, 255, 0.12);
      color: #ffffff;
    }
    html[data-theme="dark"] .dashboard-auth-action.primary,
    html[data-theme="dark"] .dashboard-auth-tab.active {
      border-color: #1d4ed8;
      background: #1d4ed8;
      color: #ffffff;
    }
    html[data-theme="dark"] .dashboard-auth-action.danger {
      border-color: #dc2626;
      background: #dc2626;
      color: #ffffff;
    }
    html[data-theme="dark"] .lang-switch,
    html[data-theme="dark"] .warehouse-select,
    html[data-theme="dark"] .business-report-select,
    html[data-theme="dark"] .history-dropdown > summary,
    html[data-theme="dark"] .history-dropdown-menu {
      border-color: var(--btn-border);
      background: var(--btn-bg);
      color: var(--btn-text);
    }
    html[data-theme="dark"] .business-report-quick-btn.secondary,
    html[data-theme="dark"] .business-compare-selected-row {
      border-color: var(--btn-border);
      color: var(--btn-text);
      background: var(--btn-bg);
    }
    html[data-theme="dark"] .business-report-quick-btn.secondary:hover {
      border-color: var(--btn-border-hover);
      color: var(--btn-hover-text);
      background: var(--btn-hover-bg);
    }
    html[data-theme="dark"] .business-compare-field label {
      color: var(--hint);
    }
    html[data-theme="dark"] .business-compare-period-icon-btn {
      border-color: #fbbf24;
      color: #fde68a;
      background: rgba(245, 158, 11, 0.16);
    }
    html[data-theme="dark"] .business-compare-period-icon-btn:hover {
      background: rgba(245, 158, 11, 0.26);
    }
    html[data-theme="dark"] .business-compare-period-icon-btn.add {
      border-color: #22c55e;
      color: #bbf7d0;
      background: rgba(34, 197, 94, 0.18);
    }
    html[data-theme="dark"] .business-compare-period-icon-btn.add:hover {
      background: rgba(34, 197, 94, 0.28);
    }
    html[data-theme="dark"] .business-compare-period-icon-btn.move {
      border-color: #38bdf8;
      color: #bae6fd;
      background: rgba(56, 189, 248, 0.18);
    }
    html[data-theme="dark"] .business-compare-period-icon-btn.move:hover {
      background: rgba(56, 189, 248, 0.28);
    }
    html[data-theme="dark"] .business-compare-period-icon-btn:disabled {
      border-color: #475569;
      color: #64748b;
      background: rgba(30, 41, 59, 0.72);
    }
    html[data-theme="dark"] .business-compare-exit-highlight,
    html[data-theme="dark"] .business-compare-exit-highlight:hover {
      border-color: #f59e0b;
      color: #451a03;
      background: #facc15;
    }
    html[data-theme="dark"] .business-compare-table-title {
      color: #dbeafe;
    }
    html[data-theme="dark"] .business-compare-table th.business-compare-delta {
      color: #ecfeff !important;
    }
    html[data-theme="dark"] .business-compare-section-row td {
      background: var(--compare-theme-title-bg, #1d4ed8) !important;
      color: #ffffff !important;
    }
    html[data-theme="dark"] .business-compare-parent-row td {
      background: var(--compare-theme-title-bg, #1d4ed8) !important;
      color: #ffffff !important;
    }
    html[data-theme="dark"] .business-compare-table tbody tr.business-compare-parent-row:hover td {
      background: var(--compare-theme-parent-hover-bg, var(--compare-theme-title-bg, #1d4ed8)) !important;
      color: #ffffff !important;
    }
    html[data-theme="dark"] .business-compare-order-block .business-compare-table th {
      background: #f5a357 !important;
      color: #ecfeff !important;
    }
    html[data-theme="dark"] .business-compare-capacity-block .business-compare-table th {
      background: #14b8a6 !important;
      border-color: #2d8f86 !important;
      color: #ecfeff !important;
    }
    html[data-theme="dark"] .business-compare-table tbody tr.business-compare-theme-inbound:not(.business-compare-section-row):not(.business-compare-parent-row) td {
      background: rgba(28, 127, 214, 0.20) !important;
      color: #dbeafe;
    }
    html[data-theme="dark"] .business-compare-table tbody tr.business-compare-theme-outbound:not(.business-compare-section-row):not(.business-compare-parent-row) td {
      background: rgba(44, 169, 78, 0.20) !important;
      color: #dcfce7;
    }
    html[data-theme="dark"] .business-compare-table tbody tr.business-compare-theme-relocation:not(.business-compare-section-row):not(.business-compare-parent-row) td {
      background: rgba(91, 80, 222, 0.22) !important;
      color: #ede9fe;
    }
    html[data-theme="dark"] .business-compare-table tbody tr.business-compare-theme-order:not(.business-compare-section-row):not(.business-compare-parent-row) td {
      background: rgba(239, 133, 35, 0.22) !important;
      color: #ffedd5;
    }
    html[data-theme="dark"] .business-compare-table tbody tr.business-compare-theme-capacity:not(.business-compare-section-row):not(.business-compare-parent-row) td {
      background: rgba(20, 184, 166, 0.22) !important;
      color: #ccfbf1;
    }
    html[data-theme="dark"] .business-compare-table td.business-compare-delta.positive {
      color: #86efac !important;
    }
    html[data-theme="dark"] .business-compare-table td.business-compare-delta.negative {
      color: #fca5a5 !important;
    }
    html[data-theme="dark"] .workday-input,
    html[data-theme="dark"] .history-range-input,
    html[data-theme="dark"] .inventory-stats-day-input,
    html[data-theme="dark"] .warehouse-select,
    html[data-theme="dark"] .workday-shift-btn {
      border-color: var(--btn-border);
      background-color: var(--btn-bg);
      color: var(--btn-text);
    }
    html[data-theme="dark"] .split-bar {
      background: #142238;
      border-left-color: #263c56;
      border-right-color: #263c56;
    }
    html[data-theme="dark"] .split-thumb {
      background: #55708e;
    }
    html[data-theme="dark"] .split-bar:hover .split-thumb {
      background: #7f9bbd;
    }
    html[data-theme="dark"] .module,
    html[data-theme="dark"] .panel-scroll,
    html[data-theme="dark"] .stats-group,
    html[data-theme="dark"] .history-card,
    html[data-theme="dark"] .workday-query-dialog,
    html[data-theme="dark"] #tab-panel-business-report .stats-group,
    html[data-theme="dark"] #tab-panel-inventory-stats .stats-group {
      background: var(--surface-bg);
      border-color: var(--surface-border-soft);
    }
    html[data-theme="dark"] .loading,
    html[data-theme="dark"] .history-chart-scroll,
    html[data-theme="dark"] .business-chart-trend-summary,
    html[data-theme="dark"] .history-series-total-bar,
    html[data-theme="dark"] .business-report-table-wrap {
      background: var(--surface-bg-soft);
      border-color: var(--surface-border);
      color: var(--label-strong);
    }
    html[data-theme="dark"] .location-analysis-capacity-card {
      border-color: var(--surface-border);
      color: var(--text);
    }
    html[data-theme="dark"] .location-analysis-capacity-card-summary {
      background: #173b5d;
      border-color: #3a739f;
    }
    html[data-theme="dark"] .location-analysis-capacity-card-area {
      background: #122f4a;
      border-color: #2f5d82;
    }
    html[data-theme="dark"] .location-analysis-capacity-card-title,
    html[data-theme="dark"] .location-analysis-capacity-card-date,
    html[data-theme="dark"] .location-analysis-capacity-primary-label,
    html[data-theme="dark"] .location-analysis-capacity-card-meta {
      color: var(--hint);
    }
    html[data-theme="dark"] .location-analysis-capacity-card-value,
    html[data-theme="dark"] .location-analysis-capacity-primary-value {
      color: var(--label-strong);
    }
    html[data-theme="dark"] .location-analysis-capacity-card-title {
      color: #dbeafe;
    }
    html[data-theme="dark"] .location-analysis-capacity-meta-item {
      background: rgba(20, 48, 76, 0.78);
      border-color: #315d83;
      color: #dbeafe;
    }
    html[data-theme="dark"] .location-analysis-capacity-meta-label {
      color: #9fb8d3;
    }
    html[data-theme="dark"] .location-analysis-capacity-meta-value {
      color: #f8fafc;
    }
    html[data-theme="dark"] .location-analysis-capacity-primary-total .location-analysis-capacity-primary-value {
      color: #f8fafc;
    }
    html[data-theme="dark"] .location-analysis-capacity-primary-used .location-analysis-capacity-primary-value {
      color: #93c5fd;
    }
    html[data-theme="dark"] .location-analysis-capacity-primary-rate .location-analysis-capacity-primary-value {
      color: #86efac;
    }
    html[data-theme="dark"] .location-analysis-capacity-rate-meter[data-rate-tone="low"] {
      --capacity-rate-color: #fb923c;
      --capacity-rate-bg: rgba(251, 146, 60, 0.2);
    }
    html[data-theme="dark"] .location-analysis-capacity-rate-meter[data-rate-tone="medium"] {
      --capacity-rate-color: #60a5fa;
      --capacity-rate-bg: rgba(96, 165, 250, 0.2);
    }
    html[data-theme="dark"] .location-analysis-capacity-rate-meter[data-rate-tone="high"] {
      --capacity-rate-color: #4ade80;
      --capacity-rate-bg: rgba(74, 222, 128, 0.18);
    }
    html[data-theme="dark"] .location-analysis-capacity-rate-track {
      box-shadow: inset 0 0 0 1px rgba(226, 232, 240, 0.12);
    }
    html[data-theme="dark"] .inbound-appointments-summary-card,
    html[data-theme="dark"] .inbound-appointment-item,
    html[data-theme="dark"] .inbound-appointment-order-block,
    html[data-theme="dark"] .inbound-appointment-collapse,
    html[data-theme="dark"] .inbound-appointment-table-wrap {
      background: var(--surface-bg-soft);
      border-color: var(--surface-border);
    }
    html[data-theme="dark"] .inbound-appointment-status-group {
      border-color: var(--surface-border);
      background: rgba(30, 41, 59, .6);
    }
    html[data-theme="dark"] .inbound-appointment-status-group[data-status-group="success"] {
      background: rgba(30, 64, 175, .22);
      border-color: rgba(96, 165, 250, .34);
    }
    html[data-theme="dark"] .inbound-appointment-status-group[data-status-group="cancelled"] {
      background: rgba(120, 83, 0, .22);
      border-color: rgba(250, 204, 21, .32);
    }
    html[data-theme="dark"] .inbound-appointment-status-group[data-status-group="arrived"] {
      background: rgba(20, 83, 45, .22);
      border-color: rgba(74, 222, 128, .3);
    }
    html[data-theme="dark"] .inbound-appointment-status-group[data-status-group="closed"] {
      background: rgba(51, 65, 85, .5);
      border-color: rgba(148, 163, 184, .32);
    }
    html[data-theme="dark"] .inbound-appointment-group-summary .inbound-appointments-summary-card {
      background: rgba(15, 23, 42, .42);
    }
    html[data-theme="dark"] .inbound-appointment-status-group[data-status-group="success"] .inbound-appointment-group-summary .inbound-appointments-summary-card {
      border-color: rgba(96, 165, 250, .62);
      background: rgba(37, 99, 235, .82);
    }
    html[data-theme="dark"] .inbound-appointment-status-group[data-status-group="cancelled"] .inbound-appointment-group-summary .inbound-appointments-summary-card {
      border-color: rgba(250, 204, 21, .52);
      background: rgba(146, 64, 14, .88);
    }
    html[data-theme="dark"] .inbound-appointment-status-group[data-status-group="arrived"] .inbound-appointment-group-summary .inbound-appointments-summary-card {
      border-color: rgba(74, 222, 128, .5);
      background: rgba(21, 128, 61, .82);
    }
    html[data-theme="dark"] .inbound-appointment-status-group[data-status-group="closed"] .inbound-appointment-group-summary .inbound-appointments-summary-card {
      border-color: rgba(148, 163, 184, .5);
      background: rgba(71, 85, 105, .88);
    }
    html[data-theme="dark"] .inbound-appointment-group-summary .inbound-appointments-summary-label {
      color: rgba(255, 255, 255, .76);
    }
    html[data-theme="dark"] .inbound-appointment-group-summary .inbound-appointments-summary-value {
      color: #ffffff;
    }
    html[data-theme="dark"] .inbound-appointment-meta-wrap {
      border-color: rgba(96, 165, 250, .44);
      box-shadow: inset 3px 0 0 #60a5fa;
    }
    html[data-theme="dark"] .inbound-appointment-order-wrap {
      border-color: rgba(45, 212, 191, .42);
      box-shadow: inset 3px 0 0 #2dd4bf;
    }
    html[data-theme="dark"] .inbound-appointment-sku-wrap {
      border-color: rgba(148, 163, 184, .42);
      box-shadow: inset 3px 0 0 #94a3b8;
    }
    html[data-theme="dark"] .inbound-appointment-carton-wrap {
      border-color: rgba(125, 147, 160, .44);
      box-shadow: inset 3px 0 0 #7d93a0;
    }
    html[data-theme="dark"] .inbound-appointment-mobile-list.inbound-appointment-meta-wrap,
    html[data-theme="dark"] .inbound-appointment-mobile-list.inbound-appointment-order-wrap,
    html[data-theme="dark"] .inbound-appointment-mobile-list.inbound-appointment-sku-wrap,
    html[data-theme="dark"] .inbound-appointment-mobile-list.inbound-appointment-carton-wrap {
      border-color: transparent;
      box-shadow: none;
    }
    html[data-theme="dark"] .inbound-appointment-table th {
      color: #e5e7eb;
    }
    html[data-theme="dark"] .inbound-appointment-meta-table th,
    html[data-theme="dark"] .inbound-appointment-meta-table tbody td {
      background: rgba(30, 64, 175, .22);
    }
    html[data-theme="dark"] .inbound-appointment-order-table th,
    html[data-theme="dark"] .inbound-appointment-order-table tbody td {
      background: rgba(15, 118, 110, .18);
    }
    html[data-theme="dark"] .inbound-appointment-sku-table th,
    html[data-theme="dark"] .inbound-appointment-sku-table tbody td {
      background: rgba(71, 85, 105, .28);
    }
    html[data-theme="dark"] .inbound-appointment-carton-table th,
    html[data-theme="dark"] .inbound-appointment-carton-table tbody td {
      background: rgba(51, 75, 90, .28);
    }
    html[data-theme="dark"] .inbound-appointment-collapse-sku {
      border-color: rgba(148, 163, 184, .42);
    }
    html[data-theme="dark"] .inbound-appointment-collapse-carton {
      border-color: rgba(125, 147, 160, .44);
    }
    html[data-theme="dark"] .inbound-appointment-collapse-sku summary {
      background: rgba(51, 65, 85, .48);
      color: #dbe4ee;
    }
    html[data-theme="dark"] .inbound-appointment-collapse-carton summary {
      background: rgba(44, 63, 76, .5);
      color: #d5e1e8;
    }
    html[data-theme="dark"] .inbound-appointment-mobile-card {
      background: var(--surface-bg-soft);
      border-color: var(--surface-border);
    }
    html[data-theme="dark"] .inbound-appointment-mobile-card-title {
      background: rgba(15, 23, 42, .42);
      border-bottom-color: var(--surface-border);
    }
    html[data-theme="dark"] .inbound-appointment-mobile-field {
      border-top-color: rgba(148, 163, 184, .16);
    }
    html[data-theme="dark"] .inbound-appointment-mobile-card-eyebrow,
    html[data-theme="dark"] .inbound-appointment-mobile-label {
      color: #94a3b8;
    }
    html[data-theme="dark"] .inbound-appointment-mobile-card-value,
    html[data-theme="dark"] .inbound-appointment-mobile-value {
      color: #e5e7eb;
    }
    html[data-theme="dark"] .inbound-appointment-mobile-list.inbound-appointment-meta-wrap .inbound-appointment-mobile-card-title {
      background: rgba(30, 64, 175, .22);
    }
    html[data-theme="dark"] .inbound-appointment-mobile-list.inbound-appointment-order-wrap .inbound-appointment-mobile-card-title {
      background: rgba(15, 118, 110, .18);
    }
    html[data-theme="dark"] .inbound-appointment-mobile-list.inbound-appointment-sku-wrap .inbound-appointment-mobile-card-title {
      background: rgba(71, 85, 105, .28);
    }
    html[data-theme="dark"] .inbound-appointment-mobile-list.inbound-appointment-carton-wrap .inbound-appointment-mobile-card-title {
      background: rgba(51, 75, 90, .28);
    }
    html[data-theme="dark"] .inbound-appointment-head {
      background: rgba(15, 23, 42, .78);
      border-bottom-color: var(--surface-border);
    }
    html[data-theme="dark"] .inbound-appointment-item[data-status-group="success"] .inbound-appointment-head {
      background: rgba(30, 64, 175, .48);
      border-bottom-color: rgba(96, 165, 250, .56);
    }
    html[data-theme="dark"] .inbound-appointment-item[data-status-group="cancelled"] .inbound-appointment-head {
      background: rgba(120, 83, 0, .46);
      border-bottom-color: rgba(250, 204, 21, .52);
    }
    html[data-theme="dark"] .inbound-appointment-item[data-status-group="arrived"] .inbound-appointment-head {
      background: rgba(20, 83, 45, .46);
      border-bottom-color: rgba(74, 222, 128, .5);
    }
    html[data-theme="dark"] .inbound-appointment-item[data-status-group="closed"] .inbound-appointment-head {
      background: rgba(51, 65, 85, .74);
      border-bottom-color: rgba(148, 163, 184, .5);
    }
    html[data-theme="dark"] .inbound-appointment-toggle {
      border-color: rgba(226, 232, 240, .22);
      background: rgba(15, 23, 42, .28);
      color: #e5e7eb;
    }
    html[data-theme="dark"] .inbound-appointment-toggle:hover {
      background: rgba(15, 23, 42, .46);
    }
    html[data-theme="dark"] .inbound-appointment-badge {
      border-color: rgba(96, 165, 250, .42);
      background: rgba(30, 64, 175, .24);
      color: #bfdbfe;
    }
    html[data-theme="dark"] .inbound-appointment-item[data-status-group="success"] .inbound-appointment-badge {
      border-color: rgba(96, 165, 250, .62);
      background: rgba(37, 99, 235, .82);
      color: #ffffff;
    }
    html[data-theme="dark"] .inbound-appointment-item[data-status-group="cancelled"] .inbound-appointment-badge {
      border-color: rgba(250, 204, 21, .52);
      background: rgba(146, 64, 14, .88);
      color: #ffffff;
    }
    html[data-theme="dark"] .inbound-appointment-item[data-status-group="arrived"] .inbound-appointment-badge {
      border-color: rgba(74, 222, 128, .5);
      background: rgba(21, 128, 61, .82);
      color: #ffffff;
    }
    html[data-theme="dark"] .inbound-appointment-item[data-status-group="closed"] .inbound-appointment-badge {
      border-color: rgba(148, 163, 184, .5);
      background: rgba(71, 85, 105, .88);
      color: #ffffff;
    }
    html[data-theme="dark"] .inbound-appointments-stream-overlay {
      background: rgba(15, 23, 42, .68);
    }
    html[data-theme="dark"] .inbound-appointments-stream-box {
      background: var(--surface-bg);
      border-color: var(--surface-border);
      box-shadow: 0 22px 56px rgba(0, 0, 0, .42);
    }
    html[data-theme="dark"] .inbound-appointments-progress-track {
      background: rgba(30, 64, 175, .38);
    }
    html[data-theme="dark"] .history-series-toolbar {
      background: var(--surface-bg);
      border-bottom-color: var(--surface-border);
    }
    html[data-theme="dark"] .history-series-item,
    html[data-theme="dark"] .history-dropdown-item,
    html[data-theme="dark"] .history-series-total-item {
      background: var(--surface-bg-soft);
      border-color: var(--surface-border);
      color: var(--label-strong);
    }
    html[data-theme="dark"] .business-operation-fee-empty {
      background: var(--surface-bg-soft);
      border-color: var(--surface-border);
      color: var(--label-strong);
    }
    html[data-theme="dark"] .business-operation-fee-info-btn {
      background: var(--surface-bg);
      border-color: var(--surface-border-strong);
      color: #9bd1ff;
    }
    html[data-theme="dark"] .business-operation-fee-info-btn:hover {
      background: #14304d;
      border-color: #2f80c8;
      color: #d8efff;
    }
    html[data-theme="dark"] .business-operation-fee-value {
      color: var(--label-strong);
    }
    html[data-theme="dark"] .business-ai-report-content {
      border-color: var(--surface-border);
      background: var(--surface-bg);
      color: var(--text);
    }
    html[data-theme="dark"] .business-ai-report-content.loading {
      color: var(--hint);
    }
    html[data-theme="dark"] .business-ai-report-typing-bubble {
      background: transparent;
      box-shadow: none;
    }
    html[data-theme="dark"] .business-ai-report-typing-dot {
      background: #9fb3cc;
    }
    html[data-theme="dark"] .business-ai-report-content h1,
    html[data-theme="dark"] .business-ai-report-content h2,
    html[data-theme="dark"] .business-ai-report-content h3,
    html[data-theme="dark"] .business-ai-report-content h4 {
      color: #9bd1ff;
    }
    html[data-theme="dark"] .business-ai-report-content code {
      background: rgba(219, 234, 254, 0.12);
    }
    html[data-theme="dark"] .business-ai-report-content blockquote {
      border-left-color: #38bdf8;
      color: var(--hint);
      background: rgba(7, 17, 31, 0.52);
    }
    html[data-theme="dark"] .business-ai-report-content hr {
      border-top-color: var(--surface-border);
    }
    html[data-theme="dark"] .business-ai-report-content pre {
      background: rgba(7, 17, 31, 0.72);
    }
    html[data-theme="dark"] .business-ai-report-content th,
    html[data-theme="dark"] .business-ai-report-content td {
      border-color: var(--surface-border);
    }
    html[data-theme="dark"] .business-ai-report-content th {
      background: rgba(7, 17, 31, 0.72);
      color: #dbeafe;
    }
    html[data-theme="dark"] .business-ai-report-actions .business-ai-report-icon-btn {
      background: #12243a;
      border-color: var(--surface-border);
      color: #9bd1ff;
    }
    html[data-theme="dark"] .business-ai-report-actions .business-ai-report-icon-btn:hover:not(:disabled) {
      background: #173455;
      border-color: #2f80c8;
      color: #d8efff;
    }
    html[data-theme="dark"] .business-ai-report-actions .business-ai-report-icon-btn.secondary {
      background: #101d30;
      border-color: var(--surface-border);
      color: #cbd5e1;
    }
    html[data-theme="dark"] .business-ai-report-actions .business-ai-report-icon-btn:disabled {
      background: #101827;
      border-color: #25344a;
      color: #64748b;
    }
    html[data-theme="dark"] .business-report-table-wrap {
      scrollbar-color: #526e8e #142238;
    }
    html[data-theme="dark"] .business-table-scroll {
      scrollbar-color: #526e8e #142238;
    }
    html[data-theme="dark"] .business-report-table-wrap::-webkit-scrollbar-track {
      background: #142238;
    }
    html[data-theme="dark"] .business-table-scroll::-webkit-scrollbar-track {
      background: #142238;
    }
    html[data-theme="dark"] .business-report-table-wrap::-webkit-scrollbar-thumb {
      background: #526e8e;
      border-color: #142238;
    }
    html[data-theme="dark"] .business-table-scroll::-webkit-scrollbar-thumb {
      background: #526e8e;
      border-color: #142238;
    }
    html[data-theme="dark"] .workday-query-title {
      color: var(--label-strong);
    }
    html[data-theme="dark"] .workday-query-desc,
    html[data-theme="dark"] .history-empty,
    html[data-theme="dark"] .business-report-table-empty {
      color: var(--hint);
    }
    html[data-theme="dark"] .business-report-table,
    html[data-theme="dark"] .business-report-table tbody td:first-child,
    html[data-theme="dark"] .business-report-table tbody tr:hover td:first-child,
    html[data-theme="dark"] .business-report-table td.num {
      color: var(--text);
    }
    html[data-theme="dark"] .inventory-theme-inbound,
    html[data-theme="dark"] .inventory-theme-outbound {
      background: var(--surface-bg);
    }
    html[data-theme="dark"] .inventory-stats-filter-bar {
      background: transparent;
      border-bottom-color: var(--surface-border);
    }
    html[data-theme="dark"] .inventory-stats-table tbody tr.is-active td,
    html[data-theme="dark"] .inventory-stats-table tbody tr.is-active:hover td {
      color: #e2ecf7;
    }
    html[data-theme="dark"] .inventory-stats-themed-card .business-report-table-wrap {
      background: #0f1729;
      border-color: var(--biz-theme-border);
    }
    html[data-theme="dark"] .inventory-stats-sku-search-modal {
      background: rgba(2, 6, 23, 0.64);
    }
    html[data-theme="dark"] .dashboard-options-section {
      border-color: var(--surface-border);
      background: var(--surface-bg);
    }
    html[data-theme="dark"] .dashboard-options-section-title {
      color: var(--label-strong);
    }
    html[data-theme="dark"] .dashboard-options-hint {
      color: var(--hint);
    }
    /* Native apps keep runtime style selection while language and light/dark follow the app. */
    html[data-app-client="ios"] .dashboard-options-theme-control,
    html[data-app-client="android"] .dashboard-options-theme-control,
    html[data-app-client="app"] .dashboard-options-theme-control {
      display: none !important;
    }
    html[data-theme="dark"] .dashboard-options-work-group {
      border-color: var(--surface-border);
      background: #101d30;
    }
    html[data-theme="dark"] .dashboard-options-work-title {
      color: #9bd1ff;
    }
    html[data-theme="dark"] .dashboard-options-check {
      color: var(--text);
    }
    html[data-theme="dark"] .dashboard-options-actions .business-report-quick-btn:disabled,
    html[data-theme="dark"] .dashboard-options-actions .business-report-quick-btn:disabled:hover {
      border-color: #475569;
      color: #94a3b8;
      background: #334155;
      cursor: not-allowed;
      opacity: 1;
    }
    html[data-theme="dark"] .status-toast {
      border-color: #2e4564;
      background: #17263d;
      color: #e8f1ff;
      box-shadow: 0 12px 28px rgba(0, 0, 0, 0.38);
    }
    html[data-theme="dark"] .status-toast-ok,
    html[data-theme="dark"] .status-toast-success,
    html[data-theme="dark"] .status-toast-info {
      border-left-color: #24a166;
    }
    html[data-theme="dark"] .status-toast-error {
      border-left-color: #d9433c;
    }
    html[data-theme="dark"] .status-toast-warning {
      border-left-color: #d79a12;
    }
    html[data-theme="dark"] .status-toast-close {
      color: #a9bdd8;
    }
    html[data-theme="dark"] .status-toast-close:hover {
      background: #203453;
      color: #eff6ff;
    }
    html[data-theme="dark"] .status-history-empty,
    html[data-theme="dark"] .status-history-item {
      border-color: #2e4564;
      background: #17263d;
    }
    html[data-theme="dark"] .status-history-empty {
      border-left-color: #475569;
    }
    html[data-theme="dark"] .status-history-item-ok,
    html[data-theme="dark"] .status-history-item-success,
    html[data-theme="dark"] .status-history-item-info {
      border-left-color: #24a166;
    }
    html[data-theme="dark"] .status-history-item-error {
      border-left-color: #d9433c;
    }
    html[data-theme="dark"] .status-history-item-warning {
      border-left-color: #d79a12;
    }
    html[data-theme="dark"] .status-history-text {
      color: #e8f1ff;
    }
    html[data-theme="dark"] .inventory-stats-sku-search-modal.is-anchored {
      background: rgba(2, 6, 23, 0.24);
    }
    html[data-theme="dark"] .inventory-stats-sku-search-dialog {
      background: #0f1729;
      border-color: #2f4f73;
      box-shadow: 0 22px 64px rgba(0, 0, 0, 0.46);
    }
    html[data-theme="dark"] .inventory-stats-sku-search-dialog-head {
      background: #111d2f;
      border-bottom-color: #2f4f73;
    }
    html[data-theme="dark"] .inventory-stats-sku-search-dialog-title {
      color: #e2e8f0;
    }
    html[data-theme="dark"] .inventory-stats-sku-search-dialog-subtitle {
      color: #93c5fd;
    }
    html[data-theme="dark"] .inventory-stats-sku-search-close {
      background: #152238;
      border-color: #355371;
      color: #dbeafe;
    }
    html[data-theme="dark"] .inventory-stats-sku-search-close:hover {
      background: #1f3654;
      border-color: #4d7cac;
    }
    html[data-theme="dark"] .inventory-stats-sku-search-modal-body {
      background: #0f1729;
    }
    html[data-theme="dark"] .inventory-stats-sku-search-section-title {
      color: #cbd5e1;
    }
    html[data-theme="dark"] .inventory-stats-sku-search-icon-btn {
      background: #152238;
      border-color: #355371;
      color: #dbeafe;
    }
    html[data-theme="dark"] .inventory-stats-sku-search-icon-btn:hover {
      background: #1f3654;
      border-color: #4d7cac;
    }
    html[data-theme="dark"] .inventory-stats-sku-audit-section,
    html[data-theme="dark"] .inventory-stats-sku-audit-raw-section {
      border-color: #345171;
      background: #0f1729;
    }
    html[data-theme="dark"] .inventory-stats-sku-audit-section > summary,
    html[data-theme="dark"] .inventory-stats-sku-audit-raw-section > summary {
      border-bottom-color: transparent;
      background: #132238;
      color: #dbeafe;
    }
    html[data-theme="dark"] .inventory-stats-sku-audit-section[open] > summary,
    html[data-theme="dark"] .inventory-stats-sku-audit-raw-section[open] > summary {
      border-bottom-color: #345171;
    }
    html[data-theme="dark"] .inventory-stats-sku-audit-section > summary::before,
    html[data-theme="dark"] .inventory-stats-sku-audit-raw-section > summary::before {
      color: #9fc6ec;
    }
    html[data-theme="dark"] .inventory-stats-sku-audit-json-title {
      color: #cbd5e1;
    }
    html[data-theme="dark"] .ai-json-viewer {
      border-color: #345171;
      background: #0f1d32;
      color: #dbeafe;
    }
    html[data-theme="dark"] .ai-json-viewer-toolbar {
      border-bottom-color: #345171;
      background: rgba(15, 29, 50, 0.96);
    }
    html[data-theme="dark"] button.ai-json-toolbar-btn {
      border-color: #345171;
      background: #132238;
      color: #c8d8ea;
    }
    html[data-theme="dark"] button.ai-json-toolbar-btn:hover {
      border-color: #5b82aa;
      background: #1f3654;
      color: #eaf3ff;
    }
    html[data-theme="dark"] button.ai-json-toolbar-btn:disabled {
      border-color: #273f5a;
      background: #101d30;
      color: #64748b;
    }
    html[data-theme="dark"] .ai-json-toggle {
      color: #9fc6ec;
    }
    html[data-theme="dark"] .ai-json-toggle:hover {
      background: #1f3654;
      color: #eaf3ff;
    }
    html[data-theme="dark"] .ai-json-key {
      color: #f6b86b;
    }
    html[data-theme="dark"] .ai-json-string {
      color: #8ee6b0;
    }
    html[data-theme="dark"] a.ai-json-link {
      color: #8ee6b0;
    }
    html[data-theme="dark"] a.ai-json-link:hover {
      color: #93c5fd;
    }
    html[data-theme="dark"] .ai-json-number {
      color: #93c5fd;
    }
    html[data-theme="dark"] .ai-json-boolean {
      color: #c4b5fd;
    }
    html[data-theme="dark"] .ai-json-null,
    html[data-theme="dark"] .ai-json-summary {
      color: #94a3b8;
    }
    html[data-theme="dark"] .ai-json-punctuation {
      color: #b6c7dc;
    }
    html[data-theme="dark"] .inventory-stats-sku-search-themed-wrap {
      background: #0f1729;
      border-color: var(--biz-theme-border, #475569);
    }
    html[data-theme="dark"] .inventory-stats-sku-search-meta {
      color: #93c5fd;
    }
    html[data-theme="dark"] .inventory-stats-sku-search-meta span {
      background: #111d2f;
      border-color: #2f4f73;
    }
    html[data-theme="dark"] .inventory-stats-sku-search-meta strong {
      color: #e2e8f0;
    }
    html[data-theme="dark"] .inventory-stats-sku-search-table-wrap {
      background: #111827;
      border-color: #475569;
    }
    html[data-theme="dark"] .inventory-stats-sku-search-table-wrap .business-report-table {
      color: #e2e8f0;
      --biz-theme-header-bg: #334155;
      --biz-theme-row-odd: #111827;
      --biz-theme-row-even: #1f2937;
      --biz-theme-row-hover: #273445;
      --biz-theme-total-bg: #27313f;
      --biz-theme-total-border: #64748b;
      --biz-theme-total-strong: #f8fafc;
    }
    html[data-theme="dark"] .inventory-stats-sku-search-table-wrap .business-report-table th {
      background: #334155;
      color: #f8fafc;
      border-bottom-color: #475569;
    }
    html[data-theme="dark"] .inventory-stats-sku-search-table-wrap .business-report-table th + th,
    html[data-theme="dark"] .inventory-stats-sku-search-table-wrap .business-report-table td + td {
      border-left-color: #475569;
    }
    html[data-theme="dark"] .inventory-stats-sku-search-table-wrap .business-report-table tbody tr:nth-child(odd) td {
      background: #111827;
    }
    html[data-theme="dark"] .inventory-stats-sku-search-table-wrap .business-report-table tbody tr:nth-child(even) td {
      background: #1f2937;
    }
    html[data-theme="dark"] .inventory-stats-sku-search-table-wrap .business-report-table tbody tr:hover td {
      background: #273445;
    }
    html[data-theme="dark"] .inventory-stats-sku-search-table-wrap .business-report-table td {
      color: #e5e7eb;
      border-bottom-color: #475569;
    }
    html[data-theme="dark"] .inventory-stats-sku-search-table-wrap .business-report-table tbody td:first-child,
    html[data-theme="dark"] .inventory-stats-sku-search-table-wrap .business-report-table td.num {
      color: #f8fafc;
    }
    html[data-theme="dark"] .inventory-stats-sku-search-table-wrap .business-report-table tfoot td,
    html[data-theme="dark"] .inventory-stats-sku-search-table-wrap .business-report-table .business-summary-total-row td {
      background: #27313f;
      color: #f8fafc;
      font-weight: 850;
      border-top: 2px double #64748b;
    }
    html[data-theme="dark"] .inventory-stats-sku-search-table-wrap .business-report-table tbody tr.business-summary-total-row td,
    html[data-theme="dark"] .inventory-stats-sku-search-table-wrap .business-report-table tbody tr.business-summary-total-row:hover td {
      background: #27313f !important;
      color: #f8fafc !important;
      border-top: 2px double #64748b;
      border-bottom-color: #64748b;
      font-weight: 850;
    }
    html[data-theme="dark"] .inventory-stats-sku-search-table-wrap .business-report-table tbody tr.business-summary-total-row td:first-child,
    html[data-theme="dark"] .inventory-stats-sku-search-table-wrap .business-report-table tbody tr.business-summary-total-row td.num,
    html[data-theme="dark"] .inventory-stats-sku-search-table-wrap .business-report-table tbody tr.business-summary-total-row strong {
      color: #f8fafc !important;
    }
    html[data-theme="dark"] .inventory-stats-sku-product-hero,
    html[data-theme="dark"] .inventory-stats-sku-info-item {
      background: #111d2f;
      border-color: #2f4f73;
    }
    html[data-theme="dark"] .inventory-stats-sku-product-name,
    html[data-theme="dark"] .inventory-stats-sku-info-item strong {
      color: #e2e8f0;
    }
    html[data-theme="dark"] .inventory-stats-sku-product-code {
      color: #93c5fd;
    }
    html[data-theme="dark"] .inventory-stats-sku-product-total {
      background: #132b46;
      border-color: #2f6799;
    }
    html[data-theme="dark"] .inventory-stats-sku-product-total span,
    html[data-theme="dark"] .inventory-stats-sku-info-item span {
      color: #94a3b8;
    }
    html[data-theme="dark"] .inventory-stats-sku-product-total strong {
      color: #bfdbfe;
    }
    html[data-theme="dark"] .inventory-stats-sku-info-item a {
      color: #93c5fd;
    }
    html[data-theme="dark"] .inventory-stats-sku-search-inline-btn {
      background: #152238;
      border-color: #355371;
      color: #93c5fd;
    }
    html[data-theme="dark"] .inventory-stats-sku-search-inline-btn:hover {
      background: #1f3654;
      border-color: #4d7cac;
      color: #dbeafe;
    }
    html[data-theme="dark"] .inventory-stats-col-resizer::after {
      background: rgba(226, 232, 240, 0.45);
    }
    html[data-theme="dark"] .inventory-stats-themed-card .table-pagination-bar,
    html[data-theme="dark"] .inventory-stats-themed-card .business-report-table-wrap.inventory-stats-with-pagination + .table-pagination-bar {
      border-color: var(--biz-theme-border);
    }
    html[data-theme="dark"] .business-report-table-wrap.inventory-stats-loading::after,
    html[data-theme="dark"] .table-pagination-bar.inventory-stats-loading::after,
    html[data-theme="dark"] .history-chart-scroll.inventory-stats-loading::after,
    html[data-theme="dark"] .inventory-stats-sku-search-modal-body.inventory-stats-loading::after {
      background: rgba(15, 23, 42, 0.54);
      color: #e5edf7;
    }
    html[data-theme="dark"] .inventory-theme-inbound {
      --biz-theme-title-bg: #155f9e;
      --biz-theme-header-bg: #237bc3;
      --biz-theme-border: #326fa3;
      --biz-theme-row-odd: #101d2f;
      --biz-theme-row-even: #14243a;
      --biz-theme-row-hover: #183a5d;
      --biz-theme-total-bg: #15314f;
      --biz-theme-total-border: #3c7eb8;
      --biz-theme-total-strong: #bfdbfe;
      --inventory-active-row: #204164;
      --inventory-active-row-first: #2a527d;
    }
    html[data-theme="dark"] .inventory-theme-outbound {
      --biz-theme-title-bg: #197847;
      --biz-theme-header-bg: #269b5b;
      --biz-theme-border: #2f7d55;
      --biz-theme-row-odd: #15231c;
      --biz-theme-row-even: #122c25;
      --biz-theme-row-hover: #173f30;
      --biz-theme-total-bg: #123529;
      --biz-theme-total-border: #3b9868;
      --biz-theme-total-strong: #bbf7d0;
      --inventory-active-row: #1f4735;
      --inventory-active-row-first: #285a43;
    }
    html[data-theme="dark"] .inventory-theme-order {
      --biz-theme-title-bg: #b7631f;
      --biz-theme-header-bg: #d17a2f;
      --biz-theme-border: #9d683a;
      --biz-theme-row-odd: #2b2117;
      --biz-theme-row-even: #332516;
      --biz-theme-row-hover: #49331d;
      --biz-theme-total-bg: #3d2a18;
      --biz-theme-total-border: #c1844a;
      --biz-theme-total-strong: #fed7aa;
      --inventory-active-row: #4a311d;
      --inventory-active-row-first: #593a21;
    }
    html[data-theme="dark"] .table-pagination-bar {
      background: #172231;
      border-color: #334155;
    }
    html[data-theme="dark"] .table-pagination-size-wrap label,
    html[data-theme="dark"] .table-pagination-jump-wrap label,
    html[data-theme="dark"] .table-pagination-info {
      color: #a6b7cb;
    }
    html[data-theme="dark"] .table-pagination-size-wrap select,
    html[data-theme="dark"] .table-pagination-jump-wrap input {
      background: #111827;
      border-color: #334155;
      color: #e2e8f0;
    }
    html[data-theme="dark"] .table-pagination-jump-wrap input:focus {
      border-color: #4e6a8d;
      box-shadow: none;
    }
    html[data-theme="dark"] button.table-pagination-btn,
    html[data-theme="dark"] button.table-pagination-page-btn {
      background: #273549;
      border-color: #3f5672;
      color: #dbeafe;
    }
    html[data-theme="dark"] button.table-pagination-btn:hover,
    html[data-theme="dark"] button.table-pagination-page-btn:hover {
      background: #30425b;
      border-color: #4e6a8d;
    }
    html[data-theme="dark"] button.table-pagination-btn:disabled,
    html[data-theme="dark"] button.table-pagination-page-btn:disabled,
    html[data-theme="dark"] button.table-pagination-btn:disabled:hover,
    html[data-theme="dark"] button.table-pagination-page-btn:disabled:hover {
      background: #1f2b3c;
      border-color: #32465f;
      color: #6f8198;
    }
    html[data-theme="dark"] .table-pagination-current {
      background: #2563eb;
      border-color: #2563eb;
      color: #ffffff;
    }
    html[data-theme="dark"] .inventory-stats-themed-card .table-pagination-bar,
    html[data-theme="dark"] .inventory-stats-themed-card .business-report-table-wrap.inventory-stats-with-pagination + .table-pagination-bar {
      background: #222a35;
      border-color: #55606f;
    }
    html[data-theme="dark"] .inventory-stats-themed-card .table-pagination-size-wrap label,
    html[data-theme="dark"] .inventory-stats-themed-card .table-pagination-jump-wrap label,
    html[data-theme="dark"] .inventory-stats-themed-card .table-pagination-info {
      color: #cbd5e1;
    }
    html[data-theme="dark"] .inventory-stats-themed-card .table-pagination-size-wrap select,
    html[data-theme="dark"] .inventory-stats-themed-card .table-pagination-jump-wrap input {
      background: #111827;
      border-color: #55606f;
      color: #e2e8f0;
    }
    html[data-theme="dark"] .inventory-stats-themed-card button.table-pagination-btn,
    html[data-theme="dark"] .inventory-stats-themed-card button.table-pagination-page-btn {
      background: #1a2230;
      border-color: #55606f;
      color: #dbe4ef;
    }
    html[data-theme="dark"] .inventory-stats-themed-card button.table-pagination-btn:hover,
    html[data-theme="dark"] .inventory-stats-themed-card button.table-pagination-page-btn:hover {
      background: #273244;
      border-color: #718096;
    }
    html[data-theme="dark"] .inventory-stats-themed-card button.table-pagination-btn:disabled,
    html[data-theme="dark"] .inventory-stats-themed-card button.table-pagination-page-btn:disabled,
    html[data-theme="dark"] .inventory-stats-themed-card button.table-pagination-btn:disabled:hover,
    html[data-theme="dark"] .inventory-stats-themed-card button.table-pagination-page-btn:disabled:hover {
      background: #151b27;
      border-color: #3d4756;
      color: #6f7b8d;
    }
    html[data-theme="dark"] .inventory-stats-themed-card .table-pagination-current {
      background: #143d79;
      border-color: #143d79;
      color: #ffffff;
    }
    html[data-theme="dark"] .business-report-table th,
    html[data-theme="dark"] .business-sort-indicator,
    html[data-theme="dark"] .business-efficiency-group-title,
    html[data-theme="dark"] .business-efficiency-subgroup-title,
    html[data-theme="dark"] .business-report-table th[data-business-sort="1"]:hover {
      color: #ecfeff;
    }
    html[data-theme="dark"] .business-efficiency-group[class*="business-theme-"] .business-efficiency-group-title,
    html[data-theme="dark"] .business-efficiency-group[class*="business-theme-"] .business-efficiency-subgroup-title,
    html[data-theme="dark"] .business-efficiency-group[class*="business-theme-"] .business-report-table th,
    html[data-theme="dark"] .business-efficiency-group[class*="business-theme-"] .business-report-table th[data-business-sort="1"]:hover {
      color: #ecfeff;
    }
    html[data-theme="dark"] .business-efficiency-group[class*="business-theme-"] .business-report-table tbody td:first-child,
    html[data-theme="dark"] .business-efficiency-group[class*="business-theme-"] .business-report-table td.num {
      color: var(--text);
    }
    html[data-theme="dark"] .business-report-table th,
    html[data-theme="dark"] .business-report-table td {
      border-bottom-color: var(--surface-border-strong);
    }
    html[data-theme="dark"] .business-report-table th + th,
    html[data-theme="dark"] .business-report-table td + td {
      border-left-color: var(--surface-border);
    }
    html[data-theme="dark"] #business-current-summary-content > .business-report-table-empty,
    html[data-theme="dark"] #business-efficiency-content .business-efficiency-subgroup {
      background: var(--surface-bg);
      border-color: var(--surface-border);
    }
    html[data-theme="dark"] .business-efficiency-group {
      --biz-theme-title-bg: #145da6;
      --biz-theme-header-bg: #1f7bc6;
      --biz-theme-border: #2b5c8f;
      --biz-theme-row-odd: #101d2f;
      --biz-theme-row-even: #14243a;
      --biz-theme-row-hover: #183458;
      --biz-theme-total-bg: #142a44;
      --biz-theme-total-border: #3773ad;
      --biz-theme-total-strong: #dbeafe;
      box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22);
    }
    html[data-theme="dark"] .business-efficiency-group.business-theme-inbound {
      --biz-theme-title-bg: #155f9e;
      --biz-theme-header-bg: #237bc3;
      --biz-theme-border: #326fa3;
      --biz-theme-row-even: #12263d;
      --biz-theme-row-hover: #183a5d;
      --biz-theme-total-bg: #15314f;
      --biz-theme-total-border: #3c7eb8;
      --biz-theme-total-strong: #bfdbfe;
    }
    html[data-theme="dark"] .business-efficiency-group.business-theme-relocation {
      --biz-theme-title-bg: #5146bf;
      --biz-theme-header-bg: #685de0;
      --biz-theme-border: #625ba2;
      --biz-theme-row-even: #1b1f3e;
      --biz-theme-row-hover: #272b61;
      --biz-theme-total-bg: #232653;
      --biz-theme-total-border: #7971cf;
      --biz-theme-total-strong: #ddd6fe;
    }
    html[data-theme="dark"] .business-efficiency-group.business-theme-outbound {
      --biz-theme-title-bg: #197847;
      --biz-theme-header-bg: #269b5b;
      --biz-theme-border: #2f7d55;
      --biz-theme-row-even: #122c25;
      --biz-theme-row-hover: #173f30;
      --biz-theme-total-bg: #123529;
      --biz-theme-total-border: #3b9868;
      --biz-theme-total-strong: #bbf7d0;
    }
    html[data-theme="dark"] .business-efficiency-group.business-theme-order {
      --biz-theme-title-bg: #b7631f;
      --biz-theme-header-bg: #d17a2f;
      --biz-theme-border: #9d683a;
      --biz-theme-row-even: #332516;
      --biz-theme-row-hover: #49331d;
      --biz-theme-total-bg: #3d2a18;
      --biz-theme-total-border: #c1844a;
      --biz-theme-total-strong: #fed7aa;
    }
    html[data-theme="dark"] .business-efficiency-group.business-theme-capacity {
      --biz-theme-title-bg: #0f766e;
      --biz-theme-header-bg: #14b8a6;
      --biz-theme-border: #2d8f86;
      --biz-theme-row-odd: #0f2f2e;
      --biz-theme-row-even: #123936;
      --biz-theme-row-hover: #15504b;
      --biz-theme-total-bg: #0b4f49;
      --biz-theme-total-border: #2dd4bf;
      --biz-theme-total-strong: #ccfbf1;
    }
    html[data-theme="dark"] .business-efficiency-group.business-theme-ranking {
      --biz-theme-title-bg: #0d7a87;
      --biz-theme-header-bg: #1497a6;
      --biz-theme-border: #2c7f89;
      --biz-theme-row-even: #122b34;
      --biz-theme-row-hover: #173d49;
      --biz-theme-total-bg: #123640;
      --biz-theme-total-border: #42a8b5;
      --biz-theme-total-strong: #a5f3fc;
    }
    html[data-theme="dark"] .business-summary-total-row td strong,
    html[data-theme="dark"] .business-efficiency-group[class*="business-theme-"] .business-summary-total-row td strong {
      color: var(--biz-theme-total-strong);
    }
    html[data-theme="dark"] .business-operation-fee-section-row.business-operation-fee-inbound td,
    html[data-theme="dark"] .business-operation-fee-total-row.business-operation-fee-inbound td {
      background: #15314f !important;
      border-color: #3c7eb8;
      color: #bfdbfe !important;
    }
    html[data-theme="dark"] .business-operation-fee-section-row.business-operation-fee-outbound td,
    html[data-theme="dark"] .business-operation-fee-total-row.business-operation-fee-outbound td {
      background: #123529 !important;
      border-color: #3b9868;
      color: #bbf7d0 !important;
    }
    html[data-theme="dark"] .business-efficiency-group[class*="business-theme-"] .business-operation-fee-combined-table .business-operation-fee-total-row.business-operation-fee-inbound td {
      background: #15314f !important;
      border-top-color: #3c7eb8;
      border-bottom-color: #3c7eb8;
      color: #bfdbfe !important;
    }
    html[data-theme="dark"] .business-efficiency-group[class*="business-theme-"] .business-operation-fee-combined-table .business-operation-fee-total-row.business-operation-fee-outbound td {
      background: #123529 !important;
      border-top-color: #3b9868;
      border-bottom-color: #3b9868;
      color: #bbf7d0 !important;
    }
    html[data-theme="dark"] .business-efficiency-group[class*="business-theme-"] .business-operation-fee-combined-table .business-operation-fee-total-row td strong {
      color: inherit !important;
    }
    html[data-theme="dark"] .business-operation-fee-combined-table tbody tr.business-operation-fee-detail-row.business-operation-fee-inbound.business-row-odd td {
      background: #101d2f !important;
    }
    html[data-theme="dark"] .business-operation-fee-combined-table tbody tr.business-operation-fee-detail-row.business-operation-fee-inbound.business-row-even td {
      background: #12263d !important;
    }
    html[data-theme="dark"] .business-operation-fee-combined-table tbody tr.business-operation-fee-detail-row.business-operation-fee-outbound.business-row-odd td {
      background: #0f211b !important;
    }
    html[data-theme="dark"] .business-operation-fee-combined-table tbody tr.business-operation-fee-detail-row.business-operation-fee-outbound.business-row-even td {
      background: #122c25 !important;
    }
    html[data-theme="dark"] .business-operation-fee-combined-table tbody tr.business-operation-fee-detail-row.business-operation-fee-inbound:hover td {
      background: #183a5d !important;
    }
    html[data-theme="dark"] .business-operation-fee-combined-table tbody tr.business-operation-fee-detail-row.business-operation-fee-outbound:hover td {
      background: #173f30 !important;
    }
    html[data-theme="dark"] .business-operation-fee-combined-table tbody tr.business-operation-fee-detail-row td,
    html[data-theme="dark"] .business-operation-fee-combined-table tbody tr.business-operation-fee-detail-row td:first-child,
    html[data-theme="dark"] .business-operation-fee-combined-table tbody tr.business-operation-fee-detail-row td.num {
      color: #e5edf8 !important;
    }
    html[data-theme="dark"] .business-operation-fee-grand-total-row td {
      background: #0b3c78 !important;
      border-color: #60a5fa;
      color: #dbeafe !important;
    }
    html[data-theme="dark"] .business-operation-fee-grand-total-row td strong {
      color: #dbeafe !important;
    }
    html[data-theme="dark"] .out-volume-breakdown,
    html[data-theme="dark"] .out-backlog-inline,
    html[data-theme="dark"] .out-backlog-progress-inline,
    html[data-theme="dark"] .out-total-merged-inline,
    html[data-theme="dark"] .tail-metric-line,
    html[data-theme="dark"] .tail-sep {
      color: #a8bad3;
    }
    html[data-theme="dark"] .tail-metric-num {
      color: #e6e6e6;
    }
    html[data-theme="dark"] .out-volume-breakdown-today .out-volume-breakdown-num {
      color: #e6e6e6;
    }
    html[data-theme="dark"] .tail-good,
    html[data-theme="dark"] .out-backlog-completed-num {
      color: #7ddf9e;
    }
    html[data-theme="dark"] .tail-bad,
    html[data-theme="dark"] .out-backlog-remaining-num {
      color: #f0a96b;
    }
    html[data-theme="dark"] .out-volume-breakdown-backlog .out-volume-breakdown-num {
      color: #e6e6e6;
    }
    html[data-theme="dark"] .rank-top {
      background: rgba(34, 197, 94, 0.18);
    }
    html[data-theme="dark"] .rank-last {
      background: rgba(248, 113, 113, 0.2);
    }
    html[data-theme="dark"] .workday-query-overlay {
      background: rgba(2, 6, 23, 0.68);
    }
    html[data-theme="dark"] #tab-panel-wave {
      background: rgba(30, 30, 30, 0.92);
      border-color: var(--surface-border);
    }
    html[data-theme="dark"] .wave-title,
    html[data-theme="dark"] .wave-group-title,
    html[data-theme="dark"] .wave-task-rule,
    html[data-theme="dark"] .wave-stage-top {
      color: var(--label-strong);
    }
    html[data-theme="dark"] .wave-toggle {
      border-color: var(--surface-border-strong);
      background: var(--surface-bg);
      color: var(--label-strong);
    }
    html[data-theme="dark"] .wave-status,
    html[data-theme="dark"] .wave-task-meta,
    html[data-theme="dark"] .wave-stage-times,
    html[data-theme="dark"] .wave-location-line {
      color: var(--hint);
    }
    html[data-theme="dark"] .wave-stream-progress-pill {
      border-color: rgba(96, 165, 250, 0.52);
      background: rgba(15, 23, 42, 0.78);
      color: #dbeafe;
      box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.16);
    }
    html[data-theme="dark"] .wave-stream-progress-pill::before {
      background: linear-gradient(90deg, rgba(59, 130, 246, 0.34), rgba(45, 212, 191, 0.3));
    }
    html[data-theme="dark"] .wave-task-meta-badge {
      border-color: var(--surface-border-strong);
      background: rgba(30, 30, 30, 0.78);
      color: var(--label);
    }
    html[data-theme="dark"] .wave-group {
      border-color: var(--surface-border);
      background: rgba(37, 37, 38, 0.96);
    }
    html[data-theme="dark"] #wave-high-rack-group.wave-group:not(.is-high-rack-overflow-warning) {
      border-color: rgba(96, 165, 250, 0.48);
      background: rgba(15, 47, 71, 0.82);
      box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.16);
    }
    html[data-theme="dark"] .wave-group.is-high-rack-overflow-warning {
      border-color: rgba(248, 113, 113, 0.72);
      background: rgba(80, 24, 31, 0.82);
      box-shadow: inset 0 0 0 1px rgba(248, 113, 113, 0.22);
    }
    html[data-theme="dark"] .wave-high-rack-warning {
      border-color: rgba(248, 113, 113, 0.62);
      background: rgba(127, 29, 29, 0.64);
      color: #fecaca;
    }
    html[data-theme="dark"] .wave-task-card {
      border-color: #3c3c3c;
    }
    html[data-theme="dark"] .wave-task-card.is-deleting {
      border-color: rgba(248, 113, 113, 0.72);
      background: rgba(80, 24, 31, 0.82);
    }
    html[data-theme="dark"] .wave-task-card.is-erasing {
      border-color: rgba(248, 113, 113, 0.72);
      background: rgba(80, 24, 31, 0.82);
    }
    html[data-theme="dark"] .wave-task-delete-mask {
      background:
        linear-gradient(110deg, rgba(127, 29, 29, 0.68) 0%, rgba(185, 28, 28, 0.82) 42%, rgba(69, 10, 10, 0.72) 54%, rgba(127, 29, 29, 0.68) 100%);
      background-size: 220% 100%;
      color: #fecaca;
    }
    html[data-theme="dark"] .wave-task-delete-mask.is-erasing {
      background:
        linear-gradient(100deg, rgba(127, 29, 29, 0.68) 0%, rgba(185, 28, 28, 0.82) 34%, rgba(254, 202, 202, 0.34) 48%, rgba(185, 28, 28, 0.82) 62%, rgba(127, 29, 29, 0.68) 100%);
      background-size: 260% 100%;
      color: #fecaca;
    }
    html[data-theme="dark"] .wave-task-delete-mask::before {
      border-color: rgba(254, 202, 202, 0.24);
      border-top-color: #fecaca;
    }
    html[data-theme="dark"] .wave-task-delete-mask.is-erasing::before {
      border-color: rgba(254, 202, 202, 0.24);
      border-top-color: #fecaca;
    }
    html[data-theme="dark"] .wave-task-delete-btn {
      border-color: rgba(248, 113, 113, 0.3);
      background: rgba(127, 29, 29, 0.56);
      color: #fecaca;
      box-shadow: none;
    }
    html[data-theme="dark"] .wave-task-delete-btn:hover {
      border-color: #ef4444;
      background: #ef4444;
      color: #fff;
    }
    html[data-theme="dark"] .wave-delete-confirm-modal {
      background: rgba(2, 6, 23, 0.7);
    }
    html[data-theme="dark"] .wave-delete-confirm-dialog {
      border-color: #31527b;
      background: #14243a;
      box-shadow: 0 24px 60px rgba(0, 0, 0, 0.48);
    }
    html[data-theme="dark"] .wave-delete-confirm-head {
      background: #1d4ed8;
      color: #f8fbff;
    }
    html[data-theme="dark"] .wave-delete-confirm-body {
      color: #dbeafe;
    }
    html[data-theme="dark"] .wave-delete-confirm-task {
      border-color: #31527b;
      background: #10233d;
      color: #bfdbfe;
    }
    html[data-theme="dark"] .wave-delete-confirm-task-label {
      color: #93a4bb;
    }
    html[data-theme="dark"] .wave-delete-confirm-task-value {
      color: #dbeafe;
    }
    html[data-theme="dark"] .wave-delete-confirm-option {
      color: #cbd5e1;
    }
    html[data-theme="dark"] .wave-delete-confirm-cancel {
      border-color: #475569;
      background: #26364d;
      color: #e2e8f0;
    }
    html[data-theme="dark"] .wave-task-card.task-not-started {
      border-color: #4a4a4a;
      background: #2d2d30;
    }
    html[data-theme="dark"] .wave-task-card.task-running {
      border-color: #1f4d73;
      background: #182a39;
    }
    html[data-theme="dark"] .wave-task-card.task-completed {
      border-color: #1f6b45;
      background: #183327;
    }
    html[data-theme="dark"] .wave-task-no {
      color: #dbeafe;
    }
    html[data-theme="dark"] .wave-task-status,
    html[data-theme="dark"] .wave-status-chip,
    html[data-theme="dark"] .wave-location-badge {
      border-color: var(--surface-border-strong);
      background: #252526;
      color: var(--label-strong);
    }
    html[data-theme="dark"] .wave-task-card.is-compact .wave-task-status {
      border: 0;
      background: transparent;
      color: #94a3b8;
    }
    html[data-theme="dark"] .wave-compact-stage {
      border-color: #3c3c3c;
      background: rgba(37, 37, 38, 0.64);
    }
    html[data-theme="dark"] .wave-compact-stage-top {
      color: #f8fafc;
    }
    html[data-theme="dark"] .wave-compact-stage-value,
    html[data-theme="dark"] .wave-compact-stage-person {
      color: #cbd5e1;
    }
    html[data-theme="dark"] .wave-minimal-label {
      color: #94a3b8;
    }
    html[data-theme="dark"] .wave-minimal-value {
      color: #cbd5e1;
    }
    html[data-theme="dark"] .wave-minimal-status-badge.status-not-started {
      border-color: #747b85;
      background: #9399a2;
      color: #0b1220;
    }
    html[data-theme="dark"] .wave-minimal-status-badge.status-running {
      border-color: #54aeb8;
      background: #75c8d0;
      color: #0b1220;
    }
    html[data-theme="dark"] .wave-minimal-status-badge.status-completed {
      border-color: #55ad70;
      background: #78cf91;
      color: #0b1220;
    }
    html[data-theme="dark"] .wave-location-total {
      border-color: #4a4a4a;
      background: #333333;
      color: #d4d4d4;
    }
    html[data-theme="dark"] .wave-stage-card {
      border-color: #3c3c3c;
      background: rgba(37, 37, 38, 0.72);
    }
    html[data-theme="dark"] .wave-stage-people {
      color: #cbd5e1;
    }
    html[data-theme="dark"] .wave-progress {
      background: #3c3c3c;
    }
    html[data-theme="dark"] .wave-empty {
      color: #8f98a8;
    }
    @media (max-width: 1720px) {
      .title {
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
        line-height: 1.15;
      }
      .title-updated {
        margin-top: 4px;
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
      }
    }
    @media (max-width: 1366px) {
      .out-grid { grid-template-columns: repeat(2, minmax(240px, 1fr)); }
      .inv-grid { grid-template-columns: 1fr; }
      #business-current-summary-content,
      #business-efficiency-content {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }
    @media (max-width: 1024px) {
      .header {
        grid-template-columns: 1fr;
        grid-template-areas: none;
      }
      .lang-box,
      .header-controls-right,
      .title-wrap,
      .workday-box,
      .ctrl {
        grid-area: auto;
      }
      .header-controls-right {
        justify-content: flex-start;
        flex-wrap: wrap;
      }
      .title-wrap {
        max-width: 100%;
      }
      .title {
        text-align: center;
        font-size: clamp(18px, 4.4vw, 24px);
        max-width: 100%;
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
      }
      .title-updated {
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
      }
      .workday-box { justify-content: flex-start; }
      .ctrl { justify-content: flex-start; }
      .tab-bar { flex-wrap: wrap; }
      .main { display: block; }
      .wave-groups { grid-template-columns: 1fr; }
      .out-grid { grid-template-columns: 1fr; }
      .inv-grid { grid-template-columns: 1fr; }
      .panel-scroll { height: auto; min-height: 380px; }
      .module { min-height: auto; }
      .module-top { grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); }
      .split-bar { display: none; }
      #section-outbound, #section-inventory { width: 100%; }
    }
    @media (max-width: 768px) {
      body { padding: 0; }
      .ctrl { gap: 4px; }
      .wave-task-card.is-compact {
        grid-template-columns: 1fr;
      }
      .wave-compact-stages {
        margin-top: 2px;
      }
      .wave-task-card.is-minimal {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px 12px;
      }
      .rank-head, .rank-row { grid-template-columns: minmax(96px, 1fr) 72px 76px; }
      .rank-head.rank-head-4, .rank-row.rank-row-4 {
        grid-template-columns: minmax(90px, 1fr) 62px 68px 80px;
      }
      .work-grid { grid-template-columns: 1fr; }
      .panel-scroll { min-height: 320px; }
      .module { border-left: none; border-right: none; border-radius: 0; padding: 4px 2px 0 2px; }
      .module-top { grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); }
      .out-card, .dept-card { padding: 4px; }
      .status-toast-container { right: 8px; left: 8px; top: 48px; width: auto; }
      .workday-query-dialog { padding: 16px 14px; }
      #tab-panel-business-report .stats-group-title,
      #tab-panel-inventory-stats .stats-group-title { font-size: clamp(18px, 4.4vw, 22px); }
      #tab-panel-business-report .stats-group-subtitle,
      #tab-panel-inventory-stats .stats-group-subtitle { font-size: 13px; }
      .business-report-toolbar { padding: 0 12px; }
      .inventory-stats-toolbar-spacer { display: none; }
      .inventory-stats-toolbar-search {
        flex: 1 1 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        margin-left: 0;
      }
      .inventory-stats-toolbar-search .inventory-stats-filter-input {
        flex: 1 1 180px;
        width: 100%;
        min-width: 150px;
      }
      #tab-panel-location-analysis .inventory-stats-toolbar-search > .business-report-quick-btn {
        flex: 0 0 auto;
        max-width: 100%;
      }
      #tab-panel-location-analysis .location-analysis-capacity-sync-btn {
        max-width: 100%;
      }
      #tab-panel-location-analysis .business-report-export {
        margin-left: 0;
      }
      .business-report-table-wrap { padding: 8px; border-radius: 4px; }
      .business-report-table { min-width: 620px; font-size: 14px; }
      .business-report-table th, .business-report-table td { padding: 9px 11px; }
      .business-report-table th { font-size: 12.5px; }
      #business-current-inbound-operation-fee-content .business-operation-fee-combined-table,
      #history-inbound-operation-fee-content .business-operation-fee-combined-table {
        font-size: 13px !important;
        -webkit-text-size-adjust: 100%;
        text-size-adjust: 100%;
      }
      #business-current-inbound-operation-fee-content .business-operation-fee-combined-table th,
      #business-current-inbound-operation-fee-content .business-operation-fee-combined-table td,
      #business-current-inbound-operation-fee-content .business-operation-fee-section-row td,
      #business-current-inbound-operation-fee-content .business-operation-fee-total-row td,
      #business-current-inbound-operation-fee-content .business-operation-fee-grand-total-row td,
      #business-current-inbound-operation-fee-content .business-report-table-empty,
      #history-inbound-operation-fee-content .business-operation-fee-combined-table th,
      #history-inbound-operation-fee-content .business-operation-fee-combined-table td,
      #history-inbound-operation-fee-content .business-operation-fee-section-row td,
      #history-inbound-operation-fee-content .business-operation-fee-total-row td,
      #history-inbound-operation-fee-content .business-operation-fee-grand-total-row td,
      #history-inbound-operation-fee-content .business-report-table-empty {
        font-size: 13px !important;
        line-height: 1.2;
      }
      .inventory-stats-filter-bar { padding: 0 0 8px 0; gap: 6px; }
      .inventory-stats-filter-input { min-width: 132px; width: 100%; flex: 1 1 180px; }
      .inventory-stats-filter-op { flex: 0 0 72px; }
      .inventory-stats-filter-number { flex: 0 0 112px; }
      .inventory-stats-clear-selection-btn { margin: 0; }
      .inventory-stats-sku-search-modal {
        padding: 10px;
        align-items: stretch;
        --sku-search-safe-top: 58px;
        --sku-search-safe-bottom: max(env(safe-area-inset-bottom, 0px), 28px);
        --sku-search-mobile-bottom-controls: 96px;
        -webkit-text-size-adjust: 100%;
        text-size-adjust: 100%;
      }
      .inventory-stats-sku-search-dialog {
        width: 100%;
        max-height: calc(100vh - var(--sku-search-safe-top) - var(--sku-search-mobile-bottom-clearance));
        max-height: calc(100dvh - var(--sku-search-safe-top) - var(--sku-search-mobile-bottom-clearance));
      }
      .inventory-stats-sku-search-dialog-head {
        padding: 10px 12px;
      }
      .inventory-stats-sku-search-dialog-title {
        font-size: 15px;
      }
      .inventory-stats-sku-search-dialog-subtitle {
        font-size: 11px;
      }
      .inventory-stats-sku-search-modal-body {
        padding: 12px;
        padding-bottom: max(12px, var(--sku-search-safe-bottom));
      }
      .inventory-stats-sku-search-meta {
        gap: 6px;
        margin-bottom: 10px;
        font-size: 11px;
      }
      .inventory-stats-sku-search-meta span {
        min-height: 25px;
        padding: 2px 8px;
      }
      .inventory-stats-sku-search-section-title {
        font-size: 12px;
        margin-bottom: 7px;
      }
      .inventory-stats-sku-product-hero {
        grid-template-columns: 1fr;
        gap: 8px;
        margin-bottom: 10px;
        padding: 10px;
      }
      .inventory-stats-sku-product-name {
        font-size: 15px;
        line-height: 1.28;
      }
      .inventory-stats-sku-product-code {
        margin-top: 3px;
        font-size: 12px;
      }
      .inventory-stats-sku-product-total {
        text-align: left;
        min-width: 0;
        padding: 7px 9px;
      }
      .inventory-stats-sku-product-total span {
        font-size: 12px;
      }
      .inventory-stats-sku-product-total strong {
        font-size: 20px;
      }
      .inventory-stats-sku-info-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 7px;
        margin-bottom: 10px;
      }
      .inventory-stats-sku-info-item {
        min-height: 48px;
        padding: 7px 9px;
      }
      .inventory-stats-sku-info-item span {
        font-size: 11px;
        margin-bottom: 3px;
      }
      .inventory-stats-sku-info-item strong {
        font-size: 12px;
        line-height: 1.25;
      }
      .inventory-stats-sku-audit-section {
        -webkit-text-size-adjust: 100%;
        text-size-adjust: 100%;
      }
      .inventory-stats-sku-audit-section > summary,
      .inventory-stats-sku-audit-raw-section > summary {
        min-height: 34px;
        padding: 7px 10px;
        font-size: 12px;
      }
      .inventory-stats-sku-audit-body {
        padding: 10px;
      }
      .inventory-stats-sku-audit-section .inventory-stats-sku-info-grid {
        gap: 6px;
        margin-bottom: 8px;
      }
      .inventory-stats-sku-audit-section .inventory-stats-sku-info-item {
        min-height: 42px;
        padding: 6px 8px;
      }
      .inventory-stats-sku-audit-section .inventory-stats-sku-info-item span {
        font-size: 10px;
        line-height: 1.18;
        margin-bottom: 2px;
      }
      .inventory-stats-sku-audit-section .inventory-stats-sku-info-item strong {
        font-size: 11px;
        line-height: 1.22;
      }
      .table-pagination-bar { margin: 8px; }
      .business-efficiency-group-title { font-size: 16px; padding: 11px 14px; }
      .business-efficiency-subgroup-title { font-size: 14px; padding: 9px 12px; }
      #business-current-summary-content,
      #business-efficiency-content {
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
      }
      #business-current-summary-content .business-current-summary-layout {
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
      }
      #business-efficiency-content .business-efficiency-layout {
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
      }
      #business-efficiency-content .business-efficiency-subgroup-grid {
        padding: 0;
      }
      .stats-group-titlebar.today-stats-titlebar {
        flex-wrap: wrap;
        justify-content: center;
        row-gap: 8px;
        padding: 0 8px;
      }
      .stats-group-titlebar.today-stats-titlebar .stats-group-title {
        flex: 1 0 100%;
        text-align: center;
      }
      .stats-group-titlebar.today-stats-titlebar .stats-group-title-actions {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 8px;
        flex: 1 0 100%;
        min-width: 0;
      }
      .stats-group-titlebar.today-stats-titlebar .today-stats-ai-generate,
      .stats-group-titlebar.today-stats-titlebar .today-stats-export {
        position: static;
        top: auto;
        left: auto;
        right: auto;
        transform: none;
      }
    }
    @media (max-width: 1800px) and (min-width: 1367px) {
      #business-current-summary-content,
      #business-efficiency-content {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
    }
    @media (max-width: 820px) {
      #business-current-summary-content,
      #business-efficiency-content {
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
      }
      #business-current-summary-content .business-current-summary-layout {
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
      }
      #business-efficiency-content .business-efficiency-layout {
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
      }
      #business-efficiency-content .business-efficiency-subgroup-grid {
        padding: 0;
      }
    }
    @media (max-width: 1200px) {
      .history-wrap { grid-template-columns: minmax(0, 1fr); }
    }
    @media (max-width: 480px) {
      .dashboard-auth-preferences {
        align-items: stretch;
        flex-direction: column;
        gap: 10px;
      }
      .dashboard-auth-preference-group { justify-content: space-between; }
      .title { text-align: center; font-size: 19px; }
      .tab-bar { flex-wrap: wrap; }
      .dashboard-account-slot {
        flex: 1 0 100%;
        order: 10;
      }
      .dashboard-account-btn { max-width: min(220px, 100%); }
      .ctrl button { width: 34px; height: 30px; }
      .status-toast-container { right: 8px; left: 8px; top: 48px; width: auto; }
      .workday-box { flex-wrap: wrap; }
      .warehouse-box { flex-wrap: wrap; min-width: 0; }
      .workday-date-box { flex-wrap: wrap; }
      .warehouse-select { min-width: 138px; }
      .workday-input { min-width: 132px; }
      .inventory-stats-day-input { min-width: 132px; width: 132px; }
      .status-grid-2, .status-grid-3, .status-grid-4 { grid-template-columns: 1fr; }
      .panel-scroll { min-height: 280px; padding: 4px; }
      .out-card, .work-card { padding: 6px; }
      .history-range-toolbar { gap: 6px; padding: 0 10px; }
      .history-range-input { min-width: 132px; }
      .history-range-export { margin-left: 0; }
      .stats-group-titlebar { padding: 0 10px; }
      .business-report-select { min-width: 122px; }
      .business-report-quick-btn { padding: 0 10px; }
      .business-report-range {
        margin-left: 0;
        width: 100%;
        padding-left: 0;
      }
      .inventory-stats-filter-input,
      .inventory-stats-filter-number {
        flex: 1 1 100%;
        min-width: 100%;
        width: 100%;
      }
      .inventory-stats-filter-op {
        flex: 1 1 100%;
        width: 100%;
      }
      .inventory-stats-sku-info-grid {
        grid-template-columns: 1fr;
      }
      .inventory-stats-sku-info-item span {
        font-size: 11px;
        line-height: 1.2;
      }
      .inventory-stats-sku-info-item strong {
        font-size: 12px;
        line-height: 1.25;
      }
      .inventory-stats-sku-audit-section .inventory-stats-sku-info-item span {
        font-size: 10px;
        line-height: 1.18;
      }
      .inventory-stats-sku-audit-section .inventory-stats-sku-info-item strong {
        font-size: 11px;
        line-height: 1.22;
      }
      .table-pagination-main,
      .table-pagination-nav,
      .table-pagination-pages,
      .table-pagination-jump-wrap {
        width: 100%;
        justify-content: center;
      }
      .table-pagination-info {
        width: 100%;
        text-align: center;
      }
      #business-efficiency-content .business-efficiency-group-title {
        font-size: 15px;
        padding: 10px 12px;
      }
      #business-efficiency-content .business-efficiency-subgroup-title {
        font-size: 13.5px;
        padding: 8px 10px;
      }
    }

    /* Shared login protection: span the form grid and inherit the current theme. */
    .login-security-status {
      grid-column: 1 / -1;
      box-sizing: border-box;
      display: flex;
      align-items: center;
      gap: 8px;
      width: 100%;
      min-width: 0;
      margin: 8px 0 0;
      padding: 10px 12px;
      border: 1px solid var(--surface-border, var(--line));
      border-radius: var(--btn-radius, 8px);
      background: var(--surface-bg-soft, var(--chip));
      color: var(--label-strong, var(--ink));
      font-family: inherit;
      font-size: 13px;
      font-weight: 600;
      line-height: 1.5;
      font-variant-numeric: tabular-nums;
      overflow-wrap: anywhere;
    }
    .login-security-status:empty { display: none; }
    .login-security-status:not(:empty)::before {
      content: "◷";
      flex: 0 0 auto;
      color: var(--btn-primary-bg, var(--primary));
      font-size: 18px;
      line-height: 1;
    }
    .dashboard-auth-grid > .login-security-status { margin-top: 0; }
    .login-security-captcha .login-security-challenge {
      color: var(--label-strong, var(--ink));
      font: inherit;
      font-size: 13px;
      line-height: 1.5;
    }
    .login-security-captcha button.login-security-retry {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: auto;
      min-height: 34px;
      margin-top: 8px;
      font-family: inherit;
      font-size: 13px;
    }
    html[data-style="liquid-glass"] .login-security-status {
      background: var(--glass-bg-strong, var(--surface-bg-soft, var(--chip)));
      border-color: var(--glass-border, var(--line));
      border-radius: 12px;
    }
    html[data-style="whiteboard-sketch"] .login-security-status {
      border-radius: 6px 10px 7px 9px;
      border-width: 2px;
    }