/* Layout owner for the accepted white continuous design. Header/photo actions
 * remain owned by their accepted modules. Preserve the accepted flush right edge.
 */
/* 20261019-set-progress-reading-all-v69. Approved preview layout on original
 * groupSku controls. Menu geometry/keyboard/top-layer remains public-owned. */
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-set-association{display:flex;align-items:flex-start;gap:16px;margin:0 32px 16px;padding:0;border:0;background:transparent;min-width:0;font:400 14px/22px var(--font-sans);color:var(--gc-reading-text,#262626)}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-set-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-set-heading{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-height:32px}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-set-tag{display:inline-flex;align-items:center;flex:none;padding:0 8px;border:0;border-radius:4px;background:#f5f5f5;color:#434343;font:400 12px/22px var(--font-sans)!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-set-code{font-weight:500;overflow-wrap:anywhere;min-width:0}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-set-count{color:#595959;white-space:nowrap}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-set-peers{display:flex;align-items:baseline;gap:12px;min-width:0}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-set-label{color:#595959;flex:none}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-set-links{display:flex;flex-wrap:wrap;gap:4px 20px;min-width:0}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .group-sku-sister-btn.gc-set-link{display:inline-flex;align-items:baseline;gap:8px;min-height:32px;height:auto!important;padding:5px 0!important;margin:0!important;border:0!important;box-shadow:none!important;background:transparent!important;color:#1677ff!important;text-decoration:none;white-space:normal!important;overflow-wrap:anywhere;min-width:0;border-radius:4px;font:400 14px/22px var(--font-sans)!important;text-align:left}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .group-sku-sister-btn.gc-set-link:hover{color:#4096ff!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .group-sku-sister-btn.gc-set-link:active{color:#0958d9!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-set-link:focus-visible{outline:2px solid #91caff;outline-offset:3px}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-set-empty{color:#595959;padding:5px 0;overflow-wrap:anywhere}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-set-actions{position:relative;flex:none}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-set-actions .gc-drawer-cr-more-trigger{height:32px!important;min-height:32px!important;min-width:32px!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .drawer-quick-actions > .gc-drawer-progress-single{background:var(--apple-blue)!important;color:#fff!important;border-color:var(--apple-blue)!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .drawer-quick-actions > .gc-drawer-progress-single:hover:not(:disabled){background:var(--gc-approved-hover)!important;border-color:var(--gc-approved-hover)!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .drawer-quick-actions > .gc-drawer-progress-single:active:not(:disabled){background:var(--gc-approved-active)!important;border-color:var(--gc-approved-active)!important}
@container peter-drawer (max-width:600px){
 html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-set-association{margin:0 16px 16px;gap:8px}
 html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-set-peers{gap:8px}
 html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-set-links{column-gap:12px}
}
@media(max-width:600px){
 html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-set-association{margin:0 16px 16px;gap:8px}
 html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-set-heading{min-height:44px}
 html body #drawer#drawer#drawer.gc-drawer-layout-pilot .group-sku-sister-btn.gc-set-link{min-height:44px;height:auto!important;padding:11px 0!important}
 html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-set-actions .gc-drawer-cr-more-trigger{height:44px!important;min-height:44px!important;min-width:44px!important}
}
html body #drawer#drawer.style-detail-drawer-v2.gc-drawer-layout-pilot {
  --font-sans: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  --apple-blue:#1677ff; --gc-approved-hover:#4096ff; --gc-approved-active:#0958d9;
  --gc-approved-control:32px; --gc-button-radius:6px;
  --gc-reading-text:#262626; --gc-reading-secondary:#434343; --gc-reading-meta:#8c8c8c;
  --gc-first-line-inset:calc((var(--gc-approved-control) - 22px) / 2);
  width: min(880px, 100vw) !important;
  max-width: 100vw !important;
  background: var(--bg-elevated, #fff) !important;
  font:400 14px/22px var(--font-sans);
}
html body #drawer#drawer.gc-drawer-layout-pilot > .drawer-body {
  flex: 1 1 0; min-height: 0;
  padding: 0 32px 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#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 32px 8px !important; padding: 12px 16px !important;
  border: 0 !important; border-radius: 8px !important; box-shadow: none !important;
  background: var(--fill, #f5f5f7) !important; overflow: visible;
}
html body #drawer#drawer.gc-drawer-layout-pilot .drawer-status-row {
  display: flex !important; flex-direction: column; align-items: stretch; justify-content: center;
  flex: 1 1 340px; min-width: 0; gap: 4px; 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 { display:inline-flex;align-items:center;gap:8px;font:600 16px/24px var(--font-sans); color:#262626; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-stage-name::before {content:'';width:6px;height:6px;flex:none;border-radius:50%;background:var(--apple-blue)}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot :is(.drawer-status-owner, .gc-drawer-status-separator, .gc-drawer-status-age, .gc-drawer-status-more-retired) { display: none !important; }
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: 16px; }
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: var(--gc-approved-control) !important; height: var(--gc-approved-control) !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: 400 14px/22px 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;
}
/* Menu trigger states belong to gc-public-components.css, not this layout. */
/* 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 .drawer-quick-actions > .gc-drawer-progress-trigger {
  width: auto !important; min-width: 112px !important; gap: 8px;
}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot :is(.gc-drawer-progress-trigger[hidden], .gc-drawer-progress-menu > button[hidden]) { display: none !important; }
html body #drawer#drawer.gc-drawer-layout-pilot > .gc-drawer-layout-nav {
  position:relative;z-index:20;flex: 0 0 auto; display: flex; align-items: stretch; justify-content: flex-start;
  gap: 28px; padding: 0 32px;
  border:0; 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; background: transparent; color: var(--ink-mute);
  font: 400 14px/22px 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); }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-layout-nav > button[aria-current="location"]::after {
  content: ''; position: absolute; left: 0; right: 0; 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: transparent; color:var(--gc-approved-hover); }
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 0 !important;
  border: 0 !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 > .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):where(:not(.gc-menu-trigger)) {
  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):where(:not(.gc-menu-trigger)):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:where(:not(.gc-menu-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-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; }
/* Menu shell/rows/history choices are owned by the shared gc-menu component. */
/* 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: baseline; 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: 14px; line-height: 1.5; font-weight: 400; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-compact-spec .gc-drawer-inline-version .cr-ver-current::before { content: none; }
/* 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 { box-sizing:border-box!important; height:auto!important; min-height:36px!important; padding:8px 10px!important; border:0; border-radius:6px!important; box-shadow:none!important; font:400 13px/1.4 var(--font-sans)!important; 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: 600 14px/1.5 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 14px/1.75 var(--font-sans); }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-usage-pilot .ghu-meta { margin-bottom: 8px; color: var(--ink-mute); font: 400 13px/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: 600 14px/1.5 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 :is(.development-documents-list,.ss-rows) { padding: 0 !important; margin: 16px 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!important; padding: 12px 0 !important; margin: 0;
  border: 0!important; border-bottom: 1px solid var(--line)!important; 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 :is(.development-document-row,.ss-row):first-child {padding-top:0!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-files-pilot :is(.development-document-row,.ss-row):last-child {border-bottom:0!important;padding-bottom:0!important}
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(--gc-reading-text); font: 400 14px/22px var(--font-sans); text-decoration: none;
}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-files-pilot :is(.development-document-name, .ss-name):hover {color:var(--gc-approved-hover)}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-files-pilot :is(.development-document-name, .ss-name):active {color:var(--gc-approved-active)}
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: 2px;
  color: #8c8c8c; font: 400 12px/20px 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; }
/* Read-only version identity: one neutral family for every actual category. */
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: 600 14px/1.5 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!important; padding: 12px 0!important; 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!important; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-wash-pilot .wl-row:last-child {padding-bottom:0!important;border-bottom:0!important}
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: 0; color: var(--ink); font: 400 14px/1.75 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; }
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 16px !important; }
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .gc-drawer-po-title { font: 600 14px/1.5 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: 600 16px/1.5 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 14px/1.75 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: 600 14px/1.5 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: 600 16px/1.5 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; }
@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: 1 0 100%; justify-content: flex-end; margin: 0; }
  html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-compact-spec .gc-drawer-inline-version { flex: 0 1 auto; order: 0; }
}
/* 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 #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-delay-reason { min-height: 44px; }
  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-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 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!important; min-height:36px; 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:600 14px/1.5 var(--font-sans)!important; letter-spacing:0!important; text-transform:none!important;
}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-timeline-pilot[open] > summary {margin-bottom:16px!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-timeline-pilot .stl-summary-meta {font:400 13px/1.5 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!important; margin:0 0 16px!important; border-bottom:0!important;
}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-timeline-pilot .stl-stage-bar-wrap {display:none!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:minmax(0,1fr) 96px!important; grid-template-rows:22px auto;
  column-gap:16px!important; row-gap:0!important; align-items:start!important;
  position:relative;margin:0!important; padding:10px 0 18px 24px!important; border:0!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) {grid-column:2;padding-top:0!important; font:400 12px/22px var(--font-sans)!important; font-variant-numeric:tabular-nums!important; color:var(--gc-reading-meta)!important;text-align:right!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-timeline-pilot .stl-date {grid-row:1}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-timeline-pilot .stl-gap {display:none!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-timeline-pilot .stl-body {grid-column:1;grid-row:1 / span 2}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-flow-fold > .stl-row::before {content:'';position:absolute;left:3px;top:17px;width:8px;height:8px;border:2px solid var(--line-strong);border-radius:50%;background:var(--bg-elevated);box-sizing:border-box;z-index:1}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-flow-fold[data-current="true"] > .stl-row:first-of-type::before {border-color:var(--apple-blue)}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-flow-fold > .stl-row:not(:last-child)::after {content:'';position:absolute;left:6.5px;top:25px;bottom:-17px;width:1px;background:var(--line)}
/* 20261017-alignment: event facts are body text, not upload metadata.
 * Event names read slightly stronger; version/factory context stays quieter. */
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-timeline-pilot .stl-body {font:400 14px/22px var(--font-sans)!important; overflow-wrap:anywhere}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-timeline-pilot .stl-title {font-weight:500!important;color:var(--gc-reading-text)!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-timeline-pilot .stl-detail {font:400 14px/22px var(--font-sans)!important; color:var(--gc-reading-secondary)!important; margin-top:8px!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-timeline-pilot .stl-pill {
  display:inline-flex!important;align-items:baseline;height:auto!important; padding:0!important; margin:0 4px!important; border:0!important; background:none!important; border-radius:0!important; color:var(--gc-reading-secondary)!important; font:400 14px/22px var(--font-sans)!important;max-width:100%;white-space:normal;
}
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 14px/1.75 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 14px/1.75 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:600 14px/1.5 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 .style-gallery-group.open > .gallery-empty-grid.gc-gallery-empty-add {display:grid!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .style-gallery-group:has(> .gc-gallery-empty-add) > .gc-gallery-empty-copy {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:minmax(0,1fr) 76px!important; column-gap:10px!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 .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}
/* Peter-only trailing add affordance; original grid, photos and drop owner stay intact. */
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .gc-gallery-add-tile {
  min-width:0; width:100%; aspect-ratio:3/4; box-sizing:border-box;
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px;
  padding:8px; border:1px dashed var(--line-strong); border-radius:8px;
  background:var(--bg-elevated); color:var(--ink-mute); font:400 12px/20px var(--font-sans);
  cursor:pointer; box-shadow:none;
}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .gc-gallery-add-tile[hidden] {display:none!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .gc-gallery-add-tile svg {width:28px!important; height:28px!important; flex:0 0 28px!important; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .gc-gallery-add-tile:is(:hover,:active) {border-color:var(--apple-blue); color:var(--apple-blue); background:var(--bg-sunken)}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .gc-gallery-drop-active .gc-gallery-add-tile {border-color:var(--apple-blue); color:var(--apple-blue); background:var(--bg-sunken)}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .gc-gallery-add-tile:focus-visible {outline:1px solid var(--apple-blue)!important; outline-offset:2px!important; box-shadow:none!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .gc-gallery-add-tile:focus:not(:focus-visible) {outline:none!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-gallery-pilot .gc-gallery-add-tile:disabled {cursor:wait; color:var(--ink-mute); border-color:var(--line); background:var(--bg-elevated)}
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}
}
@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}
/* 20261017-alignment: colour selection reads as text tabs, not grey chips.
 * The renderer-owned buttons keep setActiveFabricColor, permissions, purchase
 * state labels and every exact colour id; only presentation changes here. */
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-fabric-pilot > :is(.fabric-color-tabs[role="tablist"],.fabric-color-tabs.gc-drawer-fabric-single) {
  display:flex; flex-wrap:wrap; align-items:baseline; gap:8px 24px; margin:0 0 16px; padding:0;
  border:0; border-bottom:1px solid var(--line); background:transparent; overflow-x:auto; max-width:100%;
}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-fabric-pilot .fabric-color-tab {
  position:relative; display:inline-flex; align-items:center; gap:6px; max-width:100%; min-height:34px;
  padding:5px 0 7px; border:0!important; border-radius:0;
  background:transparent; color:#595959; box-shadow:none!important;
  font:400 14px/22px var(--font-sans); text-align:left; white-space:nowrap;
}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-fabric-pilot .fabric-color-tab:hover {background:transparent; color:var(--gc-approved-hover)}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-fabric-pilot .fabric-color-tab.active {background:transparent; color:var(--apple-blue); font-weight:500}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-fabric-pilot .fabric-color-tab.active::after {
  content:''; position:absolute; left:0; right:0; bottom:0; height:2px; background:var(--apple-blue);
}
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/20px var(--font-sans)}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-fabric-pilot .fabric-color-tab:focus-visible {outline-offset:-3px!important;border-radius:4px}
/* A single colour is read-only attribution text with a quiet label, never a
 * fake button. The original node/handler stay in place underneath. */
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-fabric-pilot > .fabric-color-tabs.gc-drawer-fabric-single {border-bottom:0; gap:8px}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-fabric-pilot .gc-drawer-fabric-scope-label {flex:0 0 auto; padding:5px 0; color:var(--ink-mute); font:400 12px/20px var(--font-sans)}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-fabric-pilot .gc-drawer-fabric-single > .fabric-color-tab {display:none!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-fabric-pilot .gc-drawer-fabric-scope-value {
  display:inline-flex;align-items:baseline;gap:8px;min-width:0;min-height:32px;padding:5px 0;color:var(--gc-reading-text);font:500 14px/22px var(--font-sans);overflow-wrap:anywhere;
}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-fabric-pilot .gc-drawer-fabric-scope-value > .fabric-color-state {font:400 12px/20px var(--font-sans);color:var(--gc-reading-meta)}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-fabric-pilot .spec-block-body .gc-drawer-fabric-field {display:grid;grid-template-columns:112px minmax(0,1fr);gap:0 12px;margin:0 0 8px!important;align-items:start}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-fabric-pilot .spec-block-body .gc-drawer-fabric-field-label {font-weight:400!important;color:#595959!important;word-break:keep-all;overflow-wrap:normal}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-fabric-pilot .spec-block-body .gc-drawer-fabric-field-value {min-width:0;color:var(--gc-reading-text);overflow-wrap:anywhere}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-fabric-pilot .spec-block-body .gc-drawer-fabric-field-value.is-key {font-weight:500}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-fabric-pilot .gc-drawer-fabric-single > .fabric-color-tab.active::after {content:none}
/* Same colour-switch/secondary-action sizing; keep original selected/state colours.
 * Exclude contextual menus so these do not become centred grey action buttons. */
html body #drawer#drawer.gc-drawer-layout-pilot :is(.photo-gallery-scope-switch button,.fabric-split-enable-btn.is-cancel):where(:not(.gc-du-menu *)) {
  display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box!important;
  min-height:36px!important; height:auto!important; max-width:100%; padding:0 12px!important;
  border-radius:8px!important; font:500 13px/1.5 var(--font-sans)!important;
}
@media (max-width:600px) {
  html body #drawer#drawer.gc-drawer-layout-pilot :is(.photo-gallery-scope-switch button,.fabric-split-enable-btn.is-cancel):where(:not(.gc-du-menu *)) {min-height:44px!important}
}
@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::after {height:3px}
}

/* 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-repeat-notice {
  display:grid; grid-template-columns:max-content minmax(0,1fr); align-items:start; gap:8px;
  grid-column:1 / -1; box-sizing:border-box; width:100%; min-width:0; max-width:100%;
  margin:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none;
  color:var(--gc-reading-secondary,#434343); font:400 14px/22px var(--font-sans); white-space:normal; overflow-wrap:anywhere;
}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-repeat-notice > svg {display:none}
/* 20261019-repeat-notice-all-v68: stage/action first, neutral order property and
 * instruction second. Real warnings elsewhere retain their existing colours. */
html body #drawer#drawer#drawer.gc-drawer-layout-pilot > .drawer-status-actions.gc-drawer-has-repeat-notice {
  display:grid!important; grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:8px 16px;
}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-has-repeat-notice > .drawer-status-row {
  grid-column:1; grid-row:1; min-height:var(--gc-approved-control,32px);
}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-has-repeat-notice > .drawer-quick-actions {grid-column:2;grid-row:1}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-repeat-notice > .gc-repeat-kind {
  display:inline-flex; align-items:center; box-sizing:border-box; height:22px; padding:0 8px;
  border:0; border-radius:4px; background:#e8e8ec; color:#434343; font:400 12px/22px var(--font-sans);
}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-repeat-notice > .repeat-banner-title {
  display:grid; gap:4px; grid-column:-2 / -1; min-width:0;
  color:inherit; font:inherit; white-space:normal; overflow:visible; text-overflow:clip; overflow-wrap:anywhere;
}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-repeat-instruction {color:var(--gc-reading-text,#262626)}
@media(max-width:900px){html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-has-repeat-notice > .drawer-status-row{min-height:44px}}
@media(max-width:620px){
  html body #drawer#drawer#drawer.gc-drawer-layout-pilot > .drawer-status-actions.gc-drawer-has-repeat-notice:not(:has(.gc-drawer-progress-trigger)){grid-template-columns:minmax(0,1fr)}
  html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-has-repeat-notice:not(:has(.gc-drawer-progress-trigger)) > .drawer-quick-actions{grid-column:1;grid-row:auto;justify-content:flex-start}
}
/* 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}}

/* 20261016-drawer-lower-parts-peter-v32: extend the approved white headings
 * to the remaining lower groups, replacing the older v26/v27 gray bands.
 * One top gap per section; only real file/PO/history rows keep dividers.
 * Subsection/file/PO/history dividers remain owned by their existing rules. */
.gc-drawer-major-label {display:none}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-major-heading[data-gc-layout-heading] {
  display:flex!important; align-items:center; flex-wrap:wrap; gap:8px 12px;
  box-sizing:border-box; min-width:0; min-height:36px!important;
  padding:0!important; margin:0 0 16px!important;
  border:0!important; border-radius:0!important; box-shadow:none!important;
  background:transparent!important; color:var(--ink);
}
html body #drawer#drawer.gc-drawer-layout-pilot > .drawer-body > .gc-drawer-major-label[data-gc-layout-heading] {
  margin:24px 0 0!important; font:600 14px/1.5 var(--font-sans);
}
html body #drawer#drawer.gc-drawer-layout-pilot > .drawer-body > .gc-drawer-group-first {padding-top:16px!important}
html body #drawer#drawer.gc-drawer-layout-pilot > .drawer-body > .gc-drawer-group-end {border-bottom:0!important}
@container peter-drawer (max-width:600px) {
  html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-major-heading[data-gc-layout-heading] {min-height:44px!important}
  html body #drawer#drawer.gc-drawer-layout-pilot > .drawer-body > .gc-drawer-major-label[data-gc-layout-heading] {margin:22px 0 0!important}
}
/* Keep the original nodes/callbacks. Escape and the existing backdrop remain
 * the drawer's close owners; no new business action or permission is added. */
html body #drawer#drawer.gc-drawer-layout-pilot > .drawer-header :is(.gc-header-new-tab,.drawer-close:not(.gc-header-close-action)) {display:none!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot :is(.gc-header-output-source,.gc-header-popover > [hidden]) {display:none!important}
html body #drawer#drawer.gc-drawer-layout-pilot > .drawer-body > .spec-block.gc-drawer-layout-section {overflow:visible}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-compact-spec > .spec-block-h {align-items:baseline!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-compact-spec .cr-ver-current {align-items:baseline!important;min-height:0!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-compact-spec .right-controls {align-self:center}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-cr-pilot[id^="spec-cr-"] .client-req-reading-copy {font-size:14px;line-height:1.75}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-cr-pilot[id^="spec-cr-"] > .spec-block-body {font-size:14px;line-height:1.75}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-cr-pilot[id^="spec-cr-"] > .spec-block-body > p {line-height:1.75!important;margin-block:0 12px}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-cr-pilot[id^="spec-cr-"] .client-req-reading-copy :where(p,li) {line-height:1.75!important;margin-block:0 12px}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-cr-pilot[id^="spec-cr-"] .client-req-reading-copy :where(p,li):last-child {margin-bottom:0}

/* 20261016-drawer-real-merged-peter-v36: approved real-content layout.
 * Existing file/PO/timeline controls, authored rich text and warnings remain.
 * Identity, status and navigation stay outside the one body scroller. */
html body #drawer#drawer.gc-drawer-layout-pilot > .drawer-body {scroll-padding-top:16px}
/* The identity/status boundary is open; the six-section nav keeps its divider. */
html body #drawer#drawer.gc-drawer-layout-pilot > .drawer-header {border-bottom:0!important;padding:24px 32px 12px!important;flex:none;row-gap:8px!important}
/* v41: the approved preview separates customer/owner from exact PO facts.
 * All values and interactive colour nodes remain original, under the same meta owner. */
html body #drawer#drawer#drawer.gc-drawer-layout-pilot > .drawer-header .sku-text {font:600 24px/32px var(--font-sans)!important;letter-spacing:0}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot > .drawer-header .drawer-title-main {align-self:end}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot > .drawer-header .drawer-meta-line {display:flex;flex-wrap:wrap;align-items:center;gap:10px;font:400 14px/22px var(--font-sans)}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-break {display:none}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-summary {display:flex;flex:1 0 100%;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:0;font:500 14px/22px var(--font-sans);font-variant-numeric:tabular-nums}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-summary .gc-drawer-identity-parts {display:contents}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-summary .dot {font-size:0;width:1px;height:12px;background:var(--line);flex:none}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .drawer-meta-line .gc-drawer-identity-size {display:inline-flex;align-items:center;gap:4px;white-space:nowrap;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;font:inherit!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-summary .gc-drawer-header-deadline {font-size:inherit!important;line-height:inherit!important;white-space:nowrap}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-deadline-group {display:inline-flex;align-items:center;gap:14px;white-space:nowrap}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-status-meta:not(:has(> :not(.gc-drawer-status-age))) {display:none}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-header-trigger > svg {flex-shrink:0;min-width:12px}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-header-more > .gc-header-trigger > svg {width:18px!important;min-width:18px!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-status-path {font-size:16px}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-status-meta :is(.drawer-status-chip,.drawer-status-meta) {font-size:13px!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-status-redundant {display:none!important}
/* Calibrate approved first three components; later sections retain their own
 * accepted grouping and controls until the user supplies their component. */
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-major-heading[data-gc-layout-heading]:is([data-gc-layout-heading="photos"],[data-gc-layout-heading="requirements"],[data-gc-layout-heading="fabric"]) {
  min-height:36px!important;padding:0!important;margin:0 0 16px!important;
  border-radius:0!important;background:transparent!important;
}
html body #drawer#drawer.gc-drawer-layout-pilot :is(.photo-gallery-title .label,.gc-drawer-compact-spec > .spec-block-h .title) {font:600 16px/1.5 var(--font-sans)!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-compact-spec .gc-drawer-inline-version .cr-ver-current-label {font:400 13px/1.5 var(--font-sans)!important}
html body #drawer#drawer.gc-drawer-layout-pilot .photo-gallery-list {display:grid!important;grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:calc((100% - 56px)/8);gap:8px!important;padding:0!important;overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-x:contain}
html body #drawer#drawer.gc-drawer-layout-pilot .photo-gallery-list > :is(.photo-item,.photo-add-tile) {min-width:0!important;width:100%!important;height:auto!important;aspect-ratio:3/4;flex:none!important}
html body #drawer#drawer.gc-drawer-layout-pilot .photo-gallery-list .photo-img {object-fit:contain!important;border-radius:8px!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-cr-pilot > .spec-block-body,
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-cr-pilot .client-req-reading-copy {font:400 14px/1.75 var(--font-sans);max-height:none!important;overflow:visible!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-cr-pilot .spec-block-body :is(p,div,span,font,li,b,strong,h1,h2,h3,h4,h5,h6) {font-size:14px!important;line-height:22px!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-cr-pilot .spec-block-body :where(p,li) {margin-block:0 8px!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-cr-pilot .client-req-reading-layout {display:grid!important;grid-template-columns:minmax(0,1fr) 256px;gap:32px;align-items:start;white-space:normal}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-cr-pilot .client-req-reading-media {padding:0;border:0;width:100%;min-width:0;max-width:100%;align-self:start}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-cr-pilot .client-req-reading-media-panel {position:static;max-height:none;overflow:visible;scrollbar-gutter:auto}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-cr-pilot .client-req-reading-media-title {position:static;min-height:24.5px;font:400 13px/1.5 var(--font-sans)!important;color:var(--ink-mute)}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-cr-pilot .client-req-reading-media-title span {font-size:13px!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-cr-pilot .client-req-reading-gallery {gap:8px}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-cr-pilot .client-req-gallery-thumb {aspect-ratio:auto!important;height:auto!important;background:var(--fill);border-radius:8px}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-cr-pilot .client-req-gallery-thumb img {width:100%!important;height:auto!important;object-fit:contain!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-cr-pilot .client-req-gallery-index {display:none!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-fabric-pilot > .spec-block-h > .seg-chip[data-gc-chat-sourcing] {padding:0;background:transparent}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-fabric-pilot .gc-drawer-sourcing-trigger:where(:not(.gc-menu-trigger)) {width:auto!important;min-height:36px!important;height:36px!important;padding:0 10px!important;font:500 13px/1 var(--font-sans)!important;gap:6px}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-sourcing-trigger::after {content:'';width:5px;height:5px;border:solid currentColor;border-width:0 1px 1px 0;transform:translateY(-1px) rotate(45deg)}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-fabric-pilot .gc-drawer-sourcing-trigger.is-sourced:where(:not(.gc-menu-trigger)) {background:var(--ok-bg)!important;color:var(--ok)!important}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-fabric-pilot .gc-drawer-sourcing-trigger.is-pending:where(:not(.gc-menu-trigger)) {background:var(--warn-bg)!important;color:var(--warn)!important}
@container peter-drawer (max-width:800px) {
  html body #drawer#drawer.gc-drawer-layout-pilot .photo-gallery-list {grid-auto-columns:calc((100% - 24px)/4)}
}
@container peter-drawer (max-width:719px) {
  html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-cr-pilot .client-req-reading-layout {grid-template-columns:minmax(0,1fr);gap:20px}
  html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-cr-pilot .client-req-reading-media {width:min(320px,100%)}
}
@container peter-drawer (max-width:600px) {
  html body #drawer#drawer.gc-drawer-layout-pilot > .drawer-header {padding:16px!important}
  html body #drawer#drawer#drawer.gc-drawer-layout-pilot > .drawer-status-actions {margin:0 16px 8px!important;padding:12px!important}
  html body #drawer#drawer.gc-drawer-layout-pilot > .gc-drawer-layout-nav {padding-inline:16px;gap:24px}
  html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-fabric-pilot .gc-drawer-sourcing-trigger {min-height:44px!important;height:44px!important}
}
@container peter-drawer (max-width:380px) {
  html body #drawer#drawer.gc-drawer-layout-pilot .photo-gallery-list {grid-auto-columns:calc((100% - 16px)/3)}
}
/* v29: one spacing owner at each approved component boundary. Do not add the
 * old section bottom padding to the following section's top padding. */
html body #drawer#drawer.gc-drawer-layout-pilot > .drawer-body > :is(.detail-top-section,.gc-drawer-compact-spec) {padding-bottom:0!important}
html body #drawer#drawer.gc-drawer-layout-pilot .detail-top-section > .photo-gallery {gap:0}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-compact-spec > .spec-block-body {padding-block:0!important}

/* 20261016-drawer-hierarchy-po-cards-peter-v33: presentation only, Peter layout scope.
 * Two heading levels, grouped spacing, written empty states, quiet controls and
 * PO cards. Original nodes, handlers, permissions and business data unchanged. */
html body #drawer#drawer#drawer.gc-drawer-layout-pilot {--gc-v33-line:#e5e5ea;--gc-v33-ring:0 0 0 1px #e5e5ea;--gc-v33-ring-current:0 0 0 1.5px var(--apple-blue,#007aff);--gc-v33-mute:#8e8e93;--gc-v33-l1:24px}
/* Status rail aligns with content; the second stage action is secondary. */
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .drawer-quick-actions > .gc-du-primary ~ .gc-du-primary:not(.gc-drawer-progress-trigger) {background:var(--bg-elevated,#fff)!important;color:var(--text-primary,#1d1d1f)!important;box-shadow:inset 0 0 0 1px var(--border-strong,#d1d1d6)!important;border:0!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot > .gc-drawer-layout-nav > button {flex:0 0 auto!important;padding-inline:0!important;min-width:0!important}

/* Level 1: the six navigation sections. */
html body #drawer#drawer#drawer.gc-drawer-layout-pilot > .drawer-body > .gc-drawer-layout-section:where(:not(.gc-drawer-photos-section,.gc-drawer-files-pilot,.gc-drawer-wash-pilot,.gc-drawer-usage-pilot,.gc-drawer-notes-pilot,.gc-drawer-timeline-pilot,.gc-drawer-gallery-pilot)),
html body #drawer#drawer#drawer.gc-drawer-layout-pilot > .drawer-body > h2.gc-drawer-major-label {border-top:1px solid var(--gc-v33-line)!important;margin-top:var(--gc-v33-l1)!important;padding-top:var(--gc-v33-l1)!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot > .drawer-body > .gc-drawer-photos-section {border-top:none!important;margin-top:0!important;padding-top:16px!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot :is(.photo-gallery-title .label,.gc-drawer-compact-spec > .spec-block-h .title,.gc-drawer-po-title),
html body #drawer#drawer#drawer.gc-drawer-layout-pilot > .drawer-body > h2.gc-drawer-major-label {font:600 16px/1.5 var(--font-sans)!important;color:var(--text-primary,#1d1d1f)!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot > .drawer-body > h2.gc-drawer-major-label {min-height:0!important;height:auto!important;margin-bottom:4px!important;padding-bottom:0!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-compact-spec > :is(.spec-block-body,.fabric-color-tabs) {margin-top:6px!important}

/* Level 2: items inside a section read as one list. */
html body #drawer#drawer#drawer.gc-drawer-layout-pilot > .drawer-body > :is(.gc-drawer-files-pilot,.gc-drawer-usage-pilot,.gc-drawer-wash-pilot,.gc-drawer-notes-pilot,.gc-drawer-timeline-pilot,.gc-drawer-gallery-pilot) {margin-top:0!important;padding-block:12px!important;border-top:none!important;border-bottom:1px solid var(--gc-v33-line)!important;border-radius:0!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot > .drawer-body > .gc-drawer-gallery-pilot {border-bottom:0!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot :is(.ghu-head > strong,.development-documents-title strong,.gc-pattern-section > strong,.size-sheet-section .section-title,.wash-label-section .section-title,.gc-drawer-notes-title,.stl-title-main,.gallery-summary-title) {font:500 14px/1.5 var(--font-sans)!important;color:var(--text-secondary,#424248)!important}

/* Empty states sit in the content column slot, not beside the item title. */
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .ghu-section:has(.ghu-summary:empty):has([data-head-delete][hidden]):has([data-head-cancel][hidden]) .ghu-summary::before {content:"未填写";display:block;padding:var(--gc-first-line-inset) 0;font:400 14px/22px var(--font-sans);color:var(--gc-v33-mute)}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot [data-gc-layout-group="files"] > .ghu-summary:not(:empty) {padding-top:var(--gc-first-line-inset)!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .style-development-documents.is-empty .development-documents-title strong::after {content:"未上传";margin-left:10px;font:400 13px/1 var(--font-sans);color:var(--gc-v33-mute)}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .notes-section.is-notes:has(> .notes-empty) {display:flex!important;align-items:center!important;justify-content:space-between!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .notes-section.is-notes:has(> .notes-empty) .gc-drawer-notes-title::after {content:"暂无";margin-left:10px;font:400 13px/1 var(--font-sans);color:var(--gc-v33-mute)}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .notes-empty {width:auto!important}

/* Quiet controls: item actions are blue text, overflow buttons have no fill. */
html body #drawer#drawer#drawer.gc-drawer-layout-pilot > .drawer-body > :not(.drawer-status-actions) :is(.gc-du-action,.gc-drawer-file-control):not(.gc-du-primary,.gc-du-more,.gc-drawer-sourcing-trigger,.gc-drawer-cr-more-trigger,.fabric-color-tab,[disabled]):where(:not(.gc-menu *)),
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .photo-gallery-actions :is(button,a):where(:not(.gc-menu *)) {background:transparent!important;box-shadow:none!important;border:0!important;color:var(--apple-blue,#007aff)!important;padding-inline:8px!important;font:400 14px/22px var(--font-sans)!important;min-height:var(--gc-approved-control)!important;height:var(--gc-approved-control)!important;border-radius:6px!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot > .drawer-body > :not(.drawer-status-actions) :is(.gc-du-action,.gc-drawer-file-control,.photo-gallery-actions :is(button,a)):not(.gc-du-primary,.gc-du-more,.gc-drawer-sourcing-trigger,.gc-drawer-cr-more-trigger,.fabric-color-tab,[disabled]):where(:not(.gc-menu *)):hover {background:transparent!important;color:var(--gc-approved-hover)!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot > .drawer-body > :not(.drawer-status-actions) :is(.gc-du-action,.gc-drawer-file-control,.photo-gallery-actions :is(button,a)):not(.gc-du-primary,.gc-du-more,.gc-drawer-sourcing-trigger,.gc-drawer-cr-more-trigger,.fabric-color-tab,[disabled]):where(:not(.gc-menu *)):active {background:transparent!important;color:var(--gc-approved-active)!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot > .drawer-body > :not(.drawer-status-actions) .gc-drawer-cr-more-trigger:not(.gc-drawer-sourcing-trigger):where(:not(.gc-menu-trigger)) {background:transparent!important;box-shadow:none!important;border:0!important;color:var(--gc-v33-mute)!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot > .drawer-body > :not(.drawer-status-actions) .gc-drawer-cr-more-trigger:not(.gc-drawer-sourcing-trigger):where(:not(.gc-menu-trigger)):hover {background:var(--bg-hover,#f9f9fb)!important;color:var(--text-primary,#1d1d1f)!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .ss-add-row {justify-content:flex-start!important;width:auto!important;margin-left:0!important}

/* Current-cycle fold: original event rows move intact; chronology, gap values,
 * edit/logistics handlers and global PO records remain renderer-owned. */
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-flow-fold {border:0;border-top:1px solid var(--line);padding:0;margin:0}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-flow-fold > summary {display:flex;align-items:center;gap:8px;list-style:none;min-height:44px;padding:10px 0;cursor:pointer;font:500 14px/1.5 var(--font-sans)}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-flow-fold > summary::-webkit-details-marker {display:none}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-flow-fold > summary::before {content:'';width:6px;height:6px;border:solid var(--ink-mute);border-width:0 1px 1px 0;transform:rotate(-45deg);margin:0 6px 0 2px}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-flow-fold[open] > summary::before {transform:rotate(45deg)}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-flow-fold > summary {color:var(--ink)}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-flow-count {margin-left:auto;color:var(--ink-mute);font:400 12px/1.5 var(--font-sans);white-space:nowrap}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-flow-fold > summary:focus-visible {outline:2px solid var(--apple-blue);outline-offset:2px}

/* v46: one grouped-list layout for files, usage and compositions. The former
 * three-column summary nested another action column inside its content cell.
 * Keep original renderer parents/async owners; align every action to one edge. */
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-summary-columns {display:none}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot > .drawer-body > [data-gc-layout-group="files"] {
  display:grid!important;grid-template-columns:128px minmax(0,1fr) 140px;gap:16px;align-items:start;padding-block:20px!important;background:transparent!important;
}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot > .drawer-body > [data-gc-layout-group="files"]:hover {background:transparent!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot [data-gc-layout-group="files"] > :is(.development-documents-header,.section-head,.ghu-head):not([hidden]) {display:contents!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot [data-gc-layout-group="files"] :is(.development-documents-title,.section-title,.ghu-head > strong),
html body #drawer#drawer#drawer.gc-drawer-layout-pilot [data-gc-layout-group="files"].gc-pattern-section > strong {
  grid-column:1;grid-row:1;align-self:start;min-width:0;padding:var(--gc-first-line-inset) 0; margin:0;
  font:400 14px/22px var(--font-sans)!important;color:var(--gc-reading-secondary);
}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot [data-gc-layout-group="files"] .development-documents-title > strong {font:inherit!important;color:inherit!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot [data-gc-layout-group="files"] :is(.development-documents-header > button,.section-head > .cr-ver-actions,.section-head > .ss-add-row,.ghu-actions),
html body #drawer#drawer#drawer.gc-drawer-layout-pilot [data-gc-layout-group="files"] > :is([data-gc-pattern-manage],.ss-add-row) {
  grid-column:3;grid-row:1;align-self:start;justify-self:end;display:flex;align-items:center;gap:8px;margin:0!important;min-width:0;max-width:100%;
}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot [data-gc-layout-group="files"] > :is(.development-documents-list,.ss-rows,.ghu-summary,.wl-rows,.gc-pattern-summary) {
  grid-column:2;grid-row:1;min-width:0;margin:0!important;padding:0!important;
}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-files-pilot .gc-pattern-summary:not(.gc-drawer-file-error) {display:block!important;padding:var(--gc-first-line-inset) 0!important;font:400 14px/22px var(--font-sans);color:var(--ink-mute)}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot [data-gc-layout-group="files"] :is(.development-document-row,.ss-row) {
  grid-template-columns:28px minmax(0,1fr) auto;gap:8px 12px!important;align-items:start;padding-inline:0!important;
}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot [data-gc-layout-group="files"] :is(.development-document-icon,.ss-icon) {width:28px!important;height:34px!important;border:1px solid var(--line)!important;border-radius:4px!important;background:var(--bg-elevated)!important;font-weight:500!important}
/* 20261017-alignment: one shared first-line slot. Icon top follows the 5px
 * text padding; meta stays on the second line and never centres the row. */
html body #drawer#drawer#drawer.gc-drawer-layout-pilot [data-gc-layout-group="files"] :is(.development-document-name,.ss-name) {padding:var(--gc-first-line-inset) 0!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot [data-gc-layout-group="files"] :is(.development-document-icon,.ss-icon) {margin-top:var(--gc-first-line-inset)!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot [data-gc-layout-group="files"] :is(.development-document-actions,.ss-actions) {grid-column:3;grid-row:1;align-self:start;justify-self:end;display:flex;align-items:center;justify-content:flex-end;gap:8px!important;margin:0!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot [data-gc-layout-group="files"] .ghu-item {grid-template-columns:64px minmax(0,1fr);gap:12px;padding:2px 0;line-height:22px}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot [data-gc-layout-group="files"] .ghu-meta {font-size:12px;line-height:20px;margin-bottom:6px}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot [data-gc-layout-group="files"] .wl-row {
  grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'meta actions' 'copy actions';gap:2px 12px!important;align-items:start;min-height:0;padding:10px 0!important;
}
/* First composition row shares the 5px first-line slot with label/actions. */
html body #drawer#drawer#drawer.gc-drawer-layout-pilot [data-gc-layout-group="files"] .wl-rows > .wl-row:first-child {padding-top:var(--gc-first-line-inset)!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot [data-gc-layout-group="files"] .wl-rows > .wl-row:first-child:has(.gc-wash-reading-meta select) {padding-top:0!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot [data-gc-layout-group="files"] .gc-wash-reading-meta {font:400 14px/22px var(--font-sans);color:var(--gc-reading-secondary)}
/* Inline role/PO selects read as 22px text controls inside the first-line slot. */
html body #drawer#drawer#drawer.gc-drawer-layout-pilot [data-gc-layout-group="files"] .gc-wash-reading-meta :is(.wl-role-select,.wl-po-select) {height:var(--gc-approved-control)!important;min-height:var(--gc-approved-control)!important;padding-top:0!important;padding-bottom:0!important;font:400 14px/22px var(--font-sans)!important}
/* The older records layer adds its own margin; the head action slot owns edges. */
html body #drawer#drawer#drawer.gc-drawer-layout-pilot [data-gc-layout-group="files"] .section-head .wl-add-row {margin:0!important;max-width:100%!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot [data-gc-layout-group="files"] .wl-comp {min-height:0;margin:0!important;font:400 14px/22px var(--font-sans)}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot [data-gc-layout-group="files"] .gc-drawer-wash-row-actions {align-self:start;justify-self:end}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .style-development-documents.is-empty .development-documents-title {display:contents!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .style-development-documents.is-empty .development-documents-title > strong {grid-column:1;grid-row:1;align-self:start;padding:var(--gc-first-line-inset) 0;font:400 14px/22px var(--font-sans)!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .style-development-documents.is-empty .development-documents-title > strong::after {content:none}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .style-development-documents.is-empty .development-documents-count {display:block!important;grid-column:2;grid-row:1;align-self:start;padding:var(--gc-first-line-inset) 0;color:var(--ink-mute);font:400 14px/22px var(--font-sans)}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot > .drawer-body > [data-gc-layout-group="files"].gc-drawer-group-end {border-bottom:0!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot > .drawer-body > [data-gc-layout-group="files"][hidden] {display:none!important}
@container peter-drawer (max-width:719px) {
  html body #drawer#drawer#drawer.gc-drawer-layout-pilot > .drawer-body > [data-gc-layout-group="files"] {grid-template-columns:112px minmax(0,1fr)}
  html body #drawer#drawer#drawer.gc-drawer-layout-pilot [data-gc-layout-group="files"] :is(.development-documents-header > button,.section-head > .cr-ver-actions,.section-head > .ss-add-row,.ghu-actions),
  html body #drawer#drawer#drawer.gc-drawer-layout-pilot [data-gc-layout-group="files"] > :is([data-gc-pattern-manage],.ss-add-row) {grid-column:2;grid-row:2;justify-self:start}
}
@container peter-drawer (max-width:600px) {
  html body #drawer#drawer#drawer.gc-drawer-layout-pilot > .drawer-body > [data-gc-layout-group="files"] {gap:8px}
  html body #drawer#drawer#drawer.gc-drawer-layout-pilot > .drawer-body > [data-gc-layout-group="files"] {grid-template-columns:minmax(0,1fr) auto;padding-block:16px!important}
  /* 44px touch slots keep the same first-line rule at narrow widths. */
  html body #drawer#drawer#drawer.gc-drawer-layout-pilot [data-gc-layout-group="files"] :is(.development-document-name,.ss-name) {padding-block:11px!important}
  html body #drawer#drawer#drawer.gc-drawer-layout-pilot [data-gc-layout-group="files"] :is(.development-document-icon,.ss-icon) {margin-top:11px!important}
  html body #drawer#drawer#drawer.gc-drawer-layout-pilot .style-development-documents.is-empty .development-documents-count {padding:11px 0}
  html body #drawer#drawer#drawer.gc-drawer-layout-pilot [data-gc-layout-group="files"] .wl-rows > .wl-row:first-child {padding-top:11px!important}
  html body #drawer#drawer#drawer.gc-drawer-layout-pilot [data-gc-layout-group="files"] :is(.development-documents-header > button,.section-head > .cr-ver-actions,.section-head > .ss-add-row,.ghu-actions),
  html body #drawer#drawer#drawer.gc-drawer-layout-pilot [data-gc-layout-group="files"] > :is([data-gc-pattern-manage],.ss-add-row) {grid-column:2;grid-row:1;justify-self:end}
  html body #drawer#drawer#drawer.gc-drawer-layout-pilot [data-gc-layout-group="files"] > :is(.development-documents-list,.ss-rows,.ghu-summary,.wl-rows,.gc-pattern-summary),
  html body #drawer#drawer#drawer.gc-drawer-layout-pilot .style-development-documents.is-empty .development-documents-count {grid-column:1/-1;grid-row:2}
  html body #drawer#drawer#drawer.gc-drawer-layout-pilot [data-gc-layout-group="files"] :is(.development-document-row,.ss-row) {grid-template-columns:28px minmax(0,1fr)}
  html body #drawer#drawer#drawer.gc-drawer-layout-pilot [data-gc-layout-group="files"] :is(.development-document-icon,.ss-icon) {grid-column:1;grid-row:1;align-self:start}
  html body #drawer#drawer#drawer.gc-drawer-layout-pilot [data-gc-layout-group="files"] :is(.development-document-main,.gc-drawer-file-main) {grid-column:2;grid-row:1}
  html body #drawer#drawer#drawer.gc-drawer-layout-pilot [data-gc-layout-group="files"] :is(.development-document-actions,.ss-actions) {grid-column:2;grid-row:2}
  html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-summary {gap:6px 10px}
}

/* 20261016-drawer-po-align-peter-v35（设计稿）: 替换 v33/v34 中全部 .gc-drawer-po-pilot 规则。
 * 仅 Peter 布局作用域。一条左边线、一条标签列、一条右边线；无箭头，点卡片头展开/收起；
 * v52 按已确认预览将原操作放回底部独立一行。原节点、事件、权限、业务数据不变。 */
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot {
  --po-x:16px;            /* 卡片内唯一左/右边距 */
  --po-lbl:64px;          /* 唯一标签列宽（“交期记录”四字 + 余量） */
  --po-line:22px;         /* 标签、数值、链接共用正文基线 */
  --po-mute:var(--text-muted,#6b6b6e);
  --po-ink:var(--text-primary,#1d1d1f);
  --po-rule:var(--gc-v33-line,#e5e5ea);
}

/* ---------- 列表与卡片 ---------- */
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-list {display:flex!important;flex-direction:column!important;gap:12px!important;margin-top:12px!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot :is(.po-row,.po-shipped-entry) {
  display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main aside" "details details" "actions actions";
  border:0!important;border-radius:8px!important;box-shadow:var(--gc-v33-ring)!important;background:var(--bg-elevated,#fff)!important;
  padding:0!important;margin:0!important;overflow:hidden;transition:background-color .12s ease}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot :is(.po-row,.po-shipped-entry).po-row-current {box-shadow:var(--gc-v33-ring-current)!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot :is(.po-row,.po-shipped-entry):has(> :is(.po-row-main,.po-shipped-row):not([data-no-toggle]):hover) {background:var(--bg-hover,#f9f9fb)!important}

/* ---------- 卡片头：左 main（可点）+ 右 aside（期限 / 操作） ---------- */
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot :is(.po-row-main,.po-shipped-row) {
  grid-area:main;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:6px!important;
  min-width:0;padding:14px 0 14px var(--po-x)!important;margin:0!important;border:0!important;background:transparent!important;cursor:pointer;border-radius:12px 0 0 12px}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot :is(.po-row-main,.po-shipped-row)[data-no-toggle] {cursor:default}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot :is(.po-row-main,.po-shipped-row):focus-visible {outline:2px solid var(--apple-blue,#007aff)!important;outline-offset:-2px}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-row-chevron {display:none!important}

html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot :is(.po-row-top,.po-row-bottom,.po-shipped-row > .meta) {
  display:flex!important;align-items:center!important;flex-wrap:wrap;gap:4px 10px!important;min-height:var(--po-line);margin:0!important;padding:0!important;min-width:0}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot :is(.po-row-num,.po-shipped-row .po-num) {font:600 16px/var(--po-line) var(--font-sans)!important;color:var(--po-ink)!important;overflow-wrap:anywhere}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-row-current :is(.po-row-num,.po-num)::after {content:"当前";margin-left:8px;vertical-align:baseline}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot :is(.po-row-color,.po-row-qty,.po-row-barcode) {font:400 14px/var(--po-line) var(--font-sans)!important;color:var(--po-ink)!important;margin:0!important;font-variant-numeric:tabular-nums}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot :is(.po-row-dot) {display:none!important}
/* 展开后条形号在详情里出现，头部不重复 */
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-row-expanded .po-row-barcode {display:none!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-row-price {margin:0!important;font:600 14px/var(--po-line) var(--font-sans)!important;color:var(--po-ink)!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .factory-badge {display:inline-flex;align-items:baseline!important;gap:8px;max-width:100%;white-space:normal;overflow-wrap:anywhere;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--po-ink)!important;font:500 14px/22px var(--font-sans)!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .factory-badge::before {content:'工厂';color:var(--po-mute);font:400 14px/22px var(--font-sans);white-space:nowrap}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-row-spacer {display:none!important}

html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .gc-drawer-po-aside {
  grid-area:aside;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:6px;
  min-width:0;padding:14px var(--po-x) 14px 16px}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .gc-drawer-po-deadline {display:flex!important;flex:0 1 auto!important;align-items:center!important;gap:6px!important;min-height:var(--po-line);margin:0!important;color:var(--po-ink);white-space:nowrap}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .gc-drawer-po-deadline:has(.po-chip-ok) {color:var(--ok,#248a3d)}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .gc-drawer-po-deadline:has(.po-chip-warn) {color:var(--warn,#b25400)}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .gc-drawer-po-deadline:has(.po-chip-danger) {color:var(--danger,#d70015)}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .gc-drawer-po-deadline:has(.po-status-chip,.chip-shipped,.chip-cancelled)::before {content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:none;order:-1}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .gc-drawer-po-deadline .po-row-ef > svg {display:none}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .gc-drawer-po-deadline :is(.po-row-ef,.po-status-chip,.chip-shipped,.chip-cancelled) {
  padding:0!important;height:auto!important;min-height:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:inherit!important;font:500 14px/var(--po-line) var(--font-sans)!important;font-variant-numeric:tabular-nums}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .gc-drawer-po-deadline .po-row-ef {font-weight:600!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .gc-drawer-po-deadline .po-row-ef + .po-status-chip::before {content:"·";margin-right:6px}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .gc-drawer-po-deadline .chip-shipped {color:var(--ok,#248a3d)!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .gc-drawer-po-deadline:has(.chip-cancelled) {color:var(--text-muted,#6b6b6e)}

/* 已出货/已取消只有一行头：期限与操作同一行 */
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-shipped-entry > .gc-drawer-po-aside {flex-direction:row;align-items:center;justify-content:flex-end;gap:12px}
/* Keep the complete action hit area inside the original card boundary. */
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .gc-drawer-po-actions {grid-area:actions;display:flex!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:wrap;gap:8px!important;margin:0 var(--po-x)!important;padding:12px 0!important;border:0!important;border-top:1px solid var(--po-rule)!important;min-width:0}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .gc-drawer-po-actions > :is(a,button):not(.gc-drawer-cr-more-trigger),
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot :is(.po-size-copy-btn,.po-delay-pdf-link,.po-delay-pdf-add) {
  display:inline-flex!important;align-items:center!important;height:var(--po-line)!important;min-height:0!important;padding:0 8px!important;margin:0!important;border:0!important;border-radius:6px!important;
  background:transparent!important;box-shadow:none!important;color:var(--apple-blue,#007aff)!important;font:400 14px/22px var(--font-sans)!important;text-decoration:none!important;white-space:nowrap;cursor:pointer}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .gc-drawer-po-actions > :is(a,button):not(.gc-drawer-cr-more-trigger):hover,
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot :is(.po-size-copy-btn,.po-delay-pdf-link,.po-delay-pdf-add):hover {background:transparent!important;color:var(--gc-approved-hover)!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .gc-drawer-po-actions > :is(a,button):not(.gc-drawer-cr-more-trigger):active,
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot :is(.po-size-copy-btn,.po-delay-pdf-link,.po-delay-pdf-add):active {color:var(--gc-approved-active)!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .gc-drawer-po-actions .po-extend-btn > svg {display:none}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .gc-drawer-po-actions .po-extend-btn.is-overdue {color:var(--danger,#d70015)!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .gc-drawer-po-actions .gc-drawer-cr-more-trigger:where(:not(.gc-menu-trigger)) {width:28px!important;min-width:0!important;height:var(--po-line)!important;min-height:0!important;padding:0 8px!important;justify-content:flex-end!important}

/* ---------- 详情：两列“标签 | 数值”，宽行跨列；标签列全卡同宽 ---------- */
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-row-details {
  grid-area:details;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 24px!important;align-items:start!important;
  margin:0 var(--po-x)!important;padding:12px 0 14px!important;border:0!important;border-top:1px solid var(--po-rule)!important;background:transparent!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-detail-line:not(.gc-drawer-po-moved-doc-line,[hidden]) {
  display:grid!important;grid-template-columns:var(--po-lbl) minmax(0,1fr);column-gap:12px;align-items:start!important;
  min-width:0;min-height:0!important;margin:0!important;padding:0!important;border:0!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-detail-lbl {
  display:block!important;width:auto!important;min-height:0!important;height:auto!important;padding:0!important;letter-spacing:0!important;
  font:400 13px/var(--po-line) var(--font-sans)!important;color:var(--po-mute)!important;white-space:nowrap}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-detail-val {min-width:0;max-width:100%;font:400 14px/var(--po-line) var(--font-sans)!important;color:var(--po-ink)!important;overflow-wrap:anywhere}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-detail-val-mute {color:var(--po-ink)!important}
/* 宽行：尺码 / 描述 / 交期记录 / 无明细 */
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-detail-line:is(:has(> .po-detail-val-breakdown),.po-detail-line-desc,.po-detail-line-history,:only-child) {grid-column:1/-1}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-detail-line:has(> .po-detail-val-breakdown) {order:9;margin-top:4px!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-detail-line-desc {order:10}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-detail-line-history {order:11;margin-top:8px!important;padding-top:12px!important;border-top:1px solid var(--po-rule)!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-detail-line-desc > .po-detail-val {color:var(--text-secondary,#424248)!important}
/* 尺码：芯片 + 行尾“复制”，右边缘与卡片头操作对齐 */
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-detail-val-breakdown {display:flex!important;flex-wrap:wrap;align-items:center;gap:4px 6px!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-breakdown-chip {display:inline-flex!important;align-items:baseline;gap:4px;height:24px;margin:2px 0;padding:2px 8px!important;border:0!important;border-radius:6px!important;box-shadow:none!important;background:var(--bg,#f5f5f7)!important;font:400 13px/20px var(--font-sans)!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-breakdown-chip .sz {color:var(--po-mute);font-size:12px}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-breakdown-chip .ct {color:var(--po-ink);font-weight:600}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-detail-val-breakdown > .po-size-copy-btn {margin-left:auto!important;margin-right:0!important}
/* 交期记录：日期 | 原因 | 新版 PO；备注下一行 */
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-delay-list {display:flex!important;flex-direction:column!important;gap:4px!important;min-width:0;margin-right:0}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-delay-row {display:grid!important;grid-template-columns:max-content minmax(0,1fr) auto;column-gap:12px;align-items:start;min-height:0!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;font:400 14px/var(--po-line) var(--font-sans)!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-delay-dates {grid-column:1;display:block!important;min-height:0!important;font:inherit!important;color:var(--po-ink)!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-delay-reason {grid-column:2;display:block!important;min-height:0!important;color:var(--text-secondary,#424248)!important}
html body #drawer#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#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-delay-note {grid-column:1/-1;font:400 13px/22px var(--font-sans)!important;font-style:normal!important;color:var(--po-mute)!important;padding-right:8px}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .gc-drawer-po-moved-doc-line {display:none!important}

/* ---------- 已出货 / 已取消：无三角，整行点开 ---------- */
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-shipped-fold {margin:20px 0 0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-shipped-fold > summary {
  display:flex!important;align-items:center;gap:8px;list-style:none;min-height:36px!important;margin:0 0 8px!important;padding:0 8px!important;margin-inline:-8px!important;border:0!important;border-radius:8px;cursor:pointer;
  font:500 14px/1.4 var(--font-sans)!important;color:var(--text-secondary,#424248)!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-shipped-fold > summary::-webkit-details-marker {display:none}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-shipped-fold > summary::marker {content:""}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-shipped-fold > summary::before,
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-shipped-fold > summary::after {display:none!important;content:none!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-shipped-fold > summary:hover {background:var(--bg-hover,#f9f9fb)}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-shipped-fold > summary:focus-visible {outline:2px solid var(--apple-blue,#007aff);outline-offset:0}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-shipped-fold .shipped-list {display:flex!important;flex-direction:column!important;gap:12px!important;padding:0!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-shipped-row:hover {background:transparent!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-shipped-row > .meta {flex:none!important;font:400 13px/var(--po-line) var(--font-sans)!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .gc-drawer-po-history-head {display:contents!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-cancelled-entry .po-shipped-row > .meta {color:var(--po-mute)}

/* ---------- 抽屉 ≤600px：期限在头部下方，详情单列，操作仍独立末行 ---------- */
@container peter-drawer (max-width:600px) {
  html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot :is(.po-row,.po-shipped-entry) {grid-template-columns:minmax(0,1fr);grid-template-areas:"main" "aside" "details" "actions"}
  html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot :is(.po-row-main,.po-shipped-row) {padding:14px var(--po-x) 0!important;border-radius:12px 12px 0 0}
  html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .gc-drawer-po-aside {flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:2px var(--po-x) 10px}
  html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .gc-drawer-po-actions > :is(a,button):not(.gc-drawer-cr-more-trigger),
  html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .gc-drawer-po-actions .gc-drawer-cr-more-trigger,
  html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot :is(.po-size-copy-btn,.po-delay-pdf-link,.po-delay-pdf-add) {height:44px!important}
  html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .gc-drawer-po-actions .gc-drawer-cr-more-trigger {width:44px!important}
  html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-row-details {grid-template-columns:minmax(0,1fr)}
  html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-delay-row {grid-template-columns:minmax(0,1fr) auto}
  html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-delay-dates {grid-column:1/-1}
  html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-delay-reason {grid-column:1;grid-row:2;line-height:44px}
  html body #drawer#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#drawer.gc-drawer-layout-pilot .gc-drawer-po-pilot .po-shipped-fold > summary {min-height:44px!important}
}

/* v53: compact white file rows. Original file nodes, order and handlers remain.
 * Version tags are secondary; capacity is three files plus an explicit fold. */
html body #drawer#drawer#drawer.gc-drawer-layout-pilot [data-gc-layout-group="files"].size-sheet-section .ss-rows {
  display:grid;gap:0;
}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot [data-gc-layout-group="files"].size-sheet-section .ss-row {
  padding:6px 0!important;border:0!important;border-bottom:1px solid #f0f0f0!important;border-radius:0!important;
  background:transparent;min-width:0;min-height:56px!important;
}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot [data-gc-layout-group="files"].size-sheet-section .ss-rows > .ss-row:first-child {padding-top:0!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .size-sheet-section .ss-rows:not(.gc-drawer-size-expanded) > .gc-drawer-size-overflow {display:none!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .size-sheet-section .gc-drawer-size-toggle {justify-self:start;justify-content:flex-start;grid-column:1/-1;margin:4px 0 0 32px}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .size-sheet-section .ss-name {white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .size-sheet-section > .section-head .section-title {align-self:start}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .size-sheet-section .section-count {display:none}

/* 20261017-drawer-progress-all-peter-v51: parallel purchase status, not a badge. */
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-fabric-ready {
  display:inline-flex;align-items:center;gap:8px;white-space:nowrap;
  margin-inline-start:0;color:#262626;font:600 16px/24px var(--font-sans);
}
html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-fabric-ready::before {
  content:'';width:6px;height:6px;flex:none;border-radius:50%;background:var(--ok);
}
@container peter-drawer (max-width:600px) {
  html body #drawer#drawer.gc-drawer-layout-pilot .gc-drawer-fabric-ready {flex-basis:100%;margin-inline-start:0}
}

/* v52 calibrated controls, using the existing ERP action/menu owners. */
html body #drawer#drawer#drawer.gc-drawer-layout-pilot > .drawer-header .gc-header-output > .gc-header-trigger {
  min-height:var(--gc-approved-control)!important;height:var(--gc-approved-control)!important;
  padding:0 12px!important;background:#fff!important;border:1px solid #d9d9d9!important;
  border-radius:6px!important;box-shadow:none!important;font:400 14px/22px var(--font-sans)!important;
}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot > .drawer-header .gc-header-output > .gc-header-trigger:hover {color:var(--gc-approved-hover)!important;border-color:var(--gc-approved-hover)!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot > .drawer-header .gc-header-output > .gc-header-trigger:active {color:var(--gc-approved-active)!important;border-color:var(--gc-approved-active)!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot :is(.gc-header-more > .gc-header-trigger,.photo-gallery-actions .gc-menu-trigger,.gc-drawer-cr-more-trigger) {min-height:var(--gc-approved-control)!important;height:var(--gc-approved-control)!important;min-width:var(--gc-approved-control)!important;border-radius:6px!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot :is(button,a,[role="button"],summary):focus-visible {outline:3px solid #91caff!important;outline-offset:2px!important;box-shadow:none!important}
@media(max-width:900px) {
  html body #drawer#drawer.style-detail-drawer-v2.gc-drawer-layout-pilot {--gc-approved-control:44px}
}

/* BEGIN DRAWER COMPONENT RECIPES v54
 * Exported verbatim into the offline design handbook, without legacy CSS.
 * These are project decisions informed by Ant Design, not antd default claims.
 */
html body #drawer#drawer#drawer.gc-drawer-layout-pilot :is(.cr-ver-latest-badge,.gc-drawer-history-badge,.gc-drawer-flow-current-tag,.ss-cat-badge,.order-type-badge,.ship-method-badge),
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .po-row-current :is(.po-row-num,.po-num)::after {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;
  flex:0 0 auto!important;min-height:22px!important;height:22px!important;max-width:100%;padding:0 8px!important;
  border:0!important;border-radius:4px!important;box-shadow:none!important;
  background:#f5f5f5!important;color:#595959!important;font:400 12px/22px var(--font-sans)!important;
  white-space:nowrap!important;cursor:inherit;
}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .cr-ver-latest-badge {background:#f6ffed!important;color:#237804!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot :is(.gc-drawer-flow-current-tag,.order-type-new),
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .po-row-current :is(.po-row-num,.po-num)::after {background:#e6f4ff!important;color:#0958d9!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .ship-air {background:#e6fffb!important;color:#006d75!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .ship-sea-air {background:#f9f0ff!important;color:#531dab!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-inline-version {align-items:center;max-width:100%;gap:8px}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-inline-version > .cr-ver-current[hidden] {display:none!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-version-picker {
  display:inline-flex!important;align-items:center!important;gap:8px!important;max-width:min(360px,100%)!important;min-width:0;
  min-height:var(--gc-approved-control,32px)!important;height:auto!important;padding:4px 10px!important;
  border:1px solid #d9d9d9!important;border-radius:6px!important;background:#fff!important;color:#434343!important;
  font:400 14px/22px var(--font-sans)!important;box-shadow:none!important;cursor:pointer;
}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-version-picker :is(.cr-ver-current-prefix,.cr-ver-source) {display:none!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-version-picker .cr-ver-current-label {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:inherit!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-version-picker .cr-ver-history-chevron {flex:none;margin-left:auto;line-height:20px}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-version-picker:hover {background:#fff!important;border-color:#4096ff!important;color:#4096ff!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-version-picker:active {border-color:#0958d9!important;color:#0958d9!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-drawer-version-picker[aria-expanded="true"] {border-color:#1677ff!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .cr-ver-history-option > .cr-ver-latest-badge {margin-left:auto}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-timeline-feedback {margin-top:4px;max-width:100%}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-timeline-feedback > summary {
  display:inline-flex;align-items:center;gap:6px;list-style:none;min-height:32px;padding:0;
  border:0;border-radius:6px;background:transparent;color:#1677ff;font:400 14px/22px var(--font-sans);cursor:pointer;
}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-timeline-feedback > summary::-webkit-details-marker {display:none}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-timeline-feedback > summary::after {content:'⌄';font-size:12px}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-timeline-feedback[open] > summary::after {content:'⌃'}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-timeline-feedback > summary:hover {background:transparent;color:#4096ff}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-timeline-feedback > summary:active {color:#0958d9}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-timeline-feedback-content {margin-top:8px;font:400 14px/22px var(--font-sans);overflow-wrap:anywhere;white-space:normal}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-timeline-feedback-content[hidden] {display:none!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-timeline-feedback-content :is(img,video,table) {max-width:100%;height:auto}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-timeline-feedback-content :is(p,ul,ol) {margin:0 0 8px}
@media(max-width:900px) {
  html body #drawer#drawer#drawer.gc-drawer-layout-pilot .gc-timeline-feedback > summary {min-height:44px}
}
/* FileCard preset artwork: ant-design/ant-design-icons, MIT.
 * FileCard.tsx supplies colors. Original file text/handlers remain in the DOM;
 * match original filename/title (not a signed URL or guessed contents).
 * Keep the accepted 28x34 outer slot; square official artwork is centered. */
html body #drawer#drawer#drawer.gc-drawer-layout-pilot [data-gc-layout-group="files"] :is(.development-document-icon,.ss-icon) {
  width:28px!important;height:34px!important;border:0!important;border-radius:0!important;
  font-size:0!important;background-color:transparent!important;
  background-size:34px 34px!important;background-repeat:no-repeat!important;background-position:center!important;
}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot [data-gc-layout-group="files"] .ss-icon {background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%238c8c8c%22%20viewBox%3D%220%200%201024%201024%22%3E%0A%20%20%3Cpath%20d%3D%22M854.6%20288.7c6%206%209.4%2014.1%209.4%2022.6V928c0%2017.7-14.3%2032-32%2032H192c-17.7%200-32-14.3-32-32V96c0-17.7%2014.3-32%2032-32h424.7c8.5%200%2016.7%203.4%2022.7%209.4l215.2%20215.3zM790.2%20326L602%20137.8V326h188.2zM320%20482a8%208%200%200%200-8%208v48a8%208%200%200%200%208%208h384a8%208%200%200%200%208-8v-48a8%208%200%200%200-8-8H320zm0%20136a8%208%200%200%200-8%208v48a8%208%200%200%200%208%208h184a8%208%200%200%200%208-8v-48a8%208%200%200%200-8-8H320z%22%2F%3E%0A%3C%2Fsvg%3E")!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot [data-gc-layout-group="files"] .ss-row:has(.ss-name:is([title$=".xls" i],[title$=".xlsx" i])) .ss-icon {background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%2322b35e%22%20viewBox%3D%220%200%201024%201024%22%3E%0A%20%20%3Cpath%20d%3D%22M854.6%20288.7c6%206%209.4%2014.1%209.4%2022.6V928c0%2017.7-14.3%2032-32%2032H192c-17.7%200-32-14.3-32-32V96c0-17.7%2014.3-32%2032-32h424.7c8.5%200%2016.7%203.4%2022.7%209.4l215.2%20215.3zM790.2%20326L602%20137.8V326h188.2zM575.34%20477.84l-61.22%20102.3L452.3%20477.8a12%2012%200%200%200-10.27-5.79h-38.44a12%2012%200%200%200-6.4%201.85%2012%2012%200%200%200-3.75%2016.56l82.34%20130.42-83.45%20132.78a12%2012%200%200%200-1.84%206.39%2012%2012%200%200%200%2012%2012h34.46a12%2012%200%200%200%2010.21-5.7l62.7-101.47%2062.3%20101.45a12%2012%200%200%200%2010.23%205.72h37.48a12%2012%200%200%200%206.48-1.9%2012%2012%200%200%200%203.62-16.58l-83.83-130.55%2085.3-132.47a12%2012%200%200%200%201.9-6.5%2012%2012%200%200%200-12-12h-35.7a12%2012%200%200%200-10.29%205.84z%22%2F%3E%0A%3C%2Fsvg%3E")!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot [data-gc-layout-group="files"] .development-document-icon {background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23ff4d4f%22%20viewBox%3D%220%200%201024%201024%22%3E%0A%20%20%3Cpath%20d%3D%22M854.6%20288.7c6%206%209.4%2014.1%209.4%2022.6V928c0%2017.7-14.3%2032-32%2032H192c-17.7%200-32-14.3-32-32V96c0-17.7%2014.3-32%2032-32h424.7c8.5%200%2016.7%203.4%2022.7%209.4l215.2%20215.3zM790.2%20326L602%20137.8V326h188.2zM633.22%20637.26c-15.18-.5-31.32.67-49.65%202.96-24.3-14.99-40.66-35.58-52.28-65.83l1.07-4.38%201.24-5.18c4.3-18.13%206.61-31.36%207.3-44.7.52-10.07-.04-19.36-1.83-27.97-3.3-18.59-16.45-29.46-33.02-30.13-15.45-.63-29.65%208-33.28%2021.37-5.91%2021.62-2.45%2050.07%2010.08%2098.59-15.96%2038.05-37.05%2082.66-51.2%20107.54-18.89%209.74-33.6%2018.6-45.96%2028.42-16.3%2012.97-26.48%2026.3-29.28%2040.3-1.36%206.49.69%2014.97%205.36%2021.92%205.3%207.88%2013.28%2013%2022.85%2013.74%2024.15%201.87%2053.83-23.03%2086.6-79.26%203.29-1.1%206.77-2.26%2011.02-3.7l11.9-4.02c7.53-2.54%2012.99-4.36%2018.39-6.11%2023.4-7.62%2041.1-12.43%2057.2-15.17%2027.98%2014.98%2060.32%2024.8%2082.1%2024.8%2017.98%200%2030.13-9.32%2034.52-23.99%203.85-12.88.8-27.82-7.48-36.08-8.56-8.41-24.3-12.43-45.65-13.12zM385.23%20765.68v-.36l.13-.34a54.86%2054.86%200%200%201%205.6-10.76c4.28-6.58%2010.17-13.5%2017.47-20.87%203.92-3.95%208-7.8%2012.79-12.12%201.07-.96%207.91-7.05%209.19-8.25l11.17-10.4-8.12%2012.93c-12.32%2019.64-23.46%2033.78-33%2043-3.51%203.4-6.6%205.9-9.1%207.51a16.43%2016.43%200%200%201-2.61%201.42c-.41.17-.77.27-1.13.3a2.2%202.2%200%200%201-1.12-.15%202.07%202.07%200%200%201-1.27-1.91zM511.17%20547.4l-2.26%204-1.4-4.38c-3.1-9.83-5.38-24.64-6.01-38-.72-15.2.49-24.32%205.29-24.32%206.74%200%209.83%2010.8%2010.07%2027.05.22%2014.28-2.03%2029.14-5.7%2035.65zm-5.81%2058.46l1.53-4.05%202.09%203.8c11.69%2021.24%2026.86%2038.96%2043.54%2051.31l3.6%202.66-4.39.9c-16.33%203.38-31.54%208.46-52.34%2016.85%202.17-.88-21.62%208.86-27.64%2011.17l-5.25%202.01%202.8-4.88c12.35-21.5%2023.76-47.32%2036.05-79.77zm157.62%2076.26c-7.86%203.1-24.78.33-54.57-12.39l-7.56-3.22%208.2-.6c23.3-1.73%2039.8-.45%2049.42%203.07%204.1%201.5%206.83%203.39%208.04%205.55a4.64%204.64%200%200%201-1.36%206.31%206.7%206.7%200%200%201-2.17%201.28z%22%2F%3E%0A%3C%2Fsvg%3E")!important}
html body #drawer#drawer#drawer.gc-drawer-layout-pilot [data-gc-layout-group="files"] .development-document-row:has(.development-document-name[title$=".pptx" i]) .development-document-icon {background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23ff6e31%22%20viewBox%3D%220%200%201024%201024%22%3E%0A%20%20%3Cpath%20d%3D%22M854.6%20288.7c6%206%209.4%2014.1%209.4%2022.6V928c0%2017.7-14.3%2032-32%2032H192c-17.7%200-32-14.3-32-32V96c0-17.7%2014.3-32%2032-32h424.7c8.5%200%2016.7%203.4%2022.7%209.4l215.2%20215.3zM790.2%20326L602%20137.8V326h188.2zM468.53%20760v-91.54h59.27c60.57%200%20100.2-39.65%20100.2-98.12%200-58.22-39.58-98.34-99.98-98.34H424a12%2012%200%200%200-12%2012v276a12%2012%200%200%200%2012%2012h32.53a12%2012%200%200%200%2012-12zm0-139.33h34.9c47.82%200%2067.19-12.93%2067.19-50.33%200-32.05-18.12-50.12-49.87-50.12h-52.22v100.45z%22%2F%3E%0A%3C%2Fsvg%3E")!important}
/* END DRAWER COMPONENT RECIPES v54 */