/* =====================================================================
   mobile-v5.css — 手机端第六轮修正（仅样式层，仅 html.is-mobile 生效）
   1 添加订单弹窗  2 非线路订单详情页  3 付款/成本明细弹层  4 详情页团号行
   ===================================================================== */

/* ---------- 1+2. 其它类型订单表单（弹窗 .ant-modal-body 与 订单详情页虚线框共用） ---------- */
html.is-mobile .ant-modal-body,
html.is-mobile .my-orderpage div[style*="dashed"] {
    font-size: 13px;
}
/* 1.~6. 标题：单独一行、居左、加粗、缩小 */
html.is-mobile .ant-modal-body .flex.my-3,
html.is-mobile .ant-modal-body .flex.mt-5,
html.is-mobile .my-orderpage div[style*="dashed"] .flex.my-3,
html.is-mobile .my-orderpage div[style*="dashed"] .flex.mt-5 {
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 6px;
    margin: 6px 0 !important;
}
html.is-mobile .ant-modal-body .flex.my-3 > div[style*="font-size: 15px"],
html.is-mobile .ant-modal-body .flex.mt-5 > div[style*="font-size: 15px"],
html.is-mobile .ant-modal-body .mb-1[style*="font-size: 15px"][style*="bold"],
html.is-mobile .my-orderpage div[style*="dashed"] .flex.my-3 > div[style*="font-size: 15px"],
html.is-mobile .my-orderpage div[style*="dashed"] .flex.mt-5 > div[style*="font-size: 15px"],
html.is-mobile .my-orderpage div[style*="dashed"] .mb-1[style*="font-size: 15px"][style*="bold"] {
    flex: 1 1 100%;
    font-size: 13px !important;
    font-weight: bold !important;
    margin: 0 !important;
    text-align: left;
}
html.is-mobile .ant-modal-body .flex.my-3 > .ant-input-affix-wrapper[style*="width: 400px"],
html.is-mobile .my-orderpage div[style*="dashed"] .flex.my-3 > .ant-input-affix-wrapper[style*="width: 400px"] {
    flex: 1 1 100%;
    width: 100% !important;
    height: 30px;
    font-size: 13px;
}
html.is-mobile .ant-modal-body .flex.my-3 > .ant-picker.mr-5,
html.is-mobile .my-orderpage div[style*="dashed"] .flex.my-3 > .ant-picker.mr-5 {
    flex: 0 0 170px;
    height: 30px;
    margin: 0 !important;
}
html.is-mobile .ant-modal-body .ant-radio-group[style*="display: block"],
html.is-mobile .my-orderpage div[style*="dashed"] .ant-radio-group[style*="display: block"] {
    display: flex !important;
    flex-wrap: wrap;
    gap: 2px 0;
}
html.is-mobile .ant-modal-body .ant-radio-wrapper,
html.is-mobile .my-orderpage div[style*="dashed"] .ant-radio-wrapper {
    font-size: 12px;
    margin-right: 8px;
}
html.is-mobile .ant-modal-body .ant-radio-button-wrapper,
html.is-mobile .my-orderpage div[style*="dashed"] .ant-radio-button-wrapper {
    height: 30px;
    line-height: 28px;
    font-size: 12px;
    padding: 0 8px;
}
html.is-mobile .ant-modal-body .ant-input-affix-wrapper,
html.is-mobile .my-orderpage div[style*="dashed"] .ant-input-affix-wrapper {
    height: 30px;
    padding: 0 8px;
    font-size: 13px;
}
html.is-mobile .ant-modal-body .ant-input-affix-wrapper > input.ant-input,
html.is-mobile .my-orderpage div[style*="dashed"] .ant-input-affix-wrapper > input.ant-input {
    font-size: 13px;
}
html.is-mobile .ant-modal-body .ant-picker,
html.is-mobile .my-orderpage div[style*="dashed"] .ant-picker {
    height: 30px;
    font-size: 13px;
}
html.is-mobile .ant-modal-body textarea.ant-input,
html.is-mobile .my-orderpage div[style*="dashed"] textarea.ant-input {
    font-size: 13px;
}
html.is-mobile .ant-modal-body .mb-1[style*="font-size: 15px"],
html.is-mobile .my-orderpage div[style*="dashed"] .mb-1[style*="font-size: 15px"] {
    font-size: 13px !important;
}
/* 4. 订单联系人：标题行 + 清除重填（右侧），姓名/邮箱/电话各占一行 */
html.is-mobile .ant-modal-body > .flex > .grow,
html.is-mobile .my-orderpage div[style*="dashed"] > .flex > .grow {
    position: relative;
}
html.is-mobile .ant-modal-body > .flex > .grow > .flex:first-child,
html.is-mobile .my-orderpage div[style*="dashed"] > .flex > .grow > .flex:first-child {
    flex-wrap: nowrap;
    align-items: center;
}
html.is-mobile .ant-modal-body > .flex > .grow > .flex:first-child > .grow.mb-1,
html.is-mobile .my-orderpage div[style*="dashed"] > .flex > .grow > .flex:first-child > .grow.mb-1 {
    font-size: 13px !important;
    font-weight: bold !important;
    flex: 1 1 100%;
}
html.is-mobile .ant-modal-body > .flex > .grow > .flex:first-child > .flex-none,
html.is-mobile .my-orderpage div[style*="dashed"] > .flex > .grow > .flex:first-child > .flex-none {
    position: absolute;
    right: 0;
    top: 30px;
    z-index: 2;
}
html.is-mobile .ant-modal-body > .flex > .grow > .flex:not(:first-child),
html.is-mobile .my-orderpage div[style*="dashed"] > .flex > .grow > .flex:not(:first-child) {
    flex-wrap: wrap;
    gap: 6px 0;
}
html.is-mobile .ant-modal-body > .flex > .grow > .flex:not(:first-child) > .flex-none.ml-1,
html.is-mobile .my-orderpage div[style*="dashed"] > .flex > .grow > .flex:not(:first-child) > .flex-none.ml-1 {
    flex: 1 1 100% !important;
    margin: 0 !important;
}
html.is-mobile .ant-modal-body > .flex > .grow > .flex:not(:first-child) > .flex-none.ml-1 .ant-input-affix-wrapper,
html.is-mobile .my-orderpage div[style*="dashed"] > .flex > .grow > .flex:not(:first-child) > .flex-none.ml-1 .ant-input-affix-wrapper {
    width: 100% !important;
}
/* 5. 客户信息：人数选择另起一行 */
html.is-mobile .ant-modal-body .flex.mt-5 > .flex-none.ml-10,
html.is-mobile .my-orderpage div[style*="dashed"] .flex.mt-5 > .flex-none.ml-10 {
    flex: 1 1 100%;
    margin: 4px 0 0 0 !important;
    display: flex;
    align-items: center;
    gap: 6px;
}
html.is-mobile .ant-modal-body .flex.mt-5 > .flex-none.ml-10 > span[style*="font-size: 15px"],
html.is-mobile .my-orderpage div[style*="dashed"] .flex.mt-5 > .flex-none.ml-10 > span[style*="font-size: 15px"] {
    font-size: 13px !important;
}
html.is-mobile .ant-modal-body .flex.mt-5 > .flex-none.ml-10 > .ant-select,
html.is-mobile .my-orderpage div[style*="dashed"] .flex.mt-5 > .flex-none.ml-10 > .ant-select {
    width: 72px !important;
    margin: 0 !important;
    font-size: 12px;
}
/* 客户 N 行：第一行 性别+名+姓，第二行 电话+生日 */
html.is-mobile .ant-modal-body .flex.my-1:has(> .ant-radio-group),
html.is-mobile .my-orderpage div[style*="dashed"] .flex.my-1:has(> .ant-radio-group) {
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    padding: 8px;
    margin: 6px 0 !important;
    background: #fafafa;
    border-radius: 6px;
}
html.is-mobile .ant-modal-body .flex.my-1:has(> .ant-radio-group) > .flex-none:first-child,
html.is-mobile .my-orderpage div[style*="dashed"] .flex.my-1:has(> .ant-radio-group) > .flex-none:first-child {
    flex: 1 1 100% !important;
    font-size: 13px !important;
    font-weight: 600;
    margin: 0 !important;
}
html.is-mobile .ant-modal-body .flex.my-1:has(> .ant-radio-group) > .ant-radio-group,
html.is-mobile .my-orderpage div[style*="dashed"] .flex.my-1:has(> .ant-radio-group) > .ant-radio-group {
    flex: none !important;
    margin: 0 !important;
}
html.is-mobile .ant-modal-body .flex.my-1:has(> .ant-radio-group) > .flex-none:nth-of-type(3),
html.is-mobile .ant-modal-body .flex.my-1:has(> .ant-radio-group) > .flex-none:nth-of-type(4),
html.is-mobile .my-orderpage div[style*="dashed"] .flex.my-1:has(> .ant-radio-group) > .flex-none:nth-of-type(3),
html.is-mobile .my-orderpage div[style*="dashed"] .flex.my-1:has(> .ant-radio-group) > .flex-none:nth-of-type(4) {
    flex: 1 1 28% !important;
    min-width: 0;
    margin: 0 !important;
    display: flex;
}
html.is-mobile .ant-modal-body .flex.my-1:has(> .ant-radio-group) > .flex-none:nth-of-type(5),
html.is-mobile .ant-modal-body .flex.my-1:has(> .ant-radio-group) > .flex-none:nth-of-type(6),
html.is-mobile .my-orderpage div[style*="dashed"] .flex.my-1:has(> .ant-radio-group) > .flex-none:nth-of-type(5),
html.is-mobile .my-orderpage div[style*="dashed"] .flex.my-1:has(> .ant-radio-group) > .flex-none:nth-of-type(6) {
    flex: 1 1 46% !important;
    min-width: 0;
    margin: 0 !important;
    display: flex;
}
html.is-mobile .ant-modal-body .flex.my-1:has(> .ant-radio-group) > .flex-none .ant-input-affix-wrapper,
html.is-mobile .ant-modal-body .flex.my-1:has(> .ant-radio-group) > .flex-none .ant-picker,
html.is-mobile .my-orderpage div[style*="dashed"] .flex.my-1:has(> .ant-radio-group) > .flex-none .ant-input-affix-wrapper,
html.is-mobile .my-orderpage div[style*="dashed"] .flex.my-1:has(> .ant-radio-group) > .flex-none .ant-picker {
    width: 100% !important;
    flex: 1 1 auto;
}
/* 弹窗页脚：总价 + 添加订单 居左 */
html.is-mobile .ant-modal .ant-modal-footer {
    justify-content: flex-start;
}
html.is-mobile .ant-modal .ant-modal-footer > span.ml-5 {
    margin-left: 0 !important;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    width: 100%;
}
html.is-mobile .ant-modal .ant-modal-footer span[style*="font-size: 16px"] {
    font-size: 13px !important;
}
html.is-mobile .ant-modal .ant-modal-footer .ant-input-number-group-wrapper[style*="width: 150px"] {
    width: 130px !important;
}
html.is-mobile .ant-modal .ant-modal-footer .ant-input-number {
    height: 28px;
}
html.is-mobile .ant-modal .ant-modal-footer .ant-input-number-input {
    height: 26px;
}
html.is-mobile .ant-modal .ant-modal-footer .ant-btn.ml-10 {
    margin-left: 0 !important;
}

/* ---------- 2. 非线路订单详情页：底部区域 ---------- */
/* 总价放到“返回订单列表”下一行 */
html.is-mobile .my-orderpage .flex.flex-wrap > .grow:has(+ div.mt-1) {
    flex: 1 1 100% !important;
    display: block;
    height: 0;
}
html.is-mobile .my-orderpage .flex.flex-wrap > div.mr-1.mt-1[style*="color: red"] {
    flex: 0 0 100px;
    max-width: 100px;
    text-align: right;
    padding-right: 4px;
    margin: 0 !important;
    font-size: 13px !important;
}
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 100px;
    max-width: 100px;
    text-align: right;
    padding-right: 4px;
    margin: 0 !important;
    font-size: 13px !important;
}
html.is-mobile .my-orderpage .flex.my-1:has(> .ant-input-number-group-wrapper) {
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 4px;
}
html.is-mobile .my-orderpage .flex.my-1:has(> .ant-input-number-group-wrapper) > .grow {
    display: none;
}
html.is-mobile .my-orderpage .flex.my-1 > .flex:has(> .ant-input-number-group-wrapper) {
    flex: 1 1 100%;
    align-items: center;
    gap: 4px;
}
/* 出团协议行：标题一行，按钮左对齐 */
html.is-mobile .my-orderpage .flex.justify-end.mt-2 > div[style*="margin-right: 5px"] {
    flex: 1 1 100%;
}
html.is-mobile .my-orderpage .flex.justify-end.mt-2 > div:has(> .ant-btn.relative) {
    flex: 1 1 100%;
    font-size: 12px;
}
html.is-mobile .my-orderpage .flex.justify-end.mt-2 > .ant-btn.ml-2,
html.is-mobile .my-orderpage .flex.justify-end.mt-2 > .ant-btn.ml-3 {
    margin: 0 !important;
}

/* ---------- 3. 付款明细 / 成本明细 弹层：金额、状态各占一行，发票号居左 ---------- */
html.is-mobile .ant-popover .ant-popover-inner-content > div[style*="width: 960px"] > .flex[style*="align-items: center"] > .ant-picker {
    flex: 1 1 55%;
    max-width: 200px;
    margin-right: 40% !important;
}
html.is-mobile .ant-popover .ant-popover-inner-content > div[style*="width: 960px"] > .flex[style*="align-items: center"] > .ant-input-number-group-wrapper {
    flex: 0 0 130px;
}
html.is-mobile .ant-popover .ant-popover-inner-content > div[style*="width: 960px"] > .flex[style*="align-items: center"] > .flex.mt-1 {
    flex: 1 1 100%;
    margin: 4px 0 0 0 !important;
}
html.is-mobile .ant-popover .ant-popover-inner-content > div[style*="width: 960px"] > .flex[style*="align-items: center"] > .flex.mt-1 > .mx-3 {
    margin: 0 6px 0 0 !important;
}
html.is-mobile .ant-popover .ant-popover-inner-content > div[style*="width: 960px"] .my-1.flex:has(> input[style*="width: 300px"]) {
    flex-wrap: wrap;
}
html.is-mobile .ant-popover .ant-popover-inner-content > div[style*="width: 960px"] .my-1.flex > input[style*="width: 300px"] {
    width: 100% !important;
    margin-left: 0 !important;
    flex: 1 1 100%;
    box-sizing: border-box;
    font-size: 13px;
}
html.is-mobile .ant-popover .ant-popover-inner-content > div[style*="width: 960px"] .my-1.flex > .mt-1 {
    margin-top: 0 !important;
    flex: 1 1 100%;
}

/* ---------- 4. 线路详情页：团号 与 “显示”按钮及其内容 垂直对齐 ---------- */
html.is-mobile .my-tour-des-right .flex:has(> .no-print > .ant-btn) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}
html.is-mobile .my-tour-des-right .flex:has(> .no-print > .ant-btn) > .no-print,
html.is-mobile .my-tour-des-right .flex:has(> .no-print > .ant-btn) > div.ml-10 {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-left: 0 !important;
}
html.is-mobile .my-tour-des-right .flex:has(> .no-print > .ant-btn) .ant-btn.ml-10 {
    margin-left: 0 !important;
}
html.is-mobile .my-tour-des-right .flex:has(> .no-print > .ant-btn) .ant-btn-sm {
    height: 24px;
    line-height: 22px;
    font-size: 12px;
    padding: 0 8px;
}
/* 团号行：管理按钮另起一行，团号与显示内容同一行 */
html.is-mobile .my-tour-des-right .flex:has(> .no-print > .ant-btn) > div.ml-10 {
    flex: 1 1 100%;
}
html.is-mobile .my-tour-des-right .flex:has(> .no-print > .ant-btn) > .no-print {
    flex-wrap: wrap;
}
/* 金额行：标签 + 输入框(自动撑满) + 修改 一行，下一项自动换行 */
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 130px !important;
    max-width: calc(100% - 176px) !important;
}
html.is-mobile .my-orderpage .flex.justify-end.mt-3 > .ant-input-number-group-wrapper {
    flex: 0 0 110px !important;
    max-width: 110px !important;
}
/* 虚线框内的 1.~6. 标题不受底部金额标签规则影响 */
html.is-mobile .my-orderpage div[style*="dashed"] div.mt-1[style*="font-weight: bold"][style*="color: red"],
html.is-mobile .my-orderpage div[style*="dashed"] div.mx-2.mt-1[style*="font-weight: bold"] {
    flex: 1 1 100% !important;
    max-width: none !important;
    text-align: left !important;
    padding: 0 !important;
    margin: 0 !important;
}
/* 付款/事件/成本明细弹层：手机端固定在视口顶部，内部滚动，避免被顶出屏幕 */
html.is-mobile .ant-popover:has(> .ant-popover-content > .ant-popover-inner > .ant-popover-inner-content > div[style*="width: 960px"]) {
    position: fixed !important;
    inset: 8px 6px auto 6px !important;
    transform: none !important;
    max-width: none;
    width: auto;
}
html.is-mobile .ant-popover:has(> .ant-popover-content > .ant-popover-inner > .ant-popover-inner-content > div[style*="width: 960px"]) .ant-popover-inner {
    max-height: calc(100vh - 90px);
    max-width: none;
    overflow-y: auto;
}
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% - 176px) !important;
}