/* MMW_BLUE_GLASS_THEME_START
 * Unified visual layer for the original ecommerce runtime.
 * Keep selectors presentation-only: no layout, visibility, or interaction changes.
 */

:host,
:root {
  --mmw-blue-950: #142d55;
  --mmw-blue-950: oklch(31% 0.075 255);
  --mmw-blue-800: #24518f;
  --mmw-blue-800: oklch(45% 0.115 255);
  --mmw-blue-600: #2f6fdd;
  --mmw-blue-600: oklch(58% 0.17 255);
  --mmw-blue-500: #4784eb;
  --mmw-blue-500: oklch(64% 0.155 255);
  --mmw-blue-200: #c8daf8;
  --mmw-blue-200: oklch(88% 0.055 255);
  --mmw-blue-100: #e8f1ff;
  --mmw-blue-100: oklch(95% 0.025 255);
  --mmw-blue-50: #f5f9ff;
  --mmw-blue-50: oklch(98% 0.01 255);
  --mmw-ink: var(--mmw-blue-950);
  --mmw-muted: #5d708d;
  --mmw-muted: oklch(52% 0.04 255);
  --mmw-line: rgba(123, 163, 221, 0.38);
  --mmw-surface: rgba(248, 252, 255, 0.9);
  --mmw-surface-strong: rgba(255, 255, 255, 0.96);
  --mmw-surface-soft: rgba(231, 241, 255, 0.72);
  --mmw-focus: rgba(47, 111, 221, 0.2);
  --mmw-shadow: 0 8px 24px rgba(42, 83, 139, 0.16);
  --theme-color: var(--mmw-blue-600) !important;
  --el-color-primary: var(--mmw-blue-600) !important;
  --el-color-primary-light-3: #6e9ced !important;
  --el-color-primary-light-5: #9bbcf3 !important;
  --el-color-primary-light-7: #c6d9f8 !important;
  --el-color-primary-light-8: #dbe7fb !important;
  --el-color-primary-light-9: var(--mmw-blue-100) !important;
  --el-color-primary-dark-2: var(--mmw-blue-800) !important;
  --el-text-color-primary: var(--mmw-ink) !important;
  --el-text-color-regular: #385272 !important;
  --el-text-color-secondary: var(--mmw-muted) !important;
  --el-text-color-placeholder: #8799b2 !important;
  --el-border-color: var(--mmw-line) !important;
  --el-border-color-light: rgba(144, 176, 222, 0.32) !important;
  --el-border-color-lighter: rgba(164, 191, 229, 0.24) !important;
  --el-fill-color-blank: rgba(255, 255, 255, 0.78) !important;
  --el-fill-color-light: rgba(230, 240, 255, 0.68) !important;
  --el-fill-color-lighter: rgba(241, 247, 255, 0.72) !important;
  --el-fill-color-extra-light: rgba(248, 251, 255, 0.78) !important;
  --el-fill-color-dark: rgba(196, 216, 244, 0.68) !important;
  --el-bg-color: var(--mmw-surface-strong) !important;
  --el-bg-color-page: var(--mmw-blue-50) !important;
  --el-bg-color-overlay: var(--mmw-surface-strong) !important;
  --el-menu-bg-color: transparent !important;
  --el-menu-hover-bg-color: var(--mmw-blue-100) !important;
  --el-menu-active-color: var(--mmw-blue-600) !important;
  --el-menu-text-color: var(--mmw-ink) !important;
  --el-menu-hover-text-color: var(--mmw-blue-800) !important;
  --el-mask-color: rgba(20, 45, 85, 0.3) !important;
  --el-overlay-color-lighter: rgba(20, 45, 85, 0.28) !important;
  color: var(--mmw-ink);
  font-family: "Microsoft YaHei UI", "Microsoft YaHei", system-ui, sans-serif !important;
}

/* Floating toolbar */
.mcjApp {
  color: var(--mmw-ink) !important;
}

.mcjApp .headerbox2 {
  align-items: center;
  background: rgba(236, 245, 255, 0.86) !important;
  background-image: none !important;
  border: 1px solid var(--mmw-line);
  border-bottom: 0;
  box-shadow: none !important;
  display: flex;
  overflow: hidden;
  position: relative;
  backdrop-filter: blur(18px) saturate(1.15);
  -webkit-backdrop-filter: blur(18px) saturate(1.15);
}

.mcjApp .headerbox2::after {
  background: rgba(255, 255, 255, 0.64);
  border-radius: 50%;
  content: "";
  height: 78px;
  pointer-events: none;
  position: absolute;
  right: -22px;
  top: -42px;
  width: 78px;
}

.mcjApp .headerbox2 .section,
.mcjApp .headerbox2 .section .titleBox {
  align-items: center;
  display: flex;
  justify-content: flex-start;
}

.mcjApp .headerbox2 .section .titleBox {
  color: var(--mmw-blue-950);
  font-size: 17px !important;
  font-weight: 700;
  letter-spacing: 0.04em;
  padding-left: 12px;
}

.mcjApp .headerbox2 .section .titleBox::before {
  content: "MMWGZT电商工具";
  white-space: nowrap;
}

.mcjApp .headerbox2 .section .titleBox img {
  display: none !important;
}

.mcjApp .headerbox2 .xzzsymbol {
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid var(--mmw-blue-200);
  border-radius: 6px;
  filter: saturate(0.45) hue-rotate(175deg);
  height: 17px !important;
  opacity: 0.72;
  padding: 2px;
  width: 17px !important;
  z-index: 1;
}

.mcjApp .mcjMain {
  background: rgba(248, 252, 255, 0.86) !important;
  border-color: var(--mmw-line) !important;
  border-style: solid;
  border-width: 0 1px;
  box-shadow: none !important;
  backdrop-filter: blur(18px) saturate(1.12);
  -webkit-backdrop-filter: blur(18px) saturate(1.12);
}

.mcjApp .mcjMain .el-menu,
.mcjApp .mcjMain .el-menu-demo,
.mcjApp .mcjMain .el-menu--vertical {
  background: transparent !important;
  border: 0 !important;
}

.mcjApp .mcjMain .el-menu-demo .el-menu-item,
.mcjApp .mcjMain .el-menu-demo .el-sub-menu,
.mcjApp .mcjMain .el-menu-demo .el-sub-menu__title {
  background: rgba(255, 255, 255, 0.58) !important;
  border-radius: 8px !important;
  color: var(--mmw-ink) !important;
  transition: background-color 180ms ease, color 180ms ease, box-shadow 180ms ease !important;
}

.mcjApp .mcjMain .el-menu-demo .el-menu-item:hover,
.mcjApp .mcjMain .el-menu-demo .el-sub-menu:hover,
.mcjApp .mcjMain .el-menu-demo .el-sub-menu__title:hover,
.mcjApp .mcjMain .el-menu-demo .el-menu-item.is-active,
.mcjApp .mcjMain .el-menu-demo .el-sub-menu.is-active > .el-sub-menu__title {
  background: var(--mmw-blue-100) !important;
  box-shadow: inset 0 0 0 1px rgba(93, 139, 207, 0.22) !important;
  color: var(--mmw-blue-800) !important;
}

.mcjApp .mcjMain .jclicon,
.mcjApp .mcjfooter .jclicon {
  fill: var(--mmw-blue-800) !important;
}

.mcjApp .mcjMain .el-menu-demo .el-menu-item:hover .jclicon,
.mcjApp .mcjMain .el-menu-demo .el-sub-menu__title:hover .jclicon {
  fill: var(--mmw-blue-600) !important;
}

.mcjApp .mcjMain .version {
  background: transparent !important;
  color: var(--mmw-muted) !important;
  font-variant-numeric: tabular-nums;
}

.mcjApp .mcjfooter {
  background: rgba(235, 244, 255, 0.88) !important;
  border: 1px solid var(--mmw-line);
  border-top: 0;
  box-shadow: none !important;
  backdrop-filter: blur(18px) saturate(1.12);
  -webkit-backdrop-filter: blur(18px) saturate(1.12);
}

.mcjApp .mcjfooter .shrink {
  background: transparent !important;
  color: var(--mmw-blue-800) !important;
}

.mcjApp .mcjfooter .shrink:hover {
  background: rgba(218, 232, 251, 0.72) !important;
  color: var(--mmw-blue-600) !important;
}

.el-menu--popup,
.el-popper,
.el-select__popper,
.el-dropdown__popper,
.el-cascader__dropdown,
.el-picker__popper {
  background: var(--mmw-surface) !important;
  border-color: var(--mmw-line) !important;
  box-shadow: var(--mmw-shadow) !important;
  backdrop-filter: blur(18px) saturate(1.12);
  -webkit-backdrop-filter: blur(18px) saturate(1.12);
}

.el-menu--popup .el-menu-item,
.el-dropdown-menu__item,
.el-select-dropdown__item,
.el-cascader-node {
  color: var(--mmw-ink) !important;
}

.el-menu--popup .el-menu-item:hover,
.el-dropdown-menu__item:hover,
.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover,
.el-cascader-node:hover,
.el-cascader-node.in-active-path {
  background: var(--mmw-blue-100) !important;
  color: var(--mmw-blue-800) !important;
}

/* Dialogs and every ecommerce tool panel */
.el-overlay,
.custom-dialog-overlay,
.frame-dialog-overlay,
.watermark-dialog-overlay,
.remove-noise-dialog-overlay,
.thinking_dialog_mask,
.content-overlay,
.tete-mask {
  background: rgba(20, 45, 85, 0.3) !important;
  backdrop-filter: blur(8px) saturate(0.92);
  -webkit-backdrop-filter: blur(8px) saturate(0.92);
}

.el-dialog,
.custom-dialog,
.frame-dialog,
.watermark-dialog,
.remove-noise-dialog,
.thinking_dialog,
.task_dialog,
.status_box,
.vxe-modal--box,
.batch-result-dialog {
  background: var(--mmw-surface) !important;
  border: 1px solid var(--mmw-line) !important;
  border-radius: 12px !important;
  box-shadow: var(--mmw-shadow) !important;
  color: var(--mmw-ink) !important;
  backdrop-filter: blur(20px) saturate(1.12);
  -webkit-backdrop-filter: blur(20px) saturate(1.12);
}

.el-dialog.tool_dialog,
.tool_dialog,
.tool_dialog_fullscreen {
  background: var(--mmw-surface) !important;
  color: var(--mmw-ink) !important;
  overflow: hidden;
}

/* The removed paid/brand controls no longer reserve a 403px header slot. */
.tool_dialog .diaHead .operate {
  width: auto !important;
  gap: 18px !important;
  justify-content: flex-end !important;
  margin-left: auto !important;
}

.tool_dialog .diaHead .operate > .jclicon {
  flex: 0 0 auto;
}

.el-dialog__header,
.el-dialog__body,
.el-dialog__footer,
.custom-dialog-header,
.custom-dialog-body,
.frame-dialog-header,
.frame-dialog-content,
.frame-dialog-footer,
.watermark-dialog-header,
.watermark-dialog-content,
.watermark-dialog-footer,
.thinking_dialog_header,
.thinking_dialog_body,
.batch-result-dialog__header,
.batch-result-dialog__body,
.batch-result-dialog__footer {
  background: transparent !important;
  color: var(--mmw-ink) !important;
}

.el-dialog__header,
.custom-dialog-header,
.frame-dialog-header,
.watermark-dialog-header,
.thinking_dialog_header,
.batch-result-dialog__header {
  border-bottom-color: var(--mmw-line) !important;
}

.el-dialog__footer,
.custom-dialog-footer,
.frame-dialog-footer,
.watermark-dialog-footer,
.batch-result-dialog__footer {
  border-top-color: var(--mmw-line) !important;
}

.el-dialog__title,
.diaHead .title,
.dialog_header,
.custom-dialog-title,
.frame-dialog-title,
.watermark-dialog-title,
.thinking_dialog_title,
.batch-result-dialog__title,
.move-header-left {
  color: var(--mmw-blue-950) !important;
}

.el-dialog__headerbtn,
.el-dialog__close,
.custom-dialog-close,
.frame-dialog-close,
.watermark-dialog-close,
.thinking_dialog_close,
.batch-result-dialog__close {
  color: var(--mmw-blue-800) !important;
}

.el-dialog__headerbtn:hover,
.custom-dialog-close:hover,
.frame-dialog-close:hover,
.watermark-dialog-close:hover,
.thinking_dialog_close:hover,
.batch-result-dialog__close:hover {
  background: var(--mmw-blue-100) !important;
  color: var(--mmw-blue-600) !important;
}

.diaHead .myProgress,
.status_box,
.progress-container,
.retry-dialog,
.pdd-rule-dialog,
.skuSelectDialog,
.expand-dialog,
.image-dialog {
  background: rgba(237, 245, 255, 0.76) !important;
  border-color: var(--mmw-line) !important;
  color: var(--mmw-ink) !important;
}

/* Tabs and navigation states */
.el-tabs__header,
.SelectionTool .menu-list,
.headerSec,
.my-header,
.footer_tools,
.product_tools {
  border-color: var(--mmw-line) !important;
}

.el-tabs__item,
.nav-btn {
  color: var(--mmw-muted) !important;
  transition: color 180ms ease, background-color 180ms ease !important;
}

.el-tabs__item:hover,
.el-tabs__item.is-active,
.nav-btn:hover,
.nav-btn.active {
  color: var(--mmw-blue-600) !important;
}

.el-tabs__active-bar {
  background: var(--mmw-blue-600) !important;
}

.el-tabs__nav-wrap::after {
  background: var(--mmw-line) !important;
}

/* Forms */
.el-input__wrapper,
.el-select__wrapper,
.el-textarea__inner,
.el-input-number,
.el-cascader .el-input__wrapper,
.el-date-editor,
.el-range-editor,
.el-upload-dragger,
.searchContainer,
.table__search-container {
  background: rgba(255, 255, 255, 0.72) !important;
  border-color: var(--mmw-line) !important;
  box-shadow: inset 0 0 0 1px var(--mmw-line) !important;
  color: var(--mmw-ink) !important;
}

.el-input__wrapper:hover,
.el-select__wrapper:hover,
.el-textarea__inner:hover,
.el-input-number:hover,
.el-date-editor:hover,
.el-range-editor:hover,
.el-upload-dragger:hover {
  box-shadow: inset 0 0 0 1px rgba(47, 111, 221, 0.62) !important;
}

.el-input__wrapper.is-focus,
.el-select__wrapper.is-focused,
.el-textarea__inner:focus,
.el-date-editor.is-active,
.el-range-editor.is-active {
  box-shadow: inset 0 0 0 1px var(--mmw-blue-600), 0 0 0 3px var(--mmw-focus) !important;
}

.el-input__inner,
.el-textarea__inner,
.el-select__selected-item,
.el-range-input,
.el-form-item__label,
.el-radio__label,
.el-checkbox__label {
  color: var(--mmw-ink) !important;
}

.el-input__inner::placeholder,
.el-textarea__inner::placeholder,
.el-range-input::placeholder {
  color: #8799b2 !important;
}

.el-radio__inner,
.el-checkbox__inner,
.el-switch__core {
  border-color: rgba(95, 133, 187, 0.54) !important;
}

.el-radio__input.is-checked .el-radio__inner,
.el-checkbox__input.is-checked .el-checkbox__inner,
.el-switch.is-checked .el-switch__core {
  background: var(--mmw-blue-600) !important;
  border-color: var(--mmw-blue-600) !important;
}

.el-radio__input.is-checked + .el-radio__label,
.el-checkbox__input.is-checked + .el-checkbox__label {
  color: var(--mmw-blue-600) !important;
}

/* Buttons */
.el-button {
  background: rgba(255, 255, 255, 0.7) !important;
  border-color: rgba(72, 121, 191, 0.5) !important;
  color: var(--mmw-blue-800) !important;
  transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease !important;
}

.el-button:hover,
.el-button:focus-visible {
  background: var(--mmw-blue-100) !important;
  border-color: var(--mmw-blue-600) !important;
  color: var(--mmw-blue-600) !important;
}

.el-button--primary,
.el-button.is-primary,
.batch-result-dialog__button,
.toolbar-btn.active,
.content-item-btn.active {
  background: var(--mmw-blue-600) !important;
  border-color: var(--mmw-blue-600) !important;
  color: #fff !important;
}

.el-button--primary:hover,
.el-button.is-primary:hover,
.batch-result-dialog__button:hover,
.toolbar-btn.active:hover,
.content-item-btn.active:hover {
  background: var(--mmw-blue-800) !important;
  border-color: var(--mmw-blue-800) !important;
  color: #fff !important;
}

.el-button.is-disabled,
.el-button.is-disabled:hover {
  background: rgba(224, 234, 248, 0.64) !important;
  border-color: rgba(141, 168, 207, 0.36) !important;
  color: #8799b2 !important;
}

.el-button--danger,
.el-button--danger:hover,
.el-button--danger:focus-visible {
  background: rgba(255, 246, 247, 0.9) !important;
  border-color: rgba(210, 61, 76, 0.58) !important;
  color: #b92f41 !important;
}

.el-link,
.el-link--primary,
a:not([class*="danger"]) {
  color: var(--mmw-blue-600);
}

/* Tables, lists, cards and empty states */
.el-table,
.el-table__inner-wrapper,
.el-table__body-wrapper,
.el-table__empty-block,
.vxe-table,
.vxe-table--render-default,
.table__container,
.history-container,
.goods_container,
.batch_tool_content,
.SelectionTool,
.el-card {
  background: rgba(255, 255, 255, 0.52) !important;
  border-color: var(--mmw-line) !important;
  color: var(--mmw-ink) !important;
}

.el-table th.el-table__cell,
.el-table__header-wrapper,
.vxe-header--row,
.table__header,
.batch-result-panel__header {
  background: rgba(225, 237, 254, 0.78) !important;
  color: var(--mmw-blue-950) !important;
}

.el-table tr,
.el-table td.el-table__cell,
.vxe-body--row,
.vxe-body--column {
  background: rgba(255, 255, 255, 0.42) !important;
  border-color: rgba(138, 171, 219, 0.24) !important;
  color: var(--mmw-ink) !important;
}

.el-table__body tr:hover > td.el-table__cell,
.vxe-body--row:hover > .vxe-body--column {
  background: rgba(225, 237, 254, 0.72) !important;
}

.el-table::before,
.el-table__inner-wrapper::before {
  background: var(--mmw-line) !important;
}

.el-table__empty-text,
.tableBoxNoData,
.el-empty__description,
.empty-text {
  color: var(--mmw-muted) !important;
}

.el-card,
.coreParameters__content,
.detail_content,
.item_content,
.content_one,
.evaluation-content-box,
.pricesOnCompetitors-content {
  background: rgba(248, 252, 255, 0.66) !important;
  border-color: var(--mmw-line) !important;
  color: var(--mmw-ink) !important;
}

/* Pagination, progress and feedback */
.el-pagination button,
.el-pagination .el-pager li {
  background: rgba(255, 255, 255, 0.68) !important;
  color: var(--mmw-blue-800) !important;
}

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

.el-progress-bar__outer {
  background: rgba(197, 216, 244, 0.68) !important;
}

.el-progress-bar__inner {
  background: var(--mmw-blue-600) !important;
}

.el-message,
.el-message-box,
.el-notification {
  background: var(--mmw-surface-strong) !important;
  border-color: var(--mmw-line) !important;
  box-shadow: var(--mmw-shadow) !important;
  color: var(--mmw-ink) !important;
  backdrop-filter: blur(18px) saturate(1.1);
  -webkit-backdrop-filter: blur(18px) saturate(1.1);
}

.el-message.toast-orange {
  background: var(--mmw-blue-600) !important;
  border-color: var(--mmw-blue-600) !important;
}

.el-message.toast-orange .el-message__content,
.el-message.toast-orange .el-message__icon {
  color: #fff !important;
}

.el-divider,
.toolbar-divider,
.xzzdivider,
.xzzdivider2 {
  border-color: var(--mmw-line) !important;
  background: var(--mmw-line) !important;
}

@media (prefers-reduced-motion: reduce) {
  .mcjApp *,
  .el-dialog *,
  .el-popper * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}

/* MMW_BLUE_GLASS_THEME_END */
