:root {
  --bg: #f4f6f8;
  --panel: #ffffff;
  --ink: #18202b;
  --muted: #667085;
  --line: #d9e0e8;
  --line-strong: #c5ced9;
  --blue: #2563eb;
  --blue-dark: #1e40af;
  --teal: #0f766e;
  --green: #15803d;
  --amber: #b45309;
  --red: #b42318;
  --purple: #6d28d9;
  --shadow: 0 14px 32px rgba(19, 31, 53, 0.08);
  --radius: 8px;
}

.return-package-temu-page {
  min-width: 1560px;
  padding: 18px 20px 24px;
  background: #ffffff;
  color: #1f2937;
}

.return-package-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 42px;
  margin-bottom: 12px;
}

.return-package-heading h2 {
  margin: 0;
  color: #111827;
  font-size: 20px;
  font-weight: 650;
  letter-spacing: 0;
}

.return-package-region-switch {
  display: inline-flex;
  align-items: center;
  height: 34px;
  padding: 3px;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background: #f7f8fa;
}

.return-package-region-switch button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 26px;
  min-width: 64px;
  padding: 0 12px;
  border: 0;
  border-radius: 3px;
  background: transparent;
  color: #4b5563;
  font-size: 13px;
  font-weight: 500;
}

.return-package-region-switch button.is-active {
  background: #111827;
  color: #ffffff;
}

.return-package-region-switch span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
  opacity: 0.55;
}

.return-package-sync-line {
  display: grid;
  grid-template-columns: minmax(220px, 0.8fr) minmax(220px, 0.8fr) minmax(360px, 1.4fr) auto auto;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  padding: 10px 12px;
  border: 1px solid #d8e1ee;
  border-radius: 3px;
  background: #fbfcff;
}

.return-package-sync-line div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.return-package-sync-line span,
.return-package-sync-line small {
  min-width: 0;
  overflow-wrap: anywhere;
  color: #667085;
  font-size: 12px;
  line-height: 1.35;
}

.return-package-sync-line strong {
  min-width: 0;
  overflow: hidden;
  color: #111827;
  font-size: 13px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.return-package-sync-columns strong {
  white-space: normal;
}

.return-package-sync-line a {
  color: #2563eb;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}

.return-package-sync-line .tiny-button {
  height: 30px;
  white-space: nowrap;
}

.return-package-api-error,
.return-package-blocker-line {
  display: grid;
  gap: 6px;
  margin-bottom: 12px;
  padding: 10px 12px;
  border-radius: 3px;
  font-size: 12px;
  line-height: 1.5;
}

.return-package-api-error {
  border: 1px solid #fecaca;
  background: #fff7f7;
  color: #7f1d1d;
}

.return-package-blocker-line {
  border: 1px solid #fde68a;
  background: #fffbeb;
  color: #78350f;
}

.return-package-task-bar {
  display: flex;
  align-items: center;
  gap: 18px;
  min-height: 64px;
  margin-bottom: 12px;
  padding: 12px 16px;
  border: 1px solid #eef0f3;
  border-radius: 3px;
  background: #f7f8fa;
}

.return-package-task-bar strong {
  color: #111827;
  font-size: 14px;
  font-weight: 650;
}

.return-package-task-bar button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 188px;
  height: 40px;
  padding: 0 12px;
  border: 1px solid #e5e7eb;
  border-radius: 3px;
  background: #ffffff;
  color: #1f2937;
  font-size: 13px;
  text-align: left;
}

.return-package-task-bar button em {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background: #ff4d4f;
  color: #ffffff;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
}

.return-package-task-bar button b {
  margin-left: auto;
  color: #9ca3af;
  font-size: 20px;
  font-weight: 400;
}

.return-package-task-bar a,
.return-package-operation-links a,
.return-package-card-actions a,
.return-package-strategy-row article > div > a {
  color: #1677ff;
  font-size: 13px;
  text-decoration: none;
}

.return-package-filter-panel {
  display: grid;
  grid-template-columns: repeat(3, minmax(390px, 1fr));
  gap: 12px 24px;
  margin-bottom: 12px;
  padding: 18px 16px 16px;
  border: 1px solid #eef0f3;
  border-radius: 3px;
  background: #f7f8fa;
}

.return-package-filter-panel label {
  display: grid;
  grid-template-columns: 118px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.return-package-filter-panel label > span {
  color: #394150;
  font-size: 13px;
  font-weight: 500;
  text-align: right;
  white-space: nowrap;
}

.return-package-filter-panel input,
.return-package-filter-panel select {
  width: 100%;
  height: 28px;
  min-width: 0;
  padding: 0 9px;
  border: 1px solid #dcdfe6;
  border-radius: 2px;
  background: #ffffff;
  color: #1f2937;
  font-size: 13px;
  outline: none;
}

.return-package-filter-panel input::placeholder {
  color: #b7bdc7;
}

.return-package-filter-panel input:focus,
.return-package-filter-panel select:focus {
  border-color: #1677ff;
  box-shadow: 0 0 0 2px rgba(22, 119, 255, 0.08);
}

.return-package-filter-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  grid-column: 2 / span 1;
  padding-left: 128px;
}

.return-package-filter-actions .tiny-button,
.return-package-operation-line .tiny-button {
  min-width: 64px;
  height: 28px;
  padding: 0 16px;
  border-radius: 3px;
  font-size: 13px;
  font-weight: 500;
}

.return-package-filter-actions .primary-button {
  border-color: #1677ff;
  background: #1677ff;
  color: #ffffff;
}

.return-package-filter-actions .secondary-button,
.return-package-operation-line .secondary-button {
  border-color: #dcdfe6;
  background: #ffffff;
  color: #1f2937;
}

.return-package-filter-actions .secondary-button:disabled,
.return-package-operation-line .secondary-button:disabled {
  border-color: #e5e7eb;
  background: #f5f6f8;
  color: #b7bdc7;
}

.return-package-collapse {
  height: 28px;
  padding: 0 4px;
  border: 0;
  background: transparent;
  color: #1677ff;
  font-size: 13px;
}

.return-package-strategy-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 12px;
}

.return-package-strategy-row article {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-height: 92px;
  padding: 16px 18px;
  border: 1px solid #d6edf9;
  border-radius: 3px;
  background: #eefaff;
}

.return-package-card-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 1px solid #a7d8f1;
  border-radius: 50%;
  background: #ffffff;
  color: #1677ff;
  font-size: 16px;
  font-weight: 700;
}

.return-package-strategy-row strong {
  margin-right: 10px;
  color: #111827;
  font-size: 14px;
  font-weight: 650;
}

.return-package-strategy-row p {
  margin: 8px 0 0;
  color: #4b5563;
  font-size: 13px;
}

.return-package-card-actions {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  white-space: nowrap;
}

.return-package-card-actions button {
  min-width: 58px;
  height: 28px;
  padding: 0 12px;
  border: 1px solid #1677ff;
  border-radius: 3px;
  background: #1677ff;
  color: #ffffff;
  font-size: 13px;
  font-weight: 500;
}

.return-package-operation-line {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 58px;
  border-bottom: 1px solid #ebeef5;
  background: #ffffff;
}

.return-package-method {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 28px;
  padding: 0 10px;
  border-radius: 3px;
  background: #f7f8fa;
  color: #1f2937;
  font-size: 13px;
}

.return-package-method span {
  color: #4b5563;
}

.return-package-method strong {
  color: #111827;
  font-weight: 650;
}

.return-package-method button {
  height: 22px;
  padding: 0 2px;
  border: 0;
  background: transparent;
  color: #1677ff;
  font-size: 13px;
}

.return-package-operation-links {
  display: inline-flex;
  align-items: center;
  gap: 18px;
  margin-left: auto;
}

.return-package-notice-line {
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 36px;
  color: #4b5563;
  font-size: 13px;
}

.return-package-notice-line span {
  color: #1677ff;
}

.return-package-notice-line strong {
  color: #111827;
  font-weight: 600;
}

.return-package-table-wrap {
  max-height: 545px;
  border: 0;
  border-radius: 0;
  overflow: auto;
  background: #ffffff;
}

.return-package-table {
  min-width: 1680px;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 12px;
}

.return-package-table th,
.return-package-table td {
  min-width: 116px;
  height: 38px;
  padding: 0 12px;
  border-right: 1px solid #ebeef5;
  border-bottom: 1px solid #ebeef5;
  background: #ffffff;
  color: #394150;
  font-weight: 500;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
}

.return-package-table th {
  background: #f7f8fa;
  color: #394150;
  font-weight: 650;
}

.return-package-table th:nth-child(1),
.return-package-table td:nth-child(1) {
  position: sticky;
  left: 0;
  z-index: 2;
  min-width: 42px;
  width: 42px;
  text-align: center;
}

.return-package-table th:nth-child(2),
.return-package-table td:nth-child(2) {
  min-width: 60px;
  width: 60px;
}

.return-package-table th:nth-child(3),
.return-package-table td:nth-child(3) {
  min-width: 170px;
}

.return-package-table th:nth-child(4),
.return-package-table td:nth-child(4) {
  min-width: 182px;
}

.return-package-table th:nth-child(6),
.return-package-table td:nth-child(6) {
  min-width: 250px;
  max-width: 300px;
  line-height: 1.45;
  white-space: normal;
}

.return-package-table th:nth-child(12),
.return-package-table td:nth-child(12),
.return-package-table th:nth-child(13),
.return-package-table td:nth-child(13) {
  min-width: 164px;
}

.return-package-table th:last-child,
.return-package-table td:last-child {
  position: sticky;
  right: 0;
  z-index: 2;
  min-width: 118px;
  width: 118px;
}

.return-package-table th:first-child,
.return-package-table th:last-child {
  z-index: 3;
}

.return-package-table input[type="checkbox"] {
  width: 14px;
  height: 14px;
  margin: 0;
}

.return-package-table td:nth-child(4) strong {
  display: block;
  margin-bottom: 4px;
  color: #1f2937;
  font-weight: 600;
}

.return-package-table td:nth-child(4) .return-package-link {
  display: block;
  margin-top: 2px;
}

.return-package-table td:last-child .return-package-link {
  display: inline;
  margin: 0;
}

.return-package-link {
  padding: 0;
  border: 0;
  background: transparent;
  color: #1677ff;
  font-size: 13px;
  text-align: left;
}

.return-package-status-dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 6px;
  border-radius: 50%;
  background: #1677ff;
  vertical-align: 1px;
}

.return-package-empty-row td {
  height: 74px;
  color: #9ca3af;
  text-align: center;
}

.return-package-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 44px;
  padding: 0 4px;
  border-bottom: 1px solid #ebeef5;
  background: #ffffff;
  color: #4b5563;
  font-size: 13px;
}

.return-package-pagination > div {
  display: inline-flex;
  align-items: center;
  gap: 16px;
}

.return-package-pagination select {
  height: 26px;
  min-width: 58px;
  margin: 0 4px;
  border: 1px solid #dcdfe6;
  border-radius: 2px;
  background: #ffffff;
  color: #1f2937;
}

@media (max-width: 1180px) {
  .return-package-temu-page {
    min-width: 1360px;
    padding: 16px 14px 22px;
  }

  .return-package-sync-line {
    grid-template-columns: minmax(220px, 0.8fr) minmax(220px, 0.8fr) minmax(300px, 1fr) auto auto;
  }

  .return-package-filter-panel {
    grid-template-columns: repeat(2, minmax(390px, 1fr));
  }

  .return-package-filter-actions {
    grid-column: 1 / span 1;
  }
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  min-height: 100vh;
  background: var(--bg);
  color: var(--ink);
  font-family: Inter, "Segoe UI", "Microsoft YaHei", Arial, sans-serif;
  font-size: 14px;
}

button,
input,
select,
textarea {
  font: inherit;
}

button {
  cursor: pointer;
}

.boot-screen {
  position: fixed;
  inset: 0;
  z-index: 40;
  display: grid;
  place-items: center;
  padding: 24px;
  background: #f1f5f9;
}

.boot-screen.is-hidden {
  display: none;
}

.boot-card {
  display: flex;
  align-items: center;
  gap: 14px;
  width: min(460px, 100%);
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: var(--shadow);
}

.boot-card h1 {
  margin: 0 0 8px;
  font-size: 22px;
}

.boot-card p {
  margin: 0;
  color: var(--muted);
  font-weight: 700;
}

.boot-card noscript {
  display: block;
  margin-top: 10px;
  color: var(--red);
  font-size: 13px;
  font-weight: 800;
}

.login-screen {
  position: fixed;
  inset: 0;
  z-index: 30;
  display: grid;
  place-items: center;
  padding: 24px;
  background: #f1f5f9;
}

.login-screen.is-hidden {
  display: none;
}

.login-card {
  display: grid;
  gap: 14px;
  width: min(420px, 100%);
  padding: 28px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: var(--shadow);
}

.login-card h1 {
  margin: 0 0 6px;
}

.login-card .brand-mark {
  width: 46px;
  height: 46px;
}

.login-card label {
  display: grid;
  gap: 7px;
}

.login-card label > span {
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
}

.remember-login {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
}

.login-card .remember-login {
  display: inline-flex;
}

.remember-login input {
  width: auto;
}

.login-error {
  min-height: 20px;
  margin: 0;
  color: var(--red);
  font-size: 13px;
  font-weight: 700;
}

.app-shell {
  display: grid;
  grid-template-columns: 252px minmax(0, 1fr);
  min-height: 100vh;
}

.app-shell.is-locked {
  visibility: hidden;
}

.sidebar {
  position: sticky;
  top: 0;
  height: 100vh;
  height: 100dvh;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 14px 0 16px;
  border-right: 1px solid #e5e7eb;
  background: #ffffff;
  color: #111827;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-color: rgba(148, 163, 184, 0.55) transparent;
}

.sidebar::-webkit-scrollbar {
  width: 8px;
}

.sidebar::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.35);
}

.sidebar::-webkit-scrollbar-track {
  background: transparent;
}

.brand {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 14px 4px;
  padding: 6px 6px 14px;
  border-bottom: 1px solid #eef2f6;
}

.brand-mark {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: #f97316;
  color: #111827;
  font-weight: 800;
  font-size: 20px;
}

.brand-title {
  font-size: 17px;
  font-weight: 800;
}

.brand-subtitle {
  margin-top: 2px;
  color: #64748b;
  font-size: 12px;
}

.nav-list {
  display: grid;
  gap: 0;
}

.nav-group {
  display: grid;
  gap: 8px;
  padding: 10px 14px 12px;
  border-bottom: 1px solid #eef2f6;
}

.nav-group-toggle {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 8px;
  min-height: 28px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #111827;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0;
  text-align: left;
}

.nav-group-toggle:hover {
  color: var(--blue);
}

.nav-group-toggle svg {
  width: 15px;
  height: 15px;
  transition: transform 0.18s ease;
}

.nav-group-title,
.nav-single-title {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: 8px;
}

.nav-group-title svg,
.nav-single-title svg {
  color: #111827;
}

.nav-chevron {
  color: #475569;
}

.nav-group.is-collapsed .nav-chevron {
  transform: rotate(180deg);
}

.nav-badge {
  display: inline-grid;
  place-items: center;
  min-width: 28px;
  height: 16px;
  padding: 0 4px;
  border-radius: 2px;
  background: #fff200;
  color: #111827;
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
}

.nav-group-items {
  display: grid;
  gap: 5px 12px;
}

.nav-subgrid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.nav-group-items-vertical {
  grid-template-columns: 1fr;
  gap: 6px;
}

.nav-group.is-collapsed .nav-group-items {
  display: none;
}

.nav-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  min-height: 30px;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: #111827;
  font-size: 13px;
  text-align: left;
  white-space: nowrap;
}

.nav-item:hover,
.nav-item.is-active {
  background: transparent;
  color: var(--blue);
  font-weight: 800;
}

.nav-item span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.nav-subitem {
  min-width: 0;
}

.nav-subitem-note {
  flex: 0 0 auto;
  padding: 1px 5px;
  border: 1px solid #fbbf24;
  border-radius: 999px;
  background: #fffbeb;
  color: #92400e;
  font-size: 10px;
  font-weight: 900;
  line-height: 1.4;
}

.nav-single {
  justify-content: space-between;
  min-height: 44px;
  padding: 0 14px;
  border-bottom: 1px solid #eef2f6;
  border-radius: 0;
  font-size: 14px;
  font-weight: 800;
}

.nav-group-sourcing {
  gap: 6px;
}

.nav-group-sourcing .nav-item {
  min-height: 42px;
  padding: 0 12px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 800;
}

.nav-group-sourcing .nav-item svg,
.nav-legacy-single svg {
  width: 18px;
  height: 18px;
}

.nav-group-sourcing .nav-item.is-active,
.nav-group-sourcing .nav-item:hover {
  background: #eff6ff;
}

.nav-legacy-single {
  min-height: 46px;
  font-size: 14px;
}

.nav-item svg,
.topbar svg,
button svg,
.search-box svg {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
}

.sidebar-footer {
  margin-top: auto;
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  margin-right: 14px;
  margin-left: 14px;
  padding: 0 10px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  color: #475569;
  font-size: 13px;
}

.sync-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #22c55e;
}

.sync-dot.green {
  background: #16a34a;
}

.sync-dot.amber {
  background: #f59e0b;
}

.sync-dot.red {
  background: #ef4444;
}

.sync-dot.gray {
  background: #94a3b8;
}

.main-panel {
  min-width: 0;
}

.topbar {
  position: sticky;
  top: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 86px;
  padding: 18px 26px;
  background: rgba(244, 246, 248, 0.92);
  border-bottom: 1px solid var(--line);
  backdrop-filter: blur(16px);
}

.topbar-title {
  flex: 0 0 auto;
  min-width: 190px;
}

.ebook-upload-topbar-status {
  flex: 1 1 320px;
  min-width: 260px;
  max-width: 560px;
  padding: 9px 12px;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
  background: #eff6ff;
  color: #0f172a;
  box-shadow: 0 8px 24px rgba(37, 99, 235, 0.08);
}

.ebook-upload-topbar-status[hidden] {
  display: none;
}

.ebook-upload-topbar-line {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) auto auto;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  line-height: 1.35;
}

.ebook-upload-topbar-line strong {
  overflow: hidden;
  color: #1d4ed8;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ebook-upload-topbar-line span {
  color: #334155;
  font-weight: 800;
  white-space: nowrap;
}

.ebook-upload-topbar-progress {
  height: 4px;
  margin-top: 7px;
  overflow: hidden;
  border-radius: 999px;
  background: #dbeafe;
}

.ebook-upload-topbar-progress i {
  display: block;
  width: var(--ebook-upload-progress, 0%);
  height: 100%;
  border-radius: inherit;
  background: #2563eb;
  transition: width 0.16s ease;
}

.temu-sync-overview {
  flex: 1 1 420px;
  display: grid;
  gap: 8px;
  min-width: 280px;
  max-width: 720px;
  padding: 10px 12px;
  border: 1px solid #dbeafe;
  border-radius: 8px;
  background: #f8fbff;
}

.temu-sync-overview[hidden] {
  display: none;
}

.temu-sync-overview-main,
.temu-sync-overview-metrics,
.temu-sync-overview-reasons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.temu-sync-overview-main span,
.temu-sync-overview-reasons span {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
}

.temu-sync-overview-main span:first-child {
  color: var(--ink);
  font-weight: 800;
}

.temu-sync-overview-reasons {
  padding-top: 6px;
  border-top: 1px dashed #bfdbfe;
}

.ai-task-monitor-host {
  flex: 1 1 360px;
  min-width: 260px;
  max-width: 620px;
}

.ai-task-monitor-host[hidden] {
  display: none;
}

.ai-task-monitor {
  display: grid;
  gap: 5px;
  width: 100%;
  min-height: 54px;
  padding: 9px 12px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06);
}

.ai-task-monitor.is-active {
  border-color: #93c5fd;
  background: #eff6ff;
}

.ai-task-monitor-top,
.ai-task-monitor-main,
.ai-task-monitor-meta,
.ai-task-list {
  display: flex;
  align-items: center;
  min-width: 0;
}

.ai-task-monitor-top {
  gap: 7px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.ai-task-monitor-top strong {
  color: var(--ink);
}

.ai-task-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #94a3b8;
}

.ai-task-monitor.is-active .ai-task-dot {
  background: var(--blue);
  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.12);
}

.ai-task-monitor-main {
  justify-content: space-between;
  gap: 12px;
  color: var(--ink);
  font-size: 13px;
  font-weight: 800;
}

.ai-task-monitor-main span:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ai-task-progress {
  height: 5px;
  overflow: hidden;
  border-radius: 999px;
  background: #e2e8f0;
}

.ai-task-progress span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #2563eb, #0f766e);
  transition: width 220ms ease;
}

.ai-task-monitor-meta,
.ai-task-list {
  flex-wrap: wrap;
  gap: 8px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.35;
}

.ai-task-list {
  padding-top: 2px;
}

.eyebrow {
  margin: 0 0 4px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}

h1,
h2,
h3,
p {
  margin-top: 0;
}

h1 {
  margin-bottom: 0;
  font-size: 28px;
  line-height: 1.16;
}

h2 {
  margin-bottom: 0;
  font-size: 19px;
  line-height: 1.2;
}

h3 {
  margin-bottom: 4px;
  font-size: 15px;
}

.topbar-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.user-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 0 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
}

.search-box {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  width: min(320px, 28vw);
  min-height: 40px;
  padding: 0 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--panel);
  color: var(--muted);
}

.search-box:focus-within {
  border-color: #94a3b8;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

.search-box input {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--ink);
}

.search-clear-button {
  display: grid;
  place-items: center;
  flex: 0 0 26px;
  width: 26px;
  height: 26px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: #edf2f7;
  color: var(--muted);
}

.search-clear-button:hover {
  background: #e2e8f0;
  color: var(--ink);
}

.search-clear-button svg {
  width: 15px;
  height: 15px;
}

.search-suggestions {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  z-index: 80;
  display: grid;
  gap: 4px;
  max-height: min(340px, 62vh);
  padding: 6px;
  overflow-y: auto;
  border: 1px solid #dbe4ef;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.16);
}

.search-suggestions[hidden] {
  display: none;
}

.search-suggestion-item {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 44px;
  width: 100%;
  padding: 8px 9px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--ink);
  text-align: left;
}

.search-suggestion-item:hover,
.search-suggestion-item.is-active {
  background: #eef6ff;
  color: #1d4ed8;
}

.search-suggestion-item svg {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
}

.search-suggestion-item span {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.search-suggestion-item strong,
.search-suggestion-item small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.search-suggestion-item strong {
  font-size: 13px;
  line-height: 1.25;
}

.search-suggestion-item small {
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
}

select,
input[type="text"],
input[type="password"],
input[type="number"],
input[type="search"] {
  min-height: 40px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  color: var(--ink);
}

select {
  padding: 0 34px 0 12px;
}

input[type="text"],
input[type="password"],
input[type="number"],
input[type="search"] {
  width: 100%;
  padding: 0 12px;
}

.primary-button,
.secondary-button,
.ghost-button,
.icon-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 40px;
  border-radius: 8px;
  border: 1px solid transparent;
  white-space: nowrap;
}

.primary-button {
  padding: 0 14px;
  background: var(--blue);
  color: #fff;
  border-color: var(--blue);
  font-weight: 700;
}

.primary-button:hover {
  background: var(--blue-dark);
}

.secondary-button,
.ghost-button,
.icon-button {
  background: #fff;
  color: var(--ink);
  border-color: var(--line);
}

.secondary-button {
  padding: 0 12px;
}

.ghost-button {
  padding: 0 10px;
  border-color: transparent;
  background: transparent;
  color: var(--blue);
  font-weight: 700;
}

.icon-button {
  width: 40px;
  padding: 0;
}

.tiny-button {
  min-height: 28px;
  padding: 0 8px;
  font-size: 12px;
}

.content-region {
  padding: 24px 26px 40px;
}

.view {
  display: none;
}

.view.is-visible {
  display: grid;
  gap: 20px;
}

.view.is-visible > *,
.metric-grid,
.metric-card,
.section-block,
.two-column,
.temu-module-workbench,
.temu-module-head,
.temu-module-title,
.temu-module-store,
.temu-module-stats {
  min-width: 0;
}

.metric-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.metric-card,
.section-block,
.store-card,
.order-card,
.integration-card {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--panel);
  box-shadow: var(--shadow);
}

.metric-card {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  min-height: 116px;
  padding: 18px;
}

.ops-briefing {
  display: grid;
  gap: 18px;
}

.ops-briefing-grid {
  display: grid;
  grid-template-columns: minmax(260px, 0.38fr) minmax(0, 1fr);
  gap: 18px;
  align-items: stretch;
}

.ops-score-panel {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  min-height: 128px;
  padding: 8px 18px 8px 0;
  border-right: 1px solid var(--line);
}

.ops-score-ring {
  position: relative;
  display: grid;
  place-items: center;
  width: 88px;
  height: 88px;
  border-radius: 50%;
  background: conic-gradient(var(--score-color, var(--green)) var(--score-angle, 0deg), #e5e7eb 0deg);
}

.ops-score-ring::after {
  position: absolute;
  inset: 10px;
  content: "";
  border-radius: 50%;
  background: #fff;
}

.ops-score-ring span {
  position: relative;
  z-index: 1;
  color: var(--ink);
  font-size: 24px;
  font-weight: 800;
}

.ops-score-panel h2,
.ops-score-panel p {
  margin: 0;
}

.ops-score-panel h2 {
  margin-bottom: 6px;
  font-size: 22px;
}

.ops-task-list {
  display: grid;
  align-content: start;
}

.ops-task {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 14px 0;
  border-bottom: 1px solid var(--line);
}

.ops-task:last-child {
  border-bottom: 0;
}

.ops-task-main {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.ops-task-icon {
  display: grid;
  place-items: center;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  border-radius: 8px;
  background: #eef2ff;
  color: var(--blue);
}

.ops-task-title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 3px;
}

.ops-task-title strong {
  font-size: 15px;
}

.ops-task-count {
  color: var(--blue-dark);
  font-size: 20px;
  font-weight: 800;
}

.ops-task.is-critical .ops-task-icon {
  background: #fee2e2;
  color: var(--red);
}

.ops-task.is-critical .ops-task-count {
  color: var(--red);
}

.ops-task.is-warning .ops-task-icon {
  background: #fef3c7;
  color: var(--amber);
}

.ops-task.is-warning .ops-task-count {
  color: var(--amber);
}

.ops-task.is-good .ops-task-icon {
  background: #dcfce7;
  color: var(--green);
}

.ops-task.is-good .ops-task-count {
  color: var(--green);
}

.metric-card .metric-icon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 8px;
  background: #eff6ff;
  color: var(--blue);
}

.metric-value {
  margin: 6px 0 2px;
  font-size: 28px;
  font-weight: 800;
  line-height: 1;
}

.metric-note {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
}

.metric-note.warning-text {
  color: #b45309;
  font-weight: 700;
}

.ebook-generated-title-cell {
  min-width: 230px;
  max-width: 340px;
  vertical-align: top;
  background: #f8fafc;
}

.ebook-generated-title-label {
  display: block;
  margin-bottom: 6px;
  color: #2563eb;
  font-size: 12px;
  font-weight: 800;
}

.ebook-generated-title-text {
  display: block;
  color: var(--text);
  font-size: 14px;
  line-height: 1.45;
}

.ebook-generated-title-zh {
  margin: 6px 0 0;
  color: #475569;
  font-size: 12px;
  line-height: 1.45;
}

.checkbox-line {
  display: flex;
  align-items: center;
  gap: 8px;
}

.checkbox-line input {
  width: auto;
}

.two-column {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.75fr);
  gap: 20px;
}

.section-block {
  padding: 18px;
}

.section-heading,
.table-toolbar,
.modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}

.section-heading-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}

.order-stack,
.store-stack,
.activity-list {
  display: grid;
  gap: 10px;
}

.order-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  padding: 14px;
  box-shadow: none;
}

.order-meta,
.store-meta,
.row-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  color: var(--muted);
  font-size: 12px;
}

.pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  padding: 0 8px;
  border-radius: 999px;
  background: #eef2ff;
  color: var(--blue-dark);
  font-size: 12px;
  font-weight: 700;
}

.pill.green {
  background: #dcfce7;
  color: var(--green);
}

.pill.amber {
  background: #fef3c7;
  color: var(--amber);
}

.pill.red {
  background: #fee2e2;
  color: var(--red);
}

.pill.purple {
  background: #f3e8ff;
  color: var(--purple);
}

.store-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid var(--line);
}

.store-row:last-child {
  border-bottom: 0;
}

.store-logo {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 8px;
  background: #fff7ed;
  color: #c2410c;
  font-weight: 800;
}

.store-info {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.compact-table-wrap,
.table-wrap,
.wide-table-wrap {
  overflow-x: auto;
}

.wide-table-wrap {
  border: 1px solid var(--line);
  border-radius: 8px;
}

.table-wrap {
  min-height: 460px;
}

.data-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 820px;
}

.compact-table {
  min-width: 520px;
}

.operations-table {
  min-width: 1880px;
  font-size: 12px;
}

.operations-table th,
.operations-table td {
  white-space: nowrap;
}

.operations-table th:first-child,
.operations-table .product-info-cell {
  position: sticky;
  left: 0;
  z-index: 1;
  background: #fff;
  box-shadow: 1px 0 0 var(--line);
}

.operations-table th:first-child {
  z-index: 2;
}

.operations-table tr.is-selected td {
  background: #eff6ff;
}

.operations-table tr.is-selected .product-info-cell {
  background: #eff6ff;
}

.product-info-cell {
  min-width: 280px;
  max-width: 320px;
  white-space: normal;
}

.link-button {
  min-height: auto;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--ink);
  text-align: left;
  font-weight: 800;
  line-height: 1.35;
}

.link-button:hover {
  color: var(--blue);
}

.guide-text {
  color: #ea580c;
  font-weight: 800;
  line-height: 1.45;
}

.data-table th,
.data-table td {
  padding: 13px 12px;
  border-bottom: 1px solid var(--line);
  text-align: left;
  vertical-align: middle;
}

.data-table th {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.sort-button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 28px;
  padding: 4px 8px;
  border: 1px solid #bfdbfe;
  border-radius: 6px;
  background: #eff6ff;
  color: inherit;
  font: inherit;
  text-align: left;
  text-transform: inherit;
}

.sort-button:hover,
.sort-button.is-active {
  color: var(--blue);
  border-color: var(--blue);
  background: #dbeafe;
}

.sort-indicator {
  display: inline-grid;
  place-items: center;
  min-width: 12px;
  color: var(--blue);
  font-size: 12px;
}

.sort-hint {
  color: var(--blue);
  font-size: 11px;
  font-weight: 800;
}

.data-table tr:last-child td {
  border-bottom: 0;
}

.check-cell {
  width: 44px;
}

.segmented {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 4px;
  padding: 4px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
}

.segmented button {
  min-height: 32px;
  padding: 0 11px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--muted);
}

.segmented button.is-active {
  background: #fff;
  color: var(--ink);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
  font-weight: 700;
}

.bulk-actions {
  display: flex;
  gap: 8px;
}

.product-toolbar {
  min-width: 280px;
}

.product-toolbar label span,
.date-range-control label span {
  margin-bottom: 6px;
}

.analytics-filter-bar {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  margin: 6px 0 18px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
}

.date-range-control {
  display: flex;
  align-items: flex-end;
  gap: 10px;
}

.date-range-control input[type="date"] {
  min-height: 38px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 0 10px;
}

.sales-chart-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 16px;
  margin-top: 18px;
}

.sales-chart-panel,
.sales-summary-panel {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 16px;
}

.compact-heading {
  margin-bottom: 8px;
}

.sales-chart {
  min-height: 300px;
  overflow-x: auto;
}

.sales-chart-svg {
  width: 100%;
  min-width: 640px;
  height: auto;
}

.sales-chart-area {
  fill: rgba(37, 99, 235, 0.08);
  stroke: none;
}

.sales-chart-line {
  fill: none;
  stroke: var(--blue);
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.sales-chart-dot {
  fill: #fff;
  stroke: var(--blue);
  stroke-width: 2;
}

.chart-grid {
  stroke: #e5e7eb;
  stroke-width: 1;
}

.chart-label {
  fill: var(--muted);
  font-size: 12px;
}

.summary-list {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.summary-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid var(--line);
}

.summary-item:last-child {
  border-bottom: 0;
}

.summary-item span {
  color: var(--muted);
}

.quantity-control,
.price-control {
  display: grid;
  grid-template-columns: 96px auto;
  gap: 8px;
  align-items: center;
  max-width: 198px;
}

.quantity-control input,
.price-control input {
  min-height: 36px;
}

.quantity-control button,
.price-control button {
  min-height: 36px;
}

.store-grid,
.integration-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.store-card {
  padding: 16px;
  box-shadow: none;
}

.store-card-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}

.store-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.egress-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 12px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
}

.egress-box .metric-note {
  margin: 6px 0 0;
  max-width: 260px;
  overflow-wrap: anywhere;
}

.store-permission-box {
  margin-top: 12px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.store-permission-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}

.store-permission-group {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  margin-top: 8px;
}

.store-permission-group > span {
  color: var(--muted);
  font-size: 12px;
  line-height: 24px;
}

.store-permission-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.store-permission-chips span {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 3px 8px;
  border-radius: 999px;
  background: #eef2ff;
  color: #334155;
  font-size: 12px;
  line-height: 1.35;
}

.store-stat {
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
}

.store-stat strong {
  display: block;
  margin-bottom: 3px;
}

.store-stat span {
  color: var(--muted);
  font-size: 12px;
}

.integration-grid {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.integration-card {
  display: grid;
  gap: 12px;
  padding: 16px;
  box-shadow: none;
}

.temu-api-workbench {
  display: grid;
  gap: 16px;
}

.temu-api-toolbar {
  display: grid;
  grid-template-columns: minmax(220px, 0.35fr) minmax(260px, 1fr);
  gap: 12px;
  align-items: end;
}

.temu-api-category-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.temu-api-overview {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.temu-api-overview-card {
  min-height: 86px;
  display: grid;
  align-content: center;
  gap: 5px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  color: var(--ink);
  text-align: left;
}

button.temu-api-overview-card:hover {
  border-color: #93c5fd;
  background: #f8fbff;
}

.temu-api-overview-card i {
  width: 18px;
  height: 18px;
  color: var(--blue);
}

.temu-api-overview-card span,
.temu-api-overview-card small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.temu-api-overview-card strong {
  color: var(--ink);
  font-size: 22px;
  line-height: 1.1;
}

.temu-api-overview-card.strong {
  border-color: #bfdbfe;
  background: #eff6ff;
}

.temu-api-overview-card.muted-card {
  background: #f8fafc;
}

.tab-button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 36px;
  padding: 0 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  color: var(--text);
  font: inherit;
  cursor: pointer;
}

.tab-button span {
  color: var(--muted);
  font-size: 12px;
}

.tab-button.is-active {
  border-color: #2563eb;
  background: #eff6ff;
  color: #1d4ed8;
}

.temu-api-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(360px, 0.85fr);
  gap: 16px;
  align-items: start;
}

.temu-api-list,
.temu-api-detail {
  min-width: 0;
}

.temu-api-table td {
  vertical-align: top;
}

.temu-api-table tr.is-selected td {
  background: #f8fbff;
}

.table-subtext {
  display: block;
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
}

.temu-api-detail {
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.temu-api-detail-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
}

.temu-api-detail-head h3 {
  margin: 4px 0 6px;
  font-size: 18px;
}

.temu-api-type-line {
  display: grid;
  gap: 6px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
}

.temu-api-type-line span,
.temu-api-params span {
  color: var(--muted);
  font-size: 12px;
}

.temu-api-type-line code,
.temu-api-table code {
  word-break: break-all;
}

.temu-api-params {
  display: grid;
  gap: 8px;
}

.temu-api-params textarea,
.temu-api-result {
  width: 100%;
  min-height: 260px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #0f172a;
  color: #e2e8f0;
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  font-size: 12px;
  line-height: 1.6;
  resize: vertical;
}

.temu-api-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}

.temu-api-result-card {
  display: grid;
  gap: 10px;
}

.temu-api-result {
  margin: 0;
  max-height: 420px;
  overflow: auto;
  white-space: pre-wrap;
}

.temu-shipping-page {
  align-content: start;
  gap: 0;
  grid-auto-rows: max-content;
  min-height: calc(100vh - 86px);
  margin: -24px -26px -40px;
  background: #f4f5f7;
}

.temu-shipping-hidden-metrics {
  display: none;
}

.temu-shipping-filter {
  padding: 22px 28px 18px;
  border-bottom: 1px solid #edf0f4;
  background: #ffffff;
}

.temu-shipping-filter-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(220px, 1fr));
  gap: 14px 56px;
  align-items: center;
}

.temu-shipping-filter-grid label {
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  min-width: 0;
}

.temu-shipping-filter-grid label span {
  color: #111827;
  font-size: 13px;
  font-weight: 500;
  text-align: right;
  white-space: nowrap;
}

.temu-shipping-filter-grid input,
.temu-shipping-filter-grid select {
  min-height: 34px;
  border-color: #d9dce3;
  border-radius: 3px;
  background-color: #fff;
  font-size: 13px;
}

.temu-shipping-filter-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.temu-shipping-filter-actions .tiny-button,
.temu-shipping-actions .tiny-button {
  min-height: 32px;
  padding: 0 18px;
  border-radius: 3px;
  font-size: 13px;
}

.temu-shipping-workbench {
  border-top: 1px solid #f1f2f5;
  background: #fff;
}

.temu-shipping-reference-panel {
  display: grid;
  gap: 12px;
  padding: 16px 28px 14px;
  border-bottom: 1px solid #e8ebef;
  background: #fff;
}

.temu-shipping-reference-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
}

.temu-shipping-reference-head h3 {
  margin: 0 0 5px;
  color: #111827;
  font-size: 15px;
}

.temu-shipping-reference-head p {
  margin: 0;
  color: #667085;
  font-size: 13px;
  line-height: 1.45;
}

.temu-shipping-reference-actions,
.temu-shipping-blockers,
.temu-shipping-api-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.temu-shipping-rules {
  display: grid;
  gap: 6px;
  margin: 0;
  padding: 0 0 0 18px;
  color: #667085;
  font-size: 12px;
  line-height: 1.45;
}

.temu-shipping-api-strip {
  padding-top: 2px;
}

.temu-shipping-api-chip {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  min-height: 26px;
  max-width: 220px;
  padding: 0 9px;
  border: 1px solid #e5e7eb;
  border-radius: 3px;
  background: #fff;
  color: #344054;
  font-size: 12px;
}

.temu-shipping-api-chip.is-active,
.temu-shipping-api-chip:hover {
  border-color: #2563eb;
  color: #1d4ed8;
}

.temu-shipping-api-chip.is-ok {
  border-color: #bbf7d0;
}

.temu-shipping-api-chip.is-error {
  border-color: #fecaca;
}

.temu-shipping-api-chip span,
.temu-shipping-api-chip em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-wrap: anywhere;
}

.temu-shipping-api-chip span {
  color: #111827;
  font-weight: 700;
}

.temu-shipping-api-chip em {
  color: #1d4ed8;
  font-style: normal;
  font-weight: 700;
}

.temu-shipping-blockers {
  color: #667085;
  font-size: 13px;
}

.temu-shipping-blockers div {
  display: inline-flex;
  gap: 6px;
  align-items: center;
}

.temu-shipping-blockers svg {
  width: 16px;
  height: 16px;
}

.temu-shipping-action-drawer {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid #e8ebef;
  border-radius: 4px;
  background: #fafbfc;
}

.temu-shipping-action-title {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: start;
}

.temu-shipping-action-title div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.temu-shipping-action-title strong {
  color: #111827;
  font-size: 14px;
}

.temu-shipping-action-title span:not(.pill) {
  color: #667085;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  overflow-wrap: anywhere;
}

.temu-shipping-action-fields {
  display: grid;
  grid-template-columns: repeat(4, minmax(180px, 1fr));
  gap: 10px 14px;
}

.temu-shipping-action-fields label {
  display: grid;
  gap: 5px;
}

.temu-shipping-action-fields label span {
  color: #475467;
  font-size: 12px;
  font-weight: 700;
}

.temu-shipping-action-fields input {
  min-height: 32px;
  border-radius: 3px;
  font-size: 13px;
}

.temu-shipping-action-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

.temu-shipping-action-note,
.temu-shipping-action-error {
  color: #667085;
  font-size: 13px;
}

.temu-shipping-action-error {
  color: #b42318;
}

.shipping-detail-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.shipping-detail-grid div {
  display: grid;
  gap: 4px;
  padding: 12px;
  border: 1px solid #eaecf0;
  border-radius: 6px;
  background: #f9fafb;
}

.shipping-detail-grid span {
  color: #667085;
  font-size: 12px;
}

.shipping-detail-grid strong {
  color: #111827;
  overflow-wrap: anywhere;
}

.shipping-detail-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.shipping-detail-raw {
  display: grid;
  gap: 10px;
}

.shipping-detail-raw h3 {
  margin: 0;
  color: #111827;
  font-size: 15px;
}

.shipping-detail-raw dl {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  gap: 1px;
  overflow: hidden;
  border: 1px solid #eaecf0;
  border-radius: 6px;
}

.shipping-detail-raw dt,
.shipping-detail-raw dd {
  margin: 0;
  padding: 8px 10px;
  background: #fff;
  color: #344054;
  overflow-wrap: anywhere;
  font-size: 12px;
}

.shipping-detail-raw dt {
  background: #f9fafb;
  color: #475467;
  font-weight: 700;
}

.temu-shipping-toolbar {
  display: grid;
  grid-template-columns: minmax(0, auto) minmax(260px, 1fr) auto;
  gap: 14px;
  align-items: center;
  min-height: 58px;
  padding: 10px 18px;
  border-bottom: 1px solid #e8ebef;
  background: #fff;
}

.temu-shipping-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  min-width: 0;
}

.temu-shipping-summary {
  color: #111827;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.5;
  white-space: nowrap;
}

.temu-shipping-help {
  width: 76px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #1d4ed8;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  text-align: right;
  white-space: normal;
}

.temu-shipping-table-wrap {
  overflow: auto;
  background: #fff;
}

.temu-shipping-table {
  min-width: 1280px;
  border: 1px solid #e8ebef;
  border-right: 0;
  border-left: 0;
  font-size: 13px;
}

.temu-shipping-table th,
.temu-shipping-table td {
  min-height: 56px;
  padding: 12px 14px;
  border-right: 1px solid #eef0f3;
  border-bottom: 1px solid #eef0f3;
  color: #344054;
  vertical-align: top;
}

.temu-shipping-table th {
  background: #fafbfc;
  color: #475467;
  font-weight: 500;
}

.temu-shipping-table tr.is-selected td {
  background: #f5faff;
}

.temu-shipping-basic-head,
.temu-shipping-basic-cell {
  width: 340px;
  min-width: 340px;
}

.temu-shipping-basic-head {
  display: flex;
  align-items: center;
  gap: 10px;
}

.temu-shipping-basic-cell {
  padding-top: 14px;
  padding-bottom: 14px;
}

.temu-shipping-basic-cell strong,
.temu-shipping-table td strong {
  color: #111827;
}

.temu-shipping-basic-layout {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  min-width: 0;
}

.temu-shipping-basic-layout .shipping-check {
  margin-top: 2px;
}

.temu-shipping-basic-info {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.temu-shipping-basic-cell .row-meta,
.temu-shipping-table .row-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 10px;
  min-width: 0;
  line-height: 1.45;
  white-space: normal;
}

.temu-shipping-basic-cell .pill {
  margin: 0;
}

.temu-shipping-table th:nth-child(2),
.temu-shipping-table td:nth-child(2) {
  width: 128px;
  min-width: 128px;
}

.temu-shipping-warehouse-cell span {
  display: block;
  line-height: 1.45;
  word-break: break-word;
}

.temu-shipping-warehouse-select {
  display: block;
  width: fit-content;
  max-width: 100%;
  min-height: 28px;
  margin-top: 8px;
  padding: 0 9px;
  border: 1px solid #d8e2ff;
  border-radius: 4px;
  background: #f7faff;
  color: #1d4ed8;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
}

.temu-shipping-warehouse-select:hover:not(:disabled) {
  border-color: #2563eb;
  background: #eef4ff;
}

.temu-shipping-warehouse-select:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.temu-shipping-table th:nth-child(3),
.temu-shipping-table td:nth-child(3) {
  width: 350px;
  min-width: 350px;
}

.temu-shipping-table th:nth-child(4),
.temu-shipping-table td:nth-child(4),
.temu-shipping-table th:nth-child(5),
.temu-shipping-table td:nth-child(5),
.temu-shipping-table th:nth-child(6),
.temu-shipping-table td:nth-child(6) {
  width: 92px;
  min-width: 92px;
}

.temu-shipping-table th:nth-child(5),
.temu-shipping-table td:nth-child(5) {
  width: 132px;
  min-width: 132px;
}

.temu-shipping-table th:nth-child(7),
.temu-shipping-table td:nth-child(7) {
  width: 145px;
  min-width: 145px;
}

.temu-shipping-actual-cell {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.temu-shipping-actual-cell > div {
  display: flex;
  gap: 8px;
  align-items: baseline;
  white-space: nowrap;
}

.temu-shipping-actual-cell strong {
  font-size: 14px;
  line-height: 1;
}

.temu-shipping-quantity-edit {
  font-size: 12px;
  line-height: 1;
}

.temu-shipping-quantity-note {
  display: block;
  color: #2563eb;
  font-size: 12px;
  line-height: 1.35;
}

.temu-shipping-quantity-note.is-edited {
  color: #047857;
}

.temu-shipping-quantity-popover {
  position: absolute;
  z-index: 80;
  width: 262px;
  padding: 14px;
  border: 1px solid #d7dce5;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(16, 24, 40, 0.18);
}

.temu-shipping-quantity-popover::before {
  position: absolute;
  top: -7px;
  right: 38px;
  width: 12px;
  height: 12px;
  border-top: 1px solid #d7dce5;
  border-left: 1px solid #d7dce5;
  background: #fff;
  content: "";
  transform: rotate(45deg);
}

.temu-shipping-quantity-form {
  display: grid;
  gap: 10px;
}

.temu-shipping-quantity-form label {
  display: grid;
  gap: 8px;
  margin: 0;
  color: #111827;
  font-size: 13px;
  font-weight: 700;
}

.temu-shipping-quantity-form input {
  width: 100%;
  height: 34px;
  padding: 0 10px;
  border: 1px solid #d0d5dd;
  border-radius: 4px;
  color: #111827;
  font: inherit;
  font-weight: 500;
}

.temu-shipping-quantity-form p,
.temu-shipping-quantity-error {
  margin: 0;
  color: #98a2b3;
  font-size: 12px;
  line-height: 1.35;
}

.temu-shipping-quantity-error {
  color: #b42318;
}

.temu-shipping-quantity-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding-top: 6px;
}

.temu-shipping-row-actions {
  min-width: 86px;
  white-space: nowrap;
}

.temu-shipping-row-actions .link-button + .link-button {
  margin-left: 10px;
}

.temu-shipping-empty {
  display: grid;
  gap: 4px;
  place-items: center;
  min-height: 92px;
  color: #98a2b3;
  font-size: 13px;
}

.temu-shipping-empty strong {
  color: #667085;
  font-size: 14px;
}

.temu-shipping-pagination {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  align-items: center;
  min-height: 42px;
  padding: 0 18px;
  border-bottom: 1px solid #e8ebef;
  color: #667085;
  font-size: 13px;
}

.temu-shipping-pagination strong {
  display: inline-grid;
  place-items: center;
  min-width: 52px;
  height: 28px;
  border: 1px solid #d9dce3;
  border-radius: 3px;
  color: #111827;
  font-weight: 500;
}

.temu-delivery-page {
  align-content: start;
  gap: 0;
  grid-auto-rows: max-content;
  min-height: calc(100vh - 86px);
  margin: -24px -26px -40px;
  background: #f4f5f7;
}

.temu-delivery-filter {
  padding: 28px 28px 24px;
  background: #fff;
  border-bottom: 1px solid #edf0f4;
}

.temu-delivery-filter-grid {
  display: grid;
  grid-template-columns: minmax(320px, 1fr) minmax(320px, 1fr) auto;
  gap: 28px 48px;
  align-items: center;
}

.temu-delivery-filter-advanced {
  grid-template-columns: repeat(3, minmax(260px, 1fr));
  margin-top: 18px;
}

.temu-delivery-filter-grid label {
  display: grid;
  grid-template-columns: 84px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
}

.temu-delivery-filter-grid label span {
  color: #111827;
  font-size: 13px;
  font-weight: 700;
  text-align: right;
  white-space: nowrap;
}

.temu-delivery-filter-grid input,
.temu-delivery-tools select {
  min-height: 34px;
  border-color: #d9dce3;
  border-radius: 3px;
  background-color: #fff;
  font-size: 13px;
}

.temu-delivery-filter-actions {
  display: flex;
  gap: 10px;
  align-items: center;
  min-width: 0;
}

.temu-delivery-filter-actions .tiny-button,
.temu-delivery-actions .tiny-button,
.temu-delivery-toolbar-right .tiny-button {
  min-height: 32px;
  padding: 0 16px;
  border-radius: 3px;
  font-size: 13px;
}

.temu-delivery-sync-status {
  margin-top: 14px;
  color: #667085;
  font-size: 13px;
  line-height: 1.5;
}

.temu-delivery-sync-status a {
  color: #1d4ed8;
  font-weight: 700;
  text-decoration: none;
}

.temu-delivery-sync-status.is-loading {
  color: #1d4ed8;
  font-weight: 700;
}

.temu-delivery-workbench {
  margin-top: 18px;
  background: #fff;
  border-top: 1px solid #e6eaf0;
}

.temu-delivery-tabs {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #e6eaf0;
  background: #fff;
}

.temu-delivery-tab {
  min-width: 92px;
  min-height: 34px;
  padding: 0 14px;
  border: 0;
  border-right: 1px solid #e6eaf0;
  border-bottom: 2px solid transparent;
  background: #fff;
  color: #344054;
  font-size: 14px;
  cursor: pointer;
}

.temu-delivery-tab span {
  margin-left: 2px;
}

.temu-delivery-tab.is-active {
  border-bottom-color: #2563eb;
  color: #1d4ed8;
  font-weight: 700;
}

.temu-delivery-toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 10px 12px;
  border-bottom: 1px solid #e6eaf0;
  background: #fff;
}

.temu-delivery-actions,
.temu-delivery-toolbar-right,
.temu-delivery-tools {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  min-width: 0;
}

.temu-delivery-toolbar-right {
  justify-content: flex-end;
}

.temu-delivery-toolbar-right .tiny-button strong {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  height: 20px;
  margin-left: 4px;
  border-radius: 999px;
  background: #ef4444;
  color: #fff;
  font-size: 12px;
}

.temu-delivery-link {
  color: #1d4ed8;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
}

.temu-delivery-tools {
  justify-content: flex-end;
  padding: 8px 12px;
  border-bottom: 1px solid #e6eaf0;
  background: #fff;
}

.temu-delivery-check {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  color: #344054;
  font-size: 13px;
}

.temu-delivery-reminder {
  display: grid;
  grid-template-columns: 94px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  margin: 0 12px 12px;
  padding: 9px 12px;
  border: 1px solid #fed7aa;
  border-radius: 3px;
  background: #fff7ed;
  color: #7c2d12;
  font-size: 13px;
}

.temu-delivery-reminder strong {
  color: #f97316;
  font-size: 18px;
  font-style: italic;
}

.temu-delivery-reminder p {
  margin: 0 0 2px;
  line-height: 1.45;
}

.temu-delivery-table-wrap {
  overflow: auto;
  background: #fff;
}

.temu-delivery-table {
  min-width: 2200px;
  border-top: 1px solid #e6eaf0;
  border-bottom: 1px solid #e6eaf0;
  font-size: 13px;
}

.temu-delivery-table th,
.temu-delivery-table td {
  padding: 12px;
  border-right: 1px solid #eef0f3;
  border-bottom: 1px solid #eef0f3;
  vertical-align: top;
}

.temu-delivery-table th {
  background: #fafbfc;
  color: #475467;
  font-weight: 700;
}

.temu-delivery-table th:first-child,
.temu-delivery-table td:first-child {
  width: 42px;
  text-align: center;
}

.temu-delivery-table th:nth-child(2),
.temu-delivery-table td:nth-child(2) {
  width: 150px;
  min-width: 150px;
}

.temu-delivery-table th:nth-child(3),
.temu-delivery-table td:nth-child(3) {
  width: 280px;
  min-width: 280px;
}

.temu-delivery-table th:nth-child(4),
.temu-delivery-table td:nth-child(4) {
  width: 190px;
  min-width: 190px;
}

.temu-delivery-table th:nth-child(5),
.temu-delivery-table td:nth-child(5) {
  width: 300px;
  min-width: 300px;
}

.temu-delivery-table th:nth-child(6),
.temu-delivery-table td:nth-child(6) {
  width: 190px;
  min-width: 190px;
}

.temu-delivery-table th:nth-child(7),
.temu-delivery-table td:nth-child(7) {
  width: 150px;
  min-width: 150px;
}

.temu-delivery-table th:nth-child(8),
.temu-delivery-table td:nth-child(8),
.temu-delivery-table th:nth-child(9),
.temu-delivery-table td:nth-child(9) {
  width: 130px;
  min-width: 130px;
}

.temu-delivery-table th:nth-child(10),
.temu-delivery-table td:nth-child(10) {
  width: 180px;
  min-width: 180px;
}

.temu-delivery-table th:nth-child(11),
.temu-delivery-table td:nth-child(11) {
  width: 120px;
  min-width: 120px;
}

.temu-delivery-table th:nth-child(12),
.temu-delivery-table td:nth-child(12) {
  width: 180px;
  min-width: 180px;
}

.temu-delivery-product-cell {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 10px;
}

.temu-delivery-product-cell img,
.temu-delivery-thumb-empty {
  width: 48px;
  height: 48px;
  border: 1px solid #e5e7eb;
  border-radius: 3px;
  background: #f8fafc;
  object-fit: cover;
}

.temu-delivery-row-actions {
  white-space: nowrap;
}

.temu-delivery-action-grid {
  display: grid;
  grid-template-columns: minmax(112px, 0.85fr) minmax(150px, 1.15fr);
  gap: 18px;
  align-items: start;
}

.temu-delivery-batch-action-cell {
  display: grid;
  gap: 8px;
  align-items: start;
}

.temu-delivery-table tr.is-package-start > td {
  border-top: 2px solid #e6eaf0;
}

.temu-delivery-package-cell {
  display: grid;
  gap: 6px;
}

.temu-delivery-package-cell strong {
  color: #344054;
}

.temu-delivery-logistics-cell dl {
  display: grid;
  gap: 6px;
  margin: 0;
}

.temu-delivery-logistics-cell dl div {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  gap: 4px;
}

.temu-delivery-logistics-cell dt {
  color: #667085;
}

.temu-delivery-logistics-cell dd {
  min-width: 0;
  margin: 0;
  color: #111827;
  overflow-wrap: anywhere;
}

.temu-delivery-trace-list {
  margin-top: 10px;
  padding-left: 10px;
  border-left: 2px solid #bfdbfe;
}

.temu-delivery-trace-list p {
  display: grid;
  gap: 2px;
  margin: 0 0 7px;
}

.temu-delivery-trace-list strong {
  color: #344054;
  font-size: 12px;
}

.temu-delivery-trace-list span {
  color: #667085;
  font-size: 12px;
}

.temu-delivery-node-card {
  display: grid;
  gap: 6px;
  margin-top: 8px;
  padding: 8px;
  border-radius: 4px;
  background: #f8fafc;
}

.temu-delivery-node-card p {
  display: grid;
  grid-template-columns: 10px minmax(0, 1fr);
  gap: 6px;
  margin: 0;
  color: #667085;
  font-size: 12px;
}

.temu-delivery-node-card p span {
  width: 8px;
  height: 8px;
  margin-top: 4px;
  border-radius: 50%;
  background: #60a5fa;
}

.temu-delivery-node-card p strong {
  color: #344054;
  font-weight: 700;
}

.temu-delivery-node-card p em {
  grid-column: 2;
  color: #16a34a;
  font-style: normal;
}

.temu-delivery-ship-info,
.temu-delivery-time-lines {
  display: grid;
  gap: 6px;
}

.temu-delivery-ship-info p,
.temu-delivery-time-lines p {
  margin: 0;
  color: #344054;
  line-height: 1.4;
}

.temu-delivery-product-badges {
  display: flex;
  gap: 4px;
  margin-top: 5px;
}

.temu-delivery-product-badge {
  display: inline-flex;
  align-items: center;
  min-height: 18px;
  padding: 0 5px;
  border-radius: 2px;
  font-size: 12px;
  font-weight: 700;
}

.temu-delivery-product-badge.orange {
  background: #fff7ed;
  color: #f97316;
}

.temu-delivery-product-badge.blue {
  background: #eff6ff;
  color: #2563eb;
}

.temu-delivery-action-list {
  display: inline-flex;
  flex-direction: column;
  gap: 6px;
  align-items: flex-start;
}

.temu-delivery-action-list-secondary {
  padding-left: 0;
  border-left: 0;
}

.temu-delivery-action-list .link-button {
  line-height: 1.25;
  text-align: left;
}

.temu-delivery-action-list .link-button.muted {
  color: #98a2b3;
}

.temu-delivery-more-actions {
  position: relative;
}

.temu-delivery-more-actions summary {
  color: #1d4ed8;
  font-weight: 700;
  cursor: pointer;
  list-style: none;
}

.temu-delivery-more-actions summary::-webkit-details-marker {
  display: none;
}

.temu-delivery-more-actions summary::after {
  content: " ▾";
  color: #667085;
  font-size: 11px;
}

.temu-delivery-more-actions[open] summary::after {
  content: " ▴";
}

.temu-delivery-more-actions > div {
  position: absolute;
  right: 0;
  z-index: 20;
  display: grid;
  min-width: 190px;
  gap: 6px;
  padding: 10px;
  border: 1px solid #d0d5dd;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.16);
}

.temu-delivery-more-actions > div .link-button {
  width: 100%;
  text-align: left;
}

.temu-delivery-empty {
  display: grid;
  place-items: center;
  min-height: 92px;
  color: #98a2b3;
}

.temu-delivery-footer {
  display: flex;
  gap: 18px;
  align-items: center;
  min-height: 48px;
  padding: 8px 12px;
  color: #344054;
  font-size: 13px;
}

.temu-delivery-footer strong {
  color: #f97316;
}

.temu-delivery-footer label {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}

.temu-delivery-page-size {
  margin-left: auto;
}

.modal.temu-delivery-detail-modal {
  width: min(1080px, calc(100vw - 40px));
  max-width: calc(100vw - 40px);
}

.temu-delivery-detail-modal .modal-body {
  max-height: calc(100vh - 48px);
  overflow: auto;
}

.temu-delivery-detail-drawer {
  width: min(920px, 92vw);
  max-width: none;
  height: 100vh;
  max-height: none;
  margin: 0 0 0 auto;
  padding: 0;
  border: 0;
  border-left: 1px solid #d9dee8;
  border-radius: 0;
}

.temu-delivery-detail-drawer::backdrop {
  background: rgba(15, 23, 42, 0.32);
}

.temu-delivery-detail-drawer .modal-body {
  width: 100%;
  height: 100vh;
  max-height: none;
  border-radius: 0;
  box-shadow: none;
}

.temu-delivery-detail-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.temu-delivery-detail-grid div {
  min-width: 0;
  padding: 10px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #f8fafc;
}

.temu-delivery-detail-grid span {
  display: block;
  margin-bottom: 4px;
  color: #667085;
  font-size: 12px;
}

.temu-delivery-detail-grid strong {
  display: block;
  overflow-wrap: anywhere;
  color: #111827;
  font-size: 13px;
}

.temu-delivery-detail-error {
  margin-top: 12px;
  padding: 10px 12px;
  border: 1px solid #fecaca;
  border-radius: 6px;
  background: #fef2f2;
  color: #991b1b;
  font-size: 13px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.temu-delivery-detail-advice {
  display: grid;
  gap: 6px;
  margin-top: 12px;
  padding: 10px 12px;
  border: 1px solid #bfdbfe;
  border-radius: 6px;
  background: #eff6ff;
  color: #1e3a8a;
  font-size: 13px;
  line-height: 1.5;
}

.temu-delivery-detail-advice span {
  overflow-wrap: anywhere;
}

.temu-delivery-result-table {
  min-width: 980px;
  table-layout: fixed;
}

.temu-delivery-result-table th,
.temu-delivery-result-table td {
  vertical-align: top;
  white-space: normal;
  overflow-wrap: anywhere;
}

.temu-delivery-result-table th:nth-child(1),
.temu-delivery-result-table td:nth-child(1) {
  width: 90px;
}

.temu-delivery-result-table th:nth-child(2),
.temu-delivery-result-table td:nth-child(2) {
  width: 145px;
}

.temu-delivery-result-table th:nth-child(9),
.temu-delivery-result-table td:nth-child(9) {
  width: 260px;
}

.temu-delivery-detail-actions {
  justify-content: flex-end;
}

.temu-delivery-detail-section {
  margin-top: 16px;
}

.temu-delivery-detail-section h3 {
  margin: 0 0 8px;
  color: #111827;
  font-size: 15px;
}

.temu-delivery-detail-table-wrap {
  overflow: auto;
}

.modal.temu-packing-send-modal {
  width: min(1180px, calc(100vw - 72px));
  max-width: calc(100vw - 72px);
  height: 100vh;
  max-height: 100vh;
  margin: 0 0 0 auto;
  border-radius: 0;
}

.modal.temu-packing-send-modal::backdrop {
  background: rgba(15, 23, 42, 0.56);
}

.temu-packing-send-body {
  min-height: 100vh;
  max-height: 100vh;
  overflow: auto;
  padding: 0 42px 80px;
  background: #ffffff;
}

.temu-packing-send-header {
  position: sticky;
  top: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 72px;
  background: #ffffff;
  border-bottom: 1px solid #eef2f7;
}

.temu-packing-send-header h2 {
  margin: 0;
  color: #111827;
  font-size: 18px;
}

.temu-packing-section {
  margin-top: 22px;
}

.temu-packing-section h3 {
  position: relative;
  margin: 0 0 14px;
  padding-left: 12px;
  color: #172554;
  font-size: 16px;
}

.temu-packing-section h3::before {
  position: absolute;
  left: 0;
  top: 2px;
  width: 3px;
  height: 18px;
  border-radius: 999px;
  background: var(--blue);
  content: "";
}

.temu-packing-receive-card {
  display: grid;
  gap: 10px;
  padding: 20px 28px;
  border-top: 3px solid transparent;
  border-image: repeating-linear-gradient(90deg, #2f80ed 0 12px, #ffffff 12px 18px, #ef4444 18px 30px, #ffffff 30px 36px) 1;
  background: #f8fafc;
}

.temu-packing-receive-card div,
.temu-packing-address {
  display: grid;
  grid-template-columns: 124px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}

.temu-packing-receive-card span,
.temu-packing-address span,
.temu-packing-field > span {
  color: #64748b;
  font-size: 13px;
  font-weight: 700;
}

.temu-packing-receive-card strong,
.temu-packing-address strong {
  min-width: 0;
  color: #111827;
  font-size: 13px;
  overflow-wrap: anywhere;
}

.temu-packing-form-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 16px 28px;
}

.temu-packing-field {
  display: grid;
  grid-template-columns: 124px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
}

.temu-packing-field-wide,
.temu-packing-note {
  grid-column: 1 / -1;
}

.temu-packing-field b {
  margin-right: 2px;
  color: #ef4444;
}

.temu-packing-radio-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 18px;
  min-height: 36px;
}

.temu-packing-radio-row label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #111827;
  font-size: 13px;
}

.temu-packing-radio-row input {
  width: auto;
}

.temu-packing-input-suffix {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 42px;
}

.temu-packing-input-suffix input {
  border-radius: 6px 0 0 6px;
}

.temu-packing-input-suffix em {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  border: 1px solid var(--line);
  border-left: 0;
  border-radius: 0 6px 6px 0;
  background: #f8fafc;
  color: #111827;
  font-style: normal;
  font-size: 12px;
}

.temu-packing-privacy {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px;
  border-radius: 6px;
  background: #f8fafc;
  color: #64748b;
  font-size: 13px;
}

.temu-packing-privacy svg {
  width: 16px;
  height: 16px;
  color: #16a34a;
}

.temu-packing-privacy strong {
  color: #111827;
}

.temu-packing-logistics-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.temu-packing-pickup-row {
  display: grid;
  grid-template-columns: minmax(180px, 0.42fr) minmax(180px, 0.58fr);
  gap: 12px;
  align-items: center;
}

.temu-packing-pickup-stack {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.temu-packing-pickup-stack small {
  color: #94a3b8;
  font-size: 12px;
  line-height: 1.5;
}

.temu-packing-logistics-row select {
  width: 100%;
}

.temu-packing-auto-match-status {
  display: block;
  margin-top: 6px;
  color: #94a3b8;
  font-size: 12px;
  line-height: 1.5;
}

.temu-packing-auto-match-status[data-state="pending"],
.temu-packing-auto-match-status[data-state="loading"] {
  color: #2563eb;
}

.temu-packing-auto-match-status[data-state="error"] {
  color: #dc2626;
}

.temu-packing-note {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 22px;
  padding: 10px 12px;
  border-radius: 6px;
  background: #f8fafc;
  color: #475569;
  font-size: 13px;
}

.temu-packing-note strong {
  color: #111827;
}

.temu-packing-order-section {
  display: grid;
  gap: 12px;
  margin-top: 6px;
}

.temu-packing-order-heading {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}

.temu-packing-order-heading h3 {
  margin: 0;
  color: #172554;
  font-size: 15px;
}

.temu-packing-order-heading span {
  color: #475569;
  font-size: 13px;
  font-weight: 700;
}

.temu-packing-order-table-wrap {
  overflow: auto;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #ffffff;
}

.temu-packing-order-table {
  width: 100%;
  min-width: 680px;
  border-collapse: collapse;
}

.temu-packing-order-table th,
.temu-packing-order-table td {
  padding: 12px 14px;
  border-bottom: 1px solid #eef2f7;
  color: #111827;
  font-size: 13px;
  text-align: left;
  vertical-align: middle;
}

.temu-packing-order-table th {
  background: #f8fafc;
  color: #475569;
  font-weight: 700;
}

.temu-packing-order-table tr:last-child td {
  border-bottom: 0;
}

.temu-packing-order-table th:first-child,
.temu-packing-order-table td:first-child {
  width: 64px;
  text-align: center;
}

.temu-packing-order-table th:nth-child(2),
.temu-packing-order-table td:nth-child(2) {
  width: 190px;
}

.temu-packing-order-table th:last-child,
.temu-packing-order-table td:last-child {
  width: 96px;
  text-align: center;
}

.temu-packing-order-sub {
  margin-top: 5px;
  color: #64748b;
  font-size: 12px;
}

.temu-packing-order-product {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-width: 0;
}

.temu-packing-order-product img,
.temu-packing-order-thumb-empty {
  width: 56px;
  height: 56px;
  border-radius: 4px;
  border: 1px solid #e5e7eb;
  background: #f8fafc;
  object-fit: cover;
}

.temu-packing-order-product div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.temu-packing-order-product strong {
  display: -webkit-box;
  overflow: hidden;
  color: #111827;
  font-size: 13px;
  line-height: 1.35;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.temu-packing-order-product span {
  color: #64748b;
  font-size: 12px;
  overflow-wrap: anywhere;
}

.temu-packing-send-actions {
  position: sticky;
  bottom: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 24px -42px 0;
  padding: 14px 42px;
  border-top: 1px solid #eef2f7;
  background: #ffffff;
}

@media (max-width: 1250px) {
  .modal.temu-packing-send-modal {
    width: calc(100vw - 24px);
    max-width: calc(100vw - 24px);
  }

  .temu-packing-send-body {
    padding-inline: 28px;
  }

  .temu-packing-send-actions {
    margin-inline: -28px;
    padding-inline: 28px;
  }
}

@media (max-width: 760px) {
  .modal.temu-packing-send-modal {
    width: 100vw;
    max-width: 100vw;
  }

  .temu-packing-send-body {
    padding: 0 16px 72px;
  }

  .temu-packing-form-grid,
  .temu-packing-field,
  .temu-packing-receive-card div,
  .temu-packing-address,
  .temu-packing-logistics-row,
  .temu-packing-pickup-row {
    grid-template-columns: 1fr;
  }

  .temu-packing-send-actions {
    margin-inline: -16px;
    padding-inline: 16px;
  }
}

.temu-delivery-timeline {
  display: grid;
  gap: 8px;
}

.temu-delivery-timeline-item {
  padding: 10px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #fff;
}

.temu-delivery-timeline-item strong,
.temu-delivery-timeline-item span {
  display: block;
  color: #344054;
  font-size: 13px;
}

.temu-delivery-timeline-item p {
  margin: 4px 0 0;
  color: #667085;
  font-size: 13px;
  line-height: 1.45;
}

.temu-delivery-sync-lines {
  display: grid;
  gap: 6px;
  color: #344054;
  font-size: 13px;
}

.temu-goods-page {
  align-content: start;
  gap: 0;
  grid-auto-rows: max-content;
  min-height: calc(100vh - 86px);
  margin: -24px -26px -40px;
  background: #f5f6f8;
  color: #1f2937;
}

.temu-goods-taskbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 56px;
  padding: 0 20px;
  margin: 4px 8px 14px;
  border-radius: 4px;
  background: #f1f1f2;
  font-size: 13px;
}

.temu-goods-taskbar label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 1 1 auto;
  min-width: 0;
}

.temu-goods-alert {
  margin: 0 8px 10px;
  padding: 10px 12px;
  border: 1px solid #fbbf24;
  border-radius: 4px;
  background: #fffbeb;
  color: #92400e;
  font-size: 12px;
  font-weight: 800;
}

.temu-goods-alert.is-success {
  border-color: #bbf7d0;
  background: #f0fdf4;
  color: #166534;
}

.temu-goods-status-cards {
  display: grid;
  grid-template-columns: repeat(6, minmax(150px, 1fr));
  gap: 8px;
  margin: 0 8px 10px;
}

.temu-goods-status-cards article {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 4px 8px;
  align-items: center;
  min-height: 76px;
  padding: 10px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background: #fff;
}

.temu-goods-status-cards svg {
  grid-row: 1 / span 3;
  width: 18px;
  height: 18px;
  color: #2563eb;
}

.temu-goods-status-cards span,
.temu-goods-interface-head span,
.temu-goods-interface-grid span,
.temu-goods-interface-grid small,
.temu-goods-blockers span {
  overflow-wrap: anywhere;
}

.temu-goods-status-cards span,
.temu-goods-status-cards small {
  color: #64748b;
  font-size: 12px;
  line-height: 1.35;
}

.temu-goods-status-cards strong {
  color: #111827;
  font-size: 20px;
  line-height: 1;
}

.temu-goods-interface-panel,
.temu-goods-raw-api {
  display: grid;
  gap: 10px;
  margin: 0 8px 10px;
  padding: 12px;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background: #fff;
}

.temu-goods-interface-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.temu-goods-interface-head h3 {
  margin: 2px 0 0;
  font-size: 15px;
}

.temu-goods-interface-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 8px;
}

.temu-goods-interface-grid article {
  display: grid;
  gap: 5px;
  min-height: 72px;
  padding: 10px 12px;
  border: 1px solid #e5e7eb;
  border-left: 3px solid #cbd5e1;
  border-radius: 4px;
  background: #f8fafc;
}

.temu-goods-interface-grid article.is-ok {
  border-left-color: #22c55e;
}

.temu-goods-interface-grid article.is-failed {
  border-left-color: #ef4444;
  background: #fff7f7;
}

.temu-goods-interface-grid strong {
  color: #111827;
  font-size: 13px;
}

.temu-goods-interface-grid span,
.temu-goods-interface-grid small {
  color: #64748b;
  font-size: 12px;
  line-height: 1.4;
}

.temu-goods-blockers {
  display: grid;
  gap: 6px;
  padding: 10px 12px;
  border: 1px solid #fde68a;
  border-radius: 4px;
  background: #fffbeb;
}

.temu-goods-blockers span {
  color: #92400e;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
}

.temu-goods-raw-api summary {
  cursor: pointer;
  color: #1d4ed8;
  font-size: 13px;
  font-weight: 800;
}

.temu-goods-api-diagnostics {
  margin: 0 8px 10px;
  border: 1px solid #dbe4ef;
  border-radius: 4px;
  background: #fff;
}

.temu-goods-api-diagnostics > summary {
  cursor: pointer;
  padding: 10px 12px;
  color: #1d4ed8;
  font-size: 13px;
  font-weight: 800;
}

.temu-goods-api-diagnostics .temu-goods-interface-panel {
  margin: 0;
  border-width: 1px 0 0;
  border-radius: 0;
}

.temu-goods-reference-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 20px 8px 14px;
  background: #fff;
}

.temu-goods-reference-head h2 {
  margin: 0;
  color: #111827;
  font-size: 22px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: 0;
}

.temu-goods-region-switch {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #9ca3af;
  font-size: 12px;
}

.temu-goods-region-switch span {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 10px;
  border: 1px solid transparent;
  border-radius: 999px;
}

.temu-goods-region-switch span::before {
  content: "";
  width: 8px;
  height: 8px;
  margin-right: 5px;
  border-radius: 50%;
  background: #d1d5db;
}

.temu-goods-region-switch span.is-active {
  border-color: #2563eb;
  color: #111827;
  background: #fff;
}

.temu-goods-region-switch span.is-active::before {
  background: #16c7c9;
}

.temu-goods-hero {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  min-height: 96px;
  margin: 0 8px 16px;
  padding: 0 130px 0 220px;
  border-radius: 6px;
  background:
    linear-gradient(90deg, rgba(255, 242, 219, 0.55), rgba(255, 244, 226, 0.86)),
    linear-gradient(120deg, #fff5e8 0%, #ffe1bd 52%, #fff5df 100%);
  color: #92400e;
  overflow: hidden;
}

.temu-goods-hero div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 18px;
}

.temu-goods-hero strong {
  flex-basis: 100%;
  color: #9a3412;
  font-size: 28px;
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: 0;
}

.temu-goods-hero span {
  color: #9a3412;
  font-size: 13px;
  font-weight: 700;
}

.temu-goods-hero b {
  display: inline-flex;
  align-items: center;
  min-height: 18px;
  padding: 0 6px;
  margin-right: 5px;
  border-radius: 10px;
  background: #ffedd5;
  color: #ea580c;
}

.temu-goods-hero button {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 52px;
  padding: 0 26px;
  border: 0;
  border-radius: 999px;
  background: #8a3b05;
  color: #fff;
  font-size: 22px;
  font-weight: 900;
  white-space: nowrap;
  box-shadow: 0 10px 22px rgba(138, 59, 5, 0.22);
}

.temu-goods-hero button svg {
  width: 26px;
  height: 26px;
}

.temu-goods-warning-strip,
.temu-goods-todo-strip {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 32px;
  margin: 0 8px 8px;
  padding: 0 10px;
  font-size: 12px;
}

.temu-goods-warning-strip {
  border: 1px solid #fde68a;
  background: #fffbeb;
  color: #854d0e;
}

.temu-goods-warning-strip svg {
  width: 15px;
  height: 15px;
  color: #f59e0b;
}

.temu-goods-todo-strip {
  justify-content: space-between;
  min-height: 50px;
  border-radius: 4px;
  background: #f5f5f5;
  color: #111827;
}

.temu-goods-todo-strip label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 500;
}

.temu-goods-todo-strip input {
  width: 16px;
  height: 16px;
}

.temu-goods-filter-card {
  margin: 0 8px;
  border-radius: 4px 4px 0 0;
  background: #f1f1f2;
  border: 1px solid #e5e7eb;
}

.temu-goods-quick-row {
  display: grid;
  grid-template-columns: 86px repeat(7, minmax(130px, 1fr));
  gap: 8px;
  align-items: center;
  min-height: 64px;
  padding: 13px 56px;
  border-bottom: 1px solid #dfe3e8;
  overflow-x: auto;
}

.temu-goods-quick-row > span,
.temu-goods-search-grid label > span {
  color: #111827;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.temu-goods-quick-row button {
  min-height: 36px;
  padding: 0 12px;
  border: 1px solid #d1d5db;
  border-radius: 3px;
  background: #fff;
  color: #111827;
  font-size: 12px;
  white-space: nowrap;
}

.temu-goods-quick-row em,
.temu-goods-quick-row strong {
  display: inline-flex;
  align-items: center;
  min-height: 16px;
  padding: 0 4px;
  margin-left: 6px;
  border-radius: 2px;
  background: #fff200;
  color: #111827;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}

.temu-goods-quick-row strong {
  background: #eaffea;
  color: #16a34a;
}

.temu-goods-search-grid {
  display: grid;
  grid-template-columns: minmax(440px, 1.2fr) minmax(260px, 0.72fr) minmax(440px, 1.2fr);
  gap: 16px 56px;
  align-items: center;
  padding: 20px 56px 22px;
}

.temu-goods-search-grid.is-expanded {
  padding-top: 0;
  border-top: 1px solid #dfe3e8;
}

.temu-goods-search-grid label {
  display: grid;
  grid-template-columns: 72px 88px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  min-width: 0;
}

.temu-goods-search-grid label.wide-field {
  grid-template-columns: 72px 88px minmax(0, 1fr);
}

.temu-goods-search-grid input,
.temu-goods-search-grid select {
  min-height: 26px;
  border-radius: 3px;
  font-size: 12px;
}

.temu-goods-search-grid select {
  padding-left: 8px;
}

.temu-goods-filter-actions {
  display: flex;
  gap: 10px;
  align-items: center;
}

.temu-goods-tabs {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: 18px;
  min-height: 48px;
  padding: 16px 8px 0;
  background: #fff;
  border-bottom: 1px solid #e5e7eb;
}

.temu-goods-subtabs {
  display: flex;
  gap: 18px;
  align-items: center;
  min-height: 40px;
  padding: 0 8px 10px;
  background: #fff;
  color: #475569;
  font-size: 13px;
  font-weight: 700;
}

.temu-goods-subtabs span {
  padding-bottom: 6px;
  border-bottom: 2px solid transparent;
}

.temu-goods-subtabs .is-active {
  color: #2563eb;
  border-bottom-color: #2563eb;
}

.temu-price-page {
  min-height: calc(100vh - 86px);
  background: #f5f6f8;
}

.temu-price-route {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 53px;
  padding: 0 24px;
  background: #fff;
}

.temu-price-route h2 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin: 0;
  color: #111827;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}

.temu-price-route h2 span {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 10px;
  border-radius: 2px;
  background: #f5f7fb;
  color: #1f2937;
  font-size: 13px;
  font-weight: 600;
}

.temu-price-route nav {
  display: inline-flex;
  align-items: center;
  gap: 0;
  color: #b7bdc9;
  font-size: 13px;
}

.temu-price-route nav span {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 20px;
  border-radius: 0;
}

.temu-price-route nav .is-active {
  background: #eef5ff;
  color: #1d4ed8;
}

.temu-price-view-tabs {
  display: flex;
  align-items: end;
  min-height: 40px;
  margin: 0 24px;
  border-bottom: 1px solid #e5e7eb;
  background: #fff;
}

.temu-price-view-tabs button {
  min-height: 40px;
  padding: 0 12px;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: #111827;
  font-size: 14px;
}

.temu-price-view-tabs button.is-active {
  border-bottom-color: #2563eb;
  color: #2563eb;
  font-weight: 700;
}

.temu-price-api-summary {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(420px, 520px);
  gap: 16px;
  align-items: start;
  margin: 16px 24px 0;
  padding: 16px;
  border: 1px solid #e5e7eb;
  background: #fff;
}

.temu-price-api-summary h3 {
  margin: 0 0 6px;
  color: #111827;
  font-size: 15px;
  line-height: 20px;
}

.temu-price-api-summary span {
  color: #6b7280;
  font-size: 12px;
  line-height: 18px;
}

.temu-price-verify-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(76px, 1fr));
  gap: 8px;
}

.temu-price-verify-metrics div {
  min-width: 0;
  padding: 10px;
  border: 1px solid #e5e7eb;
  background: #f8fafc;
}

.temu-price-verify-metrics span,
.temu-price-verify-metrics strong {
  display: block;
}

.temu-price-verify-metrics strong {
  margin-top: 4px;
  color: #111827;
  font-size: 18px;
  line-height: 22px;
}

.temu-price-api-grid {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.temu-price-api-chip {
  min-width: 0;
  padding: 10px;
  border: 1px solid #bfdbfe;
  background: #eff6ff;
}

.temu-price-api-chip.is-error {
  border-color: #fecaca;
  background: #fef2f2;
}

.temu-price-api-chip strong,
.temu-price-api-chip span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.temu-price-api-chip strong {
  color: #111827;
  font-size: 12px;
}

.temu-price-filter-card {
  margin: 24px 24px 0;
  background: #fff;
}

.temu-price-filter-card .temu-goods-search-grid {
  display: grid;
  grid-template-columns: minmax(340px, 384px) minmax(340px, 384px) minmax(520px, 768px);
  gap: 16px 0;
  align-items: center;
  padding: 24px 96px 16px 0;
}

.temu-price-filter-card .temu-goods-search-grid label {
  display: grid;
  grid-template-columns: 104px minmax(80px, auto) minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  min-width: 0;
  padding-left: 8px;
}

.temu-price-filter-card .temu-goods-search-grid label:nth-of-type(3) {
  grid-column: span 1;
}

.temu-price-filter-card .temu-goods-search-grid label:nth-of-type(7) {
  grid-column: 3;
}

.temu-price-filter-card .temu-goods-search-grid label:nth-of-type(8) {
  display: none;
}

.temu-price-filter-card .temu-goods-search-grid label > input:only-of-type,
.temu-price-filter-card .temu-goods-search-grid label > select:only-of-type {
  grid-column: 2 / -1;
}

.temu-price-filter-card .temu-goods-filter-actions {
  grid-column: 1;
  display: flex;
  gap: 12px;
  align-items: center;
  padding-left: 128px;
}

.temu-price-status-tabs {
  display: flex;
  align-items: end;
  min-height: 40px;
  margin: 16px 24px 0;
  border-bottom: 1px solid #e5e7eb;
  background: #fff;
}

.temu-price-status-tab {
  min-height: 40px;
  padding: 0 12px;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: #111827;
  font-size: 14px;
}

.temu-price-status-tab span {
  color: inherit;
}

.temu-price-status-tab.is-active {
  border-bottom-color: #2563eb;
  color: #2563eb;
  font-weight: 700;
}

.temu-price-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 48px;
  margin: 0 24px;
  padding: 8px 12px;
  border-bottom: 1px solid #e5e7eb;
  background: #fff;
  color: #4b5563;
  font-size: 12px;
}

.temu-price-toolbar > div {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.temu-price-table-wrap {
  overflow: auto;
  max-height: calc(100vh - 610px);
  margin: 0 24px;
  border: 1px solid #e5e7eb;
  border-top: 0;
  background: #fff;
}

.temu-price-table {
  width: 100%;
  min-width: 1740px;
  border-collapse: collapse;
  font-size: 12px;
}

.temu-price-table th,
.temu-price-table td {
  min-height: 37px;
  padding: 10px 12px;
  border-right: 1px solid #e5e7eb;
  border-bottom: 1px solid #e5e7eb;
  color: #111827;
  text-align: left;
  vertical-align: top;
}

.temu-price-table th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: #f8fafc;
  color: #4b5563;
  font-weight: 500;
}

.temu-price-table th:nth-child(6),
.temu-price-table th:nth-child(7),
.temu-price-table td:nth-child(6),
.temu-price-table td:nth-child(7) {
  text-align: right;
}

.temu-price-table th:nth-child(1) { width: 58px; }
.temu-price-table th:nth-child(2) { width: 190px; }
.temu-price-table th:nth-child(3) { width: 286px; }
.temu-price-table th:nth-child(4) { width: 132px; }
.temu-price-table th:nth-child(5) { width: 190px; }
.temu-price-table th:nth-child(6) { width: 150px; }
.temu-price-table th:nth-child(7) { width: 160px; }
.temu-price-table th:nth-child(8) { width: 92px; }
.temu-price-table th:nth-child(9) { width: 150px; }
.temu-price-table th:nth-child(10) { width: 230px; }
.temu-price-table th:nth-child(11) { width: 150px; }

.temu-price-select-cell {
  text-align: center;
}

.temu-price-verify-cell,
.temu-price-actions-cell {
  display: grid;
  gap: 6px;
}

.temu-price-verify-cell small {
  color: #6b7280;
  line-height: 16px;
}

.temu-price-actions-cell .link-button {
  width: fit-content;
  min-height: 22px;
  padding: 0;
}

.temu-price-actions-cell .danger-link {
  color: #dc2626;
}

.temu-price-table .temu-goods-empty {
  min-height: 76px;
  border: 0;
  background: transparent;
}

.temu-price-pagination {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  min-height: 76px;
  margin: 0 24px;
  padding: 0 0 24px;
  background: #fff;
  color: #4b5563;
  font-size: 12px;
}

.temu-price-pagination input {
  width: 52px;
  min-height: 28px;
  border: 1px solid #d1d5db;
  border-radius: 3px;
  text-align: center;
  font-size: 12px;
}

.temu-price-sync-source {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.temu-media-page {
  min-height: calc(100vh - 86px);
  background: #f5f6f8;
}

.temu-media-route {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 53px;
  padding: 0 24px;
  background: #fff;
}

.temu-media-route h2 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin: 0;
  color: #111827;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}

.temu-media-route h2 span {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 10px;
  border-radius: 2px;
  background: #f5f7fb;
  color: #1f2937;
  font-size: 13px;
  font-weight: 600;
}

.temu-media-route nav {
  display: inline-flex;
  align-items: center;
  color: #b7bdc9;
  font-size: 13px;
}

.temu-media-route nav span {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 20px;
}

.temu-media-route nav .is-active {
  background: #eef5ff;
  color: #1d4ed8;
}

.temu-media-filter-card {
  margin: 24px 24px 0;
  background: #fff;
}

.temu-media-filter-card .temu-goods-search-grid {
  display: grid;
  grid-template-columns: minmax(250px, 320px) minmax(250px, 320px) minmax(450px, 600px) minmax(250px, 320px);
  gap: 16px 0;
  align-items: center;
  padding: 24px 96px 16px 0;
}

.temu-media-filter-card .temu-goods-search-grid label {
  display: grid;
  grid-template-columns: 104px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  min-width: 0;
  padding-left: 8px;
}

.temu-media-filter-card .temu-goods-search-grid label:nth-of-type(3) {
  grid-template-columns: 104px 80px minmax(0, 1fr);
}

.temu-media-filter-card .temu-goods-filter-actions {
  grid-column: 1 / -1;
  display: flex;
  gap: 12px;
  align-items: center;
  padding-left: 112px;
}

.temu-media-filter-card input,
.temu-media-filter-card select {
  min-width: 0;
}

.temu-media-filter-extra {
  display: grid;
  grid-template-columns: repeat(4, minmax(220px, 1fr));
  gap: 16px;
  padding: 0 96px 18px 8px;
}

.temu-media-filter-extra[hidden] {
  display: none;
}

.temu-media-filter-extra label {
  display: grid;
  grid-template-columns: 104px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
}

.temu-media-action-row {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 48px;
  margin: 0 24px;
  padding: 0 0 0 8px;
  background: #fff;
}

.temu-media-action-row span {
  color: #ff7a00;
  font-size: 13px;
  font-weight: 600;
}

.temu-media-status-tabs {
  display: flex;
  align-items: end;
  min-height: 40px;
  margin: 0 24px;
  border-bottom: 1px solid #e5e7eb;
  background: #fff;
}

.temu-media-status-tab {
  min-height: 40px;
  padding: 0 18px;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: #111827;
  font-size: 14px;
}

.temu-media-status-tab span {
  margin-left: 4px;
  color: inherit;
}

.temu-media-status-tab.is-active {
  border-bottom-color: #2563eb;
  color: #2563eb;
  font-weight: 700;
}

.temu-media-warning {
  min-height: 36px;
  margin: 0 24px;
  padding: 10px 16px;
  border-bottom: 1px solid #e5e7eb;
  background: #fff7e6;
  color: #a15c00;
  font-size: 13px;
}

.temu-media-table-wrap {
  overflow: auto;
  max-height: calc(100vh - 405px);
  margin: 0 24px;
  border: 1px solid #e5e7eb;
  border-top: 0;
  background: #fff;
}

.temu-media-table {
  width: 100%;
  min-width: 1540px;
  border-collapse: collapse;
  font-size: 12px;
}

.temu-media-table th,
.temu-media-table td {
  min-height: 37px;
  padding: 10px 12px;
  border-right: 1px solid #e5e7eb;
  border-bottom: 1px solid #e5e7eb;
  color: #111827;
  text-align: left;
  vertical-align: top;
}

.temu-media-table th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: #f8fafc;
  color: #4b5563;
  font-weight: 500;
}

.temu-media-table th:nth-child(1),
.temu-media-table td:nth-child(1) {
  width: 46px;
  text-align: center;
}

.temu-media-table th:nth-child(2) { width: 315px; }
.temu-media-table th:nth-child(3) { width: 130px; }
.temu-media-table th:nth-child(4) { width: 120px; }
.temu-media-table th:nth-child(5) { width: 210px; }
.temu-media-table th:nth-child(6) { width: 210px; }
.temu-media-table th:nth-child(7) { width: 120px; }
.temu-media-table th:nth-child(8) { width: 260px; }
.temu-media-table th:nth-child(9) { width: 170px; }
.temu-media-table th:nth-child(10) { width: 130px; }

.temu-media-check-cell input,
.temu-media-table th input {
  width: 14px;
  height: 14px;
  margin: 0;
}

.temu-media-table .temu-goods-empty {
  min-height: 76px;
  border: 0;
  background: transparent;
}

.temu-media-pagination {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  min-height: 56px;
  margin: 0 24px;
  padding: 0 0 16px;
  background: #fff;
  color: #4b5563;
  font-size: 12px;
}

.temu-media-pagination input {
  width: 52px;
  min-height: 28px;
  border: 1px solid #d1d5db;
  border-radius: 3px;
  text-align: center;
  font-size: 12px;
}

.temu-media-debug {
  margin: 0 24px 24px;
  padding: 0;
  background: #fff;
}

.temu-media-debug summary {
  cursor: pointer;
  padding: 12px 16px;
  color: #2563eb;
  font-size: 13px;
  font-weight: 600;
}

.temu-media-debug-inner {
  padding: 0 16px 16px;
}

.temu-goods-status-tab {
  min-height: 31px;
  padding: 0 0 8px;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: #111827;
  font-size: 14px;
}

.temu-goods-status-tab span {
  color: #475569;
}

.temu-goods-status-tab.is-active {
  border-bottom-color: #2563eb;
  color: #2563eb;
}

.temu-goods-status-tab.is-active span {
  color: #2563eb;
}

.temu-goods-toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px 16px;
  align-items: center;
  padding: 10px 8px;
  background: #fff;
}

.temu-goods-toolbar-actions,
.temu-goods-toolbar-links,
.temu-goods-progress-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.temu-goods-toolbar-links {
  justify-content: flex-end;
  font-size: 12px;
}

.temu-goods-toolbar-links a,
.temu-goods-toolbar-links .link-button {
  color: #2563eb;
  text-decoration: none;
}

.temu-goods-toolbar-links a.is-active,
.temu-goods-toolbar-links .link-button.is-active {
  padding: 2px 4px;
  border-radius: 3px;
  background: #eff6ff;
  font-weight: 700;
}

.temu-goods-progress-row {
  grid-column: 1 / -1;
  justify-content: flex-end;
  color: #475569;
  font-size: 12px;
}

.temu-goods-progress {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 8px;
  border-radius: 4px;
  background: #f8fafc;
}

.temu-goods-progress div {
  width: 74px;
  height: 6px;
  overflow: hidden;
  border-radius: 999px;
  background: #d9d9d9;
}

.temu-goods-progress i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #bdbdbd;
}

.temu-goods-progress em {
  color: #64748b;
  font-style: normal;
}

.temu-goods-progress em.blue,
.temu-goods-refresh {
  color: #2563eb;
}

.temu-goods-refresh {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.temu-goods-refresh svg,
.temu-goods-table svg {
  width: 12px;
  height: 12px;
}

.temu-goods-table-wrap {
  overflow: auto;
  max-height: calc(100vh - 410px);
  margin: 0 8px 8px;
  border: 1px solid #e5e7eb;
  background: #fff;
}

.temu-goods-table {
  width: 100%;
  min-width: 2860px;
  border-collapse: collapse;
  font-size: 12px;
}

.temu-goods-table.is-drafts {
  min-width: 1120px;
}

.temu-goods-table th,
.temu-goods-table td {
  padding: 12px 10px;
  border-right: 1px solid #e5e7eb;
  border-bottom: 1px solid #e5e7eb;
  color: #111827;
  text-align: left;
  vertical-align: middle;
}

.temu-goods-table th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: #f8fafc;
  color: #4b5563;
  font-weight: 500;
}

.temu-goods-table .temu-goods-subhead th {
  top: 40px;
  background: #f3f4f6;
  color: #6b7280;
}

.temu-goods-table tr:nth-child(even) td {
  background: #f9fafb;
}

.temu-goods-check {
  width: 36px;
  min-width: 36px;
  text-align: center;
}

.temu-goods-product-cell {
  width: 310px;
  min-width: 310px;
}

.temu-goods-product {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

.temu-goods-thumb,
.temu-goods-thumb-placeholder {
  width: 54px;
  height: 54px;
  border: 1px solid #d1d5db;
  border-radius: 3px;
  object-fit: cover;
}

.temu-goods-thumb-placeholder {
  display: grid;
  place-items: center;
  background: #eff6ff;
  color: #1d4ed8;
  font-weight: 900;
}

.temu-goods-product-main,
.temu-goods-attr-cell,
.temu-goods-manual-cell,
.temu-goods-sku-cell,
.temu-goods-sales-cell,
.temu-goods-actions {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.temu-goods-product-main strong {
  max-width: 230px;
  color: #111827;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
}

.temu-goods-product-main span,
.temu-goods-attr-cell span,
.temu-goods-sku-cell span,
.temu-goods-sales-cell span,
.muted-cell {
  color: #475569;
  line-height: 1.35;
}

.temu-goods-sku-cell {
  min-width: 150px;
}

.temu-goods-sku-cell em {
  color: #64748b;
  font-style: normal;
  font-weight: 800;
}

.temu-goods-sales-cell {
  min-width: 120px;
}

.copy-mini {
  min-height: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #94a3b8;
  font-size: 10px;
}

.temu-goods-status {
  justify-self: start;
  padding: 1px 5px;
  border-radius: 2px;
  font-style: normal;
  font-weight: 800;
}

.temu-goods-status.green {
  background: #eaffea;
  color: #16a34a;
}

.temu-goods-status.amber {
  background: #fef3c7;
  color: #b45309;
}

.temu-goods-status.red {
  background: #fee2e2;
  color: #dc2626;
}

.temu-goods-status.blue {
  background: #eff6ff;
  color: #1d4ed8;
}

.temu-goods-manual-cell {
  min-width: 130px;
}

.temu-goods-manual-cell div {
  display: grid;
  grid-template-columns: 48px auto;
  gap: 8px;
  align-items: center;
}

.temu-goods-manual-cell span {
  color: #475569;
}

.muted-link {
  color: #94a3b8;
}

.temu-goods-opt-cell {
  min-width: 170px;
  color: #94a3b8 !important;
}

.temu-goods-actions {
  min-width: 96px;
}

.temu-goods-draft-meta {
  display: grid;
  gap: 4px;
  min-width: 180px;
}

.temu-goods-draft-meta strong {
  color: #111827;
  font-weight: 600;
  line-height: 1.35;
}

.temu-goods-draft-meta span {
  color: #64748b;
}

.temu-goods-actions .link-button,
.temu-goods-manual-cell .link-button,
.temu-goods-table .link-button {
  color: #1d4ed8;
  font-size: 12px;
  font-weight: 600;
}

.temu-goods-table .link-button.red {
  color: var(--red);
}

.temu-goods-row-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.temu-goods-empty {
  display: grid;
  place-items: center;
  min-height: 120px;
  color: #94a3b8;
}

.temu-goods-pagination {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  min-height: 42px;
  margin: 0 8px 8px;
  padding: 0 8px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-top: 0;
  color: #475569;
  font-size: 12px;
}

.temu-goods-pagination label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.temu-goods-pagination select {
  min-height: 28px;
  padding: 0 24px 0 8px;
  border-radius: 3px;
  font-size: 12px;
}

.temu-goods-pagination button {
  display: inline-grid;
  place-items: center;
  min-width: 28px;
  height: 28px;
  padding: 0 8px;
  border: 1px solid #d1d5db;
  border-radius: 3px;
  background: #fff;
  color: #334155;
  font-size: 12px;
}

.temu-goods-pagination button.is-active {
  border-color: #2563eb;
  background: #2563eb;
  color: #fff;
}

.temu-goods-pagination button:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}

.temu-review-summary {
  display: grid;
  grid-template-columns: repeat(5, minmax(140px, 1fr));
  gap: 10px;
  margin: 0 8px 10px;
}

.temu-review-summary div {
  display: grid;
  gap: 4px;
  min-height: 82px;
  padding: 14px;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background: #fff;
}

.temu-review-summary span,
.temu-review-summary small {
  color: #64748b;
  font-size: 12px;
}

.temu-review-summary strong {
  color: #111827;
  font-size: 24px;
  line-height: 1;
}

.temu-review-blockers {
  display: grid;
  gap: 6px;
  margin: 0 8px 10px;
  padding: 12px 14px;
  border: 1px solid #fbbf24;
  border-radius: 4px;
  background: #fffbeb;
  color: #92400e;
  font-size: 12px;
  font-weight: 700;
}

.temu-review-blockers span {
  display: block;
}

.temu-review-reference-head {
  padding-top: 24px;
  border-bottom: 0;
}

.temu-review-hero {
  min-height: 104px;
  margin-bottom: 12px;
  padding-left: clamp(28px, 12vw, 260px);
  padding-right: clamp(24px, 8vw, 180px);
  background:
    radial-gradient(circle at 12% 50%, rgba(255, 236, 153, 0.62), transparent 26%),
    linear-gradient(90deg, #fff8d9 0%, #fff2b8 44%, #fff4cf 100%);
}

.temu-review-hero strong {
  color: #8b2f0a;
  font-size: 30px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.55);
}

.temu-review-hero strong b {
  min-height: auto;
  padding: 0;
  margin: 0;
  border-radius: 0;
  background: transparent;
  color: #ff5a1f;
  font-size: 36px;
}

.temu-review-hero button {
  min-width: 180px;
  background: linear-gradient(180deg, #b85a13, #7c2d05);
}

.temu-review-hero button span,
.temu-review-hero button svg {
  color: #fff;
}

.temu-review-source-line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 18px;
  min-height: 34px;
  margin: 0 8px 8px;
  padding: 0 10px;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background: #fff;
  color: #667085;
  font-size: 12px;
}

.temu-review-diagnostics {
  margin-bottom: 8px;
}

.temu-review-diagnostics .temu-review-blockers {
  margin: 0;
  border-width: 1px 0 0;
  border-radius: 0;
}

.temu-review-filter-matrix {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  border-bottom: 1px solid #dfe3e8;
}

.temu-review-filter-row {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  min-height: 42px;
  border-right: 1px solid #dfe3e8;
  border-bottom: 1px solid #dfe3e8;
}

.temu-review-filter-row:nth-child(2n) {
  border-right: 0;
}

.temu-review-filter-row:nth-last-child(-n + 2) {
  border-bottom: 0;
}

.temu-review-filter-label {
  display: flex;
  align-items: center;
  padding: 0 18px;
  border-right: 1px solid #dfe3e8;
  background: #f2f3f5;
  color: #111827;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
}

.temu-review-choice-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 18px;
  min-width: 0;
  padding: 8px 16px;
  background: #fff;
}

.temu-review-choice {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  color: #111827;
  font-size: 12px;
  line-height: 1;
  cursor: pointer;
  user-select: none;
}

.temu-review-choice.is-pill input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}

.temu-review-choice.is-pill span {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 8px;
  border-radius: 3px;
}

.temu-review-choice.is-pill.is-active span {
  background: #fff7ed;
  color: #f97316;
}

.temu-review-choice.is-check {
  gap: 5px;
}

.temu-review-choice.is-check input {
  appearance: none;
  width: 12px;
  height: 12px;
  margin: 0;
  border: 1px solid #cfd6df;
  border-radius: 2px;
  background: #fff;
}

.temu-review-choice.is-check input:checked {
  border-color: #2563eb;
  background: #2563eb;
  box-shadow: inset 0 0 0 2px #fff;
}

.temu-review-choice.is-check.is-active span {
  color: #111827;
}

.temu-review-query-panel {
  display: grid;
  grid-template-columns: minmax(420px, 1.15fr) minmax(240px, 0.74fr) minmax(240px, 0.74fr);
  gap: 16px 64px;
  align-items: center;
  padding: 22px 56px 24px;
  background: #f1f1f2;
}

.temu-review-query-panel label {
  display: grid;
  grid-template-columns: 80px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  min-width: 0;
}

.temu-review-query-panel label > span {
  color: #111827;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
}

.temu-review-query-panel input,
.temu-review-query-panel select {
  min-height: 28px;
  border-radius: 3px;
  background-color: #fff;
  font-size: 12px;
}

.temu-review-query-id {
  grid-template-columns: 80px 70px minmax(0, 1fr) !important;
}

.temu-review-custom-range {
  grid-template-columns: 80px minmax(120px, 1fr) minmax(120px, 1fr) !important;
}

.temu-review-query-actions {
  align-self: center;
}

.temu-review-table-wrap {
  max-height: calc(100vh - 430px);
}

.temu-review-table {
  min-width: 1320px;
}

.temu-review-table th:nth-child(1) {
  width: 300px;
}

.temu-review-table th:nth-child(2) {
  width: 180px;
}

.temu-review-table th:nth-child(3) {
  width: 170px;
}

.temu-review-table th:nth-child(4) {
  width: 260px;
}

.temu-review-table th:nth-child(5) {
  width: 160px;
}

.temu-review-table th:nth-child(6) {
  width: 150px;
}

.temu-review-table th:nth-child(7) {
  width: 120px;
}

.temu-review-product-thumb-wrap {
  position: relative;
  display: inline-flex;
  flex: 0 0 auto;
}

.temu-review-product-thumb-wrap em {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 18px;
  background: rgba(17, 24, 39, 0.66);
  color: #fff;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
}

.temu-review-stars {
  color: #fb7701;
  font-weight: 800;
  white-space: nowrap;
}

.temu-review-stars small {
  margin-left: 6px;
  color: #64748b;
  font-weight: 700;
}

.temu-review-info-cell {
  max-width: 340px;
  color: #1f2937;
  line-height: 1.5;
}

.temu-review-info-cell p {
  margin: 0 0 8px;
}

.temu-review-info-cell small,
.temu-review-info-cell em {
  display: block;
  margin-top: 6px;
  color: #64748b;
  font-style: normal;
  font-size: 12px;
}

.temu-review-info-cell em {
  color: #2563eb;
  font-weight: 800;
}

.temu-review-media {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 6px;
}

.temu-review-media img,
.temu-review-video {
  width: 44px;
  height: 44px;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  object-fit: cover;
  background: #f8fafc;
}

.temu-review-video {
  position: relative;
  display: inline-grid;
  place-items: center;
  overflow: hidden;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
}

.temu-review-video img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  filter: brightness(0.72);
}

.temu-review-video b {
  position: relative;
  z-index: 1;
}

.temu-review-status-cell {
  min-width: 170px;
}

.temu-review-status-cell span {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 1px 6px;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 800;
}

.temu-review-status-cell span:not(.green):not(.amber):not(.red) {
  padding: 0;
  color: #111827;
  background: transparent;
  font-weight: 500;
}

.temu-review-status-cell span.green {
  background: #dcfce7;
  color: #15803d;
}

.temu-review-status-cell span.amber {
  background: #fef3c7;
  color: #b45309;
}

.temu-review-status-cell span.red {
  background: #fee2e2;
  color: #dc2626;
}

.temu-review-status-cell small {
  display: block;
  margin-top: 5px;
  color: #64748b;
  line-height: 1.4;
}

@media (max-width: 1180px) {
  .temu-review-filter-matrix,
  .temu-review-query-panel {
    grid-template-columns: 1fr;
  }

  .temu-review-filter-row,
  .temu-review-filter-row:nth-child(2n) {
    border-right: 0;
    border-bottom: 1px solid #dfe3e8;
  }

  .temu-review-filter-row:last-child {
    border-bottom: 0;
  }
}

@media (max-width: 760px) {
  .temu-review-hero {
    align-items: flex-start;
    flex-direction: column;
    padding: 18px;
  }

  .temu-review-hero strong {
    font-size: 22px;
  }

  .temu-review-hero strong b {
    font-size: 26px;
  }

  .temu-review-filter-row,
  .temu-review-query-panel label,
  .temu-review-query-id,
  .temu-review-custom-range {
    grid-template-columns: 1fr !important;
  }

  .temu-review-filter-label {
    min-height: 34px;
    border-right: 0;
    border-bottom: 1px solid #dfe3e8;
  }

  .temu-review-query-panel {
    padding: 14px;
  }
}

.temu-goods-create-page {
  align-content: start;
  gap: 0;
  min-height: calc(100vh - 86px);
  margin: -24px -26px -40px;
  padding-bottom: 88px;
  background: #f5f6f7;
  color: #111827;
}

.temu-goods-create-shell {
  display: grid;
  gap: 24px;
  justify-items: center;
  min-width: 0;
  padding: 24px 32px 16px;
}

.temu-goods-create-status,
.temu-goods-create-note {
  justify-self: center;
  width: min(1248px, 100%);
  min-width: 0;
}

.temu-goods-create-status {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border: 1px solid #dbeafe;
  border-radius: 5px;
  background: #eff6ff;
  color: #1f2937;
  font-size: 12px;
}

.temu-goods-create-status span,
.temu-goods-create-status a {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 8px;
  border-radius: 3px;
  background: #fff;
  color: #374151;
  text-decoration: none;
}

.temu-goods-create-status .is-ok {
  color: #047857;
}

.temu-goods-create-status .is-warning {
  color: #b45309;
}

.temu-goods-create-note {
  padding: 10px 12px;
  border: 1px solid #bbf7d0;
  border-radius: 5px;
  background: #f0fdf4;
  color: #166534;
  font-size: 12px;
  font-weight: 700;
}

.temu-goods-create-head {
  display: grid;
  gap: 20px;
  width: min(1248px, 100%);
  min-width: 0;
}

.temu-goods-create-titlebar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-width: 0;
}

.temu-goods-create-head h2 {
  position: relative;
  margin: 0;
  padding-left: 10px;
  color: #111827;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
}

.temu-goods-create-head h2::before {
  position: absolute;
  top: 1px;
  left: 0;
  width: 3px;
  height: 14px;
  border-radius: 2px;
  background: #111827;
  content: "";
}

.temu-goods-create-steps {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 320px;
  justify-self: center;
  color: #6b7280;
  font-size: 14px;
}

.temu-goods-create-steps > i {
  width: 48px;
  height: 1px;
  background: #e5e7eb;
}

.temu-goods-create-step {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 128px;
}

.temu-goods-create-step span {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border: 1px solid #cbd5e1;
  border-radius: 999px;
  background: #fff;
  color: #94a3b8;
  font-size: 13px;
}

.temu-goods-create-step strong {
  color: #4b5563;
  font-size: 14px;
  font-weight: 500;
}

.temu-goods-create-step.is-current span {
  border-color: #3b82f6;
  background: #3b82f6;
  color: #fff;
}

.temu-goods-create-step.is-current strong {
  color: #2563eb;
}

.temu-goods-create-step.is-done span {
  border-color: #86efac;
  background: #dcfce7;
  color: #15803d;
}

.temu-goods-create-step.is-done strong {
  color: #15803d;
}

.temu-goods-create-card {
  justify-self: center;
  width: min(1248px, 100%);
  min-width: 0;
  padding: 24px 24px 24px 0;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}

.goods-listing-panel {
  display: grid;
  gap: 14px;
  padding: 18px 24px;
  border-bottom: 1px solid #edf0f4;
}

.goods-listing-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.goods-listing-head h3 {
  margin: 2px 0 0;
  font-size: 18px;
}

.goods-listing-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
}

.goods-listing-select-all,
.goods-listing-pick {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--ink);
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}

.goods-listing-select-all input,
.goods-listing-pick input {
  width: 16px;
  height: 16px;
  margin: 0;
  accent-color: #2563eb;
}

.goods-listing-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
}

.goods-listing-item {
  display: grid;
  grid-template-columns: 82px 236px minmax(260px, 340px) minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  min-height: 178px;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.goods-listing-item.is-selected {
  border-color: #93c5fd;
  background: #f8fbff;
}

.goods-listing-pick {
  min-width: 64px;
}

.goods-listing-covers {
  display: flex;
  gap: 14px;
}

.goods-listing-cover {
  display: grid;
  gap: 7px;
  justify-items: center;
  width: 108px;
  color: var(--muted);
  font-size: 12px;
}

.goods-listing-cover-preview {
  display: grid;
  place-items: center;
  width: 96px;
  height: 134px;
  padding: 0;
  border: 1px solid var(--line-strong);
  border-radius: 8px;
  background: #f8fafc;
  cursor: zoom-in;
}

.goods-listing-covers img {
  width: 96px;
  height: 134px;
  object-fit: contain;
}

.goods-listing-cover-preview > span:first-child {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  color: var(--muted);
}

.goods-listing-cover-actions {
  display: grid;
  place-items: center;
  justify-content: center;
  width: 100%;
}

.goods-listing-isbn {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: end;
  min-width: 0;
}

.goods-listing-isbn label {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.goods-listing-isbn label span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.goods-listing-isbn input {
  width: 100%;
  min-height: 38px;
  border: 1px solid var(--line-strong);
  border-radius: 6px;
  background: #fff;
  color: var(--ink);
  font-size: 14px;
}

.goods-listing-barcode {
  grid-column: 1 / -1;
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #dbe3ef;
  border-radius: 8px;
  background: transparent;
}

.goods-listing-barcode.is-empty {
  min-height: 78px;
  place-items: center;
  border-style: dashed;
  background: #f8fafc;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  text-align: center;
}

.goods-listing-barcode-svg {
  display: block;
  width: 100%;
  height: 72px;
  background: transparent;
}

.goods-listing-book-barcode-svg {
  width: min(100%, 340px);
  height: 186px;
  justify-self: center;
  padding: 0;
  border: 1px solid #e2e8f0;
  background: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
}

.goods-listing-barcode-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
  color: var(--muted);
  font-size: 12px;
}

.goods-listing-barcode-meta strong {
  color: var(--ink);
  font-size: 13px;
  overflow-wrap: anywhere;
}

.goods-listing-barcode-bound {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.goods-listing-barcode-bound span {
  overflow-wrap: anywhere;
}

.goods-listing-barcode-meta a {
  color: #2563eb;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}

.goods-listing-barcode-tools {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  align-items: end;
}

.goods-listing-barcode-tools label {
  display: grid;
  grid-template-columns: auto minmax(56px, 1fr) 36px;
  gap: 6px;
  align-items: center;
  min-width: 0;
}

.goods-listing-barcode-tools label span,
.goods-listing-barcode-tools label em {
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  white-space: nowrap;
}

.goods-listing-barcode-tools input {
  width: 100%;
  min-height: 22px;
  padding: 0;
  accent-color: #2563eb;
}

.goods-listing-barcode-tools button {
  grid-column: 1 / -1;
  justify-self: center;
}

.goods-listing-barcode-status {
  margin: 0;
  color: #047857;
  font-size: 12px;
  font-weight: 700;
}

.goods-listing-barcode-status.is-error {
  color: #b42318;
}

.goods-listing-archive-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}

.goods-listing-archive-links a {
  text-decoration: none;
}

.goods-listing-info {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.goods-listing-info strong {
  color: var(--ink);
  font-size: 15px;
  line-height: 1.35;
  overflow-wrap: anywhere;
  white-space: normal;
}

.goods-listing-info p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
  white-space: normal;
  word-break: break-word;
}

.goods-listing-info .goods-listing-title-zh {
  color: #334155;
  line-height: 1.55;
}

.goods-listing-create-actions {
  display: grid;
  gap: 8px;
  justify-items: center;
  min-width: 112px;
}

.goods-listing-create-actions .tiny-button {
  min-width: 104px;
}

@media (max-width: 1180px) {
  .goods-listing-item {
    grid-template-columns: 82px 236px minmax(180px, 1fr);
  }

  .goods-listing-info {
    grid-column: 2 / -1;
  }

  .goods-listing-create-actions {
    grid-column: 1 / -1;
    justify-self: start;
    justify-items: start;
  }
}

.temu-goods-create-toolbar {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: end;
  gap: 8px;
  min-width: 0;
}

.temu-goods-create-toolbar label,
.temu-goods-create-open-head label {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  color: #4b5563;
  font-size: 12px;
}

.temu-goods-create-toolbar select,
.temu-goods-create-open-head input {
  min-height: 28px;
  border-radius: 3px;
  border: 1px solid #d1d5db;
  background-color: #fff;
  color: #111827;
  font-size: 12px;
}

.temu-goods-create-field {
  display: grid;
  grid-template-columns: 112px minmax(0, 1111px);
  gap: 8px;
  align-items: start;
}

.temu-goods-create-label {
  padding-top: 7px;
  padding-left: 0;
  text-align: right;
  color: #111827;
  font-size: 12px;
  white-space: nowrap;
}

.temu-goods-create-label em {
  color: #ef4444;
  font-style: normal;
}

.temu-goods-create-control {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.temu-goods-create-main-search,
.temu-goods-create-column-search {
  position: relative;
  display: block;
  min-width: 0;
}

.temu-goods-create-search-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 72px;
  gap: 8px;
  align-items: center;
}

.temu-goods-create-main-search input,
.temu-goods-create-column-search input {
  width: 100%;
  min-height: 28px;
  padding-left: 28px;
  border: 1px solid #d1d5db;
  border-radius: 3px;
  background: #fff;
  color: #111827;
  font-size: 12px;
}

.temu-goods-create-main-search svg,
.temu-goods-create-column-search svg {
  position: absolute;
  top: 50%;
  left: 9px;
  width: 14px;
  height: 14px;
  color: #9ca3af;
  transform: translateY(-50%);
  pointer-events: none;
}

.temu-goods-create-recommended {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  color: #4b5563;
  font-size: 12px;
}

.temu-goods-create-recommended span {
  color: #374151;
  font-weight: 500;
}

.temu-goods-create-recommended > div {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  gap: 12px;
  min-width: 0;
}

.temu-goods-create-recommended button {
  max-width: 148px;
  min-height: 24px;
  padding: 0 6px;
  overflow: hidden;
  border: 1px solid #d8dce3;
  border-radius: 3px;
  background: #fff;
  color: #374151;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.temu-goods-create-recommended em {
  color: #9ca3af;
  font-size: 12px;
  font-style: normal;
}

.temu-goods-create-recommend button:hover,
.temu-goods-create-category:hover {
  border-color: #93c5fd;
  color: #2563eb;
}

.temu-goods-create-search-results {
  display: grid;
  gap: 8px;
  padding: 10px;
  border: 1px solid #e5e7eb;
  border-radius: 5px;
  background: #f9fafb;
  color: #4b5563;
  font-size: 12px;
}

.temu-goods-create-search-results > span {
  font-weight: 700;
  color: #111827;
}

.temu-goods-create-search-results button {
  display: grid;
  grid-template-columns: minmax(140px, 220px) minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-height: 32px;
  padding: 5px 8px;
  border: 1px solid #d1d5db;
  border-radius: 3px;
  background: #fff;
  color: #111827;
  text-align: left;
}

.temu-goods-create-search-results button:hover {
  border-color: #93c5fd;
  color: #2563eb;
}

.temu-goods-create-search-results em {
  overflow: hidden;
  color: #6b7280;
  font-style: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.temu-goods-create-browser {
  overflow-x: auto;
  width: 1111px;
  max-width: 100%;
  border: 1px solid #d8dce3;
  border-radius: 0;
  background: #fff;
}

.temu-goods-create-browser-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 31px;
  padding: 0 10px;
  border-bottom: 1px solid #e5e7eb;
  color: #111827;
  font-size: 12px;
  font-weight: 500;
}

.temu-goods-create-browser-title em {
  color: #6b7280;
  font-style: normal;
  font-weight: 500;
}

.temu-goods-create-columns {
  display: grid;
  grid-template-columns: repeat(6, 185px);
  min-width: 1110px;
  min-height: 326px;
}

.temu-goods-create-column {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 8px;
  min-width: 0;
  padding: 8px 8px 0;
  border-right: 1px solid #e5e7eb;
}

.temu-goods-create-column:last-child {
  border-right: 0;
}

.temu-goods-create-column-list {
  overflow-y: auto;
  padding-bottom: 8px;
}

.temu-goods-create-category {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 16px;
  align-items: center;
  width: 100%;
  min-height: 28px;
  padding: 0 8px;
  border: 1px solid transparent;
  border-radius: 3px;
  background: transparent;
  color: #111827;
  font-size: 12px;
  text-align: left;
}

.temu-goods-create-category span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.temu-goods-create-category svg {
  width: 13px;
  height: 13px;
  color: #9ca3af;
  justify-self: end;
}

.temu-goods-create-category.is-active {
  border-color: transparent;
  background: #f1f5ff;
  color: #2563eb;
}

.temu-goods-create-category.is-active svg {
  color: #2563eb;
}

.temu-goods-create-empty {
  padding: 10px 6px;
  color: #9ca3af;
  font-size: 12px;
  line-height: 1.5;
}

.temu-goods-create-open-card {
  display: grid;
  gap: 12px;
}

.temu-goods-create-advanced {
  padding-top: 16px;
  padding-bottom: 16px;
}

.temu-goods-create-advanced summary {
  cursor: pointer;
  color: #334155;
  font-size: 13px;
  font-weight: 800;
}

.temu-goods-create-advanced[open] {
  gap: 12px;
}

.temu-goods-create-advanced[open] summary {
  padding-bottom: 10px;
  border-bottom: 1px solid #e5e7eb;
}

.temu-goods-create-details-card {
  display: grid;
  gap: 0;
}

.temu-goods-publish-card {
  padding: 26px 36px 34px;
}

.temu-goods-publish-card-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 16px;
}

.temu-goods-publish-card-head h3 {
  margin: 0 0 6px;
  color: #111827;
  font-size: 16px;
  font-weight: 700;
}

.temu-goods-publish-card-head p {
  margin: 0;
  color: #64748b;
  font-size: 12px;
}

.temu-goods-publish-section {
  display: grid;
  gap: 16px;
  padding-top: 20px;
  border-top: 1px solid #edf2f7;
}

.temu-goods-publish-section h4 {
  margin: 0;
  color: #111827;
  font-size: 15px;
  font-weight: 800;
}

.temu-goods-publish-section h4 em,
.temu-goods-publish-label em,
.temu-goods-publish-field-title em,
.temu-goods-publish-upload em {
  color: #ef4444;
  font-style: normal;
}

.temu-goods-publish-row {
  display: grid;
  grid-template-columns: 170px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
  padding: 20px 0;
  border-top: 1px solid #f0f2f5;
}

.temu-goods-publish-card-head + .temu-goods-publish-row,
.temu-goods-publish-row.is-category {
  border-top: 0;
}

.temu-goods-publish-label {
  padding-top: 8px;
  color: #111827;
  font-size: 13px;
  font-weight: 700;
}

.temu-goods-publish-content {
  min-width: 0;
}

.temu-goods-publish-narrow {
  max-width: 560px;
}

.temu-goods-publish-narrow .temu-goods-create-form-field > span {
  display: none;
}

.temu-goods-publish-category {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 10px;
  border-radius: 3px;
  background: #f8fafc;
  color: #475569;
  font-size: 12px;
}

.temu-goods-book-checklist {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid #dbeafe;
  border-radius: 6px;
  background: #f8fbff;
}

.temu-goods-book-checklist-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 180px;
  gap: 14px;
  align-items: center;
}

.temu-goods-book-checklist-head > div:first-child {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: baseline;
}

.temu-goods-book-checklist-head span {
  color: #111827;
  font-size: 13px;
  font-weight: 700;
}

.temu-goods-book-checklist-head strong {
  color: #2563eb;
  font-size: 12px;
}

.temu-goods-book-checklist-progress {
  overflow: hidden;
  height: 8px;
  border-radius: 999px;
  background: #e5e7eb;
}

.temu-goods-book-checklist-progress i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #2563eb;
}

.temu-goods-book-checklist-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.temu-goods-book-check {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 12px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #fff;
}

.temu-goods-book-check.is-done {
  border-color: #bbf7d0;
  background: #f0fdf4;
}

.temu-goods-book-check.is-missing {
  border-color: #fed7aa;
  background: #fff7ed;
}

.temu-goods-book-check-title {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
}

.temu-goods-book-check-title strong {
  overflow: hidden;
  color: #111827;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.temu-goods-book-check-title em {
  flex: 0 0 auto;
  padding: 2px 7px;
  border-radius: 999px;
  background: #fff;
  color: #9a3412;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
}

.temu-goods-book-check.is-done .temu-goods-book-check-title em {
  color: #15803d;
}

.temu-goods-book-check p {
  margin: 0;
  color: #475569;
  font-size: 12px;
  line-height: 1.45;
}

.temu-goods-book-check code {
  overflow: hidden;
  color: #2563eb;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.temu-goods-book-checklist-note {
  margin: 0;
  color: #64748b;
  font-size: 12px;
  line-height: 1.5;
}

.temu-goods-book-checklist-action {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  margin: 0 4px;
  padding: 0 8px;
  border: 1px solid #2563eb;
  border-radius: 4px;
  background: #fff;
  color: #2563eb;
  font-size: 12px;
  font-weight: 700;
  vertical-align: baseline;
}

.temu-goods-book-checklist-action:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

.temu-goods-publish-inline {
  display: grid;
  grid-template-columns: minmax(0, 360px) auto;
  gap: 10px;
  align-items: end;
}

.temu-goods-publish-field {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.temu-goods-publish-field-title,
.temu-goods-publish-upload > span {
  color: #111827;
  font-size: 12px;
  font-weight: 700;
}

.temu-goods-publish-radio-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.temu-goods-publish-radio {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid #d1d5db;
  border-radius: 3px;
  background: #fff;
  color: #374151;
  font-size: 12px;
}

.temu-goods-publish-radio input {
  width: 14px;
  height: 14px;
  margin: 0;
}

.temu-goods-publish-radio span,
.temu-goods-publish-compliance span {
  display: inline;
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}

.temu-goods-publish-media-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.temu-goods-publish-media-grid.is-package {
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
}

.temu-goods-publish-upload {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.temu-goods-publish-upload-box {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  min-height: 88px;
  padding: 12px;
  border: 1px dashed #cbd5e1;
  border-radius: 4px;
  background: #fbfdff;
}

.temu-goods-publish-upload-box svg {
  width: 22px;
  height: 22px;
  color: #94a3b8;
}

.temu-goods-publish-upload-box input,
.temu-goods-publish-upload-box textarea {
  width: 100%;
  border: 1px solid #d1d5db;
  border-radius: 3px;
  background: #fff;
  color: #111827;
  font-size: 12px;
}

.temu-goods-publish-upload-box textarea {
  min-height: 64px;
  resize: vertical;
}

.temu-goods-publish-image-uploader {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.temu-goods-publish-image-uploader p {
  margin: 0;
  color: #64748b;
  font-size: 12px;
  line-height: 1.45;
}

.temu-goods-publish-image-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(72px, 1fr));
  gap: 8px;
  justify-content: start;
}

.temu-goods-publish-image-uploader.is-material .temu-goods-publish-image-grid {
  grid-template-columns: minmax(120px, 180px);
}

.temu-goods-publish-image-thumb,
.temu-goods-publish-image-add,
.temu-goods-publish-image-tool {
  position: relative;
  display: grid;
  place-items: center;
  aspect-ratio: 1 / 1;
  min-height: 92px;
  overflow: hidden;
  border: 1px dashed #cbd5e1;
  border-radius: 4px;
  background: #fbfdff;
}

.temu-goods-publish-image-thumb {
  border-style: solid;
  background: #f8fafc;
}

.temu-goods-publish-image-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.temu-goods-publish-image-thumb button {
  position: absolute;
  top: 5px;
  right: 5px;
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.72);
  color: #fff;
  font-size: 16px;
  line-height: 1;
}

.temu-goods-publish-image-add {
  cursor: pointer;
  color: #475569;
  font-size: 12px;
  text-align: center;
}

.temu-goods-publish-image-add svg,
.temu-goods-publish-image-tool svg {
  width: 24px;
  height: 24px;
  color: #94a3b8;
}

.temu-goods-publish-image-add span,
.temu-goods-publish-image-add small,
.temu-goods-publish-image-tool span {
  display: block;
  margin: 0;
}

.temu-goods-publish-image-add small {
  color: #94a3b8;
  font-size: 11px;
}

.temu-goods-publish-image-add.is-uploading {
  cursor: wait;
  opacity: 0.72;
}

.temu-goods-publish-image-add.is-uploading svg {
  animation: goods-create-spin 0.9s linear infinite;
}

.temu-goods-publish-image-tool {
  border-style: solid;
  cursor: default;
  color: #374151;
  font-size: 12px;
}

.temu-goods-publish-image-tool b {
  position: absolute;
  top: -7px;
  right: 6px;
  padding: 1px 4px;
  border-radius: 2px;
  background: #facc15;
  color: #111827;
  font-size: 10px;
  font-weight: 800;
}

.temu-goods-publish-notice {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 32px;
  margin-bottom: 14px;
  padding: 7px 10px;
  border: 1px solid #fed7aa;
  border-radius: 3px;
  background: #fff7ed;
  color: #7c2d12;
  font-size: 12px;
  line-height: 1.45;
}

.temu-goods-publish-notice.is-compact {
  margin-bottom: 10px;
}

.temu-goods-publish-notice svg {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  color: #f59e0b;
}

.temu-goods-publish-notice a {
  color: #2563eb;
  text-decoration: none;
}

.temu-goods-publish-language-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 16px;
}

.temu-goods-publish-language {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #4b5563;
  font-size: 12px;
}

.temu-goods-publish-language input {
  width: 14px;
  height: 14px;
  margin: 0;
  accent-color: #2563eb;
}

.temu-goods-publish-help {
  margin: 8px 0 0;
  color: #8a94a6;
  font-size: 12px;
  line-height: 1.45;
}

.temu-goods-publish-video-line {
  display: grid;
  gap: 8px;
  max-width: 420px;
}

.temu-goods-publish-url-tile {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.temu-goods-publish-url-tile > span {
  color: #111827;
  font-size: 12px;
  font-weight: 700;
}

.temu-goods-publish-url-tile em {
  color: #ef4444;
  font-style: normal;
}

.temu-goods-publish-url-tile > div {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  min-height: 70px;
  padding: 10px;
  border: 1px dashed #cbd5e1;
  border-radius: 4px;
  background: #fbfdff;
}

.temu-goods-publish-url-tile svg {
  width: 21px;
  height: 21px;
  color: #94a3b8;
}

.temu-goods-publish-url-tile input {
  min-width: 0;
  min-height: 32px;
  border: 1px solid #d1d5db;
  border-radius: 3px;
  color: #111827;
  font-size: 12px;
}

.temu-goods-create-video-uploader {
  position: relative;
  display: grid;
  gap: 8px;
  min-width: 0;
  max-width: 462px;
}

.temu-goods-create-video-drop {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-height: 78px;
  padding: 12px;
  border: 1px dashed #cbd5e1;
  border-radius: 4px;
  background: #fbfdff;
  color: #475569;
  cursor: pointer;
}

.temu-goods-create-video-uploader.has-video .temu-goods-create-video-drop {
  grid-template-columns: minmax(0, 1fr);
  padding: 0;
  overflow: hidden;
  border-style: solid;
  background: #0f172a;
}

.temu-goods-create-video-drop svg {
  width: 22px;
  height: 22px;
  color: #94a3b8;
}

.temu-goods-create-video-drop span {
  color: #475569;
  font-size: 13px;
  font-weight: 700;
}

.temu-goods-create-video-drop small {
  display: block;
  margin-top: 3px;
  color: #8a94a6;
  font-size: 12px;
}

.temu-goods-create-video-drop video {
  display: block;
  width: 100%;
  max-height: 220px;
  background: #0f172a;
}

.temu-goods-create-video-uploader.has-video .temu-goods-create-video-drop span {
  position: absolute;
  right: 10px;
  bottom: 10px;
  padding: 4px 8px;
  border-radius: 3px;
  background: rgba(15, 23, 42, 0.78);
  color: #fff;
  font-size: 12px;
}

.temu-goods-create-video-uploader > button {
  position: absolute;
  top: 30px;
  right: 8px;
  z-index: 2;
  width: 24px;
  height: 24px;
  border: 0;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.72);
  color: #fff;
  font-size: 18px;
  line-height: 22px;
  cursor: pointer;
}

.temu-goods-create-video-meta {
  margin: 0;
  color: #64748b;
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.temu-goods-create-video-uploader.is-uploading .temu-goods-create-video-drop {
  opacity: 0.72;
  pointer-events: none;
}

.temu-goods-publish-attribute-box,
.temu-goods-publish-spec-box,
.temu-goods-publish-package-box,
.temu-goods-publish-manual-box {
  display: grid;
  gap: 14px;
  padding: 14px 16px;
  border-radius: 4px;
  background: #fafafa;
}

.temu-goods-publish-attr-rate {
  display: grid;
  grid-template-columns: auto 120px auto minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  padding-bottom: 12px;
  border-bottom: 1px solid #e5e7eb;
  color: #6b7280;
  font-size: 12px;
}

.temu-goods-publish-attr-rate strong {
  color: #111827;
  font-size: 13px;
}

.temu-goods-publish-attr-rate i {
  height: 6px;
  overflow: hidden;
  border-radius: 999px;
  background: #e5e7eb;
}

.temu-goods-publish-attr-rate b {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #f87171;
}

.temu-goods-publish-attr-rate em {
  color: #ef4444;
  font-style: normal;
  font-weight: 700;
}

.temu-goods-create-form-grid.is-three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.temu-goods-create-form-grid.is-two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.temu-goods-publish-spec-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 12px;
}

.temu-goods-publish-spec-head .temu-goods-create-form-field {
  width: min(260px, 100%);
}

.temu-goods-publish-spec-empty {
  display: grid;
  place-items: center;
  min-height: 150px;
  border: 1px solid #edf2f7;
  border-radius: 4px;
  background: #fff;
  color: #9ca3af;
  font-size: 13px;
}

.temu-goods-publish-spec-table {
  overflow: hidden;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background: #fff;
}

.temu-goods-publish-spec-table table {
  width: 100%;
  border-collapse: collapse;
}

.temu-goods-publish-spec-table th,
.temu-goods-publish-spec-table td {
  padding: 10px 12px;
  border-bottom: 1px solid #edf2f7;
  text-align: left;
  vertical-align: middle;
}

.temu-goods-publish-spec-table th {
  background: #fff;
  color: #111827;
  font-size: 12px;
  font-weight: 700;
}

.temu-goods-publish-spec-table th em {
  color: #ef4444;
  font-style: normal;
}

.temu-goods-publish-spec-table th:last-child,
.temu-goods-publish-spec-table td:last-child {
  width: 120px;
  border-left: 1px solid #edf2f7;
  color: #6b7280;
}

.temu-goods-publish-spec-table tr:last-child td {
  border-bottom: 0;
}

.temu-goods-publish-spec-table input {
  width: 100%;
  min-height: 34px;
  border: 1px solid #d1d5db;
  border-radius: 3px;
  color: #111827;
  font-size: 12px;
}

.temu-goods-publish-spec-table button {
  border: 0;
  background: transparent;
  color: #6b7280;
  font-size: 12px;
}

.temu-goods-publish-spec-api-box {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background: #fff;
}

.temu-goods-publish-spec-api-box strong {
  color: #111827;
  font-size: 13px;
}

.temu-goods-publish-size-line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  color: #111827;
  font-size: 13px;
}

.temu-goods-publish-size-line p {
  flex-basis: 100%;
  margin: 0;
  color: #8a94a6;
  font-size: 12px;
}

.temu-goods-publish-size-card {
  flex-basis: 100%;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background: #fff;
  overflow: hidden;
}

.temu-goods-publish-size-card-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  background: #f6f7f9;
  border-bottom: 1px solid #e5e7eb;
}

.temu-goods-publish-size-card-head strong {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #111827;
  font-size: 13px;
}

.temu-goods-publish-size-card-head strong svg {
  width: 15px;
  height: 15px;
  color: #12b76a;
}

.temu-goods-publish-size-card-head button {
  border: 0;
  background: transparent;
  color: #1d4ed8;
  font-size: 12px;
}

.temu-goods-publish-size-fields {
  display: grid;
  grid-template-columns: repeat(3, minmax(160px, 1fr));
  gap: 12px;
  padding: 12px;
}

.temu-goods-publish-size-fields label {
  display: grid;
  gap: 6px;
  color: #111827;
  font-size: 12px;
}

.temu-goods-publish-size-fields em {
  margin-right: 2px;
  color: #ef4444;
  font-style: normal;
}

.temu-goods-publish-size-fields input {
  width: 100%;
  min-height: 34px;
  border: 1px solid #d1d5db;
  border-radius: 3px;
  padding: 0 10px;
  font-size: 12px;
}

@media (max-width: 760px) {
  .temu-goods-publish-size-fields {
    grid-template-columns: 1fr;
  }
}

.temu-goods-publish-package-images {
  display: grid;
  grid-template-columns: repeat(4, minmax(120px, 1fr));
  gap: 10px;
  align-items: stretch;
}

.temu-goods-publish-package-upload {
  position: relative;
  display: grid;
  gap: 8px;
  min-width: 0;
}

.temu-goods-publish-package-upload > span {
  color: #111827;
  font-size: 12px;
  font-weight: 700;
}

.temu-goods-publish-package-upload label,
.temu-goods-publish-package-batch {
  display: grid;
  place-items: center;
  gap: 8px;
  min-height: 70px;
  border: 1px dashed #cbd5e1;
  border-radius: 4px;
  background: #fbfdff;
  color: #526173;
  cursor: pointer;
}

.temu-goods-publish-package-upload label {
  grid-template-columns: 28px minmax(0, 1fr);
  padding: 10px;
}

.temu-goods-publish-package-upload.has-image label {
  display: block;
  min-height: 112px;
  padding: 0;
  overflow: hidden;
  border-style: solid;
  background: #f8fafc;
}

.temu-goods-publish-package-upload img {
  display: block;
  width: 100%;
  height: 112px;
  object-fit: cover;
}

.temu-goods-publish-package-upload svg,
.temu-goods-publish-package-batch svg {
  width: 21px;
  height: 21px;
  color: #94a3b8;
}

.temu-goods-publish-package-upload b,
.temu-goods-publish-package-batch span {
  font-size: 12px;
  font-weight: 500;
}

.temu-goods-publish-package-upload button {
  position: absolute;
  top: 27px;
  right: 7px;
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border: 0;
  border-radius: 999px;
  background: rgba(17, 24, 39, 0.78);
  color: #fff;
  font-size: 18px;
  line-height: 1;
}

.temu-goods-publish-package-batch {
  min-height: 138px;
  padding: 14px;
  text-align: center;
}

.temu-goods-publish-package-batch small {
  max-width: 150px;
  color: #8a94a6;
  font-size: 11px;
  line-height: 1.35;
}

.temu-goods-publish-package-upload.is-uploading svg,
.temu-goods-publish-package-batch.is-uploading svg {
  animation: spin 1s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.temu-goods-publish-package-box > p,
.temu-goods-publish-manual-box > p {
  margin: 0;
  color: #8a94a6;
  font-size: 12px;
  line-height: 1.5;
}

.temu-goods-publish-sensitive-tools,
.temu-goods-publish-sku-tools {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.temu-goods-publish-sensitive-tools select,
.temu-goods-publish-sku-tools select {
  min-height: 30px;
  border: 1px solid #d1d5db;
  border-radius: 3px;
  background: #fff;
  color: #6b7280;
  font-size: 12px;
}

.temu-goods-publish-volume-grid {
  display: grid;
  grid-template-columns: 1.5fr repeat(4, minmax(120px, 1fr));
  gap: 10px;
  padding: 14px;
  border: 1px solid #edf2f7;
  border-radius: 4px;
  background: #fff;
}

.temu-goods-publish-tabs {
  display: flex;
  align-items: end;
  gap: 6px;
  border-bottom: 1px solid #e5e7eb;
}

.temu-goods-publish-tabs button {
  min-height: 36px;
  padding: 0 16px;
  border: 1px solid transparent;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  background: transparent;
  color: #2563eb;
  font-size: 13px;
  font-weight: 700;
}

.temu-goods-publish-tabs button.is-active {
  border-color: #e5e7eb;
  background: #fff;
}

.temu-goods-publish-sku-panel {
  display: grid;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 4px;
  background: #fafafa;
}

.temu-goods-publish-sku-kind {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.temu-goods-publish-money {
  display: grid;
  grid-template-columns: auto minmax(110px, 1fr) auto;
  align-items: center;
  border: 1px solid #d1d5db;
  border-radius: 3px;
  background: #fff;
}

.temu-goods-publish-money span {
  padding: 0 8px;
  color: #111827;
  font-size: 12px;
}

.temu-goods-publish-sku-table .temu-goods-publish-money input {
  border: 0;
  border-left: 1px solid #e5e7eb;
  border-radius: 0;
}

.temu-goods-publish-manual-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.temu-goods-publish-preview-pane,
.temu-goods-publish-editor-pane {
  min-height: 260px;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background: #fff;
}

.temu-goods-publish-preview-pane {
  display: grid;
  grid-template-rows: 40px 1fr;
}

.temu-goods-publish-preview-pane strong {
  padding: 12px;
  border-bottom: 1px solid #e5e7eb;
}

.temu-goods-publish-preview-pane div {
  display: grid;
  place-items: center;
  color: #9ca3af;
  font-size: 13px;
}

.temu-goods-publish-editor-pane {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  padding: 24px;
}

.temu-goods-publish-editor-pane .temu-goods-create-form-field {
  grid-column: 1 / -1;
}

@keyframes goods-create-spin {
  to {
    transform: rotate(360deg);
  }
}

.temu-goods-publish-sku-table {
  overflow-x: auto;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
}

.temu-goods-publish-sku-table table {
  width: 100%;
  min-width: 900px;
  border-collapse: collapse;
}

.temu-goods-publish-sku-table th,
.temu-goods-publish-sku-table td {
  padding: 10px;
  border-bottom: 1px solid #e5e7eb;
  text-align: left;
  vertical-align: top;
}

.temu-goods-publish-sku-table th {
  background: #f8fafc;
  color: #475569;
  font-size: 12px;
  font-weight: 800;
}

.temu-goods-publish-sku-table td {
  background: #fff;
}

.temu-goods-publish-sku-table input {
  width: 100%;
  min-height: 32px;
  border: 1px solid #d1d5db;
  border-radius: 3px;
  font-size: 12px;
}

.temu-goods-sku-preview-upload {
  position: relative;
  width: 78px;
}

.temu-goods-sku-preview-drop {
  display: grid;
  place-items: center;
  width: 72px;
  height: 72px;
  overflow: hidden;
  border: 1px dashed #cbd5e1;
  border-radius: 4px;
  background: #fbfdff;
  color: #475569;
  cursor: pointer;
  font-size: 12px;
  text-align: center;
}

.temu-goods-sku-preview-drop img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.temu-goods-sku-preview-drop svg {
  width: 22px;
  height: 22px;
  color: #64748b;
}

.temu-goods-sku-preview-drop span {
  display: block;
  padding: 0 6px;
  line-height: 1.25;
}

.temu-goods-sku-preview-upload.has-image .temu-goods-sku-preview-drop {
  border-style: solid;
  background: #f8fafc;
}

.temu-goods-sku-preview-upload.has-image .temu-goods-sku-preview-drop span {
  position: absolute;
  right: 6px;
  bottom: 6px;
  left: 0;
  padding: 4px 5px;
  background: rgba(15, 23, 42, 0.72);
  color: #fff;
  font-size: 11px;
}

.temu-goods-sku-preview-upload.is-uploading .temu-goods-sku-preview-drop {
  cursor: wait;
  opacity: 0.72;
}

.temu-goods-sku-preview-upload.is-uploading svg {
  animation: goods-create-spin 0.9s linear infinite;
}

.temu-goods-sku-preview-upload > button {
  position: absolute;
  top: -6px;
  right: 0;
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.78);
  color: #fff;
  font-size: 16px;
  line-height: 1;
}

.temu-goods-publish-decoration {
  display: grid;
  grid-template-columns: minmax(190px, 260px) minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  min-height: 110px;
  padding: 14px;
  border: 1px dashed #cbd5e1;
  border-radius: 4px;
  background: #f8fafc;
}

.temu-goods-publish-decoration strong {
  display: block;
  margin-bottom: 6px;
  color: #111827;
  font-size: 14px;
}

.temu-goods-publish-decoration p {
  margin: 0;
  color: #64748b;
  font-size: 12px;
  line-height: 1.5;
}

.temu-goods-publish-compliance {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-top: 18px;
  border-top: 1px solid #edf2f7;
  color: #111827;
  font-size: 13px;
  font-weight: 700;
}

.temu-goods-publish-compliance input {
  width: 16px;
  height: 16px;
}

.temu-goods-create-open-head {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  justify-content: space-between;
  gap: 12px;
}

.temu-goods-create-open-head h3 {
  margin: 0 0 4px;
  color: #111827;
  font-size: 14px;
}

.temu-goods-create-open-head p {
  margin: 0;
  color: #6b7280;
  font-size: 12px;
}

.temu-goods-create-form-section {
  display: grid;
  gap: 12px;
  padding-top: 4px;
}

.temu-goods-create-form-section + .temu-goods-create-form-section {
  padding-top: 18px;
  border-top: 1px solid #edf2f7;
}

.temu-goods-create-form-section h4 {
  margin: 0;
  color: #111827;
  font-size: 14px;
  font-weight: 700;
}

.temu-goods-create-form-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.temu-goods-create-form-field {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.temu-goods-create-form-field span,
.temu-goods-create-check span {
  color: #374151;
  font-size: 12px;
  font-weight: 600;
}

.temu-goods-create-form-field em {
  color: #ef4444;
  font-style: normal;
}

.temu-goods-create-form-field input,
.temu-goods-create-form-field textarea,
.temu-goods-create-form-field select {
  width: 100%;
  min-height: 34px;
  border: 1px solid #d1d5db;
  border-radius: 3px;
  background: #fff;
  color: #111827;
  font-size: 12px;
}

.temu-goods-create-form-field textarea {
  min-height: 92px;
  padding: 9px 10px;
  resize: vertical;
}

.temu-goods-create-check {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
}

.temu-goods-create-check input {
  width: 16px;
  height: 16px;
}

.temu-goods-create-json {
  width: 100%;
  min-height: 220px;
  padding: 12px;
  border: 1px solid #d1d5db;
  border-radius: 4px;
  background: #0f172a;
  color: #e5e7eb;
  font-family: Consolas, "Liberation Mono", monospace;
  font-size: 12px;
  line-height: 1.5;
  resize: vertical;
}

.temu-goods-create-open-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.temu-goods-create-result {
  justify-self: center;
  display: grid;
  gap: 10px;
  width: min(1230px, 100%);
  min-width: 0;
  padding: 14px;
  border: 1px solid #dbeafe;
  border-radius: 5px;
  background: #eff6ff;
  color: #1f2937;
  font-size: 12px;
}

.temu-goods-create-result.is-success {
  border-color: #bbf7d0;
  background: #f0fdf4;
}

.temu-goods-create-result strong {
  color: #111827;
  font-size: 13px;
}

.temu-goods-create-result .primary-button {
  justify-self: start;
  min-height: 32px;
  border-radius: 3px;
}

.temu-goods-create-result pre {
  overflow: auto;
  max-height: 260px;
  margin: 0;
  padding: 10px;
  border-radius: 4px;
  background: #111827;
  color: #e5e7eb;
  font-size: 12px;
}

.temu-goods-create-blockers {
  justify-self: center;
  display: grid;
  gap: 8px;
  width: min(1230px, 100%);
}

.temu-goods-create-blockers > div {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 10px 12px;
  border: 1px solid #fed7aa;
  border-radius: 5px;
  background: #fff7ed;
  color: #9a3412;
  font-size: 13px;
  line-height: 1.45;
}

.temu-goods-create-blockers svg {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  margin-top: 1px;
}

.temu-goods-create-raw-api {
  justify-self: center;
  width: min(1230px, 100%);
}

.temu-goods-create-raw-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin: 12px 0;
}

.temu-goods-create-raw-head h3 {
  margin: 2px 0 4px;
  font-size: 16px;
}

.temu-goods-create-raw-head p:last-child {
  max-width: 760px;
  margin: 0;
  color: #64748b;
  font-size: 13px;
  line-height: 1.5;
}

.temu-goods-create-raw-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}

.temu-goods-create-raw-stats span {
  padding: 5px 9px;
  border: 1px solid #dbeafe;
  border-radius: 999px;
  background: #eff6ff;
  color: #1e40af;
  font-size: 12px;
  font-weight: 700;
}

.temu-goods-create-raw-blocked {
  display: grid;
  gap: 6px;
  margin-bottom: 12px;
  color: #991b1b;
  font-size: 12px;
}

.temu-goods-create-raw-layout {
  display: grid;
  grid-template-columns: minmax(220px, 320px) minmax(0, 1fr);
  gap: 14px;
}

.temu-goods-create-raw-list {
  display: grid;
  align-content: start;
  gap: 8px;
}

.temu-goods-create-raw-list button {
  display: grid;
  gap: 4px;
  width: 100%;
  padding: 10px;
  border: 1px solid #e2e8f0;
  border-radius: 5px;
  background: #fff;
  color: #0f172a;
  text-align: left;
  cursor: pointer;
}

.temu-goods-create-raw-list button.is-active {
  border-color: #2563eb;
  background: #eff6ff;
}

.temu-goods-create-raw-list button.is-blocked {
  border-color: #fecaca;
  background: #fef2f2;
  color: #991b1b;
  cursor: not-allowed;
}

.temu-goods-create-raw-list strong {
  font-size: 12px;
  font-family: Consolas, "Liberation Mono", monospace;
}

.temu-goods-create-raw-list span {
  color: #475569;
  font-size: 12px;
}

.temu-goods-create-raw-list em {
  justify-self: start;
  padding: 2px 6px;
  border-radius: 999px;
  background: #f1f5f9;
  color: #475569;
  font-size: 11px;
  font-style: normal;
}

.temu-goods-create-raw-detail {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.temu-goods-create-footer {
  position: sticky;
  bottom: 0;
  z-index: 15;
  display: grid;
  place-items: center;
  gap: 10px;
  min-height: 60px;
  margin-top: 0;
  border-top: 1px solid #e5e7eb;
  background: #fff;
  box-shadow: 0 -2px 8px rgba(15, 23, 42, 0.05);
}

.temu-goods-create-footer span {
  color: #9ca3af;
  font-size: 12px;
}

.temu-goods-create-footer .primary-button {
  width: 168px;
  min-height: 36px;
  border-radius: 3px;
  font-size: 14px;
}

.temu-goods-create-footer-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

.temu-goods-create-footer-actions .secondary-button {
  min-height: 36px;
  border-radius: 3px;
}

.temu-goods-create-footer .primary-button:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

.temu-goods-create-footer.is-publish {
  grid-template-columns: 1fr auto 1fr;
  place-items: center;
  min-height: 68px;
  padding: 10px 52px;
}

.temu-goods-create-footer-back {
  justify-self: start;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border: 0;
  background: transparent;
  color: #2563eb;
  font-size: 14px;
}

.temu-goods-create-footer-back svg {
  width: 18px;
  height: 18px;
}

.temu-goods-create-footer.is-publish .temu-goods-publish-compliance {
  justify-self: center;
  padding: 0;
  border-top: 0;
  font-weight: 500;
}

.temu-goods-create-footer.is-publish .temu-goods-create-footer-actions {
  justify-self: start;
  flex-wrap: nowrap;
}

.temu-goods-create-footer.is-publish .secondary-button {
  min-width: 176px;
  background: #fff;
}

.temu-lifecycle-page {
  align-content: start;
  gap: 0;
  grid-auto-rows: max-content;
  min-height: calc(100vh - 86px);
  margin: -24px -26px -40px;
  background: #f5f6f8;
  color: #111827;
}

.temu-lifecycle-head {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
  min-height: 53px;
  padding: 0 24px;
  border-bottom: 1px solid #e5e7eb;
  background: #fff;
}

.temu-lifecycle-route {
  min-width: 0;
}

.temu-lifecycle-head h2 {
  margin: 0;
  color: #111827;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}

.temu-lifecycle-head h2 span {
  margin-left: 0;
  color: #111827;
  font-size: 18px;
  font-weight: 600;
}

.temu-lifecycle-market-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  align-items: center;
}

.temu-lifecycle-market-tab {
  min-width: 48px;
  min-height: 28px;
  padding: 0 10px;
  border: 0;
  border-radius: 0;
  background: #fff;
  color: #4b5563;
  font-size: 12px;
  font-weight: 500;
}

.temu-lifecycle-market-tab.is-active {
  background: transparent;
  color: #2563eb;
  font-weight: 700;
}

.temu-lifecycle-sync-source {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.temu-lifecycle-todo-row {
  display: grid;
  grid-template-columns: 84px minmax(0, 1419px);
  gap: 36px;
  align-items: start;
  min-height: 129px;
  padding: 16px 24px 16px;
  border-bottom: 1px solid #e5e7eb;
  background: #fff;
}

.temu-lifecycle-todo-row > span {
  padding-top: 3px;
  color: #111827;
  font-size: 12px;
  text-align: right;
}

.temu-lifecycle-todo-row > div {
  display: grid;
  grid-template-columns: repeat(4, minmax(180px, 203px));
  gap: 16px 0;
  justify-content: start;
}

.temu-lifecycle-sync-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  margin: 12px 20px 0;
  padding: 12px 14px;
  border: 1px solid #dbeafe;
  border-radius: 8px;
  background: #eff6ff;
}

.temu-lifecycle-sync-panel span,
.temu-lifecycle-sync-panel small {
  display: block;
  color: #64748b;
  font-size: 12px;
  line-height: 1.4;
}

.temu-lifecycle-sync-panel strong {
  display: block;
  margin: 2px 0;
  color: #0f172a;
  font-size: 13px;
  overflow-wrap: anywhere;
}

.temu-lifecycle-sync-panel p {
  grid-column: 1 / -1;
  margin: 0;
  color: #92400e;
  font-size: 12px;
  line-height: 1.5;
}

.temu-lifecycle-sync-chips {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.temu-lifecycle-sync-chips span {
  padding: 4px 8px;
  border: 1px solid #bfdbfe;
  border-radius: 999px;
  background: #fff;
  color: #1d4ed8;
  font-weight: 700;
}

.temu-lifecycle-sync-chips span.is-warning {
  border-color: #fed7aa;
  color: #c2410c;
}

.temu-lifecycle-todo-card {
  min-height: 40px;
  width: 203px;
  padding: 0 14px;
  border: 1px solid #d1d5db;
  border-radius: 3px;
  background: #fff;
  color: #111827;
  font-size: 12px;
  white-space: nowrap;
}

.temu-lifecycle-todo-card span {
  color: #2563eb;
  font-weight: 700;
}

.temu-lifecycle-todo-card.is-active,
.temu-lifecycle-status-tab.is-active {
  border-color: #2563eb;
  color: #2563eb;
}

.temu-lifecycle-filter-card {
  padding: 18px 24px 18px;
  border-bottom: 1px solid #e5e7eb;
  background: #fff;
}

.temu-lifecycle-filter-grid {
  display: grid;
  grid-template-columns: minmax(330px, 0.85fr) minmax(330px, 0.85fr) minmax(640px, 1.45fr);
  gap: 18px 48px;
  align-items: center;
}

.temu-lifecycle-filter-grid label {
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  min-width: 0;
}

.temu-lifecycle-filter-grid label.wide-field {
  grid-template-columns: 70px 88px minmax(0, 1fr);
}

.temu-lifecycle-filter-grid label.range-field {
  grid-template-columns: 70px minmax(70px, 1fr) 26px minmax(70px, 1fr) 26px;
}

.temu-lifecycle-filter-grid label.site-field {
  grid-template-columns: 82px 58px 118px minmax(120px, 1fr) 140px;
}

.temu-lifecycle-filter-grid span {
  color: #111827;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.temu-lifecycle-filter-grid em {
  color: #111827;
  font-size: 12px;
  font-style: normal;
}

.temu-lifecycle-filter-grid input,
.temu-lifecycle-filter-grid select {
  min-height: 28px;
  border-radius: 3px;
  font-size: 12px;
}

.temu-lifecycle-filter-actions {
  display: flex;
  gap: 12px;
  align-items: center;
}

.temu-lifecycle-filter-actions .primary-button {
  min-width: 64px;
}

.temu-lifecycle-tabs {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 20px;
  min-height: 55px;
  padding: 18px 24px 0;
  border-bottom: 1px solid #e5e7eb;
  background: #fff;
}

.temu-lifecycle-status-tab {
  position: relative;
  min-height: 34px;
  padding: 0 0 10px;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: transparent;
  color: #111827;
  font-size: 14px;
}

.temu-lifecycle-status-tab span {
  margin-left: 3px;
  color: inherit;
}

.temu-lifecycle-status-tab em {
  display: inline-block;
  width: 5px;
  height: 5px;
  margin-left: 8px;
  border-radius: 999px;
  background: #ef4444;
  vertical-align: middle;
}

.temu-lifecycle-status-tab.is-active {
  border-bottom-color: #2563eb;
  background: transparent;
}

.temu-lifecycle-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  min-height: 37px;
  padding: 4px 24px;
  border-bottom: 1px solid #e5e7eb;
  background: #fff;
}

.temu-lifecycle-toolbar svg {
  width: 12px;
  height: 12px;
}

.temu-lifecycle-table-wrap {
  overflow: auto;
  min-height: 680px;
  max-height: calc(100vh - 250px);
  margin: 0 24px 18px;
  border: 1px solid #e5e7eb;
  border-top: 0;
  background: #fff;
}

.temu-lifecycle-table {
  width: 100%;
  min-width: 2280px;
  border-collapse: collapse;
  font-size: 12px;
}

.temu-lifecycle-table th,
.temu-lifecycle-table td {
  padding: 12px 12px;
  border-right: 1px solid #e5e7eb;
  border-bottom: 1px solid #e5e7eb;
  color: #111827;
  text-align: left;
  vertical-align: top;
}

.temu-lifecycle-table th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: #f8fafc;
  color: #4b5563;
  font-weight: 500;
}

.temu-lifecycle-table th small {
  display: block;
  margin-top: 2px;
  color: #2563eb;
  font-size: 11px;
}

.temu-lifecycle-product-cell {
  width: 172px;
  min-width: 172px;
}

.temu-lifecycle-main-thumb {
  width: 160px;
  height: 160px;
  border: 1px solid #d1d5db;
  border-radius: 2px;
  object-fit: cover;
}

.temu-lifecycle-mini-thumbs {
  display: flex;
  gap: 7px;
  align-items: center;
}

.temu-lifecycle-mini-thumbs img,
.temu-lifecycle-mini-thumbs span {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border: 1px solid #d1d5db;
  border-radius: 2px;
  background: #eff6ff;
  color: #2563eb;
  font-size: 11px;
  object-fit: cover;
}

.temu-lifecycle-product-cell strong {
  margin-top: 6px;
  color: #111827;
  font-size: 13px;
}

.temu-lifecycle-product-cell b {
  max-width: 168px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.35;
}

.temu-lifecycle-product-cell span,
.temu-lifecycle-attr-cell span,
.temu-lifecycle-skc-cell span,
.temu-lifecycle-sku-cell span,
.temu-lifecycle-price-cell span,
.temu-lifecycle-review-cell span,
.temu-lifecycle-site-cell span,
.temu-lifecycle-operator-cell span,
.temu-lifecycle-time-cell span,
.temu-lifecycle-actions span {
  color: #475569;
  line-height: 1.45;
}

.temu-lifecycle-pending-cell {
  min-width: 170px;
}

.temu-lifecycle-attr-cell,
.temu-lifecycle-skc-cell,
.temu-lifecycle-sku-cell,
.temu-lifecycle-price-cell,
.temu-lifecycle-review-cell,
.temu-lifecycle-site-cell,
.temu-lifecycle-bom-cell,
.temu-lifecycle-operator-cell,
.temu-lifecycle-time-cell,
.temu-lifecycle-actions {
  min-width: 0;
}

.temu-lifecycle-product-cell > *,
.temu-lifecycle-attr-cell > *,
.temu-lifecycle-skc-cell > *,
.temu-lifecycle-sku-cell > *,
.temu-lifecycle-price-cell > *,
.temu-lifecycle-review-cell > *,
.temu-lifecycle-site-cell > *,
.temu-lifecycle-bom-cell > *,
.temu-lifecycle-operator-cell > *,
.temu-lifecycle-time-cell > *,
.temu-lifecycle-actions > * {
  display: block;
  margin-bottom: 5px;
}

.temu-lifecycle-product-cell > *:last-child,
.temu-lifecycle-attr-cell > *:last-child,
.temu-lifecycle-skc-cell > *:last-child,
.temu-lifecycle-sku-cell > *:last-child,
.temu-lifecycle-price-cell > *:last-child,
.temu-lifecycle-review-cell > *:last-child,
.temu-lifecycle-site-cell > *:last-child,
.temu-lifecycle-bom-cell > *:last-child,
.temu-lifecycle-operator-cell > *:last-child,
.temu-lifecycle-time-cell > *:last-child,
.temu-lifecycle-actions > *:last-child {
  margin-bottom: 0;
}

.temu-lifecycle-product-cell .temu-lifecycle-mini-thumbs {
  display: flex;
}

.temu-lifecycle-attr-cell {
  min-width: 210px;
}

.temu-lifecycle-skc-cell {
  min-width: 180px;
}

.temu-lifecycle-sku-cell {
  min-width: 140px;
}

.temu-lifecycle-skc-cell strong,
.temu-lifecycle-sku-cell strong {
  color: #111827;
  font-size: 13px;
}

.temu-lifecycle-sku-cell b {
  font-size: 13px;
}

.temu-lifecycle-price-cell {
  min-width: 180px;
}

.temu-lifecycle-review-cell {
  min-width: 150px;
}

.temu-lifecycle-site-cell {
  min-width: 190px;
}

.temu-lifecycle-bom-cell {
  min-width: 160px;
  color: #475569;
  line-height: 1.45;
}

.temu-lifecycle-operator-cell {
  min-width: 120px;
}

.temu-lifecycle-time-cell {
  min-width: 230px;
}

.temu-lifecycle-price-cell b {
  color: #475569;
  font-weight: 500;
}

.temu-lifecycle-price-cell strong {
  color: #f97316;
}

.temu-lifecycle-price-cell em {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 4px;
  border-radius: 999px;
  background: #f97316;
  font-style: normal;
}

.temu-lifecycle-actions {
  min-width: 90px;
}

.temu-lifecycle-actions .link-button,
.temu-lifecycle-table .link-button {
  color: #1d4ed8;
  font-size: 12px;
  font-weight: 600;
}

.temu-lifecycle-detail-backdrop {
  position: fixed;
  inset: 0;
  z-index: 70;
  background: rgba(15, 23, 42, 0.28);
}

.temu-lifecycle-detail-drawer {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 71;
  display: grid;
  gap: 14px;
  align-content: start;
  width: min(520px, calc(100vw - 18px));
  height: 100vh;
  padding: 18px;
  overflow: auto;
  background: #fff;
  box-shadow: -24px 0 48px rgba(15, 23, 42, 0.18);
}

.temu-lifecycle-detail-drawer header {
  display: flex;
  gap: 12px;
  align-items: start;
  justify-content: space-between;
  padding-bottom: 12px;
  border-bottom: 1px solid #e5e7eb;
}

.temu-lifecycle-detail-drawer header span {
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
}

.temu-lifecycle-detail-drawer h3 {
  margin: 4px 0 0;
  color: #0f172a;
  font-size: 18px;
  line-height: 1.35;
}

.temu-lifecycle-detail-cover {
  width: 96px;
  height: 96px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  object-fit: cover;
}

.temu-lifecycle-detail-drawer section {
  display: grid;
  gap: 8px;
  padding: 12px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #f8fafc;
}

.temu-lifecycle-detail-drawer h4 {
  margin: 0;
  color: #0f172a;
  font-size: 13px;
}

.temu-lifecycle-detail-drawer section span {
  display: block;
  color: #475569;
  font-size: 12px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

@media (max-width: 1100px) {
  .temu-lifecycle-sync-panel {
    grid-template-columns: 1fr;
  }

  .temu-lifecycle-sync-chips {
    justify-content: flex-start;
  }

  .temu-lifecycle-head {
    display: grid;
    align-items: start;
  }
}

@media (max-width: 680px) {
  .temu-lifecycle-detail-drawer {
    width: 100vw;
  }
}

.temu-module-workbench {
  display: grid;
  gap: 16px;
  border-color: #cbd5e1;
  background: #ffffff;
}

.temu-module-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 320px);
  gap: 16px;
  align-items: end;
}

.temu-module-title {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

.temu-module-title h2 {
  margin: 3px 0 6px;
}

.temu-module-title p:last-child {
  max-width: 860px;
  margin: 0;
  color: var(--muted);
  line-height: 1.6;
}

.temu-module-icon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
  background: #eff6ff;
  color: var(--blue);
}

.temu-module-icon svg {
  width: 20px;
  height: 20px;
}

.temu-module-store {
  display: grid;
  gap: 6px;
}

.temu-module-store span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.temu-module-stats {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.temu-module-stats > div {
  min-height: 76px;
  display: grid;
  align-content: center;
  gap: 5px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
}

.temu-module-stats span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.temu-module-stats strong {
  overflow: hidden;
  color: var(--ink);
  font-size: 18px;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.temu-module-category-line {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.temu-module-category-line span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  color: #475569;
  font-size: 12px;
  font-weight: 800;
}

.temu-module-category-line strong {
  color: var(--blue);
}

.temu-live-panel {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
  background: #f8fbff;
}

.temu-live-head,
.temu-live-preview-title {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.temu-live-head h3,
.temu-live-preview-title h3 {
  margin: 3px 0 0;
  font-size: 18px;
}

.temu-live-badges {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.temu-live-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 8px;
}

.temu-live-card {
  min-height: 82px;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  color: var(--ink);
  text-align: left;
}

.temu-live-card:hover,
.temu-live-card.is-active {
  border-color: #60a5fa;
  background: #eff6ff;
}

.temu-live-card.is-ok {
  border-color: #bbf7d0;
}

.temu-live-card.is-failed {
  border-color: #fecaca;
}

.temu-live-card span {
  overflow: hidden;
  font-size: 13px;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.temu-live-card strong {
  color: var(--ink);
  font-size: 18px;
}

.temu-live-card small {
  color: var(--muted);
  font-size: 11px;
}

.temu-live-preview {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.temu-live-table-wrap {
  max-height: 360px;
  overflow: auto;
}

.temu-live-table-wrap .data-table {
  min-width: 760px;
}

.temu-verification-panel {
  display: grid;
  gap: 8px;
  padding: 12px;
  border: 1px solid #dbeafe;
  border-radius: 8px;
  background: #f8fbff;
}

.temu-verification-metrics {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.temu-verification-metrics span {
  padding: 4px 8px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #fff;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.temu-verification-details {
  display: grid;
  gap: 4px;
}

.temu-verification-details div {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.temu-live-error {
  padding: 12px;
  border: 1px solid #fecaca;
  border-radius: 8px;
  background: #fef2f2;
  color: #991b1b;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.55;
}

.compact-empty {
  min-height: 92px;
}

.market-stock-source-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  gap: 10px;
}

.market-stock-filter-panel {
  display: grid;
  grid-template-columns: minmax(220px, 1.3fr) minmax(160px, 0.8fr) minmax(160px, 0.8fr) auto;
  gap: 12px;
  align-items: end;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
}

.market-stock-filter-panel label {
  display: grid;
  gap: 6px;
}

.market-stock-filter-panel label span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.market-stock-filter-panel input,
.market-stock-filter-panel select {
  min-height: 38px;
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  color: var(--ink);
  font: inherit;
  padding: 0 10px;
}

.market-stock-update-panel {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid #fde68a;
  border-radius: 8px;
  background: #fffbeb;
}

.market-stock-update-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.market-stock-update-head h3 {
  margin: 3px 0 4px;
  font-size: 18px;
}

.market-stock-update-head p:last-child {
  margin: 0;
  color: #92400e;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.5;
}

.market-stock-update-api {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid #fed7aa;
  border-radius: 8px;
  background: #fff;
}

.market-stock-detail-grid {
  align-items: start;
}

.market-stock-row-detail {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.market-stock-detail-summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
}

.market-stock-detail-summary div {
  display: grid;
  gap: 4px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
}

.market-stock-detail-summary span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 850;
  text-transform: uppercase;
}

.market-stock-detail-summary strong {
  min-width: 0;
  overflow-wrap: anywhere;
  font-size: 13px;
}

.market-stock-error-list {
  margin: 0;
}

.market-stock-reference-blocker {
  margin: 0;
  border-color: #fecaca;
  background: #fff7ed;
}

.market-stock-reference-blocker div {
  border-color: #fed7aa;
  background: #fff;
}

.market-stock-reference-blocker span {
  color: #7c2d12;
  font-weight: 850;
}

.market-logistics-coverage,
.market-logistics-action-panel {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.market-logistics-coverage-grid,
.market-logistics-action-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 10px;
}

.market-logistics-coverage-grid article,
.market-logistics-action-card {
  min-width: 0;
  min-height: 96px;
  display: grid;
  gap: 8px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
  text-align: left;
}

.market-logistics-coverage-grid article {
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: start;
}

.market-logistics-coverage-grid svg {
  width: 20px;
  height: 20px;
  color: #2563eb;
}

.market-logistics-coverage-grid strong,
.market-logistics-action-card span {
  color: var(--ink);
  font-size: 13px;
  font-weight: 900;
  line-height: 1.35;
}

.market-logistics-coverage-grid span,
.market-logistics-action-card small {
  color: #475569;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
}

.market-logistics-coverage-grid small,
.market-logistics-action-card strong {
  color: var(--muted);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 11px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.market-logistics-coverage-grid .is-ok {
  border-color: #86efac;
  background: #f0fdf4;
}

.market-logistics-coverage-grid .is-error,
.market-logistics-action-card.is-blocked {
  border-color: #fecaca;
  background: #fff7f7;
}

.market-logistics-coverage-grid .is-write,
.market-logistics-action-card.is-write {
  border-color: #fcd34d;
  background: #fffbeb;
}

.market-logistics-action-card {
  cursor: pointer;
}

.market-logistics-action-card:hover,
.market-logistics-action-card:focus-visible {
  border-color: #2563eb;
  background: #f8fbff;
}

@media (max-width: 760px) {
  .market-stock-filter-panel,
  .market-stock-update-head {
    grid-template-columns: 1fr;
  }

  .market-stock-update-head {
    display: grid;
  }
}

.marketing-sales-workbench {
  gap: 18px;
}

.marketing-sales-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}

.marketing-sales-metrics article {
  min-height: 94px;
  display: grid;
  gap: 6px;
  align-content: center;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
}

.marketing-sales-metrics article.is-blocked {
  border-color: #fecaca;
  background: #fff7f7;
}

.marketing-sales-metrics article.is-active {
  border-color: #60a5fa;
  background: #eff6ff;
}

.marketing-sales-metrics svg {
  width: 18px;
  height: 18px;
  color: var(--blue);
}

.marketing-sales-metrics span,
.marketing-sales-metrics small,
.marketing-sales-toolbar span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.marketing-sales-metrics strong {
  color: var(--ink);
  font-size: 24px;
  line-height: 1;
}

.marketing-sales-source-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 8px;
}

.marketing-sales-filter-shell {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.marketing-sales-region-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.marketing-sales-region-tabs button {
  min-height: 32px;
  padding: 0 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
  color: var(--ink);
  font-weight: 850;
}

.marketing-sales-region-tabs button.is-active {
  border-color: #2563eb;
  background: #eff6ff;
  color: #1d4ed8;
}

.marketing-sales-quick-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 8px;
}

.marketing-sales-quick-grid button {
  min-height: 66px;
  display: grid;
  gap: 4px;
  align-content: center;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
  text-align: left;
}

.marketing-sales-quick-grid button.is-active {
  border-color: #60a5fa;
  background: #eff6ff;
}

.marketing-sales-quick-grid span {
  color: #475569;
  font-size: 12px;
  font-weight: 850;
}

.marketing-sales-quick-grid strong {
  color: var(--ink);
  font-size: 20px;
}

.marketing-sales-toolbar {
  display: grid;
  grid-template-columns: minmax(220px, 1.2fr) minmax(220px, 1.1fr) repeat(3, minmax(150px, 0.8fr)) auto;
  gap: 10px;
  align-items: end;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.marketing-sales-toolbar label {
  display: grid;
  gap: 6px;
}

.marketing-sales-toolbar input,
.marketing-sales-toolbar select {
  width: 100%;
}

.marketing-sales-advanced {
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.marketing-sales-advanced summary {
  cursor: pointer;
  color: var(--ink);
  font-size: 13px;
  font-weight: 900;
}

.marketing-sales-advanced div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-top: 12px;
}

.marketing-sales-advanced span {
  padding: 5px 9px;
  border: 1px solid #dbeafe;
  border-radius: 8px;
  background: #f8fbff;
  color: #1e3a8a;
  font-size: 12px;
  font-weight: 800;
}

.marketing-sales-actionbar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
}

.marketing-sales-actionbar button {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0 11px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  color: #64748b;
  font-weight: 850;
}

.marketing-sales-actionbar button svg {
  width: 16px;
  height: 16px;
}

.marketing-sales-actionbar span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.marketing-sales-section-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.marketing-sales-table-panel {
  min-width: 0;
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.marketing-sales-table-panel .data-table {
  min-width: 1780px;
}

.marketing-sales-main-table th {
  vertical-align: bottom;
  white-space: nowrap;
}

.marketing-sales-main-table td {
  vertical-align: top;
}

.marketing-sales-product-cell,
.marketing-sales-multi {
  display: grid;
  gap: 5px;
  min-width: 150px;
}

.marketing-sales-product-cell {
  min-width: 280px;
}

.marketing-sales-product-cell strong {
  color: var(--ink);
  line-height: 1.35;
}

.marketing-sales-product-cell small {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
}

.marketing-sales-multi span {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  color: #475569;
  font-size: 12px;
}

.marketing-sales-multi em {
  color: var(--muted);
  font-style: normal;
}

.marketing-sales-multi strong {
  color: var(--ink);
}

.marketing-sales-multi.is-numeric {
  min-width: 170px;
}

.marketing-sales-actions {
  display: grid;
  gap: 6px;
  min-width: 150px;
}

.marketing-sales-actions .pill,
.marketing-sales-actions small {
  width: max-content;
  max-width: 180px;
}

.marketing-sales-actions small {
  color: #64748b;
  font-size: 11px;
  line-height: 1.35;
}

.marketing-sales-actions button {
  min-height: 26px;
  padding: 0 8px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: #f8fafc;
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
}

.marketing-sales-blockers {
  margin: 0;
}

.marketing-sales-raw .quality-raw-grid {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.marketing-activities-page {
  gap: 16px;
}

.marketing-activity-source-grid {
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.marketing-activity-temu-overview {
  display: grid;
  gap: 14px;
  padding: 14px;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
  background: #f8fbff;
}

.marketing-activity-data-head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}

.marketing-activity-data-head h3,
.marketing-activity-entry-grid h3 {
  margin: 3px 0 0;
  color: var(--ink);
  font-size: 18px;
}

.marketing-activity-range {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.marketing-activity-data-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.marketing-activity-data-grid > div {
  min-height: 86px;
  display: grid;
  align-content: center;
  gap: 5px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.marketing-activity-data-grid span,
.marketing-activity-data-grid small,
.marketing-activity-entry-grid p {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.marketing-activity-data-grid strong {
  color: var(--ink);
  font-size: 22px;
  line-height: 1.1;
}

.marketing-activity-entry-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.marketing-activity-entry-grid article {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.marketing-activity-entry-grid p {
  margin: 0;
  line-height: 1.55;
}

.marketing-activity-entry-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.marketing-activity-todo-grid {
  display: grid;
  gap: 8px;
}

.marketing-activity-todo-grid span {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
  color: #475569;
  font-size: 12px;
  font-weight: 800;
}

.marketing-activity-todo-grid strong {
  color: var(--blue);
  font-size: 16px;
}

.marketing-activity-toolbar {
  display: grid;
  grid-template-columns: minmax(240px, 1.3fr) repeat(2, minmax(160px, 0.8fr)) auto auto;
  gap: 10px;
  align-items: end;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.marketing-activity-toolbar label {
  display: grid;
  gap: 6px;
}

.marketing-activity-toolbar span,
.marketing-activity-detail-list dt {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.marketing-activity-toolbar input,
.marketing-activity-toolbar select {
  width: 100%;
}

.marketing-activity-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 0.48fr);
  gap: 14px;
  align-items: start;
}

.marketing-activity-main,
.marketing-activity-detail-card,
.marketing-activity-submit-panel,
.marketing-activity-related-card {
  min-width: 0;
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.marketing-activity-side {
  position: sticky;
  top: 16px;
  display: grid;
  gap: 14px;
  min-width: 0;
}

.marketing-activity-table-wrap {
  max-height: 560px;
}

.marketing-activity-table {
  min-width: 980px;
}

.marketing-activity-table tr.is-selected td {
  background: #eff6ff;
}

.marketing-activity-table .link-button {
  max-width: 280px;
  overflow: hidden;
  color: #1d4ed8;
  font-size: 12px;
  font-weight: 800;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.marketing-activity-detail-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
}

.marketing-activity-detail-list div {
  min-width: 0;
  display: grid;
  gap: 5px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
}

.marketing-activity-detail-list dd {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
  color: #334155;
  font-size: 12px;
  line-height: 1.45;
}

.marketing-activity-detail-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}

.marketing-activity-submit-panel .temu-api-result {
  max-height: 240px;
}

.marketing-activity-related-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.marketing-activity-related-wrap {
  max-height: 340px;
}

.marketing-activity-related-wrap .data-table {
  min-width: 720px;
}

.marketing-activity-raw .quality-raw-grid {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.marketing-activity-temu-page {
  min-width: 1500px;
  padding: 18px 20px 30px;
  background: #ffffff;
  color: #1f2937;
}

.marketing-activity-temu-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 38px;
}

.marketing-activity-temu-heading h2 {
  margin: 0;
  color: #111827;
  font-size: 22px;
  font-weight: 650;
  letter-spacing: 0;
}

.marketing-activity-temu-tabs {
  display: flex;
  align-items: center;
  gap: 34px;
  min-height: 50px;
  margin-top: 14px;
  border-bottom: 1px solid #ebeef5;
}

.marketing-activity-temu-tabs button {
  position: relative;
  height: 50px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #394150;
  font-size: 14px;
  font-weight: 550;
}

.marketing-activity-temu-tabs button.is-active {
  color: #1677ff;
}

.marketing-activity-temu-tabs button.is-active::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 2px;
  background: #1677ff;
}

.marketing-activity-temu-tabs em {
  display: inline-flex;
  align-items: center;
  height: 16px;
  margin-left: 4px;
  padding: 0 4px;
  border-radius: 2px;
  background: #ff4d4f;
  color: #ffffff;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
}

.marketing-activity-temu-dashboard {
  display: grid;
  gap: 16px;
  margin-top: 14px;
}

.marketing-activity-feedback-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 40px;
  color: #5f6673;
  font-size: 13px;
}

.marketing-activity-feedback-row > div {
  display: flex;
  align-items: center;
  gap: 10px;
}

.marketing-activity-feedback-row button {
  height: 26px;
  padding: 0 8px;
  border: 0;
  background: transparent;
  color: #1677ff;
  font-size: 13px;
}

.marketing-activity-feedback-row div:first-child button {
  color: #8a93a3;
}

.marketing-activity-data-panel {
  display: grid;
  gap: 14px;
  padding: 18px 20px;
  border: 1px solid #ebeef5;
  background: #ffffff;
}

.marketing-activity-data-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.marketing-activity-data-head h3 {
  margin: 0 0 6px;
  color: #111827;
  font-size: 18px;
  font-weight: 650;
}

.marketing-activity-data-head p {
  margin: 0;
  color: #8a93a3;
  font-size: 12px;
}

.marketing-activity-period-tabs {
  display: flex;
  border: 1px solid #dcdfe6;
  border-radius: 3px;
  overflow: hidden;
}

.marketing-activity-period-tabs button {
  height: 28px;
  min-width: 58px;
  padding: 0 12px;
  border: 0;
  border-right: 1px solid #dcdfe6;
  background: #ffffff;
  color: #394150;
  font-size: 13px;
}

.marketing-activity-period-tabs button:last-child {
  border-right: 0;
}

.marketing-activity-period-tabs button.is-active {
  background: #1677ff;
  color: #ffffff;
}

.marketing-activity-data-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.marketing-activity-data-grid > div {
  min-height: 98px;
  display: grid;
  align-content: center;
  gap: 7px;
  padding: 14px 16px;
  border: 1px solid #ebeef5;
  background: #f7f8fa;
}

.marketing-activity-data-grid span {
  color: #5f6673;
  font-size: 13px;
  font-weight: 500;
}

.marketing-activity-data-grid strong {
  color: #111827;
  font-size: 28px;
  font-weight: 650;
  line-height: 1;
}

.marketing-activity-data-grid small {
  color: #8a93a3;
  font-size: 12px;
  line-height: 1.35;
}

.marketing-activity-entry-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.9fr) minmax(0, 0.9fr);
  gap: 14px;
}

.marketing-activity-entry-grid article {
  min-height: 132px;
  display: grid;
  gap: 12px;
  align-content: space-between;
  padding: 18px 20px;
  border: 1px solid #ebeef5;
  background: #ffffff;
}

.marketing-activity-entry-grid h3 {
  margin: 0 0 8px;
  color: #111827;
  font-size: 18px;
  font-weight: 650;
}

.marketing-activity-entry-grid p {
  margin: 0;
  color: #5f6673;
  font-size: 13px;
  line-height: 1.45;
}

.marketing-activity-auto-card {
  background: #fffaf0;
}

.marketing-activity-auto-card dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 14px 0 0;
}

.marketing-activity-auto-card dl div {
  display: grid;
  gap: 3px;
}

.marketing-activity-auto-card dt,
.marketing-activity-auto-card dd {
  margin: 0;
  color: #5f6673;
  font-size: 12px;
}

.marketing-activity-auto-card dd {
  color: #111827;
  font-size: 16px;
  font-weight: 650;
}

.marketing-activity-entry-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.marketing-activity-entry-actions button {
  height: 30px;
  padding: 0 14px;
  border: 1px solid #dcdfe6;
  border-radius: 3px;
  background: #ffffff;
  color: #1f2937;
  font-size: 13px;
}

.marketing-activity-entry-actions span {
  display: inline-flex;
  align-items: center;
  height: 22px;
  padding: 0 7px;
  border-radius: 2px;
  background: #eaf3ff;
  color: #1677ff;
  font-size: 12px;
  font-weight: 650;
}

.marketing-activity-todo-grid {
  display: grid;
  gap: 8px;
}

.marketing-activity-todo-grid span {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  min-height: 30px;
  color: #394150;
  font-size: 13px;
}

.marketing-activity-todo-grid em {
  color: #394150;
  font-style: normal;
}

.marketing-activity-todo-grid strong {
  color: #111827;
  font-size: 18px;
  font-weight: 650;
}

.marketing-activity-temu-section {
  display: grid;
  gap: 14px;
  margin-top: 20px;
}

.marketing-activity-category-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.marketing-activity-category-grid article {
  min-height: 136px;
  display: flex;
  justify-content: space-between;
  gap: 18px;
  padding: 20px 22px;
  border: 1px solid #d8e7ff;
  background: linear-gradient(180deg, #f3f8ff 0%, #ffffff 100%);
}

.marketing-activity-category-grid h3 {
  margin: 0 0 7px;
  color: #111827;
  font-size: 20px;
  font-weight: 650;
}

.marketing-activity-category-grid p,
.marketing-activity-category-grid small {
  margin: 0;
  color: #5f6673;
  font-size: 13px;
  line-height: 1.45;
}

.marketing-activity-category-grid div div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0 8px;
}

.marketing-activity-category-grid span {
  display: inline-flex;
  align-items: center;
  height: 22px;
  padding: 0 8px;
  border-radius: 3px;
  background: #eaf3ff;
  color: #1677ff;
  font-size: 12px;
  font-weight: 650;
}

.marketing-activity-category-grid > article > button {
  align-self: center;
  flex: 0 0 auto;
  height: 32px;
  padding: 0 18px;
  border: 1px solid #1677ff;
  border-radius: 3px;
  background: #1677ff;
  color: #ffffff;
  font-size: 13px;
  font-weight: 550;
}

.marketing-activity-table-wrap {
  max-height: 620px;
  border: 0;
  border-radius: 0;
}

.marketing-activity-temu-table {
  min-width: 1120px;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 12px;
}

.marketing-activity-temu-table th,
.marketing-activity-temu-table td {
  min-width: 130px;
  height: 42px;
  padding: 0 12px;
  border-right: 1px solid #ebeef5;
  border-bottom: 1px solid #ebeef5;
  background: #ffffff;
  color: #394150;
  font-weight: 500;
  text-align: left;
  text-transform: none;
  vertical-align: middle;
  white-space: nowrap;
}

.marketing-activity-temu-table th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: #f7f8fa;
  font-weight: 650;
}

.marketing-activity-temu-table td {
  height: 74px;
}

.marketing-activity-temu-table th:first-child,
.marketing-activity-temu-table td:first-child {
  min-width: 440px;
}

.marketing-activity-temu-table .link-button {
  max-width: 410px;
  display: block;
  overflow: hidden;
  border: 0;
  background: transparent;
  color: #111827;
  font-size: 13px;
  font-weight: 650;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.marketing-activity-temu-table .table-subtext {
  display: block;
  margin-top: 4px;
  color: #8a93a3;
  font-size: 12px;
}

.marketing-activity-enroll-link {
  height: 22px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #1677ff;
  font-size: 12px;
  font-weight: 650;
}

.marketing-activity-temu-empty {
  display: grid;
  place-items: center;
  min-height: 112px;
  border: 1px solid #ebeef5;
  background: #ffffff;
  color: #8a93a3;
  font-size: 13px;
}

.marketing-activity-temu-empty-row td {
  height: 96px;
  color: #8a93a3;
  text-align: center;
}

.marketing-activity-temu-page .marketing-activity-related-card {
  margin-top: 18px;
  border-radius: 0;
}

@media (max-width: 1180px) {
  .marketing-activity-temu-page {
    min-width: 1360px;
    padding: 16px 14px 24px;
  }

  .marketing-activity-entry-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.temu-module-grid {
  display: grid;
  grid-template-columns: minmax(260px, 0.7fr) minmax(280px, 0.8fr) minmax(420px, 1.2fr);
  gap: 14px;
  align-items: start;
}

.temu-module-tasks,
.temu-module-interfaces {
  min-width: 0;
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
}

.temu-module-task-grid,
.temu-module-interface-list {
  display: grid;
  gap: 8px;
}

.temu-module-interface-list {
  max-height: 536px;
  overflow: auto;
  padding-right: 2px;
}

.temu-module-task,
.temu-module-interface {
  width: 100%;
  display: grid;
  gap: 6px;
  padding: 11px 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  color: var(--ink);
  text-align: left;
}

.temu-module-task {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
}

.temu-module-task svg {
  grid-row: 1 / span 3;
  width: 18px;
  height: 18px;
  margin-top: 1px;
  color: var(--blue);
}

.temu-module-task span,
.temu-module-interface strong {
  font-weight: 900;
}

.temu-module-task small,
.temu-module-interface small {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.temu-module-task em,
.temu-module-interface em {
  justify-self: start;
  padding: 2px 7px;
  border-radius: 999px;
  background: #eef2ff;
  color: #3730a3;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}

.temu-module-task:hover,
.temu-module-interface:hover,
.temu-module-task.is-active,
.temu-module-interface.is-active {
  border-color: #93c5fd;
  background: #eff6ff;
}

.temu-module-interface {
  grid-template-columns: minmax(0, 1fr);
}

.temu-module-interface span {
  display: grid;
  gap: 3px;
}

.temu-module-detail {
  position: sticky;
  top: 16px;
}

.temu-business-action {
  min-width: 0;
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.temu-business-action.is-needs-input {
  border-color: #fbbf24;
}

.temu-business-action.is-unavailable,
.temu-business-action.is-denied {
  border-color: #fecaca;
  background: #fffafa;
}

.temu-business-action-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.temu-business-action-head h3 {
  margin: 4px 0 6px;
  font-size: 18px;
}

.temu-business-action-head p {
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}

.temu-business-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.temu-business-form label {
  display: grid;
  gap: 6px;
}

.temu-business-form span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.temu-business-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}

.temu-business-result {
  display: grid;
  gap: 10px;
  padding-top: 4px;
  border-top: 1px solid var(--line);
}

.temu-business-message {
  display: grid;
  align-items: center;
  min-height: 86px;
  padding: 14px;
  border: 1px dashed var(--line-strong);
  border-radius: 8px;
  background: #f8fafc;
  color: var(--muted);
  line-height: 1.6;
}

.temu-business-message.is-error {
  border-color: #fecaca;
  background: #fff1f2;
  color: var(--red);
  font-weight: 800;
}

.temu-business-message.is-warning {
  min-height: auto;
  border-color: #fbbf24;
  background: #fffbeb;
  color: #92400e;
  font-weight: 800;
}

.temu-business-result-table {
  max-height: 320px;
}

.marketing-growth-workbench {
  gap: 18px;
}

.marketing-growth-metrics {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.marketing-growth-metrics article {
  min-height: 96px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.marketing-growth-metrics article.is-ok {
  border-color: #bbf7d0;
  background: #f0fdf4;
}

.marketing-growth-metrics article.is-failed,
.marketing-growth-metrics article.is-denied,
.marketing-growth-metrics article.is-unavailable {
  border-color: #fecaca;
  background: #fff1f2;
}

.marketing-growth-metrics article.is-pending {
  border-color: #bfdbfe;
  background: #eff6ff;
}

.marketing-growth-metrics span,
.marketing-growth-status-list small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.marketing-growth-metrics strong {
  display: block;
  margin: 6px 0 4px;
  color: var(--ink);
  font-size: 26px;
  line-height: 1;
}

.marketing-growth-metrics small {
  display: block;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.45;
  word-break: break-word;
}

.marketing-growth-metrics svg {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  color: var(--blue);
}

.marketing-growth-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(340px, 420px);
  gap: 14px;
  align-items: start;
}

.marketing-growth-main,
.marketing-growth-side {
  min-width: 0;
  display: grid;
  gap: 14px;
}

.marketing-growth-side {
  position: sticky;
  top: 16px;
}

.marketing-growth-panel {
  min-width: 0;
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.marketing-growth-panel.is-failed,
.marketing-growth-panel.is-denied,
.marketing-growth-panel.is-unavailable {
  border-color: #fecaca;
}

.marketing-growth-table-wrap {
  max-height: 360px;
  overflow: auto;
}

.marketing-growth-table-wrap .data-table {
  min-width: 1160px;
}

.marketing-growth-filter-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.marketing-growth-filter-strip span {
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  border: 1px solid #dbeafe;
  border-radius: 8px;
  background: #f8fbff;
  color: #1e40af;
  font-size: 12px;
  font-weight: 850;
}

.marketing-growth-sales-bars {
  display: grid;
  gap: 8px;
}

.marketing-growth-sales-bars div {
  display: grid;
  grid-template-columns: 92px minmax(120px, 1fr) 56px;
  gap: 10px;
  align-items: center;
}

.marketing-growth-sales-bars span,
.marketing-growth-sales-bars strong {
  color: var(--muted);
  font-size: 12px;
  font-weight: 850;
}

.marketing-growth-sales-bars strong {
  color: var(--ink);
  text-align: right;
}

.marketing-growth-sales-bars em {
  width: var(--bar-width);
  min-width: 4px;
  height: 8px;
  border-radius: 999px;
  background: #2563eb;
}

.marketing-growth-product-cell {
  display: grid;
  gap: 4px;
  min-width: 180px;
}

.marketing-growth-product-cell strong {
  color: var(--ink);
  font-size: 13px;
  line-height: 1.35;
}

.marketing-growth-product-cell small {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.marketing-growth-operation-cell,
.marketing-growth-action-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.marketing-growth-action-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.marketing-growth-empty {
  display: grid;
  gap: 6px;
  align-content: center;
  min-height: 96px;
  padding: 14px;
  border: 1px dashed var(--line-strong);
  border-radius: 8px;
  background: #f8fafc;
  color: var(--muted);
  line-height: 1.55;
}

.marketing-growth-empty strong {
  color: var(--ink);
}

.marketing-growth-empty.is-error {
  border-color: #fecaca;
  background: #fff1f2;
  color: var(--red);
}

.marketing-growth-activity-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.marketing-growth-status-list {
  display: grid;
  gap: 8px;
}

.marketing-growth-status-list button {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px 10px;
  padding: 11px 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  color: var(--ink);
  text-align: left;
}

.marketing-growth-status-list button.is-active,
.marketing-growth-status-list button:hover {
  border-color: #93c5fd;
  background: #eff6ff;
}

.marketing-growth-status-list button.is-ok {
  border-color: #bbf7d0;
}

.marketing-growth-status-list button.is-failed,
.marketing-growth-status-list button.is-denied,
.marketing-growth-status-list button.is-unavailable {
  border-color: #fecaca;
  background: #fffafa;
}

.marketing-growth-status-list strong {
  display: block;
  font-size: 13px;
  font-weight: 900;
}

.marketing-growth-status-list em {
  align-self: start;
  padding: 2px 7px;
  border-radius: 999px;
  background: #eef2ff;
  color: #3730a3;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}

.marketing-growth-status-list p {
  grid-column: 1 / -1;
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.marketing-growth-detail .temu-business-action {
  padding: 0;
  border: 0;
}

.marketing-growth-raw {
  display: grid;
  gap: 10px;
}

.marketing-growth-raw summary {
  cursor: pointer;
  color: var(--blue);
  font-size: 13px;
  font-weight: 900;
}

.flow-growth-page {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 12px 16px 18px;
  border: 0;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}

.flow-growth-head {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: center;
  min-height: 34px;
}

.flow-growth-head h2 {
  margin: 0;
  color: #1f2937;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: 0;
}

.flow-growth-market-tabs {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  padding: 3px 4px;
  border-radius: 999px;
  background: rgba(247, 248, 250, 0.92);
}

.flow-growth-market-tabs button {
  min-width: 54px;
  height: 28px;
  padding: 0 11px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: transparent;
  color: #9ca3af;
  font-size: 13px;
  cursor: pointer;
}

.flow-growth-market-tabs button::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 4px;
  border-radius: 999px;
  background: #c7d2fe;
  vertical-align: 1px;
}

.flow-growth-market-tabs button.is-active {
  border-color: #2563eb;
  background: #fff;
  color: #1f2937;
  box-shadow: 0 3px 8px rgba(37, 99, 235, 0.12);
}

.flow-growth-market-tabs button.is-active::before {
  background: #10b981;
}

.flow-growth-hero {
  position: relative;
  min-height: 196px;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
  gap: 22px;
  align-items: center;
  padding: 24px 40px;
  border-radius: 4px;
  background:
    radial-gradient(circle at 18% 0%, rgba(129, 140, 248, 0.55), transparent 26%),
    linear-gradient(105deg, #dbe9ff 0%, #adc2ff 48%, #cbeeff 100%);
}

.flow-growth-hero::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -62px;
  width: 780px;
  height: 190px;
  border: 1px solid rgba(255, 255, 255, 0.42);
  border-radius: 50%;
}

.flow-growth-hero-copy {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  max-width: 1040px;
}

.flow-growth-hero-copy h1 {
  grid-column: 1 / -1;
  margin: 0 0 6px;
  color: #102a73;
  font-size: 36px;
  font-weight: 900;
  line-height: 1.08;
  text-shadow: 0 2px 0 rgba(255, 255, 255, 0.5);
}

.flow-growth-hero-copy div {
  display: grid;
  gap: 6px;
}

.flow-growth-hero-copy strong {
  color: #0f2460;
  font-size: 16px;
  font-weight: 900;
}

.flow-growth-hero-copy p {
  margin: 0;
  color: #243b73;
  font-size: 14px;
  line-height: 1.5;
}

.flow-growth-hero-card {
  position: relative;
  z-index: 1;
  min-height: 122px;
  padding: 22px 22px 18px 86px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.72);
  box-shadow: 0 18px 35px rgba(46, 80, 150, 0.14);
}

.flow-growth-hero-card span {
  position: absolute;
  left: 24px;
  top: 22px;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  background: #1d4ed8;
}

.flow-growth-hero-card strong {
  display: block;
  color: #1f2937;
  font-size: 14px;
  font-weight: 900;
}

.flow-growth-hero-card p {
  margin: 8px 0 14px;
  color: #64748b;
  font-size: 13px;
}

.flow-growth-hero-card b {
  color: #1d4ed8;
}

.flow-growth-hero-card button {
  height: 34px;
  padding: 0 14px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #fff;
  color: #64748b;
  font-size: 13px;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
}

.flow-growth-hero-card i {
  position: absolute;
  right: 18px;
  bottom: 18px;
  width: 168px;
  height: 42px;
  border-bottom: 4px solid #1d4ed8;
  border-radius: 50%;
  transform: rotate(-8deg);
}

.flow-growth-hero-note {
  position: absolute;
  z-index: 3;
  top: -130px;
  left: 35%;
  width: 360px;
  padding: 12px 14px;
  border: 1px solid #d1d5db;
  border-radius: 3px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.14);
  color: #334155;
  font-size: 12px;
  line-height: 1.55;
  opacity: 0;
  pointer-events: none;
}

.flow-growth-hero:hover .flow-growth-hero-note {
  top: 8px;
  opacity: 1;
}

.flow-growth-hero-note p {
  margin: 0;
}

.flow-growth-trend {
  position: relative;
  display: grid;
  gap: 10px;
  padding: 14px 16px 16px;
  border-radius: 3px;
  background: #fff;
}

.flow-growth-section-title {
  display: flex;
  align-items: center;
  gap: 8px;
}

.flow-growth-section-title::before {
  content: "";
  width: 3px;
  height: 18px;
  border-radius: 999px;
  background: #2563eb;
}

.flow-growth-section-title h3 {
  margin: 0;
  color: #111827;
  font-size: 16px;
  font-weight: 750;
}

.flow-growth-chart-controls {
  position: absolute;
  top: 12px;
  right: 16px;
  display: flex;
  gap: 6px;
}

.flow-growth-chart-controls select,
.flow-growth-chart-controls input {
  height: 30px;
  border-color: #e5e7eb;
  border-radius: 3px;
  background: #fff;
  color: #374151;
  font-size: 12px;
}

.flow-growth-chart-controls input {
  width: 184px;
}

.flow-growth-chart {
  min-height: 260px;
  padding: 14px 20px 4px;
  border-radius: 3px;
  background: #fbfbfc;
}

.flow-growth-chart-legend {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 4px 0 4px 28px;
  color: #374151;
  font-size: 12px;
}

.flow-growth-chart-legend span {
  width: 25px;
  height: 12px;
  background: #f59e0b;
}

.flow-growth-chart svg {
  display: block;
  width: 100%;
  height: 214px;
}

.flow-growth-chart line {
  stroke: #e5e7eb;
  stroke-width: 1;
}

.flow-growth-chart polyline {
  fill: none;
  stroke: #e98a10;
  stroke-width: 3;
  transform: translate(24px, 0);
}

.flow-growth-chart text {
  fill: #6b7280;
  font-size: 12px;
}

.flow-growth-filters {
  display: grid;
  grid-template-columns: repeat(4, minmax(180px, 1fr));
  gap: 14px 18px;
  align-items: end;
  padding: 18px 48px;
  background: #f7f7f8;
}

.flow-growth-filters label {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}

.flow-growth-filters label > span {
  color: #374151;
  font-size: 13px;
  text-align: right;
  white-space: nowrap;
}

.flow-growth-filters input,
.flow-growth-filters select {
  height: 32px;
  border: 1px solid #d1d5db;
  border-radius: 2px;
  background: #fff;
  color: #374151;
  font-size: 13px;
}

.flow-growth-sku-filter div {
  display: grid;
  grid-template-columns: 68px minmax(0, 1fr);
}

.flow-growth-sku-filter select {
  border-right: 0;
  border-radius: 2px 0 0 2px;
}

.flow-growth-sku-filter input {
  border-radius: 0 2px 2px 0;
}

.flow-growth-filter-actions {
  display: flex;
  gap: 10px;
  align-items: center;
}

.flow-growth-primary,
.flow-growth-secondary {
  min-width: 64px;
  height: 32px;
  padding: 0 16px;
  border-radius: 3px;
  font-size: 13px;
  cursor: pointer;
}

.flow-growth-primary {
  border: 1px solid #2563eb;
  background: #2563eb;
  color: #fff;
}

.flow-growth-secondary {
  border: 1px solid #d1d5db;
  background: #fff;
  color: #374151;
}

.flow-growth-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0 22px;
  align-items: center;
  min-height: 38px;
  border-bottom: 1px solid #e5e7eb;
}

.flow-growth-tabs > button {
  height: 38px;
  padding: 0;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: #374151;
  font-size: 15px;
  cursor: pointer;
}

.flow-growth-tabs > button.is-active {
  border-bottom-color: #2563eb;
  color: #2563eb;
}

.flow-growth-checks {
  margin-left: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: center;
}

.flow-growth-checks label {
  color: #374151;
  font-size: 12px;
  white-space: nowrap;
}

.flow-growth-table-wrap {
  max-height: 680px;
  overflow: auto;
  border: 1px solid #e5e7eb;
  border-radius: 3px;
  background: #fff;
}

.flow-growth-table {
  width: 100%;
  min-width: 1260px;
  border-collapse: separate;
  border-spacing: 0;
  color: #1f2937;
  font-size: 13px;
}

.flow-growth-table th,
.flow-growth-table td {
  padding: 12px 12px;
  border-right: 1px solid #e5e7eb;
  border-bottom: 1px solid #e5e7eb;
  background: #fff;
  vertical-align: middle;
}

.flow-growth-table th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: #f3f4f6;
  color: #4b5563;
  text-align: left;
  font-weight: 650;
  white-space: nowrap;
}

.flow-growth-table th:first-child,
.flow-growth-table td:first-child {
  position: sticky;
  left: 0;
  z-index: 3;
  min-width: 360px;
  max-width: 420px;
}

.flow-growth-table th:nth-child(2),
.flow-growth-table td:nth-child(2),
.flow-growth-table th:nth-child(3),
.flow-growth-table td:nth-child(3) {
  min-width: 130px;
  text-align: right;
}

.flow-growth-table th:nth-child(4),
.flow-growth-table td:nth-child(4) {
  min-width: 180px;
}

.flow-growth-table th:nth-child(5),
.flow-growth-table td:nth-child(5) {
  min-width: 150px;
  text-align: right;
}

.flow-growth-table th:nth-child(6),
.flow-growth-table td:nth-child(6) {
  min-width: 310px;
}

.flow-growth-table th:nth-child(7),
.flow-growth-table td:nth-child(7) {
  min-width: 110px;
}

.flow-growth-product {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

.flow-growth-thumb {
  position: relative;
  width: 58px;
  height: 58px;
  overflow: hidden;
  border: 1px solid #e5e7eb;
  border-radius: 2px;
  background: #eef2ff;
}

.flow-growth-thumb img,
.flow-growth-thumb-empty {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.flow-growth-thumb-empty {
  background:
    linear-gradient(135deg, rgba(59, 130, 246, 0.18), rgba(245, 158, 11, 0.18)),
    #f8fafc;
}

.flow-growth-thumb em {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1px 3px;
  background: rgba(17, 24, 39, 0.72);
  color: #fff;
  font-size: 11px;
  font-style: normal;
  text-align: right;
}

.flow-growth-product strong {
  display: -webkit-box;
  overflow: hidden;
  color: #111827;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.36;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.flow-growth-product span,
.flow-growth-sku span,
.flow-growth-potential p {
  display: block;
  margin-top: 5px;
  color: #4b5563;
  font-size: 12px;
  line-height: 1.45;
}

.flow-growth-number,
.flow-growth-price {
  color: #111827;
  font-variant-numeric: tabular-nums;
}

.flow-growth-sku strong {
  display: block;
  color: #111827;
  font-size: 13px;
  font-weight: 550;
}

.flow-growth-potential strong {
  display: flex;
  gap: 7px;
  align-items: center;
  color: #111827;
  font-size: 13px;
  font-weight: 650;
}

.flow-growth-potential strong span {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #9ca3af;
}

.flow-growth-potential.is-short strong span {
  background: #2563eb;
}

.flow-growth-potential.is-waiting strong span {
  background: #f59e0b;
}

.flow-growth-potential.is-long strong span {
  background: #10b981;
}

.flow-growth-potential.is-waiting p {
  display: inline-block;
  padding: 3px 8px;
  border-radius: 2px;
  background: #fff7df;
  color: #b45309;
}

.flow-growth-row-actions {
  display: grid;
  gap: 7px;
  align-content: center;
}

.flow-growth-row-actions button {
  padding: 0;
  border: 0;
  background: transparent;
  color: #1d4ed8;
  font-size: 13px;
  text-align: left;
  cursor: pointer;
}

.flow-growth-pagination {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  align-items: center;
  color: #374151;
  font-size: 13px;
}

.flow-growth-pagination select,
.flow-growth-pagination button {
  height: 30px;
  min-width: 30px;
  border: 1px solid #d1d5db;
  border-radius: 3px;
  background: #fff;
  color: #374151;
}

.flow-growth-pagination button.is-active {
  border-color: #2563eb;
  background: #2563eb;
  color: #fff;
}

.flow-growth-rules {
  display: grid;
  gap: 3px;
  padding: 6px 0 0;
  color: #374151;
  font-size: 13px;
  line-height: 1.55;
}

.flow-growth-rules p {
  margin: 0;
}

.flow-growth-empty {
  display: grid;
  gap: 6px;
  justify-items: center;
  padding: 44px 18px;
  color: #6b7280;
}

.flow-growth-empty strong {
  color: #111827;
  font-size: 15px;
}

.flow-growth-sync-note {
  margin-top: 4px;
  padding: 10px 12px;
  border: 1px dashed #e5e7eb;
  border-radius: 4px;
  background: #fafafa;
  color: #6b7280;
  font-size: 12px;
}

.flow-growth-sync-note summary {
  cursor: pointer;
  font-weight: 700;
}

@media (max-width: 1180px) {
  .flow-growth-head,
  .flow-growth-hero,
  .flow-growth-filters {
    grid-template-columns: 1fr;
  }

  .flow-growth-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .flow-growth-hero-copy {
    grid-template-columns: 1fr;
  }

  .flow-growth-hero-copy h1 {
    font-size: 30px;
  }

  .flow-growth-chart-controls {
    position: static;
    justify-content: flex-start;
  }

  .flow-growth-filters {
    padding: 16px;
  }

  .flow-growth-filters label {
    grid-template-columns: 96px minmax(0, 1fr);
  }

  .flow-growth-checks {
    width: 100%;
    margin-left: 0;
  }
}

.marketing-promotion-workbench {
  gap: 18px;
}

.marketing-promotion-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}

.marketing-promotion-metrics article {
  min-height: 86px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
}

.marketing-promotion-metrics span,
.marketing-promotion-toolbar span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.marketing-promotion-metrics strong {
  display: block;
  margin: 4px 0;
  overflow: hidden;
  color: var(--ink);
  font-size: 20px;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.marketing-promotion-metrics small {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.35;
}

.marketing-promotion-metrics svg {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  color: var(--blue);
}

.marketing-promotion-toolbar {
  display: grid;
  grid-template-columns: minmax(280px, 1fr) minmax(180px, 260px);
  gap: 12px;
  align-items: end;
}

.marketing-promotion-toolbar label,
.marketing-promotion-main,
.marketing-promotion-side,
.marketing-promotion-write-entry,
.marketing-promotion-blockers {
  display: grid;
  gap: 14px;
}

.marketing-promotion-toolbar label {
  gap: 6px;
}

.marketing-promotion-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(380px, 0.42fr);
  gap: 16px;
  align-items: start;
}

.marketing-promotion-main,
.marketing-promotion-side {
  min-width: 0;
}

.marketing-promotion-side {
  position: sticky;
  top: 16px;
}

.marketing-promotion-source-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.marketing-promotion-source {
  min-height: 82px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  color: var(--ink);
  text-align: left;
}

.marketing-promotion-source:hover,
.marketing-promotion-source.is-active {
  border-color: #93c5fd;
  background: #eff6ff;
}

.marketing-promotion-source.is-ok {
  border-color: #bbf7d0;
}

.marketing-promotion-source.is-error {
  border-color: #fecaca;
  background: #fff7f7;
}

.marketing-promotion-source svg {
  width: 18px;
  height: 18px;
  color: var(--blue);
}

.marketing-promotion-source span {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.marketing-promotion-source strong,
.marketing-promotion-source small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.marketing-promotion-source small {
  color: var(--muted);
  font-size: 11px;
}

.marketing-promotion-source em {
  grid-column: 1 / -1;
  justify-self: start;
  padding: 2px 7px;
  border-radius: 999px;
  background: #eef2ff;
  color: #3730a3;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}

.marketing-promotion-reference {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
  background: #f8fbff;
}

.marketing-promotion-flow {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.marketing-promotion-flow div {
  display: grid;
  gap: 5px;
  min-height: 76px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.marketing-promotion-flow strong {
  color: var(--ink);
  font-size: 14px;
}

.marketing-promotion-flow span {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.marketing-promotion-table-panel {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.marketing-promotion-table-panel .data-table {
  min-width: 760px;
}

.marketing-promotion-ad-list .data-table,
.marketing-promotion-report-grid .data-table {
  min-width: 1480px;
}

.marketing-promotion-list-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.marketing-promotion-product-cell {
  min-width: 280px;
  max-width: 360px;
}

.marketing-promotion-product-cell strong,
.marketing-promotion-product-cell span {
  display: block;
}

.marketing-promotion-product-cell strong {
  margin-bottom: 5px;
  color: var(--ink);
  line-height: 1.35;
}

.marketing-promotion-product-cell span,
.marketing-promotion-ad-list small {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
}

.marketing-promotion-row-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 120px;
}

.marketing-promotion-report-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.marketing-promotion-write-entry,
.marketing-promotion-blockers {
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
}

.marketing-promotion-write-buttons {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}

.marketing-promotion-write-buttons .secondary-button {
  width: 100%;
  justify-content: flex-start;
}

.marketing-promotion-write-buttons .secondary-button.is-active {
  border-color: #93c5fd;
  background: #eff6ff;
  color: #1d4ed8;
}

.ads-promo-page {
  min-width: 1420px;
  min-height: calc(100vh - 86px);
  margin: -24px;
  background: #f4f5f8;
  color: #111827;
  font-size: 13px;
}

.ads-promo-topbar {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 28px;
  min-height: 56px;
  padding: 0 24px;
  background: #070537;
  color: #ffffff;
}

.ads-promo-brand,
.ads-promo-topbar nav,
.ads-promo-user {
  display: inline-flex;
  align-items: center;
  min-width: 0;
}

.ads-promo-brand {
  gap: 12px;
  white-space: nowrap;
}

.ads-promo-brand strong {
  font-size: 20px;
  font-weight: 900;
}

.ads-promo-brand span {
  color: #d8dbff;
  font-size: 15px;
  font-weight: 800;
}

.ads-promo-brand a {
  color: #ffffff;
  font-size: 14px;
  text-decoration: none;
}

.ads-promo-topbar nav {
  justify-content: center;
  gap: 12px;
}

.ads-promo-topbar nav button {
  height: 34px;
  min-width: 84px;
  padding: 0 18px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
}

.ads-promo-topbar nav button.is-active {
  background: rgba(255, 255, 255, 0.18);
}

.ads-promo-user {
  justify-content: flex-end;
  gap: 16px;
  white-space: nowrap;
}

.ads-promo-user span {
  position: relative;
}

.ads-promo-user em {
  position: absolute;
  top: -12px;
  right: -11px;
  min-width: 16px;
  height: 16px;
  border-radius: 999px;
  background: #ff7a1a;
  color: #fff;
  font-size: 11px;
  font-style: normal;
  line-height: 16px;
  text-align: center;
}

.ads-promo-alert {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 50px;
  padding: 0 28px;
  border-bottom: 1px solid #ffd5d3;
  background: #fff0ef;
  color: #4b5563;
}

.ads-promo-alert span {
  color: #f04438;
}

.ads-promo-alert button {
  height: 30px;
  min-width: 68px;
  margin-left: 10px;
  border: 0;
  border-radius: 4px;
  background: #436cf5;
  color: #ffffff;
  font-weight: 800;
}

.ads-promo-body {
  display: grid;
  gap: 16px;
  padding: 22px 20px 32px;
}

.ads-promo-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.ads-promo-heading > div:first-child {
  display: flex;
  align-items: center;
  gap: 12px;
}

.ads-promo-heading h2 {
  margin: 0;
  color: #111827;
  font-size: 28px;
  line-height: 1.2;
  font-weight: 900;
}

.ads-promo-heading a {
  color: #3158d4;
  font-size: 14px;
  text-decoration: none;
}

.ads-promo-date-tabs {
  display: inline-flex;
  align-items: center;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background: #ffffff;
  overflow: hidden;
}

.ads-promo-date-tabs button {
  height: 42px;
  min-width: 64px;
  padding: 0 14px;
  border: 0;
  border-right: 1px solid #e5e7eb;
  background: #ffffff;
  color: #374151;
  font-weight: 700;
}

.ads-promo-date-tabs button:last-child {
  border-right: 0;
}

.ads-promo-date-tabs button.is-active {
  color: #3158d4;
}

.ads-promo-metrics,
.ads-promo-list-section {
  display: grid;
  gap: 14px;
  padding: 24px 16px 26px;
  border-radius: 8px;
  background: #ffffff;
}

.ads-promo-metrics-head {
  display: grid;
  gap: 8px;
}

.ads-promo-metrics h3,
.ads-promo-list-section h3 {
  margin: 0;
  color: #111827;
  font-size: 20px;
  font-weight: 900;
}

.ads-promo-metrics-head p {
  margin: 0;
  color: #6b7280;
  line-height: 1.5;
}

.ads-promo-refresh-inline {
  padding: 0 4px;
  border: 0;
  background: transparent;
  color: #6b7280;
  font-size: 13px;
}

.ads-promo-metric-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
}

.ads-promo-metric-grid article {
  min-height: 96px;
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 16px;
  background: #fafbfe;
}

.ads-promo-metric-grid span {
  color: #4b5563;
  font-size: 13px;
}

.ads-promo-metric-grid strong {
  overflow: hidden;
  color: #1f2937;
  font-size: 21px;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ads-promo-list-section {
  padding-top: 22px;
}

.ads-promo-actions-line {
  display: flex;
  align-items: center;
  gap: 36px;
}

.ads-promo-primary {
  width: 200px;
  height: 46px;
  border: 0;
  border-radius: 4px;
  background: #436cf5;
  color: #ffffff;
  font-size: 15px;
  font-weight: 900;
}

.ads-promo-net-card {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  padding: 0 14px;
  border-radius: 5px;
  background: #f1f5ff;
  color: #4b5563;
}

.ads-promo-net-card strong {
  color: #3158d4;
}

.ads-promo-note {
  min-height: 28px;
  padding: 6px 10px;
  background: #edf5ff;
  color: #1f2937;
  line-height: 1.5;
}

.ads-promo-bid-tabs {
  display: flex;
  align-items: center;
  gap: 28px;
  min-height: 42px;
  border-bottom: 1px solid #e5e7eb;
}

.ads-promo-bid-tabs button {
  position: relative;
  height: 42px;
  padding: 0 2px;
  border: 0;
  background: transparent;
  color: #4b5563;
  font-size: 16px;
}

.ads-promo-bid-tabs button.is-active {
  color: #3158d4;
}

.ads-promo-bid-tabs button.is-active::after {
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 2px;
  background: #3158d4;
  content: "";
}

.ads-promo-bid-tabs em {
  position: absolute;
  top: -6px;
  right: -22px;
  min-width: 20px;
  height: 20px;
  border-radius: 999px;
  background: #f04438;
  color: #ffffff;
  font-size: 12px;
  font-style: normal;
  line-height: 20px;
  text-align: center;
}

.ads-promo-blue-banner {
  min-height: 42px;
  padding: 12px 16px;
  background: #5aa5e8;
  color: #ffffff;
  font-weight: 900;
}

.ads-promo-filter-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  min-height: 58px;
  padding: 12px 16px;
  background: #fafafa;
}

.ads-promo-search {
  position: relative;
  width: 500px;
  max-width: 100%;
}

.ads-promo-search input {
  width: 100%;
  height: 34px;
  min-height: 34px;
  padding: 0 38px 0 12px;
  border: 1px solid #dfe3eb;
  border-radius: 3px;
  background: #ffffff;
}

.ads-promo-search span {
  position: absolute;
  top: 7px;
  right: 12px;
  color: #8b95a5;
}

.ads-promo-status-filter,
.ads-promo-more-filter {
  display: inline-flex;
  align-items: center;
  height: 34px;
  border: 1px solid #dfe3eb;
  border-radius: 3px;
  background: #ffffff;
  color: #374151;
}

.ads-promo-status-filter {
  gap: 4px;
  padding: 0 10px;
}

.ads-promo-status-filter select {
  min-height: 28px;
  border: 0;
  background: transparent;
}

.ads-promo-more-filter {
  padding: 0 18px;
}

.ads-promo-table-wrap {
  width: 100%;
  overflow: auto;
  border-top: 1px solid #e5e7eb;
  background: #ffffff;
}

.ads-promo-table {
  min-width: 2200px;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  color: #2f333b;
  font-size: 12px;
}

.ads-promo-table th,
.ads-promo-table td {
  min-width: 128px;
  padding: 12px 14px;
  border-right: 1px solid #e5e7eb;
  border-bottom: 1px solid #e5e7eb;
  background: #ffffff;
  text-align: left;
  vertical-align: middle;
}

.ads-promo-table th {
  height: 48px;
  background: #fafafa;
  color: #5d6675;
  font-weight: 800;
  white-space: nowrap;
}

.ads-promo-table th span {
  color: #b0b7c3;
}

.ads-promo-table .ads-select-col {
  position: sticky;
  left: 0;
  z-index: 2;
  min-width: 42px;
  width: 42px;
  text-align: center;
}

.ads-promo-table th.ads-select-col {
  z-index: 3;
}

.ads-promo-table th:nth-child(2),
.ads-promo-table td:nth-child(2) {
  position: sticky;
  left: 42px;
  z-index: 2;
  min-width: 430px;
  max-width: 500px;
}

.ads-promo-table th:nth-child(2) {
  z-index: 3;
}

.ads-promo-table th:nth-child(3),
.ads-promo-table td:nth-child(3) {
  min-width: 130px;
}

.ads-promo-table th:nth-child(4),
.ads-promo-table td:nth-child(4) {
  min-width: 160px;
}

.ads-promo-table th:nth-child(5),
.ads-promo-table td:nth-child(5) {
  min-width: 128px;
}

.ads-promo-summary-row td {
  height: 46px;
  background: #ffffff;
  font-weight: 800;
}

.ads-promo-summary-row small {
  margin-left: 10px;
  color: #8b95a5;
  font-weight: 500;
}

.ads-promo-product {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  min-width: 390px;
}

.ads-promo-product img,
.ads-promo-image-placeholder {
  width: 52px;
  height: 52px;
  border: 1px solid #e5e7eb;
  border-radius: 3px;
  background: linear-gradient(135deg, #f8fafc, #e5e7eb);
  object-fit: cover;
}

.ads-promo-product strong,
.ads-promo-product span,
.ads-promo-product em {
  display: block;
  min-width: 0;
}

.ads-promo-product strong {
  max-width: 330px;
  margin-bottom: 4px;
  overflow: hidden;
  color: #111827;
  font-weight: 800;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ads-promo-product span {
  color: #6b7280;
  line-height: 1.45;
}

.ads-promo-product button {
  padding: 0;
  border: 0;
  background: transparent;
  color: #9ca3af;
}

.ads-promo-product em {
  width: max-content;
  max-width: 100%;
  margin-top: 4px;
  padding: 2px 7px;
  border: 1px solid #c7d2fe;
  border-radius: 3px;
  background: #eef2ff;
  color: #3158d4;
  font-size: 12px;
  font-style: normal;
}

.ads-budget-cell {
  line-height: 1.65;
}

.ads-promo-actions {
  display: grid;
  gap: 6px;
}

.ads-promo-actions button {
  width: max-content;
  padding: 0;
  border: 0;
  background: transparent;
  color: #3158d4;
  font-size: 13px;
  text-align: left;
}

.ads-promo-empty {
  display: grid;
  min-height: 180px;
  place-items: center;
  gap: 8px;
  color: #8b95a5;
  text-align: center;
}

.ads-promo-empty strong {
  color: #4b5563;
}

.ads-promo-pagination {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  min-height: 48px;
  color: #5d6675;
}

.ads-promo-pagination select,
.ads-promo-pagination button {
  height: 30px;
  min-width: 34px;
  border: 1px solid #dfe3eb;
  border-radius: 3px;
  background: #ffffff;
}

.ads-promo-debug {
  color: #4b5563;
}

.ads-promo-debug summary {
  cursor: pointer;
  color: #3158d4;
  font-weight: 800;
}

.ads-promo-debug-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 12px;
}

.ads-promo-debug pre {
  max-height: 240px;
  margin: 0;
  overflow: auto;
  padding: 12px;
  border-radius: 4px;
  background: #111827;
  color: #e5e7eb;
  font-size: 11px;
  white-space: pre-wrap;
}

.marketing-tools-panel {
  display: grid;
  gap: 16px;
  border-color: #cbd5e1;
  background: #fff;
}

.marketing-tools-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.marketing-tools-head h2 {
  margin: 3px 0 6px;
}

.marketing-tools-head p:last-child {
  max-width: 780px;
  margin: 0;
  color: var(--muted);
  line-height: 1.6;
}

.marketing-tool-summary {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.marketing-tool-summary > div {
  min-height: 82px;
  display: grid;
  align-content: center;
  gap: 5px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
}

.marketing-tool-summary span,
.marketing-tool-payload span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.marketing-tool-summary strong {
  overflow: hidden;
  color: var(--ink);
  font-size: 18px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.marketing-tool-summary small {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
}

.marketing-tool-toolbar {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(180px, 220px) minmax(180px, 220px) auto;
  gap: 10px;
  align-items: end;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
}

.marketing-tool-toolbar label {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.marketing-tool-toolbar span,
.marketing-tool-detail-grid span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.marketing-tool-toolbar input,
.marketing-tool-toolbar select {
  width: 100%;
  min-width: 0;
}

.marketing-tool-toolbar-actions {
  display: flex;
  justify-content: flex-end;
}

.marketing-tool-ops-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(320px, 0.75fr);
  gap: 14px;
  align-items: start;
}

.marketing-tool-ops-layout > div {
  min-width: 0;
  display: grid;
  gap: 14px;
}

.marketing-tool-table-card,
.marketing-tool-sync-card,
.marketing-tool-detail-card {
  min-width: 0;
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.marketing-tool-table-wrap {
  max-height: 430px;
  overflow: auto;
}

.marketing-tool-table-wrap .data-table {
  min-width: 920px;
}

.marketing-tool-table-wrap code {
  color: #1d4ed8;
  font-size: 12px;
  word-break: break-all;
}

.marketing-tool-sync-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.marketing-tool-sync-item {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: start;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  color: inherit;
  text-align: left;
}

.marketing-tool-sync-item.is-ok {
  border-color: #bbf7d0;
  background: #f0fdf4;
}

.marketing-tool-sync-item.is-error {
  border-color: #fecaca;
  background: #fff1f2;
}

.marketing-tool-sync-item.is-write {
  border-color: #fcd34d;
  background: #fffbeb;
}

.marketing-tool-sync-item strong,
.marketing-tool-detail-grid strong {
  color: var(--ink);
  font-size: 13px;
}

.marketing-tool-sync-item small {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  word-break: break-all;
}

.marketing-tool-sync-item em {
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
  white-space: nowrap;
}

.marketing-tool-sync-item p {
  grid-column: 1 / -1;
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.marketing-tool-detail-card {
  position: sticky;
  top: 16px;
}

.marketing-tool-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.marketing-tool-detail-grid > div {
  min-width: 0;
  display: grid;
  gap: 5px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
}

.marketing-tool-detail-grid strong {
  overflow-wrap: anywhere;
}

.marketing-tool-detail-note {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  padding: 10px 12px;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
  background: #eff6ff;
  color: #1d4ed8;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.5;
}

.marketing-tool-detail-note svg {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  margin-top: 2px;
}

.marketing-tool-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.marketing-tool-card {
  min-width: 0;
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.marketing-tool-card.is-ok {
  border-color: #bbf7d0;
}

.marketing-tool-card.is-error {
  border-color: #fecaca;
  background: #fffafa;
}

.marketing-tool-card.is-write {
  border-color: #fcd34d;
}

.marketing-tool-card header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
}

.marketing-tool-card h3 {
  margin: 3px 0 4px;
  font-size: 18px;
}

.marketing-tool-card header span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  word-break: break-all;
}

.marketing-tool-card p {
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}

.marketing-tool-icon {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
  background: #eff6ff;
  color: var(--blue);
}

.marketing-tool-icon svg {
  width: 18px;
  height: 18px;
}

.marketing-tool-payload {
  display: grid;
  gap: 6px;
}

.marketing-tool-form {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.marketing-tool-form label {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.marketing-tool-form label.is-wide {
  grid-column: 1 / -1;
}

.marketing-tool-form span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.marketing-tool-form input,
.marketing-tool-form textarea {
  width: 100%;
  min-width: 0;
}

.marketing-tool-form textarea {
  resize: vertical;
}

.marketing-tool-payload textarea {
  min-height: 154px;
  resize: vertical;
  font-family: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;
  font-size: 12px;
  line-height: 1.5;
}

.marketing-tool-warning,
.marketing-tool-error,
.marketing-tool-empty,
.marketing-tool-valid {
  padding: 10px 12px;
  border-radius: 8px;
  font-size: 13px;
  line-height: 1.55;
}

.marketing-tool-warning {
  border: 1px solid #fbbf24;
  background: #fffbeb;
  color: #92400e;
  font-weight: 800;
}

.marketing-tool-error {
  border: 1px solid #fecaca;
  background: #fff1f2;
  color: var(--red);
  font-weight: 800;
}

.marketing-tool-empty {
  border: 1px dashed var(--line-strong);
  background: #f8fafc;
  color: var(--muted);
}

.marketing-tool-valid {
  border: 1px solid #bbf7d0;
  background: #f0fdf4;
  color: #166534;
  font-weight: 800;
}

.marketing-tool-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}

.marketing-tool-result {
  display: grid;
  gap: 10px;
  padding-top: 4px;
  border-top: 1px solid var(--line);
}

.marketing-tool-result-table {
  max-height: 300px;
  overflow: auto;
}

.marketing-tool-result-table .data-table {
  min-width: 720px;
}

.marketing-tool-json {
  max-height: 300px;
  margin: 0;
  overflow: auto;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #0f172a;
  color: #e2e8f0;
  font-size: 12px;
  line-height: 1.5;
}

.marketing-tool-audit {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
}

.marketing-tool-audit-list {
  display: grid;
  gap: 8px;
}

.marketing-tool-audit-list > div {
  display: grid;
  gap: 3px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.marketing-tool-audit-list strong {
  color: var(--ink);
  font-size: 13px;
  word-break: break-all;
}

.marketing-tool-audit-list span,
.marketing-tool-audit-list small {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
}

.quality-workbench {
  gap: 18px;
}

.quality-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}

.quality-metrics > div {
  min-height: 82px;
  display: grid;
  align-content: center;
  gap: 5px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
}

.quality-metrics > div.is-blocked {
  border-color: #fecaca;
  background: #fff7f7;
}

.quality-metrics span,
.quality-query-grid span,
.quality-filter-toolbar span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.quality-metrics strong {
  color: var(--ink);
  font-size: 22px;
  line-height: 1.1;
}

.quality-metrics small {
  overflow: hidden;
  color: var(--muted);
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.quality-query-panel,
.quality-main-panel,
.quality-detail-panel,
.quality-blocking-panel {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.quality-query-panel {
  grid-template-columns: minmax(220px, 0.55fr) minmax(560px, 1.35fr) auto;
  align-items: end;
  background: #f8fbff;
  border-color: #bfdbfe;
}

.quality-query-copy h3 {
  margin: 3px 0 6px;
}

.quality-query-copy p:last-child {
  margin: 0;
  color: var(--muted);
  line-height: 1.55;
}

.quality-query-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.quality-query-grid label,
.quality-filter-toolbar label {
  display: grid;
  gap: 6px;
}

.quality-source-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.quality-filter-toolbar {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(220px, 0.3fr);
  gap: 10px;
  align-items: end;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.quality-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.quality-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.42fr);
  gap: 14px;
  align-items: start;
}

.quality-side-panel {
  position: sticky;
  top: 16px;
  display: grid;
  gap: 14px;
}

.quality-table-wrap {
  max-height: 560px;
  overflow: auto;
}

.quality-table-wrap .data-table {
  min-width: 1180px;
}

.quality-row-blocked td {
  background: #fff7f7;
}

.quality-row-pending td {
  background: #fffbeb;
}

.quality-empty {
  min-height: 150px;
  display: grid;
  align-content: center;
  justify-items: start;
  gap: 6px;
  padding: 16px;
  border: 1px dashed var(--line-strong);
  border-radius: 8px;
  background: #f8fafc;
  color: var(--muted);
  line-height: 1.55;
}

.quality-empty strong {
  color: var(--ink);
}

.quality-detail-list,
.quality-blocker-list,
.quality-compliance-list {
  display: grid;
  gap: 10px;
}

.quality-detail-list article,
.quality-blocker-list > div,
.quality-compliance-list article {
  display: grid;
  gap: 8px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
}

.quality-detail-title {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: flex-start;
}

.quality-detail-list strong,
.quality-blocker-list strong,
.quality-compliance-list strong {
  color: var(--ink);
  font-size: 13px;
}

.quality-record-meta {
  display: grid;
  gap: 4px;
  color: var(--muted);
  font-size: 12px;
}

.quality-check-section {
  display: grid;
  gap: 8px;
  padding-top: 8px;
  border-top: 1px solid var(--line);
}

.quality-check-section h4 {
  margin: 0;
  color: #334155;
  font-size: 12px;
}

.quality-check-table {
  max-height: 260px;
  overflow: auto;
}

.quality-check-table .data-table {
  min-width: 520px;
}

.quality-detail-kv {
  display: grid;
  grid-template-columns: minmax(120px, 0.4fr) minmax(0, 1fr);
  gap: 6px 10px;
  margin: 0;
}

.quality-detail-kv dt {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.quality-detail-kv dd {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
  color: #334155;
  font-size: 12px;
}

.quality-image-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(72px, 1fr));
  gap: 8px;
}

.quality-image-grid a {
  display: block;
  aspect-ratio: 1;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.quality-image-grid img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.quality-blocker-list span,
.quality-compliance-list span,
.quality-blocked-note span {
  overflow-wrap: anywhere;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.quality-blocked-note {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  padding: 10px;
  border: 1px dashed #fecaca;
  border-radius: 8px;
  background: #fff7f7;
}

.quality-blocked-note svg {
  width: 16px;
  height: 16px;
  color: #b91c1c;
}

.quality-raw-api {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.quality-raw-api summary {
  cursor: pointer;
  padding: 12px 14px;
  color: #334155;
  font-size: 13px;
  font-weight: 900;
}

.quality-raw-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  padding: 0 14px 14px;
}

.quality-raw-grid section {
  min-width: 0;
}

.quality-raw-grid h4 {
  margin: 0 0 6px;
  color: var(--muted);
  font-size: 12px;
}

.quality-raw-grid .temu-api-result {
  max-height: 280px;
}

.quality-dashboard-metrics {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.quality-metric-card.is-shop {
  background: #f0f9ff;
  border-color: #bae6fd;
}

.quality-metric-card.is-risk {
  background: #fff1f2;
  border-color: #fecdd3;
}

.quality-metric-card.is-warning {
  background: #fffbeb;
  border-color: #fde68a;
}

.quality-source-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.quality-source-card {
  min-width: 0;
  display: grid;
  gap: 5px;
  padding: 12px;
  text-align: left;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.quality-source-card span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
}

.quality-source-card strong {
  color: var(--ink);
  font-size: 18px;
}

.quality-source-card small {
  overflow: hidden;
  color: var(--muted);
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.quality-source-card.is-ok {
  border-color: #bbf7d0;
  background: #f0fdf4;
}

.quality-source-card.is-error {
  border-color: #fecdd3;
  background: #fff1f2;
}

.temu-qc-page {
  --qc-blue: #155bd4;
  --qc-blue-soft: #eaf2ff;
  --qc-border: #e5e7eb;
  --qc-text: #1f2329;
  --qc-muted: #6b7280;
  gap: 0;
  overflow: visible;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: #ffffff;
  box-shadow: none;
  color: var(--qc-text);
  font-size: 12px;
}

.temu-qc-page button,
.temu-qc-page input,
.temu-qc-page select {
  font: inherit;
}

.temu-qc-title {
  min-height: 58px;
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: center;
  padding: 0 24px;
  border-bottom: 1px solid #f0f1f3;
  background: #ffffff;
}

.temu-qc-title h2 {
  margin: 0;
  color: #111827;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.2;
}

.temu-qc-region-tabs {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.temu-qc-region-tabs button {
  height: 30px;
  display: inline-flex;
  gap: 6px;
  align-items: center;
  padding: 0 10px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: transparent;
  color: #4b5563;
  cursor: pointer;
  font-weight: 700;
}

.temu-qc-region-tabs button span {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #9ca3af;
}

.temu-qc-region-tabs button.is-active {
  border-color: #9cc2ff;
  background: var(--qc-blue-soft);
  color: var(--qc-blue);
}

.temu-qc-region-tabs button.is-active span {
  background: var(--qc-blue);
}

.temu-qc-filter-panel {
  display: grid;
  grid-template-columns: minmax(360px, 1.1fr) minmax(270px, 0.85fr) minmax(260px, 0.8fr) auto;
  gap: 18px;
  align-items: center;
  padding: 22px 40px 20px;
  background: #f5f6f8;
  border-bottom: 1px solid #eceef2;
}

.temu-qc-filter-panel label {
  min-width: 0;
  display: grid;
  grid-template-columns: 86px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}

.temu-qc-filter-panel label > span {
  color: #3f4652;
  font-size: 13px;
  font-weight: 700;
  text-align: right;
  white-space: nowrap;
}

.temu-qc-filter-panel input,
.temu-qc-filter-panel select,
.temu-qc-pagination select {
  width: 100%;
  min-width: 0;
  height: 32px;
  border: 1px solid #d8dbe2;
  border-radius: 2px;
  background: #ffffff;
  color: #1f2937;
  font-size: 12px;
}

.temu-qc-filter-panel input {
  padding: 0 10px;
}

.temu-qc-product-filter > div {
  min-width: 0;
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
}

.temu-qc-product-filter select {
  border-right: 0;
  border-radius: 2px 0 0 2px;
}

.temu-qc-product-filter input {
  border-radius: 0 2px 2px 0;
}

.temu-qc-filter-actions {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
}

.temu-qc-filter-actions button {
  min-width: 64px;
  height: 32px;
  justify-content: center;
  border-radius: 2px;
  font-size: 13px;
}

.temu-qc-status-tabs {
  height: 46px;
  display: flex;
  gap: 28px;
  align-items: stretch;
  padding: 0 24px;
  border-bottom: 1px solid #e8eaef;
  background: #ffffff;
}

.temu-qc-status-tabs button {
  position: relative;
  border: 0;
  background: transparent;
  color: #3f4652;
  cursor: pointer;
  font-weight: 700;
}

.temu-qc-status-tabs button.is-active {
  color: var(--qc-blue);
}

.temu-qc-status-tabs button.is-active::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  border-radius: 999px;
  background: var(--qc-blue);
  content: "";
}

.temu-qc-table-card {
  padding: 16px 24px 0;
  background: #ffffff;
}

.temu-qc-table-wrap {
  overflow: auto;
  border: 1px solid var(--qc-border);
  background: #ffffff;
}

.temu-qc-table {
  width: 100%;
  min-width: 1120px;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
}

.temu-qc-table th,
.temu-qc-table td {
  border-right: 1px solid var(--qc-border);
  border-bottom: 1px solid var(--qc-border);
  text-align: left;
  vertical-align: top;
}

.temu-qc-table th:last-child,
.temu-qc-table td:last-child {
  border-right: 0;
}

.temu-qc-table tr:last-child td {
  border-bottom: 0;
}

.temu-qc-table th {
  height: 42px;
  padding: 0 14px;
  background: #f7f8fa;
  color: #4b5563;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.temu-qc-table td {
  min-height: 126px;
  padding: 16px 14px;
  background: #ffffff;
  color: #2f3542;
  line-height: 1.45;
}

.temu-qc-table th:nth-child(1) {
  width: 39%;
}

.temu-qc-table th:nth-child(2) {
  width: 21%;
}

.temu-qc-table th:nth-child(3) {
  width: 16%;
}

.temu-qc-table th:nth-child(4) {
  width: 15%;
}

.temu-qc-table th:nth-child(5) {
  width: 9%;
}

.temu-qc-product-cell {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}

.temu-qc-product-cell img,
.temu-qc-thumb-placeholder {
  width: 58px;
  height: 58px;
  display: block;
  border: 1px solid #e1e4ea;
  border-radius: 2px;
  background: #f4f5f7;
  object-fit: cover;
}

.temu-qc-thumb-placeholder::after {
  width: 22px;
  height: 22px;
  display: block;
  margin: 17px auto 0;
  border: 2px solid #c5cad3;
  border-radius: 50%;
  content: "";
}

.temu-qc-product-cell strong {
  display: -webkit-box;
  overflow: hidden;
  margin-bottom: 8px;
  color: #1f2329;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.45;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.temu-qc-product-cell span,
.temu-qc-sku-cell span {
  display: block;
  overflow-wrap: anywhere;
  color: #5f6673;
  font-size: 12px;
  line-height: 1.7;
}

.temu-qc-sku-cell {
  display: grid;
  gap: 4px;
}

.temu-qc-action-links {
  display: grid;
  justify-items: start;
  gap: 10px;
}

.temu-qc-action-links button {
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--qc-blue);
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
  text-align: left;
}

.temu-qc-pagination {
  min-height: 48px;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  align-items: center;
  color: #6b7280;
  font-size: 12px;
}

.temu-qc-pagination select {
  width: 64px;
  height: 30px;
}

.temu-qc-empty {
  min-height: 138px;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 6px;
  color: #737b8c;
  text-align: center;
}

.temu-qc-empty strong {
  color: #2f3542;
  font-size: 13px;
}

.temu-qc-source-note {
  margin: 12px 24px 20px;
  border: 1px solid #edf0f5;
  border-radius: 4px;
  background: #fafbfc;
}

.temu-qc-source-note summary {
  cursor: pointer;
  padding: 11px 12px;
  color: #6b7280;
  font-size: 12px;
  font-weight: 700;
}

.temu-qc-source-note .inventory-blocker-list {
  padding: 0 12px 12px;
}

.temu-qc-drawer-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1200;
  background: rgba(17, 24, 39, 0.46);
}

.temu-qc-drawer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1201;
  width: min(960px, calc(100vw - 260px));
  min-width: 720px;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  background: #ffffff;
  box-shadow: -12px 0 32px rgba(15, 23, 42, 0.18);
}

.temu-qc-drawer > header {
  height: 56px;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  padding: 0 24px;
  border-bottom: 1px solid #e8eaef;
}

.temu-qc-drawer > header h3 {
  margin: 0;
  color: #111827;
  font-size: 17px;
  font-weight: 800;
}

.temu-qc-drawer > header button {
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #4b5563;
  cursor: pointer;
  font-size: 24px;
  line-height: 1;
}

.temu-qc-drawer-body {
  min-height: 0;
  overflow: auto;
  padding: 22px 24px 30px;
  background: #ffffff;
}

.temu-qc-drawer-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 14px 18px;
  border: 1px solid #eef0f4;
  background: #fafafa;
  color: #3f4652;
  font-size: 13px;
  font-weight: 700;
}

.temu-qc-timeline {
  position: relative;
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  margin: 26px 0 16px;
  color: #1f2329;
}

.temu-qc-timeline span {
  width: 10px;
  height: 10px;
  border: 2px solid var(--qc-blue);
  border-radius: 50%;
  background: #ffffff;
}

.temu-qc-timeline strong {
  font-size: 14px;
  font-weight: 800;
}

.temu-qc-result-line {
  display: flex;
  gap: 16px;
  align-items: center;
  padding: 10px 0 18px 26px;
  color: #4b5563;
  font-size: 13px;
}

.temu-qc-result-line strong {
  font-weight: 800;
}

.temu-qc-result-line strong.is-failed {
  color: #d93025;
}

.temu-qc-result-line strong.is-passed {
  color: #0f9f6e;
}

.temu-qc-result-line button {
  margin-left: auto;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--qc-blue);
  cursor: pointer;
  font-weight: 700;
}

.temu-qc-drawer-section {
  margin-top: 20px;
}

.temu-qc-drawer-section h4 {
  margin: 0 0 10px;
  color: #1f2329;
  font-size: 15px;
  font-weight: 800;
}

.temu-qc-drawer-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  border: 1px solid var(--qc-border);
  font-size: 12px;
}

.temu-qc-drawer-table th,
.temu-qc-drawer-table td {
  padding: 11px 12px;
  border: 1px solid var(--qc-border);
  color: #374151;
  text-align: left;
  vertical-align: middle;
}

.temu-qc-drawer-table th {
  background: #f7f8fa;
  color: #4b5563;
  font-weight: 700;
}

.temu-qc-drawer-table th span {
  color: #8b93a1;
  font-weight: 600;
}

.temu-qc-drawer-table .is-negative {
  color: #d93025;
  font-weight: 800;
}

.temu-qc-drawer-table .is-zero {
  color: #0f9f6e;
  font-weight: 800;
}

.temu-qc-drawer-empty {
  min-height: 76px;
  display: grid;
  place-items: center;
  color: #8b93a1;
}

.temu-qc-proof-thumb {
  position: relative;
  width: 62px;
  height: 62px;
  display: block;
  overflow: hidden;
  border: 1px solid #dfe3ea;
  border-radius: 2px;
  background: #f4f5f7;
}

.temu-qc-proof-thumb img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.temu-qc-proof-thumb span {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 2px 4px;
  background: rgba(0, 0, 0, 0.58);
  color: #ffffff;
  font-size: 11px;
  text-align: center;
}

@media (max-width: 1280px) {
  .temu-qc-filter-panel {
    grid-template-columns: 1fr;
    padding: 18px 24px;
  }

  .temu-qc-filter-actions {
    justify-content: flex-start;
    padding-left: 96px;
  }
}

@media (max-width: 860px) {
  .temu-qc-title {
    align-items: flex-start;
    flex-direction: column;
    padding: 16px;
  }

  .temu-qc-filter-panel label {
    grid-template-columns: 1fr;
  }

  .temu-qc-filter-panel label > span {
    text-align: left;
  }

  .temu-qc-filter-actions {
    padding-left: 0;
  }

  .temu-qc-table-card,
  .temu-qc-status-tabs {
    padding-right: 16px;
    padding-left: 16px;
  }

  .temu-qc-drawer {
    width: 100vw;
    min-width: 0;
  }

  .temu-qc-drawer-meta {
    grid-template-columns: 1fr;
  }
}

.quality-dashboard-filter-panel {
  grid-template-columns: minmax(220px, 0.48fr) minmax(520px, 1fr) auto;
}

.quality-dashboard-filter-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.quality-range {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 6px;
  align-items: center;
}

.quality-range b {
  color: var(--muted);
  font-size: 12px;
}

.quality-policy-copy {
  margin: -4px 0 2px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
}

.quality-dashboard-table-wrap {
  max-height: 640px;
}

.quality-dashboard-table {
  min-width: 1480px;
}

.quality-dashboard-table th {
  vertical-align: middle;
  text-align: left;
}

.quality-dashboard-table td {
  vertical-align: top;
}

.quality-score {
  display: inline-flex;
  min-width: 48px;
  justify-content: center;
  padding: 4px 8px;
  border-radius: 999px;
  background: #e0f2fe;
  color: #075985;
}

.quality-score.lt60 {
  background: #fee2e2;
  color: #991b1b;
}

.quality-score.\36 0to70 {
  background: #fef3c7;
  color: #92400e;
}

.quality-score.\37 0to90 {
  background: #e0f2fe;
  color: #075985;
}

.quality-score.\39 0to100 {
  background: #dcfce7;
  color: #166534;
}

.quality-tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  min-width: 160px;
}

.quality-tag-list span {
  display: inline-flex;
  max-width: 220px;
  padding: 3px 7px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #f8fafc;
  color: #334155;
  font-size: 11px;
  line-height: 1.35;
}

.quality-row-actions {
  display: grid;
  gap: 6px;
  align-items: start;
}

.quality-row-actions small {
  color: var(--muted);
  font-size: 11px;
}

.quality-dashboard-side-layout {
  grid-template-columns: minmax(0, 0.95fr) minmax(320px, 0.75fr);
}

.quality-association-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.quality-association-grid > div {
  display: grid;
  gap: 5px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
}

.quality-association-grid span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
}

.quality-association-grid strong {
  color: var(--ink);
  font-size: 20px;
}

.quality-association-grid small {
  overflow: hidden;
  color: var(--muted);
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.quality-dashboard-page {
  min-height: calc(100vh - 86px);
  background: #f5f6f8;
}

.quality-dashboard-route {
  border-bottom: 1px solid #eef0f3;
}

.quality-dashboard-shell {
  padding: 22px 24px 28px;
  background: #fff;
}

.quality-dashboard-tabs {
  display: flex;
  align-items: flex-end;
  gap: 28px;
  min-height: 43px;
  margin: -4px 0 24px;
  border-bottom: 1px solid #e5e7eb;
}

.quality-dashboard-tabs button {
  min-height: 43px;
  padding: 0 0 10px;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: #111827;
  font-size: 15px;
  font-weight: 500;
}

.quality-dashboard-tabs button.is-active {
  border-bottom-color: #2563eb;
  color: #2563eb;
  font-weight: 700;
}

.quality-section-title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 12px;
  color: #111827;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}

.quality-section-title::before {
  content: "";
  width: 2px;
  height: 16px;
  border-radius: 1px;
  background: #2f7cf6;
}

.quality-shop-indicators {
  margin-bottom: 22px;
}

.quality-shop-card {
  display: grid;
  grid-template-columns: repeat(2, minmax(280px, 1fr));
  width: min(820px, 100%);
  min-height: 108px;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  background: #fff;
}

.quality-shop-card div {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 22px 28px;
}

.quality-shop-card span {
  color: #111827;
  font-size: 14px;
}

.quality-shop-card strong {
  color: #111827;
  font-size: 26px;
  line-height: 1;
  font-weight: 700;
}

.quality-dashboard-detail-section {
  margin-top: 8px;
}

.quality-detail-title-line {
  justify-content: space-between;
  margin-bottom: 0;
}

.quality-detail-title-line .link-button {
  margin-left: auto;
  color: #2563eb;
  font-size: 13px;
}

.quality-dashboard-filter-panel {
  display: grid;
  grid-template-columns: minmax(260px, 0.8fr) minmax(520px, 1.3fr) minmax(320px, 0.95fr);
  gap: 18px 50px;
  align-items: center;
  min-height: 108px;
  padding: 22px 24px;
  background: #f7f8fa;
}

.quality-dashboard-filter-panel label,
.quality-dashboard-extra-filters label {
  display: grid;
  grid-template-columns: 94px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-width: 0;
}

.quality-dashboard-filter-panel label > span,
.quality-dashboard-extra-filters label > span {
  color: #111827;
  font-size: 13px;
  white-space: nowrap;
}

.quality-product-query {
  grid-template-columns: 94px 92px minmax(220px, 1fr) !important;
}

.quality-dashboard-filter-panel input,
.quality-dashboard-filter-panel select,
.quality-dashboard-extra-filters input,
.quality-dashboard-extra-filters select {
  width: 100%;
  min-width: 0;
  min-height: 34px;
  border: 1px solid #d9dde5;
  border-radius: 2px;
  background: #fff;
  color: #111827;
  font-size: 13px;
}

.quality-dashboard-filter-panel input::placeholder,
.quality-dashboard-extra-filters input::placeholder {
  color: #a8afbd;
}

.quality-dashboard-filter-panel .quality-actions {
  justify-content: flex-start;
  gap: 12px;
}

.quality-dashboard-filter-panel .primary-button,
.quality-dashboard-filter-panel .secondary-button {
  min-width: 64px;
  min-height: 34px;
  border-radius: 3px;
  font-size: 13px;
}

.quality-dashboard-filter-panel .link-button {
  min-height: 34px;
  color: #111827;
  font-size: 13px;
}

.quality-dashboard-extra-filters {
  display: grid;
  grid-template-columns: minmax(320px, 420px) minmax(320px, 420px) auto auto;
  gap: 16px;
  align-items: center;
  padding: 14px 24px;
  border-top: 1px solid #e5e7eb;
  background: #f7f8fa;
}

.quality-dashboard-extra-filters[hidden],
.quality-raw-api[hidden] {
  display: none;
}

.quality-policy-copy {
  min-height: 32px;
  margin: 16px 0 12px;
  padding: 7px 10px;
  border: 1px solid #c8ddff;
  background: #f0f7ff;
  color: #334155;
  font-size: 13px;
  line-height: 18px;
}

.quality-policy-copy .link-button {
  color: #2563eb;
  font-size: 13px;
}

.quality-score-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(230px, 1fr));
  border: 1px solid #dcdfe6;
  border-bottom: 0;
  background: #fff;
}

.quality-score-tab {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 2px 14px;
  align-items: center;
  min-height: 88px;
  padding: 16px 22px;
  border: 0;
  border-right: 1px solid #dcdfe6;
  border-top: 2px solid transparent;
  background: #fff;
  color: #111827;
  text-align: left;
}

.quality-score-tab:last-child {
  border-right: 0;
}

.quality-score-tab.is-active {
  border-top-color: #2563eb;
  box-shadow: inset 0 0 0 1px #2563eb;
}

.quality-score-tab svg {
  grid-row: 1 / span 3;
  width: 34px;
  height: 34px;
  color: #f59e0b;
}

.quality-score-tab:first-child svg {
  color: #ef4444;
}

.quality-score-tab:nth-child(2) svg {
  color: #f59e0b;
}

.quality-score-tab:nth-child(3) svg {
  color: #fbbf24;
}

.quality-score-tab:nth-child(4) svg {
  color: #f97316;
}

.quality-score-tab span {
  color: #111827;
  font-size: 14px;
  font-weight: 600;
}

.quality-score-tab strong {
  color: #111827;
  font-size: 20px;
  line-height: 1.1;
}

.quality-score-tab em {
  color: #b45309;
  font-size: 13px;
  font-style: normal;
}

.quality-dashboard-table-wrap {
  overflow: auto;
  max-height: calc(100vh - 560px);
  min-height: 180px;
  border: 1px solid #dcdfe6;
  background: #fff;
}

.quality-dashboard-table {
  width: 100%;
  min-width: 1760px;
  border-collapse: collapse;
  font-size: 12px;
}

.quality-dashboard-table th,
.quality-dashboard-table td {
  padding: 12px 14px;
  border-right: 1px solid #e5e7eb;
  border-bottom: 1px solid #e5e7eb;
  color: #111827;
  text-align: left;
  vertical-align: middle;
}

.quality-dashboard-table th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: #f7f8fa;
  color: #4b5563;
  font-weight: 500;
}

.quality-dashboard-table th[rowspan="2"] {
  vertical-align: middle;
}

.quality-dashboard-table th:nth-child(1),
.quality-dashboard-table td:nth-child(1) {
  position: sticky;
  left: 0;
  z-index: 3;
  min-width: 300px;
  background: #fff;
}

.quality-dashboard-table th:nth-child(1) {
  z-index: 4;
  background: #f7f8fa;
}

.quality-product-info {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-width: 0;
}

.quality-product-info img,
.quality-product-thumb {
  width: 58px;
  height: 58px;
  border: 1px solid #d9dde5;
  border-radius: 2px;
  object-fit: cover;
  background: #f7f8fa;
}

.quality-product-thumb {
  display: grid;
  place-items: center;
  color: #98a2b3;
}

.quality-product-info strong,
.quality-product-info span {
  display: block;
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.quality-product-info strong {
  color: #111827;
  font-weight: 600;
  line-height: 18px;
}

.quality-product-info span {
  color: #4b5563;
  line-height: 17px;
}

.quality-score-cell {
  text-align: right !important;
}

.quality-score {
  min-width: auto;
  padding: 0;
  border-radius: 0;
  background: transparent !important;
  color: #ef4444;
  font-size: 14px;
  font-weight: 700;
}

.quality-score.\37 0to90,
.quality-score.\39 0to100 {
  color: #111827;
}

.quality-tag-list {
  min-width: 120px;
}

.quality-tag-list span {
  display: block;
  max-width: 180px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #111827;
  font-size: 12px;
  line-height: 18px;
}

.quality-fit-cell {
  display: grid;
  gap: 3px;
}

.quality-fit-cell span {
  white-space: nowrap;
}

.quality-dashboard-pagination {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  min-height: 54px;
  color: #4b5563;
  font-size: 13px;
}

.quality-dashboard-pagination input {
  width: 42px;
  min-height: 28px;
  border: 1px solid #d1d5db;
  border-radius: 2px;
  text-align: center;
}

.quality-dashboard-table .quality-empty {
  min-height: 92px;
  border: 0;
  background: transparent;
  justify-items: center;
}

@media (max-width: 1180px) {
  .quality-dashboard-filter-panel,
  .quality-dashboard-extra-filters,
  .quality-score-tabs,
  .quality-shop-card {
    grid-template-columns: 1fr;
  }

  .quality-product-query,
  .quality-dashboard-filter-panel label,
  .quality-dashboard-extra-filters label {
    grid-template-columns: 1fr !important;
  }
}

.inventory-management-page {
  display: grid;
  gap: 16px;
  margin-top: 16px;
}

.inventory-management-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: start;
}

.inventory-management-head h2 {
  margin: 4px 0 8px;
  font-size: 22px;
}

.inventory-management-head p {
  margin: 0;
  color: var(--muted);
  line-height: 1.6;
}

.inventory-management-badges {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.inventory-management-toolbar {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(240px, 360px);
  gap: 12px;
  align-items: end;
}

.inventory-management-toolbar label {
  display: grid;
  gap: 6px;
}

.inventory-management-toolbar span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.driver-address-page {
  display: grid;
  gap: 16px;
}

.driver-address-metrics .metric-card {
  min-height: 132px;
}

.driver-address-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(340px, 0.75fr);
  gap: 16px;
  align-items: start;
}

.driver-address-layout > div,
.driver-address-layout > aside {
  display: grid;
  gap: 16px;
  min-width: 0;
}

.driver-address-panel {
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.driver-address-field-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.driver-address-field-grid > div {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #f8fafc;
}

.driver-address-field-grid span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.driver-address-field-grid strong {
  color: var(--ink);
  font-size: 13px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.driver-address-add-panel .temu-api-params textarea {
  min-height: 220px;
}

.driver-address-write-status {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}

.driver-address-footnote {
  padding: 12px 14px;
  border: 1px solid #fed7aa;
  border-radius: 8px;
  background: #fff7ed;
  color: #7c2d12;
  font-size: 13px;
  font-weight: 700;
}

@media (max-width: 980px) {
  .driver-address-layout {
    grid-template-columns: 1fr;
  }

  .driver-address-field-grid {
    grid-template-columns: 1fr;
  }
}

.inventory-source-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.inventory-source-card {
  display: grid;
  gap: 6px;
  min-height: 98px;
  padding: 12px;
  text-align: left;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  cursor: pointer;
}

.inventory-source-card:hover,
.inventory-source-card:focus-visible {
  border-color: #2563eb;
  background: #f8fbff;
}

.inventory-source-card span,
.inventory-source-card small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.inventory-source-card span {
  font-weight: 900;
  color: var(--text);
}

.inventory-source-card strong {
  font-size: 20px;
}

.inventory-source-card small {
  color: var(--muted);
  line-height: 1.45;
}

.inventory-source-card.is-ok {
  border-color: #86efac;
}

.inventory-source-card.is-error {
  border-color: #fecaca;
  background: #fff7f7;
}

.inventory-source-card.is-write {
  border-color: #fcd34d;
  background: #fffbeb;
}

.inventory-blocker-list {
  display: grid;
  gap: 8px;
}

.inventory-blocker-list div {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  padding: 10px 12px;
  border: 1px solid #fcd34d;
  border-radius: 8px;
  background: #fffbeb;
  color: #78350f;
  font-weight: 700;
  line-height: 1.55;
}

.inventory-blocker-list svg {
  width: 18px;
  height: 18px;
  margin-top: 2px;
}

.marketing-video-workbench {
  display: grid;
  gap: 16px;
}

.marketing-video-taskbar {
  flex-wrap: wrap;
}

.marketing-video-metrics {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.marketing-video-flow {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 10px;
}

.marketing-video-benefit-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding-bottom: 2px;
  border-bottom: 1px solid var(--line);
}

.marketing-video-benefit-tabs button {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  min-height: 38px;
  padding: 8px 12px;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: var(--muted);
  font-weight: 800;
}

.marketing-video-benefit-tabs button.is-active {
  border-bottom-color: var(--primary);
  color: var(--ink);
}

.marketing-video-benefit-tabs strong {
  min-width: 22px;
  padding: 2px 7px;
  border-radius: 999px;
  background: #eef2ff;
  color: var(--primary);
  text-align: center;
  font-size: 12px;
}

.marketing-video-query {
  margin: 0;
}

.marketing-video-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.marketing-video-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.8fr);
  gap: 14px;
  align-items: start;
}

.marketing-video-layout > section,
.marketing-video-layout > aside {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.marketing-video-table-wrap {
  max-height: 560px;
}

.marketing-video-blockers .inventory-blocker-list {
  max-height: 300px;
  overflow: auto;
}

@media (max-width: 1100px) {
  .marketing-video-layout {
    grid-template-columns: 1fr;
  }
}

.marketing-main-video-page {
  min-height: calc(100vh - 86px);
  background: #f5f6f8;
}

.marketing-main-video-page .main-video-allowance-route {
  border-bottom: 1px solid #eef0f3;
}

.main-video-allowance-shell {
  padding: 24px;
}

.main-video-allowance-panel {
  min-height: calc(100vh - 160px);
  padding: 22px 24px 0;
  background: #fff;
}

.main-video-allowance-panel > h3 {
  margin: 0 0 18px;
  color: #111827;
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
}

.main-video-allowance-tabs {
  display: flex;
  align-items: flex-end;
  gap: 36px;
  min-height: 44px;
  margin-bottom: 18px;
  border-bottom: 1px solid #edf0f3;
}

.main-video-allowance-tab {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 44px;
  padding: 0;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: #111827;
  font-size: 15px;
  font-weight: 600;
}

.main-video-allowance-tab strong {
  color: #111827;
  font-size: 15px;
  font-weight: 600;
}

.main-video-allowance-tab.is-active {
  border-bottom-color: #111827;
  color: #111827;
}

.main-video-allowance-list {
  display: grid;
  gap: 16px;
}

.main-video-goods-card {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr) 104px;
  gap: 18px;
  align-items: center;
  min-height: 128px;
  padding: 18px 20px;
  border: 1px solid #edf0f3;
  border-radius: 2px;
  background: #fff;
}

.main-video-goods-status {
  color: #111827;
  font-size: 14px;
  font-weight: 600;
}

.main-video-goods-body {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  min-width: 0;
}

.main-video-goods-thumb {
  width: 72px;
  height: 72px;
  border: 1px solid #e5e7eb;
  border-radius: 2px;
  object-fit: cover;
  background: #f7f8fa;
}

.main-video-goods-thumb.is-placeholder {
  display: grid;
  place-items: center;
  color: #98a2b3;
}

.main-video-goods-thumb svg {
  width: 22px;
  height: 22px;
}

.main-video-goods-copy {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.main-video-goods-copy strong {
  max-width: 760px;
  color: #111827;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}

.main-video-goods-copy span,
.main-video-goods-copy p {
  margin: 0;
  color: #4b5563;
  font-size: 13px;
  line-height: 18px;
}

.main-video-goods-copy p {
  color: #6b7280;
}

.main-video-upload-button {
  justify-self: end;
  min-width: 88px;
  min-height: 34px;
  border-color: #cfd5df;
  border-radius: 3px;
  color: #111827;
  font-size: 13px;
  font-weight: 600;
}

.main-video-allowance-rules {
  display: grid;
  gap: 10px;
  margin: 22px 0 0;
  padding: 0 0 8px;
  color: #4b5563;
  font-size: 13px;
  line-height: 22px;
}

.main-video-allowance-rules p {
  margin: 0;
}

.main-video-progress-filter {
  display: grid;
  grid-template-columns: minmax(260px, 360px) minmax(360px, 520px) auto;
  gap: 18px;
  align-items: center;
  min-height: 72px;
  margin: -4px 0 0;
  padding: 8px 0 18px;
}

.main-video-progress-filter label {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  min-width: 0;
}

.main-video-progress-filter label span {
  color: #111827;
  font-size: 13px;
  font-weight: 500;
}

.main-video-progress-filter input,
.main-video-progress-filter select {
  width: 100%;
  min-width: 0;
  min-height: 34px;
  border: 1px solid #d1d5db;
  border-radius: 3px;
  background: #fff;
  color: #111827;
  font-size: 13px;
}

.main-video-filter-actions {
  display: flex;
  gap: 12px;
  align-items: center;
}

.main-video-progress-table-wrap {
  overflow: auto;
  border: 1px solid #edf0f3;
  background: #fff;
}

.main-video-progress-table {
  width: 100%;
  min-width: 980px;
  border-collapse: collapse;
  font-size: 13px;
}

.main-video-progress-table th,
.main-video-progress-table td {
  padding: 14px 18px;
  border-right: 1px solid #edf0f3;
  border-bottom: 1px solid #edf0f3;
  color: #111827;
  text-align: left;
  vertical-align: middle;
}

.main-video-progress-table th {
  background: #f7f8fa;
  color: #4b5563;
  font-weight: 500;
}

.main-video-progress-table th:nth-child(1) { width: 48%; }
.main-video-progress-table th:nth-child(2) { width: 15%; }
.main-video-progress-table th:nth-child(3) { width: 18%; }
.main-video-progress-table th:nth-child(4) { width: 19%; }

.main-video-progress-product strong {
  display: block;
  color: #111827;
  font-weight: 600;
}

.main-video-progress-table .main-video-goods-thumb {
  width: 58px;
  height: 58px;
}

.main-video-progress-table .main-video-goods-body {
  grid-template-columns: 58px minmax(0, 1fr);
}

.main-video-progress-table .main-video-goods-copy {
  gap: 6px;
}

.main-video-progress-table .main-video-goods-copy strong {
  max-width: 520px;
  font-size: 13px;
}

.main-video-allowance-pagination {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  min-height: 56px;
  color: #4b5563;
  font-size: 13px;
}

.main-video-allowance-pagination input {
  width: 42px;
  min-height: 28px;
  border: 1px solid #d1d5db;
  border-radius: 3px;
  text-align: center;
  font-size: 12px;
}

.main-video-allowance-pagination button {
  min-width: 28px;
  min-height: 28px;
  border: 1px solid #d1d5db;
  border-radius: 3px;
  background: #fff;
  color: #4b5563;
}

.main-video-allowance-pagination button.is-active {
  border-color: #111827;
  color: #111827;
  font-weight: 700;
}

.main-video-debug[hidden],
.main-video-filter-hidden[hidden] {
  display: none;
}

.main-video-debug-inner {
  display: grid;
  gap: 12px;
}

.main-video-empty {
  border: 1px solid #edf0f3;
  background: #fff;
}

@media (max-width: 1180px) {
  .main-video-progress-filter {
    grid-template-columns: 1fr;
  }

  .main-video-goods-card {
    grid-template-columns: 1fr;
  }

  .main-video-upload-button {
    justify-self: start;
  }
}

.inventory-management-table-wrap {
  max-height: 520px;
}

.inventory-management-table td {
  max-width: 260px;
  overflow-wrap: anywhere;
}

.inventory-return-apply-page {
  display: grid;
  gap: 14px;
  margin-top: 16px;
}

.inventory-return-toolbar {
  display: grid;
  grid-template-columns: repeat(5, minmax(150px, 1fr)) auto;
  gap: 12px;
  align-items: end;
}

.inventory-return-toolbar label {
  display: grid;
  gap: 6px;
}

.inventory-return-toolbar span,
.inventory-return-detail-summary span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.inventory-return-actions,
.inventory-return-write-actions,
.inventory-return-row-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.inventory-return-actions {
  justify-content: flex-end;
  min-width: 220px;
}

.inventory-return-status-tabs {
  display: flex;
  overflow-x: auto;
  border: 1px solid var(--line);
  background: #fff;
}

.inventory-return-status-tab {
  min-width: 116px;
  min-height: 34px;
  padding: 0 12px;
  border: 0;
  border-right: 1px solid var(--line);
  border-radius: 0;
  background: #fff;
  color: #334155;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

.inventory-return-status-tab.is-active {
  color: #2563eb;
  background: #f8fbff;
  box-shadow: inset 0 -2px 0 #2563eb;
}

.inventory-return-status-tab span {
  color: inherit;
}

.inventory-return-source-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.inventory-return-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(340px, 0.65fr);
  gap: 14px;
  align-items: start;
}

.inventory-return-table-wrap {
  max-height: 620px;
  border: 1px solid var(--line);
}

.inventory-return-table {
  min-width: 1180px;
  font-size: 12px;
}

.inventory-return-table th,
.inventory-return-table td {
  padding: 10px 12px;
  vertical-align: top;
}

.inventory-return-table tr.is-selected td {
  background: #eff6ff;
}

.inventory-return-table strong,
.inventory-return-table span,
.inventory-return-table small {
  display: block;
  line-height: 1.5;
}

.inventory-return-table strong {
  color: #111827;
}

.inventory-return-table span,
.inventory-return-table small {
  color: #64748b;
}

.inventory-return-detail-panel {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.inventory-return-detail-head,
.inventory-return-detail-card-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.inventory-return-detail-head h3 {
  margin: 3px 0 5px;
  font-size: 18px;
}

.inventory-return-detail-head p,
.inventory-return-detail-card p {
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
}

.inventory-return-detail-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.inventory-return-detail-summary div {
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background: #f8fafc;
}

.inventory-return-detail-summary strong {
  display: block;
  margin-top: 4px;
  color: #111827;
  font-size: 13px;
  overflow-wrap: anywhere;
}

.inventory-return-detail-grid {
  display: grid;
  gap: 10px;
}

.inventory-return-detail-card {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #fff;
}

.inventory-return-detail-card.is-ok {
  border-color: #bbf7d0;
}

.inventory-return-detail-card.is-error {
  border-color: #fecaca;
  background: #fff7f7;
}

.inventory-return-detail-card strong,
.inventory-return-detail-card small {
  display: block;
}

.inventory-return-detail-card small {
  color: var(--muted);
  overflow-wrap: anywhere;
}

.inventory-return-detail-table-wrap {
  max-height: 220px;
}

@media (max-width: 1100px) {
  .inventory-return-layout,
  .inventory-return-toolbar {
    grid-template-columns: 1fr;
  }

  .inventory-return-actions {
    justify-content: flex-start;
  }

  .inventory-return-source-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.marketing-traffic-page {
  display: grid;
  gap: 16px;
  margin-top: 16px;
  border-color: #e5e7eb;
  background: #fff;
}

.marketing-traffic-temu-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: start;
  padding-bottom: 4px;
  border-bottom: 1px solid #eef2f7;
}

.marketing-traffic-title-line {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.marketing-traffic-title-line h2 {
  margin: 0;
  color: var(--ink);
  font-size: 22px;
}

.marketing-traffic-title-line span {
  padding: 3px 8px;
  border: 1px solid #dbeafe;
  border-radius: 999px;
  background: #eff6ff;
  color: #1d4ed8;
  font-size: 12px;
  font-weight: 800;
}

.marketing-traffic-temu-head p {
  margin: 8px 0 0;
  color: var(--muted);
  line-height: 1.55;
}

.marketing-traffic-temu-head code {
  color: #374151;
  font-size: 12px;
}

.marketing-traffic-head-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
  align-items: end;
}

.marketing-traffic-head-actions label {
  display: grid;
  gap: 5px;
  min-width: 220px;
}

.marketing-traffic-head-actions label span,
.marketing-traffic-query-grid label > span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.marketing-traffic-sync-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  padding: 10px 12px;
  border: 1px solid #fed7aa;
  border-radius: 8px;
  background: #fff7ed;
  color: #9a3412;
  font-size: 12px;
  font-weight: 800;
}

.marketing-traffic-sync-strip em {
  color: #7c2d12;
  font-style: normal;
  font-weight: 700;
}

.marketing-traffic-sync-strip b {
  margin-left: auto;
  color: #111827;
}

.marketing-traffic-tabs {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.marketing-traffic-tabs button {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 8px;
  min-height: 74px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
  text-align: left;
  cursor: pointer;
}

.marketing-traffic-tabs button.is-active {
  border-color: #f97316;
  background: #fff7ed;
}

.marketing-traffic-tabs span {
  color: var(--ink);
  font-weight: 900;
  overflow-wrap: anywhere;
}

.marketing-traffic-tabs strong {
  color: #ea580c;
  font-size: 20px;
  line-height: 1;
}

.marketing-traffic-tabs small {
  grid-column: 1 / -1;
  color: var(--muted);
  font-size: 11px;
}

.marketing-traffic-query-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: end;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
}

.marketing-traffic-query-grid {
  display: grid;
  grid-template-columns: minmax(260px, 1.25fr) repeat(4, minmax(150px, 1fr));
  gap: 10px;
}

.marketing-traffic-query-grid label {
  display: grid;
  gap: 6px;
}

.marketing-traffic-date-range {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 6px;
  align-items: center;
}

.marketing-traffic-date-range em {
  color: var(--muted);
  font-style: normal;
  font-size: 12px;
}

.marketing-traffic-query-actions {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}

.marketing-traffic-source-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.marketing-traffic-source-card {
  min-height: 122px;
}

.marketing-traffic-source-card em {
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.marketing-traffic-visuals > section {
  min-width: 0;
}

.marketing-traffic-log-panel {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.marketing-traffic-trend {
  display: grid;
  gap: 10px;
}

.marketing-traffic-trend-canvas {
  display: flex;
  align-items: end;
  gap: 8px;
  min-height: 168px;
  padding: 16px 12px 8px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: linear-gradient(#f8fafc 0 0) padding-box;
  overflow-x: auto;
}

.marketing-traffic-trend-bar {
  display: grid;
  gap: 6px;
  justify-items: center;
  min-width: 34px;
}

.marketing-traffic-trend-bar i {
  display: block;
  width: 18px;
  min-height: 6px;
  border-radius: 5px 5px 0 0;
  background: #f97316;
}

.marketing-traffic-trend-bar span {
  color: var(--muted);
  font-size: 11px;
  white-space: nowrap;
}

.marketing-traffic-trend p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.marketing-traffic-chart {
  display: grid;
  gap: 10px;
}

.marketing-traffic-chart-row {
  display: grid;
  grid-template-columns: minmax(120px, 180px) minmax(0, 1fr) minmax(170px, 230px);
  gap: 10px;
  align-items: center;
  min-width: 0;
}

.marketing-traffic-chart-row span,
.marketing-traffic-chart-row em {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.marketing-traffic-chart-row span {
  color: var(--text);
  font-size: 12px;
  font-weight: 800;
}

.marketing-traffic-chart-row em {
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
}

.marketing-traffic-bars {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.marketing-traffic-bars i,
.marketing-traffic-chart-legend i {
  display: block;
  width: var(--bar-width, 0%);
  height: 7px;
  border-radius: 999px;
}

.marketing-traffic-bars .spend,
.marketing-traffic-chart-legend .spend {
  background: #2563eb;
}

.marketing-traffic-bars .sales,
.marketing-traffic-chart-legend .sales {
  background: #16a34a;
}

.marketing-traffic-bars .roas,
.marketing-traffic-chart-legend .roas {
  background: #d97706;
}

.marketing-traffic-chart-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.marketing-traffic-chart-legend span {
  display: inline-flex;
  gap: 6px;
  align-items: center;
}

.marketing-traffic-chart-legend i {
  width: 22px;
}

.marketing-traffic-log-list {
  display: grid;
  gap: 8px;
  max-height: 360px;
  overflow: auto;
}

.marketing-traffic-log-list div {
  display: grid;
  gap: 4px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.marketing-traffic-log-list span,
.marketing-traffic-log-list small {
  color: var(--muted);
  font-size: 11px;
}

.marketing-traffic-log-list strong {
  color: var(--text);
  font-size: 13px;
}

.marketing-traffic-log-list p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.marketing-traffic-table-wrap {
  max-height: 560px;
}

.marketing-traffic-table td {
  max-width: 240px;
  overflow-wrap: anywhere;
}

@media (max-width: 980px) {
  .marketing-traffic-temu-head,
  .marketing-traffic-query-panel,
  .marketing-traffic-query-grid,
  .marketing-traffic-tabs,
  .marketing-traffic-source-grid {
    grid-template-columns: 1fr;
  }

  .marketing-traffic-head-actions,
  .marketing-traffic-query-actions {
    justify-content: flex-start;
  }

  .marketing-traffic-chart-row {
    grid-template-columns: 1fr;
  }

  .marketing-traffic-chart-row span,
  .marketing-traffic-chart-row em {
    white-space: normal;
  }
}

.marketing-traffic-page.marketing-traffic-product-page {
  gap: 12px;
  margin-top: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: #f5f6f7;
  box-shadow: none;
}

.marketing-traffic-product-page .marketing-traffic-temu-head,
.marketing-traffic-product-page .marketing-traffic-summary-card,
.marketing-traffic-product-page .marketing-traffic-detail-section {
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background: #fff;
}

.marketing-traffic-product-page .marketing-traffic-temu-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: start;
  padding: 14px 16px 0;
  border-bottom: 1px solid #e5e7eb;
}

.marketing-traffic-product-page .marketing-traffic-title-line {
  display: flex;
  gap: 8px;
  align-items: baseline;
  margin-bottom: 12px;
}

.marketing-traffic-product-page .marketing-traffic-title-line h2 {
  margin: 0;
  color: #111827;
  font-size: 18px;
  font-weight: 700;
}

.marketing-traffic-product-page .marketing-traffic-title-line span {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #111827;
  font-size: 14px;
  font-weight: 500;
}

.marketing-traffic-market-tabs,
.marketing-traffic-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
}

.marketing-traffic-market-tabs {
  margin-bottom: 6px;
}

.marketing-traffic-market-tabs button,
.marketing-traffic-tabs button {
  min-height: 34px;
  padding: 7px 18px;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  background: transparent;
  color: #4b5563;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}

.marketing-traffic-market-tabs button.is-active,
.marketing-traffic-tabs button.is-active {
  border-bottom-color: #f97316;
  color: #f97316;
  font-weight: 700;
}

.marketing-traffic-product-page .marketing-traffic-head-actions {
  align-items: end;
  padding-bottom: 12px;
}

.marketing-traffic-product-page .marketing-traffic-head-actions label {
  min-width: 220px;
}

.marketing-traffic-product-page .marketing-traffic-head-actions label span {
  color: #6b7280;
  font-size: 12px;
}

.marketing-traffic-summary-card {
  padding: 14px 16px;
}

.marketing-traffic-summary-head {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}

.marketing-traffic-summary-head strong {
  color: #111827;
  font-size: 16px;
}

.marketing-traffic-summary-head span {
  color: #6b7280;
  font-size: 12px;
}

.marketing-traffic-summary-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  border: 1px solid #eef0f3;
  border-radius: 4px;
  overflow: hidden;
}

.marketing-traffic-summary-metrics div {
  display: grid;
  gap: 8px;
  min-height: 84px;
  padding: 16px 18px;
  border-right: 1px solid #eef0f3;
  background: #fbfbfc;
}

.marketing-traffic-summary-metrics div:last-child {
  border-right: 0;
}

.marketing-traffic-summary-metrics span {
  color: #6b7280;
  font-size: 13px;
}

.marketing-traffic-summary-metrics strong {
  color: #111827;
  font-size: 28px;
  line-height: 1;
}

.marketing-traffic-detail-section {
  display: grid;
  gap: 14px;
  padding: 14px 16px 16px;
}

.marketing-traffic-detail-head {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  align-items: center;
  justify-content: space-between;
}

.marketing-traffic-detail-head h3 {
  margin: 0;
  color: #111827;
  font-size: 16px;
}

.marketing-traffic-detail-head span {
  color: #6b7280;
  font-size: 12px;
}

.marketing-traffic-quick-panel {
  display: grid;
  gap: 10px;
}

.marketing-traffic-quick-panel > span {
  color: #374151;
  font-size: 13px;
  font-weight: 700;
}

.marketing-traffic-quick-panel > div {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.marketing-traffic-quick-panel button {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  min-height: 46px;
  padding: 10px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background: #fff;
  color: #374151;
  text-align: left;
  cursor: pointer;
}

.marketing-traffic-quick-panel button.is-active {
  border-color: #f97316;
  background: #fff7ed;
}

.marketing-traffic-quick-panel button span {
  min-width: 0;
  font-size: 13px;
  font-weight: 600;
  overflow-wrap: anywhere;
}

.marketing-traffic-quick-panel button strong {
  color: #111827;
  font-size: 18px;
}

.marketing-traffic-product-page .marketing-traffic-query-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 10px;
  align-items: end;
  padding: 0;
  border: 0;
  background: transparent;
}

.marketing-traffic-product-page .marketing-traffic-query-grid {
  display: grid;
  grid-template-columns: minmax(230px, 1.1fr) minmax(180px, 0.8fr) minmax(240px, 1.1fr) minmax(190px, 0.9fr);
  gap: 10px;
}

.marketing-traffic-product-page .marketing-traffic-query-grid label {
  display: grid;
  gap: 6px;
}

.marketing-traffic-product-page .marketing-traffic-query-grid label > span {
  color: #374151;
  font-size: 13px;
  font-weight: 600;
}

.marketing-traffic-combo {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: stretch;
}

.marketing-traffic-combo em {
  display: inline-flex;
  align-items: center;
  min-width: 76px;
  padding: 0 10px;
  border: 1px solid #d1d5db;
  border-right: 0;
  border-radius: 4px 0 0 4px;
  background: #f9fafb;
  color: #374151;
  font-style: normal;
  font-size: 13px;
}

.marketing-traffic-combo input {
  border-radius: 0 4px 4px 0;
}

.marketing-traffic-copy-input {
  width: 148px;
  color: #9ca3af;
  background: #f3f4f6;
}

.marketing-traffic-date-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  align-items: center;
  justify-content: space-between;
  padding-top: 2px;
}

.marketing-traffic-date-tabs > span {
  color: #6b7280;
  font-size: 13px;
}

.marketing-traffic-date-tabs > div {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.marketing-traffic-date-tabs button {
  min-width: 56px;
  padding: 6px 10px;
  border: 1px solid transparent;
  border-radius: 4px;
  background: transparent;
  color: #4b5563;
  font-size: 13px;
  cursor: pointer;
}

.marketing-traffic-date-tabs button.is-active {
  border-color: #f97316;
  background: #fff7ed;
  color: #f97316;
  font-weight: 700;
}

.marketing-traffic-table-wrap {
  max-height: 620px;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background: #fff;
  overflow: auto;
}

.marketing-traffic-temu-table {
  width: max-content;
  min-width: 1780px;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 12px;
}

.marketing-traffic-temu-table th,
.marketing-traffic-temu-table td {
  min-width: 92px;
  padding: 10px 8px;
  border-right: 1px solid #eef0f3;
  border-bottom: 1px solid #eef0f3;
  color: #374151;
  vertical-align: top;
  background: #fff;
}

.marketing-traffic-temu-table th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: #f7f8fa;
  color: #4b5563;
  text-align: center;
  font-weight: 700;
  white-space: nowrap;
}

.marketing-traffic-temu-table thead tr:first-child th {
  color: #111827;
}

.marketing-traffic-temu-table th:first-child,
.marketing-traffic-temu-table td:first-child {
  position: sticky;
  left: 0;
  z-index: 3;
  min-width: 44px;
  width: 44px;
  text-align: center;
}

.marketing-traffic-temu-table th:nth-child(2),
.marketing-traffic-temu-table td:nth-child(2) {
  position: sticky;
  left: 44px;
  z-index: 3;
  min-width: 280px;
  max-width: 320px;
}

.marketing-traffic-temu-table td strong {
  display: block;
  color: #111827;
  font-size: 13px;
  font-weight: 700;
}

.marketing-traffic-temu-table td span {
  display: block;
  margin-top: 3px;
  color: #6b7280;
  font-size: 11px;
}

.marketing-traffic-temu-table td em {
  color: #6b7280;
  font-style: normal;
}

.marketing-traffic-product-cell strong {
  overflow-wrap: anywhere;
}

.marketing-traffic-product-cell span,
.marketing-traffic-product-cell em {
  display: block;
  margin-top: 5px;
  color: #6b7280;
  font-size: 12px;
  font-style: normal;
}

.marketing-traffic-growth-cell {
  min-width: 220px;
}

.marketing-traffic-growth-cell p {
  margin: 5px 0;
  color: #6b7280;
  line-height: 1.4;
}

.marketing-traffic-growth-cell button,
.marketing-traffic-action-cell button {
  display: block;
  margin-top: 5px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #2563eb;
  font-size: 12px;
  cursor: pointer;
}

.marketing-traffic-action-cell {
  min-width: 130px;
}

.marketing-traffic-empty {
  display: grid;
  gap: 6px;
  justify-items: center;
  padding: 34px 18px;
  color: #6b7280;
}

.marketing-traffic-empty strong {
  color: #111827;
  font-size: 15px;
}

@media (max-width: 1180px) {
  .marketing-traffic-product-page .marketing-traffic-temu-head,
  .marketing-traffic-product-page .marketing-traffic-query-panel,
  .marketing-traffic-product-page .marketing-traffic-query-grid,
  .marketing-traffic-summary-metrics,
  .marketing-traffic-quick-panel > div {
    grid-template-columns: 1fr;
  }

  .marketing-traffic-product-page .marketing-traffic-head-actions,
  .marketing-traffic-date-tabs {
    justify-content: flex-start;
  }

  .marketing-traffic-copy-input {
    width: 100%;
  }
}

.inventory-management-page .inventory-return-toolbar {
  grid-template-columns: repeat(4, minmax(180px, 1fr));
}

.inventory-return-sync-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.inventory-return-sync-card {
  display: grid;
  gap: 6px;
  min-height: 118px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  color: var(--text);
  text-align: left;
  cursor: pointer;
}

.inventory-return-sync-card:hover,
.inventory-return-sync-card:focus-visible {
  border-color: #2563eb;
  background: #f8fbff;
}

.inventory-return-sync-card span,
.inventory-return-sync-card small,
.inventory-return-sync-card em,
.inventory-return-sync-card b {
  min-width: 0;
  overflow-wrap: anywhere;
}

.inventory-return-sync-card span {
  font-weight: 900;
}

.inventory-return-sync-card strong {
  font-size: 20px;
}

.inventory-return-sync-card small,
.inventory-return-sync-card em {
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
  line-height: 1.45;
}

.inventory-return-sync-card b {
  color: #991b1b;
  font-size: 12px;
  line-height: 1.45;
}

.inventory-return-sync-card.is-ok {
  border-color: #86efac;
}

.inventory-return-sync-card.is-error {
  border-color: #fecaca;
  background: #fff7f7;
}

.inventory-return-error-list {
  display: grid;
  gap: 8px;
}

.inventory-return-error-list div {
  display: grid;
  grid-template-columns: minmax(140px, 220px) minmax(0, 1fr);
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid #fecaca;
  border-radius: 8px;
  background: #fff7f7;
  color: #7f1d1d;
  line-height: 1.55;
}

.inventory-return-error-list strong,
.inventory-return-error-list span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.inventory-return-table-wrap {
  max-height: 640px;
}

.inventory-return-table {
  min-width: 1480px;
}

.inventory-return-table td {
  vertical-align: top;
  max-width: 260px;
  overflow-wrap: anywhere;
}

.inventory-return-table td:last-child {
  min-width: 260px;
}

.inventory-return-product-cell {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  min-width: 220px;
}

.inventory-return-product-cell img {
  width: 56px;
  height: 72px;
  border: 1px solid var(--line);
  border-radius: 4px;
  object-fit: cover;
  background: #f8fafc;
}

.inventory-return-product-cell div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.inventory-return-product-cell strong,
.inventory-return-product-cell small {
  min-width: 0;
  overflow-wrap: anywhere;
}

.inventory-return-product-cell small {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
}

.inventory-return-status {
  display: inline-flex;
  max-width: 220px;
  padding: 4px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.inventory-return-status.is-received {
  background: #dcfce7;
  color: #166534;
}

.inventory-return-status.is-transit {
  background: #dbeafe;
  color: #1d4ed8;
}

.inventory-return-status.is-pending {
  background: #fef3c7;
  color: #92400e;
}

.inventory-return-status.is-exception {
  background: #fee2e2;
  color: #991b1b;
}

.inventory-return-status.is-closed,
.inventory-return-status.is-unknown {
  background: #f1f5f9;
  color: #475569;
}

.inventory-return-detail summary {
  color: #2563eb;
  font-weight: 900;
  cursor: pointer;
}

.inventory-return-detail[open] {
  display: block;
  width: min(720px, 72vw);
}

.inventory-return-detail-grid,
.inventory-return-raw-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 10px;
}

.inventory-return-raw-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.inventory-return-detail section {
  min-width: 0;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.inventory-return-detail h4 {
  margin: 0 0 8px;
  color: var(--muted);
  font-size: 12px;
}

.inventory-return-detail dl {
  display: grid;
  gap: 6px;
  margin: 0;
}

.inventory-return-detail dl div {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 8px;
}

.inventory-return-detail dt {
  color: var(--muted);
  font-size: 12px;
}

.inventory-return-detail dd {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
  font-weight: 700;
}

.inventory-return-detail pre {
  max-height: 240px;
  margin: 0;
  overflow: auto;
  white-space: pre-wrap;
  word-break: break-word;
}

.return-order-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}

.return-order-metrics > div {
  display: grid;
  gap: 6px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.return-order-metrics span,
.return-order-metrics small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.return-order-metrics strong {
  font-size: 24px;
  line-height: 1;
}

.return-order-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
  gap: 14px;
  align-items: start;
}

.return-order-page .inventory-management-toolbar {
  grid-template-columns: minmax(220px, 1fr) minmax(150px, 220px) minmax(180px, 260px) minmax(220px, 320px);
}

.return-order-main,
.return-order-detail-panel,
.return-order-sync-panel {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.return-order-table-wrap {
  max-height: 560px;
}

.return-order-table td {
  max-width: 240px;
  vertical-align: top;
  overflow-wrap: anywhere;
}

.return-order-row-blocked td {
  background: #fff7f7;
}

.return-order-row-pending td {
  background: #fffbeb;
}

.return-order-actions,
.return-order-detail-actions,
.return-order-detail-status {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.compact-link {
  min-height: auto;
  padding: 0;
  border: 0;
  background: transparent;
}

.return-order-detail-list,
.return-order-raw dl {
  display: grid;
  grid-template-columns: minmax(88px, 120px) minmax(0, 1fr);
  gap: 8px 10px;
  margin: 0;
}

.return-order-detail-list dt,
.return-order-raw dt {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
}

.return-order-detail-list dd,
.return-order-raw dd {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
  font-weight: 700;
}

.return-order-raw {
  padding-top: 8px;
  border-top: 1px solid var(--line);
}

.return-order-raw summary {
  cursor: pointer;
  color: var(--muted);
  font-weight: 900;
}

.return-order-write-locks {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

@media (max-width: 980px) {
  .return-order-metrics,
  .return-order-layout,
  .return-order-page .inventory-management-toolbar,
  .return-order-write-locks {
    grid-template-columns: 1fr;
  }

  .return-order-detail-list,
  .return-order-raw dl {
    grid-template-columns: 1fr;
  }
}

.return-order-page {
  gap: 0;
  margin-top: 0;
  overflow: hidden;
  border: 1px solid #e5e7eb;
  border-radius: 0;
  background: #f5f6f7;
  color: #1f2329;
  font-family: Arial, "Microsoft YaHei", sans-serif;
}

.return-order-reference-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  padding: 18px 24px 0;
  border-bottom: 1px solid #e5e6eb;
  background: #ffffff;
}

.return-order-title-row {
  display: flex;
  align-items: baseline;
  gap: 10px;
  min-height: 44px;
}

.return-order-title-row h2 {
  margin: 0;
  color: #1f2329;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0;
}

.return-order-title-row span {
  color: #4e5969;
  font-size: 14px;
}

.return-order-market-tabs {
  display: flex;
  align-items: center;
  gap: 28px;
}

.return-order-market-tabs button {
  position: relative;
  min-height: 44px;
  padding: 0 0 13px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #4e5969;
  font-size: 14px;
  font-weight: 500;
}

.return-order-market-tabs button.is-active {
  color: #1f2329;
  font-weight: 600;
}

.return-order-market-tabs button.is-active::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 2px;
  background: #1f2329;
}

.return-order-filter-panel {
  display: grid;
  grid-template-columns: minmax(190px, 1.2fr) minmax(150px, 0.8fr) minmax(160px, 0.9fr) minmax(170px, 1fr) minmax(220px, 1.2fr) auto;
  gap: 16px;
  align-items: end;
  padding: 18px 24px;
  border-bottom: 1px solid #e5e6eb;
  background: #ffffff;
}

.return-order-filter-panel label {
  min-width: 0;
  display: grid;
  gap: 7px;
}

.return-order-filter-panel label > span {
  color: #1f2329;
  font-size: 14px;
  font-weight: 500;
}

.return-order-filter-panel input,
.return-order-filter-panel select {
  width: 100%;
  min-width: 0;
  height: 34px;
  padding: 0 12px;
  border: 1px solid #d7dbe0;
  border-radius: 2px;
  background: #ffffff;
  color: #1f2329;
  font-size: 14px;
  line-height: 34px;
}

.return-order-filter-panel input::placeholder {
  color: #a8abb2;
}

.return-order-filter-actions {
  display: flex;
  gap: 8px;
  align-items: center;
  padding-bottom: 0;
}

.return-order-filter-actions .primary-button,
.return-order-filter-actions .secondary-button {
  min-height: 34px;
  padding: 0 18px;
  border-radius: 2px;
  font-size: 14px;
}

.return-order-filter-actions .primary-button {
  border-color: #ff5a1f;
  background: #ff5a1f;
  color: #ffffff;
}

.return-order-filter-actions .secondary-button {
  border-color: #d7dbe0;
  background: #ffffff;
  color: #1f2329;
}

.return-order-page .return-order-table-wrap {
  max-height: none;
  overflow: auto;
  border: 0;
  border-radius: 0;
  background: #ffffff;
}

.return-order-page .return-order-table {
  width: 100%;
  min-width: 1380px;
  border-collapse: collapse;
  border-spacing: 0;
  background: #ffffff;
  font-size: 14px;
}

.return-order-page .return-order-table th {
  height: 44px;
  padding: 0 12px;
  border-bottom: 1px solid #e5e6eb;
  background: #f7f8fa;
  color: #4e5969;
  font-size: 13px;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
}

.return-order-page .return-order-table td {
  max-width: none;
  min-height: 58px;
  padding: 14px 12px;
  border-bottom: 1px solid #eef0f3;
  color: #1f2329;
  line-height: 1.45;
  vertical-align: top;
}

.return-order-page .return-order-table tr:hover td {
  background: #fff7f2;
}

.return-order-page .return-order-table th:nth-child(1),
.return-order-page .return-order-table td:nth-child(1) {
  width: 58px;
  text-align: center;
}

.return-order-page .return-order-table th:nth-child(2),
.return-order-page .return-order-table td:nth-child(2) {
  width: 190px;
}

.return-order-page .return-order-table th:nth-child(3),
.return-order-page .return-order-table td:nth-child(3) {
  width: 110px;
}

.return-order-page .return-order-table th:nth-child(4),
.return-order-page .return-order-table td:nth-child(4) {
  width: 190px;
}

.return-order-page .return-order-table th:nth-child(5),
.return-order-page .return-order-table td:nth-child(5) {
  width: 170px;
}

.return-order-page .return-order-table th:nth-child(6),
.return-order-page .return-order-table td:nth-child(6) {
  width: 260px;
}

.return-order-page .return-order-table th:nth-child(7),
.return-order-page .return-order-table td:nth-child(7) {
  width: 170px;
}

.return-order-page .return-order-table th:nth-child(8),
.return-order-page .return-order-table td:nth-child(8),
.return-order-page .return-order-table th:nth-child(9),
.return-order-page .return-order-table td:nth-child(9) {
  width: 150px;
}

.return-order-page .return-order-table th:nth-child(10),
.return-order-page .return-order-table td:nth-child(10) {
  width: 130px;
}

.return-order-page .return-order-table th:nth-child(11),
.return-order-page .return-order-table td:nth-child(11) {
  width: 132px;
}

.return-order-no {
  color: #1f2329;
  font-weight: 500;
}

.return-order-address {
  color: #4e5969;
  word-break: break-all;
}

.return-order-reason {
  display: grid;
  gap: 4px;
}

.return-order-status {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  color: #1f2329;
  font-weight: 500;
}

.return-order-status.pending {
  color: #86909c;
}

.return-order-status.done {
  color: #1f7a35;
}

.return-order-status.blocked {
  color: #c9352b;
}

.return-order-actions {
  display: grid;
  justify-items: start;
  gap: 4px;
}

.return-order-link {
  min-height: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #1664ff;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.45;
  text-align: left;
}

.return-order-link:hover {
  color: #0e42d2;
  text-decoration: underline;
}

.return-order-link.is-muted {
  color: #86909c;
}

.return-order-empty {
  display: grid;
  justify-items: center;
  gap: 6px;
  padding: 48px 16px;
  color: #86909c;
}

.return-order-empty strong {
  color: #4e5969;
  font-size: 15px;
}

.return-order-pagination {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  padding: 12px 24px 18px;
  border-top: 1px solid #eef0f3;
  background: #ffffff;
  color: #4e5969;
  font-size: 14px;
}

.return-order-pagination strong {
  color: #1f2329;
}

.return-order-pagination label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.return-order-pagination select {
  height: 30px;
  min-width: 58px;
  border: 1px solid #d7dbe0;
  border-radius: 2px;
  background: #ffffff;
  color: #1f2329;
}

@media (max-width: 1180px) {
  .return-order-reference-head,
  .return-order-filter-panel {
    padding-left: 16px;
    padding-right: 16px;
  }

  .return-order-filter-panel {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .return-order-filter-actions {
    justify-content: flex-start;
  }
}

.inbound-exception-toolbar {
  grid-template-columns: minmax(160px, 220px) minmax(180px, 1fr) minmax(180px, 240px) minmax(240px, 360px);
}

.inbound-exception-tabs,
.inbound-exception-subtabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.inbound-exception-tabs button,
.inbound-exception-subtabs button {
  min-height: 34px;
  padding: 7px 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  color: var(--ink);
  font-weight: 800;
}

.inbound-exception-tabs button.is-active,
.inbound-exception-subtabs button.is-active {
  border-color: #2563eb;
  background: #eff6ff;
  color: #1d4ed8;
}

.inbound-api-policy-note {
  display: grid;
  gap: 6px;
  padding: 10px 12px;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
  background: #eff6ff;
  color: #1e3a8a;
  font-weight: 700;
  line-height: 1.55;
}

.inbound-api-policy-note span {
  overflow-wrap: anywhere;
}

.inbound-api-policy-note code {
  display: inline-block;
  margin: 2px 4px 2px 0;
  padding: 2px 5px;
  border-radius: 4px;
  background: #dbeafe;
  color: #1e40af;
  font-size: 12px;
}

.inventory-error-list {
  display: grid;
  gap: 8px;
}

.inventory-error-list div {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  padding: 10px 12px;
  border: 1px solid #fecaca;
  border-radius: 8px;
  background: #fff7f7;
  color: #7f1d1d;
  font-weight: 700;
  line-height: 1.55;
}

.inventory-error-list svg {
  width: 18px;
  height: 18px;
  margin-top: 2px;
}

.inbound-exception-table-wrap {
  max-height: 620px;
}

.inbound-exception-table th,
.inbound-exception-table td {
  vertical-align: top;
}

.inbound-link-stack,
.inbound-action-stack,
.inbound-qty-grid {
  display: grid;
  gap: 6px;
}

.inbound-link-stack span,
.inbound-qty-grid span,
.inbound-qty-grid strong {
  overflow-wrap: anywhere;
}

.inbound-query-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 2px;
}

.tiny-link-button {
  color: var(--blue);
  font-size: 12px;
}

.inbound-action-stack {
  grid-template-columns: repeat(3, minmax(72px, 1fr));
}

.inbound-action-stack .tiny-button {
  min-height: 30px;
  padding-inline: 8px;
}

.inbound-qty-grid {
  min-width: 126px;
}

.inventory-return-detail-notice {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  padding: 10px 12px;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
  background: #eff6ff;
  color: #1e3a8a;
  font-weight: 800;
  line-height: 1.55;
}

.inventory-return-detail-notice svg {
  width: 18px;
  height: 18px;
  margin-top: 2px;
}

.inventory-return-detail-table-wrap {
  max-height: 620px;
}

.inventory-return-detail-table td {
  vertical-align: top;
}

.inventory-return-detail-table td:first-child {
  min-width: 72px;
}

.inventory-return-detail-table td:first-child strong,
.inventory-return-detail-table td:first-child small,
.inventory-return-detail-table td:nth-child(4) span,
.inventory-return-detail-table td:nth-child(7) strong,
.inventory-return-detail-table td:nth-child(7) small,
.inventory-return-detail-table td:last-child small {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.inventory-return-detail-table td:first-child small,
.inventory-return-detail-table td:nth-child(7) small,
.inventory-return-detail-table td:last-child small {
  margin-top: 4px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.45;
}

.inventory-return-detail-table th:nth-child(4),
.inventory-return-detail-table td:nth-child(4) {
  min-width: 180px;
}

.inventory-return-detail-table th:nth-child(6),
.inventory-return-detail-table td:nth-child(6) {
  min-width: 150px;
}

.inventory-return-detail-table .is-error-row {
  background: #fff7f7;
}

.inventory-return-detail-raw {
  min-width: 180px;
}

.inventory-return-detail-raw summary {
  color: #2563eb;
  cursor: pointer;
  font-weight: 900;
}

.inventory-return-detail-raw pre {
  max-width: min(520px, 70vw);
  max-height: 260px;
  margin: 8px 0 0;
  padding: 10px;
  overflow: auto;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #0f172a;
  color: #e2e8f0;
  font-size: 11px;
  line-height: 1.45;
  white-space: pre-wrap;
}

.temu-return-detail-page {
  display: grid;
  align-content: start;
  grid-auto-rows: max-content;
  gap: 0;
  min-height: calc(100vh - 120px);
  margin: 0;
  background: #ffffff;
  color: #22252b;
  font-size: 12px;
}

.temu-return-detail-title {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  min-height: 48px;
  padding: 0 24px;
  border-bottom: 0;
  background: #ffffff;
}

.temu-return-detail-title h2 {
  margin: 0;
  color: #20242b;
  font-size: 24px;
  line-height: 1.25;
  font-weight: 800;
}

.temu-return-detail-region-switch {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 24px;
  border: 0;
  background: transparent;
}

.temu-return-detail-region-switch button {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
  height: 22px;
  padding: 0 4px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: transparent;
  color: #8b95a5;
  font-size: 12px;
  font-weight: 600;
}

.temu-return-detail-region-switch button span {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #66d4bc;
}

.temu-return-detail-region-switch button:nth-child(2) span {
  background: #8b7cf6;
}

.temu-return-detail-region-switch button:nth-child(3) span {
  background: #63d4cf;
}

.temu-return-detail-region-switch button:nth-child(4) span {
  background: #ee3e4f;
}

.temu-return-detail-region-switch button.is-active {
  border-color: #2468f2;
  background: #ffffff;
  color: #20242b;
  box-shadow: none;
}

.temu-return-detail-filter {
  display: grid;
  grid-template-columns: 320px 340px 320px 400px;
  gap: 14px 30px;
  align-items: end;
  padding: 24px 40px 20px 44px;
  background: #f5f6f8;
}

.temu-return-detail-filter label {
  display: grid;
  grid-template-columns: 84px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-width: 0;
}

.temu-return-detail-filter span {
  color: #31363f;
  font-size: 12px;
  font-weight: 500;
  text-align: right;
  white-space: nowrap;
}

.temu-return-detail-filter input {
  width: 100%;
  min-width: 0;
  height: 28px;
  min-height: 28px;
  padding: 0 10px;
  border: 1px solid #d9dde5;
  border-radius: 2px;
  background: #ffffff;
  color: #1f2937;
  font-size: 12px;
  outline: none;
}

.temu-return-detail-filter input:focus {
  border-color: #2f6fed;
  box-shadow: 0 0 0 2px rgba(47, 111, 237, 0.1);
}

.temu-return-detail-filter-actions {
  display: flex;
  grid-column: 1 / -1;
  gap: 12px;
  padding-left: 94px;
}

.temu-blue-button,
.temu-gray-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 64px;
  height: 28px;
  min-height: 28px;
  padding: 0 18px;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}

.temu-blue-button {
  border: 1px solid #2468f2;
  background: #2468f2;
  color: #ffffff;
}

.temu-gray-button {
  border: 1px solid #cfd4dc;
  background: #ffffff;
  color: #31363f;
}

.temu-gray-button:disabled {
  border-color: #dde1e8;
  background: #f3f5f8;
  color: #a0a8b4;
  cursor: not-allowed;
}

.temu-return-detail-export {
  display: flex;
  align-items: center;
  min-height: 56px;
  padding: 10px 24px;
  background: #ffffff;
}

.temu-return-detail-export .temu-gray-button {
  min-width: 82px;
  background: #f7f8fa;
}

.temu-return-detail-table-wrap {
  width: 100%;
  overflow: auto;
  border-top: 1px solid #e5e8ef;
  border-bottom: 1px solid #e5e8ef;
  background: #ffffff;
}

.temu-return-detail-table {
  width: 100%;
  min-width: 1180px;
  border-collapse: collapse;
  color: #2f333b;
  font-size: 12px;
}

.temu-return-detail-table th,
.temu-return-detail-table td {
  min-height: 48px;
  padding: 12px 12px;
  border-right: 1px solid #e5e8ef;
  border-bottom: 1px solid #e5e8ef;
  text-align: left;
  vertical-align: middle;
  overflow-wrap: anywhere;
}

.temu-return-detail-table th {
  background: #f6f7fa;
  color: #5d6675;
  font-weight: 500;
  white-space: nowrap;
}

.temu-return-detail-table th:last-child,
.temu-return-detail-table td:last-child {
  border-right: 0;
}

.temu-return-detail-table .select-col {
  width: 44px;
  min-width: 44px;
  text-align: center;
}

.temu-return-detail-table th:nth-child(2),
.temu-return-detail-table td:nth-child(2) {
  width: 70px;
}

.temu-return-detail-table th:nth-child(5),
.temu-return-detail-table td:nth-child(5) {
  min-width: 230px;
}

.temu-return-detail-table th:nth-child(7),
.temu-return-detail-table td:nth-child(7) {
  min-width: 190px;
}

.temu-return-detail-table th:nth-child(8),
.temu-return-detail-table td:nth-child(8) {
  min-width: 180px;
}

.temu-return-detail-table th:nth-child(10),
.temu-return-detail-table td:nth-child(10) {
  min-width: 158px;
}

.temu-return-detail-table tr.is-error-row {
  background: #fff7f7;
}

.temu-return-detail-table small {
  display: block;
  margin-top: 4px;
  color: #8b95a5;
  font-size: 11px;
}

.temu-return-detail-product {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  min-width: 210px;
}

.temu-return-detail-product img,
.temu-return-detail-image-placeholder {
  width: 56px;
  height: 72px;
  border: 1px solid #e1e5ec;
  border-radius: 2px;
  background: linear-gradient(135deg, #f4f6fa, #e9edf5);
  object-fit: cover;
}

.temu-return-detail-product div {
  display: grid;
  gap: 4px;
  min-width: 0;
  line-height: 1.45;
}

.temu-return-detail-action {
  position: relative;
  min-width: 92px;
}

.temu-return-detail-action summary {
  color: #2468f2;
  cursor: pointer;
  font-weight: 500;
  list-style: none;
  white-space: nowrap;
}

.temu-return-detail-action summary::-webkit-details-marker {
  display: none;
}

.temu-return-detail-action pre {
  position: absolute;
  z-index: 20;
  right: 0;
  width: min(520px, 72vw);
  max-height: 260px;
  margin: 8px 0 0;
  padding: 10px;
  overflow: auto;
  border: 1px solid #d7dde8;
  border-radius: 4px;
  background: #111827;
  color: #e5e7eb;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.18);
  font-size: 11px;
  line-height: 1.45;
  white-space: pre-wrap;
}

.temu-return-detail-empty {
  display: grid;
  min-height: 180px;
  place-items: center;
  color: #8b95a5;
  font-weight: 600;
}

.temu-return-detail-pagination {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
  min-height: 48px;
  padding: 12px 24px;
  color: #5d6675;
  background: #ffffff;
}

.temu-return-detail-pagination input {
  width: 42px;
  height: 28px;
  border: 1px solid #d9dde5;
  border-radius: 2px;
  color: #31363f;
  text-align: center;
}

@media (max-width: 1280px) {
  .temu-return-detail-filter {
    grid-template-columns: repeat(2, minmax(260px, 1fr));
    padding-inline: 32px;
  }

  .temu-return-detail-filter-actions {
    padding-left: 94px;
  }
}

@media (max-width: 760px) {
  .temu-return-detail-title {
    align-items: flex-start;
    flex-direction: column;
    padding: 18px 16px;
  }

  .temu-return-detail-filter {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 16px;
  }

  .temu-return-detail-filter label {
    grid-template-columns: 78px minmax(0, 1fr);
  }

  .temu-return-detail-filter-actions {
    padding-left: 88px;
  }
}

.compliance-service-page {
  border-color: #cbd5e1;
}

.compliance-source-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.compliance-source-card strong {
  font-size: 18px;
}

.compliance-workflow {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.compliance-questionnaire-page {
  gap: 14px;
}

.compliance-questionnaire-metrics {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.compliance-questionnaire-query {
  grid-template-columns: minmax(180px, 0.35fr) minmax(0, 1fr);
}

.compliance-questionnaire-query .quality-query-actions {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.compliance-questionnaire-table {
  max-height: 680px;
}

.compliance-questionnaire-table .data-table {
  min-width: 1280px;
}

.compliance-questionnaire-table td {
  vertical-align: top;
}

.compliance-questionnaire-table td:first-child strong,
.compliance-questionnaire-table td:first-child small,
.compliance-questionnaire-table td:nth-child(4) small,
.compliance-questionnaire-table td:nth-child(5) small,
.compliance-questionnaire-table td:nth-child(6) small {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

.compliance-questionnaire-table td:first-child small,
.compliance-questionnaire-table td:nth-child(4) small,
.compliance-questionnaire-table td:nth-child(5) small,
.compliance-questionnaire-table td:nth-child(6) small {
  margin-top: 4px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.45;
}

.compliance-questionnaire-table details {
  margin-top: 8px;
}

.compliance-questionnaire-table summary,
.compliance-questionnaire-raw summary {
  cursor: pointer;
  color: var(--blue);
  font-size: 12px;
  font-weight: 800;
}

.compliance-questionnaire-table pre {
  max-width: 360px;
  max-height: 220px;
  margin: 8px 0 0;
  overflow: auto;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #0f172a;
  color: #e2e8f0;
  font-size: 11px;
  line-height: 1.45;
}

.compliance-questionnaire-table .quality-image-grid {
  grid-template-columns: repeat(4, 46px);
  margin-top: 8px;
}

.compliance-step {
  min-height: 112px;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  color: var(--ink);
  text-align: left;
}

.compliance-step:hover,
.compliance-step:focus-visible {
  border-color: #2563eb;
  background: #f8fbff;
}

.compliance-step em {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background: #eff6ff;
  color: #1d4ed8;
  font-style: normal;
  font-weight: 900;
}

.compliance-step span {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.compliance-step strong {
  font-weight: 900;
}

.compliance-step small {
  color: var(--muted);
  line-height: 1.45;
}

.compliance-step b {
  grid-column: 2;
  justify-self: start;
  padding: 2px 8px;
  border-radius: 999px;
  background: #eef2ff;
  color: #3730a3;
  font-size: 11px;
}

.compliance-step.is-ok {
  border-color: #86efac;
}

.compliance-step.is-error {
  border-color: #fecaca;
  background: #fff7f7;
}

.compliance-step.is-write {
  border-color: #fcd34d;
  background: #fffbeb;
}

.compliance-step.is-write em {
  background: #fef3c7;
  color: #92400e;
}

.compliance-table-wrap {
  max-height: 560px;
}

.compliance-center-page {
  display: grid;
  gap: 14px;
}

.compliance-center-metrics {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}

.compliance-center-metrics > div {
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.compliance-center-metrics > div.is-blocked {
  border-color: #fecaca;
  background: #fff7f7;
}

.compliance-center-metrics span,
.compliance-center-query-grid span,
.compliance-center-detail-grid span {
  display: block;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.compliance-center-metrics strong {
  display: block;
  margin-top: 5px;
  color: var(--ink);
  font-size: 22px;
}

.compliance-center-metrics small,
.compliance-center-table small,
.compliance-center-detail small {
  display: block;
  color: var(--muted);
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.compliance-center-query {
  display: grid;
  grid-template-columns: minmax(220px, 0.45fr) minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  padding: 14px;
  border: 1px solid #dbeafe;
  border-radius: 8px;
  background: #f8fbff;
}

.compliance-center-query-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(150px, 1fr));
  gap: 10px;
}

.compliance-center-query-grid label {
  display: grid;
  gap: 6px;
}

.compliance-center-query .quality-actions {
  grid-column: 2;
}

.compliance-center-source-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.compliance-center-toolbar {
  grid-template-columns: minmax(220px, 1fr) minmax(160px, 220px) minmax(220px, 300px);
}

.compliance-center-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.65fr);
  gap: 14px;
  align-items: start;
}

.compliance-center-table-wrap {
  max-height: 640px;
  border: 1px solid var(--line);
}

.compliance-center-table {
  min-width: 1080px;
}

.compliance-center-table th,
.compliance-center-table td {
  vertical-align: top;
}

.compliance-center-table tr.is-risk td {
  background: #fff7f7;
}

.compliance-center-table strong,
.compliance-center-table span {
  display: block;
  overflow-wrap: anywhere;
}

.compliance-center-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.compliance-center-detail {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.compliance-center-detail h4 {
  margin: 0 0 8px;
  color: var(--ink);
  font-size: 14px;
}

.compliance-center-detail p {
  margin: 0 0 6px;
  color: #334155;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.compliance-center-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.compliance-center-detail-grid div {
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #f8fafc;
}

.compliance-center-detail-grid strong {
  display: block;
  margin-top: 4px;
  color: var(--ink);
  overflow-wrap: anywhere;
}

.compliance-govern-panel {
  padding: 0;
  background: #fff;
}

.compliance-govern-page.compliance-center-page {
  display: grid;
  grid-template-columns: 248px minmax(0, 1110px);
  gap: 0;
  min-height: calc(100vh - 88px);
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='84' viewBox='0 0 170 84'%3E%3Ctext x='10' y='42' transform='rotate(28 85 42)' fill='%23cfd6df' fill-opacity='0.32' font-family='Arial' font-size='12'%3E3116165837183%3C/text%3E%3C/svg%3E");
  background-repeat: repeat;
  color: #111827;
}

.compliance-govern-sidebar {
  min-width: 0;
  padding: 18px 0 32px;
  border-right: 1px solid #edf0f5;
  background: rgba(255, 255, 255, 0.92);
}

.compliance-govern-sidebar h2 {
  margin: 0;
  padding: 0 16px 20px;
  color: #111827;
  font-size: 15px;
  font-weight: 500;
}

.compliance-govern-sidebar nav {
  display: grid;
}

.compliance-govern-sidebar button {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  min-height: 40px;
  padding: 0 14px 0 16px;
  border: 0;
  border-left: 3px solid transparent;
  border-bottom: 1px solid #f1f3f7;
  background: transparent;
  color: #111827;
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  cursor: default;
}

.compliance-govern-sidebar button.is-active {
  border-left-color: #2f6df6;
  background: #f5f8ff;
  color: #1769ff;
}

.compliance-govern-sidebar button svg {
  width: 15px;
  height: 15px;
  color: currentColor;
  stroke-width: 1.9;
}

.compliance-govern-sidebar button span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.compliance-govern-menu-chevron {
  justify-self: end;
}

.compliance-govern-main {
  min-width: 0;
  max-width: 1110px;
  padding: 10px 12px 80px;
}

.compliance-govern-section {
  margin-bottom: 18px;
}

.compliance-govern-section-title {
  position: relative;
  margin: 0 0 14px;
  padding-left: 12px;
  color: #111827;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.2;
}

.compliance-govern-section-title::before {
  position: absolute;
  top: 1px;
  bottom: 1px;
  left: 0;
  width: 3px;
  border-radius: 3px;
  background: #2f6df6;
  content: "";
}

.compliance-govern-notices {
  display: grid;
  gap: 10px;
}

.compliance-govern-notice {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 20px;
  align-items: center;
  min-height: 68px;
  padding: 12px 12px;
  border: 1px solid #e2e8f0;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.92);
}

.compliance-govern-notice h4 {
  margin: 0 0 7px;
  color: #2f6df6;
  font-size: 13px;
  font-weight: 500;
}

.compliance-govern-notice p {
  margin: 0;
  color: #4b5563;
  font-size: 13px;
  line-height: 1.45;
}

.compliance-govern-notice strong {
  color: #ff0000;
  font-weight: 500;
}

.compliance-govern-notice button {
  min-width: 82px;
  min-height: 30px;
  padding: 0 15px;
  border: 0;
  border-radius: 3px;
  background: #2f6df6;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
}

.compliance-govern-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px 12px;
}

.compliance-govern-card {
  position: relative;
  display: grid;
  align-content: start;
  min-height: 116px;
  padding: 17px 42px 14px 16px;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.93);
  color: #111827;
  text-align: left;
}

.compliance-govern-card span {
  color: #111827;
  font-size: 13px;
  line-height: 1.35;
}

.compliance-govern-card strong {
  margin-top: 6px;
  color: #1f2937;
  font-size: 34px;
  font-weight: 800;
  line-height: 1;
}

.compliance-govern-card small {
  margin-top: 7px;
  color: #ff0000;
  font-size: 12px;
  line-height: 1.35;
}

.compliance-govern-card > svg {
  position: absolute;
  top: 50%;
  right: 12px;
  width: 20px;
  height: 20px;
  color: #9ca3af;
  transform: translateY(-50%);
}

.compliance-govern-policy .compliance-govern-card-grid {
  grid-template-columns: repeat(2, minmax(0, 360px));
}

.compliance-govern-raw {
  margin-top: 28px;
  border-color: #e5e7eb;
  background: rgba(255, 255, 255, 0.9);
}

@media (max-width: 1200px) {
  .compliance-govern-page.compliance-center-page {
    grid-template-columns: 220px minmax(0, 1fr);
  }

  .compliance-govern-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .compliance-center-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .compliance-center-query,
  .compliance-center-layout {
    grid-template-columns: 1fr;
  }

  .compliance-center-query .quality-actions {
    grid-column: 1;
  }

  .compliance-center-source-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .compliance-govern-page.compliance-center-page {
    grid-template-columns: 1fr;
  }

  .compliance-govern-sidebar {
    border-right: 0;
    border-bottom: 1px solid #edf0f5;
  }

  .compliance-govern-sidebar nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .compliance-govern-main {
    padding: 14px 10px 56px;
  }

  .compliance-govern-notice {
    grid-template-columns: 1fr;
  }

  .compliance-govern-card-grid,
  .compliance-govern-policy .compliance-govern-card-grid {
    grid-template-columns: 1fr;
  }

  .compliance-center-metrics,
  .compliance-center-query-grid,
  .compliance-center-toolbar,
  .compliance-center-detail-grid {
    grid-template-columns: 1fr;
  }
}

.temu-api-params.compact-params textarea {
  min-height: 210px;
}

.amazon-books-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  align-items: start;
}

.reference-crawler-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  padding: 16px;
  margin-bottom: 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fbff;
}

.reference-crawler-card h3 {
  margin: 4px 0 6px;
  font-size: 18px;
}

.cover-generator-summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  padding: 16px;
  margin-bottom: 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fbff;
}

.cover-generator-summary h3 {
  margin: 4px 0 6px;
  font-size: 18px;
}

.cover-generator-table th:nth-child(2),
.cover-generator-table td:nth-child(2) {
  padding-right: 22px;
}

.cover-generator-table th:nth-child(3),
.cover-generator-table td:nth-child(3) {
  padding-left: 22px;
  border-left: 2px solid #cbd5e1;
}

.cover-generator-table td:nth-child(2),
.cover-generator-table td:nth-child(3) {
  min-width: 300px;
  vertical-align: top;
}

.cover-generator-table .cover-generator-queue-row:not(:first-child) > td {
  border-top: 4px solid #cbd5e1;
}

.cover-generator-table .cover-generator-queue-row > td {
  padding-top: 24px;
  padding-bottom: 24px;
}

.cover-generator-table .cover-generator-output-row > td {
  padding: 0 0 30px;
  border-top: 0;
}

.inline-cover-generator-output {
  margin: 0 0 12px;
  box-shadow: none;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 18px;
}

.inline-cover-generator-output .cover-set-meta,
.inline-cover-generator-output .cover-set-grid {
  grid-column: 1;
}

.inline-cover-generator-output .cover-generator-output-actions {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: center;
  justify-content: center;
  min-width: 96px;
}

.cover-title-divider {
  width: 100%;
  height: 1px;
  margin: 10px 0;
  background: #e2e8f0;
}

.amazon-search-form,
.amazon-link-import {
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
}

.amazon-login-inline {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  padding: 12px;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
  background: #eff6ff;
}

.amazon-login-inline strong {
  display: block;
  margin-bottom: 4px;
  color: var(--ink);
  font-size: 14px;
}

.amazon-link-import textarea {
  min-height: 168px;
  resize: vertical;
}

.amazon-result-actions,
.table-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.amazon-job-status-box {
  display: grid;
  gap: 6px;
  min-height: 74px;
  padding: 10px 12px;
  border: 1px dashed #93c5fd;
  border-radius: 8px;
  background: #eff6ff;
}

.amazon-job-status-box span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.amazon-job-status-box p {
  margin: 0;
  color: var(--ink);
  font-size: 12px;
  line-height: 1.45;
}

.amazon-book-table-wrap {
  margin-top: 16px;
}

.amazon-job-table-wrap {
  max-height: 760px;
  min-height: 0;
  overflow: auto;
  border: 1px solid var(--line);
  border-radius: 8px;
}

.amazon-job-table-wrap .data-table {
  min-width: 1040px;
}

.amazon-job-table-wrap thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: #fff;
  box-shadow: 0 1px 0 var(--line);
}

.amazon-job-category-list {
  display: grid;
  gap: 6px;
  max-width: 340px;
  white-space: normal;
  line-height: 1.55;
}

.amazon-job-category-preview,
.amazon-job-category-more div {
  display: grid;
  gap: 2px;
}

.amazon-job-category-preview span,
.amazon-job-category-more span {
  color: var(--ink);
  font-size: 13px;
  font-weight: 900;
}

.amazon-job-category-more {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.amazon-job-category-more summary {
  width: fit-content;
  cursor: pointer;
  color: var(--blue);
}

.amazon-job-category-more summary::marker {
  color: var(--blue);
}

.amazon-job-category-more div {
  max-height: 180px;
  overflow-y: auto;
  margin-top: 6px;
  padding: 8px 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
}

.amazon-book-group-row td {
  padding: 10px 12px;
  background: #f8fafc;
}

.row-index-cell {
  width: 56px;
  min-width: 56px;
  color: var(--muted);
  font-weight: 800;
  text-align: center;
}

.amazon-book-group-toggle {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px 12px;
  background: #fff;
  color: var(--ink);
  cursor: pointer;
}

.amazon-book-group-title {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 900;
}

.amazon-book-group-meta {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.amazon-category-panel {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.category-panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.category-panel-head span:first-child {
  display: block;
  margin-bottom: 4px;
  color: var(--ink);
  font-size: 14px;
  font-weight: 900;
}

.amazon-category-search {
  display: grid;
  gap: 6px;
  margin: 0;
}

.amazon-category-search span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.amazon-category-tree {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  max-height: 420px;
  overflow: auto;
  padding-right: 4px;
}

.amazon-category-group {
  display: grid;
  gap: 8px;
  align-content: start;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
}

.amazon-category-parent,
.amazon-category-child {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 28px;
  margin: 0;
  color: var(--ink);
  font-size: 13px;
  font-weight: 800;
}

.amazon-category-parent input,
.amazon-category-child input {
  width: auto;
}

.amazon-category-children {
  display: grid;
  gap: 4px;
  padding-left: 18px;
}

.amazon-category-child {
  color: #475569;
  font-size: 12px;
  font-weight: 700;
}

a.secondary-button {
  text-decoration: none;
}

a.secondary-button[aria-disabled="true"] {
  opacity: 0.45;
  pointer-events: none;
}

.cover-workbench {
  display: grid;
  grid-template-columns: minmax(320px, 0.72fr) minmax(480px, 1.28fr);
  gap: 18px;
  align-items: start;
}

.cover-form {
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
}

.cover-form-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.cover-form textarea {
  resize: vertical;
  min-height: 96px;
}

.translation-note {
  margin: -2px 0 0;
  color: #475569;
  font-size: 12px;
  line-height: 1.45;
}

.cover-title-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.cover-title-inline-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.cover-title-inline-actions .compact-button {
  min-height: 32px;
}

.ebook-upload-card {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px dashed #93c5fd;
  border-radius: 8px;
  background: #eff6ff;
}

.file-upload-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 40px;
  padding: 0 12px;
  border: 1px solid var(--blue);
  border-radius: 8px;
  background: #fff;
  color: var(--blue);
  font-weight: 800;
  cursor: pointer;
}

.file-upload-button span {
  display: inline;
  margin: 0;
  color: inherit;
  font-size: 14px;
}

#ebookExtractPreview {
  width: 100%;
  min-height: 92px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  color: var(--ink);
  line-height: 1.6;
  resize: vertical;
}

.cover-preview-card {
  display: grid;
  gap: 14px;
}

.cover-preview-frame {
  position: relative;
  display: grid;
  place-items: center;
  aspect-ratio: 2 / 3;
  max-height: 640px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: linear-gradient(135deg, #f8fafc, #e0f2fe);
}

.cover-preview-frame img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #fff;
}

.cover-placeholder {
  display: grid;
  place-items: center;
  gap: 12px;
  color: var(--muted);
  font-weight: 800;
  text-align: center;
}

.cover-placeholder svg {
  width: 48px;
  height: 48px;
  color: var(--blue);
}

.cover-preview-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.cover-prompt-box {
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
}

.cover-prompt-box p:last-child {
  margin: 0;
  color: var(--ink);
  line-height: 1.6;
}

.cover-set-preview {
  display: grid;
  gap: 12px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
}

.cover-generator-output {
  display: grid;
  gap: 14px;
  margin-top: 18px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: var(--shadow);
}

.cover-generator-output:not(.inline-cover-generator-output) {
  position: relative;
  padding-right: 164px;
}

.cover-generator-output[hidden] {
  display: none;
}

.cover-set-meta strong {
  display: block;
  margin-bottom: 4px;
  font-size: 20px;
}

.cover-set-meta p:last-child {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
}

.cover-set-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(220px, 1fr));
  gap: 14px;
}

.cover-generator-output .cover-set-grid {
  grid-template-columns: repeat(2, minmax(0, 560px));
  column-gap: 56px;
  row-gap: 18px;
  justify-content: start;
  align-items: start;
}

.cover-generator-output-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.cover-generator-output:not(.inline-cover-generator-output) .cover-generator-output-actions {
  position: absolute;
  top: 50%;
  right: 18px;
  transform: translateY(-50%);
}

.cover-side-card {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.cover-side-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 34px;
}

.cover-side-toolbar-title {
  color: var(--text);
  font-weight: 800;
}

.cover-side-toolbar .compact-button {
  min-height: 32px;
  white-space: nowrap;
}

.cover-side-toolbar .compact-button i {
  width: 15px;
  height: 15px;
}

.cover-generator-output .cover-side-card {
  width: 100%;
  max-width: min(500px, 100%);
}

.cover-generator-output .cover-side-frame {
  display: block;
  aspect-ratio: auto !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  background: #fff;
}

.cover-generator-output .cover-side-frame img {
  display: block;
  width: 100% !important;
  height: auto !important;
  max-width: 100%;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center center;
}

.cover-side-frame {
  display: grid;
  place-items: center;
  aspect-ratio: 2224 / 3152;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: linear-gradient(135deg, #fff, #e2e8f0);
}

.cover-side-frame img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #fff;
}

.cover-click-image {
  cursor: zoom-in;
}

.cover-click-image:focus-visible {
  outline: 3px solid rgba(37, 99, 235, 0.42);
  outline-offset: -3px;
}

.modal.cover-editor-modal {
  width: min(1540px, calc(100vw - 32px));
}

.modal-body.cover-editor-body {
  height: min(940px, calc(100vh - 32px));
  max-height: calc(100vh - 32px);
  grid-template-rows: auto minmax(0, 1fr);
  overflow: hidden;
}

.cover-editor-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(420px, 460px);
  gap: 22px;
  min-height: 0;
  min-width: 0;
  align-items: stretch;
}

.cover-editor-stage {
  position: relative;
  display: grid;
  place-items: center;
  min-width: 0;
  min-height: 0;
  height: 100%;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #0f172a;
}

.cover-editor-stage img,
.cover-editor-stage canvas {
  grid-area: 1 / 1;
  display: block;
  width: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.cover-editor-stage img {
  background: #fff;
}

.cover-editor-stage canvas {
  height: auto;
  touch-action: none;
  cursor: none;
}

.cover-brush-preview {
  position: absolute;
  z-index: 3;
  width: 64px;
  height: 64px;
  border: 2px solid #fff;
  border-radius: 999px;
  box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.9), 0 4px 18px rgba(15, 23, 42, 0.35);
  pointer-events: none;
  transform: translate(-50%, -50%);
}

.cover-editor-tools {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  align-items: stretch;
}

.cover-editor-tools input[type="range"] {
  width: 100%;
}

.cover-editor-sidebar {
  display: grid;
  align-content: start;
  gap: 14px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
  overflow: auto;
}

.cover-editor-prompt-field textarea,
#coverEditorPrompt {
  width: 100%;
  min-height: 96px;
  height: 112px;
  box-sizing: border-box;
  resize: vertical;
}

.cover-editor-actions {
  justify-content: stretch;
}

.cover-editor-actions .secondary-button,
.cover-editor-actions .primary-button {
  width: 100%;
}

.ai-panel {
  min-height: calc(100vh - 170px);
}

.ai-readonly-banner {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 16px;
  margin-bottom: 14px;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
  background: #eff6ff;
  color: #1e3a8a;
}

.ai-readonly-banner svg {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
}

.ai-readonly-banner div {
  display: grid;
  gap: 4px;
}

.ai-context-bar {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
  padding: 14px 16px;
  margin-bottom: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
}

.ai-context-bar h3 {
  margin: 2px 0 0;
  font-size: 16px;
}

.ai-permission-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  max-width: 760px;
}

.ai-permission-chip {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 4px 10px;
  border: 1px solid #c7d2fe;
  border-radius: 999px;
  background: #eef2ff;
  color: #3730a3;
  font-size: 12px;
  font-weight: 700;
}

.ai-chat-shell {
  display: grid;
  grid-template-rows: minmax(360px, 1fr) auto;
  gap: 14px;
  min-height: 520px;
}

.ai-messages {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 360px;
  max-height: calc(100vh - 430px);
  overflow: auto;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
}

.ai-empty {
  margin: auto;
  max-width: 520px;
  text-align: center;
  color: var(--muted);
  line-height: 1.8;
}

.ai-message {
  max-width: min(820px, 88%);
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  line-height: 1.65;
  word-break: break-word;
}

.ai-message.is-user {
  align-self: flex-end;
  border-color: #2563eb;
  background: #eff6ff;
}

.ai-message.is-assistant {
  align-self: flex-start;
}

.ai-message-meta {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 6px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.ai-download-list {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

.ai-download-button {
  justify-content: flex-start;
  width: fit-content;
  max-width: 100%;
}

.ai-download-note {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: -4px 0 6px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.ai-download-modal {
  width: min(760px, calc(100vw - 28px));
}

.ai-download-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
}

.ai-download-dialog-list {
  display: grid;
  gap: 8px;
  max-height: min(360px, calc(100vh - 320px));
  margin-top: 12px;
  overflow: auto;
}

.ai-download-dialog-item {
  display: grid;
  gap: 3px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.ai-download-dialog-item span {
  color: var(--muted);
  font-size: 12px;
}

.ecommerce-store-modal {
  width: min(560px, calc(100vw - 28px));
}

.ecommerce-store-options {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.ecommerce-store-option {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  color: var(--ink);
  cursor: pointer;
}

.ecommerce-store-option:has(input:checked) {
  border-color: var(--blue);
  background: #eef4ff;
  color: var(--blue-dark);
}

.ecommerce-store-option input {
  margin: 0;
}

.ai-chat-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: stretch;
}

.ai-chat-form textarea {
  min-height: 92px;
  max-height: 220px;
  resize: vertical;
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  font: inherit;
  line-height: 1.6;
}

.ai-chat-form .primary-button {
  min-width: 116px;
}

.ecommerce-images-wrap {
  overflow-x: auto;
}

.ecommerce-images-table {
  min-width: 1390px;
  table-layout: fixed;
}

.ecommerce-images-table th:nth-child(1),
.ecommerce-images-table td:nth-child(1) {
  width: 34px;
  min-width: 34px;
}

.ecommerce-images-table th:nth-child(2),
.ecommerce-images-table td:nth-child(2) {
  width: 58px;
  min-width: 58px;
}

.ecommerce-images-table th:nth-child(3),
.ecommerce-images-table td:nth-child(3) {
  width: 292px;
}

.ecommerce-images-table th:nth-child(4),
.ecommerce-images-table td:nth-child(4) {
  width: 194px;
}

.ecommerce-images-table th:nth-child(5),
.ecommerce-images-table td:nth-child(5) {
  width: 92px;
}

.ecommerce-images-table th:nth-child(6),
.ecommerce-images-table td:nth-child(6) {
  width: 330px;
}

.ecommerce-images-table th:nth-child(7),
.ecommerce-images-table td:nth-child(7) {
  width: 152px;
}

.ecommerce-images-table th:nth-child(8),
.ecommerce-images-table td:nth-child(8) {
  width: 82px;
  white-space: normal;
}

.ecommerce-images-table th:nth-child(9),
.ecommerce-images-table td:nth-child(9) {
  width: 118px;
  min-width: 118px;
  padding-right: 6px;
  padding-left: 6px;
}

.ecommerce-images-table td {
  vertical-align: top;
}

.ecommerce-images-table td:nth-child(7) .pill {
  display: inline-flex;
  margin: 0 0 6px;
}

.ecommerce-select-cell {
  text-align: center;
  vertical-align: middle;
}

.ecommerce-select-cell input {
  width: 16px;
  height: 16px;
  margin: 0;
}

.ecommerce-title-block {
  display: grid;
  gap: 4px;
  min-width: 0;
  max-width: 292px;
}

.ecommerce-title-block p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.ecommerce-cover-pair {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  min-width: 180px;
}

.ecommerce-cover-thumb {
  display: grid;
  gap: 6px;
  justify-items: center;
  width: 86px;
  color: var(--muted);
  font-size: 12px;
}

.ecommerce-cover-thumb img {
  width: 86px;
  height: 120px;
  object-fit: contain;
  border: 1px solid var(--line-strong);
  border-radius: 8px;
  background: #f8fafc;
}

.ecommerce-cover-thumb img,
.white-image-thumb,
.scene-thumb {
  cursor: zoom-in;
}

.ecommerce-cover-empty {
  display: grid;
  place-items: center;
  width: 86px;
  height: 120px;
  padding: 8px;
  border: 1px dashed var(--line-strong);
  border-radius: 8px;
  background: #f8fafc;
  color: var(--muted);
  text-align: center;
}

.white-image-slot {
  display: grid;
  place-items: center;
  width: 76px;
  min-width: 76px;
}

.asset-slot {
  display: grid;
  gap: 6px;
  justify-items: center;
}

.white-image-placeholder,
.white-image-thumb {
  width: 72px;
  height: 82px;
  border: 1px dashed var(--line-strong);
  border-radius: 8px;
  background: #fff;
}

.white-image-placeholder {
  display: grid;
  place-items: center;
  padding: 8px;
  color: var(--muted);
  font-size: 12px;
  text-align: center;
}

.ecommerce-cover-empty[data-ecommerce-upload-kind],
.white-image-placeholder[data-ecommerce-upload-kind],
.scene-placeholder[data-ecommerce-upload-kind] {
  cursor: pointer;
}

.ecommerce-cover-empty[data-ecommerce-upload-kind]:hover,
.white-image-placeholder[data-ecommerce-upload-kind]:hover,
.scene-placeholder[data-ecommerce-upload-kind]:hover,
.ecommerce-cover-empty.is-uploading,
.white-image-placeholder.is-uploading,
.scene-placeholder.is-uploading {
  border-color: var(--blue);
  color: var(--blue-dark);
  background: #eef4ff;
}

.white-image-thumb {
  object-fit: cover;
  border-style: solid;
}

.scene-placeholder-grid {
  display: grid;
  grid-template-columns: repeat(5, 60px);
  gap: 6px;
  min-width: 324px;
}

.scene-placeholder {
  display: grid;
  place-items: center;
  min-height: 82px;
  padding: 6px;
  border: 1px dashed var(--line-strong);
  border-radius: 8px;
  background: #f8fafc;
  color: var(--muted);
  font-size: 12px;
  text-align: center;
}

.scene-thumb {
  width: 60px;
  height: 82px;
  object-fit: cover;
  border: 1px solid var(--line-strong);
  border-radius: 8px;
  background: #f8fafc;
}

.modal.image-lightbox-modal {
  width: min(676px, calc(100vw - 32px));
  max-width: none;
  background: transparent;
  box-shadow: none;
  transform: translateX(clamp(80px, 14vw, 260px));
}

.image-lightbox-body {
  display: grid;
  gap: 12px;
}

.image-lightbox-header {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(44px, 1fr);
  align-items: center;
  gap: 12px;
  min-height: 44px;
  padding: 8px 10px 8px 14px;
  border-radius: 8px;
  background: #fff;
  box-shadow: var(--shadow);
}

.image-lightbox-header strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.image-lightbox-tools {
  z-index: 4;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  justify-self: center;
}

.image-lightbox-delete-button {
  z-index: 1;
}

.image-lightbox-close-button {
  justify-self: end;
}

.image-lightbox-frame {
  position: relative;
  display: grid;
  place-items: center;
  max-height: calc(100vh - 120px);
  padding: 12px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: var(--shadow);
  overflow: hidden;
}

.image-lightbox-frame img {
  display: block;
  max-width: 100%;
  max-height: calc(100vh - 120px);
  object-fit: contain;
  border-radius: 8px;
  cursor: zoom-in;
  transform-origin: center;
  transition: transform 160ms ease;
  user-select: none;
  -webkit-user-drag: none;
  touch-action: none;
  will-change: transform;
}

.image-lightbox-frame.is-image-zoomed img {
  cursor: grab;
}

.image-lightbox-frame.is-image-dragging img {
  cursor: grabbing;
  transition: none;
}

.image-lightbox-nav {
  position: absolute;
  top: 50%;
  z-index: 2;
  display: inline-grid;
  place-items: center;
  width: 44px;
  height: 72px;
  border: 1px solid rgba(148, 163, 184, 0.65);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.9);
  color: #0f172a;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.22);
  transform: translateY(-50%);
  cursor: pointer;
}

.image-lightbox-nav:hover {
  background: #fff;
  border-color: #94a3b8;
}

.image-lightbox-nav-left {
  left: 18px;
}

.image-lightbox-nav-right {
  right: 18px;
}

.image-lightbox-nav svg {
  width: 28px;
  height: 28px;
}

@media (max-width: 900px) {
  .modal.image-lightbox-modal {
    transform: none;
  }
}

.prompt-preview-modal {
  width: min(860px, calc(100vw - 28px));
}

.prompt-preview-textarea {
  width: 100%;
  min-height: 280px;
  max-height: min(560px, calc(100vh - 220px));
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
  color: var(--ink);
  line-height: 1.55;
  resize: vertical;
}

.ecommerce-status {
  margin: 6px 0 0;
  color: var(--muted);
  font-size: 12px;
}

.ecommerce-concurrency-control {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 9px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

.ecommerce-concurrency-control select {
  height: 26px;
  min-width: 58px;
  border: 0;
  background: transparent;
  color: var(--ink);
  font: inherit;
  outline: none;
}

.ecommerce-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 6px;
  align-items: stretch;
  width: 106px;
}

.ecommerce-actions .compact-button {
  width: 100%;
  min-height: 32px;
  padding: 0 7px;
  gap: 5px;
  justify-content: center;
  white-space: nowrap;
}

.stock-order-page {
  gap: 0;
  color: #111827;
}

.stock-order-reference-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px;
  border: 1px solid var(--line);
  border-bottom: 0;
  background: #fff;
}

.stock-order-reference-head h2 {
  margin: 0 0 8px;
  font-size: 18px;
}

.stock-order-market-tabs,
.stock-order-sibling-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.stock-order-market-tabs button,
.stock-order-sibling-tabs button {
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid var(--line);
  background: #fff;
  color: #475569;
  font-size: 12px;
  font-weight: 800;
}

.stock-order-market-tabs button.is-active,
.stock-order-sibling-tabs button.is-active {
  border-color: #2563eb;
  color: #2563eb;
  background: #eff6ff;
}

.stock-order-config-strip,
.stock-order-policy-note {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  border: 1px solid var(--line);
  border-bottom: 0;
  background: #fff;
  font-size: 12px;
}

.stock-order-config-strip div {
  display: grid;
  gap: 3px;
  min-width: 0;
  margin-right: auto;
}

.stock-order-config-strip span,
.stock-order-policy-note {
  color: #64748b;
}

.stock-order-policy-note {
  display: grid;
  gap: 6px;
  background: #fff7ed;
  color: #9a3412;
  line-height: 1.5;
}

.stock-order-policy-note p {
  margin: 0;
}

.stock-order-quickbar,
.stock-order-filter-panel,
.stock-order-workbench {
  border: 1px solid var(--line);
  border-radius: 0;
  background: #fff;
}

.stock-order-quickbar {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 6px 14px 14px;
  border-bottom: 0;
}

.stock-order-quick-title {
  padding-top: 11px;
  color: #111827;
  font-size: 12px;
  font-weight: 800;
  text-align: right;
}

.stock-order-quick-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(118px, 1fr));
  gap: 8px;
}

.stock-order-quick-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 38px;
  padding: 0 12px;
  border: 1px solid #d1d5db;
  border-radius: 0;
  background: #fff;
  color: #111827;
  font-size: 12px;
  white-space: nowrap;
}

.stock-order-quick-chip.is-active {
  border-color: #2563eb;
  color: #2563eb;
  box-shadow: inset 0 0 0 1px #2563eb;
}

.stock-order-quick-chip strong,
.stock-order-quick-chip em {
  display: inline-grid;
  place-items: center;
  min-width: 20px;
  min-height: 18px;
  padding: 0 6px;
  border-radius: 999px;
  background: #ef4444;
  color: #fff;
  font-style: normal;
  font-size: 11px;
  font-weight: 800;
}

.stock-order-quick-chip em {
  background: transparent;
  color: #2563eb;
}

.stock-order-filter-panel {
  display: grid;
  gap: 12px;
  margin-top: 12px;
  padding: 16px 18px;
}

.stock-order-filter-grid,
.stock-order-advanced {
  display: grid;
  grid-template-columns: minmax(180px, 0.9fr) minmax(180px, 0.9fr) minmax(180px, 1fr) auto;
  gap: 16px;
  align-items: end;
}

.stock-order-advanced {
  grid-template-columns: repeat(4, minmax(180px, 1fr));
  padding-top: 12px;
  border-top: 1px dashed var(--line);
}

.stock-order-advanced[hidden] {
  display: none;
}

.stock-order-filter-panel label {
  display: grid;
  grid-template-columns: 118px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}

.stock-order-filter-panel label span {
  margin: 0;
  color: #111827;
  text-align: right;
}

.stock-order-filter-panel input,
.stock-order-filter-panel select,
.stock-order-sort select,
.stock-order-pagination select {
  width: 100%;
  min-height: 32px;
  padding: 5px 10px;
  border: 1px solid #cfd6df;
  border-radius: 2px;
  background: #fff;
  color: #111827;
  font: inherit;
  font-size: 12px;
}

.stock-order-filter-actions,
.stock-order-batch-actions,
.stock-order-toolbar,
.stock-order-sort,
.stock-order-pagination {
  display: flex;
  align-items: center;
  gap: 8px;
}

.stock-order-filter-actions .tiny-button,
.stock-order-batch-actions .tiny-button {
  min-height: 32px;
  border-radius: 2px;
}

.stock-order-workbench {
  margin-top: 12px;
  overflow: hidden;
}

.stock-order-status-tabs {
  display: flex;
  overflow-x: auto;
  border-bottom: 1px solid var(--line);
}

.stock-order-status-tab {
  min-width: 92px;
  min-height: 32px;
  padding: 0 12px;
  border: 0;
  border-right: 1px solid var(--line);
  border-radius: 0;
  background: #fff;
  color: #111827;
  font-size: 12px;
  white-space: nowrap;
}

.stock-order-status-tab.is-active {
  color: #2563eb;
  background: #f8fbff;
  box-shadow: inset 0 -2px 0 #2563eb;
}

.stock-order-toolbar {
  justify-content: space-between;
  gap: 16px;
  padding: 10px 12px;
  border-bottom: 1px solid var(--line);
}

.stock-order-sync-status {
  display: grid;
  gap: 6px;
  padding: 10px 12px;
  border-bottom: 1px solid var(--line);
  background: #fff;
  font-size: 12px;
}

.temu-shipping-reference-panel,
.stock-order-sync-status {
  display: none !important;
}

.stock-order-sync-main,
.stock-order-sync-errors {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
}

.stock-order-sync-main strong {
  color: #111827;
}

.stock-order-sync-main span:not(.sync-dot),
.stock-order-sync-policy {
  color: #64748b;
}

.stock-order-sync-main.is-error strong,
.stock-order-sync-errors {
  color: #b91c1c;
}

.stock-order-sync-errors span {
  padding: 4px 7px;
  border: 1px solid #fecaca;
  background: #fef2f2;
}

.stock-order-batch-actions {
  flex-wrap: wrap;
}

.stock-order-sort {
  margin-left: auto;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.stock-order-sort span {
  white-space: nowrap;
}

.stock-order-sort select {
  min-width: 174px;
}

.stock-order-table-wrap {
  height: clamp(1180px, calc(100vh + 320px), 1440px);
  max-height: none;
  min-height: 760px;
  overflow: auto;
  border: 0;
  border-radius: 0;
}

.stock-order-table {
  min-width: 1920px;
  font-size: 12px;
}

.stock-order-table th,
.stock-order-table td {
  padding: 10px 12px;
  border-right: 1px solid #eef2f7;
  vertical-align: top;
}

.stock-order-table thead th {
  position: sticky;
  top: 0;
  z-index: 3;
  background: #f8fafc;
  color: #374151;
  text-transform: none;
}

.stock-order-table tr.is-selected td {
  background: #eff6ff;
}

.stock-order-check-cell {
  width: 42px;
  text-align: center;
}

.stock-order-id-cell {
  min-width: 250px;
}

.stock-order-id-cell > strong,
.stock-order-product-cell strong,
.stock-order-sku-cell strong {
  display: block;
  margin-bottom: 5px;
  color: #111827;
}

.stock-order-timeline {
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr);
  gap: 8px;
  margin-top: 10px;
  padding: 9px 10px;
  background: #fff7ed;
}

.stock-order-timeline > span {
  width: 9px;
  height: 9px;
  margin-top: 4px;
  border-radius: 50%;
  background: #3b82f6;
  box-shadow: 0 0 0 4px #dbeafe;
}

.stock-order-timeline strong,
.stock-order-timeline small {
  display: block;
  line-height: 1.45;
}

.stock-order-timeline small {
  color: #6b7280;
}

.stock-order-product-cell,
.stock-order-sku-cell {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 10px;
  min-width: 310px;
}

.stock-order-product-cell p {
  display: -webkit-box;
  margin: 4px 0 6px;
  overflow: hidden;
  color: #374151;
  line-height: 1.45;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.stock-order-sku-cell {
  min-width: 220px;
}

.stock-order-sku-cell span {
  display: block;
  color: #6b7280;
  line-height: 1.45;
}

.stock-order-thumb {
  width: 48px;
  height: 48px;
  border: 1px solid var(--line);
  border-radius: 3px;
  background: #f8fafc;
  object-fit: cover;
}

.stock-order-thumb-placeholder {
  display: grid;
  place-items: center;
  color: #2563eb;
  font-weight: 900;
}

.stock-order-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 6px;
}

.stock-order-tags span {
  display: inline-flex;
  align-items: center;
  min-height: 18px;
  padding: 0 5px;
  background: #eff6ff;
  color: #2563eb;
  font-size: 11px;
  font-weight: 800;
}

.stock-order-tags span:first-child {
  background: #fff7ed;
  color: #f97316;
}

.stock-order-status {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-width: 72px;
  padding-top: 64px;
  color: #111827;
  font-weight: 700;
}

.stock-order-status-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #f97316;
}

.stock-order-status-dot.green {
  background: #16a34a;
}

.stock-order-status-dot.red {
  background: #ef4444;
}

.stock-order-status-dot.purple {
  background: #7c3aed;
}

.stock-water {
  min-width: 140px;
}

.stock-water-bar {
  height: 7px;
  margin-bottom: 7px;
  overflow: hidden;
  border-radius: 999px;
  background: #f1f5f9;
}

.stock-water-bar span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #16a34a;
}

.stock-water-bar span.warning {
  background: #f59e0b;
}

.stock-water-bar span.danger {
  background: #ef4444;
}

.stock-water strong,
.stock-water small,
.stock-order-ship-info span {
  display: block;
  line-height: 1.55;
}

.stock-water small,
.stock-order-ship-info span {
  color: #6b7280;
}

.stock-order-progress-cell {
  display: grid;
  gap: 6px;
  min-width: 180px;
}

.stock-order-progress-cell > strong {
  color: #111827;
}

.stock-order-progress-cell > span {
  color: #6b7280;
  line-height: 1.45;
}

.stock-order-actions {
  min-width: 112px;
}

.stock-order-actions button {
  display: block;
  width: 100%;
  min-height: 20px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #2563eb;
  text-align: left;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.55;
}

.stock-order-actions button:hover,
.stock-order-product-cell .link-button:hover {
  text-decoration: underline;
}

.stock-order-actions button:disabled {
  color: #94a3b8;
  cursor: not-allowed;
  text-decoration: none;
}

.stock-order-detail-modal {
  width: min(960px, calc(100vw - 28px));
}

.stock-order-detail-body {
  max-height: calc(100vh - 28px);
  overflow: auto;
}

.stock-order-detail-body .modal-header p {
  max-width: 760px;
  margin: 4px 0 0;
  color: #64748b;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.45;
}

.modal.stock-order-quantity-modal {
  width: min(980px, calc(100vw - 32px));
  border-radius: 6px;
}

.stock-order-quantity-body {
  gap: 0;
  padding: 0;
  overflow: hidden;
  background: #ffffff;
}

.stock-order-quantity-header {
  min-height: 46px;
  margin: 0;
  padding: 0 10px 0 12px;
  border-bottom: 1px solid #e5e7eb;
}

.stock-order-quantity-header h3 {
  margin: 0;
  color: #1f2937;
  font-size: 16px;
  font-weight: 700;
}

.stock-order-quantity-header .modal-close-button {
  width: 30px;
  min-height: 30px;
  border: 0;
  border-radius: 999px;
  background: #eef0f3;
  color: #9ca3af;
}

.stock-order-quantity-header .modal-close-button svg {
  width: 18px;
  height: 18px;
}

.stock-order-quantity-warning {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  margin: 24px 20px;
  padding: 10px 12px;
  border: 1px solid #fed7aa;
  border-radius: 2px;
  background: #fff7ed;
  color: #1f2937;
  font-size: 12px;
  line-height: 1.65;
}

.stock-order-quantity-warning svg {
  width: 16px;
  height: 16px;
  margin-top: 3px;
  color: #f59e0b;
}

.stock-order-quantity-warning p {
  margin: 0;
}

.stock-order-quantity-table-wrap {
  margin: 0 20px;
  overflow-x: hidden;
  border: 1px solid #e5e7eb;
  border-bottom: 0;
}

.stock-order-quantity-table {
  width: 100%;
  min-width: 0;
  border-collapse: collapse;
  table-layout: fixed;
  color: #111827;
  font-size: 13px;
}

.stock-order-quantity-table th,
.stock-order-quantity-table td {
  padding: 12px;
  border-right: 1px solid #e5e7eb;
  border-bottom: 1px solid #e5e7eb;
  text-align: left;
  vertical-align: middle;
}

.stock-order-quantity-table th:last-child,
.stock-order-quantity-table td:last-child {
  border-right: 0;
}

.stock-order-quantity-table th {
  height: 38px;
  background: #f7f8fa;
  color: #4b5563;
  font-size: 12px;
  font-weight: 600;
}

.stock-order-quantity-table th:first-child {
  width: 56%;
}

.stock-order-quantity-table th:nth-child(2) {
  width: 16%;
}

.stock-order-quantity-table th:nth-child(3) {
  width: 16%;
}

.stock-order-quantity-table th:nth-child(4) {
  width: 12%;
}

.stock-order-quantity-skc {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  min-width: 0;
}

.stock-order-quantity-skc strong {
  display: block;
  overflow: hidden;
  color: #111827;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.45;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.stock-order-quantity-skc span {
  display: block;
  color: #64748b;
  font-size: 12px;
  line-height: 1.45;
}

.stock-order-quantity-input {
  width: 100%;
  max-width: 118px;
  height: 30px;
  min-height: 30px;
  border: 1px solid #d9dde7;
  border-radius: 2px;
  background: #ffffff;
  font-size: 13px;
}

.stock-order-quantity-actions {
  margin: 0;
  padding: 20px 24px 18px;
}

.stock-order-quantity-actions .primary-button,
.stock-order-quantity-actions .secondary-button {
  min-width: 64px;
  min-height: 32px;
  border-radius: 3px;
  font-size: 13px;
}

.stock-order-quantity-actions .primary-button {
  background: #2f6bff;
  border-color: #2f6bff;
}

.stock-order-detail-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  color: #475569;
  font-size: 12px;
  font-weight: 700;
}

.stock-order-detail-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px;
  margin: 0;
}

.stock-order-detail-grid div {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #f8fafc;
}

.stock-order-detail-grid dt {
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
}

.stock-order-detail-grid dd {
  min-width: 0;
  margin: 0;
  color: #0f172a;
  font-size: 13px;
  font-weight: 800;
  overflow-wrap: anywhere;
}

.stock-order-detail-json {
  display: grid;
  gap: 8px;
}

.stock-order-log-list {
  display: grid;
  gap: 10px;
}

.stock-order-log-list article {
  display: grid;
  gap: 5px;
  padding: 12px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #ffffff;
}

.stock-order-log-list strong {
  color: #0f172a;
  font-size: 13px;
}

.stock-order-log-list span {
  color: #2563eb;
  font-size: 12px;
  font-weight: 800;
}

.stock-order-log-list small {
  color: #64748b;
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.stock-order-detail-json strong {
  color: #111827;
  font-size: 13px;
}

.stock-order-detail-json pre {
  max-height: 280px;
  margin: 0;
  padding: 12px;
  overflow: auto;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #0f172a;
  color: #e2e8f0;
  font-size: 12px;
  line-height: 1.5;
}

.stock-order-pagination {
  justify-content: flex-end;
  padding: 10px 14px;
  border-top: 1px solid var(--line);
  color: #6b7280;
  font-size: 12px;
}

.stock-order-pagination select {
  width: auto;
  min-width: 58px;
}

.stock-order-page-buttons {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-left: 4px;
}

.stock-order-page-buttons button {
  min-width: 30px;
  min-height: 30px;
  padding: 0 8px;
  border: 1px solid #cfd6df;
  border-radius: 2px;
  background: #fff;
  color: #111827;
  font: inherit;
  font-size: 12px;
  font-weight: 800;
}

.stock-order-page-buttons button.is-active {
  border-color: #2563eb;
  background: #2563eb;
  color: #fff;
}

.stock-order-page-buttons button:disabled {
  color: #9ca3af;
  cursor: not-allowed;
  opacity: 0.65;
}

.stock-order-page-ellipsis {
  min-width: 18px;
  color: #94a3b8;
  text-align: center;
  font-weight: 800;
}

@media (max-width: 760px) {
  .modal.cover-editor-modal {
    width: min(760px, calc(100vw - 28px));
  }

  .modal-body.cover-editor-body {
    height: auto;
    max-height: calc(100vh - 28px);
    overflow-y: auto;
    overflow-x: hidden;
  }

  .cover-editor-layout {
    grid-template-columns: 1fr;
  }

  .cover-editor-sidebar {
    overflow: visible;
  }

  .cover-editor-stage {
    height: min(70vh, 720px);
  }
}

.cover-history-panel {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid var(--line);
}

.compact-heading {
  margin-bottom: 12px;
}

.compact-heading h3 {
  margin: 0;
  font-size: 18px;
}

.cover-history-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 12px;
}

.cover-history-card {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.cover-history-thumb {
  display: block;
  width: 100%;
  aspect-ratio: 2 / 3;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
}

.cover-history-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cover-history-card strong {
  display: block;
  margin-bottom: 4px;
}

.cover-history-card .pill {
  margin-bottom: 6px;
}

.cover-history-card p {
  margin: 0 0 3px;
  color: var(--muted);
  font-size: 12px;
}

.cover-history-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.compact-button {
  min-height: 34px;
  padding: 0 10px;
  font-size: 12px;
}

.danger-button {
  border-color: #fecaca;
  color: #b91c1c;
}

.danger-button:hover {
  background: #fef2f2;
}

.account-layout {
  display: grid;
  grid-template-columns: minmax(300px, 0.45fr) minmax(0, 1fr);
  gap: 16px;
}

.account-table-wrap {
  min-height: 280px;
}

.field-label {
  display: block;
  margin-bottom: 7px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.permission-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.permission-option {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 0 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8fafc;
  font-weight: 700;
}

.permission-option input {
  width: auto;
}

label span {
  display: block;
  margin-bottom: 7px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.access-line,
.activity-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 11px 0;
  border-bottom: 1px solid var(--line);
}

.access-line:last-child,
.activity-item:last-child {
  border-bottom: 0;
}

.activity-item {
  align-items: flex-start;
}

.activity-item time {
  color: var(--muted);
  font-size: 12px;
  white-space: nowrap;
}

.modal {
  width: min(520px, calc(100vw - 28px));
  padding: 0;
  border: 0;
  border-radius: 8px;
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.26);
}

.modal::backdrop {
  background: rgba(15, 23, 42, 0.48);
}

.modal-body {
  display: grid;
  gap: 16px;
  padding: 20px;
}

.cover-regenerate-prompt-modal {
  width: min(760px, calc(100vw - 28px));
}

.temu-goods-action-modal {
  width: min(980px, 100vw);
  max-width: 100vw;
  height: 100vh;
  max-height: 100vh;
  margin: 0 0 0 auto;
  border-radius: 0;
}

.temu-goods-price-modal {
  width: min(980px, 100vw);
  max-width: 100vw;
  height: 100vh;
  max-height: 100vh;
  margin: 0 0 0 auto;
  border-radius: 0;
}

.temu-goods-action-modal .modal-body {
  max-height: 100vh;
  min-height: 100vh;
  overflow: auto;
  background: #f6f7fb;
}

.temu-goods-price-modal .modal-body {
  max-height: 100vh;
  min-height: 100vh;
  overflow: auto;
  background: #f6f7fb;
}

.temu-goods-action-modal .modal-header,
.temu-goods-price-modal .modal-header {
  align-items: start;
  padding-bottom: 12px;
  border-bottom: 1px solid #e5e7eb;
}

.temu-goods-action-modal .modal-header p,
.temu-goods-price-modal .modal-header p {
  max-width: 760px;
  margin: 4px 0 0;
  color: #475569;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.temu-goods-action-notice,
.temu-goods-action-error,
.temu-goods-action-submitbar {
  display: grid;
  gap: 12px;
  align-items: center;
  border: 1px solid #dbeafe;
  border-radius: 6px;
  background: #eff6ff;
  color: #1e3a8a;
}

.temu-goods-action-notice {
  grid-template-columns: 18px minmax(0, 1fr);
  padding: 10px 12px;
  font-size: 13px;
  line-height: 1.5;
}

.temu-goods-action-notice i {
  width: 18px;
  height: 18px;
}

.temu-goods-action-error {
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 14px;
  border-color: #fecaca;
  background: #fff1f2;
  color: #991b1b;
}

.temu-goods-action-error div {
  display: grid;
  gap: 5px;
}

.temu-goods-action-error span,
.temu-goods-action-submitbar span {
  font-size: 12px;
  font-weight: 800;
}

.temu-goods-action-error strong,
.temu-goods-action-submitbar strong {
  color: inherit;
  font-size: 13px;
  line-height: 1.45;
}

.temu-goods-action-error p {
  margin: 0;
  font-size: 12px;
  line-height: 1.45;
}

.temu-goods-action-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.temu-goods-action-summary div {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: #fff;
}

.temu-goods-action-summary span {
  color: var(--muted);
  font-size: 12px;
}

.temu-goods-action-summary strong {
  overflow-wrap: anywhere;
  color: var(--ink);
  font-size: 13px;
}

.temu-goods-action-json {
  overflow: auto;
  max-height: 340px;
  margin: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: #0f172a;
  color: #e5e7eb;
  font-size: 12px;
  line-height: 1.5;
}

.temu-goods-action-section,
.temu-goods-action-raw {
  display: grid;
  gap: 14px;
  padding: 14px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #fff;
}

.temu-goods-action-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.temu-goods-action-section-head h4 {
  margin: 0;
  color: #0f172a;
  font-size: 15px;
}

.temu-goods-action-head-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.temu-goods-action-form-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.temu-goods-action-field {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.temu-goods-action-field.is-wide {
  grid-column: span 2;
}

.temu-goods-action-field span {
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
}

.temu-goods-action-field input,
.temu-goods-action-field textarea {
  width: 100%;
  min-height: 36px;
  padding: 8px 10px;
  border: 1px solid #d7dde8;
  border-radius: 4px;
  background: #f8fafc;
  color: #111827;
  font: inherit;
  font-size: 13px;
}

.temu-goods-action-field textarea {
  min-height: 68px;
  line-height: 1.45;
  resize: vertical;
}

.temu-goods-price-modal .temu-goods-action-field textarea {
  min-height: 160px;
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  font-size: 12px;
}

.temu-goods-action-attrs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.temu-goods-action-attrs div,
.temu-goods-action-manual-card div {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background: #f8fafc;
}

.temu-goods-action-attrs span,
.temu-goods-action-manual-card span {
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
}

.temu-goods-action-attrs strong,
.temu-goods-action-manual-card strong {
  color: #111827;
  font-size: 13px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.temu-goods-action-table {
  overflow: auto;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
}

.temu-goods-action-table table {
  width: 100%;
  min-width: 640px;
  border-collapse: collapse;
  font-size: 12px;
}

.temu-goods-action-table th,
.temu-goods-action-table td {
  padding: 10px 12px;
  border-bottom: 1px solid #e5e7eb;
  text-align: left;
  vertical-align: top;
}

.temu-goods-action-table th {
  background: #f8fafc;
  color: #475569;
  font-weight: 800;
}

.temu-goods-action-media-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(280px, 0.7fr);
  gap: 12px;
  align-items: start;
}

.temu-goods-action-images {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(82px, 1fr));
  gap: 10px;
}

.temu-goods-action-images img {
  width: 100%;
  aspect-ratio: 1;
  border: 1px solid #d7dde8;
  border-radius: 4px;
  background: #fff;
  object-fit: cover;
}

.temu-goods-action-manual-card {
  display: grid;
  gap: 10px;
}

.temu-goods-action-submitbar {
  grid-template-columns: minmax(0, 1fr) auto auto;
  padding: 12px 14px;
  border-color: #fde68a;
  background: #fffbeb;
  color: #92400e;
}

.temu-goods-action-raw summary {
  cursor: pointer;
  color: #1d4ed8;
  font-size: 13px;
  font-weight: 800;
}

.temu-media-raw {
  display: grid;
  gap: 8px;
  margin-top: 8px;
}

.temu-media-raw summary {
  cursor: pointer;
  color: #1d4ed8;
  font-size: 12px;
  font-weight: 800;
}

.temu-media-raw-panel {
  margin: 0 8px 10px;
}

.temu-media-raw-list {
  display: grid;
  gap: 12px;
}

.temu-media-raw-list h4 {
  margin: 0 0 8px;
  color: #0f172a;
  font-size: 13px;
}

.goods-edit-page {
  display: grid;
  gap: 14px;
  min-height: 100%;
  padding-bottom: 18px;
  background: #f3f4f8;
}

.goods-edit-topbar,
.goods-edit-hero,
.goods-edit-card,
.goods-edit-validation,
.goods-edit-submitbar,
.goods-edit-empty {
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background: #fff;
}

.goods-edit-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 18px;
}

.goods-edit-topbar h2,
.goods-edit-hero h3,
.goods-edit-card-head h3 {
  margin: 0;
  color: #111827;
}

.goods-edit-topbar span,
.goods-edit-hero p {
  display: block;
  margin-top: 5px;
  color: #64748b;
  font-size: 13px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.goods-edit-top-actions,
.goods-edit-card-actions,
.goods-edit-inline-actions,
.goods-edit-sku-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.goods-edit-layout {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}

.goods-edit-step-nav {
  position: sticky;
  top: 88px;
  display: grid;
  gap: 6px;
  padding: 10px;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background: #fff;
}

.goods-edit-step-nav button {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  min-height: 36px;
  padding: 8px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: #475569;
  text-align: left;
}

.goods-edit-step-nav button.is-active,
.goods-edit-step-nav button:hover {
  background: #eff6ff;
  color: #1d4ed8;
}

.goods-edit-step-nav span {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background: #e5e7eb;
  color: #475569;
  font-size: 12px;
  font-weight: 800;
}

.goods-edit-step-nav button.is-active span {
  background: #2563eb;
  color: #fff;
}

.goods-edit-main {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.goods-edit-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(360px, 0.8fr);
  gap: 16px;
  padding: 16px;
}

.goods-edit-id-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.goods-edit-id-grid div {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background: #f8fafc;
}

.goods-edit-id-grid span,
.goods-edit-validation span,
.goods-edit-subhead span {
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
}

.goods-edit-id-grid strong {
  color: #111827;
  font-size: 13px;
  overflow-wrap: anywhere;
}

.goods-edit-validation {
  display: grid;
  gap: 10px;
  padding: 12px 14px;
}

.goods-edit-validation > div:first-child {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.goods-edit-validation strong {
  color: #111827;
}

.goods-edit-validation-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.goods-edit-validation-grid span {
  padding: 4px 8px;
  border-radius: 999px;
  background: #fee2e2;
  color: #991b1b;
}

.goods-edit-validation-grid span.is-ok {
  background: #dcfce7;
  color: #166534;
}

.goods-edit-card,
.goods-edit-empty {
  display: grid;
  gap: 14px;
  padding: 16px;
}

.goods-edit-card-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 14px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e5e7eb;
}

.goods-edit-category-path {
  padding: 12px;
  border: 1px solid #dbeafe;
  border-radius: 4px;
  background: #eff6ff;
  color: #1e40af;
  font-weight: 800;
}

.goods-edit-form-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.goods-edit-form-grid.is-two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.goods-edit-field {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.goods-edit-field.is-wide {
  grid-column: span 2;
}

.goods-edit-field > span,
.goods-edit-radio-group > span {
  color: #334155;
  font-size: 12px;
  font-weight: 800;
}

.goods-edit-field b {
  color: #ef4444;
}

.goods-edit-input-wrap {
  display: flex;
  align-items: center;
  min-height: 36px;
  border: 1px solid #cfd8e3;
  border-radius: 3px;
  background: #fff;
}

.goods-edit-input-wrap input,
.goods-edit-field textarea {
  width: 100%;
  min-width: 0;
  border: 0;
  background: transparent;
  color: #111827;
  font: inherit;
  font-size: 13px;
}

.goods-edit-input-wrap input {
  min-height: 34px;
  padding: 7px 9px;
}

.goods-edit-input-wrap em {
  padding: 0 9px;
  color: #64748b;
  font-style: normal;
  font-size: 12px;
}

.goods-edit-field textarea {
  min-height: 74px;
  padding: 9px;
  border: 1px solid #cfd8e3;
  border-radius: 3px;
  background: #fff;
  line-height: 1.5;
  resize: vertical;
}

.goods-edit-input-wrap:focus-within,
.goods-edit-field textarea:focus {
  border-color: #2563eb;
  outline: 3px solid rgba(37, 99, 235, 0.12);
}

.goods-edit-alert {
  padding: 10px 12px;
  border: 1px solid #fde68a;
  border-radius: 4px;
  background: #fffbeb;
  color: #92400e;
  font-size: 13px;
  line-height: 1.5;
}

.goods-edit-language-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px 12px;
}

.goods-edit-language-grid label,
.goods-edit-radio-group label,
.goods-edit-sku-top label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #334155;
  font-size: 13px;
}

.goods-edit-media-area,
.goods-edit-package-grid,
.goods-edit-manual-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(300px, 0.8fr);
  gap: 14px;
  align-items: start;
}

.goods-edit-subhead {
  display: grid;
  gap: 4px;
  margin-bottom: 8px;
}

.goods-edit-subhead strong {
  color: #111827;
}

.goods-edit-image-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.goods-edit-image-grid img,
.goods-edit-material-photo img {
  width: 100%;
  aspect-ratio: 1;
  border: 1px solid #d1d5db;
  border-radius: 3px;
  object-fit: cover;
}

.goods-edit-image-placeholder,
.goods-edit-material-photo,
.goods-edit-package-images div {
  display: grid;
  place-items: center;
  min-height: 92px;
  border: 1px dashed #cbd5e1;
  border-radius: 3px;
  background: #f8fafc;
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
  text-align: center;
}

.goods-edit-image-placeholder.compact {
  min-height: 58px;
}

.goods-edit-package-images {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 10px;
}

.goods-edit-package-images b {
  color: #1d4ed8;
}

.goods-edit-package-options,
.goods-edit-radio-group,
.goods-edit-radio-group > div {
  display: grid;
  gap: 10px;
}

.goods-edit-table-wrap {
  overflow: auto;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
}

.goods-edit-table {
  width: 100%;
  min-width: 760px;
  border-collapse: collapse;
  font-size: 12px;
}

.goods-edit-table th,
.goods-edit-table td {
  padding: 10px;
  border-bottom: 1px solid #e5e7eb;
  text-align: left;
  vertical-align: top;
}

.goods-edit-table th {
  background: #f8fafc;
  color: #475569;
  font-weight: 800;
}

.goods-edit-volume-grid,
.goods-edit-inline-fields {
  display: grid;
  grid-template-columns: repeat(3, minmax(96px, 1fr));
  gap: 8px;
}

.goods-edit-inline-fields {
  grid-template-columns: repeat(2, minmax(96px, 1fr));
  margin-top: 8px;
}

.goods-edit-size-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background: #f8fafc;
}

.goods-edit-size-row span {
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
}

.goods-edit-size-row strong {
  color: #16a34a;
}

.goods-edit-submitbar {
  position: sticky;
  bottom: 12px;
  z-index: 5;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto auto;
  gap: 10px;
  align-items: center;
  padding: 12px 14px;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.12);
}

.goods-edit-submitbar span {
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
}

.goods-edit-submitbar strong {
  display: block;
  margin-top: 4px;
  color: #111827;
  font-size: 13px;
  line-height: 1.45;
}

.goods-edit-shell {
  gap: 16px;
}

.goods-edit-head {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
}

.goods-edit-head-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

.goods-edit-summary-bar {
  display: grid;
  grid-template-columns: minmax(240px, 1.5fr) repeat(4, minmax(130px, 1fr));
  gap: 10px;
  justify-self: center;
  width: min(1230px, 100%);
  min-width: 0;
}

.goods-edit-summary-bar div {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 10px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background: #fff;
}

.goods-edit-summary-bar span {
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
}

.goods-edit-summary-bar strong {
  overflow: hidden;
  color: #111827;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.goods-edit-details-card {
  justify-self: center;
  width: min(1230px, 100%);
}

.goods-edit-details-card .goods-edit-validation {
  padding: 0;
  border: 0;
  background: transparent;
}

.goods-edit-details-card .goods-edit-validation-grid span {
  border-radius: 3px;
}

.goods-edit-counter {
  justify-self: end;
  color: #94a3b8;
  font-size: 11px;
}

.goods-edit-image-uploader .temu-goods-publish-image-tool {
  cursor: pointer;
}

.goods-edit-image-uploader .temu-goods-publish-image-tool:hover,
.goods-edit-package-batch:hover {
  border-color: #2563eb;
  color: #2563eb;
}

.goods-edit-package-batch {
  border-style: dashed;
}

.goods-edit-spec-table {
  overflow-x: auto;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background: #fff;
}

.goods-edit-spec-table table {
  width: 100%;
  border-collapse: collapse;
}

.goods-edit-spec-table th,
.goods-edit-spec-table td {
  padding: 10px;
  border-bottom: 1px solid #e5e7eb;
  text-align: left;
  vertical-align: top;
}

.goods-edit-spec-table th {
  background: #f8fafc;
  color: #475569;
  font-size: 12px;
  font-weight: 800;
}

.goods-edit-spec-table th em,
.goods-edit-sku-panel th em {
  color: #ef4444;
  font-style: normal;
}

.goods-edit-spec-table button {
  border: 0;
  background: transparent;
  color: #94a3b8;
  font-size: 12px;
}

.goods-edit-size-line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.goods-edit-size-line > span {
  color: #111827;
  font-size: 13px;
  font-weight: 700;
}

.goods-edit-size-line p {
  flex-basis: 100%;
  margin: 0;
  color: #8a94a6;
  font-size: 12px;
}

.goods-edit-url-tile p {
  margin: 6px 0 0;
}

.goods-edit-temu-clone-footer.goods-edit-submitbar {
  bottom: 0;
  z-index: 15;
  grid-template-columns: 1fr auto 1fr;
  gap: 12px;
  min-height: 80px;
  padding: 10px 52px;
  border: 0;
  border-top: 1px solid #e5e7eb;
  border-radius: 0;
  background: #fff;
  box-shadow: 0 -4px 14px rgba(15, 23, 42, 0.08);
}

.goods-edit-temu-clone-footer.goods-edit-submitbar span {
  display: inline;
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-weight: 500;
}

.goods-edit-temu-clone-footer.goods-edit-submitbar strong {
  margin: 0;
}

.cover-title-edit-modal {
  width: min(560px, calc(100vw - 28px));
}

.cover-title-edit-field {
  display: grid;
  gap: 8px;
}

.cover-title-edit-field input,
.cover-title-edit-field textarea {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  color: var(--ink);
  font: inherit;
}

.cover-title-edit-field textarea {
  min-height: 86px;
  line-height: 1.5;
  resize: vertical;
}

.cover-title-edit-field input:focus,
.cover-title-edit-field textarea:focus {
  border-color: var(--blue);
  outline: 3px solid rgba(37, 99, 235, 0.12);
}

.cover-regenerate-prompt-modal .field {
  display: grid;
  gap: 8px;
}

.cover-regenerate-prompt-textarea {
  width: 100%;
  min-height: 96px;
  max-height: 180px;
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  color: var(--ink);
  line-height: 1.5;
  resize: vertical;
}

.cover-regenerate-prompt-textarea:focus {
  border-color: var(--blue);
  outline: 3px solid rgba(37, 99, 235, 0.12);
}

.modal-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 4px;
}

.toast {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 30;
  display: none;
  max-width: 360px;
  padding: 12px 14px;
  border-radius: 8px;
  background: #111827;
  color: #fff;
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.2);
}

.toast.is-visible {
  display: block;
}

.empty-state {
  display: grid;
  place-items: center;
  min-height: 180px;
  color: var(--muted);
  border: 1px dashed var(--line-strong);
  border-radius: 8px;
  background: #f8fafc;
}

@media (max-width: 1180px) {
  .app-shell {
    grid-template-columns: 232px minmax(0, 1fr);
  }

  .brand {
    padding-bottom: 14px;
  }

  .sidebar {
    font-size: 13px;
  }

  .nav-group {
    padding-right: 12px;
    padding-left: 12px;
  }

  .metric-grid,
  .store-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .two-column,
  .integration-grid,
  .sales-chart-layout,
  .account-layout,
  .cover-workbench,
  .cover-generator-summary,
  .amazon-books-layout,
  .temu-api-layout,
  .temu-api-toolbar,
  .temu-module-head,
  .temu-module-grid,
  .marketing-tool-grid,
  .marketing-tool-toolbar,
  .marketing-tool-ops-layout,
  .marketing-growth-layout,
  .marketing-promotion-layout,
  .marketing-promotion-toolbar,
  .marketing-promotion-report-grid,
  .marketing-promotion-flow,
  .marketing-sales-toolbar,
  .marketing-sales-section-grid,
  .marketing-activity-layout,
  .marketing-activity-toolbar,
  .quality-query-panel,
  .quality-filter-toolbar,
  .quality-layout,
  .quality-dashboard-filter-panel,
  .quality-dashboard-side-layout,
  .ops-briefing-grid {
    grid-template-columns: 1fr;
  }

  .temu-api-overview,
  .temu-module-stats,
  .marketing-tool-summary,
  .marketing-tool-sync-grid,
  .marketing-growth-metrics,
  .marketing-growth-activity-grid,
  .marketing-promotion-metrics,
  .marketing-promotion-source-grid,
    .marketing-promotion-flow,
    .marketing-sales-metrics,
    .marketing-activity-data-grid,
    .marketing-activity-entry-grid,
    .marketing-activity-related-grid,
    .quality-metrics,
    .quality-dashboard-metrics,
    .quality-source-strip,
    .quality-source-grid,
    .inventory-source-grid,
    .compliance-workflow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .inventory-management-head,
  .inventory-management-toolbar {
    grid-template-columns: 1fr;
  }

  .inventory-management-badges {
    justify-content: flex-start;
  }

  .temu-shipping-filter-grid {
    grid-template-columns: repeat(2, minmax(240px, 1fr));
    column-gap: 28px;
  }

  .temu-shipping-reference-head {
    grid-template-columns: 1fr;
  }

  .temu-shipping-reference-actions {
    justify-content: flex-start;
  }

  .temu-shipping-action-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .shipping-detail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .temu-shipping-toolbar {
    grid-template-columns: 1fr;
  }

  .temu-shipping-summary {
    white-space: normal;
  }

  .temu-shipping-help {
    width: auto;
    text-align: left;
  }

  .stock-order-quick-grid {
    grid-template-columns: repeat(3, minmax(150px, 1fr));
  }

  .stock-order-filter-grid {
    grid-template-columns: 1fr 1fr;
  }

  .stock-order-filter-actions {
    grid-column: 1 / -1;
    justify-content: flex-end;
  }

  .stock-order-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .stock-order-sort {
    margin-left: 0;
  }

  .temu-module-detail {
    position: static;
  }

  .marketing-promotion-side {
    position: static;
  }

  .marketing-growth-side {
    position: static;
  }

  .marketing-tool-detail-card {
    position: static;
  }

  .marketing-activity-side {
    position: static;
  }

  .quality-side-panel {
    position: static;
  }

  .quality-query-grid,
  .quality-dashboard-filter-grid,
  .quality-raw-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .temu-business-form {
    grid-template-columns: 1fr;
  }

  .marketing-tool-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .temu-goods-create-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .temu-goods-create-card,
  .temu-goods-create-head,
  .temu-goods-create-status,
  .temu-goods-create-note {
    width: 100%;
  }

  .temu-goods-create-form-grid.is-three,
  .temu-goods-publish-volume-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .temu-goods-publish-package-images {
    grid-template-columns: repeat(2, minmax(120px, 1fr));
  }

  .temu-goods-publish-media-grid,
  .temu-goods-publish-media-grid.is-package {
    grid-template-columns: 1fr;
  }

  .ops-score-panel {
    padding: 0 0 16px;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
}

@media (max-width: 820px) {
  .app-shell {
    grid-template-columns: 1fr;
  }

  .sidebar {
    position: static;
    height: auto;
    overflow: visible;
    padding: 12px;
  }

  .brand,
  .sidebar-footer {
    display: none;
  }

  .nav-list {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .inventory-source-grid,
  .marketing-sales-metrics,
  .marketing-sales-source-grid,
  .marketing-activity-data-grid,
  .marketing-activity-entry-grid,
  .marketing-activity-related-grid,
  .marketing-activity-detail-list {
    grid-template-columns: 1fr;
  }

  .marketing-activity-data-head {
    align-items: stretch;
    flex-direction: column;
  }

  .marketing-activity-range {
    justify-content: flex-start;
  }

  .marketing-tools-head {
    align-items: stretch;
    flex-direction: column;
  }

  .nav-item {
    min-height: 30px;
  }

  .nav-subgrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .topbar {
    position: static;
    align-items: stretch;
    flex-direction: column;
    padding: 18px;
  }

  .topbar-title,
  .ebook-upload-topbar-status,
  .temu-sync-overview,
  .ai-task-monitor-host {
    flex: none;
    width: 100%;
    max-width: none;
  }

  .topbar-actions {
    display: grid;
    grid-template-columns: 1fr auto auto;
  }

  .search-box {
    grid-column: 1 / -1;
    width: 100%;
  }

  .content-region {
    padding: 18px;
  }

  .metric-grid,
  .store-grid,
  .temu-api-overview,
  .temu-module-stats,
  .marketing-tool-summary,
  .marketing-tool-sync-grid,
  .marketing-tool-detail-grid,
  .marketing-growth-metrics,
  .marketing-growth-activity-grid,
  .marketing-promotion-metrics,
  .marketing-promotion-source-grid,
  .marketing-promotion-flow,
  .marketing-activity-source-grid,
  .quality-metrics,
  .quality-source-grid,
  .quality-filter-toolbar,
  .compliance-workflow,
  .quality-query-grid,
  .quality-raw-grid,
  .marketing-promotion-report-grid,
  .temu-goods-create-form-grid,
  .temu-goods-action-summary,
  .temu-goods-action-form-grid,
  .temu-goods-action-attrs,
  .temu-goods-action-media-grid,
  .temu-goods-action-submitbar,
  .temu-goods-action-error {
    grid-template-columns: 1fr;
  }

  .marketing-tool-form {
    grid-template-columns: 1fr;
  }

  .marketing-tools-head,
  .marketing-tool-actions,
  .marketing-tool-toolbar-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .marketing-tool-actions .primary-button,
  .marketing-tool-actions .secondary-button,
  .marketing-tool-toolbar-actions .secondary-button {
    width: 100%;
    justify-content: center;
  }

  .temu-goods-action-field.is-wide {
    grid-column: auto;
  }

  .temu-goods-action-section-head {
    align-items: stretch;
    flex-direction: column;
  }

  .temu-goods-action-head-actions {
    justify-content: flex-start;
  }

  .goods-edit-topbar,
  .goods-edit-hero,
  .goods-edit-layout,
  .goods-edit-form-grid,
  .goods-edit-form-grid.is-two,
  .goods-edit-language-grid,
  .goods-edit-media-area,
  .goods-edit-package-grid,
  .goods-edit-manual-grid,
  .goods-edit-submitbar {
    grid-template-columns: 1fr;
  }

  .goods-edit-topbar,
  .goods-edit-card-head,
  .goods-edit-validation > div:first-child {
    align-items: stretch;
    flex-direction: column;
  }

  .goods-edit-step-nav {
    position: static;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .goods-edit-field.is-wide {
    grid-column: auto;
  }

  .goods-edit-id-grid,
  .goods-edit-image-grid,
  .goods-edit-volume-grid,
  .goods-edit-inline-fields {
    grid-template-columns: 1fr;
  }

  .temu-goods-publish-card {
    padding: 20px;
  }

  .temu-goods-create-page {
    margin: -18px -18px -40px;
  }

  .temu-goods-create-shell {
    padding: 18px;
  }

  .temu-goods-create-titlebar,
  .temu-goods-create-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .temu-goods-create-toolbar {
    justify-content: flex-start;
  }

  .temu-goods-create-card {
    padding: 18px 14px;
  }

  .temu-goods-create-field {
    grid-template-columns: 1fr;
  }

  .temu-goods-create-label {
    padding-top: 0;
    text-align: left;
  }

  .temu-goods-create-search-row {
    grid-template-columns: 1fr;
  }

  .temu-goods-create-steps {
    width: 100%;
    justify-content: flex-start;
  }

  .temu-goods-create-steps > i {
    flex: 1 1 auto;
  }

  .temu-goods-publish-row,
  .temu-goods-publish-decoration,
  .temu-goods-publish-inline,
  .temu-goods-create-footer.is-publish,
  .temu-goods-create-form-grid.is-three,
  .temu-goods-book-checklist-head,
  .temu-goods-book-checklist-grid,
  .temu-goods-publish-volume-grid,
  .temu-goods-publish-package-images {
    grid-template-columns: 1fr;
  }

  .temu-goods-publish-label {
    padding-top: 0;
  }

  .temu-goods-create-footer.is-publish {
    justify-items: stretch;
    padding: 12px 18px;
  }

  .temu-goods-create-footer-back,
  .temu-goods-create-footer.is-publish .temu-goods-publish-compliance,
  .temu-goods-create-footer.is-publish .temu-goods-create-footer-actions {
    justify-self: stretch;
  }

  .temu-goods-create-footer.is-publish .temu-goods-create-footer-actions {
    justify-content: stretch;
  }

  .temu-goods-create-footer.is-publish .primary-button,
  .temu-goods-create-footer.is-publish .secondary-button {
    flex: 1 1 0;
    min-width: 0;
  }

  .table-toolbar,
  .section-heading,
  .temu-live-head,
  .temu-live-preview-title {
    align-items: stretch;
    flex-direction: column;
  }

  .temu-live-badges {
    justify-content: flex-start;
  }

  .bulk-actions {
    justify-content: stretch;
  }

  .section-heading-actions {
    justify-content: flex-start;
  }

  .analytics-filter-bar,
  .cover-form-grid,
  .cover-set-grid,
  .date-range-control,
  .amazon-category-tree,
  .ai-context-bar,
  .ai-chat-form,
  .stock-order-quickbar,
  .stock-order-filter-grid,
  .stock-order-advanced {
    grid-template-columns: 1fr;
  }

  .temu-shipping-page {
    margin: -18px -18px -40px;
  }

  .temu-shipping-filter {
    padding: 16px;
  }

  .temu-shipping-filter-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .temu-shipping-filter-grid label {
    grid-template-columns: 76px minmax(0, 1fr);
  }

  .temu-shipping-filter-actions,
  .temu-shipping-actions {
    align-items: stretch;
  }

  .temu-shipping-filter-actions .tiny-button,
  .temu-shipping-actions .tiny-button {
    flex: 1 1 140px;
  }

  .temu-shipping-toolbar {
    padding: 10px 12px;
  }

  .stock-order-quick-title,
  .stock-order-filter-panel label span {
    text-align: left;
  }

  .stock-order-quick-grid {
    grid-template-columns: repeat(2, minmax(150px, 1fr));
  }

  .stock-order-filter-panel label {
    grid-template-columns: 1fr;
  }

  .stock-order-filter-actions,
  .stock-order-batch-actions,
  .stock-order-sort,
  .stock-order-pagination {
    align-items: stretch;
    flex-direction: column;
  }

  .stock-order-filter-actions .tiny-button,
  .stock-order-batch-actions .tiny-button,
  .stock-order-sort select {
    width: 100%;
  }

  .ai-context-bar {
    display: grid;
  }

  .ai-permission-chips {
    justify-content: flex-start;
  }

  .cover-generator-output .cover-set-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .cover-generator-output:not(.inline-cover-generator-output) {
    padding-right: 16px;
  }

  .cover-generator-output:not(.inline-cover-generator-output) .cover-generator-output-actions {
    position: static;
    transform: none;
    justify-content: stretch;
  }

  .inline-cover-generator-output {
    grid-template-columns: minmax(0, 1fr);
  }

  .inline-cover-generator-output .cover-set-meta,
  .inline-cover-generator-output .cover-set-grid,
  .inline-cover-generator-output .cover-generator-output-actions {
    grid-column: 1;
    grid-row: auto;
  }

  .cover-generator-output-actions .compact-button {
    width: 100%;
    justify-content: center;
  }

  .analytics-filter-bar,
  .date-range-control {
    align-items: stretch;
    flex-direction: column;
  }

  .bulk-actions button {
    flex: 1;
  }

  .ops-score-panel,
  .ops-task {
    grid-template-columns: 1fr;
  }

  .ops-task .compact-button {
    width: 100%;
  }
}

@media (max-width: 560px) {
  .topbar-actions {
    grid-template-columns: 1fr 40px;
  }

  .topbar-actions .icon-button {
    grid-column: 2;
    justify-self: end;
  }

  .topbar-actions select,
  .topbar-actions .primary-button,
  .topbar-actions .secondary-button,
  .topbar-actions .user-chip {
    grid-column: 1 / -1;
    width: 100%;
    justify-content: center;
  }

  .nav-list {
    overflow-x: visible;
    grid-template-columns: 1fr;
  }

  .nav-subgrid {
    grid-template-columns: 1fr;
  }

  .nav-group,
  .nav-single {
    padding-right: 10px;
    padding-left: 10px;
  }

  .temu-shipping-filter-grid label {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .temu-shipping-filter-grid label span {
    text-align: left;
  }

  h1 {
    font-size: 24px;
  }

  .section-block,
  .metric-card {
    padding: 14px;
  }

  .marketing-activity-detail-actions,
  .marketing-activity-toolbar,
  .marketing-activity-entry-actions,
  .marketing-activity-submit-panel .temu-business-actions {
    align-items: stretch;
  }

  .marketing-activity-detail-actions .primary-button,
  .marketing-activity-detail-actions .secondary-button,
  .marketing-activity-toolbar .secondary-button,
  .marketing-activity-entry-actions .secondary-button,
  .marketing-activity-submit-panel .primary-button,
  .marketing-activity-submit-panel .secondary-button {
    width: 100%;
    justify-content: center;
  }
}

.barcode-management-page {
  display: grid;
  gap: 16px;
  min-height: calc(100vh - 120px);
  background: #ffffff;
  color: #20252d;
  padding: 24px 24px 18px;
}

.barcode-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.barcode-heading h2 {
  margin: 0;
  color: #20252d;
  font-size: 24px;
  font-weight: 800;
  line-height: 32px;
}

.barcode-region-switch {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px;
  border-radius: 999px;
  background: #f6f7fb;
}

.barcode-region-switch button {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 26px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: transparent;
  color: #9aa0aa;
  padding: 0 10px;
  font-size: 13px;
  line-height: 24px;
}

.barcode-region-switch button span {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #c7cbd3;
}

.barcode-region-switch button:nth-child(1) span { background: #16c6b8; }
.barcode-region-switch button:nth-child(2) span { background: #8d7cf5; }
.barcode-region-switch button:nth-child(3) span { background: #5ed3cc; }
.barcode-region-switch button:nth-child(4) span { background: #f07f96; }

.barcode-region-switch button.is-active {
  border-color: #1677ff;
  background: #ffffff;
  color: #1f2a37;
}

.barcode-reference-tabs {
  display: flex;
  align-items: flex-end;
  gap: 24px;
  border-bottom: 1px solid #e5e7eb;
}

.barcode-reference-tabs button {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 42px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #20252d;
  padding: 0 2px;
  font-size: 16px;
  font-weight: 500;
}

.barcode-reference-tabs button:last-child {
  margin-left: auto;
}

.barcode-reference-tabs button.is-active {
  color: #1d64d8;
}

.barcode-reference-tabs button.is-active::after {
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 2px;
  background: #1d64d8;
  content: "";
}

.barcode-reference-tabs em {
  position: relative;
  top: -9px;
  border-radius: 2px;
  background: #ffe500;
  color: #111827;
  padding: 0 4px;
  font-size: 11px;
  line-height: 16px;
  font-style: normal;
}

.barcode-filter-bar {
  display: grid;
  grid-template-columns: minmax(360px, 1fr) minmax(360px, 1fr);
  gap: 24px 64px;
  align-items: end;
  margin-top: 0;
  background: #f7f8fa;
  padding: 22px 48px 24px;
}

.barcode-filter-bar label {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  align-items: center;
  gap: 16px;
}

.barcode-filter-bar span {
  color: #303741;
  font-size: 14px;
  line-height: 28px;
  text-align: right;
  white-space: nowrap;
}

.barcode-combo-filter {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 0;
}

.barcode-filter-bar input,
.barcode-filter-bar select {
  width: 100%;
  height: 28px;
  border: 1px solid #dcdfe6;
  border-radius: 0;
  background: #ffffff;
  color: #20252d;
  font-size: 13px;
  outline: none;
}

.barcode-filter-bar input {
  border-left: 0;
  padding: 0 10px;
}

.barcode-filter-actions {
  grid-column: 1 / -1;
  display: flex;
  gap: 12px;
  padding-left: 128px;
}

.barcode-filter-actions button,
.barcode-bulk-actions button {
  min-height: 30px;
  border: 1px solid #cbd5e1;
  border-radius: 2px;
  background: #ffffff;
  color: #1f2937;
  padding: 0 16px;
  font-size: 14px;
  line-height: 28px;
}

.barcode-filter-actions .barcode-query-button {
  border-color: #1677ff;
  color: #1677ff;
}

.barcode-filter-actions button:disabled,
.barcode-bulk-actions button:disabled {
  border-color: #dcdfe6;
  background: #f5f7fa;
  color: #b8bdc7;
  cursor: not-allowed;
}

.barcode-bulk-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

.barcode-store-select {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  color: #6b7280;
  font-size: 12px;
}

.barcode-store-select select {
  height: 30px;
  border: 1px solid #dcdfe6;
  border-radius: 2px;
  background: #ffffff;
}

.barcode-table-wrap .data-table td small {
  display: block;
  color: var(--muted);
  font-size: 12px;
  margin-top: 4px;
}

.barcode-table-wrap code {
  white-space: normal;
  word-break: break-all;
}

.barcode-table-shell {
  min-width: 0;
}

.barcode-table-wrap {
  max-height: calc(100vh - 332px);
  min-height: 420px;
  border: 1px solid #e5e7eb;
  border-radius: 0;
  background: #ffffff;
  overflow: auto;
}

.barcode-table {
  min-width: 1600px;
  border-collapse: separate;
  border-spacing: 0;
}

.barcode-table thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  height: 38px;
  border-bottom: 1px solid #e5e7eb;
  border-right: 1px solid #e5e7eb;
  background: #f6f7f9;
  color: #4b5563;
  font-size: 13px;
  font-weight: 500;
  text-align: left;
}

.barcode-table td {
  min-height: 132px;
  border-right: 1px solid #e5e7eb;
  border-bottom: 1px solid #e5e7eb;
  color: #20252d;
  font-size: 13px;
  vertical-align: middle;
}

.barcode-table tbody tr:nth-child(even) td {
  background: #f7f8fa;
}

.barcode-table th:nth-child(1),
.barcode-table td:nth-child(1) {
  width: 44px;
  text-align: center;
}

.barcode-table th:nth-child(2),
.barcode-table td:nth-child(2) {
  width: 240px;
}

.barcode-table th:nth-child(3),
.barcode-table td:nth-child(3) {
  width: 240px;
}

.barcode-table th:nth-child(4),
.barcode-table td:nth-child(4),
.barcode-table th:nth-child(5),
.barcode-table td:nth-child(5),
.barcode-table th:nth-child(6),
.barcode-table td:nth-child(6),
.barcode-table th:nth-child(7),
.barcode-table td:nth-child(7),
.barcode-table th:nth-child(8),
.barcode-table td:nth-child(8),
.barcode-table th:nth-child(9),
.barcode-table td:nth-child(9) {
  width: 150px;
}

.barcode-table th:nth-child(10),
.barcode-table td:nth-child(10),
.barcode-table th:nth-child(11),
.barcode-table td:nth-child(11) {
  width: 190px;
}

.barcode-table th:nth-child(12),
.barcode-table td:nth-child(12) {
  position: sticky;
  right: 0;
  z-index: 1;
  width: 110px;
  background: inherit;
  box-shadow: -8px 0 16px rgba(15, 23, 42, 0.08);
}

.barcode-table thead th:nth-child(12) {
  z-index: 3;
  background: #f6f7f9;
}

.barcode-check-cell input {
  width: 14px;
  height: 14px;
}

.barcode-product-cell {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}

.barcode-product-cell img,
.barcode-product-placeholder {
  width: 44px;
  height: 58px;
  border: 1px solid #e5e7eb;
  object-fit: cover;
  background: #f3f4f6;
}

.barcode-product-placeholder {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #9ca3af;
}

.barcode-product-cell strong {
  display: -webkit-box;
  overflow: hidden;
  color: #20252d;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
}

.barcode-product-cell em {
  display: block;
  margin-top: 8px;
  color: #f59e0b;
  font-size: 13px;
  font-style: normal;
}

.barcode-label-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 28px;
  border-radius: 4px;
  background: #eef6ff;
  color: #20252d;
  padding: 0 6px;
}

.barcode-label-chip button,
.barcode-link-action {
  border: 0;
  background: transparent;
  color: #1d64d8;
  padding: 0;
  font-size: 13px;
}

.barcode-link-action:disabled {
  color: #9ca3af;
  cursor: not-allowed;
}

.barcode-preview-modal {
  width: min(608px, calc(100vw - 32px));
  overflow: visible;
  border-radius: 4px;
}

.barcode-preview-modal::backdrop {
  background: rgba(17, 24, 39, 0.58);
}

.barcode-preview-body {
  display: grid;
  gap: 0;
  padding: 0;
  background: #ffffff;
  color: #1f2937;
  border-radius: 4px;
  overflow: visible;
}

.barcode-preview-header {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 40px;
  padding: 0 12px;
  border-bottom: 1px solid #e5e7eb;
}

.barcode-preview-header h2 {
  margin: 0;
  color: #111827;
  font-size: 16px;
  font-weight: 500;
  line-height: 40px;
}

.barcode-preview-close {
  position: absolute;
  top: -16px;
  right: -16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 50%;
  background: #c9ccd3;
  color: #ffffff;
  font-size: 30px;
  font-weight: 300;
  line-height: 1;
}

.barcode-preview-product-card {
  display: grid;
  grid-template-columns: 126px minmax(0, 1fr);
  gap: 34px;
  margin: 24px 24px 14px;
  padding: 18px 18px 18px 16px;
  background: #f7f8fa;
}

.barcode-preview-cover {
  display: flex;
  justify-content: flex-end;
}

.barcode-preview-cover img,
.barcode-preview-cover span {
  width: 88px;
  height: 116px;
  border: 1px solid #e5e7eb;
  object-fit: cover;
  background: #ffffff;
}

.barcode-preview-cover span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #9ca3af;
}

.barcode-preview-fields {
  display: grid;
  gap: 7px;
  margin: 0;
  align-content: start;
}

.barcode-preview-fields div {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 12px;
  min-height: 16px;
}

.barcode-preview-fields dt,
.barcode-preview-fields dd {
  margin: 0;
  font-size: 13px;
  line-height: 18px;
}

.barcode-preview-fields dt {
  color: #565f6b;
  text-align: right;
  white-space: nowrap;
}

.barcode-preview-fields dd {
  color: #111827;
  overflow-wrap: anywhere;
}

.barcode-preview-section {
  display: grid;
  gap: 14px;
  padding: 0 24px 18px;
}

.barcode-preview-title {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #111827;
  font-size: 16px;
  line-height: 24px;
}

.barcode-preview-title span {
  display: inline-block;
  width: 2px;
  height: 16px;
  border-radius: 2px;
  background: #1677ff;
}

.barcode-preview-title strong {
  font-size: 16px;
  font-weight: 500;
}

.barcode-preview-title em {
  color: #303741;
  font-size: 12px;
  font-style: normal;
}

.barcode-preview-stage {
  display: flex;
  justify-content: center;
  padding: 16px 28px;
  background: #f7f8fa;
}

.barcode-preview-label-card {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  width: min(500px, 100%);
  aspect-ratio: 3.5 / 1;
  min-height: 112px;
  padding: 9px 24px 7px;
  border: 1px solid #111111;
  background: #ffffff;
  color: #111111;
  font-family: Arial, Helvetica, sans-serif;
}

.barcode-preview-label-top,
.barcode-preview-label-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

.barcode-preview-label-top strong,
.barcode-preview-label-bottom strong {
  color: #111111;
  font-size: 14px;
  font-weight: 800;
  line-height: 16px;
  white-space: nowrap;
}

.barcode-preview-label-bottom strong {
  font-size: 16px;
}

.barcode-preview-bars {
  width: 100%;
  height: 58px;
  margin: 6px 0 4px;
  fill: #000000;
}

.barcode-preview-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  padding: 0 24px 20px;
}

.barcode-preview-actions .primary-button,
.barcode-preview-actions .secondary-button {
  min-width: 82px;
  min-height: 28px;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 500;
}

.barcode-preview-actions .primary-button {
  background: #1677ff;
  border-color: #1677ff;
}

.barcode-empty-row td {
  height: 260px;
  text-align: center;
}

.barcode-empty-row div {
  color: #9ca3af;
  font-size: 14px;
}

.barcode-row-error td {
  background: #fef2f2;
}

.barcode-row-missing td {
  background: #fffdf7;
}

.barcode-pagination {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  padding: 18px 0 0;
  color: #6b7280;
  font-size: 13px;
}

.barcode-pagination label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.barcode-pagination select,
.barcode-pagination button {
  height: 28px;
  min-width: 28px;
  border: 1px solid #dcdfe6;
  border-radius: 3px;
  background: #ffffff;
  color: #374151;
  font-size: 13px;
}

.barcode-pagination button.is-active {
  border-color: #1677ff;
  background: #1677ff;
  color: #ffffff;
}

.barcode-pagination button:disabled {
  background: #f5f7fa;
  color: #c0c4cc;
  cursor: not-allowed;
}

@media (max-width: 980px) {
  .barcode-management-page {
    padding: 18px 14px;
  }

  .barcode-heading,
  .barcode-bulk-actions {
    align-items: flex-start;
    flex-direction: column;
  }

  .barcode-region-switch {
    align-self: stretch;
    overflow-x: auto;
  }

  .barcode-filter-bar {
    grid-template-columns: 1fr;
    padding: 18px 14px;
    gap: 14px;
  }

  .barcode-filter-bar label {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .barcode-filter-bar span {
    text-align: left;
  }

  .barcode-filter-actions {
    padding-left: 0;
  }

  .barcode-combo-filter {
    grid-template-columns: 86px minmax(0, 1fr);
  }

  .barcode-preview-product-card {
    grid-template-columns: 86px minmax(0, 1fr);
    gap: 16px;
    margin: 18px 14px 12px;
    padding: 14px;
  }

  .barcode-preview-cover {
    justify-content: flex-start;
  }

  .barcode-preview-cover img,
  .barcode-preview-cover span {
    width: 72px;
    height: 96px;
  }

  .barcode-preview-fields div {
    grid-template-columns: 64px minmax(0, 1fr);
  }

  .barcode-preview-section {
    padding: 0 14px 16px;
  }

  .barcode-preview-stage {
    padding: 12px;
  }

  .barcode-preview-label-card {
    padding: 8px 12px 6px;
  }

  .barcode-preview-actions {
    padding: 0 14px 16px;
    flex-wrap: wrap;
  }
}

.inventory-return-apply-page {
  display: block;
  min-height: calc(100vh - 92px);
  margin: 0;
  padding: 24px;
  border: 0;
  border-radius: 0;
  background: #ffffff;
  color: #1f2937;
  overflow-x: auto;
}

.inventory-return-temu-heading,
.inventory-return-clearance-banner,
.inventory-return-toolbar,
.inventory-return-operation-line,
.inventory-return-table-wrap {
  min-width: 1600px;
}

.inventory-return-temu-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 22px;
}

.inventory-return-temu-heading h2 {
  margin: 0;
  color: #111827;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0;
}

.inventory-return-region-switch {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  min-width: 360px;
  border: 1px solid #e5e7eb;
  border-radius: 3px;
  background: #ffffff;
  overflow: hidden;
}

.inventory-return-region-switch button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 72px;
  height: 30px;
  padding: 0 14px;
  border: 0;
  border-right: 1px solid #e5e7eb;
  border-radius: 0;
  background: #ffffff;
  color: #7b8190;
  font-size: 13px;
  font-weight: 500;
}

.inventory-return-region-switch button:last-child {
  border-right: 0;
}

.inventory-return-region-switch button span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #bdc4d0;
}

.inventory-return-region-switch button:nth-child(1) span {
  background: #63d0c5;
}

.inventory-return-region-switch button:nth-child(2) span {
  background: #f06c9a;
}

.inventory-return-region-switch button:nth-child(3) span {
  background: #69cdd6;
}

.inventory-return-region-switch button:nth-child(4) span {
  background: #e26a8d;
}

.inventory-return-region-switch button.is-active {
  background: #f4f7fb;
  color: #1f2937;
}

.inventory-return-clearance-banner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 98px;
  margin-bottom: 14px;
  padding: 18px 34px 16px 330px;
  overflow: hidden;
  background:
    radial-gradient(circle at 14% 58%, rgba(207, 251, 138, 0.95) 0 52px, transparent 54px),
    linear-gradient(115deg, #f5ffd3 0%, #ebffba 38%, #d7f36c 100%);
}

.inventory-return-clearance-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(140deg, rgba(134, 215, 27, 0.28) 0 120px, transparent 122px),
    radial-gradient(circle at 78% 52%, rgba(255, 255, 255, 0.5) 0 38px, transparent 40px),
    radial-gradient(circle at 88% 50%, rgba(255, 255, 255, 0.45) 0 52px, transparent 54px);
  pointer-events: none;
}

.inventory-return-clearance-banner::after {
  content: "$";
  position: absolute;
  right: 210px;
  top: 15px;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.42);
  color: rgba(93, 158, 22, 0.5);
  font-size: 42px;
  font-weight: 900;
  line-height: 64px;
  text-align: center;
}

.inventory-return-clearance-banner > div {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
  flex-wrap: wrap;
}

.inventory-return-clearance-banner strong {
  width: 100%;
  color: #2f8710;
  font-size: 28px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1.05;
  white-space: nowrap;
}

.inventory-return-clearance-banner span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 22px;
  padding: 0 10px;
  border-radius: 11px;
  background: rgba(255, 255, 255, 0.52);
  color: #3f7c12;
  font-size: 13px;
  font-weight: 700;
}

.inventory-return-clearance-banner b {
  color: #2a7d0c;
}

.inventory-return-clearance-banner button {
  position: absolute;
  z-index: 1;
  right: 405px;
  top: 50%;
  transform: translateY(-50%);
  min-width: 118px;
  height: 42px;
  border: 0;
  border-radius: 22px;
  background: linear-gradient(180deg, #65c61b, #45a80c);
  color: #ffffff;
  font-size: 16px;
  font-weight: 800;
  box-shadow: 0 6px 14px rgba(54, 128, 7, 0.25);
}

.inventory-return-toolbar {
  display: grid;
  grid-template-columns: repeat(4, minmax(190px, 1fr));
  gap: 16px 44px;
  align-items: start;
  min-height: 118px;
  margin: 0;
  padding: 26px 70px 24px;
  background: #f7f8fa;
  border: 0;
}

.inventory-return-toolbar label {
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.inventory-return-toolbar label > span {
  color: #1f2937;
  font-size: 13px;
  font-weight: 600;
  text-align: right;
  white-space: nowrap;
}

.inventory-return-toolbar input {
  width: 100%;
  height: 28px;
  min-width: 0;
  padding: 0 10px;
  border: 1px solid #dcdfe6;
  border-radius: 2px;
  background: #ffffff;
  color: #1f2937;
  font-size: 13px;
  outline: none;
}

.inventory-return-toolbar input::placeholder {
  color: #b7bdc7;
}

.inventory-return-toolbar input:focus {
  border-color: #1677ff;
  box-shadow: 0 0 0 2px rgba(22, 119, 255, 0.08);
}

.inventory-return-actions {
  grid-column: 1 / -1;
  display: flex;
  justify-content: flex-start;
  gap: 12px;
  min-width: 0;
  padding-left: 94px;
}

.inventory-return-actions .tiny-button,
.inventory-return-operation-line .tiny-button {
  min-width: 64px;
  height: 28px;
  padding: 0 16px;
  border-radius: 3px;
  font-size: 13px;
  font-weight: 500;
}

.inventory-return-actions .primary-button,
.inventory-return-operation-line .primary-button {
  border-color: #1677ff;
  background: #1677ff;
  color: #ffffff;
}

.inventory-return-actions .secondary-button {
  border-color: #dcdfe6;
  background: #ffffff;
  color: #1f2937;
}

.inventory-return-operation-line {
  display: flex;
  align-items: center;
  gap: 14px;
  height: 58px;
  padding: 0 0;
  border-bottom: 1px solid #ebeef5;
  background: #ffffff;
}

.inventory-return-operation-line > .primary-button {
  min-width: 100px;
  margin-left: 0;
}

.inventory-return-method {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 28px;
  padding: 0 10px;
  border-radius: 3px;
  background: #f7f8fa;
  color: #1f2937;
  font-size: 13px;
}

.inventory-return-method span {
  color: #4b5563;
}

.inventory-return-method strong {
  color: #111827;
  font-weight: 700;
}

.inventory-return-method button {
  height: 22px;
  padding: 0 2px;
  border: 0;
  background: transparent;
  color: #1677ff;
  font-size: 13px;
}

.inventory-return-table-wrap {
  max-height: 520px;
  border: 0;
  border-radius: 0;
  overflow: auto;
  background: #ffffff;
}

.inventory-return-table {
  min-width: 1600px;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 12px;
}

.inventory-return-table th,
.inventory-return-table td {
  min-width: 168px;
  height: 37px;
  padding: 0 14px;
  border-bottom: 1px solid #ebeef5;
  border-right: 1px solid #ebeef5;
  background: #ffffff;
  color: #394150;
  font-weight: 500;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
}

.inventory-return-table th {
  background: #f7f8fa;
  color: #394150;
  font-weight: 600;
}

.inventory-return-table th:first-child,
.inventory-return-table td:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
  min-width: 77px;
  width: 77px;
}

.inventory-return-table th:last-child,
.inventory-return-table td:last-child {
  position: sticky;
  right: 0;
  z-index: 2;
  min-width: 175px;
  width: 175px;
}

.inventory-return-table th:first-child,
.inventory-return-table th:last-child {
  z-index: 3;
}

.inventory-return-empty-row td {
  height: 72px;
  color: #9ca3af;
  text-align: center;
}

.inventory-return-link {
  border: 0;
  background: transparent;
  color: #1677ff;
  font-size: 13px;
}

@media (max-width: 1180px) {
  .inventory-return-apply-page {
    padding: 18px 14px;
  }

  .inventory-return-temu-heading {
    align-items: center;
    flex-direction: row;
  }

  .inventory-return-region-switch {
    min-width: 360px;
    max-width: none;
    overflow-x: auto;
  }

  .inventory-return-clearance-banner {
    padding: 18px 18px;
  }

  .inventory-return-clearance-banner strong {
    font-size: 24px;
  }

  .inventory-return-toolbar {
    grid-template-columns: 1fr;
    padding: 18px 14px;
  }

  .inventory-return-toolbar label {
    grid-template-columns: 82px minmax(0, 1fr);
  }

  .inventory-return-actions {
    padding-left: 94px;
  }
}

.return-package-temu-page .return-package-table-wrap {
  max-height: 545px;
  min-height: 0;
  border: 0;
  border-radius: 0;
  overflow: auto;
  background: #ffffff;
}

.return-package-temu-page .return-package-table {
  min-width: 1680px;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 12px;
}

.return-package-temu-page .return-package-table th,
.return-package-temu-page .return-package-table td {
  min-width: 116px;
  height: 38px;
  padding: 0 12px;
  border-right: 1px solid #ebeef5;
  border-bottom: 1px solid #ebeef5;
  background: #ffffff;
  color: #394150;
  font-weight: 500;
  text-align: left;
  text-transform: none;
  vertical-align: middle;
  white-space: nowrap;
}

.return-package-temu-page .return-package-table th {
  background: #f7f8fa;
  color: #394150;
  font-weight: 650;
}

.return-package-temu-page .return-package-table th:nth-child(1),
.return-package-temu-page .return-package-table td:nth-child(1) {
  position: sticky;
  left: 0;
  z-index: 2;
  min-width: 42px;
  width: 42px;
  text-align: center;
}

.return-package-temu-page .return-package-table th:nth-child(2),
.return-package-temu-page .return-package-table td:nth-child(2) {
  min-width: 60px;
  width: 60px;
}

.return-package-temu-page .return-package-table th:nth-child(3),
.return-package-temu-page .return-package-table td:nth-child(3) {
  min-width: 170px;
}

.return-package-temu-page .return-package-table th:nth-child(4),
.return-package-temu-page .return-package-table td:nth-child(4) {
  min-width: 182px;
}

.return-package-temu-page .return-package-table th:nth-child(6),
.return-package-temu-page .return-package-table td:nth-child(6) {
  min-width: 250px;
  max-width: 300px;
  line-height: 1.45;
  white-space: normal;
}

.return-package-temu-page .return-package-table th:nth-child(12),
.return-package-temu-page .return-package-table td:nth-child(12),
.return-package-temu-page .return-package-table th:nth-child(13),
.return-package-temu-page .return-package-table td:nth-child(13) {
  min-width: 164px;
}

.return-package-temu-page .return-package-table th:last-child,
.return-package-temu-page .return-package-table td:last-child {
  position: sticky;
  right: 0;
  z-index: 2;
  min-width: 118px;
  width: 118px;
}

.return-package-temu-page .return-package-table th:first-child,
.return-package-temu-page .return-package-table th:last-child {
  z-index: 3;
}

.return-package-temu-page .return-package-table td:nth-child(4) strong {
  display: block;
  margin-bottom: 4px;
  color: #1f2937;
  font-weight: 600;
}

.return-package-temu-page .return-package-table td:nth-child(4) .return-package-link {
  display: block;
  margin-top: 2px;
}

.return-package-temu-page .return-package-table td:last-child .return-package-link {
  display: inline;
  margin: 0;
}

.inbound-temu-page {
  min-width: 1500px;
  padding: 18px 20px 28px;
  background: #ffffff;
  color: #1f2937;
}

.inbound-temu-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 36px;
}

.inbound-temu-heading h2 {
  margin: 0;
  color: #111827;
  font-size: 22px;
  font-weight: 650;
  letter-spacing: 0;
}

.inbound-temu-region-switch {
  display: inline-flex;
  align-items: center;
  height: 32px;
  padding: 3px;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background: #f7f8fa;
}

.inbound-temu-region-switch button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 24px;
  min-width: 64px;
  padding: 0 11px;
  border: 0;
  border-radius: 3px;
  background: transparent;
  color: #4b5563;
  font-size: 13px;
  font-weight: 500;
}

.inbound-temu-region-switch button.is-active {
  background: #111827;
  color: #ffffff;
}

.inbound-temu-region-switch span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
  opacity: 0.55;
}

.inbound-temu-tabs {
  display: flex;
  align-items: flex-end;
  gap: 22px;
  height: 36px;
  margin-top: 4px;
  border-bottom: 1px solid #e5e7eb;
}

.inbound-temu-tabs button {
  position: relative;
  height: 36px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #1f2937;
  font-size: 15px;
  font-weight: 500;
}

.inbound-temu-tabs button.is-active {
  color: #1677ff;
}

.inbound-temu-tabs button.is-active::after {
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 1px;
  background: #1677ff;
  content: "";
}

.inbound-temu-filter-panel {
  display: grid;
  gap: 14px;
  margin-top: 24px;
  padding: 24px 20px;
  border: 1px solid #eef0f3;
  background: #f7f8fa;
}

.inbound-temu-filter-row {
  display: grid;
  grid-template-columns: 112px 180px 460px 108px 260px;
  align-items: center;
  gap: 0;
}

.inbound-temu-filter-label {
  padding-right: 12px;
  color: #394150;
  font-size: 13px;
  font-weight: 500;
  text-align: right;
  white-space: nowrap;
}

.inbound-temu-filter-panel input,
.inbound-temu-filter-panel select {
  width: 100%;
  height: 28px;
  min-width: 0;
  padding: 0 9px;
  border: 1px solid #dcdfe6;
  border-radius: 2px;
  background: #ffffff;
  color: #1f2937;
  font-size: 13px;
  outline: none;
}

.inbound-temu-filter-panel input::placeholder {
  color: #b7bdc7;
}

.inbound-temu-date-input {
  border-left: 0;
}

.inbound-temu-filter-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  justify-content: flex-start;
  padding-left: 64px;
}

.inbound-temu-filter-actions .tiny-button {
  min-width: 64px;
  height: 28px;
  padding: 0 16px;
  border-radius: 3px;
  font-size: 13px;
  font-weight: 500;
}

.inbound-temu-filter-actions .primary-button {
  border-color: #1677ff;
  background: #1677ff;
  color: #ffffff;
}

.inbound-temu-filter-actions .secondary-button {
  border-color: #dcdfe6;
  background: #ffffff;
  color: #1f2937;
}

.inbound-temu-subtabs {
  display: flex;
  align-items: center;
  gap: 0;
  margin-top: 18px;
}

.inbound-temu-subtabs button {
  min-width: 82px;
  height: 30px;
  padding: 0 14px;
  border: 1px solid #dcdfe6;
  background: #ffffff;
  color: #394150;
  font-size: 13px;
  font-weight: 500;
}

.inbound-temu-subtabs button + button {
  margin-left: -1px;
}

.inbound-temu-subtabs button.is-active {
  position: relative;
  z-index: 1;
  border-color: #1677ff;
  color: #1677ff;
}

.inbound-temu-table-wrap {
  min-height: 0;
  max-height: 560px;
  margin-top: 28px;
  border: 0;
  border-radius: 0;
  overflow: auto;
  background: #ffffff;
}

.inbound-temu-subtabs + .inbound-temu-table-wrap {
  margin-top: 12px;
}

.inbound-temu-table {
  min-width: 1500px;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 12px;
}

.inbound-temu-table th,
.inbound-temu-table td {
  min-width: 136px;
  height: 38px;
  padding: 0 14px;
  border-right: 1px solid #ebeef5;
  border-bottom: 1px solid #ebeef5;
  background: #ffffff;
  color: #394150;
  font-weight: 500;
  text-align: left;
  text-transform: none;
  vertical-align: middle;
  white-space: nowrap;
}

.inbound-temu-table th {
  background: #f7f8fa;
  color: #394150;
  font-weight: 650;
}

.inbound-temu-table th:first-child,
.inbound-temu-table td:first-child {
  min-width: 80px;
  width: 80px;
}

.inbound-temu-table th:nth-child(2),
.inbound-temu-table td:nth-child(2) {
  min-width: 240px;
}

.inbound-temu-table th:nth-child(3),
.inbound-temu-table td:nth-child(3),
.inbound-temu-table th:nth-child(4),
.inbound-temu-table td:nth-child(4),
.inbound-temu-table th:nth-child(5),
.inbound-temu-table td:nth-child(5),
.inbound-temu-table th:nth-child(6),
.inbound-temu-table td:nth-child(6) {
  min-width: 160px;
}

.inbound-temu-table th:nth-child(7),
.inbound-temu-table td:nth-child(7) {
  min-width: 150px;
}

.inbound-temu-table th:nth-child(10),
.inbound-temu-table td:nth-child(10) {
  min-width: 190px;
}

.inbound-temu-table td:nth-child(2) strong,
.inbound-temu-table td:nth-child(2) span {
  display: block;
}

.inbound-temu-table td:nth-child(2) span {
  margin-top: 4px;
  color: #6b7280;
  font-size: 12px;
}

.inbound-temu-empty-row td {
  height: 94px;
  color: #6b7280;
  text-align: center;
}

.inbound-temu-status {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  color: #1677ff;
}

.inbound-temu-status.red {
  color: #ef4444;
}

.inbound-temu-status.green {
  color: #16a34a;
}

.inbound-temu-status.amber {
  color: #d97706;
}

.inbound-temu-link {
  padding: 0;
  border: 0;
  background: transparent;
  color: #1677ff;
  font-size: 13px;
}

.inbound-temu-table .tiny-button {
  min-height: 26px;
  padding: 0 10px;
  border-radius: 3px;
  font-size: 12px;
}

@media (max-width: 1180px) {
  .inbound-temu-page {
    min-width: 1320px;
    padding: 16px 14px 24px;
  }

  .inbound-temu-filter-row {
    grid-template-columns: 96px 170px 420px 96px 230px;
  }
}

.sales-temu-page {
  min-width: 1660px;
  padding: 18px 20px 28px;
  background: #ffffff;
  color: #1f2937;
}

.sales-temu-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 38px;
}

.sales-temu-heading h2 {
  margin: 0;
  color: #111827;
  font-size: 22px;
  font-weight: 650;
  letter-spacing: 0;
}

.sales-temu-heading > div:last-child {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.sales-temu-region-switch {
  display: inline-flex;
  align-items: center;
  height: 32px;
  padding: 3px;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background: #f7f8fa;
}

.sales-temu-region-switch button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 24px;
  min-width: 64px;
  padding: 0 11px;
  border: 0;
  border-radius: 3px;
  background: transparent;
  color: #4b5563;
  font-size: 13px;
  font-weight: 500;
}

.sales-temu-region-switch button.is-active {
  background: #111827;
  color: #ffffff;
}

.sales-temu-region-switch span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
  opacity: 0.55;
}

.sales-temu-jit-alert {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 32px;
  margin-top: 18px;
  padding: 6px 12px;
  border: 1px solid #f7d58f;
  background: #fff8e6;
  color: #5f4200;
  font-size: 13px;
}

.sales-temu-jit-alert span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #f5b500;
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
}

.sales-temu-jit-alert p {
  margin: 0;
}

.sales-temu-fulfillment-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 72px;
  margin-top: 12px;
  padding: 0 30px;
  border: 1px solid #ebeef5;
  background: #ffffff;
}

.sales-temu-fulfillment-card > div {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.sales-temu-fulfillment-card strong {
  color: #1f2937;
  font-size: 15px;
  font-weight: 550;
}

.sales-temu-fulfillment-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: #6b7280;
  font-size: 18px;
}

.sales-temu-fulfillment-card a {
  color: #1677ff;
  font-size: 13px;
  text-decoration: none;
}

.sales-temu-quick-panel {
  display: grid;
  grid-template-columns: 118px minmax(0, 1fr);
  gap: 12px;
  margin-top: 24px;
  padding: 20px 0 16px;
  border-top: 1px solid #f1f2f4;
  border-bottom: 1px solid #f1f2f4;
  background: #ffffff;
}

.sales-temu-quick-panel > span {
  padding-top: 13px;
  color: #394150;
  font-size: 13px;
  font-weight: 500;
  text-align: right;
}

.sales-temu-quick-panel > div {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}

.sales-temu-quick-panel button {
  height: 44px;
  border: 1px solid #dcdfe6;
  border-radius: 0;
  background: #ffffff;
  color: #1f2937;
  font-size: 13px;
  font-weight: 500;
}

.sales-temu-quick-panel button.is-active {
  border-color: #1677ff;
  color: #1677ff;
}

.sales-temu-filter-panel {
  margin-top: 24px;
  padding: 20px 0;
  background: #f7f8fa;
}

.sales-temu-filter-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 12px 90px;
  padding: 0 40px 0 74px;
}

.sales-temu-filter-grid label {
  display: grid;
  grid-template-columns: 80px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.sales-temu-filter-grid label > span {
  color: #394150;
  font-size: 13px;
  font-weight: 500;
  text-align: right;
  white-space: nowrap;
}

.sales-temu-filter-grid input,
.sales-temu-filter-grid select {
  width: 100%;
  height: 28px;
  min-width: 0;
  padding: 0 9px;
  border: 1px solid #dcdfe6;
  border-radius: 2px;
  background: #ffffff;
  color: #1f2937;
  font-size: 13px;
  outline: none;
}

.sales-temu-filter-grid input::placeholder {
  color: #b7bdc7;
}

.sales-temu-filter-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  grid-column: 2;
  padding-left: 80px;
}

.sales-temu-filter-actions .tiny-button {
  min-width: 64px;
  height: 28px;
  padding: 0 16px;
  border-radius: 3px;
  font-size: 13px;
  font-weight: 500;
}

.sales-temu-filter-actions .primary-button {
  border-color: #1677ff;
  background: #1677ff;
  color: #ffffff;
}

.sales-temu-filter-actions .secondary-button {
  border-color: #dcdfe6;
  background: #ffffff;
  color: #1f2937;
}

.sales-temu-expand {
  height: 28px;
  border: 0;
  background: transparent;
  color: #1f2937;
  font-size: 13px;
}

.sales-temu-actionbar {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 58px;
  border-bottom: 1px solid #ebeef5;
  background: #ffffff;
}

.sales-temu-actionbar button {
  height: 30px;
  padding: 0 14px;
  border: 1px solid #dcdfe6;
  border-radius: 3px;
  background: #ffffff;
  color: #1f2937;
  font-size: 13px;
  font-weight: 500;
}

.sales-temu-actionbar button:disabled {
  background: #f5f6f8;
  color: #b7bdc7;
}

.sales-temu-actionbar span {
  color: #4b5563;
  font-size: 13px;
}

.sales-temu-actionbar strong {
  color: #1f2937;
  font-weight: 650;
}

.sales-temu-actionbar a {
  color: #1677ff;
  text-decoration: none;
}

.sales-temu-table-panel {
  min-width: 0;
  background: #ffffff;
}

.sales-temu-table-wrap {
  min-height: 0;
  max-height: 620px;
  border: 0;
  border-radius: 0;
  overflow: auto;
  background: #ffffff;
}

.sales-temu-table {
  min-width: 3300px;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 12px;
}

.sales-temu-table th,
.sales-temu-table td {
  min-width: 110px;
  height: 38px;
  padding: 0 12px;
  border-right: 1px solid #ebeef5;
  border-bottom: 1px solid #ebeef5;
  background: #ffffff;
  color: #394150;
  font-weight: 500;
  text-align: left;
  text-transform: none;
  vertical-align: middle;
  white-space: nowrap;
}

.sales-temu-table th {
  background: #f7f8fa;
  color: #394150;
  font-weight: 650;
}

.sales-temu-table thead tr:first-child th {
  height: 40px;
  text-align: center;
}

.sales-temu-table thead tr:first-child th[rowspan] {
  text-align: left;
}

.sales-temu-table th:first-child,
.sales-temu-table td:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
  min-width: 46px;
  width: 46px;
  text-align: center;
}

.sales-temu-table th:nth-child(2),
.sales-temu-table td:nth-child(2) {
  position: sticky;
  left: 46px;
  z-index: 2;
  min-width: 360px;
  width: 360px;
}

.sales-temu-table th:first-child,
.sales-temu-table th:nth-child(2) {
  z-index: 3;
}

.sales-temu-table th:nth-child(3),
.sales-temu-table td:nth-child(3) {
  min-width: 210px;
}

.sales-temu-table td {
  height: 92px;
}

.sales-temu-table thead td,
.sales-temu-table thead th {
  height: 38px;
}

.sales-temu-table input[type="checkbox"] {
  width: 14px;
  height: 14px;
  margin: 0;
}

.sales-temu-table .marketing-sales-product-cell {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 10px;
  min-width: 320px;
  align-items: start;
}

.sales-temu-table .marketing-sales-product-cell img,
.sales-temu-thumb-placeholder {
  width: 72px;
  height: 72px;
  border: 1px solid #e5e7eb;
  border-radius: 2px;
  object-fit: cover;
  background: #f7f8fa;
}

.sales-temu-thumb-placeholder {
  display: inline-block;
}

.sales-temu-table .marketing-sales-product-cell strong {
  display: -webkit-box;
  overflow: hidden;
  color: #1f2937;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.45;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: normal;
}

.sales-temu-table .marketing-sales-product-cell small {
  display: block;
  margin-top: 3px;
  color: #6b7280;
  font-size: 12px;
  line-height: 1.4;
  white-space: normal;
}

.sales-temu-table .marketing-sales-multi {
  display: grid;
  gap: 5px;
  min-width: 160px;
}

.sales-temu-table .marketing-sales-multi span {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  color: #475569;
  font-size: 12px;
}

.sales-temu-table .marketing-sales-multi em {
  color: #6b7280;
  font-style: normal;
}

.sales-temu-table .marketing-sales-actions {
  display: grid;
  gap: 5px;
  min-width: 120px;
}

.sales-temu-table .marketing-sales-actions button {
  height: 24px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #1677ff;
  font-size: 12px;
  text-align: left;
}

.sales-temu-empty-row td {
  height: 96px;
  color: #6b7280;
  text-align: center;
}

@media (max-width: 1180px) {
  .sales-temu-page {
    min-width: 1420px;
    padding: 16px 14px 24px;
  }

  .sales-temu-filter-grid {
    gap: 12px 36px;
    padding-left: 32px;
  }
}

.marketing-tools-temu-page {
  min-width: 1500px;
  padding: 18px 20px 28px;
  background: #ffffff;
  color: #1f2937;
}

.marketing-tools-temu-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 38px;
}

.marketing-tools-temu-heading h2 {
  margin: 0;
  color: #111827;
  font-size: 22px;
  font-weight: 650;
  letter-spacing: 0;
}

.marketing-tools-temu-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 18px;
}

.marketing-tools-temu-cards article {
  min-height: 118px;
  display: grid;
  align-content: start;
  gap: 12px;
  padding: 18px 20px 16px;
  border: 1px solid #d8e7ff;
  border-radius: 6px;
  background: linear-gradient(180deg, #f2f8ff 0%, #ffffff 100%);
}

.marketing-tools-temu-cards article.is-active {
  border-color: #1677ff;
  box-shadow: inset 0 0 0 1px rgba(22, 119, 255, 0.18);
}

.marketing-tools-temu-cards article > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 2px;
}

.marketing-tools-temu-cards strong {
  color: #111827;
  font-size: 18px;
  font-weight: 650;
}

.marketing-tools-temu-cards span {
  display: inline-flex;
  align-items: center;
  height: 22px;
  padding: 0 8px;
  border-radius: 3px;
  background: #eaf3ff;
  color: #1677ff;
  font-size: 12px;
  font-weight: 650;
  white-space: nowrap;
}

.marketing-tools-temu-cards p {
  min-height: 34px;
  margin: 0;
  color: #5f6673;
  font-size: 13px;
  line-height: 1.45;
}

.marketing-tools-temu-cards button {
  justify-self: start;
  height: 28px;
  padding: 0 14px;
  border: 1px solid #1677ff;
  border-radius: 3px;
  background: #ffffff;
  color: #1677ff;
  font-size: 13px;
  font-weight: 550;
}

.marketing-tools-temu-filter {
  display: grid;
  grid-template-columns: minmax(250px, 1fr) minmax(360px, 1.2fr) minmax(220px, 0.72fr) auto;
  gap: 14px 22px;
  align-items: end;
  margin-top: 22px;
  padding: 18px 24px;
  background: #f7f8fa;
}

.marketing-tools-temu-filter label {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.marketing-tools-temu-filter label > span {
  color: #394150;
  font-size: 13px;
  font-weight: 500;
  text-align: right;
  white-space: nowrap;
}

.marketing-tools-temu-filter input,
.marketing-tools-temu-filter select {
  width: 100%;
  height: 30px;
  min-width: 0;
  padding: 0 9px;
  border: 1px solid #dcdfe6;
  border-radius: 2px;
  background: #ffffff;
  color: #1f2937;
  font-size: 13px;
  outline: none;
}

.marketing-tools-temu-filter input::placeholder {
  color: #b7bdc7;
}

.marketing-tools-id-filter > div {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  gap: 8px;
}

.marketing-tools-temu-filter-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.marketing-tools-temu-filter-actions .tiny-button {
  min-width: 64px;
  height: 30px;
  padding: 0 16px;
  border-radius: 3px;
  font-size: 13px;
  font-weight: 500;
}

.marketing-tools-temu-tabs {
  display: flex;
  align-items: center;
  gap: 30px;
  min-height: 48px;
  margin-top: 18px;
  border-bottom: 1px solid #ebeef5;
}

.marketing-tools-temu-tabs button {
  position: relative;
  height: 48px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #394150;
  font-size: 14px;
  font-weight: 550;
}

.marketing-tools-temu-tabs button.is-active {
  color: #1677ff;
}

.marketing-tools-temu-tabs button.is-active::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 2px;
  background: #1677ff;
}

.marketing-tools-temu-site-alert {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 34px;
  margin-top: 12px;
  padding: 0 12px;
  border: 1px solid #f7d58f;
  background: #fff8e6;
  color: #5f4200;
  font-size: 13px;
}

.marketing-tools-temu-site-alert span {
  font-weight: 650;
}

.marketing-tools-temu-site-alert strong {
  font-weight: 500;
}

.marketing-tools-temu-actionbar {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 58px;
  background: #ffffff;
}

.marketing-tools-temu-actionbar .primary-button {
  height: 32px;
  padding: 0 18px;
  border-radius: 3px;
  background: #1677ff;
  font-size: 13px;
}

.marketing-tools-temu-actionbar span {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 8px;
  border: 1px solid #d8e7ff;
  border-radius: 3px;
  background: #f2f8ff;
  color: #1677ff;
  font-size: 12px;
  font-weight: 650;
}

.marketing-tools-temu-table-panel {
  min-width: 0;
  background: #ffffff;
}

.marketing-tools-temu-table-wrap {
  max-height: 620px;
  border: 0;
  border-radius: 0;
  overflow: auto;
  background: #ffffff;
}

.marketing-tools-temu-table {
  min-width: 1520px;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 12px;
}

.marketing-tools-temu-table th,
.marketing-tools-temu-table td {
  min-width: 116px;
  height: 42px;
  padding: 0 12px;
  border-right: 1px solid #ebeef5;
  border-bottom: 1px solid #ebeef5;
  background: #ffffff;
  color: #394150;
  font-weight: 500;
  text-align: left;
  text-transform: none;
  vertical-align: middle;
  white-space: nowrap;
}

.marketing-tools-temu-table th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: #f7f8fa;
  color: #394150;
  font-weight: 650;
}

.marketing-tools-temu-table td {
  height: 88px;
}

.marketing-tools-temu-table td:first-child {
  min-width: 190px;
}

.marketing-tools-temu-table td:nth-child(3),
.marketing-tools-temu-table th:nth-child(3) {
  min-width: 340px;
}

.marketing-tools-temu-table td > strong,
.marketing-tools-temu-table td > small {
  display: block;
  max-width: 210px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.marketing-tools-temu-table td > small {
  margin-top: 4px;
  color: #8a93a3;
  font-size: 12px;
}

.marketing-tools-product-cell {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 10px;
  min-width: 310px;
  align-items: center;
}

.marketing-tools-product-cell img,
.marketing-tools-thumb-placeholder {
  width: 58px;
  height: 58px;
  border: 1px solid #e5e7eb;
  border-radius: 2px;
  object-fit: cover;
  background: #f7f8fa;
}

.marketing-tools-thumb-placeholder {
  display: inline-block;
}

.marketing-tools-product-cell strong {
  display: -webkit-box;
  overflow: hidden;
  color: #1f2937;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.4;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: normal;
}

.marketing-tools-product-cell small {
  display: block;
  margin-top: 3px;
  color: #6b7280;
  font-size: 12px;
  line-height: 1.4;
  white-space: normal;
}

.marketing-tools-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #16a34a;
  font-size: 13px;
  font-weight: 650;
}

.marketing-tools-status::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
}

.marketing-tools-status.pending {
  color: #d97706;
}

.marketing-tools-status.ended {
  color: #6b7280;
}

.marketing-tools-trend {
  display: inline-flex;
  align-items: end;
  gap: 3px;
  height: 36px;
}

.marketing-tools-trend i {
  width: 5px;
  border-radius: 3px 3px 0 0;
  background: #1677ff;
}

.marketing-tools-trend-empty {
  color: #8a93a3;
  font-size: 12px;
}

.marketing-tools-trend-link {
  height: 24px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #1677ff;
  font-size: 12px;
  font-weight: 500;
}

.marketing-tools-row-actions {
  display: grid;
  gap: 5px;
  min-width: 70px;
}

.marketing-tools-row-actions button {
  height: 22px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #1677ff;
  font-size: 12px;
  text-align: left;
}

.marketing-tools-temu-empty td {
  height: 110px;
  color: #6b7280;
  text-align: center;
}

@media (max-width: 1180px) {
  .marketing-tools-temu-page {
    min-width: 1360px;
    padding: 16px 14px 24px;
  }

  .marketing-tools-temu-filter {
    grid-template-columns: minmax(240px, 1fr) minmax(330px, 1.2fr) minmax(210px, 0.8fr) auto;
    padding: 16px;
  }
}