/*
 * Workpaper collection visual polish (2026-08-17).
 *
 * The page keeps the existing workpaper, review, evidence and asset contracts.
 * This layer only reduces visual noise and aligns the collection desk with the
 * approved project-risk and audit-scheme visual baseline.
 */

body[data-active-view="workpaper"] {
  --wpp-ink: #18253a;
  --wpp-text: #405169;
  --wpp-muted: #758298;
  --wpp-line: #dde5ef;
  --wpp-line-soft: #edf1f6;
  --wpp-surface: #ffffff;
  --wpp-surface-soft: #f7f9fc;
  --wpp-blue: #255fd2;
  --wpp-blue-soft: #eef4ff;
  --wpp-green: #15805f;
  --wpp-orange: #c56a17;
}

body[data-active-view="workpaper"] .breadcrumb {
  min-height: 28px;
  padding: 8px 18px 0;
  font-size: 12px;
}

body[data-active-view="workpaper"] .main-content {
  max-width: none;
  padding: 10px 18px 30px;
  background: #f7f9fc;
}

#view-workpaper > .app-page-hero {
  display: none !important;
}

#view-workpaper > .app-page-hero .app-page-hero-copy {
  display: flex;
  align-items: baseline;
  gap: 12px;
}

#view-workpaper > .app-page-hero .page-eyebrow {
  order: 2;
  color: var(--wpp-muted);
  font-size: 12px;
  letter-spacing: 0;
}

#view-workpaper > .app-page-hero h2 {
  order: 1;
  margin: 0;
  color: var(--wpp-ink);
  font-size: 21px;
  font-weight: 760;
  letter-spacing: -.025em;
}

#view-workpaper > .app-page-hero p { display: none !important; }

#view-workpaper .project-flow-nav.pfn-compact {
  margin: 0 0 9px !important;
  border-color: var(--wpp-line) !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: none !important;
}

#view-workpaper .project-flow-nav.pfn-compact .pfn-head {
  min-height: 36px !important;
  padding: 4px 7px 4px 10px !important;
}

#view-workpaper .project-flow-nav.pfn-compact .pfn-head > div:first-child > :is(span, small) {
  display: none !important;
}

#view-workpaper .project-flow-nav.pfn-compact .pfn-head h3 {
  max-width: 620px !important;
  margin: 0 !important;
  color: #33445d !important;
  font-size: 13px !important;
  font-weight: 720 !important;
}

#view-workpaper .project-flow-nav.pfn-compact .pfn-actions {
  gap: 6px !important;
}

#view-workpaper .project-flow-nav.pfn-compact .pfn-actions .btn {
  min-height: 28px !important;
  padding: 0 9px !important;
  border-radius: 7px !important;
  font-size: 12px !important;
}

/* Interview remains available from the project navigation; repeating it as a
 * full-width callout above the collection desk adds no new decision. */
#view-workpaper > .aiw-entry { display: none !important; }

#view-workpaper #wpm-content,
#view-workpaper .wpm-project-collection { min-width: 0; }

#view-workpaper .wpm-workpaper-desk {
  overflow: hidden;
  margin: 0;
  border: 1px solid #d7e1ed;
  border-radius: 13px;
  background: var(--wpp-surface);
  box-shadow: 0 1px 2px rgba(15, 23, 42, .025);
}

#view-workpaper .wpm-desk-head {
  min-height: 62px;
  align-items: center;
  gap: 20px;
  padding: 10px 14px;
  border-bottom: 1px solid var(--wpp-line-soft);
  background: #fbfdff;
}

#view-workpaper .wpm-desk-head > div:first-child {
  min-width: 0;
  max-width: 680px;
}

#view-workpaper .wpm-desk-head span {
  color: var(--wpp-blue);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .02em;
}

#view-workpaper .wpm-desk-head h3 {
  overflow: hidden;
  margin: 3px 0 0;
  color: var(--wpp-ink);
  font-size: 18px;
  font-weight: 760;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#view-workpaper .wpm-desk-head p {
  margin: 3px 0 0;
  color: var(--wpp-muted);
  font-size: 12px;
  line-height: 1.45;
}

#view-workpaper .wpm-result-summary {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
  color: var(--wpp-muted);
  font-size: 11.5px;
  white-space: nowrap;
}

#view-workpaper .wpm-result-summary span {
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
  padding-left: 10px;
  border-left: 1px solid var(--wpp-line);
}

#view-workpaper .wpm-result-summary strong {
  color: var(--wpp-ink);
  font-size: 14px;
  font-weight: 760;
}

#view-workpaper .wpm-result-summary .warn strong { color: var(--wpp-orange); }
#view-workpaper .wpm-result-summary .ready strong,
#view-workpaper .wpm-result-summary em {
  color: var(--wpp-green);
}

#view-workpaper .wpm-result-summary em {
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
}

#view-workpaper .wpm-desk-layout {
  grid-template-columns: 310px minmax(0, 1fr);
  min-height: 590px;
}

#view-workpaper .wpm-desk-list {
  max-height: none;
  padding: 0;
  overflow: visible;
  border-right: 1px solid var(--wpp-line);
  background: #fafbfd;
}

#view-workpaper .wpm-family-index {
  padding: 11px 12px 9px;
  border-bottom: 1px solid var(--wpp-line-soft);
}

#view-workpaper .wpm-family-index-head {
  align-items: center;
  margin-bottom: 7px;
}

#view-workpaper .wpm-family-index-head span { font-size: 11px; }
#view-workpaper .wpm-family-index-head strong { font-size: 12.5px; }
#view-workpaper .wpm-family-index-head b {
  padding: 3px 6px;
  border-radius: 999px;
  background: #fff6e9;
  color: #a95b17;
  font-size: 11px;
}

#view-workpaper .wpm-family-nav {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

#view-workpaper .wpm-family-row {
  grid-template-columns: 24px minmax(0, 1fr) auto;
  gap: 6px;
  min-height: 38px;
  padding: 5px 7px;
  border-color: var(--wpp-line);
  border-radius: 8px;
  background: #fff;
}

#view-workpaper .wpm-family-row > span {
  width: 23px;
  height: 23px;
  border-radius: 6px;
  font-size: 11px;
}

#view-workpaper .wpm-family-row strong {
  overflow: hidden;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#view-workpaper .wpm-family-row em { font-size: 11px; }
#view-workpaper .wpm-family-row small { display: none; }
#view-workpaper .wpm-family-boundary { display: none; }

#view-workpaper .wpm-directory-search { padding: 9px 10px 7px; }
#view-workpaper .wpm-directory-search .wpm-search {
  height: 32px;
  border-color: var(--wpp-line);
  border-radius: 8px;
  background: #fff;
  font-size: 12px;
}

#view-workpaper .wpm-paper-directory { padding: 2px 8px 10px; }
#view-workpaper .wpm-paper-module {
  margin: 0;
  border: 0;
  border-top: 1px solid var(--wpp-line-soft);
  border-radius: 0;
  background: transparent;
}

#view-workpaper .wpm-paper-module:first-child { border-top: 0; }
#view-workpaper .wpm-paper-module > summary { padding: 8px 6px 6px; }
#view-workpaper .wpm-paper-module > summary strong { font-size: 12.5px; }
#view-workpaper .wpm-paper-module > summary span { font-size: 11px; }
#view-workpaper .wpm-paper-program { border-top: 0; }
#view-workpaper .wpm-paper-program > div { padding: 3px 6px 5px; }

#view-workpaper .wpm-paper-row {
  grid-template-columns: 48px minmax(0, 1fr) auto;
  width: 100%;
  margin: 0 0 4px;
  padding: 7px 7px;
  border-color: transparent;
  border-radius: 7px;
  background: transparent;
}

#view-workpaper .wpm-paper-row:hover {
  border-color: #cfdcf0;
  background: #f4f8ff;
}

#view-workpaper .wpm-paper-row.active {
  border-color: #b8cff8;
  background: var(--wpp-blue-soft);
  box-shadow: inset 2px 0 0 var(--wpp-blue);
}

#view-workpaper .wpm-paper-row b { font-size: 11px; }
#view-workpaper .wpm-paper-row > span {
  display: grid;
  min-width: 0;
  gap: 2px;
  text-align: left;
}

#view-workpaper .wpm-paper-row > span > strong {
  overflow: hidden;
  color: var(--wpp-text);
  font-size: 12.5px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#view-workpaper .wpm-paper-row > span > small {
  overflow: hidden;
  color: var(--wpp-muted);
  font-size: 10.5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#view-workpaper .wpm-paper-row em {
  padding: 2px 5px;
  border-radius: 999px;
  background: #fff3e6;
  font-size: 11px;
}

#view-workpaper .wpm-paper-row.ready em {
  background: #eaf8f1;
  color: var(--wpp-green);
}

#view-workpaper .wpm-paper-row.withdrawn { opacity: .58; }
#view-workpaper .wpm-directory-actions {
  padding: 9px 10px;
  border-top-color: var(--wpp-line-soft);
}

#view-workpaper .wpm-directory-actions .btn {
  min-height: 28px;
  padding: 0 8px;
  border-radius: 7px;
  font-size: 11px;
}

#view-workpaper .wpm-desk-detail {
  min-width: 0;
  padding: 15px 17px 18px;
  background: #fff;
}

#view-workpaper .wpm-desk-current {
  align-items: flex-start;
  margin-bottom: 10px;
  padding-bottom: 11px;
  border-bottom: 1px solid var(--wpp-line-soft);
}

#view-workpaper .wpm-desk-current span { font-size: 11px; }
#view-workpaper .wpm-desk-current h3 {
  margin: 3px 0 0;
  color: var(--wpp-ink);
  font-size: 17px;
  font-weight: 760;
  letter-spacing: -.015em;
}

#view-workpaper .wpm-desk-current p {
  margin-top: 4px;
  color: var(--wpp-muted);
  font-size: 13px;
}

#view-workpaper .wpm-desk-current > b {
  padding: 4px 8px;
  border-radius: 999px;
  font-size: 11px;
}

#view-workpaper .wpm-desk-fields {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--wpp-line);
  border-radius: 10px;
  background: #fbfcfe;
}

#view-workpaper .wpm-desk-fields article {
  min-height: 52px;
  padding: 9px 10px;
  border: 0;
  border-right: 1px solid var(--wpp-line-soft);
  border-bottom: 1px solid var(--wpp-line-soft);
  border-radius: 0;
  background: transparent;
}

#view-workpaper .wpm-desk-fields article:nth-child(3n) { border-right: 0; }
#view-workpaper .wpm-desk-fields article:last-child {
  grid-column: 1 / -1;
  border-right: 0;
}
#view-workpaper .wpm-desk-fields span { font-size: 11px; }
#view-workpaper .wpm-desk-fields strong {
  margin-top: 4px;
  color: var(--wpp-text);
  font-size: 13px;
  font-weight: 700;
}

#view-workpaper .wpm-trace-disclosure,
#view-workpaper .wpm-supporting-context {
  margin-top: 10px;
  overflow: hidden;
  border: 1px solid var(--wpp-line);
  border-radius: 10px;
  background: #fff;
}

#view-workpaper :is(.wpm-trace-disclosure, .wpm-supporting-context) > summary {
  display: flex;
  min-height: 44px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 10px;
  cursor: pointer;
  list-style: none;
}

#view-workpaper :is(.wpm-trace-disclosure, .wpm-supporting-context) > summary::-webkit-details-marker { display: none; }

#view-workpaper :is(.wpm-trace-disclosure, .wpm-supporting-context) > summary > span {
  display: grid;
  gap: 2px;
}

#view-workpaper :is(.wpm-trace-disclosure, .wpm-supporting-context) > summary b {
  color: var(--wpp-ink);
  font-size: 13px;
}

#view-workpaper :is(.wpm-trace-disclosure, .wpm-supporting-context) > summary small,
#view-workpaper :is(.wpm-trace-disclosure, .wpm-supporting-context) > summary em {
  color: var(--wpp-muted);
  font-size: 11px;
  font-style: normal;
}

#view-workpaper :is(.wpm-trace-disclosure, .wpm-supporting-context)[open] > summary {
  border-bottom: 1px solid var(--wpp-line-soft);
  background: #fbfcfe;
}

#view-workpaper .wpm-trace-shell { min-width: 0; }

#view-workpaper .wpm-trace-tabs {
  display: flex;
  gap: 4px;
  padding: 7px 9px 0;
  overflow-x: auto;
}

#view-workpaper .wpm-trace-tabs button {
  min-height: 27px;
  padding: 0 8px;
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
  color: var(--wpp-muted);
  font: inherit;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
  cursor: pointer;
}

#view-workpaper .wpm-trace-tabs button.active {
  border-color: #c9d9f4;
  background: var(--wpp-blue-soft);
  color: var(--wpp-blue);
}

#view-workpaper .wpm-trace-body { padding: 9px 10px 10px; }

#view-workpaper .wpm-trace-lead {
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  padding: 8px 9px;
  border-radius: 8px;
  background: #f7f9fc;
}

#view-workpaper .wpm-trace-lead span,
#view-workpaper .wpm-trace-list span {
  color: var(--wpp-muted);
  font-size: 11px;
}

#view-workpaper .wpm-trace-lead strong,
#view-workpaper .wpm-trace-list strong {
  min-width: 0;
  color: var(--wpp-text);
  font-size: 12.5px;
  overflow-wrap: anywhere;
}

#view-workpaper .wpm-trace-lead small {
  color: var(--wpp-muted);
  font-size: 11px;
}

#view-workpaper .wpm-trace-list,
#view-workpaper .wpm-version-list,
#view-workpaper .wpm-responsibility-list {
  display: grid;
  gap: 0;
  margin: 6px 0 0;
  padding: 0;
  list-style: none;
}

#view-workpaper .wpm-trace-list li {
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr);
  gap: 8px;
  padding: 7px 9px;
  border-bottom: 1px solid var(--wpp-line-soft);
}

#view-workpaper .wpm-version-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 7px 8px;
  border-bottom: 1px solid var(--wpp-line-soft);
}

#view-workpaper .wpm-version-list li > div { display: grid; gap: 2px; }
#view-workpaper .wpm-version-list strong { color: var(--wpp-text); font-size: 12.5px; }
#view-workpaper .wpm-version-list span { color: var(--wpp-muted); font-size: 11px; }
#view-workpaper .wpm-version-list button {
  min-height: 27px;
  padding: 0 8px;
  border: 1px solid #c9d9f4;
  border-radius: 6px;
  background: #fff;
  color: var(--wpp-blue);
  font: inherit;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
}

#view-workpaper .wpm-responsibility-list li {
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr);
  gap: 8px;
  padding: 7px 9px;
  border-left: 2px solid #cbdaf1;
}

#view-workpaper .wpm-responsibility-list li > span { color: var(--wpp-blue); font-size: 11px; font-weight: 700; }
#view-workpaper .wpm-responsibility-list li > div { display: grid; gap: 2px; }
#view-workpaper .wpm-responsibility-list strong { color: var(--wpp-text); font-size: 12.5px; }
#view-workpaper .wpm-responsibility-list small { color: var(--wpp-muted); font-size: 11px; line-height: 1.45; }
#view-workpaper .wpm-trace-note,
#view-workpaper .wpm-trace-empty {
  margin: 7px 0 0;
  color: var(--wpp-muted);
  font-size: 11.5px;
  line-height: 1.5;
}

#view-workpaper .wpm-supporting-context > div { padding: 9px 10px 10px; }
#view-workpaper .wpm-supporting-facts { display: flex; flex-wrap: wrap; gap: 6px; }
#view-workpaper .wpm-supporting-facts span {
  padding: 3px 7px;
  border-radius: 999px;
  background: #f3f6fa;
  color: var(--wpp-muted);
  font-size: 11px;
}

#view-workpaper .project-linked-knowledge-cards {
  margin-top: 10px;
  padding: 9px 10px;
  border-color: var(--wpp-line);
  border-radius: 9px;
  background: #fbfcfe;
}

#view-workpaper .project-linked-knowledge-cards :is(strong, small) { font-size: 12px; }

#view-workpaper .wpm-evidence-chain {
  margin-top: 10px;
  overflow: hidden;
  border-color: var(--wpp-line);
  border-radius: 10px;
}

#view-workpaper .wpm-evidence-chain-head { padding: 8px 10px; }
#view-workpaper .wpm-evidence-chain-head span { font-size: 11px; }
#view-workpaper .wpm-evidence-chain-head strong { font-size: 13px; }
#view-workpaper .wpm-evidence-chain > section { padding: 9px 10px; }
#view-workpaper .wpm-evidence-chain li,
#view-workpaper .wpm-evidence-chain p { font-size: 13px; }

#view-workpaper .wpm-desk-next {
  align-items: center;
  margin-top: 10px;
  padding: 10px 11px;
  border-color: #cddcf4;
  border-radius: 10px;
  background: #f7faff;
}

#view-workpaper .wpm-desk-next span { font-size: 11px; }
#view-workpaper .wpm-desk-next strong { font-size: 14px; }
#view-workpaper .wpm-desk-next p { font-size: 13px; }
#view-workpaper .wpm-desk-next > div:last-child { gap: 6px; }
#view-workpaper .wpm-desk-next .btn {
  min-height: 28px;
  padding: 0 8px;
  border-radius: 7px;
  font-size: 11px;
}

#view-workpaper .wpm-more-actions { position: relative; }
#view-workpaper .wpm-more-actions > summary {
  min-height: 28px;
  box-sizing: border-box;
  padding: 6px 9px;
  border: 1px solid #d7e0ec;
  border-radius: 7px;
  background: #fff;
  color: #4a5b72;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  list-style: none;
}

#view-workpaper .wpm-more-actions > summary::-webkit-details-marker { display: none; }
#view-workpaper .wpm-more-actions[open] > div {
  position: absolute;
  z-index: 15;
  right: 0;
  bottom: calc(100% + 6px);
  display: grid;
  width: 176px;
  gap: 5px;
  padding: 7px;
  border: 1px solid var(--wpp-line);
  border-radius: 9px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(24, 37, 58, .13);
}

#view-workpaper .wpm-more-actions[open] .btn { width: 100%; }

@media (max-width: 1120px) {
  #view-workpaper .wpm-desk-head { align-items: flex-start; flex-direction: column; }
  #view-workpaper .wpm-result-summary { margin-left: 0; }
  #view-workpaper .wpm-result-summary span:first-child { padding-left: 0; border-left: 0; }
  #view-workpaper .wpm-desk-layout { grid-template-columns: 280px minmax(0, 1fr); }
  #view-workpaper .wpm-desk-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #view-workpaper .wpm-desk-fields article:nth-child(3n) { border-right: 1px solid var(--wpp-line-soft); }
  #view-workpaper .wpm-desk-fields article:nth-child(2n) { border-right: 0; }
  #view-workpaper .wpm-desk-fields article:last-child { border-right: 0; }
}

@media (max-width: 760px) {
  body[data-active-view="workpaper"] .main-content { padding: 8px 10px 24px; }
  #view-workpaper .wpm-desk-layout { grid-template-columns: 1fr; }
  #view-workpaper .wpm-desk-list { border-right: 0; border-bottom: 1px solid var(--wpp-line); }
  #view-workpaper .wpm-desk-fields { grid-template-columns: 1fr; }
  #view-workpaper .wpm-desk-fields article { border-right: 0 !important; }
  #view-workpaper .wpm-trace-lead { grid-template-columns: 72px minmax(0, 1fr); }
  #view-workpaper .wpm-trace-lead small { grid-column: 2; }
  #view-workpaper .wpm-desk-next { align-items: stretch; flex-direction: column; }
  #view-workpaper .wpm-desk-next > div:last-child { justify-content: flex-start; }
}