/* erp-public-components-v1:
 * 全账号顶部公共控件最终契约。
 * 只统一尺寸、圆角、间距、焦点和禁用态；不改业务颜色、文案、位置、权限或点击逻辑。
 */

/* erp-token-public-bridge-v1:
 * 保留原公共组件变量名作为兼容门面，实际尺寸统一读取 gc-core.css 的语义 Token。
 * 本桥接不新增任何页面 selector，跟单工作台本轮不会产生新样式。 */
body.peter-topbar-trial {
  --gc-public-field-height: var(--gc-ui-field-height, 36px);
  --gc-public-action-height: var(--gc-ui-action-height, 34px);
  --gc-public-track-height: var(--gc-ui-track-height, 36px);
  --gc-public-option-height: var(--gc-ui-option-height, 28px);
  --gc-public-control-radius: var(--gc-ui-control-radius, 8px);
  --gc-public-option-radius: var(--gc-ui-option-radius, 6px);
  --gc-public-focus: var(--gc-ui-focus-ring, var(--focus-ring));
}
/* erp-token-public-bridge-v1:end */

@media (min-width: 901px) {
  /* 开发 / 大货顶部，跟单 / 开发正文筛选，以及辅料 / 船务 / 版师档案切换共用同一轨道。 */
  body.peter-topbar-trial.gc-admin-shell-pilot :where(
    #controlsBar #client-filters,
    #controlsBar #sample-type-filters,
    #controlsBar #viewToggle,
    #controlsBar .filter-group,
    #controlsBar .view-toggle,
    .peter-followup-filter-stack .filter-group,
    .peter-dev-filter-stack .filter-group,
    .acc-sub-tabs,
    .ship-subtabs,
    .plog-view-toggle
  ) {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    height: var(--gc-public-track-height) !important;
    min-height: var(--gc-public-track-height) !important;
    padding: 3px !important;
    gap: 2px;
    border: 1px solid var(--line, #E5E5EA) !important;
    border-radius: var(--gc-public-control-radius) !important;
    background: rgba(120, 120, 128, 0.08) !important;
    box-shadow: none !important;
  }

  body.peter-topbar-trial.gc-admin-shell-pilot :where(
    #controlsBar .filter-btn,
    #controlsBar .view-toggle > button,
    .peter-followup-filter-stack .filter-btn,
    .peter-dev-filter-stack .filter-btn,
    .acc-sub-tab,
    .ship-subtab,
    .plog-view-toggle > button
  ) {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    height: var(--gc-public-option-height) !important;
    min-height: var(--gc-public-option-height) !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-radius: var(--gc-public-option-radius) !important;
    font-size: 12px;
    line-height: 1;
    white-space: nowrap;
  }

  /* 版师档案的一级资料切换保留整行层级，但使用同一圆角和高度节奏。 */
  body.peter-topbar-trial.gc-admin-shell-pilot .plog-section-tabs {
    box-sizing: border-box;
    min-height: var(--gc-public-track-height);
    padding: 3px;
    gap: 2px;
    border-radius: var(--gc-public-control-radius);
    background: rgba(120, 120, 128, 0.08);
  }

  body.peter-topbar-trial.gc-admin-shell-pilot .plog-section-tab {
    box-sizing: border-box;
    min-height: 30px;
    padding: 0 14px !important;
    border-radius: var(--gc-public-option-radius) !important;
    font-size: 12.5px !important;
    line-height: 1;
  }

  /* 非搜索字段统一为 36px；页面级圆形搜索继续保留现有 48px 规格。 */
  body.peter-topbar-trial.gc-admin-shell-pilot :where(
    #devDateFilter,
    #efDateFilter,
    .acc-filter-select,
    .acc-ef-date-wrap,
    .acc-search-input,
    .ship-search-input,
    .plog-searchbar,
    .admin-filterbar input:not([type="checkbox"]),
    .admin-filterbar select
  ) {
    box-sizing: border-box;
    height: var(--gc-public-field-height) !important;
    min-height: var(--gc-public-field-height) !important;
    border-radius: var(--gc-public-control-radius) !important;
  }

  /* public-filter-controls-v2: 补齐第一批页面中仍沿用模块私有尺寸的搜索与清除控件。 */
  body.peter-topbar-trial.gc-admin-shell-pilot :where(
    .acc-filter-clear,
    .admin-search-clear
  ) {
    box-sizing: border-box;
    height: var(--gc-public-field-height) !important;
    min-height: var(--gc-public-field-height) !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-radius: var(--gc-public-control-radius) !important;
  }

  /* 版师筛选已是 28px 胶囊；保留 Chip 语义，只锁定公共选项高度。 */
  body.peter-topbar-trial.gc-admin-shell-pilot .plog-chip {
    box-sizing: border-box;
    height: var(--gc-public-option-height) !important;
    min-height: var(--gc-public-option-height) !important;
  }

  /* 页头动作不与 36px 筛选轨道争层级；主按钮颜色仍由原业务样式决定。 */
  body.peter-topbar-trial.gc-admin-shell-pilot :where(
    .header-create-btn,
    .gc-admin-page-action,
    .pq2-report-btn,
    .ship-report-btn
  ) {
    box-sizing: border-box;
    height: var(--gc-public-action-height) !important;
    min-height: var(--gc-public-action-height) !important;
    border-radius: var(--gc-public-control-radius) !important;
  }

  body.peter-topbar-trial.gc-admin-shell-pilot .batch-toggle-btn {
    box-sizing: border-box;
    width: var(--gc-public-action-height) !important;
    min-width: var(--gc-public-action-height) !important;
    height: var(--gc-public-action-height) !important;
    min-height: var(--gc-public-action-height) !important;
    border-radius: var(--gc-public-control-radius) !important;
  }

  /* 当前筛选 chip 保留业务颜色，只收口高度；普通 chip / 状态标签不受本层影响。 */
  body.peter-topbar-trial.gc-admin-shell-pilot .ship-active-filter-chip {
    box-sizing: border-box;
    height: var(--gc-public-field-height);
    min-height: var(--gc-public-field-height);
    border-radius: 999px;
  }
}

@media (min-width: 1281px) {
  /* tracking-toolbar-state-stability-v1:
   * 宽屏日期栏出现时优先收缩搜索区，不压窄客户栏，WAREHOUSE 等末项始终完整显示。
   */
  body.peter-topbar-trial.gc-admin-shell-pilot:is(.dev-tab-active, .production-tab-active)
  #controlsBar #client-filters {
    flex: 0 0 auto;
    min-width: max-content;
    max-width: none;
    overflow-x: visible;
  }
}

body.peter-topbar-trial.gc-admin-shell-pilot :where(
  #controlsBar .filter-btn,
  #controlsBar .view-toggle > button,
  .peter-followup-filter-stack .filter-btn,
  .peter-dev-filter-stack .filter-btn,
  .acc-sub-tab,
  .ship-subtab,
  .plog-view-toggle > button,
  .plog-section-tab,
  .header-create-btn,
  .gc-admin-page-action,
  .pq2-report-btn,
  .ship-report-btn,
  .batch-toggle-btn,
  .acc-filter-clear,
  .admin-search-clear,
  .plog-chip,
  .plog-clear
) {
  transition:
    color 140ms ease,
    background-color 140ms ease,
    border-color 140ms ease,
    box-shadow 140ms ease,
    transform 90ms ease;
}

body.peter-topbar-trial.gc-admin-shell-pilot :where(
  #controlsBar .filter-btn,
  #controlsBar .view-toggle > button,
  .peter-followup-filter-stack .filter-btn,
  .peter-dev-filter-stack .filter-btn,
  .acc-sub-tab,
  .ship-subtab,
  .plog-view-toggle > button,
  .plog-section-tab,
  .header-create-btn,
  .gc-admin-page-action,
  .pq2-report-btn,
  .ship-report-btn,
  .batch-toggle-btn,
  #devDateFilter,
  #efDateFilter,
  .acc-filter-select,
  .acc-search-input,
  .ship-search-input,
  #adminLogSearchInput,
  .acc-filter-clear,
  .admin-search-clear,
  .plog-chip,
  .plog-clear,
  .admin-filterbar select
):focus-visible {
  outline: 0;
  border-color: var(--apple-blue, #007AFF) !important;
  box-shadow: var(--gc-public-focus) !important;
}

body.peter-topbar-trial.gc-admin-shell-pilot .plog-searchbar:focus-within {
  border-color: var(--apple-blue, #007AFF) !important;
  box-shadow: var(--gc-public-focus) !important;
}

body.peter-topbar-trial.gc-admin-shell-pilot :where(
  #controlsBar,
  .peter-followup-filter-stack,
  .peter-dev-filter-stack,
  .acc-workbench-head,
  .ship-workbench-head,
  .plog-toolbar,
  .plog-section-tabs,
  .gc-admin-page-head,
  .pq2-top,
  .admin-filterbar
) :where(button, input, select):disabled,
body.peter-topbar-trial.gc-admin-shell-pilot :where(
  #controlsBar,
  .peter-followup-filter-stack,
  .peter-dev-filter-stack,
  .acc-workbench-head,
  .ship-workbench-head,
  .plog-toolbar,
  .plog-section-tabs,
  .gc-admin-page-head,
  .pq2-top,
  .admin-filterbar
) [aria-disabled="true"] {
  cursor: not-allowed;
  opacity: 0.48;
}

@media (max-width: 900px) {
  /* 手机只保证触控安全，不改变筛选排列、滚动方式或业务内容。 */
  body.peter-topbar-trial :where(
    #controlsBar .filter-btn,
    #controlsBar .view-toggle > button,
    .peter-followup-filter-stack .filter-btn,
    .peter-dev-filter-stack .filter-btn,
    .acc-sub-tab,
    .ship-subtab,
    .plog-view-toggle > button,
    .plog-section-tab,
    .header-create-btn,
    .gc-admin-page-action,
    .pq2-report-btn,
    .ship-report-btn
  ) {
    min-height: 44px !important;
  }

  body.peter-topbar-trial :where(
    #devDateFilter,
    #efDateFilter,
    .acc-filter-select,
    .acc-ef-date-wrap,
    .acc-search-input,
    .ship-search-input,
    .plog-searchbar,
    .admin-filterbar input:not([type="checkbox"]),
    .admin-filterbar select
  ) {
    min-height: 44px !important;
  }

  body.peter-topbar-trial :where(
    .acc-filter-clear,
    .admin-search-clear,
    .plog-chip
  ) {
    min-height: 44px !important;
  }

  /* 搜索框内的清除图标不改变外层高度，但扩大手机点击面。 */
  body.peter-topbar-trial .plog-searchbar .plog-clear {
    width: 32px;
    min-width: 32px;
    height: 32px;
    min-height: 32px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.peter-topbar-trial.gc-admin-shell-pilot :where(
    #controlsBar,
    .peter-followup-filter-stack,
    .peter-dev-filter-stack,
    .acc-workbench-head,
    .ship-workbench-head,
    .plog-toolbar,
    .plog-section-tabs,
    .gc-admin-page-head,
    .pq2-top,
    .admin-filterbar
  ) :where(button, input, select) {
    transition-duration: 0.01ms !important;
  }
}

/* public-filter-controls-v2:end */
/* erp-public-components-v1:end */

/* peter-ledger-action-component-v1:
 * 六个工作台的表格操作按钮共用一套安静的 Apple 风格组件。
 * 本轮仅在 Peter 身份门下生效；原业务 class、事件、权限和状态颜色继续保留。 */
body.peter-ledger-action-pilot-v1 .erp-ledger-action {
  appearance: none !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-width: 88px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(60, 60, 67, .18) !important;
  border-radius: 9px !important;
  color: var(--gc-wb-text, var(--ink, #1d1d1f)) !important;
  background: var(--gc-wb-surface, var(--bg-elevated, #fff)) !important;
  box-shadow: none !important;
  font-family: var(--font-sans, -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", sans-serif) !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  cursor: pointer;
  touch-action: manipulation;
  transition:
    color 140ms ease,
    background-color 140ms ease,
    border-color 140ms ease,
    box-shadow 140ms ease,
    transform 90ms ease-out !important;
}

body.peter-ledger-action-pilot-v1 .erp-ledger-action--menu {
  min-width: 98px !important;
  padding-right: 10px !important;
}

body.peter-ledger-action-pilot-v1 .erp-ledger-action svg {
  width: 14px !important;
  height: 14px !important;
  flex: 0 0 14px !important;
  color: var(--gc-wb-text-muted, var(--ink-mute, #6e6e73)) !important;
  transition: transform 140ms ease !important;
}

body.peter-ledger-action-pilot-v1 .erp-ledger-action:hover {
  border-color: rgba(0, 122, 255, .48) !important;
  color: var(--apple-blue, #007aff) !important;
  background: rgba(0, 122, 255, .06) !important;
}

body.peter-ledger-action-pilot-v1 .erp-ledger-action:active {
  transform: scale(.98);
}

body.peter-ledger-action-pilot-v1 .erp-ledger-action:focus-visible,
body.peter-ledger-action-pilot-v1 .erp-ledger-action[aria-expanded="true"] {
  outline: 0 !important;
  border-color: var(--apple-blue, #007aff) !important;
  box-shadow: 0 0 0 3px rgba(0, 122, 255, .18) !important;
}

body.peter-ledger-action-pilot-v1 .erp-ledger-action[aria-expanded="true"] svg {
  transform: rotate(180deg);
}

body.peter-ledger-action-pilot-v1 .erp-ledger-action.pq2-action-button.is-rework {
  border-color: rgba(201, 52, 47, .24) !important;
  color: #c9342f !important;
  background: rgba(201, 52, 47, .055) !important;
}

/* peter-ledger-action-copy-motion-v2:
 * QC 与其他台账一样使用安静的描边操作按钮；class 只在 Peter 渲染时添加。 */
.erp-ledger-action.erp-ledger-action--quiet {
  border-color: rgba(60, 60, 67, .18) !important;
  color: var(--gc-wb-text, var(--ink, #1d1d1f)) !important;
  background: var(--gc-wb-surface, var(--bg-elevated, #fff)) !important;
  box-shadow: none !important;
}

.erp-ledger-action.erp-ledger-action--quiet:hover {
  border-color: rgba(0, 122, 255, .48) !important;
  color: var(--apple-blue, #007aff) !important;
  background: rgba(0, 122, 255, .06) !important;
}

/* 高频台账行不做整行放大，避免表格跳动；只统一悬停与按下色面反馈。 */
.erp-ledger-interactive-row {
  transition:
    background-color 120ms ease-out,
    box-shadow 120ms ease-out !important;
}

.erp-ledger-interactive-row:hover {
  background: rgba(0, 122, 255, .035) !important;
}

.erp-ledger-interactive-row:active {
  background: rgba(0, 122, 255, .075) !important;
}

body.peter-ledger-action-pilot-v1 .erp-ledger-action:disabled,
body.peter-ledger-action-pilot-v1 .erp-ledger-action[aria-disabled="true"] {
  cursor: not-allowed;
  opacity: .48;
  transform: none;
}

body.peter-ledger-action-pilot-v1 .erp-ledger-action-menu {
  box-sizing: border-box !important;
  padding: 6px !important;
  border: 1px solid rgba(60, 60, 67, .14) !important;
  border-radius: 12px !important;
  background: var(--gc-wb-surface, var(--bg-elevated, #fff)) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .14) !important;
}

body.peter-ledger-action-pilot-v1 .erp-ledger-action-option {
  box-sizing: border-box !important;
  min-height: 36px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent;
  font-family: var(--font-sans, -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", sans-serif) !important;
  font-size: 12.5px !important;
  font-weight: 550 !important;
  line-height: 1.25 !important;
}

body.peter-ledger-action-pilot-v1 .erp-ledger-action-option:hover,
body.peter-ledger-action-pilot-v1 .erp-ledger-action-option:focus-visible {
  outline: 0 !important;
  background: rgba(0, 122, 255, .08) !important;
}

html[data-gc-appearance="dark"] body.peter-ledger-action-pilot-v1 .erp-ledger-action {
  border-color: rgba(255, 255, 255, .18) !important;
  color: #f5f5f7 !important;
  background: rgba(255, 255, 255, .08) !important;
}

html[data-gc-appearance="dark"] body.peter-ledger-action-pilot-v1 .erp-ledger-action:hover {
  border-color: rgba(10, 132, 255, .62) !important;
  color: #64a8ff !important;
  background: rgba(10, 132, 255, .14) !important;
}

@media (max-width: 900px) {
  body.peter-ledger-action-pilot-v1 .erp-ledger-action {
    height: 44px !important;
    min-height: 44px !important;
    padding-right: 14px !important;
    padding-left: 14px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.peter-ledger-action-pilot-v1 .erp-ledger-action,
  body.peter-ledger-action-pilot-v1 .erp-ledger-action svg,
  .erp-ledger-interactive-row {
    transition-duration: 0.01ms !important;
  }

  body.peter-ledger-action-pilot-v1 .erp-ledger-action:active {
    transform: none;
  }
}
/* peter-ledger-action-component-v1:end */

/* peter-ledger-card-motion-v1:
 * Peter 版师 / 采购 / 版房的卡片模式共用同一套克制的抬升反馈。
 * 表格行不位移；触摸屏和减少动态偏好下关闭位移。 */
body.peter-ledger-action-pilot-v1 :is(
  .pattern-workspace-body.is-card,
  .purchase-workspace-body.is-card,
  .workshop-workspace-body.is-card
) .today-card {
  transition:
    transform 140ms cubic-bezier(.2, .8, .2, 1),
    box-shadow 140ms ease-out,
    border-color 140ms ease-out !important;
}

@media (hover: hover) and (pointer: fine) {
  body.peter-ledger-action-pilot-v1 :is(
    .pattern-workspace-body.is-card,
    .purchase-workspace-body.is-card,
    .workshop-workspace-body.is-card
  ) .today-card:hover {
    transform: translateY(-1px) !important;
    border-color: rgba(0, 122, 255, .28) !important;
    /* peter-ledger-card-motion-ring-v2: 内描边不受左侧滚动边界裁切，四边始终完整。 */
    box-shadow:
      inset 0 0 0 1px rgba(0, 122, 255, .22),
      0 5px 14px rgba(15, 23, 42, .08) !important;
  }

  body.peter-ledger-action-pilot-v1 :is(
    .pattern-workspace-body.is-card,
    .purchase-workspace-body.is-card,
    .workshop-workspace-body.is-card
  ) .today-card:active {
    transform: translateY(0) !important;
    box-shadow: 0 2px 6px rgba(15, 23, 42, .05) !important;
  }
}

html[data-gc-appearance="dark"] body.peter-ledger-action-pilot-v1 :is(
  .pattern-workspace-body.is-card,
  .purchase-workspace-body.is-card,
  .workshop-workspace-body.is-card
) .today-card:hover {
  border-color: rgba(10, 132, 255, .46) !important;
  box-shadow:
    inset 0 0 0 1px rgba(10, 132, 255, .30),
    0 5px 16px rgba(0, 0, 0, .24) !important;
}

@media (prefers-reduced-motion: reduce) {
  body.peter-ledger-action-pilot-v1 :is(
    .pattern-workspace-body.is-card,
    .purchase-workspace-body.is-card,
    .workshop-workspace-body.is-card
  ) .today-card {
    transition-duration: 0.01ms !important;
  }

  body.peter-ledger-action-pilot-v1 :is(
    .pattern-workspace-body.is-card,
    .purchase-workspace-body.is-card,
    .workshop-workspace-body.is-card
  ) .today-card:hover,
  body.peter-ledger-action-pilot-v1 :is(
    .pattern-workspace-body.is-card,
    .purchase-workspace-body.is-card,
    .workshop-workspace-body.is-card
  ) .today-card:active {
    transform: none !important;
  }
}
/* peter-ledger-card-motion-v1:end */

/* peter-production-filter-system-c004-v1:
 * C-004 第一批：Peter 大货跟进的客户 / 视图分段、低频筛选入口和两个下拉菜单共用一套组件尺寸。
 * 仅改显示契约；真实筛选值、业务函数、数据和普通账号界面不变。 */
html body.peter-experience-pilot.peter-production-workspace-pilot.production-tab-active
  #controlsBar :is(#client-filters, #viewToggle) {
  box-sizing: border-box;
  height: var(--gc-ui-segment-height, 36px) !important;
  min-height: var(--gc-ui-segment-height, 36px) !important;
  padding: 3px !important;
  gap: 2px !important;
  border-radius: var(--gc-ui-segment-radius, 10px) !important;
  background: rgba(118, 118, 128, 0.12) !important;
}

html body.peter-experience-pilot.peter-production-workspace-pilot.production-tab-active
  #controlsBar :is(#client-filters .filter-btn, #viewToggle > button) {
  box-sizing: border-box;
  height: var(--gc-ui-segment-option-height, 30px) !important;
  min-height: var(--gc-ui-segment-option-height, 30px) !important;
  padding: 0 12px !important;
  border-radius: var(--gc-ui-segment-option-radius, 7px) !important;
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1;
}

html body.peter-experience-pilot.peter-production-workspace-pilot.production-tab-active
  #controlsBar :is(#client-filters .filter-btn.active, #viewToggle > button.active) {
  color: #fff !important;
  background: var(--apple-blue, #007aff) !important;
  box-shadow: 0 1px 3px rgba(0, 79, 168, 0.18) !important;
}

html body.peter-experience-pilot.peter-production-workspace-pilot.production-tab-active
  .erp-filter-disclosure {
  position: relative;
  z-index: 90;
}

html body.peter-experience-pilot.peter-production-workspace-pilot.production-tab-active
  .erp-filter-disclosure-trigger {
  box-sizing: border-box;
  height: var(--gc-ui-field-height, 36px);
  min-height: var(--gc-ui-field-height, 36px);
  border-radius: var(--gc-ui-segment-radius, 10px);
}

html body.peter-experience-pilot.peter-production-workspace-pilot.production-tab-active
  .erp-filter-popover {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 304px;
  padding: 12px;
  gap: 10px;
  border: 1px solid var(--gc-wb-line-strong, rgba(60, 60, 67, 0.14));
  border-radius: var(--gc-ui-listbox-radius, 10px);
  background: var(--gc-wb-surface, var(--bg-elevated, #fff));
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.14), 0 2px 6px rgba(15, 23, 42, 0.05);
}

html body.peter-experience-pilot.peter-production-workspace-pilot.production-tab-active
  .erp-filter-popover > :is(.production-ship-filter, .production-sample-filter).erp-workspace-select {
  width: 100%;
  min-width: 0;
}

html body.peter-experience-pilot.peter-production-workspace-pilot.production-tab-active
  .erp-filter-popover .erp-workspace-select-trigger {
  box-sizing: border-box;
  width: 100%;
  height: var(--gc-ui-field-height, 36px);
  min-height: var(--gc-ui-field-height, 36px);
  padding: 0 10px 0 12px;
  border: 1px solid var(--gc-wb-line-strong, rgba(60, 60, 67, 0.14));
  border-radius: var(--gc-ui-select-radius, 9px) !important;
  color: var(--gc-wb-text, var(--ink, #1d1d1f));
  background: var(--gc-wb-surface, var(--bg-elevated, #fff));
  font-size: 12.5px;
  font-weight: 500;
}

html body.peter-experience-pilot.peter-production-workspace-pilot.production-tab-active
  .erp-filter-popover .erp-workspace-select-menu {
  box-sizing: border-box;
  width: max-content;
  min-width: 100%;
  max-width: min(260px, calc(100vw - 32px));
  padding: 5px;
  border-radius: var(--gc-ui-listbox-radius, 10px);
  background: var(--gc-wb-surface, var(--bg-elevated, #fff));
  box-shadow: 0 10px 26px -10px rgba(29, 29, 31, 0.20), 0 2px 8px rgba(29, 29, 31, 0.06);
}

html body.peter-experience-pilot.peter-production-workspace-pilot.production-tab-active
  .erp-filter-popover .erp-workspace-select-option {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 16px;
  align-items: center;
  width: 100%;
  min-height: var(--gc-ui-listbox-option-height, 34px);
  padding: 0 9px;
  gap: 8px;
  border-radius: var(--gc-ui-segment-option-radius, 7px);
  color: var(--gc-wb-text-secondary, var(--ink-soft, #424248));
  background: transparent;
  font-size: 12.5px;
  font-weight: 500;
}

html body.peter-experience-pilot.peter-production-workspace-pilot.production-tab-active
  .erp-filter-popover .erp-workspace-select-option:is(:hover, :focus-visible) {
  outline: 0;
  color: var(--gc-wb-text, var(--ink, #1d1d1f));
  background: var(--gc-wb-surface-muted, var(--bg-hover, #f7f7f9));
}

html body.peter-experience-pilot.peter-production-workspace-pilot.production-tab-active
  .erp-filter-popover .erp-workspace-select-option.is-selected {
  color: var(--gc-wb-primary, var(--apple-blue, #007aff));
  background: rgba(0, 122, 255, 0.10);
  font-weight: 600;
}

html body.peter-experience-pilot.peter-production-workspace-pilot.production-tab-active
  .erp-filter-popover .erp-workspace-select-check {
  opacity: 0;
  visibility: hidden;
}

html body.peter-experience-pilot.peter-production-workspace-pilot.production-tab-active
  .erp-filter-popover .erp-workspace-select-option.is-selected .erp-workspace-select-check {
  opacity: 1;
  visibility: visible;
}

@media (max-width: 900px) {
  html body.peter-experience-pilot.peter-production-workspace-pilot.production-tab-active
    #controlsBar :is(#client-filters, #viewToggle) {
    height: calc(var(--gc-ui-touch-target-height, 44px) + 6px) !important;
    min-height: calc(var(--gc-ui-touch-target-height, 44px) + 6px) !important;
  }

  html body.peter-experience-pilot.peter-production-workspace-pilot.production-tab-active
    #controlsBar :is(#client-filters .filter-btn, #viewToggle > button) {
    height: var(--gc-ui-touch-target-height, 44px) !important;
    min-height: var(--gc-ui-touch-target-height, 44px) !important;
  }

  html body.peter-experience-pilot.peter-production-workspace-pilot.production-tab-active
    .erp-filter-disclosure-trigger,
  html body.peter-experience-pilot.peter-production-workspace-pilot.production-tab-active
    .erp-filter-popover .erp-workspace-select-trigger {
    height: var(--gc-ui-touch-target-height, 44px);
    min-height: var(--gc-ui-touch-target-height, 44px);
  }

  html body.peter-experience-pilot.peter-production-workspace-pilot.production-tab-active
    .erp-filter-popover {
    width: 100%;
    max-width: calc(100vw - 40px);
  }

  html body.peter-experience-pilot.peter-production-workspace-pilot.production-tab-active
    .erp-filter-popover .erp-workspace-select-option {
    min-height: var(--gc-ui-touch-target-height, 44px);
  }
}

@media (max-width: 420px) {
  html body.peter-experience-pilot.peter-production-workspace-pilot.production-tab-active
    .erp-filter-popover {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.peter-experience-pilot.peter-production-workspace-pilot.production-tab-active
    :is(.erp-filter-disclosure-trigger, .erp-workspace-select-trigger, .erp-workspace-select-trigger > svg) {
    transition-duration: 0.01ms !important;
  }
}
/* peter-production-filter-system-c004-v1:end */