/* peter-experience-pilot-v1 / erp-design-foundation-rollout-all-v1:
 * Peter 全界面试验仍按身份隔离；已确认的基础视觉与组件尺寸已推送全部已登录账号。
 * 只统一屏幕界面，不改业务结构、权限、数据、打印纸和邮件正文输出。
 */

body.peter-experience-pilot,
body.peter-followup-ledger-pilot,
body.peter-drawer-header-pilot {
  --px-bg: #F6F6F8;
  --px-surface: #FFFFFF;
  --px-surface-soft: #F1F1F4;
  --px-surface-hover: #F7F9FC;
  --px-line: rgba(60, 60, 67, 0.14);
  --px-line-strong: rgba(60, 60, 67, 0.22);
  --px-text: #1D1D1F;
  --px-text-soft: #424248;
  --px-text-mute: #6B6B6E;
  --px-blue: #007AFF;
  --px-blue-hover: #006EE6;
  --px-blue-soft: #EAF3FF;
  --px-danger: #D70015;
  --px-radius-control: 9px;
  --px-radius-panel: 12px;
  --px-radius-dialog: 16px;
  --px-shadow-panel: 0 1px 2px rgba(15, 23, 42, 0.035);
  --px-shadow-float: 0 18px 48px rgba(15, 23, 42, 0.13), 0 2px 8px rgba(15, 23, 42, 0.055);
  --px-ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --px-ease-move: cubic-bezier(0.77, 0, 0.175, 1);
}

/* peter-timeline-fabric-controls-v1:
 * Peter 款式抽屉：流水摘要真正垂直居中；面料管理与状态控件在桌面端降为紧凑 ERP 尺寸。
 * 手机继续沿用共享 40px 触控高度；不改按钮事件、权限、状态或数据。
 */
html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2 .style-timeline-section > summary {
  align-items: center !important;
}

html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2 .style-timeline-section > summary::before,
html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2 .style-timeline-section > summary .stl-title-main,
html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2 .style-timeline-section > summary .stl-summary-meta {
  line-height: 1.35;
}

@media (min-width: 701px) {
  html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
    #drawer.style-detail-drawer-v2 .fabric-info-block .spec-block-h,
  html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
    #drawer.style-detail-drawer-v2 .fabric-info-block .right-controls {
    align-items: center !important;
  }

  html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
    #drawer.style-detail-drawer-v2 .fabric-info-block .right-controls {
    gap: 8px !important;
  }

  html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
    #drawer.style-detail-drawer-v2 .fabric-info-block .fabric-split-enable-btn {
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 11px !important;
    border-color: var(--pfd-line-strong, #D2D2D7) !important;
    border-radius: 9px !important;
    background: var(--pfd-surface, #FFFFFF) !important;
    color: var(--apple-blue, #007AFF) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    box-shadow: none !important;
  }

  html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
    #drawer.style-detail-drawer-v2 .fabric-info-block .fabric-split-enable-btn.is-manage {
    font-size: 0 !important;
  }

  html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
    #drawer.style-detail-drawer-v2 .fabric-info-block .fabric-split-enable-btn.is-manage::after {
    content: '按颜色管理';
    font-size: 12px;
    line-height: 1;
  }

  html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
    #drawer.style-detail-drawer-v2 .fabric-info-block .fabric-split-enable-btn:hover {
    border-color: #AFCBFA !important;
    background: #F5F9FF !important;
  }

  html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
    #drawer.style-detail-drawer-v2 .fabric-info-block .seg-chip {
    height: 36px !important;
    min-height: 36px !important;
    padding: 3px !important;
    border-radius: 11px !important;
    box-shadow: none !important;
  }

  html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
    #drawer.style-detail-drawer-v2 .fabric-info-block .seg-chip-btn {
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 12px !important;
    border-radius: 8px !important;
    font-size: 12px !important;
    line-height: 1 !important;
  }
}
/* peter-timeline-fabric-controls-v1:end */

/* peter-size-sheet-technical-group-v1:
 * Peter 款式抽屉只把相邻的洗水唛与尺寸表合成一个技术资料组。
 * 保留两个原节点和全部事件；尺寸表上传行去掉二次圆角外框。
 */
html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1
  .wash-label-section:has(+ .size-sheet-section) {
  margin-bottom: 0 !important;
  border-bottom: 0 !important;
  border-radius: var(--prc-card-radius) var(--prc-card-radius) 0 0 !important;
  box-shadow: none !important;
}

html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1
  .wash-label-section + .size-sheet-section {
  margin-top: 0 !important;
  border-radius: 0 0 var(--prc-card-radius) var(--prc-card-radius) !important;
  box-shadow: none !important;
}

html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1
  :is(.wash-label-section, .size-sheet-section).peter-drawer-empty-compact {
  display: block !important;
}

html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1
  .size-sheet-section .ss-category-summary {
  display: none !important;
}

html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1
  .wash-label-section .wl-add-row,
html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1
  .size-sheet-section .ss-add-row {
  position: static !important;
  width: 100% !important;
  height: auto !important;
  min-height: 44px !important;
  box-sizing: border-box;
  margin: 0 !important;
  padding: 10px 14px !important;
  border: 0 !important;
  border-top: 1px solid var(--prc-line) !important;
  border-radius: 0 !important;
  background: transparent;
  box-shadow: none;
  color: var(--prc-primary);
}

html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1
  .wash-label-section .wl-add-row:hover,
html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1
  .size-sheet-section .ss-add-row:hover {
  background: var(--prc-soft);
}

body.peter-reference-components-pilot-v1 .ss-modal-card .peter-reference-ui-icon-legacy {
  display: none;
}

body.peter-reference-components-pilot-v1 .ss-modal-card .peter-reference-ui-icon-svg {
  display: inline-block !important;
  width: 16px;
  height: 16px;
  margin-right: 6px;
  vertical-align: -3px;
  color: currentColor;
}

@container peter-drawer (max-width: 520px) {
  html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
    #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1
    .wash-label-section:has(+ .size-sheet-section) {
    border-radius: 12px 12px 0 0 !important;
  }

  html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
    #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1
    .wash-label-section + .size-sheet-section {
    border-radius: 0 0 12px 12px !important;
  }
}
/* peter-size-sheet-technical-group-v1:end */

/* peter-purchase-paint-success-border-v1:
 * Safari 在 Peter 桌面采购固定滚动区内会把 content-visibility:auto 卡片绘制成白色块。
 * 只关闭该账号该列表的离屏虚拟绘制；其他账号和其他列表继续保留原性能优化。
 */
@media (min-width: 901px) {
  html body.peter-topbar-trial.today-tab-active main#main .pv2-grp .today-card {
    content-visibility: visible;
    contain-intrinsic-size: none;
  }
}
/* peter-purchase-paint-success-border-v1:end */

/* peter-followup-paint-tile-fix-v2:
 * 跟单工作台改为独立固定滚动区后，普通 .today-section 卡片也会触发同一 Safari 白色绘制块。
 * 只关闭 Peter 桌面跟单卡的离屏虚拟绘制；采购旧保护、其他账号和其他列表保持不变。
 */
@media (min-width: 901px) {
  html body.peter-experience-pilot.peter-followup-figma-pilot.gc-admin-shell-pilot.today-followup-sub-active main#main .today-scroll-region .today-card {
    content-visibility: visible !important;
    contain-intrinsic-size: none !important;
  }
}
/* peter-followup-paint-tile-fix-v2:end */

/* peter-reference-components-pilot-v1:
 * 用户提供的浅色组件参考只在 Peter 款式详情抽屉试用。
 * 统一卡片、控件、标签和照片容器的尺寸语言；不改业务显隐、按钮事件、数据、打印或其他账号。
 */
body.peter-reference-components-pilot-v1 {
  --prc-canvas: var(--bg, #F5F5F7);
  --prc-card: var(--bg-elevated, #FFFFFF);
  --prc-soft: var(--bg-sunken, #F2F2F4);
  --prc-hover: var(--bg-hover, #ECECF0);
  --prc-line: var(--line, #E5E5EA);
  --prc-line-strong: var(--line-strong, #D1D1D6);
  --prc-text: var(--ink, #1D1D1F);
  --prc-muted: var(--ink-mute, #6B6B6E);
  --prc-primary: var(--apple-blue, #007AFF);
  --prc-control-radius: 10px;
  --prc-card-radius: 14px;
  --prc-panel-radius: 16px;
  --prc-card-shadow: 0 1px 2px rgba(15, 23, 42, 0.035), 0 8px 24px rgba(15, 23, 42, 0.035);
}

body.peter-reference-components-pilot-v1 #drawer.style-detail-drawer-v2 {
  background: var(--prc-canvas);
  color: var(--prc-text);
}

body.peter-reference-components-pilot-v1 #drawer.style-detail-drawer-v2 .drawer-header.drawer-header-v2 {
  padding: 18px 20px 16px;
  border-bottom: 1px solid var(--prc-line);
  background: var(--prc-card);
}

body.peter-reference-components-pilot-v1 #drawer.style-detail-drawer-v2 .drawer-header .sku-text {
  font-size: 22px;
  line-height: 1.2;
  letter-spacing: 0;
}

body.peter-reference-components-pilot-v1 #drawer.style-detail-drawer-v2 .drawer-body {
  padding: 16px 18px 24px;
  background: var(--prc-canvas);
}

body.peter-reference-components-pilot-v1 #drawer.style-detail-drawer-v2 .drawer-status-actions {
  position: sticky;
  top: 0;
  z-index: 12;
  margin: 0 0 14px;
  padding: 14px;
  border: 1px solid var(--prc-line);
  border-radius: var(--prc-card-radius);
  background: var(--prc-card);
  box-shadow: var(--prc-card-shadow);
}

/* peter-reference-fixed-status-v1: 状态卡已被移到 .drawer-body 之外，作为真正的非滚动顶部栏。 */
body.peter-reference-components-pilot-v1 #drawer.style-detail-drawer-v2
  > .drawer-status-actions.peter-reference-fixed-status-v1 {
  position: relative;
  top: auto;
  z-index: 12;
  flex: 0 0 auto;
  align-self: stretch;
  margin: 14px 18px 0;
}

body.peter-reference-components-pilot-v1 #drawer.style-detail-drawer-v2 :is(
  .detail-top-section,
  .style-timeline-section,
  .style-development-documents,
  .spec-block,
  .wash-label-section,
  .size-sheet-section,
  .qf-section,
  .notes-section,
  .style-gallery-collapsible,
  .add-po-cta,
  .po-card,
  .deleted-po-card
) {
  margin: 0 0 14px;
  border: 1px solid var(--prc-line);
  border-radius: var(--prc-card-radius);
  background: var(--prc-card);
  box-shadow: var(--prc-card-shadow);
}

body.peter-reference-components-pilot-v1 #drawer.style-detail-drawer-v2 .detail-top-section {
  padding: 16px;
}

body.peter-reference-components-pilot-v1 #drawer.style-detail-drawer-v2 .detail-top-section .photo-gallery {
  margin: 0;
}

body.peter-reference-components-pilot-v1 #drawer.style-detail-drawer-v2 :is(
  .spec-block-h,
  .section-head,
  .development-documents-header,
  .qf-head,
  .style-gallery-summary,
  .style-timeline-section > summary
) {
  min-height: 52px;
  box-sizing: border-box;
  padding: 10px 16px;
  border-bottom-color: var(--prc-line);
  background: var(--prc-card);
}

body.peter-reference-components-pilot-v1 #drawer.style-detail-drawer-v2 :is(
  .style-timeline-section > summary,
  .style-gallery-summary
):hover {
  background: var(--prc-soft);
}

body.peter-reference-components-pilot-v1 #drawer.style-detail-drawer-v2 :is(
  .development-document-row,
  .po-row,
  .wl-row,
  .ss-row,
  .style-gallery-group
) {
  border-radius: var(--prc-control-radius);
}

body.peter-reference-components-pilot-v1 #drawer.style-detail-drawer-v2 :is(
  input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
  select
) {
  min-height: 40px;
  box-sizing: border-box;
  padding: 0 12px;
  border: 1px solid transparent;
  border-radius: var(--prc-control-radius);
  background: var(--prc-soft);
  color: var(--prc-text);
  box-shadow: none;
}

body.peter-reference-components-pilot-v1 #drawer.style-detail-drawer-v2 textarea {
  min-height: 96px;
  box-sizing: border-box;
  padding: 10px 12px;
  border: 1px solid transparent;
  border-radius: var(--prc-control-radius);
  background: var(--prc-soft);
  color: var(--prc-text);
  box-shadow: none;
}

body.peter-reference-components-pilot-v1 #drawer.style-detail-drawer-v2 :is(
  input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
  select,
  textarea
):focus-visible {
  border-color: var(--prc-primary);
  box-shadow: 0 0 0 3px rgba(0, 122, 255, 0.14);
}

body.peter-reference-components-pilot-v1 #drawer.style-detail-drawer-v2 button:not(.photo-del-btn) {
  border-radius: var(--prc-control-radius);
}

body.peter-reference-components-pilot-v1 #drawer.style-detail-drawer-v2 :is(
  .drawer-header-tools button,
  .drawer-quick-actions > button,
  .peter-style-drawer-more > summary,
  .btn-icon-small,
  .add-po-cta button
) {
  min-height: 32px;
  box-sizing: border-box;
  padding-top: 0;
  padding-bottom: 0;
}

body.peter-reference-components-pilot-v1 #drawer.style-detail-drawer-v2 :is(
  .drawer-header-tools button,
  .btn-icon-small:not(.btn-photo-add),
  .add-po-smart-btn
) {
  border: 1px solid var(--prc-line);
  background: var(--prc-card);
  color: var(--prc-text);
  box-shadow: none;
}

body.peter-reference-components-pilot-v1 #drawer.style-detail-drawer-v2 :is(
  .drawer-header-tools button,
  .btn-icon-small:not(.btn-photo-add),
  .add-po-smart-btn
):hover {
  border-color: var(--prc-line-strong);
  background: var(--prc-soft);
}

body.peter-reference-components-pilot-v1 #drawer.style-detail-drawer-v2 :is(
  .drawer-quick-actions > button.primary,
  .btn-photo-add,
  .add-po-manual-btn
) {
  border-color: var(--prc-primary);
  background: var(--prc-primary);
  color: #FFFFFF;
  box-shadow: none;
}

/* peter-reference-svg-icons-v1:
 * Peter 款式详情把系统 Emoji 换成统一 18px 线性 SVG。
 * 原字符仍保留在 DOM 中给其他账号使用；这里只在 Peter 身份灰度内切换显示，不改文字、事件或状态颜色。
 */
body.peter-reference-components-pilot-v1 #drawer.style-detail-drawer-v2 .peter-reference-ui-icon-legacy {
  display: none;
}

body.peter-reference-components-pilot-v1 #drawer.style-detail-drawer-v2 .peter-reference-ui-icon-svg {
  display: inline-block !important;
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  margin-right: 5px;
  vertical-align: -3px;
  color: currentColor;
}

body.peter-reference-components-pilot-v1 #drawer.style-detail-drawer-v2 .drawer-status-actions button .peter-reference-ui-icon-svg {
  width: 18px;
  height: 18px;
  flex-basis: 18px;
  margin-right: 6px;
}

body.peter-reference-components-pilot-v1 #drawer.style-detail-drawer-v2 .photo-gallery-title .peter-reference-ui-icon-svg {
  width: 18px;
  height: 18px;
  margin-right: 0;
  vertical-align: -4px;
}
/* peter-reference-svg-icons-v1:end */

body.peter-reference-components-pilot-v1 #drawer.style-detail-drawer-v2 :is(
  .drawer-status-chip,
  .drawer-status-chip-size,
  .drawer-status-chip-color,
  .drawer-status-chip-empty,
  .drawer-stage-chip,
  .count-badge,
  [class*="-tag"],
  [class*="-chip"]:not(.gc-chip-swatch)
) {
  min-height: 28px;
  box-sizing: border-box;
  padding: 4px 10px;
  border-radius: 999px;
  align-items: center;
}

body.peter-reference-components-pilot-v1 #drawer.style-detail-drawer-v2
  .drawer-status-chip-color .gc-chip-swatch {
  width: 10px;
  min-width: 10px;
  height: 10px;
  min-height: 10px;
  padding: 0;
  margin: 0 6px 0 0;
  border-radius: 3px;
}

body.peter-reference-components-pilot-v1 #drawer.style-detail-drawer-v2 .photo-gallery-header {
  min-height: 32px;
}

body.peter-reference-components-pilot-v1 #drawer.style-detail-drawer-v2 .photo-gallery-list {
  gap: 10px;
  padding: 8px 2px 4px;
}

body.peter-reference-components-pilot-v1 #drawer.style-detail-drawer-v2 :is(
  .photo-img,
  .photo-add-tile
) {
  border-radius: var(--prc-control-radius);
}

body.peter-reference-components-pilot-v1 #drawer.style-detail-drawer-v2 .photo-add-tile {
  border-color: var(--prc-line-strong);
  background: var(--prc-soft);
}

body.peter-reference-components-pilot-v1 #drawer.style-detail-drawer-v2 .photo-add-tile:hover {
  border-color: var(--prc-primary);
  background: var(--prc-card);
  color: var(--prc-primary);
}

/* Peter 阅读态与编辑态保持同一图片比例；长评语截图在右侧局部滚动。 */
body.peter-reference-components-pilot-v1 #drawer.style-detail-drawer-v2
  .client-req-gallery-thumb.is-archive {
  height: auto;
  min-height: 220px;
  max-height: none;
  aspect-ratio: auto;
  align-items: flex-start;
}

body.peter-reference-components-pilot-v1 #drawer.style-detail-drawer-v2
  .client-req-gallery-thumb.is-archive img {
  width: 100%;
  height: auto;
  min-height: 0;
  max-height: none;
  object-fit: contain;
}

body.peter-reference-components-pilot-v1 #drawer.style-detail-drawer-v2 :is(
  .style-timeline-section,
  .style-development-documents,
  .spec-block,
  .wash-label-section,
  .size-sheet-section,
  .qf-section,
  .notes-section,
  .style-gallery-collapsible,
  .add-po-cta,
  .po-card
):hover {
  border-color: var(--prc-line-strong);
}

@container peter-drawer (max-width: 520px) {
  body.peter-reference-components-pilot-v1 #drawer.style-detail-drawer-v2 .drawer-header.drawer-header-v2 {
    padding: 14px;
  }

  body.peter-reference-components-pilot-v1 #drawer.style-detail-drawer-v2 .drawer-body {
    padding: 12px;
  }

  body.peter-reference-components-pilot-v1 #drawer.style-detail-drawer-v2 .drawer-status-actions {
    margin-bottom: 12px;
    padding: 12px;
    border-radius: 12px;
  }

  body.peter-reference-components-pilot-v1 #drawer.style-detail-drawer-v2
    > .drawer-status-actions.peter-reference-fixed-status-v1 {
    margin: 12px 12px 0;
  }

  body.peter-reference-components-pilot-v1 #drawer.style-detail-drawer-v2 :is(
    .detail-top-section,
    .style-timeline-section,
    .style-development-documents,
    .spec-block,
    .wash-label-section,
    .size-sheet-section,
    .qf-section,
    .notes-section,
    .style-gallery-collapsible,
    .add-po-cta,
    .po-card
  ) {
    margin-bottom: 12px;
    border-radius: 12px;
  }

  body.peter-reference-components-pilot-v1 #drawer.style-detail-drawer-v2 .detail-top-section {
    padding: 12px;
  }

  body.peter-reference-components-pilot-v1 #drawer.style-detail-drawer-v2
    .client-req-gallery-thumb.is-archive {
    height: min(320px, 42vh);
    min-height: 0;
    overflow: hidden;
  }

  body.peter-reference-components-pilot-v1 #drawer.style-detail-drawer-v2
    .client-req-gallery-thumb.is-archive img {
    height: 100%;
  }

  body.peter-reference-components-pilot-v1 #drawer.style-detail-drawer-v2 :is(
    .drawer-quick-actions > button,
    .add-po-cta button
  ) {
    min-height: 44px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.peter-reference-components-pilot-v1 #drawer.style-detail-drawer-v2 :is(
    button,
    input,
    select,
    textarea,
    .style-timeline-section,
    .style-development-documents,
    .spec-block
  ) {
    transition-duration: 0.01ms !important;
  }
}

/* 旧抽屉已有高权重规则；用同一 Peter 试用作用域做最后尺寸桥接。 */
body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1 {
  --gc-card-radius: var(--prc-card-radius);
  --gc-button-radius: var(--prc-control-radius);
  --gc-field-radius: var(--prc-control-radius);
  --pfd-radius-control: var(--prc-control-radius);
  --pfd-radius-panel: var(--prc-card-radius);
  background: var(--prc-canvas);
}

body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1 .drawer-body {
  padding: 16px 18px 24px;
  background: var(--prc-canvas);
}

body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1 .drawer-status-actions {
  margin: 0 0 14px;
  padding: 14px;
  border: 1px solid var(--prc-line);
  border-radius: var(--prc-card-radius);
  background: var(--prc-card);
  box-shadow: var(--prc-card-shadow);
}

body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1 :is(
    .detail-top-section,
    .style-timeline-section,
    .style-development-documents,
    .spec-block,
    .wash-label-section,
    .size-sheet-section,
    .qf-section,
    .notes-section,
    .style-gallery-collapsible,
    .add-po-cta,
    .po-card,
    .deleted-po-card
  ) {
  margin: 0 0 14px;
  border: 1px solid var(--prc-line);
  border-radius: var(--prc-card-radius);
  background: var(--prc-card);
  box-shadow: var(--prc-card-shadow);
}

body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1 .detail-top-section {
  padding: 16px;
}

@container peter-drawer (max-width: 520px) {
  body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
    #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1 .drawer-body {
    padding: 12px;
  }

  body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
    #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1 :is(
      .drawer-status-actions,
      .detail-top-section,
      .style-timeline-section,
      .style-development-documents,
      .spec-block,
      .wash-label-section,
      .size-sheet-section,
      .qf-section,
      .notes-section,
      .style-gallery-collapsible,
      .add-po-cta,
      .po-card
    ) {
    margin-bottom: 12px;
    border-radius: 12px;
  }
}

/* peter-reference-fixed-spacing-full-media-v2:
 * 保留状态卡的非滚动结构，只恢复原有灰色留白。
 * Peter 客户需求右栏改为一块连续图片区，不再套独立滚动；留底图按原比例完整展开。
 */
body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1
  > .drawer-status-actions.peter-reference-fixed-status-v1 {
  margin: 14px 18px 0;
}

body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1
  > .drawer-body {
  padding: 14px 18px 24px;
}

body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1
  .client-req-reading-media-panel {
  position: static;
  top: auto;
  max-height: none;
  overflow: visible;
  scrollbar-gutter: auto;
}

body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1
  .client-req-reading-media-title {
  position: static;
}

body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1
  .client-req-gallery-thumb.is-archive {
  height: auto;
  min-height: 0;
  max-height: none;
  aspect-ratio: auto;
  overflow: visible;
}

body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1
  .client-req-gallery-thumb.is-archive img {
  width: 100%;
  height: auto;
  min-height: 0;
  max-height: none;
  object-fit: contain;
}

@container peter-drawer (max-width: 520px) {
  body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
    #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1
    > .drawer-status-actions.peter-reference-fixed-status-v1 {
    margin: 12px 12px 0;
  }

  body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
    #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1
    > .drawer-body {
    padding: 12px;
  }
}
/* peter-reference-fixed-spacing-full-media-v2:end */

/* peter-reference-text-height-media-scroll-v3:
 * Peter 桌面客户需求保持左文右图：右栏宽度稳定，多张相关图片可自然撑高整行，不增加拖拉分隔条。
 * 只命中客户需求 spec-cr；面料信息 spec-fi 恢复共享自然高度，相关图片完整展开。
 * 客户评语长图与留底图保留原比例，只在右栏内上下滑动，不产生横向滚动。
 */
@container peter-drawer (min-width: 521px) {
  body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
    #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1
    .spec-block[id^="spec-cr-"] .client-req-reading-layout {
    align-items: stretch;
  }

  body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
    #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1
    .spec-block[id^="spec-cr-"] .client-req-reading-copy {
    flex: 1 1 auto;
  }

  body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
    #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1
    .spec-block[id^="spec-cr-"] .client-req-reading-media {
    position: relative;
    flex: 0 0 clamp(300px, 40%, 420px);
    width: clamp(300px, 40%, 420px);
    min-width: 300px;
    max-width: 420px;
    align-self: stretch;
    overflow: visible;
  }

  body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
    #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1
    .spec-block[id^="spec-cr-"] .client-req-reading-media-panel {
    position: sticky;
    top: 12px;
    max-height: min(72vh, 720px);
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-gutter: stable;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }

  body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
    #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1
    .spec-block[id^="spec-cr-"] .client-req-reading-media-title {
    position: sticky;
    top: 0;
  }

  body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
    #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1
    .spec-block[id^="spec-cr-"] .client-req-gallery-thumb.is-archive,
  body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
    #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1
    .spec-block[id^="spec-cr-"] .client-req-gallery-thumb.is-archive img {
    height: auto;
    min-height: 0;
    max-height: none;
    object-fit: contain;
  }
}
/* peter-reference-text-height-media-scroll-v3:end */
/* peter-reference-components-pilot-v1:end */

/* peter-design-foundation-v1:
 * Peter 新设计第一层，只统一字体、颜色、圆角、阴影、焦点和微交互。
 * 不修改业务结构、尺寸、显隐、滚动、权限、数据、打印或邮件输出。
 */
body.peter-design-foundation-v1 {
  --pfd-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Helvetica Neue", "Segoe UI", sans-serif;
  --pfd-canvas: #F5F5F7;
  --pfd-surface: #FFFFFF;
  --pfd-surface-hover: #F7F7F9;
  --pfd-text: #1D1D1F;
  --pfd-text-soft: #424248;
  --pfd-text-muted: #6B6B6E;
  --pfd-line: #E5E5EA;
  --pfd-line-strong: #D1D1D6;
  --pfd-blue: #007AFF;
  --pfd-radius-control: 8px;
  --pfd-radius-panel: 12px;
  --pfd-radius-dialog: 16px;
  --pfd-shadow-control: 0 1px 2px rgba(29, 29, 31, 0.07);
  --pfd-shadow-popover: 0 10px 26px -10px rgba(29, 29, 31, 0.20), 0 2px 8px rgba(29, 29, 31, 0.06);
  --pfd-shadow-dialog: 0 22px 54px -20px rgba(29, 29, 31, 0.28), 0 8px 20px rgba(29, 29, 31, 0.08);
  --pfd-focus-ring: 0 0 0 2px var(--pfd-surface), 0 0 0 4px rgba(0, 122, 255, 0.68);
  --pfd-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  color: var(--pfd-text);
  font-family: var(--pfd-font);
  font-weight: 400;
}

body.peter-design-foundation-v1 .app-shell {
  color: var(--pfd-text);
  font-family: var(--pfd-font);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body.peter-design-foundation-v1 :where(
  #drawer.style-detail-drawer-v2,
  .modal,
  .app-dialog
) {
  border-color: var(--pfd-line);
  background-color: var(--pfd-surface);
  color: var(--pfd-text);
  box-shadow: var(--pfd-shadow-dialog);
}

body.peter-design-foundation-v1 #drawer.style-detail-drawer-v2 {
  border-radius: var(--pfd-radius-dialog) 0 0 var(--pfd-radius-dialog);
}

body.peter-design-foundation-v1 :where(.modal, .app-dialog) {
  border-radius: var(--pfd-radius-dialog);
}

body.peter-design-foundation-v1 :where(
  .peter-style-drawer-more-menu,
  .pet-mail-more-menu,
  .app-dialog-popover,
  [role="listbox"]
) {
  border-color: var(--pfd-line);
  border-radius: var(--pfd-radius-control);
  background-color: var(--pfd-surface);
  box-shadow: var(--pfd-shadow-popover);
}

body.peter-design-foundation-v1 :where(
  #drawer.style-detail-drawer-v2,
  .modal,
  .app-dialog
) :where(button, input, select, textarea) {
  font-family: var(--pfd-font);
  transition:
    color 140ms var(--pfd-ease-out),
    background-color 140ms var(--pfd-ease-out),
    border-color 140ms var(--pfd-ease-out),
    box-shadow 160ms var(--pfd-ease-out),
    transform 90ms var(--pfd-ease-out);
}

body.peter-design-foundation-v1 :where(
  #drawer.style-detail-drawer-v2,
  .modal,
  .app-dialog
) :where(button, label) {
  font-weight: 500;
}

body.peter-design-foundation-v1 :where(
  #drawer.style-detail-drawer-v2,
  .modal,
  .app-dialog
) :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
  border-color: var(--pfd-line-strong);
  border-radius: var(--pfd-radius-control);
  background-color: var(--pfd-surface);
  color: var(--pfd-text);
  font-weight: 400;
  box-shadow: var(--pfd-shadow-control);
}

body.peter-design-foundation-v1 :where(
  #drawer.style-detail-drawer-v2,
  .modal,
  .app-dialog
) :where(button, input, select, textarea, [role="button"]):focus-visible {
  outline: 0;
  border-color: var(--pfd-blue);
  box-shadow: var(--pfd-focus-ring);
}

body.peter-design-foundation-v1 :where(
  #drawer.style-detail-drawer-v2,
  .modal,
  .app-dialog
) :where(button, [role="button"]):not(:disabled):active {
  transform: scale(0.985);
  transition-duration: 90ms;
}

body.peter-design-foundation-v1 :where(
  #drawer.style-detail-drawer-v2,
  .modal,
  .app-dialog
) :where(button, input, select, textarea):disabled,
body.peter-design-foundation-v1 :where(
  #drawer.style-detail-drawer-v2,
  .modal,
  .app-dialog
) [aria-disabled="true"] {
  cursor: not-allowed;
  opacity: 0.48;
}

@media (prefers-reduced-motion: reduce) {
  body.peter-design-foundation-v1 :where(
    #drawer.style-detail-drawer-v2,
    .modal,
    .app-dialog
  ) :where(button, input, select, textarea, [role="button"]) {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}
/* peter-design-foundation-v1:end */

/* peter-component-sizing-v1:
 * Peter 第二层组件规范：工具控件 32px，表单和确认操作 40px，图标 16px。
 * 只作用于款式详情抽屉和弹窗；不改客户需求、面料正文、业务显隐或滚动结构。
 */
body.peter-design-foundation-v1.peter-component-sizing-v1 {
  --pcs-control-compact: 32px;
  --pcs-control-default: 40px;
  --pcs-control-touch: 44px;
  --pcs-icon-size: 16px;
  --pcs-action-gap: 8px;
  --pcs-label-gap: 6px;
}

body.peter-design-foundation-v1.peter-component-sizing-v1 :where(
  #drawer.style-detail-drawer-v2,
  .modal,
  .app-dialog
) :where(button, [role="button"]) {
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 18px !important;
}

body.peter-design-foundation-v1.peter-component-sizing-v1 :where(
  #drawer.style-detail-drawer-v2,
  .modal,
  .app-dialog
) :where(button svg, [role="button"] svg) {
  width: var(--pcs-icon-size) !important;
  height: var(--pcs-icon-size) !important;
  flex: 0 0 var(--pcs-icon-size) !important;
}

body.peter-design-foundation-v1.peter-component-sizing-v1 :where(
  #drawer.style-detail-drawer-v2,
  .modal,
  .app-dialog
) :where(.form-field > label:first-child, .app-dialog-label) {
  margin-bottom: var(--pcs-label-gap) !important;
  color: var(--pfd-text-soft) !important;
  font-family: var(--pfd-font) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 18px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body.peter-design-foundation-v1.peter-component-sizing-v1 :where(
  #drawer.style-detail-drawer-v2,
  .modal,
  .app-dialog
) :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
  select
) {
  min-height: var(--pcs-control-default) !important;
  padding: 0 12px !important;
  font-size: 14px !important;
  line-height: 20px !important;
  box-sizing: border-box;
}

body.peter-design-foundation-v1.peter-component-sizing-v1 :where(
  #drawer.style-detail-drawer-v2,
  .modal,
  .app-dialog
) textarea {
  min-height: 96px !important;
  padding: 10px 12px !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  box-sizing: border-box;
}

body.peter-design-foundation-v1.peter-component-sizing-v1 #drawer.style-detail-drawer-v2 :where(
  .drawer-header-tools,
  .drawer-header-primary-group,
  .drawer-title-main,
  .drawer-quick-actions
),
body.peter-design-foundation-v1.peter-component-sizing-v1 :where(.modal, .app-dialog) :where(
  .modal-footer,
  .app-dialog-actions
) {
  align-items: center !important;
  gap: var(--pcs-action-gap) !important;
}

body.peter-design-foundation-v1.peter-component-sizing-v1 #drawer.style-detail-drawer-v2 :where(
  .drawer-header-tools .drawer-print-btn,
  .drawer-header-primary-group button,
  .drawer-quick-actions > button,
  .group-add-sister-btn,
  .peter-style-drawer-more > summary
) {
  min-height: var(--pcs-control-compact) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  box-sizing: border-box;
}

body.peter-design-foundation-v1.peter-component-sizing-v1 #drawer.style-detail-drawer-v2 :where(
  .drawer-close,
  .edit-info-btn
) {
  width: var(--pcs-control-compact) !important;
  min-width: var(--pcs-control-compact) !important;
  height: var(--pcs-control-compact) !important;
  min-height: var(--pcs-control-compact) !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  box-sizing: border-box;
}

body.peter-design-foundation-v1.peter-component-sizing-v1 :where(.modal, .app-dialog) :where(
  .modal-footer > button,
  .app-dialog-actions > .app-dialog-btn
) {
  min-height: var(--pcs-control-default) !important;
  padding: 0 16px !important;
  box-sizing: border-box;
}

body.peter-design-foundation-v1.peter-component-sizing-v1 :where(.modal, .app-dialog) :where(
  .gc-form-dialog-close,
  .app-dialog-close
) {
  width: var(--pcs-control-compact) !important;
  min-width: var(--pcs-control-compact) !important;
  height: var(--pcs-control-compact) !important;
  min-height: var(--pcs-control-compact) !important;
  padding: 0 !important;
  box-sizing: border-box;
}

@media (max-width: 700px) {
  body.peter-design-foundation-v1.peter-component-sizing-v1 :where(
    #drawer.style-detail-drawer-v2,
    .modal,
    .app-dialog
  ) :where(
    input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
    select
  ),
  body.peter-design-foundation-v1.peter-component-sizing-v1 :where(.modal, .app-dialog) :where(
    .modal-footer > button,
    .app-dialog-actions > .app-dialog-btn
  ) {
    min-height: var(--pcs-control-touch) !important;
  }

  body.peter-design-foundation-v1.peter-component-sizing-v1 #drawer.style-detail-drawer-v2 :where(
    .drawer-header-tools,
    .drawer-header-primary-group,
    .drawer-quick-actions
  ),
  body.peter-design-foundation-v1.peter-component-sizing-v1 :where(.modal, .app-dialog) :where(
    .modal-footer,
    .app-dialog-actions
  ) {
    flex-wrap: wrap !important;
  }

  body.peter-design-foundation-v1.peter-component-sizing-v1 :where(.modal, .app-dialog) .modal-footer > button {
    flex: 1 1 120px !important;
  }
}
/* peter-component-sizing-v1:end */

/* peter-drawer-primary-section-white-v1:
 * 用户纠正：保留洗水唛 / 尺寸表原白色，把 Peter 已找好面料卡改为同款白色框。
 * 待找面料继续保留业务警示色；不改正文、版本、按钮或数据结构。
 */
body.peter-design-foundation-v1.peter-component-sizing-v1 #drawer.style-detail-drawer-v2 .fabric-info-block:not(.is-pending) {
  border-color: var(--pfd-line);
  background: var(--pfd-surface);
}

body.peter-design-foundation-v1.peter-component-sizing-v1 #drawer.style-detail-drawer-v2 .fabric-info-block:not(.is-pending) > :is(
  .spec-block-h,
  .fabric-ver-toolbar
) {
  background: var(--pfd-surface);
  border-bottom-color: var(--pfd-line);
}
/* peter-drawer-primary-section-white-v1:end */

/* peter-fabric-legacy-card-wash-label-compact-v1:
 * Peter 展示层兼容两类旧 UI：
 * 1) 面料正文若从旧 Element UI 页面整卡复制，去掉内嵌卡片边框 / 阴影 / 固定宽度，不改保存内容。
 * 2) 洗水唛属于紧凑数据行，桌面控件统一 32px；手机保留 44px 触控高度。
 */
body.peter-design-foundation-v1.peter-component-sizing-v1 #drawer.style-detail-drawer-v2 .fabric-info-block .spec-block-body > .el-card.box-card {
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: inherit !important;
  box-shadow: none !important;
  overflow: visible !important;
  transition: none !important;
}

body.peter-design-foundation-v1.peter-component-sizing-v1 #drawer.style-detail-drawer-v2 .fabric-info-block .spec-block-body > .el-card.box-card > .el-card__body {
  padding: 0 !important;
}

body.peter-design-foundation-v1.peter-component-sizing-v1 #drawer.style-detail-drawer-v2 .fabric-info-block .spec-block-body > .el-card.box-card .item.editor {
  width: auto !important;
  max-width: 100% !important;
  overflow: visible !important;
}

body.peter-design-foundation-v1.peter-component-sizing-v1 #drawer.style-detail-drawer-v2 .wash-label-section :is(.wl-role-select, .wl-po-select) {
  height: 28px !important;
  min-height: 28px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  box-sizing: border-box;
}

body.peter-design-foundation-v1.peter-component-sizing-v1 #drawer.style-detail-drawer-v2 .wash-label-section .wl-role-select {
  padding: 0 26px 0 10px !important;
}

body.peter-design-foundation-v1.peter-component-sizing-v1 #drawer.style-detail-drawer-v2 .wash-label-section .wl-po-select {
  padding: 0 28px 0 10px !important;
}

body.peter-design-foundation-v1.peter-component-sizing-v1 #drawer.style-detail-drawer-v2 .wash-label-section :is(.wl-copy-btn, .wl-mini-btn) {
  height: var(--pcs-control-compact) !important;
  min-height: var(--pcs-control-compact) !important;
  min-width: var(--pcs-control-compact) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  box-sizing: border-box;
}

body.peter-design-foundation-v1.peter-component-sizing-v1 #drawer.style-detail-drawer-v2 .wash-label-section .wl-mini-btn {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (max-width: 700px) {
  body.peter-design-foundation-v1.peter-component-sizing-v1 #drawer.style-detail-drawer-v2 .wash-label-section :is(
    .wl-role-select,
    .wl-po-select,
    .wl-copy-btn,
    .wl-mini-btn
  ) {
    height: var(--pcs-control-touch) !important;
    min-height: var(--pcs-control-touch) !important;
  }

  body.peter-design-foundation-v1.peter-component-sizing-v1 #drawer.style-detail-drawer-v2 .wash-label-section .wl-mini-btn {
    width: var(--pcs-control-touch) !important;
    min-width: var(--pcs-control-touch) !important;
  }
}
/* peter-fabric-legacy-card-wash-label-compact-v1:end */

/* peter-client-req-white-photo-timeline-rhythm-v1:
 * Peter 抽屉的客户需求与已找好面料统一为白色资料面。
 * 同时只收紧卡片照片到流水的重复外边距，不改缩略图、流水内容或业务数据。
 */
body.peter-design-foundation-v1.peter-component-sizing-v1 #drawer.style-detail-drawer-v2 .spec-block[id^="spec-cr-"] {
  border-color: var(--pfd-line);
  background: var(--pfd-surface);
}

body.peter-design-foundation-v1.peter-component-sizing-v1 #drawer.style-detail-drawer-v2 .spec-block[id^="spec-cr-"] > :is(
  .spec-block-h,
  .cr-ver-toolbar
) {
  background: var(--pfd-surface);
  border-bottom-color: var(--pfd-line);
}

body.peter-design-foundation-v1.peter-component-sizing-v1 #drawer.style-detail-drawer-v2 .detail-top-section {
  margin-bottom: 0;
}

body.peter-design-foundation-v1.peter-component-sizing-v1 #drawer.style-detail-drawer-v2 .detail-top-section .photo-gallery {
  margin-bottom: 0;
}

body.peter-design-foundation-v1.peter-component-sizing-v1 #drawer.style-detail-drawer-v2 .style-timeline-section {
  margin-top: 12px;
}
/* peter-client-req-white-photo-timeline-rhythm-v1:end */

/* peter-add-po-white-right-actions-v1:
 * Peter 无 PO 提示改为白色资料面：状态在左，操作在右。
 * 次操作“智能识别 PO”在左，主操作“新增 PO”保持最右；不改原按钮函数。
 */
body.peter-design-foundation-v1.peter-component-sizing-v1 #drawer.style-detail-drawer-v2 .add-po-cta {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  border-color: var(--pfd-line);
  background: var(--pfd-surface);
  box-shadow: none;
}

body.peter-design-foundation-v1.peter-component-sizing-v1 #drawer.style-detail-drawer-v2 .add-po-cta-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: auto;
  margin-left: auto;
}

body.peter-design-foundation-v1.peter-component-sizing-v1 #drawer.style-detail-drawer-v2 .add-po-cta-actions .add-po-smart-btn {
  order: 1;
}

body.peter-design-foundation-v1.peter-component-sizing-v1 #drawer.style-detail-drawer-v2 .add-po-cta-actions .add-po-manual-btn {
  order: 2;
}

@media (max-width: 640px) {
  body.peter-design-foundation-v1.peter-component-sizing-v1 #drawer.style-detail-drawer-v2 .add-po-cta {
    grid-template-columns: minmax(0, 1fr);
  }

  body.peter-design-foundation-v1.peter-component-sizing-v1 #drawer.style-detail-drawer-v2 .add-po-cta-actions {
    justify-self: end;
    justify-content: flex-end;
    width: auto;
    margin-left: auto;
  }
}
/* peter-add-po-white-right-actions-v1:end */

/* peter-notes-empty-white-action-v1:
 * Peter 无备注时不再显示整条灰色空状态。
 * 标题在左，右侧保留原点击入口，仅把文案收口为“+ 添加备注”。
 */
body.peter-design-foundation-v1.peter-component-sizing-v1 #drawer.style-detail-drawer-v2 .notes-section:has(.notes-empty) {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--pcs-action-gap);
  min-height: 52px;
  padding: 10px 14px;
  border: 1px solid var(--pfd-line);
  background: var(--pfd-surface);
  box-shadow: none;
}

body.peter-design-foundation-v1.peter-component-sizing-v1 #drawer.style-detail-drawer-v2 .notes-section:has(.notes-empty) > :first-child {
  margin: 0 !important;
}

body.peter-design-foundation-v1.peter-component-sizing-v1 #drawer.style-detail-drawer-v2 .notes-section:has(.notes-empty) .notes-empty {
  display: inline-flex;
  justify-self: end;
  margin: 0;
  padding: 0;
  color: var(--pfd-blue);
}

body.peter-design-foundation-v1.peter-component-sizing-v1 #drawer.style-detail-drawer-v2 .notes-section:has(.notes-empty) .drawer-empty-state {
  min-height: var(--pcs-control-compact);
  padding: 0 4px;
  display: inline-flex;
  align-items: center;
  border: 0;
  background: transparent;
  color: inherit;
}

body.peter-design-foundation-v1.peter-component-sizing-v1 #drawer.style-detail-drawer-v2 .notes-section:has(.notes-empty) .drawer-empty-title {
  font-size: 0;
}

body.peter-design-foundation-v1.peter-component-sizing-v1 #drawer.style-detail-drawer-v2 .notes-section:has(.notes-empty) .drawer-empty-title::after {
  content: "+ 添加备注";
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
}

body.peter-design-foundation-v1.peter-component-sizing-v1 #drawer.style-detail-drawer-v2 .notes-section:has(.notes-empty) .drawer-empty-sub {
  display: none;
}

@media (max-width: 700px) {
  body.peter-design-foundation-v1.peter-component-sizing-v1 #drawer.style-detail-drawer-v2 .notes-section:has(.notes-empty) .drawer-empty-state {
    min-height: var(--pcs-control-touch);
  }
}
/* peter-notes-empty-white-action-v1:end */

/* peter-followup-ledger-target-v8:
 * 唯一视觉基准：outputs/ui-specs/peter-followup-v1/target-1774x887.png。
 * 只在 Peter + 桌面 + 跟单独立 class 下修正；旧全界面开关与分组卡片稿继续关闭。
 */
@media (min-width: 901px) {
  html body.peter-experience-pilot.peter-followup-ledger-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active {
    --px-ledger-surface: #FFFFFF;
    --px-ledger-line: #E5E5EA;
    --px-ledger-line-soft: #ECECF0;
    --px-ledger-muted: #6B6B6E;
    --px-ledger-hover: #FAFAFB;
  }

  html body.peter-experience-pilot.peter-followup-ledger-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .gc-admin-page-head {
    height: 64px;
    flex: 0 0 64px;
    padding: 0 16px 0 22px;
    background: #FAFAFB !important;
  }

  html body.peter-experience-pilot.peter-followup-ledger-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active :is(
    .gc-admin-page-sidebar-trigger,
    .gc-admin-page-head-separator
  ) {
    display: none !important;
  }

  html body.peter-experience-pilot.peter-followup-ledger-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .gc-admin-page-breadcrumb strong {
    color: #1D1D1F;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
  }

  html body.peter-experience-pilot.peter-followup-ledger-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .gc-admin-page-actions {
    min-width: 0;
    margin-left: auto;
  }

  html body.peter-experience-pilot.peter-followup-ledger-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .today-search-bar.peter-followup-header-search {
    position: static;
    display: flex !important;
    width: min(330px, 32vw);
    height: 42px;
    margin: 0;
    padding: 0 13px;
    gap: 9px;
    border: 1px solid #E5E5EA;
    border-radius: 10px;
    background: #FFFFFF;
    box-shadow: none;
  }

  html body.peter-experience-pilot.peter-followup-ledger-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .today-search-bar.peter-followup-header-search .cir-search__field {
    min-width: 0;
    height: 100%;
    padding: 0;
    border: 0 !important;
    background: transparent;
    color: #1D1D1F;
    font-size: 13px;
    box-shadow: none !important;
  }

  html body.peter-experience-pilot.peter-followup-ledger-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .today-search-bar.peter-followup-header-search .cir-search__kbd {
    display: none;
  }

  html body.peter-experience-pilot.peter-followup-ledger-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active main#main {
    padding: 0 !important;
    overflow: hidden !important;
    background: #FAFAFB !important;
  }

  html body.peter-experience-pilot.peter-followup-ledger-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .today-page {
    height: 100%;
    min-height: 0;
    gap: 0;
    padding: 0;
    overflow: hidden;
  }

  html body.peter-experience-pilot.peter-followup-ledger-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .today-scroll-region {
    flex: 1 1 auto;
    gap: 16px;
    min-height: 0;
    padding: 0 22px !important;
    overflow-x: hidden;
    overflow-y: auto;
    border: 0 !important;
    border-radius: 0 !important;
    background: #FAFAFB !important;
    box-shadow: none !important;
    scrollbar-gutter: stable;
  }

  html body.peter-experience-pilot.peter-followup-ledger-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .peter-followup-toolbar {
    position: sticky;
    top: 0;
    z-index: 30;
    flex: 0 0 auto;
    margin: 0 0 4px;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: #FAFAFB;
    box-shadow: none;
  }

  html body.peter-experience-pilot.peter-followup-ledger-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .peter-followup-scope-note {
    display: block;
    height: 18px;
    margin: 0 0 10px;
    color: #6B6B6E;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
  }

  html body.peter-experience-pilot.peter-followup-ledger-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .peter-followup-scope-row {
    min-height: 42px;
    padding: 0;
    border: 0;
  }

  html body.peter-experience-pilot.peter-followup-ledger-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .peter-followup-scope-tabs {
    width: 325px;
    height: 42px;
    box-sizing: border-box;
    gap: 3px;
    padding: 3px;
    border: 1px solid #E5E5EA;
    border-radius: 10px;
    background: #FFFFFF;
  }

  html body.peter-experience-pilot.peter-followup-ledger-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .peter-followup-scope-btn {
    flex: 1 1 50%;
    height: 34px;
    min-height: 34px;
    padding: 0 16px;
    border-radius: 8px;
    color: #424248;
    font-size: 13px;
    font-weight: 600;
  }

  html body.peter-experience-pilot.peter-followup-ledger-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .peter-followup-scope-btn.active {
    background: #007AFF;
    color: #FFFFFF;
    box-shadow: none;
  }

  html body.peter-experience-pilot.peter-followup-ledger-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .peter-followup-stage-tabs {
    width: min(960px, 100%);
    min-height: 51px;
    margin-top: 8px;
    padding: 0;
    border-bottom: 1px solid #E5E5EA;
    background: transparent;
  }

  html body.peter-experience-pilot.peter-followup-ledger-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .peter-followup-stage-btn {
    flex: 1 1 0;
    min-width: 118px;
    min-height: 50px;
    padding: 0 12px;
    color: #424248;
    font-size: 13px;
    font-weight: 600;
  }

  html body.peter-experience-pilot.peter-followup-ledger-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .peter-followup-stage-btn.active::after {
    right: 16px;
    left: 16px;
    height: 2px;
    background: #007AFF;
  }

  html body.peter-experience-pilot.peter-followup-ledger-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .followup-po-alert {
    grid-template-columns: 153px minmax(0, 1fr);
    width: 100%;
    max-width: none;
    justify-self: start;
    min-height: 64px;
    border: 1px solid rgba(215, 0, 21, 0.12);
    border-radius: 12px;
    background: #FEF7F7;
  }

  html body.peter-experience-pilot.peter-followup-ledger-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .followup-po-alert-head {
    min-height: 64px;
    padding: 0 14px;
    border-right: 1px solid rgba(215, 0, 21, 0.10);
  }

  html body.peter-experience-pilot.peter-followup-ledger-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .followup-po-alert-title {
    font-size: 13px;
    font-weight: 700;
  }

  html body.peter-experience-pilot.peter-followup-ledger-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .followup-po-alert-list,
  html body.peter-experience-pilot.peter-followup-ledger-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .followup-po-alert-row.is-peter-compact {
    min-height: 64px;
  }

  html body.peter-experience-pilot.peter-followup-ledger-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .followup-po-alert-list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    overflow: hidden;
    background: transparent;
  }

  html body.peter-experience-pilot.peter-followup-ledger-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .followup-po-alert-row.is-peter-compact {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    align-content: center;
    gap: 4px 8px;
    min-width: 0;
    margin: 0 !important;
    padding: 6px 14px;
    border: 0 !important;
    border-right: 1px solid rgba(215, 0, 21, 0.10) !important;
    border-radius: 0 !important;
    appearance: none;
    background: transparent !important;
    box-shadow: none !important;
    color: inherit;
    text-align: left;
    transform: none !important;
  }

  html body.peter-experience-pilot.peter-followup-ledger-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .followup-po-alert-row.is-peter-compact:last-child {
    border-right: 0 !important;
  }

  html body.peter-experience-pilot.peter-followup-ledger-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .followup-po-alert-row.is-peter-compact:hover {
    background: rgba(215, 0, 21, 0.025) !important;
  }

  html body.peter-experience-pilot.peter-followup-ledger-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .followup-po-alert-row.is-peter-compact .followup-po-alert-idline {
    grid-column: 1 / -1;
    display: flex;
    align-items: baseline;
    gap: 8px;
    min-width: 0;
  }

  html body.peter-experience-pilot.peter-followup-ledger-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .followup-po-alert-row.is-peter-compact .followup-po-alert-sku {
    color: #1D1D1F;
    font-size: 12px;
    font-weight: 650;
  }

  html body.peter-experience-pilot.peter-followup-ledger-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .followup-po-alert-row.is-peter-compact .followup-po-alert-po,
  html body.peter-experience-pilot.peter-followup-ledger-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .followup-po-alert-row.is-peter-compact .followup-po-alert-status {
    color: #6B6B6E;
    font-size: 11px;
    line-height: 16px;
  }

  html body.peter-experience-pilot.peter-followup-ledger-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .followup-po-alert-row.is-peter-compact .followup-po-alert-days {
    align-self: center;
    padding: 0;
    background: transparent;
    font-size: 11px;
    font-weight: 700;
    line-height: 16px;
  }

  html body.peter-experience-pilot.peter-followup-ledger-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .peter-followup-ledger {
    min-width: 0;
    overflow-x: hidden;
    border: 1px solid #E5E5EA;
    border-radius: 12px 12px 0 0;
    background: #FFFFFF;
  }

  html body.peter-experience-pilot.peter-followup-ledger-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .peter-followup-filter-bar {
    min-width: 0;
    min-height: 68px;
    padding: 0 20px;
    gap: 20px;
    border-bottom: 1px solid #E5E5EA;
    background: #FFFFFF;
  }

  html body.peter-experience-pilot.peter-followup-ledger-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .peter-followup-filter-bar label {
    gap: 10px;
    color: #424248;
    font-size: 12px;
    font-weight: 500;
  }

  html body.peter-experience-pilot.peter-followup-ledger-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .peter-followup-filter-bar select,
  html body.peter-experience-pilot.peter-followup-ledger-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .peter-followup-filter-bar input {
    width: 196px;
    height: 36px;
    padding: 0 12px;
    border: 1px solid #E5E5EA;
    border-radius: 8px;
    background: #FFFFFF;
    color: #1D1D1F;
    font-size: 12px;
    font-weight: 500;
  }

  html body.peter-experience-pilot.peter-followup-ledger-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .peter-followup-date-filter input {
    width: 177px;
  }

  html body.peter-experience-pilot.peter-followup-ledger-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .peter-followup-reset-btn {
    height: 36px;
    margin-left: auto;
    padding: 0 14px;
    border: 1px solid #E5E5EA;
    border-radius: 8px;
    background: #FFFFFF;
    color: #424248;
    font-size: 12px;
    font-weight: 600;
  }

  html body.peter-experience-pilot.peter-followup-ledger-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .peter-followup-result-count {
    display: none;
  }

  html body.peter-experience-pilot.peter-followup-ledger-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active :is(
    .peter-followup-ledger-head,
    .peter-followup-ledger-row
  ) {
    grid-template-columns: 297fr 277fr 250fr 162fr 262fr 173fr;
    min-width: 1180px;
    padding-right: 0;
    padding-left: 40px;
  }

  html body.peter-experience-pilot.peter-followup-ledger-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .peter-followup-ledger-head {
    min-height: 54px;
    border-bottom: 1px solid #E5E5EA;
    background: #F2F2F4;
    color: #424248;
    font-size: 12px;
    font-weight: 600;
  }

  html body.peter-experience-pilot.peter-followup-ledger-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .peter-followup-ledger-row {
    min-height: 85px;
    border-bottom: 1px solid #ECECF0;
    background: #FFFFFF;
  }

  html body.peter-experience-pilot.peter-followup-ledger-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .peter-followup-ledger-row > div {
    padding-right: 16px;
  }

  html body.peter-experience-pilot.peter-followup-ledger-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .peter-followup-style-cell {
    gap: 16px;
  }

  html body.peter-experience-pilot.peter-followup-ledger-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .peter-followup-style-cell .thumb-mini,
  html body.peter-experience-pilot.peter-followup-ledger-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .peter-followup-style-cell .thumb-mini-placeholder {
    width: 58px;
    height: 66px;
    flex-basis: 58px;
    border-radius: 7px;
  }

  html body.peter-experience-pilot.peter-followup-ledger-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active :is(
    .peter-followup-cell-copy strong,
    .peter-followup-client-cell strong,
    .peter-followup-wait-cell strong,
    .peter-followup-risk-cell strong
  ) {
    font-size: 14px;
    font-weight: 650;
    line-height: 20px;
  }

  html body.peter-experience-pilot.peter-followup-ledger-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active :is(
    .peter-followup-cell-copy span,
    .peter-followup-client-cell span,
    .peter-followup-wait-cell span,
    .peter-followup-risk-cell span
  ) {
    color: #6B6B6E;
    font-size: 12px;
    line-height: 18px;
  }

  html body.peter-experience-pilot.peter-followup-ledger-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .peter-followup-node-cell {
    align-items: flex-start;
    flex-direction: column;
    gap: 5px;
    color: #6B6B6E;
    font-size: 12px;
    font-weight: 500;
  }

  html body.peter-experience-pilot.peter-followup-ledger-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .peter-followup-node-chip {
    padding: 4px 8px;
    border-radius: 7px;
    font-size: 11px;
    font-weight: 650;
  }

  html body.peter-experience-pilot.peter-followup-ledger-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .peter-followup-next-cell :is(
    .today-quick-btn,
    .peter-followup-view-btn
  ) {
    min-width: 81px;
    min-height: 34px;
    padding: 0 12px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
  }
}

/* peter-drawer-header-refine-v1:
 * Peter 款式抽屉：固定信息骨架，一个主操作，低频/危险操作收入更多。
 * peter-drawer-identity-gate-v2: 只由独立 Peter 抽屉灰度 class 命中。
 * peter-drawer-info-visibility-v3: 独立灰度拥有完整 token，当前处理人和主按钮保持可见。
 */
body.peter-drawer-header-pilot .drawer.peter-drawer-refined {
  --px-drawer-pad-x: 24px;
}

body.peter-drawer-header-pilot .drawer.peter-drawer-refined .drawer-header.drawer-header-v2 {
  min-height: 92px;
  box-sizing: border-box;
  padding: 18px var(--px-drawer-pad-x) 16px;
  gap: 20px;
  background: var(--px-surface);
}

body.peter-drawer-header-pilot .drawer.peter-drawer-refined .drawer-title-main {
  gap: 8px;
  margin-bottom: 6px;
}

body.peter-drawer-header-pilot .drawer.peter-drawer-refined .drawer-title-main .sku-text {
  font-size: 19px;
  font-weight: 720;
  line-height: 1.22;
  letter-spacing: -0.012em;
}

body.peter-drawer-header-pilot .drawer.peter-drawer-refined .drawer-meta-line {
  gap: 5px;
  color: var(--px-text-mute);
  font-size: 12.5px;
  font-weight: 520;
  line-height: 1.45;
}

body.peter-drawer-header-pilot .drawer.peter-drawer-refined .drawer-header-actions,
body.peter-drawer-header-pilot .drawer.peter-drawer-refined .drawer-header-tools {
  align-items: center;
}

body.peter-drawer-header-pilot .drawer.peter-drawer-refined .drawer-header-actions {
  gap: 8px;
}

body.peter-drawer-header-pilot .drawer.peter-drawer-refined .drawer-header-tools {
  gap: 2px;
  padding: 3px;
  border: 1px solid var(--px-line);
  border-radius: 11px;
  background: var(--px-surface-soft);
}

body.peter-drawer-header-pilot .drawer.peter-drawer-refined .drawer-print-btn,
body.peter-drawer-header-pilot .drawer.peter-drawer-refined .px-drawer-output-summary {
  min-height: 36px;
  box-sizing: border-box;
  padding: 0 11px;
  border: 0;
  border-radius: 8px;
  background: var(--px-surface);
  color: var(--px-blue);
  box-shadow: none;
  font-size: 13px;
  font-weight: 650;
  line-height: 1;
}

body.peter-drawer-header-pilot .drawer.peter-drawer-refined .drawer-print-btn:hover,
body.peter-drawer-header-pilot .drawer.peter-drawer-refined details[open] > .px-drawer-output-summary {
  border: 0;
  background: var(--px-blue-soft);
  color: var(--px-blue-hover);
}

body.peter-drawer-header-pilot .drawer.peter-drawer-refined .drawer-print-btn svg,
body.peter-drawer-header-pilot .drawer.peter-drawer-refined .px-drawer-more-summary svg {
  width: 15px;
  height: 15px;
}

body.peter-drawer-header-pilot .drawer.peter-drawer-refined .px-drawer-icon-only {
  width: 36px;
  padding: 0;
  justify-content: center;
}

body.peter-drawer-header-pilot .drawer.peter-drawer-refined .px-drawer-icon-only span {
  display: none;
}

body.peter-drawer-header-pilot .drawer.peter-drawer-refined .drawer-pdf-btn {
  color: var(--px-danger);
}

body.peter-drawer-header-pilot .drawer.peter-drawer-refined .drawer-pdf-btn:hover,
body.peter-drawer-header-pilot .drawer.peter-drawer-refined .drawer-pdf-btn.is-open {
  border: 0;
  background: #FFF0F1;
  color: var(--px-danger);
}

body.peter-drawer-header-pilot .drawer.peter-drawer-refined :is(.px-drawer-output-menu, .px-drawer-more) {
  position: relative;
}

body.peter-drawer-header-pilot .drawer.peter-drawer-refined :is(.px-drawer-output-menu, .px-drawer-more) > summary {
  list-style: none;
  cursor: pointer;
  user-select: none;
}

body.peter-drawer-header-pilot .drawer.peter-drawer-refined :is(.px-drawer-output-menu, .px-drawer-more) > summary::-webkit-details-marker {
  display: none;
}

body.peter-drawer-header-pilot .drawer.peter-drawer-refined .px-drawer-output-summary svg:last-child {
  width: 10px;
  height: 10px;
  margin-left: 1px;
}

body.peter-drawer-header-pilot .drawer.peter-drawer-refined :is(.px-drawer-output-popover, .px-drawer-more-popover) {
  position: absolute;
  top: calc(100% + 7px);
  right: 0;
  z-index: 30;
  min-width: 184px;
  box-sizing: border-box;
  padding: 5px;
  border: 1px solid var(--px-line-strong);
  border-radius: 11px;
  background: var(--px-surface);
  box-shadow: 0 14px 38px rgba(15, 23, 42, 0.16), 0 2px 8px rgba(15, 23, 42, 0.06);
}

body.peter-drawer-header-pilot .drawer.peter-drawer-refined .px-drawer-output-popover .drawer-print-btn,
body.peter-drawer-header-pilot .drawer.peter-drawer-refined .px-drawer-menu-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  min-height: 38px;
  margin: 0;
  padding: 8px 10px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--px-text);
  box-shadow: none;
  font: 560 13px/1.35 -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", sans-serif;
  text-align: left;
  white-space: nowrap;
}

body.peter-drawer-header-pilot .drawer.peter-drawer-refined .px-drawer-output-popover .drawer-print-btn:hover,
body.peter-drawer-header-pilot .drawer.peter-drawer-refined .px-drawer-menu-item:hover {
  border: 0;
  background: var(--px-surface-soft);
  color: var(--px-text);
  box-shadow: none;
  transform: none;
}

body.peter-drawer-header-pilot .drawer.peter-drawer-refined .px-drawer-output-popover .drawer-print-btn span {
  display: inline;
}

body.peter-drawer-header-pilot .drawer.peter-drawer-refined .px-drawer-output-popover .drawer-print-btn svg {
  color: var(--px-text-mute);
}

body.peter-drawer-header-pilot .drawer.peter-drawer-refined .px-drawer-more-summary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  box-sizing: border-box;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 10px;
  background: var(--px-surface-soft);
  color: var(--px-text-soft);
}

body.peter-drawer-header-pilot .drawer.peter-drawer-refined .px-drawer-more-summary:hover,
body.peter-drawer-header-pilot .drawer.peter-drawer-refined .px-drawer-more[open] > .px-drawer-more-summary {
  border-color: var(--px-line);
  background: #E9E9ED;
  color: var(--px-text);
}

body.peter-drawer-header-pilot .drawer.peter-drawer-refined .px-drawer-more-popover {
  min-width: 210px;
}

body.peter-drawer-header-pilot .drawer.peter-drawer-refined .px-drawer-menu-warning {
  color: #A24B00;
}

body.peter-drawer-header-pilot .drawer.peter-drawer-refined .px-drawer-menu-danger {
  margin-top: 5px;
  border-top: 1px solid var(--px-line) !important;
  border-radius: 0 0 8px 8px;
  color: var(--px-danger);
}

body.peter-drawer-header-pilot .drawer.peter-drawer-refined .drawer-close {
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 10px;
  background: var(--px-surface-soft);
  color: var(--px-text-soft);
}

body.peter-drawer-header-pilot .drawer.peter-drawer-refined .drawer-close:hover {
  border: 0;
  background: #E9E9ED;
  color: var(--px-text);
}

body.peter-drawer-header-pilot .drawer.peter-drawer-refined .drawer-status-actions {
  margin-bottom: 16px;
  padding: 14px var(--px-drawer-pad-x) 13px;
  background: rgba(255, 255, 255, 0.97);
}

body.peter-drawer-header-pilot .drawer.peter-drawer-refined .drawer-status-row.px-status-structured {
  display: block;
  min-height: 0;
  margin: 0 0 12px;
}

body.peter-drawer-header-pilot .drawer.peter-drawer-refined :is(.px-drawer-status-main, .px-drawer-status-sub) {
  display: flex;
  align-items: center;
  gap: 10px 16px;
  min-width: 0;
}

body.peter-drawer-header-pilot .drawer.peter-drawer-refined .px-drawer-status-main {
  justify-content: flex-start;
}

body.peter-drawer-header-pilot .drawer.peter-drawer-refined .px-drawer-status-sub {
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 9px;
}

body.peter-drawer-header-pilot .drawer.peter-drawer-refined .px-drawer-flow-status {
  flex: 0 1 auto;
  max-width: 100%;
  padding: 5px 11px;
  font-size: 13px;
  font-weight: 670;
  letter-spacing: 0;
}

body.peter-drawer-header-pilot .drawer.peter-drawer-refined .px-drawer-deadline {
  padding: 0;
  border: 0;
  background: transparent;
  font-size: 13px;
  font-weight: 520;
}

body.peter-drawer-header-pilot .drawer.peter-drawer-refined .px-drawer-owner {
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--px-text-mute);
  font-size: 13px;
  font-weight: 520;
}

body.peter-drawer-header-pilot .drawer.peter-drawer-refined .px-drawer-owner b {
  color: var(--px-text);
  font-weight: 650;
}

body.peter-drawer-header-pilot .drawer.peter-drawer-refined .px-drawer-parallel-status {
  padding: 4px 9px !important;
  border: 0;
  border-radius: 8px !important;
  box-shadow: none;
  font-size: 12.5px;
}

body.peter-drawer-header-pilot .drawer.peter-drawer-refined .px-drawer-facts {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-left: 0;
  white-space: nowrap;
}

body.peter-drawer-header-pilot .drawer.peter-drawer-refined :is(.drawer-status-chip-size, .drawer-status-chip-color, .drawer-status-chip-empty) {
  min-height: 28px;
  box-sizing: border-box;
  padding: 4px 8px;
  border: 1px solid var(--px-line);
  border-radius: 8px;
  background: var(--px-surface-soft);
  color: var(--px-text-soft);
  font-size: 12.5px;
  font-style: normal;
}

body.peter-drawer-header-pilot .drawer.peter-drawer-refined .drawer-quick-actions {
  gap: 8px;
}

body.peter-drawer-header-pilot .drawer.peter-drawer-refined .drawer-quick-actions button {
  min-height: 36px;
  height: 36px;
  padding: 0 13px;
  border-radius: 9px;
  box-shadow: none;
}

body.peter-drawer-header-pilot .drawer.peter-drawer-refined .drawer-quick-actions button.primary:not(.px-drawer-parallel-action) {
  background: var(--px-blue);
  border-color: var(--px-blue);
  color: #FFFFFF;
}

body.peter-drawer-header-pilot .drawer.peter-drawer-refined .drawer-quick-actions .px-drawer-parallel-action {
  background: var(--px-surface) !important;
  border-color: var(--px-line-strong) !important;
  color: #187A3B !important;
}

body.peter-drawer-header-pilot .drawer.peter-drawer-refined .drawer-quick-actions .px-drawer-parallel-action:hover {
  background: #F0F8F2 !important;
  border-color: rgba(36, 138, 61, 0.35) !important;
  box-shadow: none;
}

@media (max-width: 900px) {
  body.peter-drawer-header-pilot .drawer.peter-drawer-refined {
    --px-drawer-pad-x: 14px;
  }

  body.peter-drawer-header-pilot .drawer.peter-drawer-refined .drawer-header.drawer-header-v2 {
    min-height: 0;
    padding-top: calc(12px + env(safe-area-inset-top));
    gap: 12px;
  }

  body.peter-drawer-header-pilot .drawer.peter-drawer-refined .drawer-header-actions {
    width: 100%;
    flex-wrap: nowrap;
  }

  body.peter-drawer-header-pilot .drawer.peter-drawer-refined .drawer-header-tools {
    min-width: 0;
  }

  body.peter-drawer-header-pilot .drawer.peter-drawer-refined :is(.px-drawer-status-main, .px-drawer-status-sub) {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  body.peter-drawer-header-pilot .drawer.peter-drawer-refined .px-drawer-status-sub {
    gap: 8px;
  }

  body.peter-drawer-header-pilot .drawer.peter-drawer-refined .px-drawer-facts {
    margin-left: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.peter-drawer-header-pilot .drawer.peter-drawer-refined :is(.drawer-print-btn, .px-drawer-more-summary, .drawer-close) {
    transition: none !important;
  }
}

/* peter-followup-figma-v1:
 * 已确认 Figma 目标：2154×1248、分组卡片、真实数据与原动作不变。
 * 严格限定 Peter + 跟单 + 桌面端；不启用旧六列台账，不影响其他账号或其他 Tab。
 */
@media (min-width: 901px) {
  html body.peter-experience-pilot.peter-followup-figma-pilot.gc-admin-shell-pilot.today-followup-sub-active {
    --pff-primary: #0A84FF;
    --pff-warning: #FF7A00;
    --pff-danger: #FF3B30;
    --pff-text: #1D1D1F;
    --pff-text-secondary: #6E6E73;
    --pff-text-muted: #8E8E93;
    --pff-line: #E1E1E6;
    --pff-surface: #FFFFFF;
    --pff-surface-muted: #F5F5F7;
  }

  html body.peter-experience-pilot.peter-followup-figma-pilot.gc-admin-shell-pilot.today-followup-sub-active .content-area {
    background: var(--pff-surface-muted);
  }

  html body.peter-experience-pilot.peter-followup-figma-pilot.gc-admin-shell-pilot.today-followup-sub-active main#main {
    padding: 14px 20px 0 !important;
    background: var(--pff-surface-muted);
  }

  html body.peter-experience-pilot.peter-followup-figma-pilot.gc-admin-shell-pilot.today-followup-sub-active .today-page {
    gap: 0;
    padding-bottom: 18px;
    color: var(--pff-text);
  }

  html body.peter-experience-pilot.peter-followup-figma-pilot.gc-admin-shell-pilot.today-followup-sub-active .today-scroll-region {
    gap: 24px;
    padding: 20px 50px 64px;
    border: 1px solid rgba(60, 60, 67, 0.10);
    border-radius: 26px;
    background: var(--pff-surface);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.025);
  }

  /* 01 款式分组 / 客户品牌：140px 标签坐标 + 48px 分段控件。 */
  html body.peter-experience-pilot.peter-followup-figma-pilot.gc-admin-shell-pilot.today-followup-sub-active .peter-followup-filter-stack {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  html body.peter-experience-pilot.peter-followup-figma-pilot.gc-admin-shell-pilot.today-followup-sub-active .peter-followup-filter-stack .cg-chips-row {
    display: grid;
    grid-template-columns: 140px minmax(0, 1fr);
    align-items: center;
    min-height: 48px;
    margin: 0;
    gap: 0;
  }

  html body.peter-experience-pilot.peter-followup-figma-pilot.gc-admin-shell-pilot.today-followup-sub-active .peter-followup-filter-stack :is(
    .followup-filter-label,
    .followup-client-label,
    .followup-stage-label
  ) {
    width: auto;
    margin: 0;
    padding: 0;
    color: var(--pff-text-secondary);
    font-size: 15px;
    font-weight: 650;
    line-height: 1;
  }

  html body.peter-experience-pilot.peter-followup-figma-pilot.gc-admin-shell-pilot.today-followup-sub-active .peter-followup-filter-stack .filter-group {
    display: inline-flex;
    align-items: center;
    justify-self: start;
    width: fit-content;
    max-width: 100%;
    min-height: 48px;
    height: 48px;
    box-sizing: border-box;
    padding: 3px;
    gap: 2px;
    overflow-x: auto;
    border: 0;
    border-radius: 12px;
    background: #ECECEF;
    box-shadow: none;
    scrollbar-width: none;
  }

  html body.peter-experience-pilot.peter-followup-figma-pilot.gc-admin-shell-pilot.today-followup-sub-active .peter-followup-filter-stack .filter-group::-webkit-scrollbar {
    display: none;
  }

  html body.peter-experience-pilot.peter-followup-figma-pilot.gc-admin-shell-pilot.today-followup-sub-active .peter-followup-filter-stack .filter-btn {
    flex: 0 0 auto;
    min-height: 42px;
    height: 42px;
    padding: 0 17px !important;
    border: 0 !important;
    border-radius: 9px !important;
    color: #4B4B50 !important;
    background: transparent !important;
    font-size: 15px;
    font-weight: 650;
    line-height: 1;
    white-space: nowrap;
    box-shadow: none !important;
  }

  html body.peter-experience-pilot.peter-followup-figma-pilot.gc-admin-shell-pilot.today-followup-sub-active .peter-followup-filter-stack .filter-btn:hover {
    color: var(--pff-text) !important;
    background: rgba(255, 255, 255, 0.72) !important;
  }

  html body.peter-experience-pilot.peter-followup-figma-pilot.gc-admin-shell-pilot.today-followup-sub-active .peter-followup-filter-stack .filter-btn.active {
    color: #FFFFFF !important;
    background: var(--pff-primary) !important;
    box-shadow: 0 1px 2px rgba(10, 132, 255, 0.22) !important;
  }

  /* 02 已寄未补客户单号：位置仍由原注入逻辑决定，只重做目标稿外观。 */
  html body.peter-experience-pilot.peter-followup-figma-pilot.gc-admin-shell-pilot.today-followup-sub-active .stl-trk-toolbar.stl-trk-toolbar-top {
    min-height: 82px;
    box-sizing: border-box;
    margin: 0;
    padding: 14px 20px;
    gap: 16px;
    border: 1px solid #FFB45F;
    border-radius: 16px;
    background: #FFF5E7;
    box-shadow: 0 14px 28px rgba(255, 122, 0, 0.10);
  }

  html body.peter-experience-pilot.peter-followup-figma-pilot.gc-admin-shell-pilot.today-followup-sub-active .stl-trk-toolbar-label {
    color: #B44316;
    font-size: 15px;
    font-weight: 700;
  }

  html body.peter-experience-pilot.peter-followup-figma-pilot.gc-admin-shell-pilot.today-followup-sub-active .stl-trk-batch-btn {
    min-height: 48px;
    padding: 0 20px;
    border-radius: 12px;
    background: #FF791A;
    font-size: 15px;
    box-shadow: 0 5px 12px rgba(255, 122, 0, 0.22);
  }

  html body.peter-experience-pilot.peter-followup-figma-pilot.gc-admin-shell-pilot.today-followup-sub-active .stl-trk-batch-btn:hover {
    background: #F56F0A;
    transform: none;
  }

  /* 03 优先 PO：左侧说明 + 右侧四列、最多两行卡片。 */
  html body.peter-experience-pilot.peter-followup-figma-pilot.gc-admin-shell-pilot.today-followup-sub-active .followup-po-alert {
    display: grid;
    grid-template-columns: 340px minmax(0, 1fr);
    align-items: stretch;
    min-height: 220px;
    box-sizing: border-box;
    margin: 0;
    padding: 16px 18px;
    gap: 18px;
    border: 1px solid var(--pff-line);
    border-left: 1px solid var(--pff-line);
    border-radius: 16px;
    background: var(--pff-surface);
    box-shadow: none;
  }

  html body.peter-experience-pilot.peter-followup-figma-pilot.gc-admin-shell-pilot.today-followup-sub-active .followup-po-alert-head {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
    min-width: 0;
    padding-right: 18px;
    border-right: 1px solid rgba(255, 59, 48, 0.12);
  }

  html body.peter-experience-pilot.peter-followup-figma-pilot.gc-admin-shell-pilot.today-followup-sub-active .followup-po-alert-title {
    color: var(--pff-text);
    font-size: 17px;
    font-weight: 750;
  }

  html body.peter-experience-pilot.peter-followup-figma-pilot.gc-admin-shell-pilot.today-followup-sub-active .followup-po-alert-sub {
    color: var(--pff-text-muted);
    font-size: 14px;
    line-height: 1.45;
  }

  html body.peter-experience-pilot.peter-followup-figma-pilot.gc-admin-shell-pilot.today-followup-sub-active .followup-po-alert-list {
    display: grid;
    grid-template-columns: repeat(4, minmax(250px, 340px));
    align-content: center;
    align-items: stretch;
    justify-content: start;
    gap: 12px;
    min-width: 0;
    overflow: visible;
  }

  html body.peter-experience-pilot.peter-followup-figma-pilot.gc-admin-shell-pilot.today-followup-sub-active .followup-po-alert-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-content: center;
    min-width: 0;
    max-width: none;
    min-height: 88px;
    box-sizing: border-box;
    padding: 12px 14px;
    gap: 5px 10px;
    border: 1px solid var(--pff-line);
    border-radius: 12px;
    background: #F9F9FB;
    box-shadow: none;
    transform: none;
  }

  html body.peter-experience-pilot.peter-followup-figma-pilot.gc-admin-shell-pilot.today-followup-sub-active .followup-po-alert-row:hover {
    border-color: rgba(10, 132, 255, 0.38);
    background: #F5F9FF;
    box-shadow: none;
    transform: none;
  }

  html body.peter-experience-pilot.peter-followup-figma-pilot.gc-admin-shell-pilot.today-followup-sub-active .followup-po-alert-sku {
    color: var(--pff-text);
    font-family: var(--font-sans);
    font-size: 15px;
    font-weight: 750;
  }

  html body.peter-experience-pilot.peter-followup-figma-pilot.gc-admin-shell-pilot.today-followup-sub-active :is(.followup-po-alert-po, .followup-po-alert-ex) {
    grid-column: 1 / -1;
    color: var(--pff-text-muted);
    font-family: var(--font-sans);
    font-size: 13px;
  }

  html body.peter-experience-pilot.peter-followup-figma-pilot.gc-admin-shell-pilot.today-followup-sub-active .followup-po-alert-days {
    align-self: start;
    grid-row: auto;
    grid-column: 2;
    padding: 4px 9px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 750;
  }

  html body.peter-experience-pilot.peter-followup-figma-pilot.gc-admin-shell-pilot.today-followup-sub-active .followup-po-alert-days:is(.warn, .danger, .overdue, .severe) {
    color: var(--pff-danger);
    background: #FFE8E6;
  }

  /* 04 阶段大组：64px 组头、三列 170px 款式卡，与目标稿坐标一致。 */
  html body.peter-experience-pilot.peter-followup-figma-pilot.gc-admin-shell-pilot.today-followup-sub-active .today-section {
    position: relative;
    margin: 0;
    overflow: hidden;
    border: 1px solid var(--pff-line);
    border-radius: 16px;
    background: var(--pff-surface);
    box-shadow: none;
  }

  html body.peter-experience-pilot.peter-followup-figma-pilot.gc-admin-shell-pilot.today-followup-sub-active .today-section > h2 {
    min-height: 64px;
    box-sizing: border-box;
    margin: 0;
    padding: 0 min(46%, 520px) 0 24px;
    gap: 10px;
    border-bottom: 1px solid var(--pff-line);
    color: var(--pff-text);
    background: #FAFAFB;
    box-shadow: none;
    font-family: var(--font-sans);
    font-size: 17px;
    font-style: normal;
    font-weight: 750;
    line-height: 1;
  }

  html body.peter-experience-pilot.peter-followup-figma-pilot.gc-admin-shell-pilot.today-followup-sub-active .today-section > h2 .count-badge {
    padding: 4px 9px;
    border-radius: 8px;
    color: var(--pff-text-secondary);
    background: #EDEDF0;
    font-family: var(--font-sans);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0;
  }

  html body.peter-experience-pilot.peter-followup-figma-pilot.gc-admin-shell-pilot.today-followup-sub-active .today-section > .section-sub {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 24px;
    display: flex;
    align-items: center;
    max-width: 44%;
    height: 64px;
    margin: 0;
    overflow: hidden;
    color: var(--pff-text-muted);
    font-family: var(--font-sans);
    font-size: 14px;
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  html body.peter-experience-pilot.peter-followup-figma-pilot.gc-admin-shell-pilot.today-followup-sub-active .today-section > .section-content {
    padding: 22px 18px 18px;
  }

  html body.peter-experience-pilot.peter-followup-figma-pilot.gc-admin-shell-pilot.today-followup-sub-active .subgroup-divider {
    min-height: 42px;
    margin: 0 0 10px;
    gap: 10px;
    font-size: 14px;
  }

  html body.peter-experience-pilot.peter-followup-figma-pilot.gc-admin-shell-pilot.today-followup-sub-active .subgroup-divider:not(:first-child) {
    margin-top: 14px;
  }

  html body.peter-experience-pilot.peter-followup-figma-pilot.gc-admin-shell-pilot.today-followup-sub-active .subgroup-divider .label {
    min-height: 42px;
    box-sizing: border-box;
    padding: 0 16px;
    border-radius: 999px;
    font-size: 16px;
    font-weight: 700;
  }

  html body.peter-experience-pilot.peter-followup-figma-pilot.gc-admin-shell-pilot.today-followup-sub-active .subgroup-divider .label.po-active {
    color: var(--pff-danger);
    background: #FFE9E7;
  }

  html body.peter-experience-pilot.peter-followup-figma-pilot.gc-admin-shell-pilot.today-followup-sub-active .subgroup-divider .label.dev-only {
    min-height: 30px;
    padding: 0;
    border-radius: 0;
    color: #4B4B50;
    background: transparent;
  }

  html body.peter-experience-pilot.peter-followup-figma-pilot.gc-admin-shell-pilot.today-followup-sub-active .subgroup-divider .hint {
    color: var(--pff-text-muted);
    font-family: var(--font-sans);
    font-size: 13px;
  }

  html body.peter-experience-pilot.peter-followup-figma-pilot.gc-admin-shell-pilot.today-followup-sub-active .subgroup-divider .line {
    background: var(--pff-line);
  }

  html body.peter-experience-pilot.peter-followup-figma-pilot.gc-admin-shell-pilot.today-followup-sub-active .today-cards,
  html body.peter-experience-pilot.peter-followup-figma-pilot.gc-admin-shell-pilot.today-followup-sub-active .today-cards-po,
  html body.peter-experience-pilot.peter-followup-figma-pilot.gc-admin-shell-pilot.today-followup-sub-active .today-cards-dev {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    justify-content: stretch;
    gap: 14px;
  }

  html body.peter-experience-pilot.peter-followup-figma-pilot.gc-admin-shell-pilot.today-followup-sub-active .today-card {
    min-height: 170px;
    box-sizing: border-box;
    align-items: center;
    gap: 14px;
    padding: 14px;
    border: 1px solid var(--pff-line);
    border-radius: 14px !important;
    background: var(--pff-surface);
    box-shadow: none;
    transform: none;
  }

  html body.peter-experience-pilot.peter-followup-figma-pilot.gc-admin-shell-pilot.today-followup-sub-active .today-card:hover {
    border-color: rgba(10, 132, 255, 0.38);
    background: #FBFDFF;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);
    transform: none;
  }

  html body.peter-experience-pilot.peter-followup-figma-pilot.gc-admin-shell-pilot.today-followup-sub-active .today-card :is(.thumb-mini, .thumb-mini-placeholder) {
    width: 94px;
    height: 124px;
    border-radius: 10px !important;
  }

  html body.peter-experience-pilot.peter-followup-figma-pilot.gc-admin-shell-pilot.today-followup-sub-active .today-card-v2 .today-card-body {
    align-self: stretch;
    align-content: center;
    gap: 8px;
  }

  html body.peter-experience-pilot.peter-followup-figma-pilot.gc-admin-shell-pilot.today-followup-sub-active .today-card-v2 .today-card-row1 {
    gap: 6px;
    row-gap: 6px;
  }

  html body.peter-experience-pilot.peter-followup-figma-pilot.gc-admin-shell-pilot.today-followup-sub-active .today-card-v2 .today-card-row1 :is(
    .client-badge,
    .sample-type-badge,
    .dev-size-badge,
    .category-badge,
    .grading-badge,
    .ship-method-badge,
    .group-badge,
    .today-card-ef,
    .color-badge
  ) {
    min-height: 28px;
    box-sizing: border-box;
    padding: 4px 10px !important;
    border-radius: 8px;
    font-size: 13px !important;
    line-height: 1.2;
  }

  html body.peter-experience-pilot.peter-followup-figma-pilot.gc-admin-shell-pilot.today-followup-sub-active .today-card-v2 .today-card-row2 .today-card-sku {
    font-family: var(--font-sans);
    font-size: 16px;
    font-weight: 750;
    letter-spacing: 0;
  }

  html body.peter-experience-pilot.peter-followup-figma-pilot.gc-admin-shell-pilot.today-followup-sub-active .today-card-v2 .today-card-po {
    font-family: var(--font-sans);
    font-size: 14px;
  }

  html body.peter-experience-pilot.peter-followup-figma-pilot.gc-admin-shell-pilot.today-followup-sub-active .today-card-v2 .today-card-row3 .today-card-action-main {
    font-size: 16px;
    font-weight: 700;
  }
}

@media (min-width: 901px) and (max-width: 1660px) {
  html body.peter-experience-pilot.peter-followup-figma-pilot.gc-admin-shell-pilot.today-followup-sub-active .today-scroll-region {
    padding-inline: 28px;
  }

  html body.peter-experience-pilot.peter-followup-figma-pilot.gc-admin-shell-pilot.today-followup-sub-active .followup-po-alert {
    grid-template-columns: 260px minmax(0, 1fr);
  }

  html body.peter-experience-pilot.peter-followup-figma-pilot.gc-admin-shell-pilot.today-followup-sub-active .followup-po-alert-list {
    grid-template-columns: repeat(3, minmax(220px, 1fr));
  }

  html body.peter-experience-pilot.peter-followup-figma-pilot.gc-admin-shell-pilot.today-followup-sub-active .today-cards,
  html body.peter-experience-pilot.peter-followup-figma-pilot.gc-admin-shell-pilot.today-followup-sub-active .today-cards-po,
  html body.peter-experience-pilot.peter-followup-figma-pilot.gc-admin-shell-pilot.today-followup-sub-active .today-cards-dev {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* peter-followup-ledger-v2:
 * Peter 跟单页按确认稿改为真实「范围 / 环节 / 优先提醒 / 单表台账」结构。
 * 不再依赖 CSS 把旧分组卡片伪装成表格；非 Peter 与手机端完全不进入。
 */
@media (min-width: 901px) {
  html body.peter-experience-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .today-scroll-region {
    gap: 12px;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-toolbar {
    overflow: hidden;
    border: 1px solid var(--px-ledger-line, rgba(60, 60, 67, 0.13));
    border-radius: 12px;
    background: var(--px-ledger-surface, #fff);
    box-shadow: none;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-scope-row {
    display: flex;
    align-items: center;
    min-height: 48px;
    padding: 6px 14px;
    border-bottom: 1px solid var(--px-ledger-line-soft, rgba(60, 60, 67, 0.09));
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-toolbar-label {
    width: 92px;
    flex: 0 0 92px;
    color: var(--px-ledger-muted, #6e6e73);
    font-size: 12px;
    font-weight: 600;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-scope-tabs {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 3px;
    border: 1px solid var(--px-ledger-line-soft, rgba(60, 60, 67, 0.09));
    border-radius: 9px;
    background: #f1f1f4;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-scope-btn,
  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-stage-btn {
    min-height: 30px;
    padding: 0 14px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #4f4f55;
    font: 600 12px/1 var(--font-sans);
    cursor: pointer;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-scope-btn span,
  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-stage-btn span {
    margin-left: 7px;
    color: #85858c;
    font-variant-numeric: tabular-nums;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-scope-btn.active {
    background: var(--apple-blue, #007aff);
    color: #fff;
    box-shadow: 0 1px 3px rgba(0, 90, 190, 0.2);
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-scope-btn.active span {
    color: rgba(255, 255, 255, 0.78);
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-scope-note {
    margin-left: auto;
    color: var(--px-ledger-muted, #6e6e73);
    font-size: 11.5px;
    font-weight: 550;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-stage-tabs {
    display: flex;
    align-items: center;
    min-height: 48px;
    padding: 0 14px 0 106px;
    background: #fafafb;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-stage-btn {
    position: relative;
    min-height: 47px;
    padding-inline: 20px;
    border-radius: 0;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-stage-btn:hover {
    color: var(--apple-blue, #007aff);
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-stage-btn.active {
    color: var(--apple-blue, #007aff);
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-stage-btn.active::after {
    content: "";
    position: absolute;
    right: 16px;
    bottom: 0;
    left: 16px;
    height: 2px;
    border-radius: 2px 2px 0 0;
    background: var(--apple-blue, #007aff);
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .followup-po-alert {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    min-height: 82px;
    padding: 0;
    overflow: hidden;
    border: 1px solid rgba(215, 0, 21, 0.13);
    border-radius: 12px;
    background: #fffafa;
    box-shadow: none;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .followup-po-alert-head {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 6px;
    padding: 12px 16px;
    border-right: 1px solid rgba(215, 0, 21, 0.1);
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .followup-po-alert-title {
    color: #1d1d1f;
    font-size: 13px;
    font-weight: 750;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .followup-po-alert-sub {
    color: #8b8b91;
    font-size: 11.5px;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .followup-po-alert-list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    overflow: hidden;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .followup-po-alert-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-content: center;
    gap: 4px 8px;
    min-width: 0;
    min-height: 82px;
    padding: 10px 12px;
    border: 0;
    border-right: 1px solid rgba(215, 0, 21, 0.09);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .followup-po-alert-row:last-child {
    border-right: 0;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .followup-po-alert-row:hover {
    background: rgba(215, 0, 21, 0.035);
    transform: none;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .followup-po-alert-sku,
  html body.peter-experience-pilot.gc-admin-shell-pilot .followup-po-alert-po,
  html body.peter-experience-pilot.gc-admin-shell-pilot .followup-po-alert-ex {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .followup-po-alert-sku {
    color: #262629;
    font-size: 11.5px;
    font-weight: 720;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .followup-po-alert-days {
    align-self: start;
    padding: 3px 6px;
    border-radius: 999px;
    font-size: 10.5px;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .followup-po-alert-po,
  html body.peter-experience-pilot.gc-admin-shell-pilot .followup-po-alert-ex {
    grid-column: 1 / -1;
    color: #7a7a80;
    font-size: 10.5px;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-ledger {
    min-width: 0;
    overflow-x: auto;
    border: 1px solid var(--px-ledger-line, rgba(60, 60, 67, 0.13));
    border-radius: 12px;
    background: var(--px-ledger-surface, #fff);
    box-shadow: none;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-filter-bar {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 1040px;
    min-height: 58px;
    padding: 8px 14px;
    border-bottom: 1px solid var(--px-ledger-line-soft, rgba(60, 60, 67, 0.09));
    background: #fafafb;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-filter-bar label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #66666c;
    font-size: 11.5px;
    font-weight: 600;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-filter-bar select,
  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-filter-bar input {
    width: 142px;
    height: 34px;
    padding: 0 10px;
    border: 1px solid var(--px-ledger-line, rgba(60, 60, 67, 0.13));
    border-radius: 8px;
    background: var(--px-ledger-surface, #fff);
    color: #2d2d30;
    font: 550 12px/1 var(--font-sans);
    box-shadow: none;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-date-filter input {
    width: 150px;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-reset-btn {
    height: 34px;
    margin-left: auto;
    padding: 0 13px;
    border: 1px solid var(--px-ledger-line, rgba(60, 60, 67, 0.13));
    border-radius: 8px;
    background: transparent;
    color: #4f4f55;
    font: 600 12px/1 var(--font-sans);
    cursor: pointer;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-result-count {
    color: #85858c;
    font-size: 11px;
    font-variant-numeric: tabular-nums;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-ledger-head,
  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-ledger-row {
    display: grid;
    grid-template-columns: minmax(270px, 1.45fr) minmax(170px, 0.9fr) minmax(190px, 1fr) 108px 142px 104px;
    align-items: center;
    min-width: 1040px;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-ledger-head {
    min-height: 38px;
    padding: 0 14px;
    border-bottom: 1px solid var(--px-ledger-line, rgba(60, 60, 67, 0.13));
    background: #f1f1f4;
    color: #77777d;
    font-size: 11px;
    font-weight: 650;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-ledger-row {
    min-height: 76px;
    padding: 0 14px;
    border-bottom: 1px solid var(--px-ledger-line-soft, rgba(60, 60, 67, 0.09));
    background: var(--px-ledger-surface, #fff);
    cursor: pointer;
    transition: background-color 120ms ease;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-ledger-row:last-child {
    border-bottom: 0;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-ledger-row:hover {
    background: var(--px-ledger-hover, #f7faff);
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-ledger-row > div {
    min-width: 0;
    padding-right: 14px;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-style-cell {
    display: flex;
    align-items: center;
    gap: 12px;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-style-cell .thumb-mini,
  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-style-cell .thumb-mini-placeholder {
    width: 44px;
    height: 56px;
    flex: 0 0 44px;
    margin: 0;
    border: 1px solid rgba(60, 60, 67, 0.1);
    border-radius: 7px;
    object-fit: cover;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-cell-copy,
  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-client-cell,
  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-wait-cell,
  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-risk-cell {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-cell-copy strong,
  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-client-cell strong,
  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-wait-cell strong,
  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-risk-cell strong {
    overflow: hidden;
    color: #262629;
    font-size: 12.5px;
    font-weight: 720;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-cell-copy span,
  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-client-cell span,
  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-wait-cell span,
  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-risk-cell span {
    overflow: hidden;
    color: #85858c;
    font-size: 10.8px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-node-cell {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    color: #4c4c52;
    font-size: 11.5px;
    font-weight: 600;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-node-cell > span:last-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-node-chip {
    flex: 0 0 auto;
    padding: 4px 7px;
    border-radius: 7px;
    background: #fff4dd;
    color: #9a6500;
    font-size: 10.5px;
    font-weight: 700;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-node-chip.is-followup {
    background: #eaf3ff;
    color: #0066cc;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-node-chip.is-prod {
    background: #f3eaff;
    color: #7a3ec8;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-risk-cell:is(.is-overdue, .is-danger) strong {
    color: #d70015;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-risk-cell.is-warn strong {
    color: #b25400;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-risk-cell.is-ok strong {
    color: #267a3e;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-next-cell {
    display: flex;
    justify-content: flex-start;
    padding-right: 0 !important;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-next-cell :is(.today-quick-btn, .peter-followup-view-btn) {
    min-width: 66px;
    min-height: 30px;
    padding: 0 11px;
    border: 0;
    border-radius: 7px;
    background: var(--apple-blue, #007aff);
    color: #fff;
    font: 650 11px/1 var(--font-sans);
    box-shadow: none;
    cursor: pointer;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-next-cell .peter-followup-view-btn {
    border: 1px solid var(--px-ledger-line, rgba(60, 60, 67, 0.13));
    background: transparent;
    color: #4f4f55;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-ledger-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-width: 1040px;
    min-height: 150px;
    color: #77777d;
    font-size: 11.5px;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-ledger-empty strong {
    color: #3a3a3e;
    font-size: 13px;
  }
}

/* peter-followup-fidelity-v3:
 * 按确认截图修正真实差异：顶部范围/环节固定可见、优先 PO 收成 56px、四项筛选完整。
 * 数据行保持现有可读高度；两张截图像素宽度不同，不对整表做误判式缩放。
 */
@media (min-width: 901px) {
  html body.peter-experience-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .peter-followup-toolbar {
    position: sticky;
    top: 0;
    z-index: 30;
    flex: 0 0 auto;
    overflow: visible;
    border: 0;
    border-bottom: 1px solid var(--px-ledger-line-soft, rgba(60, 60, 67, 0.09));
    border-radius: 0;
    background: var(--px-ledger-surface, #fff);
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .peter-followup-scope-row {
    min-height: 44px;
    padding: 4px 4px;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .peter-followup-stage-tabs {
    min-height: 40px;
    padding-left: 96px;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .peter-followup-stage-btn {
    min-height: 39px;
    padding-inline: 18px;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .followup-po-alert {
    grid-template-columns: 112px minmax(0, 1fr);
    min-height: 56px;
    border-radius: 10px;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .followup-po-alert-head {
    min-height: 56px;
    padding: 0 12px;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .followup-po-alert-title {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    white-space: nowrap;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .followup-po-alert-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 5px;
    border-radius: 999px;
    background: #ffe8e8;
    color: #d70015;
    font-size: 10px;
    font-variant-numeric: tabular-nums;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .followup-po-alert-list {
    min-height: 56px;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .followup-po-alert-row.is-peter-compact {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    align-content: center;
    gap: 4px 8px;
    min-height: 56px;
    padding: 7px 11px;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .followup-po-alert-row.is-peter-compact .followup-po-alert-idline {
    grid-column: 1 / -1;
    display: flex;
    align-items: baseline;
    gap: 8px;
    min-width: 0;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .followup-po-alert-row.is-peter-compact .followup-po-alert-sku {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .followup-po-alert-row.is-peter-compact .followup-po-alert-po {
    grid-column: auto;
    flex: 0 0 auto;
    color: #77777d;
    font-size: 10px;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .followup-po-alert-row.is-peter-compact .followup-po-alert-status {
    min-width: 0;
    overflow: hidden;
    color: #6f6f75;
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .followup-po-alert-row.is-peter-compact .followup-po-alert-days {
    align-self: center;
    padding: 0;
    background: transparent;
    font-size: 10px;
    font-weight: 700;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .peter-followup-filter-bar {
    gap: 12px;
    min-height: 50px;
    padding: 7px 12px;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .peter-followup-filter-bar label {
    gap: 7px;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .peter-followup-filter-bar select,
  html body.peter-experience-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .peter-followup-filter-bar input {
    width: 132px;
    height: 32px;
    padding-inline: 9px;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .peter-followup-date-filter input {
    width: 140px;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.today-tab-active.today-followup-sub-active .peter-followup-reset-btn {
    height: 32px;
  }
}

body.peter-experience-pilot .app-shell {
  --bg: var(--px-bg);
  --bg-elevated: var(--px-surface);
  --bg-sunken: var(--px-surface-soft);
  --bg-hover: var(--px-surface-hover);
  --line: var(--px-line);
  --line-strong: var(--px-line-strong);
  --ink: var(--px-text);
  --ink-soft: var(--px-text-soft);
  --ink-mute: var(--px-text-mute);
  --apple-blue: var(--px-blue);
  --apple-blue-hover: var(--px-blue-hover);
  --apple-blue-bg: var(--px-blue-soft);
  --gc-card-radius: var(--px-radius-panel);
  --gc-button-radius: var(--px-radius-control);
  --gc-field-radius: var(--px-radius-control);
  --gc-card-shadow: var(--px-shadow-panel);
  --focus-ring: 0 0 0 3px rgba(0, 122, 255, 0.14);

  color: var(--px-text);
  background: var(--px-bg);
}

body.peter-experience-pilot .app-shell .content-area,
body.peter-experience-pilot .app-shell main#main {
  background-color: var(--px-bg);
}

body.peter-experience-pilot .app-shell .sidebar {
  border-right-color: var(--px-line);
}

body.peter-experience-pilot .app-shell .nav-item {
  border-radius: 9px;
  transition:
    background-color 140ms ease,
    color 140ms ease,
    box-shadow 140ms ease;
}

body.peter-experience-pilot .app-shell .nav-item.active {
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06), inset 0 0 0 1px rgba(60, 60, 67, 0.06);
}

body.peter-experience-pilot .app-shell :where(
  .today-page,
  .archive-page-v2,
  .patternlog-page,
  .plog-page,
  .ship-page,
  .acc-page,
  .client-info-page,
  .followup-guide-page,
  .dash-page,
  .fudesk-page,
  .pfdesk-page,
  .recycle-page,
  .admin-wrap,
  .peter-ai-workbench-page,
  .quote-tool-page,
  .pet-mail-page,
  .sample-dispatch-page,
  .recording-dashboard
) {
  color: var(--px-text);
  scrollbar-gutter: stable;
  overscroll-behavior: contain;
}

body.peter-experience-pilot .app-shell main#main :where(
  h1,
  h2,
  h3,
  h4,
  [class$="-title"],
  [class*="-title "]
) {
  color: var(--px-text);
  font-family: var(--font-sans);
  font-style: normal;
  text-wrap: balance;
}

/* peter-mail-macos-split-view-v1:
 * Peter 邮件模板台使用 macOS Source List / Content List / Detail 连续分栏。
 * 折叠栏完全退出可见区域，恢复入口进入邮件工具栏，不再保留贯穿全页的窄轨道。
 */
@media (min-width: 681px) {
  body.peter-experience-pilot #petMailPage.pet-mail-page {
    height: 100%;
    min-height: 0;
    box-sizing: border-box;
    overflow: hidden;
    border: 1px solid rgba(60, 60, 67, 0.16);
    border-radius: 20px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.035);
  }

  body.peter-experience-pilot #petMailPage.pet-mail-page {
    background: var(--px-surface);
  }

  body.peter-experience-pilot #petMailPage .pet-mail-shell {
    height: 100%;
    min-height: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    grid-template-columns: 212px 380px minmax(0, 1fr);
    gap: 0;
    background: var(--px-surface);
  }

  body.peter-experience-pilot #petMailPage .pet-mail-shell.templates-collapsed {
    grid-template-columns: 0 380px minmax(0, 1fr);
  }

  body.peter-experience-pilot #petMailPage .pet-mail-shell.selection-collapsed {
    grid-template-columns: 212px 0 minmax(0, 1fr);
  }

  body.peter-experience-pilot #petMailPage .pet-mail-shell.templates-collapsed.selection-collapsed {
    grid-template-columns: 0 0 minmax(0, 1fr);
  }

  body.peter-experience-pilot #petMailPage .pet-mail-shell.manual-fabric-no-selection {
    grid-template-columns: 212px minmax(0, 1fr);
  }

  body.peter-experience-pilot #petMailPage .pet-mail-shell.manual-fabric-no-selection.templates-collapsed {
    grid-template-columns: 0 minmax(0, 1fr);
  }

  body.peter-experience-pilot #petMailPage .pet-mail-panel,
  body.peter-experience-pilot #petMailPage .pet-mail-compose {
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--px-surface);
    box-shadow: none !important;
  }

  body.peter-experience-pilot #petMailPage .pet-mail-template-panel,
  body.peter-experience-pilot #petMailPage .pet-mail-selection-panel {
    border-right: 1px solid var(--px-line) !important;
  }

  body.peter-experience-pilot #petMailPage .pet-mail-shell.templates-collapsed > .pet-mail-template-panel,
  body.peter-experience-pilot #petMailPage .pet-mail-shell.selection-collapsed > .pet-mail-selection-panel {
    visibility: hidden;
    pointer-events: none;
    border-right: 0 !important;
  }

  body.peter-experience-pilot #petMailPage .pet-mail-panel-h,
  body.peter-experience-pilot #petMailPage .pet-mail-compose-bar,
  body.peter-experience-pilot #petMailPage .pet-mail-fields,
  body.peter-experience-pilot #petMailPage .pet-mail-panel-foot {
    border-radius: 0;
    box-shadow: none;
  }

  body.peter-experience-pilot #petMailPage .pet-mail-panel-h,
  body.peter-experience-pilot #petMailPage .pet-mail-compose-bar {
    background: #FFFFFF;
  }

  body.peter-experience-pilot #petMailPage .pet-mail-compose-bar {
    position: relative;
    z-index: 5;
    overflow: visible;
  }

  body.peter-experience-pilot #petMailPage .pet-mail-fields {
    background: #F7F7F9;
  }

  body.peter-experience-pilot #petMailPage .pet-mail-preview-wrap {
    background: #F4F5F7;
  }

  body.peter-experience-pilot #petMailPage .pet-mail-template-list {
    padding: 8px 0;
  }

  body.peter-experience-pilot #petMailPage .pet-mail-template {
    min-height: 58px;
    margin-bottom: 0;
    padding: 8px 10px;
    border-width: 0 0 1px;
    border-color: transparent;
    border-radius: 0;
    box-shadow: none;
  }

  body.peter-experience-pilot #petMailPage .pet-mail-template.active {
    border-color: transparent;
    background: #EDF5FF;
    box-shadow: none;
  }

  body.peter-experience-pilot #petMailPage .pet-mail-style-list {
    padding: 0 8px 14px;
  }

  body.peter-experience-pilot #petMailPage .pet-mail-row {
    border-width: 0 0 1px;
    border-color: var(--px-line);
    border-radius: 0;
    margin-bottom: 0;
    padding: 8px 6px;
    box-shadow: none;
  }

  body.peter-experience-pilot #petMailPage .pet-mail-row:hover {
    border-color: var(--px-line);
    background: #F7FAFF;
  }

  body.peter-experience-pilot #petMailPage .pet-mail-row.selected {
    border-color: var(--px-line);
    background: #EDF5FF;
    box-shadow: none;
  }

  body.peter-experience-pilot #petMailPage .pet-mail-compose-title {
    min-width: 0;
    flex: 1 1 auto;
  }

  body.peter-experience-pilot #petMailPage .pet-mail-restore-actions {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding-right: 3px;
  }

  body.peter-experience-pilot #petMailPage .pet-mail-restore-btn {
    appearance: none;
    min-height: 32px;
    display: inline-flex;
    align-items: center;
    padding: 6px 9px;
    border: 1px solid var(--px-line-strong);
    border-radius: 7px;
    background: #FFFFFF;
    color: var(--px-text);
    font: inherit;
    font-size: 11.5px;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
  }

  body.peter-experience-pilot #petMailPage .pet-mail-restore-btn:hover {
    border-color: #80BFFF;
    background: #F2F7FF;
    color: var(--px-blue-hover);
  }

  body.peter-experience-pilot #petMailPage .pet-mail-restore-btn:active {
    transform: scale(.975);
  }

  body.peter-experience-pilot #petMailPage .pet-mail-more {
    position: relative;
    flex: 0 0 auto;
  }

  body.peter-experience-pilot #petMailPage .pet-mail-more > summary {
    min-width: 38px;
    display: inline-grid;
    place-items: center;
    list-style: none;
    letter-spacing: 1px;
  }

  body.peter-experience-pilot #petMailPage .pet-mail-more > summary::-webkit-details-marker {
    display: none;
  }

  body.peter-experience-pilot #petMailPage .pet-mail-more-menu {
    position: absolute;
    top: calc(100% + 7px);
    right: 0;
    z-index: 40;
    width: 168px;
    padding: 5px;
    border: 1px solid var(--px-line);
    border-radius: 9px;
    background: #FFFFFF;
    box-shadow: 0 10px 30px rgba(15, 23, 42, .14), 0 2px 7px rgba(15, 23, 42, .06);
  }

  body.peter-experience-pilot #petMailPage .pet-mail-more-menu button {
    appearance: none;
    width: 100%;
    min-height: 34px;
    padding: 7px 9px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--px-text);
    font: inherit;
    font-size: 11.5px;
    font-weight: 650;
    text-align: left;
    cursor: pointer;
  }

  body.peter-experience-pilot #petMailPage .pet-mail-more-menu button:hover {
    background: #F2F6FC;
  }

  body.peter-experience-pilot #petMailPage .pet-mail-more-menu button.danger {
    color: var(--px-danger);
  }

  body.peter-experience-pilot #petMailPage .pet-mail-preview-stage {
    max-width: 1080px;
    margin: 0 auto;
  }

  body.peter-experience-pilot #petMailPage .pet-mail-preview {
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.035);
  }
}

@media (min-width: 681px) and (max-width: 1179px) {
  body.peter-experience-pilot #petMailPage .pet-mail-shell {
    grid-template-columns: 184px 330px minmax(0, 1fr);
  }

  body.peter-experience-pilot #petMailPage .pet-mail-shell.templates-collapsed {
    grid-template-columns: 0 330px minmax(0, 1fr);
  }

  body.peter-experience-pilot #petMailPage .pet-mail-shell.selection-collapsed {
    grid-template-columns: 184px 0 minmax(0, 1fr);
  }

  body.peter-experience-pilot #petMailPage .pet-mail-shell.templates-collapsed.selection-collapsed {
    grid-template-columns: 0 0 minmax(0, 1fr);
  }

  body.peter-experience-pilot #petMailPage .pet-mail-shell.manual-fabric-no-selection {
    grid-template-columns: 184px minmax(0, 1fr);
  }

  body.peter-experience-pilot #petMailPage .pet-mail-shell.manual-fabric-no-selection.templates-collapsed {
    grid-template-columns: 0 minmax(0, 1fr);
  }
}

body.peter-experience-pilot .app-shell main#main :where(
  p,
  small,
  [class$="-desc"],
  [class*="-desc "],
  [class$="-hint"],
  [class*="-hint "]
) {
  text-wrap: pretty;
}

body.peter-experience-pilot .app-shell :where(
  .sku,
  .po-no,
  .barcode,
  .date,
  .days,
  .count,
  [class$="-count"],
  [class*="-count "],
  input[type="date"],
  input[type="number"]
) {
  font-variant-numeric: tabular-nums;
}

/* 顶部动作和筛选统一为一层安静的控制面。 */
body.peter-experience-pilot .app-shell :where(
  #controlsBar,
  .plog-toolbar,
  .ship-workbench-head,
  .acc-workbench-head,
  .client-info-toolbar,
  .fg-toolbar,
  .qt-toolbar,
  .pet-mail-compose-bar,
  .gc-cu-toolbar,
  .sample-dispatch-toolbar
) {
  border-color: var(--px-line);
  background-color: rgba(255, 255, 255, 0.76);
  box-shadow: none;
}

body.peter-experience-pilot .app-shell #controlsBar:not(.gc-admin-search-only) {
  margin: 0 16px 10px;
  padding: 8px 10px;
  border: 1px solid var(--px-line);
  border-radius: var(--px-radius-panel);
}

body.peter-experience-pilot .app-shell :where(
  .filter-group,
  .view-toggle,
  [class$="-segmented"],
  [class*="-segmented "]
) {
  border-color: var(--px-line);
  border-radius: 9px;
  background: var(--px-surface-soft);
  box-shadow: none;
}

body.peter-experience-pilot .app-shell :where(
  .filter-btn,
  .view-toggle button,
  [class$="-tab"],
  [class*="-tab "]
) {
  border-radius: 7px;
  transition:
    color 130ms ease,
    background-color 130ms ease,
    border-color 130ms ease,
    box-shadow 130ms ease;
}

/* 输入控件：尺寸、边线、焦点和禁用态一致。 */
body.peter-experience-pilot .app-shell main#main :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
  select,
  textarea
) {
  border-color: var(--px-line-strong);
  border-radius: var(--px-radius-control);
  background-color: var(--px-surface);
  color: var(--px-text);
  box-shadow: 0 1px 1px rgba(15, 23, 42, 0.02);
  transition:
    border-color 140ms ease,
    background-color 140ms ease,
    box-shadow 140ms ease;
}

body.peter-experience-pilot .app-shell main#main :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
  select
) {
  min-height: 36px;
}

body.peter-experience-pilot .app-shell main#main :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
  select,
  textarea
):focus-visible {
  outline: none;
  border-color: rgba(0, 122, 255, 0.62);
  box-shadow: 0 0 0 3px rgba(0, 122, 255, 0.11);
}

body.peter-experience-pilot .app-shell :where(button, [role="button"]) {
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

body.peter-experience-pilot .app-shell :where(button, input, select, textarea):disabled,
body.peter-experience-pilot .app-shell [aria-disabled="true"] {
  cursor: not-allowed;
  opacity: 0.48;
  filter: saturate(0.7);
}

body.peter-experience-pilot .app-shell :where(
  .btn-new,
  .header-create-btn,
  .filter-btn,
  .gc-admin-page-action,
  .app-dialog-btn,
  .peter-ai-btn,
  .peter-ai-draft-mini-btn,
  .qt-primary-btn,
  .qt-ghost-btn,
  .pet-mail-btn,
  .pet-mail-mini-btn,
  .gc-cu-btn-primary,
  .gc-cu-btn-secondary,
  .gc-cu-pending-qbtn,
  .gc-sdf-mini-btn,
  .gc-sdf-invoice-btn,
  .gc-sdf-print-btn,
  .ship-report-btn,
  .ship-action-btn,
  .pq2-report-btn,
  .pq2-btn,
  .gc-rpt-btn,
  .fg-back-btn,
  .list-load-more-btn,
  .drawer-close
) {
  border-radius: var(--px-radius-control);
  transition:
    transform 120ms var(--px-ease-out),
    color 140ms ease,
    background-color 140ms ease,
    border-color 140ms ease,
    box-shadow 140ms ease;
}

body.peter-experience-pilot .app-shell :where(
  .btn-new,
  .header-create-btn,
  .gc-admin-page-action.primary,
  .app-dialog-btn.btn-confirm:not(.danger),
  .peter-ai-btn.primary,
  .peter-ai-draft-mini-btn.primary,
  .qt-primary-btn,
  .pet-mail-btn.primary,
  .pet-mail-mini-btn.primary,
  .gc-cu-btn-primary,
  .gc-cu-pending-qbtn.primary,
  .gc-sdf-print-btn,
  .gc-rpt-btn.primary,
  .list-load-more-btn
) {
  border-color: var(--px-blue);
  background: var(--px-blue);
  color: #FFFFFF;
  box-shadow: 0 4px 12px -7px rgba(0, 122, 255, 0.72);
}

body.peter-experience-pilot .app-shell :where(
  .btn-new,
  .header-create-btn,
  .gc-admin-page-action.primary,
  .app-dialog-btn.btn-confirm:not(.danger),
  .peter-ai-btn.primary,
  .peter-ai-draft-mini-btn.primary,
  .qt-primary-btn,
  .pet-mail-btn.primary,
  .pet-mail-mini-btn.primary,
  .gc-cu-btn-primary,
  .gc-cu-pending-qbtn.primary,
  .gc-sdf-print-btn,
  .gc-rpt-btn.primary,
  .list-load-more-btn
):hover {
  border-color: var(--px-blue-hover);
  background: var(--px-blue-hover);
}

body.peter-experience-pilot .app-shell :where(
  .nav-item,
  button,
  [role="button"],
  input,
  select,
  textarea,
  .style-row,
  .production-row,
  .plog-list-row
):focus-visible {
  outline: 2px solid rgba(0, 122, 255, 0.34);
  outline-offset: 2px;
  box-shadow: var(--focus-ring);
}

/* 卡片和连续台账：统一边线与密度，业务状态颜色继续由原模块负责。 */
body.peter-experience-pilot .app-shell main#main :where(
  .today-card,
  .style-list,
  .dev-month-section,
  .production-group,
  .production-list,
  .board-card,
  .prod-board-card,
  .plog-list,
  .plog-list-row,
  .ship-strip,
  .ship-table-wrap,
  .acc-group,
  .client-info-brand,
  .client-contact-card,
  .peter-ai-card,
  .qt-stage-panel,
  .qt-table-wrap,
  .pet-mail-panel,
  .gc-cu-panel,
  .admin-sec,
  .recycle-card
) {
  border-color: var(--px-line);
  border-radius: var(--px-radius-panel);
  box-shadow: var(--px-shadow-panel);
}

body.peter-experience-pilot .app-shell main#main :where(
  .style-list,
  .dev-month-section,
  .production-group,
  .production-list,
  .plog-list,
  .ship-table-wrap,
  .qt-table-wrap
) {
  overflow: auto;
  scrollbar-gutter: stable;
  overscroll-behavior: contain;
}

body.peter-experience-pilot .app-shell main#main :where(
  .list-header,
  .production-list-header,
  .ship-table thead th,
  .qt-cost-table thead th,
  .admin-table thead th
) {
  border-color: var(--px-line);
  background: #F2F2F5;
  color: var(--px-text-mute);
  font-family: var(--font-sans);
  font-size: 11px;
  font-weight: 650;
  letter-spacing: 0.01em;
  text-transform: none;
}

body.peter-experience-pilot .app-shell main#main :where(
  .ship-table,
  .qt-cost-table,
  .admin-table,
  .client-info-table
) {
  border-collapse: separate;
  border-spacing: 0;
  font-variant-numeric: tabular-nums;
}

body.peter-experience-pilot .app-shell main#main :where(
  .ship-table td,
  .ship-table th,
  .qt-cost-table td,
  .qt-cost-table th,
  .admin-table td,
  .admin-table th,
  .client-info-table td,
  .client-info-table th
) {
  border-color: var(--px-line);
}

body.peter-experience-pilot .app-shell main#main :where(
  .style-row,
  .production-row,
  .today-card,
  .board-card,
  .prod-board-card,
  .plog-list-row,
  .ship-table tbody tr,
  .qt-cost-table tbody tr,
  .admin-table tbody tr
) {
  transition:
    background-color 130ms ease,
    border-color 130ms ease,
    box-shadow 130ms ease;
}

body.peter-experience-pilot .app-shell main#main :where(
  .board-card,
  .prod-board-card,
  .today-card
) {
  transform: none;
}

body.peter-experience-pilot .app-shell main#main :where(
  .style-row,
  .production-row
) .arrow {
  transform: none;
}

body.peter-experience-pilot .app-shell main#main :where(
  .empty,
  .today-empty,
  .plog-empty,
  .ship-empty,
  .admin-empty,
  .recycle-empty
) {
  border: 1px dashed var(--px-line-strong);
  border-radius: var(--px-radius-panel);
  background: rgba(255, 255, 255, 0.66);
  color: var(--px-text-mute);
  box-shadow: none;
}

/* 抽屉与弹窗：稳定滚动、清楚层级，不改变宽度和业务结构。 */
body.peter-experience-pilot :where(.drawer-backdrop, .modal-backdrop, .app-dialog-backdrop) {
  background-color: rgba(17, 24, 39, 0.30);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}

body.peter-experience-pilot :where(.drawer, .modal, .app-dialog) {
  border-color: var(--px-line);
  border-radius: var(--px-radius-dialog);
  background-color: var(--px-surface);
  box-shadow: var(--px-shadow-float);
}

body.peter-experience-pilot .drawer {
  border-left: 1px solid var(--px-line);
  border-radius: 16px 0 0 16px;
}

body.peter-experience-pilot :where(.drawer-header, .modal-header, .app-dialog-main) {
  border-color: var(--px-line);
}

body.peter-experience-pilot :where(.drawer-body, .modal-body, .app-dialog-message) {
  scrollbar-gutter: stable;
  overscroll-behavior: contain;
}

body.peter-experience-pilot :where(.toast, .gc-upload-task) {
  border-color: var(--px-line);
  border-radius: 14px;
  background-color: rgba(255, 255, 255, 0.97);
  box-shadow: 0 16px 42px rgba(15, 23, 42, 0.15), 0 2px 8px rgba(15, 23, 42, 0.05);
}

body.peter-experience-pilot .peter-account-widget.closing .peter-account-menu {
  animation-timing-function: var(--px-ease-out);
}

body.peter-experience-pilot .app-shell :where(
  .btn-new,
  .header-create-btn,
  .filter-btn,
  .gc-admin-page-action,
  .app-dialog-btn,
  .peter-ai-btn,
  .peter-ai-draft-mini-btn,
  .qt-primary-btn,
  .qt-ghost-btn,
  .pet-mail-btn,
  .pet-mail-mini-btn,
  .gc-cu-btn-primary,
  .gc-cu-btn-secondary,
  .gc-cu-pending-qbtn,
  .gc-sdf-mini-btn,
  .gc-sdf-invoice-btn,
  .gc-sdf-print-btn,
  .ship-report-btn,
  .ship-action-btn,
  .pq2-report-btn,
  .pq2-btn,
  .gc-rpt-btn,
  .fg-back-btn,
  .list-load-more-btn,
  .drawer-close
):not(:disabled):active {
  transform: translateY(1px) scale(0.985);
  transition-duration: 90ms;
}

/* 高频操作只做轻反馈；hover 只在真正有鼠标的设备启用。 */
@media (hover: hover) and (pointer: fine) {
  body.peter-experience-pilot .app-shell .nav-item:hover {
    background-color: rgba(255, 255, 255, 0.62);
  }

  body.peter-experience-pilot .app-shell main#main :where(
    .style-row,
    .production-row,
    .today-card,
    .board-card,
    .prod-board-card,
    .plog-list-row,
    .ship-table tbody tr,
    .qt-cost-table tbody tr,
    .admin-table tbody tr
  ):hover {
    background-color: #F7FAFF;
  }

  body.peter-experience-pilot .app-shell main#main :where(
    .style-row,
    .production-row
  ):hover .arrow {
    transform: translateX(2px);
  }
}

@media (min-width: 901px) {
  body.peter-experience-pilot .app-shell main#main {
    padding: 18px 20px 48px;
  }

  body.peter-experience-pilot .app-shell :where(
    .today-scroll-region,
    .plog-page,
    .ship-page,
    .acc-page,
    .archive-page-v2,
    .recycle-page
  ) {
    scroll-padding: 18px 0 48px;
  }

  body.peter-experience-pilot .app-shell :where(
    .style-list,
    .production-list,
    .ship-table-wrap,
    .qt-table-wrap
  ) {
    max-height: 100%;
  }
}

@media (max-width: 900px) {
  body.peter-experience-pilot .app-shell {
    --gc-button-height: 44px;
    --gc-field-height: 44px;
  }

  body.peter-experience-pilot .app-shell main#main {
    padding-right: 12px;
    padding-left: 12px;
    padding-bottom: calc(92px + env(safe-area-inset-bottom));
  }

  body.peter-experience-pilot .app-shell #controlsBar:not(.gc-admin-search-only) {
    margin: 0 8px 10px;
    padding: 8px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
  }

  body.peter-experience-pilot .app-shell #controlsBar::-webkit-scrollbar {
    display: none;
  }

  body.peter-experience-pilot .app-shell main#main :where(
    input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
    select
  ) {
    min-height: 44px;
    font-size: 16px;
  }

  body.peter-experience-pilot .app-shell main#main button:not([class*="icon"]):not([class*="close"]):not([class*="chip"]):not([class*="pill"]):not([class*="tab"]):not([class*="toggle"]) {
    min-height: 44px;
  }

  body.peter-experience-pilot .drawer {
    width: 100vw;
    max-width: 100vw;
    border-left: 0;
    border-radius: 0;
  }

  body.peter-experience-pilot :where(.modal, .app-dialog) {
    max-height: 92dvh;
  }
}

/* 新版细分表头默认隐藏；只在下面的 Peter 开发追踪灰度作用域内显示。 */
.dev-list-header .dev-image-heading-peter,
.dev-list-header .dev-info-heading-peter {
  display: none;
}

/* 新增的字段槽对普通账号等价于原有连续内容，不改变原排版。 */
.dev-list-row .dev-meta-slot {
  display: contents;
}

/* peter-dev-ledger-macos-v2 / peter-dev-ledger-headings-v3 / peter-dev-ledger-aligned-v4:
   只规范 Peter 桌面端「开发追踪」列表。参考 macOS Finder 的紧凑连续行：
   固定字段起点，但徽章按内容自然宽度，不把短信息拉成长按钮。 */
@media (min-width: 901px) {
  html body.peter-experience-pilot.gc-admin-shell-pilot.peter-topbar-trial.dev-tab-active .list-header.simplified.dev-list-header,
  html body.peter-experience-pilot.gc-admin-shell-pilot.peter-topbar-trial.dev-tab-active .style-row.simplified.dev-list-row {
    grid-template-columns: 48px 220px minmax(520px, 1fr) 240px 18px !important;
    gap: 12px !important;
    min-width: 1080px;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.peter-topbar-trial.dev-tab-active .list-header.simplified.dev-list-header {
    min-height: 36px;
    padding-block: 0;
    background: #f5f5f7;
    color: #6e6e73;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.peter-topbar-trial.dev-tab-active .dev-list-header .dev-image-heading-peter {
    display: block;
    white-space: nowrap;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.peter-topbar-trial.dev-tab-active .dev-list-header .dev-info-heading-legacy {
    display: none;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.peter-topbar-trial.dev-tab-active .dev-list-header .dev-info-heading-peter {
    display: grid;
    grid-template-columns: 116px minmax(0, 1fr);
    column-gap: 12px;
    align-items: center;
    min-width: 0;
    white-space: nowrap;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.peter-topbar-trial.dev-tab-active .dev-list-header .dev-meta-heading-peter {
    display: grid;
    grid-template-columns: 56px 58px 56px 84px 92px;
    gap: 6px;
    align-items: center;
    justify-items: start;
    min-width: 0;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.peter-topbar-trial.dev-tab-active .style-row.simplified.dev-list-row {
    box-sizing: border-box;
    height: 76px;
    min-height: 76px;
    padding-block: 8px;
    border-bottom-color: rgba(60, 60, 67, 0.14);
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.peter-topbar-trial.dev-tab-active .style-row.simplified.dev-list-row > :is(.thumb, .thumb-placeholder) {
    width: 42px !important;
    height: 54px !important;
    justify-self: start;
    border-radius: 7px !important;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.peter-topbar-trial.dev-tab-active .style-row.simplified.dev-list-row > .sku {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.01em;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.peter-topbar-trial.dev-tab-active .style-row.simplified.dev-list-row > .style-row-brand-info {
    display: grid;
    grid-template-columns: 116px minmax(0, 1fr);
    grid-template-rows: 24px 16px;
    column-gap: 12px;
    row-gap: 2px;
    align-items: center;
    min-width: 0;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.peter-topbar-trial.dev-tab-active .style-row.simplified.dev-list-row > .style-row-brand-info > .client-badge {
    grid-column: 1;
    grid-row: 1;
    width: max-content;
    max-width: 116px !important;
    min-width: 0;
    justify-self: start;
    justify-content: flex-start;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 4px 10px;
    border-radius: 7px;
    font-size: 12px;
    line-height: 1;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.peter-topbar-trial.dev-tab-active .style-row.simplified.dev-list-row .style-row-info {
    display: contents;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.peter-topbar-trial.dev-tab-active .style-row.simplified.dev-list-row .style-name {
    grid-column: 2;
    grid-row: 1 / span 2;
    display: grid;
    grid-template-columns: 56px 58px 56px 84px 92px;
    grid-template-rows: 22px 16px;
    grid-auto-flow: row;
    align-items: center;
    justify-items: start;
    gap: 2px 6px;
    width: 100%;
    min-width: 0;
    overflow: hidden;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.peter-topbar-trial.dev-tab-active .style-row.simplified.dev-list-row .dev-meta-slot {
    display: flex;
    align-items: center;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.peter-topbar-trial.dev-tab-active .style-row.simplified.dev-list-row .dev-meta-sample {
    grid-column: 1;
    grid-row: 1;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.peter-topbar-trial.dev-tab-active .style-row.simplified.dev-list-row .dev-meta-category {
    grid-column: 2;
    grid-row: 1;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.peter-topbar-trial.dev-tab-active .style-row.simplified.dev-list-row .dev-meta-size {
    grid-column: 3;
    grid-row: 1;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.peter-topbar-trial.dev-tab-active .style-row.simplified.dev-list-row .dev-meta-color {
    grid-column: 4;
    grid-row: 1;
    gap: 3px;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.peter-topbar-trial.dev-tab-active .style-row.simplified.dev-list-row .dev-meta-purchase {
    grid-column: 5;
    grid-row: 1;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.peter-topbar-trial.dev-tab-active .style-row.simplified.dev-list-row .dev-meta-record {
    grid-column: 1;
    grid-row: 2;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.peter-topbar-trial.dev-tab-active .style-row.simplified.dev-list-row .dev-meta-factory {
    grid-column: 2;
    grid-row: 2;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.peter-topbar-trial.dev-tab-active .style-row.simplified.dev-list-row .dev-meta-group {
    grid-column: 3 / span 2;
    grid-row: 2;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.peter-topbar-trial.dev-tab-active .style-row.simplified.dev-list-row .style-subinfo {
    grid-column: 1;
    grid-row: 2;
    display: flex;
    flex-wrap: nowrap;
    gap: 6px;
    min-width: 0;
    overflow: hidden;
    color: var(--ink-mute);
    font-size: 11px;
    line-height: 16px;
    white-space: nowrap;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.peter-topbar-trial.dev-tab-active .style-row.simplified.dev-list-row :is(
    .sample-type-badge,
    .category-badge,
    .dev-size-badge,
    .factory-badge,
    .group-badge,
    .color-badge-inline,
    .badge-fabric-warn
  ) {
    flex: 0 0 auto;
    box-sizing: border-box;
    height: 22px;
    min-height: 22px;
    max-height: 22px;
    padding-block: 0;
    padding-inline: 8px;
    border-radius: 7px;
    font-size: 11px;
    line-height: 20px;
    white-space: nowrap;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.peter-topbar-trial.dev-tab-active .style-row.simplified.dev-list-row :is(.factory-badge, .group-badge) {
    max-width: 112px;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.peter-topbar-trial.dev-tab-active .style-row.simplified.dev-list-row .color-badge-inline {
    flex: 0 1 100%;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.peter-topbar-trial.dev-tab-active .style-row.simplified.dev-list-row .badge-fabric-warn {
    flex: 0 0 auto;
    max-width: 100%;
    margin-left: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.peter-topbar-trial.dev-tab-active .style-row.simplified.dev-list-row > .node-block {
    min-width: 0;
    overflow: hidden;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.peter-topbar-trial.dev-tab-active .style-row.simplified.dev-list-row > .node-block :is(.node-block-row1, .node-block-row2) {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.peter-experience-pilot .app-shell :where(
    .nav-item,
    .filter-btn,
    button,
    [role="button"],
    input,
    select,
    textarea,
    .style-row,
    .production-row,
    .today-card,
    .board-card,
    .prod-board-card,
    .plog-list-row
  ) {
    transition-duration: 0.01ms;
  }

  body.peter-experience-pilot .app-shell :where(button, [role="button"]):active {
    transform: none;
  }

  body.peter-experience-pilot :where(
    .peter-account-menu,
    .flow-node,
    .days-indicator,
    .gc-upload-task-state-icon
  ) {
    animation: none !important;
  }
}

@media (prefers-reduced-transparency: reduce) {
  body.peter-experience-pilot .app-shell :where(#controlsBar, .pet-mail-compose-bar),
  body.peter-experience-pilot :where(.toast, .gc-upload-task) {
    background-color: var(--px-surface);
  }

  body.peter-experience-pilot :where(.drawer-backdrop, .modal-backdrop, .app-dialog-backdrop) {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}

/* peter-wallpaper-tab-materials-v2:
 * 只在 Peter 已设置本机壁纸时，把跟单工作台首页和五个日常业务页接入同一套静态材质。
 * v2 改为稳定深色内容层，避免高对比壁纸穿过文字，也避免业务页继续像半透明白板。
 * 不使用实时模糊；邮件正文、寄样纸张和打印区域不在本规则作用域内。
 */
html body.peter-experience-pilot.gc-has-wallpaper {
  --px-wallpaper-panel: rgba(7, 12, 22, 0.90);
  --px-wallpaper-panel-muted: rgba(13, 20, 33, 0.95);
  --px-wallpaper-card: rgba(18, 26, 40, 0.96);
  --px-wallpaper-card-hover: rgba(24, 34, 51, 0.98);
  --px-wallpaper-dark-card: rgba(7, 12, 22, 0.88);
  --px-wallpaper-dark-card-hover: rgba(12, 19, 32, 0.94);
  --px-wallpaper-light-line: rgba(255, 255, 255, 0.18);
  --px-wallpaper-dark-line: rgba(255, 255, 255, 0.12);
  --px-wallpaper-text: #F7F8FC;
  --px-wallpaper-text-soft: rgba(235, 239, 247, 0.78);
  --px-wallpaper-text-muted: rgba(211, 218, 230, 0.62);
  --px-wallpaper-title-shadow: 0 1px 12px rgba(0, 0, 0, 0.28);
}

/* 白天语义层：只换用途色，不改变组件结构。 */
html body.peter-experience-pilot.gc-has-wallpaper.gc-wallpaper-light {
  --px-wallpaper-panel: rgba(248, 249, 252, 0.90);
  --px-wallpaper-panel-muted: rgba(239, 241, 246, 0.94);
  --px-wallpaper-card: rgba(255, 255, 255, 0.96);
  --px-wallpaper-card-hover: rgba(255, 255, 255, 0.99);
  --px-wallpaper-dark-card: rgba(250, 250, 252, 0.90);
  --px-wallpaper-dark-card-hover: rgba(255, 255, 255, 0.96);
  --px-wallpaper-light-line: rgba(29, 29, 31, 0.16);
  --px-wallpaper-dark-line: rgba(29, 29, 31, 0.12);
  --px-wallpaper-text: #1D1D1F;
  --px-wallpaper-text-soft: rgba(45, 45, 49, 0.76);
  --px-wallpaper-text-muted: rgba(73, 73, 78, 0.58);
  --px-wallpaper-title-shadow: none;
}

/* 跟单工作台首页：壁纸是画布，工具卡是深色半透明浮层。 */
html body.peter-experience-pilot.gc-has-wallpaper.peter-ai-workbench-active main#main {
  background: transparent !important;
  background-image: none !important;
}

html body.peter-experience-pilot.gc-has-wallpaper .peter-workbench-home-pilot {
  background: transparent !important;
}

html body.peter-experience-pilot.gc-has-wallpaper .peter-workbench-home-pilot :is(
  .peter-ai-workbench-title,
  .peter-ai-workbench-section-head b
) {
  color: var(--px-wallpaper-text) !important;
  text-shadow: var(--px-wallpaper-title-shadow);
}

html body.peter-experience-pilot.gc-has-wallpaper .peter-workbench-home-pilot :is(
  .peter-ai-workbench-sub,
  .peter-ai-workbench-section-head span
) {
  color: var(--px-wallpaper-text-soft) !important;
}

html body.peter-experience-pilot.gc-has-wallpaper .peter-workbench-home-pilot .peter-ai-workbench-card {
  border-color: var(--px-wallpaper-light-line) !important;
  background: var(--px-wallpaper-dark-card) !important;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.20) !important;
}

html body.peter-experience-pilot.gc-has-wallpaper .peter-workbench-home-pilot .peter-ai-workbench-card :is(
  b,
  .peter-ai-workbench-card-cta
) {
  color: var(--px-wallpaper-text) !important;
}

html body.peter-experience-pilot.gc-has-wallpaper .peter-workbench-home-pilot .peter-ai-workbench-card-desc {
  color: var(--px-wallpaper-text-soft) !important;
}

@media (hover: hover) and (pointer: fine) {
  html body.peter-experience-pilot.gc-has-wallpaper .peter-workbench-home-pilot .peter-ai-workbench-card:hover {
    border-color: rgba(135, 190, 255, 0.40) !important;
    background: var(--px-wallpaper-dark-card-hover) !important;
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.18) !important;
  }
}

/* 版师 / 采购 / 版房 / 跟单 / 生产·QC：大组透出壁纸，密集业务卡片保持浅色可读。 */
html body.peter-experience-pilot.gc-has-wallpaper.today-tab-active main#main .today-scroll-region {
  --gc-wb-surface: var(--px-wallpaper-panel);
  --gc-wb-surface-muted: var(--px-wallpaper-panel-muted);
  --gc-wb-line: var(--px-wallpaper-dark-line);
  --gc-wb-text: var(--px-wallpaper-text);
  --gc-wb-text-secondary: var(--px-wallpaper-text-soft);
  --gc-wb-text-muted: var(--px-wallpaper-text-muted);
  --ink: var(--px-wallpaper-text);
  --ink-soft: var(--px-wallpaper-text-soft);
  --ink-mute: var(--px-wallpaper-text-muted);
  --line: var(--px-wallpaper-dark-line);
  --line-strong: rgba(255, 255, 255, 0.18);
  --bg-elevated: var(--px-wallpaper-card);
  --bg-sunken: var(--px-wallpaper-panel-muted);
  color: var(--px-wallpaper-text);
  background: transparent !important;
}

html body.peter-experience-pilot.gc-has-wallpaper.today-tab-active main#main .today-scroll-region > :is(
  .pm-subgroup,
  .pv2-grp,
  .pq2-grp,
  .today-section,
  .followup-po-alert
) {
  border-color: var(--px-wallpaper-light-line) !important;
  background: var(--px-wallpaper-panel) !important;
  color: var(--px-wallpaper-text) !important;
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.18) !important;
}

html body.peter-experience-pilot.gc-has-wallpaper.today-tab-active main#main :is(
  .pm-subgroup-h,
  .pv2-h,
  .pq2-h,
  .today-section > h2
) {
  border-bottom-color: var(--px-wallpaper-light-line) !important;
  background: var(--px-wallpaper-panel-muted) !important;
  color: var(--px-wallpaper-text) !important;
}

html body.peter-experience-pilot.gc-has-wallpaper.today-tab-active main#main :is(
  .pm-subgroup-body,
  .pv2-body,
  .pq2-section-body,
  .today-section > .section-content
) {
  background: transparent !important;
}

html body.peter-experience-pilot.gc-has-wallpaper.today-tab-active main#main :is(
  .today-card-v2,
  .today-card-v2.danger,
  .today-card-v2.warn,
  .today-card-v2.is-grading,
  .pq2-po,
  .pq2-st,
  .pq2-report-btn
) {
  border-color: var(--px-wallpaper-light-line) !important;
  background-color: var(--px-wallpaper-card) !important;
  background-image: none !important;
  color: var(--px-wallpaper-text) !important;
}

html body.peter-experience-pilot.gc-has-wallpaper.today-tab-active main#main :is(
  .today-card-v2,
  .pq2-po,
  .pq2-st,
  .pq2-report-btn
):hover {
  background-color: var(--px-wallpaper-card-hover) !important;
}

html body.peter-experience-pilot.gc-has-wallpaper.today-tab-active main#main .pq2-po.pq2-flag-red {
  border-color: rgba(255, 105, 97, 0.34) !important;
  background-color: rgba(48, 22, 27, 0.96) !important;
}

html body.peter-experience-pilot.gc-has-wallpaper.today-tab-active main#main .pq2-po.pq2-flag-rew {
  border-color: rgba(196, 122, 255, 0.34) !important;
  background-color: rgba(39, 24, 49, 0.96) !important;
}

html body.peter-experience-pilot.gc-has-wallpaper.today-tab-active main#main :is(
  .pm-subgroup-h .title,
  .pv2-h .t,
  .pv2-h .why,
  .pq2-h,
  .pq2-section-title,
  .pq2-week-head,
  .pq2-week-title,
  .pq2-id,
  .pq2-st b,
  .pq2-st.all b
) {
  color: var(--px-wallpaper-text) !important;
}

html body.peter-experience-pilot.gc-has-wallpaper.today-tab-active main#main :is(
  .pm-subgroup-h .desc,
  .pq2-act,
  .pq2-week-range,
  .pq2-pono,
  .pq2-meta,
  .pq2-note,
  .pq2-q,
  .pq2-ex .l,
  .pq2-st span
) {
  color: var(--px-wallpaper-text-muted) !important;
}

html body.peter-experience-pilot.gc-has-wallpaper.today-tab-active main#main .pq2-st.active {
  border-color: rgba(96, 165, 250, 0.72) !important;
  background-color: rgba(0, 122, 255, 0.28) !important;
  box-shadow: inset 0 0 0 1px rgba(135, 190, 255, 0.16) !important;
}

html body.peter-experience-pilot.gc-has-wallpaper.today-tab-active main#main :is(
  .peter-followup-filter-stack,
  .peter-dev-filter-stack
) .filter-group {
  border: 1px solid var(--px-wallpaper-light-line) !important;
  background: rgba(255, 255, 255, 0.10) !important;
}

html body.peter-experience-pilot.gc-has-wallpaper.gc-wallpaper-light.today-tab-active main#main :is(
  .peter-followup-filter-stack,
  .peter-dev-filter-stack
) .filter-group {
  background: rgba(120, 120, 128, 0.12) !important;
}

/* 白天系统 chrome：壁纸保持原色，侧栏 / 页头回到浅色材质和深色文字。 */
html body.peter-experience-pilot.gc-admin-shell-pilot.gc-has-wallpaper.gc-wallpaper-light .app-shell {
  background-color: #E9EAEE !important;
  background-image:
    linear-gradient(rgba(245, 246, 249, 0.18), rgba(245, 246, 249, 0.18)),
    var(--gc-wallpaper-image, none) !important;
}

html body.peter-experience-pilot.gc-admin-shell-pilot.gc-has-wallpaper.gc-wallpaper-light .sidebar {
  border-right-color: rgba(29, 29, 31, 0.12) !important;
  background: rgba(244, 245, 248, 0.82) !important;
  color: #1D1D1F !important;
  box-shadow: inset -1px 0 rgba(255, 255, 255, 0.46);
}

html body.peter-experience-pilot.gc-admin-shell-pilot.gc-has-wallpaper.gc-wallpaper-light:not(.peter-ai-workbench-active):not(.sample-dispatch-active) main#main {
  background: rgba(246, 247, 249, 0.10) !important;
}

html body.peter-experience-pilot.gc-admin-shell-pilot.gc-has-wallpaper.gc-wallpaper-light:not(.dashboard-tab-active):not(.peter-ai-workbench-active):not(.sample-dispatch-active) .gc-admin-page-head {
  border-bottom-color: rgba(29, 29, 31, 0.10) !important;
  background: rgba(246, 247, 249, 0.82) !important;
  color: #1D1D1F !important;
}

html body.peter-experience-pilot.gc-admin-shell-pilot.gc-has-wallpaper.gc-wallpaper-light.peter-topbar-trial:is(.dev-tab-active, .production-tab-active) #controlsBar {
  border-bottom-color: rgba(29, 29, 31, 0.10) !important;
  background: rgba(246, 247, 249, 0.78) !important;
  color: #1D1D1F !important;
}

html body.peter-experience-pilot.gc-admin-shell-pilot.gc-has-wallpaper.gc-wallpaper-light .sidebar :is(
  .sidebar-logo,
  .logo-text,
  .sidebar-header-actions button,
  .nav-item,
  .nav-item .nav-icon,
  .peter-account-trigger,
  .peter-account-trigger-copy,
  .peter-account-trigger-copy small
) {
  color: rgba(29, 29, 31, 0.90) !important;
}

html body.peter-experience-pilot.gc-admin-shell-pilot.gc-has-wallpaper.gc-wallpaper-light .sidebar :is(.sidebar-header, .nav-item)::before {
  border-color: rgba(29, 29, 31, 0.08) !important;
  background-color: rgba(29, 29, 31, 0.08) !important;
}

html body.peter-experience-pilot.gc-admin-shell-pilot.gc-has-wallpaper.gc-wallpaper-light .sidebar .nav-item:hover {
  background: rgba(255, 255, 255, 0.46) !important;
}

html body.peter-experience-pilot.gc-admin-shell-pilot.gc-has-wallpaper.gc-wallpaper-light .sidebar .nav-item.active {
  background: rgba(255, 255, 255, 0.72) !important;
  color: #1D1D1F !important;
}

html body.peter-experience-pilot.gc-admin-shell-pilot.gc-has-wallpaper.gc-wallpaper-light .sidebar .nav-count {
  background: rgba(120, 120, 128, 0.14) !important;
  color: rgba(29, 29, 31, 0.72) !important;
}

html body.peter-experience-pilot.gc-admin-shell-pilot.gc-has-wallpaper.gc-wallpaper-light .sidebar .nav-item.active .nav-count {
  background: rgba(0, 122, 255, 0.16) !important;
  color: #0057B8 !important;
}

html body.peter-experience-pilot.gc-admin-shell-pilot.gc-has-wallpaper.gc-wallpaper-light .sidebar :is(
  .peter-account-trigger,
  .peter-account-trigger:hover,
  .peter-account-widget.open .peter-account-trigger
) {
  border-color: rgba(29, 29, 31, 0.12) !important;
  background: rgba(255, 255, 255, 0.46) !important;
}

html body.peter-experience-pilot.gc-admin-shell-pilot.gc-has-wallpaper.gc-wallpaper-light .gc-admin-page-head :is(
  .gc-admin-page-breadcrumb strong,
  .gc-admin-page-parent,
  .gc-admin-page-sidebar-trigger
) {
  color: #1D1D1F !important;
}

html body.peter-experience-pilot.gc-admin-shell-pilot.gc-has-wallpaper.gc-wallpaper-light.peter-topbar-trial:is(.dev-tab-active, .production-tab-active) #controlsBar :is(
  #client-filters,
  #sample-type-filters,
  #viewToggle
) {
  border-color: rgba(29, 29, 31, 0.12) !important;
  background: rgba(120, 120, 128, 0.12) !important;
}

html body.peter-experience-pilot.gc-admin-shell-pilot.gc-has-wallpaper.gc-wallpaper-light.peter-topbar-trial:is(.dev-tab-active, .production-tab-active) #controlsBar :is(
  #client-filters,
  #sample-type-filters
) .filter-btn:not(.active),
html body.peter-experience-pilot.gc-admin-shell-pilot.gc-has-wallpaper.gc-wallpaper-light.peter-topbar-trial:is(.dev-tab-active, .production-tab-active) #controlsBar #viewToggle button:not(.active) {
  color: rgba(29, 29, 31, 0.68) !important;
}

@media (prefers-reduced-transparency: reduce) {
  html body.peter-experience-pilot.gc-has-wallpaper {
    --px-wallpaper-panel: #080D17;
    --px-wallpaper-panel-muted: #0D1421;
    --px-wallpaper-card: #121A28;
    --px-wallpaper-card-hover: #182233;
    --px-wallpaper-dark-card: #070C16;
    --px-wallpaper-dark-card-hover: #0C1320;
  }
}

/* peter-stage-ledger-suite-v1:
 * Peter-only 七个核心业务页统一为「阶段筛选 + 连续台账」。
 * 只调整桌面显示层；真实数据、分组、按钮事件、权限和手机布局保持原样。
 */
@media (min-width: 901px) {
  html body.peter-experience-pilot.gc-admin-shell-pilot {
    --px-ledger-line: rgba(60, 60, 67, 0.13);
    --px-ledger-line-soft: rgba(60, 60, 67, 0.09);
    --px-ledger-head: #F1F1F4;
    --px-ledger-surface: #FFFFFF;
    --px-ledger-hover: #F7FAFF;
    --px-ledger-muted: #6E6E73;
    --px-ledger-radius: 13px;
  }

  /* 顶部筛选：一层控制面，不再层层套卡片。 */
  html body.peter-experience-pilot.gc-admin-shell-pilot main#main :is(
    .peter-followup-filter-stack,
    .peter-dev-filter-stack,
    .ship-workbench-head,
    .acc-workbench-head
  ) {
    border: 1px solid var(--px-ledger-line);
    border-radius: var(--px-ledger-radius);
    background: rgba(255, 255, 255, 0.82);
    box-shadow: none;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-filter-stack {
    position: relative;
    gap: 8px;
    padding: 10px 12px;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-filter-stack::after {
    content: "当前显示全部可见款式";
    position: absolute;
    top: 18px;
    right: 14px;
    color: var(--px-ledger-muted);
    font-size: 11.5px;
    font-weight: 550;
    pointer-events: none;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-filter-stack:has(.followup-client-row .filter-btn[data-scope="mine"].active)::after {
    content: "当前仅显示我的款式";
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-filter-stack :is(
    .followup-filter-label,
    .followup-client-label,
    .followup-stage-label
  ) {
    width: 72px;
    flex-basis: 72px;
    color: var(--px-ledger-muted);
    font-size: 11.5px;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-filter-stack .filter-group {
    max-width: calc(100% - 178px);
    gap: 2px;
    padding: 3px;
    border: 1px solid var(--px-ledger-line-soft);
    border-radius: 10px;
    background: #EFEFF2;
    box-shadow: none;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-filter-stack .filter-btn {
    height: 30px;
    min-height: 30px;
    padding: 0 12px !important;
    border-radius: 7px !important;
    color: #515158 !important;
    font-size: 12px;
    font-weight: 600;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot .peter-followup-filter-stack .filter-btn.active {
    background: var(--apple-blue, #007AFF) !important;
    color: #FFFFFF !important;
    box-shadow: 0 1px 2px rgba(0, 79, 168, 0.18) !important;
  }

  /* 版师 / 跟单 / 生产·QC：大组收成一个连续台账。 */
  html body.peter-experience-pilot.gc-admin-shell-pilot.today-tab-active .today-page {
    gap: 12px;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.today-tab-active .today-search-bar {
    width: min(420px, 100%);
    height: 36px;
    min-height: 36px;
    align-self: flex-end;
    border-radius: 10px;
    box-shadow: none;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.today-tab-active .today-scroll-region {
    gap: 12px;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.today-tab-active .today-section {
    position: relative;
    overflow: hidden;
    margin: 0;
    border: 1px solid var(--px-ledger-line);
    border-radius: var(--px-ledger-radius);
    background: var(--px-ledger-surface);
    box-shadow: none;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.today-tab-active .today-section > h2 {
    min-height: 44px;
    box-sizing: border-box;
    margin: 0;
    padding: 0 14px;
    border-bottom: 1px solid var(--px-ledger-line);
    background: var(--px-ledger-head);
    font-family: var(--font-sans);
    font-size: 13.5px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.today-tab-active .today-section > h2 .count-badge {
    padding: 1px 7px;
    border-radius: 6px;
    font-family: var(--font-sans);
    font-size: 11px;
    letter-spacing: 0;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.today-tab-active .today-section > .section-sub {
    position: absolute;
    z-index: 1;
    top: 15px;
    right: 14px;
    max-width: 52%;
    margin: 0;
    overflow: hidden;
    color: var(--px-ledger-muted);
    font-family: var(--font-sans);
    font-size: 11px;
    letter-spacing: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.today-tab-active .subgroup-divider {
    min-height: 36px;
    margin: 0;
    padding: 0 12px;
    border-bottom: 1px solid var(--px-ledger-line-soft);
    background: #FAFAFB;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.today-tab-active .subgroup-divider .label {
    padding: 3px 9px;
    border-radius: 7px;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.today-tab-active .today-cards,
  html body.peter-experience-pilot.gc-admin-shell-pilot.today-tab-active :is(.today-cards-po, .today-cards-dev) {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.today-tab-active .today-card-v2 {
    min-height: 76px;
    box-sizing: border-box;
    margin: 0;
    padding: 9px 14px 9px 38px;
    border: 0;
    border-bottom: 1px solid var(--px-ledger-line-soft);
    border-radius: 0;
    background: var(--px-ledger-surface);
    box-shadow: none;
    transform: none;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.today-tab-active .today-card-v2:last-child {
    border-bottom: 0;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.today-tab-active .today-card-v2:is(.danger, .warn, .is-grading) {
    background-image: none;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.today-tab-active .today-card-v2.danger {
    box-shadow: inset 3px 0 var(--danger, #D70015);
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.today-tab-active .today-card-v2.warn {
    box-shadow: inset 3px 0 var(--warn, #B25400);
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.today-tab-active .today-card-v2:hover {
    border-color: var(--px-ledger-line-soft);
    background: var(--px-ledger-hover);
    box-shadow: none;
    transform: none;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.today-tab-active .today-card-v2.danger:hover {
    box-shadow: inset 3px 0 var(--danger, #D70015);
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.today-tab-active .today-card-v2.warn:hover {
    box-shadow: inset 3px 0 var(--warn, #B25400);
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.today-tab-active .today-card-v2 :is(.thumb-mini, .thumb-mini-placeholder) {
    width: 44px;
    height: 56px;
    border-radius: 7px;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.today-tab-active .today-card-v2 .today-card-row1 {
    flex-wrap: nowrap;
    overflow: hidden;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.today-tab-active .today-card-v2 .today-card-action-main {
    font-size: 13px;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.today-tab-active .pm-subgroup {
    margin: 8px 12px 12px;
    border-color: var(--px-ledger-line);
    border-radius: 10px;
    box-shadow: none;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.today-tab-active .pm-subgroup-h {
    min-height: 38px;
    box-sizing: border-box;
    padding: 0 12px;
    background: #F7F7F9;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.today-tab-active .pm-subgroup-body {
    padding: 0;
  }

  /* 生产·QC 顶部六阶段改成一条轨道，列表继续使用真实分组。 */
  html body.peter-experience-pilot.gc-admin-shell-pilot.today-prod-sub-active .pq2-top {
    display: grid;
    grid-template-columns: repeat(6, minmax(92px, 1fr)) auto;
    gap: 0;
    margin: 0 0 12px;
    align-items: stretch;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.today-prod-sub-active .pq2-st {
    min-width: 0;
    min-height: 58px;
    padding: 7px 12px;
    border-radius: 0;
    border-color: var(--px-ledger-line);
    border-right-width: 0;
    background: var(--px-ledger-surface);
    box-shadow: none;
    transform: none;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.today-prod-sub-active .pq2-st:first-child {
    border-radius: 10px 0 0 10px;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.today-prod-sub-active .pq2-st:nth-child(6) {
    border-right-width: 1px;
    border-radius: 0 10px 10px 0;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.today-prod-sub-active .pq2-st.active {
    z-index: 1;
    background: #EAF3FF;
    border-color: rgba(0, 122, 255, 0.42);
    box-shadow: inset 0 -2px var(--apple-blue, #007AFF);
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.today-prod-sub-active .pq2-st b {
    font-size: 18px;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.today-prod-sub-active .pq2-report-btn {
    height: 34px;
    min-height: 34px;
    margin: 12px 0 12px 12px;
    border-radius: 9px;
    box-shadow: none;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.today-prod-sub-active .pq2-grp {
    margin-bottom: 12px;
    border: 1px solid var(--px-ledger-line);
    border-radius: var(--px-ledger-radius);
    overflow: hidden;
    box-shadow: none;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.today-prod-sub-active .pq2-h {
    min-height: 42px;
    padding: 0 14px;
    background: var(--px-ledger-head);
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.today-prod-sub-active .pq2-po {
    min-height: 76px;
    padding: 9px 14px;
    border-radius: 0;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.today-prod-sub-active .pq2-btn {
    min-height: 30px;
    padding: 0 11px;
    border-color: var(--apple-blue, #007AFF);
    background: var(--apple-blue, #007AFF);
    color: #FFFFFF;
  }

  /* 开发追踪 / 大货：保留列和分组，只收紧空白与卡片感。 */
  html body.peter-experience-pilot.gc-admin-shell-pilot:is(.dev-tab-active, .production-tab-active) #controlsBar {
    margin: 0 0 12px;
    padding: 8px 10px;
    border: 1px solid var(--px-ledger-line);
    border-radius: var(--px-ledger-radius);
    background: rgba(255, 255, 255, 0.82);
    box-shadow: none;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.dev-tab-active .dev-month-section,
  html body.peter-experience-pilot.gc-admin-shell-pilot.production-tab-active .production-group {
    margin-bottom: 12px;
    border: 1px solid var(--px-ledger-line);
    border-radius: var(--px-ledger-radius);
    background: var(--px-ledger-surface);
    box-shadow: none;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.production-tab-active .production-group-header {
    min-height: 44px;
    padding: 0 14px;
    border-bottom: 1px solid var(--px-ledger-line);
    background: var(--px-ledger-head);
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.production-tab-active .production-list-header.with-node {
    min-height: 34px;
    padding-block: 0;
    background: #F8F8FA;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.production-tab-active .production-row.with-node {
    min-height: 72px;
    padding-block: 8px;
    border-bottom-color: var(--px-ledger-line-soft);
    background-image: none;
  }

  /* 辅料：状态保持浅色，行内只留一个明确主动作。 */
  html body.peter-experience-pilot.gc-admin-shell-pilot.accessory-tab-active .acc-workbench-head {
    padding: 10px 12px 0;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.accessory-tab-active .acc-summary-strip {
    margin: 10px -12px 0;
    border-width: 1px 0 0;
    border-radius: 0;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.accessory-tab-active .acc-summary-cell {
    min-height: 64px;
    padding: 9px 16px;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.accessory-tab-active .acc-group {
    margin-bottom: 12px;
    border-color: var(--px-ledger-line);
    border-radius: var(--px-ledger-radius);
    box-shadow: none;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.accessory-tab-active .acc-group-head {
    min-height: 42px;
    box-sizing: border-box;
    padding: 0 14px;
    background: var(--px-ledger-head);
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.accessory-tab-active .acc-row {
    min-height: 72px;
    box-sizing: border-box;
    padding: 8px 14px;
    border-bottom-color: var(--px-ledger-line-soft);
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.accessory-tab-active .acc-chip {
    min-height: 24px;
    padding: 2px 8px;
    border-radius: 7px;
    animation: none;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.accessory-tab-active .acc-quick .acc-qb {
    min-height: 30px;
    border-radius: 8px;
    box-shadow: none;
  }

  /* 船务：顶部阶段轨道 + 连续表格，主操作只出现在“下一步”。 */
  html body.peter-experience-pilot.gc-admin-shell-pilot.shipping-tab-active .ship-workbench-head {
    padding: 10px 12px;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.shipping-tab-active .ship-title-row {
    margin-bottom: 10px;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.shipping-tab-active .ship-strip {
    margin-bottom: 10px;
    border-color: var(--px-ledger-line);
    border-radius: 10px;
    box-shadow: none;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.shipping-tab-active .ship-cell {
    min-height: 64px;
    box-sizing: border-box;
    padding: 8px 11px;
    border-right-color: var(--px-ledger-line-soft);
    background: var(--px-ledger-surface);
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.shipping-tab-active .ship-cell.active {
    background: #EAF3FF;
    box-shadow: inset 0 -2px var(--apple-blue, #007AFF);
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.shipping-tab-active .ship-table-wrap {
    margin-top: 12px !important;
    border-color: var(--px-ledger-line);
    border-radius: var(--px-ledger-radius);
    box-shadow: none;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.shipping-tab-active .ship-table th {
    height: 34px;
    box-sizing: border-box;
    padding-block: 0;
    background: var(--px-ledger-head);
    letter-spacing: 0;
    text-transform: none;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.shipping-tab-active .ship-table td {
    padding: 10px 12px;
    border-bottom-color: var(--px-ledger-line-soft);
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.shipping-tab-active .ship-group-head,
  html body.peter-experience-pilot.gc-admin-shell-pilot.shipping-tab-active .ship-month-head {
    min-height: 40px;
    box-sizing: border-box;
    padding: 0 14px;
    background: #F7F7F9;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot.shipping-tab-active .ship-action-btn {
    min-height: 32px;
    padding: 0 12px;
    border-radius: 8px;
    box-shadow: none;
  }
}

/* peter-client-pdf-requirement-group-v1:
 * Peter 款式抽屉把相邻“客户原始 PDF + 客户需求”连接成一个客户资料组。
 * 面料信息继续独立；只改外层边框、圆角和间距，两个原 DOM 与全部功能保留。
 */
html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2 .style-development-documents {
  margin-bottom: 0 !important;
  border-bottom: 0 !important;
  border-radius: 14px 14px 0 0 !important;
  box-shadow: none !important;
}

html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2 .style-development-documents + .spec-block[id^="spec-cr-"] {
  margin-top: 0 !important;
  border-radius: 0 0 14px 14px !important;
  box-shadow: none !important;
}

@container peter-drawer (max-width: 520px) {
  html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
    #drawer.style-detail-drawer-v2 .style-development-documents {
    border-radius: 12px 12px 0 0 !important;
  }

  html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
    #drawer.style-detail-drawer-v2 .style-development-documents + .spec-block[id^="spec-cr-"] {
    border-radius: 0 0 12px 12px !important;
  }
}
/* peter-client-pdf-requirement-group-v1:end */

/* peter-client-material-card-polish-v1:
 * Peter 客户资料组精修：PDF 行更紧凑，客户需求标题 / 版本栏减框，操作仍保持独立。
 * 仅改显示；客户 PDF、版本、正文、图片和原按钮事件全部保留。
 */
html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2 .style-development-documents .development-documents-header {
  min-height: 52px !important;
  padding: 8px 16px !important;
}

html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2 .style-development-documents .development-documents-list {
  padding: 0 !important;
}

html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2 .style-development-documents .development-document-row {
  min-height: 78px;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  gap: 12px;
  padding: 12px 16px;
  border-radius: 0;
}

html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2 .style-development-documents .development-document-icon {
  width: 44px;
  height: 48px;
  border-radius: 8px;
}

html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2 .style-development-documents :is(
    .development-document-add,
    .development-document-action
  ) {
  min-height: 36px;
  border-radius: 8px;
}

html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2 .style-development-documents .development-document-action.is-icon {
  width: 36px;
}

html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2 .style-development-documents + .spec-block[id^="spec-cr-"] > .spec-block-h {
  min-height: 48px !important;
  padding: 8px 16px !important;
}

html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2 .style-development-documents + .spec-block[id^="spec-cr-"]
  > .spec-block-h .who[data-peter-label] {
  font-size: 0;
}

html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2 .style-development-documents + .spec-block[id^="spec-cr-"]
  > .spec-block-h .who[data-peter-label]::before {
  content: attr(data-peter-label);
  font-size: var(--gc-type-body, 13px);
  line-height: 1.35;
}

html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2 .style-development-documents + .spec-block[id^="spec-cr-"] > .cr-ver-toolbar {
  min-height: 54px;
  gap: 8px;
  padding: 8px 12px;
  background: var(--prc-soft) !important;
  border-bottom-color: var(--prc-line) !important;
}

html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2 .style-development-documents + .spec-block[id^="spec-cr-"]
  > .cr-ver-toolbar .cr-ver-current.is-latest {
  height: 36px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2 .style-development-documents + .spec-block[id^="spec-cr-"]
  > .cr-ver-toolbar :is(
    .cr-ver-history-trigger,
    .cr-ver-action-btn,
    .cr-ver-add-btn
  ) {
  height: 36px;
  min-height: 36px;
  border-radius: 8px;
}

html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2 .style-development-documents + .spec-block[id^="spec-cr-"]
  > .cr-ver-toolbar .cr-ver-history-trigger {
  width: 156px;
}

@container peter-drawer (max-width: 520px) {
  html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
    #drawer.style-detail-drawer-v2 .style-development-documents .development-document-row {
    grid-template-columns: 40px minmax(0, 1fr);
    padding: 12px;
  }

  html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
    #drawer.style-detail-drawer-v2 .style-development-documents .development-document-actions {
    grid-column: 1 / -1;
    width: 100%;
    flex-wrap: wrap;
  }

  html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
    #drawer.style-detail-drawer-v2 .style-development-documents :is(
      .development-document-add,
      .development-document-action
    ),
  html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
    #drawer.style-detail-drawer-v2 .style-development-documents + .spec-block[id^="spec-cr-"]
    > .cr-ver-toolbar :is(
      .cr-ver-history-trigger,
      .cr-ver-action-btn,
      .cr-ver-add-btn
    ) {
    min-height: 44px;
    height: 44px;
  }

  html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
    #drawer.style-detail-drawer-v2 .style-development-documents + .spec-block[id^="spec-cr-"]
    > .cr-ver-toolbar .cr-ver-current.is-latest {
    width: 100%;
    height: auto;
    min-height: 36px;
  }
}
/* peter-client-material-card-polish-v1:end */

/* peter-client-version-toolbar-readable-v1:
 * 按确认图放大 Peter 客户需求版本栏的字号、控件和间距；不改任何按钮事件或版本逻辑。
 */
html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2 .style-development-documents + .spec-block[id^="spec-cr-"] > .cr-ver-toolbar {
  min-height: 64px;
  gap: 12px;
  padding: 10px 16px;
}

html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2 .style-development-documents + .spec-block[id^="spec-cr-"]
  > .cr-ver-toolbar .cr-ver-current.is-latest {
  height: 44px;
  gap: 10px;
}

html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2 .style-development-documents + .spec-block[id^="spec-cr-"]
  > .cr-ver-toolbar .cr-ver-current-prefix {
  font-size: 15px;
  font-weight: 600;
}

html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2 .style-development-documents + .spec-block[id^="spec-cr-"]
  > .cr-ver-toolbar .cr-ver-current-label {
  max-width: 220px;
  font-size: 17px;
  font-weight: 650;
}

html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2 .style-development-documents + .spec-block[id^="spec-cr-"]
  > .cr-ver-toolbar :is(.cr-ver-source, .cr-ver-latest-badge) {
  padding: 4px 9px;
  border-radius: 8px;
  font-size: 14px;
  line-height: 20px;
}

html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2 .style-development-documents + .spec-block[id^="spec-cr-"]
  > .cr-ver-toolbar .cr-ver-history-trigger {
  width: 190px;
  height: 44px;
  min-height: 44px;
  padding: 0 16px;
  font-size: 16px;
}

html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2 .style-development-documents + .spec-block[id^="spec-cr-"]
  > .cr-ver-toolbar .cr-ver-actions {
  gap: 10px;
}

html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2 .style-development-documents + .spec-block[id^="spec-cr-"]
  > .cr-ver-toolbar :is(.cr-ver-action-btn, .cr-ver-add-btn) {
  height: 44px;
  min-height: 44px;
  padding: 0 16px;
  font-size: 16px;
}

html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2 .style-development-documents + .spec-block[id^="spec-cr-"]
  > .cr-ver-toolbar .cr-ver-add-btn {
  padding-inline: 20px;
}

html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2 .style-development-documents .development-documents-title > strong,
html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2 .style-development-documents + .spec-block[id^="spec-cr-"]
  > .spec-block-h .title {
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.3;
}

html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2 .style-development-documents .development-documents-symbol,
html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2 .style-development-documents + .spec-block[id^="spec-cr-"]
  > .spec-block-h > svg {
  width: 20px !important;
  height: 20px !important;
  flex: 0 0 20px;
}

html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2 .style-development-documents .development-documents-symbol > svg {
  width: 20px !important;
  height: 20px !important;
}

/* 留底长图由抽屉统一滚动，图片自身按原比例完整撑开，不再出现内层限高造成的裁切感。 */
html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2 .style-development-documents + .spec-block[id^="spec-cr-"]
  .client-req-reading-media-panel {
  position: static;
  top: auto;
  max-height: none;
  overflow: visible;
  scrollbar-gutter: auto;
}

html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2 .style-development-documents + .spec-block[id^="spec-cr-"]
  .client-req-reading-media-title {
  position: static;
}

html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2 .style-development-documents + .spec-block[id^="spec-cr-"]
  .client-req-gallery-thumb.is-archive {
  display: block;
  width: 100%;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  overflow: visible !important;
}

html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2 .style-development-documents + .spec-block[id^="spec-cr-"]
  .client-req-gallery-thumb.is-archive img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  object-fit: contain !important;
}

@container peter-drawer (max-width: 760px) {
  html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
    #drawer.style-detail-drawer-v2 .style-development-documents + .spec-block[id^="spec-cr-"]
    > .cr-ver-toolbar :is(.cr-ver-history-trigger, .cr-ver-action-btn, .cr-ver-add-btn) {
    font-size: 14px;
  }

  html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
    #drawer.style-detail-drawer-v2 .style-development-documents + .spec-block[id^="spec-cr-"]
    > .cr-ver-toolbar .cr-ver-history-trigger {
    width: 156px;
  }
}
/* peter-client-version-toolbar-readable-v1:end */

/* peter-client-components-match-drawer-v1:
 * 用户纠正：客户资料不单独放大，标题、SVG 与版本组件回到抽屉内“面料信息”的公共规格。
 * v429 留底长图自然高度修复继续保留。
 */
html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2 .style-development-documents .development-documents-header,
html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2 .style-development-documents + .spec-block[id^="spec-cr-"] > .spec-block-h {
  min-height: 52px !important;
  padding: 10px 16px !important;
}

html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2 .style-development-documents .development-documents-title > strong,
html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2 .style-development-documents + .spec-block[id^="spec-cr-"]
  > .spec-block-h .title {
  font-size: 12.5px !important;
  font-weight: 600 !important;
  line-height: 1.3;
}

html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2 .style-development-documents .development-documents-symbol,
html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2 .style-development-documents .development-documents-symbol > svg,
html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2 .style-development-documents + .spec-block[id^="spec-cr-"]
  > .spec-block-h > svg {
  width: 14px !important;
  height: 14px !important;
  flex: 0 0 14px;
}

html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2 .style-development-documents :is(
    .development-document-add,
    .development-document-action
  ) {
  min-height: 32px;
  height: 32px;
  border-radius: var(--gc-button-radius, 8px);
  font-size: 12px;
}

html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2 .style-development-documents .development-document-action.is-icon {
  width: 32px;
}

html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2 .style-development-documents + .spec-block[id^="spec-cr-"] > .cr-ver-toolbar {
  min-height: 44px;
  gap: 6px;
  padding: 6px 10px;
}

html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2 .style-development-documents + .spec-block[id^="spec-cr-"]
  > .cr-ver-toolbar .cr-ver-current.is-latest {
  height: 32px;
  gap: 6px;
  padding: 0 10px;
  border: 1px solid var(--line, #e5e5ea);
  border-radius: var(--gc-button-radius, 8px);
  background: var(--surface, #fff);
}

html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2 .style-development-documents + .spec-block[id^="spec-cr-"]
  > .cr-ver-toolbar :is(.cr-ver-current-prefix, .cr-ver-current-label) {
  font-size: 12px;
}

html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2 .style-development-documents + .spec-block[id^="spec-cr-"]
  > .cr-ver-toolbar :is(.cr-ver-source, .cr-ver-latest-badge) {
  padding: 1px 6px;
  border-radius: 6px;
  font-size: 11px;
  line-height: 16px;
}

html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2 .style-development-documents + .spec-block[id^="spec-cr-"]
  > .cr-ver-toolbar .cr-ver-history-trigger {
  width: 136px;
  height: 32px;
  min-height: 32px;
  padding: 0 10px;
  font-size: 12px;
}

html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2 .style-development-documents + .spec-block[id^="spec-cr-"]
  > .cr-ver-toolbar .cr-ver-actions {
  gap: 6px;
}

html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2 .style-development-documents + .spec-block[id^="spec-cr-"]
  > .cr-ver-toolbar :is(.cr-ver-action-btn, .cr-ver-add-btn) {
  height: 32px;
  min-height: 32px;
  padding: 0 10px;
  border-radius: var(--gc-button-radius, 8px);
  font-size: 12px;
}

html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2 .style-development-documents + .spec-block[id^="spec-cr-"]
  > .cr-ver-toolbar .cr-ver-add-btn {
  padding-inline: 11px;
}

@container peter-drawer (max-width: 520px) {
  html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
    #drawer.style-detail-drawer-v2 .style-development-documents :is(
      .development-document-add,
      .development-document-action
    ),
  html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
    #drawer.style-detail-drawer-v2 .style-development-documents + .spec-block[id^="spec-cr-"]
    > .cr-ver-toolbar :is(.cr-ver-history-trigger, .cr-ver-action-btn, .cr-ver-add-btn) {
    min-height: 44px;
    height: 44px;
    font-size: 14px;
  }

  html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
    #drawer.style-detail-drawer-v2 .style-development-documents + .spec-block[id^="spec-cr-"]
    > .cr-ver-toolbar .cr-ver-current.is-latest {
    min-height: 40px;
    height: 40px;
  }
}
/* peter-client-components-match-drawer-v1:end */

/* peter-client-version-clean-frame-v1:
 * Peter 客户需求版本栏去掉重复来源与 Emoji 后，来源只作为中性辅助文字。
 * 客户评语留底恢复为与相关图片一致的完整证据预览框，原图继续点击放大。
 */
html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2 .style-development-documents + .spec-block[id^="spec-cr-"]
  > .cr-ver-toolbar .cr-ver-source {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--prc-muted, #6B6B6E);
  font-size: 11px;
  font-weight: 500;
}

html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2 .style-development-documents + .spec-block[id^="spec-cr-"]
  .client-req-gallery-thumb.is-archive {
  display: flex;
  width: 100%;
  height: min(220px, 30vh) !important;
  min-height: 180px !important;
  max-height: 220px !important;
  box-sizing: border-box;
  padding: 8px !important;
  border: 1px solid var(--prc-line, #E5E5EA);
  border-radius: var(--gc-button-radius, 8px);
  background: var(--prc-soft, #F2F2F4);
  overflow: hidden !important;
}

html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2 .style-development-documents + .spec-block[id^="spec-cr-"]
  .client-req-gallery-thumb.is-archive img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  border-radius: 6px !important;
  background: var(--prc-card, #FFFFFF);
  object-fit: contain !important;
}
/* peter-client-version-clean-frame-v1:end */

/* peter-client-archive-fit-v2:
 * Peter 客户需求右栏不再强制跟随左侧长评语等高，避免预览框下方形成一整条有边界的空白栏。
 * 留底图使用原始比例和双向最大尺寸完整放入证据框，不让图片元素贴边或被按钮溢出裁掉。
 */
html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2 .style-development-documents + .spec-block[id^="spec-cr-"]
  .client-req-reading-layout {
  align-items: flex-start;
}

html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2 .style-development-documents + .spec-block[id^="spec-cr-"]
  .client-req-reading-media {
  align-self: flex-start;
}

html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2 .style-development-documents + .spec-block[id^="spec-cr-"]
  .client-req-gallery-thumb.is-archive img {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  flex: 0 1 auto;
  object-fit: contain !important;
}
/* peter-client-archive-fit-v2:end */

/* peter-client-single-scroll-v3:
 * Peter 客户需求只保留抽屉 .drawer-body 的最外层滚动。
 * 选择器匹配旧 v3 的完整抽屉作用域，并用最终值明确取消图片区的限高、吸顶和内部滚动。
 */
html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1
  .style-development-documents + .spec-block[id^="spec-cr-"] .client-req-reading-media-panel {
  position: static !important;
  top: auto !important;
  max-height: none !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  scrollbar-gutter: auto !important;
  overscroll-behavior: auto !important;
  -webkit-overflow-scrolling: auto;
}

html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2.peter-style-drawer-compact-v1.peter-style-drawer-redesign-v1
  .style-development-documents + .spec-block[id^="spec-cr-"] .client-req-reading-media-title {
  position: static !important;
  top: auto !important;
}
/* peter-client-single-scroll-v3:end */

/* peter-version-toolbar-status-text-v1:
 * Peter 客户需求 / 面料信息的“当前版本”只是状态，不再画成可点击控件。
 * 桌面交互控件继续采用现有 32px / 8px 紧凑规格；面料标题栏的 34px / 36px 控件收回 32px。
 * 颜色全部复用原系统状态变量，不改按钮事件、移动端触控高度、正文或图片。
 */
html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2
  :is(.style-development-documents + .spec-block[id^="spec-cr-"], .fabric-info-block)
  > .cr-ver-toolbar {
  background: var(--prc-card, #FFFFFF) !important;
  border-bottom-color: var(--prc-line, #E5E5EA) !important;
}

html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
  #drawer.style-detail-drawer-v2
  :is(.style-development-documents + .spec-block[id^="spec-cr-"], .fabric-info-block)
  > .cr-ver-toolbar .cr-ver-current:is(.is-latest, .is-historic) {
  max-width: none;
  margin-right: 10px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

@media (min-width: 701px) {
  html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
    #drawer.style-detail-drawer-v2
    :is(.style-development-documents + .spec-block[id^="spec-cr-"], .fabric-info-block)
    > .cr-ver-toolbar :is(.cr-ver-history-trigger, .cr-ver-action-btn, .cr-ver-add-btn) {
    height: var(--gc-control-sm, 32px);
    min-height: var(--gc-control-sm, 32px);
    border-radius: var(--gc-button-radius, 8px);
    font-size: var(--gc-type-label, 12px);
  }

  html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
    #drawer.style-detail-drawer-v2 .fabric-info-block .fabric-split-enable-btn {
    height: var(--gc-control-sm, 32px) !important;
    min-height: var(--gc-control-sm, 32px) !important;
    padding-inline: 10px !important;
    border-radius: var(--gc-button-radius, 8px) !important;
  }

  html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
    #drawer.style-detail-drawer-v2 .fabric-info-block .seg-chip {
    height: var(--gc-control-sm, 32px) !important;
    min-height: var(--gc-control-sm, 32px) !important;
  }

  html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
    #drawer.style-detail-drawer-v2 .fabric-info-block .seg-chip-btn {
    height: 26px !important;
    min-height: 26px !important;
  }
}

@container peter-drawer (max-width: 520px) {
  html body.peter-reference-components-pilot-v1.peter-design-foundation-v1.peter-component-sizing-v1
    #drawer.style-detail-drawer-v2
    :is(.style-development-documents + .spec-block[id^="spec-cr-"], .fabric-info-block)
    > .cr-ver-toolbar .cr-ver-current:is(.is-latest, .is-historic) {
    margin-right: 0;
  }
}
/* peter-version-toolbar-status-text-v1:end */

/* admin-group-language-v1: Peter 桌面端所有中性业务分组栏共用一套 ERP 灰色框架。
 * 版师 / 采购带业务含义的彩色分组保留原色；这里只收口中性灰栏的高度、灰底、边线和渐变。
 */
@media (min-width: 901px) {
  html body.peter-experience-pilot.gc-admin-shell-pilot :is(
    .pq2-h,
    .dev-month-header,
    .production-group-header,
    .ship-month-head,
    .ship-group-head,
    .acc-group-head,
    .pv2-grp.doneish .pv2-h
  ) {
    box-sizing: border-box;
    min-height: var(--gc-wb-group-height, 44px);
    padding: 0 14px;
    border-bottom: 1px solid var(--gc-wb-line, rgba(60, 60, 67, 0.14));
    background: var(--gc-wb-surface-muted, #f9f9fb) !important;
    background-image: none !important;
  }

  html body.peter-experience-pilot.gc-admin-shell-pilot :is(
    .dev-month-header,
    .production-group-header,
    .ship-month-head,
    .ship-group-head,
    .acc-group-head
  ) {
    gap: 8px;
  }
}

/* pattern-card-single-frame-v1: 版师每个优先环节各自一个外框；框内子组不重复画圆角。 */
@media (min-width: 901px) {
  html body.gc-admin-shell-pilot.peter-topbar-trial.today-pattern-sub-active main#main
    .pattern-workspace-body.is-card .pm-subgroup {
    margin: 0;
    border: 0;
    border-radius: 0 !important;
    box-shadow: none;
  }

  html body.gc-admin-shell-pilot.peter-topbar-trial.today-pattern-sub-active main#main
    .pattern-workspace-body.is-card :is(
      .pattern-priority-content,
      .pm-subgroup-h,
      .pm-subgroup-body
    ) {
    border-radius: 0 !important;
  }

  html body.gc-admin-shell-pilot.peter-topbar-trial.today-pattern-sub-active main#main
    .pattern-workspace-body .pattern-priority-panel {
    border-radius: 16px !important;
    overflow: hidden;
  }
}
/* pattern-card-single-frame-v1:end */

/* pattern-vertical-light-headings-v1:
 * 后加载样式不得重新加回版师卡片视图的环节外框和灰色分组栏。 */
@media (min-width: 901px) {
  html body.gc-admin-shell-pilot.peter-topbar-trial.today-pattern-sub-active main#main
    .pattern-workspace-body.is-card .pattern-priority-panel {
    border: 0;
    border-radius: 0 !important;
    background: transparent;
    box-shadow: none;
    overflow: visible;
  }

  html body.gc-admin-shell-pilot.peter-topbar-trial.today-pattern-sub-active main#main
    .pattern-workspace-body.is-card :is(
      .pattern-priority-content,
      .pm-subgroup,
      .pm-subgroup-h,
      .pm-subgroup-body
    ) {
    border-radius: 0 !important;
    background: transparent !important;
  }
}
/* pattern-vertical-light-headings-v1:end */