/* Layout owner for the accepted white continuous design. Header/photo actions
 * remain owned by their accepted modules. Preserve the accepted flush right edge.
 */
html body #drawer#drawer.style-detail-drawer-v2.gc-drawer-layout-pilot {
  width: min(820px, 100vw) !important;
  max-width: 100vw !important;
  background: var(--bg-elevated, #fff) !important;
}
html body #drawer#drawer.gc-drawer-layout-pilot > .drawer-body {
  flex: 1 1 0; min-height: 0;
  padding: 0 24px 28px !important;
  background: var(--bg-elevated, #fff) !important;
  overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain;
  scroll-behavior: auto; scrollbar-gutter: stable;
}
html body #drawer#drawer.gc-drawer-layout-pilot > .drawer-status-actions {
  position: relative !important; inset: auto !important;
  display: flex !important; flex: 0 0 auto; align-items: center;
  justify-content: space-between; flex-wrap: wrap; gap: 12px 16px;
  margin: 0 !important; padding: 16px 24px !important;
  border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  background: var(--bg-elevated, #fff) !important; overflow: visible;
}
html body #drawer#drawer.gc-drawer-layout-pilot .drawer-status-row {
  display: flex !important; flex-direction: column; align-items: stretch;
  flex: 1 1 340px; min-width: 0; gap: 6px; margin: 0 !important;
}
html body #drawer#drawer.gc-drawer-layout-pilot :is(.gc-drawer-status-path, .gc-drawer-status-meta) {
  display: flex; align-items: center; flex-wrap: wrap; gap: 6px 14px;
  min-width: 0; font: 400 13px/1.5 var(--font-sans);
}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-stage-name { font-weight: 600; color: var(--ink); }
html body #drawer#drawer.gc-drawer-layout-pilot .drawer-status-owner { color: var(--ink-mute); }
html body #drawer#drawer.gc-drawer-layout-pilot .drawer-status-owner b { font-weight: 400; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-status-path { gap: 8px; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-status-separator { color: var(--line-strong); }
html body #drawer#drawer.gc-drawer-layout-pilot :is(.drawer-status-chip, .drawer-status-meta, .drawer-status-chip-size, .drawer-status-chip-color, .drawer-status-chip-empty) {
  height: auto !important; min-height: 0 !important; margin: 0 !important;
  padding: 0 !important; border: 0 !important; border-radius: 0 !important;
  background: transparent !important; box-shadow: none !important;
  font-size: 13px !important; line-height: 1.5 !important;
}
html body #drawer#drawer.gc-drawer-layout-pilot .drawer-status-chip-size { gap: 4px; }
html body #drawer#drawer.gc-drawer-layout-pilot .drawer-status-chip-color { gap: 5px; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-status-meta :is(.drawer-status-chip, .drawer-status-meta) { font-size: 12px !important; font-weight: 400 !important; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-action-decoration { display: none !important; }
html body #drawer#drawer.gc-drawer-layout-pilot .drawer-quick-actions {
  display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap;
  flex: 0 1 auto; gap: 8px; margin: 0 !important; padding: 0 !important;
}
html body #drawer#drawer.gc-drawer-layout-pilot .drawer-quick-actions > button,
html body #drawer#drawer.gc-drawer-layout-pilot .drawer-quick-actions > details > summary {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  min-height: 36px !important; height: 36px !important; width: auto !important;
  padding: 0 12px !important; border: 1px solid transparent !important;
  border-radius: var(--gc-button-radius, 8px) !important; box-shadow: none !important;
  background: var(--fill, #f5f5f7) !important; color: var(--ink) !important;
  font: 500 13px/1 var(--font-sans) !important;
}
html body #drawer#drawer.gc-drawer-layout-pilot .drawer-quick-actions > button.primary:not([style*="background"]) {
  background: var(--apple-blue) !important; color: var(--bg-elevated) !important;
}
/* Keep the original parallel fabric action and its truthful status colour. */
html body #drawer#drawer.gc-drawer-layout-pilot .drawer-quick-actions > button.primary[style*="background"] {
  background: var(--ok-bg) !important; color: var(--ok) !important;
}
html body #drawer#drawer.gc-drawer-layout-pilot .drawer-quick-actions > button.danger { color: var(--danger) !important; }
html body #drawer#drawer.gc-drawer-layout-pilot .drawer-quick-actions > button:disabled { opacity: .45; }
html body #drawer#drawer.gc-drawer-layout-pilot > .gc-drawer-layout-nav {
  flex: 0 0 auto; display: flex; align-items: stretch; justify-content: space-between;
  gap: 12px; padding: 0 24px;
  border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);
  background: var(--bg-elevated); overflow-x: auto; scrollbar-width: none;
}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-layout-nav > button {
  position: relative; flex: 0 0 auto; min-height: 44px; border: 0; border-radius: 0;
  padding: 0 4px; background: transparent; color: var(--ink-mute);
  font: 500 13px/1.4 var(--font-sans); white-space: nowrap; cursor: pointer;
}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-layout-nav > button[aria-current="location"] { color: var(--apple-blue); font-weight: 600; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-layout-nav > button[aria-current="location"]::after {
  content: ''; position: absolute; left: 4px; right: 4px; bottom: 0; height: 2px;
  border-radius: 1px; background: var(--apple-blue);
}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-layout-nav > button:hover { background: var(--fill); }
html body #drawer#drawer.gc-drawer-layout-pilot :is(.gc-drawer-layout-nav > button, .drawer-quick-actions > button):focus-visible { outline: 2px solid var(--apple-blue); outline-offset: -2px; }
/* The original mobile navigation sits above drawers. Only while this exact
 * Peter layout is open, keep it from covering the last content/controls. */
body:has(#drawer.open.style-detail-drawer-v2.gc-drawer-layout-pilot) #mobileTabBar { display: none !important; }
html body #drawer#drawer.gc-drawer-layout-pilot > .drawer-body > :is(.detail-top-section, .spec-block, .gc-pattern-section, .style-development-documents, .ghu-section, .wash-label-section, .size-sheet-section, .po-card, .add-po-cta, .notes-section, .style-timeline-section, .style-gallery-collapsible) {
  margin: 0 !important; padding: 24px 0 !important;
  border: 0 !important; border-bottom: 1px solid var(--line) !important;
  border-radius: 0 !important; box-shadow: none !important;
  background: var(--bg-elevated) !important;
}
html body #drawer#drawer.gc-drawer-layout-pilot .detail-top-section { display: block; }
html body #drawer#drawer.gc-drawer-layout-pilot .detail-meta-strip { margin: 0; padding: 0; border: 0; background: transparent; box-shadow: none; }
html body #drawer#drawer.gc-drawer-layout-pilot .detail-meta-strip:has(> *) { margin-top: 16px; }
html body #drawer#drawer.gc-drawer-layout-pilot .detail-meta-strip:empty { display: none; }
html body #drawer#drawer.gc-drawer-layout-pilot .photo-gallery-list { gap: 8px !important; padding: 3px 2px 9px !important; }
html body #drawer#drawer.gc-drawer-layout-pilot .photo-gallery-list > :is(.photo-item, .photo-add-tile) {
  flex: 0 0 92px !important; width: 92px !important; height: 123px !important;
}
html body #drawer#drawer.gc-drawer-layout-pilot .photo-gallery-list > .photo-item > .photo-img { width: 100% !important; height: 100% !important; max-height: none !important; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-layout-section > :is(.spec-block-h, .po-card-header) {
  padding: 0 0 16px !important; background: transparent !important;
  border: 0 !important; flex-wrap: wrap; gap: 8px;
}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-layout-section > .spec-block-h .title { font: 650 16px/1.4 var(--font-sans) !important; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-layout-section > .spec-block-body { padding-left: 0 !important; padding-right: 0 !important; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-layout-section > .cr-ver-toolbar { padding-left: 0 !important; padding-right: 0 !important; }
/* Customer requirements: same light controls as the accepted header/photo group.
 * Original version nodes/menus and reading content stay owned by their renderers. */
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-cr-pilot > .spec-block-h { flex-wrap: wrap; gap: 8px; margin-bottom: 16px !important; padding: 0 !important; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-cr-pilot .right-controls { margin-left: auto; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-cr-pilot .cr-ver-actions { flex-wrap: wrap; justify-content: flex-end; gap: 8px; width: auto; margin: 0; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-cr-pilot :is(.cr-ver-actions > button, .cr-ver-history-trigger, .gc-drawer-file-control) {
  height: 36px !important; min-height: 36px !important; width: auto; flex: 0 0 auto;
  padding: 0 12px !important; border: 1px solid transparent !important; border-radius: var(--gc-button-radius, 8px) !important;
  background: var(--fill, #f5f5f7) !important; color: var(--ink-soft) !important; box-shadow: none !important;
  font: 500 13px/1 var(--font-sans) !important; transform: none !important;
}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-cr-pilot :is(.cr-ver-actions > button, .cr-ver-history-trigger, .gc-drawer-file-control):hover { background: var(--fill-hover, #eaeaee) !important; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-cr-pilot :is(.cr-ver-actions > button, .cr-ver-history-trigger, .gc-drawer-file-control):focus-visible { outline: 2px solid var(--apple-blue); outline-offset: 2px; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-cr-pilot .gc-drawer-cr-more-trigger { width: 36px; padding: 0 !important; font-size: 18px !important; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-cr-pilot > .cr-ver-toolbar { min-height: 36px; padding: 0 !important; margin: 0 0 16px; gap: 16px; border: 0; background: transparent; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-cr-pilot .cr-ver-current { flex: 0 1 auto; width: auto; max-width: 100%; height: auto !important; min-height: 36px; padding: 0; border: 0; background: transparent; gap: 8px; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-cr-pilot .cr-ver-current.is-latest .cr-ver-current-prefix { display: none; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-cr-pilot .cr-ver-current-label { max-width: none; white-space: normal; overflow: visible; font: 500 13px/1.5 var(--font-sans); }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-cr-pilot .cr-ver-latest-badge { padding: 0; background: transparent; color: var(--ok); font: 500 12px/1.5 var(--font-sans); }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-cr-pilot .cr-ver-history-trigger { gap: 8px; }
/* Historical comments use the same white reading surface as the latest version.
 * The original history label/banner remains the source of the warning. */
html body #drawer#drawer.gc-drawer-layout-pilot .spec-block[id^="spec-cr-"] > .spec-block-body.historic { background: var(--bg-elevated) !important; border-top: 0; }
/* The original history/version label and latest action already identify this view.
 * Hide only the redundant sentence, never the version content or history itself. */
html body #drawer#drawer.gc-drawer-layout-pilot .spec-block[id^="spec-cr-"] > .spec-block-body.historic > .cr-historic-banner { display: none; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-cr-pilot .gc-drawer-cr-menu { min-width: 160px; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-cr-pilot .gc-drawer-cr-menu > button { display: block; width: 100%; height: 36px; margin: 0; padding: 8px 10px; border: 0; border-radius: 6px; background: transparent; color: var(--ink-soft); box-shadow: none; font: 400 13px/1.4 var(--font-sans); text-align: left; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-cr-pilot .gc-drawer-cr-menu > button:hover { background: var(--fill-hover); }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-cr-pilot .gc-drawer-cr-menu > :is(.is-danger, [data-head-delete]) { color: var(--danger); }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-cr-pilot .gc-drawer-cr-menu > :is(.is-danger, [data-head-delete]):hover { background: var(--danger-bg); }
/* Compact spec headers: move original version context alongside the title.
 * Empty old toolbars contribute no spacing; sourcing stays visible on the left. */
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-compact-spec .gc-drawer-inline-version { display: flex; align-items: center; flex-wrap: wrap; flex: 0 1 auto; min-width: 0; gap: 8px 12px; }
/* User requested title + version only, without role/count helper subtitles. */
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-compact-spec > .spec-block-h > .who { display: none; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-compact-spec > .cr-ver-toolbar:not(:has(> *)) { display: none; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-compact-spec .gc-drawer-inline-version .cr-ver-current { min-width: 0; overflow-wrap: anywhere; flex-wrap: wrap; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-compact-spec .gc-drawer-inline-version .cr-ver-current-label { flex: 0 1 auto; overflow-wrap: anywhere; font-size: 16px; line-height: 1.4; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-compact-spec .gc-drawer-inline-version .cr-ver-current::before { content: '/'; flex: 0 0 auto; color: var(--ink-mute); font: 400 16px/1.4 var(--font-sans); }
/* Fabric shares the accepted requirements controls, without rewriting arbitrary
 * supplier prose into a guessed schema or hiding contacts/customer annotations. */
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-fabric-pilot > .fabric-ver-toolbar { flex-wrap: wrap; align-items: center; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-fabric-pilot > .spec-block-h > .seg-chip { margin-left: 0; flex: 0 0 auto; padding: 3px; height: auto; border: 0; background: var(--fill); border-radius: var(--gc-button-radius, 8px); }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-fabric-pilot .seg-chip-btn { height: 30px !important; min-height: 30px; padding: 0 10px; border: 0; border-radius: 6px; box-shadow: none !important; font: 500 12px/1 var(--font-sans); background: transparent; color: var(--ink-mute); }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-fabric-pilot .seg-chip-btn.is-pending.active { background: var(--warn-bg); color: var(--warn); }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-fabric-pilot .seg-chip-btn.is-sourced.active { background: var(--ok-bg); color: var(--ok); }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-fabric-pilot .seg-chip-btn:not(:disabled):hover { background: var(--fill-hover); }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-fabric-pilot .seg-chip-btn:disabled { opacity: .55; cursor: not-allowed; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-fabric-pilot .seg-chip-btn:focus-visible { outline: 2px solid var(--apple-blue); outline-offset: -2px; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-fabric-pilot .spec-block-body { font: 400 13px/1.8 var(--font-sans); }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-fabric-pilot .spec-block-body :is(.client-req-reading-copy, p, div, span, font, li, b, strong, h1, h2, h3, h4, h5, h6) { font-size: 13px !important; line-height: 1.8 !important; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-fabric-pilot .spec-block-body :is(b, strong) { font-weight: 500; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-fabric-pilot .spec-block-body p { margin: 0 0 8px; }
/* Head usage follows fabric, before file sections. Filled/empty records share
 * the existing requirements action component; original values/units stay intact. */
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-usage-pilot > .ghu-head { padding: 0 !important; min-height: 36px; border: 0; gap: 12px; flex-wrap: wrap; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-usage-pilot > .ghu-head > strong { font: 650 16px/1.4 var(--font-sans); }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-usage-pilot .ghu-actions { margin-left: auto; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-usage-pilot .ghu-actions > [data-head-delete] { color: var(--danger) !important; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-usage-pilot > .ghu-summary { padding: 16px 0 0 !important; font: 400 13px/1.6 var(--font-sans); }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-usage-pilot .ghu-meta { margin-bottom: 12px; color: var(--ink-mute); font: 400 12px/1.5 var(--font-sans); overflow-wrap: anywhere; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-usage-pilot .ghu-item { grid-template-columns: 84px minmax(0, 1fr); gap: 16px; padding: 6px 0; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-usage-pilot .ghu-item > strong { font-weight: 500; color: var(--ink-mute); }
/* File headers/rows reuse the accepted light action and more-menu components.
 * Hide empty/count helpers only, not filenames, provenance or failed reads. */
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-files-pilot :is(.development-documents-symbol, .development-documents-count, .section-count, .ss-category-summary, .ss-empty),
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-files-pilot > svg,
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-files-pilot .gc-pattern-summary:not(.gc-drawer-file-error) { display: none !important; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-files-pilot .gc-drawer-file-error { color: var(--danger); }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-files-pilot :is(.development-documents-header, .section-head) {
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  padding: 0 !important; min-height: 36px !important; border: 0 !important; background: transparent;
}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-files-pilot :is(.development-documents-title, .section-title) { flex: 1 1 auto; min-width: 0; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-files-pilot :is(.development-documents-title > strong, .section-title),
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-files-pilot > strong { font: 650 16px/1.4 var(--font-sans) !important; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-files-pilot > [data-gc-pattern-manage] { margin-left: auto; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-files-pilot .development-documents-list { padding: 0 !important; margin: 12px 0 0; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-files-pilot :is(.development-document-row, .ss-row) {
  display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; align-items: center;
  min-height: 0 !important; gap: 12px; padding: 16px 0 !important; margin: 0;
  border: 0; border-bottom: 1px solid var(--line); background: transparent; border-radius: 0;
}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-files-pilot :is(.development-document-icon, .ss-icon) {
  width: 36px !important; height: 44px !important; padding: 0; border: 0; border-radius: 8px !important;
  background: var(--fill, #f5f5f7) !important; color: var(--ink-soft) !important; font: 600 10px/1 var(--font-sans) !important;
  display: flex; align-items: center; justify-content: center;
}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-files-pilot .development-document-row:last-child { border-bottom: 0; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-files-pilot :is(.development-document-main, .gc-drawer-file-main) { min-width: 0; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-files-pilot :is(.development-document-name, .ss-name) {
  display: block; margin: 0; white-space: normal; overflow: visible; overflow-wrap: anywhere;
  color: var(--ink); font: 500 13px/1.5 var(--font-sans); text-decoration: none;
}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-files-pilot :is(.development-document-meta, .gc-drawer-file-meta) {
  display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; margin-top: 4px;
  color: var(--ink-mute); font: 400 12px/1.5 var(--font-sans); overflow-wrap: anywhere;
}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-files-pilot :is(.ss-cat-badge, .ss-meta, .ss-color-badge) { font: inherit; color: inherit; background: transparent; border: 0; border-radius: 0; padding: 0; white-space: normal; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-files-pilot .gc-drawer-file-control {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  cursor: pointer; text-decoration: none; white-space: nowrap;
}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-files-pilot .development-document-action.is-icon { width: 36px; padding: 0 !important; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-files-pilot .ss-add-row {
  width: fit-content !important; margin: 16px 0 0 auto !important;
  border-top: 0 !important; border-radius: var(--gc-button-radius, 8px) !important;
}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-files-pilot .section-head > .ss-add-row { margin: 0 0 0 auto !important; }
/* Wash/PO retain their original fields and permissions, using the same light
 * actions and white reading surface as the accepted requirements/file blocks. */
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-wash-pilot .section-head {
  display: flex; align-items: center; flex-wrap: wrap; gap: 12px;
  padding: 0 !important; border: 0; background: transparent; margin-bottom: 16px;
}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-wash-pilot .section-title { flex: 1; font: 650 16px/1.4 var(--font-sans) !important; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-wash-pilot .section-title > svg { display: none; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-wash-pilot .section-count { padding: 0 !important; margin-left: 8px; border: 0; border-radius: 0; background: transparent !important; color: var(--ink-mute); font: 400 12px/1.5 var(--font-sans) !important; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-wash-pilot .wl-rows { padding: 0; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-wash-pilot .wl-row { flex-wrap: wrap; align-items: flex-start; gap: 8px 12px; padding: 12px 0; background: transparent; border-color: var(--line); }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-wash-pilot .wl-row:first-child { padding-top: 0; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-wash-pilot :is(.wl-role, .wl-role-select, .wl-po-select, .wl-po-badge) {
  height: 28px !important; min-height: 28px !important; padding: 0 8px 0 0 !important;
  border: 0 !important; border-radius: 0 !important; background: transparent !important;
  box-shadow: none !important; color: var(--ink-mute) !important; font: 400 13px/1.6 var(--font-sans) !important;
}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-wash-pilot :is(.wl-role-select, .wl-po-select) { padding-right: 24px !important; max-width: 100%; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-wash-pilot :is(.wl-role-select, .wl-po-select):focus-visible { outline: 2px solid var(--apple-blue) !important; outline-offset: 2px; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-wash-pilot .wl-comp { flex: 1 1 240px; padding-top: 3px; color: var(--ink); font: 400 13px/1.8 var(--font-sans); word-break: normal; overflow-wrap: anywhere; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-wash-pilot .wl-add-row { justify-content: flex-start; margin: 0; border-top: 0; width: auto; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-wash-pilot .wl-empty { display: none; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-wash-row-actions { margin-left: auto; }
/* Original div/span keyboard controls moved into the existing native menu. */
html body #drawer#drawer.gc-drawer-layout-pilot :is(.gc-drawer-wash-pilot, .gc-drawer-po-pilot) .gc-drawer-cr-menu > :is(button, [role="button"]) {
  display: flex; align-items: center; justify-content: flex-start; width: 100% !important;
  height: 36px !important; min-height: 36px !important; padding: 8px 10px !important; margin: 0;
  border: 0 !important; border-radius: 6px; background: transparent; color: var(--ink-soft);
  box-shadow: none !important; font: 400 13px/1.4 var(--font-sans); text-align: left; cursor: pointer;
}
html body #drawer#drawer.gc-drawer-layout-pilot :is(.gc-drawer-wash-pilot, .gc-drawer-po-pilot) .gc-drawer-cr-menu > :is(button, [role="button"]):hover { background: var(--fill-hover, #eaeaee); }
html body #drawer#drawer.gc-drawer-layout-pilot :is(.gc-drawer-wash-pilot, .gc-drawer-po-pilot) .gc-drawer-cr-menu > .is-danger { color: var(--danger); }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-card-header { align-items: center; min-height: 36px; padding: 0 !important; margin: 0 0 12px !important; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .gc-drawer-po-title { font: 650 16px/1.4 var(--font-sans); }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-card-header :is(.lbl-section, .po-context-count) { font: 400 12px/1.5 var(--font-sans) !important; color: var(--ink-mute); padding: 0; background: transparent; border: 0; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-card-header > .po-add-btn { margin-left: auto; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-list-v2 { border: 0; border-radius: 0; background: transparent; overflow: visible; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot :is(.po-row, .po-shipped-entry) { content-visibility: visible; background: transparent !important; box-shadow: none !important; padding: 16px 0; border-radius: 0; border-bottom: 1px solid var(--line); }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot :is(.po-row, .po-shipped-entry):last-child { border-bottom: 0; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-list-v2 > .po-row:first-child { padding-top: 0; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-row-main { display: block; padding: 0 !important; background: transparent; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot :is(.po-row-top, .po-row-bottom) { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; min-width: 0; padding: 0; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-row-bottom { margin-top: 16px; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-row-chevron { flex: 0 0 12px; width: 12px; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-row-num { font: 650 20px/1.4 var(--font-sans); overflow-wrap: anywhere; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot :is(.po-row-barcode, .po-row-color, .po-row-qty, .order-type-badge, .ship-method-badge, .po-row-ef) { font: 400 13px/1.5 var(--font-sans); }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot :is(.po-row-qty, .order-type-badge, .ship-method-badge) { padding: 0; background: transparent; border: 0; border-radius: 0; color: var(--ink-soft); }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .gc-drawer-po-deadline { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 8px; margin-left: auto; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-row-ef > svg { display: none; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-status-chip { padding: 0; background: transparent; border: 0; font: 400 12px/1.5 var(--font-sans); }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-chip-danger { color: var(--danger); }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-row-price { margin-left: auto; font: 600 13px/1.5 var(--font-sans); }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-row-spacer { display: none; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-row-details { margin-top: 16px; padding: 0 !important; gap: 12px; font: 400 13px/1.6 var(--font-sans); background: transparent; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-detail-line { gap: 16px; min-width: 0; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-detail-lbl { flex: 0 0 84px; min-width: 0; font: 400 13px/1.6 var(--font-sans); letter-spacing: 0; padding: 0; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-detail-line-history { flex-direction: row; align-items: flex-start; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-detail-line-history > .po-detail-lbl { flex-basis: 84px; display: flex; align-items: center; min-height: 36px; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-delay-list { flex: 1; min-width: 0; gap: 8px; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-delay-row { display: grid; grid-template-columns: max-content minmax(0, 1fr) auto; align-items: start; min-height: 36px; gap: 4px 12px; padding: 0; background: transparent; border: 0; border-radius: 0; font: 400 13px/1.6 var(--font-sans); overflow-wrap: anywhere; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-delay-dates { grid-column: 1; grid-row: 1; display: flex; align-items: center; min-height: 36px; font: inherit; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-delay-reason { grid-column: 2; grid-row: 1; display: flex; align-items: center; min-height: 36px; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot :is(.po-delay-pdf-link, .po-delay-pdf-add) { grid-column: 3; grid-row: 1; justify-self: end; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-delay-note { grid-column: 1 / -1; font-style: normal; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-detail-val { min-width: 0; font: 400 13px/1.6 var(--font-sans); overflow-wrap: anywhere; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-detail-val-breakdown { display: flex; flex-wrap: wrap; gap: 8px 16px; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-breakdown-chip { padding: 0; background: transparent; border: 0; font: 400 13px/1.6 var(--font-sans); }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-breakdown-chip .sz { color: var(--ink-mute); }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .gc-drawer-po-actions { margin-top: 20px; justify-content: flex-start; gap: 8px; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .gc-drawer-file-control { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; cursor: pointer; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-shipped-fold { margin: 16px 0 0; border: 0; border-top: 1px solid var(--line); border-radius: 0; background: transparent; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-shipped-fold > summary { padding: 16px 0; color: var(--ink); font: 650 16px/1.4 var(--font-sans); }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-shipped-fold > summary::before { order: 1; margin-left: auto; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-shipped-fold .shipped-list { padding: 0; gap: 0; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-shipped-entry { border: 0; border-bottom: 1px solid var(--line); overflow: visible; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .gc-drawer-po-history-head { display: flex; align-items: flex-start; gap: 12px; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .gc-drawer-po-history-head > .po-shipped-row { flex: 1; min-width: 0; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-shipped-row { flex-wrap: wrap; gap: 8px; padding: 0; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-shipped-row:hover { background: transparent; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-shipped-row .meta { min-width: 0; flex: 1 1 180px; overflow-wrap: anywhere; font: 400 13px/1.6 var(--font-sans); }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-shipped-row .meta .po-num { font: 650 20px/1.4 var(--font-sans); }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .chip-shipped { padding: 0; border-radius: 0; background: transparent; color: var(--ok); font: 400 12px/1.5 var(--font-sans); }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .gc-drawer-po-moved-doc-line { display: none; }
/* Original PO document anchors in the existing top-layer menu, not a new
 * attachment reader. It flips above bottom-edge triggers and stays in view. */
html body #poDocFloatingMenu.gc-drawer-po-doc-menu { position: fixed; inset: auto; margin: 0; min-width: 180px; max-width: min(380px, calc(100vw - 16px)); max-height: min(320px, calc(100vh - 16px)); overflow: auto; }
html body #poDocFloatingMenu.gc-drawer-po-doc-menu .po-doc-fm-item { min-height: 36px; padding: 8px 10px; color: var(--ink-soft); font: 400 13px/1.4 var(--font-sans); }
html body #poDocFloatingMenu.gc-drawer-po-doc-menu .po-doc-fm-item:hover { background: var(--fill-hover, #eaeaee); }
html body #poDocFloatingMenu.gc-drawer-po-doc-menu .po-doc-fm-icon { display: none; }
html body #poDocFloatingMenu.gc-drawer-po-doc-menu .po-doc-fm-name { white-space: normal; overflow-wrap: anywhere; }
@container peter-drawer (max-width: 600px) {
  html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-detail-line-history > .po-detail-lbl { min-height: 0; }
  html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-delay-row { grid-template-columns: minmax(0, 1fr) auto; }
  html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-delay-dates { grid-column: 1 / -1; min-height: 0; }
  html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-delay-reason { grid-column: 1; grid-row: 2; }
  html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot :is(.po-delay-pdf-link, .po-delay-pdf-add) { grid-column: 2; grid-row: 2; }
  html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-cr-pilot .right-controls { flex: 1 0 100%; margin: 4px 0 0; }
  html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-compact-spec .right-controls { flex: 0 1 auto; margin: 0 0 0 auto; }
  html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-compact-spec .gc-drawer-inline-version { flex-basis: 100%; order: 1; }
}
/* Existing reading layout becomes a column at 780px. Its desktop zero flex
 * basis otherwise collapses customer comments to zero height. Keep natural text. */
@media (max-width: 780px) {
  html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-cr-pilot :is(.client-req-reading-copy, .client-req-reading-media) { flex: 0 0 auto; }
}
@media (max-width: 600px) {
  html body #poDocFloatingMenu.gc-drawer-po-doc-menu .po-doc-fm-item { min-height: 44px; }
  html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-delay-reason { min-height: 44px; }
  html body #drawer#drawer.gc-drawer-layout-pilot :is(.gc-drawer-wash-pilot, .gc-drawer-po-pilot) .gc-drawer-cr-menu > :is(button, [role="button"]),
  html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-wash-pilot :is(.wl-role-select, .wl-po-select) { height: 44px !important; min-height: 44px !important; }
  html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-wash-pilot .wl-comp { flex-basis: calc(100% - 56px); }
  html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .gc-drawer-po-deadline { flex-basis: 100%; margin-left: 24px; }
  html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-cr-pilot :is(.cr-ver-actions > button, .cr-ver-history-trigger, .gc-drawer-cr-menu > button, .gc-drawer-file-control) { height: 44px !important; min-height: 44px !important; }
  html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-cr-pilot .gc-drawer-cr-more-trigger { width: 44px; }
  html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-fabric-pilot .seg-chip-btn { height: 44px !important; min-height: 44px; }
  html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-files-pilot .development-document-action.is-icon { width: 44px; }
  html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-files-pilot :is(.development-document-actions, .ss-actions) { grid-column: 2 / -1; justify-self: end; }
}
@media (max-width: 900px) {
  html body #drawer#drawer.style-detail-drawer-v2.gc-drawer-layout-pilot { width: 100vw !important; }
}
@container peter-drawer (max-width: 600px) {
  html body #drawer#drawer.gc-drawer-layout-pilot > .drawer-body { padding: 0 16px 22px !important; }
  html body #drawer#drawer.gc-drawer-layout-pilot > .drawer-status-actions { padding: 16px !important; }
  html body #drawer#drawer.gc-drawer-layout-pilot > .gc-drawer-layout-nav { padding: 0 16px; gap: 18px; justify-content: flex-start; }
  html body #drawer#drawer.gc-drawer-layout-pilot > .drawer-body > :is(.detail-top-section, .spec-block, .gc-pattern-section, .style-development-documents, .ghu-section, .wash-label-section, .size-sheet-section, .po-card, .add-po-cta, .notes-section, .style-timeline-section, .style-gallery-collapsible) { padding: 22px 0 !important; }
  html body #drawer#drawer.gc-drawer-layout-pilot .photo-gallery-list > :is(.photo-item, .photo-add-tile) { flex-basis: 82px !important; width: 82px !important; height: 110px !important; }
}
@media (max-width: 600px) {
  html body #drawer#drawer.gc-drawer-layout-pilot .drawer-quick-actions > button,
  html body #drawer#drawer.gc-drawer-layout-pilot .drawer-quick-actions > details > summary { height: 44px !important; min-height: 44px !important; }
}
/* 20261009-drawer-layout-peter-v17: original timeline/notes owners, quieter view. */
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-timeline-pilot > summary {
  display:flex!important; align-items:center!important; gap:12px!important;
  padding:0 0 24px!important; min-height:48px; border:0!important;
  background:transparent!important; box-shadow:none!important;
}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-timeline-pilot > summary::before {display:none!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-timeline-pilot > summary::after {
  content:''; width:7px; height:7px; flex-shrink:0; border-right:1.5px solid var(--ink-soft); border-bottom:1.5px solid var(--ink-soft); transform:rotate(45deg);
}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-timeline-pilot[open] > summary::after {transform:rotate(225deg)}
/* Hover indicates an action without painting a rectangular selection slab. */
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-timeline-pilot > summary:hover::after {border-color:var(--ink)}
html body #drawer#drawer.gc-drawer-layout-pilot :is(.gc-drawer-timeline-pilot .stl-title-main, .gc-drawer-notes-title) {
  margin:0!important; color:var(--ink)!important; font:650 16px/1.4 var(--font-sans)!important; letter-spacing:0!important; text-transform:none!important;
}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-timeline-pilot .stl-summary-meta {font:400 12px/1.6 var(--font-sans)!important; color:var(--ink-mute)!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-timeline-pilot .stl-list {padding:0!important; border:0!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-timeline-pilot .stl-stage-header {
  display:flex!important; flex-wrap:wrap; gap:12px 20px!important; align-items:center!important;
  padding:0 0 20px!important; margin:0!important; border-bottom:1px solid var(--line)!important;
}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-timeline-pilot .stl-stage-bar-wrap {width:auto!important; min-width:0!important; flex:1 1 auto!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-timeline-pilot .stage-bar {display:flex!important; flex-wrap:wrap; gap:10px!important; margin:0!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-timeline-pilot :is(.stl-dot, .stage-dot, .stl-row[data-gc-layout-double-click] .stl-edit-ico) {display:none!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-timeline-pilot .stage-conn {width:auto!important; height:auto!important; background:none!important; flex:none!important; margin:0!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-timeline-pilot .stage-conn::after {content:'›'; color:var(--ink-mute); font-size:14px}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-timeline-pilot .stage-label {font:500 13px/1.4 var(--font-sans)!important; color:var(--ink-mute)!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-timeline-pilot .stage-label.done {color:var(--ink)!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-timeline-pilot .stage-label.current {color:var(--apple-blue)!important; font-weight:600!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-timeline-pilot .stl-stage-meta {font:400 12px/1.6 var(--font-sans)!important; text-align:left!important; white-space:normal!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-timeline-pilot .stl-row {
  display:grid!important; grid-template-columns:84px minmax(0,1fr) 56px!important;
  column-gap:16px!important; row-gap:0!important; align-items:start!important;
  margin:0!important; padding:16px 0!important; border-bottom:1px solid var(--line)!important; border-radius:0!important;
  background:transparent!important; box-shadow:none!important;
}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-timeline-pilot .stl-row.stl-editable:hover .stl-title {color:var(--ink-strong,var(--ink))!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-timeline-pilot .stl-row:last-child {border-bottom:0!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-timeline-pilot :is(.stl-date,.stl-gap) {padding-top:0!important; font:400 12px/21px var(--font-sans)!important; font-variant-numeric:tabular-nums!important; color:var(--ink-mute)!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-timeline-pilot .stl-gap {text-align:right!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-timeline-pilot .stl-body {font:400 13px/21px var(--font-sans)!important; overflow-wrap:anywhere}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-timeline-pilot .stl-detail {font:400 13px/1.6 var(--font-sans)!important; margin-top:5px!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-timeline-pilot .stl-pill {
  height:auto!important; padding:0!important; margin-left:8px!important; border:0!important; background:none!important; border-radius:0!important; color:var(--ink-mute)!important; font:400 12px/21px var(--font-sans)!important;
}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-timeline-pilot .stl-ship-track {display:flex!important; gap:8px 12px!important; background:none!important; border:0!important; padding:0!important; margin-top:10px!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-timeline-pilot .stl-ship-icon {display:none!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-timeline-pilot .stl-track-no {background:none!important; border:0!important; padding:0!important; font:400 13px/21px var(--font-sans)!important; font-variant-numeric:tabular-nums!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-timeline-pilot .stl-pending-chip {background:none!important; padding:0!important; color:var(--warn)!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-timeline-pilot .gc-drawer-file-control {display:inline-flex; align-items:center; justify-content:center; text-decoration:none!important; white-space:nowrap}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-notes-pilot {display:block!important; gap:0!important; grid-template-columns:none!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-notes-pilot .gc-drawer-notes-title {margin-bottom:16px!important; padding:0!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-notes-pilot .notes-edit-btn {display:none!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-notes-pilot .notes-display {font:400 13px/1.7 var(--font-sans)!important; padding:0!important; overflow-wrap:anywhere}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-notes-pilot textarea {
  display:block; min-height:100px!important; width:100%; margin:0!important; padding:12px!important; background:var(--bg-elevated,#fff)!important;
  color:var(--ink)!important; border:1px solid var(--line-strong)!important; border-radius:8px!important; font:400 13px/1.7 var(--font-sans)!important; box-shadow:none!important; resize:vertical;
}
/* Focus is a stronger neutral border, not a blue ring around the editor. */
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-notes-pilot textarea:focus {border-color:var(--ink-mute)!important; outline:none!important; box-shadow:none!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-notes-pilot textarea + div {margin-top:12px!important; gap:8px!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-notes-pilot button.gc-drawer-notes-save {background:var(--apple-blue)!important; color:#fff!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-notes-pilot button.gc-drawer-notes-save:hover {background:var(--apple-blue-hover,var(--apple-blue))!important; color:#fff!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-notes-pilot .notes-empty {display:inline-flex!important; width:auto!important; align-items:center!important; justify-content:center!important; margin:0!important; cursor:pointer; font:500 13px/1 var(--font-sans)!important}
html body #drawer#drawer.gc-drawer-layout-pilot :is(.gc-drawer-timeline-pilot > summary,.stl-row[data-gc-layout-double-click],.notes-display[data-gc-layout-double-click]):focus-visible {outline:1px solid var(--ink-mute)!important; outline-offset:2px!important; box-shadow:none!important}
html body #drawer#drawer.gc-drawer-layout-pilot :is(.gc-drawer-timeline-pilot > summary,.stl-row[data-gc-layout-double-click],.notes-display[data-gc-layout-double-click]):focus:not(:focus-visible) {outline:none!important; box-shadow:none!important}

/* 20261009-drawer-layout-peter-v19: current round and original history photos,
 * plain counts, compact upload label using the accepted file control. */
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot > .style-gallery-summary {
  padding:0!important; min-height:36px; margin:0 0 16px; gap:8px; border:0!important;
  background:transparent!important; box-shadow:none!important;
}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .gallery-summary-title {font:650 16px/1.4 var(--font-sans)!important; order:0}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot :is(.style-gallery-count,.grp-count) {
  font:400 13px/1.5 var(--font-sans)!important; color:var(--ink-mute)!important;
  padding:0!important; border:0!important; background:transparent!important; border-radius:0!important; white-space:nowrap;
}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .style-gallery-count {order:1}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .gallery-chevron {order:2; margin-left:auto; display:block!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .gallery-summary-hint {display:none!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot :is(.style-gallery,.style-gallery-body) {padding:0!important; background:transparent!important; overflow:visible!important; gap:0}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .style-gallery-group {border:0!important; border-radius:0!important; background:transparent!important; overflow:visible!important; margin:0!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .style-gallery-group-header {padding:0!important; margin:0 0 16px; gap:12px; flex-wrap:wrap; background:transparent!important; box-shadow:none!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .grp-left {min-width:0; gap:8px}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .grp-label {min-width:0; font:500 13px/1.6 var(--font-sans)!important; gap:8px; overflow-wrap:anywhere}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .grp-flow-date {font:400 13px/1.6 var(--font-sans)!important; color:var(--ink-mute)!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .gallery-current-tag {color:var(--apple-blue)!important; font:500 13px/1.6 var(--font-sans)!important; padding:0!important; background:transparent!important; border:0!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .style-gallery-group-grid {padding:0 0 16px!important; gap:8px}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .gallery-empty-grid {display:none!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .grp-upload-zone {
  padding:0!important; margin:0 0 20px!important; min-height:36px; justify-content:flex-start; gap:8px;
  border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; text-align:left;
}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .grp-upload-icon {display:none!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .gc-gallery-empty-copy {font:400 13px/1.6 var(--font-sans)!important; color:var(--ink-mute)}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .gc-gallery-upload-action {display:inline-flex; align-items:center; justify-content:center; cursor:pointer}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .grp-upload-zone.drag-over .gc-gallery-upload-action {outline:1px solid var(--ink-mute)!important; outline-offset:2px!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .grp-upload-zone.is-uploading {position:relative; pointer-events:none}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .grp-upload-zone.is-uploading > span {visibility:hidden}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .grp-upload-zone.is-uploading::after {justify-content:flex-start; color:var(--ink-soft); font:500 13px/1.6 var(--font-sans)}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .gallery-history {margin:0!important; border:0!important; border-top:1px solid var(--line)!important; border-radius:0!important; padding:0!important; background:transparent!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .gallery-history > summary {display:flex; align-items:center; gap:8px; list-style:none; min-height:48px; padding:12px 0!important; margin:0!important; cursor:pointer; font:400 13px/1.6 var(--font-sans)!important; background:transparent!important; box-shadow:none!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .gallery-history > summary::marker {content:''}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .gallery-history > summary::-webkit-details-marker {display:none}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .gallery-history > summary::before {content:''; width:6px; height:6px; border:solid var(--ink-mute); border-width:0 1px 1px 0; transform:rotate(-45deg); margin:0 8px 0 2px; flex-shrink:0}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .gallery-history[open] > summary::before {transform:rotate(45deg)}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .gallery-history > summary > .grp-count {margin-left:auto!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot :is(summary,.grp-left):focus-visible {outline:1px solid var(--ink-mute)!important; outline-offset:2px!important; box-shadow:none!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot :is(summary,.grp-left,.grp-upload-zone):focus:not(:focus-visible) {outline:none!important; box-shadow:none!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .grp-upload-zone:focus-visible {outline:none!important; box-shadow:none!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .grp-upload-zone:focus-visible .gc-gallery-upload-action {outline:1px solid var(--ink-mute)!important; outline-offset:2px!important}
@container peter-drawer (max-width:600px) {
  html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .grp-upload-zone {min-height:44px}
  html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .style-gallery-group-grid {grid-template-columns:repeat(auto-fill,minmax(100px,1fr))!important}
}
@container peter-drawer (max-width:600px) {
  html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-timeline-pilot .stl-row {grid-template-columns:76px minmax(0,1fr) 44px!important; column-gap:10px!important}
  html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-timeline-pilot :is(.stl-date,.stl-gap) {font-size:11px!important}
  html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-timeline-pilot .stl-stage-bar-wrap {flex-basis:100%!important}
  html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-timeline-pilot .stl-stage-meta {margin:0!important}
  html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-timeline-pilot .stl-track-no {flex-basis:100%}
}

/* 20261009-drawer-layout-peter-v20: one original-owner photo toolbar,
 * baseline-aligned round metadata and a consistent six-column maximum. */
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .style-gallery-group-header {align-items:center!important; row-gap:12px!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .grp-left {flex:1 1 300px; align-items:baseline!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .grp-label {align-items:baseline!important; line-height:1.6!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .gallery-current-tag {display:inline!important; margin:0!important; line-height:inherit!important; flex-shrink:0}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .grp-actions {display:flex; flex:0 0 auto; align-items:center!important; gap:8px!important; margin-left:auto!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .grp-actions > .grp-upload-zone {display:inline-flex!important; flex:0 0 auto; width:auto!important; margin:0!important; min-height:36px!important; flex-wrap:nowrap!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .grp-act-primary {gap:0!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .grp-act-primary > .dl-label {font:inherit!important; color:inherit!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .gc-drawer-file-menu:where(:not(.gc-du-menu)) > .grp-act-btn {display:flex!important; width:100%!important; justify-content:flex-start!important; border:0!important; background:transparent!important; font:500 13px/1.4 var(--font-sans)!important; min-height:36px!important; padding:8px 12px!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .gc-drawer-file-menu:where(:not(.gc-du-menu)) > .grp-act-btn:hover {background:var(--fill)!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .gc-drawer-file-menu > .grp-act-btn.active {color:var(--apple-blue)!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .style-gallery-group-grid {grid-template-columns:repeat(6,minmax(0,1fr))!important; gap:8px!important; padding-bottom:20px!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .gallery-card {min-width:0; aspect-ratio:3/4}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .gallery-card-thumb {width:100%!important; height:100%!important; aspect-ratio:3/4; object-fit:contain!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .gc-gallery-empty-copy {display:block; margin:0 0 20px}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .style-gallery-group:not(.open) > .gc-gallery-empty-copy {display:none}
@container peter-drawer (max-width:720px) {
  html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .style-gallery-group-grid {grid-template-columns:repeat(5,minmax(0,1fr))!important}
}
@container peter-drawer (max-width:600px) {
  html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .style-gallery-group-grid {grid-template-columns:repeat(4,minmax(0,1fr))!important}
  html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .grp-actions > .grp-upload-zone {min-height:44px!important}
  html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .gc-drawer-file-menu:where(:not(.gc-du-menu)) > .grp-act-btn {min-height:44px!important}
}
@container peter-drawer (max-width:480px) {
  html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .style-gallery-group-grid {grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@container peter-drawer (max-width:360px) {
  html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .style-gallery-group-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* 20261009-drawer-layout-peter-v21: whole-round original-owner file drop,
 * quiet drag-only feedback and stronger historical section hierarchy. */
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .gallery-history > summary {font-weight:650!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .gc-gallery-empty-copy {display:flex; align-items:center; min-height:56px}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .style-gallery-group.gc-gallery-drop-active {outline:1px solid var(--ink-mute); outline-offset:6px; border-radius:var(--gc-button-radius,8px)!important}

/* 20261009-drawer-layout-peter-v22: quiet, contained file-drop feedback.
 * No trailing divider or outline around the round metadata. */
html body #drawer#drawer.gc-drawer-layout-pilot > .drawer-body > .style-gallery-collapsible.gc-drawer-gallery-pilot {border-bottom:0!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .style-gallery-group.gc-gallery-drop-active {outline:none!important; outline-offset:0!important; border-radius:0!important; box-shadow:none!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot :is(.gc-gallery-empty-copy,.style-gallery-group-grid) {position:relative}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .gc-gallery-drop-active > :is(.gc-gallery-empty-copy,.style-gallery-group-grid:not(.gallery-empty-grid))::before {
  content:''; position:absolute; inset:0; z-index:3; pointer-events:none; box-sizing:border-box;
  border:1px solid color-mix(in srgb,var(--apple-blue) 24%,transparent); border-radius:10px;
  background:color-mix(in srgb,var(--apple-blue) 5%,transparent);
}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .gc-gallery-drop-active > .style-gallery-group-grid:not(.gallery-empty-grid)::before {bottom:20px}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .gc-gallery-drop-active > .gc-gallery-empty-copy {color:transparent}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .gc-gallery-drop-active > .gc-gallery-empty-copy::after {
  content:'松开以添加照片'; position:absolute; inset:0; z-index:4; pointer-events:none;
  display:flex; align-items:center; justify-content:center; color:var(--apple-blue);
  font:500 13px/1.6 var(--font-sans);
}
@media (prefers-contrast:more) {
  html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .gc-gallery-drop-active > :is(.gc-gallery-empty-copy,.style-gallery-group-grid:not(.gallery-empty-grid))::before {border-color:var(--apple-blue)}
}

/* Renderer-owned provenance is retained but no longer displayed as a badge.
 * Colour tabs retain their labels, states, permissions and selection owner. */
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-cr-pilot[id^="spec-cr-"] :is(.cr-ver-source,.cr-ver-history-source) {display:none!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-fabric-pilot > .fabric-color-tabs[role="tablist"] {
  display:flex; flex-wrap:wrap; gap:8px; margin:0 0 16px; padding:0; border:0; background:transparent;
}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-fabric-pilot .fabric-color-tab {
  display:inline-flex; align-items:baseline; gap:10px; max-width:100%; min-height:36px;
  padding:8px 12px; border:1px solid transparent!important; border-radius:8px;
  background:transparent; color:var(--ink-soft); box-shadow:none!important;
  font:500 13px/1.5 var(--font-sans); text-align:left;
}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-fabric-pilot .fabric-color-tab:hover {background:var(--fill-hover)}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-fabric-pilot .fabric-color-tab.active {background:var(--bg-sunken,#f5f5f7); color:var(--ink); font-weight:600}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-fabric-pilot .fabric-color-tab > .fabric-color-swatch {display:none}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-fabric-pilot .fabric-color-tab > .fabric-color-state {color:var(--ink-mute); font:400 12px/1.5 var(--font-sans)}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-fabric-pilot .fabric-color-tab:focus-visible {outline:2px solid var(--apple-blue); outline-offset:2px}
@container peter-drawer (max-width:600px) {
  html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-fabric-pilot .fabric-color-tab {min-height:44px; flex-wrap:wrap}
}
@media (prefers-contrast:more) {
  html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-fabric-pilot .fabric-color-tab.active {border-color:var(--ink-mute)!important}
}

/* 20261009-drawer-layout-peter-v23: compositions read first; edit affordances
 * live in the existing contextual menu, not among the composition text. */
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-fabric-pilot > .fabric-color-tabs[role="group"][aria-label="原面料资料归属颜色"] {display:none!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-wash-pilot .wl-row {
  display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-areas:'meta actions' 'copy copy'; gap:6px 12px; align-items:start;
}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-wash-pilot .gc-wash-reading-meta {grid-area:meta; display:flex; align-items:baseline; flex-wrap:wrap; gap:8px; min-width:0; padding:0; color:var(--ink-mute); font:400 13px/1.6 var(--font-sans)}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-wash-pilot .gc-wash-reading-meta :is(.wl-role,.wl-po-badge) {height:auto!important; min-height:0!important; padding:0!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-wash-pilot .wl-comp {grid-area:copy; padding-top:0; min-width:0; max-width:75ch}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-wash-pilot .gc-drawer-wash-row-actions {grid-area:actions; margin:0}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-wash-pilot .gc-drawer-wash-row-actions[hidden] {display:none!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-wash-pilot .gc-wash-menu-field {display:flex; flex-direction:column; gap:6px; padding:8px 10px; color:var(--ink-mute); font:400 12px/1.5 var(--font-sans)}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-wash-pilot .gc-wash-menu-field > select {
  width:100%!important; max-width:100%!important; min-width:0; height:36px!important; min-height:36px!important;
  padding:0 28px 0 10px!important; border:1px solid var(--line)!important; border-radius:var(--gc-button-radius,8px)!important;
  background-color:var(--bg-sunken,#f5f5f7)!important; color:var(--ink)!important; box-shadow:none!important;
}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-wash-pilot .gc-drawer-file-menu:has(.gc-wash-menu-field) {min-width:min(260px,calc(100vw - 24px)); max-width:calc(100vw - 24px)}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-wash-pilot .gc-drawer-file-menu > :is(.wl-mini-btn,.wl-add-row) {background:transparent!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-wash-pilot .gc-drawer-file-menu > :is(.wl-mini-btn,.wl-add-row):hover {background:var(--fill-hover,#eaeaee)!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-repeat-notice {
  display:block; margin:2px 0 0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none;
  color:var(--warn); font:400 13px/1.6 var(--font-sans); white-space:normal; overflow-wrap:anywhere;
}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-repeat-notice > svg {display:none}
@container peter-drawer (max-width:600px) {
  html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-wash-pilot .gc-wash-menu-field > select {height:44px!important; min-height:44px!important}
}
/* 20261010-drawer-followups-peter-v1: empty PO uses the existing PO section and action component. */
html body #drawer#drawer.gc-drawer-layout-pilot .add-po-cta.gc-drawer-po-pilot {
  display:block!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
}
html body #drawer#drawer.gc-drawer-layout-pilot .add-po-cta.gc-drawer-po-pilot .po-card-header {display:flex;gap:12px;flex-wrap:wrap;border:0!important}
html body #drawer#drawer.gc-drawer-layout-pilot .add-po-cta.gc-drawer-po-pilot .add-po-cta-actions {display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}
html body #drawer#drawer.gc-drawer-layout-pilot .add-po-cta.gc-drawer-po-pilot .gc-drawer-po-empty-copy {display:block;color:var(--ink-mute);font:400 13px/1.5 var(--font-sans)}
html body #drawer#drawer.gc-drawer-layout-pilot .add-po-cta.gc-drawer-po-pilot .add-po-cta-actions > button {
  display:inline-flex;align-items:center;justify-content:center;height:36px!important;min-height:36px!important;padding:0 12px!important;
  border:1px solid transparent!important;border-radius:8px!important;background:var(--fill,#f5f5f7)!important;color:var(--ink-soft)!important;font:500 13px/1 var(--font-sans)!important;box-shadow:none!important;
}
@media(max-width:600px){html body #drawer#drawer.gc-drawer-layout-pilot .add-po-cta.gc-drawer-po-pilot .add-po-cta-actions > button {height:44px!important;min-height:44px!important}}