/* Product detail window v1. Shared shell; business sections retain their data and actions. */
#pickPool .pool-workbench:has(.dw-product-detail-layer),
#pickPool:has(.dw-product-detail-layer) { z-index:auto !important; isolation:auto; }
#developmentWorkbenchRoot:has(.dw-product-detail-layer) { animation:none !important; transform:none !important; }
#developmentWorkbenchRoot .dw-product-detail-layer {
  position:fixed; inset:0; z-index:12000; display:flex; align-items:center; justify-content:center;
  padding:24px; background:rgba(21,32,51,.48); overscroll-behavior:contain; color:#233047;
}
#developmentWorkbenchRoot .dw-product-detail-window {
  box-sizing:border-box; display:flex; flex-direction:column; width:min(1480px,92vw); height:88dvh;
  max-height:calc(100dvh - 48px); min-width:0; min-height:0; overflow:hidden; background:#fff;
  border:1px solid #e2e8f0; border-radius:12px; box-shadow:0 24px 80px #0f172a45;
  font:400 14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;
}
#developmentWorkbenchRoot .dw-product-detail-window.is-expanded { width:calc(100vw - 32px); height:calc(100dvh - 32px); max-height:calc(100dvh - 32px); }
.dw-product-detail-window *, .dw-product-detail-window *::before, .dw-product-detail-window *::after { box-sizing:border-box; }
.dw-product-detail-window button { font-family:inherit; cursor:pointer; }
.dw-product-detail-window button:focus-visible, .dw-product-detail-window summary:focus-visible, .dw-product-detail-window a:focus-visible { outline:2px solid #2563eb; outline-offset:2px; }
#developmentWorkbenchRoot .dwp-header { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding:22px 26px; flex:none; border-bottom:1px solid #e7ebf2; }
.dwp-product { display:flex; align-items:center; gap:18px; min-width:0; }
#developmentWorkbenchRoot .dwp-product > img,
#developmentWorkbenchRoot .dwp-product > .dw-product-fallback { display:block; width:86px; height:86px; flex:0 0 86px; object-fit:contain; padding:4px; border:1px solid #edf0f4; border-radius:7px; background:#fff; }
.dwp-product-copy { min-width:0; }
.dwp-title-line { display:flex; align-items:center; gap:14px; min-width:0; flex-wrap:wrap; }
#developmentWorkbenchRoot .dwp-title-line h2 { font-size:20px; line-height:1.4; font-weight:650; color:#142033; margin:0; overflow-wrap:anywhere; }
#developmentWorkbenchRoot .dwp-title-line .dw-status { font-size:12px; min-height:24px; padding:3px 9px; }
#developmentWorkbenchRoot .dwp-product-copy > p { font-size:13px; color:#526079; margin:6px 0; }
.dwp-meta { display:flex; align-items:center; gap:8px 20px; flex-wrap:wrap; color:#526079; font-size:13px; }
#developmentWorkbenchRoot .dwp-due .dw-due-date { font-size:12px; margin:0; }
.dwp-header-actions { display:flex; align-items:center; gap:8px; flex:none; }
#developmentWorkbenchRoot .dw-product-detail-window .dw-btn { display:inline-flex; align-items:center; justify-content:center; gap:6px; font-size:13px; font-weight:500; min-height:34px; padding:6px 12px; border-radius:6px; white-space:nowrap; }
#developmentWorkbenchRoot .dwp-icon,.dwp-more > summary { display:flex; align-items:center; justify-content:center; width:34px; height:34px; padding:0; border:0; border-radius:6px; color:#344054; background:transparent; font-size:20px; line-height:1; }
#developmentWorkbenchRoot .dwp-icon:hover,.dwp-more > summary:hover { background:#f0f5ff; color:#2563eb; }
#developmentWorkbenchRoot .dwp-icon i { font-size:15px; }
.dwp-more { position:relative; }
.dwp-more > summary { list-style:none; cursor:pointer; font-size:17px; border:1px solid #dce3ed; }
.dwp-more > summary::-webkit-details-marker { display:none; }
.dwp-more > div { position:absolute; right:0; top:38px; z-index:3; display:grid; min-width:212px; padding:5px; background:#fff; border:1px solid #dce3ed; border-radius:6px; box-shadow:0 8px 24px #172b4d24; }
.dwp-more:not([open]) > div { display:none; }
.dwp-more button { padding:8px 10px; border:0; background:#fff; text-align:left; font-size:13px; color:#344054; }
.dwp-more button:hover { background:#eff5ff; }
#developmentWorkbenchRoot .dwp-tabs { display:flex; align-items:stretch; flex:none; gap:20px; overflow-x:auto; padding:0 26px; border-bottom:1px solid #e7ebf2; min-height:50px; background:#fff; }
#developmentWorkbenchRoot .dwp-tabs button { border:0; border-bottom:3px solid transparent; background:transparent; color:#526079; font-size:14px; padding:12px 8px 10px; white-space:nowrap; font-weight:500; }
#developmentWorkbenchRoot .dwp-tabs button[aria-selected="true"] { color:#2563eb; border-bottom-color:#2563eb; font-weight:650; }
#developmentWorkbenchRoot .dwp-body { flex:1 1 0; min-height:0; overflow:auto; overscroll-behavior:contain; padding:22px 26px; scrollbar-width:thin; scrollbar-color:#c6ceda transparent; }
#developmentWorkbenchRoot .dwp-panel[hidden] { display:none !important; }
#developmentWorkbenchRoot .dwp-panel { min-width:0; }
#developmentWorkbenchRoot .dwp-footer { flex:none; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 26px; border-top:1px solid #e7ebf2; background:#fff; }
.dwp-footer > span { color:#8995a7; font-size:12px; }
#developmentWorkbenchRoot .dwp-page-title h3 { margin:0; font-size:20px; line-height:1.4; color:#142033; font-weight:650; }
#developmentWorkbenchRoot .dwp-page-title p { margin:5px 0 0; font-size:13px; color:#7c899c; }
.dwp-stages { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:0; margin:22px 0 24px; }
.dwp-stage { display:flex; flex-direction:column; align-items:center; position:relative; border:0; background:transparent; padding:0 8px; color:#253044; min-width:0; }
.dwp-stage:not(:last-child)::after { content:""; position:absolute; height:2px; background:#dfe5ef; left:calc(50% + 24px); right:calc(-50% + 24px); top:15px; }
.dwp-stage.is-done:not(:last-child)::after { background:#7097f5; }
.dwp-stage-node { width:32px; height:32px; display:grid; place-items:center; border:2px solid #c6d0df; border-radius:50%; background:#fff; color:#8996a9; font-size:13px; position:relative; z-index:1; }
.dwp-stage.is-done .dwp-stage-node { border-color:#2563eb; background:#2563eb; color:#fff; }
.dwp-stage.is-progress .dwp-stage-node { border-color:#2563eb; color:#2563eb; background:#eff5ff; }
.dwp-stage strong { font-size:13px; margin-top:7px; font-weight:600; }
.dwp-stage small { font-size:12px; margin-top:3px; color:#7c899c; overflow-wrap:anywhere; }
.dwp-stage.is-done small { color:#16a36b; }
.dwp-stage.is-progress small { color:#2563eb; }
.dwp-overview-columns { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:18px; align-items:start; }
.dwp-overview-columns > div { display:grid; gap:16px; min-width:0; }
#developmentWorkbenchRoot .dwp-card { padding:16px; border:1px solid #e4e9f1; border-radius:8px; background:#fff; min-width:0; }
#developmentWorkbenchRoot .dwp-card h3 { font-size:16px; font-weight:600; line-height:1.4; color:#18243a; margin:0 0 12px; }
.dwp-card-title { display:flex; justify-content:space-between; align-items:baseline; gap:12px; }
.dwp-todos { display:grid; gap:10px; }
.dwp-todo { display:flex; align-items:center; gap:12px; padding:12px; border:1px solid #e8edf4; border-radius:7px; min-width:0; }
.dwp-todo > div { flex:1; min-width:0; }
.dwp-todo strong { font-size:14px; font-weight:600; }
.dwp-todo p { font-size:13px; color:#7c899c; margin:4px 0 0; }
.dwp-todo-icon { display:grid; place-items:center; height:34px; width:34px; border-radius:7px; background:#eff5ff; color:#2563eb; flex:none; font-size:16px; }
.dwp-note { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.8; font-size:14px; margin:0 0 12px; color:#526079; }
.dwp-link { padding:0; border:0; background:transparent; font-size:12px; color:#2563eb; white-space:nowrap; }
.dwp-fact { display:flex; align-items:center; gap:12px; padding:9px 0; border-top:1px solid #edf0f4; font-size:13px; }
.dwp-fact > span { color:#526079; flex:0 0 80px; }
.dwp-fact strong { font-weight:500; flex:1; overflow-wrap:anywhere; }
.dwp-fact small { color:#7c899c; font-size:12px; }
.dwp-empty { margin:8px 0 0; color:#8b97a8; font-size:13px; line-height:1.7; }
.dwp-updates { list-style:none; margin:0; padding:0; }
.dwp-updates li { display:flex; gap:12px; padding:8px 0; font-size:13px; }
.dwp-updates time { color:#8995a7; flex:none; font-size:12px; }
.dwp-updates li > span { color:#526079; }
/* Present existing live section content with the window's readable scale. */
#developmentWorkbenchRoot .dwp-panel .dw-summary-module { margin:0; border:0; border-radius:0; box-shadow:none; background:#fff; overflow:visible; }
#developmentWorkbenchRoot .dwp-panel .dw-summary-module-head { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin:0 0 18px; padding:0 0 16px; border-bottom:1px solid #e7ebf2; background:#fff; }
#developmentWorkbenchRoot .dwp-panel .dw-summary-module-head h3 { font-size:19px; line-height:1.4; font-weight:650; margin:0; color:#142033; }
#developmentWorkbenchRoot .dwp-panel .dw-summary-module-head small { font-size:13px; line-height:1.6; color:#7c899c; }
#developmentWorkbenchRoot .dwp-panel .dw-summary-module-body { padding:0; }
#developmentWorkbenchRoot .dwp-panel .dw-summary-fact-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
#developmentWorkbenchRoot .dwp-panel .dw-summary-fact-grid > div,
#developmentWorkbenchRoot .dwp-panel .dw-summary-metrics > div { padding:12px; }
#developmentWorkbenchRoot .dwp-panel .dw-summary-fact-grid span,
#developmentWorkbenchRoot .dwp-panel .dw-summary-metrics span { font-size:12px; line-height:1.6; }
#developmentWorkbenchRoot .dwp-panel .dw-summary-fact-grid strong,
#developmentWorkbenchRoot .dwp-panel .dw-summary-metrics strong { font-size:14px; line-height:1.6; }
#developmentWorkbenchRoot .dwp-panel .dw-summary-metrics { grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-top:14px; }
#developmentWorkbenchRoot .dwp-panel .dw-summary-copy-block,
#developmentWorkbenchRoot .dwp-panel .dw-summary-material-block { padding:14px; margin-top:14px; }
#developmentWorkbenchRoot .dwp-panel h4 { font-size:14px; line-height:1.6; }
#developmentWorkbenchRoot .dwp-panel .dw-summary-copy-block p,
#developmentWorkbenchRoot .dwp-panel .dw-summary-copy-block strong,
#developmentWorkbenchRoot .dwp-panel .dw-summary-copy-block li { font-size:14px; line-height:1.8; }
#developmentWorkbenchRoot .dwp-panel .dw-summary-empty-text,
#developmentWorkbenchRoot .dwp-panel .dw-summary-notice { font-size:13px; line-height:1.7; }
#developmentWorkbenchRoot .dwp-panel .dw-summary-image-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; max-width:900px; }
#developmentWorkbenchRoot .dwp-panel .dw-image-slot-meta { font-size:12px; }
body.theme-dark #developmentWorkbenchRoot .dw-product-detail-window,
body.theme-dark #developmentWorkbenchRoot .dwp-header,
body.theme-dark #developmentWorkbenchRoot .dwp-tabs,
body.theme-dark #developmentWorkbenchRoot .dwp-footer,
body.theme-dark #developmentWorkbenchRoot .dwp-card,
body.theme-dark #developmentWorkbenchRoot .dwp-panel .dw-summary-module,
body.theme-dark #developmentWorkbenchRoot .dwp-panel .dw-summary-module-head { background:#182333; color:#e2e8f0; border-color:#354156; }
body.theme-dark #developmentWorkbenchRoot .dwp-title-line h2,
body.theme-dark #developmentWorkbenchRoot .dwp-page-title h3,
body.theme-dark #developmentWorkbenchRoot .dwp-card h3,
body.theme-dark #developmentWorkbenchRoot .dwp-panel .dw-summary-module-head h3 { color:#e2e8f0; }
@media(max-width:1000px) {
  #developmentWorkbenchRoot .dw-product-detail-layer { padding:12px; }
  #developmentWorkbenchRoot .dw-product-detail-window { width:96vw; height:92dvh; max-height:calc(100dvh - 24px); }
  #developmentWorkbenchRoot .dwp-header { padding:16px; gap:12px; }
  #developmentWorkbenchRoot .dwp-product > img { width:62px; height:62px; flex-basis:62px; }
  #developmentWorkbenchRoot .dwp-title-line h2 { font-size:18px; }
  #developmentWorkbenchRoot .dwp-tabs { padding:0 16px; gap:10px; }
  #developmentWorkbenchRoot .dwp-body { padding:18px 16px; }
  .dwp-overview-columns { grid-template-columns:1fr; }
  #developmentWorkbenchRoot .dwp-panel .dw-summary-fact-grid,
  #developmentWorkbenchRoot .dwp-panel .dw-summary-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:640px) {
  #developmentWorkbenchRoot .dw-product-detail-window { width:100%; height:96dvh; }
  .dwp-header-actions { gap:2px; }
  #developmentWorkbenchRoot .dwp-header-actions .dw-btn { min-width:34px; font-size:0; padding:6px; }
  #developmentWorkbenchRoot .dwp-header-actions .dw-btn i { font-size:14px; }
  #developmentWorkbenchRoot .dwp-product > img { display:none; }
  .dwp-meta { font-size:12px; gap:4px 10px; }
  .dwp-stages { grid-template-columns:repeat(3,minmax(0,1fr)); row-gap:16px; }
  .dwp-stage:nth-child(3)::after { display:none; }
  .dwp-todo { flex-wrap:wrap; }
  #developmentWorkbenchRoot .dwp-panel .dw-summary-image-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
}

#developmentWorkbenchRoot:has(.dw-product-detail-layer) .dw-list-collab-layer { z-index:12300; }