/* =====================================================================
   mobile-v6.css — 手机端第七轮修正（仅样式层，仅 html.is-mobile 生效）
   1 线路详情页 admin 视图  2 订单详情页金额行/旅行社佣金行
   ===================================================================== */

/* ---------- 1. 预订面板顶部（admin：行程后缀名称输入框 + 修改） ---------- */
html.is-mobile .my-order-topbar > div.flex:has(> input[placeholder]) {
    flex-wrap: nowrap;
    gap: 4px;
}
html.is-mobile .my-order-topbar > div.flex > input[placeholder] {
    flex: 1 1 0;
    width: auto !important;
    min-width: 0;
    height: 28px !important;
    margin: 0 !important;
    padding: 0 6px !important;
    font-size: 12px;
    box-sizing: border-box;
}
html.is-mobile .my-order-topbar > div.flex > .ant-btn.mt-1 {
    flex: none;
    margin: 0 !important;
    height: 28px;
    min-height: 28px;
    padding: 0 8px;
    font-size: 12px;
}
/* 立即预定 + 生成表单 同一行 */
html.is-mobile .my-order-actions > .ant-btn-lg,
html.is-mobile .my-order-actions > span:has(.ant-btn-lg) {
    flex: 1 1 40% !important;
}
html.is-mobile .my-order-actions > .ant-btn-lg + .ant-btn-lg {
    font-size: 15px;
}

/* ---------- 1b. 左侧价格/团期管理区（admin） ---------- */
html.is-mobile .my-order-left > div:first-child > .flex {
    position: relative;
    flex-wrap: wrap;
}
html.is-mobile .my-order-left > div:first-child > .flex > .flex-none {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}
html.is-mobile .my-order-left > div:first-child .flex.flex-wrap > div:first-child {
    padding-right: 150px;
}
html.is-mobile .my-order-left > div:first-child .flex.flex-wrap > div.ml-3 {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}
html.is-mobile .my-order-left > div:first-child .flex.flex-wrap > div.ml-3 .ant-input-number-sm {
    width: 72px !important;
    margin: 0 !important;
}
/* 团期管理容器：改为 flex 换行布局 */
html.is-mobile .my-order-left > div:first-child > .flex > .grow > div:has(> .ant-picker-small) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 6px;
    font-size: 13px;
}
html.is-mobile .my-order-left > div:first-child > .flex > .grow > div:has(> .ant-picker-small) > .flex.flex-wrap.my-2 {
    flex: 1 1 100%;
    margin: 4px 0 !important;
    gap: 2px 6px;
    align-items: center;
}
html.is-mobile .my-order-left .ant-radio-wrapper {
    font-size: 12px;
    margin-right: 6px;
}
html.is-mobile .my-order-left > div:first-child > .flex > .grow > div:has(> .ant-picker-small) > .flex.flex-wrap.my-2 > .my-1[style*="font-size: 16px"] {
    font-size: 13px !important;
    flex: 1 1 100%;
    margin: 0 !important;
}
html.is-mobile .my-order-left > div:first-child > .flex > .grow > div:has(> .ant-picker-small) > .flex.flex-wrap.my-2 > input[style*="width: 230px"] {
    width: 100% !important;
    max-width: 240px;
    margin-left: 0 !important;
    height: 28px;
    padding: 0 6px !important;
    font-size: 13px;
    box-sizing: border-box;
}
html.is-mobile .my-order-left > div:first-child > .flex > .grow > div:has(> .ant-picker-small) > .mb-1 {
    flex: 1 1 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
}
html.is-mobile .my-order-left .ant-checkbox-wrapper {
    font-size: 12px;
    margin-inline-start: 0 !important;
}
html.is-mobile .my-order-left > div:first-child > .flex > .grow > div:has(> .ant-picker-small) > .ant-picker-small[style*="width: 200px"] {
    width: 150px !important;
    flex: none;
}
html.is-mobile .my-order-left > div:first-child > .flex > .grow > div:has(> .ant-picker-small) > .ant-btn-sm.ml-1 {
    margin-left: 0 !important;
    flex: none;
}
/* 删除团期 / 间隔连续 / 复制团期 / 选择团期 / 已选团期：拆到父容器的换行流中 */
html.is-mobile .my-order-left > div:first-child > .flex > .grow > div:has(> .ant-picker-small) > .flex.flex-wrap:has(> .ant-radio-group.ml-5) {
    display: contents;
}
html.is-mobile .my-order-left .ant-btn-sm.my-3 {
    margin: 0 !important;
    flex: none;
}
html.is-mobile .my-order-left .ant-radio-group.ml-5.my-3 {
    margin: 0 !important;
    flex: none;
}
html.is-mobile .my-order-left .flex.my-2[style*="font-size: 16px"] {
    flex: 1 1 100%;
    font-size: 13px !important;
    align-items: center;
    margin: 2px 0 !important;
}
html.is-mobile .my-order-left .flex.my-2[style*="font-size: 16px"] > .mt-1.mx-3 {
    margin: 0 6px 0 0 !important;
}
html.is-mobile .my-order-left .flex.my-2[style*="font-size: 16px"] .ant-picker {
    height: 28px;
}
html.is-mobile .my-order-left .flex[style*="font-size: 16px"]:has(> .ant-select-multiple) {
    flex: 1 1 100%;
    flex-wrap: wrap;
    font-size: 13px !important;
}
html.is-mobile .my-order-left .flex:has(> .ant-select-multiple) > .mt-1.mr-1 {
    flex: 1 1 100%;
    margin: 0 !important;
}
html.is-mobile .my-order-left .ant-select-multiple[style*="min-width"] {
    flex: 1 1 100%;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
}
/* 币种 / 税率 行 */
html.is-mobile .my-order-left .my-2:has(> .ant-select-sm) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    font-size: 13px;
}
html.is-mobile .my-order-left .my-2:has(> .ant-select-sm) > .ant-select {
    margin: 0 !important;
}
html.is-mobile .my-order-left .my-2:has(> .ant-select-sm) > .ml-2 {
    margin-left: 4px !important;
}
html.is-mobile .my-order-left .my-2:has(> .ant-select-sm) > .ant-input-number-sm {
    width: 60px !important;
    margin: 0 !important;
}
/* 必付项目 / 增值服务 标题行的“添加”按钮 */
html.is-mobile .my-order-left .ant-btn-sm.ml-5 {
    margin-left: 8px !important;
}

/* ---------- 1c. 添加/修改 必付项目、增值服务 弹窗 ---------- */
html.is-mobile .ant-modal-body .flex[style*="font-size: 16px"] {
    font-size: 13px !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 8px;
    margin: 8px 0 !important;
}
html.is-mobile .ant-modal-body .flex[style*="font-size: 16px"] .ant-checkbox-wrapper.ml-10 {
    margin-left: 0 !important;
    font-size: 12px;
}
html.is-mobile .ant-modal-body .flex[style*="font-size: 16px"] > div:has(> input[style*="width: 500px"]) {
    flex: 1 1 100%;
}
html.is-mobile .ant-modal-body input[style*="width: 500px"] {
    width: 100% !important;
    height: 28px;
    padding: 0 6px !important;
    font-size: 13px;
    box-sizing: border-box;
    margin-top: 2px;
}
html.is-mobile .ant-modal-body input[type="number"][style*="width: 70px"] {
    height: 26px;
    padding: 0 4px !important;
    font-size: 13px;
    box-sizing: border-box;
}
html.is-mobile .ant-modal-body .flex[style*="font-size: 16px"] .ml-5 {
    margin-left: 8px !important;
}
html.is-mobile .ant-modal-body .flex[style*="font-size: 16px"] .ant-radio-wrapper {
    font-size: 12px;
}

/* ---------- 2. 订单详情页：金额行居左；旅行社佣金行 ---------- */
html.is-mobile .my-orderpage div.mt-1[style*="font-weight: bold"][style*="color: red"],
html.is-mobile .my-orderpage .flex.flex-wrap > div.mr-1.mt-1[style*="color: red"],
html.is-mobile .my-orderpage .flex.flex-wrap > div.mx-2.mt-1[style*="color: red"],
html.is-mobile .my-orderpage .flex.my-1 > div.mx-2.mt-1[style*="color: red"],
html.is-mobile .my-orderpage .flex.my-1 > .flex > div.mx-2.mt-1[style*="color: red"] {
    flex: 0 0 auto;
    max-width: none;
    min-width: 66px;
    text-align: left;
    padding-right: 2px;
}
html.is-mobile .my-orderpage .ant-input-number-group-wrapper[style*="width: 150px"],
html.is-mobile .my-orderpage .ant-input-number-group-wrapper[style*="width: 120px"] {
    flex: 1 1 calc(100% - 150px) !important;
    max-width: calc(100% - 130px) !important;
}
/* (旅行社)佣金：标题一行，基本/增值服务/修改 一行 */
html.is-mobile .my-orderpage .flex:has(> .flex[style*="dashed"]) {
    flex-wrap: wrap;
}
html.is-mobile .my-orderpage .flex:has(> .flex[style*="dashed"]) > .grow {
    display: none;
}
html.is-mobile .my-orderpage .flex[style*="dashed"]:has(> .ant-input-number-group-wrapper) {
    flex: 1 1 100%;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    padding: 4px 6px !important;
    margin: 4px 0;
}
html.is-mobile .my-orderpage .flex[style*="dashed"] > span.ml-2 {
    flex: 1 1 100%;
    margin: 0 !important;
    font-size: 13px !important;
}
html.is-mobile .my-orderpage .flex[style*="dashed"] > div.ml-2.mt-1 {
    flex: none !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 13px !important;
    text-align: left;
}
html.is-mobile .my-orderpage .flex[style*="dashed"] > .ant-input-number-group-wrapper {
    flex: 0 0 96px !important;
    max-width: 96px !important;
    width: 96px !important;
}
html.is-mobile .my-orderpage .flex[style*="dashed"] > .ant-btn {
    flex: none;
    margin: 0 !important;
}
/* 旅行社佣金行：优先级高于非线路表单标题规则 */
html.is-mobile .my-orderpage .flex[style*="dashed"][style*="padding"] > div.ml-2.mr-1.mt-1[style*="font-weight: bold"][style*="color: red"] {
    flex: 0 0 auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    font-size: 13px !important;
}
html.is-mobile .my-orderpage .flex[style*="dashed"][style*="padding"] > span.ml-2.mr-1.mt-1 {
    flex: 1 1 100% !important;
    margin: 0 !important;
    font-size: 13px !important;
}
html.is-mobile .ant-modal-body input[type="number"][style*="width: 70px"] {
    width: 58px !important;
}