.c-b[data-v-31a5b0ca]{border:1px solid #d9d9d9}.ant-input-number[data-v-31a5b0ca]{background-color:#fff;border:1px solid #e9eaec;width:auto!important}.ant-input-number[data-v-31a5b0ca]:hover{background-color:#fff;border:1px solid #d4952a}.ant-input-number[data-v-31a5b0ca]:focus{outline:none}.dot[data-v-31a5b0ca]{border-radius:50%;width:10px;height:10px}

.msk-table-shell ul.group:hover > li.msk-data-cell,
.overflow-x-auto.relative ul.group:hover > li.msk-data-cell {
  background-color: #d9d9d9;
}
.msk-table-shell ul.group:hover > li.sticky.left-0,
.overflow-x-auto.relative ul.group:hover > li.sticky.left-0 {
  background-color: #d9d9d9;
}
.msk-table-shell .msk-data-cell.msk-col-active,
.overflow-x-auto.relative .msk-data-cell.msk-col-active {
  background-color: #d9d9d9 !important;
}
.msk-table-shell ul.group:hover .msk-data-cell .ant-input-number,
.msk-table-shell .msk-data-cell.msk-col-active .ant-input-number,
.overflow-x-auto.relative ul.group:hover .msk-data-cell .ant-input-number,
.overflow-x-auto.relative .msk-data-cell.msk-col-active .ant-input-number {
  background-color: #fff;
}

.msku-label-text {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: inherit;
  text-align: center;
  white-space: nowrap;
}
.msku-label-sub,
.msku-label-unit,
.msku-label-hint {
  font-size: 12px;
  color: #75797f;
  font-weight: 400;
}
.msku-label-unit {
  display: inline;
}
.msku-label-hint {
  display: none;
}
.msk-table-shell ul.group:hover .msku-label-unit,
.overflow-x-auto.relative ul.group:hover .msku-label-unit {
  display: none;
}
.msk-table-shell ul.group:hover .msku-label-hint,
.overflow-x-auto.relative ul.group:hover .msku-label-hint {
  display: inline;
}
.msku-label-main {
  font-size: inherit;
  color: inherit;
}

.msku-label-swappable {
  gap: 0;
}

.msku-label-with-dot {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.msku-label-with-dot .dot.msk-dot-red {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  flex-shrink: 0;
  background-color: #d45555;
}

.msk-global-form .flex.flex-col.gap-1 > p.max-w-\[150px\],
.msk-global-form .flex.flex-col.gap-1 > p {
  font-size: 14px !important;
}

.msk-global-form .flex.flex-col.gap-1 > .fx-input-number > p.absolute {
  font-size: 12px !important;
  color: #75797f;
}

.msk-global-form .ant-input-number,
.msk-global-form .ant-input-number-input {
  font-size: 14px !important;
}

/* refbackup384: 5 个全局参数输入框含两端一起均分，不加宽输入框 */
.msk-global-form .ant-row {
  display: flex !important;
  flex-wrap: nowrap;
  justify-content: space-evenly !important;
  width: 100%;
  box-sizing: border-box;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.msk-global-form .ant-row > .ant-col {
  flex: 0 0 auto !important;
  max-width: none !important;
  width: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* refbackup396: 手机版高度等比缩小，显示全部行 */
main.flex.h-full.overflow-hidden
  > main.flex-1.h-full.flex.flex-col.p-3.relative
  > section.overflow-y-auto
  .min-h-full.flex-col:has(.msk-global-form),
.min-h-full.flex.flex-col:has(.msk-page-x-scroll),
.min-h-full.flex.flex-col:has(.msk-global-form) {
  height: auto !important;
  max-height: none !important;
  min-height: 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  align-items: stretch !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  margin-top: auto !important;
  margin-bottom: auto !important;
  overflow-x: hidden !important;
  overflow-y: visible !important;
  box-sizing: border-box !important;
}

main.flex.h-full.overflow-hidden
  > main.flex-1.h-full.flex.flex-col.p-3.relative
  > section.overflow-y-auto:has(.msk-global-form) {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  /* PC：禁止纵向滚动条；宽度锁死，表格在 shell 内横向滚动 */
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  max-width: 100% !important;
  min-width: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.msk-page-x-scroll-inner > .msk-global-form {
  display: block !important;
  visibility: visible !important;
  flex-shrink: 0;
  position: relative;
  z-index: 2;
}

/* refbackup393: 底部利润卡片优先压缩，按钮区后压缩 */
.msk-page-x-scroll {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: visible;
}

.msk-page-x-scroll-inner {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.msk-page-x-scroll-inner > .msk-global-form,
.msk-page-x-scroll-inner > .w-full.py-3 {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  flex-shrink: 0;
}

.msk-page-x-scroll-inner > .w-full.c-b.p-2.rounded-lg,
.msk-page-x-scroll-inner > .w-full.c-b.p-2 {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  flex-shrink: 0;
  overflow: visible;
}

/* 表格壳：只强制横向滚动，max-width 交给 Vue 的 calc(100vw-…) */
.msk-page-x-scroll .msk-table-shell,
.msk-desktop-table-only-scroll .msk-table-shell,
div.msk-table-shell.overflow-x-auto {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box !important;
}

.msk-page-x-scroll .msk-table-shell ul.whitespace-nowrap.flex {
  /* 行宽由 JS 写成固定 px，禁止被压成容器宽导致无法横滚 */
  min-width: max-content;
  flex-shrink: 0;
}

@media (max-width: 1023px) {
  .msk-page-x-scroll.msk-mobile-page-scroll {
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
  }

  section.overflow-y-auto.msk-mobile-scaled-section:has(.msk-global-form) {
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .min-h-full.flex.flex-col.msk-mobile-scaled {
    transform-origin: center center !important;
  }
}

.msk-table-shell ul.whitespace-nowrap.flex > li.box-content,
.msk-page-x-scroll .msk-table-shell ul.whitespace-nowrap.flex > li.box-content {
  width: 5.5rem;
  min-width: 5.5rem;
  max-width: 5.5rem;
  flex: 0 0 5.5rem;
  box-sizing: border-box;
}

/* 统一行高：h-10 / leading-10 / 无高度 混用会导致横线错位 */
.msk-table-shell ul.whitespace-nowrap.flex,
.msk-page-x-scroll .msk-table-shell ul.whitespace-nowrap.flex {
  align-items: stretch;
}

.msk-table-shell ul.whitespace-nowrap.flex > li,
.msk-page-x-scroll .msk-table-shell ul.whitespace-nowrap.flex > li {
  box-sizing: border-box !important;
  height: 2.75rem !important;
  min-height: 2.75rem !important;
  max-height: 2.75rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  line-height: normal !important;
  /* 网格线统一画在单元格上，避免内层 p 被 flex 缩成短竖线 */
  border-bottom: 1px solid #d9d9d9 !important;
  border-right: 1px solid #d9d9d9 !important;
  overflow: hidden;
}

/* 结果行曾把 fx-border-b-r 画在内层 p：在 flex 居中下 p 缩成文字宽，竖线变短横 */
.msk-table-shell ul.whitespace-nowrap.flex > li > p,
.msk-table-shell ul.whitespace-nowrap.flex > li p.fx-border-b-r,
.msk-table-shell ul.whitespace-nowrap.flex > li p.leading-10,
.msk-table-shell ul.whitespace-nowrap.flex > li .msk-cell-text,
.msk-page-x-scroll .msk-table-shell ul.whitespace-nowrap.flex > li > p,
.msk-page-x-scroll .msk-table-shell ul.whitespace-nowrap.flex > li .msk-cell-text {
  border: none !important;
  border-bottom: none !important;
  border-right: none !important;
  box-shadow: none !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  line-height: normal !important;
}

.msk-table-shell ul.whitespace-nowrap.flex > li.box-content .ant-input-number,
.msk-page-x-scroll .msk-table-shell ul.whitespace-nowrap.flex > li.box-content .ant-input-number {
  width: calc(100% - 2px) !important;
  min-width: 0;
  height: 34px !important;
  max-height: 34px !important;
  min-height: 34px !important;
}

/* 表格内输入框：白底+浅边框；略宽略高便于点击录入 */
.msk-table-shell .ant-input-number,
.msk-table-shell .ant-input-number[class],
.msk-table-shell .ant-input-number[data-v-31a5b0ca],
.msk-table-shell .ant-input-number:hover,
.msk-table-shell .ant-input-number[data-v-31a5b0ca]:hover,
.msk-table-shell .ant-input-number:focus,
.msk-table-shell .ant-input-number-focused,
.msk-table-shell .ant-input-number-readonly,
.msk-table-shell .ant-input-number-disabled,
.overflow-x-auto.relative.msk-table-shell .ant-input-number,
.overflow-x-auto.relative.msk-table-shell .ant-input-number:hover,
.overflow-x-auto.relative.msk-table-shell .ant-input-number:focus,
.overflow-x-auto.relative.msk-table-shell .ant-input-number-focused {
  font-size: 14px !important;
  width: calc(100% - 2px) !important;
  height: 34px !important;
  max-height: 34px !important;
  min-height: 34px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 auto !important;
  border: 1px solid #e9eaec !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  outline: none !important;
  background-color: #fff !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.msk-table-shell .ant-input-number:hover,
.msk-table-shell .ant-input-number[data-v-31a5b0ca]:hover,
.overflow-x-auto.relative.msk-table-shell .ant-input-number:hover {
  border-color: #d4952a !important;
}

.msk-table-shell .ant-input-number-input-wrap,
.overflow-x-auto.relative.msk-table-shell .ant-input-number-input-wrap {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.msk-table-shell .ant-input-number-input,
.overflow-x-auto.relative.msk-table-shell .ant-input-number-input {
  font-size: 14px !important;
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
  line-height: 1.2 !important;
  box-sizing: border-box !important;
  text-align: center !important;
  padding: 0 6px !important;
  color: inherit !important;
  background: transparent !important;
  opacity: 1 !important;
}

.msk-page-x-scroll .msk-table-shell li.w-45,
.msk-page-x-scroll .msk-table-shell li.min-w-45,
.msk-page-x-scroll .msk-table-shell li.w-22,
.msk-page-x-scroll .msk-table-shell li.min-w-22 {
  flex-shrink: 0;
}

@media (min-width: 1024px) {
  .msk-page-x-scroll-inner > .w-full.py-3 .ant-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch;
  }

  /* 利润卡片先压缩，按钮区优先保持完整显示 */
  .msk-page-x-scroll-inner > .w-full.py-3 .ant-row > .ant-col:not(:last-child) {
    flex: 1 1 0% !important;
    width: auto !important;
    max-width: none !important;
    min-width: 96px !important;
    flex-shrink: 10 !important;
  }

  .msk-page-x-scroll-inner > .w-full.py-3 .ant-row > .ant-col:not(:last-child) > .flex.items-center.gap-3 {
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
  }

  .msk-page-x-scroll-inner > .w-full.py-3 .ant-row > .ant-col:not(:last-child) > .flex.items-center.gap-3 > div {
    min-width: 0;
    overflow: hidden;
  }

  .msk-page-x-scroll-inner > .w-full.py-3 .ant-row > .ant-col:not(:last-child) > .flex.items-center.gap-3 p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .msk-page-x-scroll-inner > .w-full.py-3 .ant-row > .ant-col:last-child {
    flex: 0 1 auto !important;
    width: auto !important;
    max-width: 42% !important;
    min-width: 0 !important;
    flex-shrink: 1 !important;
  }

  .msk-page-x-scroll-inner > .w-full.py-3 .ant-row > .ant-col:last-child > .flex.items-center.justify-center.gap-3 {
    flex-wrap: nowrap !important;
    white-space: nowrap;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    justify-content: flex-end !important;
  }
}

.msk-page-x-scroll-inner > .w-full.py-3 .ant-row {
  flex-wrap: wrap;
}

.msk-page-x-scroll-inner > .w-full.py-3 .flex.items-center.justify-center.gap-3 {
  flex-wrap: wrap;
  gap: 10px;
}

/* SKU 表格：字号已在上方与行高一并统一 */
.msk-table-shell,
.overflow-x-auto.relative.msk-table-shell {
  font-size: 14px;
}

.msk-alliance-total-value {
  color: #d4952a !important;
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  line-height: 2rem;
  margin-right: 0.25rem;
}

/* 底部利润卡片：数字与圆点同色、与自然流总利润同字号 */
.msk-global-form ~ * .flex.items-center.gap-3 p.leading-8 > span:first-child,
.msk-global-form ~ div .flex.items-center.gap-3 p.leading-8 > span:first-child {
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  line-height: 2rem;
}

.msk-global-form ~ * .flex.items-center.gap-3:has(.dot[class*='4a8ed6']) p.leading-8 > span:first-child,
.msk-global-form ~ div .flex.items-center.gap-3:has(.dot[class*='4a8ed6']) p.leading-8 > span:first-child {
  color: #4a8ed6 !important;
}

.msk-alliance-total-value,
.msk-global-form ~ * .flex.items-center.gap-3:has(.dot[class*='d4952a']) p.leading-8 > span:first-child,
.msk-global-form ~ * .flex.items-center.gap-3:has(p[class*='d4952a']) p.leading-8 > span:first-child,
.msk-global-form ~ div .flex.items-center.gap-3:has(.dot[class*='d4952a']) p.leading-8 > span:first-child,
.msk-global-form ~ div .flex.items-center.gap-3:has(p[class*='d4952a']) p.leading-8 > span:first-child {
  color: #d4952a !important;
}

.msk-global-form ~ * .flex.items-center.gap-3:has(.dot[class*='d45555']) p.leading-8 > span:first-child,
.msk-global-form ~ div .flex.items-center.gap-3:has(.dot[class*='d45555']) p.leading-8 > span:first-child {
  color: #d45555 !important;
}

.msk-global-form ~ * .flex.items-center.gap-3:has(.dot[class*='2a9d6a']) p.leading-8 > span:first-child,
.msk-global-form ~ div .flex.items-center.gap-3:has(.dot[class*='2a9d6a']) p.leading-8 > span:first-child {
  color: #2a9d6a !important;
}