/* 后台三页 · 销售平台标签版式修复 admin-sales-tag-layout-20261014-v1
   范围：接单管理(#queue) / Claude 接单管理(#claude) / Codex 接单管理(#codexCreditOrders)。
   只改样式，不改结构、文案和逻辑。所有选择器都带页面容器前缀，不碰全站共用的
   .spx-amount-input / .spx-row-actions / .hint / .adm-row / .btn 本身，也不影响卡密台账、卡台、/swap。
   销售平台徽章、复制按钮是 React 内联 style，覆盖外观必须 !important；定位类属性（order/grid/margin）不在内联里。 */

/* ===================== 1. 销售平台标签：三页统一外观 ===================== */
/* 中性描边小标签：透明底（行 hover/展开变色时不像贴上去的白片），不带颜色，颜色只留给状态和套餐 */
.xiaojiu-tool .xiaojiu-row-title>[data-sales-platform],
.xiaojiu-tool .xiaojiu-drawer>p.hint:first-child>[data-sales-platform],
section.claude-admin-queue .claude-order-heading>[data-sales-platform],
section.claude-admin-queue .claude-order-detail>p.hint:first-child>[data-sales-platform],
.codex-orders-panel .codex-order-list .adm-row-title>[data-sales-platform],
.codex-orders-panel .codex-order-detail>p.hint:first-child>[data-sales-platform]{
 display:inline-flex!important;align-items:center;flex:0 0 auto;box-sizing:border-box;
 height:18px;padding:0 6px!important;border:1px solid rgba(15,23,42,.16);border-radius:5px!important;
 background:transparent!important;color:#515154!important;
 font-size:11px!important;font-weight:500!important;line-height:1;letter-spacing:0;
 white-space:nowrap!important;vertical-align:middle;cursor:default
}

/* 列表行里不显示“未标记”：老单几乎全是未标记，满屏灰标签没有信息量（可用筛选“未标记”找出这些单） */
.xiaojiu-tool .xiaojiu-row-title>[data-sales-platform="unmarked"],
section.claude-admin-queue .claude-order-heading>[data-sales-platform="unmarked"],
.codex-orders-panel .codex-order-list .adm-row-title>[data-sales-platform="unmarked"]{display:none!important}

/* 详情顶部“销售平台 xxx”：去掉全站 .hint 的方框，做成一行轻量元信息 */
.xiaojiu-tool .xiaojiu-drawer>p.hint:first-child:has(>[data-sales-platform]),
section.claude-admin-queue .claude-order-detail>p.hint:first-child:has(>[data-sales-platform]),
.codex-orders-panel .codex-order-detail>p.hint:first-child:has(>[data-sales-platform]){
 display:flex;align-items:center;gap:8px;margin:0;padding:0;border:0;border-radius:0;background:none;
 color:var(--text-muted,#6e6e73);font-size:12px;line-height:20px
}
/* 已标记的单，行头已经显示了同一个标签，详情里不再重复；只有“未标记”时在详情里用虚线提示 */
.xiaojiu-tool .xiaojiu-drawer>p.hint:first-child:has(>[data-sales-platform]:not([data-sales-platform="unmarked"])),
section.claude-admin-queue .claude-order-detail>p.hint:first-child:has(>[data-sales-platform]:not([data-sales-platform="unmarked"])),
.codex-orders-panel .codex-order-detail>p.hint:first-child:has(>[data-sales-platform]:not([data-sales-platform="unmarked"])){display:none}
.xiaojiu-tool .xiaojiu-drawer>p.hint:first-child>[data-sales-platform="unmarked"],
section.claude-admin-queue .claude-order-detail>p.hint:first-child>[data-sales-platform="unmarked"],
.codex-orders-panel .codex-order-detail>p.hint:first-child>[data-sales-platform="unmarked"]{
 border:1px dashed rgba(15,23,42,.26);color:var(--text-muted,#6e6e73)!important
}

/* 销售平台筛选生效时（不是“全部销售平台”）高亮下拉框，和状态筛选的选中态一个意思 */
.xiaojiu-tool>.xiaojiu-controls>select.spx-amount-input:not(:has(option[value=""]:checked)),
section.claude-admin-queue .claude-admin-toolbar>select.spx-amount-input:not(:has(option[value=""]:checked)),
.codex-orders-panel form.codex-order-filters>select.spx-amount-input:not(:has(option[value=""]:checked)){
 border-color:var(--accent,#0071e3);background-color:var(--accent-soft,#e9f2fe);color:var(--accent,#0071e3);font-weight:600
}
.xiaojiu-tool>.xiaojiu-controls>select.spx-amount-input option,
section.claude-admin-queue .claude-admin-toolbar>select.spx-amount-input option,
.codex-orders-panel form.codex-order-filters>select.spx-amount-input option{color:var(--text,#1d1d1f);background-color:var(--bg-card,#fff);font-weight:400}

/* ===================== 2. 接单管理（ChatGPT 客户提交队列） ===================== */
/* 工具栏：筛选在左（销售平台 + 搜索），操作在右（刷新队列 + 自动刷新，保持原来的先后）；可换行，手机不再横向溢出 */
.xiaojiu-tool>.xiaojiu-controls{flex-wrap:wrap;gap:8px;min-width:0;margin:4px 0 2px}
.xiaojiu-tool>.xiaojiu-controls>select.spx-amount-input{
 order:1;flex:0 0 auto;width:auto;min-width:132px;height:34px;min-height:34px;padding:0 8px 0 10px;
 border:1px solid var(--line,rgba(15,23,42,.1));border-radius:var(--r-sm,8px);background-color:var(--bg-card,#fff);
 color:var(--text,#1d1d1f);font-size:13px;cursor:pointer
}
.xiaojiu-tool>.xiaojiu-controls>form[data-sales-search]{order:2;flex:1 1 260px;max-width:420px;min-width:0;flex-wrap:nowrap;gap:6px;margin:0}
.xiaojiu-tool>.xiaojiu-controls>form[data-sales-search]>input.spx-amount-input{
 flex:1 1 auto;width:auto;min-width:0;height:34px;min-height:34px;padding:0 10px 0 32px;
 border:1px solid var(--line,rgba(15,23,42,.1));border-radius:var(--r-sm,8px);color:var(--text,#1d1d1f);font-size:13px;
 background:var(--bg-card,#fff) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2386868b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 10px center/15px
}
.xiaojiu-tool>.xiaojiu-controls>form[data-sales-search]>input.spx-amount-input::placeholder{color:var(--text-faint,#86868b)}
.xiaojiu-tool>.xiaojiu-controls>select.spx-amount-input:focus,
.xiaojiu-tool>.xiaojiu-controls>form[data-sales-search]>input.spx-amount-input:focus{border-color:var(--accent,#0071e3)}
.xiaojiu-tool>.xiaojiu-controls>form[data-sales-search]>.btn{flex:0 0 auto;min-height:34px;padding:0 14px;font-size:13px;white-space:nowrap}
.xiaojiu-tool>.xiaojiu-controls>.btn.primary{order:3;margin-left:auto;flex:0 0 auto;min-height:34px;padding:0 14px;font-size:13px;white-space:nowrap}
.xiaojiu-tool>.xiaojiu-controls>.xiaojiu-autorefresh{order:4;flex:0 0 auto;white-space:nowrap}

/* 状态筛选：原来 .source-option 卡片的 68px 最小高度漏进来，按钮变成圆泡泡、✓ 压在字上。改成后台通用分段胶囊（同 .adm-seg-item） */
.xiaojiu-tool>.xiaojiu-filter-tabs{gap:6px;margin:0}
.xiaojiu-tool>.xiaojiu-filter-tabs>.source-option.compact{
 min-height:0;height:26px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 12px;
 border:1px solid var(--line,rgba(15,23,42,.1));border-radius:999px;background:var(--bg-card,#fff);box-shadow:none;transform:none;
 color:var(--text-muted,#6e6e73);font-size:12px;font-weight:400;line-height:1;white-space:nowrap
}
.xiaojiu-tool>.xiaojiu-filter-tabs>.source-option.compact:hover{background:var(--bg-hover,rgba(15,23,42,.04));border-color:var(--line,rgba(15,23,42,.1));color:var(--text,#1d1d1f);transform:none}
.xiaojiu-tool>.xiaojiu-filter-tabs>.source-option.compact.active,
.xiaojiu-tool>.xiaojiu-filter-tabs>.source-option.compact.active:hover{
 border-color:var(--accent,#0071e3);background:var(--accent-soft,#e9f2fe);color:var(--accent,#0071e3);font-weight:600;box-shadow:none
}
.xiaojiu-tool>.xiaojiu-filter-tabs>.source-option.compact.active::after{content:none;display:none}

/* 订单行标题：销售平台标签放到邮箱后面，邮箱起点和加标签前一样对齐 */
.xiaojiu-tool .xiaojiu-row-title>[data-sales-platform]{order:9}
.xiaojiu-tool .xiaojiu-row-title>.xiaojiu-tier-badge{flex:0 0 auto;margin-right:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:18px}
.xiaojiu-tool .xiaojiu-row-title>.xiaojiu-expiry{flex:0 0 auto;margin-left:0;white-space:nowrap}
/* 原来没配色的套餐徽章（透明底黑字，看起来不像徽章）；避开警示用的橙/红 */
.xiaojiu-tool .xiaojiu-tier-badge.tier-promax{background:#fae8ff;color:#a21caf}
.xiaojiu-tool .xiaojiu-tier-badge.tier-pro5xcl{background:#e0e7ff;color:#3730a3}
.xiaojiu-tool .xiaojiu-tier-badge.tier-pro20x_single_cycle{background:#ede9fe;color:#6d28d9}
.xiaojiu-tool .xiaojiu-tier-badge.tier-team,
.xiaojiu-tool .xiaojiu-tier-badge.tier-team-mixed{background:#e0f2fe;color:#0369a1}
/* 键盘聚焦行头时焦点框被 .xiaojiu-row 的 overflow:hidden 裁掉了，改成内描边 */
.xiaojiu-tool .xiaojiu-row-head:focus-visible{outline-offset:-2px;border-radius:11px}

@media (min-width:761px){
 /* 左右两组之间至少留 20px，窄桌面时也看得出分组 */
 .xiaojiu-tool>.xiaojiu-controls>form[data-sales-search]{margin-right:12px}
 /* 只有 1 页时分页单独占一行太空：和状态筛选放同一行（状态在左、分页在右） */
 .xiaojiu-tool{grid-template-columns:minmax(0,1fr) auto}
 .xiaojiu-tool>*{grid-column:1/-1}
 .xiaojiu-tool>.xiaojiu-filter-tabs{grid-column:1}
 .xiaojiu-tool>.xiaojiu-queue-pager{grid-column:2;align-self:center;margin:0}
 /* 行头按自身宽度自适应：右侧状态/IP/时间至少给左侧标题留约 300px，太长时（IPv6、已归档）在右侧折两行；
    套餐徽章宽屏完整显示，窄了才收成省略号。替代固定上限，避免中等宽度邮箱被挤没 */
 .xiaojiu-tool .xiaojiu-row-head{container-type:inline-size}
 .xiaojiu-tool .xiaojiu-row-head>.xiaojiu-row-meta{max-width:max(240px,100cqw - 300px);white-space:normal;text-align:right;line-height:1.5;text-wrap:balance}
 .xiaojiu-tool .xiaojiu-row-title>.xiaojiu-tier-badge{max-width:clamp(96px,100cqw - 680px,260px)}
 .xiaojiu-tool .xiaojiu-row-title{overflow:hidden}
}
/* 多页时分页较宽：放不下就退回单独一行，避免把状态胶囊挤成多行 */
@media (min-width:761px) and (max-width:875px), (min-width:901px) and (max-width:1139px){
 .xiaojiu-tool:has(>.xiaojiu-queue-pager .xiaojiu-page-button:nth-child(5))>.xiaojiu-filter-tabs,
 .xiaojiu-tool:has(>.xiaojiu-queue-pager .xiaojiu-page-button:nth-child(5))>.xiaojiu-queue-pager{grid-column:1/-1}
}
@media (min-width:901px) and (max-width:1043px){
 .xiaojiu-tool:has(>.xiaojiu-queue-pager .xiaojiu-page-button:nth-child(2))>.xiaojiu-filter-tabs,
 .xiaojiu-tool:has(>.xiaojiu-queue-pager .xiaojiu-page-button:nth-child(2))>.xiaojiu-queue-pager{grid-column:1/-1}
}
@media (min-width:901px) and (max-width:940px){
 .xiaojiu-tool>.xiaojiu-controls>.xiaojiu-autorefresh{margin-left:auto}
}

/* ===================== 3. Claude 接单管理（以 claude-queue-ui-polish v2 为底） ===================== */
/* 工具栏顺序：搜索 | 销售平台 | 套餐 | 自动刷新（两个筛选挨在一起，搜索框回到最左） */
section.claude-admin-queue .claude-admin-toolbar{container:cq-toolbar/inline-size}
section.claude-admin-queue .claude-admin-toolbar>form{order:1}
section.claude-admin-queue .claude-admin-toolbar>select.spx-amount-input{order:2;width:auto;min-height:0;flex:0 0 auto}
section.claude-admin-queue .claude-admin-toolbar>select:not(.spx-amount-input){order:3}
section.claude-admin-queue .claude-admin-toolbar>.claude-auto-refresh{order:4}
section.claude-admin-queue .claude-admin-toolbar form .btn{font-size:13px}
@media (min-width:721px){
 section.claude-admin-queue .claude-admin-toolbar>select.spx-amount-input,
 section.claude-admin-queue .claude-admin-toolbar>select:not(.spx-amount-input){min-width:150px}
}
/* 工具栏放不下完整的搜索提示文字时，搜索独占第一行，筛选放第二行 */
@container cq-toolbar (max-width:960px){
 section.claude-admin-queue .claude-admin-toolbar>form{flex:1 1 100%}
}
@media (max-width:720px){
 /* 第一行 搜索 + 自动刷新，第二行两个筛选各占一半 */
 section.claude-admin-queue .claude-admin-toolbar>form{order:1;flex:1 1 calc(100% - 120px);min-width:0}
 section.claude-admin-queue .claude-admin-toolbar>.claude-auto-refresh{order:2;flex:0 0 auto}
 section.claude-admin-queue .claude-admin-toolbar>select.spx-amount-input{order:3;flex:1 1 calc(50% - 5px);min-width:0}
 section.claude-admin-queue .claude-admin-toolbar>select:not(.spx-amount-input){order:4;flex:1 1 calc(50% - 5px);min-width:0}
}
@media (min-width:481px) and (max-width:720px){
 section.claude-admin-queue .claude-admin-toolbar>form{order:1;flex:1 1 100%}
 section.claude-admin-queue .claude-admin-toolbar>select.spx-amount-input{order:2;flex:1 1 0}
 section.claude-admin-queue .claude-admin-toolbar>select:not(.spx-amount-input){order:3;flex:1 1 0}
 section.claude-admin-queue .claude-admin-toolbar>.claude-auto-refresh{order:4}
}

/* 订单标题：标签放在套餐名下面那块空白里，不多占一行 */
section.claude-admin-queue .claude-order-heading>strong{grid-row:1}
section.claude-admin-queue .claude-order-heading>[data-sales-platform]{grid-column:1;grid-row:2;justify-self:start;align-self:center}
@container cq-orders (max-width:1100px){
 section.claude-admin-queue .claude-order-heading>strong{grid-row:1/4;align-self:start;white-space:nowrap}
 section.claude-admin-queue .claude-order-heading>[data-sales-platform]{grid-column:1;grid-row:2/4;justify-self:start;align-self:start;margin-top:6px}
}
@container cq-orders (max-width:640px){
 section.claude-admin-queue .claude-order-heading{grid-template-columns:auto minmax(0,1fr);column-gap:8px}
 section.claude-admin-queue .claude-order-heading>strong{grid-column:1;grid-row:1;align-self:center}
 section.claude-admin-queue .claude-order-heading>[data-sales-platform]{grid-column:2;grid-row:1;justify-self:start;align-self:center;margin:-1px 0}
 section.claude-admin-queue .claude-order-heading>.claude-order-account,
 section.claude-admin-queue .claude-order-heading>code:not(.claude-order-cdk),
 section.claude-admin-queue .claude-order-heading>.claude-order-cdk{grid-column:1/-1}
 /* v2 遗留：手机上卡密胶囊的内边距被清零，复制图标压在最后几个字符上 */
 section.claude-admin-queue .claude-order-heading>.claude-order-cdk{padding:2px 28px 2px 8px;background-position:right 8px center}
 section.claude-admin-queue .claude-order-heading>.claude-order-cdk.is-missing{padding-right:10px}
}
section.claude-admin-queue .claude-order-detail>p.hint:first-child:has(>[data-sales-platform]){margin:0 0 12px}

/* 后台锁亮色，但 v2 的深色媒体查询仍在把“待处理”紫色、IP 池开关调成深色值，亮底上看不清：还原成亮色值 */
@media (prefers-color-scheme:dark){
 .adm-shell section.claude-admin-queue{--cq-indigo:#5b5bd6;--cq-hover:rgba(15,23,42,.035)}
 .adm-shell section.claude-ip-pool{--cq-indigo:#5b5bd6}
 .adm-shell section.claude-admin-queue .claude-admin-eyebrow{color:#a0714a}
 .adm-shell section.claude-ip-pool .ip-pool-checkbox input[role="switch"]::after{background:#fff}
}

/* ===================== 4. Codex 接单管理 ===================== */
/* 工具栏：销售平台补上和“额度”一样的小标题；所有控件统一 36px 高、8px 圆角，顶边底边都对齐 */
.codex-orders-panel form.codex-order-filters{position:relative}
.codex-orders-panel form.codex-order-filters:has(>select.spx-amount-input:first-child)::before{
 content:"销售平台";position:absolute;left:0;top:0;font-size:var(--fs-xs,12px);font-weight:var(--fw-medium,500);line-height:15px;color:var(--text-muted,#6e6e73);pointer-events:none
}
.codex-orders-panel form.codex-order-filters:has(>select.spx-amount-input:first-child)>select.spx-amount-input{margin-top:24px}
.codex-orders-panel form.codex-order-filters>select.spx-amount-input{
 flex:0 0 auto;width:auto;min-width:140px;height:36px;min-height:36px;padding:0 10px 0 12px;
 border:1px solid var(--border,rgba(15,23,42,.1));border-radius:var(--r-sm,8px);background-color:var(--bg-card,#fff);
 color:var(--text,#1d1d1f);font-size:var(--fs-sm,13px);cursor:pointer
}
.codex-orders-panel form.codex-order-filters>select.spx-amount-input:focus{border-color:var(--accent,#0071e3);box-shadow:0 0 0 3px var(--accent-soft,#e9f2fe)}
.codex-orders-panel form.codex-order-filters>.field select,
.codex-orders-panel form.codex-order-filters>.field input{height:36px;min-height:36px;padding-top:0;padding-bottom:0;box-sizing:border-box}
.codex-orders-panel form.codex-order-filters>.codex-order-search{flex-basis:200px;min-width:0}
.codex-orders-panel form.codex-order-filters>.btn{min-height:36px;padding:0 16px;font-size:13px}

/* 订单行：标签放到“N Credits · 邮箱”后面；长邮箱自己折行，标签留在第一行末尾；标签和复制按钮都不撑高行 */
.codex-orders-panel .codex-order-list .adm-row-title{display:flex;flex-wrap:nowrap;align-items:flex-start;gap:8px;white-space:normal;overflow:visible;overflow-wrap:anywhere}
.codex-orders-panel .codex-order-list .adm-row-title>[data-sales-platform]{order:1;margin:-1px 0}
.codex-orders-panel .codex-order-list .adm-row-meta>[data-copy-full-cdk],
.codex-orders-panel .codex-order-detail [data-copy-full-cdk]{
 min-height:0;height:18px;margin-block:-2px;padding:0 5px!important;gap:3px!important;border-color:transparent;background:transparent;box-shadow:none;
 color:var(--text-faint,#86868b);font-size:11.5px!important;font-weight:500;line-height:1!important;vertical-align:middle
}
.codex-orders-panel .codex-order-list .adm-row-meta>[data-copy-full-cdk]:hover:not(:disabled),
.codex-orders-panel .codex-order-detail [data-copy-full-cdk]:hover:not(:disabled){background:var(--bg-hover,rgba(15,23,42,.04));color:var(--accent,#0071e3)}
/* 只隐藏“历史卡密不可复制”的禁用按钮（复制进行中也是 disabled，不能一并隐藏，否则会闪） */
.codex-orders-panel [data-copy-full-cdk][aria-label="无法复制历史卡密"]{display:none}
/* 复制成功：组件把 title 改成“卡密已复制”，给绿色反馈 */
.codex-orders-panel .codex-order-list .adm-row-meta>[data-copy-full-cdk][title="卡密已复制"],
.codex-orders-panel .codex-order-detail [data-copy-full-cdk][title="卡密已复制"]{color:var(--green,#1a9e54)!important}
.codex-orders-panel .codex-order-detail .adm-kv strong>[data-copy-full-cdk]{margin-left:4px}
/* 订单号、卡密统一用后台等宽字体（原来落到浏览器默认的宋体风格等宽字） */
.codex-orders-panel .codex-order-list .adm-row-meta>code{font-family:var(--adm-mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace);font-size:11px}
.codex-orders-panel .codex-order-detail .adm-kv strong code{font-family:var(--adm-mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace);font-size:12.5px}
/* 详情里的信息格原来和抽屉同底色、看不见边界，改成白底小卡片 */
.codex-orders-panel .codex-order-detail .adm-kv{background:var(--bg-card,#fff);align-content:start}

@media (min-width:761px){
 /* 列表里复制按钮只留图标（aria-label / title 仍是“复制完整卡密”），省出 meta 宽度；鼠标移到行上时变蓝 */
 .codex-orders-panel .codex-order-list .adm-row-meta>[data-copy-full-cdk]{width:22px;padding:0!important;gap:0!important;justify-content:center;font-size:0!important}
 .codex-orders-panel .codex-order-list .adm-row-meta>[data-copy-full-cdk][title="卡密已复制"]::before{content:"✓";font-size:12px;line-height:1}
 .codex-orders-panel .codex-order-list .adm-row-head:hover .adm-row-meta>[data-copy-full-cdk]:not(:disabled),
 .codex-orders-panel .codex-order-list .adm-row-meta>[data-copy-full-cdk]:focus-visible{color:var(--accent,#0071e3)}
}

/* ===================== 5. 手机 / 窄屏 ===================== */
@media (max-width:760px){
 .xiaojiu-tool>.xiaojiu-controls>form[data-sales-search]{order:0;flex:1 1 100%;max-width:none}
 .xiaojiu-tool>.xiaojiu-controls>select.spx-amount-input{flex:1 1 auto;min-width:0}
 .xiaojiu-tool>.xiaojiu-controls>.btn.primary{margin-left:0}
 /* Codex 工具栏：销售平台 + 额度并排，搜索和查询各占一整行 */
 .codex-orders-panel form.codex-order-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .codex-orders-panel form.codex-order-filters>.codex-order-search,
 .codex-orders-panel form.codex-order-filters>.btn{grid-column:1/-1}
 .codex-orders-panel form.codex-order-filters>select.spx-amount-input{width:100%;min-width:0}
 /* Codex 标题：恢复单行省略、标签在前；有标签的行允许两行再省略，免得把“N Credits”吃掉 */
 .codex-orders-panel .codex-order-list .adm-row-title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .codex-orders-panel .codex-order-list .adm-row-title>[data-sales-platform]{height:16px;margin:0 6px 0 0;vertical-align:top}
 .codex-orders-panel .codex-order-list .adm-row-meta>[data-copy-full-cdk]{margin-inline-start:-5px}
 .codex-orders-panel .codex-order-list .adm-row-title:has(>[data-sales-platform]:not([data-sales-platform="unmarked"])){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;overflow-wrap:anywhere}
}
@media (min-width:389px) and (max-width:760px){
 .xiaojiu-tool>.xiaojiu-controls>select.spx-amount-input{max-width:240px}
 .xiaojiu-tool>.xiaojiu-controls>.btn.primary{margin-left:auto}
}
@media (max-width:480px){
 /* 手机：有标签的行统一成“套餐 + 标签”一行、邮箱一整行 */
 .xiaojiu-tool .xiaojiu-row-title>.xiaojiu-tier-badge{order:-1}
 .xiaojiu-tool .xiaojiu-row-title>[data-sales-platform]{order:0}
 .xiaojiu-tool .xiaojiu-row-title:has(>[data-sales-platform]:not([data-sales-platform="unmarked"]))>.xiaojiu-expiry{order:-1}
 .xiaojiu-tool .xiaojiu-row-title:has(>[data-sales-platform]:not([data-sales-platform="unmarked"]))>strong{flex-basis:100%}
}
@media (max-width:388px){
 .xiaojiu-tool>.xiaojiu-controls>select.spx-amount-input{flex:1 1 100%}
 .xiaojiu-tool>.xiaojiu-controls>.xiaojiu-autorefresh{margin-left:auto}
}