.pisell-pro-price-keyboard-discount {
  width: 360px;
  border-radius: 10px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  background-color: var(--pisell-pro-price-keyboard-bg-color, #ffffff);

  .pisell-pro-price-keyboard-tips {
    background-color: var(
      --pisell-pro-price-keyboard-bg-color-gray-200,
      #eaecf0
    );
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 8px;
  }

  .ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  // 复写Segmented样式
  .pisell-lowcode-segmented {
    background-color: var(
      --pisell-pro-price-keyboard-bg-color-gray-200,
      #eaecf0
    );
    color: var(--pisell-pro-price-keyboard-text-gray-500, #667085);

    // 未选中项：文字跟随主题变量（dark 主题为浅色，避免黑字在深色底上看不见）；
    // 同时 hover/focus 保持不变（antd 默认会把未选中项 hover 文字改成近黑、加深色底，这里覆盖掉）。
    .pisell-lowcode-segmented-item:not(.pisell-lowcode-segmented-item-selected) {
      color: var(--pisell-pro-price-keyboard-text-gray-500, #667085);

      &:hover,
      &:focus,
      &:focus-visible {
        color: var(--pisell-pro-price-keyboard-text-gray-500, #667085);
        background-color: transparent;
      }

      // antd v5 的 hover 底色由 ::after 承载，一并置空以保证“不变”。
      &:hover::after,
      &:focus::after {
        background-color: transparent;
      }
    }
  }

  .pisell-pro-price-keyboard-content {
    width: 100%;
    padding: 10px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    background-color: var(
      --pisell-pro-price-keyboard-bg-color-gray-300,
      #d0d5dd
    );
  }
}

.pisell-discount-keyboard-modal {
  .pisell-lowcode-modal-content {
    background-color: transparent;
  }

  .pisell-lowcode-modal-close {
    display: none;
  }
}
