/* 最后修改：2026-10-15 15:57:08（北京时间）— 全部业务表格共用浅灰悬停变量，保留原深色及业务色。 */
/* 2026-10-08 16:24:47（北京时间）— 公海保护标签与保护原因统一为获准浅橙色，保留黑字与锁图标。 */
/* 最后修改：2026-10-08 11:14:56（北京时间）— 客户公海与我的客户桌面行距小幅增加。 */
/* 2026-10-07 17:31:56（北京时间）— 账号设置在剩余空间内上下居中。 */
/* 2026-10-07 17:28:23（北京时间）— 账号设置统一外框与居中留白。 */
/* 2026-10-06 15:53:06（北京时间）— 所有客户等级复用我的客户配色与黑字，阶段不变。 */
/* 最后修改：2026-10-06 11:12:20（北京时间）— 确认公海样式及分享黑底紫色悬停。 */
/* 最后修改：2026-10-06 09:26:31（北京时间）— 订单详情、样品详情方案 A：主界面同色底、客户详情风格头部、关键数字条、同款图标信息卡、寄样卡片与按需编辑（本地版，未上线）。 */
/* 最后修改：2026-10-06 09:06:40（北京时间）— 仅加宽客户公海公司列，后续字段等量右移。 */
/* 最后修改：2026-10-06 08:41:22（北京时间）— 账号设置手机端标题移到左上角菜单按钮右侧，避免被遮挡。 */
/* 最后修改：2026-10-06 08:38:16（北京时间）— 账号设置深色：提高一级覆盖全站深色输入框底色，只读资料保持纯文字、输入框与主界面同色。 */
/* 最后修改：2026-10-05 15:05:14（北京时间）— 账号设置改为方案 A 设置列表：主界面同色底、同款图标、只读纯文字、左标签右填写、深色可读（本地版，未上线）。 */
/* 最后修改：2026-10-05 14:53:41（北京时间）；分享纯文字胶囊、17格活跃度、公海48px行高。 */
/* 最后修改：2026-10-05 14:28:17（北京时间）— 需求详情手机端“发布信息”放到右列（本地版，未上线）。 */
/* 最后修改：2026-10-05 14:11:01（北京时间）— 需求详情按客户详情整洁版改造（主界面灰白底、同款图标信息卡、深色圆形切换、手机底部切换栏）；左下角能量条格高 12px→10px、弹起幅度减小（本地版，未上线）。 */
/* 最后修改：2026-10-05 13:48:56（北京时间）— 左下角活跃度改为 D 款分段能量条：30 格一天一格、深绿到浅绿、下一格浅绿、上升时新格弹起一次；移除马、跑道与扫光（本地版，未上线）。 */
/* 最后修改：2026-10-05 01:12:30（北京时间）— 左下角活跃度精简：只留标题与百分比，跑道 16px 渐变绿、去掉格子与终点旗；身份改为“公司@姓名”一行（本地版，未上线）。 */
/* 最后修改：2026-10-05 01:05:31（北京时间）— 全销售表格动态适配表头滚动条；订单样品使用独立滚动区。 */
/* 最后修改：2026-10-05 00:58:34（北京时间）— 客户表纵向滚动条避开表头，补齐右上角背景。 */
/* 最后修改：2026-10-05 00:52:33（北京时间）— 左下角活跃度改为 30 天赛程：天数与称号、30 格赛道与终点旗、今天已跑/还没跑、天数增加时奔跑一次（本地版，未上线）。 */
/* 最后修改：2026-10-04 23:58:20（北京时间）— 七个填写表单统一为录入线索 A 款：主界面同色底、同款图标、左字段名右填写、同底细边框（本地版，未上线）。 */
/* 最后修改：2026-10-04 23:39:12（北京时间）— 客户公海行高收紧到 56px（我的客户不变），收藏按钮居中对齐（本地版，未上线）。 */
/* 最后修改：2026-10-04 18:54:38（北京时间）— PC分享与余额下移8px，平衡上下留白；手机位置不变。 */
/* 最后修改：2026-10-04 18:27:47（北京时间）— 侧栏姓名与匿名码以@直接连接，统一文字样式不变。 */
/* 最后修改：2026-10-04 17:21:08（北京时间）— 收藏星星放大 20%（34px）；客户公海/我的客户的筛选栏、表格按钮、分页边框统一为表格行线。 */
/* 最后修改：2026-10-04 17:11:17（北京时间）— 收藏星星改为圆润胖星；加入、继续跟进按钮去掉黑色，与查看相同（本地版，未上线）。 */
/* 最后修改：2026-10-04 17:03:41（北京时间）— 评分胶囊“待验证”档（21–50 分）统一灰色（本地版，未上线）。 */
/* 最后修改：2026-10-04 16:52:08（北京时间）— 电脑端分享按钮改为 D 款“错位描边”（白底黑描边 + 奖励绿错位底板，悬停压下）；查看余额改黑字无底色。手机端不变。本地版，未上线。 */
/* 最后修改：2026-10-04 16:42:19（北京时间）— 评分胶囊右侧统一灰底灰字，仅左侧数字保留等级颜色。 */
/* 最后修改：2026-10-04 16:32:32（北京时间）— 两张客户表采用分段胶囊，50分灰色，其他等级保留原色。 */
/* 最后修改：2026-10-03 21:18:28（北京时间）— 分享按钮去分隔线和立体装饰，余额采用同高度的平面蓝灰样式，保留欠额警示。 */
/* 最后修改：2026-10-03 20:32:18（北京时间）— 公海收藏列扩至76px、加入左留白20px，拉开操作间隔且保持点击范围。 */
/* 最后修改：2026-10-03 20:09:31（北京时间）— 活跃度环形跑道，收藏居中与加入左对齐缩短操作间隔。 */
/* 作用域：仅 Index 登录后工作区。侧栏电脑端固定展开，手机抽屉沿用同一视觉；表格卡片只在 761px 以上生效，手机卡片列表保持原样。 */
/* 选择器以 #mobile-sidebar、#table-area、#tbl-ocean、#tbl-mine 为根，避免与旧主题、看板抽屉的 !important 规则互相覆盖。 */

/* 顶栏共用原分享和余额数据入口；手机保持紧凑入口。 */
/* 2026-10-04：查看余额改为黑色字、不留底色和边框；欠额时仍用红字提醒。 */
html.auth-has-session body.index-workspace-layout .topbar #topbar-credits {
  --credit-bg: transparent;
  --credit-border: transparent;
  --credit-label: #141414;
  --credit-value: #141414;
  align-items: center;
  gap: 8px;
  height: 56px;
  padding: 0 6px;
  border: 1px solid var(--credit-border) !important;
  border-radius: 10px;
  background: var(--credit-bg) !important;
  color: var(--credit-label) !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  white-space: nowrap;
  box-shadow: none !important;
}

body.index-workspace-layout .topbar #topbar-credits > span {
  color: var(--credit-label) !important;
}

body.index-workspace-layout #topbar-credits #topbar-credit-num {
  color: var(--credit-value) !important;
  font-size: 22px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

body.index-workspace-layout #topbar-credits .topbar-credit-icon {
  width: 21px;
  height: 21px;
  flex-shrink: 0;
  color: var(--credit-value);
}

/* 深色模式黑字看不见，同样无底色，改用浅色字 */
html.auth-has-session.theme-dark body.index-workspace-layout .topbar #topbar-credits {
  --credit-label: #e9eaee;
  --credit-value: #f5f6f8;
}

html.auth-has-session body.index-workspace-layout .topbar #topbar-credits.is-credit-debt {
  --credit-label: #a32b28;
  --credit-value: #dc2626;
}

html.auth-has-session.theme-dark body.index-workspace-layout .topbar #topbar-credits.is-credit-debt {
  --credit-label: #f0c6c2;
  --credit-value: #ffb4b0;
}

body.index-workspace-layout #btn-share .share-button-icon,
body.index-workspace-layout #btn-share .share-button-arrow {
  display: none;
}

body.index-workspace-layout #btn-share .share-button-copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  min-width: 0;
}

/* 最后修改：2026-10-06 11:38:29（北京时间）— 手机和PC共用确认版纯文字胶囊，手机仅去掉左侧额外间距。 */
@media (min-width: 761px) {
  body.index-workspace-layout .topbar .topbar-actions { top: 8px; }
}
  html.auth-has-session body.index-workspace-layout .topbar #btn-share {
    display: inline-flex; align-items: center; justify-content: center;
    width: 140px; min-width: 0; height: 54px; margin: 0 0 0 14px; padding: 5px 16px !important;
    border: 0; border-radius: 10rem; background: #000 !important; color: #fff !important;
    box-shadow: none !important; transform: none !important; animation: none !important;
    transition: background-color .3s; font-family: inherit; overflow: hidden;
  }
  html.auth-has-session body.index-workspace-layout .topbar #btn-share::before,
  html.auth-has-session body.index-workspace-layout .topbar #btn-share::after { content: none; display: none; }
  html.auth-has-session body.index-workspace-layout .topbar #btn-share:focus-visible { outline: 2px solid #7808d0; outline-offset: 4px; }
  html.auth-has-session body.index-workspace-layout .topbar #btn-share .share-button-copy { align-items: center; text-align: center; gap: 2px; }
  html.auth-has-session body.index-workspace-layout .topbar #btn-share .share-button-label {
    font-size: 20.36px; line-height: 23px; font-weight: 600; letter-spacing: 0; color: #fff; text-shadow: none;
  }
  html.auth-has-session body.index-workspace-layout .topbar #btn-share .share-button-reward {
    font-size: 10px; line-height: 14px; font-weight: 500; color: #fff;
  }
  html.auth-has-session body.index-workspace-layout .topbar #btn-share .share-button-reward em { font: inherit; color: inherit; }
  html.auth-has-session body.index-workspace-layout .topbar #btn-share:disabled { opacity: .55; cursor: not-allowed; }
@media (max-width:760px) {
  html.auth-has-session body.index-workspace-layout .topbar #btn-share {max-width:140px!important;margin:0;}
}
@media (prefers-reduced-motion: reduce) {
  html.auth-has-session body.index-workspace-layout .topbar #btn-share { transition: none; }
}

/* ==================== 1. 侧栏 ==================== */
body.index-workspace-layout #mobile-sidebar {
  --sb-ink: #141414;
  --sb-icon: #474747;
  --sb-muted: #858585;
  --sb-faint: #a3a3a3;
  --sb-hover: rgba(0, 0, 0, .05);
  --sb-active-bg: #2b2b2d;
  --sb-active-ink: #fff;
  --sb-active-shadow: 0 8px 16px -8px rgba(0, 0, 0, .5), 0 1px 2px rgba(0, 0, 0, .28);
  --sb-green: #16a34a;
  --sb-green-deep: #166534;
  --sb-sky: #0ea5e9;
  --sb-sky-deep: #0369a1;
  --sb-line: var(--index-layout-line, #e3e3e3);
  padding: 22px 16px 16px !important;
  color: var(--sb-ink);
}

body.index-workspace-layout #mobile-sidebar [hidden] {
  display: none !important;
}

/* 恢复原品牌布局：彩色草莓居中，名称下方并排显示销售端与红黄绿三灯。 */
body.index-workspace-layout #mobile-sidebar .sb-logo {
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  height: 116px !important;
  min-height: 116px;
  padding: 10px 8px 20px !important;
  margin: 0 0 16px !important;
  border-bottom: 0 !important;
  flex-shrink: 0;
}

body.index-workspace-layout #mobile-sidebar .sb-logo-icon {
  width: 48px !important;
  height: 48px !important;
  flex: 0 0 48px;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: visible;
  background: transparent !important;
  box-shadow: none !important;
}

body.index-workspace-layout #mobile-sidebar .sb-logo-icon img {
  width: 70% !important;
  height: 70% !important;
  object-fit: contain;
  transform: translateY(-3px) !important;
  filter: none !important;
}

body.index-workspace-layout #mobile-sidebar .sb-logo-text {
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
  min-width: 0;
}

body.index-workspace-layout #mobile-sidebar .sb-logo-name {
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: normal;
  color: var(--sb-ink) !important;
  white-space: nowrap;
}

body.index-workspace-layout #mobile-sidebar .sb-logo-role {
  font-size: 11px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: .5px;
  color: var(--sb-muted);
  white-space: nowrap;
}

body.index-workspace-layout #mobile-sidebar .sb-logo-subline {
  display: flex;
  align-items: center;
  gap: 5px;
}

body.index-workspace-layout #mobile-sidebar .sb-logo-light {
  width: 11px;
  height: 11px;
  flex: 0 0 11px;
  border-radius: 50%;
}

body.index-workspace-layout #mobile-sidebar .sb-logo-light-red { background: #ff5f57; }
body.index-workspace-layout #mobile-sidebar .sb-logo-light-yellow { background: #febc2e; }
body.index-workspace-layout #mobile-sidebar .sb-logo-light-green { background: #28c840; }

body.index-workspace-layout #mobile-sidebar .sb-nav {
  flex: 1 1 auto;
  min-height: 0;
  margin: 0 -4px !important;
  padding: 0 4px !important;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
}

body.index-workspace-layout #mobile-sidebar .nav-section {
  display: flex !important;
  align-items: center;
  gap: 6px;
  margin: 26px 0 8px !important;
  padding: 0 0 0 14px !important;
  font-size: 12.5px !important;
  font-weight: 400 !important;
  line-height: 17px;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: var(--sb-muted) !important;
}

body.index-workspace-layout #mobile-sidebar .nav-section:first-child {
  margin-top: 0 !important;
}

body.index-workspace-layout #mobile-sidebar .nav-section-lock {
  width: 12px;
  height: 12px;
  flex: 0 0 12px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body.index-workspace-layout #mobile-sidebar .nav-section small {
  font-size: 12px;
  color: var(--sb-faint);
}

body.index-workspace-layout #mobile-sidebar .nav-item {
  align-items: center;
  gap: 13px !important;
  height: 42px;
  min-height: 42px !important;
  padding: 0 12px 0 14px !important;
  margin: 0 0 4px !important;
  border-radius: 11px !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 20px;
  color: var(--sb-ink) !important;
  background: transparent !important;
  box-shadow: none !important;
  white-space: nowrap;
  transition: none;
}

body.index-workspace-layout #mobile-sidebar .nav-item:not(.active):hover {
  background: var(--sb-hover) !important;
}

body.index-workspace-layout #mobile-sidebar .nav-item.active {
  background: var(--sb-active-bg) !important;
  color: var(--sb-active-ink) !important;
  font-weight: 500 !important;
  box-shadow: var(--sb-active-shadow) !important;
}

body.index-workspace-layout #mobile-sidebar .nav-icon {
  width: 21px !important;
  height: 21px !important;
  flex: 0 0 21px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  color: var(--sb-icon);
}

body.index-workspace-layout #mobile-sidebar .nav-icon svg {
  width: 21px !important;
  height: 21px !important;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.55;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body.index-workspace-layout #mobile-sidebar .nav-item.active .nav-icon {
  color: var(--sb-active-ink);
}

body.index-workspace-layout #mobile-sidebar .cw-nav-copy {
  min-width: 0;
}

/* 提醒：客户公海、我的录入、匹配需求、指南更新统一线上绿；未匹配的新需求为天蓝。 */
body.index-workspace-layout #mobile-sidebar .ocean-nav-badge,
body.index-workspace-layout #mobile-sidebar .shares-nav-total-badge,
body.index-workspace-layout #mobile-sidebar .product-demand-nav-count {
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  padding: 0 6px;
  border: 0;
  border-radius: 11px;
  background: var(--sb-green);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  line-height: 22px;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  box-shadow: 0 2px 6px -2px rgba(22, 163, 74, .6);
}

body.index-workspace-layout #mobile-sidebar .ocean-nav-badge {
  margin-left: auto;
}

body.index-workspace-layout #mobile-sidebar .shares-nav-badges {
  max-width: none;
  margin-left: auto;
  gap: 4px;
  flex-wrap: nowrap;
}

body.index-workspace-layout #mobile-sidebar .shares-nav-total-badge {
  display: none;
  cursor: pointer;
}

body.index-workspace-layout #mobile-sidebar .product-demand-nav-badge {
  flex-direction: row;
  align-items: center;
  gap: 4px;
  margin-left: auto;
}

body.index-workspace-layout #mobile-sidebar .product-demand-nav-count {
  display: inline-flex;
  gap: 0;
  background-color: var(--sb-sky);
  box-shadow: 0 2px 6px -2px rgba(14, 165, 233, .7);
  animation: sbDemandSkyPulse 1.6s ease-in-out infinite;
}

body.index-workspace-layout #mobile-sidebar .product-demand-nav-count.product-demand-nav-match {
  background-color: var(--sb-green);
  box-shadow: 0 2px 6px -2px rgba(22, 163, 74, .6);
  animation-name: sbDemandGreenPulse;
}

body.index-workspace-layout #mobile-sidebar .product-demand-nav-number {
  font-weight: 600;
}

/* 仅底色缓慢变化，数字不闪隐。 */
@keyframes sbDemandSkyPulse {
  0%, 100% { background-color: #0ea5e9; }
  50% { background-color: #0369a1; }
}

@keyframes sbDemandGreenPulse {
  0%, 100% { background-color: #16a34a; }
  50% { background-color: #166534; }
}

@media (prefers-reduced-motion: reduce) {
  body.index-workspace-layout #mobile-sidebar .product-demand-nav-count {
    animation: none;
  }
}

body.index-workspace-layout #mobile-sidebar .nav-badge-label {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

body.index-workspace-layout #mobile-sidebar .guide-nav-tail {
  display: inline-flex;
  align-items: center;
  margin-left: auto;
}

body.index-workspace-layout #mobile-sidebar .guide-nav-hint {
  font-size: 12px;
  font-weight: 400;
  color: var(--sb-muted);
}

body.index-workspace-layout #mobile-sidebar .nav-update-dot,
body.index-workspace-layout #mobile-sidebar [data-profile-settings] .bpc-badge {
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
  margin: 0 7px 0 auto;
  padding: 0;
  border-radius: 50%;
  background: var(--sb-green);
  box-shadow: 0 0 0 3px rgba(22, 163, 74, .16);
  color: transparent;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}

body.index-workspace-layout #mobile-sidebar .guide-nav-tail .nav-update-dot {
  margin-left: 0;
}

/* 账号设置与深色模式固定在用户卡片上方。 */
body.index-workspace-layout #mobile-sidebar .sb-tools {
  flex: none;
  margin-top: 8px;
}

body.index-workspace-layout #mobile-sidebar .mode-toggle {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.index-workspace-layout #mobile-sidebar .mode-toggle__btn {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 13px;
  height: 42px;
  min-height: 42px !important;
  margin: 0 0 4px;
  padding: 0 12px 0 14px !important;
  border: 0 !important;
  border-radius: 11px !important;
  background: transparent !important;
  color: var(--sb-ink) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 20px;
  box-shadow: none !important;
  cursor: pointer;
}

body.index-workspace-layout #mobile-sidebar .mode-toggle__btn:hover {
  background: var(--sb-hover) !important;
}

body.index-workspace-layout #mobile-sidebar .mode-toggle__btn:focus-visible {
  outline: 2px solid #64748b;
  outline-offset: 2px;
}

body.index-workspace-layout #mobile-sidebar .mode-toggle__icon {
  width: 21px;
  height: 21px;
  flex: 0 0 21px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--sb-icon);
}

body.index-workspace-layout #mobile-sidebar .mode-toggle__icon svg {
  width: 21px !important;
  height: 21px !important;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.55;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body.index-workspace-layout #mobile-sidebar .mode-toggle__switch {
  position: relative;
  width: 38px;
  height: 22px;
  flex: 0 0 38px;
  margin-left: auto;
  border-radius: 11px;
  background: #dcdcdc;
  transition: background-color .2s ease;
}

body.index-workspace-layout #mobile-sidebar .mode-toggle__switch::after {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .22);
  transition: transform .2s ease;
}

body.index-workspace-layout #mobile-sidebar .mode-toggle__btn[aria-checked="true"] .mode-toggle__switch {
  background: var(--sb-green);
}

body.index-workspace-layout #mobile-sidebar .mode-toggle__btn[aria-checked="true"] .mode-toggle__switch::after {
  transform: translateX(16px);
}

@media (prefers-reduced-motion: reduce) {
  body.index-workspace-layout #mobile-sidebar .mode-toggle__switch,
  body.index-workspace-layout #mobile-sidebar .mode-toggle__switch::after {
    transition: none;
  }
}

/* 用户确认的绿色赛道：仅替换底部，导航与 sb-tools 保留原样。 */
body.index-workspace-layout #mobile-sidebar .sb-bottom {
  display: block !important;
  flex: none;
  margin-top: 10px !important;
  /* 左内距与桌面导航项的14px一致，文字和图标共用起始线。 */
  padding: 10px 12px 4px 14px !important;
  border-top: 1px solid var(--sb-line) !important;
  background: transparent !important;
}

/* 2026-10-05：侧栏身份只显示“公司@姓名”一行，13px 加粗；公司名过长时省略，姓名始终完整，悬停看全称。 */
body.index-workspace-layout #mobile-sidebar .sb-profile-identity {
  display: flex;
  align-items: baseline;
  min-width: 0;
  margin-top: 10px;
  padding: 0;
  color: var(--sb-ink);
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;
}

body.index-workspace-layout #mobile-sidebar .sb-profile-company {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.index-workspace-layout #mobile-sidebar :is(.sb-profile-at, .sb-profile-name) {
  flex: none;
}

/* 17格彩色进度条；保留标题、百分比、公司姓名的正式版位置与字号。 */
body.index-workspace-layout #mobile-sidebar .sb-activity-summary {
  --sb-cell-off: #e6e6e3;
  --sb-cell-divider: rgba(0,0,0,.09);
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  border-top: 0;
}

body.index-workspace-layout #mobile-sidebar .sb-activity-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  margin: 0;
  line-height: 18px;
}

body.index-workspace-layout #mobile-sidebar .sb-activity-label {
  margin: 0;
  color: var(--sb-icon);
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}

body.index-workspace-layout #mobile-sidebar .sb-activity-count {
  display: inline-flex;
  align-items: baseline;
  gap: 2px;
  white-space: nowrap;
}

body.index-workspace-layout #mobile-sidebar .sb-activity-number {
  color: var(--sb-ink);
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
  font-variant-numeric: tabular-nums;
  letter-spacing: -.01em;
}

body.index-workspace-layout #mobile-sidebar .sb-activity-unit {
  color: var(--sb-icon);
  font-size: 12px;
  font-weight: 600;
}

body.index-workspace-layout #mobile-sidebar .sb-activity-unit[hidden] { display: none; }

body.index-workspace-layout #mobile-sidebar .sb-activity-cells {
  display: flex;
  gap: 2px;
  height: 10px;
  margin-top: 10px;
  align-items: center;
  padding: 0 2px;
  border-radius: 2px;
  background: var(--sb-cell-divider);
  overflow: hidden;
}

body.index-workspace-layout #mobile-sidebar .sb-activity-cells i {
  flex: 1 1 0;
  min-width: 0;
  height: 8px;
  border-radius: 1px;
  background: var(--sb-cell-off);
  transition: background-color .3s ease;
}


body.index-workspace-layout #mobile-sidebar .sb-activity-cells i.is-on {
  background: var(--sb-cell-color, #16a34a);
}


body.index-workspace-layout #mobile-sidebar .sb-activity-cells i.is-pop {
  animation: sb-cell-pop .5s cubic-bezier(.3, 1.6, .5, 1) both;
  transform-origin: 50% 100%;
}

body.index-workspace-layout #mobile-sidebar .sb-activity-summary.is-unavailable .sb-activity-number {
  color: var(--sb-icon);
  font-size: 13px;
  font-weight: 400;
}

@keyframes sb-cell-pop {
  0% { transform: scaleY(.2); filter: brightness(1.35); }
  60% { transform: scaleY(1.2); }
  100% { transform: scaleY(1); filter: none; }
}

@media (prefers-reduced-motion: reduce) {
  body.index-workspace-layout #mobile-sidebar .sb-activity-cells i { transition: none; }
  body.index-workspace-layout #mobile-sidebar .sb-activity-cells i.is-pop { animation: none; }
}

/* 深色模式：选中项改为浅一级的灰底，提醒颜色不变。 */
html.theme-dark body.index-workspace-layout #mobile-sidebar {
  --sb-ink: #e4e6ea;
  --sb-icon: #b4b8c0;
  --sb-muted: #8b9099;
  --sb-faint: #6b7079;
  --sb-hover: rgba(255, 255, 255, .06);
  --sb-active-bg: #3a3c42;
  --sb-active-ink: #fff;
  --sb-active-shadow: 0 8px 16px -8px rgba(0, 0, 0, .7), 0 1px 2px rgba(0, 0, 0, .4);
}

html.theme-dark body.index-workspace-layout #mobile-sidebar .mode-toggle__switch {
  background: #4a4d55;
}

html.theme-dark body.index-workspace-layout #mobile-sidebar .sb-activity-summary {
  --sb-cell-off: #3a3a3a;
  --sb-cell-divider: rgba(255,255,255,.08);
}

html.theme-dark body.index-workspace-layout #mobile-sidebar .sb-activity-cells i.is-on {
  background: var(--sb-cell-color-dark, #22c55e);
}

/* 电脑矮屏（如 1366×768）：收紧间距并固定底部信息；菜单继续使用原有独立滚动。 */
@media (min-width: 761px) and (max-height: 820px) {
  body.index-workspace-layout #mobile-sidebar {
    padding-top: 22px !important;
    padding-bottom: 10px !important;
  }

  body.index-workspace-layout #mobile-sidebar .sb-logo {
    margin-bottom: 16px !important;
  }

  body.index-workspace-layout #mobile-sidebar .nav-section {
    margin: 14px 0 4px !important;
  }

  body.index-workspace-layout #mobile-sidebar .nav-section:first-child {
    margin-top: 0 !important;
  }

  body.index-workspace-layout #mobile-sidebar .nav-item,
  body.index-workspace-layout #mobile-sidebar .mode-toggle__btn {
    height: 38px;
    min-height: 38px !important;
    margin-bottom: 2px !important;
  }

  body.index-workspace-layout #mobile-sidebar .sb-tools {
    margin-top: 4px;
  }

  body.index-workspace-layout #mobile-sidebar .sb-bottom {
    margin-top: 6px !important;
    padding-top: 10px !important;
  }
}

/* 手机抽屉：同一视觉，行高放到 44px 便于点按。 */
@media (max-width: 760px) {
  body.index-workspace-layout #mobile-sidebar {
    padding: 18px 12px 14px !important;
  }

  /* 手机导航项左内距为12px，底部内容使用同一对齐线。 */
  body.index-workspace-layout #mobile-sidebar .sb-bottom {
    padding-left: 12px !important;
  }

  /* 品牌纵向居中，草莓与左上角菜单按钮分开，不沿用横排时的左侧偏移。 */
  body.index-workspace-layout #mobile-sidebar .sb-logo {
    margin-bottom: 20px !important;
  }

  body.index-workspace-layout #mobile-sidebar .nav-section {
    margin-top: 20px !important;
  }

  body.index-workspace-layout #mobile-sidebar .nav-item,
  body.index-workspace-layout #mobile-sidebar .mode-toggle__btn {
    height: 44px;
    min-height: 44px !important;
    padding: 0 10px 0 12px !important;
  }
}

/* ==================== 2. 保护状态：保护中与保护原因同为浅橙黑字并带锁 ==================== */
body.index-workspace-layout #tb-ocean .ocean-protection-badge,
body.index-workspace-layout #tb-ocean .ocean-protection-reason-btn {
  --protection-lock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V7.5a4 4 0 0 1 8 0V11'/%3E%3C/svg%3E");
}

body.index-workspace-layout #tbl-ocean #tb-ocean .ocean-protection-badge {
  gap: 3px;
  border-color: #f8bb55 !important;
  background: #f8bb55 !important;
  color: #000 !important;
}

body.index-workspace-layout #tbl-ocean #tb-ocean .act-plus.ocean-btn.ocean-protection-reason-btn {
  gap: 4px;
  border-color: #f8bb55 !important;
  background: #f8bb55 !important;
  color: #000 !important;
}

body.index-workspace-layout #tbl-ocean #tb-ocean .act-plus.ocean-btn.ocean-protection-reason-btn:hover {
  border-color: #f7b545 !important;
  background: #f7b545 !important;
  color: #000 !important;
}

body.index-workspace-layout #tb-ocean .ocean-protection-badge::before,
body.index-workspace-layout #tb-ocean .ocean-protection-reason-btn::before {
  content: '';
  width: 11px;
  height: 11px;
  flex: 0 0 11px;
  background: currentColor;
  -webkit-mask: var(--protection-lock) center / contain no-repeat;
  mask: var(--protection-lock) center / contain no-repeat;
}

/* 手机卡片：最后一格原按“主操作”统一黑底；保护原因不是主操作，改回与“保护中”同色的浅橙色。 */
@media (max-width: 760px) {
  html.auth-has-session body.index-workspace-layout.cm-mobile #tbl-ocean #tb-ocean > tr[data-cid] > td .act-plus.ocean-btn.ocean-protection-reason-btn:not(:disabled) {
    border-color: #f8bb55 !important;
    background: #f8bb55 !important;
    color: #000 !important;
  }

  html.auth-has-session.theme-dark body.index-workspace-layout.cm-mobile #tbl-ocean #tb-ocean > tr[data-cid] > td .act-plus.ocean-btn.ocean-protection-reason-btn:not(:disabled) {
    border-color: #f8bb55 !important;
    background: #f8bb55 !important;
    color: #000 !important;
  }
}

html.theme-dark body.index-workspace-layout #tbl-ocean #tb-ocean .ocean-protection-badge {
  background: #f8bb55 !important;
  color: #000 !important;
}

html.theme-dark body.index-workspace-layout #tbl-ocean #tb-ocean .act-plus.ocean-btn.ocean-protection-reason-btn {
  border-color: #f8bb55 !important;
  background: #f8bb55 !important;
  color: #000 !important;
}

html.theme-dark body.index-workspace-layout #tbl-ocean #tb-ocean .act-plus.ocean-btn.ocean-protection-reason-btn:hover {
  background: #f7b545 !important;
  color: #000 !important;
}

/* 深色模式下标题旁条数原为固定深色字，看不清；同区域改版时一并修正。 */
html.auth-has-session.theme-dark body.index-workspace-layout .filterbar-title #title-count-sub {
  color: #e4e6ea;
}

/* ==================== 收藏星星：圆润胖星 ==================== */
/* 文字星号保留给读屏和原有脚本，视觉上改画圆角胖星：未收藏灰色描边，悬停金色描边，已收藏黄色实心 + 金边 + 高光，点下时轻弹一下。 */
body.index-workspace-layout #tb-ocean .ocean-favorite-btn {
  --fav-off: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath d='M12.25 6.33Q14.00 3.60 15.75 6.33L16.91 8.14Q17.88 9.66 19.62 10.11L21.71 10.66Q24.84 11.48 22.79 13.98L21.42 15.65Q20.28 17.04 20.38 18.84L20.51 20.99Q20.70 24.22 17.69 23.04L15.68 22.26Q14.00 21.60 12.32 22.26L10.31 23.04Q7.30 24.22 7.49 20.99L7.62 18.84Q7.72 17.04 6.58 15.65L5.21 13.98Q3.16 11.48 6.29 10.66L8.38 10.11Q10.12 9.66 11.09 8.14Z' fill='none' stroke='%23a3a3a3' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
  --fav-hover: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath d='M12.25 6.33Q14.00 3.60 15.75 6.33L16.91 8.14Q17.88 9.66 19.62 10.11L21.71 10.66Q24.84 11.48 22.79 13.98L21.42 15.65Q20.28 17.04 20.38 18.84L20.51 20.99Q20.70 24.22 17.69 23.04L15.68 22.26Q14.00 21.60 12.32 22.26L10.31 23.04Q7.30 24.22 7.49 20.99L7.62 18.84Q7.72 17.04 6.58 15.65L5.21 13.98Q3.16 11.48 6.29 10.66L8.38 10.11Q10.12 9.66 11.09 8.14Z' fill='%23fff8e1' stroke='%23e9a100' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
  --fav-on: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath d='M12.25 6.33Q14.00 3.60 15.75 6.33L16.91 8.14Q17.88 9.66 19.62 10.11L21.71 10.66Q24.84 11.48 22.79 13.98L21.42 15.65Q20.28 17.04 20.38 18.84L20.51 20.99Q20.70 24.22 17.69 23.04L15.68 22.26Q14.00 21.60 12.32 22.26L10.31 23.04Q7.30 24.22 7.49 20.99L7.62 18.84Q7.72 17.04 6.58 15.65L5.21 13.98Q3.16 11.48 6.29 10.66L8.38 10.11Q10.12 9.66 11.09 8.14Z' fill='%23ffc93c' stroke='%23e9a100' stroke-width='2' stroke-linejoin='round'/%3E%3Cellipse cx='10.4' cy='11' rx='2' ry='1.25' transform='rotate(-35 10.4 11)' fill='%23fff' fill-opacity='.8'/%3E%3C/svg%3E");
}

html.theme-dark body.index-workspace-layout #tb-ocean .ocean-favorite-btn {
  --fav-off: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath d='M12.25 6.33Q14.00 3.60 15.75 6.33L16.91 8.14Q17.88 9.66 19.62 10.11L21.71 10.66Q24.84 11.48 22.79 13.98L21.42 15.65Q20.28 17.04 20.38 18.84L20.51 20.99Q20.70 24.22 17.69 23.04L15.68 22.26Q14.00 21.60 12.32 22.26L10.31 23.04Q7.30 24.22 7.49 20.99L7.62 18.84Q7.72 17.04 6.58 15.65L5.21 13.98Q3.16 11.48 6.29 10.66L8.38 10.11Q10.12 9.66 11.09 8.14Z' fill='none' stroke='%237d828b' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
  --fav-hover: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath d='M12.25 6.33Q14.00 3.60 15.75 6.33L16.91 8.14Q17.88 9.66 19.62 10.11L21.71 10.66Q24.84 11.48 22.79 13.98L21.42 15.65Q20.28 17.04 20.38 18.84L20.51 20.99Q20.70 24.22 17.69 23.04L15.68 22.26Q14.00 21.60 12.32 22.26L10.31 23.04Q7.30 24.22 7.49 20.99L7.62 18.84Q7.72 17.04 6.58 15.65L5.21 13.98Q3.16 11.48 6.29 10.66L8.38 10.11Q10.12 9.66 11.09 8.14Z' fill='none' stroke='%23ffc93c' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
}

body.index-workspace-layout #tb-ocean .ocean-favorite-btn .ocean-favorite-symbol {
  display: block;
  width: 34px;
  height: 34px;
  overflow: hidden;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0;
  -webkit-text-stroke: 0 !important;
  background: var(--fav-off) center / contain no-repeat;
  transition: transform .2s ease;
}

body.index-workspace-layout #tb-ocean .ocean-favorite-btn:hover:not(:disabled) .ocean-favorite-symbol {
  background-image: var(--fav-hover);
  transform: scale(1.08);
}

body.index-workspace-layout #tb-ocean .ocean-favorite-btn.is-favorite .ocean-favorite-symbol,
body.index-workspace-layout #tb-ocean .ocean-favorite-btn.is-favorite:hover:not(:disabled) .ocean-favorite-symbol {
  background-image: var(--fav-on);
}

/* 刚点收藏、请求进行中时轻轻弹一下；页面初次渲染已收藏的不会弹 */
body.index-workspace-layout #tb-ocean .ocean-favorite-btn.is-favorite[aria-busy="true"] .ocean-favorite-symbol {
  animation: oceanFavPop .36s ease;
}

@keyframes oceanFavPop {
  0% { transform: scale(.7); }
  60% { transform: scale(1.18); }
  100% { transform: scale(1); }
}

@media (max-width: 760px) {
  body.index-workspace-layout #tb-ocean .ocean-favorite-btn .ocean-favorite-symbol {
    width: 36px;
    height: 36px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.index-workspace-layout #tb-ocean .ocean-favorite-btn .ocean-favorite-symbol {
    animation: none !important;
    transition: none;
  }
}

/* ==================== 边框统一：与表格行分割线同粗细同颜色 ==================== */
/* 客户公海 / 我的客户（电脑与平板）：筛选栏控件、表格内白底按钮、分页按钮都用表格行线（浅色 #dfe0dd，深色 #2e3035）。
   省份“已筛选 / 同步失败”、保护原因蓝灰、分享按钮的黑色粗描边属于状态或按钮设计本身，保留原样。手机卡片沿用手机规范。 */
html.auth-has-session body.index-workspace-layout {
  --ws-line: var(--index-layout-line, #dfe0dd);
}

html.auth-has-session.theme-dark body.index-workspace-layout {
  --ws-line: #2e3035;
}

@media (min-width: 761px) {
  html.auth-has-session body.index-workspace-layout .filterbar :is(#search-pool, .f-sel, .f-reset, .customer-filter-trigger, .protection-rules-entry):not(.is-filtered):not(.has-sync-error) {
    border: 1px solid var(--ws-line) !important;
  }

  html.auth-has-session body.index-workspace-layout #tbl-mine .mine-wechat-state:not(.added) {
    border-color: var(--ws-line) !important;
  }
}

/* ==================== 3. 客户公海 / 我的客户：暖灰白卡片表格（电脑与平板） ==================== */
@media (min-width: 761px) {
  html:is([data-current-page="ocean"], [data-current-page="mine"]) body.index-workspace-layout {
    --index-layout-content-w: 1600px;
  }

  html.auth-has-session[data-current-page="ocean"] body.index-workspace-layout .topbar .inner {
    padding-right: 18px !important;
  }

  html:is([data-current-page="ocean"], [data-current-page="mine"]) body.index-workspace-layout .filterbar-controls {
    scrollbar-width: thin;
  }

  html:is([data-current-page="ocean"], [data-current-page="mine"]) body.index-workspace-layout .filterbar-controls::-webkit-scrollbar {
    display: block;
    height: 6px;
  }

  html:is([data-current-page="ocean"], [data-current-page="mine"]) body.index-workspace-layout .filterbar-controls::-webkit-scrollbar-thumb {
    background: #9ca3af;
    border-radius: 3px;
  }

  html.auth-has-session body.index-workspace-layout #table-area > .inner {
    container-type: inline-size;
    width: calc(100% - 36px) !important;
    max-width: calc(var(--index-layout-content-w) - 36px) !important;
    height: calc(100% - 6px) !important;
    margin: 0 auto !important;
    border: 1px solid #e6e6e6 !important;
    border-radius: 14px !important;
    background: var(--index-layout-bg) !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .04) !important;
    scrollbar-width: auto;
    scrollbar-color: auto;
  }

  /* 所有销售端表格共用；起点和颜色按可见表头实测，避免写死高度。 */
  html.auth-has-session body.index-workspace-layout .table-header-scroll {
    scrollbar-color: auto;
    scrollbar-width: auto;
  }
  html.auth-has-session body.index-workspace-layout .table-header-scroll::-webkit-scrollbar:vertical {
    background: linear-gradient(to bottom, var(--table-scroll-head-bg) var(--table-scroll-start), var(--table-scroll-body-bg) var(--table-scroll-start));
  }
  html.auth-has-session body.index-workspace-layout .table-header-scroll::-webkit-scrollbar-track:vertical {
    margin-top: var(--table-scroll-start);
    background: var(--table-scroll-body-bg);
  }
  html.auth-has-session[data-current-page="orders"] body.index-workspace-layout #page-orders,
  html.auth-has-session[data-current-page="samples"] body.index-workspace-layout #page-samples {
    display: flex !important;
    flex-direction: column;
    overflow: hidden !important;
  }
  body.index-workspace-layout :is(#page-orders, #page-samples) > :is(nav, .order-manager-toolbar, .cw-page-head) {
    flex: 0 0 auto;
  }
  html.auth-has-session body.index-workspace-layout #page-orders #order-table {
    width: 100% !important;
  }
  body.index-workspace-layout :is(#order-list-new, #smp-manager-list) {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
  }

  html.auth-has-session body.index-workspace-layout #table-pager > .inner {
    width: calc(100% - 36px) !important;
    max-width: calc(var(--index-layout-content-w) - 36px) !important;
    padding: 0 6px !important;
    border: 0 !important;
    background: transparent !important;
  }

  html.auth-has-session body.index-workspace-layout #table-pager {
    color: #6b6b6b;
  }

  html.auth-has-session body.index-workspace-layout #table-pager .pg {
    width: 30px;
    height: 30px;
    border: 1px solid var(--ws-line);
    border-radius: 8px;
    background: #fff;
    color: #6b6b6b;
  }

  html.auth-has-session body.index-workspace-layout #table-pager .pg.pg-wide {
    width: auto;
  }

  html.auth-has-session body.index-workspace-layout #table-pager .pg:hover:not(:disabled):not(.active):not(.pg-ellipsis) {
    background: #f5f5f5;
  }

  html.auth-has-session body.index-workspace-layout #table-pager .pg.active {
    border-color: #2b2b2d;
    background: #2b2b2d;
    color: #fff;
  }

  html.auth-has-session body.index-workspace-layout #table-pager .pg.pg-ellipsis {
    border-color: transparent;
    background: transparent;
  }

  html.auth-has-session.theme-dark body.index-workspace-layout #table-pager {
    color: #a5a9b1;
  }

  html.auth-has-session.theme-dark body.index-workspace-layout #table-pager .pg,
  html.auth-has-session.theme-dark body.index-workspace-layout #table-pager :is(.page-jump-input, .page-jump-btn) {
    border-color: var(--ws-line);
    background: #26282c;
    color: #c9ccd2;
  }

  html.auth-has-session.theme-dark body.index-workspace-layout #table-pager .pg:hover:not(:disabled):not(.active):not(.pg-ellipsis) {
    background: #2d3035;
  }

  html.auth-has-session.theme-dark body.index-workspace-layout #table-pager .pg.active {
    border-color: #f1f2f4;
    background: #f1f2f4;
    color: #141414;
  }

  html.auth-has-session.theme-dark body.index-workspace-layout #table-pager .pg.pg-ellipsis {
    border-color: transparent;
    background: transparent;
  }

  html.auth-has-session body.index-workspace-layout :is(#tbl-ocean, #tbl-mine) {
    min-width: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: var(--index-layout-bg) !important;
  }

  /* 同类字段共用列宽；窄屏由表格内横向滚动承载，不压缩或隐藏字段。 */
  html.auth-has-session body.index-workspace-layout :is(#tbl-ocean, #tbl-mine) col.c-seq { width: 52px !important; }
  html.auth-has-session body.index-workspace-layout :is(#tbl-ocean, #tbl-mine) col.c-co { width: 236px !important; }
  html.auth-has-session body.index-workspace-layout #tbl-ocean col.c-co { width: 280px !important; }
  html.auth-has-session body.index-workspace-layout :is(#tbl-ocean, #tbl-mine) col.c-ind { width: 110px !important; }
  html.auth-has-session body.index-workspace-layout :is(#tbl-ocean, #tbl-mine) col.c-contact { width: 80px !important; }
  html.auth-has-session body.index-workspace-layout :is(#tbl-ocean, #tbl-mine) col.c-pos { width: 80px !important; }
  html.auth-has-session body.index-workspace-layout :is(#tbl-ocean, #tbl-mine) col.c-phone { width: 112px !important; }
  html.auth-has-session body.index-workspace-layout :is(#tbl-ocean, #tbl-mine) col.c-q { width: 104px !important; }
  html.auth-has-session body.index-workspace-layout #tbl-mine col.c-trend { width: 100px !important; }
  html.auth-has-session body.index-workspace-layout :is(#tbl-ocean, #tbl-mine) col.c-date { width: 164px !important; }
  html.auth-has-session body.index-workspace-layout :is(#tbl-ocean, #tbl-mine) col.c-src { width: 80px !important; }
  html.auth-has-session body.index-workspace-layout #tbl-ocean col.c-op { width: 80px !important; }
  html.auth-has-session body.index-workspace-layout #tbl-ocean col.c-favorite { width: 76px !important; }
  html.auth-has-session body.index-workspace-layout #tbl-ocean col.c-add { width: 116px !important; }
  html.auth-has-session body.index-workspace-layout #tbl-mine col.c-wechat { width: 120px !important; }
  html.auth-has-session body.index-workspace-layout #tbl-mine col.c-op { width: 108px !important; }
  html.auth-has-session body.index-workspace-layout #tbl-mine col.c-feedback { width: 100px !important; }
  html.auth-has-session body.index-workspace-layout #tbl-mine col.c-add { width: 100px !important; }

  html.auth-has-session body.index-workspace-layout :is(#tbl-ocean, #tbl-mine) thead th {
    height: 42px !important;
    padding: 0 10px !important;
    border-bottom: 1px solid #ececec !important;
    background: var(--index-layout-head-bg) !important;
    color: #202124 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-align: left !important;
  }

  html.auth-has-session body.index-workspace-layout :is(#tbl-ocean, #tbl-mine) tbody tr {
    --cw-row-bg: var(--index-layout-bg) !important;
    background: transparent !important;
    border-bottom: 0 !important;
  }

  html.auth-has-session body.index-workspace-layout :is(#tbl-ocean, #tbl-mine) tbody tr:hover,
  html.auth-has-session body.index-workspace-layout :is(#tbl-ocean, #tbl-mine) tbody tr.table-row-hover-active {
    --cw-row-bg: var(--table-row-hover-bg,#e5e7eb)!important;
    background: transparent !important;
  }

  html.auth-has-session body.index-workspace-layout :is(#tbl-ocean, #tbl-mine) tbody td {
    height: 62px !important;
    padding: 8px 10px !important;
    border-bottom: 1px solid var(--index-layout-line) !important;
    background: var(--cw-row-bg) !important;
    color: var(--text) !important;
    font-size: 15px;
    font-weight: 400;
    text-align: left !important;
    transition: none;
  }

  /* 2026-10-08 11:14:56（北京时间）— 我的客户桌面每行增加8px，上下各增加4px留白。 */
  html.auth-has-session body.index-workspace-layout #tbl-mine tbody td:not([colspan]) {
    height: 64px !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important;
  }

  /* 2026-10-08 11:14:56（北京时间）— 客户公海桌面每行增加8px，上下各增加4px留白；保留收藏按钮对齐。 */
  html.auth-has-session body.index-workspace-layout #tbl-ocean tbody td {
    height: 56px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }

  html.auth-has-session body.index-workspace-layout #tbl-ocean .ocean-favorite-btn {
    vertical-align: middle;
  }

  html.auth-has-session body.index-workspace-layout :is(#tbl-ocean, #tbl-mine) :is(thead th, tbody td):first-child {
    padding-left: 10px !important;
    text-align: center !important;
    font-variant-numeric: tabular-nums;
  }

  html.auth-has-session body.index-workspace-layout :is(#tbl-ocean, #tbl-mine) :is(thead th, tbody td):last-child {
    padding-right: 10px !important;
    text-align: center !important;
  }

  /* 收藏与加入保留适度空隙，标题与对应控件同轴，不缩小点击范围。 */
  html.auth-has-session body.index-workspace-layout #tbl-ocean :is(thead th, tbody td):nth-child(11) {
    text-align: center !important;
  }

  html.auth-has-session body.index-workspace-layout #tbl-ocean :is(thead th, tbody td):last-child:not([colspan]) {
    text-align: left !important;
    padding-left: 20px !important;
    padding-right: 8px !important;
  }

  html.auth-has-session body.index-workspace-layout :is(#tbl-ocean, #tbl-mine) thead th:nth-child(2) {
    padding-left: 44px !important;
  }

  /* 右侧操作列固定，横向滚动时“加入 / 客户跟进”始终可点。 */
  html.auth-has-session body.index-workspace-layout :is(#tbl-ocean, #tbl-mine) :is(thead th, tbody td):last-child:not([colspan]) {
    position: sticky !important;
    right: 0;
    z-index: 2;
    border-left: 0 !important;
    box-shadow: none !important;
  }

  html.auth-has-session body.index-workspace-layout :is(#tbl-ocean, #tbl-mine) thead th:last-child {
    top: 0;
    z-index: 4;
  }

  /* 信息评价回到普通列，避免两列固定区遮挡评分、来源和客户等级。 */
  html.auth-has-session body.index-workspace-layout #tbl-mine :is(thead th, tbody td):nth-last-child(2) {
    right: auto !important;
    box-shadow: none !important;
  }

  html.auth-has-session body.index-workspace-layout #tbl-mine tbody td:nth-last-child(2) {
    position: static !important;
  }

  /* 加载、空列表提示按可见滚动容器居中，避免被整张宽表或末列固定规则带偏。 */
  html.auth-has-session body.index-workspace-layout :is(#tbl-ocean, #tbl-mine) tbody td[colspan] {
    display: block;
    width: 100cqw;
    max-width: 100cqw;
    box-sizing: border-box;
    position: sticky !important;
    left: 0;
    right: auto !important;
    height: auto !important;
    padding: 42px 10px !important;
    text-align: center !important;
    font-size: 14px !important;
    line-height: 22px;
    border-left: 0 !important;
    box-shadow: none !important;
    cursor: default;
  }

  /* 复用旧版 26px 实彩白字标识；表头与公司正文共用同一条左对齐线。 */
  html.auth-has-session body.index-workspace-layout :is(#tbl-ocean, #tbl-mine) .co-cell {
    gap: 8px !important;
    margin-right: 0 !important;
  }

  html.auth-has-session body.index-workspace-layout :is(#tbl-ocean, #tbl-mine) .co-cell > div:last-child {
    max-width: calc(100% - 34px) !important;
  }

  html.auth-has-session body.index-workspace-layout :is(#tbl-ocean, #tbl-mine) .co-av {
    width: 26px !important;
    height: 26px !important;
    flex: 0 0 26px;
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #fff !important;
  }

  html.auth-has-session body.index-workspace-layout :is(#tbl-ocean, #tbl-mine) .co-name {
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    color: #374151 !important;
  }

  html.auth-has-session body.index-workspace-layout :is(#tbl-ocean, #tbl-mine) .co-meta-line {
    margin-top: 2px;
  }

  html.auth-has-session body.index-workspace-layout :is(#tbl-ocean, #tbl-mine) .co-type-inline {
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #737373 !important;
  }

  html.auth-has-session body.index-workspace-layout #tbl-ocean .ocean-protection-badge {
    height: 20px;
    min-height: 20px !important;
    padding: 0 7px !important;
    border: 0 !important;
    border-radius: 5px !important;
    font-size: 11.5px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
  }

  html.auth-has-session body.index-workspace-layout :is(#tbl-ocean, #tbl-mine) :is(.ind-tag, .customer-table-text, .mine-phone-copy) {
    font-size: 15px !important;
    font-weight: 400 !important;
    color: var(--text) !important;
  }

  html.auth-has-session body.index-workspace-layout #tbl-ocean td:nth-child(6) > span[style] {
    color: var(--text) !important;
    font-size: 15px !important;
    font-weight: 400 !important;
  }

  /* 按钮：加入、继续跟进与查看统一白底细边，表格里不再有黑色按钮；保护原因沿用蓝灰。 */
  html.auth-has-session body.index-workspace-layout #tbl-ocean td:nth-child(10) > div {
    justify-content: flex-start !important;
  }

  html.auth-has-session body.index-workspace-layout :is(#tbl-ocean, #tbl-mine) :is(.act-view.ocean-btn, .act-plus.ocean-btn, .act-plus.line-btn) {
    height: 30px;
    min-height: 30px;
    padding: 0 12px !important;
    border: 1px solid var(--ws-line) !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #2b2b2d !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    line-height: 28px;
    box-shadow: none !important;
    transform: none !important;
  }

  html.auth-has-session body.index-workspace-layout :is(#tbl-ocean, #tbl-mine) :is(.act-view.ocean-btn, .act-plus.ocean-btn, .act-plus.line-btn):hover:not(:disabled) {
    border-color: #c8c8c8 !important;
    background: #f5f5f5 !important;
  }

  html.auth-has-session body.index-workspace-layout #tbl-ocean #tb-ocean .act-plus.ocean-btn.ocean-protection-reason-btn {
    border-color: #f8bb55 !important;
    background: #f8bb55 !important;
    color: #000 !important;
  }

  html.auth-has-session body.index-workspace-layout #tbl-ocean #tb-ocean .act-plus.ocean-btn.ocean-protection-reason-btn:hover {
    border-color: #f7b545 !important;
    background: #f7b545 !important;
    color: #000 !important;
  }

  html.auth-has-session body.index-workspace-layout :is(#tbl-ocean, #tbl-mine) :is(.act-view.ocean-btn, .act-plus.ocean-btn, .act-plus.line-btn):focus-visible {
    outline: 2px solid #64748b;
    outline-offset: 2px;
  }

  html.auth-has-session body.index-workspace-layout #tbl-mine .customer-offline-badge-inline {
    min-height: 30px;
    padding: 0 12px;
    border-radius: 8px;
  }

  html.auth-has-session body.index-workspace-layout #tbl-ocean .ocean-favorite-cell {
    text-align: center;
  }

  html.auth-has-session body.index-workspace-layout #tbl-ocean .ocean-favorite-btn {
    width: 44px;
    height: 44px;
    margin-left: 0;
    font-size: 22px;
    color: #9a9a9a;
  }

  html.auth-has-session body.index-workspace-layout #tbl-ocean .ocean-favorite-btn.is-favorite {
    color: #f59e0b;
  }

  html.auth-has-session body.index-workspace-layout #tbl-mine .mine-wechat-cell {
    align-items: flex-start !important;
    text-align: left !important;
  }

  html.auth-has-session body.index-workspace-layout #tbl-mine :is(.mine-wechat-nickname, .mine-wechat-empty) {
    max-width: 100%;
    min-width: 0;
  }

  /* 深色模式：卡片改为深灰，层级关系不变。 */
  html.auth-has-session.theme-dark body.index-workspace-layout #table-area > .inner {
    border-color: #34363b !important;
    background: #202124 !important;
    box-shadow: none !important;
  }

  html.auth-has-session.theme-dark body.index-workspace-layout :is(#tbl-ocean, #tbl-mine) {
    background: #202124 !important;
  }

  html.auth-has-session.theme-dark body.index-workspace-layout :is(#tbl-ocean, #tbl-mine) thead th {
    border-bottom-color: #34363b !important;
    background: #26282c !important;
    color: #a5a9b1 !important;
  }

  html.auth-has-session.theme-dark body.index-workspace-layout :is(#tbl-ocean, #tbl-mine) tbody tr {
    --cw-row-bg: #202124 !important;
  }

  html.auth-has-session.theme-dark body.index-workspace-layout :is(#tbl-ocean, #tbl-mine) tbody tr:hover,
  html.auth-has-session.theme-dark body.index-workspace-layout :is(#tbl-ocean, #tbl-mine) tbody tr.table-row-hover-active {
    --cw-row-bg: #2a2c30 !important;
  }

  html.auth-has-session.theme-dark body.index-workspace-layout :is(#tbl-ocean, #tbl-mine) tbody td {
    border-bottom-color: #2e3035 !important;
    color: #e4e6ea !important;
  }

  html.auth-has-session.theme-dark body.index-workspace-layout :is(#tbl-ocean, #tbl-mine) .co-name {
    color: #f1f2f4 !important;
  }

  html.auth-has-session.theme-dark body.index-workspace-layout :is(#tbl-ocean, #tbl-mine) :is(.ind-tag, .customer-table-text, .mine-phone-copy),
  html.auth-has-session.theme-dark body.index-workspace-layout #tbl-ocean td:nth-child(6) > span[style] {
    color: #e4e6ea !important;
  }

  html.auth-has-session.theme-dark body.index-workspace-layout :is(#tbl-ocean, #tbl-mine) .co-type-inline {
    color: #9aa0aa !important;
  }

  html.auth-has-session.theme-dark body.index-workspace-layout :is(#tbl-ocean, #tbl-mine) :is(.act-view.ocean-btn, .act-plus.ocean-btn, .act-plus.line-btn) {
    border-color: var(--ws-line) !important;
    background: transparent !important;
    color: #e4e6ea !important;
  }

  html.auth-has-session.theme-dark body.index-workspace-layout :is(#tbl-ocean, #tbl-mine) :is(.act-view.ocean-btn, .act-plus.ocean-btn, .act-plus.line-btn):hover:not(:disabled) {
    border-color: #5d616b !important;
    background: #2c2e33 !important;
  }

  html.auth-has-session.theme-dark body.index-workspace-layout #tbl-ocean #tb-ocean .act-plus.ocean-btn.ocean-protection-reason-btn {
    border-color: #f8bb55 !important;
    background: #f8bb55 !important;
    color: #000 !important;
  }

  html.auth-has-session.theme-dark body.index-workspace-layout #tbl-ocean #tb-ocean .act-plus.ocean-btn.ocean-protection-reason-btn:hover:not(:disabled) {
    border-color: #f7b545 !important;
    background: #f7b545 !important;
    color: #000 !important;
  }

}

/* 平板阅读面较窄，操作列随表格滚动，表头仍可纵向固定。 */
@media (min-width: 761px) and (max-width: 1100px) {
  html.auth-has-session body.index-workspace-layout :is(#tbl-ocean, #tbl-mine) :is(thead th, tbody td):last-child:not([colspan]) {
    right: auto !important;
    border-left: 0 !important;
  }

  html.auth-has-session body.index-workspace-layout :is(#tbl-ocean, #tbl-mine) tbody td:last-child:not([colspan]) {
    position: static !important;
  }
}

/* 两张客户表共用评分票签，电脑与手机、明暗主题保持相同分档和文字对比。 */
html.auth-has-session body.index-workspace-layout :is(#tbl-ocean, #tbl-mine) .pie-cell {
  justify-content: flex-start !important;
}
html.auth-has-session body.index-workspace-layout .quality-ticket-score {
  display: inline-flex !important;
  width: 84px !important;
  min-width: 84px !important;
  height: 28px !important;
  gap: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #e7e8ea !important;
  box-shadow: none !important;
  overflow: hidden !important;
}
html.auth-has-session body.index-workspace-layout .quality-ticket-num {
  display: grid !important;
  place-items: center;
  width: 32px !important;
  min-width: 32px;
  height: 100% !important;
  flex: 0 0 32px !important;
  background: var(--quality-color, #f59e0b) !important;
  clip-path: none !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  font-variant-numeric: tabular-nums;
}
html.auth-has-session body.index-workspace-layout .quality-ticket-copy {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex: 1 !important;
  padding: 0 5px !important;
}
html.auth-has-session body.index-workspace-layout .quality-ticket-label {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #50565e !important;
}

/* “待验证”档（21–50 分，含新线索默认 50）统一灰色数字底；等级名称和分档规则不变。 */
html.auth-has-session body.index-workspace-layout .quality-ticket-neutral {
  --quality-color: #666b72 !important;
}
html.auth-has-session.theme-dark body.index-workspace-layout .quality-ticket-score {
  background: #383c42 !important;
}
html.auth-has-session.theme-dark body.index-workspace-layout .quality-ticket-label {
  color: #e0e2e5 !important;
}

/* ==================== 填写表单统一（按录入线索 A 款） ==================== */
/* 2026-10-04 23:58:20（北京时间）用户要求：需求市场（发布采购需求）、我的客户（编辑私有客户、记录微信昵称）、订单（新增订单）、
   样品（填写寄样信息、新增寄样记录）及客户跟进“导入客户”统一为录入线索的样式：底色与主界面一致、客户详情同款字段图标、
   电脑与平板左字段名右填写、提示块/输入框/普通按钮同底细边框、不加多余分割线。各表单原有字号、主提交按钮颜色与业务状态色保留。
   色值变量 --sf-* 与录入线索共用，定义在 index.css。脚本会用行内 display 显示/隐藏的行，这里不给 display 加 !important。 */

/* 图标位与标题图标块 */
:is(#addOrderModal, #sampleFormModal, #sampleRecordModal, #importCustomerModal, #edit-private-overlay, #wechatStatusModal, #pd-demand-modal) .sf-ic-slot {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  vertical-align: middle;
}

:is(#addOrderModal, #sampleFormModal, #sampleRecordModal, #importCustomerModal, #edit-private-overlay, #wechatStatusModal, #pd-demand-modal) .sf-ic-slot .cd-ic {
  width: 20px;
  height: 20px;
  flex-basis: 20px;
  pointer-events: none;
}

:is(#addOrderModal, #sampleFormModal, #sampleRecordModal, #importCustomerModal, #edit-private-overlay, #pd-demand-modal) .sf-title-ic {
  display: grid;
  place-items: center;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  border: 1px solid var(--sf-line);
  border-radius: 10px;
  background: var(--sf-bg);
}

:is(#addOrderModal, #sampleFormModal, #sampleRecordModal, #importCustomerModal, #edit-private-overlay, #pd-demand-modal) .sf-title-ic .cd-ic {
  width: 24px;
  height: 24px;
  flex-basis: 24px;
  pointer-events: none;
}

/* 外框、头部、内容区：与主界面同色底，细边，去掉标题下和按钮上方的分割线 */
:is(#addOrderModal, #sampleFormModal, #sampleRecordModal, #importCustomerModal) > .modal,
#edit-private-overlay .epc-panel,
#wechatStatusModal .wechat-status-modal-panel,
#pd-demand-modal .pd-modal-card {
  border: 1px solid var(--sf-line) !important;
  border-radius: 12px !important;
  background: var(--sf-bg) !important;
  box-shadow: 0 28px 70px rgba(15, 23, 42, .22) !important;
  color: var(--sf-ink);
}

#addOrderModal .order-create-header,
:is(#sampleFormModal, #sampleRecordModal) .sample-create-header,
#importCustomerModal .mh,
#edit-private-overlay .epc-head,
#pd-demand-modal .pd-modal-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 4px 12px !important;
  border-bottom: 0 !important;
  border-radius: 12px 12px 0 0 !important;
  background: var(--sf-bg) !important;
  color: var(--sf-ink) !important;
}

#wechatStatusModal .wechat-status-modal-head,
#wechatStatusModal .wechat-status-modal-actions,
#pd-demand-modal .pd-modal-actions {
  border-top: 0 !important;
  border-bottom: 0 !important;
  background: var(--sf-bg) !important;
}

#addOrderModal .order-create-header h2,
:is(#sampleFormModal, #sampleRecordModal) .sample-create-header h2,
#importCustomerModal .mh h2,
#pd-demand-modal .pd-modal-head h3,
#wechatStatusModal .wechat-status-modal-head h2 {
  margin: 0;
  color: var(--sf-ink) !important;
}

#addOrderModal .order-create-header p,
#importCustomerModal .mh p,
#wechatStatusModal .wechat-status-modal-head p {
  color: var(--sf-muted) !important;
  opacity: 1 !important;
}

#importCustomerModal .mh > h2 { order: 1; }

/* 标题可换行，关闭按钮始终留在标题同一行最右侧（寄样记录标题会带上公司名称） */
#addOrderModal .order-create-header-copy,
:is(#sampleFormModal, #sampleRecordModal) .sample-create-header h2,
#importCustomerModal .mh > h2,
#pd-demand-modal .pd-modal-head h3 {
  flex: 1 1 0;
  min-width: 0;
  overflow-wrap: anywhere;
}
#importCustomerModal .mh > p { order: 3; flex-basis: 100%; margin: 2px 0 0 52px !important; }
#importCustomerModal .mh > p:empty { display: none; }

#addOrderModal .order-create-body,
:is(#sampleFormModal, #sampleRecordModal) .sample-create-body,
#importCustomerModal .mb,
#import-layer-3 .private-form-shell,
#edit-private-overlay .epc-body,
#pd-demand-modal .pd-modal-body,
#wechatStatusModal .wechat-status-modal-body {
  background: var(--sf-bg) !important;
}

/* 关闭按钮：灰白底细边，与录入线索一致 */
#addOrderModal .order-create-close,
#sampleRecordModal .sample-create-close,
#sampleFormModal .sample-create-header > button,
#importCustomerModal .mh > button,
#edit-private-overlay .epc-close {
  position: static !important;
  order: 2;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 64px !important;
  height: 36px !important;
  margin-left: auto !important;
  padding: 0 16px !important;
  border: 1px solid var(--sf-line) !important;
  border-radius: 8px !important;
  background: var(--sf-bg) !important;
  color: var(--sf-ink) !important;
  box-shadow: none !important;
  transform: none !important;
  font-family: var(--font);
  font-size: 13px !important;
  font-weight: 500 !important;
  cursor: pointer;
}

#wechatStatusModal .wechat-status-close,
#pd-demand-modal .pd-modal-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  margin-left: auto;
  border: 1px solid var(--sf-line) !important;
  border-radius: 8px !important;
  background: var(--sf-bg) !important;
  color: var(--sf-ink) !important;
}

#wechatStatusModal .wechat-status-reject {
  background: var(--sf-bg) !important;
}

/* 去掉卡片：字段直接排在灰白底上 */
#addOrderModal :is(.order-create-grid .o-row, .order-create-note, #orderCustomerSourceRow),
:is(#sampleFormModal, #sampleRecordModal) .sample-create-body .o-row,
:is(#sampleFormModal, #sampleRecordModal) .sample-create-source,
#import-layer-3 .mb > div:nth-child(2) .o-row {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* 明细表（订单商品、样品明细）保留整块，用同底细边框圈出 */
#addOrderModal .order-create-panel,
:is(#sampleFormModal, #sampleRecordModal) .sample-create-body > div[style*="margin-bottom:6px;"] {
  padding: 14px 16px !important;
  border: 1px solid var(--sf-line) !important;
  border-radius: 10px !important;
  background: var(--sf-bg) !important;
  box-shadow: none !important;
}

:is(#sampleFormModal, #sampleRecordModal) .sample-create-body > div[style*="margin-bottom:6px;"] {
  margin-bottom: 16px !important;
}

#addOrderModal .order-create-panel-stat,
#addOrderModal .order-create-panel-stat strong,
#addOrderModal .order-create-item-head span,
:is(#sampleFormModal, #sampleRecordModal) .sample-create-body span[style*="font-size:11px"][style*="color:#9ca3af"] {
  color: var(--sf-ink) !important;
}

#addOrderModal .order-create-panel-stat.is-total strong {
  color: #16a34a !important;
}

/* 字段名：图标 + 文字，灰色中等字重（字号保持各表单原值） */
:is(#addOrderModal, #sampleFormModal, #sampleRecordModal, #import-layer-3, #edit-private-overlay) .o-label,
#sampleRecordModal #sr-customer-row > label,
#wechatStatusModal .wechat-status-name-label,
#pd-demand-modal :is(.pd-form-field > span:first-child, .pd-field-label, .pd-mode-field > legend) {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  justify-content: flex-start !important;
  gap: 0 !important;
  color: var(--sf-muted) !important;
  font-weight: 500 !important;
}

:is(#addOrderModal, #sampleFormModal, #sampleRecordModal, #import-layer-3, #edit-private-overlay) .o-label i {
  margin-left: 3px;
  color: #dc2626;
  font-style: normal;
}

#sampleRecordModal #sr-customer-row > label > span[style*="color:#ef4444"],
#pd-demand-modal :is(.pd-form-field > span:first-child, .pd-field-label) .pd-required {
  margin-left: 3px;
}

#import-layer-3 .o-label > span[style*="font-size:11px"],
#pd-demand-modal .pd-form-field > span:first-child small {
  margin-left: 6px;
}

/* 输入框、下拉、多行文本：同底细边框 */
:is(#addOrderModal, #sampleFormModal, #sampleRecordModal, #import-layer-3, #edit-private-overlay) :is(.o-input, .sf-i, .private-form-input, .taxonomy-control),
#importCustomerModal #import-search,
#pd-demand-modal .pd-form-field :is(input, textarea),
#wechatStatusModal .wechat-status-name-input {
  border: 1px solid var(--sf-line) !important;
  border-radius: 10px !important;
  background: var(--sf-bg) !important;
  color: var(--sf-ink) !important;
  box-shadow: none !important;
}

:is(#addOrderModal, #sampleFormModal, #sampleRecordModal, #import-layer-3, #edit-private-overlay) :is(.o-input, .sf-i, .private-form-input, .taxonomy-control):hover,
#importCustomerModal #import-search:hover,
#pd-demand-modal .pd-form-field :is(input, textarea):hover,
#wechatStatusModal .wechat-status-name-input:hover {
  border-color: var(--sf-line-hover) !important;
}

:is(#addOrderModal, #sampleFormModal, #sampleRecordModal, #import-layer-3, #edit-private-overlay) :is(.o-input, .sf-i, .private-form-input, .taxonomy-control):focus,
#importCustomerModal #import-search:focus,
#pd-demand-modal .pd-form-field :is(input, textarea):focus,
#wechatStatusModal .wechat-status-name-input:focus {
  outline: none;
  border-color: var(--sf-focus) !important;
  background: var(--sf-bg) !important;
  box-shadow: 0 0 0 3px var(--sf-ring) !important;
}

:is(#addOrderModal, #sampleFormModal, #sampleRecordModal, #import-layer-3, #edit-private-overlay) :is(.o-input, .sf-i, .private-form-input, .taxonomy-control)::placeholder,
#importCustomerModal #import-search::placeholder,
#pd-demand-modal .pd-form-field :is(input, textarea)::placeholder,
#wechatStatusModal .wechat-status-name-input::placeholder {
  color: var(--sf-placeholder) !important;
  opacity: 1;
}

#addOrderModal .o-input.order-create-item-total {
  color: #16a34a !important;
}

:is(#import-layer-3, #edit-private-overlay) .taxonomy-options {
  border-color: var(--sf-line);
  border-radius: 10px;
  background: var(--sf-bg);
}

:is(#import-layer-3, #edit-private-overlay) .taxonomy-quick .taxonomy-button {
  border-radius: 8px !important;
}

:is(#import-layer-3, #edit-private-overlay) .taxonomy-quick button.taxonomy-button[aria-pressed="false"] {
  border-color: var(--sf-line) !important;
  background: var(--sf-bg) !important;
  color: var(--sf-ink) !important;
}

:is(#import-layer-3, #edit-private-overlay) .taxonomy-quick button.taxonomy-button[aria-pressed="false"]:hover {
  border-color: var(--sf-btn-hover-line) !important;
  background: var(--sf-btn-hover) !important;
}

/* 来源切换、发布方式、有效期：未选中灰白底细边，选中沿用原有深色/蓝色 */
#addOrderModal .sample-create-source-tabs,
#sampleRecordModal #sr-customer-row > div:first-of-type {
  gap: 0 !important;
  overflow: hidden;
  border: 1px solid var(--sf-line) !important;
  border-radius: 8px !important;
  background: var(--sf-bg) !important;
}

#addOrderModal .sample-create-source-btn:not(.is-active),
#sampleRecordModal :is(#sr-src-followup, #sr-src-custom):not(.is-active) {
  background: var(--sf-bg) !important;
  color: var(--sf-muted) !important;
}

#pd-demand-modal .pd-mode-option:not(.is-active),
#pd-demand-modal .pd-validity-option:not(.is-active) {
  border: 1px solid var(--sf-line) !important;
  background: var(--sf-bg) !important;
}

#pd-demand-modal .pd-mode-option:not(.is-active) {
  color: var(--sf-ink) !important;
}

#pd-demand-modal .pd-mode-option:not(.is-active):hover,
#pd-demand-modal .pd-validity-option:not(.is-active):hover {
  border-color: var(--sf-btn-hover-line) !important;
  background: var(--sf-btn-hover) !important;
}

/* 普通按钮（新增明细、删除、取消、导入方式卡片）：灰白底细边 */
#addOrderModal :is(.order-create-panel-add, .order-create-item-remove, .order-create-cancel),
:is(#sampleFormModal, #sampleRecordModal) .sample-create-body > div[style*="margin-bottom:6px;"] > div:first-child > button,
:is(#sampleFormModal, #sampleRecordModal) :is([data-sample-item-row], [data-sr-item-row]) > button,
:is(#sampleFormModal, #sampleRecordModal) .sample-create-body > div[style*="display:flex;gap:10px;margin-top:22px;"] > button:last-child,
#importCustomerModal :is(#import-layer-1, #import-layer-2) .mb > button:last-child,
#edit-private-overlay .epc-cancel,
#wechatStatusModal .wechat-status-cancel,
#pd-demand-modal .pd-secondary-button {
  border: 1px solid var(--sf-line) !important;
  background: var(--sf-bg) !important;
  color: var(--sf-ink) !important;
  box-shadow: none !important;
  transform: none !important;
}

#addOrderModal :is(.order-create-panel-add, .order-create-item-remove, .order-create-cancel):hover:not(:disabled),
:is(#sampleFormModal, #sampleRecordModal) .sample-create-body > div[style*="margin-bottom:6px;"] > div:first-child > button:hover,
:is(#sampleFormModal, #sampleRecordModal) :is([data-sample-item-row], [data-sr-item-row]) > button:hover:not(:disabled),
:is(#sampleFormModal, #sampleRecordModal) .sample-create-body > div[style*="display:flex;gap:10px;margin-top:22px;"] > button:last-child:hover,
#importCustomerModal :is(#import-layer-1, #import-layer-2) .mb > button:last-child:hover,
#edit-private-overlay .epc-cancel:hover,
#wechatStatusModal .wechat-status-cancel:hover,
#pd-demand-modal .pd-secondary-button:hover,
#addOrderModal .order-create-close:hover,
#sampleRecordModal .sample-create-close:hover,
#sampleFormModal .sample-create-header > button:hover,
#importCustomerModal .mh > button:hover,
#edit-private-overlay .epc-close:hover,
#wechatStatusModal .wechat-status-close:hover,
#pd-demand-modal .pd-modal-close:hover {
  border-color: var(--sf-btn-hover-line) !important;
  background: var(--sf-btn-hover) !important;
  color: var(--sf-ink) !important;
}

#import-layer-1 .mb > button:not(:last-child) {
  border: 1px solid var(--sf-line) !important;
  border-radius: 10px !important;
  background: var(--sf-bg) !important;
}

#import-layer-1 .mb > button:not(:last-child):hover {
  border-color: var(--sf-line-hover) !important;
  background: var(--sf-ring) !important;
}

#import-layer-1 .mb > button:not(:last-child) div[style*="color:#111827"] {
  color: var(--sf-ink) !important;
}

#importCustomerModal .import-option-ic {
  flex-basis: 48px;
  width: 48px;
  height: 48px;
}

#importCustomerModal .import-option-ic .cd-ic {
  width: 28px;
  height: 28px;
  flex-basis: 28px;
}

/* 主提交按钮：保留原颜色，去掉渐变与阴影 */
#addOrderModal .order-create-submit,
:is(#sampleFormModal, #sampleRecordModal) .sample-create-body > div[style*="display:flex;gap:10px;margin-top:22px;"] > button:first-child,
#import-layer-3 .private-form-submit,
#pd-demand-modal .pd-submit-button {
  background: #16a34a !important;
  box-shadow: none !important;
  transform: none !important;
}

#addOrderModal .order-create-submit:hover,
:is(#sampleFormModal, #sampleRecordModal) .sample-create-body > div[style*="display:flex;gap:10px;margin-top:22px;"] > button:first-child:hover,
#import-layer-3 .private-form-submit:hover,
#pd-demand-modal .pd-submit-button:hover {
  background: #15803d !important;
}

/* 编辑私有客户（脚本生成） */
#edit-private-overlay .epc-panel {
  display: flex;
  flex-direction: column;
  width: 640px;
  max-width: 94vw;
  max-height: 90vh;
  overflow: hidden;
}

#edit-private-overlay .epc-head { padding: 26px 32px 0; }
#edit-private-overlay .epc-head-copy { order: 1; flex: 1 1 0; min-width: 0; }
#edit-private-overlay .epc-title { color: var(--sf-ink); font-size: 17px; font-weight: 700; }
#edit-private-overlay .epc-subtitle { margin-top: 3px; color: var(--sf-fine); font-size: 12px; }
#edit-private-overlay .epc-body { padding: 20px 32px 28px; overflow: auto; }

#edit-private-overlay .epc-tip {
  margin-bottom: 18px;
  padding: 12px 14px;
  border: 1px solid var(--sf-line);
  border-radius: 8px;
  background: var(--sf-bg);
  color: var(--sf-muted);
  font-size: 13px;
  line-height: 1.65;
}

#edit-private-overlay .epc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 16px; margin-bottom: 18px; }
#edit-private-overlay .epc-row-full { grid-column: 1 / -1; }
#edit-private-overlay .o-label { margin-bottom: 6px; font-size: 13px; }
#edit-private-overlay .o-input { padding: 10px 12px; font-size: 14px; }
#edit-private-overlay textarea.o-input { resize: vertical; line-height: 1.6; }
#edit-private-overlay .epc-actions { display: flex; gap: 10px; }

#edit-private-overlay :is(.epc-cancel, .epc-save) {
  padding: 12px;
  border-radius: 10px;
  font-family: var(--font);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}

#edit-private-overlay .epc-cancel { flex: 1; }
#edit-private-overlay .epc-save { flex: 2; border: 0; background: #111827; color: #fff; }
#edit-private-overlay .epc-save:hover:not(:disabled) { background: #000; }
html.theme-dark #edit-private-overlay .epc-save { background: #e9eaee; color: #141414; }

/* 电脑与平板：左列图标 + 字段名，右列填写 */
@media (min-width: 761px) {
  #addOrderModal .order-create-header,
  :is(#sampleFormModal, #sampleRecordModal) .sample-create-header {
    padding: 30px 40px 0 !important;
  }

  #importCustomerModal .mh {
    padding: 28px 32px 0 !important;
  }

  #pd-demand-modal .pd-modal-head { padding: 26px 32px 0; }
  #pd-demand-modal #pd-demand-form { padding: 18px 32px 20px; }
  #pd-demand-modal .pd-modal-actions { padding: 4px 32px 24px; }

  #addOrderModal .order-create-body {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 16px !important;
    padding: 22px 40px 32px !important;
  }

  #addOrderModal :is(.order-create-grid > *, .order-create-body > *) {
    grid-column: 1 / -1 !important;
  }

  :is(#sampleFormModal, #sampleRecordModal) .sample-create-body {
    padding: 22px 40px 32px !important;
  }

  :is(#sampleFormModal, #sampleRecordModal) .sample-create-body > div[style*="display:grid;grid-template-columns:1fr 1fr;gap:14px;"] {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 16px !important;
    margin-bottom: 16px !important;
  }

  :is(#sampleFormModal, #sampleRecordModal) .sample-create-body > div[style*="display:grid;grid-template-columns:1fr 1fr;gap:14px;"] > .o-row {
    grid-column: auto !important;
  }

  #importCustomerModal .mb {
    padding: 22px 32px 28px !important;
  }

  #import-layer-3 .mb > div:nth-child(2),
  #edit-private-overlay .epc-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 16px !important;
  }

  :is(#addOrderModal, #sampleFormModal, #sampleRecordModal, #import-layer-3, #edit-private-overlay) .o-row,
  #addOrderModal #orderCustomerSourceRow,
  #sampleRecordModal #sr-customer-row,
  #pd-demand-modal .pd-form-field,
  #wechatStatusModal .wechat-status-modal-body {
    display: grid;
    grid-template-columns: 148px minmax(0, 1fr);
    column-gap: 16px;
    row-gap: 0 !important;
    align-items: start;
  }

  :is(#addOrderModal, #sampleFormModal, #sampleRecordModal, #import-layer-3, #edit-private-overlay) .o-row > *,
  #addOrderModal #orderCustomerSourceRow > *,
  #sampleRecordModal #sr-customer-row > *,
  #pd-demand-modal .pd-form-field > *,
  #wechatStatusModal .wechat-status-modal-body > * {
    grid-column: 2;
    min-width: 0;
  }

  :is(#addOrderModal, #sampleFormModal, #sampleRecordModal, #import-layer-3, #edit-private-overlay) .o-row > .o-label,
  #addOrderModal #orderCustomerSourceRow > .o-label,
  #sampleRecordModal #sr-customer-row > label,
  #pd-demand-modal .pd-form-field > :is(span:first-child, .pd-field-label),
  #wechatStatusModal .wechat-status-modal-body > .wechat-status-name-label {
    grid-column: 1;
    grid-row: 1;
    min-height: 52px;
    margin: 0 !important;
  }

  #addOrderModal #orderCustomerSourceRow,
  #addOrderModal .sample-create-source-tabs {
    margin-bottom: 0 !important;
  }

  #addOrderModal #orderCustomerSourceRow > .o-label,
  #sampleRecordModal #sr-customer-row > label {
    min-height: 38px;
  }

  #edit-private-overlay .o-row > .o-label { min-height: 42px; }
  :is(#import-layer-3, #edit-private-overlay) .o-row:has(.taxonomy-form) > .o-label { min-height: 41px; }
  #pd-demand-modal .pd-form-field > :is(span:first-child, .pd-field-label) { min-height: 44px; }
  #pd-demand-modal .pd-date-field > span:first-child { min-height: 40px; }

  #import-layer-3 .o-label > span[style*="font-size:11px"],
  #pd-demand-modal .pd-form-field > span:first-child small {
    flex: 1 0 100%;
    margin: 2px 0 0;
    padding-left: 28px;
  }

  #pd-demand-modal .pd-form-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  #pd-demand-modal .pd-identity-fields { margin-bottom: 16px; }

  #pd-demand-modal .pd-mode-field > legend {
    float: left;
    width: 148px;
    min-height: 38px;
    padding: 0;
  }

  #pd-demand-modal .pd-mode-field > :not(legend) { margin-left: 164px; }

  #wechatStatusModal .wechat-status-modal-body {
    grid-template-columns: 100px minmax(0, 1fr);
    column-gap: 12px;
  }

  #wechatStatusModal .wechat-status-modal-body > .wechat-status-name-label { min-height: 36px; }
}

@media (max-width: 760px) {
  #addOrderModal .order-create-header,
  :is(#sampleFormModal, #sampleRecordModal) .sample-create-header,
  #importCustomerModal .mh,
  #edit-private-overlay .epc-head {
    padding: 20px 18px 0 !important;
  }

  #addOrderModal .order-create-body,
  :is(#sampleFormModal, #sampleRecordModal) .sample-create-body,
  #importCustomerModal .mb,
  #edit-private-overlay .epc-body {
    padding: 16px 18px 22px !important;
  }

  #importCustomerModal .mh > p { margin-left: 0 !important; }
}

/* 样品与导入表单的原规则选择器更具体（含行内样式属性选择器），这里用相同选择器在后面覆盖，保持同底细边框与灰色字段名 */
:is(#sampleFormModal, #sampleRecordModal) .sample-create-body > div[style*="display:grid;grid-template-columns:1fr 1fr;gap:14px;"] > .o-row .o-input,
:is(#sampleFormModal, #sampleRecordModal) .sample-create-body > .o-row .o-input,
#sampleRecordModal #sr-custom-wrap .o-input,
#sampleRecordModal #sr-followupPicker {
  border: 1px solid var(--sf-line) !important;
  border-radius: 10px !important;
  background: var(--sf-bg) !important;
  color: var(--sf-ink) !important;
  box-shadow: none !important;
}

:is(#sampleFormModal, #sampleRecordModal) .sample-create-body > div[style*="display:grid;grid-template-columns:1fr 1fr;gap:14px;"] > .o-row .o-input:hover,
:is(#sampleFormModal, #sampleRecordModal) .sample-create-body > .o-row .o-input:hover,
#sampleRecordModal #sr-custom-wrap .o-input:hover,
#sampleRecordModal #sr-followupPicker:hover {
  border-color: var(--sf-line-hover) !important;
}

:is(#sampleFormModal, #sampleRecordModal) .sample-create-body > div[style*="display:grid;grid-template-columns:1fr 1fr;gap:14px;"] > .o-row .o-input:focus,
:is(#sampleFormModal, #sampleRecordModal) .sample-create-body > .o-row .o-input:focus,
#sampleRecordModal #sr-custom-wrap .o-input:focus,
#sampleRecordModal #sr-followupPicker:focus {
  border-color: var(--sf-focus) !important;
  background: var(--sf-bg) !important;
  box-shadow: 0 0 0 3px var(--sf-ring) !important;
}

:is(#sampleFormModal, #sampleRecordModal) .sample-create-body > div[style*="display:grid;grid-template-columns:1fr 1fr;gap:14px;"] > .o-row > .o-label,
:is(#sampleFormModal, #sampleRecordModal) .sample-create-body > .o-row > .o-label,
:is(#sampleFormModal, #sampleRecordModal) .sample-create-body > div[style*="margin-bottom:6px;"] .o-label,
#sampleRecordModal #sr-customer-row > label,
#import-layer-3 .mb > div:nth-child(2) .o-label {
  color: var(--sf-muted) !important;
  font-weight: 500 !important;
}

#import-layer-3 .private-form-assist {
  border: 1px solid var(--sf-line) !important;
  background: var(--sf-bg) !important;
  color: var(--sf-ink) !important;
  box-shadow: none !important;
}

#import-layer-3 .private-form-assist:hover {
  border-color: var(--sf-btn-hover-line) !important;
  background: var(--sf-btn-hover) !important;
}

#import-customer-list > div[style*="justify-content:space-between"] {
  border: 1px solid var(--sf-line) !important;
  background: var(--sf-bg) !important;
}

#import-customer-list > div[style*="justify-content:space-between"]:hover {
  border-color: var(--sf-line-hover) !important;
}

#import-customer-list > div[style*="justify-content:space-between"] div[style*="color:#111827"] {
  color: var(--sf-ink) !important;
}

#import-customer-list > div[style*="justify-content:space-between"] > button {
  background: #16a34a !important;
  box-shadow: none !important;
  transform: none !important;
}

#import-customer-list > div[style*="justify-content:space-between"] > button:hover {
  background: #15803d !important;
}

html.theme-dark :is(#import-layer-3, #edit-private-overlay) .taxonomy-quick button.taxonomy-button[aria-pressed="true"] {
  border-color: #e9eaee !important;
  background: #e9eaee !important;
  color: #1c1d20 !important;
}

/* 手动录入私有客户在深色主题下有旧的深蓝底规则（.theme-dark #import-layer-3 …），这里提高一级收回主界面同色底 */
html.theme-dark #import-layer-3 :is(.o-input, .private-form-input, .private-form-assist, .taxonomy-control) {
  border-color: var(--sf-line) !important;
  background: var(--sf-bg) !important;
  color: var(--sf-ink) !important;
}

html.theme-dark #import-layer-3 :is(.o-input, .private-form-input, .taxonomy-control):focus {
  border-color: var(--sf-focus) !important;
}

/* ==================== 需求详情（按客户详情整洁版） ==================== */
/* 2026-10-05 14:11:01（北京时间）用户确认：需求市场的需求详情按客户公海“客户详情”的样式改造——底色与主界面同为灰白（深色跟随主界面）、
   采购品种作大标题、响应按钮在标题右侧、发布与截止时间在标题下；字段放进同底细边框信息卡（客户详情同款图标，三列），补充要求整行放最后；
   关闭按钮与左右切换同客户详情（深色圆形），手机端切换按钮放到底部。只作用于销售端 #pd-detail-dialog，采购商页面不受影响；
   广场/精准发布、响应需求、需求匹配的业务颜色保留。旧规则在 index.css 与 detail-side-navigation.css，这里按更高优先级覆盖。 */
#pd-detail-dialog {
  --pdd-bg: var(--index-layout-bg, #f3f2ef);
  --pdd-ink: #1f1f1f;
  --pdd-ink2: #3d3d3d;
  --pdd-muted: #6b6b6b;
  --pdd-weak: #9a9a9a;
  --pdd-body: #262626;
  --pdd-line: var(--ws-line, var(--index-layout-line, #dfe0dd));
  --pdd-line-strong: #9a9a9a;
  --pdd-hover: rgba(0, 0, 0, .05);
  --pdd-arrow-off: #e4e4e4;
  --pdd-arrow-off-ink: #a3a3a3;
  --pdd-pad: 80px;
  --pdd-out: 16px;
  border: 0;
  border-radius: 12px;
  background: var(--pdd-bg);
  color: var(--pdd-ink);
  box-shadow: 0 20px 50px rgba(0, 0, 0, .22);
  font-variant-numeric: tabular-nums;
}

#pd-detail-dialog::backdrop {
  background: rgba(20, 20, 20, .55);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}

/* 头部只留“关闭”，压在标题行右侧；原“采购需求详情”标题仅供读屏 */
#pd-detail-dialog .pd-detail-head:not(#pdd-x) {
  position: absolute;
  top: 27px;
  right: var(--pdd-pad);
  z-index: 3;
  display: block;
  padding: 0;
  border: 0;
  background: transparent;
}

#pd-detail-dialog .pd-detail-head h3,
#pd-detail-dialog .pd-detail-product > span {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

#pd-detail-dialog #pd-detail-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  min-height: 0;
  padding: 0 14px;
  border: 1px solid var(--pdd-line);
  border-radius: 8px;
  background: var(--pdd-bg);
  color: var(--pdd-ink2);
  font: 600 13px/1 var(--font);
  white-space: nowrap;
  cursor: pointer;
  box-shadow: none;
  transition: background .15s, border-color .15s;
}

#pd-detail-dialog #pd-detail-close:hover {
  background: var(--pdd-hover);
  border-color: var(--pdd-line-strong);
}

#pd-detail-dialog #pd-detail-close:focus-visible {
  outline: 2px solid var(--pdd-ink2);
  outline-offset: 2px;
}

#pd-detail-dialog #pd-detail-content {
  padding: 0 var(--pdd-pad) 30px;
}

#pd-detail-dialog .pd-detail-inner {
  max-width: none;
  margin: 0;
}

/* 标题区随内容滚动时固定在顶部，左右铺满弹窗，信息卡从下面滑过 */
#pd-detail-dialog .pd-detail-top {
  position: sticky;
  top: 0;
  z-index: 2;
  margin: 0 calc(-1 * var(--pdd-pad));
  padding: 28px var(--pdd-pad) 22px;
  background: var(--pdd-bg);
}

#pd-detail-dialog .pd-detail-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 8px 14px;
  padding-right: 72px;
}

#pd-detail-dialog .pd-detail-product {
  min-width: 0;
  margin: 0;
}

#pd-detail-dialog .pd-detail-product h4 {
  margin: 0;
  color: var(--pdd-ink);
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: .01em;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

#pd-detail-dialog .pd-detail-product.is-match h4 {
  color: #15803d;
}

#pd-detail-dialog .pd-detail-action {
  display: flex;
  align-items: center;
  min-height: 32px;
  white-space: nowrap;
}

#pd-detail-dialog .pd-detail-action .pd-plain-status,
#pd-detail-dialog .pd-detail-action .pd-plain-status.is-ended {
  color: var(--pdd-ink2);
  font-size: 13px;
  font-weight: 600;
}

#pd-detail-dialog .pd-detail-action .pd-plain-status.is-ended {
  color: var(--pdd-weak);
}

/* 标题下一行：发布时间 | 截止时间 */
#pd-detail-dialog .pd-detail-meta {
  margin-top: 6px;
  color: var(--pdd-ink);
  font-size: 13px;
  line-height: 22px;
}

#pd-detail-dialog .pd-detail-meta .pd-date-stack {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 12px;
}

#pd-detail-dialog .pd-detail-meta .pd-date-line {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

#pd-detail-dialog .pd-detail-meta .pd-date-line + .pd-date-line::before {
  content: '';
  width: 1px;
  height: 12px;
  margin-right: 6px;
  background: var(--pdd-line);
}

#pd-detail-dialog .pd-detail-meta .pd-date-label {
  margin: 0;
  color: var(--pdd-muted);
}

/* 信息卡：同底细边框、三列，标签在上（客户详情同款图标） */
#pd-detail-dialog .pd-detail-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr) minmax(0, 1fr);
  gap: 18px 32px;
  margin: 0 calc(-1 * var(--pdd-out));
  padding: 18px calc(var(--pdd-out) - 1px) 20px;
  border: 1px solid var(--pdd-line);
  border-radius: 8px;
  background: transparent;
}

#pd-detail-dialog .pd-detail-field {
  min-width: 0;
  text-align: left;
}

#pd-detail-dialog .pd-detail-field > span.pd-detail-label {
  display: flex;
  align-items: center;
  gap: 7px;
  min-height: 24px;
  margin: 0 0 4px;
  color: var(--pdd-muted);
  font-size: 13px;
  line-height: 20px;
  white-space: nowrap;
}

#pd-detail-dialog .pd-detail-label .cd-ic {
  display: block;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  pointer-events: none;
}

#pd-detail-dialog .pd-detail-field p {
  margin: 0;
  color: var(--pdd-ink);
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

#pd-detail-dialog .pd-detail-badge {
  display: flex;
  align-items: center;
  min-height: 24px;
}

#pd-detail-dialog .pd-detail-badge .pd-mode-badge {
  min-height: 22px;
  padding: 0 9px;
  font-size: 12px;
  line-height: 22px;
}

/* 补充要求：整行放最后，细线分隔，正文常规字重（同客户背景） */
#pd-detail-dialog .pd-detail-field.is-full {
  grid-column: 1 / -1;
  margin: 2px calc(1px - var(--pdd-out)) 0;
  padding: 18px calc(var(--pdd-out) - 1px) 0;
  border-top: 1px solid var(--pdd-line);
}

#pd-detail-dialog .pd-detail-field.is-full p {
  color: var(--pdd-body);
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: .01em;
}

/* 左右切换：卡片两侧深色圆形，到头变灰 */
#pd-detail-dialog .detail-side-arrow {
  top: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 50%;
  background: var(--pdd-ink);
  color: #fff;
  box-shadow: none;
  transform: translateY(-50%);
  transition: background .15s;
}

#pd-detail-dialog .detail-side-arrow.is-prev { left: 16px; right: auto; }
#pd-detail-dialog .detail-side-arrow.is-next { right: 16px; left: auto; }

#pd-detail-dialog .detail-side-arrow svg {
  width: 18px;
  height: 18px;
  stroke-width: 2.2;
}

#pd-detail-dialog .detail-side-arrow:hover:not(:disabled) {
  border: 0;
  background: #3d3d3d;
  color: #fff;
}

#pd-detail-dialog .detail-side-arrow:disabled {
  opacity: 1;
  background: var(--pdd-arrow-off);
  color: var(--pdd-arrow-off-ink);
  cursor: default;
}

#pd-detail-dialog .detail-side-arrow:focus-visible {
  outline: 2px solid var(--pdd-ink2);
  outline-offset: 3px;
}

/* 深色：底色跟随主界面深色，文字与线条同客户详情深色 */
html.theme-dark #pd-detail-dialog {
  --pdd-bg: var(--index-layout-bg, #1c1d20);
  --pdd-ink: #e4e6ea;
  --pdd-ink2: #c8cbd0;
  --pdd-muted: #9ba1a8;
  --pdd-weak: #7f858c;
  --pdd-body: #e1e3e7;
  --pdd-line: var(--ws-line, #2e3035);
  --pdd-line-strong: #6b7078;
  --pdd-hover: rgba(255, 255, 255, .06);
  --pdd-arrow-off: #34373c;
  --pdd-arrow-off-ink: #7f858c;
  border: 0;
  background: var(--pdd-bg);
  color: var(--pdd-ink);
}

html.theme-dark #pd-detail-dialog::backdrop {
  background: rgba(0, 0, 0, .6);
}

html.theme-dark #pd-detail-dialog .detail-side-arrow:not(:disabled),
html.theme-dark #pd-detail-dialog .detail-side-arrow:hover:not(:disabled) {
  border: 0;
  background: var(--pdd-ink);
  color: #202225;
}

html.theme-dark #pd-detail-dialog .detail-side-arrow:disabled {
  border: 0;
  background: var(--pdd-arrow-off);
  color: var(--pdd-arrow-off-ink);
}

/* 手机：边距收窄，信息卡两列（公司整行），切换按钮放到底部一排，带“上一条 / 下一条”文字 */
@media (max-width: 760px) {
  #pd-detail-dialog {
    --pdd-pad: 20px;
    --pdd-out: 12px;
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  #pd-detail-dialog[open] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr) auto;
  }

  #pd-detail-dialog[open]::before {
    content: '';
    grid-column: 1 / -1;
    grid-row: 2;
    border-top: 1px solid var(--pdd-line);
  }

  #pd-detail-dialog #pd-detail-content {
    grid-column: 1 / -1;
    grid-row: 1;
    padding: 0 var(--pdd-pad) 22px !important;
  }

  #pd-detail-dialog .pd-detail-head:not(#pdd-x) {
    top: 16px;
    right: var(--pdd-pad);
    padding: 0 !important;
  }

  #pd-detail-dialog #pd-detail-close {
    height: 40px;
  }

  #pd-detail-dialog .pd-detail-top {
    padding-top: 22px;
    padding-bottom: 18px;
  }

  #pd-detail-dialog .pd-detail-hero {
    grid-template-columns: minmax(0, 1fr);
    padding-right: 72px;
  }

  #pd-detail-dialog .pd-detail-action .pd-response-button {
    height: 36px;
  }

  #pd-detail-dialog .pd-detail-product h4 {
    font-size: 18px;
    line-height: 28px;
  }

  /* 窄屏两段时间上下排，不出现行首分隔线 */
  #pd-detail-dialog .pd-detail-meta .pd-date-stack {
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
  }

  #pd-detail-dialog .pd-detail-meta .pd-date-line + .pd-date-line::before {
    content: none;
  }

  #pd-detail-dialog .pd-detail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }

  #pd-detail-dialog .pd-detail-field.is-company {
    grid-column: 1 / -1;
  }

  /* 用户要求：发布信息放在右列（电脑端本来就在最右一列） */
  #pd-detail-dialog .pd-detail-field.is-publish {
    grid-column: 2;
  }

  #pd-detail-dialog .pd-detail-field > span.pd-detail-label {
    font-size: 14px;
  }

  #pd-detail-dialog .pd-detail-label .cd-ic {
    width: 24px;
    height: 24px;
    flex-basis: 24px;
  }

  #pd-detail-dialog .pd-detail-field p {
    font-size: 16px;
  }

  #pd-detail-dialog .detail-side-arrow {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    z-index: 1;
    grid-row: 2;
    gap: 6px;
    width: auto;
    height: 44px;
    margin: 12px 0 14px;
    border-radius: 8px;
    transform: none;
    font: 600 14px/1 var(--font);
  }

  #pd-detail-dialog .detail-side-arrow.is-prev {
    left: auto;
    right: auto;
    grid-column: 1;
    margin-left: var(--pdd-pad);
    margin-right: 6px;
  }

  #pd-detail-dialog .detail-side-arrow.is-next {
    left: auto;
    right: auto;
    grid-column: 2;
    margin-left: 6px;
    margin-right: var(--pdd-pad);
  }

  #pd-detail-dialog .detail-side-arrow .cd-nav-label {
    display: inline;
  }

  #pd-detail-dialog #pd-detail-copy-status {
    bottom: 82px;
  }
}

/* ==================== 账号设置（方案 A：设置列表） ==================== */
/* 2026-10-05 15:05:14（北京时间）用户选定方案 A：不用白卡片，底色与主界面一致；字段前加客户详情同款图标；基本资料只读，显示为纯文字（空值显示“未填写”）；
   经营信息左字段名右填写；新需求提醒为开关（沿用原规则：电脑端隐藏、手机端显示）；修改密码点开展开；退出登录成行。
   元素 id 与脚本不变；旧的 .profile-simple / .settings-card 样式不再作用于本页。 */
#page-settings .acc-page {
  --acc-bg: var(--index-layout-bg, #f3f2ef);
  --acc-line: var(--ws-line, var(--index-layout-line, #dfe0dd));
  --acc-line-hover: #c4c3be;
  --acc-ink: #222222;
  --acc-ink2: #3d3d3d;
  --acc-muted: #6b6b6b;
  --acc-fine: #858585;
  --acc-placeholder: #9a9a9a;
  --acc-focus: #6b6b6b;
  --acc-ring: rgba(0, 0, 0, .05);
  --acc-hover: rgba(0, 0, 0, .05);
  --acc-btn: #1f1f1f;
  --acc-btn-hover: #3d3d3d;
  --acc-btn-ink: #ffffff;
  --acc-danger: #c43c3c;
  --acc-key: #1f7a45;
  --acc-key-bg: rgba(36, 164, 82, .12);
  --acc-switch-off: #dcdbd7;
  --acc-switch-on: #24a452;
  max-width: 760px;
  color: var(--acc-ink);
}

html.theme-dark #page-settings .acc-page {
  --acc-bg: var(--index-layout-bg, #1c1d20);
  --acc-line: var(--ws-line, #2e3035);
  --acc-line-hover: #4a4d54;
  --acc-ink: #e9eaee;
  --acc-ink2: #c8cbd0;
  --acc-muted: #a3a8b0;
  --acc-fine: #8a9097;
  --acc-placeholder: #6f747c;
  --acc-focus: #9ba1a8;
  --acc-ring: rgba(255, 255, 255, .06);
  --acc-hover: rgba(255, 255, 255, .06);
  --acc-btn: #e4e6ea;
  --acc-btn-hover: #ffffff;
  --acc-btn-ink: #1c1d20;
  --acc-danger: #f08080;
  --acc-key: #6fd696;
  --acc-key-bg: rgba(99, 208, 142, .14);
  --acc-switch-off: #4a4d55;
}

#page-settings .acc-page-title {
  margin: 0 0 22px;
  color: var(--acc-ink);
  font-size: 24px;
  font-weight: 700;
  letter-spacing: .01em;
}

#page-settings .acc-section {
  margin: 30px 0 0;
}

#page-settings .acc-profile > .acc-section:first-child {
  margin-top: 0;
}

#page-settings .acc-head {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin-bottom: 8px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--acc-line);
}

#page-settings .acc-head h2 {
  margin: 0;
  color: var(--acc-ink);
  font-size: 15px;
  font-weight: 700;
}

#page-settings .acc-head span {
  color: var(--acc-fine);
  font-size: 12px;
}

#page-settings .acc-ic {
  display: inline-flex;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
}

#page-settings .acc-ic .cd-ic {
  display: block;
  width: 20px;
  height: 20px;
  flex-basis: 20px;
}

/* 基本资料：两列属性，左图标与名称、右纯文字 */
#page-settings .acc-info {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 32px;
}

#page-settings .acc-prop {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  align-items: center;
  column-gap: 12px;
  min-height: 44px;
  margin: 0;
}

#page-settings .acc-label {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--acc-muted);
  font-size: 14px;
  font-weight: 400;
  white-space: nowrap;
}

#page-settings .acc-page input.acc-value {
  width: 100%;
  min-width: 0;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--acc-ink);
  font: 500 15px/32px var(--font);
  text-overflow: ellipsis;
  box-shadow: none;
  outline: none;
  cursor: default;
}

#page-settings .acc-page input.acc-value::placeholder {
  color: var(--acc-placeholder);
  font-weight: 400;
}

/* 经营信息：左字段名、右填写 */
#page-settings .acc-form .acc-prop {
  grid-template-columns: 152px minmax(0, 1fr);
  align-items: start;
  padding: 8px 0;
}

#page-settings .acc-form .acc-label {
  min-height: 40px;
}

#page-settings .acc-control {
  display: grid;
  gap: 6px;
  min-width: 0;
}

#page-settings .acc-page .acc-input {
  width: 100%;
  height: 40px;
  padding: 0 12px;
  border: 1px solid var(--acc-line);
  border-radius: 8px;
  background: var(--acc-bg);
  color: var(--acc-ink);
  font: 400 15px/1.5 var(--font);
  box-shadow: none;
  outline: none;
  transition: border-color .15s, box-shadow .15s;
}

#page-settings .acc-page textarea.acc-input {
  height: auto;
  min-height: 88px;
  padding: 9px 12px;
  line-height: 1.7;
  resize: vertical;
}

#page-settings .acc-page .acc-input::placeholder {
  color: var(--acc-placeholder);
}

#page-settings .acc-page .acc-input:hover {
  border-color: var(--acc-line-hover);
}

#page-settings .acc-page .acc-input:focus {
  border-color: var(--acc-focus);
  box-shadow: 0 0 0 3px var(--acc-ring);
}

#page-settings .acc-help {
  color: var(--acc-fine);
  font-size: 12px;
  line-height: 1.6;
}

#page-settings .acc-key {
  display: inline-flex;
  align-items: center;
  height: 20px;
  padding: 0 7px;
  border-radius: 5px;
  background: var(--acc-key-bg);
  color: var(--acc-key);
  font-size: 12px;
  font-weight: 600;
}

#page-settings .acc-form .settings-msg {
  margin: 8px 0 0 164px;
}

#page-settings .acc-actions {
  display: flex;
  justify-content: flex-end;
  padding-top: 10px;
}

#page-settings .acc-primary {
  min-width: 96px;
  height: 38px;
  padding: 0 20px;
  border: 0;
  border-radius: 8px;
  background: var(--acc-btn);
  color: var(--acc-btn-ink);
  font: 600 14px/1 var(--font);
  cursor: pointer;
  box-shadow: none;
  transition: background .15s;
}

#page-settings .acc-primary:hover {
  background: var(--acc-btn-hover);
}

#page-settings .acc-primary:disabled {
  opacity: .6;
  cursor: wait;
}

#page-settings :is(.acc-primary, .acc-switch, .acc-danger, .acc-password > summary):focus-visible {
  outline: 2px solid var(--acc-focus);
  outline-offset: 2px;
}

/* 账号与安全：每项一行，左图标与说明、右操作 */
#page-settings .acc-set {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 64px;
  margin: 0;
  padding: 12px 0;
  border-bottom: 1px solid var(--acc-line);
}

#page-settings .acc-section > .acc-set:last-child {
  border-bottom: 0;
}

#page-settings .acc-set-text {
  display: block;
  flex: 1;
  min-width: 0;
}

#page-settings .acc-set-title {
  display: block;
  color: var(--acc-ink);
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
}

#page-settings .acc-set-desc {
  display: block;
  margin: 0;
  color: var(--acc-fine);
  font-size: 12px;
  line-height: 18px;
}

/* 新需求提醒：沿用原规则，电脑端隐藏、手机端显示；按钮文字由脚本写入，仅供读屏 */
#page-settings #settings-demand-notifications {
  display: none;
}

#page-settings .acc-switch {
  position: relative;
  flex: 0 0 40px;
  width: 40px;
  height: 22px;
  padding: 0;
  border: 0;
  border-radius: 11px;
  background: var(--acc-switch-off);
  color: transparent;
  font-size: 0;
  overflow: hidden;
  cursor: pointer;
  transition: background .2s;
}

#page-settings .acc-switch::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
  transition: transform .2s;
}

#page-settings .acc-switch[aria-pressed="true"] {
  background: var(--acc-switch-on);
}

#page-settings .acc-switch[aria-pressed="true"]::after {
  transform: translateX(18px);
}

#page-settings .acc-switch:disabled {
  opacity: .6;
  cursor: wait;
}

/* 修改密码：点“修改”展开，输入框与上方文字对齐 */
#page-settings .acc-password > summary {
  list-style: none;
  cursor: pointer;
}

#page-settings .acc-password > summary::-webkit-details-marker {
  display: none;
}

#page-settings .acc-password[open] > summary {
  border-bottom: 0;
}

#page-settings .acc-password[open] {
  padding-bottom: 16px;
  border-bottom: 1px solid var(--acc-line);
}

#page-settings .acc-ghost {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 34px;
  padding: 0 14px;
  border: 1px solid var(--acc-line);
  border-radius: 8px;
  background: var(--acc-bg);
  color: var(--acc-ink2);
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
  transition: background .15s, border-color .15s;
}

#page-settings .acc-password > summary:hover .acc-ghost {
  background: var(--acc-hover);
  border-color: var(--acc-line-hover);
}

#page-settings .acc-chev {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform .2s;
}

#page-settings .acc-password[open] .acc-chev {
  transform: rotate(90deg);
}

#page-settings .acc-pw-panel {
  padding-left: 32px;
}

#page-settings .acc-pw-panel .settings-msg {
  margin: 0 0 12px;
}

#page-settings .acc-pw-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

#page-settings .acc-pw-field {
  display: grid;
  gap: 6px;
  margin: 0;
  color: var(--acc-muted);
  font-size: 13px;
  font-weight: 400;
}

#page-settings .acc-pw-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 12px;
}

#page-settings .acc-danger {
  height: 34px;
  padding: 0 14px;
  border: 1px solid var(--acc-line);
  border-radius: 8px;
  background: var(--acc-bg);
  color: var(--acc-danger);
  font: 600 13px/1 var(--font);
  white-space: nowrap;
  cursor: pointer;
  box-shadow: none;
  transition: border-color .15s;
}

#page-settings .acc-danger:hover {
  border-color: currentColor;
}

/* 深色：全站深色输入框规则带 !important（#24262a 底、#3b3e44 边），本页提高一级收回主界面同色底；只读资料保持纯文字 */
html.auth-has-session.theme-dark body.index-workspace-layout #page-settings .acc-page input.acc-value {
  border-color: transparent !important;
  background: transparent !important;
  color: var(--acc-ink) !important;
  box-shadow: none !important;
}

html.auth-has-session.theme-dark body.index-workspace-layout #page-settings .acc-page .acc-input {
  border-color: var(--acc-line) !important;
  background: var(--acc-bg) !important;
  color: var(--acc-ink) !important;
}

html.auth-has-session.theme-dark body.index-workspace-layout #page-settings .acc-page .acc-input:hover {
  border-color: var(--acc-line-hover) !important;
}

html.auth-has-session.theme-dark body.index-workspace-layout #page-settings .acc-page .acc-input:focus {
  border-color: var(--acc-focus) !important;
  box-shadow: 0 0 0 3px var(--acc-ring) !important;
}

/* 手机：资料单列，填写项标签在上，按钮加大点按区域 */
@media (max-width: 760px) {
  #page-settings #settings-demand-notifications {
    display: flex;
  }

  /* 左上角菜单按钮（44px，距左 20px、距顶 12px）常驻：标题与它同一行放在右侧，不再被遮住 */
  #page-settings .acc-page-title {
    display: flex;
    align-items: center;
    min-height: 44px;
    margin: -6px 0 18px;
    padding-left: 62px;
  }

  #page-settings .acc-info {
    grid-template-columns: minmax(0, 1fr);
  }

  #page-settings .acc-form .acc-prop {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 6px;
  }

  #page-settings .acc-form .acc-label {
    min-height: 0;
  }

  #page-settings .acc-form .settings-msg {
    margin-left: 0;
  }

  #page-settings .acc-page .acc-input {
    font-size: 16px;
  }

  #page-settings .acc-pw-panel {
    padding-left: 0;
  }

  #page-settings .acc-pw-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  #page-settings :is(.acc-primary, .acc-ghost, .acc-danger) {
    height: 40px;
  }
}

/* ==================== 订单详情 / 样品详情（方案 A：客户详情风格） ==================== */
/* 2026-10-06 09:26:31（北京时间）用户选定方案 A：两个弹窗底色与主界面一致，标题为公司名、旁边放业务按钮，标题下一行为订单编码 / 联系方式 / 客户等级；
   打开即查看模式（关键数字条、商品明细、同款图标信息卡、操作记录；样品按每次寄样一张卡片、逐行显示结果标签），点“修改”才显示原编辑字段。
   元素 id、保存与草稿判断不变；旧的内联样式外壳已换成类名，手机端原有 !important 规则在本节最后按更高优先级覆盖。 */
:is(#orderDetailModal, #sampleDetailModal).overlay {
  background: rgba(20, 20, 20, .55);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}

html.theme-dark :is(#orderDetailModal, #sampleDetailModal).overlay {
  background: rgba(0, 0, 0, .6);
}

:is(#orderDetailModal, #sampleDetailModal) .dd-panel {
  --dd-bg: var(--index-layout-bg, #f3f2ef);
  --dd-line: var(--ws-line, var(--index-layout-line, #dfe0dd));
  --dd-line-strong: #b9b8b3;
  --dd-ink: #1f1f1f;
  --dd-ink2: #3d3d3d;
  --dd-muted: #6b6b6b;
  --dd-fine: #858585;
  --dd-weak: #9a9a9a;
  --dd-body: #262626;
  --dd-hover: rgba(0, 0, 0, .05);
  --dd-focus: #6b6b6b;
  --dd-ring: rgba(0, 0, 0, .05);
  --dd-btn: #1f1f1f;
  --dd-btn-hover: #3d3d3d;
  --dd-btn-ink: #ffffff;
  --dd-amount: #15803d;
  --dd-green: #15803d;
  --dd-green-bg: #e3f4e9;
  --dd-gray: #5f6670;
  --dd-gray-bg: #e9e8e4;
  --dd-red: #b42318;
  --dd-red-bg: #f8e7e4;
  position: relative;
  display: flex;
  flex-direction: column;
  width: min(920px, 96vw);
  max-width: 96vw;
  max-height: 92vh;
  overflow: hidden;
  border-radius: 12px;
  background: var(--dd-bg);
  color: var(--dd-ink);
  box-shadow: 0 20px 50px rgba(0, 0, 0, .22);
  font-variant-numeric: tabular-nums;
}

html.theme-dark :is(#orderDetailModal, #sampleDetailModal) .dd-panel {
  --dd-bg: var(--index-layout-bg, #1c1d20);
  --dd-line: var(--ws-line, #2e3035);
  --dd-line-strong: #5a5e66;
  --dd-ink: #e4e6ea;
  --dd-ink2: #c8cbd0;
  --dd-muted: #9ba1a8;
  --dd-fine: #8a9097;
  --dd-weak: #7f858c;
  --dd-body: #e1e3e7;
  --dd-hover: rgba(255, 255, 255, .06);
  --dd-focus: #9ba1a8;
  --dd-ring: rgba(255, 255, 255, .06);
  --dd-btn: #e4e6ea;
  --dd-btn-hover: #ffffff;
  --dd-btn-ink: #1c1d20;
  --dd-amount: #86efac;
  --dd-green: #86efac;
  --dd-green-bg: rgba(134, 239, 172, .12);
  --dd-gray: #b4b9c0;
  --dd-gray-bg: rgba(255, 255, 255, .07);
  --dd-red: #fca5a5;
  --dd-red-bg: rgba(252, 165, 165, .1);
  background: var(--dd-bg);
  color: var(--dd-ink);
}

:is(#orderDetailModal, #sampleDetailModal) .dd-panel .cd-ic {
  display: block;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  pointer-events: none;
}

/* 头部：公司名 + 业务按钮同排，关闭在右；下一行信息用细竖线分隔 */
:is(#orderDetailModal, #sampleDetailModal) .dd-head {
  flex: none;
  padding: 30px 40px 6px;
}

:is(#orderDetailModal, #sampleDetailModal) .dd-head-top {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}

:is(#orderDetailModal, #sampleDetailModal) .dd-title-row {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 14px;
  min-width: 0;
}

:is(#orderDetailModal, #sampleDetailModal) .dd-title {
  margin: 0;
  color: var(--dd-ink);
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: .01em;
  overflow-wrap: anywhere;
}

:is(#orderDetailModal, #sampleDetailModal) .dd-title-actions {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 8px;
}

:is(#orderDetailModal, #sampleDetailModal) .dd-title-actions:empty {
  display: none;
}

:is(#orderDetailModal, #sampleDetailModal) .dd-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 12px;
  margin-top: 8px;
  color: var(--dd-ink2);
  font-size: 13px;
  line-height: 24px;
}

:is(#orderDetailModal, #sampleDetailModal) .dd-meta-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
}

:is(#orderDetailModal, #sampleDetailModal) .dd-meta-item + .dd-meta-item::before {
  content: "";
  width: 1px;
  height: 12px;
  margin-right: 6px;
  background: var(--dd-line);
}

:is(#orderDetailModal, #sampleDetailModal) .dd-meta .detail-customer-level-label {
  color: var(--dd-muted);
  font-size: 13px;
  font-weight: 400;
}

:is(#orderDetailModal, #sampleDetailModal) .dd-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 18px 40px 32px;
}

/* 按钮、链接、标签 */
:is(#orderDetailModal, #sampleDetailModal) .dd-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 34px;
  min-height: 0;
  padding: 0 14px;
  border: 1px solid var(--dd-line);
  border-radius: 8px;
  background: var(--dd-bg);
  color: var(--dd-ink2);
  font: 600 13px/1 var(--font);
  white-space: nowrap;
  cursor: pointer;
  box-shadow: none;
  transform: none;
  transition: background .15s, border-color .15s;
}

:is(#orderDetailModal, #sampleDetailModal) .dd-btn:hover {
  background: var(--dd-hover);
  border-color: var(--dd-line-strong);
}

:is(#orderDetailModal, #sampleDetailModal) .dd-btn-sm {
  height: 30px;
  padding: 0 12px;
  font-size: 12.5px;
  font-weight: 500;
}

:is(#orderDetailModal, #sampleDetailModal) .dd-btn-primary {
  border-color: var(--dd-btn);
  background: var(--dd-btn);
  color: var(--dd-btn-ink);
}

:is(#orderDetailModal, #sampleDetailModal) .dd-btn-primary:hover {
  border-color: var(--dd-btn-hover);
  background: var(--dd-btn-hover);
}

:is(#orderDetailModal, #sampleDetailModal) .dd-btn:disabled {
  opacity: .6;
  cursor: wait;
}

:is(#orderDetailModal, #sampleDetailModal) :is(.dd-btn, .dd-link):focus-visible {
  outline: 2px solid var(--dd-focus);
  outline-offset: 2px;
}

:is(#orderDetailModal, #sampleDetailModal) .dd-link {
  min-height: 0;
  padding: 0;
  border: 0;
  background: none;
  color: var(--dd-ink2);
  font: 500 13px/1.6 var(--font);
  text-decoration: underline;
  text-decoration-color: #a3a3a3;
  text-underline-offset: 4px;
  white-space: nowrap;
  cursor: pointer;
}

:is(#orderDetailModal, #sampleDetailModal) .dd-link:hover {
  color: var(--dd-ink);
  text-decoration-color: currentColor;
}

:is(#orderDetailModal, #sampleDetailModal) .dd-tag {
  display: inline-flex;
  align-items: center;
  height: 22px;
  padding: 0 8px;
  border-radius: 6px;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  white-space: nowrap;
}

:is(#orderDetailModal, #sampleDetailModal) .dd-tag.is-green { color: var(--dd-green); background: var(--dd-green-bg); }
:is(#orderDetailModal, #sampleDetailModal) .dd-tag.is-gray { color: var(--dd-gray); background: var(--dd-gray-bg); }
:is(#orderDetailModal, #sampleDetailModal) .dd-tag.is-red { color: var(--dd-red); background: var(--dd-red-bg); }

:is(#orderDetailModal, #sampleDetailModal) .dd-muted {
  color: var(--dd-weak);
  font-weight: 400;
}

:is(#orderDetailModal, #sampleDetailModal) .dd-empty {
  padding: 16px 0;
  color: var(--dd-weak);
  font-size: 14px;
  text-align: center;
}

:is(#orderDetailModal, #sampleDetailModal) .dd-card {
  border: 1px solid var(--dd-line);
  border-radius: 8px;
  background: transparent;
}

:is(#orderDetailModal, #sampleDetailModal) .dd-sec {
  margin-top: 26px;
}

:is(#orderDetailModal, #sampleDetailModal) .dd-sec-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

:is(#orderDetailModal, #sampleDetailModal) .dd-sec-head h3 {
  margin: 0;
  color: var(--dd-ink);
  font-size: 15px;
  font-weight: 700;
}

/* 订单：关键数字条 */
#orderDetailModal .dd-kpis {
  display: grid;
  grid-template-columns: 1.4fr repeat(4, minmax(0, 1fr));
}

#orderDetailModal .dd-kpi {
  display: grid;
  align-content: start;
  gap: 6px;
  min-width: 0;
  padding: 14px 18px;
}

#orderDetailModal .dd-kpi + .dd-kpi {
  border-left: 1px solid var(--dd-line);
}

#orderDetailModal .dd-kpi > span {
  color: var(--dd-muted);
  font-size: 12.5px;
}

#orderDetailModal .dd-kpi > b {
  color: var(--dd-ink);
  font-size: 17px;
  font-weight: 700;
  line-height: 24px;
}

#orderDetailModal .dd-kpi.is-main > b {
  color: var(--dd-amount);
  font-size: 24px;
  line-height: 28px;
}

#orderDetailModal .dd-kpi .dd-tag {
  justify-self: start;
}

/* 订单：商品明细 */
#orderDetailModal .dd-items {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}

#orderDetailModal .dd-items th {
  padding: 10px 16px;
  border-bottom: 1px solid var(--dd-line);
  color: var(--dd-muted);
  font-size: 12.5px;
  font-weight: 400;
  text-align: left;
  white-space: nowrap;
}

#orderDetailModal .dd-items td {
  padding: 12px 16px;
  border-bottom: 1px solid var(--dd-line);
  color: var(--dd-ink);
  vertical-align: middle;
}

#orderDetailModal .dd-items tr:last-child td {
  border-bottom: 0;
}

#orderDetailModal .dd-items .num {
  text-align: right;
  white-space: nowrap;
}

#orderDetailModal .dd-items .od-compact {
  display: none;
}

/* 全站表格规则（thead th 吸顶、浅色底、加粗、固定高度，td 居中）带 !important，这张小表提高一级收回 */
html body #orderDetailModal .dd-panel table.dd-items {
  table-layout: auto !important;
}

html body #orderDetailModal .dd-panel table.dd-items thead th {
  position: static !important;
  height: auto !important;
  padding: 10px 16px !important;
  background: transparent !important;
  color: var(--dd-muted) !important;
  font-weight: 400 !important;
  text-align: left !important;
}

html body #orderDetailModal .dd-panel table.dd-items thead th:first-child {
  width: 36%;
}

html body #orderDetailModal .dd-panel table.dd-items tbody td {
  height: auto !important;
  text-align: left !important;
}

html body #orderDetailModal .dd-panel table.dd-items :is(th, td).num {
  text-align: right !important;
}

#orderDetailModal .od-prod {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 10px;
  font-weight: 600;
}

/* 订单：信息卡（三列，标签在上，备注整行） */
#orderDetailModal .dd-fields {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px 28px;
  margin: 0;
  padding: 16px 18px 18px;
}

#orderDetailModal .dd-field {
  min-width: 0;
}

#orderDetailModal .dd-field dt {
  display: flex;
  align-items: center;
  gap: 7px;
  min-height: 22px;
  margin-bottom: 4px;
  color: var(--dd-muted);
  font-size: 13px;
}

#orderDetailModal .dd-field dd {
  margin: 0;
  color: var(--dd-ink);
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  overflow-wrap: anywhere;
}

#orderDetailModal .dd-field dd small {
  margin-left: 6px;
  color: var(--dd-fine);
  font-size: 12.5px;
  font-weight: 400;
}

#orderDetailModal .dd-field.is-full {
  grid-column: 1 / -1;
  margin: 0 -18px;
  padding: 14px 18px 0;
  border-top: 1px solid var(--dd-line);
}

#orderDetailModal .dd-field.is-full dd {
  color: var(--dd-body);
  font-weight: 400;
  line-height: 1.8;
  white-space: pre-wrap;
}

/* 订单：操作记录 */
#orderDetailModal .dd-logs {
  padding: 0 18px;
}

#orderDetailModal .dd-log {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr);
  gap: 16px;
  padding: 11px 0;
  border-bottom: 1px solid var(--dd-line);
  font-size: 14px;
  line-height: 1.7;
}

#orderDetailModal .dd-log:last-child {
  border-bottom: 0;
}

#orderDetailModal .dd-log time {
  color: var(--dd-fine);
}

#orderDetailModal .dd-log span {
  color: var(--dd-ink);
  overflow-wrap: anywhere;
}

/* 订单：点“修改”后隐藏商品明细与信息卡，原编辑表单换成同底细边框 */
#orderDetailModal #od-body.is-editing :is(.od-items-sec, .od-view) {
  display: none;
}

#orderDetailModal #od-edit-form {
  margin: 0;
  padding: 16px 18px 18px;
  border: 1px solid var(--dd-line) !important;
  border-radius: 8px !important;
  background: var(--dd-bg) !important;
  box-shadow: none !important;
}

#orderDetailModal .order-edit-banner {
  color: var(--dd-fine);
  font-size: 12.5px;
  font-weight: 400;
}

#orderDetailModal .order-edit-banner b {
  color: var(--dd-ink2);
  font-weight: 600;
}

#orderDetailModal .order-create-grid .o-row:has(#oef-co) {
  display: none !important;
}

#orderDetailModal :is(.order-create-grid .o-row, .order-create-note) {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#orderDetailModal .order-create-panel {
  padding: 14px 16px !important;
  border: 1px solid var(--dd-line) !important;
  border-radius: 8px !important;
  background: var(--dd-bg) !important;
  box-shadow: none !important;
}

#orderDetailModal .order-edit-form .o-label {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px !important;
  color: var(--dd-muted) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

#orderDetailModal .order-edit-form .o-label .cd-ic {
  width: 17px;
  height: 17px;
  flex-basis: 17px;
}

#orderDetailModal .order-edit-form .o-label span {
  color: var(--dd-fine) !important;
  font-size: 12px !important;
}

#orderDetailModal .order-edit-form .o-label i {
  color: #dc2626;
  font-style: normal;
}

#orderDetailModal .order-edit-form .o-input {
  min-height: 38px !important;
  padding: 7px 11px !important;
  border: 1px solid var(--dd-line) !important;
  border-radius: 8px !important;
  background: var(--dd-bg) !important;
  color: var(--dd-ink) !important;
  font-size: 14px !important;
  box-shadow: none !important;
}

#orderDetailModal .order-edit-form .o-input:hover {
  border-color: var(--dd-line-strong) !important;
}

#orderDetailModal .order-edit-form .o-input:focus {
  border-color: var(--dd-focus) !important;
  background: var(--dd-bg) !important;
  box-shadow: 0 0 0 3px var(--dd-ring) !important;
}

#orderDetailModal .order-edit-form .o-input::placeholder {
  color: var(--dd-weak);
}

#orderDetailModal :is(.order-create-panel-stat, .order-create-panel-stat strong, .order-create-item-head span) {
  color: var(--dd-ink) !important;
}

#orderDetailModal :is(.order-create-panel-stat.is-total strong, .o-input.order-create-item-total) {
  color: var(--dd-amount) !important;
}

#orderDetailModal :is(.order-create-panel-add, .order-create-item-remove, .order-create-cancel) {
  border: 1px solid var(--dd-line) !important;
  border-radius: 8px !important;
  background: var(--dd-bg) !important;
  color: var(--dd-ink2) !important;
  box-shadow: none !important;
  transform: none !important;
}

#orderDetailModal :is(.order-create-panel-add, .order-create-item-remove, .order-create-cancel):hover:not(:disabled) {
  border-color: var(--dd-line-strong) !important;
  background: var(--dd-hover) !important;
}

#orderDetailModal .order-create-actions {
  justify-content: flex-end;
}

#orderDetailModal :is(.order-create-cancel, .order-create-submit) {
  flex: none;
  min-width: 96px;
  height: 38px;
  padding: 0 20px;
  border-radius: 8px !important;
  font-size: 14px;
  font-weight: 600;
}

#orderDetailModal .order-create-submit {
  border: 1px solid var(--dd-btn) !important;
  background: var(--dd-btn) !important;
  color: var(--dd-btn-ink) !important;
  box-shadow: none !important;
  transform: none !important;
}

#orderDetailModal .order-create-submit:hover {
  border-color: var(--dd-btn-hover) !important;
  background: var(--dd-btn-hover) !important;
}

#orderDetailModal .order-create-note-count {
  color: var(--dd-weak);
}

/* 样品：每次寄样一张卡片 */
#sampleDetailModal .sd-ship + .sd-ship {
  margin-top: 14px;
}

#sampleDetailModal .sd-ship-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 14px;
  padding: 12px 18px;
  border-bottom: 1px solid var(--dd-line);
  font-size: 14px;
}

#sampleDetailModal .sd-seg {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--dd-ink);
  font-weight: 600;
}

#sampleDetailModal .sd-count {
  color: var(--dd-fine);
  font-size: 13px;
}

#sampleDetailModal .sd-ship-head .dd-btn {
  margin-left: auto;
}

#sampleDetailModal .sd-samples {
  margin: 0;
  padding: 4px 18px;
  list-style: none;
}

#sampleDetailModal .sd-sample {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid var(--dd-line);
}

#sampleDetailModal .sd-sample:last-child {
  border-bottom: 0;
}

#sampleDetailModal .sd-s-main b {
  display: block;
  color: var(--dd-ink);
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  overflow-wrap: anywhere;
}

#sampleDetailModal .sd-s-main span {
  color: var(--dd-fine);
  font-size: 13px;
}

#sampleDetailModal .sd-s-actions {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px 12px;
}

#sampleDetailModal .sd-note {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 12px 18px;
  border-top: 1px solid var(--dd-line);
  color: var(--dd-body);
  font-size: 14px;
  line-height: 1.7;
}

#sampleDetailModal .sd-note .cd-ic {
  margin-top: 2px;
}

/* 样品：点“修改”才展开编辑字段（字段 id 不变） */
#sampleDetailModal .sd-edit {
  display: none;
  padding: 16px 18px 18px;
}

#sampleDetailModal .sd-ship.is-editing .sd-edit {
  display: block;
}

#sampleDetailModal .sd-ship.is-editing :is(.sd-view, .sd-ship-head .dd-btn) {
  display: none;
}

#sampleDetailModal .sd-edit-item + .sd-edit-item,
#sampleDetailModal .sd-grid-shared {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px dashed var(--dd-line);
}

#sampleDetailModal .sd-edit-title {
  margin-bottom: 8px;
  color: var(--dd-muted);
  font-size: 12.5px;
  font-weight: 600;
}

#sampleDetailModal .sd-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px 14px;
}

#sampleDetailModal .sd-grid label {
  display: grid;
  gap: 6px;
  min-width: 0;
  margin: 0;
}

#sampleDetailModal .sd-grid label > span {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--dd-muted);
  font-size: 13px;
  font-weight: 400;
}

#sampleDetailModal .sd-grid label > span .cd-ic {
  width: 17px;
  height: 17px;
  flex-basis: 17px;
}

#sampleDetailModal .sd-grid .is-half {
  grid-column: span 2;
}

#sampleDetailModal .sd-grid .is-full {
  grid-column: 1 / -1;
}

#sampleDetailModal .sd-edit-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 16px;
}

#sampleDetailModal .dd-in {
  width: 100%;
  height: 38px;
  padding: 0 11px;
  border: 1px solid var(--dd-line);
  border-radius: 8px;
  background: var(--dd-bg);
  color: var(--dd-ink);
  font: 400 14px/1.5 var(--font);
  outline: none;
  box-shadow: none;
}

#sampleDetailModal textarea.dd-in {
  height: auto;
  min-height: 72px;
  padding: 8px 11px;
  line-height: 1.7;
  resize: vertical;
}

#sampleDetailModal .dd-in:hover {
  border-color: var(--dd-line-strong);
}

#sampleDetailModal .dd-in:focus {
  border-color: var(--dd-focus);
  box-shadow: 0 0 0 3px var(--dd-ring);
}

#sampleDetailModal .dd-in:disabled {
  opacity: .7;
  cursor: not-allowed;
}

/* 深色：全站深色输入框规则带 !important（#24262a 底），两个弹窗内提高一级收回主界面同色底 */
html.auth-has-session.theme-dark body.index-workspace-layout :is(#orderDetailModal, #sampleDetailModal) :is(.dd-in, .order-edit-form .o-input) {
  border-color: var(--dd-line) !important;
  background: var(--dd-bg) !important;
  color: var(--dd-ink) !important;
}

html.auth-has-session.theme-dark body.index-workspace-layout :is(#orderDetailModal, #sampleDetailModal) :is(.dd-in, .order-edit-form .o-input):focus {
  border-color: var(--dd-focus) !important;
}

/* 平板与手机：原有窄屏规则把订单编辑字段压成十二列中的一列，这里改为两列，提示、商品明细、备注与按钮整行 */
@media (max-width: 860px) {
  html body #orderDetailModal .order-edit-form {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body #orderDetailModal .order-edit-form > :is(.order-edit-banner, .order-create-panel, .order-create-note, .order-create-actions) {
    grid-column: 1 / -1 !important;
  }
}

/* 手机：原手机规则（index-management-mobile.css）按旧内联外壳写死头部网格与白底，这里提高一级改回 */
@media (max-width: 760px) {
  :is(#orderDetailModal, #sampleDetailModal) > .dd-panel {
    width: calc(100vw - 24px) !important;
    max-width: 640px !important;
    max-height: calc(100dvh - 24px) !important;
    border-radius: 12px !important;
  }

  :is(#orderDetailModal, #sampleDetailModal) .dd-panel > .dd-head {
    display: block !important;
    padding: 20px 16px 4px !important;
  }

  #orderDetailModal #od-title,
  #sampleDetailModal #sd-title {
    font-size: 18px !important;
    line-height: 28px;
  }

  #orderDetailModal #od-subtitle,
  #sampleDetailModal #sd-subtitle {
    color: var(--dd-ink2) !important;
  }

  :is(#orderDetailModal, #sampleDetailModal) .dd-meta-item + .dd-meta-item::before {
    content: none;
  }

  :is(#orderDetailModal, #sampleDetailModal) .dd-btn {
    font-size: 13px !important;
  }

  :is(#orderDetailModal, #sampleDetailModal) .dd-link {
    min-height: 0;
    font-size: 13px !important;
  }

  #orderDetailModal .dd-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #orderDetailModal .dd-kpi.is-main {
    grid-column: 1 / -1;
  }

  #orderDetailModal .dd-kpi + .dd-kpi {
    border-top: 1px solid var(--dd-line);
    border-left: 0;
  }

  #orderDetailModal .dd-kpi:nth-child(odd):not(.is-main) {
    border-left: 1px solid var(--dd-line);
  }

  #orderDetailModal .dd-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #orderDetailModal .dd-items thead {
    display: none;
  }

  #orderDetailModal :is(.dd-items, .dd-items tbody) {
    display: block;
  }

  #orderDetailModal .dd-items tr {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 2px 10px;
    padding: 10px 14px;
    border-bottom: 1px solid var(--dd-line);
  }

  #orderDetailModal .dd-items tr:last-child {
    border-bottom: 0;
  }

  #orderDetailModal .dd-items td {
    display: none;
    padding: 0;
    border: 0;
  }

  #orderDetailModal .dd-items td:first-child {
    display: block;
    grid-column: 1;
    grid-row: 1;
  }

  #orderDetailModal .dd-items td:last-child {
    display: block;
    grid-column: 2;
    grid-row: 1;
    font-weight: 600;
  }

  #orderDetailModal .dd-items td.od-compact {
    display: block;
    grid-column: 1 / -1;
    grid-row: 2;
    color: var(--dd-fine);
    font-size: 13px;
  }

  #orderDetailModal .dd-log {
    grid-template-columns: minmax(0, 1fr);
    gap: 2px;
  }

  html body #orderDetailModal #od-edit-form,
  html body #orderDetailModal .order-create-panel {
    padding: 14px !important;
    border-radius: 8px !important;
    background: var(--dd-bg) !important;
  }

  #sampleDetailModal .sd-sample {
    grid-template-columns: 20px minmax(0, 1fr) auto;
  }

  #sampleDetailModal .sd-s-actions {
    grid-column: 2 / -1;
    justify-content: flex-start;
  }

  #sampleDetailModal #sd-body .sd-edit {
    padding: 14px 16px 16px !important;
    background: transparent !important;
  }

  #sampleDetailModal #sd-body .sd-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #sampleDetailModal #sd-body .sd-grid .is-half {
    grid-column: 1 / -1;
  }
}

/* 最后修改：2026-10-06 11:12:20（北京时间）— 用户确认公海无竖线表格、彩色分数黑字、最新分享加大；保留原字号，未改评分规则。 */
@media(min-width:761px){
html.auth-has-session.ocean-table-refined {--ocean-refined-line:#e2dfd8;--ocean-refined-ink:#514e46;--ocean-refined-muted:#858176;--ocean-refined-hover:#eae8e2}
html.auth-has-session.ocean-table-refined.theme-dark {--ocean-refined-line:#373735;--ocean-refined-ink:#dedbd3;--ocean-refined-muted:#b0aba1;--ocean-refined-hover:#30302d}
html.auth-has-session.ocean-table-refined body.index-workspace-layout #table-area:has(#tbl-ocean:not([style*="display: none"])){border-radius:0!important;box-shadow:none!important}
html.auth-has-session.ocean-table-refined body.index-workspace-layout #tbl-ocean {border-radius:0!important;overflow:visible!important}
html.auth-has-session.ocean-table-refined body.index-workspace-layout #tbl-ocean :is(thead th,tbody td):not([colspan]){border-right:0!important;border-left:0!important;border-bottom:1px solid var(--ocean-refined-line)!important;text-align:center!important;padding-left:10px!important;padding-right:10px!important}
html.auth-has-session.ocean-table-refined body.index-workspace-layout #tbl-ocean :is(thead th,tbody td):last-child{border-right:0!important}
html.auth-has-session.ocean-table-refined body.index-workspace-layout #tbl-ocean thead th{background:var(--index-layout-bg)!important;height:39px!important}
html.auth-has-session.ocean-table-refined body.index-workspace-layout #tbl-ocean tbody tr{--cw-row-bg:var(--index-layout-bg)!important;animation:none!important}
html.auth-has-session.ocean-table-refined body.index-workspace-layout #tbl-ocean tbody tr:hover,html.auth-has-session.ocean-table-refined body.index-workspace-layout #tbl-ocean tbody tr.table-row-hover-active{--cw-row-bg:var(--table-row-hover-bg,var(--ocean-refined-hover))!important}
html.auth-has-session.ocean-table-refined body.index-workspace-layout #tbl-ocean tbody td{height:56px!important}
html.auth-has-session.ocean-table-refined body.index-workspace-layout #tbl-ocean :is(thead th,tbody td):nth-child(2){text-align:left!important}
html.auth-has-session.ocean-table-refined body.index-workspace-layout #tbl-ocean thead th:nth-child(2){padding-left:44px!important}
html.auth-has-session.ocean-table-refined body.index-workspace-layout #tbl-ocean .co-cell{gap:8px!important}
html.auth-has-session.ocean-table-refined body.index-workspace-layout #tbl-ocean .co-cell > div:last-child{max-width:calc(100% - 34px)!important}
html.auth-has-session.ocean-table-refined body.index-workspace-layout #tbl-ocean td:nth-child(10) > div{justify-content:center!important}
html.auth-has-session.ocean-table-refined body.index-workspace-layout #tbl-ocean :is(.act-view.ocean-btn,.act-plus.ocean-btn){border-radius:4px!important;background:transparent!important;height:28px!important;min-height:28px!important;line-height:26px!important}
html.auth-has-session.ocean-table-refined body.index-workspace-layout #tbl-ocean .ocean-favorite-btn svg{width:20px!important;height:20px!important}
html.auth-has-session.ocean-table-refined body.index-workspace-layout #tbl-ocean .ocean-time-fresh{font-size:15px!important;font-weight:600!important;gap:4px!important}
}

/* 分享按钮两端统一黑底，悬停紫色；沿用原尺寸与点击逻辑。 */
html.auth-has-session body.index-workspace-layout .topbar #btn-share { background:#000!important; }
@media (hover:hover) { html.auth-has-session body.index-workspace-layout .topbar #btn-share:hover { background:#7808d0!important; } }

/* 最后修改：2026-10-06 11:28:18（北京时间）— 所有公海评分组件共用浅色等宽样式；客户详情、我的录入、匹配结果同步。 */
html.auth-has-session.ocean-table-refined body.index-workspace-layout .quality-ticket-score{--score-fill:#86dca5;--tag-bg:#e6e4dd;width:81px!important;min-width:81px!important;height:25px!important;border-radius:0!important;gap:5px!important;background:transparent!important;overflow:visible!important;align-items:center!important;justify-content:flex-start!important}
html.auth-has-session.ocean-table-refined body.index-workspace-layout .quality-ticket-score[style*="#22c55e"]{--tag-bg:#e0e8df;--score-fill:#86dca5;}
html.auth-has-session.ocean-table-refined body.index-workspace-layout .quality-ticket-score[style*="#3b82f6"]{--tag-bg:#e0e7ea;--score-fill:#92baff;}
html.auth-has-session.ocean-table-refined body.index-workspace-layout .quality-ticket-score[style*="#7c3aed"]{--tag-bg:#e7e1eb;--score-fill:#bea3ef;}
html.auth-has-session.ocean-table-refined body.index-workspace-layout .quality-ticket-score[style*="#ef4444"]{--tag-bg:#eee1db;--score-fill:#f8a6a6;}
html.auth-has-session.ocean-table-refined body.index-workspace-layout .quality-ticket-num{box-sizing:border-box!important;color:#111!important;width:30px!important;min-width:30px!important;flex:0 0 30px!important;height:25px!important;border-radius:4px!important;background:var(--score-fill)!important;line-height:25px!important}
html.auth-has-session.ocean-table-refined body.index-workspace-layout .quality-ticket-copy{box-sizing:border-box!important;width:46px!important;min-width:46px!important;flex:0 0 46px!important;justify-content:center!important;padding:0 4px!important;background:var(--tag-bg)!important;border-radius:3px!important;height:25px!important}
html.auth-has-session.ocean-table-refined body.index-workspace-layout .quality-ticket-neutral{--score-fill:#86dca5;--tag-bg:#e0e8df}
html.auth-has-session.ocean-table-refined body.index-workspace-layout .quality-ticket-label{color:#111!important}

/* 隐藏列表趋势；等级移至第三列后，趋势对应第十列。 */
html.ocean-table-refined #tbl-mine :is(col.c-trend,thead th:nth-child(10),tbody td:nth-child(10)){display:none!important}
@media(max-width:760px){html.ocean-table-refined body.index-workspace-layout.cm-mobile #tb-mine>tr[data-cid]>td:nth-child(9){padding-bottom:0!important}}

/* 最后修改：2026-10-06 11:28:18（北京时间）— 跟进评分直接可见，整个区域仍可触控打开明细。 */
html.auth-has-session body.index-workspace-layout #foDetailPanel.cd-fo .cd-fo-quality{display:inline-flex;align-items:center;justify-content:flex-start;min-height:32px;height:auto;padding:0;border:0;border-radius:4px;background:transparent;color:inherit;cursor:pointer;font:inherit;text-align:left}
html.auth-has-session body.index-workspace-layout #foDetailPanel.cd-fo .cd-fo-quality:focus-visible{outline:2px solid #7c3aed;outline-offset:3px}
@media(max-width:760px){html.auth-has-session body.index-workspace-layout #foDetailPanel.cd-fo .cd-fo-quality{min-height:44px}}

/* 2026-10-06 14:18:50（北京时间）— 手机保护标签底色不受通用按钮规则覆盖。 */
/* 2026-10-06 14:16:12（北京时间）— 已确认的我的客户等级、保护标签与独立列宽；不改公海。 */
html body.index-workspace-layout :is(.customer-level-select-shell,.customer-level-pill){background:#e2e3df!important;border:1px solid #cbcdc6!important;color:#000!important;box-shadow:none!important;min-width:79px;height:23px;border-radius:999px}
html body.index-workspace-layout :is(.customer-level-select-shell,.customer-level-pill).customer-level-s{color:#000!important;background:#eeafbf!important;border-color:#db91a4!important}
html body.index-workspace-layout :is(.customer-level-select-shell,.customer-level-pill).customer-level-a{color:#000!important;background:#b9d994!important;border-color:#98be70!important}
html body.index-workspace-layout :is(.customer-level-select-shell,.customer-level-pill).customer-level-b{color:#000!important;background:#adcaf2!important;border-color:#89afe0!important}
html body.index-workspace-layout :is(.customer-level-select-shell,.customer-level-pill).customer-level-c{color:#000!important;background:#edcd89!important;border-color:#d6b26c!important}
html body.index-workspace-layout .customer-level-select-label{font-size:12px!important;font-weight:500!important;line-height:21px!important;color:inherit!important;padding:0 19px 0 9px}
html body.index-workspace-layout .customer-level-select-shell:after{border-width:1px;width:4px;height:4px;opacity:.6;right:8px}
html body.index-workspace-layout .customer-level-pill{font-size:12px!important;font-weight:500!important;line-height:21px!important;padding:0 9px;vertical-align:middle}
html.auth-has-session.ocean-table-refined body.index-workspace-layout #tbl-mine col.c-level{width:108px!important}
/* 2026-10-06 14:58:00（北京时间）— 公司列宽屏250→300px（+20%），外层仅增加50px，其他列宽屏尺寸与居中留白保留。 */
/* 2026-10-06 14:44:12（北京时间）— 已确认：我的客户独立容器宽度、比例列宽与统一留白。 */
@media(min-width:761px){
html.auth-has-session.ocean-table-refined body.index-workspace-layout #table-area:has(#tbl-mine:not([style*="display: none"])) > .inner{width:calc(100% - 80px)!important;max-width:1530px!important;margin-left:auto!important;margin-right:auto!important}
html.auth-has-session.ocean-table-refined body.index-workspace-layout #appWrap:has(#tbl-mine:not([style*="display: none"])) #table-pager > .inner{width:calc(100% - 80px)!important;max-width:1530px!important;margin-left:auto!important;margin-right:auto!important}
/* 2026-10-06 14:48:08（北京时间）— 我的客户有限宽居中，两侧至少40px留白，公海不变。 */
html.auth-has-session.ocean-table-refined body.index-workspace-layout #appWrap:has(#tbl-mine:not([style*="display: none"])) .filterbar > .inner{width:calc(100% - 80px)!important;max-width:1530px!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important}
html.auth-has-session.ocean-table-refined body.index-workspace-layout #tbl-mine{width:100%!important;min-width:1350px!important;table-layout:fixed!important}
html.auth-has-session.ocean-table-refined body.index-workspace-layout #tbl-mine col.c-seq{width:3.22432324%!important}
html.auth-has-session.ocean-table-refined body.index-workspace-layout #tbl-mine col.c-co{width:19.68503937%!important}
html.auth-has-session.ocean-table-refined body.index-workspace-layout #tbl-mine col.c-level{width:7.18144721%!important}
html.auth-has-session.ocean-table-refined body.index-workspace-layout #tbl-mine col.c-ind{width:7.32800736%!important}
html.auth-has-session.ocean-table-refined body.index-workspace-layout #tbl-mine col.c-contact{width:4.54336457%!important}
html.auth-has-session.ocean-table-refined body.index-workspace-layout #tbl-mine col.c-pos{width:4.83648485%!important}
html.auth-has-session.ocean-table-refined body.index-workspace-layout #tbl-mine col.c-phone{width:7.91424794%!important}
html.auth-has-session.ocean-table-refined body.index-workspace-layout #tbl-mine col.c-wechat{width:7.62112765%!important}
html.auth-has-session.ocean-table-refined body.index-workspace-layout #tbl-mine col.c-q{width:6.88832692%!important}
html.auth-has-session.ocean-table-refined body.index-workspace-layout #tbl-mine col.c-date{width:11.57825162%!important}
html.auth-has-session.ocean-table-refined body.index-workspace-layout #tbl-mine col.c-src{width:6.00896603%!important}
html.auth-has-session.ocean-table-refined body.index-workspace-layout #tbl-mine col.c-feedback{width:6.59520662%!important}
html.auth-has-session.ocean-table-refined body.index-workspace-layout #tbl-mine col.c-add{width:6.59520662%!important}
html.auth-has-session.ocean-table-refined body.index-workspace-layout #tbl-mine :is(thead th,tbody td):not([colspan]){padding-left:8px!important;padding-right:8px!important;text-align:center!important}
html.auth-has-session.ocean-table-refined body.index-workspace-layout #tbl-mine :is(thead th,tbody td):nth-child(2){text-align:left!important}
/* 常用窄桌面统一收紧非公司列内边距，避免评分标签裁切；不改字号或手机卡片。 */
@media(max-width:1800px){html.auth-has-session.ocean-table-refined body.index-workspace-layout #tbl-mine :is(thead th,tbody td):not([colspan]):not(:nth-child(2)){padding-left:6px!important;padding-right:6px!important}}
}
html body.index-workspace-layout #tbl-mine .co-meta-line{display:flex!important;align-items:center;gap:7px;flex-wrap:wrap;margin-top:3px}
html.auth-has-session body.index-workspace-layout #tbl-mine .co-cell .customer-protection-status[data-protection-view="mine"]{display:inline-flex;align-items:center;gap:4px;margin:0;padding:1px 6px!important;min-height:19px;line-height:16px;font-size:10px;font-weight:500;color:#56665c!important;background:#e5ebe4!important;border:1px solid #d3ddd2!important;border-radius:4px;white-space:nowrap}
html.auth-has-session body.index-workspace-layout #tbl-mine .co-cell .customer-protection-status[data-protection-view="mine"]:before{content:'';width:5px;height:5px;background:currentColor;border-radius:50%;opacity:.7}
html.auth-has-session body.index-workspace-layout #tbl-mine .co-cell .customer-protection-status.expiring{color:#805d23!important;background:#f4ead5!important;border-color:#dfcc9c!important}
html.auth-has-session body.index-workspace-layout #tbl-mine .co-cell .customer-protection-status.expired{color:#875552!important;background:#f0e3e1!important;border-color:#decbc7!important}
html.auth-has-session body.index-workspace-layout #tbl-mine .co-cell .customer-protection-status:is(.unknown,.shared){color:#666!important;background:#e9e9e6!important;border-color:#d7d7d2!important}
@media(max-width:760px){
 html.auth-has-session body.index-workspace-layout.cm-mobile #tbl-mine .customer-level-select-shell{height:44px;min-width:108px}
 html.auth-has-session body.index-workspace-layout.cm-mobile #tbl-mine .customer-level-select-label{font-size:14px!important;line-height:42px!important}
 html.auth-has-session body.index-workspace-layout.cm-mobile #tbl-mine .customer-protection-status[data-protection-view="mine"]{font-size:12px;min-height:28px;line-height:22px;padding:2px 6px!important}
}

/* 最后修改：2026-10-06 14:21:03（北京时间）— 我的客户保护标签优先于手机通用公司按钮样式。 */

/* 账号设置整块居中，内容保留原有字段对齐。 */
#page-settings .acc-center-shell {
  min-height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding: 32px 24px;
}
html.auth-has-session body.index-workspace-layout #page-settings .settings-wrap.acc-page {
  box-sizing: border-box;
  width: 100% !important;
  max-width: 820px !important;
  margin: auto !important;
  flex-shrink: 0;
  padding: 30px 32px !important;
  border: 1px solid var(--acc-line);
  border-radius: 12px;
  background: var(--acc-bg);
}
@media (max-width: 760px) {
  #page-settings .acc-center-shell { padding: 68px 12px 24px; }
  html.auth-has-session body.index-workspace-layout #page-settings .settings-wrap.acc-page {
    padding: 22px 16px !important;
    border-radius: 10px;
  }
  #page-settings .acc-page-title {
    min-height: 0;
    margin: 0 0 22px;
    padding-left: 0;
  }
}