/* =====================================================================
   mobile-v4.css — 手机端第五轮修正（仅样式层，仅 html.is-mobile 生效）
   1 静态内容页  2 订单列表(manager)  3 订单详情(manager)  4 剩余席位修改行
   ===================================================================== */

/* ---------- 1. 静态内容页：自由行 / 私人订制 / 保险 / 签证 / 关于我们等 ---------- */
/* 左侧图标栏 + 右侧正文 的页面（保险、关于我们、联系我们、质量监督、商业合作等） */
html.is-mobile .my-layout-body .max-w-7xl .flex:has(> .flex-none + .grow[style*="margin-right: 60px"]) {
    flex-direction: column;
}
html.is-mobile .my-layout-body .max-w-7xl .flex > .flex-none:has(+ .grow[style*="margin-right: 60px"]) {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px 0 12px;
}
html.is-mobile .my-layout-body .max-w-7xl .flex > .flex-none:has(+ .grow[style*="margin-right: 60px"]) > div {
    margin: 0 !important;
}
html.is-mobile .my-layout-body .max-w-7xl .flex > .flex-none:has(+ .grow[style*="margin-right: 60px"]) img {
    width: 32px;
    height: 32px;
}
html.is-mobile .my-layout-body .max-w-7xl .flex > .flex-none:has(+ .grow[style*="margin-right: 60px"]) > div[style*="font-size: 18px"] {
    font-size: 17px !important;
    font-weight: bold;
}
html.is-mobile .my-layout-body .max-w-7xl .flex > .grow[style*="margin-right: 60px"] {
    margin: 0 !important;
    padding: 0 12px 12px 12px;
    min-width: 0;
    overflow-wrap: break-word;
}
html.is-mobile .my-layout-body .max-w-7xl .flex > .grow[style*="margin-right: 60px"] p[style*="margin-left"],
html.is-mobile .my-layout-body .max-w-7xl .flex > .grow[style*="margin-right: 60px"] div[style*="margin-left"] {
    margin-left: 0 !important;
}
html.is-mobile .my-layout-body .max-w-7xl .flex > .grow[style*="margin-right: 60px"] div[style*="font-size: 18px"],
html.is-mobile .my-layout-body .max-w-7xl .flex > .grow[style*="margin-right: 60px"] p[style*="font-size: 16px"],
html.is-mobile .my-layout-body .max-w-7xl .flex > .grow[style*="margin-right: 60px"] div[style*="font-size: 16px"] {
    font-size: 15px !important;
    line-height: 1.6;
}
html.is-mobile .my-layout-body .max-w-7xl .flex > .grow[style*="margin-right: 60px"] p,
html.is-mobile .my-layout-body .max-w-7xl .flex > .grow[style*="margin-right: 60px"] div[style*="font-size: 15px"] {
    font-size: 14px !important;
    line-height: 1.6;
}
html.is-mobile .my-layout-body .max-w-7xl .flex > .grow[style*="margin-right: 60px"] img {
    max-width: 100% !important;
    height: auto !important;
}
html.is-mobile .my-layout-body .max-w-7xl .flex > .grow[style*="margin-right: 60px"] table {
    max-width: 100%;
    font-size: 13px;
}
/* 图片卡片型页面（自由行、私人订制）：固定像素卡片改为整行 */
html.is-mobile .my-layout-body div[style*="width: 980px"],
html.is-mobile .my-layout-body div[style*="width: 268px"],
html.is-mobile .my-layout-body div[style*="width: 551px"],
html.is-mobile .my-layout-body div[style*="width: 435px"] {
    width: calc(100% - 20px) !important;
    height: auto !important;
    margin: 8px 10px !important;
    float: none !important;
}
html.is-mobile .my-layout-body div[style*="width: 980px"] > .hover01,
html.is-mobile .my-layout-body div[style*="width: 980px"] > .hover14,
html.is-mobile .my-layout-body div[style*="width: 268px"] > .hover01,
html.is-mobile .my-layout-body div[style*="width: 551px"] > .hover01,
html.is-mobile .my-layout-body div[style*="width: 435px"] > .hover01 {
    width: 100% !important;
    height: auto !important;
}
html.is-mobile .my-layout-body .hover01 > figure[style*="height"],
html.is-mobile .my-layout-body .hover14 > figure[style*="height"] {
    height: auto !important;
    min-height: 120px;
}
html.is-mobile .my-layout-body .hover01 > figure img,
html.is-mobile .my-layout-body .hover14 > figure img {
    width: 100% !important;
    height: auto !important;
    display: block;
}
html.is-mobile .my-layout-body .flex:has(> div[style*="width: 268px"]),
html.is-mobile .my-layout-body .flex:has(> div[style*="width: 980px"]),
html.is-mobile .my-layout-body .flex:has(> div[style*="width: 435px"]) {
    flex-direction: column;
}
html.is-mobile .my-layout-body div[style*="font-size: 30px"] {
    font-size: 22px !important;
    line-height: 26px !important;
}
html.is-mobile .my-layout-body .max-w-7xl h1,
html.is-mobile .my-layout-body .max-w-7xl h2 {
    font-size: 20px;
}
html.is-mobile .my-layout-body .max-w-7xl > div > div[style*="font-size: 20px"],
html.is-mobile .my-layout-body .max-w-7xl > div[style*="font-size: 20px"] {
    font-size: 15px !important;
    padding: 0 12px;
}
/* 签证页：卡片整行、分类内的国家自动换行 */
html.is-mobile .my-layout-body .my-card-nohover[style*="width: 300px"],
html.is-mobile .my-layout-body .my-card[style*="width: 403px"] {
    width: calc(100% - 16px) !important;
    margin: 6px 8px !important;
}
html.is-mobile .my-layout-body .flex:has(> .my-card-nohover),
html.is-mobile .my-layout-body .flex:has(> .my-card) {
    flex-wrap: wrap;
}
html.is-mobile .my-layout-body .my-card-nohover .flex,
html.is-mobile .my-layout-body .my-card .flex {
    flex-wrap: wrap;
}
html.is-mobile .my-layout-body .my-card-nohover img,
html.is-mobile .my-layout-body .my-card img {
    max-width: 100%;
    height: auto;
}
html.is-mobile .my-layout-body .my-card-nohover a,
html.is-mobile .my-layout-body .my-card a {
    white-space: normal;
}
html.is-mobile .ant-steps.ant-steps-horizontal.ant-steps-label-horizontal {
    flex-wrap: wrap;
}

/* ---------- 2. 订单列表（manager 视图） ---------- */
html.is-mobile .my-orders-page .pt-2 > .flex {
    flex-wrap: wrap;
    align-items: center;
    padding: 0 8px;
    gap: 4px 6px;
}
html.is-mobile .my-orders-page .pt-2 > .flex > .flex-grow {
    flex: 1 1 100%;
    margin-left: 0 !important;
    margin-top: 4px !important;
}
html.is-mobile .my-orders-page .pt-2 > .flex > span.ml-2,
html.is-mobile .my-orders-page .pt-2 > .flex > .ant-btn.mx-2 {
    margin: 0 !important;
}
html.is-mobile .my-orders-page .pt-2 > .flex .ant-btn {
    font-size: 12px;
    padding: 0 8px;
}
html.is-mobile .my-orders-page .pt-2 > div > div[style*="margin-left: 10px"],
html.is-mobile .my-orders-page .pt-2 .flex.flex-wrap > div[style*="margin-left"] {
    margin-left: 8px !important;
    margin-right: 4px;
}
html.is-mobile .my-orders-page .pt-2 .ant-btn.ml-2.mt-2 {
    margin: 6px 8px !important;
}
/* 过滤条件：标签与下拉框同一行，日期范围另起一行 */
html.is-mobile .my-orders-page .flex.flex-wrap.mb-2 > div[style*="margin-left: 10px"]:not(.flex) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    font-size: 13px !important;
    margin: 4px 8px !important;
}
html.is-mobile .my-orders-page .flex.flex-wrap.mb-2 > div:not(.flex) > .ant-select {
    flex: 1 1 auto;
    width: auto !important;
    min-width: 0 !important;
    max-width: calc(100% - 70px);
}
html.is-mobile .my-orders-page .flex.flex-wrap.mb-2 > div:not(.flex) > .ant-picker-range {
    flex: 1 1 100%;
    max-width: 240px;
}
/* 全选：只显示表头的选择框，并加上“全选”文字 */
html.is-mobile .my-orders-table .ant-table-thead {
    display: block !important;
}
html.is-mobile .my-orders-table .ant-table-thead > tr {
    display: flex;
    align-items: center;
    padding: 6px 8px 0 16px;
}
html.is-mobile .my-orders-table .ant-table-thead > tr > th {
    display: none;
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
}
html.is-mobile .my-orders-table .ant-table-thead > tr > th::before {
    display: none !important;
}
html.is-mobile .my-orders-table .ant-table-thead > tr > th.ant-table-selection-column {
    display: flex !important;
    align-items: center;
    width: auto;
    font-size: 12px;
    color: #666;
}
html.is-mobile .my-orders-table .ant-table-thead > tr > th.ant-table-selection-column::after {
    content: "全选";
    margin-left: 6px;
}
html.is-mobile[lang="en"] .my-orders-table .ant-table-thead > tr > th.ant-table-selection-column::after {
    content: "Select all";
}
html.is-mobile .my-orders-table .ant-table-selection-extra {
    position: static;
    margin-left: 4px;
}
/* 每页显示数量 */
html.is-mobile .my-orders-page .ant-pagination .ant-pagination-options {
    display: inline-block !important;
    margin-left: 8px;
}
html.is-mobile .my-orders-page .ant-pagination .ant-pagination-options .ant-select {
    font-size: 12px;
}
html.is-mobile .my-orders-page .ant-pagination {
    flex-wrap: wrap;
    row-gap: 6px;
}

/* ---------- 3. 订单详情（manager 视图） ---------- */
/* 供应商订单号：与修改按钮一行、居左 */
html.is-mobile .my-orderpage .flex > .grow:empty {
    display: none;
}
html.is-mobile .my-orderpage .flex > .grow:empty + div[style*="font-size: 18px"] {
    flex: 1 1 100%;
}
html.is-mobile .my-orderpage .flex > .grow:empty + div[style*="font-size: 18px"] > .flex {
    flex-wrap: nowrap;
    align-items: center;
    gap: 4px;
}
html.is-mobile .my-orderpage .flex > .grow:empty + div[style*="font-size: 18px"] > .flex > .mt-1 {
    margin-top: 0 !important;
    flex: none;
    white-space: nowrap;
}
html.is-mobile .my-orderpage .flex > .grow:empty + div[style*="font-size: 18px"] > .flex > .ant-input-affix-wrapper {
    flex: 1 1 auto;
    width: auto !important;
    min-width: 0;
    height: 28px;
}
html.is-mobile .my-orderpage .flex > .grow:empty + div[style*="font-size: 18px"] > .flex > .ant-btn {
    flex: none;
    margin: 0 !important;
}
/* 分配订单至：标签 + 下拉 + 按钮 一行 */
html.is-mobile .my-orderpage .flex.flex-shrink-0.mr-3 {
    flex-wrap: nowrap !important;
    align-items: center;
    gap: 4px;
    margin-right: 0 !important;
}
html.is-mobile .my-orderpage .flex.flex-shrink-0.mr-3 > div[style*="font-size: 18px"] {
    font-size: 13px !important;
    margin-top: 0 !important;
    flex: none;
    white-space: nowrap;
}
html.is-mobile .my-orderpage .flex.flex-shrink-0.mr-3 > .ant-select {
    flex: 1 1 auto;
    width: auto !important;
    min-width: 0 !important;
}
html.is-mobile .my-orderpage .flex.flex-shrink-0.mr-3 > .ant-btn {
    flex: none;
    margin-left: 0 !important;
    padding: 0 6px;
}
/* 订单联系人：“清除重填”放到性别按钮右侧并居右（订单详情页 / 下单页） */
html.is-mobile .my-orderpage div[style*="dashed"] > .flex > .grow,
html.is-mobile .my-orderconfirm .flex > .grow:has(> .flex > .grow.mb-1) {
    position: relative;
}
html.is-mobile .my-orderpage div[style*="dashed"] > .flex > .grow > .flex:first-child > .flex-none,
html.is-mobile .my-orderconfirm .flex > .grow:has(> .flex > .grow.mb-1) > .flex:first-child > .flex-none {
    position: absolute;
    right: 0;
    top: 30px;
    z-index: 2;
}
html.is-mobile .my-orderpage div[style*="dashed"] > .flex > .grow > .flex:first-child > .grow.mb-1,
html.is-mobile .my-orderconfirm .flex > .grow:has(> .flex > .grow.mb-1) > .flex:first-child > .grow.mb-1 {
    flex: 1 1 100%;
}
/* 自己的备注：上传/查看/删除按钮左对齐 */
html.is-mobile .my-orderpage .flex:has(> div > .ant-btn.relative) {
    flex-wrap: wrap;
}
html.is-mobile .my-orderpage .flex:has(> div > .ant-btn.relative) > .flex-grow {
    display: none;
}
html.is-mobile .my-orderpage .flex:has(> div > .ant-btn.relative) > div {
    flex: 1 1 100%;
    margin-top: 4px;
    font-size: 12px;
}
html.is-mobile .my-orderpage .mb-1.flex:has(> .ant-btn.ml-2) > .grow {
    display: none;
}
html.is-mobile .my-orderpage .mb-1.flex:has(> .ant-btn.ml-2) > .ant-btn {
    margin: 4px 6px 4px 0 !important;
}
/* 底部金额区：标签 + 输入框 + 修改 一行 */
html.is-mobile .my-orderpage div.mt-1[style*="font-weight: bold"][style*="color: red"] {
    flex: 0 0 100px;
    max-width: 100px;
    padding-right: 4px;
}
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: 0 0 130px;
    max-width: 130px;
}
html.is-mobile .my-orderpage .flex.flex-wrap > .ant-btn.ant-btn-sm.ml-1.mt-1,
html.is-mobile .my-orderpage .flex > .ant-btn.ant-btn-sm.ml-1.mt-1 {
    flex: none;
    margin: 0 0 0 4px !important;
}
html.is-mobile .my-orderpage .flex:has(> .ant-input-number-group-wrapper) > .flex:has(> .ant-input-number-group-wrapper) {
    flex: 1 1 100%;
    margin-top: 2px;
}
/* 删除订单 移到“盈利”行右侧；信用卡在线支付 + 输入框 + 在线/其它 一行；状态单选一行 */
html.is-mobile .my-orderpage .flex.justify-end.mt-3 {
    position: relative;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 6px;
    margin-top: 6px !important;
}
html.is-mobile .my-orderpage .flex.justify-end.mt-3 > .ant-btn.mr-5 {
    position: absolute;
    right: 0;
    top: -34px;
    margin: 0 !important;
}
html.is-mobile .my-orderpage .flex.justify-end.mt-3 > .ant-input-number-group-wrapper {
    flex: 0 0 110px;
    max-width: 110px;
}
html.is-mobile .my-orderpage .flex.justify-end.mt-3 .ant-radio-group.ml-8 {
    margin-left: 0 !important;
    display: inline-flex !important;
}
html.is-mobile .my-orderpage .flex.justify-end.mt-3 > .flex {
    flex: 1 1 100%;
    flex-wrap: nowrap;
    align-items: center;
    gap: 6px;
    margin-top: 4px;
}
html.is-mobile .my-orderpage .flex.justify-end.mt-3 > .flex > .ant-radio-group[style*="margin-left: 15px"] {
    margin: 0 !important;
    white-space: nowrap;
}
html.is-mobile .my-orderpage .flex.justify-end.mt-3 .ant-radio-button-wrapper {
    padding: 0 6px;
    font-size: 12px;
}
html.is-mobile .my-orderpage .flex.justify-end.mt-3 .ant-radio-wrapper {
    font-size: 12px;
    margin-right: 4px;
}
/* 行程单 / 发票 按钮间距 */
html.is-mobile .my-orderpage .flex.justify-end.mt-2 {
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 6px;
}
html.is-mobile .my-orderpage .flex.justify-end.mt-2 > div[style*="font-size: 16px"] {
    font-size: 13px !important;
    margin: 0 !important;
    flex: 1 1 100%;
    font-weight: bold;
}
html.is-mobile .my-orderpage .flex.justify-end.mt-2 .ml-3,
html.is-mobile .my-orderpage .flex.justify-end.mt-2 .mr-3,
html.is-mobile .my-orderpage .flex.justify-end.mt-2 .ant-btn {
    margin: 0 !important;
}
html.is-mobile .my-orderpage .flex.justify-end.mt-2 > div {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
/* 添加/修改 付款明细、事件、成本明细 弹层 */
html.is-mobile .ant-popover .ant-popover-inner-content > div[style*="width: 960px"] {
    width: 100% !important;
    font-size: 13px;
}
html.is-mobile .ant-popover .ant-popover-inner-content > div[style*="width: 960px"] .flex {
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 6px;
}
html.is-mobile .ant-popover .ant-popover-inner-content > div[style*="width: 960px"] .ml-8,
html.is-mobile .ant-popover .ant-popover-inner-content > div[style*="width: 960px"] .ml-5,
html.is-mobile .ant-popover .ant-popover-inner-content > div[style*="width: 960px"] .mx-3 {
    margin-left: 0 !important;
}
html.is-mobile .ant-popover .ant-popover-inner-content > div[style*="width: 960px"] .mr-5 {
    margin-right: 4px !important;
}
html.is-mobile .ant-popover .ant-popover-inner-content > div[style*="width: 960px"] .ant-picker {
    height: 28px;
}
html.is-mobile .ant-popover .ant-popover-inner-content > div[style*="width: 960px"] .ant-input-number-group-wrapper[style*="width"] {
    width: 130px !important;
}
html.is-mobile .ant-popover .ant-popover-inner-content > div[style*="width: 960px"] .ant-input-number {
    height: 28px;
}
html.is-mobile .ant-popover .ant-popover-inner-content > div[style*="width: 960px"] .ant-input-number-input {
    height: 26px;
}
html.is-mobile .ant-popover .ant-popover-inner-content > div[style*="width: 960px"] .ant-radio-group[style*="display: block"] {
    display: flex !important;
    flex-wrap: wrap;
    gap: 2px 0;
}
html.is-mobile .ant-popover .ant-popover-inner-content > div[style*="width: 960px"] .ant-radio-wrapper {
    font-size: 12px;
    margin-right: 6px;
}
html.is-mobile .ant-popover .ant-popover-inner-content > div[style*="width: 960px"] textarea,
html.is-mobile .ant-popover .ant-popover-inner-content > div[style*="width: 960px"] .ant-input {
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box;
    font-size: 13px;
}
html.is-mobile .ant-popover .ant-popover-inner-content > div[style*="width: 960px"] div[style*="font-size: 15px"] {
    font-size: 12px !important;
}
html.is-mobile .ant-popover .ant-popover-inner-content > div[style*="width: 960px"] .flex > div:has(> .mt-3.mb-1.flex) {
    flex: 1 1 100%;
}
html.is-mobile .ant-popover .ant-popover-inner-content > div[style*="width: 960px"] .ant-btn {
    height: 28px;
    min-height: 28px;
    font-size: 12px;
    padding: 0 10px;
}
html.is-mobile .ant-popover .ant-popover-inner-content > div[style*="width: 960px"] img {
    max-width: 100%;
    height: auto;
}

/* ---------- 4. 线路详情：剩余席位修改行（manager） ---------- */
html.is-mobile .my-order-topbar .ant-input-number {
    width: 60px !important;
    height: 26px;
    line-height: 24px;
}
html.is-mobile .my-order-topbar .ant-input-number-lg .ant-input-number-input,
html.is-mobile .my-order-topbar .ant-input-number-input {
    height: 24px;
    font-size: 13px;
    padding: 0 6px;
}
html.is-mobile .my-order-topbar .flex-none.mt-1.ml-2 {
    margin: 0 0 0 6px !important;
}
html.is-mobile .my-order-topbar .ant-btn-primary:not(.ant-btn-lg) {
    height: 26px;
    min-height: 26px;
    padding: 0 8px;
    font-size: 12px;
}
html.is-mobile .my-order-topbar .ant-btn-circle.ant-btn-sm {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px;
    min-height: 22px;
    margin: 0 4px !important;
    font-size: 11px;
}