/* 基础变量 */
:root {
    --border-color: #ccc;
    --border-width: 1px;
    --cell-height: 35px;
    --header-bg: #e9e9e9;
    --subheader-bg: #f7f7f7;
    --border: var(--border-width) solid var(--border-color);
}

/* --- 网格布局 --- */
.pricing-table {
    display: grid;
    border-top: var(--border);
    border-left: var(--border);
    width: fit-content;
    box-sizing: content-box;
}

.pricing-cell {
    display: flex;
    align-items: center;
    justify-content: center;
    height: var(--cell-height);
    border-right: var(--border);
    border-bottom: var(--border);
    padding: 0;
    box-sizing: border-box;
}

/* --- 表头和标题样式 --- */
.pricing-header { background-color: var(--header-bg); }
.pricing-subheader { background-color: var(--subheader-bg); }
.pricing-na { color: #999; font-style: italic; }

.pricing-option-header-content {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: relative;
}

.pricing-delete-btn {
    position: absolute;
    right: 8px;
}

/* --- 核心修复：输入组件样式 --- */

/* 1. 移除所有输入组件的外部边框和阴影 */
.pricing-input-no-border,
.pricing-input-no-border .ant-select-selector,
.pricing-input-no-border.ant-picker {
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    width: 100%;
    height: 100%;
}

/* 2. 修复 InputNumber 垂直居中问题 */
.pricing-input-no-border .ant-input-number,
.pricing-input-no-border .ant-input-number-input-wrap {
    height: 100% !important;
}
.pricing-input-no-border .ant-input-number-input {
    height: 100% !important;
    display: flex;
    align-items: center;
}

/* 3. 复合输入框布局 */
.pricing-composite-input {
    display: flex;
    width: 100%;
    height: 100%;
}

/* 4. 为复合输入框的第一个子元素添加右边框作为分隔线 */
.pricing-composite-input > *:first-child {
    border-right: var(--border) !important; /* 使用 !important 提升优先级 */
}

/* 5. 让复合输入框内的组件平分宽度 */
.pricing-composite-input > * {
    flex: 1;
    width: 50%;
}

/* 6. 修复带 addonAfter 的组件样式 */
.pricing-input-no-border.ant-input-number-group-wrapper {
    width: 100%;
    height: 100%;
    border-radius: 0 !important;
    border: none !important; /* 移除包装器自身的边框 */
}
.pricing-input-no-border .ant-input-number-group {
    width: 100%;
    height: 100%;
}
.pricing-input-no-border .ant-input-number-group > .ant-input-number,
.pricing-input-no-border .ant-input-number-group > .ant-input-number-group-addon {
    border: none !important; /* 移除内部元素的边框 */
    border-radius: 0 !important;
    height: 100% !important;
}
.pricing-input-no-border .ant-input-number-group > .ant-input-number-group-addon {
    background-color: transparent; /* 确保后缀背景透明 */
}



/* 新增：为包含期权名和按钮的表头单元格设置相对定位 */
.option-header-cell {
    position: relative;
    /* justify-content: center; 已从 .pricing-cell 继承，会自动居中剩余的元素（即期权名）*/
}