/* 欧众助手 · Apple-inspired system surface
 * Kept separate from the compiled Vue bundle so upgrades retain the visual layer. */
:root {
  --ozon-ink: #1d1d1f;
  --ozon-muted: #6e6e73;
  --ozon-line: #e5e5ea;
  --ozon-canvas: #f5f5f7;
  --ozon-surface: #ffffff;
  --ozon-blue: #007aff;
  --ozon-blue-hover: #0071e3;
  --el-color-primary: var(--ozon-blue);
  --el-color-primary-light-3: #4da3ff;
  --el-color-primary-light-5: #80bdff;
  --el-color-primary-light-7: #b8dcff;
  --el-color-primary-light-8: #d6eaff;
  --el-color-primary-light-9: #edf6ff;
  --el-border-color: var(--ozon-line);
  --el-border-color-light: #eeeeF2;
  --el-border-color-lighter: #f2f2f4;
  --el-fill-color: #f5f5f7;
  --el-fill-color-light: #fafafa;
  --el-bg-color: var(--ozon-surface);
  --el-text-color-primary: var(--ozon-ink);
  --el-text-color-regular: #424245;
  --el-text-color-secondary: var(--ozon-muted);
  --el-border-radius-base: 10px;
  --el-border-radius-small: 8px;
  --el-border-radius-round: 999px;
  --el-box-shadow-light: 0 8px 24px rgba(29, 29, 31, 0.06);
}

html,
body,
#app {
  height: 100vh;
  min-height: 100%;
  background: var(--ozon-canvas);
}

body,
button,
input,
textarea,
.el-button,
.el-input__inner,
.el-table,
.el-menu {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "PingFang SC", "Microsoft YaHei", sans-serif !important;
}

body {
  color: var(--ozon-ink);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* The compiled login defaults to the framework's dark theme. Keep the chosen light surface
 * authoritative here without changing authentication or locale/theme controls. */
html.dark {
  color-scheme: light;
  --login-bg-color: var(--ozon-canvas);
}

html.dark .v-login,
.v-login {
  background: var(--ozon-canvas) !important;
}

html.dark .v-login [class*="dark:bg"],
.v-login [class*="dark:bg"] {
  background: var(--ozon-canvas) !important;
}

.v-login__left {
  background: #edf6ff !important;
  border-right: 1px solid var(--ozon-line);
}

.v-login .login-form {
  width: min(100%, 420px) !important;
  padding: 30px !important;
  border: 1px solid var(--ozon-line);
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow: 0 16px 44px rgba(29, 29, 31, 0.08);
}

.v-login .login-form .enter-x {
  color: var(--ozon-ink) !important;
  font-size: 28px !important;
  font-weight: 650 !important;
  letter-spacing: -0.03em;
}

.v-login .v-theme-switch {
  --el-switch-on-color: var(--ozon-blue);
}

.app-loading {
  background: var(--ozon-canvas) !important;
}

.app-loading .app-loading-brand {
  margin-bottom: 26px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-align: center;
}

.app-loading .app-loading-logo {
  width: 110px;
}

.app-loading .app-loading-name {
  color: var(--ozon-ink);
  font-weight: 600;
  font-size: 20px;
  letter-spacing: -0.02em;
}

.app-loading .app-loading-outter {
  border-color: var(--ozon-blue) !important;
  border-bottom-color: transparent !important;
  border-left-color: transparent !important;
}

.app-loading .app-loading-inner {
  border-color: #9dcbff !important;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
}

.el-button {
  min-height: 36px;
  border-radius: 10px !important;
  border-color: var(--ozon-line);
  font-weight: 560;
  letter-spacing: 0;
  transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 120ms ease;
}

.el-button:hover:not(.is-disabled) {
  border-color: #b9dcff;
  color: var(--ozon-blue);
}

.el-button--primary {
  background: var(--ozon-blue) !important;
  border-color: var(--ozon-blue) !important;
  box-shadow: 0 2px 7px rgba(0, 122, 255, 0.2);
}

.el-button--primary:hover:not(.is-disabled) {
  background: var(--ozon-blue-hover) !important;
  border-color: var(--ozon-blue-hover) !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(0, 122, 255, 0.24);
  transform: translateY(-1px);
}

.el-button.is-link {
  box-shadow: none;
}

.el-input__wrapper,
.el-textarea__inner,
.el-select__wrapper,
.el-date-editor .el-input__wrapper,
.el-input-number .el-input__wrapper {
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: 0 0 0 1px var(--ozon-line) inset !important;
  transition: box-shadow 160ms ease, background-color 160ms ease;
}

.el-input__wrapper:hover,
.el-select__wrapper:hover,
.el-input-number .el-input__wrapper:hover {
  box-shadow: 0 0 0 1px #bfc7d2 inset !important;
}

.el-input__wrapper.is-focus,
.el-select__wrapper.is-focused,
.el-input-number .el-input__wrapper.is-focus,
.el-textarea__inner:focus {
  background: #fff !important;
  box-shadow: 0 0 0 3px rgba(0, 122, 255, 0.14), 0 0 0 1px var(--ozon-blue) inset !important;
}

.el-card,
.el-descriptions,
.el-calendar,
.el-collapse,
.el-table,
.el-transfer-panel,
.el-tree {
  border-color: var(--ozon-line) !important;
  border-radius: 14px !important;
  background: var(--ozon-surface);
  box-shadow: 0 1px 2px rgba(29, 29, 31, 0.025);
}

.el-card__header {
  padding: 16px 20px;
  border-bottom-color: #f0f0f2;
  color: var(--ozon-ink);
  font-weight: 620;
}

.el-card__body {
  padding: 20px;
}

.el-table {
  overflow: hidden;
}

.el-table th.el-table__cell {
  height: 46px;
  background: #fafafa !important;
  color: #6e6e73;
  font-size: 12px;
  font-weight: 620;
}

.el-table tr,
.el-table td.el-table__cell,
.el-table th.el-table__cell.is-leaf {
  border-bottom-color: #f0f0f2;
}

.el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
  background: #f7fbff !important;
}

.el-tag {
  border-radius: 999px !important;
  font-weight: 560;
}

.el-pagination {
  margin-top: 16px;
}

.el-pagination .btn-next,
.el-pagination .btn-prev,
.el-pagination .el-pager li {
  min-width: 30px;
  height: 30px;
  border-radius: 8px;
}

.el-pagination .el-pager li.is-active {
  background: #eaf4ff;
  color: var(--ozon-blue);
  font-weight: 650;
}

.el-tabs__item {
  color: var(--ozon-muted);
  font-weight: 540;
}

.el-tabs__item.is-active,
.el-tabs__item:hover {
  color: var(--ozon-blue);
}

.el-tabs__active-bar {
  height: 2px;
  border-radius: 999px;
  background: var(--ozon-blue);
}

.el-dialog,
.el-message-box,
.el-drawer {
  border-radius: 18px !important;
  overflow: hidden;
  box-shadow: 0 24px 64px rgba(29, 29, 31, 0.18) !important;
}

.el-dialog__header,
.el-drawer__header,
.el-message-box__header {
  padding: 20px 24px 12px;
  color: var(--ozon-ink);
}

.el-dialog__title,
.el-drawer__title,
.el-message-box__title {
  color: var(--ozon-ink);
  font-size: 17px;
  font-weight: 650;
}

.el-dialog__body,
.el-drawer__body,
.el-message-box__content {
  padding: 16px 24px 24px;
}

.el-overlay {
  background: rgba(29, 29, 31, 0.3) !important;
  backdrop-filter: blur(4px);
}

.el-dropdown-menu,
.el-select__popper,
.el-picker__popper,
.el-popper.is-light {
  border-color: rgba(229, 229, 234, 0.9) !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 30px rgba(29, 29, 31, 0.12) !important;
}

/* Legacy Yudao/Vben shell. Selectors are deliberately additive so every module inherits the same surface. */
.v-menu,
.v-menu__vertical,
.el-menu {
  background: rgba(255, 255, 255, 0.96) !important;
  border-right-color: var(--ozon-line) !important;
}

.v-menu__vertical {
  top: 0 !important;
  height: 100vh !important;
  padding: 14px 10px 18px;
  box-sizing: border-box;
  box-shadow: 1px 0 0 var(--ozon-line);
}

.v-menu .el-menu-item,
.v-menu .el-sub-menu__title,
.el-menu-item,
.el-sub-menu__title {
  height: 42px;
  line-height: 42px;
  margin: 2px 8px;
  border-radius: 10px;
  color: #424245 !important;
  font-size: 13px;
  font-weight: 540;
}

.v-menu .el-menu-item:hover,
.v-menu .el-sub-menu__title:hover,
.el-menu-item:hover,
.el-sub-menu__title:hover {
  background: #f2f7ff !important;
  color: var(--ozon-blue) !important;
}

.v-menu .el-menu-item.is-active,
.el-menu-item.is-active {
  background: #eaf4ff !important;
  color: var(--ozon-blue) !important;
  font-weight: 650;
}

.el-header,
.layout-border__bottom,
.layout-border__top {
  background: rgba(255, 255, 255, 0.86) !important;
  border-color: var(--ozon-line) !important;
  backdrop-filter: blur(16px) saturate(150%);
}

.el-main {
  background: var(--ozon-canvas) !important;
}

.content-wrap,
.vben-content,
.vben-layout-content {
  border-radius: 16px;
}

.el-breadcrumb__inner,
.el-page-header__title {
  color: var(--ozon-muted) !important;
}

.el-page-header__content,
.el-form-item__label,
.el-descriptions__label,
.el-descriptions__content {
  color: var(--ozon-ink) !important;
}

@media (max-width: 768px) {
  .el-card__body {
    padding: 16px;
  }

  .el-dialog {
    width: calc(100% - 24px) !important;
    margin: 12px auto !important;
  }
}

/* Classic Vben shell used by http://localhost:5174.
 * These rules intentionally override the legacy menu theme variables and its !important
 * active states; the original generic Element overrides above cannot win those selectors. */
.v-layout.v-layout__classic {
  --left-menu-bg-color: #ffffff !important;
  --left-menu-max-width: 224px !important;
  --logo-height: 70px !important;
  --top-tool-height: 64px !important;
  --tags-view-height: 40px !important;
  --top-header-bg-color: rgba(255, 255, 255, 0.88) !important;
  --top-header-text-color: var(--ozon-ink) !important;
  --app-content-bg-color: var(--ozon-canvas) !important;
  --app-content-padding: 24px !important;
  width: 100% !important;
  height: 100vh !important;
  min-height: 100vh !important;
  background: var(--ozon-canvas) !important;
}

.v-layout.v-layout__classic .v-logo {
  height: var(--logo-height) !important;
  padding: 0 18px !important;
  background: #ffffff !important;
  border-bottom: 1px solid var(--ozon-line);
}

.v-layout.v-layout__classic .v-logo img {
  width: 38px !important;
  height: 38px !important;
  border-radius: 11px;
  background: #edf6ff;
  object-fit: contain;
}

.v-layout.v-layout__classic .v-logo > span,
.v-layout.v-layout__classic .v-logo [class*="logo-title"] {
  color: var(--ozon-ink) !important;
  font-size: 17px !important;
  font-weight: 680 !important;
  letter-spacing: -0.02em;
}

.v-layout.v-layout__classic .v-menu__vertical {
  position: fixed !important;
  top: var(--logo-height) !important;
  left: 0 !important;
  width: var(--left-menu-max-width) !important;
  height: calc(100vh - var(--logo-height)) !important;
  padding: 14px 10px 18px !important;
  background: #ffffff !important;
  border-right: 1px solid var(--ozon-line) !important;
  box-shadow: none !important;
}

.v-layout.v-layout__classic .v-menu__vertical .el-menu,
.v-layout.v-layout__classic .v-menu__vertical .el-menu--inline {
  background: transparent !important;
  border-right: 0 !important;
}

.v-layout.v-layout__classic .v-menu__vertical .el-menu-item,
.v-layout.v-layout__classic .v-menu__vertical .el-sub-menu__title {
  width: calc(100% - 16px) !important;
  height: 42px !important;
  margin: 2px 8px !important;
  padding-left: 14px !important;
  line-height: 42px !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: #48484a !important;
  font-size: 13px !important;
  font-weight: 540 !important;
  box-sizing: border-box;
}

.v-layout.v-layout__classic .v-menu__vertical .el-sub-menu .el-menu-item {
  width: calc(100% - 28px) !important;
  margin-left: 20px !important;
  padding-left: 30px !important;
  font-size: 13px !important;
}

.v-layout.v-layout__classic .v-menu__vertical .el-menu-item:hover,
.v-layout.v-layout__classic .v-menu__vertical .el-sub-menu__title:hover {
  background: #f2f7ff !important;
  color: var(--ozon-blue) !important;
}

.v-layout.v-layout__classic .v-menu__vertical .el-menu-item.is-active {
  background: #eaf4ff !important;
  color: var(--ozon-blue) !important;
  box-shadow: none !important;
  font-weight: 650 !important;
}

.v-layout.v-layout__classic .v-menu__vertical .el-menu-item.is-active .el-icon,
.v-layout.v-layout__classic .v-menu__vertical .el-menu-item.is-active .v-menu__title {
  color: var(--ozon-blue) !important;
}

/* Loaded layout chunks define the legacy active tile after the base stylesheet. Match their
 * full selector chain so the selected state stays a pale blue row instead of a solid pill. */
html.light .v-layout.v-layout__classic .v-menu__vertical .el-menu.el-menu--vertical .el-menu-item.is-active,
html.light .v-layout.v-layout__classic .v-menu__vertical .el-menu.el-menu--inline .el-menu-item.is-active {
  background: #eaf4ff !important;
  background-color: #eaf4ff !important;
  background-image: none !important;
  color: var(--ozon-blue) !important;
}

html.light .v-layout.v-layout__classic .v-menu__vertical .el-menu.el-menu--vertical .el-menu-item.is-active .el-icon,
html.light .v-layout.v-layout__classic .v-menu__vertical .el-menu.el-menu--vertical .el-menu-item.is-active .v-menu__title,
html.light .v-layout.v-layout__classic .v-menu__vertical .el-menu.el-menu--inline .el-menu-item.is-active .el-icon,
html.light .v-layout.v-layout__classic .v-menu__vertical .el-menu.el-menu--inline .el-menu-item.is-active .v-menu__title {
  color: var(--ozon-blue) !important;
}

html.light .v-layout.v-layout__classic .v-menu__vertical .el-menu.el-menu--inline .el-menu-item:not(.is-active) {
  background: #f7f8fa !important;
  background-color: #f7f8fa !important;
  background-image: none !important;
  color: #48484a !important;
}

html.light .v-layout.v-layout__classic .v-menu__vertical .el-menu.el-menu--inline .el-menu-item:not(.is-active):hover {
  background: #f2f7ff !important;
  color: var(--ozon-blue) !important;
}

.v-layout.v-layout__classic .v-layout-content {
  height: 100% !important;
  min-height: 100% !important;
  background: var(--ozon-canvas) !important;
}

.v-layout.v-layout__classic .v-tool-header {
  height: var(--top-tool-height) !important;
  padding: 0 24px !important;
  background: rgba(255, 255, 255, 0.88) !important;
  border-bottom: 1px solid var(--ozon-line) !important;
  box-sizing: border-box;
  backdrop-filter: blur(18px) saturate(160%);
}

.v-layout.v-layout__classic .v-collapse,
.v-layout.v-layout__classic .custom-hover {
  border-radius: 9px;
}

.v-layout.v-layout__classic .v-collapse:hover,
.v-layout.v-layout__classic .custom-hover:hover {
  background: #f2f7ff !important;
  color: var(--ozon-blue) !important;
}

.v-layout.v-layout__classic .v-tags-view {
  height: var(--tags-view-height) !important;
  background: rgba(255, 255, 255, 0.9) !important;
  border-bottom: 1px solid var(--ozon-line) !important;
  box-shadow: none !important;
}

.v-layout.v-layout__classic .v-tags-view__item {
  height: 30px !important;
  margin: 5px 3px !important;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  color: var(--ozon-muted) !important;
}

.v-layout.v-layout__classic .v-tags-view__item.is-active {
  background: #eaf4ff !important;
  border-color: #d6eaff !important;
  color: var(--ozon-blue) !important;
  font-weight: 620 !important;
}

.v-layout.v-layout__classic .v-layout-content-scrollbar,
.v-layout.v-layout__classic .v-layout-content-scrollbar .el-scrollbar__view {
  min-height: 100% !important;
  background: var(--ozon-canvas) !important;
}

.v-layout.v-layout__classic .v-footer {
  background: var(--ozon-canvas) !important;
}

.v-layout.v-layout__classic .v-setting {
  width: 36px !important;
  height: 36px !important;
  border-radius: 10px 0 0 10px !important;
  background: var(--ozon-blue) !important;
  box-shadow: 0 4px 14px rgba(0, 122, 255, 0.22);
}

/* Apple refinement layer.
 * This is CSS-only: it reshapes the compiled surfaces without touching routes, data or actions. */
:root {
  --ozon-ink-soft: #303033;
  --ozon-canvas: #f4f6fa;
  --ozon-canvas-deep: #edf1f7;
  --ozon-surface-soft: rgba(255, 255, 255, 0.84);
  --ozon-surface-solid: #ffffff;
  --ozon-blue: #0a84ff;
  --ozon-blue-hover: #0071e3;
  --ozon-blue-soft: #eaf4ff;
  --ozon-green-soft: #ecf9f2;
  --ozon-red-soft: #fff1f1;
  --ozon-orange-soft: #fff7e8;
  --ozon-radius-md: 14px;
  --ozon-radius-lg: 18px;
  --ozon-radius-xl: 22px;
  --ozon-shadow-hairline: 0 0 0 1px rgba(15, 23, 42, 0.055);
  --ozon-shadow-card: 0 10px 28px rgba(15, 23, 42, 0.06), 0 1px 2px rgba(15, 23, 42, 0.035);
  --ozon-shadow-card-hover: 0 16px 38px rgba(15, 23, 42, 0.085), 0 2px 4px rgba(15, 23, 42, 0.04);
  --ozon-shadow-floating: 0 18px 50px rgba(15, 23, 42, 0.13), 0 1px 0 rgba(255, 255, 255, 0.7) inset;
}

html,
body,
#app {
  background:
    radial-gradient(900px 420px at 12% -10%, rgba(10, 132, 255, 0.08), transparent 62%),
    radial-gradient(760px 360px at 96% 4%, rgba(85, 145, 255, 0.07), transparent 58%),
    linear-gradient(180deg, #f8fafc 0%, var(--ozon-canvas) 42%, var(--ozon-canvas-deep) 100%) !important;
}

body {
  color: var(--ozon-ink) !important;
}

.el-button {
  min-height: 36px !important;
  border-radius: 999px !important;
  border-color: rgba(15, 23, 42, 0.1) !important;
  background-clip: padding-box;
  box-shadow: none;
}

.el-button:not(.el-button--primary):not(.el-button--danger):not(.el-button--success):not(.el-button--warning):not(.is-link):not(.is-text):hover:not(.is-disabled) {
  background: #f5f9ff !important;
  border-color: rgba(10, 132, 255, 0.22) !important;
  color: var(--ozon-blue) !important;
}

.el-button--primary {
  background: var(--ozon-blue) !important;
  border-color: var(--ozon-blue) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(10, 132, 255, 0.22) !important;
}

.el-button--primary:hover:not(.is-disabled) {
  background: var(--ozon-blue-hover) !important;
  border-color: var(--ozon-blue-hover) !important;
  box-shadow: 0 6px 16px rgba(10, 132, 255, 0.26) !important;
}

.el-button.is-plain,
.el-button.is-text,
.el-button.is-link {
  box-shadow: none !important;
}

.el-input__wrapper,
.el-textarea__inner,
.el-select__wrapper,
.el-input-number .el-input__wrapper,
.el-date-editor .el-input__wrapper {
  min-height: 36px;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.1) inset !important;
}

.el-input__wrapper:hover,
.el-select__wrapper:hover,
.el-input-number .el-input__wrapper:hover,
.el-textarea__inner:hover {
  box-shadow: 0 0 0 1px rgba(10, 132, 255, 0.22) inset !important;
}

.el-input__wrapper.is-focus,
.el-select__wrapper.is-focused,
.el-input-number .el-input__wrapper.is-focus,
.el-textarea__inner:focus {
  box-shadow: 0 0 0 3px rgba(10, 132, 255, 0.14), 0 0 0 1px var(--ozon-blue) inset !important;
}

.el-form-item__label {
  color: #54545a !important;
  font-weight: 590 !important;
}

.el-card,
.el-table,
.el-descriptions,
.el-tree,
.el-collapse,
.el-transfer-panel {
  border-color: rgba(15, 23, 42, 0.08) !important;
  border-radius: var(--ozon-radius-lg) !important;
  background: var(--ozon-surface-solid) !important;
  box-shadow: var(--ozon-shadow-hairline) !important;
}

.el-card__header {
  border-bottom-color: rgba(15, 23, 42, 0.06) !important;
}

.el-table {
  --el-table-border-color: rgba(15, 23, 42, 0.06);
  overflow: hidden !important;
}

.el-table__inner-wrapper::before,
.el-table--border::after,
.el-table--border::before {
  background: transparent !important;
}

.el-table th.el-table__cell {
  height: 48px !important;
  background: #f7f9fc !important;
  color: #6d7280 !important;
  font-size: 12px !important;
  font-weight: 650 !important;
}

.el-table td.el-table__cell {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  border-bottom-color: rgba(15, 23, 42, 0.055) !important;
}

.el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
  background: #f4f9ff !important;
}

.el-tag {
  height: auto !important;
  min-height: 24px;
  padding: 3px 9px !important;
  border-radius: 999px !important;
  font-weight: 590 !important;
}

.el-pagination {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
}

.el-pagination .btn-next,
.el-pagination .btn-prev,
.el-pagination .el-pager li {
  min-width: 32px !important;
  height: 32px !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  box-shadow: var(--ozon-shadow-hairline);
}

.el-pagination .el-pager li.is-active {
  background: var(--ozon-blue) !important;
  color: #ffffff !important;
}

.el-dialog,
.el-message-box,
.el-drawer {
  border-radius: 24px !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: var(--ozon-shadow-floating) !important;
  -webkit-backdrop-filter: blur(22px) saturate(160%);
  backdrop-filter: blur(22px) saturate(160%);
}

.el-dialog__header,
.el-drawer__header,
.el-message-box__header {
  padding: 22px 26px 12px !important;
}

.el-dialog__body,
.el-drawer__body,
.el-message-box__content {
  padding: 18px 26px 26px !important;
}

.el-dialog__footer,
.el-message-box__btns {
  padding: 0 26px 24px !important;
}

.el-overlay {
  background: rgba(26, 29, 35, 0.28) !important;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

.el-dropdown-menu,
.el-select__popper,
.el-picker__popper,
.el-popper.is-light {
  border-color: rgba(15, 23, 42, 0.08) !important;
  border-radius: 16px !important;
  box-shadow: var(--ozon-shadow-floating) !important;
}

.v-layout.v-layout__classic {
  --left-menu-bg-color: rgba(255, 255, 255, 0.9) !important;
  --left-menu-max-width: 232px !important;
  --top-tool-height: 66px !important;
  --tags-view-height: 42px !important;
  --app-content-padding: 24px !important;
  background:
    radial-gradient(900px 420px at 16% 0%, rgba(10, 132, 255, 0.07), transparent 60%),
    linear-gradient(180deg, #f8fafc 0%, #f3f6fb 100%) !important;
}

.v-layout.v-layout__classic .v-logo {
  background: rgba(255, 255, 255, 0.9) !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.06) !important;
  -webkit-backdrop-filter: blur(18px) saturate(160%);
  backdrop-filter: blur(18px) saturate(160%);
}

.v-layout.v-layout__classic .v-logo img {
  box-shadow: 0 6px 16px rgba(10, 132, 255, 0.12);
}

.v-layout.v-layout__classic .v-logo > span,
.v-layout.v-layout__classic .v-logo [class*="logo-title"] {
  color: var(--ozon-ink) !important;
  font-weight: 720 !important;
}

.v-layout.v-layout__classic .v-menu__vertical {
  width: var(--left-menu-max-width) !important;
  padding: 16px 10px 20px !important;
  background: rgba(255, 255, 255, 0.88) !important;
  border-right: 1px solid rgba(15, 23, 42, 0.075) !important;
  box-shadow: 10px 0 30px rgba(15, 23, 42, 0.025) !important;
  -webkit-backdrop-filter: blur(20px) saturate(165%);
  backdrop-filter: blur(20px) saturate(165%);
}

.v-layout.v-layout__classic .v-menu__vertical .el-menu-item,
.v-layout.v-layout__classic .v-menu__vertical .el-sub-menu__title {
  position: relative;
  height: 42px !important;
  margin: 3px 8px !important;
  border-radius: 13px !important;
  color: #4a4f59 !important;
  font-weight: 570 !important;
  letter-spacing: -0.01em;
}

.v-layout.v-layout__classic .v-menu__vertical .el-sub-menu .el-menu-item {
  margin-top: 3px !important;
  margin-bottom: 3px !important;
  border-radius: 12px !important;
  background: rgba(248, 250, 252, 0.78) !important;
}

.v-layout.v-layout__classic .v-menu__vertical .el-menu-item:hover,
.v-layout.v-layout__classic .v-menu__vertical .el-sub-menu__title:hover,
html.light .v-layout.v-layout__classic .v-menu__vertical .el-menu.el-menu--inline .el-menu-item:not(.is-active):hover {
  background: #f2f8ff !important;
  color: var(--ozon-blue) !important;
}

.v-layout.v-layout__classic .v-menu__vertical .el-menu-item.is-active,
html.light .v-layout.v-layout__classic .v-menu__vertical .el-menu.el-menu--vertical .el-menu-item.is-active,
html.light .v-layout.v-layout__classic .v-menu__vertical .el-menu.el-menu--inline .el-menu-item.is-active {
  background: var(--ozon-blue-soft) !important;
  color: var(--ozon-blue) !important;
  box-shadow: inset 0 0 0 1px rgba(10, 132, 255, 0.08) !important;
}

.v-layout.v-layout__classic .v-menu__vertical .el-menu-item.is-active::before {
  position: absolute;
  top: 11px;
  left: 6px;
  width: 3px;
  height: 20px;
  border-radius: 999px;
  background: var(--ozon-blue);
  content: "";
}

.v-layout.v-layout__classic .v-tool-header {
  height: var(--top-tool-height) !important;
  padding: 0 26px !important;
  background: rgba(255, 255, 255, 0.82) !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.065) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset !important;
  -webkit-backdrop-filter: blur(22px) saturate(165%);
  backdrop-filter: blur(22px) saturate(165%);
}

.v-layout.v-layout__classic .v-tags-view {
  background: rgba(255, 255, 255, 0.78) !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.055) !important;
  -webkit-backdrop-filter: blur(18px) saturate(150%);
  backdrop-filter: blur(18px) saturate(150%);
}

.v-layout.v-layout__classic .v-tags-view__item {
  height: 30px !important;
  margin-top: 6px !important;
  border-radius: 10px !important;
  border-color: transparent !important;
  background: transparent !important;
}

.v-layout.v-layout__classic .v-tags-view__item.is-active {
  background: #ffffff !important;
  border-color: rgba(10, 132, 255, 0.14) !important;
  color: var(--ozon-blue) !important;
  box-shadow: var(--ozon-shadow-hairline) !important;
}

.v-layout.v-layout__classic .v-layout-content,
.v-layout.v-layout__classic .v-layout-content-scrollbar,
.v-layout.v-layout__classic .v-layout-content-scrollbar .el-scrollbar__view,
.el-main {
  background: transparent !important;
}

.v-layout.v-layout__classic .custom-hover,
.v-layout.v-layout__classic .v-collapse {
  border-radius: 12px !important;
}

html .ai-selection-page.ai-selection-page {
  min-height: calc(100vh - 154px) !important;
  padding: 24px !important;
  border-radius: 26px !important;
  background:
    radial-gradient(680px 280px at 3% 0%, rgba(10, 132, 255, 0.075), transparent 58%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.62), rgba(246, 248, 252, 0.72)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88);
}

html .ai-filter-card.ai-filter-card {
  margin-bottom: 18px !important;
  border: 1px solid rgba(15, 23, 42, 0.065) !important;
  border-radius: 22px !important;
  background: var(--ozon-surface-soft) !important;
  box-shadow: var(--ozon-shadow-card) !important;
  -webkit-backdrop-filter: blur(18px) saturate(155%);
  backdrop-filter: blur(18px) saturate(155%);
}

html .ai-filter-card.ai-filter-card .el-card__body {
  padding: 20px 22px 18px !important;
}

html .ai-filter-row--inputs.ai-filter-row--inputs {
  gap: 18px 22px !important;
  margin-bottom: 18px !important;
}

html .ai-filter-field__label.ai-filter-field__label {
  margin-bottom: 8px !important;
  color: #636977 !important;
  text-align: left !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  letter-spacing: 0.01em;
}

html .ai-filter-row--toolbar.ai-filter-row--toolbar {
  padding-top: 15px !important;
  border-top: 1px solid rgba(15, 23, 42, 0.06) !important;
}

html .ai-filter-btn.ai-filter-btn {
  min-height: 36px !important;
  padding: 8px 15px !important;
  border-radius: 999px !important;
}

html .ai-filter-btn--purple.ai-filter-btn--purple,
html .ai-filter-btn--cyan.ai-filter-btn--cyan {
  background: var(--ozon-blue) !important;
  border-color: var(--ozon-blue) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(10, 132, 255, 0.2) !important;
}

html .ai-filter-btn--outline.ai-filter-btn--outline {
  background: #ffffff !important;
  color: #3f4652 !important;
  border-color: rgba(15, 23, 42, 0.1) !important;
}

html .ai-selection-tabs-wrap.ai-selection-tabs-wrap {
  margin-bottom: 18px !important;
  padding: 14px !important;
  border: 1px solid rgba(15, 23, 42, 0.065) !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, 0.82) !important;
  box-shadow: var(--ozon-shadow-card) !important;
  -webkit-backdrop-filter: blur(18px) saturate(155%);
  backdrop-filter: blur(18px) saturate(155%);
}

html .ai-selection-tabs.ai-selection-tabs {
  gap: 9px 10px !important;
}

html .ai-selection-tab.ai-selection-tab {
  min-height: 42px !important;
  padding: 9px 14px !important;
  border-radius: 999px !important;
  border-color: rgba(15, 23, 42, 0.08) !important;
  background: #ffffff !important;
  color: #424854 !important;
  box-shadow: var(--ozon-shadow-hairline) !important;
}

html .ai-selection-tab.ai-selection-tab:hover {
  border-color: rgba(10, 132, 255, 0.2) !important;
  color: var(--ozon-blue) !important;
  box-shadow: 0 8px 18px rgba(10, 132, 255, 0.08) !important;
}

html .ai-selection-tab.ai-selection-tab.is-active {
  background: var(--ozon-blue) !important;
  border-color: var(--ozon-blue) !important;
  color: #ffffff !important;
  box-shadow: 0 8px 18px rgba(10, 132, 255, 0.22) !important;
}

html .ai-selection-tab__badge.ai-selection-tab__badge {
  background: #f2f5fa !important;
  border-color: transparent !important;
  color: #667085 !important;
}

html .ai-selection-tab.is-active .ai-selection-tab__badge {
  background: rgba(255, 255, 255, 0.24) !important;
  color: #ffffff !important;
}

html .ai-page-stepper.ai-page-stepper {
  top: 12px !important;
  margin: 0 0 12px !important;
}

html .ai-page-stepper__btn.ai-page-stepper__btn,
html .ai-page-stepper__status.ai-page-stepper__status {
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.92) !important;
  box-shadow: var(--ozon-shadow-card) !important;
}

html .ai-selection-list.ai-selection-list {
  gap: 18px !important;
}

html .ai-product-item.ai-product-item {
  padding: 18px !important;
  border: 1px solid rgba(15, 23, 42, 0.075) !important;
  border-radius: 24px !important;
  background: rgba(255, 255, 255, 0.9) !important;
  box-shadow: var(--ozon-shadow-card) !important;
  transform: translateZ(0);
  -webkit-backdrop-filter: blur(12px) saturate(145%);
  backdrop-filter: blur(12px) saturate(145%);
}

html .ai-product-item.ai-product-item:hover {
  border-color: rgba(10, 132, 255, 0.2) !important;
  box-shadow: var(--ozon-shadow-card-hover) !important;
  transform: translateY(-2px) !important;
}

html .ai-product-item.is-selected.ai-product-item {
  border-color: rgba(10, 132, 255, 0.5) !important;
  box-shadow: 0 0 0 3px rgba(10, 132, 255, 0.12), var(--ozon-shadow-card-hover) !important;
}

html .ai-product-item.is-negative-profit.ai-product-item {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(255, 246, 246, 0.9)) !important;
  border-color: rgba(255, 59, 48, 0.2) !important;
}

html .ai-product-item__main.ai-product-item__main {
  gap: 16px !important;
}

html .ai-product-item__media.ai-product-item__media {
  width: 148px !important;
}

html .ai-product-item__img.ai-product-item__img {
  width: 148px !important;
  height: 168px !important;
  border-radius: 18px !important;
  border-color: rgba(15, 23, 42, 0.08) !important;
  background: #f6f8fb !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.09) !important;
}

html .ai-product-item__title-row.ai-product-item__title-row {
  margin-bottom: 10px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.06) !important;
}

html .ai-product-item__title.ai-product-item__title {
  color: var(--ozon-ink) !important;
  font-size: 15px !important;
  font-weight: 680 !important;
  letter-spacing: -0.01em;
}

html .ai-title-actions.ai-title-actions {
  background: #f5f8fc !important;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.05);
}

html .ai-meta-chip.ai-meta-chip,
html .ai-realtime-hint.ai-realtime-hint {
  background: #f6f8fb !important;
  border-color: rgba(15, 23, 42, 0.065) !important;
  color: #5f6672 !important;
}

html .ai-meta-chip--accent.ai-meta-chip--accent {
  background: var(--ozon-blue-soft) !important;
  border-color: rgba(10, 132, 255, 0.16) !important;
  color: var(--ozon-blue) !important;
}

html .ai-stat-section.ai-stat-section,
html .ai-collection-snapshot.ai-collection-snapshot {
  border-color: rgba(15, 23, 42, 0.065) !important;
  border-radius: 18px !important;
  background: #f8fafd !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

html .ai-stat-cell.ai-stat-cell,
html .ai-capture-card__metrics span {
  border-color: rgba(15, 23, 42, 0.055) !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  box-shadow: var(--ozon-shadow-hairline) !important;
}

html .ai-stat-label.ai-stat-label,
html .ai-price-cell__label.ai-price-cell__label,
html .ai-capture-card__metrics em {
  color: #7a808b !important;
  font-weight: 640 !important;
}

html .ai-stat-value.ai-stat-value,
html .ai-capture-card__metrics strong {
  color: var(--ozon-ink-soft) !important;
  font-weight: 700 !important;
}

html .ai-price-strip.ai-price-strip {
  gap: 8px 0 !important;
  padding: 10px !important;
  border: 1px solid rgba(15, 23, 42, 0.065) !important;
  border-radius: 18px !important;
  background: #f7f9fc !important;
}

html .ai-price-cell.ai-price-cell {
  border-left-color: rgba(15, 23, 42, 0.06) !important;
}

html .ai-price-strip .el-input__wrapper {
  border-radius: 11px !important;
  background: #ffffff !important;
}

html .ai-display-blue.ai-display-blue {
  border-color: rgba(10, 132, 255, 0.16) !important;
  border-radius: 12px !important;
  background: var(--ozon-blue-soft) !important;
  color: var(--ozon-blue) !important;
}

html .ai-display-profit.is-pos.ai-display-profit {
  border-color: rgba(52, 199, 89, 0.2) !important;
  border-radius: 12px !important;
  background: var(--ozon-green-soft) !important;
  color: #178a3d !important;
}

html .ai-display-profit.is-neg.ai-display-profit {
  border-color: rgba(255, 59, 48, 0.22) !important;
  border-radius: 12px !important;
  background: var(--ozon-red-soft) !important;
  color: #d92d20 !important;
}

html .ai-source-block.ai-source-block {
  padding: 12px !important;
  border-color: rgba(10, 132, 255, 0.1) !important;
  border-radius: 18px !important;
  background: #f7fbff !important;
}

html .ai-source-title.ai-source-title {
  color: var(--ozon-ink) !important;
  font-weight: 680 !important;
}

html .ai-source-index.ai-source-index {
  background: var(--ozon-blue-soft) !important;
  color: var(--ozon-blue) !important;
  box-shadow: none !important;
}

html .ai-source-preview__img.ai-source-preview__img,
html .ai-source-preview__img-placeholder.ai-source-preview__img-placeholder {
  border-radius: 16px !important;
}

html .ai-source-preview-popper.ai-source-preview-popper {
  width: auto !important;
  min-width: 0 !important;
}

html .ai-source-preview.ai-source-preview {
  display: block !important;
  padding: 0 !important;
}

html .ai-source-preview__url.ai-source-preview__url {
  display: none !important;
}

html .ai-actions-row.ai-actions-row {
  gap: 9px !important;
}

html .ai-actions-row.ai-actions-row .el-button,
html .ai-product-item__media-actions.ai-product-item__media-actions .el-button {
  border-radius: 999px !important;
}

html .ai-btn-fav.ai-btn-fav,
html .ai-btn-muted.ai-btn-muted,
html .ai-btn-collected.ai-btn-collected {
  background: #f5f8fc !important;
  border-color: rgba(15, 23, 42, 0.08) !important;
  color: #475467 !important;
  box-shadow: var(--ozon-shadow-hairline) !important;
}

html .ai-btn-blacklist.ai-btn-blacklist {
  background: var(--ozon-red-soft) !important;
  border-color: rgba(255, 59, 48, 0.22) !important;
  color: #d92d20 !important;
  box-shadow: none !important;
}

html .ai-select-checkbox.ai-select-checkbox {
  border-radius: 10px !important;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.18) !important;
}

html .ai-select-checkbox.is-checked.ai-select-checkbox {
  background: var(--ozon-blue) !important;
  border-color: var(--ozon-blue) !important;
}

html .selection-bottom-bar.selection-bottom-bar {
  bottom: 22px !important;
  padding: 8px !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 28px !important;
  background: rgba(255, 255, 255, 0.86) !important;
  box-shadow: var(--ozon-shadow-floating) !important;
  -webkit-backdrop-filter: blur(22px) saturate(170%);
  backdrop-filter: blur(22px) saturate(170%);
}

html .selection-bottom-bar__inner.selection-bottom-bar__inner {
  gap: 12px !important;
  background: transparent !important;
  box-shadow: none !important;
}

html .selection-count.selection-count {
  background: var(--ozon-blue) !important;
  box-shadow: 0 6px 16px rgba(10, 132, 255, 0.24) !important;
}

html .selection-action-btn.selection-action-btn {
  border-radius: 999px !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  box-shadow: none !important;
}

html .selection-action-btn--listing.selection-action-btn--listing,
html .selection-action-btn--collected.selection-action-btn--collected {
  background: var(--ozon-blue) !important;
  border-color: var(--ozon-blue) !important;
  color: #ffffff !important;
}

html .selection-action-btn--favorite.selection-action-btn--favorite,
html .selection-action-btn--noprofit.selection-action-btn--noprofit,
html .selection-action-btn--cancel.selection-action-btn--cancel {
  background: #f5f8fc !important;
  color: #475467 !important;
}

html .selection-action-btn--blacklist.selection-action-btn--blacklist,
html .selection-action-btn--delete.selection-action-btn--delete {
  background: var(--ozon-red-soft) !important;
  border-color: rgba(255, 59, 48, 0.22) !important;
  color: #d92d20 !important;
}

html .profit-config-dialog .el-dialog,
html .profit-config-card.profit-config-card {
  border-radius: 22px !important;
}

html .profit-config-card.profit-config-card {
  background: #f7f9fc !important;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.055);
}

html .edit-listing-page.edit-listing-page {
  min-height: calc(100vh - 154px) !important;
  padding: 24px 156px 96px 24px !important;
  border-radius: 26px !important;
  background:
    radial-gradient(760px 300px at 0% 0%, rgba(10, 132, 255, 0.07), transparent 56%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.58), rgba(246, 248, 252, 0.72)) !important;
}

html .anchor-nav.anchor-nav {
  top: 116px !important;
  right: 28px !important;
  width: 132px !important;
  padding: 10px !important;
  border: 1px solid rgba(15, 23, 42, 0.075) !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, 0.86) !important;
  box-shadow: var(--ozon-shadow-card) !important;
  -webkit-backdrop-filter: blur(18px) saturate(155%);
  backdrop-filter: blur(18px) saturate(155%);
}

html .anchor-item.anchor-item {
  margin-bottom: 4px;
  border-radius: 13px !important;
  color: #606875 !important;
  font-size: 13px !important;
  font-weight: 590 !important;
}

html .anchor-item.anchor-item:hover,
html .anchor-item.anchor-item.active {
  background: var(--ozon-blue-soft) !important;
  color: var(--ozon-blue) !important;
}

html .section-card.section-card {
  margin-bottom: 20px !important;
  padding: 24px !important;
  border: 1px solid rgba(15, 23, 42, 0.07) !important;
  border-radius: 24px !important;
  background: rgba(255, 255, 255, 0.9) !important;
  box-shadow: var(--ozon-shadow-card) !important;
  -webkit-backdrop-filter: blur(12px) saturate(145%);
  backdrop-filter: blur(12px) saturate(145%);
}

html .section-header.section-header {
  position: relative;
  margin-bottom: 22px !important;
  padding-bottom: 14px !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.065) !important;
}

html .section-header.section-header::after {
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 54px;
  height: 2px;
  border-radius: 999px;
  background: var(--ozon-blue);
  content: "";
}

html .section-header .section-icon {
  color: var(--ozon-blue) !important;
}

html .section-header .section-title {
  color: var(--ozon-ink) !important;
  font-size: 17px !important;
  font-weight: 720 !important;
  letter-spacing: -0.015em;
}

html .variant-header .variant-count {
  background: #eef2f7 !important;
  color: #475467 !important;
}

html .image-grid.image-grid {
  grid-template-columns: repeat(auto-fill, minmax(152px, 1fr)) !important;
  gap: 16px !important;
}

html .image-card.image-card,
html .bulk-image-card.bulk-image-card {
  border-color: rgba(15, 23, 42, 0.075) !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  box-shadow: var(--ozon-shadow-hairline) !important;
}

html .image-card.image-card:hover,
html .bulk-image-card.bulk-image-card:hover {
  border-color: rgba(10, 132, 255, 0.22) !important;
  box-shadow: var(--ozon-shadow-card) !important;
}

html .image-card__media.image-card__media,
html .bulk-image-card__media.bulk-image-card__media {
  background: #f5f7fb !important;
}

html .image-card__caption.image-card__caption {
  padding: 8px 10px !important;
  border-top-color: rgba(15, 23, 42, 0.055) !important;
}

html .product-attr-table-wrap.product-attr-table-wrap,
html .variant-table-wrapper.variant-table-wrapper,
html .bulk-table-wrap.bulk-table-wrap {
  border: 1px solid rgba(15, 23, 42, 0.075) !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  box-shadow: var(--ozon-shadow-hairline) !important;
}

html .product-attr-table-wrap .product-attr-table .el-table__header-wrapper th,
html .variant-table .el-table__header th,
html .bulk-table th.el-table__cell {
  background: #f7f9fc !important;
  color: #667085 !important;
}

html .product-attr-table-wrap .product-attr-table .el-table__body tr:hover > td,
html .variant-table .el-table__body tr:hover > td,
html .bulk-table .el-table__row:hover > td {
  background-color: #f4f9ff !important;
}

html .product-attr-table-wrap .attr-name-cell .attr-required-tag {
  border-color: rgba(255, 149, 0, 0.22) !important;
  background: var(--ozon-orange-soft) !important;
  color: #b25b00 !important;
}

html .attr-inline-toggle .el-button,
html .variant-op-group.variant-op-group {
  border-color: rgba(15, 23, 42, 0.075) !important;
  border-radius: 999px !important;
  background: #f6f8fb !important;
  box-shadow: none !important;
}

html .variant-op-btn.variant-op-btn {
  border-radius: 999px !important;
}

html .variant-toolbar.variant-toolbar {
  padding: 14px 0 !important;
}

html .bottom-actions.bottom-actions {
  bottom: 18px !important;
  height: auto !important;
  min-height: 70px !important;
  margin-top: 24px !important;
  padding: 14px 20px !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 24px !important;
  background: rgba(255, 255, 255, 0.88) !important;
  box-shadow: var(--ozon-shadow-floating) !important;
  -webkit-backdrop-filter: blur(20px) saturate(165%);
  backdrop-filter: blur(20px) saturate(165%);
}

html .bottom-actions .el-button {
  min-width: 108px !important;
}

html .bottom-actions .el-button--primary {
  background: var(--ozon-blue) !important;
  border-color: var(--ozon-blue) !important;
}

html .bottom-actions .el-button--primary:hover {
  background: var(--ozon-blue-hover) !important;
  border-color: var(--ozon-blue-hover) !important;
}

html .bulk-listing-dialog .el-dialog {
  border-radius: 24px !important;
}

html .bulk-listing-dialog .el-dialog__body {
  background: #f6f8fb !important;
}

html .bulk-card.bulk-card {
  border-color: rgba(15, 23, 42, 0.075) !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  box-shadow: var(--ozon-shadow-hairline) !important;
}

html .bulk-card--blue.bulk-card--blue,
html .bulk-card--green.bulk-card--green,
html .bulk-card--purple.bulk-card--purple,
html .bulk-images-card.bulk-images-card {
  background: #ffffff !important;
}

html .bulk-card__badge,
html .bulk-submit-btn.bulk-submit-btn {
  background: var(--ozon-blue) !important;
}

@media (max-width: 1400px) {
  .v-layout.v-layout__classic {
    --app-content-padding: 18px !important;
  }

  html .ai-selection-page.ai-selection-page,
  html .edit-listing-page.edit-listing-page {
    padding: 18px !important;
    border-radius: 22px !important;
  }

  html .edit-listing-page.edit-listing-page {
    padding-right: 20px !important;
  }

  html .ai-product-item__media.ai-product-item__media {
    width: 132px !important;
  }

  html .ai-product-item__img.ai-product-item__img {
    width: 132px !important;
    height: 156px !important;
  }
}

@media (min-width: 1680px) {
  html .ai-selection-page.ai-selection-page,
  html .edit-listing-page.edit-listing-page {
    padding: 28px !important;
  }

  html .edit-listing-page.edit-listing-page {
    padding-right: 168px !important;
  }

  html .ai-selection-list.ai-selection-list {
    gap: 20px !important;
  }

  html .section-card.section-card,
  html .ai-product-item.ai-product-item {
    padding: 22px !important;
  }
}

@media (max-width: 900px) {
  html .ai-product-item__main.ai-product-item__main {
    flex-direction: column !important;
  }

  html .ai-product-item__media.ai-product-item__media,
  html .ai-product-item__img.ai-product-item__img {
    width: 100% !important;
  }

  html .ai-product-item__img.ai-product-item__img {
    height: 220px !important;
  }

  html .selection-bottom-bar.selection-bottom-bar {
    bottom: 12px !important;
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
  }

  html .selection-bottom-bar__inner.selection-bottom-bar__inner,
  html .bottom-actions.bottom-actions {
    justify-content: center !important;
  }
}

/* Keep the listing anchor visible at laptop width without covering form fields. */
@media (min-width: 1201px) and (max-width: 1400px) {
  html .edit-listing-page.edit-listing-page {
    padding: 18px 158px 96px 18px !important;
  }
}

/* Reference alignment layer: flatter white SaaS console matching the provided dashboard mockup. */
:root {
  --ozon-ink: #111827;
  --ozon-ink-soft: #374151;
  --ozon-muted: #6b7280;
  --ozon-line: #e8edf3;
  --ozon-canvas: #f7f8fb;
  --ozon-canvas-deep: #f3f5f8;
  --ozon-surface-soft: #ffffff;
  --ozon-surface-solid: #ffffff;
  --ozon-blue: #1677ff;
  --ozon-blue-hover: #0f66d8;
  --ozon-blue-soft: #edf5ff;
  --ozon-green-soft: #edf9f3;
  --ozon-red-soft: #fff2f2;
  --ozon-orange-soft: #fff7eb;
  --ozon-shadow-hairline: 0 0 0 1px rgba(17, 24, 39, 0.06);
  --ozon-shadow-card: 0 1px 2px rgba(17, 24, 39, 0.035), 0 8px 18px rgba(17, 24, 39, 0.025);
  --ozon-shadow-card-hover: 0 2px 4px rgba(17, 24, 39, 0.04), 0 12px 24px rgba(17, 24, 39, 0.045);
  --ozon-shadow-floating: 0 12px 32px rgba(17, 24, 39, 0.12), 0 0 0 1px rgba(17, 24, 39, 0.06);
}

html,
body,
#app {
  background: var(--ozon-canvas) !important;
}

.el-button {
  min-height: 34px !important;
  border-radius: 10px !important;
  border-color: #dfe5ee !important;
  color: #344054 !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

.el-button:hover:not(.is-disabled) {
  border-color: #bfd8ff !important;
  color: var(--ozon-blue) !important;
  transform: none !important;
}

.el-button--primary,
html .ai-filter-btn--purple.ai-filter-btn--purple,
html .ai-filter-btn--cyan.ai-filter-btn--cyan,
html .selection-action-btn--listing.selection-action-btn--listing,
html .selection-action-btn--collected.selection-action-btn--collected,
html .bottom-actions .el-button--primary,
html .bulk-submit-btn.bulk-submit-btn {
  background: var(--ozon-blue) !important;
  border-color: var(--ozon-blue) !important;
  color: #ffffff !important;
  box-shadow: 0 6px 14px rgba(22, 119, 255, 0.18) !important;
}

.el-button--primary:hover:not(.is-disabled),
html .bottom-actions .el-button--primary:hover {
  background: var(--ozon-blue-hover) !important;
  border-color: var(--ozon-blue-hover) !important;
  color: #ffffff !important;
  box-shadow: 0 8px 16px rgba(22, 119, 255, 0.2) !important;
}

.el-input__wrapper,
.el-textarea__inner,
.el-select__wrapper,
.el-input-number .el-input__wrapper,
.el-date-editor .el-input__wrapper {
  min-height: 36px;
  border-radius: 10px !important;
  background: #fbfcfe !important;
  box-shadow: 0 0 0 1px #dfe5ee inset !important;
}

.el-input__wrapper:hover,
.el-select__wrapper:hover,
.el-input-number .el-input__wrapper:hover,
.el-textarea__inner:hover {
  background: #ffffff !important;
  box-shadow: 0 0 0 1px #cdd6e3 inset !important;
}

.el-input__wrapper.is-focus,
.el-select__wrapper.is-focused,
.el-input-number .el-input__wrapper.is-focus,
.el-textarea__inner:focus {
  background: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(22, 119, 255, 0.12), 0 0 0 1px var(--ozon-blue) inset !important;
}

.el-form-item__label,
html .ai-filter-field__label.ai-filter-field__label,
html .ai-stat-label.ai-stat-label,
html .ai-price-cell__label.ai-price-cell__label {
  color: #5f6673 !important;
  font-weight: 600 !important;
}

.el-card,
.el-table,
.el-descriptions,
.el-tree,
.el-collapse,
.el-transfer-panel,
html .ai-filter-card.ai-filter-card,
html .ai-selection-tabs-wrap.ai-selection-tabs-wrap,
html .ai-product-item.ai-product-item,
html .section-card.section-card,
html .anchor-nav.anchor-nav,
html .product-attr-table-wrap.product-attr-table-wrap,
html .variant-table-wrapper.variant-table-wrapper,
html .bulk-table-wrap.bulk-table-wrap,
html .bulk-card.bulk-card {
  border: 1px solid var(--ozon-line) !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  box-shadow: var(--ozon-shadow-card) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.el-card:hover,
html .ai-product-item.ai-product-item:hover,
html .section-card.section-card:hover {
  box-shadow: var(--ozon-shadow-card-hover) !important;
}

.el-table th.el-table__cell,
html .product-attr-table-wrap .product-attr-table .el-table__header-wrapper th,
html .variant-table .el-table__header th,
html .bulk-table th.el-table__cell {
  height: 44px !important;
  background: #fbfcfe !important;
  color: #697386 !important;
  border-bottom-color: var(--ozon-line) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

.el-table td.el-table__cell {
  border-bottom-color: #edf1f6 !important;
}

.el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell,
html .product-attr-table-wrap .product-attr-table .el-table__body tr:hover > td,
html .variant-table .el-table__body tr:hover > td,
html .bulk-table .el-table__row:hover > td {
  background: #f7fbff !important;
}

.el-tag {
  min-height: 22px !important;
  padding: 2px 8px !important;
  border-radius: 999px !important;
}

.el-dialog,
.el-message-box,
.el-drawer {
  border-radius: 16px !important;
  background: #ffffff !important;
  box-shadow: var(--ozon-shadow-floating) !important;
}

.el-overlay {
  background: rgba(17, 24, 39, 0.26) !important;
}

.v-layout.v-layout__classic {
  --left-menu-bg-color: #ffffff !important;
  --left-menu-max-width: 224px !important;
  --logo-height: 72px !important;
  --top-tool-height: 72px !important;
  --tags-view-height: 40px !important;
  --app-content-bg-color: var(--ozon-canvas) !important;
  --app-content-padding: 20px !important;
  background: var(--ozon-canvas) !important;
}

.v-layout.v-layout__classic .v-logo {
  height: var(--logo-height) !important;
  padding: 0 16px !important;
  background: #ffffff !important;
  border-bottom: 1px solid var(--ozon-line) !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.v-layout.v-layout__classic .v-logo img {
  width: 38px !important;
  height: 38px !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

.v-layout.v-layout__classic .v-logo > span,
.v-layout.v-layout__classic .v-logo [class*="logo-title"] {
  color: #111827 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

.v-layout.v-layout__classic .v-menu__vertical {
  top: var(--logo-height) !important;
  width: var(--left-menu-max-width) !important;
  height: calc(100vh - var(--logo-height)) !important;
  padding: 22px 12px 18px !important;
  background: #ffffff !important;
  border-right: 1px solid var(--ozon-line) !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.v-layout.v-layout__classic .v-menu__vertical .el-menu-item,
.v-layout.v-layout__classic .v-menu__vertical .el-sub-menu__title {
  height: 42px !important;
  margin: 4px 2px !important;
  padding-left: 16px !important;
  border-radius: 10px !important;
  color: #344054 !important;
  font-size: 14px !important;
  font-weight: 560 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.v-layout.v-layout__classic .v-menu__vertical .el-sub-menu .el-menu-item {
  width: calc(100% - 14px) !important;
  margin-left: 14px !important;
  padding-left: 34px !important;
  background: transparent !important;
  font-size: 13px !important;
}

.v-layout.v-layout__classic .v-menu__vertical .el-menu-item:hover,
.v-layout.v-layout__classic .v-menu__vertical .el-sub-menu__title:hover,
html.light .v-layout.v-layout__classic .v-menu__vertical .el-menu.el-menu--inline .el-menu-item:not(.is-active):hover {
  background: #f5f8fc !important;
  color: var(--ozon-blue) !important;
}

.v-layout.v-layout__classic .v-menu__vertical .el-menu-item.is-active,
html.light .v-layout.v-layout__classic .v-menu__vertical .el-menu.el-menu--vertical .el-menu-item.is-active,
html.light .v-layout.v-layout__classic .v-menu__vertical .el-menu.el-menu--inline .el-menu-item.is-active {
  background: var(--ozon-blue-soft) !important;
  color: var(--ozon-blue) !important;
  box-shadow: none !important;
  font-weight: 650 !important;
}

.v-layout.v-layout__classic .v-menu__vertical .el-menu-item.is-active::before {
  top: 8px !important;
  left: -8px !important;
  width: 3px !important;
  height: 26px !important;
  border-radius: 999px !important;
  background: var(--ozon-blue) !important;
}

html.light .v-layout.v-layout__classic .v-menu__vertical .el-menu.el-menu--inline .el-menu-item:not(.is-active) {
  background: transparent !important;
  color: #344054 !important;
}

.v-layout.v-layout__classic .v-tool-header {
  height: var(--top-tool-height) !important;
  padding: 0 24px !important;
  background: #ffffff !important;
  border-bottom: 1px solid var(--ozon-line) !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.v-layout.v-layout__classic .v-tags-view {
  height: var(--tags-view-height) !important;
  background: #ffffff !important;
  border-bottom: 1px solid var(--ozon-line) !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.v-layout.v-layout__classic .v-tags-view__item {
  height: 28px !important;
  margin-top: 6px !important;
  border: 1px solid transparent !important;
  border-radius: 9px !important;
  color: #667085 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.v-layout.v-layout__classic .v-tags-view__item.is-active {
  background: #f5f9ff !important;
  border-color: #d8e8ff !important;
  color: var(--ozon-blue) !important;
  box-shadow: none !important;
}

.v-layout.v-layout__classic .v-layout-content,
.v-layout.v-layout__classic .v-layout-content-scrollbar,
.v-layout.v-layout__classic .v-layout-content-scrollbar .el-scrollbar__view,
.el-main {
  background: var(--ozon-canvas) !important;
}

html .ai-selection-page.ai-selection-page,
html .edit-listing-page.edit-listing-page {
  min-height: calc(100vh - 132px) !important;
  padding: 22px !important;
  border-radius: 0 !important;
  background: var(--ozon-canvas) !important;
  box-shadow: none !important;
}

html .edit-listing-page.edit-listing-page {
  padding-right: 156px !important;
}

html .ai-filter-card.ai-filter-card .el-card__body {
  padding: 18px 20px !important;
}

html .ai-filter-row--inputs.ai-filter-row--inputs {
  gap: 18px 24px !important;
  margin-bottom: 16px !important;
}

html .ai-filter-row--toolbar.ai-filter-row--toolbar {
  padding-top: 14px !important;
  border-top: 1px solid #edf1f6 !important;
}

html .ai-filter-btn.ai-filter-btn,
html .selection-action-btn.selection-action-btn,
html .ai-actions-row.ai-actions-row .el-button,
html .ai-product-item__media-actions.ai-product-item__media-actions .el-button,
html .bottom-actions .el-button {
  border-radius: 10px !important;
}

html .ai-selection-tabs-wrap.ai-selection-tabs-wrap {
  padding: 12px 14px !important;
  margin-bottom: 16px !important;
}

html .ai-selection-tab.ai-selection-tab {
  min-height: 40px !important;
  padding: 8px 13px !important;
  border-radius: 10px !important;
  border-color: #e5ebf3 !important;
  background: #ffffff !important;
  color: #344054 !important;
  box-shadow: none !important;
}

html .ai-selection-tab.ai-selection-tab:hover {
  border-color: #cfe2ff !important;
  color: var(--ozon-blue) !important;
  box-shadow: none !important;
}

html .ai-selection-tab.ai-selection-tab.is-active {
  background: var(--ozon-blue) !important;
  border-color: var(--ozon-blue) !important;
  color: #ffffff !important;
  box-shadow: 0 6px 14px rgba(22, 119, 255, 0.18) !important;
}

html .ai-page-stepper__btn.ai-page-stepper__btn,
html .ai-page-stepper__status.ai-page-stepper__status {
  border: 1px solid var(--ozon-line) !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  box-shadow: var(--ozon-shadow-card) !important;
}

html .ai-selection-list.ai-selection-list {
  gap: 16px !important;
}

html .ai-product-item.ai-product-item {
  padding: 16px !important;
  border-radius: 16px !important;
}

html .ai-product-item.ai-product-item:hover {
  border-color: #d8e8ff !important;
  transform: none !important;
}

html .ai-product-item__main.ai-product-item__main {
  gap: 14px !important;
}

html .ai-product-item__media.ai-product-item__media {
  width: 138px !important;
}

html .ai-product-item__img.ai-product-item__img {
  width: 138px !important;
  height: 162px !important;
  border-radius: 12px !important;
  border-color: #e4eaf2 !important;
  box-shadow: none !important;
}

html .ai-product-item__title.ai-product-item__title {
  color: #111827 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}

html .ai-title-actions.ai-title-actions,
html .ai-stat-section.ai-stat-section,
html .ai-collection-snapshot.ai-collection-snapshot,
html .ai-price-strip.ai-price-strip,
html .ai-source-block.ai-source-block,
html .variant-op-group.variant-op-group,
html .attr-inline-toggle .el-button {
  border: 1px solid #edf1f6 !important;
  border-radius: 12px !important;
  background: #fbfcfe !important;
  box-shadow: none !important;
}

html .ai-stat-cell.ai-stat-cell,
html .ai-capture-card__metrics span {
  border: 1px solid #edf1f6 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

html .ai-display-blue.ai-display-blue,
html .ai-meta-chip--accent.ai-meta-chip--accent,
html .ai-source-index.ai-source-index {
  background: var(--ozon-blue-soft) !important;
  border-color: #d8e8ff !important;
  color: var(--ozon-blue) !important;
}

html .ai-display-profit.is-pos.ai-display-profit {
  background: var(--ozon-green-soft) !important;
  border-color: #d8f0e2 !important;
  color: #159947 !important;
}

html .ai-display-profit.is-neg.ai-display-profit,
html .ai-btn-blacklist.ai-btn-blacklist,
html .selection-action-btn--blacklist.selection-action-btn--blacklist,
html .selection-action-btn--delete.selection-action-btn--delete {
  background: var(--ozon-red-soft) !important;
  border-color: #ffd6d6 !important;
  color: #d92d20 !important;
}

html .ai-btn-fav.ai-btn-fav,
html .ai-btn-muted.ai-btn-muted,
html .ai-btn-collected.ai-btn-collected,
html .selection-action-btn--favorite.selection-action-btn--favorite,
html .selection-action-btn--noprofit.selection-action-btn--noprofit,
html .selection-action-btn--cancel.selection-action-btn--cancel {
  background: #ffffff !important;
  border-color: #dfe5ee !important;
  color: #475467 !important;
  box-shadow: none !important;
}

html .selection-bottom-bar.selection-bottom-bar {
  bottom: 18px !important;
  padding: 8px !important;
  border: 1px solid var(--ozon-line) !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  box-shadow: var(--ozon-shadow-floating) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

html .selection-bottom-bar__inner.selection-bottom-bar__inner {
  gap: 10px !important;
}

html .selection-count.selection-count {
  border-radius: 10px !important;
  background: var(--ozon-blue) !important;
  box-shadow: none !important;
}

html .anchor-nav.anchor-nav {
  top: 112px !important;
  right: 24px !important;
  width: 128px !important;
  padding: 10px !important;
}

html .anchor-item.anchor-item {
  border-radius: 10px !important;
  color: #475467 !important;
}

html .anchor-item.anchor-item:hover,
html .anchor-item.anchor-item.active {
  background: var(--ozon-blue-soft) !important;
  color: var(--ozon-blue) !important;
}

html .section-card.section-card {
  padding: 22px !important;
  border-radius: 16px !important;
}

html .section-header.section-header {
  margin-bottom: 20px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid #edf1f6 !important;
}

html .section-header.section-header::after {
  width: 44px !important;
  height: 2px !important;
  background: var(--ozon-blue) !important;
}

html .section-header .section-title {
  color: #111827 !important;
  font-size: 17px !important;
  font-weight: 700 !important;
}

html .section-header .section-icon {
  color: var(--ozon-blue) !important;
}

html .image-card.image-card,
html .bulk-image-card.bulk-image-card {
  border-radius: 12px !important;
  box-shadow: none !important;
}

html .image-card.image-card:hover,
html .bulk-image-card.bulk-image-card:hover {
  border-color: #d8e8ff !important;
  box-shadow: var(--ozon-shadow-card) !important;
}

html .product-attr-table-wrap.product-attr-table-wrap,
html .variant-table-wrapper.variant-table-wrapper,
html .bulk-table-wrap.bulk-table-wrap {
  border-radius: 12px !important;
  box-shadow: none !important;
}

html .bottom-actions.bottom-actions {
  bottom: 16px !important;
  min-height: 64px !important;
  padding: 12px 18px !important;
  border: 1px solid var(--ozon-line) !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  box-shadow: var(--ozon-shadow-floating) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

html .profit-config-card.profit-config-card,
html .bulk-listing-dialog .el-dialog__body {
  background: #f7f8fb !important;
}

@media (max-width: 1400px) {
  .v-layout.v-layout__classic {
    --app-content-padding: 18px !important;
  }

  html .ai-selection-page.ai-selection-page,
  html .edit-listing-page.edit-listing-page {
    padding: 18px !important;
  }

  html .edit-listing-page.edit-listing-page {
    padding-right: 148px !important;
  }

  html .ai-product-item__media.ai-product-item__media {
    width: 128px !important;
  }

  html .ai-product-item__img.ai-product-item__img {
    width: 128px !important;
    height: 152px !important;
  }
}

@media (min-width: 1201px) and (max-width: 1400px) {
  html .edit-listing-page.edit-listing-page {
    padding: 18px 148px 88px 18px !important;
  }
}

@media (min-width: 1680px) {
  html .ai-selection-page.ai-selection-page,
  html .edit-listing-page.edit-listing-page {
    padding: 24px !important;
  }

  html .edit-listing-page.edit-listing-page {
    padding-right: 160px !important;
  }
}

/* Menu interaction correction: keep hover/active states visible on the white sidebar. */
.v-layout.v-layout__classic .v-menu__vertical .el-menu-item:hover,
.v-layout.v-layout__classic .v-menu__vertical .el-sub-menu__title:hover,
html.light .v-layout.v-layout__classic .v-menu__vertical .el-menu.el-menu--inline .el-menu-item:not(.is-active):hover {
  background: #eaf4ff !important;
  color: var(--ozon-blue) !important;
}

.v-layout.v-layout__classic .v-menu__vertical .el-sub-menu.is-active > .el-sub-menu__title,
.v-layout.v-layout__classic .v-menu__vertical .el-menu .is-active > .el-sub-menu__title,
html.light .v-layout.v-layout__classic .v-menu__vertical .el-menu .is-active > .el-sub-menu__title {
  background: #f2f8ff !important;
  color: var(--ozon-blue) !important;
  font-weight: 650 !important;
}

.v-layout.v-layout__classic .v-menu__vertical .el-sub-menu.is-active > .el-sub-menu__title .el-icon,
.v-layout.v-layout__classic .v-menu__vertical .el-sub-menu.is-active > .el-sub-menu__title .v-menu__title,
.v-layout.v-layout__classic .v-menu__vertical .el-menu .is-active > .el-sub-menu__title .el-icon,
.v-layout.v-layout__classic .v-menu__vertical .el-menu .is-active > .el-sub-menu__title .v-menu__title {
  color: var(--ozon-blue) !important;
}

/* Stronger sidebar hover override for the scoped Vben menu stylesheet. */
.v-layout.v-layout__classic .v-menu.v-menu__vertical .el-menu .el-menu-item:hover,
.v-layout.v-layout__classic .v-menu.v-menu__vertical .el-menu .el-sub-menu__title:hover,
.v-layout.v-layout__classic .v-menu.v-menu__vertical .el-menu .el-menu .el-menu-item:not(.is-active):hover,
html.light .v-layout.v-layout__classic .v-menu.v-menu__vertical .el-menu.el-menu--vertical .el-menu-item:hover,
html.light .v-layout.v-layout__classic .v-menu.v-menu__vertical .el-menu.el-menu--inline .el-menu-item:not(.is-active):hover {
  background: #eaf4ff !important;
  background-color: #eaf4ff !important;
  color: var(--ozon-blue) !important;
}

.v-layout.v-layout__classic .v-menu.v-menu__vertical .el-menu .el-sub-menu.is-active > .el-sub-menu__title,
.v-layout.v-layout__classic .v-menu.v-menu__vertical .el-menu .is-active > .el-sub-menu__title,
html.light .v-layout.v-layout__classic .v-menu.v-menu__vertical .el-menu .el-sub-menu.is-active > .el-sub-menu__title,
html.light .v-layout.v-layout__classic .v-menu.v-menu__vertical .el-menu .is-active > .el-sub-menu__title {
  background: #f2f8ff !important;
  background-color: #f2f8ff !important;
  color: var(--ozon-blue) !important;
  font-weight: 650 !important;
}

.v-layout.v-layout__classic .v-menu.v-menu__vertical .el-menu .el-sub-menu.is-active > .el-sub-menu__title .el-icon,
.v-layout.v-layout__classic .v-menu.v-menu__vertical .el-menu .el-sub-menu.is-active > .el-sub-menu__title .v-menu__title,
.v-layout.v-layout__classic .v-menu.v-menu__vertical .el-menu .is-active > .el-sub-menu__title .el-icon,
.v-layout.v-layout__classic .v-menu.v-menu__vertical .el-menu .is-active > .el-sub-menu__title .v-menu__title {
  color: var(--ozon-blue) !important;
}

/* Typography refinement: lighter weights and a little more breathing room. */
body,
button,
input,
textarea,
.el-button,
.el-input__inner,
.el-textarea__inner,
.el-table,
.el-menu,
.el-form-item__label {
  letter-spacing: 0.01em !important;
}

body,
.el-table,
.el-form-item__label,
.el-descriptions__label,
.el-descriptions__content {
  font-weight: 400 !important;
}

.el-button,
.el-tag,
.el-tabs__item,
.el-pagination .el-pager li,
html .ai-filter-btn.ai-filter-btn,
html .selection-action-btn.selection-action-btn,
html .ai-actions-row.ai-actions-row .el-button,
html .ai-product-item__media-actions.ai-product-item__media-actions .el-button,
html .bottom-actions .el-button {
  font-weight: 500 !important;
  letter-spacing: 0.012em !important;
}

.el-table th.el-table__cell,
html .product-attr-table-wrap .product-attr-table .el-table__header-wrapper th,
html .variant-table .el-table__header th,
html .bulk-table th.el-table__cell {
  font-weight: 500 !important;
  letter-spacing: 0.014em !important;
}

.v-layout.v-layout__classic .v-logo > span,
.v-layout.v-layout__classic .v-logo [class*="logo-title"] {
  font-weight: 560 !important;
  letter-spacing: 0.012em !important;
}

.v-layout.v-layout__classic .v-menu__vertical .el-menu-item,
.v-layout.v-layout__classic .v-menu__vertical .el-sub-menu__title,
.v-layout.v-layout__classic .v-menu__vertical .el-sub-menu .el-menu-item {
  font-weight: 430 !important;
  letter-spacing: 0.018em !important;
}

.v-layout.v-layout__classic .v-menu__vertical .el-menu-item.is-active,
.v-layout.v-layout__classic .v-menu__vertical .el-sub-menu.is-active > .el-sub-menu__title,
.v-layout.v-layout__classic .v-menu__vertical .el-menu .is-active > .el-sub-menu__title,
html.light .v-layout.v-layout__classic .v-menu__vertical .el-menu.el-menu--vertical .el-menu-item.is-active,
html.light .v-layout.v-layout__classic .v-menu__vertical .el-menu.el-menu--inline .el-menu-item.is-active,
html.light .v-layout.v-layout__classic .v-menu__vertical .el-menu .el-sub-menu.is-active > .el-sub-menu__title,
html.light .v-layout.v-layout__classic .v-menu__vertical .el-menu .is-active > .el-sub-menu__title {
  font-weight: 500 !important;
  letter-spacing: 0.018em !important;
}

html .ai-selection-tab.ai-selection-tab,
html .ai-meta-chip.ai-meta-chip,
html .ai-realtime-hint.ai-realtime-hint,
html .ai-filter-field__label.ai-filter-field__label,
html .ai-stat-label.ai-stat-label,
html .ai-price-cell__label.ai-price-cell__label,
html .profit-config-label.profit-config-label,
html .bulk-form-label.bulk-form-label {
  font-weight: 430 !important;
  letter-spacing: 0.014em !important;
}

html .ai-selection-tab.ai-selection-tab.is-active,
html .ai-selection-tab__badge.ai-selection-tab__badge,
html .ai-meta-chip--accent.ai-meta-chip--accent,
html .ai-source-title.ai-source-title,
html .ai-source-index.ai-source-index,
html .selection-count.selection-count {
  font-weight: 500 !important;
  letter-spacing: 0.012em !important;
}

html .ai-product-item__title.ai-product-item__title,
html .section-header .section-title,
html .product-attr-table-wrap .attr-name-cell .attr-name-text,
html .anchor-item.anchor-item,
html .bulk-card__title.bulk-card__title {
  font-weight: 520 !important;
  letter-spacing: 0.012em !important;
}

html .ai-stat-value.ai-stat-value,
html .ai-capture-card__metrics strong,
html .ai-display-blue.ai-display-blue,
html .ai-display-profit.ai-display-profit,
html .variant-header .variant-count {
  font-weight: 500 !important;
  letter-spacing: 0.008em !important;
}

.el-input__inner,
.el-textarea__inner,
.el-select__placeholder,
.el-select__selected-item,
html .ai-price-strip .el-input__inner,
html .weight-input .el-input__inner,
html .price-input .el-input__inner {
  font-weight: 400 !important;
  letter-spacing: 0.006em !important;
}

/* Parent menu and section titles stay light even when a child route is active. */
.v-layout.v-layout__classic .v-menu__vertical .el-sub-menu:has(.el-menu-item.is-active) > .el-sub-menu__title,
.v-layout.v-layout__classic .v-menu.v-menu__vertical .el-menu .el-sub-menu:has(.el-menu-item.is-active) > .el-sub-menu__title,
html.light .v-layout.v-layout__classic .v-menu.v-menu__vertical .el-menu .el-sub-menu:has(.el-menu-item.is-active) > .el-sub-menu__title {
  background: #f2f8ff !important;
  background-color: #f2f8ff !important;
  color: var(--ozon-blue) !important;
  font-weight: 500 !important;
  letter-spacing: 0.018em !important;
}

.v-layout.v-layout__classic .v-menu__vertical .el-sub-menu:has(.el-menu-item.is-active) > .el-sub-menu__title .el-icon,
.v-layout.v-layout__classic .v-menu__vertical .el-sub-menu:has(.el-menu-item.is-active) > .el-sub-menu__title .v-menu__title {
  color: var(--ozon-blue) !important;
}

html .ai-product-item__title.ai-product-item__title,
html .section-header .section-title,
html .product-attr-table-wrap .attr-name-cell .attr-name-text,
html .anchor-item.anchor-item,
html .bulk-card__title.bulk-card__title {
  font-weight: 500 !important;
}

/* Collection box compact pass: tighter product cards, larger data values, readable pager. */
html .ai-selection-page.ai-selection-page {
  padding: 14px !important;
}

html .ai-filter-card.ai-filter-card {
  margin-bottom: 12px !important;
}

html .ai-filter-card.ai-filter-card .el-card__body {
  padding: 14px 16px !important;
}

html .ai-filter-row--inputs.ai-filter-row--inputs {
  gap: 12px 18px !important;
  margin-bottom: 12px !important;
}

html .ai-filter-row--toolbar.ai-filter-row--toolbar {
  gap: 10px !important;
  padding-top: 10px !important;
}

html .ai-filter-toolbar-left.ai-filter-toolbar-left,
html .ai-filter-toolbar-right.ai-filter-toolbar-right {
  gap: 8px !important;
}

html .ai-filter-btn.ai-filter-btn {
  min-height: 32px !important;
  padding: 6px 12px !important;
  font-size: 13px !important;
}

html .ai-selection-tabs-wrap.ai-selection-tabs-wrap {
  margin-bottom: 12px !important;
  padding: 10px 12px !important;
}

html .ai-selection-tabs.ai-selection-tabs {
  gap: 8px !important;
}

html .ai-selection-tab.ai-selection-tab {
  min-height: 36px !important;
  padding: 7px 11px !important;
  font-size: 13px !important;
}

html .ai-selection-tab__badge.ai-selection-tab__badge {
  min-width: 24px !important;
  padding: 2px 7px !important;
  font-size: 12px !important;
}

html .ai-page-stepper.ai-page-stepper {
  top: 8px !important;
  gap: 8px !important;
  margin: -2px 0 10px !important;
}

html .ai-page-stepper .el-button,
html .ai-page-stepper__btn.ai-page-stepper__btn,
html .ai-page-stepper__status.ai-page-stepper__status {
  height: 32px !important;
  min-height: 32px !important;
  border: 1px solid #dfe5ee !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  color: #344054 !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

html .ai-page-stepper .el-button--primary,
html .ai-page-stepper__btn.el-button--primary,
html .ai-page-stepper .el-button:not(.is-disabled):hover,
html .ai-page-stepper__btn.ai-page-stepper__btn:not(.is-disabled):hover {
  background: var(--ozon-blue) !important;
  border-color: var(--ozon-blue) !important;
  color: #ffffff !important;
}

html .ai-page-stepper .el-button.is-disabled,
html .ai-page-stepper__btn.ai-page-stepper__btn.is-disabled,
html .ai-page-stepper button:disabled {
  background: #f8fafc !important;
  border-color: #e8edf3 !important;
  color: #98a2b3 !important;
  opacity: 1 !important;
}

html .ai-page-stepper__status.ai-page-stepper__status {
  min-width: 62px !important;
  padding: 0 10px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

html .ai-selection-list.ai-selection-list {
  gap: 12px !important;
}

html .ai-product-item.ai-product-item {
  padding: 12px !important;
  border-radius: 14px !important;
}

html .ai-product-item__main.ai-product-item__main {
  gap: 11px !important;
}

html .ai-product-item__media.ai-product-item__media {
  width: 116px !important;
}

html .ai-product-item__img.ai-product-item__img {
  width: 116px !important;
  height: 138px !important;
  border-radius: 10px !important;
}

html .ai-product-item__media-actions.ai-product-item__media-actions {
  gap: 6px !important;
  margin-top: 8px !important;
}

html .ai-product-item__media-actions.ai-product-item__media-actions .el-button {
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 9px !important;
  font-size: 12px !important;
}

html .ai-product-item__title-row.ai-product-item__title-row {
  gap: 5px 7px !important;
  margin-bottom: 7px !important;
  padding-bottom: 7px !important;
}

html .ai-product-item__title.ai-product-item__title {
  min-width: 160px !important;
  font-size: 15.5px !important;
  line-height: 1.32 !important;
}

html .ai-title-actions.ai-title-actions {
  padding: 1px 3px !important;
}

html .ai-title-translate-btn.ai-title-translate-btn,
html .ai-title-icon-btn.ai-title-icon-btn {
  height: 27px !important;
  min-height: 27px !important;
}

html .ai-product-item__meta.ai-product-item__meta {
  gap: 5px !important;
  margin-bottom: 7px !important;
}

html .ai-meta-chip.ai-meta-chip,
html .ai-realtime-hint.ai-realtime-hint,
html .ai-product-item__meta .el-tag {
  padding: 3px 8px !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
}

html .ai-product-item__below.ai-product-item__below {
  margin-top: 8px !important;
  padding-top: 8px !important;
}

html .ai-stat-section.ai-stat-section,
html .ai-collection-snapshot.ai-collection-snapshot {
  margin-bottom: 8px !important;
  padding: 8px !important;
  border-radius: 10px !important;
}

html .ai-stat-grid.ai-stat-grid,
html .ai-capture-card__metrics.ai-capture-card__metrics {
  gap: 6px !important;
}

html .ai-stat-cell.ai-stat-cell,
html .ai-capture-card__metrics span {
  min-height: 38px !important;
  padding: 6px 8px !important;
  border-radius: 9px !important;
}

html .ai-stat-label.ai-stat-label,
html .ai-capture-card__metrics em {
  margin-bottom: 3px !important;
  font-size: 11px !important;
  line-height: 1.15 !important;
}

html .ai-stat-value.ai-stat-value,
html .ai-capture-card__metrics strong {
  font-size: 14px !important;
  line-height: 1.28 !important;
  font-weight: 500 !important;
  color: #1f2937 !important;
}

html .ai-stat-value.ai-stat-value .el-tag {
  font-size: 12.5px !important;
}

html .ai-price-block.ai-price-block {
  --ai-price-ctrl-h: 28px !important;
  --ai-price-input-w: 76px !important;
  margin-bottom: 8px !important;
}

html .ai-price-strip.ai-price-strip {
  gap: 6px 0 !important;
  padding: 8px !important;
  border-radius: 10px !important;
}

html .ai-price-cell.ai-price-cell {
  width: calc(var(--ai-price-input-w) + 12px) !important;
  min-width: calc(var(--ai-price-input-w) + 12px) !important;
  padding: 0 6px !important;
  gap: 3px !important;
}

html .ai-price-cell:first-child {
  padding-left: 6px !important;
}

html .ai-price-cell:last-child {
  padding-right: 6px !important;
}

html .ai-price-cell__label.ai-price-cell__label,
html .ai-price-cell__label--min.ai-price-cell__label--min {
  min-height: 13px !important;
  font-size: 11px !important;
  line-height: 1.12 !important;
}

html .ai-price-strip .el-input__wrapper {
  min-height: 28px !important;
  padding: 0 5px !important;
  border-radius: 8px !important;
}

html .ai-price-strip .el-input__inner {
  font-size: 13.5px !important;
}

html .ai-display-blue.ai-display-blue,
html .ai-display-profit.ai-display-profit,
html .ai-price-block .ai-display-blue.ai-display-blue {
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 5px !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  line-height: 28px !important;
  font-weight: 500 !important;
}

html .ai-remark-row.ai-remark-row {
  gap: 8px !important;
  margin-bottom: 8px !important;
}

html .ai-actions-row.ai-actions-row {
  gap: 7px !important;
}

html .ai-actions-row.ai-actions-row .el-button {
  min-height: 30px !important;
  padding: 6px 11px !important;
  font-size: 12.5px !important;
}

html .ai-source-block.ai-source-block {
  margin-top: 6px !important;
  padding: 8px 10px !important;
  border-radius: 10px !important;
}

html .ai-source-header.ai-source-header {
  gap: 6px !important;
  margin-bottom: 6px !important;
}

html .ai-source-title.ai-source-title {
  font-size: 14px !important;
}

html .ai-source-line.ai-source-line {
  gap: 6px !important;
  margin-bottom: 5px !important;
}

html .ai-source-index.ai-source-index {
  width: 22px !important;
  height: 22px !important;
  line-height: 22px !important;
  font-size: 12px !important;
}

html .ai-source-line.ai-source-line .el-input__wrapper,
html .ai-remark-input.ai-remark-input .el-input__wrapper {
  min-height: 32px !important;
  border-radius: 8px !important;
}

html .selection-bottom-bar.selection-bottom-bar {
  bottom: 14px !important;
  padding: 7px !important;
  border-radius: 14px !important;
}

html .selection-bottom-bar__inner.selection-bottom-bar__inner {
  gap: 8px !important;
  padding: 4px 8px !important;
}

html .selection-count.selection-count,
html .selection-action-btn.selection-action-btn {
  min-height: 30px !important;
  padding: 6px 11px !important;
  font-size: 12.5px !important;
}

@media (max-width: 1400px) {
  html .ai-selection-page.ai-selection-page {
    padding: 12px !important;
  }

  html .ai-product-item.ai-product-item {
    padding: 11px !important;
  }

  html .ai-product-item__media.ai-product-item__media {
    width: 112px !important;
  }

  html .ai-product-item__img.ai-product-item__img {
    width: 112px !important;
    height: 134px !important;
  }

  html .ai-stat-value.ai-stat-value,
  html .ai-capture-card__metrics strong,
  html .ai-display-blue.ai-display-blue,
  html .ai-display-profit.ai-display-profit,
  html .ai-price-block .ai-display-blue.ai-display-blue {
    font-size: 13.5px !important;
  }
}

/* Product card density: use four stat columns whenever the collection workspace has room. */
html .ai-stat-grid.ai-stat-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

html .ai-stat-cell--span2.ai-stat-cell--span2 {
  grid-column: span 2 !important;
}

html .ai-stat-ellipsis.ai-stat-ellipsis,
html .ai-stat-value.ai-stat-value {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

@media (max-width: 900px) {
  html .ai-stat-grid.ai-stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Collection product work-card layout aligned with the supplied field matrix reference. */
html .ai-product-item.ai-product-item {
  padding: 14px !important;
  border-radius: 14px !important;
}

html .ai-product-item__main.ai-product-item__main {
  gap: 14px !important;
}

html .ai-product-item__media.ai-product-item__media {
  width: 150px !important;
}

html .ai-product-item__img.ai-product-item__img {
  width: 150px !important;
  height: 206px !important;
  border-radius: 10px !important;
}

html .ai-product-item__media-actions.ai-product-item__media-actions {
  gap: 6px !important;
  margin-top: 8px !important;
}

html .ai-product-item__media-actions.ai-product-item__media-actions .el-button {
  width: 100% !important;
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 8px !important;
}

html .ai-product-item__title-row.ai-product-item__title-row {
  gap: 6px 8px !important;
  margin-bottom: 7px !important;
  padding-bottom: 7px !important;
}

html .ai-product-item__title.ai-product-item__title {
  font-size: 16px !important;
  line-height: 1.35 !important;
  font-weight: 500 !important;
}

html .ai-product-item__meta.ai-product-item__meta {
  gap: 5px !important;
  margin-bottom: 8px !important;
}

/* Five-column product metrics table. Existing fields are retained; the final row uses its first field as a wider detail cell. */
html .ai-stat-section.ai-stat-section {
  margin-bottom: 10px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid #e7edf4 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
}

html .ai-stat-grid.ai-stat-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 0 !important;
}

html .ai-stat-cell.ai-stat-cell,
html .ai-stat-cell--span2.ai-stat-cell--span2 {
  min-height: 62px !important;
  padding: 8px 7px !important;
  border: 0 !important;
  border-right: 1px solid #edf1f5 !important;
  border-bottom: 1px solid #edf1f5 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
  grid-column: auto !important;
}

html .ai-stat-cell.ai-stat-cell:nth-child(5n) {
  border-right: 0 !important;
}

html .ai-stat-cell.ai-stat-cell:nth-child(13) {
  grid-column: auto !important;
}

html .ai-stat-label.ai-stat-label {
  margin-bottom: 4px !important;
  color: #98a2b3 !important;
  font-size: 11.5px !important;
  font-weight: 430 !important;
  line-height: 1.15 !important;
  text-align: center !important;
}

html .ai-stat-value.ai-stat-value {
  color: #344054 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  text-align: center !important;
}

html .ai-stat-value.ai-stat-value .el-tag {
  min-height: 20px !important;
  padding: 1px 5px !important;
  font-size: 11px !important;
}

/* Sale, cost and profit fields use a separate two-row matrix rather than the previous strip. */
html .ai-price-block.ai-price-block {
  --ai-price-ctrl-h: 34px !important;
  --ai-price-input-w: auto !important;
  margin-bottom: 10px !important;
}

html .ai-price-strip.ai-price-strip {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 9px 8px !important;
  padding: 10px !important;
  border: 1px solid #e7edf4 !important;
  border-radius: 10px !important;
  background: #f9fbfd !important;
}

html .ai-price-cell.ai-price-cell {
  width: auto !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

html .ai-price-cell.ai-price-cell:nth-child(n + 7) {
  margin-top: 2px !important;
}

html .ai-price-cell__label.ai-price-cell__label,
html .ai-price-cell__label--min.ai-price-cell__label--min {
  min-height: 15px !important;
  color: #98a2b3 !important;
  font-size: 11px !important;
  font-weight: 430 !important;
  line-height: 1.15 !important;
  text-align: center !important;
}

html .ai-price-strip .el-input__wrapper,
html .ai-display-blue.ai-display-blue,
html .ai-display-profit.ai-display-profit,
html .ai-price-block .ai-display-blue.ai-display-blue {
  height: 34px !important;
  min-height: 34px !important;
  border-radius: 9px !important;
  font-size: 14px !important;
  line-height: 34px !important;
}

html .ai-price-strip .el-input__wrapper {
  background: #ffffff !important;
}

html .ai-price-strip .el-input__inner {
  font-size: 14px !important;
  color: #344054 !important;
}

html .ai-display-blue.ai-display-blue,
html .ai-display-profit.ai-display-profit,
html .ai-price-block .ai-display-blue.ai-display-blue {
  padding: 0 6px !important;
  font-weight: 500 !important;
}

/* The existing remark actions and source controls become the stable bottom work area. */
html .ai-remark-row.ai-remark-row {
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 0 !important;
  padding-top: 10px !important;
  border-top: 1px solid #edf1f5 !important;
}

html .ai-remark-input.ai-remark-input .el-input__wrapper {
  min-height: 36px !important;
  border-radius: 9px !important;
}

html .ai-actions-row.ai-actions-row {
  gap: 8px !important;
}

html .ai-actions-row.ai-actions-row .el-button {
  min-width: 92px !important;
  min-height: 34px !important;
  padding: 6px 12px !important;
  font-size: 13px !important;
}

html .ai-source-block.ai-source-block {
  margin-top: 10px !important;
  padding: 10px !important;
  border: 1px solid #e7edf4 !important;
  border-radius: 10px !important;
  background: #fbfcfe !important;
}

html .ai-source-header.ai-source-header {
  margin-bottom: 7px !important;
}

html .ai-source-line.ai-source-line {
  gap: 8px !important;
  margin-bottom: 0 !important;
}

html .ai-source-line.ai-source-line .el-input__wrapper {
  min-height: 34px !important;
  border-radius: 8px !important;
}

@media (max-width: 1400px) {
  html .ai-product-item__media.ai-product-item__media {
    width: 174px !important;
  }

  html .ai-product-item__img.ai-product-item__img {
    width: 174px !important;
    height: 236px !important;
  }
}

@media (max-width: 900px) {
  html .ai-stat-grid.ai-stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html .ai-stat-cell.ai-stat-cell,
  html .ai-stat-cell--span2.ai-stat-cell--span2,
  html .ai-stat-cell.ai-stat-cell:nth-child(13) {
    grid-column: auto !important;
  }

  html .ai-stat-cell.ai-stat-cell:nth-child(2n) {
    border-right: 0 !important;
  }

  html .ai-price-strip.ai-price-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Keep rFBS / FBP commission tiers on one compact line inside the metrics grid. */
html .ai-stat-value.ai-stat-value:has(.el-tag) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  min-width: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

html .ai-stat-value.ai-stat-value:has(.el-tag) .el-tag {
  display: inline-flex !important;
  flex: 0 1 auto !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  min-height: 18px !important;
  height: 18px !important;
  padding: 0 3px !important;
  border-radius: 6px !important;
  font-size: 10px !important;
  line-height: 18px !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

/* Keep rFBS/FBP commission tiers on one compact line inside the metric table. */
html .ai-stat-cell .ai-stat-value:has(.el-tag) {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  min-width: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

html .ai-stat-cell .ai-stat-value:has(.el-tag) .el-tag {
  flex: 0 0 auto !important;
  min-width: 0 !important;
  min-height: 18px !important;
  padding: 1px 3px !important;
  border-radius: 5px !important;
  font-size: 10px !important;
  line-height: 16px !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

@media (max-width: 1400px) {
  html .ai-stat-cell .ai-stat-value:has(.el-tag) .el-tag {
    padding: 1px 2px !important;
    font-size: 9.5px !important;
  }
}

/* Commission tiers: preserve every percentage; never crop tag text to force one row. */
html .ai-stat-cell .ai-stat-value:has(.el-tag),
html .ai-stat-value.ai-stat-value:has(.el-tag) {
  width: 100% !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

html .ai-stat-cell .ai-stat-value:has(.el-tag) .el-tag,
html .ai-stat-value.ai-stat-value:has(.el-tag) .el-tag {
  flex: 0 0 auto !important;
  overflow: visible !important;
  text-overflow: clip !important;
  padding: 0 2px !important;
  font-size: 9px !important;
  line-height: 17px !important;
}

@media (max-width: 1400px) {
  html .ai-stat-cell .ai-stat-value:has(.el-tag),
  html .ai-stat-value.ai-stat-value:has(.el-tag) {
    gap: 1px !important;
  }

  html .ai-stat-cell .ai-stat-value:has(.el-tag) .el-tag,
  html .ai-stat-value.ai-stat-value:has(.el-tag) .el-tag {
    padding: 0 1px !important;
    font-size: 8.5px !important;
  }
}

/* Refine the collection-card data tables: denser rhythm without reducing data clarity. */
html .ai-stat-section.ai-stat-section {
  margin-bottom: 8px !important;
  border-radius: 9px !important;
}

html .ai-stat-cell.ai-stat-cell,
html .ai-stat-cell--span2.ai-stat-cell--span2 {
  min-height: 52px !important;
  padding: 5px 6px !important;
}

html .ai-stat-label.ai-stat-label {
  margin-bottom: 2px !important;
  font-size: 10.5px !important;
  line-height: 1.1 !important;
}

html .ai-stat-value.ai-stat-value {
  font-size: 13px !important;
  line-height: 1.22 !important;
}

html .ai-price-block.ai-price-block {
  --ai-price-ctrl-h: 30px !important;
  margin-bottom: 8px !important;
}

html .ai-price-strip.ai-price-strip {
  gap: 6px !important;
  padding: 8px !important;
  border-radius: 9px !important;
}

html .ai-price-cell.ai-price-cell:nth-child(n + 7) {
  margin-top: 0 !important;
}

html .ai-price-cell__label.ai-price-cell__label,
html .ai-price-cell__label--min.ai-price-cell__label--min {
  min-height: 13px !important;
  font-size: 10.5px !important;
  line-height: 1.1 !important;
}

html .ai-price-strip .el-input__wrapper,
html .ai-display-blue.ai-display-blue,
html .ai-display-profit.ai-display-profit,
html .ai-price-block .ai-display-blue.ai-display-blue {
  height: 30px !important;
  min-height: 30px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  line-height: 30px !important;
}

html .ai-price-strip .el-input__inner {
  font-size: 13px !important;
}

/* Condense the collection-card metrics table while retaining every field and value. */
html .ai-stat-section.ai-stat-section {
  margin-bottom: 6px !important;
  border-radius: 8px !important;
}

html .ai-stat-cell.ai-stat-cell,
html .ai-stat-cell--span2.ai-stat-cell--span2 {
  min-height: 44px !important;
  padding: 4px 5px !important;
}

html .ai-stat-label.ai-stat-label {
  margin-bottom: 1px !important;
  font-size: 10px !important;
  line-height: 1.05 !important;
}

html .ai-stat-value.ai-stat-value {
  font-size: 12.5px !important;
  line-height: 1.16 !important;
}

@media (max-width: 1400px) {
  html .ai-stat-cell.ai-stat-cell,
  html .ai-stat-cell--span2.ai-stat-cell--span2 {
    min-height: 42px !important;
    padding: 3px 4px !important;
  }

  html .ai-stat-label.ai-stat-label {
    font-size: 9.5px !important;
  }

  html .ai-stat-value.ai-stat-value {
    font-size: 12px !important;
  }
}

/* Swap the collection and listing time slots without changing their underlying data. */
html .ai-stat-section .ai-stat-cell.ai-stat-cell:nth-child(13) {
  grid-column: 1 !important;
  grid-row: 4 !important;
}

html .ai-stat-section .ai-stat-cell.ai-stat-cell:nth-child(15) {
  grid-column: 3 / span 2 !important;
  grid-row: 3 !important;
}

/* Refine field-to-value rhythm and remove the surplus gap before profit calculations. */
html .ai-stat-section.ai-stat-section {
  margin-bottom: 4px !important;
}

html .ai-price-block.ai-price-block {
  margin-top: 0 !important;
}

html .ai-stat-label.ai-stat-label {
  margin-bottom: 3px !important;
}

html .ai-price-cell__label.ai-price-cell__label,
html .ai-price-cell__label--min.ai-price-cell__label--min {
  display: block !important;
  margin-bottom: 3px !important;
}

/* Keep profit calculations directly beneath the metrics table; retain a small label-to-value separation. */
html .ai-product-item__below.ai-product-item__below {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

html .ai-price-cell__label.ai-price-cell__label,
html .ai-price-cell__label--min.ai-price-cell__label--min {
  margin-bottom: 1px !important;
}

/* Single-line product titles and a compact, data-first collection comparison strip. */
html .ai-product-item__title.ai-product-item__title {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html .ai-collection-snapshot.ai-collection-snapshot {
  margin-bottom: 6px !important;
  padding: 6px !important;
  border-radius: 8px !important;
}

html .ai-collection-snapshot__header {
  min-height: 18px !important;
  font-size: 12px !important;
  line-height: 18px !important;
}

html .ai-capture-compare {
  align-items: center !important;
  gap: 6px !important;
}

html .ai-capture-card {
  min-height: 76px !important;
  height: auto !important;
  padding: 6px 8px !important;
  border-radius: 8px !important;
}

html .ai-capture-card__label {
  margin-bottom: 3px !important;
  font-size: 11px !important;
  line-height: 14px !important;
}

html .ai-capture-card__metrics {
  gap: 4px !important;
}

html .ai-capture-card__metrics span {
  min-height: 26px !important;
  padding: 3px 5px !important;
  border-radius: 7px !important;
}

html .ai-capture-card__metrics em {
  margin-bottom: 1px !important;
  font-size: 9.5px !important;
  line-height: 11px !important;
}

html .ai-capture-card__metrics strong {
  font-size: 12px !important;
  line-height: 14px !important;
}

html .ai-capture-card__links {
  margin-top: 4px !important;
  font-size: 10.5px !important;
  line-height: 14px !important;
}

html .ai-capture-card__links .el-link,
html .ai-capture-card__links .el-button {
  min-height: 20px !important;
  font-size: 10.5px !important;
}

html .ai-capture-bridge {
  min-height: 42px !important;
  height: auto !important;
  font-size: 10px !important;
  line-height: 12px !important;
}

/* Final density pass for the collection comparison controls. */
html .ai-capture-card {
  min-height: 80px !important;
  padding: 5px 7px !important;
}

html .ai-capture-card__metrics {
  margin-bottom: 4px !important;
}

html .ai-capture-card__links {
  margin-top: 2px !important;
}

html .ai-capture-card__url {
  height: 20px !important;
  min-height: 20px !important;
  padding: 0 7px !important;
  border-radius: 6px !important;
  font-size: 10.5px !important;
  line-height: 20px !important;
}

/* Keep inline logistics labels and their dropdown icon on the same horizontal baseline. */
html .ai-price-cell__label.ai-price-cell__label--inline {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 4px !important;
  min-height: 13px !important;
  height: 13px !important;
  white-space: nowrap !important;
}

html .ai-price-cell__label--inline .el-dropdown {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  height: 13px !important;
  margin: 0 !important;
  line-height: 13px !important;
}

html .ai-price-cell__label--inline .el-dropdown .el-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Simplify title actions: remove the visible link action and the translate icon, keep a single aligned title row. */
html .ai-product-item__title-row.ai-product-item__title-row {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
}

html .ai-product-item__title.ai-product-item__title {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

html .ai-title-actions {
  display: flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  gap: 5px !important;
  margin-left: 8px !important;
}

html .ai-title-actions .ai-title-icon-btn[title*="打开商品页"] {
  display: none !important;
}

html .ai-title-translate-btn .el-icon {
  display: none !important;
}

html .ai-title-translate-btn {
  min-width: 48px !important;
  padding: 0 10px !important;
}

/* Desktop-only visual merge: comparison data becomes two attribute cells before listing time. */
@media (min-width: 901px) {
  html .ai-product-item__body.ai-product-item__body {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    grid-template-rows: auto auto repeat(4, minmax(42px, auto)) !important;
    gap: 0 !important;
    align-items: stretch !important;
  }

  html .ai-product-item__title-row.ai-product-item__title-row {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
  }

  html .ai-product-item__meta.ai-product-item__meta {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
  }

  html .ai-collection-snapshot.ai-collection-snapshot,
  html .ai-capture-compare,
  html .ai-stat-section.ai-stat-section,
  html .ai-stat-grid.ai-stat-grid {
    display: contents !important;
  }

  html .ai-collection-snapshot__header,
  html .ai-capture-bridge {
    display: none !important;
  }

  html .ai-stat-cell.ai-stat-cell,
  html .ai-capture-card {
    z-index: 1 !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    border: 1px solid #edf1f5 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }

  html .ai-stat-cell.ai-stat-cell:nth-child(1) { grid-column: 1; grid-row: 3; }
  html .ai-stat-cell.ai-stat-cell:nth-child(2) { grid-column: 2; grid-row: 3; }
  html .ai-stat-cell.ai-stat-cell:nth-child(3) { grid-column: 3; grid-row: 3; }
  html .ai-stat-cell.ai-stat-cell:nth-child(4) { grid-column: 4; grid-row: 3; }
  html .ai-stat-cell.ai-stat-cell:nth-child(5) { grid-column: 5; grid-row: 3; }
  html .ai-stat-cell.ai-stat-cell:nth-child(6) { grid-column: 1; grid-row: 4; }
  html .ai-stat-cell.ai-stat-cell:nth-child(7) { grid-column: 2; grid-row: 4; }
  html .ai-stat-cell.ai-stat-cell:nth-child(8) { grid-column: 3; grid-row: 4; }
  html .ai-stat-cell.ai-stat-cell:nth-child(9) { grid-column: 4; grid-row: 4; }
  html .ai-stat-cell.ai-stat-cell:nth-child(10) { grid-column: 5; grid-row: 4; }
  html .ai-stat-cell.ai-stat-cell:nth-child(11) { grid-column: 1; grid-row: 5; }
  html .ai-stat-cell.ai-stat-cell:nth-child(12) { grid-column: 2; grid-row: 5; }
  html .ai-stat-cell.ai-stat-cell:nth-child(14) { grid-column: 5; grid-row: 5; }
  html .ai-stat-cell.ai-stat-cell:nth-child(13) { grid-column: 1 !important; grid-row: 6 !important; }
  html .ai-stat-cell.ai-stat-cell:nth-child(16) { grid-column: 2; grid-row: 6; }
  html .ai-stat-cell.ai-stat-cell:nth-child(15) { grid-column: 3 / span 2 !important; grid-row: 6 !important; }

  html .ai-capture-card.ai-capture-card--original {
    grid-column: 3 !important;
    grid-row: 5 !important;
  }

  html .ai-capture-card.ai-capture-card--lowest {
    grid-column: 4 !important;
    grid-row: 5 !important;
  }

  html .ai-capture-card {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-height: 56px !important;
    height: auto !important;
    padding: 4px 5px !important;
  }

  html .ai-capture-card__label {
    margin-bottom: 1px !important;
    overflow: hidden !important;
    font-size: 9.5px !important;
    line-height: 12px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html .ai-capture-card__metrics {
    gap: 2px !important;
    margin-bottom: 2px !important;
  }

  html .ai-capture-card__metrics span {
    min-height: 16px !important;
    padding: 1px 3px !important;
  }

  html .ai-capture-card__metrics em {
    display: none !important;
  }

  html .ai-capture-card__metrics strong {
    font-size: 11px !important;
    line-height: 14px !important;
  }

  html .ai-capture-card__links {
    margin-top: 0 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
  }

  html .ai-capture-card__url {
    width: 100% !important;
    height: 16px !important;
    min-height: 16px !important;
    overflow: hidden !important;
    padding: 0 3px !important;
    font-size: 9px !important;
    line-height: 16px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
}

/* Lock every metric cell to the merged grid slots; prior layout rules also use !important. */
@media (min-width: 901px) {
  html .ai-stat-cell.ai-stat-cell:nth-child(1) { grid-column: 1 !important; grid-row: 3 !important; }
  html .ai-stat-cell.ai-stat-cell:nth-child(2) { grid-column: 2 !important; grid-row: 3 !important; }
  html .ai-stat-cell.ai-stat-cell:nth-child(3) { grid-column: 3 !important; grid-row: 3 !important; }
  html .ai-stat-cell.ai-stat-cell:nth-child(4) { grid-column: 4 !important; grid-row: 3 !important; }
  html .ai-stat-cell.ai-stat-cell:nth-child(5) { grid-column: 5 !important; grid-row: 3 !important; }
  html .ai-stat-cell.ai-stat-cell:nth-child(6) { grid-column: 1 !important; grid-row: 4 !important; }
  html .ai-stat-cell.ai-stat-cell:nth-child(7) { grid-column: 2 !important; grid-row: 4 !important; }
  html .ai-stat-cell.ai-stat-cell:nth-child(8) { grid-column: 3 !important; grid-row: 4 !important; }
  html .ai-stat-cell.ai-stat-cell:nth-child(9) { grid-column: 4 !important; grid-row: 4 !important; }
  html .ai-stat-cell.ai-stat-cell:nth-child(10) { grid-column: 5 !important; grid-row: 4 !important; }
  html .ai-stat-cell.ai-stat-cell:nth-child(11) { grid-column: 1 !important; grid-row: 5 !important; }
  html .ai-stat-cell.ai-stat-cell:nth-child(12) { grid-column: 2 !important; grid-row: 5 !important; }
  html .ai-stat-cell.ai-stat-cell:nth-child(14) { grid-column: 5 !important; grid-row: 5 !important; }
  html .ai-stat-cell.ai-stat-cell:nth-child(13) { grid-column: 1 !important; grid-row: 6 !important; }
  html .ai-stat-cell.ai-stat-cell:nth-child(16) { grid-column: 2 !important; grid-row: 6 !important; }
  html .ai-stat-cell.ai-stat-cell:nth-child(15) { grid-column: 3 / span 2 !important; grid-row: 6 !important; }
}

/* Make the two captured-product entries read exactly like property cells, not transplanted cards. */
@media (min-width: 901px) {
  html .ai-product-item__body .ai-stat-section .ai-stat-cell.ai-stat-cell:nth-child(1) { grid-column: 1 !important; grid-row: 3 !important; }
  html .ai-product-item__body .ai-stat-section .ai-stat-cell.ai-stat-cell:nth-child(2) { grid-column: 2 !important; grid-row: 3 !important; }
  html .ai-product-item__body .ai-stat-section .ai-stat-cell.ai-stat-cell:nth-child(3) { grid-column: 3 !important; grid-row: 3 !important; }
  html .ai-product-item__body .ai-stat-section .ai-stat-cell.ai-stat-cell:nth-child(4) { grid-column: 4 !important; grid-row: 3 !important; }
  html .ai-product-item__body .ai-stat-section .ai-stat-cell.ai-stat-cell:nth-child(5) { grid-column: 5 !important; grid-row: 3 !important; }
  html .ai-product-item__body .ai-stat-section .ai-stat-cell.ai-stat-cell:nth-child(6) { grid-column: 1 !important; grid-row: 4 !important; }
  html .ai-product-item__body .ai-stat-section .ai-stat-cell.ai-stat-cell:nth-child(7) { grid-column: 2 !important; grid-row: 4 !important; }
  html .ai-product-item__body .ai-stat-section .ai-stat-cell.ai-stat-cell:nth-child(8) { grid-column: 3 !important; grid-row: 4 !important; }
  html .ai-product-item__body .ai-stat-section .ai-stat-cell.ai-stat-cell:nth-child(9) { grid-column: 4 !important; grid-row: 4 !important; }
  html .ai-product-item__body .ai-stat-section .ai-stat-cell.ai-stat-cell:nth-child(10) { grid-column: 5 !important; grid-row: 4 !important; }
  html .ai-product-item__body .ai-stat-section .ai-stat-cell.ai-stat-cell:nth-child(11) { grid-column: 1 !important; grid-row: 5 !important; }
  html .ai-product-item__body .ai-stat-section .ai-stat-cell.ai-stat-cell:nth-child(12) { grid-column: 2 !important; grid-row: 5 !important; }
  html .ai-product-item__body .ai-stat-section .ai-stat-cell.ai-stat-cell:nth-child(14) { grid-column: 5 !important; grid-row: 5 !important; }
  html .ai-product-item__body .ai-stat-section .ai-stat-cell.ai-stat-cell:nth-child(13) { grid-column: 1 !important; grid-row: 6 !important; }
  html .ai-product-item__body .ai-stat-section .ai-stat-cell.ai-stat-cell:nth-child(16) { grid-column: 2 !important; grid-row: 6 !important; }
  html .ai-product-item__body .ai-stat-section .ai-stat-cell.ai-stat-cell:nth-child(15) { grid-column: 3 / span 2 !important; grid-row: 6 !important; }

  html .ai-capture-card {
    align-items: center !important;
    text-align: center !important;
  }

  html .ai-capture-card__label {
    color: #98a2b3 !important;
    font-size: 10px !important;
    font-weight: 430 !important;
    line-height: 12px !important;
  }

  html .ai-capture-card__metrics,
  html .ai-capture-card__metrics span {
    display: block !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html .ai-capture-card__metrics strong {
    color: #344054 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 14px !important;
  }

  html .ai-capture-card__links {
    width: 100% !important;
    text-align: center !important;
  }

  html .ai-capture-card__url {
    width: auto !important;
    height: 14px !important;
    min-height: 14px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #3986e8 !important;
    font-size: 9px !important;
    line-height: 14px !important;
  }
}

/* Show each source URL inline with its metric instead of as a separate address entry. */
@media (min-width: 901px) {
  html .ai-capture-card {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    column-gap: 5px !important;
    row-gap: 1px !important;
    align-items: center !important;
    text-align: left !important;
  }

  html .ai-capture-card__label {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    text-align: center !important;
  }

  html .ai-capture-card__metrics {
    grid-column: 1 !important;
    grid-row: 2 !important;
    white-space: nowrap !important;
  }

  html .ai-capture-card__links {
    grid-column: 2 !important;
    grid-row: 2 !important;
    min-width: 0 !important;
    text-align: left !important;
  }

  html .ai-capture-card__url {
    display: block !important;
    width: 100% !important;
    overflow: hidden !important;
    font-size: 0 !important;
    text-align: left !important;
  }

  html .ai-capture-card__url::after {
    content: attr(title) !important;
    display: block !important;
    overflow: hidden !important;
    color: #3986e8 !important;
    font-size: 9px !important;
    line-height: 14px !important;
    text-decoration: underline !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
}

/* Match captured-product cells to the exact two-line rhythm used by ordinary attributes. */
@media (min-width: 901px) {
  html .ai-capture-card {
    min-height: 42px !important;
    height: 42px !important;
    padding: 3px 5px !important;
    grid-template-rows: 10px 14px !important;
    row-gap: 3px !important;
    align-content: start !important;
  }

  html .ai-capture-card__label {
    height: 10px !important;
    margin: 0 !important;
    font-size: 10px !important;
    line-height: 10px !important;
  }

  html .ai-capture-card__metrics,
  html .ai-capture-card__metrics strong {
    height: 14px !important;
    font-size: 12px !important;
    line-height: 14px !important;
  }

  html .ai-capture-card__links,
  html .ai-capture-card__url,
  html .ai-capture-card__url::after {
    height: 14px !important;
    min-height: 14px !important;
    line-height: 14px !important;
  }
}

/* Remove special decorations from captured-product property cells. */
@media (min-width: 901px) {
  html .ai-capture-card.ai-capture-card--original::before,
  html .ai-capture-card.ai-capture-card--lowest::before,
  html .ai-capture-card.ai-capture-card--original::after,
  html .ai-capture-card.ai-capture-card--lowest::after {
    display: none !important;
    content: none !important;
  }

  html .ai-capture-card.ai-capture-card--original .el-icon,
  html .ai-capture-card.ai-capture-card--lowest .el-icon,
  html .ai-capture-card.ai-capture-card--original svg,
  html .ai-capture-card.ai-capture-card--lowest svg {
    display: none !important;
  }
}

/* Center captured-product labels and make inline URL links easier to spot. */
@media (min-width: 901px) {
  html .ai-capture-card.ai-capture-card--original .ai-capture-card__label,
  html .ai-capture-card.ai-capture-card--lowest .ai-capture-card__label {
    width: 100% !important;
    text-align: center !important;
  }

  html .ai-capture-card.ai-capture-card--original .ai-capture-card__url::after,
  html .ai-capture-card.ai-capture-card--lowest .ai-capture-card__url::after {
    color: #0b74ff !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    text-decoration-thickness: 1.4px !important;
    text-underline-offset: 2px !important;
  }
}

/* Use true attribute-cell alignment: centered label row, then metric plus URL link row. */
@media (min-width: 901px) {
  html .ai-capture-card.ai-capture-card--original,
  html .ai-capture-card.ai-capture-card--lowest {
    display: flex !important;
    flex-wrap: wrap !important;
    align-content: flex-start !important;
    align-items: flex-start !important;
    justify-content: center !important;
    column-gap: 5px !important;
    row-gap: 3px !important;
    text-align: center !important;
  }

  html .ai-capture-card.ai-capture-card--original .ai-capture-card__label,
  html .ai-capture-card.ai-capture-card--lowest .ai-capture-card__label {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    justify-self: auto !important;
    text-align: center !important;
  }

  html .ai-capture-card.ai-capture-card--original .ai-capture-card__metrics,
  html .ai-capture-card.ai-capture-card--lowest .ai-capture-card__metrics {
    flex: 0 0 auto !important;
    min-width: 0 !important;
  }

  html .ai-capture-card.ai-capture-card--original .ai-capture-card__links,
  html .ai-capture-card.ai-capture-card--lowest .ai-capture-card__links {
    flex: 1 1 0 !important;
    min-width: 0 !important;
  }

  html .ai-capture-card.ai-capture-card--original .ai-capture-card__url::after,
  html .ai-capture-card.ai-capture-card--lowest .ai-capture-card__url::after {
    content: "🔗 " attr(title) !important;
    color: #005bd8 !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0.002em !important;
    text-decoration-line: underline !important;
    text-decoration-thickness: 1.6px !important;
    text-underline-offset: 2px !important;
  }
}

/* Keep capture property values visible in the narrow table cell. */
@media (min-width: 901px) {
  html .ai-capture-card.ai-capture-card--original,
  html .ai-capture-card.ai-capture-card--lowest {
    display: block !important;
    text-align: center !important;
  }

  html .ai-capture-card.ai-capture-card--original .ai-capture-card__label,
  html .ai-capture-card.ai-capture-card--lowest .ai-capture-card__label {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
  }

  html .ai-capture-card.ai-capture-card--original .ai-capture-card__metrics,
  html .ai-capture-card.ai-capture-card--lowest .ai-capture-card__metrics,
  html .ai-capture-card.ai-capture-card--original .ai-capture-card__links,
  html .ai-capture-card.ai-capture-card--lowest .ai-capture-card__links {
    display: inline-flex !important;
    width: auto !important;
    min-width: 0 !important;
    vertical-align: top !important;
  }

  html .ai-capture-card.ai-capture-card--original .ai-capture-card__metrics,
  html .ai-capture-card.ai-capture-card--lowest .ai-capture-card__metrics {
    margin-right: 6px !important;
  }

  html .ai-capture-card.ai-capture-card--original .ai-capture-card__url,
  html .ai-capture-card.ai-capture-card--lowest .ai-capture-card__url {
    display: inline-flex !important;
    width: auto !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  html .ai-capture-card.ai-capture-card--original .ai-capture-card__url::after,
  html .ai-capture-card.ai-capture-card--lowest .ai-capture-card__url::after {
    content: "🔗链接" !important;
    display: inline-block !important;
    overflow: visible !important;
    color: #005bd8 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 14px !important;
    text-decoration-line: underline !important;
    text-decoration-thickness: 1.6px !important;
    text-underline-offset: 2px !important;
    white-space: nowrap !important;
  }
}

/* Improve capture-cell vertical rhythm and restore consistent right table lines. */
@media (min-width: 901px) {
  html .ai-capture-card.ai-capture-card--original,
  html .ai-capture-card.ai-capture-card--lowest {
    padding-top: 4px !important;
  }

  html .ai-capture-card.ai-capture-card--original .ai-capture-card__label,
  html .ai-capture-card.ai-capture-card--lowest .ai-capture-card__label {
    margin-bottom: 4px !important;
  }

  html .ai-product-item__body .ai-stat-cell.ai-stat-cell,
  html .ai-product-item__body .ai-capture-card.ai-capture-card {
    border-right: 1px solid #edf1f5 !important;
    border-bottom: 1px solid #edf1f5 !important;
  }

  html .ai-product-item__body .ai-stat-cell.ai-stat-cell:nth-child(5),
  html .ai-product-item__body .ai-stat-cell.ai-stat-cell:nth-child(10),
  html .ai-product-item__body .ai-stat-cell.ai-stat-cell:nth-child(14) {
    border-right: 0 !important;
  }
}

/* The merged table has no wrapper border, so every visible cell must draw its own right edge. */
@media (min-width: 901px) {
  html .ai-product-item__body .ai-stat-cell.ai-stat-cell,
  html .ai-product-item__body .ai-stat-cell.ai-stat-cell:nth-child(5),
  html .ai-product-item__body .ai-stat-cell.ai-stat-cell:nth-child(10),
  html .ai-product-item__body .ai-stat-cell.ai-stat-cell:nth-child(14),
  html .ai-product-item__body .ai-capture-card.ai-capture-card {
    border-right: 1px solid #edf1f5 !important;
  }

  html .ai-product-item__body .ai-stat-section .ai-stat-cell.ai-stat-cell:nth-child(15) {
    grid-column: 3 / span 3 !important;
  }
}

/* Avoid URL underlines looking like stray table borders in capture property cells. */
@media (min-width: 901px) {
  html .ai-capture-card.ai-capture-card--original .ai-capture-card__url::after,
  html .ai-capture-card.ai-capture-card--lowest .ai-capture-card__url::after {
    padding: 0 4px !important;
    border-radius: 5px !important;
    background: #edf6ff !important;
    color: #005bd8 !important;
    text-decoration: none !important;
  }
}

/* Keep the three media quick-action buttons on one compact row. */
html .ai-product-item__media-actions.ai-product-item__media-actions {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 3px !important;
  height: auto !important;
}

html .ai-product-item__media-actions .el-button {
  flex: 1 1 0 !important;
  width: auto !important;
  min-width: 0 !important;
  height: 26px !important;
  min-height: 26px !important;
  padding: 0 3px !important;
  border-radius: 8px !important;
  font-size: 11px !important;
  line-height: 26px !important;
  white-space: nowrap !important;
}

html .ai-product-item__media-actions .el-button .el-icon,
html .ai-product-item__media-actions .el-button svg {
  width: 11px !important;
  height: 11px !important;
  margin-right: 1px !important;
  font-size: 11px !important;
}

/* Remove icons from the three compact media quick-action buttons. */
html .ai-product-item__media-actions .el-button .el-icon,
html .ai-product-item__media-actions .el-button svg,
html .ai-product-item__media-actions .el-button .iconify {
  display: none !important;
}

/* Add a little more breathing room between attributes and profit calculation. */
html .ai-product-item__below.ai-product-item__below {
  margin-top: 8px !important;
}

/* Replace the vertical logistics sort icon with a horizontal direction icon. */
html .ai-price-cell__label--inline .el-dropdown .el-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 13px !important;
  min-height: 13px !important;
  padding: 0 !important;
  line-height: 13px !important;
}

html .ai-price-cell__label--inline .el-dropdown .el-button .el-icon,
html .ai-price-cell__label--inline .el-dropdown .el-button svg {
  display: none !important;
}

html .ai-price-cell__label--inline .el-dropdown .el-button::after {
  content: "▼" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 12px !important;
  height: 12px !important;
  color: #667085 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 12px !important;
}

/* Final logistics dropdown polish: keep only a plain down triangle. */
html .ai-price-cell__label--inline .el-dropdown .el-button,
html .ai-price-cell__label--inline .el-dropdown .el-button:hover,
html .ai-price-cell__label--inline .el-dropdown .el-button:focus,
html .ai-price-cell__label--inline .el-dropdown .el-button:active,
html .ai-price-cell__label--inline .el-dropdown .el-button.is-focus {
  --el-button-bg-color: transparent !important;
  --el-button-border-color: transparent !important;
  --el-button-hover-bg-color: transparent !important;
  --el-button-hover-border-color: transparent !important;
  --el-button-active-bg-color: transparent !important;
  --el-button-active-border-color: transparent !important;
  --el-button-hover-text-color: #667085 !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 0 0 2px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

html .ai-price-cell__label--inline .el-dropdown .el-button::before,
html .ai-price-cell__label--inline .el-dropdown .el-button > span,
html .ai-price-cell__label--inline .el-dropdown .el-button .el-icon,
html .ai-price-cell__label--inline .el-dropdown .el-button svg {
  display: none !important;
}

html .ai-price-cell__label--inline .el-dropdown .el-button::after {
  content: "\25BE" !important;
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #667085 !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}
/* Final sidebar parent-menu polish: cover top-level grouped menus loaded by Layout chunk. */
html.light body .v-menu.v-menu__vertical,
html.light body .v-layout .v-menu.v-menu__vertical,
html.light body .v-layout.v-layout__classic .v-menu.v-menu__vertical {
  --left-menu-bg-color: #ffffff !important;
  --left-menu-bg-light-color: #f7f9fc !important;
  --left-menu-bg-active-color: #f2f8ff !important;
  --left-menu-text-color: #475467 !important;
  --left-menu-text-active-color: var(--ozon-blue) !important;
  --left-menu-collapse-bg-active-color: #f2f8ff !important;
  background: #ffffff !important;
}

html.light body .v-menu.v-menu__vertical .el-menu,
html.light body .v-menu.v-menu__vertical .el-menu.el-menu--vertical,
html.light body .v-menu.v-menu__vertical .el-menu.el-menu--inline {
  background: transparent !important;
  border-right: 0 !important;
}

html.light body .v-menu.v-menu__vertical .el-menu > .el-sub-menu > .el-sub-menu__title,
html.light body .v-menu.v-menu__vertical .el-menu.el-menu--vertical > .el-sub-menu > .el-sub-menu__title,
html.light body .v-layout.v-layout__classic .v-menu.v-menu__vertical .el-menu > .el-sub-menu > .el-sub-menu__title,
html.light body .v-layout.v-layout__classic .v-menu.v-menu__vertical .el-menu.el-menu--vertical > .el-sub-menu > .el-sub-menu__title {
  width: calc(100% - 16px) !important;
  min-width: 0 !important;
  height: 40px !important;
  margin: 2px 8px !important;
  padding: 0 12px 0 14px !important;
  border-radius: 12px !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #475467 !important;
  font-size: 13px !important;
  font-weight: 430 !important;
  letter-spacing: 0.02em !important;
  line-height: 40px !important;
}

html.light body .v-menu.v-menu__vertical .el-menu > .el-sub-menu > .el-sub-menu__title:hover,
html.light body .v-menu.v-menu__vertical .el-menu.el-menu--vertical > .el-sub-menu > .el-sub-menu__title:hover,
html.light body .v-layout.v-layout__classic .v-menu.v-menu__vertical .el-menu > .el-sub-menu > .el-sub-menu__title:hover,
html.light body .v-layout.v-layout__classic .v-menu.v-menu__vertical .el-menu.el-menu--vertical > .el-sub-menu > .el-sub-menu__title:hover {
  background: #eaf4ff !important;
  background-color: #eaf4ff !important;
  color: var(--ozon-blue) !important;
}

html.light body .v-menu.v-menu__vertical .el-menu > .el-sub-menu.is-active > .el-sub-menu__title,
html.light body .v-menu.v-menu__vertical .el-menu > .el-sub-menu.is-opened > .el-sub-menu__title,
html.light body .v-menu.v-menu__vertical .el-menu .is-active > .el-sub-menu__title,
html.light body .v-layout.v-layout__classic .v-menu.v-menu__vertical .el-menu > .el-sub-menu.is-active > .el-sub-menu__title,
html.light body .v-layout.v-layout__classic .v-menu.v-menu__vertical .el-menu > .el-sub-menu.is-opened > .el-sub-menu__title,
html.light body .v-layout.v-layout__classic .v-menu.v-menu__vertical .el-menu .is-active > .el-sub-menu__title {
  background: #f2f8ff !important;
  background-color: #f2f8ff !important;
  background-image: none !important;
  box-shadow: inset 0 0 0 1px rgba(0, 122, 255, 0.08) !important;
  color: var(--ozon-blue) !important;
  font-weight: 500 !important;
}

html.light body .v-menu.v-menu__vertical .el-menu > .el-sub-menu > .el-sub-menu__title .el-icon,
html.light body .v-menu.v-menu__vertical .el-menu > .el-sub-menu > .el-sub-menu__title .v-menu__title,
html.light body .v-menu.v-menu__vertical .el-menu > .el-sub-menu > .el-sub-menu__title span,
html.light body .v-menu.v-menu__vertical .el-menu > .el-sub-menu > .el-sub-menu__title .el-sub-menu__icon-arrow {
  color: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
}

html.light body .v-menu.v-menu__vertical .el-menu > .el-sub-menu > .el-sub-menu__title .el-icon {
  color: #98a2b3 !important;
}

html.light body .v-menu.v-menu__vertical .el-menu > .el-sub-menu > .el-sub-menu__title:hover .el-icon,
html.light body .v-menu.v-menu__vertical .el-menu > .el-sub-menu.is-active > .el-sub-menu__title .el-icon,
html.light body .v-menu.v-menu__vertical .el-menu > .el-sub-menu.is-opened > .el-sub-menu__title .el-icon {
  color: var(--ozon-blue) !important;
}

/* Make the lowest-price outcome immediately readable at a glance. */
html .ai-realtime-hint.ai-realtime-hint.is-skipped,
html .ai-realtime-hint.ai-realtime-hint.is-no_sellers {
  background: #ecfdf3 !important;
  border-color: #bbf7d0 !important;
  color: #15803d !important;
}

html .ai-realtime-hint.ai-realtime-hint.is-updated,
html .ai-realtime-hint.ai-realtime-hint.is-failed {
  background: #fef2f2 !important;
  border-color: #fecaca !important;
  color: #dc2626 !important;
}

/* Product card visual refresh: calm Apple-like hierarchy without changing card structure. */
html .ai-product-item.ai-product-item {
  overflow: hidden !important;
  padding: 20px !important;
  border: 1px solid #e5ebf2 !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.055) !important;
}

html .ai-product-item.ai-product-item:hover {
  border-color: #d7e2ee !important;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08) !important;
  transform: translateY(-1px) !important;
}

html .ai-product-item__main.ai-product-item__main {
  gap: 22px !important;
}

html .ai-product-item__media.ai-product-item__media {
  flex-basis: 204px !important;
  width: 204px !important;
}

html .ai-product-item__img.ai-product-item__img {
  width: 204px !important;
  height: 248px !important;
  border: 1px solid #e6ebf1 !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08) !important;
}

html .ai-product-item__title-row.ai-product-item__title-row {
  min-height: 42px !important;
  margin-bottom: 10px !important;
  padding-bottom: 10px !important;
  border-bottom-color: #edf1f5 !important;
}

html .ai-product-item__title.ai-product-item__title {
  color: #1d2939 !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  letter-spacing: 0.012em !important;
  line-height: 1.45 !important;
}

html .ai-title-actions.ai-title-actions {
  padding: 3px !important;
  border: 1px solid #e5ebf2 !important;
  border-radius: 12px !important;
  background: #fbfcfe !important;
  box-shadow: none !important;
}

html .ai-title-actions .el-button {
  min-height: 30px !important;
  border-radius: 9px !important;
  font-weight: 430 !important;
}

html .ai-product-item__meta.ai-product-item__meta {
  gap: 7px !important;
  margin-bottom: 12px !important;
}

html .ai-meta-chip.ai-meta-chip,
html .ai-product-item__meta .el-tag {
  min-height: 30px !important;
  padding: 4px 10px !important;
  border-color: #e1e8f0 !important;
  border-radius: 999px !important;
  background: #f8fafc !important;
  color: #667085 !important;
  font-size: 13px !important;
  font-weight: 430 !important;
  letter-spacing: 0.01em !important;
}

html .ai-meta-chip--accent.ai-meta-chip--accent {
  border-color: #cfe3ff !important;
  background: #edf6ff !important;
  color: #0a84ff !important;
}

html .ai-realtime-tag.ai-realtime-tag {
  min-height: 30px !important;
  border-radius: 999px !important;
  font-weight: 430 !important;
}

html .ai-realtime-hint.ai-realtime-hint {
  min-height: 30px !important;
  padding: 4px 11px !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  letter-spacing: 0.006em !important;
  white-space: nowrap !important;
}

@media (min-width: 901px) {
  html .ai-product-item__body.ai-product-item__body {
    grid-template-rows: auto auto repeat(4, minmax(56px, auto)) !important;
  }

  html .ai-product-item__body .ai-stat-cell.ai-stat-cell,
  html .ai-product-item__body .ai-capture-card.ai-capture-card {
    border-color: #e6edf4 !important;
    background: #ffffff !important;
  }

  html .ai-product-item__body .ai-stat-cell.ai-stat-cell {
    padding: 7px 9px !important;
  }

  html .ai-product-item__body .ai-stat-label.ai-stat-label,
  html .ai-product-item__body .ai-capture-card__label {
    color: #98a2b3 !important;
    font-size: 11px !important;
    font-weight: 430 !important;
    letter-spacing: 0.01em !important;
  }

  html .ai-product-item__body .ai-stat-value.ai-stat-value,
  html .ai-product-item__body .ai-capture-card__metrics strong {
    color: #344054 !important;
    font-size: 15px !important;
    font-weight: 450 !important;
  }
}

html .ai-price-block.ai-price-block {
  margin-top: 14px !important;
  margin-bottom: 14px !important;
}

html .ai-price-strip.ai-price-strip {
  gap: 10px 0 !important;
  padding: 14px !important;
  border: 1px solid #e2eaf3 !important;
  border-radius: 16px !important;
  background: #f8fafc !important;
}

html .ai-price-cell.ai-price-cell {
  gap: 5px !important;
  padding: 0 8px !important;
  border-left-color: #e6edf4 !important;
}

html .ai-price-cell__label.ai-price-cell__label,
html .ai-price-cell__label--min.ai-price-cell__label--min {
  color: #8a96a8 !important;
  font-size: 11px !important;
  font-weight: 430 !important;
  letter-spacing: 0.008em !important;
}

html .ai-price-strip .el-input__wrapper,
html .ai-display-blue.ai-display-blue,
html .ai-display-profit.ai-display-profit,
html .ai-price-block .ai-display-blue.ai-display-blue {
  min-height: 36px !important;
  height: 36px !important;
  border-radius: 10px !important;
  box-shadow: 0 0 0 1px #dce6f0 inset !important;
}

html .ai-price-strip .el-input__wrapper {
  background: #ffffff !important;
}

html .ai-display-blue.ai-display-blue,
html .ai-price-block .ai-display-blue.ai-display-blue {
  background: #eef6ff !important;
  color: #0a84ff !important;
}

html .ai-display-profit.is-pos {
  background: #edf9f1 !important;
  color: #129a4a !important;
}

html .ai-remark-row.ai-remark-row {
  gap: 12px !important;
  margin: 0 0 14px !important;
}

html .ai-remark-row .el-input__wrapper,
html .ai-source-line .el-input__wrapper {
  min-height: 40px !important;
  border-radius: 11px !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 1px #dce6f0 inset !important;
}

html .ai-actions-row.ai-actions-row {
  gap: 10px !important;
}

html .ai-actions-row.ai-actions-row .el-button {
  min-width: 0 !important;
  height: 40px !important;
  padding: 0 15px !important;
  border: 1px solid #dce6f0 !important;
  border-radius: 11px !important;
  background: #ffffff !important;
  color: #536174 !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 430 !important;
}

html .ai-actions-row.ai-actions-row .el-button--primary {
  border-color: #0a84ff !important;
  background: #0a84ff !important;
  color: #ffffff !important;
  box-shadow: 0 8px 16px rgba(10, 132, 255, 0.2) !important;
}

html .ai-actions-row.ai-actions-row .el-button--success {
  border-color: #cfe3ff !important;
  background: #f7fbff !important;
  color: #0a6ed1 !important;
}

html .ai-actions-row.ai-actions-row .el-button--warning {
  border-color: #dce6f0 !important;
  background: #ffffff !important;
  color: #536174 !important;
}

html .ai-actions-row.ai-actions-row .el-button:hover {
  border-color: #a8cdf7 !important;
  background: #f5faff !important;
  color: #0a6ed1 !important;
  transform: translateY(-1px) !important;
}

html .ai-actions-row.ai-actions-row .el-button--primary:hover {
  border-color: #0077eb !important;
  background: #0077eb !important;
  color: #ffffff !important;
}

html .ai-source-block.ai-source-block {
  margin-top: 0 !important;
  padding: 14px !important;
  border: 1px solid #e2eaf3 !important;
  border-radius: 16px !important;
  background: #fbfcfe !important;
}

html .ai-source-header.ai-source-header {
  gap: 9px !important;
  margin-bottom: 10px !important;
}

html .ai-source-title.ai-source-title {
  color: #344054 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0.012em !important;
}

@media (max-width: 900px) {
  html .ai-product-item.ai-product-item {
    padding: 16px !important;
    border-radius: 18px !important;
  }

  html .ai-product-item__main.ai-product-item__main {
    gap: 16px !important;
  }

  html .ai-product-item__media.ai-product-item__media,
  html .ai-product-item__img.ai-product-item__img {
    width: 156px !important;
  }

  html .ai-product-item__img.ai-product-item__img {
    height: 196px !important;
  }

  html .ai-price-strip.ai-price-strip,
  html .ai-source-block.ai-source-block {
    border-radius: 14px !important;
  }
}

@media (max-width: 640px) {
  html .ai-product-item__media.ai-product-item__media,
  html .ai-product-item__img.ai-product-item__img {
    width: 100% !important;
  }

  html .ai-product-item__img.ai-product-item__img {
    height: 260px !important;
  }

  html .ai-remark-row.ai-remark-row,
  html .ai-actions-row.ai-actions-row {
    gap: 8px !important;
  }
}

/* Product-card typography correction: retain the airy hierarchy without oversized text. */
html .ai-product-item.ai-product-item {
  font-size: 13px !important;
}

html .ai-product-item__title.ai-product-item__title {
  font-size: 14px !important;
  font-weight: 450 !important;
  letter-spacing: 0.01em !important;
}

html .ai-meta-chip.ai-meta-chip,
html .ai-product-item__meta .el-tag,
html .ai-realtime-hint.ai-realtime-hint {
  font-size: 12px !important;
}

html .ai-realtime-tag.ai-realtime-tag {
  font-size: 12px !important;
}

@media (min-width: 901px) {
  html .ai-product-item__body .ai-stat-label.ai-stat-label,
  html .ai-product-item__body .ai-capture-card__label {
    font-size: 10.5px !important;
  }

  html .ai-product-item__body .ai-stat-value.ai-stat-value,
  html .ai-product-item__body .ai-capture-card__metrics strong {
    font-size: 12px !important;
    font-weight: 430 !important;
  }
}

html .ai-price-cell__label.ai-price-cell__label,
html .ai-price-cell__label--min.ai-price-cell__label--min {
  font-size: 10.5px !important;
}

html .ai-price-strip .el-input__inner,
html .ai-display-blue.ai-display-blue,
html .ai-display-profit.ai-display-profit,
html .ai-price-block .ai-display-blue.ai-display-blue {
  font-size: 13px !important;
  font-weight: 430 !important;
}

html .ai-actions-row.ai-actions-row .el-button {
  font-size: 12px !important;
}

html .ai-source-title.ai-source-title {
  font-size: 13px !important;
}

/* High-fidelity card details: neutral controls, quiet table edges, and consistent action hierarchy. */
html .ai-product-item__media-actions.ai-product-item__media-actions {
  gap: 6px !important;
  margin-top: 12px !important;
}

html .ai-product-item__media-actions .el-button,
html .ai-product-item__media-actions .el-button.ai-btn-fav,
html .ai-product-item__media-actions .el-button.ai-btn-muted,
html .ai-product-item__media-actions .el-button.ai-btn-blacklist {
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 7px !important;
  border: 1px solid #dfe7f0 !important;
  border-radius: 9px !important;
  background: #ffffff !important;
  color: #667085 !important;
  box-shadow: none !important;
  font-size: 11px !important;
  font-weight: 430 !important;
}

html .ai-product-item__media-actions .el-button.ai-btn-blacklist {
  border-color: #f7d3d0 !important;
  background: #fffafa !important;
  color: #d92d20 !important;
}

html .ai-product-item__media-actions .el-button:hover {
  border-color: #b9d7f7 !important;
  background: #f6faff !important;
  color: #0a6ed1 !important;
  box-shadow: none !important;
}

html .ai-product-item__media-actions .el-button.ai-btn-blacklist:hover {
  border-color: #f1aaa4 !important;
  background: #fff5f4 !important;
  color: #c92218 !important;
}

html .ai-title-actions .el-button--primary.is-plain,
html .ai-title-actions .el-button--primary.is-plain:hover {
  border-color: transparent !important;
  background: transparent !important;
  color: #0a84ff !important;
  box-shadow: none !important;
}

html .ai-title-actions .el-button--danger.is-plain,
html .ai-title-actions .el-button--danger.is-plain:hover {
  border-color: transparent !important;
  background: transparent !important;
  color: #98a2b3 !important;
  box-shadow: none !important;
}

@media (min-width: 901px) {
  html .ai-product-item__body .ai-stat-cell.ai-stat-cell,
  html .ai-product-item__body .ai-capture-card.ai-capture-card {
    position: relative !important;
  }

  html .ai-product-item__body .ai-stat-cell.ai-stat-cell:nth-child(1) {
    border-top-left-radius: 12px !important;
  }

  html .ai-product-item__body .ai-stat-cell.ai-stat-cell:nth-child(5) {
    border-top-right-radius: 12px !important;
  }

  html .ai-product-item__body .ai-stat-cell.ai-stat-cell:nth-child(13) {
    border-bottom-left-radius: 12px !important;
  }

  html .ai-product-item__body .ai-stat-section .ai-stat-cell.ai-stat-cell:nth-child(15) {
    border-bottom-right-radius: 12px !important;
  }

  html .ai-product-item__body .ai-stat-cell.ai-stat-cell::before,
  html .ai-product-item__body .ai-capture-card.ai-capture-card::before {
    opacity: 0 !important;
  }
}

html .ai-price-strip .el-input__wrapper:hover {
  box-shadow: 0 0 0 1px #b9d7f7 inset !important;
}

html .ai-price-strip .el-input__inner {
  color: #344054 !important;
  letter-spacing: 0.006em !important;
}

html .ai-remark-row .el-input__wrapper:hover,
html .ai-source-line .el-input__wrapper:hover {
  box-shadow: 0 0 0 1px #b9d7f7 inset !important;
}

html .ai-source-block .el-button {
  border-radius: 9px !important;
  font-size: 12px !important;
  font-weight: 430 !important;
}

html .ai-source-block .el-button--primary {
  border-color: #0a84ff !important;
  background: #0a84ff !important;
  box-shadow: none !important;
}

/* Keep the logistics control as a clear, plain down triangle. */
html .ai-price-cell__label--inline .el-dropdown .el-button::after {
  color: #526176 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  transform: translateY(1px) !important;
}

/* Show the configurable commission rate beside its label and the calculated fee below it. */
html .ai-commission-cell.ai-commission-cell {
  gap: 4px !important;
}

html .ai-commission-cell .ai-price-cell__label--inline {
  align-self: center !important;
  height: 18px !important;
  min-height: 18px !important;
  gap: 3px !important;
}

html .ai-commission-rate-input.ai-commission-rate-input {
  width: 46px !important;
  min-width: 46px !important;
}

html .ai-commission-rate-input .el-input__wrapper {
  min-height: 18px !important;
  height: 18px !important;
  padding: 0 3px 0 5px !important;
  border-radius: 6px !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 1px #dce6f0 inset !important;
}

html .ai-commission-rate-input .el-input__inner,
html .ai-commission-rate-input .el-input__suffix {
  color: #526176 !important;
  font-size: 10px !important;
  line-height: 18px !important;
}

html .ai-commission-rate-input .el-input__inner {
  text-align: right !important;
}

html .ai-commission-rate-input .el-input__suffix {
  margin-left: 1px !important;
}

html .ai-commission-amount.ai-commission-amount {
  justify-content: center !important;
  color: #0a84ff !important;
}

/* P1 Apple compact pass: scoped to the AI selection collection page only. */
html .ai-selection-page.ai-selection-page {
  --ai-card-bg: rgba(255, 255, 255, 0.92);
  --ai-card-border: rgba(148, 163, 184, 0.22);
  --ai-card-shadow: 0 12px 30px rgba(15, 23, 42, 0.055);
  --ai-card-shadow-hover: 0 16px 36px rgba(15, 23, 42, 0.075);
  --ai-blue: #0a84ff;
  --ai-blue-soft: #eef6ff;
  --ai-ink: #1d2939;
  --ai-muted: #667085;
  --ai-line: #e8edf3;
  background:
    radial-gradient(circle at 18% -8%, rgba(10, 132, 255, 0.08), transparent 32%),
    linear-gradient(180deg, #f7f9fc 0%, #f2f5f9 100%) !important;
  padding: 16px 18px 96px !important;
  color: var(--ai-ink) !important;
}

html .ai-selection-page .ai-filter-card,
html .ai-selection-page .ai-filter-panel,
html .ai-selection-page .ai-filter-row {
  border-radius: 18px !important;
}

html .ai-selection-page .ai-filter-card,
html .ai-selection-page .ai-filter-panel {
  border: 1px solid var(--ai-card-border) !important;
  background: rgba(255, 255, 255, 0.86) !important;
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.045) !important;
  backdrop-filter: blur(14px) !important;
}

html .ai-selection-page .ai-filter-row--inputs,
html .ai-selection-page .ai-filter-row--toolbar {
  gap: 10px !important;
}

html .ai-selection-page .ai-filter-field,
html .ai-selection-page .ai-filter-range {
  min-height: 32px !important;
}

html .ai-selection-page .el-input__wrapper,
html .ai-selection-page .el-select__wrapper {
  min-height: 32px !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, 0.92) !important;
  box-shadow: 0 0 0 1px #dfe7f0 inset !important;
}

html .ai-selection-page .el-input__wrapper:hover,
html .ai-selection-page .el-select__wrapper:hover {
  box-shadow: 0 0 0 1px #b8d8fb inset !important;
}

html .ai-selection-tabs-wrap.ai-selection-tabs-wrap {
  padding: 8px !important;
  border-radius: 18px !important;
  border: 1px solid var(--ai-card-border) !important;
  background: rgba(255, 255, 255, 0.82) !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.045) !important;
  backdrop-filter: blur(14px) !important;
}

html .ai-selection-tabs.ai-selection-tabs {
  gap: 7px !important;
}

html .ai-selection-tab.ai-selection-tab {
  min-height: 34px !important;
  padding: 7px 11px !important;
  border-radius: 12px !important;
  font-size: 12px !important;
  font-weight: 430 !important;
  letter-spacing: 0.015em !important;
}

html .ai-selection-tab.is-active.ai-selection-tab,
html .ai-selection-tab[aria-selected="true"].ai-selection-tab {
  background: var(--ai-blue) !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(10, 132, 255, 0.22) !important;
}

html .ai-product-item.ai-product-item {
  overflow: hidden !important;
  margin-bottom: 12px !important;
  padding: 12px !important;
  border: 1px solid var(--ai-card-border) !important;
  border-radius: 20px !important;
  background: var(--ai-card-bg) !important;
  box-shadow: var(--ai-card-shadow) !important;
  backdrop-filter: blur(16px) !important;
}

html .ai-product-item.ai-product-item:hover {
  border-color: rgba(10, 132, 255, 0.24) !important;
  box-shadow: var(--ai-card-shadow-hover) !important;
  transform: translateY(-1px) !important;
}

html .ai-product-item__main.ai-product-item__main {
  align-items: flex-start !important;
  gap: 12px !important;
}

html .ai-product-item__media.ai-product-item__media {
  width: 136px !important;
  min-width: 136px !important;
  padding: 0 !important;
}

html .ai-product-item__img.ai-product-item__img,
html .ai-product-image-wrapper.ai-product-image-wrapper {
  width: 136px !important;
  height: 136px !important;
  border-radius: 16px !important;
  border: 1px solid #eef2f7 !important;
  background: #f7f9fc !important;
  box-shadow: none !important;
}

html .ai-product-item__body.ai-product-item__body {
  min-width: 0 !important;
  gap: 8px !important;
}

html .ai-product-item__title-row.ai-product-item__title-row {
  min-height: 22px !important;
  margin-bottom: 2px !important;
  gap: 8px !important;
}

html .ai-product-item__title.ai-product-item__title {
  display: -webkit-box !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
  line-clamp: 1 !important;
  max-width: 100% !important;
  color: #182230 !important;
  font-size: 14px !important;
  font-weight: 450 !important;
  line-height: 1.45 !important;
  letter-spacing: 0.012em !important;
}

html .ai-title-actions.ai-title-actions {
  flex: 0 0 auto !important;
  gap: 4px !important;
}

html .ai-product-item__meta.ai-product-item__meta {
  gap: 5px !important;
  margin-bottom: 4px !important;
}

html .ai-meta-chip.ai-meta-chip,
html .ai-product-item__meta .el-tag {
  height: 22px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  border-color: #e5edf6 !important;
  background: #f8fbff !important;
  color: var(--ai-muted) !important;
  font-size: 11px !important;
  font-weight: 420 !important;
  letter-spacing: 0.012em !important;
}

html .ai-meta-chip--accent.ai-meta-chip--accent {
  border-color: rgba(10, 132, 255, 0.2) !important;
  background: var(--ai-blue-soft) !important;
  color: #0869c9 !important;
}

html .ai-stat-section.ai-stat-section {
  margin-top: 6px !important;
}

html .ai-stat-grid.ai-stat-grid {
  gap: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--ai-line) !important;
  border-radius: 14px !important;
  background: #fff !important;
}

html .ai-stat-cell.ai-stat-cell {
  min-height: 43px !important;
  padding: 7px 8px 6px !important;
  border-right: 1px solid var(--ai-line) !important;
  border-bottom: 1px solid var(--ai-line) !important;
  background: #fff !important;
}

html .ai-stat-label.ai-stat-label {
  margin-bottom: 5px !important;
  color: #8a96a8 !important;
  font-size: 10px !important;
  font-weight: 410 !important;
  line-height: 1.1 !important;
  text-align: center !important;
  letter-spacing: 0.035em !important;
}

html .ai-stat-value.ai-stat-value {
  color: #263445 !important;
  font-size: 11.5px !important;
  font-weight: 440 !important;
  line-height: 1.25 !important;
  text-align: center !important;
  letter-spacing: 0.008em !important;
}

html .ai-stat-value.text-primary,
html .ai-display-blue.ai-display-blue {
  color: var(--ai-blue) !important;
}

html .ai-stat-value.text-success,
html .ai-display-profit.is-pos {
  color: #099250 !important;
}

html .ai-product-item__below.ai-product-item__below {
  margin-top: 11px !important;
}

html .ai-price-block.ai-price-block {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html .ai-price-strip.ai-price-strip {
  gap: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--ai-line) !important;
  border-radius: 14px !important;
  background: #fff !important;
}

html .ai-price-cell.ai-price-cell {
  min-height: 54px !important;
  padding: 7px 7px 6px !important;
  border-right: 1px solid var(--ai-line) !important;
  background: linear-gradient(180deg, #fff 0%, #fbfdff 100%) !important;
}

html .ai-price-cell:last-child {
  border-right: 0 !important;
}

html .ai-price-cell__label.ai-price-cell__label,
html .ai-price-cell__label--inline.ai-price-cell__label--inline,
html .ai-price-cell__label--min.ai-price-cell__label--min {
  min-height: 15px !important;
  margin-bottom: 5px !important;
  color: #8a96a8 !important;
  font-size: 10px !important;
  font-weight: 410 !important;
  line-height: 1.15 !important;
  letter-spacing: 0.03em !important;
}

html .ai-price-strip .el-input__wrapper {
  min-height: 25px !important;
  height: 25px !important;
  border-radius: 8px !important;
  background: #f8fbff !important;
  box-shadow: 0 0 0 1px #e3ebf4 inset !important;
}

html .ai-price-strip .el-input__inner,
html .ai-display-blue.ai-display-blue,
html .ai-display-profit.ai-display-profit {
  min-height: 25px !important;
  color: #2f3a4a !important;
  font-size: 12px !important;
  font-weight: 440 !important;
  line-height: 25px !important;
  letter-spacing: 0.006em !important;
}

html .ai-price-cell--min.ai-price-cell--min,
html .ai-commission-cell.ai-commission-cell {
  background: #f7fbff !important;
}

html .ai-source-block.ai-source-block {
  margin-top: 8px !important;
  padding: 8px !important;
  border: 1px solid var(--ai-line) !important;
  border-radius: 14px !important;
  background: #fbfdff !important;
}

html .ai-source-header.ai-source-header {
  min-height: 26px !important;
  margin-bottom: 6px !important;
  gap: 6px !important;
}

html .ai-source-title.ai-source-title {
  color: #344054 !important;
  font-size: 12px !important;
  font-weight: 440 !important;
  letter-spacing: 0.012em !important;
}

html .ai-source-line.ai-source-line {
  gap: 6px !important;
  min-height: 28px !important;
}

html .ai-source-line .el-input__wrapper {
  min-height: 27px !important;
  border-radius: 9px !important;
}

html .ai-actions-row.ai-actions-row {
  gap: 7px !important;
  align-items: center !important;
  flex-wrap: wrap !important;
}

html .ai-actions-row.ai-actions-row .el-button {
  min-height: 30px !important;
  height: 30px !important;
  padding: 0 11px !important;
  border-radius: 10px !important;
  font-size: 11px !important;
  font-weight: 430 !important;
  box-shadow: none !important;
}

html .ai-actions-row.ai-actions-row .el-button--primary,
html .ai-actions-row.ai-actions-row .el-button--success {
  border-color: var(--ai-blue) !important;
  background: var(--ai-blue) !important;
  color: #fff !important;
}

html .ai-product-item__media-actions.ai-product-item__media-actions {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 5px !important;
  margin-top: 9px !important;
}

html .ai-product-item__media-actions .el-button {
  width: 100% !important;
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 4px !important;
  border-radius: 9px !important;
  font-size: 10.5px !important;
  letter-spacing: 0.008em !important;
}

html .ai-selection-page .el-pagination,
html .ai-selection-page .pagination-container {
  margin-top: 12px !important;
  padding: 9px 10px !important;
  border: 1px solid var(--ai-card-border) !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.9) !important;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.045) !important;
}

html .ai-selection-page .el-pagination .btn-next,
html .ai-selection-page .el-pagination .btn-prev,
html .ai-selection-page .el-pagination .el-pager li {
  min-width: 30px !important;
  height: 30px !important;
  border: 1px solid #dfe7f0 !important;
  border-radius: 9px !important;
  background: #fff !important;
  color: #344054 !important;
  box-shadow: none !important;
}

html .ai-selection-page .el-pagination .btn-next:not(:disabled):hover,
html .ai-selection-page .el-pagination .btn-prev:not(:disabled):hover,
html .ai-selection-page .el-pagination .el-pager li:hover {
  border-color: rgba(10, 132, 255, 0.32) !important;
  background: var(--ai-blue-soft) !important;
  color: var(--ai-blue) !important;
}

html .ai-selection-page .el-pagination .el-pager li.is-active {
  border-color: var(--ai-blue) !important;
  background: var(--ai-blue) !important;
  color: #fff !important;
}

html .selection-bottom-bar.selection-bottom-bar {
  padding: 12px 18px !important;
  background: transparent !important;
  pointer-events: none !important;
}

html .selection-bottom-bar__inner.selection-bottom-bar__inner {
  max-width: 1180px !important;
  min-height: 54px !important;
  padding: 9px 12px !important;
  border: 1px solid rgba(148, 163, 184, 0.28) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.9) !important;
  box-shadow: 0 18px 46px rgba(15, 23, 42, 0.12) !important;
  backdrop-filter: blur(18px) !important;
  pointer-events: auto !important;
}

html .selection-action-btn.selection-action-btn {
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
  font-size: 12px !important;
  font-weight: 430 !important;
}

/* Reference-card pass: match the compact table-based product card layout. */
@media (min-width: 901px) {
  html .ai-product-item.ai-product-item {
    padding: 14px !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.045) !important;
  }

  html .ai-product-item__main.ai-product-item__main {
    gap: 14px !important;
  }

  html .ai-product-item__media.ai-product-item__media {
    width: 164px !important;
    min-width: 164px !important;
  }

  html .ai-product-item__img.ai-product-item__img,
  html .ai-product-image-wrapper.ai-product-image-wrapper {
    width: 164px !important;
    height: 176px !important;
    border-radius: 9px !important;
    border-color: #dfe7f0 !important;
    background: #f6f8fb !important;
    box-shadow: none !important;
  }

  html .ai-product-item__media-actions.ai-product-item__media-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
    margin-top: 8px !important;
  }

  html .ai-product-item__media-actions .el-button {
    height: 28px !important;
    min-height: 28px !important;
    border-radius: 7px !important;
    font-size: 11px !important;
  }

  html .ai-product-item__body.ai-product-item__body {
    gap: 0 !important;
    row-gap: 0 !important;
    column-gap: 0 !important;
  }

  html .ai-product-item__title-row.ai-product-item__title-row {
    min-height: 26px !important;
    margin-bottom: 6px !important;
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
  }

  html .ai-product-item__title.ai-product-item__title {
    color: #202b3a !important;
    font-size: 14px !important;
    font-weight: 520 !important;
    line-height: 1.35 !important;
  }

  html .ai-product-item__meta.ai-product-item__meta {
    gap: 6px !important;
    margin-bottom: 7px !important;
  }

  html .ai-meta-chip.ai-meta-chip,
  html .ai-product-item__meta .el-tag {
    height: 22px !important;
    padding: 0 7px !important;
    border-radius: 5px !important;
    background: #f3f6fa !important;
    color: #7a8798 !important;
    font-size: 10.5px !important;
    font-weight: 430 !important;
  }

  html .ai-product-item__body .ai-stat-cell.ai-stat-cell,
  html .ai-product-item__body .ai-capture-card.ai-capture-card {
    min-height: 44px !important;
    margin: 0 !important;
    padding: 7px 8px 6px !important;
    border: 0 !important;
    border-right: 1px solid var(--ai-line) !important;
    border-bottom: 1px solid var(--ai-line) !important;
    border-radius: 0 !important;
    background: #fbfcfe !important;
    box-shadow: none !important;
  }

  html .ai-product-item__body .ai-stat-cell.ai-stat-cell:nth-child(1),
  html .ai-product-item__body .ai-stat-cell.ai-stat-cell:nth-child(2),
  html .ai-product-item__body .ai-stat-cell.ai-stat-cell:nth-child(3),
  html .ai-product-item__body .ai-stat-cell.ai-stat-cell:nth-child(4),
  html .ai-product-item__body .ai-stat-cell.ai-stat-cell:nth-child(5) {
    border-top: 1px solid var(--ai-line) !important;
  }

  html .ai-product-item__body .ai-stat-cell.ai-stat-cell:nth-child(1),
  html .ai-product-item__body .ai-stat-cell.ai-stat-cell:nth-child(6),
  html .ai-product-item__body .ai-stat-cell.ai-stat-cell:nth-child(11),
  html .ai-product-item__body .ai-stat-cell.ai-stat-cell:nth-child(13) {
    border-left: 1px solid var(--ai-line) !important;
  }

  html .ai-product-item__body .ai-stat-cell.ai-stat-cell:nth-child(1) {
    border-top-left-radius: 8px !important;
  }

  html .ai-product-item__body .ai-stat-cell.ai-stat-cell:nth-child(5) {
    border-top-right-radius: 8px !important;
  }

html .ai-product-item__body .ai-stat-cell.ai-stat-cell:nth-child(13) {
    border-bottom-left-radius: 0 !important;
  }

html .ai-product-item__body .ai-stat-section .ai-stat-cell.ai-stat-cell:nth-child(20) {
    border-bottom-right-radius: 8px !important;
  }

  html .ai-product-item__body .ai-stat-label.ai-stat-label,
  html .ai-product-item__body .ai-capture-card__label {
    margin-bottom: 5px !important;
    color: #9aa6b8 !important;
    font-size: 10.5px !important;
    font-weight: 520 !important;
    line-height: 1.1 !important;
    text-align: center !important;
    letter-spacing: 0.01em !important;
  }

  html .ai-product-item__body .ai-stat-value.ai-stat-value,
  html .ai-product-item__body .ai-capture-card__metrics strong {
    color: #243247 !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 1.18 !important;
    text-align: center !important;
  }

  html .ai-product-item__below.ai-product-item__below {
    margin-top: 6px !important;
  }

  html .ai-price-block.ai-price-block {
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 9px !important;
    background: #f8fafc !important;
  }

  html .ai-price-strip.ai-price-strip {
    gap: 8px !important;
    padding: 8px 10px 10px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #f8fafc !important;
  }

  html .ai-price-cell.ai-price-cell {
    min-height: 58px !important;
    padding: 0 !important;
    border-right: 0 !important;
    background: transparent !important;
  }

  html .ai-price-cell__label.ai-price-cell__label,
  html .ai-price-cell__label--inline.ai-price-cell__label--inline,
  html .ai-price-cell__label--min.ai-price-cell__label--min {
    min-height: 16px !important;
    margin-bottom: 4px !important;
    color: #7e8a9d !important;
    font-size: 10.5px !important;
    font-weight: 520 !important;
    line-height: 16px !important;
  }

  html .ai-price-strip .el-input__wrapper,
  html .ai-display-blue.ai-display-blue,
  html .ai-display-profit.ai-display-profit {
    min-height: 34px !important;
    height: 34px !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 1px #dfe6ef inset !important;
  }

  html .ai-price-strip .el-input__inner,
  html .ai-display-blue.ai-display-blue,
  html .ai-display-profit.ai-display-profit {
    color: #667389 !important;
    font-size: 12px !important;
    font-weight: 430 !important;
    line-height: 34px !important;
  }

  html .ai-display-profit.is-neg,
  html .ai-display-profit.text-danger {
    background: #fff0ee !important;
    color: #ff4d4f !important;
    box-shadow: 0 0 0 1px #f1d9d6 inset !important;
  }

  html .ai-remark-row.ai-remark-row,
  html .ai-source-block.ai-source-block {
    margin-top: 0 !important;
    padding: 10px !important;
    border-top: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-radius: 0 !important;
    background: #fbfcfe !important;
  }

  html .ai-actions-row.ai-actions-row .el-button {
    height: 32px !important;
    min-height: 32px !important;
    border-radius: 7px !important;
    font-size: 11.5px !important;
  }
}

@media (min-width: 1500px) {
  html .ai-selection-page.ai-selection-page {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  html .ai-product-item__media.ai-product-item__media {
    width: 148px !important;
    min-width: 148px !important;
  }

  html .ai-product-item__img.ai-product-item__img,
  html .ai-product-image-wrapper.ai-product-image-wrapper {
    width: 148px !important;
    height: 148px !important;
  }
}

@media (max-width: 1366px) and (min-width: 901px) {
  html .ai-selection-page.ai-selection-page {
    padding: 12px 12px 92px !important;
  }

  html .ai-product-item.ai-product-item {
    padding: 10px !important;
  }

  html .ai-product-item__main.ai-product-item__main {
    gap: 10px !important;
  }

  html .ai-product-item__media.ai-product-item__media {
    width: 124px !important;
    min-width: 124px !important;
  }

  html .ai-product-item__img.ai-product-item__img,
  html .ai-product-image-wrapper.ai-product-image-wrapper {
    width: 124px !important;
    height: 124px !important;
  }

  html .ai-stat-cell.ai-stat-cell {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  html .ai-price-cell.ai-price-cell {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
}

@media (max-width: 900px) {
  html .ai-product-item__main.ai-product-item__main {
    display: block !important;
  }

  html .ai-product-item__media.ai-product-item__media {
    width: 100% !important;
    min-width: 0 !important;
    margin-bottom: 10px !important;
  }

  html .ai-product-item__img.ai-product-item__img,
  html .ai-product-image-wrapper.ai-product-image-wrapper {
    width: 120px !important;
    height: 120px !important;
  }

  html .ai-price-strip.ai-price-strip,
  html .ai-stat-grid.ai-stat-grid {
    border-radius: 12px !important;
  }
}

/* Final image-size override: keep product photos visibly larger after responsive rules. */
@media (min-width: 1367px) {
  html .ai-selection-page .ai-product-item__media.ai-product-item__media {
    width: 172px !important;
    min-width: 172px !important;
  }

  html .ai-selection-page .ai-product-item__img.ai-product-item__img,
  html .ai-selection-page .ai-product-image-wrapper.ai-product-image-wrapper {
    width: 172px !important;
    height: 184px !important;
  }
}

@media (max-width: 1366px) and (min-width: 901px) {
  html .ai-selection-page .ai-product-item__media.ai-product-item__media {
    width: 152px !important;
    min-width: 152px !important;
  }

  html .ai-selection-page .ai-product-item__img.ai-product-item__img,
  html .ai-selection-page .ai-product-image-wrapper.ai-product-image-wrapper {
    width: 152px !important;
    height: 164px !important;
  }
}

/* Final card alignment pass: larger image, button/table baseline alignment, no extra divider. */
@media (min-width: 1367px) {
  html .ai-selection-page .ai-product-item__media.ai-product-item__media {
    width: 188px !important;
    min-width: 188px !important;
  }

  html .ai-selection-page .ai-product-item__img.ai-product-item__img,
  html .ai-selection-page .ai-product-image-wrapper.ai-product-image-wrapper {
    width: 188px !important;
    height: 202px !important;
  }
}

@media (max-width: 1366px) and (min-width: 901px) {
  html .ai-selection-page .ai-product-item__media.ai-product-item__media {
    width: 166px !important;
    min-width: 166px !important;
  }

  html .ai-selection-page .ai-product-item__img.ai-product-item__img,
  html .ai-selection-page .ai-product-image-wrapper.ai-product-image-wrapper {
    width: 166px !important;
    height: 178px !important;
  }
}

@media (min-width: 901px) {
  html .ai-selection-page .ai-product-item__media-actions.ai-product-item__media-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
    width: 100% !important;
    margin-top: 8px !important;
  }

  html .ai-selection-page .ai-product-item__media-actions .el-button {
    width: 100% !important;
    margin: 0 !important;
  }

  html .ai-selection-page .ai-product-item__media-actions .el-button.ai-btn-blacklist,
  html .ai-selection-page .ai-product-item__media-actions .el-button:nth-child(3) {
    grid-column: 1 / -1 !important;
  }

  html .ai-selection-page .ai-product-item__below.ai-product-item__below {
    margin-top: 0 !important;
    padding-top: 0 !important;
    border-top: 0 !important;
  }

  html .ai-selection-page .ai-price-block.ai-price-block,
  html .ai-selection-page .ai-price-strip.ai-price-strip {
    margin-top: 0 !important;
    border-top: 0 !important;
    box-shadow: none !important;
  }

  html .ai-selection-page .ai-price-strip.ai-price-strip {
    padding-top: 6px !important;
  }

  html .ai-selection-page .ai-remark-row.ai-remark-row,
  html .ai-selection-page .ai-source-block.ai-source-block {
    border-top: 0 !important;
  }
}

/* Keep captured-product attribute cells the same height as normal table cells. */
@media (min-width: 901px) {
  html .ai-selection-page .ai-capture-card.ai-capture-card--original,
  html .ai-selection-page .ai-capture-card.ai-capture-card--lowest {
    height: auto !important;
    min-height: 56px !important;
    padding-top: 7px !important;
    padding-bottom: 6px !important;
    align-content: center !important;
  }

  html .ai-selection-page .ai-capture-card.ai-capture-card--original .ai-capture-card__label,
  html .ai-selection-page .ai-capture-card.ai-capture-card--lowest .ai-capture-card__label {
    height: auto !important;
    min-height: 12px !important;
    margin-bottom: 6px !important;
    overflow: visible !important;
    color: #8f9bad !important;
    font-size: 9px !important;
    font-weight: 480 !important;
    letter-spacing: 0 !important;
    line-height: 12px !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }

  html .ai-selection-page .ai-capture-card.ai-capture-card--original .ai-capture-card__metrics,
  html .ai-selection-page .ai-capture-card.ai-capture-card--lowest .ai-capture-card__metrics,
  html .ai-selection-page .ai-capture-card.ai-capture-card--original .ai-capture-card__metrics strong,
  html .ai-selection-page .ai-capture-card.ai-capture-card--lowest .ai-capture-card__metrics strong,
  html .ai-selection-page .ai-capture-card.ai-capture-card--original .ai-capture-card__links,
  html .ai-selection-page .ai-capture-card.ai-capture-card--lowest .ai-capture-card__links,
  html .ai-selection-page .ai-capture-card.ai-capture-card--original .ai-capture-card__url,
  html .ai-selection-page .ai-capture-card.ai-capture-card--lowest .ai-capture-card__url,
  html .ai-selection-page .ai-capture-card.ai-capture-card--original .ai-capture-card__url::after,
  html .ai-selection-page .ai-capture-card.ai-capture-card--lowest .ai-capture-card__url::after {
    height: auto !important;
    min-height: 14px !important;
    line-height: 14px !important;
  }
}

/* Hide Yunai/Ruoyi documentation helper alerts while keeping normal system messages. */
html body .el-alert[data-v-a375e52b] {
  display: none !important;
}

/* Hide the department filter sidebar on System User management only. */
html body .el-row:has(> .el-col-4 input[placeholder="\8bf7\8f93\5165\90e8\95e8\540d\79f0"]) > .el-col-4 {
  display: none !important;
}

html body .el-row:has(> .el-col-4 input[placeholder="\8bf7\8f93\5165\90e8\95e8\540d\79f0"]) > .el-col-20 {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
}

/* Keep batch listing select menus visible inside the modal instead of being lost behind global poppers. */
html body .bulk-listing-dialog .el-select__popper,
html body .bulk-listing-dialog .el-popper {
  z-index: 4000 !important;
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, 0.1) !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.18) !important;
}

html body .bulk-listing-dialog .el-dialog,
html body .bulk-listing-dialog .el-dialog__body,
html body .bulk-listing-dialog .bulk-card,
html body .bulk-listing-dialog .bulk-form,
html body .bulk-listing-dialog .bulk-form-item {
  overflow: visible !important;
}

html body .bulk-listing-dialog .el-select-dropdown,
html body .bulk-listing-dialog .el-select-dropdown__list,
html body .bulk-listing-dialog .el-scrollbar__view {
  min-height: 0 !important;
  background: #ffffff !important;
}

html body .bulk-listing-dialog .el-select-dropdown__item {
  display: flex !important;
  align-items: center !important;
  min-height: 34px !important;
  height: auto !important;
  padding: 0 14px !important;
  color: #1f2937 !important;
  font-size: 13px !important;
  line-height: 34px !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body .bulk-listing-dialog .el-select-dropdown__item.hover,
html body .bulk-listing-dialog .el-select-dropdown__item:hover {
  background: rgba(10, 132, 255, 0.08) !important;
  color: #0a66d8 !important;
}

/* Scoped in-card editor for AI selection minimum profit rate. */
html .ai-selection-page .ai-price-cell--min.ai-price-cell--min {
  position: relative !important;
  overflow: visible !important;
}

html .ai-selection-page .ai-min-edit.ai-min-edit {
  color: #2563eb !important;
  cursor: pointer !important;
}

html .ai-selection-page .ai-min-profit-popover {
  position: absolute;
  right: 8px;
  top: 34px;
  z-index: 18;
  width: 188px;
  padding: 10px;
  border: 1px solid rgba(15, 23, 42, 0.1);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 18px 38px rgba(15, 23, 42, 0.16), 0 2px 8px rgba(15, 23, 42, 0.08);
  backdrop-filter: blur(18px);
}

html .ai-selection-page .ai-min-profit-popover::before {
  content: "";
  position: absolute;
  top: -6px;
  right: 22px;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  border-top: 1px solid rgba(15, 23, 42, 0.1);
  border-left: 1px solid rgba(15, 23, 42, 0.1);
  background: rgba(255, 255, 255, 0.96);
}

html .ai-selection-page .ai-min-profit-popover__title {
  margin-bottom: 8px;
  color: #334155;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.02em;
}

html .ai-selection-page .ai-min-profit-popover__input .el-input__wrapper {
  border-radius: 10px;
  box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.14) inset;
}

html .ai-selection-page .ai-min-profit-popover__actions {
  display: flex;
  justify-content: flex-end;
  gap: 6px;
  margin-top: 9px;
}

/* Final polish: card-local minimum-profit editor and translucent realtime compare hint. */
html .ai-selection-page .ai-product-item.ai-product-item {
  isolation: isolate !important;
}

html .ai-selection-page .ai-product-item__below.ai-product-item__below,
html .ai-selection-page .ai-price-block.ai-price-block,
html .ai-selection-page .ai-price-strip.ai-price-strip,
html .ai-selection-page .ai-price-cell.ai-price-cell,
html .ai-selection-page .ai-price-cell--min.ai-price-cell--min {
  overflow: visible !important;
}

html .ai-selection-page .ai-price-cell--min.ai-price-cell--min {
  z-index: 6 !important;
}

html .ai-selection-page .ai-min-edit.ai-min-edit {
  width: 17px !important;
  height: 17px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-left: 4px !important;
  padding: 2px !important;
  border: 0 !important;
  border-radius: 50% !important;
  color: #0a84ff !important;
  background: rgba(10, 132, 255, 0.08) !important;
  box-shadow: 0 0 0 1px rgba(10, 132, 255, 0.12) inset !important;
  transition: transform 0.16s ease, background 0.16s ease, box-shadow 0.16s ease !important;
  line-height: 1 !important;
  vertical-align: middle !important;
  appearance: none !important;
}

html .ai-selection-page .ai-min-edit.ai-min-edit:hover {
  transform: translateY(-1px) scale(1.04) !important;
  background: rgba(10, 132, 255, 0.14) !important;
  box-shadow: 0 0 0 1px rgba(10, 132, 255, 0.2) inset, 0 6px 14px rgba(10, 132, 255, 0.16) !important;
}

html .ai-selection-page .ai-min-profit-popover {
  right: -7px !important;
  top: 40px !important;
  z-index: 88 !important;
  width: 224px !important;
  padding: 13px !important;
  border: 1px solid rgba(148, 163, 184, 0.28) !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(247, 250, 255, 0.86) 100%) !important;
  box-shadow:
    0 22px 52px rgba(15, 23, 42, 0.18),
    0 6px 18px rgba(10, 132, 255, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
  backdrop-filter: blur(22px) saturate(1.35) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.35) !important;
  animation: ai-min-popover-in 0.18s ease-out both !important;
}

html .ai-selection-page .ai-min-profit-popover::before {
  top: -6px !important;
  right: 24px !important;
  width: 12px !important;
  height: 12px !important;
  border-color: rgba(148, 163, 184, 0.28) !important;
  background: rgba(255, 255, 255, 0.9) !important;
  box-shadow: -1px -1px 0 rgba(255, 255, 255, 0.7) !important;
}

html .ai-selection-page .ai-min-profit-popover__title {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  margin: 0 0 10px !important;
  color: #1f2937 !important;
  font-size: 12px !important;
  font-weight: 520 !important;
  line-height: 1.25 !important;
  letter-spacing: 0.01em !important;
}

html .ai-selection-page .ai-min-profit-popover__title::before {
  content: "" !important;
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #0a84ff !important;
  box-shadow: 0 0 0 4px rgba(10, 132, 255, 0.12) !important;
}

html .ai-selection-page .ai-min-profit-popover__body {
  position: relative !important;
}

html .ai-selection-page .ai-min-profit-popover__input .el-input__wrapper {
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 11px !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.92) !important;
  box-shadow: 0 0 0 1px rgba(10, 132, 255, 0.18) inset, 0 5px 14px rgba(15, 23, 42, 0.05) !important;
}

html .ai-selection-page .ai-min-profit-popover__input .el-input__inner {
  color: #111827 !important;
  font-size: 14px !important;
  font-weight: 520 !important;
  letter-spacing: 0.01em !important;
}

html .ai-selection-page .ai-min-profit-popover__actions {
  gap: 8px !important;
  margin-top: 11px !important;
}

html .ai-selection-page .ai-min-profit-popover__actions .el-button {
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 11px !important;
  border-radius: 10px !important;
  font-size: 11px !important;
  font-weight: 460 !important;
}

html .ai-selection-page .ai-min-profit-popover__actions .el-button--primary {
  border-color: #0a84ff !important;
  background: #0a84ff !important;
  color: #fff !important;
  box-shadow: 0 8px 16px rgba(10, 132, 255, 0.22) !important;
}

html .ai-selection-page .ai-capture-loading {
  position: absolute !important;
  inset: 6px !important;
  z-index: 12 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 14px !important;
  background: rgba(248, 250, 252, 0.46) !important;
  backdrop-filter: blur(7px) saturate(1.12) !important;
  -webkit-backdrop-filter: blur(7px) saturate(1.12) !important;
  pointer-events: none !important;
}

html .ai-selection-page .ai-capture-loading__panel {
  width: min(320px, calc(100% - 20px)) !important;
  padding: 9px 12px !important;
  border: 1px solid rgba(148, 163, 184, 0.22) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.68) !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.78) !important;
  backdrop-filter: blur(16px) saturate(1.25) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.25) !important;
}

html .ai-selection-page .ai-capture-loading__text {
  color: rgba(31, 41, 55, 0.9) !important;
  font-size: 12px !important;
  font-weight: 520 !important;
  letter-spacing: 0.01em !important;
}

html .ai-selection-page .ai-capture-loading__subtext {
  color: rgba(71, 85, 105, 0.72) !important;
  font-size: 10.5px !important;
  font-weight: 420 !important;
}

html .ai-selection-page .ai-capture-loading__spinner {
  border-color: rgba(10, 132, 255, 0.18) !important;
  border-top-color: rgba(10, 132, 255, 0.88) !important;
}

html .ai-selection-page .ai-capture-loading__bar {
  height: 3px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, rgba(10, 132, 255, 0), rgba(10, 132, 255, 0.75), rgba(10, 132, 255, 0)) !important;
  opacity: 0.72 !important;
}

@keyframes ai-min-popover-in {
  from {
    opacity: 0;
    transform: translateY(-4px) scale(0.98);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* Hide tenant selector on the public login form while preserving domain based tenant binding. */
html .login-form > .el-row > .el-col:nth-child(2),
html .login-form > .el-row > .el-col:has(.el-select.el-select--large.w-full) {
  display: none !important;
}
/* BULK-LISTING-UI-01: 1:1-style Ozon bulk listing review workspace. */
html body.siliang-bulk-dialog-open .selection-bottom-bar {
  display: none !important;
  pointer-events: none !important;
}
html body .siliang-listing-dialog.el-overlay,
html body .siliang-listing-dialog .el-overlay,
html body .siliang-listing-dialog {
  z-index: 3200 !important;
}
html body .siliang-listing-dialog .el-dialog {
  width: min(1600px, calc(100vw - 32px)) !important;
  max-width: 1600px !important;
  height: min(92vh, 900px) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  background: #f8fafc !important;
  box-shadow: 0 14px 46px rgba(15, 23, 42, .16) !important;
}
html body .siliang-listing-dialog .el-dialog__header,
html body .siliang-listing-dialog .el-dialog__footer {
  display: none !important;
}
html body .siliang-listing-dialog .el-dialog__body {
  padding: 0 !important;
  background: #f8fafc !important;
}
html body .siliang-listing-dialog .sl-shell,
html body .siliang-listing-dialog .sl-shell * {
  box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}
html body .siliang-listing-dialog .sl-shell {
  height: min(92vh, 900px) !important;
  display: grid !important;
  grid-template-rows: 55px 54px minmax(370px, 1fr) minmax(184px, 196px) 66px !important;
  gap: 12px !important;
  padding: 18px 26px 0 !important;
  background: linear-gradient(180deg, #fbfcff, #f3f6fa) !important;
  color: #111827 !important;
  overflow: hidden !important;
}
html body .siliang-listing-dialog .sl-head {
  height: 55px !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  margin: 0 !important;
  padding: 0 2px !important;
  visibility: visible !important;
  opacity: 1 !important;
}
html body .siliang-listing-dialog .sl-head h2 {
  margin: 0 !important;
  display: block !important;
  font-size: 25px !important;
  line-height: 1.08 !important;
  font-weight: 500 !important;
  color: #111827 !important;
  visibility: visible !important;
  opacity: 1 !important;
}
html body .siliang-listing-dialog .sl-head h2 b {
  margin-left: 8px !important;
  font-weight: 500 !important;
}
html body .siliang-listing-dialog .sl-head p {
  display: block !important;
  margin: 7px 0 0 !important;
  color: #5f6b7a !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  visibility: visible !important;
  opacity: 1 !important;
}
html body .siliang-listing-dialog .sl-close {
  width: 30px !important;
  height: 30px !important;
  border: 1px solid #d8e0ea !important;
  border-radius: 50% !important;
  background: #fbfdff !important;
  color: #1f2937 !important;
  font-size: 22px !important;
  line-height: 24px !important;
  cursor: pointer !important;
}
html body .siliang-listing-dialog .sl-toolbar {
  height: 54px !important;
  display: grid !important;
  grid-template-columns: 1.14fr 1.05fr 1.1fr .95fr .75fr 1.25fr !important;
  gap: 16px !important;
  align-items: center !important;
  padding: 0 20px !important;
  margin: 0 !important;
  border: 1px solid #dfe6ef !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 5px 16px rgba(15, 23, 42, .04) !important;
}
html body .siliang-listing-dialog .sl-field {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  position: relative !important;
}
html body .siliang-listing-dialog .sl-toolbar .sl-field:not(:last-of-type)::after {
  content: "" !important;
  position: absolute !important;
  right: -9px !important;
  top: 8px !important;
  width: 1px !important;
  height: 24px !important;
  background: #e5ebf3 !important;
}
html body .siliang-listing-dialog .sl-field__label {
  color: #253044 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
}
html body .siliang-listing-dialog .sl-input,
html body .siliang-listing-dialog .sl-select {
  width: 100% !important;
  height: 32px !important;
  padding: 0 12px !important;
  border: 1px solid #d9e1ec !important;
  border-radius: 6px !important;
  background: #fff !important;
  color: #172033 !important;
  font-size: 13px !important;
  line-height: 30px !important;
  box-shadow: none !important;
  outline: none !important;
}
html body .siliang-listing-dialog .sl-input:focus,
html body .siliang-listing-dialog .sl-select:focus {
  border-color: #1f6fff !important;
  box-shadow: 0 0 0 1px rgba(31, 111, 255, .16) !important;
}
html body .siliang-listing-dialog .sl-promo {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  color: #8a95a5 !important;
  font-size: 13px !important;
  white-space: nowrap !important;
}
html body .siliang-listing-dialog .sl-promo span {
  color: #253044 !important;
  font-weight: 500 !important;
}
html body .siliang-listing-dialog .sl-promo input {
  appearance: none !important;
  width: 34px !important;
  height: 20px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  background: #d8e1ec !important;
  position: relative !important;
  cursor: pointer !important;
}
html body .siliang-listing-dialog .sl-promo input::before {
  content: "" !important;
  position: absolute !important;
  width: 16px !important;
  height: 16px !important;
  left: 2px !important;
  top: 2px !important;
  border-radius: 50% !important;
  background: #fff !important;
  box-shadow: 0 1px 4px rgba(15, 23, 42, .22) !important;
  transition: transform .16s ease !important;
}
html body .siliang-listing-dialog .sl-promo input:checked {
  background: #1f6fff !important;
}
html body .siliang-listing-dialog .sl-promo input:checked::before {
  transform: translateX(14px) !important;
}
html body .siliang-listing-dialog .sl-main {
  display: grid !important;
  grid-template-columns: minmax(560px, .82fr) minmax(650px, 1fr) !important;
  gap: 12px !important;
  min-height: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}
html body .siliang-listing-dialog .sl-panel,
html body .siliang-listing-dialog .sl-table {
  border: 1px solid #dfe6ef !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, .035) !important;
}
html body .siliang-listing-dialog .sl-media {
  height: 100% !important;
  min-height: 0 !important;
}
html body .siliang-listing-dialog .sl-panel-title {
  height: 40px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 0 20px !important;
}
html body .siliang-listing-dialog .sl-panel-title strong {
  color: #111827 !important;
  font-size: 17px !important;
  font-weight: 500 !important;
}
html body .siliang-listing-dialog .sl-panel-title span {
  padding: 2px 7px !important;
  border-radius: 6px !important;
  background: #edf4ff !important;
  color: #1f6fff !important;
  font-size: 12px !important;
}
html body .siliang-listing-dialog .sl-link-btn,
html body .siliang-listing-dialog .sl-soft-btn,
html body .siliang-listing-dialog .sl-side-btn,
html body .siliang-listing-dialog .sl-thumb-arrow,
html body .siliang-listing-dialog .sl-secondary {
  border: 1px solid #d9e1ec !important;
  background: #fff !important;
  color: #334155 !important;
  box-shadow: none !important;
}
html body .siliang-listing-dialog .sl-link-btn {
  height: 30px !important;
  margin-left: auto !important;
  padding: 0 13px !important;
  border-color: #d7e5ff !important;
  border-radius: 6px !important;
  color: #1f6fff !important;
  font-size: 13px !important;
}
html body .siliang-listing-dialog .sl-soft-btn {
  height: 32px !important;
  border-radius: 6px !important;
  font-size: 13px !important;
}
html body .siliang-listing-dialog .sl-image-stage {
  position: relative !important;
  height: calc(100% - 146px) !important;
  min-height: 214px !important;
  margin: 0 86px 10px 20px !important;
  border: 1px solid #dfe6ef !important;
  border-radius: 6px !important;
  background: #fff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}
html body .siliang-listing-dialog .sl-image-stage img {
  max-width: 80% !important;
  max-height: 92% !important;
  object-fit: contain !important;
}
html body .siliang-listing-dialog .sl-empty {
  color: #94a3b8 !important;
  font-size: 13px !important;
}
html body .siliang-listing-dialog .sl-check {
  position: absolute !important;
  left: 14px !important;
  top: 14px !important;
  width: 18px !important;
  height: 18px !important;
  accent-color: #1f6fff !important;
  z-index: 2 !important;
}
html body .siliang-listing-dialog .sl-image-actions {
  position: absolute !important;
  right: -72px !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 58px !important;
  display: grid !important;
  grid-template-rows: repeat(3, 1fr) !important;
  gap: 8px !important;
}
html body .siliang-listing-dialog .sl-side-btn {
  border-radius: 7px !important;
  color: #4b5563 !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
  white-space: pre-line !important;
}
html body .siliang-listing-dialog .sl-thumbs {
  height: 88px !important;
  display: grid !important;
  grid-template-columns: 30px repeat(6, 1fr) 30px !important;
  gap: 9px !important;
  align-items: center !important;
  padding: 0 20px 16px !important;
}
html body .siliang-listing-dialog .sl-thumb,
html body .siliang-listing-dialog .sl-thumb-arrow {
  height: 86px !important;
  border: 1px solid #dfe6ef !important;
  border-radius: 8px !important;
  background: #fff !important;
  overflow: hidden !important;
}
html body .siliang-listing-dialog .sl-thumb.is-active {
  border: 1.5px solid #1f6fff !important;
}
html body .siliang-listing-dialog .sl-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}
html body .siliang-listing-dialog .sl-right {
  display: grid !important;
  grid-template-rows: minmax(202px, .52fr) minmax(176px, .48fr) !important;
  gap: 8px !important;
  min-height: 0 !important;
}
html body .siliang-listing-dialog .sl-core-grid {
  display: grid !important;
  grid-template-columns: 1fr 210px 138px 280px !important;
  gap: 10px 12px !important;
  padding: 0 24px !important;
}
html body .siliang-listing-dialog .sl-core-grid .sl-field:first-child {
  grid-column: 1 / 5 !important;
  display: block !important;
}
html body .siliang-listing-dialog .sl-core-grid .sl-field:first-child .sl-field__label {
  display: block !important;
  margin-bottom: 6px !important;
}
html body .siliang-listing-dialog .sl-input--title {
  height: 44px !important;
  border: 1.5px solid #1f6fff !important;
}
html body .siliang-listing-dialog .sl-count-input {
  width: 100% !important;
  display: block !important;
  position: relative !important;
}
html body .siliang-listing-dialog .sl-count-input .sl-input {
  padding-right: 50px !important;
}
html body .siliang-listing-dialog .sl-count-input span {
  position: absolute !important;
  right: 11px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: #9aa6b5 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  pointer-events: none !important;
}
html body .siliang-listing-dialog .sl-source {
  grid-column: 1 / 5 !important;
  height: 31px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-top: 2px !important;
}
html body .siliang-listing-dialog .sl-source span,
html body .siliang-listing-dialog .sl-source b {
  font-size: 13px !important;
}
html body .siliang-listing-dialog .sl-source b {
  min-width: 150px !important;
  height: 29px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #dfe6ef !important;
  border-radius: 6px !important;
  background: #f8fbff !important;
  color: #1f6fff !important;
}
html body .siliang-listing-dialog .sl-source b.warn {
  color: #f97316 !important;
}
html body .siliang-listing-dialog .sl-strategy {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px 30px !important;
  padding: 0 22px !important;
}
html body .siliang-listing-dialog .sl-segment {
  height: 29px !important;
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  overflow: hidden !important;
  border: 1px solid #d9e1ec !important;
  border-radius: 6px !important;
  background: #fff !important;
}
html body .siliang-listing-dialog .sl-segment--wide {
  grid-template-columns: repeat(4, 1fr) !important;
}
html body .siliang-listing-dialog .sl-segment button {
  border: 0 !important;
  background: transparent !important;
  color: #536174 !important;
  font-size: 13px !important;
}
html body .siliang-listing-dialog .sl-segment button.is-on {
  background: #eef4ff !important;
  color: #1f6fff !important;
  box-shadow: inset 0 0 0 1px #1f6fff !important;
}
html body .siliang-listing-dialog .sl-price-cards {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 13px !important;
  padding: 9px 18px 0 !important;
}
html body .siliang-listing-dialog .sl-price-card {
  height: 84px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #d6dde8 !important;
  border-radius: 7px !important;
  background: #f9fbff !important;
}
html body .siliang-listing-dialog .sl-price-card span,
html body .siliang-listing-dialog .sl-price-card small {
  color: #536174 !important;
  font-size: 12px !important;
}
html body .siliang-listing-dialog .sl-price-card b,
html body .siliang-listing-dialog .sl-price-card input {
  margin: 4px 0 !important;
  border: 0 !important;
  background: transparent !important;
  font-size: 25px !important;
  font-weight: 400 !important;
  text-align: center !important;
}
html body .siliang-listing-dialog .sl-price-card.green {
  background: #f0fbf6 !important;
  border-color: #bfe9d2 !important;
}
html body .siliang-listing-dialog .sl-price-card.green b {
  color: #059669 !important;
}
html body .siliang-listing-dialog .sl-price-card.orange {
  background: #fff8f1 !important;
  border-color: #ffd7b5 !important;
}
html body .siliang-listing-dialog .sl-price-card.orange b {
  color: #f97316 !important;
}
html body .siliang-listing-dialog .sl-price-card.blue {
  background: #f0f6ff !important;
  border-color: #c8dcff !important;
}
html body .siliang-listing-dialog .sl-price-card.blue b,
html body .siliang-listing-dialog .sl-price-card.blue input {
  color: #1f6fff !important;
}
html body .siliang-listing-dialog .sl-table {
  margin: 0 !important;
  max-height: none !important;
  min-height: 184px !important;
  overflow: hidden !important;
  overflow-y: auto !important;
}
html body .siliang-listing-dialog .sl-table-head,
html body .siliang-listing-dialog .sl-table-row {
  display: grid !important;
  grid-template-columns: 28px 70px minmax(300px, 1fr) 180px 86px 110px 130px 130px 110px 90px !important;
  gap: 10px !important;
  align-items: center !important;
  padding: 7px 12px !important;
  border-bottom: 1px solid #edf1f6 !important;
}
html body .siliang-listing-dialog .sl-table-head {
  position: sticky !important;
  top: 0 !important;
  z-index: 2 !important;
  height: 33px !important;
  background: #f9fbfd !important;
  color: #586579 !important;
  font-size: 12px !important;
}
html body .siliang-listing-dialog .sl-table-row {
  min-height: 50px !important;
  height: 50px !important;
}
html body .siliang-listing-dialog .sl-table-row.is-invalid {
  background: #fffafa !important;
}
html body .siliang-listing-dialog .sl-table-row img {
  width: 42px !important;
  height: 42px !important;
  border-radius: 6px !important;
  background: #f1f5f9 !important;
  object-fit: contain !important;
}
html body .siliang-listing-dialog .sl-table-row .sl-input {
  height: 29px !important;
  border-radius: 5px !important;
}
html body .siliang-listing-dialog .sl-table-row b,
html body .siliang-listing-dialog .sl-ok,
html body .siliang-listing-dialog .sl-bad {
  font-size: 13px !important;
  text-align: center !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
html body .siliang-listing-dialog .sl-ok {
  color: #16a34a !important;
}
html body .siliang-listing-dialog .sl-bad {
  color: #dc2626 !important;
}
html body .siliang-listing-dialog .sl-error-bar {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  margin: -6px 0 10px !important;
  padding: 10px 14px !important;
  border: 1px solid #fecaca !important;
  border-radius: 8px !important;
  background: #fff7f7 !important;
  color: #b91c1c !important;
  font-size: 13px !important;
}
html body .siliang-listing-dialog .sl-error-bar strong {
  flex: 0 0 auto !important;
  font-weight: 500 !important;
}
html body .siliang-listing-dialog .sl-error-bar div {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}
html body .siliang-listing-dialog .sl-error-bar span {
  padding: 2px 8px !important;
  border-radius: 999px !important;
  background: #fee2e2 !important;
}
html body .siliang-listing-dialog .sl-footer {
  height: 66px !important;
  display: grid !important;
  grid-template-columns: 220px 1fr auto !important;
  align-items: center !important;
  margin: 0 -26px !important;
  padding: 0 26px !important;
  border-top: 1px solid #dfe6ef !important;
  background: #fff !important;
  box-shadow: 0 -8px 18px rgba(15, 23, 42, .035) !important;
  position: relative !important;
  z-index: 3 !important;
}
html body .siliang-listing-dialog .sl-footer a {
  color: #1f6fff !important;
  font-size: 14px !important;
  cursor: pointer !important;
}
html body .siliang-listing-dialog .sl-summary {
  justify-self: center !important;
  color: #475569 !important;
  font-size: 14px !important;
}
html body .siliang-listing-dialog .sl-secondary,
html body .siliang-listing-dialog .sl-primary {
  height: 42px !important;
  min-width: 112px !important;
  margin-left: 10px !important;
  border-radius: 8px !important;
  font-size: 15px !important;
  cursor: pointer !important;
}
html body .siliang-listing-dialog .sl-primary {
  min-width: 296px !important;
  border: 0 !important;
  background: linear-gradient(135deg, #1f6fff, #2d7fff) !important;
  color: #fff !important;
  box-shadow: 0 7px 16px rgba(31, 111, 255, .18) !important;
}
@media (max-width: 1366px) {
  html body .siliang-listing-dialog .sl-toolbar {
    grid-template-columns: 1.05fr 1fr 1fr .86fr .68fr 1.08fr !important;
    height: 52px !important;
    gap: 10px !important;
    padding: 0 14px !important;
  }
  html body .siliang-listing-dialog .sl-main {
    grid-template-columns: minmax(460px, .8fr) minmax(560px, 1fr) !important;
    gap: 10px !important;
  }
  html body .siliang-listing-dialog .sl-core-grid {
    grid-template-columns: 1fr 170px 118px 210px !important;
    gap: 8px !important;
    padding: 0 18px !important;
  }
  html body .siliang-listing-dialog .sl-source {
    gap: 7px !important;
  }
  html body .siliang-listing-dialog .sl-source b {
    min-width: 118px !important;
    font-size: 12px !important;
  }
  html body .siliang-listing-dialog .sl-table-head,
  html body .siliang-listing-dialog .sl-table-row {
    grid-template-columns: 24px 54px minmax(220px, 1fr) 126px 70px 86px 94px 94px 82px 70px !important;
    gap: 7px !important;
  }
}

/* BULK-LISTING-UI-11: narrower workbench, 2x2 price cards, compact table title and visible submit bar. */
html body .siliang-listing-dialog .el-dialog {
  width: min(1360px, calc(100vw - 96px)) !important;
  max-width: 1360px !important;
  height: min(90vh, 850px) !important;
}

html body .siliang-listing-dialog .sl-shell {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

html body .siliang-listing-dialog .sl-main {
  grid-template-columns: minmax(410px, .7fr) minmax(560px, 1fr) !important;
  min-height: 292px !important;
  flex: 0 0 292px !important;
}

html body .siliang-listing-dialog .sl-right {
  grid-template-rows: 128px 1fr !important;
}

html body .siliang-listing-dialog .sl-strategy {
  grid-template-columns: 1fr 1fr 1.45fr 150px !important;
}

html body .siliang-listing-dialog .sl-strategy .sl-field:last-child {
  min-width: 150px !important;
}

html body .siliang-listing-dialog .sl-strategy .sl-field:last-child .sl-input {
  width: 100% !important;
  min-width: 132px !important;
  font-size: 14px !important;
  text-align: center !important;
}

html body .siliang-listing-dialog .sl-price-cards {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 7px !important;
  padding: 6px 14px 0 !important;
}

html body .siliang-listing-dialog .sl-price-card {
  height: 52px !important;
  min-height: 52px !important;
  padding: 6px 10px !important;
  display: grid !important;
  grid-template-columns: minmax(112px, 1fr) auto !important;
  grid-template-rows: 17px 22px !important;
  align-items: center !important;
  column-gap: 8px !important;
}

html body .siliang-listing-dialog .sl-price-card span {
  grid-column: 1 / 2 !important;
  grid-row: 1 / 2 !important;
}

html body .siliang-listing-dialog .sl-price-card b,
html body .siliang-listing-dialog .sl-price-card input {
  grid-column: 1 / 3 !important;
  grid-row: 2 / 3 !important;
  margin: 0 !important;
  font-size: 18px !important;
  line-height: 22px !important;
}

html body .siliang-listing-dialog .sl-price-card small {
  grid-column: 2 / 3 !important;
  grid-row: 1 / 2 !important;
  justify-self: end !important;
}

html body .siliang-listing-dialog .sl-table {
  flex: 1 1 0 !important;
  min-height: 214px !important;
  max-height: none !important;
  margin-bottom: 0 !important;
}

html body .siliang-listing-dialog .sl-table-head,
html body .siliang-listing-dialog .sl-table-row {
  grid-template-columns: 22px 44px minmax(92px, .36fr) 154px 62px 80px 92px 96px 88px 78px !important;
  gap: 5px !important;
  padding: 4px 8px !important;
}

html body .siliang-listing-dialog .sl-table-head {
  height: 32px !important;
}

html body .siliang-listing-dialog .sl-th-sku {
  display: grid !important;
  grid-template-columns: 34px 1fr !important;
  align-items: center !important;
  gap: 5px !important;
}

html body .siliang-listing-dialog .sl-th-sku em {
  font-style: normal !important;
}

html body .siliang-listing-dialog .sl-mini-action {
  height: 22px !important;
  min-width: 70px !important;
  padding: 0 7px !important;
  border: 1px solid rgba(37, 99, 235, .24) !important;
  border-radius: 7px !important;
  background: linear-gradient(180deg, #ffffff 0%, #eaf2ff 100%) !important;
  color: #1d64d8 !important;
  font-size: 11px !important;
  line-height: 20px !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .9), 0 2px 6px rgba(37, 99, 235, .12) !important;
  white-space: nowrap !important;
}

html body .siliang-listing-dialog .sl-table-row {
  height: 40px !important;
  min-height: 40px !important;
}

html body .siliang-listing-dialog .sl-table-row img {
  width: 32px !important;
  height: 32px !important;
}

html body .siliang-listing-dialog .sl-footer {
  flex: 0 0 58px !important;
  height: 58px !important;
  min-height: 58px !important;
  display: grid !important;
  grid-template-columns: 150px minmax(180px, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  overflow: visible !important;
  position: relative !important;
  z-index: 12 !important;
}

html body .siliang-listing-dialog .sl-footer-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  min-width: 438px !important;
}

html body .siliang-listing-dialog .sl-footer-actions .sl-secondary,
html body .siliang-listing-dialog .sl-footer-actions .sl-primary {
  margin-left: 0 !important;
}

html body .siliang-listing-dialog .sl-primary {
  display: inline-flex !important;
  min-width: 230px !important;
  visibility: visible !important;
  opacity: 1 !important;
}

@media (max-width: 1366px) {
  html body .siliang-listing-dialog .el-dialog {
    width: calc(100vw - 36px) !important;
  }

  html body .siliang-listing-dialog .sl-main {
    grid-template-columns: minmax(360px, .64fr) minmax(540px, 1fr) !important;
  }

  html body .siliang-listing-dialog .sl-strategy {
    grid-template-columns: 1fr 1fr 1.35fr 128px !important;
  }

  html body .siliang-listing-dialog .sl-table-head,
  html body .siliang-listing-dialog .sl-table-row {
    grid-template-columns: 20px 38px minmax(70px, .3fr) 126px 52px 66px 74px 78px 70px 56px !important;
    gap: 4px !important;
  }

  html body .siliang-listing-dialog .sl-footer-actions {
    min-width: 390px !important;
  }

  html body .siliang-listing-dialog .sl-primary {
    min-width: 198px !important;
  }
}

/* BULK-LISTING-UI-08: force full footer visibility within the production viewport. */
html body .siliang-listing-dialog .el-dialog {
  height: min(82vh, 790px) !important;
  margin-top: 1vh !important;
}

html body .siliang-listing-dialog .sl-shell {
  gap: 7px !important;
  padding: 10px 18px 0 !important;
}

html body .siliang-listing-dialog .sl-head {
  flex: 0 0 42px !important;
  height: 42px !important;
  min-height: 42px !important;
}

html body .siliang-listing-dialog .sl-head h2,
html body .siliang-listing-dialog .sl-head__title h2 {
  font-size: 21px !important;
  min-height: 22px !important;
}

html body .siliang-listing-dialog .sl-head p,
html body .siliang-listing-dialog .sl-head__title p {
  margin-top: 3px !important;
  font-size: 11.5px !important;
}

html body .siliang-listing-dialog .sl-toolbar {
  flex: 0 0 42px !important;
  height: 42px !important;
  min-height: 42px !important;
}

html body .siliang-listing-dialog .sl-input,
html body .siliang-listing-dialog .sl-select {
  height: 28px !important;
  line-height: 26px !important;
}

html body .siliang-listing-dialog .sl-main {
  flex: 0 0 365px !important;
  height: 365px !important;
  min-height: 365px !important;
  max-height: 365px !important;
  grid-template-columns: minmax(500px, .77fr) minmax(620px, 1fr) !important;
}

html body .siliang-listing-dialog .sl-panel-title {
  height: 30px !important;
}

html body .siliang-listing-dialog .sl-image-stage {
  height: 250px !important;
  min-height: 250px !important;
  margin: 0 58px 6px 14px !important;
}

html body .siliang-listing-dialog .sl-image-stage img {
  max-width: 68% !important;
  max-height: 86% !important;
}

html body .siliang-listing-dialog .sl-image-actions {
  right: -48px !important;
  width: 40px !important;
}

html body .siliang-listing-dialog .sl-thumbs {
  height: 64px !important;
  grid-template-columns: 22px repeat(6, minmax(70px, 1fr)) 22px !important;
  gap: 5px !important;
  padding: 0 14px 8px !important;
}

html body .siliang-listing-dialog .sl-thumb,
html body .siliang-listing-dialog .sl-thumb-arrow {
  height: 60px !important;
}

html body .siliang-listing-dialog .sl-right {
  grid-template-rows: 178px 180px !important;
}

html body .siliang-listing-dialog .sl-core-grid {
  gap: 6px 9px !important;
  padding: 0 16px !important;
}

html body .siliang-listing-dialog .sl-input--title {
  height: 36px !important;
}

html body .siliang-listing-dialog .sl-source {
  height: 26px !important;
}

html body .siliang-listing-dialog .sl-source b {
  height: 25px !important;
}

html body .siliang-listing-dialog .sl-strategy {
  gap: 5px 18px !important;
  padding: 0 16px !important;
}

html body .siliang-listing-dialog .sl-segment {
  height: 26px !important;
}

html body .siliang-listing-dialog .sl-price-cards {
  padding: 6px 14px 0 !important;
  gap: 8px !important;
}

html body .siliang-listing-dialog .sl-price-card {
  height: 68px !important;
}

html body .siliang-listing-dialog .sl-price-card b,
html body .siliang-listing-dialog .sl-price-card input {
  font-size: 20px !important;
}

html body .siliang-listing-dialog .sl-table {
  flex: 0 0 150px !important;
  height: 150px !important;
  min-height: 150px !important;
  max-height: 150px !important;
}

html body .siliang-listing-dialog .sl-table-head {
  height: 28px !important;
}

html body .siliang-listing-dialog .sl-table-row {
  height: 40px !important;
  min-height: 40px !important;
}

html body .siliang-listing-dialog .sl-table-row img {
  width: 32px !important;
  height: 32px !important;
}

html body .siliang-listing-dialog .sl-table-row .sl-input {
  height: 25px !important;
}

html body .siliang-listing-dialog .sl-footer {
  flex: 0 0 52px !important;
  height: 52px !important;
  min-height: 52px !important;
  margin: 0 -18px !important;
  padding: 0 18px !important;
}

html body .siliang-listing-dialog .sl-secondary,
html body .siliang-listing-dialog .sl-primary {
  height: 34px !important;
}

html body .siliang-listing-dialog .sl-primary {
  min-width: 220px !important;
}

/* BULK-LISTING-UI-09: design-reference pass. Keep real data flow, match the provided workbench layout. */
html body .siliang-listing-dialog .el-dialog {
  width: min(1600px, calc(100vw - 28px)) !important;
  max-width: 1600px !important;
  height: min(92vh, 920px) !important;
  margin-top: 1.2vh !important;
  border-radius: 20px !important;
  background: #f8fafc !important;
  box-shadow: 0 18px 44px rgba(15, 23, 42, .16) !important;
}

html body .siliang-listing-dialog .el-dialog__body {
  height: 100% !important;
  padding: 0 !important;
  overflow: hidden !important;
}

html body .siliang-listing-dialog .sl-shell {
  height: 100% !important;
  display: grid !important;
  grid-template-rows: 58px 56px minmax(0, 1fr) 190px 72px !important;
  gap: 10px !important;
  padding: 22px 26px 0 !important;
  overflow: hidden !important;
  background: linear-gradient(180deg, #fbfcff 0%, #f2f5fa 100%) !important;
}

html body .siliang-listing-dialog .sl-head {
  height: 58px !important;
  min-height: 58px !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body .siliang-listing-dialog .sl-head__title {
  display: block !important;
  min-height: 50px !important;
}

html body .siliang-listing-dialog .sl-head h2 {
  margin: 0 !important;
  color: #111827 !important;
  font-size: 25px !important;
  line-height: 1.05 !important;
  font-weight: 520 !important;
  letter-spacing: -.01em !important;
}

html body .siliang-listing-dialog .sl-head h2 b {
  margin-left: 8px !important;
  color: #111827 !important;
  font-weight: 520 !important;
}

html body .siliang-listing-dialog .sl-head p {
  margin: 7px 0 0 !important;
  color: #667085 !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
}

html body .siliang-listing-dialog .sl-close {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  border: 1px solid #d8e1ec !important;
  background: #f9fbfe !important;
  color: #273244 !important;
  font-size: 21px !important;
  line-height: 27px !important;
}

html body .siliang-listing-dialog .sl-toolbar {
  height: 56px !important;
  min-height: 56px !important;
  display: grid !important;
  grid-template-columns: 1.14fr 1.05fr 1.1fr .95fr .75fr 1.22fr !important;
  gap: 14px !important;
  align-items: center !important;
  padding: 0 20px !important;
  margin: 0 !important;
  border: 1px solid #dfe7f1 !important;
  border-radius: 9px !important;
  background: #fff !important;
  box-shadow: 0 5px 14px rgba(15, 23, 42, .045) !important;
}

html body .siliang-listing-dialog .sl-toolbar .sl-field {
  grid-template-columns: auto minmax(0, 1fr) !important;
  gap: 10px !important;
}

html body .siliang-listing-dialog .sl-toolbar .sl-field:not(:last-of-type)::after {
  right: -8px !important;
  top: 8px !important;
  height: 24px !important;
  background: #e6edf5 !important;
}

html body .siliang-listing-dialog .sl-field__label {
  color: #263244 !important;
  font-size: 13px !important;
  font-weight: 470 !important;
}

html body .siliang-listing-dialog .sl-input,
html body .siliang-listing-dialog .sl-select {
  height: 32px !important;
  line-height: 30px !important;
  border: 1px solid #d9e2ee !important;
  border-radius: 7px !important;
  background: #fff !important;
  color: #253044 !important;
  font-size: 13px !important;
  box-shadow: none !important;
}

html body .siliang-listing-dialog .sl-main {
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(650px, .82fr) minmax(760px, 1fr) !important;
  gap: 12px !important;
  overflow: hidden !important;
}

html body .siliang-listing-dialog .sl-panel,
html body .siliang-listing-dialog .sl-table {
  border: 1px solid #dfe7f1 !important;
  border-radius: 9px !important;
  background: #fff !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, .035) !important;
}

html body .siliang-listing-dialog .sl-media {
  height: 100% !important;
  min-height: 0 !important;
}

html body .siliang-listing-dialog .sl-panel-title {
  height: 42px !important;
  padding: 0 20px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

html body .siliang-listing-dialog .sl-panel-title strong {
  color: #111827 !important;
  font-size: 17px !important;
  font-weight: 500 !important;
}

html body .siliang-listing-dialog .sl-panel-title span {
  padding: 2px 8px !important;
  border-radius: 7px !important;
  background: #edf4ff !important;
  color: #1677ff !important;
  font-size: 12px !important;
}

html body .siliang-listing-dialog .sl-link-btn {
  height: 31px !important;
  margin-left: auto !important;
  padding: 0 14px !important;
  border-color: #d5e6ff !important;
  border-radius: 7px !important;
  background: #fff !important;
  color: #1677ff !important;
  font-size: 13px !important;
}

html body .siliang-listing-dialog .sl-image-stage {
  height: calc(100% - 142px) !important;
  min-height: 250px !important;
  margin: 0 84px 10px 20px !important;
  border: 1px solid #dfe7f1 !important;
  border-radius: 7px !important;
  background: #fff !important;
}

html body .siliang-listing-dialog .sl-image-stage img {
  max-width: 68% !important;
  max-height: 88% !important;
  object-fit: contain !important;
}

html body .siliang-listing-dialog .sl-image-actions {
  right: -68px !important;
  width: 54px !important;
  gap: 8px !important;
}

html body .siliang-listing-dialog .sl-side-btn {
  border-radius: 7px !important;
  color: #475569 !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

html body .siliang-listing-dialog .sl-thumbs {
  height: 92px !important;
  grid-template-columns: 28px repeat(6, minmax(76px, 1fr)) 28px !important;
  gap: 9px !important;
  align-items: center !important;
  padding: 0 20px 15px !important;
}

html body .siliang-listing-dialog .sl-thumb,
html body .siliang-listing-dialog .sl-thumb-arrow {
  height: 86px !important;
  border: 1px solid #dfe7f1 !important;
  border-radius: 8px !important;
  background: #fff !important;
}

html body .siliang-listing-dialog .sl-thumb.is-active {
  border: 1.5px solid #1677ff !important;
}

html body .siliang-listing-dialog .sl-right {
  height: 100% !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-rows: 240px 210px !important;
  gap: 8px !important;
  overflow: hidden !important;
}

html body .siliang-listing-dialog .sl-core,
html body .siliang-listing-dialog .sl-price {
  min-height: 0 !important;
  overflow: hidden !important;
}

html body .siliang-listing-dialog .sl-core-grid {
  display: grid !important;
  grid-template-columns: minmax(460px, 1fr) 130px 220px !important;
  gap: 10px 12px !important;
  padding: 0 24px !important;
}

html body .siliang-listing-dialog .sl-core-grid .sl-field:first-child {
  grid-column: 1 / 4 !important;
}

html body .siliang-listing-dialog .sl-input--title {
  height: 45px !important;
  border: 1.5px solid #1677ff !important;
}

html body .siliang-listing-dialog .sl-soft-btn {
  width: 130px !important;
  min-width: 130px !important;
  height: 32px !important;
  padding: 0 10px !important;
  border-radius: 7px !important;
  font-size: 13px !important;
}

html body .siliang-listing-dialog .sl-source {
  grid-column: 1 / 4 !important;
  height: 31px !important;
  gap: 10px !important;
  margin-top: 2px !important;
}

html body .siliang-listing-dialog .sl-source b {
  min-width: 154px !important;
  height: 29px !important;
  border: 1px solid #dfe7f1 !important;
  border-radius: 7px !important;
  background: #f8fbff !important;
  color: #1677ff !important;
  font-size: 13px !important;
}

html body .siliang-listing-dialog .sl-source b.warn {
  color: #f97316 !important;
}

html body .siliang-listing-dialog .sl-strategy {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 9px 30px !important;
  padding: 0 22px !important;
}

html body .siliang-listing-dialog .sl-segment {
  height: 30px !important;
  border-radius: 7px !important;
}

html body .siliang-listing-dialog .sl-price-cards {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 13px !important;
  padding: 10px 18px 0 !important;
}

html body .siliang-listing-dialog .sl-price-card {
  height: 88px !important;
  border-radius: 8px !important;
}

html body .siliang-listing-dialog .sl-price-card span,
html body .siliang-listing-dialog .sl-price-card small {
  font-size: 12px !important;
}

html body .siliang-listing-dialog .sl-price-card b,
html body .siliang-listing-dialog .sl-price-card input {
  margin: 3px 0 !important;
  font-size: 25px !important;
}

html body .siliang-listing-dialog .sl-table {
  height: 194px !important;
  min-height: 194px !important;
  max-height: 194px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  margin: 0 !important;
}

html body .siliang-listing-dialog .sl-table-head {
  height: 34px !important;
  background: #f9fbfd !important;
}

html body .siliang-listing-dialog .sl-table-head,
html body .siliang-listing-dialog .sl-table-row {
  grid-template-columns: 28px 70px minmax(300px, 1fr) 180px 86px 110px 130px 130px 110px 90px !important;
  gap: 10px !important;
  padding: 7px 12px !important;
}

html body .siliang-listing-dialog .sl-table-row {
  height: 50px !important;
  min-height: 50px !important;
}

html body .siliang-listing-dialog .sl-table-row img {
  width: 42px !important;
  height: 42px !important;
}

html body .siliang-listing-dialog .sl-footer {
  height: 72px !important;
  min-height: 72px !important;
  display: grid !important;
  grid-template-columns: 220px 1fr auto !important;
  align-items: center !important;
  margin: 0 -26px !important;
  padding: 0 26px !important;
  border-top: 1px solid #dfe7f1 !important;
  background: #fff !important;
  box-shadow: 0 -8px 18px rgba(15, 23, 42, .035) !important;
}

html body .siliang-listing-dialog .sl-footer a {
  color: #1677ff !important;
  font-size: 14px !important;
}

html body .siliang-listing-dialog .sl-summary {
  justify-self: center !important;
  color: #475569 !important;
  font-size: 14px !important;
}

html body .siliang-listing-dialog .sl-secondary,
html body .siliang-listing-dialog .sl-primary {
  height: 44px !important;
  min-width: 112px !important;
  margin-left: 10px !important;
  border-radius: 9px !important;
  font-size: 15px !important;
}

html body .siliang-listing-dialog .sl-primary {
  min-width: 300px !important;
  background: linear-gradient(135deg, #1677ff, #0067f5) !important;
  color: #fff !important;
}

@media (max-width: 1366px) {
  html body .siliang-listing-dialog .sl-shell {
    grid-template-rows: 52px 52px minmax(0, 1fr) 176px 64px !important;
    gap: 8px !important;
    padding: 16px 20px 0 !important;
  }

  html body .siliang-listing-dialog .sl-main {
    grid-template-columns: minmax(500px, .8fr) minmax(620px, 1fr) !important;
    gap: 10px !important;
  }

  html body .siliang-listing-dialog .sl-right {
    grid-template-rows: 218px 194px !important;
  }

  html body .siliang-listing-dialog .sl-image-stage {
    min-height: 220px !important;
  }

  html body .siliang-listing-dialog .sl-table {
    height: 176px !important;
    min-height: 176px !important;
    max-height: 176px !important;
  }

  html body .siliang-listing-dialog .sl-footer {
    height: 64px !important;
    min-height: 64px !important;
  }
}

/* BULK-LISTING-UI-06: hard layout fix for title, footer and non-overlapping workbench sections. */
html body .siliang-listing-dialog .el-dialog {
  height: min(92vh, 900px) !important;
  margin-top: 4vh !important;
}

html body .siliang-listing-dialog .el-dialog__body {
  height: 100% !important;
  overflow: hidden !important;
}

html body .siliang-listing-dialog .sl-shell {
  height: 100% !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  padding: 18px 26px 0 !important;
  overflow: hidden !important;
}

html body .siliang-listing-dialog .sl-head {
  flex: 0 0 58px !important;
  min-height: 58px !important;
  height: 58px !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  padding: 0 2px !important;
  margin: 0 !important;
  overflow: visible !important;
  color: #111827 !important;
}

html body .siliang-listing-dialog .sl-head__title {
  display: block !important;
  min-width: 420px !important;
  min-height: 52px !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #111827 !important;
  position: relative !important;
  z-index: 4 !important;
}

html body .siliang-listing-dialog .sl-head h2,
html body .siliang-listing-dialog .sl-head__title h2 {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;
  min-height: 28px !important;
  color: #111827 !important;
  font-size: 25px !important;
  line-height: 1.08 !important;
  font-weight: 520 !important;
  visibility: visible !important;
  opacity: 1 !important;
  text-indent: 0 !important;
  transform: none !important;
  clip-path: none !important;
}

html body .siliang-listing-dialog .sl-head h2 b,
html body .siliang-listing-dialog .sl-head__title h2 b {
  display: inline !important;
  margin-left: 8px !important;
  color: #111827 !important;
  font-size: inherit !important;
  font-weight: 520 !important;
}

html body .siliang-listing-dialog .sl-head p,
html body .siliang-listing-dialog .sl-head__title p {
  display: block !important;
  margin: 7px 0 0 !important;
  padding: 0 !important;
  color: #647084 !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  visibility: visible !important;
  opacity: 1 !important;
}

html body .siliang-listing-dialog .sl-head__title:empty::before {
  content: "一键上架至 OZON" !important;
  display: block !important;
  color: #111827 !important;
  font-size: 25px !important;
  line-height: 1.08 !important;
  font-weight: 520 !important;
}

html body .siliang-listing-dialog .sl-head__title:empty::after {
  content: "批量审核图片、标题、货号与价格后上架" !important;
  display: block !important;
  margin-top: 7px !important;
  color: #647084 !important;
  font-size: 13px !important;
}

html body .siliang-listing-dialog .sl-close {
  flex: 0 0 34px !important;
  width: 34px !important;
  height: 34px !important;
  margin-top: 0 !important;
  position: relative !important;
  z-index: 5 !important;
}

html body .siliang-listing-dialog .sl-toolbar {
  flex: 0 0 54px !important;
  height: 54px !important;
  min-height: 54px !important;
  margin: 0 !important;
}

html body .siliang-listing-dialog .sl-main {
  flex: 1 1 auto !important;
  min-height: 358px !important;
  max-height: none !important;
  overflow: hidden !important;
  display: grid !important;
  grid-template-columns: minmax(560px, .82fr) minmax(650px, 1fr) !important;
  align-items: stretch !important;
}

html body .siliang-listing-dialog .sl-right {
  height: 100% !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-rows: minmax(190px, .48fr) minmax(206px, .52fr) !important;
  overflow: hidden !important;
}

html body .siliang-listing-dialog .sl-core,
html body .siliang-listing-dialog .sl-price {
  min-height: 0 !important;
  overflow: hidden !important;
}

html body .siliang-listing-dialog .sl-price-cards {
  padding-top: 10px !important;
}

html body .siliang-listing-dialog .sl-price-card {
  height: 86px !important;
}

html body .siliang-listing-dialog .sl-table {
  flex: 0 0 188px !important;
  height: 188px !important;
  min-height: 188px !important;
  max-height: 188px !important;
  margin: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  position: relative !important;
  z-index: 1 !important;
}

html body .siliang-listing-dialog .sl-table-head {
  height: 34px !important;
}

html body .siliang-listing-dialog .sl-table-row {
  height: 50px !important;
  min-height: 50px !important;
}

html body .siliang-listing-dialog .sl-footer {
  flex: 0 0 66px !important;
  height: 66px !important;
  min-height: 66px !important;
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin: 0 -26px !important;
  position: relative !important;
  z-index: 6 !important;
}

html body .siliang-listing-dialog .sl-primary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 296px !important;
  height: 42px !important;
  background: linear-gradient(135deg, #1677ff, #0067f5) !important;
  color: #fff !important;
  border: 0 !important;
}

/* BULK-LISTING-UI-07: compact density pass, keep structure but fit the full workbench in one view. */
html body .siliang-listing-dialog .el-dialog {
  height: min(88vh, 860px) !important;
  margin-top: 2vh !important;
  border-radius: 18px !important;
}

html body .siliang-listing-dialog .sl-shell {
  gap: 8px !important;
  padding: 12px 20px 0 !important;
}

html body .siliang-listing-dialog .sl-head {
  flex-basis: 46px !important;
  min-height: 46px !important;
  height: 46px !important;
}

html body .siliang-listing-dialog .sl-head__title {
  min-height: 42px !important;
}

html body .siliang-listing-dialog .sl-head h2,
html body .siliang-listing-dialog .sl-head__title h2 {
  min-height: 24px !important;
  font-size: 22px !important;
  line-height: 1.05 !important;
}

html body .siliang-listing-dialog .sl-head p,
html body .siliang-listing-dialog .sl-head__title p {
  margin-top: 5px !important;
  font-size: 12px !important;
}

html body .siliang-listing-dialog .sl-close {
  width: 30px !important;
  height: 30px !important;
  flex-basis: 30px !important;
  font-size: 20px !important;
}

html body .siliang-listing-dialog .sl-toolbar {
  flex-basis: 46px !important;
  height: 46px !important;
  min-height: 46px !important;
  grid-template-columns: 1.08fr 1fr 1.02fr .88fr .68fr 1.18fr !important;
  gap: 10px !important;
  padding: 0 14px !important;
  border-radius: 8px !important;
}

html body .siliang-listing-dialog .sl-toolbar .sl-field {
  gap: 8px !important;
}

html body .siliang-listing-dialog .sl-toolbar .sl-field:not(:last-of-type)::after {
  right: -6px !important;
  top: 7px !important;
  height: 20px !important;
}

html body .siliang-listing-dialog .sl-field__label {
  font-size: 12px !important;
}

html body .siliang-listing-dialog .sl-input,
html body .siliang-listing-dialog .sl-select {
  height: 30px !important;
  line-height: 28px !important;
  border-radius: 7px !important;
  font-size: 12px !important;
}

html body .siliang-listing-dialog .sl-promo {
  gap: 8px !important;
  font-size: 12px !important;
}

html body .siliang-listing-dialog .sl-main {
  grid-template-columns: minmax(500px, .78fr) minmax(620px, 1fr) !important;
  gap: 8px !important;
  min-height: 300px !important;
}

html body .siliang-listing-dialog .sl-panel,
html body .siliang-listing-dialog .sl-table {
  border-radius: 8px !important;
}

html body .siliang-listing-dialog .sl-panel-title {
  height: 34px !important;
  padding: 0 16px !important;
  gap: 9px !important;
}

html body .siliang-listing-dialog .sl-panel-title strong {
  font-size: 15px !important;
}

html body .siliang-listing-dialog .sl-link-btn {
  height: 28px !important;
  padding: 0 11px !important;
  font-size: 12px !important;
}

html body .siliang-listing-dialog .sl-image-stage {
  height: calc(100% - 116px) !important;
  min-height: 170px !important;
  margin: 0 66px 8px 16px !important;
}

html body .siliang-listing-dialog .sl-image-stage img {
  max-width: 72% !important;
  max-height: 88% !important;
}

html body .siliang-listing-dialog .sl-image-actions {
  right: -54px !important;
  width: 44px !important;
  gap: 6px !important;
}

html body .siliang-listing-dialog .sl-side-btn {
  font-size: 12px !important;
  line-height: 1.45 !important;
}

html body .siliang-listing-dialog .sl-thumbs {
  height: 72px !important;
  grid-template-columns: 24px repeat(6, 1fr) 24px !important;
  gap: 6px !important;
  padding: 0 16px 10px !important;
}

html body .siliang-listing-dialog .sl-thumb,
html body .siliang-listing-dialog .sl-thumb-arrow {
  height: 68px !important;
  border-radius: 7px !important;
}

html body .siliang-listing-dialog .sl-right {
  grid-template-rows: minmax(158px, .48fr) minmax(156px, .52fr) !important;
  gap: 7px !important;
}

html body .siliang-listing-dialog .sl-core-grid {
  grid-template-columns: minmax(360px, 1fr) 110px 160px !important;
  gap: 7px 10px !important;
  padding: 0 18px !important;
}

html body .siliang-listing-dialog .sl-core-grid .sl-field:first-child {
  grid-column: 1 / 4 !important;
}

html body .siliang-listing-dialog .sl-input--title {
  height: 38px !important;
}

html body .siliang-listing-dialog .sl-soft-btn {
  width: 110px !important;
  min-width: 110px !important;
  height: 30px !important;
  padding: 0 8px !important;
  font-size: 12px !important;
}

html body .siliang-listing-dialog .sl-source {
  grid-column: 1 / 4 !important;
  height: 28px !important;
  gap: 7px !important;
  margin-top: 0 !important;
}

html body .siliang-listing-dialog .sl-source span,
html body .siliang-listing-dialog .sl-source b {
  font-size: 12px !important;
}

html body .siliang-listing-dialog .sl-source b {
  min-width: 122px !important;
  height: 27px !important;
}

html body .siliang-listing-dialog .sl-strategy {
  gap: 6px 20px !important;
  padding: 0 18px !important;
}

html body .siliang-listing-dialog .sl-segment {
  height: 28px !important;
}

html body .siliang-listing-dialog .sl-segment button {
  font-size: 12px !important;
}

html body .siliang-listing-dialog .sl-price-cards {
  gap: 9px !important;
  padding: 7px 16px 0 !important;
}

html body .siliang-listing-dialog .sl-price-card {
  height: 72px !important;
  border-radius: 7px !important;
}

html body .siliang-listing-dialog .sl-price-card span,
html body .siliang-listing-dialog .sl-price-card small {
  font-size: 11px !important;
}

html body .siliang-listing-dialog .sl-price-card b,
html body .siliang-listing-dialog .sl-price-card input {
  margin: 2px 0 !important;
  font-size: 21px !important;
}

html body .siliang-listing-dialog .sl-table {
  flex: 0 0 168px !important;
  height: 168px !important;
  min-height: 168px !important;
  max-height: 168px !important;
}

html body .siliang-listing-dialog .sl-table-head {
  height: 30px !important;
}

html body .siliang-listing-dialog .sl-table-head,
html body .siliang-listing-dialog .sl-table-row {
  grid-template-columns: 24px 56px minmax(260px, 1fr) 150px 72px 92px 108px 108px 92px 76px !important;
  gap: 7px !important;
  padding: 5px 10px !important;
}

html body .siliang-listing-dialog .sl-table-row {
  height: 46px !important;
  min-height: 46px !important;
}

html body .siliang-listing-dialog .sl-table-row img {
  width: 38px !important;
  height: 38px !important;
}

html body .siliang-listing-dialog .sl-table-row .sl-input {
  height: 27px !important;
}

html body .siliang-listing-dialog .sl-footer {
  flex: 0 0 56px !important;
  height: 56px !important;
  min-height: 56px !important;
  grid-template-columns: 170px 1fr auto !important;
  margin: 0 -20px !important;
  padding: 0 20px !important;
}

html body .siliang-listing-dialog .sl-footer a,
html body .siliang-listing-dialog .sl-summary {
  font-size: 12px !important;
}

html body .siliang-listing-dialog .sl-secondary,
html body .siliang-listing-dialog .sl-primary {
  height: 38px !important;
  min-width: 92px !important;
  margin-left: 8px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
}

html body .siliang-listing-dialog .sl-primary {
  min-width: 238px !important;
  height: 38px !important;
}

@media (max-width: 1366px) {
  html body .siliang-listing-dialog .sl-shell {
    gap: 7px !important;
    padding: 10px 16px 0 !important;
  }

  html body .siliang-listing-dialog .sl-main {
    grid-template-columns: minmax(430px, .76fr) minmax(560px, 1fr) !important;
  }

  html body .siliang-listing-dialog .sl-toolbar {
    gap: 7px !important;
    padding: 0 10px !important;
  }

  html body .siliang-listing-dialog .sl-core-grid {
    grid-template-columns: minmax(300px, 1fr) 96px 132px !important;
    padding: 0 14px !important;
  }

  html body .siliang-listing-dialog .sl-table-head,
  html body .siliang-listing-dialog .sl-table-row {
    grid-template-columns: 22px 46px minmax(200px, 1fr) 112px 60px 76px 86px 86px 74px 62px !important;
    gap: 5px !important;
  }

  html body .siliang-listing-dialog .sl-primary {
    min-width: 206px !important;
  }
}

/* BULK-LISTING-UI-10: refined width, editable lowest price, stock apply action and raised strategy controls. */
html body .siliang-listing-dialog .el-dialog {
  width: min(1480px, calc(100vw - 56px)) !important;
  max-width: 1480px !important;
  height: min(90vh, 850px) !important;
  border-radius: 20px !important;
  box-shadow: 0 24px 70px rgba(15, 23, 42, .18), 0 8px 24px rgba(15, 23, 42, .08) !important;
}

html body .siliang-listing-dialog .sl-shell {
  padding: 12px 18px 0 !important;
  gap: 7px !important;
}

html body .siliang-listing-dialog .sl-head {
  flex-basis: 42px !important;
  min-height: 42px !important;
  height: 42px !important;
}

html body .siliang-listing-dialog .sl-head h2,
html body .siliang-listing-dialog .sl-head__title h2 {
  font-size: 21px !important;
  letter-spacing: -.02em !important;
}

html body .siliang-listing-dialog .sl-toolbar {
  flex-basis: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  grid-template-columns: 1.12fr 1.06fr 1fr .82fr .82fr 1.1fr !important;
  gap: 8px !important;
  padding: 0 12px !important;
}

html body .siliang-listing-dialog .sl-main {
  grid-template-columns: minmax(440px, .72fr) minmax(610px, 1fr) !important;
  gap: 8px !important;
  min-height: 288px !important;
}

html body .siliang-listing-dialog .sl-image-stage {
  min-height: 152px !important;
  height: calc(100% - 106px) !important;
  margin: 0 58px 6px 14px !important;
}

html body .siliang-listing-dialog .sl-image-stage img {
  max-width: 70% !important;
  max-height: 86% !important;
}

html body .siliang-listing-dialog .sl-image-actions {
  right: -48px !important;
  width: 40px !important;
}

html body .siliang-listing-dialog .sl-thumbs {
  height: 64px !important;
  grid-template-columns: 22px repeat(6, 1fr) 22px !important;
  gap: 5px !important;
  padding: 0 14px 8px !important;
}

html body .siliang-listing-dialog .sl-thumb,
html body .siliang-listing-dialog .sl-thumb-arrow {
  height: 60px !important;
}

html body .siliang-listing-dialog .sl-right {
  grid-template-rows: 136px 1fr !important;
  gap: 7px !important;
}

html body .siliang-listing-dialog .sl-core-grid {
  grid-template-columns: minmax(390px, 1fr) 250px !important;
  gap: 7px 12px !important;
  padding: 0 16px !important;
}

html body .siliang-listing-dialog .sl-core-grid .sl-field:first-child {
  grid-column: 1 / 2 !important;
}

html body .siliang-listing-dialog .sl-stock-apply {
  display: grid !important;
  grid-template-columns: minmax(72px, 1fr) 112px !important;
  gap: 8px !important;
  align-items: center !important;
}

html body .siliang-listing-dialog .sl-soft-btn--stock {
  width: 112px !important;
  min-width: 112px !important;
  padding: 0 8px !important;
  white-space: nowrap !important;
}

html body .siliang-listing-dialog .sl-source {
  grid-column: 1 / 3 !important;
}

html body .siliang-listing-dialog .sl-strategy {
  grid-template-columns: 1fr 1fr 1.55fr 104px !important;
  gap: 6px 12px !important;
  padding: 0 16px !important;
}

html body .siliang-listing-dialog .sl-segment {
  height: 32px !important;
  padding: 3px !important;
  border: 1px solid rgba(148, 163, 184, .45) !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, #f9fafb 0%, #e8edf5 100%) !important;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, .95), inset 0 -2px 5px rgba(15, 23, 42, .08), 0 5px 12px rgba(15, 23, 42, .07) !important;
}

html body .siliang-listing-dialog .sl-segment button {
  height: 24px !important;
  border: 1px solid transparent !important;
  border-radius: 9px !important;
  color: #536174 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .9) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, .72), rgba(241, 245, 249, .5)) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .9), 0 2px 4px rgba(15, 23, 42, .04) !important;
  transition: transform .12s ease, box-shadow .12s ease, background .12s ease !important;
}

html body .siliang-listing-dialog .sl-segment button:hover {
  transform: translateY(-1px) !important;
}

html body .siliang-listing-dialog .sl-segment button.is-on {
  color: #fff !important;
  border-color: rgba(30, 99, 221, .7) !important;
  text-shadow: 0 1px 0 rgba(20, 60, 140, .35) !important;
  background: linear-gradient(180deg, #63a5ff 0%, #2d7df5 48%, #1261dc 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .38), inset 0 -2px 0 rgba(12, 53, 140, .2), 0 5px 12px rgba(37, 99, 235, .28) !important;
}

html body .siliang-listing-dialog .sl-price-cards {
  gap: 8px !important;
  padding: 6px 14px 0 !important;
}

html body .siliang-listing-dialog .sl-price-card {
  height: 68px !important;
}

html body .siliang-listing-dialog .sl-table {
  flex: 1 1 auto !important;
  height: auto !important;
  min-height: 188px !important;
  max-height: none !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

html body .siliang-listing-dialog .sl-table-head,
html body .siliang-listing-dialog .sl-table-row {
  grid-template-columns: 22px 48px minmax(170px, .74fr) 132px 66px 86px 96px 100px 96px 82px !important;
  gap: 6px !important;
  padding: 5px 9px !important;
}

html body .siliang-listing-dialog .sl-table-head {
  height: 30px !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 2 !important;
}

html body .siliang-listing-dialog .sl-table-row {
  height: 44px !important;
  min-height: 44px !important;
}

html body .siliang-listing-dialog .sl-table-row img {
  width: 36px !important;
  height: 36px !important;
}

html body .siliang-listing-dialog .sl-table-row .sl-input {
  height: 26px !important;
  padding: 0 7px !important;
}

html body .siliang-listing-dialog .sl-table-row .sl-count-input span {
  display: none !important;
}

html body .siliang-listing-dialog .sl-footer {
  flex: 0 0 52px !important;
  height: 52px !important;
  min-height: 52px !important;
  margin: 0 -18px !important;
  padding: 0 18px !important;
}

html body .siliang-listing-dialog .sl-secondary,
html body .siliang-listing-dialog .sl-primary {
  height: 36px !important;
  border-radius: 9px !important;
}

html body .siliang-listing-dialog .sl-primary {
  min-width: 220px !important;
}

@media (max-width: 1366px) {
  html body .siliang-listing-dialog .el-dialog {
    width: calc(100vw - 28px) !important;
  }

  html body .siliang-listing-dialog .sl-main {
    grid-template-columns: minmax(390px, .7fr) minmax(560px, 1fr) !important;
  }

  html body .siliang-listing-dialog .sl-core-grid {
    grid-template-columns: minmax(320px, 1fr) 214px !important;
  }

  html body .siliang-listing-dialog .sl-table-head,
  html body .siliang-listing-dialog .sl-table-row {
    grid-template-columns: 20px 42px minmax(138px, .64fr) 104px 58px 72px 82px 84px 78px 62px !important;
    gap: 4px !important;
  }
}

/* BULK-LISTING-PRICE-STRATEGY-01: only fix price strategy overflow and 3-line price cards. */
html body .siliang-listing-dialog .sl-price {
  overflow: hidden !important;
}

html body .siliang-listing-dialog .sl-strategy {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  grid-template-rows: repeat(2, 42px) !important;
  gap: 6px 12px !important;
  align-items: end !important;
  padding: 0 16px !important;
  overflow: hidden !important;
}

html body .siliang-listing-dialog .sl-strategy .sl-field {
  min-width: 0 !important;
  gap: 4px !important;
}

html body .siliang-listing-dialog .sl-strategy .sl-field__label {
  font-size: 11px !important;
  line-height: 12px !important;
  white-space: nowrap !important;
}

html body .siliang-listing-dialog .sl-strategy .sl-field:nth-child(1) {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

html body .siliang-listing-dialog .sl-strategy .sl-field:nth-child(2) {
  grid-column: 2 !important;
  grid-row: 1 !important;
}

html body .siliang-listing-dialog .sl-strategy .sl-field:nth-child(3) {
  grid-column: 1 !important;
  grid-row: 2 !important;
}

html body .siliang-listing-dialog .sl-strategy .sl-field:nth-child(4) {
  grid-column: 2 !important;
  grid-row: 2 !important;
  width: auto !important;
  justify-self: stretch !important;
}

html body .siliang-listing-dialog .sl-strategy .sl-segment,
html body .siliang-listing-dialog .sl-strategy .sl-input {
  width: 100% !important;
  min-width: 0 !important;
  height: 28px !important;
}

html body .siliang-listing-dialog .sl-strategy .sl-segment {
  padding: 2px !important;
  border-radius: 10px !important;
}

html body .siliang-listing-dialog .sl-strategy .sl-segment button {
  min-width: 0 !important;
  height: 22px !important;
  padding: 0 6px !important;
  font-size: 11px !important;
  line-height: 20px !important;
  white-space: nowrap !important;
}

html body .siliang-listing-dialog .sl-strategy .sl-segment--wide button {
  padding: 0 4px !important;
  font-size: 10px !important;
}

html body .siliang-listing-dialog .sl-strategy .sl-field:nth-child(4) .sl-input {
  text-align: center !important;
  font-size: 13px !important;
}

html body .siliang-listing-dialog .sl-price-cards {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
  padding: 8px 16px 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

html body .siliang-listing-dialog .sl-price-card {
  height: 76px !important;
  min-height: 76px !important;
  max-height: 76px !important;
  display: grid !important;
  grid-template-rows: 18px 30px 16px !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: center !important;
  justify-items: center !important;
  padding: 7px 8px !important;
  text-align: center !important;
  overflow: hidden !important;
}

html body .siliang-listing-dialog .sl-price-card span {
  grid-row: 1 !important;
  display: block !important;
  width: 100% !important;
  font-size: 11px !important;
  line-height: 16px !important;
  text-align: center !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .siliang-listing-dialog .sl-price-card b,
html body .siliang-listing-dialog .sl-price-card input {
  grid-row: 2 !important;
  display: block !important;
  width: 100% !important;
  height: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  font-size: 22px !important;
  line-height: 30px !important;
  text-align: center !important;
}

html body .siliang-listing-dialog .sl-price-card small {
  grid-row: 3 !important;
  display: block !important;
  width: 100% !important;
  font-size: 10px !important;
  line-height: 14px !important;
  text-align: center !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

@media (max-width: 1366px) {
  html body .siliang-listing-dialog .sl-strategy {
    gap: 5px 8px !important;
    padding: 0 10px !important;
  }

  html body .siliang-listing-dialog .sl-strategy .sl-segment button {
    padding: 0 3px !important;
    font-size: 10px !important;
  }

  html body .siliang-listing-dialog .sl-price-cards {
    gap: 6px !important;
    padding: 7px 10px 0 !important;
  }

  html body .siliang-listing-dialog .sl-price-card {
    height: 70px !important;
    min-height: 70px !important;
    max-height: 70px !important;
  }

  html body .siliang-listing-dialog .sl-price-card b,
  html body .siliang-listing-dialog .sl-price-card input {
    font-size: 18px !important;
  }
}

/* AI selection toolbar redesign: keep actions intact, reshape high-frequency controls. */
html.light .v-layout.v-layout__classic .v-tool-header {
  height: 64px !important;
  padding: 0 22px !important;
  background: rgba(255, 255, 255, 0.94) !important;
  border-bottom: 1px solid rgba(226, 232, 240, 0.92) !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.045) !important;
  backdrop-filter: blur(18px) saturate(160%);
}

html.light .v-layout.v-layout__classic .v-tool-header .v-collapse,
html.light .v-layout.v-layout__classic .v-tool-header .custom-hover {
  width: 38px !important;
  height: 38px !important;
  border-radius: 13px !important;
  color: #475467 !important;
  transition: background-color 160ms ease, color 160ms ease, box-shadow 160ms ease, transform 140ms ease !important;
}

html.light .v-layout.v-layout__classic .v-tool-header .v-collapse:hover,
html.light .v-layout.v-layout__classic .v-tool-header .custom-hover:hover {
  background: #eef6ff !important;
  color: var(--ozon-blue) !important;
  box-shadow: 0 8px 18px rgba(0, 122, 255, 0.12) !important;
  transform: translateY(-1px);
}

html.light .v-layout.v-layout__classic .v-tool-header .el-breadcrumb__inner {
  color: #344054 !important;
  font-weight: 560 !important;
}

html.light .ai-selection-page .ai-filter-row--toolbar {
  position: relative;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-top: 4px !important;
  padding: 14px 16px !important;
  border: 1px solid rgba(226, 232, 240, 0.95) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.92) !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.055) !important;
  backdrop-filter: blur(16px) saturate(150%);
}

html.light .ai-selection-page .ai-filter-row--toolbar::before {
  content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(0, 122, 255, 0.22), transparent);
}

html.light .ai-selection-page .ai-filter-toolbar-left,
html.light .ai-selection-page .ai-filter-toolbar-right {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 9px !important;
}

html.light .ai-selection-page .ai-filter-toolbar-left {
  min-width: 260px;
}

html.light .ai-selection-page .ai-filter-toolbar-right {
  justify-content: flex-end !important;
}

html.light .ai-selection-page .ai-filter-row--toolbar .el-switch {
  --el-switch-on-color: var(--ozon-blue);
  --el-switch-off-color: #d5dbe5;
}

html.light .ai-selection-page .ai-filter-row--toolbar .el-button,
html.light .ai-selection-page .ai-filter-btn {
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 14px !important;
  border-radius: 13px !important;
  border: 1px solid #dfe7f2 !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
  color: #344054 !important;
  font-size: 13px !important;
  font-weight: 560 !important;
  letter-spacing: 0.006em !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 5px 14px rgba(15, 23, 42, 0.045) !important;
  transition: transform 140ms ease, box-shadow 160ms ease, border-color 160ms ease, background 160ms ease, color 160ms ease !important;
}

html.light .ai-selection-page .ai-filter-row--toolbar .el-button:hover,
html.light .ai-selection-page .ai-filter-btn:hover {
  border-color: #b9dcff !important;
  color: var(--ozon-blue) !important;
  transform: translateY(-1px);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 10px 20px rgba(0, 122, 255, 0.1) !important;
}

html.light .ai-selection-page .ai-filter-row--toolbar .el-button--primary,
html.light .ai-selection-page .ai-filter-btn--primary {
  border-color: #007aff !important;
  background: linear-gradient(180deg, #1688ff 0%, #007aff 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.28) inset, 0 10px 22px rgba(0, 122, 255, 0.24) !important;
}

html.light .ai-selection-page .ai-filter-row--toolbar .el-button--success,
html.light .ai-selection-page .ai-filter-btn--cyan {
  border-color: #b8e7c7 !important;
  background: linear-gradient(180deg, #f4fff7 0%, #e9fbef 100%) !important;
  color: #16833a !important;
}

html.light .ai-selection-page .ai-filter-row--toolbar .el-button--warning {
  border-color: #ffd999 !important;
  background: linear-gradient(180deg, #fffaf0 0%, #fff2d6 100%) !important;
  color: #a65f00 !important;
}

html.light .ai-selection-page .ai-filter-row--toolbar .el-button--danger {
  border-color: #ffcaca !important;
  background: linear-gradient(180deg, #fff7f7 0%, #fff0f0 100%) !important;
  color: #d92d20 !important;
}

html.light .ai-selection-page .ai-filter-row--toolbar .el-button--danger:hover {
  border-color: #ffb4b4 !important;
  color: #b42318 !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 10px 20px rgba(217, 45, 32, 0.1) !important;
}

html.light .ai-selection-page .ai-filter-row--toolbar .el-button--info,
html.light .ai-selection-page .ai-filter-btn--outline {
  border-color: #dfe7f2 !important;
  background: #ffffff !important;
  color: #475467 !important;
}

html.light .ai-selection-page .ai-filter-row--toolbar .el-button .el-icon,
html.light .ai-selection-page .ai-filter-btn .el-icon {
  font-size: 15px !important;
}

html.light .ai-selection-page .ai-filter-row--toolbar .el-button + .el-button {
  margin-left: 0 !important;
}

html.light .ai-selection-page .ai-filter-row--toolbar .el-button.is-disabled {
  opacity: 0.54 !important;
  transform: none !important;
  box-shadow: none !important;
}

@media (max-width: 1280px) {
  html.light .ai-selection-page .ai-filter-row--toolbar {
    align-items: flex-start !important;
  }

  html.light .ai-selection-page .ai-filter-toolbar-right {
    justify-content: flex-start !important;
  }
}

/* Hide the redundant route tags row globally while keeping the primary top header. */
html .v-layout.v-layout__classic {
  --tags-view-height: 0px !important;
}

html .v-layout.v-layout__classic .v-tags-view {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

/* Flatten AI selection background layers: one canvas, one surface, no exposed stripes. */
html {
  --siliang-ai-canvas: #f3f7fc;
  --siliang-ai-surface: #ffffff;
}

html.light .v-layout.v-layout__classic,
html.light .v-layout.v-layout__classic .v-layout-content,
html.light .v-layout.v-layout__classic .v-layout-content-scrollbar,
html.light .v-layout.v-layout__classic .v-layout-content-scrollbar .el-scrollbar__view,
html.light .v-layout.v-layout__classic .el-main {
  background: var(--siliang-ai-canvas) !important;
  background-color: var(--siliang-ai-canvas) !important;
  background-image: none !important;
}

html.light .ai-selection-page.ai-selection-page {
  background: var(--siliang-ai-canvas) !important;
  background-color: var(--siliang-ai-canvas) !important;
  background-image: none !important;
  padding: 18px 24px 92px !important;
}

html.light .ai-selection-page .ai-filter-card,
html.light .ai-selection-page .ai-selection-tabs-wrap,
html.light .ai-selection-page .ai-product-item {
  background: var(--siliang-ai-surface) !important;
  background-color: var(--siliang-ai-surface) !important;
  background-image: none !important;
}

html.light .ai-selection-page .ai-filter-card,
html.light .ai-selection-page .ai-selection-tabs-wrap {
  margin-left: 0 !important;
  margin-right: 0 !important;
  border-color: rgba(226, 232, 240, 0.95) !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.045) !important;
}

html.light .ai-selection-page .ai-filter-row--toolbar {
  background: var(--siliang-ai-surface) !important;
  background-color: var(--siliang-ai-surface) !important;
  background-image: none !important;
}

/* Strong fallback: some production pages do not keep the html.light class. */
html,
body,
#app,
html body .v-layout.v-layout__classic,
html body .v-layout.v-layout__classic .v-layout-content,
html body .v-layout.v-layout__classic .v-layout-content-scrollbar,
html body .v-layout.v-layout__classic .v-layout-content-scrollbar .el-scrollbar__view,
html body .v-layout.v-layout__classic .el-main,
html body [class*="layout-content"],
html body [class*="layout-content"] .el-scrollbar__view {
  background: var(--siliang-ai-canvas) !important;
  background-color: var(--siliang-ai-canvas) !important;
  background-image: none !important;
}

html body .ai-selection-page.ai-selection-page {
  background: var(--siliang-ai-canvas) !important;
  background-color: var(--siliang-ai-canvas) !important;
  background-image: none !important;
  padding: 18px 24px 92px !important;
}

html body .ai-selection-page .ai-filter-card,
html body .ai-selection-page .ai-selection-tabs-wrap,
html body .ai-selection-page .ai-product-item,
html body .ai-selection-page .ai-filter-row--toolbar {
  background: var(--siliang-ai-surface) !important;
  background-color: var(--siliang-ai-surface) !important;
  background-image: none !important;
}

/* AI selection single-surface mode: remove the visible multi-background bands. */
html:has(.ai-selection-page),
html:has(.ai-selection-page) body,
html:has(.ai-selection-page) #app,
html:has(.ai-selection-page) .v-layout.v-layout__classic,
html:has(.ai-selection-page) .v-layout-content,
html:has(.ai-selection-page) .v-layout-content-scrollbar,
html:has(.ai-selection-page) .v-layout-content-scrollbar .el-scrollbar__view,
html:has(.ai-selection-page) .el-main,
html:has(.ai-selection-page) [class*="layout-content"],
html:has(.ai-selection-page) [class*="layout-content"] > *,
html:has(.ai-selection-page) [class*="layout-content"] .el-scrollbar__view {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
}

html:has(.ai-selection-page) .ai-selection-page.ai-selection-page {
  position: relative !important;
  margin: 0 !important;
  padding: 18px 24px 92px !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
}

html:has(.ai-selection-page) .ai-filter-card.ai-filter-card,
html:has(.ai-selection-page) .ai-selection-tabs-wrap.ai-selection-tabs-wrap {
  margin-left: 0 !important;
  margin-right: 0 !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border: 1px solid #e5edf6 !important;
  box-shadow: none !important;
}

html:has(.ai-selection-page) .ai-filter-card.ai-filter-card {
  border-radius: 18px !important;
}

html:has(.ai-selection-page) .ai-selection-tabs-wrap.ai-selection-tabs-wrap {
  border-radius: 16px !important;
}

html:has(.ai-selection-page) .ai-filter-row--toolbar.ai-filter-row--toolbar {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  box-shadow: none !important;
}

html:has(.ai-selection-page) .ai-product-item.ai-product-item {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border-color: #e5edf6 !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.045) !important;
}

/* Keep the collapse/expand control visually stable on hover. */
html .ai-selection-page .ai-filter-toolbar-left > .el-button:first-child,
html.light .ai-selection-page .ai-filter-toolbar-left > .el-button:first-child,
html:has(.ai-selection-page) .ai-filter-toolbar-left > .el-button:first-child {
  min-width: 112px !important;
  opacity: 1 !important;
  transform: none !important;
  background: linear-gradient(180deg, #1688ff 0%, #007aff 100%) !important;
  border-color: #007aff !important;
  color: #ffffff !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.28) inset, 0 10px 22px rgba(0, 122, 255, 0.2) !important;
  transition: background 140ms ease, box-shadow 140ms ease, border-color 140ms ease !important;
  will-change: auto !important;
}

html .ai-selection-page .ai-filter-toolbar-left > .el-button:first-child:hover,
html .ai-selection-page .ai-filter-toolbar-left > .el-button:first-child:focus,
html .ai-selection-page .ai-filter-toolbar-left > .el-button:first-child:active,
html.light .ai-selection-page .ai-filter-toolbar-left > .el-button:first-child:hover,
html.light .ai-selection-page .ai-filter-toolbar-left > .el-button:first-child:focus,
html.light .ai-selection-page .ai-filter-toolbar-left > .el-button:first-child:active,
html:has(.ai-selection-page) .ai-filter-toolbar-left > .el-button:first-child:hover,
html:has(.ai-selection-page) .ai-filter-toolbar-left > .el-button:first-child:focus,
html:has(.ai-selection-page) .ai-filter-toolbar-left > .el-button:first-child:active {
  opacity: 1 !important;
  transform: none !important;
  background: linear-gradient(180deg, #2692ff 0%, #087cff 100%) !important;
  border-color: #007aff !important;
  color: #ffffff !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.32) inset, 0 12px 24px rgba(0, 122, 255, 0.22) !important;
}

/* AI selection header polish: final top-only layout. */
html:has(.ai-selection-page) .ai-filter-card.ai-filter-card {
  position: relative !important;
  min-height: 126px !important;
  margin: 0 0 14px !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html:has(.ai-selection-page) .ai-filter-card.ai-filter-card .el-card__body {
  padding: 12px 18px !important;
}

html:has(.ai-selection-page) .ai-filter-form.ai-filter-form {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs.ai-filter-row--inputs {
  display: grid !important;
  grid-template-columns: 280px repeat(3, 210px) 172px !important;
  align-items: end !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs > .ai-filter-field.ai-filter-field,
html:has(.ai-selection-page) .ai-filter-row--inputs > .ai-filter-field:first-child {
  min-width: 0 !important;
  width: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs > .ai-filter-field--offer-sync-hidden {
  display: none !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs .ai-filter-field__label.ai-filter-field__label {
  margin: 0 0 6px !important;
  color: #374151 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 18px !important;
  letter-spacing: 0 !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs .ai-filter-input.ai-filter-input,
html:has(.ai-selection-page) .ai-filter-row--inputs .ai-filter-range.ai-filter-range {
  width: 100% !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs .ai-filter-range.ai-filter-range {
  display: grid !important;
  grid-template-columns: 80px 16px 80px !important;
  align-items: center !important;
  gap: 7px !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs .ai-filter-range .el-input {
  min-width: 0 !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs .el-input__wrapper {
  min-height: 40px !important;
  border: 1px solid #d1d5db !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: none !important;
  transition: border-color 140ms ease, box-shadow 140ms ease !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs .el-input__wrapper:hover {
  border-color: #bfdbfe !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs .el-input__wrapper.is-focus,
html:has(.ai-selection-page) .ai-filter-row--inputs .el-input__wrapper:focus-within {
  border-color: #1683ff !important;
  box-shadow: 0 0 0 3px rgba(22, 131, 255, 0.11) !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs .el-input__inner {
  color: #1f2937 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs .el-input__inner::placeholder {
  color: #9ca3af !important;
  opacity: 1 !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs .ai-filter-range__sep.ai-filter-range__sep {
  color: #6b7280 !important;
  font-weight: 600 !important;
  text-align: center !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs > .ai-filter-field--search-action-v2 {
  display: grid !important;
  grid-template-columns: 80px 80px !important;
  align-items: end !important;
  gap: 12px !important;
  min-width: 0 !important;
  margin-left: 0 !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs > .ai-filter-field--search-action-v2 .ai-filter-btn,
html:has(.ai-selection-page) .ai-filter-row--inputs > .ai-filter-field--search-action-v2 .el-button {
  width: 80px !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs > .ai-filter-field--search-action-v2 .ai-filter-btn--search {
  border-color: #1677ff !important;
  background: #1677ff !important;
  color: #ffffff !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs > .ai-filter-field--search-action-v2 .ai-filter-btn--outline {
  border-color: #bfdbfe !important;
  background: #ffffff !important;
  color: #1677ff !important;
}

html:has(.ai-selection-page) .ai-filter-row--toolbar.ai-filter-row--toolbar {
  min-height: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html:has(.ai-selection-page) .ai-filter-toolbar-left,
html:has(.ai-selection-page) .ai-filter-toolbar-right {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
}

html:has(.ai-selection-page) .ai-filter-toolbar-left {
  flex: 0 0 auto !important;
}

html:has(.ai-selection-page) .ai-filter-toolbar-right {
  flex: 0 1 auto !important;
  justify-content: flex-end !important;
}

html:has(.ai-selection-page) .ai-filter-row--toolbar .ai-filter-btn,
html:has(.ai-selection-page) .ai-filter-row--toolbar .el-button {
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 10px !important;
  border-radius: 8px !important;
  border-color: #d1d5db !important;
  background-image: none !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

html:has(.ai-selection-page) .ai-filter-row--toolbar .el-button--primary,
html:has(.ai-selection-page) .ai-filter-row--toolbar .ai-filter-btn--purple,
html:has(.ai-selection-page) .ai-filter-row--toolbar .ai-filter-btn--cyan {
  border-color: #d1d5db !important;
  background: #ffffff !important;
  color: #374151 !important;
}

html:has(.ai-selection-page) .ai-filter-row--toolbar .el-button--success {
  border-color: #bbf7d0 !important;
  background: #f0fdf4 !important;
  color: #15803d !important;
}

html:has(.ai-selection-page) .ai-filter-row--toolbar .el-button--danger,
html:has(.ai-selection-page) .ai-filter-row--toolbar .el-button--warning,
html:has(.ai-selection-page) .ai-filter-row--toolbar .ai-filter-btn--legacy-reset-hidden,
html:has(.ai-selection-page) .ai-filter-row--toolbar .ai-filter-btn--legacy-search-hidden,
html:has(.ai-selection-page) .ai-filter-row--toolbar .ai-filter-btn--legacy-create-hidden,
html:has(.ai-selection-page) .ai-filter-row--toolbar .ai-filter-btn--legacy-export-hidden,
html:has(.ai-selection-page) .ai-filter-row--toolbar .ai-filter-collapse {
  display: none !important;
}

html:has(.ai-selection-page) .ai-filter-row--toolbar .el-dropdown::after {
  content: "更多";
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 8px;
  padding: 0 12px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  background: #ffffff;
  color: #374151;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
}

html:has(.ai-selection-page) .ai-filter-realtime-label.ai-filter-realtime-label {
  color: #4b5563 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

html:has(.ai-selection-page) .ai-filter-status.ai-filter-status {
  min-height: 24px !important;
  padding: 0 6px !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #22c55e !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

html:has(.ai-selection-page) .ai-selection-tabs-wrap.ai-selection-tabs-wrap {
  position: relative !important;
  z-index: 2 !important;
  width: max-content !important;
  max-width: calc(100% - 760px) !important;
  margin: -51px 0 16px 18px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html:has(.ai-selection-page) .ai-selection-tabs.ai-selection-tabs {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
}

html:has(.ai-selection-page) .ai-selection-tab.ai-selection-tab {
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 12px !important;
  border: 1px solid #d1d5db !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  color: #374151 !important;
  box-shadow: none !important;
}

html:has(.ai-selection-page) .ai-selection-tab.is-active.ai-selection-tab,
html:has(.ai-selection-page) .ai-selection-tab[aria-selected="true"].ai-selection-tab {
  border-color: #93c5fd !important;
  background: #eff6ff !important;
  color: #1677ff !important;
  box-shadow: none !important;
}

html:has(.ai-selection-page) .ai-selection-tab__badge.ai-selection-tab__badge {
  border-radius: 999px !important;
}

@media (max-width: 1360px) {
  html:has(.ai-selection-page) .ai-filter-row--inputs.ai-filter-row--inputs {
    grid-template-columns: 260px repeat(3, 190px) 172px !important;
    gap: 12px !important;
  }

  html:has(.ai-selection-page) .ai-selection-tabs-wrap.ai-selection-tabs-wrap {
    max-width: calc(100% - 690px) !important;
  }
}

@media (max-width: 1100px) {
  html:has(.ai-selection-page) .ai-filter-card.ai-filter-card {
    min-height: auto !important;
  }

  html:has(.ai-selection-page) .ai-filter-row--inputs.ai-filter-row--inputs {
    grid-template-columns: 1fr 1fr !important;
  }

  html:has(.ai-selection-page) .ai-filter-row--toolbar.ai-filter-row--toolbar,
  html:has(.ai-selection-page) .ai-filter-toolbar-left,
  html:has(.ai-selection-page) .ai-filter-toolbar-right {
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
  }

  html:has(.ai-selection-page) .ai-selection-tabs-wrap.ai-selection-tabs-wrap {
    width: auto !important;
    max-width: 100% !important;
    margin: 10px 0 14px !important;
  }

  html:has(.ai-selection-page) .ai-selection-tabs.ai-selection-tabs {
    flex-wrap: wrap !important;
  }
}

/* AI selection header exact desktop layout: two rows, top area only. */
html:has(.ai-selection-page) .ai-filter-card.ai-filter-card {
  min-height: 132px !important;
}

html:has(.ai-selection-page) .ai-filter-card.ai-filter-card .el-card__body {
  padding: 12px 18px !important;
}

html:has(.ai-selection-page) .ai-filter-form.ai-filter-form {
  gap: 8px !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs.ai-filter-row--inputs {
  grid-template-columns: 280px repeat(3, 190px) 172px !important;
  justify-content: start !important;
  column-gap: 12px !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs .ai-filter-range.ai-filter-range {
  grid-template-columns: minmax(70px, 80px) 14px minmax(70px, 80px) !important;
  gap: 5px !important;
}

html:has(.ai-selection-page) .ai-selection-tabs-wrap.ai-selection-tabs-wrap {
  width: auto !important;
  max-width: 520px !important;
  margin: -49px 0 14px 18px !important;
}

html:has(.ai-selection-page) .ai-selection-tabs.ai-selection-tabs {
  gap: 6px !important;
}

html:has(.ai-selection-page) .ai-selection-tab.ai-selection-tab {
  gap: 5px !important;
  padding: 0 8px !important;
  font-size: 13px !important;
  white-space: nowrap !important;
}

html:has(.ai-selection-page) .ai-selection-tab__icon.ai-selection-tab__icon {
  font-size: 15px !important;
}

html:has(.ai-selection-page) .ai-selection-tab__badge.ai-selection-tab__badge {
  min-width: 22px !important;
  height: 22px !important;
  padding: 0 6px !important;
}

html:has(.ai-selection-page) .ai-filter-row--toolbar.ai-filter-row--toolbar {
  justify-content: flex-end !important;
  gap: 6px !important;
}

html:has(.ai-selection-page) .ai-filter-toolbar-left,
html:has(.ai-selection-page) .ai-filter-toolbar-right {
  gap: 6px !important;
}

html:has(.ai-selection-page) .ai-filter-toolbar-left.ai-filter-toolbar-left {
  width: 212px !important;
  flex: 0 0 212px !important;
  min-width: 0 !important;
}

html:has(.ai-selection-page) .ai-filter-info-icon.ai-filter-info-icon {
  display: none !important;
}

html:has(.ai-selection-page) .ai-filter-row--toolbar .ai-filter-btn,
html:has(.ai-selection-page) .ai-filter-row--toolbar .el-button {
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 9px !important;
}

html:has(.ai-selection-page) .ai-filter-toolbar-right > .ai-filter-btn--purple,
html:has(.ai-selection-page) .ai-filter-toolbar-right > .el-button--success,
html:has(.ai-selection-page) .ai-filter-toolbar-right .el-dropdown .ai-filter-btn {
  width: 88px !important;
}

html:has(.ai-selection-page) .ai-filter-toolbar-right > .ai-filter-btn--cyan {
  width: 116px !important;
}

html:has(.ai-selection-page) .ai-filter-toolbar-right .el-dropdown {
  width: auto !important;
  display: inline-flex !important;
  align-items: center !important;
}

html:has(.ai-selection-page) .ai-filter-row--toolbar .el-dropdown::after {
  margin-left: 6px !important;
  padding: 0 10px !important;
  width: 48px !important;
  box-sizing: border-box !important;
}

@media (max-width: 1300px) {
  html:has(.ai-selection-page) .ai-filter-row--inputs.ai-filter-row--inputs {
    grid-template-columns: 1fr 1fr !important;
  }

  html:has(.ai-selection-page) .ai-filter-card.ai-filter-card {
    min-height: auto !important;
  }

  html:has(.ai-selection-page) .ai-selection-tabs-wrap.ai-selection-tabs-wrap {
    max-width: 100% !important;
    margin: 10px 0 14px !important;
  }

  html:has(.ai-selection-page) .ai-filter-row--toolbar.ai-filter-row--toolbar,
  html:has(.ai-selection-page) .ai-filter-toolbar-left,
  html:has(.ai-selection-page) .ai-filter-toolbar-right,
  html:has(.ai-selection-page) .ai-selection-tabs.ai-selection-tabs {
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
  }
}

/* AI selection header layout: search row, action row, centered tab row with pagination. */
html:has(.ai-selection-page) .ai-filter-card.ai-filter-card {
  min-height: 122px !important;
  margin-bottom: 0 !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs.ai-filter-row--inputs {
  grid-template-columns: minmax(300px, 1fr) repeat(3, minmax(190px, 220px)) 172px !important;
  justify-content: stretch !important;
  column-gap: 12px !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs .ai-filter-range.ai-filter-range {
  grid-template-columns: minmax(76px, 1fr) 14px minmax(76px, 1fr) !important;
}

html:has(.ai-selection-page) .ai-filter-row--toolbar.ai-filter-row--toolbar {
  min-height: 38px !important;
  justify-content: space-between !important;
  padding-top: 2px !important;
}

html:has(.ai-selection-page) .ai-filter-toolbar-left.ai-filter-toolbar-left {
  width: auto !important;
  min-width: 212px !important;
  flex: 0 0 auto !important;
}

html:has(.ai-selection-page) .ai-filter-toolbar-right.ai-filter-toolbar-right {
  flex: 0 0 auto !important;
}

html:has(.ai-selection-page) .ai-selection-tabs-wrap.ai-selection-tabs-wrap {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  margin: 10px 0 14px !important;
}

html:has(.ai-selection-page) .ai-selection-tabs.ai-selection-tabs {
  justify-content: center !important;
}

html:has(.ai-selection-page) .ai-page-stepper.ai-page-stepper {
  position: relative !important;
  z-index: 3 !important;
  width: max-content !important;
  margin: -52px 18px 16px auto !important;
}

@media (max-width: 1500px) {
  html:has(.ai-selection-page) .ai-filter-row--inputs.ai-filter-row--inputs {
    grid-template-columns: minmax(260px, 1fr) repeat(3, minmax(170px, 190px)) 172px !important;
  }
}

/* AI selection header designer pass: quiet, scan-first ERP controls only. */
html:has(.ai-selection-page) .ai-filter-card.ai-filter-card {
  min-height: 132px !important;
  margin: 0 0 10px !important;
  border: 1px solid #e3e8ef !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

html:has(.ai-selection-page) .ai-filter-card.ai-filter-card .el-card__body {
  padding: 13px 16px 11px !important;
}

html:has(.ai-selection-page) .ai-filter-form.ai-filter-form {
  gap: 0 !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs.ai-filter-row--inputs {
  display: grid !important;
  grid-template-columns: minmax(360px, 1.8fr) repeat(3, minmax(176px, 0.65fr)) 176px !important;
  align-items: end !important;
  width: 100% !important;
  margin: 0 !important;
  gap: 12px !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs > .ai-filter-field.ai-filter-field {
  min-width: 0 !important;
  width: auto !important;
}

/* The visible SKU field syncs offerId; keep the mirrored offer field out of the visual grid. */
html:has(.ai-selection-page) .ai-filter-row--inputs > .ai-filter-field--offer-sync-hidden {
  display: none !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs .ai-filter-field__label.ai-filter-field__label {
  margin-bottom: 6px !important;
  color: #253247 !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 18px !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs .ai-filter-range.ai-filter-range {
  display: grid !important;
  grid-template-columns: minmax(72px, 1fr) 10px minmax(72px, 1fr) !important;
  align-items: center !important;
  gap: 6px !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs .el-input__wrapper {
  min-height: 40px !important;
  border-color: #d9e0e9 !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: inset 0 0 0 1px transparent !important;
  transition: border-color 160ms ease, box-shadow 160ms ease !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs .el-input__wrapper:hover {
  border-color: #b8c5d5 !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs .el-input__wrapper.is-focus,
html:has(.ai-selection-page) .ai-filter-row--inputs .el-input__wrapper:focus-within {
  border-color: #287be0 !important;
  box-shadow: 0 0 0 3px rgba(40, 123, 224, 0.12) !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs .el-input__inner {
  color: #182235 !important;
  font-size: 13px !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs .el-input__inner::placeholder {
  color: #8894a5 !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs > .ai-filter-field--search-action-v2 {
  display: grid !important;
  grid-template-columns: 80px 80px !important;
  gap: 12px !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs > .ai-filter-field--search-action-v2 .el-button {
  height: 40px !important;
  min-height: 40px !important;
  border-radius: 8px !important;
}

html:has(.ai-selection-page) .ai-filter-row--toolbar.ai-filter-row--toolbar {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  min-height: 38px !important;
  gap: 12px !important;
  margin-top: 10px !important;
  padding-top: 10px !important;
  border-top: 1px solid #e3e8ef !important;
}

html:has(.ai-selection-page) .ai-filter-toolbar-left.ai-filter-toolbar-left {
  flex: 0 0 auto !important;
  min-width: 0 !important;
  width: auto !important;
  padding: 0 14px 0 0 !important;
  border: 0 !important;
  border-right: 1px solid #e3e8ef !important;
  border-radius: 0 !important;
  background: transparent !important;
}

html:has(.ai-selection-page) .ai-filter-toolbar-right.ai-filter-toolbar-right {
  display: flex !important;
  align-items: center !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
}

html:has(.ai-selection-page) .ai-filter-row--toolbar .ai-filter-btn,
html:has(.ai-selection-page) .ai-filter-row--toolbar .el-button {
  height: 36px !important;
  min-height: 36px !important;
  border-radius: 8px !important;
  white-space: nowrap !important;
}

html:has(.ai-selection-page) .ai-filter-toolbar-right .el-button.el-button--primary,
html:has(.ai-selection-page) .ai-filter-toolbar-right .el-button.el-button--success {
  border-color: #287be0 !important;
  background: #287be0 !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

html:has(.ai-selection-page) .ai-filter-toolbar-right .el-button:not(.el-button--primary):not(.el-button--success) {
  border-color: #d9e0e9 !important;
  background: #ffffff !important;
  color: #425168 !important;
  box-shadow: none !important;
}

html:has(.ai-selection-page) .ai-selection-tabs-wrap.ai-selection-tabs-wrap {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 54px !important;
  margin: 0 0 14px !important;
  padding: 8px 176px !important;
  border: 1px solid #e3e8ef !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

html:has(.ai-selection-page) .ai-selection-tabs.ai-selection-tabs {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
}

html:has(.ai-selection-page) .ai-selection-tab.ai-selection-tab {
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 12px !important;
  border: 1px solid #dce3ec !important;
  border-radius: 9px !important;
  background: #ffffff !important;
  color: #425168 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  transition: border-color 160ms ease, background 160ms ease, color 160ms ease !important;
}

html:has(.ai-selection-page) .ai-selection-tab:hover {
  border-color: #b9c9dc !important;
  background: #f8fafc !important;
}

html:has(.ai-selection-page) .ai-selection-tab.is-active.ai-selection-tab,
html:has(.ai-selection-page) .ai-selection-tab[aria-selected="true"].ai-selection-tab {
  border-color: #a9cdf7 !important;
  background: #eef6ff !important;
  color: #2673c9 !important;
}

html:has(.ai-selection-page) .ai-page-stepper.ai-page-stepper {
  position: absolute !important;
  z-index: 3 !important;
  top: 50% !important;
  right: 16px !important;
  width: max-content !important;
  height: 36px !important;
  margin: 0 !important;
  transform: translateY(-50%) !important;
}

@media (max-width: 1500px) {
  html:has(.ai-selection-page) .ai-filter-row--inputs.ai-filter-row--inputs {
    grid-template-columns: minmax(300px, 1.55fr) repeat(3, minmax(164px, 0.72fr)) 176px !important;
    gap: 10px !important;
  }
}

@media (max-width: 1280px) {
  html:has(.ai-selection-page) .ai-filter-row--inputs.ai-filter-row--inputs {
    grid-template-columns: minmax(220px, 1.75fr) repeat(3, minmax(136px, 0.9fr)) 168px !important;
    gap: 8px !important;
  }

  html:has(.ai-selection-page) .ai-filter-row--inputs .ai-filter-range.ai-filter-range {
    grid-template-columns: minmax(60px, 1fr) 8px minmax(60px, 1fr) !important;
    gap: 4px !important;
  }

  html:has(.ai-selection-page) .ai-filter-row--inputs .el-input__inner {
    font-size: 13px !important;
  }

  html:has(.ai-selection-page) .ai-filter-row--inputs > .ai-filter-field--search-action-v2 {
    grid-template-columns: 80px 80px !important;
    gap: 8px !important;
  }

  html:has(.ai-selection-page) .ai-filter-row--inputs > .ai-filter-field--search-action-v2 .el-button {
    width: 80px !important;
  }

  html:has(.ai-selection-page) .ai-filter-row--toolbar.ai-filter-row--toolbar,
  html:has(.ai-selection-page) .ai-filter-toolbar-right {
    flex-wrap: nowrap !important;
  }

  html:has(.ai-selection-page) .ai-selection-tabs-wrap.ai-selection-tabs-wrap {
    padding: 8px 130px !important;
  }

  html:has(.ai-selection-page) .ai-selection-tabs.ai-selection-tabs {
    flex-wrap: nowrap !important;
  }

  html:has(.ai-selection-page) .ai-page-stepper.ai-page-stepper {
    position: absolute !important;
    top: 50% !important;
    right: 16px !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
  }
}

@media (min-width: 1600px) {
  html:has(.ai-selection-page) .ai-selection-page {
    position: relative !important;
  }

  html:has(.ai-selection-page) .ai-selection-page > .ai-page-stepper.ai-page-stepper {
    position: absolute !important;
    z-index: 3 !important;
    top: 185px !important;
    right: 16px !important;
    width: max-content !important;
    height: 36px !important;
    margin: 0 !important;
    transform: none !important;
  }
}

@media (min-width: 961px) and (max-width: 1599px) {
  html:has(.ai-selection-page) .ai-selection-page {
    position: relative !important;
  }

  html:has(.ai-selection-page) .ai-selection-tabs-wrap.ai-selection-tabs-wrap {
    align-items: flex-start !important;
    min-height: 92px !important;
    height: 92px !important;
    padding: 8px 16px !important;
  }

  html:has(.ai-selection-page) .ai-selection-tabs.ai-selection-tabs {
    flex-wrap: nowrap !important;
  }

  html:has(.ai-selection-page) .ai-selection-page > .ai-page-stepper.ai-page-stepper {
    position: absolute !important;
    z-index: 3 !important;
    top: 228px !important;
    right: 24px !important;
    width: max-content !important;
    height: 36px !important;
    margin: 0 !important;
    transform: none !important;
  }
}

@media (max-width: 960px) {
  html:has(.ai-selection-page) .ai-filter-row--inputs.ai-filter-row--inputs {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html:has(.ai-selection-page) .ai-filter-row--toolbar.ai-filter-row--toolbar,
  html:has(.ai-selection-page) .ai-filter-toolbar-right {
    flex-wrap: wrap !important;
  }

  html:has(.ai-selection-page) .ai-selection-tabs-wrap.ai-selection-tabs-wrap {
    padding: 8px 16px !important;
  }

  html:has(.ai-selection-page) .ai-selection-tabs.ai-selection-tabs {
    flex-wrap: wrap !important;
  }

  html:has(.ai-selection-page) .ai-page-stepper.ai-page-stepper {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    margin-left: auto !important;
    transform: none !important;
  }
}

@media (max-width: 640px) {
  html:has(.ai-selection-page) .ai-filter-row--inputs.ai-filter-row--inputs {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* AI selection header reference hierarchy: outer surface, search band, action band, status panel. */
html:has(.ai-selection-page) .ai-filter-card.ai-filter-card {
  min-height: 0 !important;
  margin: 0 0 14px !important;
  border: 1px solid #edf2f7 !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

html:has(.ai-selection-page) .ai-filter-card.ai-filter-card .el-card__body {
  padding: 20px !important;
}

html:has(.ai-selection-page) .ai-filter-form.ai-filter-form {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs.ai-filter-row--inputs {
  display: grid !important;
  grid-template-columns: minmax(300px, 1.65fr) repeat(3, minmax(170px, 0.85fr)) 168px !important;
  align-items: end !important;
  min-height: 98px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 14px 16px !important;
  gap: 12px !important;
  box-sizing: border-box !important;
  border: 1px solid #edf2f7 !important;
  border-radius: 16px !important;
  background: #ffffff !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs > .ai-filter-field.ai-filter-field {
  min-width: 0 !important;
  width: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs > .ai-filter-field--offer-sync-hidden {
  display: none !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs .ai-filter-field__label.ai-filter-field__label {
  margin-bottom: 6px !important;
  color: #334155 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 18px !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs .el-input__wrapper {
  min-height: 40px !important;
  border: 1px solid #dbe4ee !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs .el-input__wrapper:hover {
  border-color: #b8c8da !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs .el-input__wrapper.is-focus,
html:has(.ai-selection-page) .ai-filter-row--inputs .el-input__wrapper:focus-within {
  border-color: #0b84ff !important;
  box-shadow: 0 0 0 3px rgba(11, 132, 255, 0.12) !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs .el-input__inner {
  color: #334155 !important;
  font-size: 13px !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs .el-input__inner::placeholder {
  color: #94a3b8 !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs .ai-filter-range.ai-filter-range {
  display: grid !important;
  grid-template-columns: minmax(70px, 1fr) 12px minmax(70px, 1fr) !important;
  align-items: center !important;
  height: 40px !important;
  gap: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  border: 1px solid #dbe4ee !important;
  border-radius: 10px !important;
  background: #ffffff !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs .ai-filter-range:focus-within {
  border-color: #0b84ff !important;
  box-shadow: 0 0 0 3px rgba(11, 132, 255, 0.12) !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs .ai-filter-range .el-input {
  min-width: 0 !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs .ai-filter-range .el-input__wrapper {
  min-height: 38px !important;
  padding: 0 9px !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs .ai-filter-range > :nth-child(2) {
  display: grid !important;
  place-items: center !important;
  color: #64748b !important;
  font-size: 13px !important;
  line-height: 1 !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs > .ai-filter-field--search-action-v2 {
  display: grid !important;
  grid-template-columns: 80px 80px !important;
  align-items: end !important;
  gap: 8px !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs > .ai-filter-field--search-action-v2 .el-button {
  width: 80px !important;
  height: 40px !important;
  min-height: 40px !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs > .ai-filter-field--search-action-v2 .el-button.el-button--primary,
html:has(.ai-selection-page) .ai-filter-row--inputs > .ai-filter-field--search-action-v2 .ai-filter-btn--search {
  border-color: #0b84ff !important;
  background: #0b84ff !important;
  color: #ffffff !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs > .ai-filter-field--search-action-v2 .ai-filter-btn--outline,
html:has(.ai-selection-page) .ai-filter-row--inputs > .ai-filter-field--search-action-v2 .el-button:not(.el-button--primary) {
  border-color: #dbe4ee !important;
  background: #ffffff !important;
  color: #287be0 !important;
}

html:has(.ai-selection-page) .ai-filter-row--toolbar.ai-filter-row--toolbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 74px !important;
  margin: 0 !important;
  padding: 15px 16px !important;
  gap: 12px !important;
  box-sizing: border-box !important;
  border: 1px solid #edf2f7 !important;
  border-radius: 16px !important;
  background: #ffffff !important;
}

html:has(.ai-selection-page) .ai-filter-row--toolbar .ai-filter-collapse {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 96px !important;
  height: 40px !important;
  padding: 0 16px !important;
  border: 1px solid #0b84ff !important;
  border-radius: 12px !important;
  background: #0b84ff !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

html:has(.ai-selection-page) .ai-filter-toolbar-left.ai-filter-toolbar-left {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex: 0 0 auto !important;
  min-width: 0 !important;
  width: auto !important;
  padding: 0 14px 0 0 !important;
  border: 0 !important;
  border-right: 1px solid #edf2f7 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

html:has(.ai-selection-page) .ai-filter-toolbar-right.ai-filter-toolbar-right {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  gap: 8px !important;
}

html:has(.ai-selection-page) .ai-filter-row--toolbar .ai-filter-btn,
html:has(.ai-selection-page) .ai-filter-row--toolbar .el-button {
  height: 40px !important;
  min-height: 40px !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}

html:has(.ai-selection-page) .ai-filter-toolbar-right .el-button.el-button--primary {
  border-color: #0b84ff !important;
  background: #0b84ff !important;
  color: #ffffff !important;
}

html:has(.ai-selection-page) .ai-filter-toolbar-right .el-button.el-button--success {
  border-color: #c7efd7 !important;
  background: #f0fdf4 !important;
  color: #159447 !important;
}

html:has(.ai-selection-page) .ai-filter-toolbar-right .el-button:not(.el-button--primary):not(.el-button--success):not(.el-button--danger):not(.el-button--warning) {
  border-color: #e4ebf3 !important;
  background: #ffffff !important;
  color: #475569 !important;
}

html:has(.ai-selection-page) .ai-selection-tabs-wrap.ai-selection-tabs-wrap {
  position: relative !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 102px !important;
  margin: 0 0 14px !important;
  padding: 8px 16px 54px !important;
  box-sizing: border-box !important;
  border: 1px solid #edf2f7 !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

html:has(.ai-selection-page) .ai-selection-tabs.ai-selection-tabs {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
}

html:has(.ai-selection-page) .ai-selection-tab.ai-selection-tab {
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 13px !important;
  border: 1px solid #e0e8f1 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  color: #475569 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

html:has(.ai-selection-page) .ai-selection-tab:hover {
  border-color: #bdd9f8 !important;
  background: #f8fbff !important;
}

html:has(.ai-selection-page) .ai-selection-tab.is-active.ai-selection-tab,
html:has(.ai-selection-page) .ai-selection-tab[aria-selected="true"].ai-selection-tab {
  border-color: #0b84ff !important;
  background: #0b84ff !important;
  color: #ffffff !important;
}

@media (min-width: 961px) {
  html:has(.ai-selection-page) .ai-selection-page {
    position: relative !important;
  }

  html:has(.ai-selection-page) .ai-selection-page > .ai-page-stepper.ai-page-stepper {
    position: absolute !important;
    z-index: 3 !important;
    top: 316px !important;
    right: 24px !important;
    width: max-content !important;
    height: 36px !important;
    margin: 0 !important;
    transform: none !important;
  }
}

@media (max-width: 1280px) {
  html:has(.ai-selection-page) .ai-filter-card.ai-filter-card .el-card__body {
    padding: 14px !important;
  }

  html:has(.ai-selection-page) .ai-filter-row--inputs.ai-filter-row--inputs {
    grid-template-columns: minmax(190px, 1.65fr) repeat(3, minmax(126px, 0.85fr)) 168px !important;
    gap: 8px !important;
  }

  html:has(.ai-selection-page) .ai-filter-row--inputs .ai-filter-range.ai-filter-range {
    grid-template-columns: minmax(56px, 1fr) 8px minmax(56px, 1fr) !important;
  }

  html:has(.ai-selection-page) .ai-filter-row--inputs .ai-filter-range .el-input__wrapper {
    padding: 0 7px !important;
  }
}

@media (max-width: 960px) {
  html:has(.ai-selection-page) .ai-filter-row--inputs.ai-filter-row--inputs {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html:has(.ai-selection-page) .ai-filter-row--toolbar.ai-filter-row--toolbar {
    flex-wrap: wrap !important;
  }

  html:has(.ai-selection-page) .ai-selection-tabs-wrap.ai-selection-tabs-wrap {
    min-height: 0 !important;
    padding: 8px 14px !important;
  }

  html:has(.ai-selection-page) .ai-selection-tabs.ai-selection-tabs {
    flex-wrap: wrap !important;
  }

  html:has(.ai-selection-page) .ai-page-stepper.ai-page-stepper {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    margin: 0 0 14px auto !important;
    transform: none !important;
  }
}

@media (max-width: 640px) {
  html:has(.ai-selection-page) .ai-filter-row--inputs.ai-filter-row--inputs {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* The "包装重量" metric includes a lowercase unit such as "g"; do not clip its descender. */
html .ai-product-item__body .ai-stat-cell.ai-stat-cell:nth-child(11),
html .ai-product-item__body .ai-stat-cell.ai-stat-cell:nth-child(11) .ai-stat-value.ai-stat-value {
  overflow: visible !important;
}

html .ai-product-item__body .ai-stat-cell.ai-stat-cell:nth-child(11) .ai-stat-value.ai-stat-value {
  line-height: 1.45 !important;
  padding-bottom: 2px !important;
  white-space: nowrap !important;
}

/* Header action cleanup: keep only product-facing entries. */
html .siliang-header-actions {
  gap: 10px !important;
  padding-right: 12px !important;
}

html .siliang-header-action {
  height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 0 13px !important;
  border: 1px solid rgba(148, 163, 184, 0.28) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.88) !important;
  color: #334155 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  cursor: pointer !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
  transition: transform 160ms ease, border-color 160ms ease, color 160ms ease, box-shadow 160ms ease, background 160ms ease !important;
}

html .siliang-header-actions .v-user-info {
  height: 34px !important;
  min-width: 108px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 0 13px 0 9px !important;
  border: 1px solid rgba(148, 163, 184, 0.28) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.88) !important;
  color: #334155 !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
  transition: transform 160ms ease, border-color 160ms ease, color 160ms ease, box-shadow 160ms ease, background 160ms ease !important;
  flex: 0 0 auto !important;
  white-space: nowrap !important;
  overflow: visible !important;
}

html .siliang-header-actions .v-user-info > div {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  flex-wrap: nowrap !important;
  min-width: max-content !important;
  white-space: nowrap !important;
  writing-mode: horizontal-tb !important;
}

html .siliang-header-actions .v-user-info:hover,
html .siliang-header-actions .v-user-info:focus-visible {
  transform: translateY(-1px) !important;
  border-color: rgba(0, 122, 255, 0.34) !important;
  color: #0f172a !important;
  background: #ffffff !important;
  box-shadow: 0 12px 26px rgba(15, 23, 42, 0.09), 0 0 0 3px rgba(0, 122, 255, 0.08) !important;
  outline: none !important;
}

html .siliang-header-actions .v-user-info .el-avatar {
  width: 22px !important;
  height: 22px !important;
  box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.08) !important;
}

html .siliang-header-actions .v-user-info span {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  min-width: max-content !important;
  max-width: none !important;
  color: inherit !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  writing-mode: horizontal-tb !important;
}

html .siliang-header-action:hover,
html .siliang-header-action:focus-visible {
  transform: translateY(-1px) !important;
  border-color: rgba(0, 122, 255, 0.34) !important;
  color: #0f172a !important;
  background: #ffffff !important;
  box-shadow: 0 12px 26px rgba(15, 23, 42, 0.09), 0 0 0 3px rgba(0, 122, 255, 0.08) !important;
  outline: none !important;
}

html .siliang-header-action:active {
  transform: translateY(0) scale(0.98) !important;
  box-shadow: 0 6px 14px rgba(15, 23, 42, 0.07), inset 0 1px 2px rgba(15, 23, 42, 0.08) !important;
}

html .siliang-header-action .v-icon,
html .siliang-header-action svg {
  width: 15px !important;
  height: 15px !important;
  flex: 0 0 auto !important;
}

html .siliang-header-action--download {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  color: #075985 !important;
  border-color: rgba(14, 165, 233, 0.28) !important;
  background: linear-gradient(180deg, #f8fcff 0%, #eef8ff 100%) !important;
  position: relative !important;
  overflow: visible !important;
  min-width: 138px !important;
  white-space: nowrap !important;
}

html .siliang-header-action--download.siliang-header-action--has-update {
  min-width: 186px !important;
  padding-right: 15px !important;
  color: #075985 !important;
  border-color: rgba(14, 165, 233, 0.42) !important;
  background: linear-gradient(180deg, #ffffff 0%, #eaf7ff 100%) !important;
}

html .siliang-header-action--download .siliang-plugin-download-label {
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  white-space: nowrap !important;
  line-height: 1 !important;
}

html .siliang-header-action--download .siliang-plugin-version-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  min-width: 62px !important;
  height: 24px !important;
  padding: 0 10px !important;
  border: 1px solid rgba(245, 158, 11, 0.34) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #fffaf0 0%, #ffe3a3 100%) !important;
  color: #92400e !important;
  font-size: 12px !important;
  font-weight: 620 !important;
  line-height: 1 !important;
  letter-spacing: -0.01em !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 5px 12px rgba(245, 158, 11, 0.14) !important;
  white-space: nowrap !important;
}

html .siliang-header-action--download .siliang-plugin-version-badge[hidden] {
  display: none !important;
}

html .siliang-header-action--download.siliang-plugin-version-ready::after {
  content:
    "最新版本  " attr(data-plugin-latest-version) "\A"
    "当前版本  " attr(data-plugin-current-version) "\A"
    "兼容状态  " attr(data-plugin-compatible) "\A"
    attr(data-plugin-description);
  position: absolute;
  top: calc(100% + 12px);
  right: 0;
  z-index: 5000;
  width: 286px;
  padding: 13px 14px;
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 16px;
  color: #0f172a;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 251, 255, 0.98) 100%);
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.86);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.75;
  text-align: left;
  white-space: pre-line;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-4px);
  transition: opacity 0.16s ease, transform 0.16s ease, visibility 0.16s ease;
  pointer-events: none;
}

html .siliang-header-action--download.siliang-plugin-version-ready:hover::after,
html .siliang-header-action--download.siliang-plugin-version-ready:focus-visible::after {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

html .siliang-header-action--profile {
  padding-right: 15px !important;
}

html .siliang-header-action--system-info {
  position: relative !important;
  overflow: visible !important;
  white-space: nowrap !important;
}

html .siliang-header-action--system-info .siliang-system-info-bell {
  width: 16px !important;
  height: 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  color: currentColor !important;
}

html .siliang-header-action--system-info .siliang-system-info-bell svg {
  width: 16px !important;
  height: 16px !important;
}

html .siliang-header-action--system-info .siliang-system-info-label {
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1 !important;
}

html .siliang-header-action--system-info .siliang-system-info-count {
  min-width: 19px !important;
  height: 19px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  padding: 0 5px !important;
  border: 2px solid #ffffff !important;
  border-radius: 999px !important;
  background: #ef4444 !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: -0.02em !important;
  box-shadow: 0 4px 10px rgba(239, 68, 68, 0.24) !important;
  box-sizing: border-box !important;
}

html .siliang-header-action--system-info .siliang-system-info-count[hidden] {
  display: none !important;
}

html .siliang-system-info[hidden] {
  display: none !important;
}

html .siliang-system-info {
  position: fixed !important;
  inset: 0 !important;
  z-index: 4200 !important;
  font-family: inherit !important;
}

html .siliang-system-info__backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(15, 23, 42, 0.26) !important;
  backdrop-filter: blur(8px) !important;
}

html .siliang-system-info__panel {
  position: absolute !important;
  top: 72px !important;
  right: 28px !important;
  width: min(520px, calc(100vw - 32px)) !important;
  max-height: min(680px, calc(100vh - 96px)) !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  border: 1px solid rgba(148, 163, 184, 0.22) !important;
  border-radius: 24px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
  box-shadow: 0 26px 70px rgba(15, 23, 42, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

html .siliang-system-info__header {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 18px !important;
  padding: 22px 24px 18px !important;
  border-bottom: 1px solid rgba(226, 232, 240, 0.88) !important;
}

html .siliang-system-info__eyebrow {
  margin-bottom: 6px !important;
  color: #007aff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
}

html .siliang-system-info__header h2 {
  margin: 0 !important;
  color: #0f172a !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.16 !important;
}

html .siliang-system-info__header p {
  margin: 7px 0 0 !important;
  color: #64748b !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

html .siliang-system-info__close {
  width: 32px !important;
  height: 32px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  border: 1px solid rgba(148, 163, 184, 0.22) !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  color: #475569 !important;
  cursor: pointer !important;
  font-size: 22px !important;
  line-height: 1 !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.07) !important;
  transition: transform 160ms ease, border-color 160ms ease, color 160ms ease, box-shadow 160ms ease !important;
}

html .siliang-system-info__close:hover,
html .siliang-system-info__close:focus-visible {
  transform: translateY(-1px) !important;
  border-color: rgba(0, 122, 255, 0.36) !important;
  color: #0f172a !important;
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.1), 0 0 0 3px rgba(0, 122, 255, 0.08) !important;
  outline: none !important;
}

html .siliang-system-info__body {
  min-height: 190px !important;
  overflow: auto !important;
  padding: 14px !important;
}

html .siliang-system-info__item {
  padding: 15px 16px !important;
  border: 1px solid rgba(226, 232, 240, 0.9) !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.86) !important;
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.05) !important;
}

html .siliang-system-info__item + .siliang-system-info__item {
  margin-top: 10px !important;
}

html .siliang-system-info__item-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin-bottom: 9px !important;
}

html .siliang-system-info__badge {
  display: inline-flex !important;
  align-items: center !important;
  height: 22px !important;
  padding: 0 9px !important;
  border-radius: 999px !important;
  background: #e8f3ff !important;
  color: #075985 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

html .siliang-system-info__badge.is-announcement {
  background: #fff7ed !important;
  color: #c2410c !important;
}

html .siliang-system-info__time {
  color: #94a3b8 !important;
  font-size: 12px !important;
  white-space: nowrap !important;
}

html .siliang-system-info__item h3 {
  margin: 0 !important;
  color: #0f172a !important;
  font-size: 15px !important;
  font-weight: 750 !important;
  line-height: 1.35 !important;
}

html .siliang-system-info__item p {
  margin: 8px 0 0 !important;
  color: #475569 !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
  white-space: pre-wrap !important;
}

html .siliang-system-info__state {
  min-height: 176px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 22px !important;
  border: 1px dashed rgba(148, 163, 184, 0.38) !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
  color: #64748b !important;
  font-size: 14px !important;
  text-align: center !important;
}

html .siliang-system-info__state.is-error {
  border-color: rgba(251, 146, 60, 0.38) !important;
  background: linear-gradient(180deg, #fffaf5 0%, #fff7ed 100%) !important;
  color: #9a3412 !important;
}

@media (max-width: 720px) {
  html .siliang-system-info__panel {
    top: 58px !important;
    right: 12px !important;
    left: 12px !important;
    width: auto !important;
    max-height: calc(100vh - 76px) !important;
    border-radius: 20px !important;
  }

  html .siliang-system-info__header {
    padding: 18px 18px 15px !important;
  }
}

@media (max-width: 900px) {
  html .siliang-header-actions {
    gap: 6px !important;
    padding-right: 6px !important;
  }

  html .siliang-header-action {
    padding: 0 10px !important;
    font-size: 12px !important;
  }
}

/* RuoYi-style sidebar refresh: keep route/permission logic, modernize the visual shell. */
html .v-layout.v-layout__classic {
  --left-menu-bg-color: #f8fafc !important;
  --left-menu-bg-light-color: #f1f5f9 !important;
  --left-menu-bg-active-color: #e8f3ff !important;
  --left-menu-collapse-bg-active-color: #e8f3ff !important;
  --left-menu-text-color: #475467 !important;
  --left-menu-text-active-color: #007aff !important;
  --left-menu-border-color: #e7edf5 !important;
  --left-menu-max-width: 228px !important;
  --left-menu-min-width: 64px !important;
  --logo-height: 72px !important;
}

html .v-layout.v-layout__classic .v-logo {
  height: var(--logo-height) !important;
  padding: 0 14px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(248, 250, 252, 0.94) 100%) !important;
  border-right: 1px solid var(--left-menu-border-color) !important;
  border-bottom: 1px solid rgba(226, 232, 240, 0.9) !important;
  box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.72) !important;
}

html .v-layout.v-layout__classic .v-logo img {
  width: 38px !important;
  height: 38px !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08) !important;
}

html .v-layout.v-layout__classic .v-logo > span,
html .v-layout.v-layout__classic .v-logo [class*="logo-title"] {
  color: #0f172a !important;
  font-size: 15px !important;
  font-weight: 560 !important;
  letter-spacing: 0.01em !important;
}

html .v-layout.v-layout__classic .v-menu.v-menu__vertical {
  top: var(--logo-height) !important;
  width: var(--left-menu-max-width) !important;
  height: calc(100vh - var(--logo-height)) !important;
  padding: 14px 10px 18px !important;
  background:
    linear-gradient(180deg, #f8fafc 0%, #ffffff 42%, #f7fbff 100%) !important;
  border-right: 1px solid var(--left-menu-border-color) !important;
  box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.86), 10px 0 30px rgba(15, 23, 42, 0.035) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

html .v-layout.v-layout__classic .v-menu.v-menu__vertical .el-menu,
html .v-layout.v-layout__classic .v-menu.v-menu__vertical .el-menu.el-menu--vertical,
html .v-layout.v-layout__classic .v-menu.v-menu__vertical .el-menu.el-menu--inline {
  background: transparent !important;
  background-color: transparent !important;
  border-right: 0 !important;
}

html .v-layout.v-layout__classic .v-menu.v-menu__vertical .el-menu-item,
html .v-layout.v-layout__classic .v-menu.v-menu__vertical .el-sub-menu__title {
  position: relative !important;
  min-width: 0 !important;
  height: 40px !important;
  line-height: 40px !important;
  margin: 3px 4px !important;
  padding-right: 12px !important;
  border: 1px solid transparent !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: #475467 !important;
  font-size: 13px !important;
  font-weight: 440 !important;
  letter-spacing: 0.006em !important;
  box-shadow: none !important;
  transition: background 150ms ease, border-color 150ms ease, color 150ms ease, box-shadow 150ms ease, transform 150ms ease !important;
}

html .v-layout.v-layout__classic .v-menu.v-menu__vertical .el-menu-item .el-icon,
html .v-layout.v-layout__classic .v-menu.v-menu__vertical .el-sub-menu__title .el-icon,
html .v-layout.v-layout__classic .v-menu.v-menu__vertical .el-menu-item svg,
html .v-layout.v-layout__classic .v-menu.v-menu__vertical .el-sub-menu__title svg {
  color: #667085 !important;
  width: 17px !important;
  height: 17px !important;
  transition: color 150ms ease, transform 150ms ease !important;
}

html .v-layout.v-layout__classic .v-menu.v-menu__vertical .v-menu__title {
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
}

html .v-layout.v-layout__classic .v-menu.v-menu__vertical .el-menu-item:hover,
html .v-layout.v-layout__classic .v-menu.v-menu__vertical .el-sub-menu__title:hover,
html.light .v-layout.v-layout__classic .v-menu.v-menu__vertical .el-menu.el-menu--inline .el-menu-item:not(.is-active):hover {
  transform: translateX(1px) !important;
  border-color: rgba(0, 122, 255, 0.12) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f0f7ff 100%) !important;
  background-color: #f0f7ff !important;
  color: #0b63ce !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

html .v-layout.v-layout__classic .v-menu.v-menu__vertical .el-menu-item:hover .el-icon,
html .v-layout.v-layout__classic .v-menu.v-menu__vertical .el-sub-menu__title:hover .el-icon,
html .v-layout.v-layout__classic .v-menu.v-menu__vertical .el-menu-item:hover svg,
html .v-layout.v-layout__classic .v-menu.v-menu__vertical .el-sub-menu__title:hover svg {
  color: #007aff !important;
}

html .v-layout.v-layout__classic .v-menu.v-menu__vertical .el-menu-item.is-active,
html .v-layout.v-layout__classic .v-menu.v-menu__vertical .el-sub-menu.is-active > .el-sub-menu__title,
html .v-layout.v-layout__classic .v-menu.v-menu__vertical .el-menu .is-active > .el-sub-menu__title,
html.light .v-layout.v-layout__classic .v-menu.v-menu__vertical .el-menu.el-menu--vertical .el-menu-item.is-active,
html.light .v-layout.v-layout__classic .v-menu.v-menu__vertical .el-menu.el-menu--inline .el-menu-item.is-active,
html.light .v-layout.v-layout__classic .v-menu.v-menu__vertical .el-menu .el-sub-menu.is-active > .el-sub-menu__title,
html.light .v-layout.v-layout__classic .v-menu.v-menu__vertical .el-menu .is-active > .el-sub-menu__title {
  border-color: rgba(0, 122, 255, 0.16) !important;
  background: linear-gradient(180deg, #eff8ff 0%, #e7f2ff 100%) !important;
  background-color: #e7f2ff !important;
  color: #006adc !important;
  font-weight: 520 !important;
  box-shadow: 0 10px 22px rgba(0, 122, 255, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

html .v-layout.v-layout__classic .v-menu.v-menu__vertical .el-menu-item.is-active .el-icon,
html .v-layout.v-layout__classic .v-menu.v-menu__vertical .el-sub-menu.is-active > .el-sub-menu__title .el-icon,
html .v-layout.v-layout__classic .v-menu.v-menu__vertical .el-menu .is-active > .el-sub-menu__title .el-icon,
html .v-layout.v-layout__classic .v-menu.v-menu__vertical .el-menu-item.is-active svg,
html .v-layout.v-layout__classic .v-menu.v-menu__vertical .el-sub-menu.is-active > .el-sub-menu__title svg,
html .v-layout.v-layout__classic .v-menu.v-menu__vertical .el-menu .is-active > .el-sub-menu__title svg {
  color: #007aff !important;
}

html .v-layout.v-layout__classic .v-menu.v-menu__vertical .el-menu-item.is-active::before {
  content: "" !important;
  position: absolute !important;
  top: 9px !important;
  left: -6px !important;
  width: 3px !important;
  height: 22px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #2aa8ff 0%, #007aff 100%) !important;
  box-shadow: 0 0 0 3px rgba(0, 122, 255, 0.08) !important;
}

html .v-layout.v-layout__classic .v-menu.v-menu__vertical .el-sub-menu .el-menu {
  margin: 2px 0 8px !important;
  padding: 2px 0 2px 10px !important;
  background: transparent !important;
}

html .v-layout.v-layout__classic .v-menu.v-menu__vertical .el-sub-menu .el-menu-item {
  width: auto !important;
  height: 36px !important;
  line-height: 36px !important;
  margin: 2px 4px 2px 12px !important;
  padding-left: 28px !important;
  border-radius: 10px !important;
  color: #5b6678 !important;
  font-size: 12.5px !important;
}

html .v-layout.v-layout__classic .v-menu.v-menu__vertical .el-sub-menu .el-menu-item::after {
  content: "" !important;
  position: absolute !important;
  left: 14px !important;
  top: 50% !important;
  width: 4px !important;
  height: 4px !important;
  border-radius: 999px !important;
  background: #cbd5e1 !important;
  transform: translateY(-50%) !important;
}

html .v-layout.v-layout__classic .v-menu.v-menu__vertical .el-sub-menu .el-menu-item.is-active::after,
html .v-layout.v-layout__classic .v-menu.v-menu__vertical .el-sub-menu .el-menu-item:hover::after {
  background: #007aff !important;
}

html .v-layout.v-layout__classic .v-menu.v-menu__vertical .el-sub-menu__icon-arrow {
  right: 12px !important;
  color: #98a2b3 !important;
}

html .v-layout.v-layout__classic .v-menu.v-menu__vertical .el-menu--collapse .el-menu-item,
html .v-layout.v-layout__classic .v-menu.v-menu__vertical .el-menu--collapse .el-sub-menu__title {
  width: 42px !important;
  height: 42px !important;
  margin: 4px auto !important;
  padding: 0 !important;
  justify-content: center !important;
  border-radius: 14px !important;
}

html .v-layout.v-layout__classic .v-menu.v-menu__vertical .el-menu--collapse .v-menu__title,
html .v-layout.v-layout__classic .v-menu.v-menu__vertical .el-menu--collapse .el-sub-menu__icon-arrow {
  display: none !important;
}

html .v-menu-popper--vertical .el-menu,
html .v-menu-popper--horizontal .el-menu {
  padding: 8px !important;
  border: 1px solid rgba(226, 232, 240, 0.9) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.98) !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.14) !important;
}

html .v-menu-popper--vertical .el-menu-item,
html .v-menu-popper--vertical .el-sub-menu__title,
html .v-menu-popper--horizontal .el-menu-item,
html .v-menu-popper--horizontal .el-sub-menu__title {
  height: 38px !important;
  line-height: 38px !important;
  margin: 2px 0 !important;
  border-radius: 10px !important;
  color: #475467 !important;
}

/* User management density polish: keep RuoYi logic, fix wrapped labels and bulky row actions. */
html .v-layout.v-layout__classic .el-form--inline .el-form-item {
  margin-right: 18px !important;
  margin-bottom: 14px !important;
  align-items: center !important;
}

html .v-layout.v-layout__classic .el-form--inline .el-form-item__label {
  width: 82px !important;
  flex: 0 0 82px !important;
  justify-content: flex-end !important;
  padding-right: 12px !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow: visible !important;
  line-height: 36px !important;
}

html .v-layout.v-layout__classic .el-form--inline .el-form-item__content {
  min-width: 0 !important;
  line-height: 36px !important;
}

html .v-layout.v-layout__classic .el-table th.el-table__cell > .cell,
html .v-layout.v-layout__classic .el-table td.el-table__cell > .cell {
  white-space: nowrap !important;
  word-break: keep-all !important;
}

html .v-layout.v-layout__classic .el-table th.el-table__cell > .cell {
  color: #667085 !important;
  font-size: 12.5px !important;
  font-weight: 560 !important;
  letter-spacing: 0 !important;
}

html .v-layout.v-layout__classic .el-table td.el-table__cell {
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}

html .v-layout.v-layout__classic .el-table .flex.items-center.justify-center {
  flex-wrap: nowrap !important;
  gap: 5px !important;
}

html .v-layout.v-layout__classic .el-table .el-button.is-link {
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 9px !important;
  border: 1px solid rgba(0, 122, 255, 0.22) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #ffffff 0%, #edf6ff 100%) !important;
  color: #006adc !important;
  font-size: 12.5px !important;
  font-weight: 520 !important;
  line-height: 26px !important;
  text-decoration: none !important;
  box-shadow: 0 4px 10px rgba(0, 122, 255, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
  transition: transform 150ms ease, border-color 150ms ease, background 150ms ease, box-shadow 150ms ease !important;
}

html .v-layout.v-layout__classic .el-table .el-button.is-link + .el-button.is-link,
html .v-layout.v-layout__classic .el-table .el-dropdown + .el-button.is-link,
html .v-layout.v-layout__classic .el-table .el-button.is-link + .el-dropdown {
  margin-left: 0 !important;
}

html .v-layout.v-layout__classic .el-table .el-button.is-link:hover,
html .v-layout.v-layout__classic .el-table .el-dropdown:hover .el-button.is-link {
  transform: translateY(-1px) !important;
  border-color: rgba(0, 122, 255, 0.38) !important;
  background: linear-gradient(180deg, #f8fbff 0%, #dcebff 100%) !important;
  color: #005ecb !important;
  box-shadow: 0 7px 15px rgba(0, 122, 255, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.98) !important;
}

html .v-layout.v-layout__classic .el-table .el-button.is-link .el-icon,
html .v-layout.v-layout__classic .el-table .el-button.is-link svg {
  width: 13px !important;
  height: 13px !important;
  margin-right: 2px !important;
}

html .v-layout.v-layout__classic .el-table .el-switch {
  --el-switch-on-color: #2f9bff !important;
  --el-switch-off-color: #e8eef6 !important;
}

@media (max-width: 1360px) {
  html .v-layout.v-layout__classic .el-form--inline .el-form-item__label {
    width: 76px !important;
    flex-basis: 76px !important;
  }
}

/* Product card commission tiers: keep rFBS / FBP values inside their table cells. */
html .ai-product-item__body .ai-stat-section .ai-stat-cell.ai-stat-cell:nth-child(3),
html .ai-product-item__body .ai-stat-section .ai-stat-cell.ai-stat-cell:nth-child(4) {
  overflow: hidden !important;
}

html .ai-product-item__body .ai-stat-section .ai-stat-cell.ai-stat-cell:nth-child(3) .ai-stat-value.ai-stat-value,
html .ai-product-item__body .ai-stat-section .ai-stat-cell.ai-stat-cell:nth-child(4) .ai-stat-value.ai-stat-value {
  display: flex !important;
  flex-wrap: wrap !important;
  align-content: center !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px 3px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  white-space: normal !important;
}

html .ai-product-item__body .ai-stat-section .ai-stat-cell.ai-stat-cell:nth-child(3) .ai-stat-value.ai-stat-value .el-tag,
html .ai-product-item__body .ai-stat-section .ai-stat-cell.ai-stat-cell:nth-child(4) .ai-stat-value.ai-stat-value .el-tag {
  flex: 0 1 auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 3px !important;
  overflow: hidden !important;
  font-size: 9.5px !important;
  line-height: 16px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
/* Shop bind dialog: large-form layout with inline examples */
.shop-bind-dialog .el-dialog,
.shop-bind-example-dialog .el-dialog {
  border-radius: 24px;
  overflow: hidden;
  background: linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);
  box-shadow: 0 26px 78px rgba(15, 23, 42, 0.2);
}

.shop-bind-dialog .el-dialog__header {
  display: flex;
  align-items: center;
  min-height: 66px;
  margin: 0;
  padding: 0 36px;
  border-bottom: 1px solid rgba(226, 232, 240, 0.88);
  background:
    radial-gradient(circle at 34px 0, rgba(37, 99, 235, 0.12), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.92));
}

.shop-bind-dialog .el-dialog__title {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #111827;
  font-size: 18px;
  font-weight: 580;
  letter-spacing: 0.01em;
}

.shop-bind-dialog .el-dialog__title::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: linear-gradient(135deg, #3b82f6, #06b6d4);
  box-shadow: 0 0 0 5px rgba(37, 99, 235, 0.1);
}

.shop-bind-dialog .el-dialog__headerbtn {
  top: 17px;
  right: 30px;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  transition: background 160ms ease, transform 160ms ease;
}

.shop-bind-dialog .el-dialog__headerbtn:hover {
  background: rgba(15, 23, 42, 0.06);
  transform: translateY(-1px);
}

.shop-bind-dialog .el-dialog__headerbtn .el-dialog__close {
  color: #64748b;
  font-size: 18px;
}

.shop-bind-dialog .com-dialog .el-dialog__body,
.shop-bind-dialog .el-dialog__body {
  padding: 28px 36px 8px;
}

.shop-bind-dialog .el-dialog__footer {
  padding: 14px 34px 24px;
}

.shop-bind-form {
  max-width: 1060px;
  margin: 0 auto;
  padding: 4px 0 2px;
}

.shop-bind-intro {
  margin: 0 0 22px;
  padding: 18px 20px;
  border: 1px solid rgba(37, 99, 235, 0.1);
  border-radius: 18px;
  background:
    radial-gradient(circle at top left, rgba(37, 99, 235, 0.12), transparent 34%),
    linear-gradient(135deg, rgba(248, 250, 252, 0.98), rgba(255, 255, 255, 0.96));
}

.shop-bind-intro__title {
  color: #0f172a;
  font-size: 19px;
  font-weight: 650;
  line-height: 26px;
}

.shop-bind-intro__desc {
  margin-top: 5px;
  color: #64748b;
  font-size: 13px;
  line-height: 20px;
}

.shop-bind-row {
  margin-bottom: 24px;
}

.shop-bind-form-item {
  margin-bottom: 0 !important;
}

.shop-bind-form-item .el-form-item__content {
  display: block;
}

.shop-bind-field {
  display: grid;
  grid-template-columns: 164px minmax(0, 1fr) 116px;
  align-items: center;
  gap: 12px;
}

.shop-bind-label {
  color: #1f2937;
  font-size: 16px;
  font-weight: 450;
  line-height: 24px;
  white-space: nowrap;
  text-align: right;
}

.shop-bind-required {
  margin-right: 4px;
  color: #ef4444;
}

.shop-bind-input {
  width: 100%;
}

.shop-bind-input .el-input__wrapper,
.shop-bind-select .el-select__wrapper {
  min-height: 58px;
  border-radius: 13px;
  box-shadow: 0 0 0 1px rgba(148, 163, 184, 0.34) inset;
  transition: box-shadow 160ms ease, transform 160ms ease, background 160ms ease;
}

.shop-bind-input .el-input__wrapper:hover,
.shop-bind-select .el-select__wrapper:hover {
  box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.36) inset, 0 10px 24px rgba(15, 23, 42, 0.06);
}

.shop-bind-input .el-input__wrapper.is-focus,
.shop-bind-select .el-select__wrapper.is-focused {
  box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.76) inset, 0 0 0 4px rgba(37, 99, 235, 0.1);
}

.shop-bind-input .el-input__inner,
.shop-bind-select .el-select__placeholder,
.shop-bind-select .el-select__selected-item {
  font-size: 16px;
}

.shop-bind-input .el-input__inner::placeholder {
  color: #b8bec8;
}

.shop-bind-example-link {
  justify-self: stretch;
  width: 100%;
  min-width: 0;
  height: 44px;
  padding: 0 14px !important;
  border: 1px solid rgba(37, 99, 235, 0.18) !important;
  border-radius: 13px !important;
  background: linear-gradient(180deg, #f8fbff, #eef5ff) !important;
  color: #1d4ed8 !important;
  font-size: 14px;
  font-weight: 520;
  white-space: nowrap;
  box-shadow: 0 8px 20px rgba(37, 99, 235, 0.08);
  transition: background 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.shop-bind-example-link:hover {
  background: linear-gradient(180deg, #eff6ff, #dbeafe) !important;
  box-shadow: 0 12px 24px rgba(37, 99, 235, 0.14);
  text-decoration: none;
  transform: translateY(-1px);
}

.shop-bind-status {
  display: flex;
  align-items: center;
  gap: 22px;
  margin-left: 176px;
  padding-top: 2px;
}

.shop-bind-status__label {
  color: #64748b;
  font-size: 14px;
}

.shop-bind-radio-group .el-radio {
  margin-right: 22px;
}

.shop-bind-submit {
  min-width: 108px;
  height: 40px;
  border-radius: 12px;
  background: linear-gradient(135deg, #2563eb, #1d4ed8);
  border: 0;
  box-shadow: 0 12px 24px rgba(37, 99, 235, 0.22);
}

.shop-bind-cancel {
  min-width: 92px;
  height: 40px;
  border-radius: 12px;
}

.shop-bind-example {
  padding: 6px 8px 14px;
  text-align: center;
}

.shop-bind-example__img {
  display: block;
  max-width: 100%;
  max-height: 68vh;
  margin: 0 auto;
  border-radius: 14px;
  object-fit: contain;
  box-shadow: 0 14px 40px rgba(15, 23, 42, 0.14);
}

.shop-bind-example__empty {
  padding: 42px 0;
  color: #94a3b8;
  font-size: 14px;
}

@media (max-width: 820px) {
  .shop-bind-dialog .el-dialog {
    width: calc(100vw - 24px) !important;
  }

  .shop-bind-dialog .com-dialog .el-dialog__body,
  .shop-bind-dialog .el-dialog__body {
    padding: 0 18px 8px;
  }

  .shop-bind-field {
    grid-template-columns: 1fr;
    gap: 9px;
  }

  .shop-bind-status {
    margin-left: 0;
  }
}

/* Realtime product-card update hint: compact metal-silver surface. */
html .ai-selection-page .ai-capture-loading {
  background:
    radial-gradient(circle at 18% 12%, rgba(255, 255, 255, 0.62), transparent 34%),
    rgba(226, 232, 240, 0.38) !important;
  backdrop-filter: blur(8px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(8px) saturate(1.08) !important;
}

html .ai-selection-page .ai-capture-loading__panel {
  border: 1px solid rgba(148, 163, 184, 0.42) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.94) 0%, rgba(236, 240, 245, 0.9) 38%, rgba(198, 207, 218, 0.82) 100%),
    #e5e7eb !important;
  box-shadow:
    0 16px 34px rgba(15, 23, 42, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    inset 0 -1px 0 rgba(100, 116, 139, 0.16) !important;
}

html .ai-selection-page .ai-capture-loading__text {
  color: #1f2937 !important;
  font-weight: 560 !important;
}

html .ai-selection-page .ai-capture-loading__subtext {
  color: #64748b !important;
}

html .ai-selection-page .ai-capture-loading__spinner {
  border-color: rgba(100, 116, 139, 0.22) !important;
  border-top-color: #475569 !important;
}

html .ai-selection-page .ai-capture-loading__bar {
  background: linear-gradient(90deg, rgba(148, 163, 184, 0), rgba(71, 85, 105, 0.72), rgba(255, 255, 255, 0.9), rgba(71, 85, 105, 0.72), rgba(148, 163, 184, 0)) !important;
}

html .ai-selection-page .ai-realtime-hint.ai-realtime-hint {
  border-color: rgba(148, 163, 184, 0.4) !important;
  background: linear-gradient(145deg, #f8fafc 0%, #e5e7eb 48%, #cbd5e1 100%) !important;
  color: #334155 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    inset 0 -1px 0 rgba(100, 116, 139, 0.12),
    0 6px 14px rgba(15, 23, 42, 0.08) !important;
}

/* Product card operations matrix: 20 metrics, five compact cells per row. */
html .ai-product-item__body .ai-stat-grid.ai-stat-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  grid-auto-flow: row !important;
  gap: 0 !important;
}

html .ai-product-item__body .ai-stat-section .ai-stat-cell.ai-stat-cell {
  grid-column: auto !important;
  grid-row: auto !important;
  min-width: 0 !important;
}

html .ai-product-item__body .ai-stat-section .ai-stat-cell.ai-stat-cell:nth-child(5n) {
  border-right: 0 !important;
}

html .ai-product-item__body .ai-stat-section .ai-stat-cell.ai-stat-cell:nth-child(16),
html .ai-product-item__body .ai-stat-section .ai-stat-cell.ai-stat-cell:nth-child(17),
html .ai-product-item__body .ai-stat-section .ai-stat-cell.ai-stat-cell:nth-child(18),
html .ai-product-item__body .ai-stat-section .ai-stat-cell.ai-stat-cell:nth-child(19),
html .ai-product-item__body .ai-stat-section .ai-stat-cell.ai-stat-cell:nth-child(20) {
  border-bottom: 0 !important;
}

html .ai-product-item__body .ai-stat-section .ai-stat-cell.ai-stat-cell:nth-child(1) {
  border-top-left-radius: 8px !important;
}

html .ai-product-item__body .ai-stat-section .ai-stat-cell.ai-stat-cell:nth-child(5) {
  border-top-right-radius: 8px !important;
}

html .ai-product-item__body .ai-stat-section .ai-stat-cell.ai-stat-cell:nth-child(16) {
  border-bottom-left-radius: 8px !important;
}

html .ai-product-item__body .ai-stat-section .ai-stat-cell.ai-stat-cell:nth-child(20) {
  border-bottom-right-radius: 8px !important;
}

/* Codex fix 2026-07-01: product-card metric matrix must fill the card body, not shrink to content. */
html .ai-selection-page .ai-product-item__main.ai-product-item__main {
  align-items: stretch !important;
}

html .ai-selection-page .ai-product-item__body.ai-product-item__body {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
}

html .ai-selection-page .ai-product-item__body .ai-stat-section.ai-stat-section {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  box-sizing: border-box !important;
  grid-column: 1 / -1 !important;
}

html .ai-selection-page .ai-product-item__body .ai-stat-grid.ai-stat-grid {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  grid-template-columns: repeat(5, minmax(72px, 1fr)) !important;
  align-items: stretch !important;
}

html .ai-selection-page .ai-product-item__body .ai-stat-cell.ai-stat-cell {
  min-width: 0 !important;
  width: auto !important;
  min-height: 50px !important;
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  white-space: normal !important;
}

html .ai-selection-page .ai-product-item__body .ai-stat-label.ai-stat-label,
html .ai-selection-page .ai-product-item__body .ai-stat-value.ai-stat-value {
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
}

/* Product card metrics IA: 15 primary metrics (3 x 5) + secondary metric chips. */
html .ai-selection-page .ai-selection-list.ai-selection-list {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

html .ai-selection-page .ai-product-item.ai-product-item {
  width: 100% !important;
}

html .ai-selection-page .ai-stat-section.ai-stat-section {
  padding: 12px !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, #fbfdff 0%, #f6f8fb 100%) !important;
  border: 1px solid #e6edf5 !important;
}

html .ai-selection-page .ai-stat-group + .ai-stat-group {
  margin-top: 10px !important;
}

html .ai-selection-page .ai-stat-group-title {
  margin: 0 0 6px !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  color: #475569 !important;
  letter-spacing: 0.01em !important;
}

html .ai-selection-page .ai-stat-group .ai-stat-grid.ai-stat-grid {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

html .ai-selection-page .ai-stat-group .ai-stat-cell.ai-stat-cell {
  min-height: 58px !important;
  padding: 9px 10px !important;
  border: 1px solid #e8eef6 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 6px 14px rgba(15, 23, 42, 0.035) !important;
}

html .ai-selection-page .ai-stat-group .ai-stat-label.ai-stat-label {
  margin-bottom: 5px !important;
  color: #7a8699 !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
}

html .ai-selection-page .ai-stat-group .ai-stat-value.ai-stat-value {
  color: #182230 !important;
  font-size: 15px !important;
  line-height: 1.25 !important;
  font-weight: 760 !important;
}

html .ai-selection-page .ai-stat-cell--sales .ai-stat-value,
html .ai-selection-page .ai-stat-cell--trend .ai-stat-value {
  color: #0a7cff !important;
}

html .ai-selection-page .ai-stat-cell--conversion .ai-stat-value {
  color: #16a34a !important;
}

html .ai-selection-page .ai-stat-cell--traffic .ai-stat-value {
  color: #2563eb !important;
}

html .ai-selection-page .ai-stat-more {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  margin-top: 10px !important;
}

html .ai-selection-page .ai-stat-more__item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  min-height: 26px !important;
  padding: 4px 9px !important;
  border: 1px solid #e7edf5 !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.78) !important;
  color: #64748b !important;
  font-size: 11px !important;
  line-height: 1 !important;
}

html .ai-selection-page .ai-stat-more__item em {
  font-style: normal !important;
  color: #8a94a6 !important;
}

html .ai-selection-page .ai-stat-more__item strong {
  color: #334155 !important;
  font-weight: 700 !important;
}

/* Two-column product card density and vertical-gap correction. */
html .ai-selection-page .ai-product-item__main.ai-product-item__main {
  align-items: flex-start !important;
}

html .ai-selection-page .ai-product-item__media.ai-product-item__media {
  flex: 0 0 148px !important;
  width: 148px !important;
  min-width: 148px !important;
  height: auto !important;
  align-self: flex-start !important;
}

html .ai-selection-page .ai-product-image-wrapper.ai-product-image-wrapper,
html .ai-selection-page .ai-product-item__img.ai-product-item__img {
  width: 148px !important;
  height: 188px !important;
}

html .ai-selection-page .ai-product-item__body.ai-product-item__body {
  align-self: flex-start !important;
  height: auto !important;
  grid-template-rows: auto !important;
  grid-auto-rows: auto !important;
  align-content: start !important;
}

html .ai-selection-page .ai-product-item__below.ai-product-item__below {
  margin-top: 10px !important;
}

/* Compact two-column metric matrix. */
html .ai-selection-page .ai-stat-section.ai-stat-section {
  padding: 8px !important;
  border-radius: 12px !important;
}

html .ai-selection-page .ai-stat-group + .ai-stat-group {
  margin-top: 6px !important;
}

html .ai-selection-page .ai-stat-group-title {
  margin-bottom: 4px !important;
  font-size: 10px !important;
  line-height: 1.15 !important;
}

html .ai-selection-page .ai-stat-group .ai-stat-grid.ai-stat-grid {
  gap: 5px !important;
}

html .ai-selection-page .ai-stat-group .ai-stat-cell.ai-stat-cell {
  min-height: 48px !important;
  padding: 6px 6px !important;
  border-radius: 9px !important;
}

html .ai-selection-page .ai-stat-group .ai-stat-label.ai-stat-label {
  display: -webkit-box !important;
  min-height: 20px !important;
  margin-bottom: 2px !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  font-size: 9.5px !important;
  line-height: 1.08 !important;
}

html .ai-selection-page .ai-stat-group .ai-stat-value.ai-stat-value {
  font-size: 13px !important;
  line-height: 1.15 !important;
}

html .ai-selection-page .ai-stat-more {
  gap: 4px !important;
  margin-top: 6px !important;
}

html .ai-selection-page .ai-stat-more__item {
  min-height: 21px !important;
  padding: 3px 6px !important;
  gap: 3px !important;
  font-size: 9.5px !important;
}

/* Remove the redundant row-level shell around each five-card metric group. */
html .ai-selection-page .ai-stat-group .ai-stat-grid.ai-stat-grid {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

/* Profit calculator: stronger labels and a clearly rounded table surface. */
html .ai-selection-page .ai-price-block.ai-price-block {
  padding: 8px !important;
  border: 1px solid #e3eaf3 !important;
  border-radius: 14px !important;
  background: #f8fafc !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.95) inset, 0 6px 14px rgba(15, 23, 42, 0.035) !important;
}

html .ai-selection-page .ai-price-strip.ai-price-strip {
  padding: 7px !important;
  border: 1px solid #e6ecf4 !important;
  border-radius: 11px !important;
  background: #ffffff !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html .ai-selection-page .ai-price-cell__label.ai-price-cell__label,
html .ai-selection-page .ai-price-cell__label--inline.ai-price-cell__label--inline,
html .ai-selection-page .ai-price-cell__label--min.ai-price-cell__label--min {
  color: #3f4b5d !important;
  font-weight: 650 !important;
}

/* Keep descenders such as the lowercase "g" in weight values fully visible. */
html .ai-selection-page .ai-stat-cell--neutral .ai-stat-value.ai-stat-value {
  overflow: visible !important;
  padding-bottom: 2px !important;
  line-height: 1.35 !important;
  white-space: nowrap !important;
}

/* Remove the redundant capture-compare cards; the same values now live in the metrics grid. */
html .ai-selection-page .ai-collection-snapshot .ai-capture-compare {
  display: none !important;
}

/* Clickable sales metrics should keep the card's numeric hierarchy while clearly signaling a link. */
html .ai-selection-page .ai-stat-value-link.ai-stat-value-link {
  width: 100%;
  appearance: none;
  border: 0;
  background: transparent;
  color: #0f6bdc !important;
  cursor: pointer;
  font: inherit;
  font-weight: 800 !important;
  line-height: 1.28;
  padding: 0;
  text-align: center;
  text-decoration: none;
  text-underline-offset: 3px;
  transition: color 0.16s ease, text-shadow 0.16s ease, transform 0.16s ease;
}

html .ai-selection-page .ai-stat-value-link.ai-stat-value-link:hover {
  color: #0755b8 !important;
  text-decoration: underline;
  text-shadow: 0 6px 14px rgba(37, 99, 235, 0.16);
  transform: translateY(-1px);
}

html .ai-selection-page .ai-stat-value-link.ai-stat-value-link:focus-visible {
  outline: 2px solid rgba(37, 99, 235, 0.32);
  outline-offset: 3px;
  border-radius: 8px;
}

/* Plugin updates must be visible without relying on a manual page refresh. */
html .siliang-header-action--download.siliang-header-action--has-update {
  min-width: 208px !important;
  color: #7c2d12 !important;
  border-color: rgba(245, 158, 11, 0.62) !important;
  background: linear-gradient(180deg, #fffdf7 0%, #fff1c2 100%) !important;
  box-shadow:
    0 0 0 4px rgba(245, 158, 11, 0.12),
    0 12px 28px rgba(180, 83, 9, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

html .siliang-header-action--download.siliang-header-action--has-update .siliang-plugin-version-badge {
  border-color: rgba(217, 119, 6, 0.48) !important;
  background: linear-gradient(180deg, #f97316 0%, #d97706 100%) !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 760 !important;
  letter-spacing: 0 !important;
  box-shadow: 0 6px 14px rgba(217, 119, 6, 0.24) !important;
}

html .siliang-plugin-update-notice {
  position: fixed;
  top: 66px;
  right: 18px;
  z-index: 5200;
  width: min(380px, calc(100vw - 32px));
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px;
  border: 1px solid rgba(245, 158, 11, 0.44);
  border-radius: 14px;
  background: linear-gradient(180deg, #fffdf8 0%, #fff7e6 100%);
  color: #1f2937;
  box-shadow:
    0 20px 50px rgba(15, 23, 42, 0.18),
    0 0 0 4px rgba(245, 158, 11, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

html .siliang-plugin-update-notice__icon {
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #f97316;
  color: #ffffff;
  font-size: 17px;
  font-weight: 800;
  line-height: 1;
  box-shadow: 0 8px 18px rgba(249, 115, 22, 0.28);
  animation: siliang-plugin-notice-pulse 1800ms ease-out infinite;
}

html .siliang-plugin-update-notice__body {
  min-width: 0;
  flex: 1 1 auto;
}

html .siliang-plugin-update-notice__title {
  margin: 0 0 4px;
  color: #111827;
  font-size: 14px;
  font-weight: 760;
  line-height: 1.25;
  letter-spacing: 0;
}

html .siliang-plugin-update-notice__text {
  color: #4b5563;
  font-size: 12.5px;
  font-weight: 500;
  line-height: 1.55;
  letter-spacing: 0;
  overflow-wrap: anywhere;
}

html .siliang-plugin-update-notice__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

html .siliang-plugin-update-notice__download,
html .siliang-plugin-update-notice__later {
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 680;
  line-height: 1;
  letter-spacing: 0;
  cursor: pointer;
  transition: background 140ms ease, border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

html .siliang-plugin-update-notice__download {
  border: 1px solid rgba(217, 119, 6, 0.56);
  background: linear-gradient(180deg, #f97316 0%, #d97706 100%);
  color: #ffffff;
  box-shadow: 0 8px 18px rgba(217, 119, 6, 0.22);
}

html .siliang-plugin-update-notice__download:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

html .siliang-plugin-update-notice__later {
  border: 1px solid rgba(148, 163, 184, 0.36);
  background: rgba(255, 255, 255, 0.82);
  color: #475569;
}

html .siliang-plugin-update-notice__download:not(:disabled):hover,
html .siliang-plugin-update-notice__later:hover {
  transform: translateY(-1px);
}

html .siliang-plugin-update-notice__download:focus-visible,
html .siliang-plugin-update-notice__later:focus-visible {
  outline: 2px solid rgba(245, 158, 11, 0.34);
  outline-offset: 2px;
}

@keyframes siliang-plugin-notice-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(249, 115, 22, 0.28), 0 8px 18px rgba(249, 115, 22, 0.28);
  }
  70% {
    box-shadow: 0 0 0 9px rgba(249, 115, 22, 0), 0 8px 18px rgba(249, 115, 22, 0.28);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(249, 115, 22, 0), 0 8px 18px rgba(249, 115, 22, 0.28);
  }
}

@media (prefers-reduced-motion: reduce) {
  html .siliang-plugin-update-notice__icon {
    animation: none !important;
  }

  html .siliang-plugin-update-notice__download,
  html .siliang-plugin-update-notice__later {
    transition: none !important;
  }
}

@media (max-width: 640px) {
  html .siliang-plugin-update-notice {
    top: 58px;
    right: 10px;
    left: 10px;
    width: auto;
  }
}

html .siliang-cn-radar-pool {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 12px !important;
  padding: 12px !important;
  border: 1px solid rgba(226, 232, 240, 0.95) !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: 0 1px 2px rgba(29, 29, 31, 0.025) !important;
  color: #1d1d1f !important;
}

html [data-cn-radar-hidden-by-public-pool="true"] {
  display: none !important;
}

html .siliang-cn-radar-pool__header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 10px !important;
}

html .siliang-cn-radar-pool__title-wrap {
  min-width: 0 !important;
}

html .siliang-cn-radar-pool__title {
  margin: 0 !important;
  color: #111827 !important;
  font-size: 15px !important;
  font-weight: 680 !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
}

html .siliang-cn-radar-pool__desc {
  margin: 3px 0 0 !important;
  color: #64748b !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

html .siliang-cn-radar-pool__actions {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

html .siliang-cn-radar-pool__refresh,
html .siliang-cn-radar-pool__load-more,
html .siliang-cn-radar-pool__join,
html .siliang-cn-radar-pool__bulk-button {
  min-height: 32px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 9px !important;
  border: 1px solid rgba(203, 213, 225, 0.95) !important;
  background: #ffffff !important;
  color: #1f2937 !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, transform 120ms ease !important;
}

html .siliang-cn-radar-pool__refresh,
html .siliang-cn-radar-pool__load-more,
html .siliang-cn-radar-pool__bulk-button {
  padding: 0 12px !important;
}

html .siliang-cn-radar-pool__join {
  width: 104px !important;
  padding: 0 10px !important;
}

html .siliang-cn-radar-pool__refresh:hover:not(:disabled),
html .siliang-cn-radar-pool__load-more:hover:not(:disabled),
html .siliang-cn-radar-pool__join:hover:not(:disabled),
html .siliang-cn-radar-pool__bulk-button:hover:not(:disabled) {
  border-color: rgba(0, 122, 255, 0.45) !important;
  background: #f7fbff !important;
  color: #007aff !important;
  transform: translateY(-1px) !important;
}

html .siliang-cn-radar-pool__refresh:focus-visible,
html .siliang-cn-radar-pool__load-more:focus-visible,
html .siliang-cn-radar-pool__join:focus-visible,
html .siliang-cn-radar-pool__bulk-button:focus-visible {
  outline: 2px solid rgba(0, 122, 255, 0.24) !important;
  outline-offset: 2px !important;
}

html .siliang-cn-radar-pool__refresh:disabled,
html .siliang-cn-radar-pool__load-more:disabled,
html .siliang-cn-radar-pool__join:disabled,
html .siliang-cn-radar-pool__bulk-button:disabled {
  cursor: not-allowed !important;
  opacity: 0.62 !important;
  transform: none !important;
}

html .siliang-cn-radar-pool__bulk-button.is-primary {
  border-color: rgba(0, 122, 255, 0.72) !important;
  background: #007aff !important;
  color: #ffffff !important;
}

html .siliang-cn-radar-pool__bulk-button.is-primary:hover:not(:disabled) {
  background: #006fe8 !important;
  color: #ffffff !important;
}

html .siliang-cn-radar-pool__metrics {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(120px, 1fr)) !important;
  gap: 8px !important;
  margin-bottom: 10px !important;
}

html .siliang-cn-radar-pool__metric {
  min-width: 0 !important;
  padding: 8px 10px !important;
  border: 1px solid rgba(226, 232, 240, 0.9) !important;
  border-radius: 10px !important;
  background: #f8fafc !important;
}

html .siliang-cn-radar-pool__metric-label,
html .siliang-cn-radar-pool__metric-hint {
  display: block !important;
  color: #64748b !important;
  font-size: 11.5px !important;
  line-height: 1.25 !important;
}

html .siliang-cn-radar-pool__metric-value {
  display: block !important;
  margin: 2px 0 !important;
  color: #0f172a !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
}

html .siliang-cn-radar-pool__bulkbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin: 0 0 10px !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(226, 232, 240, 0.95) !important;
  border-radius: 10px !important;
  background: #f8fafc !important;
}

html .siliang-cn-radar-pool__bulk-info,
html .siliang-cn-radar-pool__bulk-message {
  color: #475569 !important;
  font-size: 12.5px !important;
  font-weight: 560 !important;
  line-height: 1.35 !important;
}

html .siliang-cn-radar-pool__bulk-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 8px !important;
}

html .siliang-cn-radar-pool__bulk-message {
  margin: -2px 0 10px !important;
  padding: 8px 10px !important;
  border-radius: 9px !important;
  background: #eef6ff !important;
  color: #0f4f8f !important;
}

html .siliang-cn-radar-pool__state {
  min-height: 52px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 10px !important;
  border: 1px dashed rgba(148, 163, 184, 0.45) !important;
  border-radius: 12px !important;
  background: #f8fafc !important;
  color: #64748b !important;
  font-size: 13px !important;
}

html .siliang-cn-radar-pool__state.is-error {
  border-color: rgba(239, 68, 68, 0.28) !important;
  background: #fff7f7 !important;
  color: #b42318 !important;
}

html .siliang-cn-radar-pool__table {
  height: clamp(340px, calc(100vh - 330px), 560px) !important;
  max-height: clamp(340px, calc(100vh - 330px), 560px) !important;
  overflow: auto !important;
  border: 1px solid rgba(226, 232, 240, 0.95) !important;
  border-radius: 10px !important;
  background: #ffffff !important;
}

html .siliang-cn-radar-pool__row {
  display: grid !important;
  grid-template-columns: 28px minmax(210px, 2.1fr) minmax(66px, 0.45fr) minmax(78px, 0.5fr) minmax(52px, 0.36fr) minmax(86px, 0.62fr) minmax(104px, 0.72fr) minmax(112px, 0.68fr) !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 8px 12px !important;
  border-top: 1px solid rgba(241, 245, 249, 0.95) !important;
}

html .siliang-cn-radar-pool__row:first-child {
  border-top: 0 !important;
}

html .siliang-cn-radar-pool__row--head {
  position: sticky !important;
  top: 0 !important;
  z-index: 1 !important;
  min-height: 34px !important;
  background: #fafafa !important;
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 650 !important;
}

html .siliang-cn-radar-pool__select-cell {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
}

html .siliang-cn-radar-pool__checkbox {
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  cursor: pointer !important;
  accent-color: #007aff !important;
}

html .siliang-cn-radar-pool__checkbox:disabled {
  cursor: not-allowed !important;
}

html .siliang-cn-radar-pool__shop {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

html .siliang-cn-radar-pool__shop-name {
  min-width: 0 !important;
  overflow: hidden !important;
  color: #0f172a !important;
  font-size: 12.5px !important;
  font-weight: 650 !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html a.siliang-cn-radar-pool__shop-name:hover {
  color: #007aff !important;
  text-decoration: underline !important;
}

html .siliang-cn-radar-pool__shop-url {
  min-width: 0 !important;
  overflow: hidden !important;
  color: #64748b !important;
  font-size: 11.5px !important;
  line-height: 1.35 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html .siliang-cn-radar-pool__cell {
  min-width: 0 !important;
  overflow: hidden !important;
  color: #334155 !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html .siliang-cn-radar-pool__actions-cell {
  display: flex !important;
  justify-content: flex-end !important;
}

html .siliang-cn-radar-pool__footer {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  margin-top: 9px !important;
}

html .siliang-cn-radar-pool__footer-text {
  color: #64748b !important;
  font-size: 12px !important;
}

@media (prefers-reduced-motion: reduce) {
  html .siliang-cn-radar-pool__refresh,
  html .siliang-cn-radar-pool__load-more,
  html .siliang-cn-radar-pool__join,
  html .siliang-cn-radar-pool__bulk-button {
    transition: none !important;
  }
}

@media (max-width: 980px) {
  html .siliang-cn-radar-pool__metrics {
    grid-template-columns: repeat(2, minmax(120px, 1fr)) !important;
  }

  html .siliang-cn-radar-pool__row {
    grid-template-columns: 28px minmax(180px, 1.7fr) minmax(74px, 0.5fr) minmax(56px, 0.38fr) minmax(98px, 0.72fr) minmax(108px, 0.8fr) !important;
  }

  html .siliang-cn-radar-pool__row > :nth-child(4),
  html .siliang-cn-radar-pool__row > :nth-child(6) {
    display: none !important;
  }
}

@media (max-width: 720px) {
  html .siliang-cn-radar-pool {
    padding: 15px !important;
  }

  html .siliang-cn-radar-pool__table {
    height: auto !important;
    max-height: none !important;
  }

  html .siliang-cn-radar-pool__header {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  html .siliang-cn-radar-pool__bulkbar {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  html .siliang-cn-radar-pool__bulk-actions {
    justify-content: flex-start !important;
  }

  html .siliang-cn-radar-pool__metrics {
    grid-template-columns: 1fr !important;
  }

  html .siliang-cn-radar-pool__row,
  html .siliang-cn-radar-pool__row--head {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  html .siliang-cn-radar-pool__row--head {
    display: none !important;
  }

  html .siliang-cn-radar-pool__actions-cell {
    justify-content: flex-start !important;
  }
}

/* Long product-card fields: reduce only category and dimensions values. */
html .ai-selection-page .ai-stat-group:nth-of-type(1) .ai-stat-grid .ai-stat-cell:nth-child(1) .ai-stat-value.ai-stat-value,
html .ai-selection-page .ai-stat-group:nth-of-type(3) .ai-stat-grid .ai-stat-cell:nth-child(2) .ai-stat-value.ai-stat-value,
html .ai-selection-page .ai-stat-section > .ai-stat-grid > .ai-stat-cell:nth-child(1) .ai-stat-value.ai-stat-value,
html .ai-selection-page .ai-stat-section > .ai-stat-grid > .ai-stat-cell:nth-child(12) .ai-stat-value.ai-stat-value {
  display: block !important;
  max-width: 100% !important;
  color: #27364a !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
  text-align: center !important;
}

html .ai-selection-page .ai-stat-group:nth-of-type(3) .ai-stat-grid .ai-stat-cell:nth-child(2) .ai-stat-value.ai-stat-value,
html .ai-selection-page .ai-stat-section > .ai-stat-grid > .ai-stat-cell:nth-child(12) .ai-stat-value.ai-stat-value {
  font-size: 10.5px !important;
  font-variant-numeric: tabular-nums;
}

@media (max-width: 1280px) {
  html .ai-selection-page .ai-stat-group:nth-of-type(1) .ai-stat-grid .ai-stat-cell:nth-child(1) .ai-stat-value.ai-stat-value,
  html .ai-selection-page .ai-stat-group:nth-of-type(3) .ai-stat-grid .ai-stat-cell:nth-child(2) .ai-stat-value.ai-stat-value,
  html .ai-selection-page .ai-stat-section > .ai-stat-grid > .ai-stat-cell:nth-child(1) .ai-stat-value.ai-stat-value,
  html .ai-selection-page .ai-stat-section > .ai-stat-grid > .ai-stat-cell:nth-child(12) .ai-stat-value.ai-stat-value {
    font-size: 10px !important;
    line-height: 1.2 !important;
  }
}

/* AI selection profit/source refinements. */
html .ai-selection-page .ai-price-cell__label--min.ai-price-cell__label--min {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
}

html .ai-selection-page .ai-price-cell__label--min .ai-min-tag,
html .ai-selection-page .ai-price-cell__label--min .ai-min-edit {
  flex: 0 0 auto !important;
}

html .ai-selection-page .ai-price-cell__label--min .ai-min-edit {
  margin-left: 0 !important;
}

html .ai-selection-page .ai-capture-loading {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html .ai-selection-page .ai-capture-loading__panel {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: auto !important;
  max-width: calc(100% - 24px) !important;
  padding: 7px 11px !important;
  border: 1px solid rgba(22, 163, 74, 0.24) !important;
  border-radius: 999px !important;
  background: #f0fdf4 !important;
  box-shadow: 0 8px 18px rgba(21, 128, 61, 0.12) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html .ai-selection-page .ai-capture-loading__text {
  color: #15803d !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

html .ai-selection-page .ai-capture-loading__subtext,
html .ai-selection-page .ai-capture-loading__bar {
  display: none !important;
}

html .ai-selection-page .ai-capture-loading__spinner {
  width: 14px !important;
  height: 14px !important;
  border-color: rgba(22, 163, 74, 0.22) !important;
  border-top-color: #16a34a !important;
}

/* Page-level list loading state; overrides product-card overlay defaults. */
html .ai-selection-page .ai-capture-loading.ai-capture-loading--page {
  position: relative !important;
  inset: auto !important;
  z-index: auto !important;
  min-height: 220px !important;
  margin: 10px 0 14px !important;
  padding: 18px !important;
  border-radius: 12px !important;
  background: transparent !important;
  pointer-events: none !important;
}

html .ai-selection-page .ai-capture-loading--page .ai-capture-loading__panel {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: min(440px, 100%) !important;
  max-width: calc(100% - 24px) !important;
  padding: 16px 18px !important;
  border: 1px solid rgba(148, 163, 184, 0.26) !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.08) !important;
}

html .ai-selection-page .ai-capture-loading--page .ai-capture-loading__spinner {
  width: 18px !important;
  height: 18px !important;
}

html .ai-selection-page .ai-capture-loading--page .ai-capture-loading__text {
  color: #1f2937 !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  white-space: normal !important;
}

html .ai-selection-page .ai-capture-loading--page .ai-capture-loading__subtext {
  display: block !important;
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 420 !important;
  line-height: 1.45 !important;
  text-align: center !important;
}

html .ai-selection-page .ai-capture-loading--page .ai-capture-loading__bar {
  display: block !important;
  width: min(240px, 100%) !important;
  height: 3px !important;
}

html .ai-selection-page .ai-realtime-hint.ai-realtime-hint.is-requesting {
  border-color: rgba(22, 163, 74, 0.22) !important;
  background: #f0fdf4 !important;
  color: #15803d !important;
  box-shadow: none !important;
}

html .ai-selection-page .ai-realtime-hint.ai-realtime-hint.is-requesting .ai-realtime-hint__icon {
  color: #16a34a !important;
}

html .ai-selection-page .ai-source-line.ai-source-line {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
}

html .ai-selection-page .ai-source-line.ai-source-line > .el-input {
  flex: 1 1 0 !important;
  width: auto !important;
  min-width: 0 !important;
}

html .ai-selection-page .ai-source-remove.ai-source-remove {
  flex: 0 0 22px !important;
  width: 22px !important;
  min-width: 22px !important;
  height: 24px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  color: #64748b !important;
  background: #f8fafc !important;
  box-shadow: 0 0 0 1px #e2e8f0 inset !important;
}

html .ai-selection-page .ai-source-remove.ai-source-remove:hover {
  color: #b42318 !important;
  background: #fff1f2 !important;
  box-shadow: 0 0 0 1px rgba(244, 63, 94, 0.22) inset !important;
}

/* Final AI selection header override: reference-aligned and header-only. */
html:has(.ai-selection-page) .ai-filter-row--inputs.ai-filter-row--inputs,
html:has(.ai-selection-page) .ai-filter-row--toolbar.ai-filter-row--toolbar,
html:has(.ai-selection-page) .ai-selection-tabs-wrap.ai-selection-tabs-wrap {
  border-color: #e5e7eb !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs.ai-filter-row--inputs {
  grid-template-columns: minmax(280px, 1.45fr) repeat(3, minmax(0, 0.95fr)) minmax(224px, auto) !important;
  min-height: 100px !important;
  padding: 16px 20px 14px !important;
  gap: 16px !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs .ai-filter-range.ai-filter-range {
  grid-template-columns: minmax(0, 1fr) 18px minmax(0, 1fr) !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs > .ai-filter-field--search-action-v2 {
  grid-template-columns: repeat(2, 106px) !important;
  justify-content: end !important;
  gap: 12px !important;
}

html:has(.ai-selection-page) .ai-filter-row--toolbar.ai-filter-row--toolbar {
  min-height: 72px !important;
  padding: 14px 16px !important;
  gap: 14px !important;
  flex-wrap: nowrap !important;
}

html:has(.ai-selection-page) .ai-filter-toolbar-left.ai-filter-toolbar-left {
  padding-right: 16px !important;
  border-right: 1px solid #e5e7eb !important;
  flex-wrap: nowrap !important;
}

html:has(.ai-selection-page) .ai-filter-toolbar-right.ai-filter-toolbar-right {
  gap: 8px !important;
  flex-wrap: nowrap !important;
}

html:has(.ai-selection-page) .ai-selection-tabs-wrap.ai-selection-tabs-wrap {
  min-height: 96px !important;
  margin-bottom: 14px !important;
  padding: 10px 16px 52px !important;
}

html:has(.ai-selection-page) .ai-selection-tabs.ai-selection-tabs {
  gap: 8px !important;
  flex-wrap: nowrap !important;
}

html:has(.ai-selection-page) .ai-selection-tab.ai-selection-tab {
  height: 38px !important;
  min-height: 38px !important;
  border-radius: 10px !important;
}

@media (min-width: 961px) {
  html:has(.ai-selection-page) .ai-selection-page {
    position: relative !important;
  }

  html:has(.ai-selection-page) .ai-selection-page > .ai-page-stepper.ai-page-stepper {
    position: absolute !important;
    z-index: 3 !important;
    top: 310px !important;
    right: 24px !important;
    width: max-content !important;
    height: 36px !important;
    margin: 0 !important;
    transform: none !important;
  }
}

@media (min-width: 961px) and (max-width: 1280px) {
  html:has(.ai-selection-page) .ai-filter-card.ai-filter-card .el-card__body {
    padding: 16px !important;
  }

  html:has(.ai-selection-page) .ai-filter-row--inputs.ai-filter-row--inputs {
    grid-template-columns: minmax(210px, 1.4fr) repeat(3, minmax(0, 0.9fr)) minmax(172px, auto) !important;
    padding: 16px !important;
    gap: 10px !important;
  }

  html:has(.ai-selection-page) .ai-filter-row--inputs .ai-filter-range.ai-filter-range {
    grid-template-columns: minmax(0, 1fr) 10px minmax(0, 1fr) !important;
  }

  html:has(.ai-selection-page) .ai-filter-row--inputs .ai-filter-range .el-input__wrapper {
    padding: 0 6px !important;
  }

  html:has(.ai-selection-page) .ai-filter-row--inputs .el-input__inner {
    font-size: 12px !important;
  }

  html:has(.ai-selection-page) .ai-filter-row--inputs > .ai-filter-field--search-action-v2 {
    grid-template-columns: repeat(2, minmax(0, 80px)) !important;
    gap: 8px !important;
  }

  html:has(.ai-selection-page) .ai-filter-row--toolbar.ai-filter-row--toolbar {
    min-height: 64px !important;
    padding: 12px !important;
    gap: 10px !important;
  }

  html:has(.ai-selection-page) .ai-filter-toolbar-left.ai-filter-toolbar-left {
    gap: 8px !important;
    padding-right: 12px !important;
  }

  html:has(.ai-selection-page) .ai-filter-row--toolbar .ai-filter-collapse {
    min-width: 82px !important;
    height: 36px !important;
    padding: 0 12px !important;
  }

  html:has(.ai-selection-page) .ai-filter-toolbar-right.ai-filter-toolbar-right {
    gap: 6px !important;
  }

  html:has(.ai-selection-page) .ai-filter-row--toolbar .ai-filter-btn,
  html:has(.ai-selection-page) .ai-filter-row--toolbar .el-button {
    padding: 0 9px !important;
    font-size: 12px !important;
  }
}

@media (max-width: 960px) {
  html:has(.ai-selection-page) .ai-filter-row--inputs.ai-filter-row--inputs {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html:has(.ai-selection-page) .ai-filter-row--toolbar.ai-filter-row--toolbar,
  html:has(.ai-selection-page) .ai-filter-toolbar-right.ai-filter-toolbar-right,
  html:has(.ai-selection-page) .ai-selection-tabs.ai-selection-tabs {
    flex-wrap: wrap !important;
  }

  html:has(.ai-selection-page) .ai-selection-tabs-wrap.ai-selection-tabs-wrap {
    min-height: 0 !important;
    padding: 10px 14px !important;
  }
}

/* Final AI selection bulk action group polish: header toolbar only. */
html:has(.ai-selection-page) .ai-filter-row--toolbar.ai-filter-row--toolbar {
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
}

html:has(.ai-selection-page) .ai-filter-toolbar-right.ai-filter-toolbar-right {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  gap: 8px !important;
  margin-left: auto !important;
}

html:has(.ai-selection-page) .ai-filter-toolbar-right .el-button + .el-button,
html:has(.ai-selection-page) .ai-filter-toolbar-right .el-button + .el-dropdown,
html:has(.ai-selection-page) .ai-filter-toolbar-right .el-dropdown + .el-button {
  margin-left: 0 !important;
}

html:has(.ai-selection-page) .ai-filter-toolbar-right .ai-filter-btn,
html:has(.ai-selection-page) .ai-filter-toolbar-right .el-button,
html:has(.ai-selection-page) .ai-filter-toolbar-right .el-dropdown .ai-filter-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  padding: 0 15px !important;
  border-radius: 10px !important;
  border-width: 1px !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

html:has(.ai-selection-page) .ai-filter-toolbar-right > .el-button:not(.el-button--primary):not(.el-button--success):not(.el-button--danger):not(.el-button--warning):not(.is-disabled),
html:has(.ai-selection-page) .ai-filter-toolbar-right > .ai-filter-btn:not(.ai-filter-btn--purple):not(.ai-filter-btn--cyan):not(.is-disabled) {
  border-color: #d9e2ec !important;
  background: #ffffff !important;
  color: #334155 !important;
}

html:has(.ai-selection-page) .ai-filter-toolbar-right > .el-button:not(.el-button--primary):not(.el-button--success):not(.el-button--danger):not(.el-button--warning):not(.is-disabled):hover,
html:has(.ai-selection-page) .ai-filter-toolbar-right > .ai-filter-btn:not(.ai-filter-btn--purple):not(.ai-filter-btn--cyan):not(.is-disabled):hover {
  border-color: #bdd3ea !important;
  background: #f8fbff !important;
  color: #0f172a !important;
}

html:has(.ai-selection-page) .ai-filter-toolbar-right > .el-button--success,
html:has(.ai-selection-page) .ai-filter-toolbar-right > .el-button.el-button--success {
  min-width: 112px !important;
  border-color: #bce8cf !important;
  background: #eafbf1 !important;
  color: #087a36 !important;
}

html:has(.ai-selection-page) .ai-filter-toolbar-right > .el-button--success:hover,
html:has(.ai-selection-page) .ai-filter-toolbar-right > .el-button.el-button--success:hover {
  border-color: #9bdcb8 !important;
  background: #dcf8e8 !important;
  color: #06672e !important;
}

html:has(.ai-selection-page) .ai-filter-toolbar-right > .el-button--primary,
html:has(.ai-selection-page) .ai-filter-toolbar-right > .ai-filter-btn--purple,
html:has(.ai-selection-page) .ai-filter-toolbar-right .el-dropdown .el-button--primary,
html:has(.ai-selection-page) .ai-filter-toolbar-right .el-dropdown .ai-filter-btn--purple {
  min-width: 112px !important;
  border-color: #147eea !important;
  background: #1683ee !important;
  color: #ffffff !important;
}

html:has(.ai-selection-page) .ai-filter-toolbar-right > .el-button--primary:hover,
html:has(.ai-selection-page) .ai-filter-toolbar-right > .ai-filter-btn--purple:hover,
html:has(.ai-selection-page) .ai-filter-toolbar-right .el-dropdown .el-button--primary:hover,
html:has(.ai-selection-page) .ai-filter-toolbar-right .el-dropdown .ai-filter-btn--purple:hover {
  border-color: #0f73d8 !important;
  background: #0f77df !important;
}

html:has(.ai-selection-page) .ai-filter-toolbar-right .el-dropdown {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: auto !important;
  min-width: 0 !important;
  flex: 0 0 auto !important;
  vertical-align: top !important;
}

html:has(.ai-selection-page) .ai-filter-row--toolbar .ai-filter-toolbar-right .el-dropdown::after {
  content: "更多" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 72px !important;
  height: 40px !important;
  margin-left: 0 !important;
  padding: 0 15px !important;
  border: 1px solid #d9e2ec !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  color: #334155 !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

html:has(.ai-selection-page) .ai-filter-toolbar-right .ai-filter-btn--cyan,
html:has(.ai-selection-page) .ai-filter-toolbar-right > .el-button:last-child {
  min-width: 150px !important;
  border-color: #d9e2ec !important;
  background: #ffffff !important;
  color: #334155 !important;
}

html:has(.ai-selection-page) .ai-filter-toolbar-right .el-button.is-disabled,
html:has(.ai-selection-page) .ai-filter-toolbar-right .ai-filter-btn.is-disabled,
html:has(.ai-selection-page) .ai-filter-toolbar-right .el-button[disabled],
html:has(.ai-selection-page) .ai-filter-toolbar-right .ai-filter-btn[disabled] {
  cursor: not-allowed !important;
  opacity: 0.56 !important;
  box-shadow: none !important;
}

@media (min-width: 961px) and (max-width: 1280px) {
  html:has(.ai-selection-page) .ai-filter-toolbar-right.ai-filter-toolbar-right {
    gap: 7px !important;
  }

  html:has(.ai-selection-page) .ai-filter-toolbar-right .ai-filter-btn,
  html:has(.ai-selection-page) .ai-filter-toolbar-right .el-button,
  html:has(.ai-selection-page) .ai-filter-toolbar-right .el-dropdown .ai-filter-btn {
    padding: 0 12px !important;
    font-size: 13px !important;
  }

  html:has(.ai-selection-page) .ai-filter-row--toolbar .ai-filter-toolbar-right .el-dropdown::after {
    min-width: 64px !important;
    padding: 0 12px !important;
    font-size: 13px !important;
  }

  html:has(.ai-selection-page) .ai-filter-toolbar-right .ai-filter-btn--cyan,
  html:has(.ai-selection-page) .ai-filter-toolbar-right > .el-button:last-child {
    min-width: 132px !important;
  }
}

/* AI selection action group hotfix: keep legacy/destructive buttons hidden. */
html:has(.ai-selection-page) .ai-filter-toolbar-right .ai-filter-btn--legacy-reset-hidden,
html:has(.ai-selection-page) .ai-filter-toolbar-right .ai-filter-btn--legacy-search-hidden,
html:has(.ai-selection-page) .ai-filter-toolbar-right .el-button--danger,
html:has(.ai-selection-page) .ai-filter-toolbar-right .el-button--warning {
  display: none !important;
}

html:has(.ai-selection-page) .ai-filter-toolbar-right .ai-filter-btn:not(.ai-filter-btn--legacy-reset-hidden):not(.ai-filter-btn--legacy-search-hidden),
html:has(.ai-selection-page) .ai-filter-toolbar-right .el-button:not(.el-button--danger):not(.el-button--warning),
html:has(.ai-selection-page) .ai-filter-row--toolbar .ai-filter-toolbar-right .el-dropdown::after {
  border-radius: 10px !important;
}

/* Final AI selection toolbar/tabs correction: header rows only. */
html:has(.ai-selection-page) .ai-filter-toolbar-right .el-dropdown::after,
html:has(.ai-selection-page) .ai-filter-row--toolbar .ai-filter-toolbar-right .el-dropdown::after {
  content: none !important;
  display: none !important;
}

html:has(.ai-selection-page) .ai-filter-toolbar-right > .el-button--primary,
html:has(.ai-selection-page) .ai-filter-toolbar-right > .ai-filter-btn--purple,
html:has(.ai-selection-page) .ai-filter-toolbar-right .el-dropdown .el-button--primary,
html:has(.ai-selection-page) .ai-filter-toolbar-right .el-dropdown .ai-filter-btn--purple {
  color: #ffffff !important;
  text-shadow: none !important;
}

html:has(.ai-selection-page) .ai-filter-toolbar-right > .el-button--primary:hover,
html:has(.ai-selection-page) .ai-filter-toolbar-right > .el-button--primary:focus,
html:has(.ai-selection-page) .ai-filter-toolbar-right > .el-button--primary:active,
html:has(.ai-selection-page) .ai-filter-toolbar-right > .ai-filter-btn--purple:hover,
html:has(.ai-selection-page) .ai-filter-toolbar-right > .ai-filter-btn--purple:focus,
html:has(.ai-selection-page) .ai-filter-toolbar-right > .ai-filter-btn--purple:active,
html:has(.ai-selection-page) .ai-filter-toolbar-right .el-dropdown .el-button--primary:hover,
html:has(.ai-selection-page) .ai-filter-toolbar-right .el-dropdown .el-button--primary:focus,
html:has(.ai-selection-page) .ai-filter-toolbar-right .el-dropdown .el-button--primary:active,
html:has(.ai-selection-page) .ai-filter-toolbar-right .el-dropdown .ai-filter-btn--purple:hover,
html:has(.ai-selection-page) .ai-filter-toolbar-right .el-dropdown .ai-filter-btn--purple:focus,
html:has(.ai-selection-page) .ai-filter-toolbar-right .el-dropdown .ai-filter-btn--purple:active {
  color: #ffffff !important;
  background: #0f77df !important;
  border-color: #0f73d8 !important;
}

html:has(.ai-selection-page) .ai-filter-toolbar-right .el-button--primary.is-disabled,
html:has(.ai-selection-page) .ai-filter-toolbar-right .el-button--primary[disabled],
html:has(.ai-selection-page) .ai-filter-toolbar-right .ai-filter-btn--purple.is-disabled,
html:has(.ai-selection-page) .ai-filter-toolbar-right .ai-filter-btn--purple[disabled] {
  color: #ffffff !important;
  background: #7db9f2 !important;
  border-color: #7db9f2 !important;
  opacity: 0.72 !important;
}

html:has(.ai-selection-page) .ai-selection-tabs-wrap.ai-selection-tabs-wrap {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 60px !important;
  margin-bottom: 14px !important;
  padding: 10px 220px 10px 16px !important;
}

html:has(.ai-selection-page) .ai-selection-tabs.ai-selection-tabs {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

@media (min-width: 961px) {
  html:has(.ai-selection-page) .ai-selection-page > .ai-page-stepper.ai-page-stepper {
    position: absolute !important;
    z-index: 4 !important;
    top: 274px !important;
    right: 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    width: max-content !important;
    height: 36px !important;
    margin: 0 !important;
    transform: none !important;
  }
}

@media (max-width: 960px) {
  html:has(.ai-selection-page) .ai-selection-tabs-wrap.ai-selection-tabs-wrap {
    align-items: stretch !important;
    flex-direction: column !important;
    min-height: 0 !important;
    padding: 10px 14px !important;
    gap: 10px !important;
  }

  html:has(.ai-selection-page) .ai-selection-page > .ai-page-stepper.ai-page-stepper {
    position: static !important;
    justify-content: flex-end !important;
    width: 100% !important;
    margin: 0 !important;
  }
}

/* Final AI selection micro-fixes: remove collapse, align card actions, center tab counts. */
html:has(.ai-selection-page) .ai-filter-row--toolbar .ai-filter-collapse.ai-filter-collapse {
  display: none !important;
}

html:has(.ai-selection-page) .ai-filter-toolbar-left.ai-filter-toolbar-left {
  padding-right: 14px !important;
}

html:has(.ai-selection-page) .ai-product-item__media-actions.ai-product-item__media-actions {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 8px !important;
  width: 100% !important;
  margin-top: 10px !important;
}

html:has(.ai-selection-page) .ai-product-item__media-actions.ai-product-item__media-actions .el-button {
  width: 100% !important;
  height: 34px !important;
  min-height: 34px !important;
  margin: 0 !important;
  border-radius: 9px !important;
  font-size: 13px !important;
  font-weight: 560 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

html:has(.ai-selection-page) .ai-product-item__media-actions .ai-btn-fav,
html:has(.ai-selection-page) .ai-product-item__media-actions .ai-btn-muted {
  border-color: #dbe4ee !important;
  background: #ffffff !important;
  color: #667085 !important;
}

html:has(.ai-selection-page) .ai-product-item__media-actions .ai-btn-blacklist {
  border-color: #f2c7c4 !important;
  background: #fffafa !important;
  color: #d92d20 !important;
}

html:has(.ai-selection-page) .ai-product-item__media-actions .el-button:hover,
html:has(.ai-selection-page) .ai-product-item__media-actions .el-button:focus {
  transform: none !important;
  box-shadow: 0 0 0 3px rgba(24, 119, 242, 0.08) !important;
}

html:has(.ai-selection-page) .ai-selection-tab .ai-selection-tab__badge.ai-selection-tab__badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 28px !important;
  height: 24px !important;
  padding: 0 8px !important;
  line-height: 1 !important;
  text-align: center !important;
  font-variant-numeric: tabular-nums !important;
  box-sizing: border-box !important;
}

/* Final AI selection requested polish: collapse/action buttons/tab counts only. */
html:has(.ai-selection-page) .ai-filter-row--toolbar .ai-filter-collapse,
html:has(.ai-selection-page) .ai-filter-toolbar-left .ai-filter-collapse {
  display: none !important;
}

html:has(.ai-selection-page) .ai-product-item__media-actions.ai-product-item__media-actions {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 9px !important;
  width: 100% !important;
  margin-top: 12px !important;
}

html:has(.ai-selection-page) .ai-product-item__media-actions.ai-product-item__media-actions .el-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 36px !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border-radius: 10px !important;
  border-width: 1px !important;
  font-size: 14px !important;
  font-weight: 560 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, box-shadow 160ms ease !important;
}

html:has(.ai-selection-page) .ai-product-item__media-actions .ai-btn-fav,
html:has(.ai-selection-page) .ai-product-item__media-actions .ai-btn-muted {
  border-color: #d8e2ee !important;
  background: #ffffff !important;
  color: #64748b !important;
}

html:has(.ai-selection-page) .ai-product-item__media-actions .ai-btn-fav:hover,
html:has(.ai-selection-page) .ai-product-item__media-actions .ai-btn-muted:hover,
html:has(.ai-selection-page) .ai-product-item__media-actions .ai-btn-fav:focus,
html:has(.ai-selection-page) .ai-product-item__media-actions .ai-btn-muted:focus {
  border-color: #bfd0e2 !important;
  background: #f8fbff !important;
  color: #334155 !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.08) !important;
}

html:has(.ai-selection-page) .ai-product-item__media-actions .ai-btn-blacklist {
  border-color: #fecaca !important;
  background: #fffafa !important;
  color: #dc2626 !important;
}

html:has(.ai-selection-page) .ai-product-item__media-actions .ai-btn-blacklist:hover,
html:has(.ai-selection-page) .ai-product-item__media-actions .ai-btn-blacklist:focus {
  border-color: #fca5a5 !important;
  background: #fff5f5 !important;
  color: #b91c1c !important;
  box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.08) !important;
}

html:has(.ai-selection-page) .ai-selection-tab.ai-selection-tab {
  display: inline-flex !important;
  align-items: center !important;
}

html:has(.ai-selection-page) .ai-selection-tab.ai-selection-tab .ai-selection-tab__badge.ai-selection-tab__badge {
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 auto !important;
  min-width: 30px !important;
  height: 24px !important;
  margin-left: 8px !important;
  padding: 0 8px !important;
  line-height: 24px !important;
  text-align: center !important;
  vertical-align: middle !important;
  transform: none !important;
}

/* Keep status tabs and pager on one line without overlap at the desktop width. */
html:has(.ai-selection-page) .ai-selection-tabs-wrap.ai-selection-tabs-wrap {
  padding-right: 300px !important;
}

html:has(.ai-selection-page) .ai-selection-tabs.ai-selection-tabs {
  gap: 6px !important;
}

html:has(.ai-selection-page) .ai-selection-tab.ai-selection-tab {
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 9px !important;
  font-size: 12px !important;
}

html:has(.ai-selection-page) .ai-selection-tab .ai-selection-tab__badge.ai-selection-tab__badge {
  min-width: 24px !important;
  height: 22px !important;
  padding: 0 7px !important;
  font-size: 12px !important;
}

@media (min-width: 1400px) {
  html:has(.ai-selection-page) .ai-selection-tabs-wrap.ai-selection-tabs-wrap {
    padding-right: 280px !important;
  }

  html:has(.ai-selection-page) .ai-selection-tab.ai-selection-tab {
    padding: 0 12px !important;
    font-size: 13px !important;
  }

  html:has(.ai-selection-page) .ai-selection-tab .ai-selection-tab__badge.ai-selection-tab__badge {
    min-width: 28px !important;
    height: 24px !important;
    padding: 0 8px !important;
  }
}

/* True final AI selection patch: user requested collapse, card actions, centered counts. */
html:has(.ai-selection-page) .ai-filter-collapse.ai-filter-collapse {
  display: none !important;
}

html:has(.ai-selection-page) .ai-product-item__media-actions.ai-product-item__media-actions {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 9px !important;
  width: 100% !important;
  margin-top: 12px !important;
}

html:has(.ai-selection-page) .ai-product-item__media-actions.ai-product-item__media-actions .el-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 36px !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border-radius: 10px !important;
  line-height: 1 !important;
}

html:has(.ai-selection-page) .ai-selection-tab.ai-selection-tab .ai-selection-tab__badge.ai-selection-tab__badge {
  display: inline-grid !important;
  place-items: center !important;
  min-width: 28px !important;
  height: 24px !important;
  padding: 0 8px !important;
  margin-left: 8px !important;
  line-height: 24px !important;
  text-align: center !important;
  transform: none !important;
}

@media (min-width: 961px) and (max-width: 1280px) {
  html:has(.ai-selection-page) .ai-selection-tabs-wrap.ai-selection-tabs-wrap {
    padding-right: 312px !important;
  }

  html:has(.ai-selection-page) .ai-selection-tabs.ai-selection-tabs {
    gap: 4px !important;
  }

  html:has(.ai-selection-page) .ai-selection-tab.ai-selection-tab {
    padding: 0 5px !important;
    font-size: 11.5px !important;
  }

  html:has(.ai-selection-page) .ai-selection-tab .ai-selection-tab__badge.ai-selection-tab__badge {
    min-width: 22px !important;
    height: 22px !important;
    padding: 0 6px !important;
    font-size: 11.5px !important;
  }
}

/* Production row-lock fix: match the approved local header layout. */
html:has(.ai-selection-page) .ai-filter-row--inputs.ai-filter-row--inputs {
  display: grid !important;
  grid-template-columns:
    minmax(240px, 1.28fr)
    minmax(170px, 0.78fr)
    minmax(210px, 0.9fr)
    minmax(210px, 0.9fr)
    minmax(260px, 1.05fr)
    224px !important;
  align-items: end !important;
  gap: 16px !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs > .ai-filter-field--search-action-v2 {
  display: grid !important;
  grid-template-columns: 106px 106px !important;
  align-items: end !important;
  justify-content: end !important;
  gap: 12px !important;
  grid-column: auto !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs > .ai-filter-field--search-action-v2 .el-button,
html:has(.ai-selection-page) .ai-filter-row--inputs > .ai-filter-field--search-action-v2 .ai-filter-btn {
  width: 106px !important;
  height: 40px !important;
  min-height: 40px !important;
}

html:has(.ai-selection-page) .ai-selection-tabs-wrap.ai-selection-tabs-wrap {
  min-height: 62px !important;
  padding: 10px 300px 10px 16px !important;
  margin-bottom: 0 !important;
}

html:has(.ai-selection-page) .ai-selection-tabs.ai-selection-tabs {
  align-items: center !important;
}

@media (min-width: 961px) {
  html:has(.ai-selection-page) .ai-selection-page > .ai-page-stepper.ai-page-stepper {
    position: absolute !important;
    z-index: 4 !important;
    top: 275px !important;
    right: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: max-content !important;
    height: 36px !important;
    margin: 0 !important;
    transform: none !important;
  }
}

@media (max-width: 1540px) {
  html:has(.ai-selection-page) .ai-filter-row--inputs.ai-filter-row--inputs {
    grid-template-columns:
      minmax(220px, 1.2fr)
      minmax(150px, 0.75fr)
      minmax(178px, 0.88fr)
      minmax(178px, 0.88fr)
      minmax(220px, 1fr)
      196px !important;
    gap: 12px !important;
  }

  html:has(.ai-selection-page) .ai-filter-row--inputs > .ai-filter-field--search-action-v2 {
    grid-template-columns: 92px 92px !important;
    gap: 12px !important;
  }

  html:has(.ai-selection-page) .ai-filter-row--inputs > .ai-filter-field--search-action-v2 .el-button,
  html:has(.ai-selection-page) .ai-filter-row--inputs > .ai-filter-field--search-action-v2 .ai-filter-btn {
    width: 92px !important;
  }
}

@media (max-width: 1280px) {
  html:has(.ai-selection-page) .ai-filter-row--inputs.ai-filter-row--inputs {
    grid-template-columns:
      minmax(132px, 1.16fr)
      minmax(82px, 0.7fr)
      minmax(106px, 0.8fr)
      minmax(106px, 0.8fr)
      minmax(118px, 0.9fr)
      122px !important;
    gap: 7px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  html:has(.ai-selection-page) .ai-filter-row--inputs > .ai-filter-field--search-action-v2 {
    grid-template-columns: 58px 58px !important;
    gap: 6px !important;
  }

  html:has(.ai-selection-page) .ai-filter-row--inputs > .ai-filter-field--search-action-v2 .el-button,
  html:has(.ai-selection-page) .ai-filter-row--inputs > .ai-filter-field--search-action-v2 .ai-filter-btn {
    width: 58px !important;
    padding: 0 5px !important;
    font-size: 13px !important;
  }

  html:has(.ai-selection-page) .ai-filter-row--inputs > .ai-filter-field--search-action-v2 .el-icon,
  html:has(.ai-selection-page) .ai-filter-row--inputs > .ai-filter-field--search-action-v2 svg {
    display: none !important;
  }
}

/* Narrow desktop guard: keep the first filter row inside the white panel. */
@media (max-width: 1180px) {
  html:has(.ai-selection-page) .ai-filter-row--inputs.ai-filter-row--inputs {
    grid-template-columns:
      minmax(120px, 1.15fr)
      minmax(76px, 0.7fr)
      minmax(96px, 0.78fr)
      minmax(96px, 0.78fr)
      minmax(108px, 0.9fr)
      114px !important;
    gap: 6px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    overflow: hidden !important;
  }

  html:has(.ai-selection-page) .ai-filter-row--inputs > .ai-filter-field.ai-filter-field,
  html:has(.ai-selection-page) .ai-filter-row--inputs .ai-filter-input.ai-filter-input,
  html:has(.ai-selection-page) .ai-filter-row--inputs .ai-filter-range.ai-filter-range,
  html:has(.ai-selection-page) .ai-filter-row--inputs .el-input,
  html:has(.ai-selection-page) .ai-filter-row--inputs .el-input__wrapper,
  html:has(.ai-selection-page) .ai-filter-row--inputs .el-input__inner {
    min-width: 0 !important;
  }

  html:has(.ai-selection-page) .ai-filter-row--inputs .ai-filter-range.ai-filter-range {
    grid-template-columns: minmax(0, 1fr) 10px minmax(0, 1fr) !important;
  }

  html:has(.ai-selection-page) .ai-filter-row--inputs .ai-filter-range .el-input__wrapper {
    padding-left: 7px !important;
    padding-right: 7px !important;
  }

  html:has(.ai-selection-page) .ai-filter-row--inputs > .ai-filter-field--search-action-v2 {
    grid-template-columns: 54px 54px !important;
    gap: 6px !important;
  }

  html:has(.ai-selection-page) .ai-filter-row--inputs > .ai-filter-field--search-action-v2 .el-button,
  html:has(.ai-selection-page) .ai-filter-row--inputs > .ai-filter-field--search-action-v2 .ai-filter-btn {
    width: 54px !important;
    padding: 0 4px !important;
  }

  html:has(.ai-selection-page) .ai-filter-row--inputs > .ai-filter-field--search-action-v2 .el-icon {
    display: none !important;
  }
}

@media (max-width: 1040px) {
  html:has(.ai-selection-page) .ai-filter-row--inputs.ai-filter-row--inputs {
    grid-template-columns:
      minmax(108px, 1.12fr)
      minmax(66px, 0.68fr)
      minmax(86px, 0.76fr)
      minmax(86px, 0.76fr)
      minmax(96px, 0.86fr)
      104px !important;
    gap: 5px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  html:has(.ai-selection-page) .ai-filter-row--inputs .ai-filter-field__label.ai-filter-field__label {
    font-size: 12px !important;
  }

  html:has(.ai-selection-page) .ai-filter-row--inputs .ai-filter-range.ai-filter-range {
    grid-template-columns: minmax(0, 1fr) 8px minmax(0, 1fr) !important;
  }

  html:has(.ai-selection-page) .ai-filter-row--inputs .ai-filter-range .el-input__wrapper {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  html:has(.ai-selection-page) .ai-filter-row--inputs .el-input__inner {
    font-size: 12px !important;
  }

  html:has(.ai-selection-page) .ai-filter-row--inputs > .ai-filter-field--search-action-v2 {
    grid-template-columns: 50px 50px !important;
    gap: 4px !important;
  }

  html:has(.ai-selection-page) .ai-filter-row--inputs > .ai-filter-field--search-action-v2 .el-button,
  html:has(.ai-selection-page) .ai-filter-row--inputs > .ai-filter-field--search-action-v2 .ai-filter-btn {
    width: 50px !important;
    padding: 0 3px !important;
    font-size: 12px !important;
  }
}

/* Responsive production guard: the visible filter row has five columns.
 * The offer-id mirror is display:none, so it must not reserve a sixth grid track. */
html:has(.ai-selection-page) .ai-selection-page {
  container-type: inline-size;
}

html:has(.ai-selection-page) .ai-filter-row--inputs.ai-filter-row--inputs {
  grid-template-columns:
    minmax(0, 1.7fr)
    repeat(3, minmax(0, 1fr))
    minmax(152px, 0.78fr) !important;
  gap: 12px !important;
  overflow: visible !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs > .ai-filter-field.ai-filter-field,
html:has(.ai-selection-page) .ai-filter-row--inputs .ai-filter-input.ai-filter-input,
html:has(.ai-selection-page) .ai-filter-row--inputs .ai-filter-range.ai-filter-range,
html:has(.ai-selection-page) .ai-filter-row--inputs .el-input,
html:has(.ai-selection-page) .ai-filter-row--inputs .el-input__wrapper,
html:has(.ai-selection-page) .ai-filter-row--inputs .el-input__inner {
  min-width: 0 !important;
  max-width: 100% !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs > .ai-filter-field--search-action-v2 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  min-width: 0 !important;
  gap: 8px !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs > .ai-filter-field--search-action-v2 .el-button,
html:has(.ai-selection-page) .ai-filter-row--inputs > .ai-filter-field--search-action-v2 .ai-filter-btn {
  width: 100% !important;
  min-width: 0 !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
}

@container (max-width: 960px) {
  html:has(.ai-selection-page) .ai-filter-row--inputs.ai-filter-row--inputs {
    gap: 8px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  html:has(.ai-selection-page) .ai-filter-row--inputs .ai-filter-range.ai-filter-range {
    grid-template-columns: minmax(0, 1fr) 8px minmax(0, 1fr) !important;
    gap: 4px !important;
  }
}

/* Production correction: the second field is the legacy offer-id mirror.
 * Keep it functional in the DOM, but never let it participate in the visible grid. */
html:has(.ai-selection-page) .ai-filter-row--inputs > .ai-filter-field:nth-child(2) {
  display: none !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs.ai-filter-row--inputs {
  grid-template-columns:
    minmax(0, 1.5fr)
    repeat(3, minmax(0, 1fr))
    minmax(152px, 0.86fr) !important;
  grid-auto-flow: row !important;
  align-items: end !important;
  gap: 12px !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs > .ai-filter-field--search-action-v2 {
  grid-column: auto !important;
  grid-row: auto !important;
  align-self: end !important;
}

/* Stage 1 final guard: keep the first-row actions inside the real filter-card width. */
html:has(.ai-selection-page) .ai-filter-card.ai-filter-card {
  container-type: inline-size !important;
  container-name: ai-selection-filter !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs.ai-filter-row--inputs {
  display: grid !important;
  grid-template-columns:
    minmax(0, 1.5fr)
    repeat(3, minmax(0, 1fr))
    minmax(148px, 0.82fr) !important;
  grid-auto-flow: row !important;
  align-items: end !important;
  width: 100% !important;
  min-width: 0 !important;
  gap: 12px !important;
  overflow: visible !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs > .ai-filter-field.ai-filter-field,
html:has(.ai-selection-page) .ai-filter-row--inputs .ai-filter-input.ai-filter-input,
html:has(.ai-selection-page) .ai-filter-row--inputs .ai-filter-range.ai-filter-range,
html:has(.ai-selection-page) .ai-filter-row--inputs .el-input,
html:has(.ai-selection-page) .ai-filter-row--inputs .el-input__wrapper,
html:has(.ai-selection-page) .ai-filter-row--inputs .el-input__inner {
  min-width: 0 !important;
  max-width: 100% !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs .ai-filter-range.ai-filter-range {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 12px minmax(0, 1fr) !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs .ai-filter-range > .el-input {
  width: 100% !important;
  min-width: 0 !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs > .ai-filter-field--search-action-v2 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-column: auto !important;
  grid-row: auto !important;
  align-self: end !important;
  justify-content: stretch !important;
  min-width: 0 !important;
  gap: 8px !important;
}

html:has(.ai-selection-page) .ai-filter-row--inputs > .ai-filter-field--search-action-v2 .el-button,
html:has(.ai-selection-page) .ai-filter-row--inputs > .ai-filter-field--search-action-v2 .ai-filter-btn {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 40px !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 0 8px !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
}

@container ai-selection-filter (max-width: 900px) {
  html:has(.ai-selection-page) .ai-filter-row--inputs.ai-filter-row--inputs {
    grid-template-columns:
      minmax(0, 1.34fr)
      repeat(3, minmax(0, 0.92fr))
      minmax(126px, 0.78fr) !important;
    gap: 8px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  html:has(.ai-selection-page) .ai-filter-row--inputs .ai-filter-range.ai-filter-range {
    grid-template-columns: minmax(0, 1fr) 10px minmax(0, 1fr) !important;
  }

  html:has(.ai-selection-page) .ai-filter-row--inputs .ai-filter-range .el-input__wrapper {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  html:has(.ai-selection-page) .ai-filter-row--inputs > .ai-filter-field--search-action-v2 {
    gap: 6px !important;
  }

  html:has(.ai-selection-page) .ai-filter-row--inputs > .ai-filter-field--search-action-v2 .el-button,
  html:has(.ai-selection-page) .ai-filter-row--inputs > .ai-filter-field--search-action-v2 .ai-filter-btn {
    padding: 0 4px !important;
    font-size: 13px !important;
  }
}

@container ai-selection-filter (max-width: 720px) {
  html:has(.ai-selection-page) .ai-filter-row--inputs.ai-filter-row--inputs {
    grid-template-columns:
      minmax(0, 1.2fr)
      repeat(3, minmax(0, 0.82fr))
      minmax(116px, 0.72fr) !important;
    gap: 6px !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  html:has(.ai-selection-page) .ai-filter-row--inputs .ai-filter-field__label.ai-filter-field__label,
  html:has(.ai-selection-page) .ai-filter-row--inputs .el-input__inner {
    font-size: 12px !important;
  }

  html:has(.ai-selection-page) .ai-filter-row--inputs .ai-filter-range.ai-filter-range {
    grid-template-columns: minmax(0, 1fr) 8px minmax(0, 1fr) !important;
  }

  html:has(.ai-selection-page) .ai-filter-row--inputs .ai-filter-range .el-input__wrapper {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
}

/* Product configuration is intentionally unavailable in the commercial admin UI. */
.v-setting {
  display: none !important;
}