/**
 * i18n-style-fix.css
 * ------------------------------------------------------------------
 * 用途：erp-web 多语言（中英）长文本导致的界面样式精细化修复。
 *      英文文案较长时，老 AngularJS 页面的表格/按钮/表单/弹窗/tab
 *      会出现列挤压、文字裁切、错位等问题，本文件统一修复。
 *
 * 作用域（安全红线）：所有规则一律以页面级 hook class 前缀作用域，
 *      仅影响挂了 hook class 的目标页面，绝不改动全局共享类
 *      （.ea-list-table / .table-con-box / .ea-to-impl 等）本体，
 *      因此对未挂 hook class 的其它页面零副作用。
 *   - .i18n-fix-page ：6 个目标页公共 hook（挂在模板最外层 .ea-content）
 *   - .i18n-fix-bill / -wcuslist / -wcash / -wrecharge / -chat / -kehu ：单页 hook
 *   - .i18n-xtable ：表格横向滚动包裹容器（模板中包住 <table>）
 *
 * 依据：wiki 前端规范(pageId=88507559) 表格规则「每列定宽 + Table 横向滚动」
 *      + UI 美观度「仅样式微调、不影响功能交互」。
 * 负责人：东咸   创建：26年07月17日
 * 回滚：移除 manage.html 中本文件 <link> + 各模板 hook class/包裹 div 即可。
 * ================================================================== */

/* ============================================================
 * 通用：表格横向滚动（T1）
 * .i18n-xtable 包住 <table>；表头强制不换行以撑出列宽，
 * 宽度不足时容器出现横向滚动条。overflow-y 保持默认，容器高度
 * 由内容撑开，正常不出现纵向滚动条。
 * ============================================================ */
.i18n-fix-page .i18n-xtable {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.i18n-fix-page .i18n-xtable > table {
  /* 让表格可超出容器宽度而非被压缩（各页在单页块内设置具体 min-width） */
  width: 100%;
}
/* 表头不换行 —— 长英文列不再折行，配合 min-width 触发横向滚动 */
.i18n-fix-page .i18n-xtable > table th,
.i18n-fix-page .i18n-xtable > table th span {
  white-space: nowrap;
}
/* 时间/日期单元格尽量单行（不够再由列宽兜底） */
.i18n-fix-page .i18n-xtable > table td .nowrap,
.i18n-fix-page .i18n-xtable > table td.nowrap {
  white-space: nowrap;
}

/* ============================================================
 * 通用：行内操作列按钮长英文自适应（T2）
 * 操作列不裁切、按钮文字不换行；多个按钮时纵向留间距整齐排列。
 * 仅在 hook 作用域内为共享按钮类补充规则，不改全局本体。
 * ============================================================ */
.i18n-fix-page .ea-list-table td.relative {
  white-space: nowrap;
}
.i18n-fix-page .ea-to-impl,
.i18n-fix-page .ea-to-refuse {
  white-space: nowrap;
  margin-bottom: 6px;
}

/* ============================================================
 * 表格加宽（min-width）—— 仅英文态生效（html[lang="en"]）
 * 中文态文案短、原本能容下，故不加 min-width、不强制横向滚动，
 * 保持中文界面与改动前完全一致（零回归）。英文态才把表拉宽到
 * 舒适列宽并触发横向滚动。lang 由 i18nLangBridge 归一为 en/cn。
 * ============================================================ */
/* 页1 · 账单查询 billInquiry（9 列，.wallet-table 为页面私有表样式） */
html[lang="en"] .i18n-fix-bill .i18n-xtable > table.wallet-table {
  min-width: 1200px;
}
/* 页2 · 客户钱包管理 walletcuslistdel（用户列表 10 列 / 审核列表 ~10 列） */
html[lang="en"] .i18n-fix-wcuslist .i18n-xtable > table.ea-list-table {
  min-width: 1360px;
}
/* 页3 · 提现申请 walletcash（11-12 列，操作列多按钮） */
html[lang="en"] .i18n-fix-wcash .i18n-xtable > table.ea-list-table {
  min-width: 1600px;
}
/* 页4 · 钱包充值/汇款 wallet-recharge（8-9 列） */
html[lang="en"] .i18n-fix-wrecharge .i18n-xtable > table.ea-list-table {
  min-width: 1220px;
}

/* ============================================================
 * 页6 · 客服聊天入口 severice-relation（T7）
 * 修复：① 右上说明文案（定宽 280×35）英文溢出并压住聊天气泡图标；
 *      ② 三个复制链接按钮（定宽 210px）随更长翻译词自适应，避免裁切/换行。
 * ============================================================ */
/* ① 说明文案：高度自适应、略加宽，避免被 35px 裁切（仅英文态；中文原本单行不受影响） */
/* 加白底+圆角：英文多行文字与仙人掌图层重叠，白底防遮挡 */
html[lang="en"] .i18n-fix-chat .ea-right-content-div > p {
  width: 300px;
  height: auto;
  background-color: rgba(255, 255, 255, 0.92);
  padding: 6px 10px;
  border-radius: 4px;
}
/* 聊天气泡图标下移到右下角，避开英文长说明文案（原 top:130px 会被英文压住；仅英文态） */
html[lang="en"] .i18n-fix-chat .ea-right-content-div > .i18n-chat-bubble {
  top: auto;
  bottom: 0;
}
/* ============================================================
 * 页5 · 客户列表 KeHuLieBiao（英文态列宽 + 日期搜索框）
 * 修复：① 日期 input 宽 120px 不够英文占位符；② 客户类型/注册日期/总销售额列太窄
 * 方案：头/体同级 class 同步改宽（table-layout:fixed 下等比放大，保持对齐）
 * ============================================================ */
/* ① 日期选择器输入框：inline width:120px → 155px（英文占位文字需约 145px） */
html[lang="en"] .i18n-fix-kehu input.Wdate.data-inp {
  width: 155px !important;
}
html[lang="en"] .i18n-fix-kehu .search-box {
  width: auto !important;
}
/* ② 客户类型列（.kehuleixing）：5% → 7.5%，头/体同步更宽，防"Types of\nCustomer"换行 */
html[lang="en"] .i18n-fix-kehu .kehuleixing {
  width: 7.5% !important;
}
/* ③ 注册日期列（.i18n-regdate）：7% → 9%，防"Registration\ndate"换行 */
html[lang="en"] .i18n-fix-kehu .i18n-regdate {
  width: 9% !important;
}
/* ④ 总销售额列（.i18n-total-sales）：5% → 7%，防"Total sales|"截断 */
html[lang="en"] .i18n-fix-kehu .i18n-total-sales {
  width: 7% !important;
}

/* ② 复制链接按钮：宽度自适应 + 不换行（仅英文态）。
 *    中文 inline width:210px 不受影响；英文 !important 才覆盖让按钮随长文本撑开。 */
html[lang="en"] .i18n-fix-chat .zhuanshu-link a {
  width: auto !important;
  min-width: 210px;
  height: auto !important;
  line-height: 1.5 !important;
  padding: 6px 18px !important;
  white-space: nowrap;
  box-sizing: border-box;
}