/* Xuanwu development workbench v2 — production-integrated dense table and contextual detail. */
:root {
  --dw-blue: #2563eb;
  --dw-blue-50: #eff6ff;
  --dw-blue-100: #dbeafe;
  --dw-green: #16a34a;
  --dw-green-50: #f0fdf4;
  --dw-orange: #ea580c;
  --dw-orange-50: #fff7ed;
  --dw-red: #dc2626;
  --dw-red-50: #fef2f2;
  --dw-text: #172033;
  --dw-muted: #667085;
  --dw-line: #e6eaf0;
  --dw-surface: #ffffff;
  --dw-canvas: #f7f9fc;
  --dw-shadow: 0 18px 48px rgba(15, 23, 42, 0.16);
}

#pickPool .pool-workbench.view-develop > .pool-library-bar,
#pickPool .pool-workbench.view-develop > .pool-workbench-toolbar,
#pickPool .pool-workbench.view-develop > .pool-table-card {
  display: none !important;
}

#pickPool .pool-workbench.view-develop {
  background: var(--dw-canvas);
  min-height: calc(100vh - 4.25rem);
}

#pickPool .pool-workbench.view-develop > .pool-workbench-tabs {
  background: #fff;
  border-bottom: 1px solid var(--dw-line);
  margin-bottom: 0;
}

#developmentWorkbenchRoot[hidden] { display: none !important; }

#developmentWorkbenchRoot {
  color: var(--dw-text);
  min-width: 0;
  min-height: calc(100vh - 8.25rem);
  background: var(--dw-canvas);
}

.dw-shell {
  max-width: 100%;
  padding: 1.125rem 1.25rem 1.75rem;
}

.dw-page-head,
.dw-detail-head-main,
.dw-filter-bar,
.dw-summary-row,
.dw-task-main,
.dw-modal-actions,
.dw-task-actions,
.dw-accept-state,
.dw-card-title,
.dw-product-line,
.dw-section-title,
.dw-upload-headline {
  display: flex;
  align-items: center;
}

.dw-page-head {
  justify-content: space-between;
  gap: 1rem;
  margin: 0 0 1rem;
}

.dw-shell:not(.dw-detail-shell) {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 1rem;
}

.dw-shell:not(.dw-detail-shell) > .dw-summary-row {
  grid-column: 1;
  grid-row: 1;
  min-width: 0;
}

.dw-page-head-actions-only {
  align-self: center;
  grid-column: 2;
  grid-row: 1;
  justify-content: flex-end;
  margin: 0;
}

.dw-selection-actions {
  align-items: center;
  background: #fff;
  border: 1px solid #dce3ed;
  border-radius: .55rem;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
  display: inline-flex;
  gap: .4rem;
  padding: .2rem;
}

.dw-selection-count {
  color: #667085;
  font-size: .75rem;
  padding: 0 .45rem;
  white-space: nowrap;
}

.dw-selection-count strong { color: #172033; font-size: .82rem; }
.dw-selection-actions .dw-btn { min-height: 2rem; padding: .38rem .62rem; }

.dw-shell:not(.dw-detail-shell) > .dw-card {
  grid-column: 1 / -1;
}

.dw-page-head h1,
.dw-detail-title h1 {
  color: var(--dw-text);
  font-size: 1.375rem;
  line-height: 1.35;
  margin: 0;
}

.dw-page-head p,
.dw-detail-title p {
  color: var(--dw-muted);
  font-size: .875rem;
  margin: .28rem 0 0;
}

.dw-btn {
  align-items: center;
  background: #fff;
  border: 1px solid #d7dee9;
  border-radius: .5rem;
  color: #344054;
  cursor: pointer;
  display: inline-flex;
  font-size: .8125rem;
  font-weight: 650;
  gap: .4rem;
  justify-content: center;
  min-height: 2.15rem;
  padding: .48rem .78rem;
  transition: .16s ease;
  white-space: nowrap;
}

.dw-btn:hover { border-color: #9db9f5; color: var(--dw-blue); transform: translateY(-1px); }
.dw-btn:disabled { cursor: default; opacity: .48; transform: none; }
.dw-btn.primary { background: var(--dw-blue); border-color: var(--dw-blue); color: #fff; }
.dw-btn.primary:hover { background: #1d4ed8; color: #fff; }
.dw-btn.soft { background: var(--dw-blue-50); border-color: var(--dw-blue-100); color: var(--dw-blue); }
.dw-btn.success { background: var(--dw-green-50); border-color: #bbf7d0; color: var(--dw-green); }
.dw-btn.danger { background: #fff; border-color: #fecaca; color: var(--dw-red); }
.dw-btn.dark { background: #172033; border-color: #172033; color: #fff; }
.dw-btn.icon-only { min-width: 2.15rem; padding-inline: .55rem; }

.dw-summary-row {
  align-items: center;
  align-self: start;
  background: #fff;
  border: 1px solid #dce3ed;
  border-radius: .72rem;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
  flex-wrap: wrap;
  gap: .2rem;
  margin-bottom: 1rem;
  max-width: 100%;
  padding: .24rem;
  width: fit-content;
}

.dw-summary-card {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: .52rem;
  color: #475467;
  cursor: pointer;
  display: flex;
  gap: .72rem;
  justify-content: space-between;
  min-height: 2.75rem;
  min-width: 7.5rem;
  padding: .58rem .72rem;
  transition: background-color .16s ease, color .16s ease, box-shadow .16s ease;
}

.dw-summary-card span {
  color: inherit;
  font-size: .875rem;
  font-weight: 700;
  white-space: nowrap;
}

.dw-summary-card strong {
  align-items: center;
  background: #f1f4f8;
  border-radius: 999px;
  color: #344054;
  display: inline-flex;
  font-size: .76rem;
  font-variant-numeric: tabular-nums;
  font-weight: 750;
  height: 1.45rem;
  justify-content: center;
  line-height: 1;
  min-width: 1.45rem;
  padding: 0 .38rem;
}

.dw-summary-card:hover {
  background: #f7f9fc;
  color: #1d2939;
}

.dw-summary-card.is-active {
  background: #edf4ff;
  box-shadow: inset 0 0 0 1px #b8cdf8;
  color: #175cd3;
}

.dw-summary-card.is-active strong {
  background: #fff;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .08);
  color: #175cd3;
}

.dw-summary-card:focus-visible {
  outline: 2px solid #84adff;
  outline-offset: 1px;
}

.dw-card {
  background: var(--dw-surface);
  border: 1px solid var(--dw-line);
  border-radius: .75rem;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .03);
}

.dw-filter-bar {
  gap: .65rem;
  padding: .85rem;
}

.dw-search {
  align-items: center;
  border: 1px solid #d7dee9;
  border-radius: .5rem;
  display: flex;
  gap: .55rem;
  min-width: 15rem;
  padding: 0 .72rem;
}

.dw-search i { color: #98a2b3; }
.dw-search input { border: 0; height: 2.3rem; min-width: 0; outline: 0; width: 100%; }
.dw-filter-bar select {
  background: #fff;
  border: 1px solid #d7dee9;
  border-radius: .5rem;
  color: #344054;
  height: 2.3rem;
  min-width: 7.5rem;
  padding: 0 1.9rem 0 .7rem;
}

.dw-table-wrap { border-top: 1px solid var(--dw-line); overflow: auto; position: relative; }
.dw-table { border-collapse: collapse; min-width: 89rem; width: 100%; }
.dw-table th {
  background: #f8fafc;
  color: #475467;
  font-size: .75rem;
  font-weight: 700;
  padding: .72rem .65rem;
  text-align: left;
  white-space: nowrap;
}
.dw-table td {
  border-top: 1px solid #edf0f4;
  color: #344054;
  font-size: .8rem;
  padding: .72rem .65rem;
  vertical-align: middle;
}
.dw-table tbody tr { cursor: pointer; transition: background .14s ease; }
.dw-table tbody tr:hover { background: #f8fbff; }
.dw-table tbody tr.dw-highlight { background: #eef5ff; box-shadow: inset 3px 0 0 var(--dw-blue); }

.dw-work-table tbody tr.dw-route-focused {
  background-color: #f1f7ff;
  box-shadow: inset 0 0 0 2px #159cf4, inset 0 0 0 3px rgba(21, 156, 244, .12);
}
.dw-work-table tbody tr.dw-route-focused:hover { background-color: #edf6ff; }
.dw-work-table tbody tr.dw-route-focused.is-route-arriving {
  animation: dwRouteRowMarquee 1s linear 5;
  background-color: #f1f7ff;
  background-image:
    linear-gradient(90deg, #159cf4 0 55%, transparent 55% 100%),
    linear-gradient(90deg, #60c5ff 0 55%, transparent 55% 100%),
    linear-gradient(0deg, #159cf4 0 55%, transparent 55% 100%),
    linear-gradient(0deg, #60c5ff 0 55%, transparent 55% 100%);
  background-position: 0 0, 0 100%, 0 0, 100% 0;
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  background-size: 22px 3px, 22px 3px, 3px 22px, 3px 22px;
  box-shadow: inset 0 0 0 1px rgba(21, 156, 244, .28), 0 0 1rem rgba(21, 156, 244, .18);
}
@keyframes dwRouteRowMarquee {
  to { background-position: 44px 0, -44px 100%, 0 -44px, 100% 44px; }
}
@media (prefers-reduced-motion: reduce) {
  .dw-work-table tbody tr.dw-route-focused.is-route-arriving { animation: none !important; }
}
.dw-product-line { gap: .65rem; min-width: 11rem; }
.dw-product-line img,
.dw-product-fallback { background: #f2f4f7; border-radius: .48rem; height: 3rem; object-fit: contain; width: 3rem; }
.dw-product-fallback { align-items: center; color: #98a2b3; display: flex; justify-content: center; }
.dw-product-line strong { color: var(--dw-text); display: block; font-size: .83rem; max-width: 10.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dw-product-line small { color: #667085; display: block; margin-top: .2rem; }

.dw-work-list-shell { overflow: hidden; }
.dw-work-card-list {
  background: #fff;
  border-top: 1px solid var(--dw-line);
  display: grid;
  gap: .9rem;
  padding: .95rem;
}
.dw-work-card {
  background: #f3f4f6;
  border: 1px solid transparent;
  border-radius: 1rem;
  overflow: hidden;
  padding: .95rem;
  position: relative;
  transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
}
.dw-work-card:hover { background: #f1f3f6; }
.dw-work-card.is-expanded { background: #f7faff; border-color: #bfdbfe; box-shadow: 0 .7rem 1.6rem rgba(37, 99, 235, .08); }
.dw-work-card.dw-highlight { border-color: #93b4f6; box-shadow: inset 3px 0 0 var(--dw-blue); }
.dw-work-card-watermark {
  color: #64748b;
  font-size: 1.18rem;
  font-weight: 800;
  letter-spacing: .02em;
  line-height: 1;
  opacity: .14;
  pointer-events: none;
  position: absolute;
  right: 1.3rem;
  top: 1.35rem;
  user-select: none;
  z-index: 0;
}
.dw-work-card-watermark.progress { color: #2563eb; }
.dw-work-card-watermark.done { color: #15803d; }
.dw-work-card-watermark.blocked { color: #dc2626; opacity: .19; }
.dw-work-card-head { align-items: center; display: flex; gap: 1rem; min-height: 3rem; padding-right: 7rem; position: relative; z-index: 1; }
.dw-work-product {
  align-items: center;
  background: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  display: flex;
  gap: .72rem;
  min-width: 0;
  padding: 0;
  text-align: left;
}
.dw-work-product:hover strong { color: var(--dw-blue); }
.dw-work-product:focus-visible { border-radius: .55rem; box-shadow: 0 0 0 3px rgba(37, 99, 235, .18); outline: 0; }
.dw-work-product > span { min-width: 0; }
.dw-work-product strong { color: #1f2937; display: block; font-size: .95rem; overflow: hidden; text-overflow: ellipsis; transition: color .15s ease; white-space: nowrap; }
.dw-work-product small { color: #7b8494; display: block; font-size: .75rem; margin-top: .22rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dw-work-card-image,
.dw-product-fallback.dw-work-card-image { background: #dce9f8; border-radius: .72rem; flex: 0 0 auto; height: 2.85rem; object-fit: contain; width: 2.85rem; }
.dw-work-card-facts { color: #98a2b3; display: flex; flex-wrap: wrap; font-size: .7rem; gap: .55rem; margin-left: auto; }
.dw-work-card-blocker { color: var(--dw-red); font-weight: 650; }
.dw-work-card-blocker i { margin-right: .28rem; }
.dw-work-stages { display: grid; gap: .65rem; grid-template-columns: repeat(6, minmax(0, 1fr)); margin-top: .8rem; position: relative; z-index: 1; }
.dw-work-stage {
  align-items: center;
  background: #fff;
  border: 1px solid #dfe3e8;
  border-radius: .75rem;
  color: #1f2937;
  cursor: pointer;
  display: flex;
  gap: .5rem;
  justify-content: flex-start;
  min-height: 3.35rem;
  min-width: 0;
  padding: .58rem .68rem;
  text-align: left;
  transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease, transform .15s ease;
}
.dw-work-stage:hover { border-color: #a8bce0; transform: translateY(-1px); }
.dw-work-stage:focus-visible { box-shadow: 0 0 0 3px rgba(37, 99, 235, .16); outline: 0; }
.dw-work-stage.is-active { background: #eff6ff; border-color: var(--dw-blue); box-shadow: 0 0 0 3px rgba(37, 99, 235, .1); }
.dw-work-stage.progress:not(.is-active) { background: #f8fbff; border-color: #bfdbfe; }
.dw-work-stage.done:not(.is-active) { background: #f0fdf4; border-color: #bbf7d0; }
.dw-work-stage > i:first-child { color: #374151; flex: 0 0 auto; font-size: .9rem; width: 1rem; }
.dw-work-stage.progress > i:first-child { color: #2563eb; }
.dw-work-stage.done > i:first-child { color: #15803d; }
.dw-work-stage-copy { align-items: center; display: inline-flex; flex-wrap: wrap; font-size: .79rem; gap: .2rem; min-width: 0; }
.dw-work-stage-copy strong { font-size: inherit; font-weight: 700; }
.dw-work-stage-copy > span { color: #9ca3af; }
.dw-work-stage-copy em { color: #4b5563; font-style: normal; font-weight: 550; }
.dw-work-stage-done { color: #16a34a !important; flex: 0 0 auto; font-size: .72rem !important; margin-left: auto; width: auto !important; }
.dw-work-task-panel { background: #fff; border: 1px solid #dbe5f2; border-radius: .78rem; margin-top: .75rem; overflow: hidden; padding: .75rem; position: relative; z-index: 1; }
.dw-work-task-panel-head { align-items: center; display: flex; gap: .68rem; }
.dw-work-task-panel-head > div:nth-child(2) { min-width: 8rem; }
.dw-work-task-panel-head > div:nth-child(2) > strong { color: #1f2937; display: block; font-size: .84rem; }
.dw-work-task-panel-head > div:nth-child(2) > span { align-items: center; color: #667085; display: flex; flex-wrap: wrap; font-size: .71rem; gap: .25rem; margin-top: .22rem; }
.dw-work-task-panel .dw-task-actions { margin-left: auto; }
.dw-work-task-panel .dw-purchase-state,
.dw-work-task-panel .dw-purchase-proof { margin-bottom: 0; }

.dw-status,
.dw-stage,
.dw-file-chip {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  font-size: .75rem;
  font-weight: 700;
  gap: .28rem;
  line-height: 1;
  padding: .35rem .52rem;
  white-space: nowrap;
}
.dw-status.pending { background: #f2f4f7; color: #667085; }
.dw-status.progress { background: #eff6ff; color: var(--dw-blue); }
.dw-status.done { background: var(--dw-green-50); color: var(--dw-green); }
.dw-status.blocked { background: var(--dw-red-50); color: var(--dw-red); }
.dw-stage { background: var(--dw-blue-50); color: var(--dw-blue); }
.dw-blocker { color: #d92d20; font-weight: 650; max-width: 8.5rem; }
.dw-blocker.none { color: #98a2b3; font-weight: 500; }
.dw-owner { align-items: center; display: flex; gap: .38rem; white-space: nowrap; }
.dw-owner b { align-items: center; background: #e8efff; border-radius: 50%; color: var(--dw-blue); display: flex; font-size: .68rem; height: 1.5rem; justify-content: center; width: 1.5rem; }
.dw-empty { color: #98a2b3; padding: 4rem 1rem; text-align: center; }
.dw-empty i { color: #cbd5e1; display: block; font-size: 2rem; margin-bottom: .7rem; }

.dw-detail-shell { padding-top: .85rem; }
.dw-back { background: transparent; border: 0; color: #475467; cursor: pointer; font-size: .82rem; margin: 0 0 .65rem; padding: .3rem 0; }
.dw-back:hover { color: var(--dw-blue); }
.dw-detail-head { padding: 1rem 1.1rem; }
.dw-detail-head-main { gap: .85rem; }
.dw-detail-hero-img,
.dw-detail-hero-fallback { background: #f2f4f7; border-radius: .65rem; height: 4.5rem; object-fit: contain; width: 4.5rem; }
.dw-detail-hero-fallback { align-items: center; color: #98a2b3; display: flex; justify-content: center; }
.dw-detail-title { min-width: 0; }
.dw-detail-meta { color: #667085; display: flex; flex-wrap: wrap; font-size: .78rem; gap: .75rem; margin-top: .48rem; }
.dw-detail-tags { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .55rem; }
.dw-detail-head-actions { display: flex; gap: .55rem; margin-left: auto; }
.dw-detail-tabs { border-bottom: 1px solid var(--dw-line); display: flex; gap: 1.2rem; margin-top: .85rem; padding: 0 .2rem; }
.dw-detail-tabs button { background: transparent; border: 0; color: #667085; cursor: pointer; font-size: .84rem; font-weight: 650; padding: .75rem .2rem; position: relative; }
.dw-detail-tabs button.active { color: var(--dw-blue); }
.dw-detail-tabs button.active::after { background: var(--dw-blue); border-radius: 2px 2px 0 0; bottom: -1px; content: ""; height: 3px; left: 0; position: absolute; right: 0; }
.dw-detail-grid { display: grid; gap: .9rem; grid-template-columns: minmax(0, 1.65fr) minmax(18rem, .72fr); margin-top: .9rem; }
.dw-detail-main { min-width: 0; }
.dw-context { align-self: start; position: sticky; top: .85rem; }
.dw-card-title { border-bottom: 1px solid var(--dw-line); justify-content: space-between; padding: .85rem 1rem; }
.dw-card-title h3 { color: var(--dw-text); font-size: .92rem; margin: 0; }
.dw-card-title small { color: #98a2b3; }

.dw-task-list { display: grid; gap: .65rem; padding: .8rem; }
.dw-task-row { border: 1px solid #e5eaf1; border-radius: .65rem; overflow: hidden; transition: border-color .16s ease, box-shadow .16s ease; }
.dw-task-row.is-expanded { border-color: #bfdbfe; box-shadow: 0 .45rem 1.2rem rgba(37, 99, 235, .07); }
.dw-task-toggle { align-items: center; background: #fff; border: 0; color: inherit; cursor: pointer; display: flex; gap: .75rem; padding: .8rem; text-align: left; width: 100%; }
.dw-task-toggle:hover { background: #fbfdff; }
.dw-task-toggle:focus-visible { box-shadow: inset 0 0 0 2px #93c5fd; outline: 0; }
.dw-task-main { gap: .75rem; }
.dw-task-icon { align-items: center; background: var(--dw-blue-50); border-radius: .55rem; color: var(--dw-blue); display: flex; flex: 0 0 auto; height: 2.5rem; justify-content: center; width: 2.5rem; }
.dw-task-icon.orange { background: var(--dw-orange-50); color: var(--dw-orange); }
.dw-task-icon.green { background: var(--dw-green-50); color: var(--dw-green); }
.dw-task-icon.violet { background: #f5f3ff; color: #7c3aed; }
.dw-task-copy { min-width: 9rem; }
.dw-task-copy strong { display: block; font-size: .86rem; }
.dw-task-copy span { color: #667085; display: block; font-size: .75rem; margin-top: .24rem; }
.dw-task-chevron { color: #98a2b3; font-size: .72rem; margin-left: auto; }
.dw-task-panel { background: #fbfdff; border-top: 1px solid #edf1f6; padding: .72rem .8rem .8rem 4.05rem; }
.dw-task-actions { flex-wrap: wrap; gap: .42rem; justify-content: flex-end; margin-left: auto; }
.dw-task-evidence { border-top: 1px dashed #e5e7eb; display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .68rem; padding-top: .6rem; }
.dw-file-chip { background: #f8fafc; color: #475467; font-weight: 550; max-width: 13rem; overflow: hidden; text-overflow: ellipsis; }
.dw-purchase-state { align-items: center; background: #f8fafc; border: 1px solid #e5eaf1; border-radius: .55rem; color: #475467; display: flex; gap: .65rem; margin-top: .7rem; padding: .72rem; }
.dw-purchase-state > i { color: var(--dw-blue); font-size: 1rem; }
.dw-purchase-state.error { background: #fff7ed; border-color: #fed7aa; }
.dw-purchase-state.error > i { color: #ea580c; }
.dw-purchase-state strong, .dw-purchase-state span { display: block; }
.dw-purchase-state strong { color: #344054; font-size: .78rem; }
.dw-purchase-state span { color: #667085; font-size: .72rem; margin-top: .15rem; }
.dw-purchase-proof { background: #fff; border: 1px solid #e5eaf1; border-radius: .6rem; margin-top: .7rem; overflow: hidden; }
.dw-purchase-proof.has-evidence { border-color: #bbf7d0; }
.dw-purchase-proof-head { align-items: center; background: #f8fafc; display: flex; gap: .75rem; justify-content: space-between; padding: .7rem .8rem; }
.dw-purchase-proof.has-evidence .dw-purchase-proof-head { background: #f0fdf4; }
.dw-purchase-proof-head div { align-items: center; display: flex; gap: .4rem; }
.dw-purchase-proof-head i { color: var(--dw-blue); }
.dw-purchase-proof.has-evidence .dw-purchase-proof-head i { color: var(--dw-green); }
.dw-purchase-proof.is-stale { border-color: #fdba74; }
.dw-purchase-proof.is-stale .dw-purchase-proof-head { background: #fff7ed; }
.dw-purchase-proof.is-stale .dw-purchase-proof-head i { color: #ea580c; }
.dw-purchase-proof.is-incomplete { border-color: #fdba74; }
.dw-purchase-proof.is-incomplete .dw-purchase-proof-head { background: #fff7ed; }
.dw-purchase-proof.is-incomplete .dw-purchase-proof-head i { color: #ea580c; }
.dw-purchase-proof-head strong { color: #344054; font-size: .78rem; }
.dw-purchase-proof-head > span { color: #667085; font-size: .69rem; }
.dw-purchase-summary { display: flex; flex-wrap: wrap; gap: .5rem; padding: .65rem .8rem 0; }
.dw-purchase-summary span { background: #f8fafc; border-radius: 999px; color: #667085; font-size: .69rem; padding: .28rem .55rem; }
.dw-purchase-summary strong { color: #344054; }
.dw-purchase-skus { display: flex; flex-wrap: wrap; gap: .35rem; padding: .55rem .8rem 0; }
.dw-purchase-skus span { background: #eff6ff; border-radius: .35rem; color: #1d4ed8; font-size: .67rem; padding: .24rem .42rem; }
.dw-purchase-stale { background: #fff7ed; border-top: 1px solid #fed7aa; color: #9a3412; font-size: .7rem; margin-top: .55rem; padding: .55rem .8rem; }
.dw-purchase-stale i { margin-right: .3rem; }
.dw-purchase-records { display: grid; gap: .42rem; padding: .65rem .8rem; }
.dw-purchase-record { align-items: center; border: 1px solid #edf1f6; border-radius: .48rem; display: flex; gap: .7rem; justify-content: space-between; padding: .58rem .65rem; }
.dw-purchase-record > div { min-width: 0; }
.dw-purchase-record > div:last-child { text-align: right; }
.dw-purchase-record strong, .dw-purchase-record small { display: block; }
.dw-purchase-record strong { color: #344054; font-size: .74rem; }
.dw-purchase-record small { color: #667085; font-size: .67rem; margin-top: .13rem; }
.dw-purchase-record small, .dw-purchase-skus span { overflow-wrap: anywhere; }
.dw-purchase-type { background: #fff7ed; border-radius: .3rem; color: #c2410c; display: inline-block; font-size: .62rem; margin-bottom: .2rem; padding: .16rem .3rem; }
.dw-purchase-type.order { background: #eff6ff; color: #1d4ed8; }
.dw-purchase-empty { color: #667085; font-size: .72rem; margin: 0; padding: .7rem .8rem; }
.dw-purchase-limit { background: #fffbeb; border-top: 1px solid #fde68a; color: #92400e; font-size: .68rem; padding: .5rem .8rem; }
.dw-purchase-limit i { margin-right: .3rem; }
.dw-purchase-completion { align-items: center; background: #f0fdf4; border-top: 1px solid #dcfce7; color: #166534; display: flex; gap: .4rem; padding: .58rem .8rem; }
.dw-purchase-completion i { color: #16a34a; }
.dw-purchase-completion strong { font-size: .72rem; }
.dw-purchase-completion span { color: #4b7760; font-size: .68rem; margin-left: auto; }
.dw-purchase-note { background: #f8fafc; border-top: 1px solid #edf1f6; color: #667085; font-size: .68rem; padding: .56rem .8rem; }
.dw-purchase-note i { color: #64748b; margin-right: .28rem; }
.dw-submit-bar { align-items: center; background: #f8fbff; border-top: 1px solid var(--dw-line); display: flex; gap: 1rem; justify-content: space-between; padding: .8rem 1rem; }
.dw-submit-bar span { color: #667085; font-size: .78rem; }

.dw-context-body { padding: .9rem 1rem 1rem; }
.dw-context-product { align-items: center; display: flex; gap: .7rem; padding-bottom: .8rem; }
.dw-context-product img,
.dw-context-product .dw-product-fallback { height: 3.3rem; width: 3.3rem; }
.dw-context-product strong { display: block; font-size: .86rem; }
.dw-context-product small { color: #667085; display: block; margin-top: .2rem; }
.dw-context-grid { display: grid; gap: .5rem; grid-template-columns: 1fr 1fr; }
.dw-context-field { background: #f8fafc; border-radius: .5rem; min-width: 0; padding: .62rem; }
.dw-context-field span { color: #7b8494; display: block; font-size: .68rem; margin-bottom: .2rem; }
.dw-context-field strong { color: #344054; display: block; font-size: .76rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dw-context-note { border-top: 1px solid var(--dw-line); margin-top: .75rem; padding-top: .75rem; }
.dw-context-note strong { font-size: .78rem; }
.dw-context-note p { color: #667085; font-size: .75rem; line-height: 1.6; margin: .35rem 0 0; }
.dw-context-checks { display: grid; gap: .48rem; margin-top: .75rem; }
.dw-context-check { align-items: center; border: 1px solid #e8ecf2; border-radius: .5rem; display: flex; gap: .55rem; padding: .58rem; }
.dw-context-check i { color: var(--dw-green); }
.dw-context-check div { min-width: 0; }
.dw-context-check strong { display: block; font-size: .74rem; }
.dw-context-check span { color: #667085; display: block; font-size: .68rem; margin-top: .16rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.dw-dossier { display: grid; gap: .7rem; padding: .8rem; }
.dw-dossier-card { border: 1px solid #e6eaf0; border-radius: .65rem; padding: .8rem; }
.dw-section-title { gap: .45rem; margin-bottom: .55rem; }
.dw-section-title i { color: var(--dw-blue); }
.dw-section-title strong { font-size: .84rem; }
.dw-dossier-card p { color: #5f6b7a; font-size: .77rem; line-height: 1.65; margin: 0; white-space: pre-wrap; }
.dw-dossier-kv { display: grid; gap: .5rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.dw-dossier-kv div { background: #f8fafc; border-radius: .5rem; padding: .62rem; }
.dw-dossier-kv span { color: #7b8494; display: block; font-size: .68rem; }
.dw-dossier-kv strong { display: block; font-size: .76rem; margin-top: .2rem; word-break: break-word; }
.dw-collab-cards { display: grid; gap: .7rem; grid-template-columns: 1fr 1fr; padding: .8rem; }
.dw-collab-card { border: 1px solid #e6eaf0; border-radius: .65rem; padding: .9rem; }
.dw-collab-card h4 { font-size: .86rem; margin: 0 0 .45rem; }
.dw-collab-card p { color: #667085; font-size: .75rem; line-height: 1.55; min-height: 2.4rem; }

.dw-modal-layer {
  align-items: center;
  background: rgba(15, 23, 42, .48);
  display: none;
  inset: 0;
  justify-content: center;
  padding: 1.25rem;
  position: fixed;
  z-index: 12050;
}
.dw-modal-layer.open { display: flex; }
.dw-modal {
  background: #fff;
  border-radius: .8rem;
  box-shadow: var(--dw-shadow);
  max-height: calc(100vh - 2.5rem);
  overflow: auto;
  width: min(58rem, 100%);
}
.dw-modal.small { width: min(39rem, 100%); }
.dw-modal-head { align-items: flex-start; border-bottom: 1px solid var(--dw-line); display: flex; justify-content: space-between; padding: 1rem 1.15rem; }
.dw-modal-head h2 { color: var(--dw-text); font-size: 1.12rem; margin: 0; }
.dw-modal-head p { color: #667085; font-size: .78rem; margin: .28rem 0 0; }
.dw-modal-close { background: transparent; border: 0; color: #667085; cursor: pointer; font-size: 1.05rem; padding: .2rem; }
.dw-modal-body { padding: 1rem 1.15rem; }
.dw-modal-actions { border-top: 1px solid var(--dw-line); gap: .55rem; justify-content: flex-end; padding: .85rem 1.15rem; }

.dw-image-viewer-layer {
  align-items: center;
  background: rgba(15, 23, 42, .76);
  display: none;
  inset: 0;
  justify-content: center;
  padding: 1rem;
  position: fixed;
  z-index: 12650;
}
.dw-image-viewer-layer.open { display: flex; }
.dw-image-viewer {
  background: #fff;
  border: 1px solid rgba(255, 255, 255, .7);
  border-radius: 1rem;
  box-shadow: 0 2rem 5rem rgba(15, 23, 42, .36);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  height: min(94vh, 60rem);
  max-width: 96vw;
  overflow: hidden;
  width: min(92rem, 96vw);
}
.dw-image-viewer-head {
  align-items: center;
  border-bottom: 1px solid #e5eaf1;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  min-height: 3.75rem;
  padding: .65rem .85rem .65rem 1rem;
}
.dw-image-viewer-title { min-width: 0; }
.dw-image-viewer-title h2 { color: #101828; font-size: 1rem; line-height: 1.4; margin: 0; }
.dw-image-viewer-title p { color: #667085; font-size: .72rem; margin: .18rem 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dw-image-viewer-head-actions { align-items: center; display: flex; flex: 0 0 auto; gap: .6rem; }
.dw-image-viewer-count { background: #eff6ff; border-radius: 999px; color: #2563eb; font-size: .75rem; font-weight: 800; min-width: 3.5rem; padding: .35rem .65rem; text-align: center; }
.dw-image-viewer-close {
  align-items: center;
  background: #f2f4f7;
  border: 0;
  border-radius: .55rem;
  color: #344054;
  display: inline-flex;
  font-size: 1rem;
  height: 2.35rem;
  justify-content: center;
  padding: 0;
  width: 2.35rem;
}
.dw-image-viewer-close:hover { background: #e4e7ec; }
.dw-image-viewer-stage {
  align-items: stretch;
  display: grid;
  gap: .75rem;
  grid-template-columns: 3.5rem minmax(0, 1fr) 3.5rem;
  min-height: 0;
  padding: .75rem 1rem .55rem;
}
.dw-image-viewer-canvas {
  align-items: center;
  background: #f8fafc;
  border: 1px solid #e4e9f0;
  border-radius: .8rem;
  display: flex;
  justify-content: center;
  min-height: 0;
  overflow: hidden;
  padding: .5rem;
}
.dw-image-viewer-canvas img { display: block; height: 100%; object-fit: contain; width: 100%; }
.dw-image-viewer-nav {
  align-items: center;
  align-self: center;
  background: #fff;
  border: 1px solid #d9e1eb;
  border-radius: .7rem;
  color: #344054;
  display: inline-flex;
  font-size: 1.15rem;
  height: 5rem;
  justify-content: center;
  padding: 0;
  transition: background-color .16s ease, border-color .16s ease, color .16s ease, opacity .16s ease;
  width: 3.5rem;
}
.dw-image-viewer-nav:hover:not(:disabled) { background: #eff6ff; border-color: #93b4f7; color: #2563eb; }
.dw-image-viewer-nav:disabled { cursor: default; opacity: .28; }
.dw-image-viewer-strip {
  border-top: 1px solid #e5eaf1;
  display: flex;
  gap: .6rem;
  min-height: 6.75rem;
  overflow-x: auto;
  padding: .7rem 1rem .85rem;
  scrollbar-color: #cbd5e1 transparent;
  scrollbar-width: thin;
}
.dw-image-viewer-thumb {
  appearance: none;
  background: #fff;
  border: 1px solid #dfe5ed;
  border-radius: .65rem;
  color: #475467;
  display: grid;
  flex: 0 0 6rem;
  gap: .28rem;
  grid-template-rows: 4rem auto;
  min-width: 0;
  padding: .3rem;
  text-align: left;
}
.dw-image-viewer-thumb img { background: #f8fafc; border-radius: .42rem; height: 4rem; object-fit: contain; width: 100%; }
.dw-image-viewer-thumb span { font-size: .66rem; font-weight: 700; overflow: hidden; padding: 0 .12rem .08rem; text-overflow: ellipsis; white-space: nowrap; }
.dw-image-viewer-thumb:hover { border-color: #93b4f7; }
.dw-image-viewer-thumb.is-active { border-color: #2563eb; box-shadow: 0 0 0 2px rgba(37, 99, 235, .13); color: #175cd3; }
.dw-image-viewer-close:focus-visible,
.dw-image-viewer-nav:focus-visible,
.dw-image-viewer-thumb:focus-visible { outline: 2px solid #60a5fa; outline-offset: 2px; }

@media (max-width: 760px) {
  .dw-image-viewer-layer { padding: .35rem; }
  .dw-image-viewer { border-radius: .75rem; height: calc(100vh - .7rem); max-width: 100%; width: 100%; }
  .dw-image-viewer-head { min-height: 3.4rem; padding: .55rem .65rem; }
  .dw-image-viewer-title p { display: none; }
  .dw-image-viewer-stage { gap: .35rem; grid-template-columns: 2.5rem minmax(0, 1fr) 2.5rem; padding: .5rem; }
  .dw-image-viewer-nav { border-radius: .55rem; height: 4rem; width: 2.5rem; }
  .dw-image-viewer-strip { gap: .45rem; min-height: 5.8rem; padding: .55rem .65rem .7rem; }
  .dw-image-viewer-thumb { flex-basis: 5rem; grid-template-rows: 3.35rem auto; }
  .dw-image-viewer-thumb img { height: 3.35rem; }
}

.dw-launch-grid { display: grid; gap: .9rem; grid-template-columns: 1.05fr .95fr; }
.dw-launch-panel { border: 1px solid #e5eaf1; border-radius: .65rem; padding: .9rem; }
.dw-launch-panel h3 { font-size: .88rem; margin: 0 0 .75rem; }
.dw-source-product { align-items: center; border-bottom: 1px solid #edf0f4; display: flex; gap: .75rem; margin-bottom: .8rem; padding-bottom: .8rem; }
.dw-source-product img,
.dw-source-product .dw-product-fallback { height: 4.3rem; width: 4.3rem; }
.dw-source-product strong { display: block; font-size: .9rem; }
.dw-source-product small { color: #667085; display: block; margin-top: .2rem; }
.dw-form-grid { display: grid; gap: .62rem; grid-template-columns: 1fr 1fr; }
.dw-field { display: block; }
.dw-field.full { grid-column: 1 / -1; }
.dw-field > span { color: #475467; display: block; font-size: .72rem; font-weight: 650; margin-bottom: .3rem; }
.dw-field input,
.dw-field select,
.dw-field textarea { border: 1px solid #d7dee9; border-radius: .48rem; font: inherit; font-size: .8rem; outline: 0; padding: .58rem .65rem; width: 100%; }
.dw-field textarea { line-height: 1.55; min-height: 6.5rem; resize: vertical; }
.dw-field input:focus,
.dw-field select:focus,
.dw-field textarea:focus { border-color: #84a9f5; box-shadow: 0 0 0 3px rgba(37, 99, 235, .1); }
.dw-field input[readonly] { background: #f7f9fc; color: #475467; cursor: default; }
.dw-field input[readonly]:focus { border-color: #d7dee9; box-shadow: none; }
.dw-fixed-field-note { color: #98a2b3; float: right; font-size: .66rem; font-weight: 500; }
.dw-fixed-field-note i { font-size: .6rem; margin-right: .2rem; }
.dw-fixed-list { border: 2px solid #38a8ff; border-radius: .55rem; overflow: hidden; }
.dw-fixed-item { align-items: center; border-bottom: 1px solid #edf0f4; display: flex; gap: .58rem; min-height: 2.75rem; padding: .65rem .75rem; }
.dw-fixed-item:last-child { border-bottom: 0; }
.dw-fixed-item i { color: var(--dw-blue); }
.dw-fixed-item span { font-size: .8rem; font-weight: 650; }
.dw-fixed-item small { color: #667085; margin-left: auto; }
.dw-rule-note { background: #f8fafc; border-radius: .55rem; color: #667085; font-size: .74rem; line-height: 1.55; margin-top: .7rem; padding: .7rem; }
.dw-rule-note strong { color: #344054; display: block; margin-bottom: .2rem; }

.dw-upload-tabs { display: flex; gap: .45rem; margin-bottom: .8rem; }
.dw-upload-tabs button { background: #f8fafc; border: 1px solid #e3e8ef; border-radius: .45rem; color: #667085; cursor: pointer; font-size: .78rem; padding: .48rem .7rem; }
.dw-upload-tabs button.active { background: var(--dw-blue-50); border-color: #9ec0ff; color: var(--dw-blue); font-weight: 700; }
.dw-dropzone { align-items: center; background: #fbfdff; border: 1.5px dashed #a9b8ca; border-radius: .6rem; cursor: pointer; display: flex; flex-direction: column; gap: .4rem; justify-content: center; min-height: 8rem; padding: 1rem; text-align: center; }
.dw-dropzone:hover { background: #f5f9ff; border-color: var(--dw-blue); }
.dw-dropzone i { color: var(--dw-blue); font-size: 1.45rem; }
.dw-dropzone strong { font-size: .82rem; }
.dw-dropzone span { color: #7b8494; font-size: .72rem; }
.dw-upload-list { display: grid; gap: .42rem; margin-top: .65rem; }
.dw-upload-file { align-items: center; background: #f8fafc; border-radius: .45rem; display: flex; font-size: .74rem; gap: .48rem; padding: .5rem .6rem; }
.dw-upload-file i { color: var(--dw-blue); }
.dw-upload-file span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dw-upload-file small { color: #98a2b3; margin-left: auto; }
.dw-upload-file button { background: transparent; border: 0; color: #98a2b3; cursor: pointer; }
.dw-image-previews { display: grid; gap: .55rem; grid-template-columns: repeat(5, minmax(0, 1fr)); margin-top: .7rem; }
.dw-image-preview { aspect-ratio: 1; background: #f4f6f8; border-radius: .48rem; overflow: hidden; position: relative; }
.dw-image-preview img { height: 100%; object-fit: contain; width: 100%; }
.dw-image-preview small { background: rgba(17, 24, 39, .72); border-radius: .25rem; bottom: .3rem; color: #fff; font-size: .62rem; left: .3rem; padding: .18rem .28rem; position: absolute; }
.dw-upload-hint { background: var(--dw-blue-50); border-radius: .5rem; color: #4b6391; font-size: .73rem; line-height: 1.55; margin-top: .75rem; padding: .62rem .7rem; }

.dw-drawer-layer { align-items: stretch; justify-content: flex-end; padding: 0; }
.dw-drawer {
  background: #fff;
  box-shadow: -18px 0 48px rgba(15, 23, 42, .18);
  display: flex;
  flex-direction: column;
  height: 100%;
  max-width: 100%;
  overflow: hidden;
  width: 31rem;
}
.dw-drawer .dw-modal-head { flex: 0 0 auto; }
.dw-drawer .dw-modal-body { flex: 1 1 auto; overflow: auto; }
.dw-drawer .dw-modal-actions { flex: 0 0 auto; }
.dw-accept-list { display: grid; gap: .5rem; }
.dw-accept-item { background: #fff; border: 1px solid #e5eaf1; border-radius: .55rem; overflow: hidden; transition: border-color .16s ease, box-shadow .16s ease, background .16s ease; }
.dw-accept-item.is-open { background: #fbfdff; border-color: #b9ccff; box-shadow: 0 0 0 2px rgba(37, 99, 235, .07); }
.dw-accept-state { background: transparent; border: 0; color: inherit; cursor: pointer; display: flex; font: inherit; gap: .65rem; padding: .72rem; text-align: left; width: 100%; }
.dw-accept-state > i:first-child { color: var(--dw-blue); font-size: 1.05rem; width: 1.2rem; }
.dw-accept-state strong { font-size: .8rem; }
.dw-accept-state .dw-status { margin-left: auto; }
.dw-accept-state:focus-visible { box-shadow: inset 0 0 0 2px rgba(37, 99, 235, .2); outline: 0; }
.dw-accept-chevron { color: #98a2b3; flex: 0 0 auto; font-size: .62rem; margin-left: .05rem; transition: transform .16s ease; width: auto; }
.dw-accept-item.is-open .dw-accept-chevron { transform: rotate(180deg); }
.dw-accept-actions { align-items: center; display: flex; flex-wrap: wrap; gap: .45rem; padding: 0 .72rem .72rem 2.55rem; }
.dw-accept-actions[hidden] { display: none; }
.dw-accept-actions .dw-btn { min-height: 2rem; padding: .35rem .65rem; font-size: .7rem; }
.dw-accept-summary { background: #f5f8ff; border: 1px solid #d8e4fb; border-radius: .58rem; color: #526a96; font-size: .74rem; line-height: 1.65; margin: .75rem 0 0; padding: .72rem .76rem; }
.dw-accept-summary strong { color: #344b78; }
.dw-system-check { background: var(--dw-green-50); border: 1px solid #b7e9c4; border-radius: .6rem; margin-top: .9rem; padding: .8rem; }
.dw-system-check strong { color: var(--dw-green); display: block; font-size: .82rem; }
.dw-system-check p { color: #548064; font-size: .72rem; line-height: 1.55; margin: .3rem 0 0; }
.dw-incomplete-note { background: var(--dw-orange-50); border: 1px solid #fed7aa; border-radius: .55rem; color: #9a4b12; font-size: .74rem; line-height: 1.55; margin-top: .75rem; padding: .65rem; }

#copy .dw-copy-shell { background: var(--dw-canvas); min-height: calc(100vh - 7rem); padding: 1.1rem; }
.dw-copy-head { align-items: center; display: flex; gap: .85rem; justify-content: space-between; margin-bottom: .9rem; }
.dw-copy-head-left { align-items: center; display: flex; gap: .75rem; }
.dw-copy-head h2 { font-size: 1.18rem; margin: 0; }
.dw-copy-head p { color: #667085; font-size: .78rem; margin: .2rem 0 0; }
.dw-copy-grid { display: grid; gap: .9rem; grid-template-columns: minmax(15rem, .65fr) minmax(0, 1.55fr); }
.dw-copy-product { padding: .9rem; }
.dw-copy-product .dw-context-product { border-bottom: 1px solid var(--dw-line); }
.dw-copy-tabs { border-bottom: 1px solid var(--dw-line); display: flex; gap: .45rem; padding: .75rem .9rem 0; }
.dw-copy-tabs button { background: transparent; border: 0; border-bottom: 3px solid transparent; color: #667085; cursor: pointer; font-size: .82rem; font-weight: 650; padding: .55rem .75rem; }
.dw-copy-tabs button.active { border-bottom-color: var(--dw-blue); color: var(--dw-blue); }
.dw-copy-editor { padding: .9rem; }
.dw-copy-editor .dw-field + .dw-field { margin-top: .7rem; }
.dw-copy-actions { align-items: center; border-top: 1px solid var(--dw-line); display: flex; gap: .55rem; justify-content: flex-end; margin-top: .8rem; padding-top: .8rem; }
.dw-copy-tip { background: var(--dw-blue-50); border-radius: .5rem; color: #4b6391; font-size: .73rem; line-height: 1.55; margin-top: .7rem; padding: .65rem; }

@media (max-width: 1180px) {
  .dw-summary-row { flex-wrap: wrap; }
  .dw-detail-grid { grid-template-columns: 1fr; }
  .dw-context { position: static; }
  .dw-launch-grid { grid-template-columns: 1fr; }
}

@media (max-width: 900px) {
  .dw-work-stages { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .dw-shell { padding: .8rem; }
  .dw-page-head { align-items: flex-start; flex-direction: column; }
  .dw-shell:not(.dw-detail-shell) { grid-template-columns: 1fr; }
  .dw-page-head-actions-only { align-items: stretch; flex-direction: column-reverse; grid-column: 1; grid-row: 2; margin-bottom: 1rem; width: 100%; }
  .dw-page-head-actions-only > .dw-btn { width: 100%; }
  .dw-selection-actions { justify-content: space-between; width: 100%; }
  .dw-return-undo-toast { bottom: .75rem; width: calc(100vw - 1rem); }
  .dw-return-undo-toast > span { flex: 1 1 auto; }
  .dw-filter-bar { align-items: stretch; flex-direction: column; }
  .dw-search { min-width: 0; }
  .dw-filter-bar select { width: 100%; }
  .dw-work-card-list { gap: .75rem; padding: .75rem; }
  .dw-work-card { padding: .78rem; }
  .dw-work-card-head { align-items: flex-start; padding-right: 5.25rem; }
  .dw-work-card-facts { display: none; }
  .dw-work-card-watermark { font-size: 1rem; right: .85rem; top: 1.05rem; }
  .dw-work-stages { gap: .5rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dw-work-stage { min-height: 3rem; padding: .52rem .58rem; }
  .dw-work-task-panel-head { align-items: flex-start; flex-wrap: wrap; }
  .dw-work-task-panel .dw-task-actions { justify-content: flex-start; margin-left: 0; width: 100%; }
  .dw-work-task-panel .dw-task-actions .dw-btn { flex: 1 1 auto; min-height: 2.75rem; }
  .dw-detail-head-main { align-items: flex-start; flex-wrap: wrap; }
  .dw-detail-head-actions { margin-left: 0; width: 100%; }
  .dw-task-main { align-items: flex-start; flex-wrap: wrap; }
  .dw-task-panel { padding-left: .8rem; }
  .dw-task-actions { justify-content: flex-start; margin-left: 0; width: 100%; }
  .dw-task-actions .dw-btn { min-height: 2.75rem; }
  .dw-purchase-proof-head, .dw-purchase-record { align-items: flex-start; flex-direction: column; }
  .dw-purchase-record > div:last-child { text-align: left; }
  .dw-purchase-completion { align-items: flex-start; flex-wrap: wrap; }
  .dw-purchase-completion span { margin-left: 0; width: 100%; }
  .dw-form-grid,
  .dw-dossier-kv,
  .dw-context-grid,
  .dw-collab-cards { grid-template-columns: 1fr; }
  .dw-image-previews { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .dw-copy-grid { grid-template-columns: 1fr; }
  .dw-copy-head { align-items: flex-start; flex-direction: column; }
  .dw-modal-layer { padding: .6rem; }
}

/* v2 list: dense table with a viewport-level contextual drawer. */
#pickPool .pool-workbench.view-develop > #developmentWorkbenchRoot {
  animation: none !important;
  transform: none !important;
}
.dw-list-body {
  align-items: start;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  min-width: 0;
}
.dw-list-body.has-rail { grid-template-columns: minmax(0, 1fr); }
.dw-work-table-wrap { border-top: 1px solid var(--dw-line); min-width: 0; }
.dw-work-table { min-width: 88rem; table-layout: fixed; }
.dw-work-table th { background: #f8fafc; color: #475467; font-size: .78rem; height: 3.6rem; padding: .75rem 1rem; }
.dw-work-table td { height: 8.5rem; padding: 1rem; vertical-align: middle; }
.dw-work-table th:nth-child(1), .dw-work-table td:nth-child(1) { width: 3.1rem; }
.dw-work-table th:nth-child(2), .dw-work-table td:nth-child(2) { width: 3.4rem; }
.dw-work-table th:nth-child(3), .dw-work-table td:nth-child(3) { width: 17.5rem; }
.dw-work-table th:nth-child(4), .dw-work-table td:nth-child(4) { width: 39rem; }
.dw-work-table th:nth-child(4) { text-align: center; }
.dw-work-table th:nth-child(5), .dw-work-table td:nth-child(5) { width: 10rem; text-align: left; }
.dw-work-table th:nth-child(6), .dw-work-table td:nth-child(6) { width: 7rem; }
.dw-work-table th:nth-child(7), .dw-work-table td:nth-child(7) { width: 8.5rem; }
.dw-work-table tbody tr { cursor: default; }
.dw-work-table tbody tr.is-selected { background: #f3f7ff; box-shadow: inset 3px 0 0 #8fb1ff; }
.dw-work-table tbody tr.is-selected:hover { background: #edf4ff; }
.dw-work-table button { font-family: inherit; }
.dw-select-col,
.dw-select-cell,
.dw-index-col,
.dw-index-cell { text-align: center !important; }
.dw-row-select {
  accent-color: var(--dw-blue);
  cursor: pointer;
  height: 1rem;
  margin: 0;
  min-height: 0;
  width: 1rem;
}
.dw-row-select:disabled { cursor: not-allowed; opacity: .38; }
.dw-index-col { color: #98a2b3 !important; font-weight: 600; }
.dw-index-cell { color: #667085 !important; font-variant-numeric: tabular-nums; }
.dw-product-cell { overflow: hidden; position: relative; }
.dw-product-line > span:last-child {
  align-self: stretch;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  isolation: isolate;
  justify-content: center;
  min-width: 0;
  position: relative;
}
.dw-product-line > span:last-child > strong,
.dw-product-line > span:last-child > small {
  position: relative;
  z-index: 1;
}
.dw-product-watermark {
  align-self: flex-start;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  color: rgba(71, 85, 105, .26);
  display: block;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 900;
  letter-spacing: .04em;
  line-height: 1;
  margin: .58rem 0 0 .12rem;
  min-height: 0;
  min-width: 0;
  opacity: 1;
  padding: 0;
  pointer-events: none;
  position: static;
  transform: rotate(-6deg);
  transform-origin: left center;
  user-select: none;
  white-space: nowrap;
  z-index: 0;
}
.dw-product-watermark.pending,
.dw-product-watermark.progress,
.dw-product-watermark.done {
  color: rgba(71, 85, 105, .26);
}
.dw-product-watermark.is-mine {
  color: #f97316;
}
.dw-product-line {
  background: transparent;
  border: 0;
  color: inherit;
  cursor: pointer;
  gap: .62rem;
  max-width: 100%;
  min-width: 0;
  padding: 0;
  position: relative;
  text-align: left;
  z-index: 1;
}
.dw-product-line img,
.dw-product-line .dw-product-fallback { background: #eef3f8; border-radius: .7rem; flex: 0 0 auto; height: 5.15rem; object-fit: contain; width: 5.15rem; }
.dw-product-line > span:last-child { min-width: 0; }
.dw-product-line strong { display: block; font-size: .9rem; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dw-product-line small { color: #718096; display: block; font-size: .72rem; margin-top: .28rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dw-product-line:hover strong { color: var(--dw-blue); }
.dw-priority-stars {
  align-items: center;
  align-self: flex-start;
  display: inline-flex;
  gap: 1px;
  height: 19px;
  line-height: 19px;
  margin-top: 4px;
  position: relative;
  user-select: none;
  z-index: 2;
}
.dw-priority-star {
  align-items: center;
  color: #d0d5dd;
  cursor: pointer;
  display: inline-flex;
  font-size: 12px;
  height: 19px;
  justify-content: center;
  transition: color .14s ease, transform .14s ease;
  width: 15px;
}
.dw-priority-star.is-active { color: #f59e0b; }
.dw-priority-stars:not(.is-saving):hover .dw-priority-star { color: #f59e0b; }
.dw-priority-stars:not(.is-saving) .dw-priority-star:hover ~ .dw-priority-star { color: #d0d5dd; }
.dw-priority-star:active { transform: scale(.86); }
.dw-priority-stars.is-saving { opacity: .5; pointer-events: none; }
.dw-progress-cell { padding: .8rem 1rem !important; }
.dw-progress-track {
  align-items: stretch;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  min-height: 5.4rem;
  position: relative;
}
.dw-progress-stage {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: .45rem;
  color: #667085;
  cursor: pointer;
  display: grid;
  font-family: inherit;
  gap: .4rem;
  grid-template-rows: 1.25rem 1.625rem 1.25rem;
  justify-items: center;
  min-width: 0;
  padding: .35rem .2rem;
  position: relative;
  text-align: center;
  z-index: 1;
}
.dw-progress-stage:not(:last-child)::after {
  background: #e1e5ec;
  content: "";
  height: 2px;
  left: calc(50% + .8125rem);
  position: absolute;
  right: calc(-50% + .8125rem);
  top: 2.8rem;
  z-index: -1;
}
.dw-progress-stage.done:not(:last-child)::after { background: #a9adb7; }
.dw-progress-stage:hover .dw-progress-label,
.dw-progress-stage.is-active .dw-progress-label { color: var(--dw-blue); }
.dw-progress-stage:hover .dw-progress-node,
.dw-progress-stage.is-active .dw-progress-node { color: var(--dw-blue); }
.dw-progress-stage:focus-visible { box-shadow: 0 0 0 2px rgba(37, 99, 235, .2); outline: 0; }
.dw-progress-label {
  color: #344054;
  font-size: .78rem;
  font-weight: 650;
  line-height: 1.2;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dw-progress-node {
  align-items: center;
  background: #fff;
  color: #d0d5dd;
  display: inline-flex;
  font-size: 1.625rem;
  justify-content: center;
  line-height: 1;
  padding: 0 .28rem;
}
.dw-progress-stage.done .dw-progress-node { color: #172033; }
.dw-progress-stage.current .dw-progress-node,
.dw-progress-stage.current .dw-progress-label,
.dw-progress-stage.is-active .dw-progress-node { color: var(--dw-blue); }
.dw-progress-detail {
  color: #98a2b3;
  font-size: .72rem;
  line-height: 1.2;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dw-progress-stage.current .dw-progress-detail,
.dw-progress-stage.is-active .dw-progress-detail { color: var(--dw-blue); }
.dw-table-stage,
.dw-collaboration-cell {
  align-items: flex-start;
  background: transparent;
  border: 0;
  border-radius: .45rem;
  color: #475467;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  font-size: .72rem;
  gap: .18rem;
  justify-content: center;
  min-height: 2.8rem;
  padding: .35rem .42rem;
  text-align: left;
  width: 100%;
}
.dw-table-stage:hover,
.dw-collaboration-cell:hover,
.dw-table-stage.is-active { background: #eff6ff; color: var(--dw-blue); }
.dw-table-stage {
  align-items: flex-start;
  background: transparent;
  border-radius: .45rem;
  display: flex;
  flex-direction: column;
  gap: .16rem;
  min-height: 2.8rem;
  padding: .35rem .42rem;
  text-align: left;
  width: 100%;
}
.dw-table-stage strong {
  color: var(--dw-blue);
  font-size: .72rem;
  font-weight: 700;
  line-height: 1.35;
  white-space: nowrap;
}
.dw-table-stage small {
  color: #98a2b3;
  font-size: .64rem;
  line-height: 1.35;
  white-space: nowrap;
}
.dw-table-stage.done strong { color: #101828; }
.dw-table-stage.pending strong { color: var(--dw-blue); }
.dw-table-stage.is-active { box-shadow: 0 0 0 2px rgba(37, 99, 235, .18); }
.dw-collaboration-cell {
  align-items: center;
  border: 1px solid transparent;
  flex-direction: row;
  gap: .55rem;
  justify-content: flex-start;
  min-height: 3rem;
  padding: .3rem .38rem;
}
.dw-collaboration-cell:hover { border-color: #d7e4fb; background: #f5f9ff; }
.dw-collab-avatar-stack { align-items: center; display: inline-flex; flex: 0 0 auto; padding-left: .1rem; }
.dw-collab-avatar {
  align-items: center;
  background: #eaf2ff;
  border: 2px solid #fff;
  border-radius: 999px;
  color: #3970d8;
  display: inline-flex;
  font-size: .58rem;
  height: 1.55rem;
  justify-content: center;
  margin-left: -.42rem;
  width: 1.55rem;
}
.dw-collab-avatar:first-child { margin-left: 0; }
.dw-collab-avatar.is-more { background: #dce9ff; font-size: .55rem; font-weight: 800; }
.dw-collab-avatar-stack.is-self .dw-collab-avatar { background: #f1f5f9; color: #94a3b8; }
.dw-collab-copy { display: grid; gap: .08rem; min-width: 0; overflow: hidden; text-align: left; }
.dw-collab-copy strong { color: #344054; font-size: .7rem; line-height: 1.25; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dw-collab-copy small { color: #7c8799; font-size: .62rem; line-height: 1.2; }
.dw-collab-empty { align-items: center; color: #2563eb; display: inline-flex; font-size: .69rem; font-weight: 700; gap: .4rem; white-space: nowrap; }
.dw-collab-empty i { font-size: .76rem; }
.dw-collaboration-cell.is-open { background: #f5f9ff; border-color: #d7e4fb; }
.dw-list-collab-layer { inset: 0; pointer-events: none; position: fixed; z-index: 240; }
.dw-list-collab-backdrop { background: transparent; border: 0; inset: 0; padding: 0; pointer-events: auto; position: absolute; }
.dw-list-collab-popover {
  max-height: calc(100dvh - 1.5rem);
  pointer-events: auto;
  position: fixed;
  width: min(32rem, calc(100vw - 1.5rem));
  z-index: 1;
}
#developmentWorkbenchRoot .dw-list-collab-popover > .dw-collab-rail {
  box-sizing: border-box;
  margin: 0;
  max-height: inherit;
  overflow: auto;
  position: static;
  top: auto;
  width: 100%;
}
.dw-owner { align-items: center; color: #475467; display: inline-flex; font-size: .72rem; gap: .45rem; max-width: 100%; min-width: 0; }
.dw-owner > span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dw-owner-avatar { align-items: center; background: #eef4ff; border-radius: 999px; color: #4f7ff0; display: inline-flex; flex: 0 0 auto; font-size: .66rem; height: 1.7rem; justify-content: center; width: 1.7rem; }
.dw-work-table time { color: #667085; font-size: .68rem; white-space: nowrap; }
.dw-update-cell time { display: block; }
.dw-update-due { color: #7f8b9e; display: block; font-size: .65rem; line-height: 1.35; margin-top: .28rem; white-space: nowrap; }
.dw-update-due.is-soon,
.dw-update-due.is-today { color: #b54708; }
.dw-update-due.is-overdue { color: #d92d20; }
.dw-update-due.is-done { color: #07883f; }
.dw-due-date { align-items: center; color: #667085; display: inline-flex; font-size: .7rem; gap: .42rem; line-height: 1.25; white-space: nowrap; }
.dw-due-date > i { color: #98a2b3; font-size: .72rem; }
.dw-due-date > span { display: grid; gap: .16rem; }
.dw-due-date strong { color: #475467; font-size: .7rem; font-weight: 650; }
.dw-due-date small { color: #7f8b9e; font-size: .65rem; }
.dw-due-date.is-soon strong,
.dw-due-date.is-soon small,
.dw-due-date.is-today strong,
.dw-due-date.is-today small { color: #b54708; }
.dw-due-date.is-overdue strong,
.dw-due-date.is-overdue small { color: #d92d20; }
.dw-due-date.is-done strong,
.dw-due-date.is-done small { color: #07883f; }
.dw-due-date.is-empty { opacity: .72; }
.dw-continue { font-size: .72rem; min-height: 2rem; padding: .38rem .55rem; }

.dw-return-undo-toast {
  align-items: center;
  background: #172033;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: .72rem;
  bottom: 1.5rem;
  box-shadow: 0 1rem 2.5rem rgba(15, 23, 42, .26);
  color: #fff;
  display: flex;
  gap: .7rem;
  left: 50%;
  max-width: calc(100vw - 2rem);
  opacity: 0;
  padding: .72rem .8rem;
  pointer-events: none;
  position: fixed;
  transform: translate(-50%, .6rem);
  transition: opacity .16s ease, transform .16s ease;
  z-index: 14000;
}
.dw-return-undo-toast.show { opacity: 1; pointer-events: auto; transform: translate(-50%, 0); }
.dw-return-undo-toast > i { color: #86efac; flex: 0 0 auto; }
.dw-return-undo-toast > span { display: grid; gap: .08rem; min-width: 0; }
.dw-return-undo-toast strong { font-size: .78rem; white-space: nowrap; }
.dw-return-undo-toast small { color: #cbd5e1; font-size: .68rem; white-space: nowrap; }
.dw-return-undo-toast button {
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.2);
  border-radius: .45rem;
  color: #fff;
  cursor: pointer;
  font-size: .74rem;
  font-weight: 700;
  min-height: 2rem;
  padding: .35rem .65rem;
  white-space: nowrap;
}
.dw-return-undo-toast button:hover { background: rgba(255,255,255,.18); }
.dw-return-undo-toast button:disabled { cursor: wait; opacity: .7; }

.dw-list-rail {
  background: #fff;
  border-left: 1px solid #dfe6ef;
  bottom: 0;
  box-sizing: border-box;
  box-shadow: -12px 0 32px rgba(15, 23, 42, .14);
  display: flex;
  flex-direction: column;
  height: auto;
  max-width: 100vw;
  min-height: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 58px;
  width: min(460px, calc(100vw - 24px));
  z-index: 220;
  animation: dw-rail-enter .18s cubic-bezier(.2, .8, .2, 1);
}
@keyframes dw-rail-enter {
  from { opacity: .92; transform: translateX(18px); }
  to { opacity: 1; transform: translateX(0); }
}
.dw-rail-product-head {
  align-items: center;
  border-bottom: 1px solid #e5e7eb;
  display: flex;
  flex: 0 0 82px;
  padding: 13px 46px 12px 16px;
  position: relative;
}
.dw-rail-product-link {
  align-items: center;
  background: transparent;
  border: 0;
  color: #0f172a;
  cursor: pointer;
  display: flex;
  gap: 12px;
  min-width: 0;
  padding: 0;
  text-align: left;
  width: 100%;
}
.dw-rail-product-link img,
.dw-rail-product-link .dw-product-fallback { background: #fff; border: 1px solid #eef2f6; border-radius: 8px; flex: 0 0 auto; height: 48px; object-fit: contain; padding: 2px; width: 48px; }
.dw-rail-product-link > span { min-width: 0; }
.dw-rail-product-link strong { display: block; font-size: 15px; font-weight: 700; line-height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dw-rail-product-link small { color: #64748b; display: block; font-size: 11px; line-height: 18px; margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dw-rail-product-link:hover strong { color: var(--dw-blue); }
.dw-rail-close {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 7px;
  color: #334155;
  cursor: pointer;
  display: flex;
  font-size: 17px;
  height: 32px;
  justify-content: center;
  position: absolute;
  right: 11px;
  top: 12px;
  width: 32px;
}
.dw-rail-close:hover { background: #f1f5f9; }
.dw-rail-scroll { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 14px 16px 18px; scrollbar-color: #cbd5e1 transparent; scrollbar-width: thin; }
.dw-rail-heading { align-items: center; display: flex; justify-content: space-between; min-height: 34px; }
.dw-rail-heading h2 { color: #111827; font-size: 20px; font-weight: 700; line-height: 28px; margin: 0; }
.dw-rail-count,
.dw-rail-status-pill { align-items: center; border-radius: 999px; display: inline-flex; font-size: 13px; font-weight: 700; height: 30px; justify-content: center; min-width: 62px; padding: 0 11px; }
.dw-rail-count { background: #fff3e8; color: #ea580c; }
.dw-rail-status-pill.pending { background: #f1f5f9; color: #475569; }
.dw-rail-status-pill.progress { background: #eff6ff; color: #2563eb; }
.dw-rail-status-pill.done { background: #ecfdf3; color: #039855; }
.dw-rail-update { color: #94a3b8; font-size: 10px; margin-top: 6px; text-align: right; }
.dw-image-gallery-summary {
  align-items: center;
  background: #f8fafc;
  border-radius: 7px;
  color: #475569;
  display: flex;
  font-size: 11px;
  height: 34px;
  justify-content: space-between;
  margin-top: 10px;
  padding: 0 9px;
}
.dw-image-gallery-summary > span { align-items: center; display: flex; min-width: 0; }
.dw-image-gallery-summary strong { color: #ef4444; font-weight: 600; white-space: nowrap; }
.dw-image-gallery-summary b { font-weight: 500; white-space: nowrap; }
.dw-image-gallery-summary i { background: #cbd5e1; height: 13px; margin: 0 7px; width: 1px; }
.dw-image-gallery-summary small { color: #64748b; font-size: 9px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dw-rail-image-grid { display: grid; gap: 6px; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 10px auto 0; max-width: 346px; }
.dw-image-slot-frame { aspect-ratio: 1; min-width: 0; position: relative; }
.dw-image-slot-frame.is-selected { z-index: 2; }
.dw-image-slot-frame.is-menu-open { z-index: 6; }
.dw-image-slot { appearance: none; aspect-ratio: 1; background: #fff; border: 1px solid #e2e8f0; border-radius: 7px; color: inherit; display: block; font: inherit; height: 100%; min-width: 0; overflow: hidden; padding: 0; position: relative; text-align: left; text-decoration: none; width: 100%; }
.dw-image-slot.has-image { cursor: zoom-in; }
.dw-image-slot.has-image:hover { border-color: #93c5fd; }
.dw-image-slot-frame.is-selected .dw-image-slot { border-color: #2563eb; box-shadow: 0 0 0 2px rgba(37, 99, 235, .16); }
.dw-image-slot.is-empty { background: #fffaf5; border: 1px dashed #fdba74; cursor: pointer; }
.dw-image-slot.is-empty:hover { background: #fff7ed; border-color: #fb923c; }
.dw-image-slot img { background: #fff; height: 100%; object-fit: contain; width: 100%; }
.dw-image-empty-plus { align-items: center; color: #2563eb; display: inline-flex; font-size: 25px; font-weight: 400; justify-content: center; left: 50%; line-height: 1; pointer-events: none; position: absolute; top: 43%; transform: translate(-50%, -50%); }
.dw-image-empty-plus i { font-size: 23px; font-weight: 400; }
.dw-image-slot-meta { align-items: center; background: rgba(15, 23, 42, .76); bottom: 0; color: #fff; display: flex; font-size: 9px; height: 22px; justify-content: space-between; left: 0; padding: 0 5px; position: absolute; right: 0; }
.dw-image-slot-meta em { color: #baf7d0; font-size: 8px; font-style: normal; }
.dw-image-slot.is-empty .dw-image-slot-meta { background: rgba(255, 255, 255, .94); color: #9a4a14; }
.dw-image-slot.is-empty .dw-image-slot-meta em { color: #c2410c; }
.dw-image-more,
.dw-image-select { align-items: center; background: rgba(255, 255, 255, .94); border: 1px solid rgba(203, 213, 225, .9); border-radius: 999px; color: #334155; cursor: pointer; display: inline-flex; height: 27px; justify-content: center; padding: 0; position: absolute; top: 6px; width: 27px; z-index: 4; }
.dw-image-more { opacity: 0; pointer-events: none; right: 6px; transform: translateY(-2px); transition: opacity .14s ease, transform .14s ease; visibility: hidden; }
.dw-image-slot-frame:hover .dw-image-more,
.dw-image-slot-frame:focus-within .dw-image-more,
.dw-image-slot-frame.is-menu-open .dw-image-more { opacity: 1; pointer-events: auto; transform: translateY(0); visibility: visible; }
.dw-image-more i { font-size: 13px; }
.dw-image-more:hover,
.dw-image-more[aria-expanded="true"] { background: #fff; border-color: #93c5fd; color: #2563eb; }
.dw-image-select { color: transparent; left: 6px; }
.dw-image-select i { font-size: 11px; }
.dw-image-select.is-selected { background: #2563eb; border-color: #2563eb; color: #fff; }
@media (hover: none), (pointer: coarse) {
  .dw-image-more { opacity: 1; pointer-events: auto; transform: translateY(0); visibility: visible; }
}
.dw-image-slot-menu { background: #fff; border: 1px solid #dbe3ed; border-radius: 7px; box-shadow: 0 9px 22px rgba(15, 23, 42, .18); min-width: 82px; overflow: hidden; padding: 4px; position: absolute; right: 5px; top: 37px; z-index: 12; }
.dw-image-slot-menu button { background: transparent; border: 0; border-radius: 5px; color: #334155; cursor: pointer; display: block; font: inherit; font-size: 11px; height: 31px; padding: 0 10px; text-align: left; width: 100%; }
.dw-image-slot-menu button:hover { background: #f1f5f9; }
.dw-image-slot-menu button.danger { color: #dc2626; }
.dw-image-slot-menu button.danger:hover { background: #fef2f2; }
.dw-image-batch-toolbar { align-items: center; border: 1px solid #dbe5f2; border-radius: 7px; display: flex; gap: 9px; margin-top: 10px; min-height: 38px; padding: 0 9px; }
.dw-image-batch-toolbar strong { color: #0f172a; font-size: 11px; }
.dw-image-batch-toolbar span { color: #64748b; font-size: 10px; }
.dw-image-batch-toolbar button { background: transparent; border: 0; color: #2563eb; cursor: pointer; font: inherit; font-size: 10px; padding: 4px 2px; }
.dw-image-batch-toolbar button:first-of-type { margin-left: auto; }
.dw-image-rules { border-top: 1px solid #e6ebf2; margin-top: 14px; padding-top: 12px; }
.dw-image-rules header { align-items: center; display: flex; justify-content: space-between; }
.dw-image-rules header strong { color: #0f172a; font-size: 12px; }
.dw-image-rules header button { align-items: center; background: transparent; border: 0; color: #2563eb; cursor: pointer; display: inline-flex; font: inherit; font-size: 10px; gap: 5px; padding: 3px 0; }
.dw-image-rules header button i { font-size: 8px; transition: transform .16s ease; }
.dw-image-rules header button[aria-expanded="true"] i { transform: rotate(180deg); }
.dw-image-rule-chips { display: grid; gap: 6px; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 9px; }
.dw-image-rule-chips span { align-items: center; border: 1px solid #e5eaf1; border-radius: 6px; color: #56657a; display: inline-flex; font-size: 8px; gap: 4px; justify-content: center; min-height: 27px; padding: 0 4px; white-space: nowrap; }
.dw-image-rule-chips i { color: #16a34a; font-size: 9px; }
.dw-image-rule-details { background: #f8fafc; border-radius: 6px; color: #64748b; font-size: 9px; line-height: 1.65; margin-top: 8px; padding: 8px 9px; }
.dw-image-rule-details p { margin: 0; }
.dw-image-rule-details p + p { margin-top: 5px; }
.dw-image-rule-details strong { color: #334155; margin-right: 5px; }
.dw-image-slot.has-image:focus-visible,
.dw-summary-image-slot.has-image:focus-visible { outline: 2px solid #60a5fa; outline-offset: 2px; }
.dw-list-rail-content { border-top: 1px solid var(--dw-line); margin-top: 12px; padding-top: 12px; }
.dw-rail-footer-actions { background: #fff; border-top: 1px solid #e8edf3; display: grid; flex: 0 0 auto; gap: 8px; padding: 12px 16px 14px; }
.dw-rail-footer-actions.is-three { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.dw-rail-footer-actions.is-three .dw-rail-action:first-child { grid-column: 1 / -1; }
.dw-rail-footer-actions.is-two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.dw-rail-footer-actions.is-batch { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.dw-rail-footer-actions.is-one { grid-template-columns: 1fr; }
.dw-rail-action { background: #fff; border: 1px solid #dbe2ea; border-radius: 7px; color: #2563eb; cursor: pointer; font-family: inherit; font-size: 12px; font-weight: 600; height: 40px; min-width: 0; padding: 0 8px; width: 100%; }
.dw-rail-action.primary { background: #2563eb; border-color: #2563eb; color: #fff; }
.dw-rail-action.danger { color: #dc2626; }
.dw-rail-action.complete { border-color: #22c55e; color: #16a34a; }
.dw-rail-action:hover:not(:disabled) { filter: brightness(.98); }
.dw-rail-action:disabled { cursor: not-allowed; opacity: .62; }
.dw-rail-empty { align-items: center; color: #8a94a4; display: flex; flex-direction: column; font-size: .72rem; gap: .45rem; justify-content: center; min-height: 8rem; text-align: center; }
.dw-rail-empty i { font-size: 1.35rem; }
.dw-rail-keywords { display: flex; flex-wrap: wrap; gap: .35rem; }
.dw-rail-keywords span { background: #fff; border: 1px solid #dfe5ee; border-radius: 999px; color: #475467; font-size: .66rem; padding: .25rem .48rem; }
.dw-rail-copy strong { display: block; font-size: .75rem; line-height: 1.55; }
.dw-rail-copy ol { color: #667085; font-size: .68rem; line-height: 1.55; margin: .5rem 0 0; padding-left: 1.15rem; }
.dw-rail-copy p { color: #8a94a4; font-size: .7rem; }
.dw-rail-files { display: grid; gap: .4rem; }
.dw-rail-files span { align-items: center; background: #fff; border: 1px solid var(--dw-line); border-radius: .45rem; display: flex; font-size: .7rem; gap: .4rem; padding: .5rem; }

/* v2 detail: contextual workspace; archive remains a tab inside the product detail. */
.dw-detail-shell { padding-top: .45rem; }
.dw-detail-nav { align-items: flex-end; background: #fff; border-bottom: 1px solid var(--dw-line); display: flex; justify-content: space-between; padding: 0 .25rem; }
.dw-detail-nav .dw-detail-tabs { border: 0; margin: 0; }
.dw-detail-nav .dw-back { margin: 0 0 .42rem; }
.dw-detail-strip { align-items: center; background: #fff; border: 1px solid var(--dw-line); border-radius: .6rem; display: flex; gap: .75rem; justify-content: space-between; margin-top: .75rem; padding: .62rem .75rem; }
.dw-detail-strip > div { align-items: center; display: flex; gap: .55rem; min-width: 0; }
.dw-detail-strip strong { font-size: .78rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dw-detail-strip small { color: #7a8494; font-size: .68rem; }
.dw-detail-grid { margin-top: .75rem; }
.dw-task-row-static { padding: .72rem; }
.dw-task-row-static.is-active { border-color: #bfdbfe; box-shadow: 0 .35rem .9rem rgba(37, 99, 235, .07); }
.dw-task-static-main { align-items: center; display: flex; gap: .65rem; }
.dw-task-static-main .dw-task-copy { min-width: 9.5rem; }
.dw-task-static-main .dw-task-actions { justify-content: flex-end; margin-left: auto; }
.dw-task-static-evidence { border-top: 1px dashed #dfe5ed; margin-top: .65rem; padding-top: .65rem; }
.dw-dossier { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.dw-dossier-wide { grid-column: 1 / -1; }
.dw-dossier-metrics { display: grid; gap: .45rem; grid-template-columns: repeat(5, minmax(0, 1fr)); }
.dw-dossier-metrics > div { background: #f8fafc; border-radius: .48rem; min-width: 0; padding: .55rem; }
.dw-dossier-metrics span { color: #7a8494; display: block; font-size: .64rem; }
.dw-dossier-metrics strong { display: block; font-size: .73rem; margin-top: .18rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dw-dossier-original > strong { display: block; font-size: .76rem; line-height: 1.55; }
.dw-dossier-original ol { color: #5f6b7a; font-size: .72rem; line-height: 1.6; margin: .55rem 0 0; padding-left: 1.2rem; }
.dw-dossier-original p { margin-top: .45rem; }
.dw-dossier-materials { display: grid; gap: .42rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.dw-dossier-materials a { align-items: center; border: 1px solid #e4e8ef; border-radius: .5rem; color: #344054; display: grid; font-size: .7rem; gap: .4rem; grid-template-columns: auto minmax(0, 1fr) auto; padding: .52rem; text-decoration: none; }
.dw-dossier-materials a:hover { border-color: #9db9f5; color: var(--dw-blue); }
.dw-dossier-materials span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dw-dossier-materials small { color: #98a2b3; font-size: .62rem; }

@media (max-width: 1280px) {
  .dw-dossier-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 1080px) {
  .dw-detail-strip { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 760px) {
  .dw-list-rail { width: 100vw; }
  .dw-detail-nav { align-items: stretch; flex-direction: column-reverse; }
  .dw-detail-nav .dw-back { align-self: flex-start; margin: .45rem 0 0; }
  .dw-detail-strip > div { align-items: flex-start; flex-wrap: wrap; }
  .dw-task-static-main { align-items: flex-start; flex-wrap: wrap; }
  .dw-task-static-main .dw-task-actions { justify-content: flex-start; margin-left: 0; width: 100%; }
  .dw-dossier { grid-template-columns: 1fr; }
  .dw-dossier-wide { grid-column: auto; }
  .dw-dossier-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dw-dossier-materials { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .dw-list-rail { animation: none; }
}

/* Product development factual summary page */
.dw-summary-shell {
  --dw-summary-anchor-gap: 1rem;
  --dw-summary-anchor-offset: calc(var(--dw-summary-head-height) + var(--dw-summary-anchor-gap));
  --dw-summary-head-height: 5.5rem;
  --dw-summary-tail-space: 12rem;
  padding: .75rem 1.25rem 2rem;
}
.dw-summary-shell::after { content: ""; display: block; height: var(--dw-summary-tail-space); pointer-events: none; }
.dw-summary-product-head {
  align-items: center;
  background: #fff;
  border: 1px solid var(--dw-line);
  border-radius: .7rem;
  box-shadow: 0 .35rem 1rem rgba(15, 23, 42, .08);
  display: grid;
  gap: .75rem;
  grid-template-columns: auto minmax(18rem, 27rem) minmax(0, 1fr);
  min-height: var(--dw-summary-head-height);
  padding: .6rem .7rem;
  position: sticky;
  top: 0;
  z-index: 30;
}

.dw-summary-product-main { align-items: center; display: flex; gap: .85rem; min-width: 0; }
.dw-summary-product-main > img,
.dw-summary-product-main > .dw-product-fallback { background: #fff; border: 1px solid #e8edf3; border-radius: .65rem; flex: 0 0 auto; height: 3.75rem; object-fit: contain; padding: .2rem; width: 3.75rem; }
.dw-summary-product-main > div { min-width: 0; }
.dw-summary-product-main h2 { color: #101828; font-size: 1rem; line-height: 1.45; margin: .2rem 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dw-summary-product-main p { color: #667085; font-size: .7rem; line-height: 1.55; margin: .12rem 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dw-summary-due { margin-top: .22rem; }
.dw-due-date.is-compact { background: #f8fafc; border: 1px solid #e6ebf1; border-radius: 999px; gap: .32rem; padding: .2rem .48rem; }
.dw-due-date.is-compact > span { align-items: center; display: flex; gap: .35rem; }
.dw-summary-product-head .dw-back { align-items: center; align-self: center; background: #fff; border: 1px solid #d7dee9; border-radius: .5rem; color: #344054; cursor: pointer; display: inline-flex; font-size: .75rem; font-weight: 700; justify-content: center; min-height: 2.15rem; min-width: 3.5rem; padding: .45rem .55rem; white-space: nowrap; }

.dw-summary-progress { align-self: center; background: transparent; border: 0; border-left: 1px solid #edf1f5; border-radius: 0; display: grid; gap: 0; grid-template-columns: repeat(6, minmax(0, 1fr)); margin-top: 0; min-width: 0; overflow: visible; padding: .15rem .35rem .1rem 1rem; }
.dw-summary-progress button { align-items: center; background: transparent; border: 0; border-radius: .5rem; color: #475467; cursor: pointer; display: grid; gap: .18rem; grid-template-columns: 1fr; grid-template-rows: 1rem 1.6rem 1rem; justify-items: center; min-width: 0; padding: .3rem .15rem; position: relative; text-align: center; transition: color .15s ease, background-color .15s ease; z-index: 1; }
.dw-summary-progress button:not(:last-child)::after { background: #dfe5ec; content: ""; height: 1px; left: calc(50% + .78rem); position: absolute; right: calc(-50% + .78rem); top: 2.25rem; z-index: 0; }
.dw-summary-progress button.done:not(:last-child)::after { background: #a7d8c0; }
.dw-summary-progress button > span { align-items: center; background: #fff; border: 1px solid #cfd7e3; border-radius: 50%; box-shadow: 0 0 0 4px #fff; box-sizing: border-box; color: #667085; display: flex; font-size: .62rem; font-weight: 800; grid-row: 2; height: 1.55rem; justify-content: center; position: relative; transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease, color .15s ease; width: 1.55rem; z-index: 1; }
.dw-summary-progress strong { color: #344054; font-size: .72rem; font-weight: 700; grid-row: 1; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dw-summary-progress small { color: #7f8b9e; font-size: .65rem; grid-row: 3; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dw-summary-progress button.progress > span { background: #2563eb; border-color: #2563eb; color: #fff; }
.dw-summary-progress button.done > span { background: #12b76a; border-color: #12b76a; color: #fff; }
.dw-summary-progress button:hover strong { color: #175cd3; }
.dw-summary-progress button:hover > span { border-color: #7aa2f7; }
.dw-summary-progress button.is-active > span { background: #2563eb; border-color: #2563eb; box-shadow: 0 0 0 4px #eaf2ff; color: #fff; }
.dw-summary-progress button.is-active strong { color: #175cd3; }
.dw-summary-progress button.is-active small { color: #4f6f9f; font-weight: 650; }
.dw-summary-progress button:focus-visible { box-shadow: 0 0 0 2px rgba(37, 99, 235, .18); outline: 0; }

.dw-summary-layout { align-items: start; display: grid; gap: .9rem; grid-template-columns: minmax(0, 72fr) minmax(19rem, 28fr); margin-top: .75rem; }
.dw-summary-content { display: grid; gap: .75rem; min-width: 0; }
.dw-summary-module { min-width: 0; overflow: hidden; scroll-margin-block-start: var(--dw-summary-anchor-offset); }
.dw-summary-module-head { align-items: center; border-bottom: 1px solid var(--dw-line); display: flex; gap: .75rem; justify-content: space-between; min-height: 4rem; padding: .7rem .85rem; }
.dw-summary-module-head > div { align-items: center; display: flex; gap: .65rem; min-width: 0; }
.dw-summary-module-icon { align-items: center; border-radius: .55rem; display: flex; flex: 0 0 auto; height: 2.2rem; justify-content: center; width: 2.2rem; }
.dw-summary-module-icon.blue { background: #eff6ff; color: #2563eb; }
.dw-summary-module-icon.orange { background: #fff7ed; color: #ea580c; }
.dw-summary-module-icon.green { background: #ecfdf3; color: #16a34a; }
.dw-summary-module-icon.violet { background: #f5f3ff; color: #7c3aed; }
.dw-summary-module-head h3 { color: #101828; font-size: .88rem; margin: 0; }
.dw-summary-module-head small { color: #7a8494; display: block; font-size: .66rem; margin-top: .12rem; }
.dw-summary-module-actions { flex: 0 0 auto; justify-content: flex-end; }
.dw-summary-module-body { padding: .85rem; }
.dw-summary-fact-grid,
.dw-summary-metrics,
.dw-keyword-summary { display: grid; gap: .5rem; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.dw-summary-fact-grid > div,
.dw-summary-fact-grid > button,
.dw-summary-fact-grid > a,
.dw-summary-metrics > div,
.dw-keyword-summary > div { background: #f8fafc; border-radius: .5rem; min-width: 0; padding: .6rem .65rem; }
.dw-summary-fact-grid span,
.dw-summary-fact-grid button > span,
.dw-summary-metrics span,
.dw-keyword-summary span { color: #7a8494; display: block; font-size: .64rem; }
.dw-summary-fact-grid strong,
.dw-summary-fact-grid button > strong,
.dw-summary-metrics strong,
.dw-keyword-summary strong { color: #344054; display: block; font-size: .76rem; margin-top: .2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dw-summary-fact-link { appearance: none; color: inherit; text-decoration: none; border: 1px solid transparent; cursor: pointer; font: inherit; text-align: left; transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease; }
.dw-summary-fact-link:hover { background: #f3f7ff; border-color: #dbe8fb; }
.dw-summary-fact-link:focus-visible { border-color: #bfdbfe; box-shadow: 0 0 0 2px rgba(37, 99, 235, .13); outline: 0; }
.dw-summary-reference-fact { align-items: center; display: grid; gap: .65rem; grid-column: span 2; grid-template-columns: auto minmax(7rem, 1fr) auto; }
.dw-summary-reference-copy { min-width: 5.6rem; }
.dw-summary-reference-strip { align-items: center; appearance: none; background: transparent; border: 0; cursor: pointer; display: flex; gap: .3rem; justify-content: flex-start; min-width: 0; padding: 0; position: relative; text-align: left; }
.dw-summary-reference-strip > span { align-items: center; background: #fff; border: 1px solid #e4e9f0; border-radius: .38rem; cursor: zoom-in; display: inline-flex; flex: 0 0 2rem; height: 2rem; justify-content: center; overflow: hidden; }
.dw-summary-reference-strip > span.is-empty { border-style: dashed; color: #98a2b3; }
.dw-summary-reference-strip img { height: 100%; object-fit: contain; width: 100%; }
.dw-summary-reference-strip em { align-items: center; background: #eaf1fb; border-radius: 999px; color: #475467; display: inline-flex; font-size: .61rem; font-style: normal; font-weight: 800; height: 1.25rem; justify-content: center; min-width: 1.55rem; padding: 0 .28rem; }
.dw-summary-reference-action { appearance: none; background: transparent; border: 0; border-radius: .38rem; color: #2563eb; cursor: pointer; font-family: inherit; font-size: .68rem; font-weight: 800; min-height: 1.75rem; padding: 0 .45rem; white-space: nowrap; }
.dw-summary-reference-action:hover,
.dw-summary-reference-action:focus-visible { background: #eaf2ff; outline: 0; }
.dw-summary-fact-link > strong { align-items: center; color: #2563eb !important; display: flex !important; gap: .38rem; }
.dw-summary-fact-link > strong i { font-size: .65rem; margin-left: auto; }
.dw-summary-supplier-fact { cursor: default; }
.dw-summary-supplier-fact:hover { background: #f8fafc; border-color: transparent; }
.dw-summary-supplier-actions { align-items: center; display: flex; gap: .5rem; justify-content: space-between; margin-top: .2rem; min-width: 0; }
.dw-summary-supplier-external { color: #2563eb; font-size: .76rem; font-weight: 700; min-width: 0; overflow: hidden; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; }
.dw-summary-supplier-external:hover { text-decoration: underline; }
.dw-summary-supplier-external:focus-visible { border-radius: .2rem; box-shadow: 0 0 0 2px rgba(37, 99, 235, .13); outline: 0; }
.dw-summary-supplier-empty { color: #98a2b3 !important; font-size: .72rem !important; margin: 0 !important; }
.dw-summary-supplier-page { align-items: center; appearance: none; background: #eef2f7; border: 0; border-radius: .38rem; color: #667085; cursor: pointer; display: inline-flex; flex: 0 0 auto; height: 1.75rem; justify-content: center; padding: 0; transition: background-color .15s ease, color .15s ease, box-shadow .15s ease; width: 1.9rem; }
.dw-summary-supplier-page:hover { background: #e7effc; color: #2563eb; }
.dw-summary-supplier-page:focus-visible { box-shadow: 0 0 0 2px rgba(37, 99, 235, .12); outline: 0; }
.dw-summary-supplier-page i { font-size: .68rem; }
.dw-summary-metrics { grid-template-columns: repeat(5, minmax(0, 1fr)); margin-top: .55rem; }
.dw-summary-two-col { display: grid; gap: .55rem; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: .55rem; }
.dw-summary-copy-block,
.dw-listing-block,
.dw-summary-material-block { border: 1px solid #e7ebf1; border-radius: .58rem; margin-top: .55rem; padding: .7rem; }
.dw-summary-two-col .dw-summary-copy-block,
.dw-summary-two-col .dw-listing-block { margin-top: 0; }
.dw-summary-copy-head { align-items: center; display: flex; gap: .6rem; justify-content: space-between; margin-bottom: .45rem; }
.dw-summary-copy-head h4 { margin-bottom: 0 !important; }
.dw-summary-copy-block h4,
.dw-listing-block h4,
.dw-summary-material-block h4,
.dw-version-history h4 { color: #344054; font-size: .74rem; margin: 0 0 .45rem; }
.dw-summary-copy-block > strong { display: block; font-size: .75rem; line-height: 1.55; }
.dw-summary-copy-block p,
.dw-listing-block p { color: #5f6b7a; font-size: .72rem; line-height: 1.65; margin: 0; white-space: pre-wrap; }
.dw-summary-copy-block ol,
.dw-listing-block ol { color: #5f6b7a; font-size: .72rem; line-height: 1.65; margin: .5rem 0 0; padding-left: 1.15rem; }
.dw-summary-translate { align-items: center; appearance: none; background: #fff; border: 1px solid #dbe3ee; border-radius: 999px; color: #64748b; cursor: pointer; display: inline-flex; flex: 0 0 auto; font-family: inherit; font-size: .67rem; font-weight: 800; gap: .35rem; min-height: 1.75rem; padding: 0 .45rem; transition: border-color .16s ease, background-color .16s ease, color .16s ease, opacity .16s ease; }
.dw-summary-translate:hover,
.dw-summary-translate:focus-visible { background: #eff6ff; border-color: #93c5fd; color: #2563eb; outline: 0; }
.dw-summary-translate u { background: #cbd5e1; border-radius: 999px; display: inline-block; height: 1rem; position: relative; text-decoration: none; transition: background-color .18s ease; width: 1.75rem; }
.dw-summary-translate u::after { background: #fff; border-radius: 50%; box-shadow: 0 .0625rem .1875rem rgba(15, 23, 42, .24); content: ""; height: .75rem; left: .125rem; position: absolute; top: .125rem; transition: transform .18s ease; width: .75rem; }
.dw-summary-translate.is-active { background: #eff6ff; border-color: #93c5fd; color: #2563eb; }
.dw-summary-translate.is-active u { background: #1677ff; }
.dw-summary-translate.is-active u::after { transform: translateX(.75rem); }
.dw-summary-translate.is-loading u::after { animation: dw-summary-translate-pulse .8s ease-in-out infinite alternate; }
.dw-summary-translate:disabled { cursor: not-allowed; opacity: .52; }
@keyframes dw-summary-translate-pulse { from { opacity: .45; } to { opacity: 1; } }
.dw-summary-empty-text { color: #98a2b3 !important; font-size: .72rem; margin: .45rem 0 0; }
.dw-summary-material-list { display: flex; flex-wrap: wrap; gap: .42rem; }
.dw-summary-material-list a,
.dw-summary-material-list > span { align-items: center; background: #fff; border: 1px solid #e1e7ef; border-radius: .45rem; color: #475467; display: inline-flex; font-size: .68rem; gap: .38rem; max-width: 100%; padding: .42rem .55rem; text-decoration: none; }
.dw-summary-material-list a:hover { border-color: #9db9f5; color: var(--dw-blue); }

.dw-summary-sync-line { align-items: center; background: #f8fafc; border-radius: .5rem; color: #667085; display: flex; flex-wrap: wrap; font-size: .67rem; gap: 1rem; padding: .58rem .65rem; }
.dw-summary-notice { background: #f8fafc; border: 1px solid #e7ebf1; border-radius: .55rem; color: #667085; font-size: .71rem; line-height: 1.55; padding: .7rem; }
.dw-summary-notice.is-plan { background: #fffaf0; border-color: #fed7aa; color: #9a3412; display: grid; gap: .2rem; }
.dw-purchase-order-grid { display: grid; gap: .55rem; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: .6rem; }
.dw-purchase-order-grid article { border: 1px solid #dfe6ee; border-radius: .6rem; min-width: 0; overflow: hidden; }
.dw-purchase-order-title { align-items: center; background: #f8fafc; display: flex; gap: .45rem; padding: .58rem .65rem; }
.dw-purchase-order-title span { background: #eff6ff; border-radius: 999px; color: #2563eb; font-size: .62rem; font-weight: 800; padding: .18rem .42rem; }
.dw-purchase-order-title strong { color: #344054; font-size: .74rem; }
.dw-purchase-order-title em { color: #667085; font-size: .62rem; font-style: normal; margin-left: auto; }
.dw-purchase-order-facts { display: grid; gap: .45rem; grid-template-columns: repeat(3, minmax(0, 1fr)); padding: .65rem; }
.dw-purchase-order-facts span { color: #98a2b3; display: block; font-size: .6rem; }
.dw-purchase-order-facts strong { color: #344054; display: block; font-size: .7rem; margin-top: .14rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.dw-image-progress-line { align-items: center; background: #f8fafc; border-radius: .55rem; display: flex; gap: .65rem; padding: .58rem .7rem; }
.dw-image-progress-line > strong { color: #ea580c; font-size: 1rem; }
.dw-image-progress-line > span { color: #475467; font-size: .7rem; }
.dw-image-progress-line > small { color: #98a2b3; font-size: .64rem; margin-left: auto; }
.dw-summary-image-grid { display: grid; gap: .5rem; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: .65rem; max-width: 47rem; }
.dw-summary-image-slot { aspect-ratio: 1.28; background: #fff; border: 1px solid #dfe5ed; border-radius: .58rem; color: inherit; min-width: 0; overflow: hidden; position: relative; text-decoration: none; }
.dw-summary-image-slot.has-image { appearance: none; cursor: zoom-in; display: block; font: inherit; padding: 0; text-align: left; width: 100%; }
.dw-summary-image-slot.has-image:hover { border-color: #93c5fd; }
.dw-summary-image-slot img { height: 100%; object-fit: contain; width: 100%; }
.dw-summary-image-slot > span { align-items: center; background: rgba(15, 23, 42, .78); bottom: 0; color: #fff; display: flex; justify-content: space-between; left: 0; padding: .38rem .48rem; position: absolute; right: 0; }
.dw-summary-image-slot > span strong { font-size: .65rem; }
.dw-summary-image-slot > span em { color: #bbf7d0; font-size: .6rem; font-style: normal; }
.dw-summary-image-slot.is-empty { align-items: center; background: #fffaf5; border: 1px dashed #fdba74; display: flex; justify-content: center; }
.dw-summary-image-slot.is-empty > b { color: rgba(234, 88, 12, .25); font-size: .86rem; letter-spacing: .08em; transform: rotate(-8deg); }
.dw-summary-image-slot.is-empty > span { background: rgba(255,255,255,.94); color: #9a3412; }
.dw-summary-image-slot.is-empty > span em { color: #c2410c; }
.dw-summary-image-frame { aspect-ratio: 1.28; }
.dw-summary-image-frame .dw-image-slot { aspect-ratio: 1.28; height: 100%; }
.dw-summary-image-frame .dw-image-slot-meta { height: 26px; padding: 0 .5rem; }
.dw-summary-image-frame .dw-image-slot-meta > span { font-size: .65rem; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dw-summary-image-frame .dw-image-slot-meta > em { font-size: .6rem; }
.dw-summary-image-static-empty { align-items: center; display: flex; justify-content: center; }
.dw-summary-image-static-empty > b { color: rgba(234, 88, 12, .25); font-size: .86rem; letter-spacing: .08em; transform: rotate(-8deg); }
.dw-summary-image-static-empty .dw-image-slot-meta { background: rgba(255,255,255,.94); color: #9a3412; }
.dw-summary-image-static-empty .dw-image-slot-meta em { color: #c2410c; }
.dw-summary-image-frame.is-selected .dw-image-slot { border-color: #2563eb; box-shadow: 0 0 0 2px rgba(37, 99, 235, .16); }
.dw-summary-image-batch-toolbar { max-width: 47rem; }
.dw-summary-image-batch-toolbar button:disabled,
#dw-summary-images .dw-summary-module-actions button:disabled { cursor: default; opacity: .45; }

.dw-keyword-summary { margin-bottom: .6rem; }
.dw-keyword-list { display: flex; flex-wrap: wrap; gap: .4rem; }
.dw-keyword-list > span { align-items: center; background: #fff; border: 1px solid #e0e6ed; border-radius: 999px; color: #475467; display: inline-flex; font-size: .66rem; gap: .35rem; padding: .28rem .48rem; }
.dw-keyword-list > span small { color: #98a2b3; font-size: .56rem; }
.dw-keyword-list > span.is-used { background: #ecfdf3; border-color: #bbf7d0; color: #067647; }
.dw-keyword-list > span.is-ad-ready { background: #eff6ff; border-color: #bfdbfe; color: #1d4ed8; }
.dw-keyword-list > span.is-ad-ready small { color: #2563eb; }
.dw-summary-version { background: #eff6ff; border-radius: 999px; color: #2563eb; font-size: .66rem; font-weight: 800; padding: .28rem .5rem; }
.dw-summary-version.is-empty { background: #f2f4f7; color: #667085; }
.dw-version-history { border-top: 1px solid var(--dw-line); margin-top: .75rem; padding-top: .7rem; }
.dw-version-history > div { align-items: center; display: grid; gap: .55rem; grid-template-columns: 2.4rem minmax(0, 1fr) auto; padding: .32rem 0; }
.dw-version-history > div strong { color: #2563eb; font-size: .7rem; }
.dw-version-history > div span { color: #475467; font-size: .68rem; }
.dw-version-history > div small { color: #98a2b3; font-size: .6rem; }
.dw-listing-meta,
.dw-aplus-meta { align-items: center; display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: .6rem; }
.dw-listing-meta > span:not(.dw-summary-version),
.dw-aplus-meta > span:not(.dw-summary-version) { background: #f8fafc; border-radius: 999px; color: #667085; font-size: .65rem; padding: .28rem .48rem; }
.dw-listing-block h4 { align-items: center; display: flex; justify-content: space-between; }
.dw-listing-block h4 small { color: #98a2b3; font-size: .6rem; font-weight: 500; }
.dw-listing-platform { align-items: center; background: #f8fafc; border-radius: .5rem; display: flex; gap: .5rem; margin-top: .55rem; padding: .55rem .65rem; }
.dw-listing-platform span { color: #7a8494; font-size: .64rem; }
.dw-listing-platform strong { color: #344054; font-size: .7rem; }
.dw-listing-platform small { color: #98a2b3; font-size: .62rem; margin-left: auto; }
.dw-aplus-list { display: grid; gap: .65rem; }
.dw-aplus-module { border: 1px solid #e1e7ef; border-radius: .6rem; overflow: hidden; }
.dw-aplus-module-label { align-items: center; background: #f8fafc; display: flex; gap: .5rem; padding: .55rem .65rem; }
.dw-aplus-module-label span { color: #7c3aed; font-size: .62rem; font-weight: 800; }
.dw-aplus-module-label strong { color: #344054; font-size: .72rem; }
.dw-aplus-module img { display: block; max-height: 26rem; object-fit: contain; width: 100%; }
.dw-aplus-module > div:not(.dw-aplus-module-label) { padding: .65rem; }
.dw-aplus-module h4 { font-size: .76rem; margin: 0; }
.dw-aplus-module p { color: #667085; font-size: .7rem; line-height: 1.6; margin: .3rem 0 0; }
.dw-aplus-module > small { color: #98a2b3; display: block; font-size: .6rem; padding: 0 .65rem .65rem; }

/* Product summary module hierarchy refinement. */
.dw-summary-shell { background: #f4f7fb; }
.dw-summary-content { gap: 1rem; }
.dw-summary-content > .dw-summary-module {
  --dw-module-accent: #2563eb;
  --dw-module-head-bg: #f8fbff;
  background: #fff;
  border-color: #dce5f0;
  border-radius: .8rem;
  box-shadow: 0 2px 8px rgba(15, 23, 42, .04), 0 10px 24px rgba(15, 23, 42, .025);
  position: relative;
}
.dw-summary-content > .dw-summary-module::before {
  background: var(--dw-module-accent);
  bottom: 0;
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 3px;
  z-index: 2;
}
#dw-summary-lingxing { --dw-module-accent: #2563eb; --dw-module-head-bg: #f8fbff; }
#dw-summary-purchase { --dw-module-accent: #f59e0b; --dw-module-head-bg: #fffbf3; }
#dw-summary-images { --dw-module-accent: #16a34a; --dw-module-head-bg: #f7fcf9; }
#dw-summary-keywords { --dw-module-accent: #0ea5e9; --dw-module-head-bg: #f6fbff; }
#dw-summary-listing { --dw-module-accent: #7c3aed; --dw-module-head-bg: #faf8ff; }
#dw-summary-aplus { --dw-module-accent: #f97316; --dw-module-head-bg: #fffaf6; }
.dw-summary-content > .dw-summary-module .dw-summary-module-head {
  background: var(--dw-module-head-bg);
  border-bottom-color: #e9eef5;
  min-height: 3.5rem;
  padding: .75rem 1rem .75rem 1.05rem;
}
.dw-summary-content > .dw-summary-module .dw-summary-module-icon {
  border-radius: .5rem;
  height: 2rem;
  width: 2rem;
}
#dw-summary-lingxing .dw-summary-module-icon { background: #eff6ff; color: #2563eb; }
#dw-summary-purchase .dw-summary-module-icon { background: #fff7e6; color: #d97706; }
#dw-summary-images .dw-summary-module-icon { background: #effaf3; color: #16a34a; }
#dw-summary-keywords .dw-summary-module-icon { background: #f0f9ff; color: #0284c7; }
#dw-summary-listing .dw-summary-module-icon { background: #f5f3ff; color: #7c3aed; }
#dw-summary-aplus .dw-summary-module-icon { background: #fff7ed; color: #ea580c; }
.dw-summary-content > .dw-summary-module .dw-summary-module-head h3 {
  font-size: .94rem;
  font-weight: 700;
  letter-spacing: -.01em;
}
.dw-summary-content > .dw-summary-module .dw-summary-module-head small {
  color: #667085;
  font-size: .68rem;
  line-height: 1.45;
  margin-top: .15rem;
}
.dw-summary-content > .dw-summary-module .dw-summary-module-body { padding: 1rem; }
#developmentWorkbenchRoot .dw-summary-content > .dw-summary-module .dw-summary-module-actions .dw-btn {
  border-radius: .5rem;
  min-height: 2.05rem;
  padding: .38rem .68rem;
}
.dw-summary-content > .dw-summary-module .dw-summary-fact-grid > div,
.dw-summary-content > .dw-summary-module .dw-summary-fact-grid > button,
.dw-summary-content > .dw-summary-module .dw-summary-fact-grid > a,
.dw-summary-content > .dw-summary-module .dw-summary-metrics > div,
.dw-summary-content > .dw-summary-module .dw-keyword-summary > div {
  background: #f7f9fc;
  border: 1px solid #edf1f5;
  border-radius: .55rem;
  padding: .68rem .72rem;
}
.dw-summary-content > .dw-summary-module .dw-summary-copy-block,
.dw-summary-content > .dw-summary-module .dw-listing-block,
.dw-summary-content > .dw-summary-module .dw-summary-material-block,
.dw-summary-content > .dw-summary-module .dw-purchase-order-grid article {
  background: #fff;
  border-color: #e2e8f0;
}

main.content:has(.dw-summary-shell) > .panel.active { overflow: visible !important; }
.dw-collab-rail { align-self: start; border: 1px solid #cbd5e1; border-radius: .7rem; box-shadow: 0 .45rem 1.2rem rgba(15, 23, 42, .1); display: flex; flex-direction: column; max-height: min(31rem, calc(100svh - var(--dw-summary-anchor-offset) - .75rem)); overflow: hidden; position: sticky; scroll-margin-block-start: var(--dw-summary-anchor-offset); top: var(--dw-summary-anchor-offset); }
.dw-collab-rail.is-collapsed { overflow: hidden; }
.dw-collab-rail-head { align-items: center; background: #fff; border-bottom: 1px solid #d7dee8; display: flex; flex: 0 0 auto; gap: .65rem; justify-content: space-between; padding: .8rem; position: relative; z-index: 3; }
.dw-collab-rail.is-collapsed .dw-collab-rail-head { border-bottom: 0; }
.dw-collab-rail-title { align-items: center; background: transparent; border: 0; color: inherit; cursor: pointer; display: flex; flex: 1 1 auto; gap: .5rem; justify-content: space-between; min-width: 0; padding: 0; text-align: left; }
.dw-collab-rail-title > span { min-width: 0; }
.dw-collab-rail-title > i { color: #98a2b3; flex: 0 0 auto; font-size: .58rem; }
.dw-collab-rail-head h3 { font-size: .86rem; margin: 0; }
.dw-collab-rail-head small { color: #7a8494; display: block; font-size: .62rem; margin-top: .18rem; }
.dw-collab-rail-actions { align-items: center; display: flex; flex: 0 0 auto; gap: .38rem; }
.dw-collab-rail-actions .dw-btn { min-height: 2.05rem; padding: .38rem .58rem; white-space: nowrap; }
.dw-collab-rail-actions .dw-collab-mode-button { border-radius: .46rem; font-size: .64rem; gap: .3rem; min-height: 1.8rem; padding: .28rem .52rem; }
.dw-collab-rail-actions .dw-collab-cancel-button { background: #fff; border-radius: .46rem; color: #667085; font-size: .62rem; min-height: 1.8rem; padding: .28rem .5rem; }
.dw-collab-editor { background: #f8fafc; border-bottom: 1px solid var(--dw-line); display: grid; gap: .5rem; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: .7rem .8rem; }
.dw-collab-editor label { display: grid; gap: .2rem; }
.dw-collab-editor label span { color: #667085; font-size: .62rem; }
.dw-collab-editor input,
.dw-collab-editor select { background: #fff; border: 1px solid #d8dee8; border-radius: .42rem; box-sizing: border-box; color: #344054; font: inherit; font-size: .68rem; height: 2rem; min-width: 0; padding: 0 .5rem; width: 100%; }
.dw-collab-editor > div { display: flex; gap: .4rem; grid-column: 1 / -1; justify-content: flex-end; }
.dw-collab-timeline { padding: .45rem .8rem .8rem; }
.dw-collab-stage { border-left: 1px solid #d0d5dd; margin-left: .42rem; padding: .55rem 0 .65rem 1rem; position: relative; }
.dw-collab-stage:last-child { border-left-color: transparent; }
.dw-collab-stage-dot { background: #fff; border: 2px solid #cbd5e1; border-radius: 50%; height: .62rem; left: -.36rem; position: absolute; top: .78rem; width: .62rem; }
.dw-collab-stage.is-progress .dw-collab-stage-dot { border-color: #2563eb; }
.dw-collab-stage.is-done .dw-collab-stage-dot { background: #16a34a; border-color: #16a34a; }
.dw-collab-stage.is-self .dw-collab-stage-dot { background: #cbd5e1; border-color: #cbd5e1; }
.dw-collab-stage-head { align-items: center; display: flex; justify-content: space-between; }
.dw-collab-stage-title { align-items: center; background: transparent; border: 0; color: inherit; cursor: pointer; display: flex; flex: 1 1 auto; justify-content: space-between; min-width: 0; padding: .18rem .35rem .18rem 0; text-align: left; }
.dw-collab-stage-title:disabled { cursor: default; opacity: 1; }
.dw-collab-stage-title > span:first-child { min-width: 0; }
.dw-collab-stage-title strong { color: #344054; display: block; font-size: .72rem; }
.dw-collab-stage-title small { color: #8a95a6; display: block; font-size: .55rem; margin-top: .12rem; }
.dw-collab-stage.is-self .dw-collab-stage-title strong,
.dw-collab-stage.is-self .dw-collab-stage-title small { color: #64748b; }
.dw-collab-stage-summary { align-items: center; display: flex; flex: 0 0 auto; gap: .4rem; margin-left: .35rem; }
.dw-collab-stage-summary > i { color: #98a2b3; font-size: .52rem; }
.dw-collab-stage-assignee { align-items: center; display: flex; justify-content: flex-end; min-width: 0; }
.dw-collab-stage-assignee span { color: #98a2b3; font-size: .62rem; }
.dw-collab-picker-button { align-items: center; background: #fff; border: 1px solid #d7e3f6; border-radius: .48rem; color: #475467; cursor: pointer; display: inline-flex; font: inherit; font-size: .62rem; gap: .38rem; height: 1.72rem; justify-content: center; min-width: 4.8rem; padding: 0 .48rem; }
.dw-collab-picker-button i { color: #667085; font-size: .52rem; transition: transform .16s ease; }
.dw-collab-picker-button.is-open { background: #eff6ff; border-color: #93c5fd; color: #1d4ed8; }
.dw-collab-picker-button.is-open i { transform: rotate(180deg); }
.dw-collab-picker-button:focus-visible { box-shadow: 0 0 0 2px rgba(37, 99, 235, .16); outline: 0; }
.dw-collab-stage.has-picker { z-index: 20; }
.dw-collab-member-picker { background: #fff; border: 1px solid #d7e3f2; border-radius: .58rem; box-shadow: 0 .7rem 1.6rem rgba(15, 23, 42, .16); overflow: hidden; position: absolute; right: 0; top: 2.05rem; width: min(14rem, calc(100% - .1rem)); z-index: 20; }
.dw-collab-member-picker.is-up { bottom: 2.05rem; top: auto; }
.dw-collab-member-picker-head { align-items: center; background: #f8fafc; border-bottom: 1px solid #e8edf4; display: flex; justify-content: space-between; padding: .45rem .55rem; }
.dw-collab-member-picker-head strong { color: #344054; font-size: .64rem; }
.dw-collab-member-picker-head span { color: #667085; font-size: .56rem; }
.dw-collab-member-picker-list { display: grid; max-height: 12rem; overflow-y: auto; padding: .28rem; scrollbar-width: thin; }
.dw-collab-member-picker-list > p { color: #98a2b3; font-size: .62rem; margin: .5rem; }
.dw-collab-member-option { border: 1px solid transparent; border-radius: .45rem; box-sizing: border-box; display: grid; gap: .3rem; padding: .28rem .42rem; position: relative; }
.dw-collab-member-main { align-items: center; cursor: pointer; display: grid; gap: .38rem; grid-template-columns: auto auto minmax(0, 1fr); min-height: 1.65rem; }
.dw-collab-member-option:hover { background: #f5f8fd; }
.dw-collab-member-option.is-selected { background: #eff6ff; border-color: #dbeafe; }
.dw-collab-member-option.is-pending-removal { background: #f8fafc; border-color: #e2e8f0; }
.dw-collab-member-option input { height: 1px; opacity: 0; pointer-events: none; position: absolute; width: 1px; }
.dw-collab-member-check { align-items: center; background: #fff; border: 1px solid #cbd5e1; border-radius: .28rem; color: transparent; display: inline-flex; height: .9rem; justify-content: center; width: .9rem; }
.dw-collab-member-check i { font-size: .52rem; }
.dw-collab-member-option input:checked + .dw-collab-member-check { background: #2563eb; border-color: #2563eb; color: #fff; }
.dw-collab-member-option:focus-within { box-shadow: inset 0 0 0 1px #60a5fa; }
.dw-collab-member-avatar { align-items: center; background: #f1f5f9; border-radius: 50%; color: #64748b; display: inline-flex; height: 1.4rem; justify-content: center; width: 1.4rem; }
.dw-collab-member-option.is-selected .dw-collab-member-avatar { background: #dbeafe; color: #2563eb; }
.dw-collab-member-avatar i { font-size: .56rem; }
.dw-collab-member-copy { min-width: 0; }
.dw-collab-member-option strong { color: #344054; display: block; font-size: .63rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dw-collab-member-option small { color: #98a2b3; display: block; font-size: .54rem; margin-top: .04rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dw-collab-member-option.is-pending-removal small { color: #b45309; }
.dw-collab-member-option.is-locked { cursor: not-allowed; opacity: .62; }
.dw-collab-member-option.is-locked:hover { background: #eff6ff; }
.dw-collab-member-picker-actions { align-items: center; background: #f8fafc; border-top: 1px solid #e8edf4; display: flex; gap: .38rem; justify-content: flex-end; padding: .42rem .5rem; }
.dw-collab-member-picker-actions .dw-btn { border-radius: .4rem; font-size: .58rem; min-height: 1.65rem; padding: .24rem .58rem; }
.dw-collab-stage > p { color: #98a2b3; font-size: .64rem; margin: .4rem 0 0; }
.dw-collab-task-list { display: grid; gap: .38rem; margin-top: .42rem; }
.dw-collab-task-list article { align-items: center; background: #f8fafc; border-radius: .48rem; display: flex; gap: .45rem; justify-content: flex-start; padding: .5rem .55rem; }
.dw-collab-task-list article > div { min-width: 0; }
.dw-collab-task-list article strong { color: #344054; display: block; font-size: .68rem; line-height: 1.4; }
.dw-collab-task-list article small { color: #7a8494; display: block; font-size: .6rem; margin-top: .12rem; }
.dw-collab-task-person { align-items: center; display: flex; gap: .42rem; min-width: 0; }
.dw-collab-task-person > div { min-width: 0; }
.dw-collab-stage-empty { background: #f8fafc; border-radius: .48rem; color: #98a2b3; font-size: .6rem; margin: .42rem 0 0; padding: .65rem; text-align: center; }
.dw-collab-stage-result { align-items: center; background: #f0fdf4; border: 1px solid #bbf7d0; border-radius: .45rem; color: #15803d !important; display: flex; gap: .32rem; line-height: 1.45; padding: .42rem .5rem; }
.dw-collab-stage-actions { display: flex; justify-content: flex-end; margin-top: .42rem; }
.dw-collab-launch-button { background: #ff6b35; border-color: #ff6b35; color: #fff; font-size: .6rem; min-height: 1.72rem; padding: .28rem .55rem; }
.dw-collab-launch-button:hover { background: #ea5a28; border-color: #ea5a28; }
.dw-collab-status { background: #fff; border: 1px solid #d8dee8; border-radius: 999px; color: #475467; cursor: pointer; flex: 0 0 auto; font-size: .6rem; font-weight: 700; min-height: 1.65rem; padding: 0 .48rem; }
.dw-collab-status.in_progress { border-color: #bfdbfe; color: #2563eb; }
.dw-collab-status.done { background: #ecfdf3; border-color: #bbf7d0; color: #067647; }
.dw-collab-task-state { border: 1px solid; border-radius: 999px; flex: 0 0 auto; font-size: .58rem; font-weight: 700; padding: .2rem .45rem; }
.dw-collab-task-state.draft { background: #f8fafc; border-color: #d8dee8; color: #667085; }
.dw-collab-task-state.pending { background: #fff7ed; border-color: #fed7aa; color: #c2410c; }
.dw-collab-task-state.done { background: #ecfdf3; border-color: #bbf7d0; color: #067647; }

#developmentWorkbenchRoot .dw-list-collab-popover > .dw-collab-rail { max-height: min(31rem, calc(100dvh - 1.5rem)); overflow: hidden; }
.dw-collab-split-body { display: grid; flex: 1 1 auto; grid-template-columns: minmax(10.8rem, 38%) minmax(0, 62%); min-height: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-color: #94a3b8 #f1f5f9; scrollbar-gutter: stable; scrollbar-width: thin; }
.dw-collab-split-body::-webkit-scrollbar { width: .48rem; }
.dw-collab-split-body::-webkit-scrollbar-track { background: #f1f5f9; }
.dw-collab-split-body::-webkit-scrollbar-thumb { background: #94a3b8; border: 2px solid #f1f5f9; border-radius: 999px; }
.dw-collab-stage-nav { align-self: stretch; background: #fbfcfe; border-right: 1px solid #d7dee8; display: flex; flex-direction: column; min-width: 0; padding: .42rem 0; }
.dw-collab-stage-nav-item { align-items: center; appearance: none; background: transparent; border: 0; color: inherit; cursor: pointer; display: grid; gap: .42rem; grid-template-columns: .62rem minmax(0, 1fr) auto; min-height: 3.25rem; padding: .46rem .55rem .46rem .68rem; position: relative; text-align: left; width: 100%; }
.dw-collab-stage-nav-item:hover { background: #f1f5fb; }
.dw-collab-stage-nav-item.is-active { background: #eff6ff; box-shadow: inset 3px 0 0 #2563eb; }
.dw-collab-stage-nav-item:focus-visible { box-shadow: inset 3px 0 0 #2563eb, inset 0 0 0 1px #93c5fd; outline: 0; }
.dw-collab-stage-nav-dot { background: #fff; border: 2px solid #cbd5e1; border-radius: 50%; height: .48rem; width: .48rem; }
.dw-collab-stage-nav-item.is-active .dw-collab-stage-nav-dot,
.dw-collab-stage-nav-item.is-pending .dw-collab-stage-nav-dot { border-color: #2563eb; }
.dw-collab-stage-nav-item.is-done .dw-collab-stage-nav-dot { background: #16a34a; border-color: #16a34a; }
.dw-collab-stage-nav-item.is-self .dw-collab-stage-nav-dot { background: #cbd5e1; border-color: #cbd5e1; }
.dw-collab-stage-nav-copy { min-width: 0; }
.dw-collab-stage-nav-copy strong { color: #25324a; display: block; font-size: .76rem; font-weight: 750; line-height: 1.35; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dw-collab-stage-nav-copy small { color: #697586; display: block; font-size: .57rem; line-height: 1.35; margin-top: .12rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dw-collab-stage-badge { border: 1px solid; border-radius: 999px; font-size: .54rem; font-weight: 750; line-height: 1; padding: .22rem .36rem; white-space: nowrap; }
.dw-collab-stage-badge.self { background: #f0fdf4; border-color: #bbf7d0; color: #15803d; }
.dw-collab-stage-badge.draft { background: #f8fafc; border-color: #d8dee8; color: #667085; }
.dw-collab-stage-badge.pending { background: #fff7ed; border-color: #fed7aa; color: #c2410c; }
.dw-collab-stage-badge.done { background: #ecfdf3; border-color: #a7f3d0; color: #067647; }
.dw-collab-focus-detail { min-width: 0; padding: .75rem .8rem 1rem; position: relative; }
.dw-collab-focus-head { align-items: center; border-bottom: 1px solid #e2e8f0; display: flex; gap: .55rem; justify-content: space-between; padding-bottom: .62rem; }
.dw-collab-focus-head > div > span { color: #667085; display: block; font-size: .58rem; font-weight: 650; }
.dw-collab-focus-head h4 { color: #1f2a44; font-size: .9rem; line-height: 1.35; margin: .16rem 0 0; }
.dw-collab-focus-copy { padding: .68rem 0 .58rem; }
.dw-collab-focus-copy strong,
.dw-collab-focus-section-head > strong { color: #475467; display: block; font-size: .62rem; font-weight: 750; }
.dw-collab-focus-copy p { color: #667085; font-size: .66rem; line-height: 1.55; margin: .28rem 0 0; }
.dw-collab-focus-section-head { align-items: center; display: flex; gap: .5rem; justify-content: space-between; }
.dw-collab-focus-assignees .dw-collab-task-list { margin-top: .5rem; }
.dw-collab-focus-assignees .dw-collab-task-list article { background: #f6f8fb; border: 1px solid #edf1f5; padding: .6rem; }
.dw-collab-focus-assignees .dw-collab-stage-empty { background: #f8fafc; border: 1px solid #e2e8f0; color: #667085; margin-top: .5rem; }
.dw-collab-focus-detail .dw-collab-member-picker,
.dw-collab-focus-detail .dw-collab-member-picker.is-up { bottom: auto; margin-top: .5rem; position: static; top: auto; width: 100%; }
.dw-collab-focus-assignees .dw-collab-stage-actions { justify-content: flex-start; margin-top: .65rem; }
.dw-collab-focus-assignees .dw-collab-launch-button { background: #2563eb; border-color: #2563eb; font-size: .64rem; min-height: 2rem; padding: .34rem .72rem; }
.dw-collab-focus-assignees .dw-collab-launch-button:hover { background: #1d4ed8; border-color: #1d4ed8; }

.dw-work-table { min-width: 82rem; }

@media (max-width: 1180px) {
  .dw-summary-shell { --dw-summary-head-height: 8.75rem; }
  .dw-summary-product-head { grid-template-columns: auto minmax(0, 1fr); }
  .dw-summary-product-head .dw-summary-progress { border-left: 0; border-top: 1px solid #edf1f5; grid-column: 1 / -1; padding: .65rem .2rem 0; width: 100%; }
  .dw-summary-layout { grid-template-columns: 1fr; }
  .dw-collab-rail { max-height: 31rem; position: static; }
  #developmentWorkbenchRoot .dw-list-collab-popover > .dw-collab-rail { max-height: min(31rem, calc(100dvh - 1.5rem)); }
  .dw-summary-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .dw-summary-shell { --dw-summary-head-height: 10rem; padding-inline: .7rem; }
  .dw-summary-product-head { align-items: flex-start; }
  .dw-summary-product-main h2 { white-space: normal; }
  .dw-summary-product-main p { line-height: 1.7; overflow: visible; white-space: normal; }
  .dw-summary-progress { display: flex; overflow-x: auto; }
  .dw-summary-progress button { flex: 0 0 9rem; }
  .dw-summary-fact-grid,
  .dw-summary-metrics,
  .dw-keyword-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dw-summary-reference-fact { grid-column: 1 / -1; grid-template-columns: auto minmax(0, 1fr) auto; }
  .dw-summary-two-col,
  .dw-purchase-order-grid { grid-template-columns: 1fr; }
  .dw-summary-module-head { align-items: flex-start; flex-direction: column; }
  .dw-summary-module-actions { justify-content: flex-start; width: 100%; }
  .dw-summary-image-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: none; }
  .dw-summary-image-batch-toolbar { flex-wrap: wrap; padding: .45rem .55rem; }
  .dw-image-progress-line { align-items: flex-start; flex-wrap: wrap; }
  .dw-image-progress-line > small { margin-left: 0; width: 100%; }
  .dw-collab-editor { grid-template-columns: 1fr; }
  .dw-collab-editor > div { grid-column: auto; }
  .dw-collab-member-picker,
  .dw-collab-member-picker.is-up { bottom: auto; margin-top: .4rem; position: static; top: auto; width: 100%; }
}


/* Development workbench pagination: total at left, controls at bottom-right. */
.dw-pagination { align-items: center; background: #fff; border-top: 1px solid #e8edf3; color: #667085; display: grid; font-size: .72rem; gap: 1rem; grid-template-columns: minmax(8rem, 1fr) auto; min-height: 3.5rem; padding: .65rem 1rem; }
.dw-pagination-total { white-space: nowrap; }
.dw-pagination-controls { align-items: center; display: flex; gap: .4rem; justify-content: flex-end; }
.dw-pagination button { align-items: center; background: #fff; border: 1px solid #dbe3ee; border-radius: .42rem; color: #475467; cursor: pointer; display: inline-flex; font: inherit; font-weight: 700; height: 2rem; justify-content: center; min-width: 2rem; padding: 0 .5rem; }
.dw-pagination button:hover:not(:disabled) { background: #f3f7ff; border-color: #b9cef0; color: #2563eb; }
.dw-pagination button.is-active { background: #2563eb; border-color: #2563eb; color: #fff; }
.dw-pagination button:disabled { cursor: not-allowed; opacity: .38; }
.dw-pagination select,
.dw-pagination input { background: #fff; border: 1px solid #dbe3ee; border-radius: .42rem; color: #475467; font: inherit; height: 2rem; outline: 0; }
.dw-pagination select { margin-left: .25rem; min-width: 5.7rem; padding: 0 1.6rem 0 .6rem; }
.dw-pagination input { padding: 0 .35rem; text-align: center; width: 2.5rem; }
.dw-pagination select:focus,
.dw-pagination input:focus { border-color: #93b4eb; box-shadow: 0 0 0 2px rgba(37, 99, 235, .1); }
.dw-pagination-jump { align-items: center; display: inline-flex; gap: .35rem; margin-left: .15rem; white-space: nowrap; }
@media (max-width: 760px) { .dw-pagination { grid-template-columns: 1fr; text-align: center; } .dw-pagination-controls { flex-wrap: wrap; justify-content: center; } }

/* Summary progress navigation: keep the current viewport section visually dominant. */
.dw-summary-progress button {
  opacity: .46;
  transition: background-color .18s ease, box-shadow .18s ease, color .18s ease, opacity .18s ease;
}
.dw-summary-progress button.is-active {
  background: #f1f6ff;
  box-shadow: inset 0 0 0 1px #c9dafb, 0 3px 10px rgba(37, 99, 235, .08);
  opacity: 1;
}
.dw-summary-progress button.is-active > span {
  box-shadow: 0 0 0 4px #dceaff;
}
.dw-summary-progress button:hover,
.dw-summary-progress button:focus-visible {
  opacity: .86;
}
.dw-summary-progress button.is-active:hover,
.dw-summary-progress button.is-active:focus-visible {
  opacity: 1;
}

/* dw-date-filter-20260719 */
.dw-date-wrap {
  position: relative;
  z-index: 25;
  flex: 0 0 auto;
}
.dw-date-control {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.dw-date-btn {
  height: 2.3rem;
  min-width: 5.25rem;
  max-width: 8.75rem;
  border-color: #d7dee9;
  border-radius: .5rem;
  padding: 0 .72rem;
  color: #344054;
  font-size: .8125rem;
  font-weight: 600;
  white-space: nowrap;
}
.dw-date-btn.has-value {
  min-width: 7rem;
  padding-right: 1.8rem;
  border-color: #93c5fd;
  background: #eff6ff;
  color: #2563eb;
}
.dw-date-clear {
  position: absolute;
  right: .3rem;
  top: 50%;
  z-index: 2;
  width: 1.25rem;
  height: 1.25rem;
  padding: 0;
  transform: translateY(-50%);
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #64748b;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: .6875rem;
}
.dw-date-clear:hover {
  background: #dbeafe;
  color: #1d4ed8;
}
.dw-date-wrap .dw-date-panel {
  left: 0;
  right: auto;
  top: calc(100% + .45rem);
  width: 18rem;
  z-index: 120;
}
.dw-work-list-shell {
  overflow: visible;
}
@media (max-width: 760px) {
  .dw-date-control,
  .dw-date-btn {
    width: 100%;
    max-width: none;
  }
}

/* procurement-flow-20260719 */
.dw-purchase-gate-grid{display:grid;gap:10px;margin-bottom:12px}
.dw-purchase-gate-card{padding:10px;border:1px solid #dbe5f2;border-radius:8px;background:#f8fafc}
.dw-purchase-gate-head,.dw-purchase-gate-head>span,.dw-purchase-gate-line,.dw-purchase-gate-facts{display:flex;align-items:center}
.dw-purchase-gate-head{justify-content:space-between;gap:8px}
.dw-purchase-gate-head>span{min-width:0;gap:7px;color:#172033}.dw-purchase-gate-head i{color:#2563eb}.dw-purchase-gate-head strong{font-size:11px}
.dw-purchase-gate-head em,.dw-purchase-gate-line strong{padding:3px 7px;border-radius:999px;font-size:9px;font-style:normal;font-weight:800;white-space:nowrap}
.dw-purchase-gate-head em.done,.dw-purchase-gate-line strong.done{background:#dcfce7;color:#15803d}
.dw-purchase-gate-head em.progress{background:#ffedd5;color:#c2410c}
.dw-purchase-gate-head em.pending,.dw-purchase-gate-line strong.pending{background:#f1f5f9;color:#64748b}
.dw-purchase-gate-facts{gap:6px;margin-top:9px}
.dw-purchase-gate-facts span{flex:1 1 0;min-width:0;padding:6px;border:1px solid #e6edf5;border-radius:6px;background:#fff;color:#64748b;font-size:9px;text-align:center}
.dw-purchase-gate-facts b{color:#172033;font-size:10px}
.dw-purchase-gate-line{justify-content:space-between;gap:8px;margin-top:8px;color:#64748b;font-size:9px}
.dw-purchase-gate-line strong{max-width:70%;overflow:hidden;color:#334155;text-overflow:ellipsis}
.dw-purchase-gate-card p{margin:8px 0 0;color:#dc2626;font-size:9px;line-height:1.5}
.dw-summary-module .dw-purchase-gate-grid{grid-template-columns:1fr}
@media(max-width:760px){.dw-summary-module .dw-purchase-gate-grid{grid-template-columns:1fr}}


/* procurement-source-links-20260719 */
.dw-purchase-source-card{background:#f8fafc}
.dw-purchase-source-list{display:grid;gap:8px;margin-top:9px}
.dw-purchase-source-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px;padding:8px 9px;border:1px solid #e1e8f0;border-radius:7px;background:#fff;color:#172033;text-decoration:none;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease}
.dw-purchase-source-row:hover{border-color:#93c5fd;background:#f8fbff}
.dw-purchase-source-row:focus-visible{outline:2px solid #2563eb;outline-offset:2px;box-shadow:0 0 0 3px rgba(37,99,235,.12)}
.dw-purchase-source-meta{display:grid;gap:4px;min-width:0;flex:1 1 auto}
.dw-purchase-source-meta strong,.dw-purchase-source-meta small{display:flex;align-items:baseline;gap:6px;min-width:0;margin:0}
.dw-purchase-source-meta strong{font-size:10px;font-weight:700;color:#172033}
.dw-purchase-source-meta small{font-size:9px;color:#64748b}
.dw-purchase-source-meta b{flex:0 0 28px;color:#94a3b8;font-size:9px;font-weight:600}
.dw-purchase-source-meta strong span,.dw-purchase-source-meta small span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dw-purchase-source-open{display:inline-flex;align-items:center;justify-content:flex-end;gap:5px;flex:0 0 auto;min-width:94px;color:#2563eb;font-size:9px;font-weight:700;white-space:nowrap}
.dw-purchase-source-open i{font-size:9px}
.dw-purchase-source-more{margin-top:8px}
.dw-purchase-source-more>summary{cursor:pointer;color:#2563eb;font-size:9px;font-weight:700;list-style-position:inside}
.dw-purchase-source-more[open]>summary{margin-bottom:8px}

/* listing-current-sync-20260722 */
.dw-rail-footer-actions.is-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.dw-rail-footer-actions.is-three .dw-rail-action:first-child{grid-column:auto}
.dw-listing-rail-summary{display:grid;gap:10px}
.dw-rail-heading h2{display:flex;align-items:center;gap:8px;min-width:0}
.dw-listing-current-origin{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:999px;background:#eff6ff;color:#2563eb;font-size:9px;font-weight:750;line-height:1.2;white-space:nowrap}
.dw-listing-current-origin.is-empty{background:#f1f5f9;color:#64748b}
.dw-listing-rail-card{padding:11px 12px;border:1px solid #dfe6ef;border-radius:9px;background:#fff}
.dw-listing-rail-card header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.dw-listing-rail-card header strong{color:#172033;font-size:12px}
.dw-listing-rail-card header em{padding:3px 7px;border-radius:999px;font-size:9px;font-style:normal;font-weight:750;white-space:nowrap}
.dw-listing-rail-card header em.done{background:#ecfdf3;color:#039855}
.dw-listing-rail-card header em.pending{background:#f1f5f9;color:#64748b}
.dw-listing-rail-card header em.is-field{background:#eff6ff;color:#2563eb}
.dw-listing-rail-card>p{display:-webkit-box;margin:0;overflow:hidden;color:#667085;font-size:10px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.dw-listing-rail-card>p.is-title{color:#344054;font-weight:650;-webkit-line-clamp:2}
.dw-listing-rail-card>p.is-empty{color:#98a2b3}
.dw-listing-rail-card ol{display:grid;gap:6px;margin:0;padding:0;list-style:none}
.dw-listing-rail-card li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:7px;align-items:start}
.dw-listing-rail-card li>span{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:#eff6ff;color:#2563eb;font-size:9px;font-weight:800}
.dw-listing-rail-card li p{display:-webkit-box;margin:0;overflow:hidden;color:#526175;font-size:10px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.dw-keyword-rail-summary{display:grid;gap:0}
.dw-keyword-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 0 11px;border-bottom:1px solid #e8edf3}
.dw-keyword-overview span{min-width:0;padding:0 8px;border-left:1px solid #e8edf3;text-align:center}
.dw-keyword-overview span:first-child{padding-left:0;border-left:0}
.dw-keyword-overview b,.dw-keyword-overview small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dw-keyword-overview b{color:#172033;font-size:14px;line-height:1.25}
.dw-keyword-overview small{margin-top:3px;color:#667085;font-size:8.5px}
.dw-keyword-section{padding:12px 0 0}
.dw-keyword-section+.dw-keyword-section{margin-top:12px;border-top:1px solid #e8edf3}
.dw-keyword-section>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}
.dw-keyword-section>header strong{color:#172033;font-size:12px}
.dw-keyword-section>header small{color:#667085;font-size:9px}
.dw-keyword-focus-list{display:grid}
.dw-keyword-focus-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;padding:9px 0;border-bottom:1px solid #eef2f6}
.dw-keyword-focus-main{display:flex;align-items:center;gap:7px;min-width:0}
.dw-keyword-focus-main strong{min-width:0;overflow:hidden;color:#27364c;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.dw-keyword-focus-main em{flex:0 0 auto;padding:2px 6px;border-radius:999px;background:#eff6ff;color:#2563eb;font-size:8.5px;font-style:normal;font-weight:750;white-space:nowrap}
.dw-keyword-focus-volume{align-self:center;text-align:right;white-space:nowrap}
.dw-keyword-focus-volume b,.dw-keyword-focus-volume small{display:block}
.dw-keyword-focus-volume b{color:#172033;font-size:11px;line-height:1.15}
.dw-keyword-focus-volume small{margin-top:2px;color:#667085;font-size:8px}
.dw-keyword-focus-dimensions{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:4px 11px;color:#7b8798;font-size:8.5px;line-height:1.4}
.dw-keyword-focus-dimensions span{white-space:nowrap}
.dw-keyword-focus-dimensions b{color:#475467;font-weight:650}
.dw-keyword-more{display:block;margin-top:8px;color:#667085;font-size:9px;line-height:1.45}
.dw-keyword-rail-empty{margin:7px 0 0;color:#98a2b3;font-size:10px;line-height:1.55}
.dw-keyword-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px}
.dw-keyword-group-row{min-width:0;padding:8px 0;border-bottom:1px solid #eef2f6}
.dw-keyword-group-row>div{display:flex;align-items:center;justify-content:space-between;gap:8px}
.dw-keyword-group-row strong{min-width:0;overflow:hidden;color:#344054;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.dw-keyword-group-row b{color:#172033;font-size:10px}
.dw-keyword-group-row small{display:block;margin-top:3px;overflow:hidden;color:#7b8798;font-size:8.5px;text-overflow:ellipsis;white-space:nowrap}
.dw-keyword-opportunities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:7px 0 2px}
.dw-keyword-opportunity{min-width:0;padding:0 9px;border-left:1px solid #e8edf3}
.dw-keyword-opportunity:first-child{padding-left:0;border-left:0}
.dw-keyword-opportunity small,.dw-keyword-opportunity strong,.dw-keyword-opportunity span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dw-keyword-opportunity small{color:#7b8798;font-size:8.5px}
.dw-keyword-opportunity strong{margin-top:4px;color:#27364c;font-size:10px}
.dw-keyword-opportunity span{margin-top:2px;color:#667085;font-size:9px}

.dw-modal.listing-workbench{display:flex;flex-direction:column;width:min(1180px,calc(100vw - 40px));height:min(880px,calc(100vh - 32px));max-height:calc(100vh - 32px);overflow:hidden;border-radius:12px}
.dw-modal.listing-workbench .dw-modal-head{align-items:center;flex:0 0 auto;gap:18px;padding:14px 18px}
.dw-modal.listing-workbench .dw-modal-head>div:first-child{min-width:0}
.dw-modal.listing-workbench .dw-modal-head h2{font-size:18px}
.dw-modal.listing-workbench .dw-modal-head p{max-width:430px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dw-modal.listing-workbench .dw-modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:0 18px 18px;background:#f8fafc}
.dw-modal.listing-workbench .dw-modal-actions{flex:0 0 auto;background:#fff;padding:11px 18px}
.dw-listing-modal-head-actions{display:flex;align-items:center;gap:10px;margin-left:auto}
.dw-listing-modal-head-actions[hidden]{display:none}
.dw-listing-modal-head-actions label{display:flex;align-items:center;gap:7px}
.dw-listing-modal-head-actions label[hidden]{display:none}
.dw-listing-modal-head-actions label>span{color:#667085;font-size:11px;font-weight:650}
.dw-listing-modal-head-actions select{height:34px;padding:0 30px 0 10px;border:1px solid #d7dee9;border-radius:7px;background:#fff;color:#344054;font:inherit;font-size:12px;font-weight:650;outline:0}
.dw-listing-modal-head-actions select:focus{border-color:#84a9f5;box-shadow:0 0 0 3px rgba(37,99,235,.1)}
.dw-listing-modal-head-actions .dw-btn{height:34px;padding:0 11px}
.dw-modal.listing-workbench .dw-modal-close{flex:0 0 auto}
.dw-listing-dialog-toolbar{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:10px;min-height:58px;padding:10px 0;border-bottom:1px solid #e7ecf2;background:#f8fafc}
.dw-listing-dialog-toolbar .dw-upload-tabs{margin:0}
.dw-listing-title-switch{display:inline-flex;padding:3px;border:1px solid #cbdcf8;border-radius:8px;background:#fff}
.dw-listing-title-switch button{height:28px;padding:0 11px;border:0;border-radius:6px;background:transparent;color:#667085;font:inherit;font-size:11px;font-weight:700;cursor:pointer}
.dw-listing-title-switch button.active{background:#2563eb;color:#fff;box-shadow:0 2px 6px rgba(37,99,235,.16)}
.dw-summary-module-body>.dw-listing-title-switch{margin:10px 0}
.dw-listing-title-switch-compact{display:flex;width:100%;margin-bottom:10px;box-sizing:border-box}
.dw-listing-title-switch-compact button{flex:1;min-width:0;padding:0 5px;font-size:10px}
.dw-listing-language-switch{display:inline-flex;padding:3px;border:1px solid #dce4ee;border-radius:8px;background:#fff}
.dw-listing-language-switch button{height:28px;padding:0 11px;border:0;border-radius:6px;background:transparent;color:#667085;font:inherit;font-size:11px;cursor:pointer}
.dw-listing-language-switch button.active{background:#eaf2ff;color:#1d4ed8;font-weight:750}
.dw-listing-translate-btn{display:inline-flex;align-items:center;gap:6px;height:34px;margin-left:auto;padding:0 11px;border:1px solid #cbdcf8;border-radius:7px;background:#fff;color:#2563eb;font:inherit;font-size:11px;font-weight:700;cursor:pointer}
.dw-listing-translate-btn:disabled{cursor:wait;opacity:.7}
.dw-listing-dialog-content{display:grid;gap:12px;padding-top:14px}
.dw-listing-language-note{display:flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid #fed7aa;border-radius:8px;background:#fff7ed;color:#9a3412;font-size:11px}
.dw-listing-editor-card{padding:14px;border:1px solid #dfe6ef;border-radius:10px;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.03)}
.dw-listing-editor-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}
.dw-listing-editor-card>header>div{display:flex;align-items:baseline;gap:8px}
.dw-listing-editor-card>header strong{color:#172033;font-size:13px}
.dw-listing-editor-card>header small{color:#98a2b3;font-size:10px}
.dw-listing-editor-card>header em{padding:3px 8px;border-radius:999px;font-size:9px;font-style:normal;font-weight:800}
.dw-listing-editor-card>header em.done{background:#ecfdf3;color:#039855}
.dw-listing-editor-card>header em.pending{background:#f1f5f9;color:#64748b}
.dw-listing-editor-card>header em.is-field{background:#eff6ff;color:#2563eb}
.dw-listing-field-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.dw-listing-field-columns>.dw-listing-language-column:only-child{grid-column:1/-1}
.dw-listing-language-column{min-width:0}
.dw-listing-language-column>small{display:block;margin-bottom:5px;color:#98a2b3;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}
.dw-listing-language-column textarea{display:block;width:100%;min-height:58px;padding:9px 10px;border:1px solid #d7dee9;border-radius:7px;background:#fff;color:#344054;font:inherit;font-size:11px;line-height:1.55;outline:0;resize:vertical}
.dw-modal.listing-workbench .dw-listing-language-column.is-english textarea{color:#172033;font-size:14px;font-weight:500;line-height:1.65}
.dw-listing-language-column textarea:focus{border-color:#84a9f5;box-shadow:0 0 0 3px rgba(37,99,235,.1)}
.dw-listing-dialog-content.is-readonly .dw-listing-language-column textarea{border-color:#e6ebf2;background:#f8fafc;resize:none}
.dw-listing-dialog-content.is-readonly .dw-listing-language-column textarea:focus{box-shadow:none}
.dw-listing-translation-copy{min-height:58px;padding:9px 10px;border:1px solid #dbeafe;border-radius:7px;background:#f8fbff;color:#40506a;font-size:11px;line-height:1.55;white-space:pre-wrap}
.dw-listing-translation-copy.is-empty{display:flex;align-items:center;color:#94a3b8;font-style:italic}
.dw-listing-bullet-list{display:grid;gap:8px}
.dw-listing-bullet-row{display:grid;grid-template-columns:24px minmax(0,1fr);gap:9px;align-items:start}
.dw-listing-bullet-row>span{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-top:0;border-radius:999px;background:#eaf2ff;color:#2563eb;font-size:11px;font-weight:800}
.dw-listing-bullet-row .dw-listing-language-column textarea,.dw-listing-bullet-row .dw-listing-translation-copy{min-height:56px}
.dw-modal.listing-workbench .dw-dropzone{margin-top:16px;min-height:210px;background:#fff}
.dw-modal.listing-workbench .dw-upload-list{margin-bottom:4px}
.dw-modal.listing-workbench .dw-upload-hint{margin-bottom:0}
.dw-modal.listing-workbench #dwSaveUploadBtn:not(.primary){border-color:#d9dee7;background:#e8ebf0;color:#98a2b3;box-shadow:none}
.dw-listing-analysis{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(350px,.82fr);gap:14px;padding-top:14px}
.dw-listing-analysis-pane{min-width:0;overflow:hidden;border:1px solid #dfe6ef;border-radius:10px;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.03)}
.dw-listing-analysis-pane>header{display:flex;align-items:center;justify-content:space-between;min-height:60px;padding:12px 14px;border-bottom:1px solid #e7ecf2}
.dw-listing-analysis-pane>header>div{display:grid;gap:3px}
.dw-listing-analysis-pane>header strong{color:#172033;font-size:14px}
.dw-listing-analysis-pane>header span{color:#667085;font-size:12px}
.dw-listing-analysis-fields{display:grid}
.dw-listing-analysis-field{display:grid;gap:8px;width:100%;padding:13px 14px;border:0;border-bottom:1px solid #edf0f4;background:#fff;color:#172033;text-align:left;cursor:pointer;transition:background .15s ease,box-shadow .15s ease}
.dw-listing-analysis-field:last-child{border-bottom:0}
.dw-listing-analysis-field:hover{background:#f7fbff}
.dw-listing-analysis-field.is-active{background:#eef9fd;box-shadow:inset 3px 0 0 #0891b2}
.dw-listing-analysis-field>span{display:flex;align-items:center;justify-content:space-between;gap:12px}
.dw-listing-analysis-field strong{font-size:13px}
.dw-listing-analysis-field em{color:#667085;font-size:11px;font-style:normal}
.dw-listing-analysis-field p{display:-webkit-box;margin:0;overflow:hidden;color:#344054;font-size:13px;line-height:1.65;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.dw-listing-analysis-field mark{padding:1px 2px;border-radius:3px;background:#bdebf5;color:#075b6e}
.dw-listing-keyword-list{display:grid;max-height:340px;overflow-y:auto;border-bottom:1px solid #e7ecf2}
.dw-listing-keyword-row{display:grid;gap:5px;width:100%;padding:11px 13px;border:0;border-bottom:1px solid #edf0f4;background:#fff;color:#172033;text-align:left;cursor:pointer}
.dw-listing-keyword-row:last-child{border-bottom:0}
.dw-listing-keyword-row:hover{background:#f7fbff}
.dw-listing-keyword-row.is-active{background:#eef9fd;box-shadow:inset 3px 0 0 #0891b2}
.dw-listing-keyword-row>span{display:flex;align-items:center;justify-content:space-between;gap:10px}
.dw-listing-keyword-row strong{min-width:0;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.dw-listing-keyword-row em,.dw-listing-keyword-detail header span{flex:0 0 auto;padding:3px 7px;border-radius:999px;background:#eef2f6;color:#526175;font-size:10px;font-style:normal;font-weight:750}
.dw-listing-keyword-row em.is-exact,.dw-listing-keyword-detail header span.is-exact{background:#e7f8f2;color:#047857}
.dw-listing-keyword-row em.is-natural,.dw-listing-keyword-detail header span.is-natural{background:#eaf2ff;color:#1d4ed8}
.dw-listing-keyword-row em.is-backend,.dw-listing-keyword-detail header span.is-backend{background:#f1ecff;color:#6941c6}
.dw-listing-keyword-row em.is-scattered,.dw-listing-keyword-detail header span.is-scattered{background:#fff4e5;color:#b54708}
.dw-listing-keyword-row small{color:#667085;font-size:11px}
.dw-listing-analysis-empty{padding:28px 14px;color:#667085;font-size:12px;text-align:center}
.dw-listing-keyword-detail{display:grid;gap:13px;padding:14px}
.dw-listing-keyword-detail header{display:grid;gap:4px}
.dw-listing-keyword-detail header>div{display:flex;align-items:center;gap:8px}
.dw-listing-keyword-detail header strong{color:#172033;font-size:15px}
.dw-listing-keyword-detail header p{margin:0;color:#667085;font-size:11px}

/* Compact contextual rail: keep product identity and workflow status visible
   while returning scarce vertical space to the task content. */
.dw-list-rail .dw-rail-product-head{flex-basis:62px;padding:8px 42px 8px 14px}
.dw-list-rail .dw-rail-product-link{gap:10px}
.dw-list-rail .dw-rail-product-link img,
.dw-list-rail .dw-rail-product-link .dw-product-fallback{height:40px;width:40px}
.dw-list-rail .dw-rail-product-link strong{font-size:14px;line-height:19px}
.dw-list-rail .dw-rail-product-link small{font-size:10px;line-height:15px;margin-top:0}
.dw-list-rail .dw-rail-close{right:8px;top:7px}
.dw-list-rail .dw-rail-scroll{padding:9px 14px 14px}
.dw-list-rail .dw-rail-heading{gap:10px;min-height:40px}
.dw-list-rail .dw-rail-heading h2{flex:1 1 auto;font-size:18px;line-height:24px}
.dw-list-rail .dw-rail-heading--task>h2{overflow:hidden}
.dw-list-rail .dw-rail-heading-meta{display:grid;flex:0 0 auto;gap:1px;justify-items:end;min-width:0}
.dw-list-rail .dw-rail-heading-meta .dw-rail-status-pill{height:24px;min-width:54px;padding:0 9px;font-size:11px}
.dw-list-rail .dw-rail-heading-meta .dw-rail-update{font-size:9px;line-height:12px;margin:0;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dw-list-rail .dw-rail-heading--images{min-height:34px}
.dw-list-rail .dw-rail-heading--images>h2{flex:0 0 auto}
.dw-list-rail .dw-rail-heading--images .dw-image-gallery-summary{background:transparent;flex:1 1 auto;height:26px;margin:0;min-width:0;padding:0}
.dw-list-rail .dw-rail-heading--images .dw-image-gallery-summary small{max-width:105px}
.dw-list-rail .dw-rail-heading--images .dw-rail-count{height:26px;min-width:54px;padding:0 9px;font-size:11px}
.dw-list-rail .dw-list-rail-content{margin-top:8px;padding-top:10px}
.dw-list-rail .dw-rail-image-grid{margin-top:8px}
.dw-list-rail .dw-rail-footer-actions{padding:10px 14px 12px}
.dw-list-rail .dw-rail-action{height:38px}
.dw-listing-keyword-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.dw-listing-keyword-metrics>div{display:grid;gap:3px;min-width:0;padding:9px;border-radius:7px;background:#f6f8fb}
.dw-listing-keyword-metrics span{color:#667085;font-size:10px}
.dw-listing-keyword-metrics strong{overflow:hidden;color:#172033;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.dw-listing-keyword-detail dl{display:grid;gap:8px;margin:0;padding-top:2px}
.dw-listing-keyword-detail dl>div{display:grid;grid-template-columns:70px minmax(0,1fr);gap:8px;font-size:12px;line-height:1.5}
.dw-listing-keyword-detail dt{color:#667085}
.dw-listing-keyword-detail dd{margin:0;color:#172033}

@media(max-width:900px){
  .dw-modal.listing-workbench{width:calc(100vw - 16px);height:calc(100vh - 16px);max-height:calc(100vh - 16px)}
  .dw-modal.listing-workbench .dw-modal-head{align-items:flex-start;flex-wrap:wrap;gap:10px;padding:12px}
  .dw-listing-modal-head-actions{order:3;width:100%;margin-left:0}
  .dw-listing-modal-head-actions label{flex:1 1 auto}
  .dw-listing-modal-head-actions select{width:100%}
  .dw-modal.listing-workbench .dw-modal-body{padding:0 12px 12px}
  .dw-listing-dialog-toolbar{align-items:stretch;flex-wrap:wrap}
  .dw-listing-translate-btn{margin-left:0}
  .dw-listing-field-columns{grid-template-columns:1fr}
  .dw-listing-language-column{grid-column:1}
  .dw-listing-analysis{grid-template-columns:1fr}
}
@media(max-width:520px){
  .dw-rail-footer-actions.is-three{gap:6px;padding:10px}
  .dw-rail-footer-actions.is-three .dw-rail-action{font-size:11px;padding:0 4px}
  .dw-listing-modal-head-actions{align-items:stretch;flex-direction:column}
  .dw-listing-modal-head-actions .dw-btn{width:100%}
  .dw-listing-language-switch{width:100%}
  .dw-listing-language-switch button{flex:1}
  .dw-listing-title-switch{width:100%}
  .dw-listing-title-switch button{flex:1}
  .dw-listing-translate-btn{justify-content:center;width:100%}
  .dw-listing-bullet-row{grid-template-columns:20px minmax(0,1fr);gap:6px}
  .dw-listing-bullet-row>span{width:20px;height:20px}
  .dw-listing-keyword-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* Task acceptance progress: waiting for validation is visible but never treated as complete. */
.dw-stage.validation { background: #fff7ed; color: #c2410c; }
.dw-status.validation { background: #fff7ed; color: #c2410c; }
.dw-modal-actions .dw-btn[hidden] { display: none !important; }
.dw-waiting-validation { align-items: flex-start; background: #fff7ed; border: 1px solid #fed7aa; border-radius: .58rem; color: #9a4b12; display: flex; gap: .55rem; margin-top: .75rem; padding: .7rem .75rem; }
.dw-waiting-validation.is-tip { background: #f8fafc; border-color: #e2e8f0; color: #475569; }
.dw-waiting-validation strong, .dw-waiting-validation span { display: block; }
.dw-waiting-validation strong { font-size: .76rem; }
.dw-waiting-validation span { font-size: .7rem; line-height: 1.5; margin-top: .18rem; }
.dw-progress-stage.waiting .dw-progress-label,
.dw-progress-stage.waiting .dw-progress-node,
.dw-progress-stage.waiting .dw-progress-detail { color: #d97706; }
.dw-submit-actions { align-items: center; display: flex; flex: 0 0 auto; gap: .5rem; }
@media (max-width: 760px) {
  .dw-submit-bar { align-items: stretch; flex-direction: column; }
  .dw-submit-actions { justify-content: flex-end; }
}


/* keyword-rail-all-visible-v1 */
.dw-keyword-section>header strong{font-size:13px}
.dw-keyword-section>header small{font-size:10px}
.dw-keyword-focus-row{padding:10px 0}
.dw-keyword-focus-main strong{font-size:13px;line-height:1.4}
.dw-keyword-focus-main em{font-size:9px}
.dw-keyword-focus-volume b{font-size:12px}
.dw-keyword-focus-volume small{font-size:9px}
.dw-keyword-focus-dimensions{font-size:9.5px;line-height:1.5}
.dw-keyword-more{font-size:10px}
.dw-keyword-groups{grid-template-columns:1fr;gap:0}
.dw-keyword-group-row{padding:10px 0}
.dw-keyword-group-row>div:first-child{margin-bottom:7px}
.dw-keyword-group-row strong{font-size:11.5px}
.dw-keyword-group-row b{font-size:11px}
.dw-keyword-group-tags{display:flex;flex-wrap:wrap;gap:6px}
.dw-keyword-group-tags span{display:inline-flex;max-width:100%;align-items:center;min-height:25px;padding:4px 8px;border:1px solid #dbe4ef;border-radius:6px;background:#f8fafc;color:#344054;font-size:10.5px;font-weight:600;line-height:1.35;white-space:normal;overflow-wrap:anywhere}
body.theme-dark .dw-keyword-group-tags span{border-color:#334155;background:#172033;color:#e2e8f0}


/* product-clue-modal-primary-visible-persistent-20260729 */
body .product-clue-modal .product-clue-btn.primary,
body .product-clue-modal-foot .product-clue-btn.primary {
  border-color: #3767e8 !important;
  background-color: #3767e8 !important;
  background-image: none !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: 0 4px 12px rgba(55, 103, 232, .22) !important;
  opacity: 1 !important;
}
body .product-clue-modal .product-clue-btn.primary:hover:not(:disabled),
body .product-clue-modal-foot .product-clue-btn.primary:hover:not(:disabled) {
  border-color: #2f5cdb !important;
  background-color: #2f5cdb !important;
}
body .product-clue-modal .product-clue-btn.primary:disabled,
body .product-clue-modal-foot .product-clue-btn.primary:disabled {
  border-color: #9eb5f4 !important;
  background-color: #9eb5f4 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: none !important;
  opacity: .78 !important;
  cursor: not-allowed;
}
.product-clue-pool-confirm { display: grid; gap: 10px; margin-top: 2px; }
.product-clue-pool-confirm-row {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  align-items: start;
  gap: 12px;
}
.product-clue-pool-confirm-row > span { color: #7a8aa2; }
.product-clue-pool-confirm-row > strong { color: #1b2d49; overflow-wrap: anywhere; }
.product-clue-pool-confirm p {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 5px 0 0;
  padding: 10px 12px;
  border-radius: 8px;
  color: #536681;
  background: #f4f7fc;
  line-height: 1.55;
}
.product-clue-pool-confirm p i { margin-top: 4px; color: #3767e8; }


/* product-clue-pool-idea-input-20260729 */
#softConfirmModal[data-variant="clue-pool-idea"] .product-clue-pool-idea-label {
  display: block;
  margin: 4px 0 -2px;
  color: #34455f;
  font-size: 13px;
  font-weight: 700;
  text-align: left;
}
#softConfirmModal[data-variant="clue-pool-idea"] #softConfirmInput {
  width: 100%;
  min-height: 44px;
  margin: 10px 0 4px;
  padding: 10px 12px;
  border: 1px solid #d5dfef;
  border-radius: 8px;
  background: #fff;
  color: #1c2d49;
  font-size: 13px;
  box-sizing: border-box;
}
#softConfirmModal[data-variant="clue-pool-idea"] #softConfirmInput:focus {
  border-color: #3767e8;
  outline: 0;
  box-shadow: 0 0 0 3px rgba(55, 103, 232, .12);
}


/* Product development list scroll containment fix — 2026-08-08 */
#developmentWorkbenchRoot .dw-shell:not(.dw-detail-shell) {
  grid-template-rows: minmax(0, 1fr) !important;
}
#developmentWorkbenchRoot .dw-shell:not(.dw-detail-shell) > .dw-work-list-shell {
  grid-row: 1 !important;
  height: 100% !important;
  min-height: 0 !important;
}
#developmentWorkbenchRoot .dw-shell:not(.dw-detail-shell) .dw-list-body {
  min-height: 0 !important;
}
#developmentWorkbenchRoot .dw-shell:not(.dw-detail-shell) .dw-work-table-wrap {
  height: 100% !important;
  min-height: 0 !important;
  overflow: auto !important;
}