/* Project Center — OA-style responsibility control surface.
   It projects existing audit objects and permissions; it is not a second workflow engine. */
#view-history #history-list.pt-center-layout { display:block; min-width:0; }

#view-history .pt-oa-center {
  display:block;
  min-height:max(650px,calc(100dvh - 250px));
  overflow:hidden;
  border:1px solid #dfe4ea;
  border-radius:14px;
  background:#fff;
  box-shadow:0 18px 44px rgba(20,33,50,.07);
}

#view-history .pt-oa-header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  min-height:88px;
  padding:16px 20px;
  border-bottom:1px solid #e7ebef;
  background:#fff;
}

#view-history .pt-oa-project {
  display:grid;
  grid-template-columns:auto minmax(250px,440px);
  align-items:center;
  gap:10px;
  min-width:0;
}

#view-history .pt-oa-project label { color:#778292; font-size:11px; font-weight:700; }
#view-history .pt-oa-project select {
  min-width:0;
  min-height:38px;
  padding:0 36px 0 11px;
  border:1px solid #cfd7e1;
  border-radius:9px;
  background:#fff;
  color:#172333;
  font:inherit;
  font-size:14px;
  font-weight:750;
}
#view-history .pt-oa-project-meta { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:0; flex:1 1 auto; }
#view-history .pt-oa-project-meta > .pt-oa-summary {
  display:grid;
  grid-template-rows:14px 18px 14px;
  align-content:start;
  gap:2px;
  min-width:96px;
  min-height:50px;
  padding:0 14px;
  border-left:1px solid #edf0f3;
}
#view-history .pt-oa-project-meta > .is-position { min-width:210px; }
#view-history .pt-oa-project-meta > .is-health { min-width:154px; }
#view-history .pt-oa-project-meta small { color:#8a94a3; font-size:10px; }
#view-history .pt-oa-project-meta strong {
  overflow:hidden;
  color:#273446;
  font-size:12px;
  font-weight:700;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#view-history .pt-oa-project-meta em { color:#6f7a89; font-size:10px; font-style:normal; }
#view-history .pt-oa-project-meta .is-position > em { grid-row:3; margin-top:2px; }
#view-history .pt-oa-summary > strong.is-active { color:#1769e8; }
#view-history .pt-oa-summary > strong.is-archive { color:#9a5c00; }
#view-history .pt-oa-summary > strong.is-paused,
#view-history .pt-oa-summary > strong.is-stopped,
#view-history .pt-oa-summary > strong.is-attention { color:#b5473c; }
#view-history .pt-oa-summary > strong.is-done,
#view-history .pt-oa-summary > strong.is-normal { color:#14724a; }
#view-history .pt-oa-project-actions { display:flex; align-items:center; gap:8px; }
#view-history .pt-oa-project-actions .btn { min-height:38px; margin-left:10px; }

#view-history .pt-oa-heading {
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
}
#view-history .pt-oa-back {
  flex:0 0 auto;
  min-height:36px;
  padding:0 11px;
  border:1px solid #cfd7e1;
  border-radius:8px;
  background:#fff;
  color:#405064;
  font:inherit;
  font-size:11px;
  font-weight:750;
  cursor:pointer;
}
#view-history .pt-oa-back:hover { border-color:#8bb3e7; color:#1453a3; background:#f7faff; }
#view-history .pt-oa-back:focus-visible { outline:2px solid #1769e8; outline-offset:2px; }

#view-history .pt-oa-tabs {
  display:flex;
  align-items:end;
  gap:28px;
  min-height:52px;
  padding:0 20px;
  border-bottom:1px solid #e6eaef;
  background:#fafbfc;
}
#view-history .pt-oa-tabs button {
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:7px;
  height:52px;
  padding:0 2px;
  border:0;
  background:transparent;
  color:#6c7787;
  font-size:13px;
  font-weight:700;
  cursor:pointer;
}
#view-history .pt-oa-tabs button::after {
  position:absolute;
  right:0;
  bottom:-1px;
  left:0;
  height:2px;
  background:transparent;
  content:'';
}
#view-history .pt-oa-tabs button.is-active { color:#1453a3; }
#view-history .pt-oa-tabs button.is-active::after { background:#1769e8; }
#view-history .pt-oa-tabs b {
  display:inline-grid;
  min-width:18px;
  height:18px;
  place-items:center;
  border-radius:9px;
  background:#e7effc;
  color:#1769e8;
  font-size:10px;
}

#view-history .pt-oa-workarea {
  display:grid;
  grid-template-columns:minmax(620px,1fr) minmax(330px,390px);
  min-height:520px;
}
#view-history .pt-oa-workarea > .pt-oa-primary { min-width:0; padding:20px 18px 28px; background:#fff; }
#view-history .pt-oa-matrix { overflow:hidden; border:1px solid #e1e6eb; border-radius:11px; }
#view-history .pt-oa-matrix-head,
#view-history .pt-oa-matrix-row {
  display:grid;
  grid-template-columns:minmax(160px,1.2fr) 88px 82px minmax(110px,.8fr) minmax(220px,1.7fr) 118px;
  gap:10px;
  align-items:center;
}
#view-history .pt-oa-matrix-head {
  min-height:42px;
  padding:0 14px;
  border-bottom:1px solid #dfe5eb;
  background:#f5f7f9;
  color:#707b8a;
  font-size:11px;
  font-weight:750;
}
#view-history .pt-oa-matrix-row {
  width:100%;
  min-height:61px;
  padding:8px 14px;
  border:0;
  border-bottom:1px solid #edf0f3;
  background:#fff;
  color:#263446;
  text-align:left;
  cursor:pointer;
  transition:background .16s ease,box-shadow .16s ease;
}
#view-history .pt-oa-matrix-row:last-child { border-bottom:0; }
#view-history .pt-oa-matrix-row:hover { background:#f8fbff; }
#view-history .pt-oa-matrix-row.is-selected { background:#eef5ff; box-shadow:inset 0 0 0 1px #9dbfe9; }
#view-history .pt-oa-stage-band {
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:34px;
  padding:8px 14px;
  border-bottom:1px solid #e5e9ee;
  background:#f8fafb;
}
#view-history .pt-oa-stage-band strong { color:#405064; font-size:11px; font-weight:780; }
#view-history .pt-oa-stage-band span { color:#7b8797; font-size:10px; }
#view-history .pt-oa-node-title { display:grid; gap:2px; min-width:0; }
#view-history .pt-oa-node-title small { color:#8a95a4; font-size:10px; }
#view-history .pt-oa-node-title strong {
  overflow:hidden;
  font-size:13px;
  font-weight:750;
  text-overflow:ellipsis;
  white-space:nowrap;
}

#view-history :is(.pt-oa-kind,.pt-oa-status) {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:24px;
  padding:0 8px;
  border-radius:999px;
  font-size:10px;
  font-style:normal;
  font-weight:750;
  white-space:nowrap;
}
#view-history .pt-oa-kind.is-handling { background:#edf5ff; color:#2863a7; }
#view-history .pt-oa-kind.is-approval { background:#f4efff; color:#6b49a8; }
#view-history .pt-oa-kind.is-control { background:#fff3db; color:#8a5800; }
#view-history .pt-oa-status.is-done { background:#eaf7f0; color:#14724a; }
#view-history .pt-oa-status.is-active { background:#edf5ff; color:#1e64b6; }
#view-history .pt-oa-status.is-pending { background:#f2f4f7; color:#697586; }
#view-history .pt-oa-status.is-confirm { background:#fff3db; color:#9a5c00; }
#view-history .pt-oa-status.is-review { background:#fff3db; color:#9a5c00; }
#view-history .pt-oa-status.is-external { background:#fff7e6; color:#8a5a14; }
#view-history .pt-oa-status.is-approve { background:#f2edff; color:#6941a5; }
#view-history .pt-oa-status.is-returned,
#view-history .pt-oa-status.is-blocked { background:#fff0ee; color:#b5473c; }

#view-history :is(.pt-oa-owner,.pt-oa-result,.pt-oa-time) {
  min-width:0;
  overflow:hidden;
  color:#566273;
  font-size:11px;
  line-height:1.45;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#view-history .pt-oa-result { display:flex; align-items:center; gap:6px; color:#3d4959; }
#view-history .pt-oa-result-text { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#view-history .pt-oa-health {
  flex:0 0 auto;
  min-height:20px;
  padding:2px 6px;
  border-radius:5px;
  background:#fff0ee;
  color:#a83d34;
  font-size:9px;
  font-style:normal;
  font-weight:750;
  line-height:16px;
}
#view-history .pt-oa-health.is-owner-missing,
#view-history .pt-oa-health.is-project-owner-missing { background:#fff6e5; color:#8a5800; }
#view-history .pt-oa-health.is-external-waiting { background:#fff7e6; color:#8a5a14; }
#view-history .pt-oa-health.is-overdue { background:#fff0ee; color:#a83d34; }
#view-history .pt-oa-time { color:#8792a1; font-variant-numeric:tabular-nums; }

#view-history .pt-oa-detail {
  min-width:0;
  padding:20px;
  border-left:1px solid #e2e7ec;
  background:#fafbfc;
}
#view-history .pt-oa-detail > header {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding-bottom:16px;
  border-bottom:1px solid #e2e7ec;
}
#view-history .pt-oa-detail header span,
#view-history .pt-oa-detail section > span { color:#7f8a99; font-size:10px; font-weight:700; }
#view-history .pt-oa-detail h3 { margin:4px 0 0; color:#1b2838; font-size:18px; line-height:1.25; }
#view-history :is(.pt-oa-object,.pt-oa-responsibility,.pt-oa-audit-record) {
  display:grid;
  gap:8px;
  padding:16px 0;
  border-bottom:1px solid #e5e9ee;
}
#view-history .pt-oa-object > strong { color:#1f2d3d; font-size:14px; line-height:1.4; }
#view-history .pt-oa-object > div { display:flex; align-items:center; gap:8px; }
#view-history .pt-oa-object b {
  padding:3px 7px;
  border-radius:6px;
  background:#e8eef8;
  color:#36577e;
  font-size:10px;
}
#view-history .pt-oa-object small,
#view-history .pt-oa-responsibility small,
#view-history .pt-oa-audit-record small { color:#6f7a89; font-size:11px; line-height:1.5; }
#view-history .pt-report-milestone {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:0;
  margin:0;
  padding:14px 0;
  border-bottom:1px solid #e5e9ee;
  list-style:none;
}
#view-history .pt-report-milestone li { position:relative; display:grid; justify-items:center; gap:5px; color:#8993a0; font-size:9px; text-align:center; }
#view-history .pt-report-milestone li::before { position:absolute; top:5px; right:50%; left:-50%; height:1px; background:#dbe1e8; content:''; }
#view-history .pt-report-milestone li:first-child::before { display:none; }
#view-history .pt-report-milestone i { z-index:1; width:11px; height:11px; border:2px solid #c9d1da; border-radius:50%; background:#fafbfc; }
#view-history .pt-report-milestone li.is-done { color:#277452; font-weight:700; }
#view-history .pt-report-milestone li.is-done::before { background:#83c5a7; }
#view-history .pt-report-milestone li.is-done i { border-color:#2c8b63; background:#2c8b63; }
#view-history .pt-report-milestone li.is-current { color:#1859a7; font-weight:750; }
#view-history .pt-report-milestone li.is-current i { border-color:#1769e8; background:#fff; box-shadow:0 0 0 3px #e5efff; }

.pt-project-management {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin:4px 0 10px;
  padding:12px;
  border:1px solid #dfe5eb;
  border-radius:10px;
  background:#f8fafb;
}
.pt-project-management > div:first-child { display:grid; gap:2px; }
.pt-project-management span { color:#758193; font-size:11px; font-weight:700; }
.pt-project-management strong { color:#263547; font-size:13px; }
.pt-project-management small { color:#7f8996; font-size:10px; }
.pt-project-management-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:6px; }
.pt-project-management-actions button {
  min-height:30px;
  padding:0 10px;
  border:1px solid #cfd7e1;
  border-radius:7px;
  background:#fff;
  color:#405064;
  font:inherit;
  font-size:11px;
  font-weight:700;
  cursor:pointer;
}
.pt-project-management-actions button:hover { border-color:#8da3bb; background:#f4f7fa; }
.pt-project-management-actions button.is-danger { border-color:#e2c6c0; color:#9e4338; }
.pt-management-change-fields { display:grid; grid-template-columns:minmax(0,1fr) 150px; gap:12px; }
.pt-management-change-fields[hidden] { display:none; }
.pt-management-modal .pt-modal-header { align-items:flex-start; padding-bottom:4px; }
.pt-management-modal .pt-modal-header > div { display:grid; gap:4px; }
.pt-management-modal .pt-modal-header p { margin:0; color:#7a8593; font-size:11px; }
.pt-management-intro { margin-bottom:14px; color:#5f6d7d; font-size:12px; line-height:1.55; }
.pt-management-before { display:flex; justify-content:space-between; gap:12px; margin-bottom:14px; padding:10px 12px; border-radius:8px; background:#f3f6f8; }
.pt-management-before span { color:#758193; font-size:11px; }
.pt-management-before strong { color:#283649; font-size:12px; }
.pt-management-error { margin:-2px 0 12px; padding:9px 10px; border-radius:7px; background:#fff0ee; color:#a13d34; font-size:11px; }
.pt-management-error[hidden] { display:none; }
.pt-management-modal .pt-modal-btn-primary.is-danger { background:#9f493e; box-shadow:none; }
.pt-management-modal .pt-modal-btn-primary.is-danger:hover { background:#87392f; }
#view-history .pt-oa-responsibility > div {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;
  gap:8px;
}
#view-history .pt-oa-responsibility strong {
  overflow:hidden;
  padding:8px;
  border:1px solid #d9e0e7;
  border-radius:8px;
  background:#fff;
  color:#2d3949;
  font-size:11px;
  text-align:center;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#view-history .pt-oa-responsibility i { color:#9aa4b1; font-style:normal; }
#view-history .pt-oa-state-rules {
  padding:0;
  border-bottom:1px solid #e5e9ee;
}
#view-history .pt-oa-state-rules > summary {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:4px 12px;
  align-items:center;
  min-height:50px;
  padding:12px 0;
  color:#435264;
  cursor:pointer;
  list-style:none;
}
#view-history .pt-oa-state-rules > summary::-webkit-details-marker { display:none; }
#view-history .pt-oa-state-rules > summary::after { grid-column:2; grid-row:1 / 3; color:#7c8998; content:'+'; font-size:18px; font-weight:500; }
#view-history .pt-oa-state-rules[open] > summary::after { content:'−'; }
#view-history .pt-oa-state-rules > summary span { font-size:11px; font-weight:750; }
#view-history .pt-oa-state-rules > summary small { color:#7a8695; font-size:10px; }
#view-history .pt-oa-state-rules > summary:focus-visible { outline:2px solid #1769e8; outline-offset:3px; }
#view-history .pt-oa-state-rules dl { display:grid; gap:10px; margin:0; padding:0 0 16px; }
#view-history .pt-oa-state-rules dl > div {
  display:grid;
  grid-template-columns:52px minmax(0,1fr);
  gap:8px;
  align-items:start;
}
#view-history .pt-oa-state-rules dt {
  color:#435264;
  font-size:10px;
  font-weight:750;
}
#view-history .pt-oa-state-rules dd {
  margin:0;
  color:#6b7787;
  font-size:10px;
  line-height:1.55;
}
#view-history .pt-oa-meta {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:0;
  padding:16px 0;
  border-bottom:1px solid #e5e9ee;
}
#view-history .pt-oa-meta > div { display:grid; gap:3px; }
#view-history .pt-oa-meta dt { color:#647184; font-size:10px; }
#view-history .pt-oa-meta dd {
  margin:0;
  overflow:hidden;
  color:#384555;
  font-size:11px;
  font-weight:650;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#view-history .pt-oa-restriction {
  display:grid;
  gap:4px;
  margin-top:14px;
  padding:12px;
  border:1px solid #e0e4e9;
  border-radius:9px;
  background:#f3f5f7;
}
#view-history .pt-oa-restriction strong { color:#465363; font-size:11px; }
#view-history .pt-oa-restriction span { color:#6f7a88; font-size:11px; line-height:1.5; }
#view-history .pt-oa-proxy-note {
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:6px 10px;
  align-items:start;
  margin-top:14px;
  padding:11px 12px;
  border:1px solid #ead7a7;
  border-radius:9px;
  background:#fffaf0;
}
#view-history .pt-oa-proxy-note strong { color:#7e5712; font-size:11px; }
#view-history .pt-oa-proxy-note span { color:#756542; font-size:11px; line-height:1.5; }
#view-history .pt-oa-edit-policy {
  display:grid;
  gap:4px;
  margin-top:14px;
  padding:12px;
  border:1px solid #dbe5ef;
  border-radius:9px;
  background:#f5f9fd;
}
#view-history .pt-oa-edit-policy strong { color:#40566f; font-size:11px; }
#view-history .pt-oa-edit-policy span { color:#647488; font-size:11px; line-height:1.5; }
#view-history .pt-oa-detail > footer { display:flex; justify-content:flex-end; gap:8px; margin-top:18px; }
#view-history .pt-oa-detail > footer .btn { min-height:36px; border-radius:8px; font-size:12px; }

#view-history .pt-oa-empty,
#view-history .pt-oa-detail-empty {
  display:grid;
  place-content:center;
  gap:6px;
  min-height:220px;
  padding:24px;
  color:#6f7a89;
  text-align:center;
}
#view-history .pt-oa-empty strong,
#view-history .pt-oa-detail-empty strong { color:#2f3b4a; font-size:14px; }
#view-history .pt-oa-empty span,
#view-history .pt-oa-detail-empty span { font-size:11px; }

#view-history .pt-oa-history { overflow:hidden; border:1px solid #e1e6eb; border-radius:11px; }
#view-history .pt-oa-history > header {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  min-height:56px;
  padding:12px 16px;
  border-bottom:1px solid #e1e6eb;
  background:#f5f7f9;
}
#view-history .pt-oa-history > header strong { flex:0 0 auto; padding-top:7px; color:#2d3a4b; font-size:13px; white-space:nowrap; }
#view-history .pt-oa-history > header b { color:#738091; font-size:11px; }
#view-history .pt-oa-history-tools { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:8px 10px; }
#view-history .pt-oa-history-tools label {
  display:flex;
  align-items:center;
  gap:6px;
  color:#738091;
  font-size:10px;
  font-weight:700;
}
#view-history .pt-oa-history-tools select {
  min-height:30px;
  padding:0 28px 0 9px;
  border:1px solid #ccd5df;
  border-radius:7px;
  background:#fff;
  color:#344152;
  font:inherit;
}
#view-history .pt-oa-history-search input {
  width:148px;
  min-height:30px;
  padding:0 9px;
  border:1px solid #ccd5df;
  border-radius:7px;
  background:#fff;
  color:#344152;
  font:inherit;
}
#view-history .pt-oa-history-clear {
  min-height:30px;
  padding:0 9px;
  border:1px solid #ccd5df;
  border-radius:7px;
  background:#fff;
  color:#526174;
  font-size:10px;
  font-weight:700;
  cursor:pointer;
}
#view-history .pt-oa-history-clear:hover { border-color:#8bb3e7; color:#1453a3; }
#view-history .pt-oa-history-list article {
  display:grid;
  grid-template-columns:10px minmax(0,1fr) 120px;
  gap:10px;
  align-items:start;
  padding:13px 16px;
  border-bottom:1px solid #edf0f3;
}
#view-history .pt-oa-history-list article:last-child { border-bottom:0; }
#view-history .pt-oa-history-dot { width:7px; height:7px; margin-top:5px; border-radius:50%; background:#5a89c7; }
#view-history .pt-oa-history-list div { display:grid; gap:3px; min-width:0; }
#view-history .pt-oa-history-list strong { color:#344152; font-size:12px; }
#view-history .pt-oa-history-list small { color:#84909f; font-size:10px; }
#view-history .pt-oa-history-list time { color:#84909f; font-size:10px; text-align:right; }
#view-history .pt-oa-pagination {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
  min-height:50px;
  padding:8px 14px;
  border-top:1px solid #e6eaef;
  background:#fafbfc;
}
#view-history .pt-oa-pagination button {
  min-width:32px;
  height:30px;
  padding:0 9px;
  border:1px solid #ccd5df;
  border-radius:7px;
  background:#fff;
  color:#4e5c6d;
  font-size:11px;
  font-weight:700;
  cursor:pointer;
}
#view-history .pt-oa-pagination button:hover:not(:disabled) { border-color:#8bb3e7; color:#1453a3; }
#view-history .pt-oa-pagination button:focus-visible,
#view-history .pt-oa-history-tools select:focus-visible,
#view-history .pt-oa-history-search input:focus-visible,
#view-history .pt-oa-history-clear:focus-visible { outline:2px solid #1769e8; outline-offset:2px; }
#view-history .pt-oa-pagination button.is-current { border-color:#1769e8; background:#1769e8; color:#fff; }
#view-history .pt-oa-pagination button:disabled { opacity:.45; cursor:not-allowed; }

#view-history .pt-secondary-projects {
  overflow:hidden;
  border:1px solid #dfe4ea;
  border-radius:12px;
  background:#fff;
}
#view-history .pt-secondary-projects > header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-height:62px;
  padding:12px 16px;
  border-bottom:1px solid #e4e8ed;
}
#view-history .pt-secondary-projects > header div { display:grid; gap:3px; min-width:0; }
#view-history .pt-secondary-projects > header h3 { margin:0; color:#1f2d3d; font-size:16px; }
#view-history .pt-secondary-projects > header p { margin:0; color:#778292; font-size:11px; }
#view-history .pt-secondary-projects > header b { color:#526174; font-size:11px; white-space:nowrap; }
#view-history .pt-secondary-projects-head,
#view-history .pt-secondary-project {
  display:grid;
  grid-template-columns:minmax(210px,1.25fr) minmax(220px,1.25fr) minmax(120px,.72fr) minmax(90px,.58fr);
  gap:12px;
  align-items:center;
}
#view-history .pt-secondary-projects-head {
  min-height:34px;
  padding:0 14px;
  border-bottom:1px solid #e4e8ed;
  background:#f6f8fa;
  color:#647184;
  font-size:10px;
  font-weight:750;
}
#view-history .pt-secondary-project {
  width:100%;
  min-height:62px;
  padding:9px 14px;
  border:0;
  border-bottom:1px solid #edf0f3;
  background:#fff;
  color:#2b394a;
  text-align:left;
  cursor:pointer;
  transition:background-color .16s ease;
}
#view-history .pt-secondary-project:last-child { border-bottom:0; }
#view-history .pt-secondary-project:hover { background:#f7faff; }
#view-history .pt-secondary-project.is-current { background:#eef5ff; }
#view-history .pt-secondary-project:focus-visible { outline:2px solid #1769e8; outline-offset:-3px; }
#view-history :is(.pt-secondary-project-main,.pt-secondary-project-state) { display:grid; gap:3px; min-width:0; }
#view-history :is(.pt-secondary-project-main,.pt-secondary-project-state) strong,
#view-history :is(.pt-secondary-project-main,.pt-secondary-project-state) small {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#view-history .pt-secondary-project-main strong { color:#233143; font-size:12px; }
#view-history :is(.pt-secondary-project-main,.pt-secondary-project-state) small { color:#778292; font-size:10px; }
#view-history .pt-secondary-project-state strong { display:flex; align-items:center; gap:6px; color:#344152; font-size:11px; }
#view-history .pt-secondary-project-state em {
  padding:2px 5px;
  border-radius:5px;
  background:#dfeafe;
  color:#1e64b6;
  font-size:9px;
  font-style:normal;
}
#view-history :is(.pt-secondary-project-health,.pt-secondary-project-owner) {
  overflow:hidden;
  color:#566273;
  font-size:11px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#view-history .pt-secondary-project-health.is-normal { color:#14724a; }
#view-history .pt-secondary-project-health.is-attention { color:#a83d34; font-weight:700; }
#view-history .pt-secondary-projects-empty { display:grid; gap:4px; padding:20px 16px; color:#6f7a89; }
#view-history .pt-secondary-projects-empty strong { color:#2f3b4a; font-size:13px; }
#view-history .pt-secondary-projects-empty span { font-size:11px; }

/* Portfolio-first landing. The same project and annual-plan objects feed this
   index; selecting a row is the only transition into the responsibility view. */
#view-history .pt-portfolio-index {
  display:block;
  container:project-ledger / inline-size;
  min-height:0;
  overflow:hidden;
  border:1px solid #dce3ea;
  border-radius:16px;
  background:rgba(255,255,255,.98);
  box-shadow:0 16px 40px rgba(31,50,72,.06);
}
#view-history .pt-portfolio-index .pt-portfolio-list {
  overflow:visible;
  border:0;
  border-radius:0;
  box-shadow:none;
}
#view-history .pt-portfolio-index .pt-portfolio-head {
  min-height:88px;
  padding:20px 24px;
  border-bottom:1px solid #e7ebf0;
  background:#fff;
}
#view-history .pt-portfolio-index .pt-portfolio-head > div:first-child { min-width:0; }
#view-history .pt-portfolio-index .pt-portfolio-head strong {
  margin:0;
  color:#1d2a3a;
  font-size:22px;
  font-weight:780;
  letter-spacing:-.02em;
  line-height:1.2;
}
#view-history .pt-portfolio-index .pt-portfolio-head small {
  display:block;
  max-width:72ch;
  margin-top:7px;
  color:#6d7888;
  font-size:13px;
  line-height:1.5;
}
#view-history .pt-portfolio-index .pt-portfolio-head-actions {
  display:flex;
  flex:0 0 auto;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
}
#view-history .pt-portfolio-index .pt-portfolio-head-actions .btn { min-height:40px; padding-inline:14px; }
#view-history .pt-portfolio-index .pt-head-action-quiet {
  border-color:transparent;
  background:transparent;
  color:#5e6a79;
}
#view-history .pt-portfolio-index .pt-head-action-quiet:hover { border-color:#dce3ea; background:#f6f8fa; }
#view-history .pt-portfolio-index .pt-head-action-exception { border-color:#d8dee7; background:#fafbfc; color:#425166; }
#view-history .pt-portfolio-navigation { border-bottom:1px solid #e7ebf0; background:#f9fafb; }
#view-history .pt-object-bar {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px 24px;
  padding:16px 24px 12px;
}
#view-history .pt-object-context { margin:0; color:#647184; font-size:13px; line-height:1.5; }
#view-history .pt-object-switch {
  display:flex;
  flex-wrap:wrap;
  gap:4px;
  padding:3px;
  border:1px solid #dce3ea;
  border-radius:10px;
  background:#edf1f6;
}
#view-history .pt-object-option {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-width:0;
  min-height:40px;
  padding:8px 14px;
  border:1px solid transparent;
  border-radius:7px;
  background:transparent;
  color:#526174;
  text-align:left;
  cursor:pointer;
  transition:border-color .16s ease,background-color .16s ease;
}
#view-history .pt-object-option:hover { background:#f8faff; }
#view-history .pt-object-option:focus-visible { outline:2px solid #1769e8; outline-offset:2px; }
#view-history .pt-object-option.is-active {
  border-color:#b8d0ef;
  background:#fff;
  box-shadow:none;
}
#view-history .pt-object-option strong { color:#243247; font-size:14px; line-height:1.25; }
#view-history .pt-object-option > b { flex:0 0 auto; color:#526174; font-size:14px; font-variant-numeric:tabular-nums; line-height:1; }
#view-history .pt-object-option.is-active :is(strong,b) { color:#1453a3; }
#view-history .pt-portfolio-index .pt-portfolio-metrics {
  display:flex;
  align-items:center;
  gap:18px;
  padding:0 24px 14px;
  overflow-x:auto;
  border:0;
  background:transparent;
  scrollbar-width:thin;
}
#view-history .pt-filter-group { display:flex; flex:0 0 auto; align-items:center; gap:6px; }
#view-history .pt-filter-group + .pt-filter-group { padding-left:18px; border-left:1px solid #dfe5ec; }
#view-history .pt-filter-group-label { margin-right:2px; color:#647184; font-size:11px; font-weight:750; white-space:nowrap; }
#view-history .pt-portfolio-index .pt-filter-pill {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-width:max-content;
  min-height:34px;
  padding:6px 10px;
  border:1px solid transparent;
  border-radius:999px;
  background:transparent;
  cursor:pointer;
}
#view-history .pt-portfolio-index .pt-filter-pill:hover { border-color:#d7e0eb; background:#fff; }
#view-history .pt-portfolio-index .pt-filter-pill.active { border-color:#c4d8f4; background:#eaf2fd; }
#view-history .pt-portfolio-index .pt-filter-pill:focus-visible { outline:2px solid #1769e8; outline-offset:2px; }
#view-history .pt-portfolio-index .pt-filter-pill b { color:#526174; font-size:12px; font-variant-numeric:tabular-nums; }
#view-history .pt-portfolio-index .pt-filter-pill span { color:#536174; font-size:12px; font-weight:700; }
#view-history .pt-portfolio-index .pt-filter-pill.active :is(b,span) { color:#1453a3; }
#view-history .pt-project-toolbar {
  display:grid;
  grid-template-columns:minmax(240px,520px) auto;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:14px 24px;
  border-bottom:1px solid #edf0f3;
  background:#fff;
}
#view-history .pt-portfolio-index .pt-project-search {
  display:grid;
  grid-template-columns:auto minmax(240px,1fr);
  align-items:center;
  gap:12px;
  margin:0;
  padding:0;
  border:0;
}
#view-history .pt-portfolio-index .pt-project-search > span { display:block; color:#566477; font-size:12px; font-weight:750; white-space:nowrap; }
#view-history .pt-portfolio-index .pt-project-search input { min-height:40px; border-radius:9px; font-size:13px; }
#view-history .pt-project-result-summary { display:flex; align-items:baseline; gap:5px; margin:0; color:#647184; font-size:12px; white-space:nowrap; }
#view-history .pt-project-result-summary strong { color:#253448; font-size:17px; font-variant-numeric:tabular-nums; }
#view-history .pt-project-toolbar-summary { display:flex; align-items:center; justify-content:flex-end; gap:16px; }
#view-history .pt-ledger-guide { position:relative; flex:0 0 auto; color:#526174; font-size:13px; }
#view-history .pt-ledger-guide > summary { min-height:36px; display:flex; align-items:center; cursor:pointer; text-decoration:underline; text-underline-offset:4px; text-decoration-color:#b9c9dc; }
#view-history .pt-ledger-guide > summary:focus-visible { outline:2px solid #1769e8; outline-offset:3px; }
#view-history .pt-ledger-guide > p { position:absolute; z-index:5; top:100%; right:0; width:300px; max-width:calc(100vw - 48px); margin:4px 0 0; padding:14px 16px; border:1px solid #cad7e7; border-radius:8px; background:#fff; color:#445267; font-size:13px; line-height:1.6; }
#view-history .pt-project-table-head,
#view-history .pt-portfolio-index .pt-project-row {
  display:grid;
  grid-template-columns:minmax(210px,1.2fr) minmax(110px,.6fr) minmax(240px,1.4fr) minmax(160px,.8fr) 64px;
  gap:20px;
  align-items:start;
}
#view-history .pt-project-table-head {
  min-height:40px;
  padding:12px 24px;
  border-bottom:1px solid #e5e9ee;
  background:#f7f9fb;
  color:#6c7888;
  font-size:13px;
  font-weight:750;
  letter-spacing:.01em;
}
#view-history .pt-portfolio-index .pt-project-rows { max-height:none; padding:0; overflow:visible; background:#fff; }
#view-history .pt-portfolio-index .pt-project-row {
  min-height:112px;
  margin:0;
  padding:20px 24px;
  border:0;
  border-bottom:1px solid #edf0f3;
  border-radius:0;
  background:#fff;
  color:#263548;
  text-align:left;
  transition:background-color .16s ease,box-shadow .16s ease;
}
#view-history .pt-portfolio-index .pt-project-row:last-child { border-bottom:0; }
#view-history .pt-portfolio-index .pt-project-row:hover { border-color:#edf0f3; background:#f7faff; box-shadow:none; transform:none; }
#view-history .pt-portfolio-index .pt-project-row.is-selected { border-color:#edf0f3; background:#f2f7fd; box-shadow:inset 0 0 0 1px #abc6e7; }
#view-history .pt-portfolio-index .pt-project-row:focus-visible { outline:2px solid #1769e8; outline-offset:-3px; }
#view-history .pt-portfolio-index :is(.pt-project-row-main,.pt-project-row-focus) { grid-column:auto; }
#view-history .pt-portfolio-index .pt-project-row-main { display:grid; gap:5px; min-width:0; }
#view-history .pt-portfolio-index .pt-project-row-main strong {
  display:block;
  overflow:visible;
  color:#1f2e42;
  font-size:15px;
  font-weight:780;
  line-height:1.38;
  white-space:normal;
  overflow-wrap:anywhere;
}
#view-history .pt-portfolio-index .pt-project-row-main small {
  overflow:visible;
  color:#647184;
  font-size:13px;
  white-space:normal;
  overflow-wrap:anywhere;
  line-height:1.5;
}
#view-history .pt-portfolio-index .pt-project-row-meta { display:grid; justify-content:stretch; align-content:start; gap:5px; min-width:0; }
#view-history .pt-row-owner {
  color:#445267;
  font-size:14px;
  font-weight:650;
  line-height:1.5;
  overflow-wrap:anywhere;
}
#view-history .pt-ledger-mobile-label { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
#view-history .pt-project-row-identity { display:flex; flex-wrap:wrap; align-items:center; gap:8px; color:#647184; font-size:13px; line-height:1.5; }
#view-history .pt-project-row-identity > em.is-current {
  padding:1px 7px;
  border-radius:5px;
  background:#e5effc;
  color:#1453a3;
  font-size:13px;
  font-style:normal;
  font-weight:750;
}
#view-history .pt-portfolio-index .pt-project-row-focus { display:grid; grid-template-columns:minmax(0,1fr); gap:8px; align-items:start; min-width:0; }
#view-history .pt-project-row-status {
  justify-self:start;
  padding:4px 7px;
  border-radius:6px;
  background:#eef2f6;
  color:#526174;
  font-size:13px;
  font-weight:780;
  line-height:1.35;
  white-space:nowrap;
}
#view-history .pt-project-row-status.is-active { background:#eaf2fd; color:#1453a3; }
#view-history .pt-project-row-status.is-pending { background:#eef2f6; color:#536174; }
#view-history .pt-project-row-status.is-attention,
#view-history .pt-project-row.is-attention .pt-project-row-status { background:#fff1ed; color:#9c3d2f; }
#view-history .pt-project-row-status.is-archive,
#view-history .pt-project-row.is-archive .pt-project-row-status { background:#e9f6f4; color:#0c6d68; }
#view-history .pt-project-row.is-review .pt-project-row-status { background:#f2edff; color:#6846a3; }
#view-history .pt-project-row.is-archived .pt-project-row-status { background:#edf3ef; color:#557060; }
#view-history .pt-project-row-status.is-paused,
#view-history .pt-project-row-status.is-stopped { background:#f1f3f5; color:#687383; }
#view-history .pt-project-row-focus em {
  display:block;
  overflow:visible;
  color:#3c4a5f;
  font-size:14px;
  font-style:normal;
  font-weight:680;
  line-height:1.55;
  white-space:normal;
  overflow-wrap:anywhere;
}
#view-history .pt-portfolio-index .pt-project-row-progress { display:grid; grid-template-columns:auto minmax(0,1fr) 36px; align-items:center; gap:8px; position:static; grid-column:auto; min-width:0; min-height:20px; padding:0; }
#view-history .pt-portfolio-index .pt-project-row-progress small { margin:0; color:#647184; font-size:13px; font-weight:400; }
#view-history .pt-portfolio-index .pt-project-row-progress::before { content:none; }
#view-history .pt-ledger-progress-track { display:block; height:5px; overflow:hidden; border-radius:3px; background:#e4e9ef; }
#view-history .pt-portfolio-index .pt-ledger-progress-track > i { display:block; position:static; height:100%; max-width:none; border-radius:3px; background:#2b70cf; }
#view-history .pt-portfolio-index .pt-project-row-progress b { position:static; color:#526174; font-size:13px; font-weight:650; text-align:right; font-variant-numeric:tabular-nums; }
#view-history .pt-portfolio-index .pt-project-row-open { align-self:center; color:#1769e8; font-size:13px; font-weight:750; text-align:right; text-decoration:underline; text-decoration-color:#b9d0ef; text-underline-offset:4px; white-space:nowrap; }
#view-history .pt-portfolio-index .pt-project-row-empty { display:grid; place-content:center; gap:8px; min-height:240px; padding:32px 20px; }
#view-history .pt-portfolio-index .pt-project-row-empty strong { color:#344152; font-size:15px; }
#view-history .pt-portfolio-index .pt-project-row-empty > span { color:#647184; font-size:12px; line-height:1.55; }
#view-history .pt-project-empty-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-top:8px; }
#view-history .pt-portfolio-plan-source { padding:0; }
#view-history .pt-portfolio-plan-source .pt-plan-source {
  display:block;
  min-height:0;
  margin:0;
  overflow:visible;
  border:0;
  border-radius:0;
  background:#fff;
  box-shadow:none;
}
#view-history .pt-portfolio-plan-source .pt-plan-source-head {
  display:flex;
  grid-template-columns:none;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  padding:20px 24px;
  border-right:0;
  border-bottom:1px solid #e7ebf0;
  background:#fff;
}
#view-history .pt-portfolio-plan-source .pt-plan-source-head h3 { margin:0; color:#243247; font-size:18px; line-height:1.3; }
#view-history .pt-portfolio-plan-source .pt-plan-source-head p { max-width:72ch; margin-top:6px; color:#6f7b8b; font-size:12px; line-height:1.55; }
#view-history .pt-portfolio-plan-source .pt-plan-source-actions { justify-content:flex-end; margin-top:0; }
#view-history .pt-portfolio-plan-source .pt-plan-source-actions b { background:#eaf2fd; color:#1453a3; font-size:12px; }
#view-history .pt-portfolio-plan-source .pt-plan-project {
  grid-template-columns:minmax(220px,1.25fr) minmax(180px,.9fr) minmax(160px,.75fr) auto;
  gap:24px;
  min-height:96px;
  padding:16px 24px;
  border-bottom:1px solid #edf0f3;
  background:#fff;
}
#view-history .pt-portfolio-plan-source .pt-plan-project:hover { background:#f7faff; }
#view-history .pt-portfolio-plan-source .pt-plan-project-main strong {
  display:-webkit-box;
  overflow:hidden;
  color:#1f2e42;
  font-size:15px;
  line-height:1.4;
  white-space:normal;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
#view-history .pt-portfolio-plan-source :is(.pt-plan-project-main,.pt-plan-project-basis,.pt-plan-project-context) { display:grid; gap:4px; min-width:0; }
#view-history .pt-portfolio-plan-source :is(.pt-plan-project-main,.pt-plan-project-basis,.pt-plan-project-context) small { color:#85909f; font-size:10px; font-weight:700; }
#view-history .pt-portfolio-plan-source .pt-plan-project-main > span { color:#2366b7; font-size:11px; }
#view-history .pt-portfolio-plan-source :is(.pt-plan-project-basis,.pt-plan-project-context) span { color:#445267; font-size:12px; line-height:1.5; }
#view-history .pt-portfolio-plan-source .pt-plan-project > .btn { min-width:92px; min-height:40px; }
#view-history .pt-plan-project-role-note { color:#778393; font-size:12px; white-space:nowrap; }
#view-history .pt-portfolio-plan-source .pt-plan-source-empty { min-height:240px; padding:32px 24px; text-align:center; }

@media (max-width:1180px) {
  #view-history .pt-portfolio-plan-source .pt-plan-project { grid-template-columns:minmax(210px,1.2fr) minmax(180px,1fr) auto; gap:18px; }
  #view-history .pt-portfolio-plan-source .pt-plan-project-context { grid-column:1 / 3; }
  #view-history .pt-oa-workarea { grid-template-columns:minmax(0,1fr) 310px; }
  #view-history .pt-oa-matrix-head,
  #view-history .pt-oa-matrix-row { grid-template-columns:minmax(150px,1.2fr) 78px 76px minmax(100px,.8fr) minmax(160px,1.3fr); }
  #view-history .pt-oa-matrix-head > :last-child,
  #view-history .pt-oa-matrix-row > :last-child { display:none; }
  #view-history .pt-oa-project-meta > .is-owner { display:none; }
}

@media (max-width:900px) {
  #view-history .pt-portfolio-plan-source .pt-plan-source-head { align-items:flex-start; flex-direction:column; }
  #view-history .pt-portfolio-plan-source .pt-plan-source-actions { justify-content:flex-start; }
  #view-history .pt-oa-heading { align-items:flex-start; flex-direction:column; width:100%; }
  #view-history .pt-oa-header { align-items:flex-start; flex-direction:column; }
  #view-history .pt-oa-project { grid-template-columns:1fr; gap:6px; width:100%; }
  #view-history .pt-oa-project label { white-space:nowrap; }
  #view-history .pt-oa-project-meta { width:100%; justify-content:flex-start; }
  #view-history .pt-oa-project-meta > .pt-oa-summary:first-child { padding-left:0; border-left:0; }
  #view-history .pt-oa-project-actions { width:100%; }
  #view-history .pt-oa-workarea { grid-template-columns:1fr; }
  #view-history .pt-oa-detail h3 { scroll-margin-top:80px; }
  #view-history .pt-oa-detail { border-top:1px solid #e2e7ec; border-left:0; }
  #view-history .pt-oa-matrix { overflow-x:auto; }
  #view-history .pt-oa-matrix-head,
  #view-history .pt-oa-matrix-row { min-width:760px; }
  #view-history .pt-oa-history-list article { grid-template-columns:10px minmax(0,1fr); }
  #view-history .pt-oa-history-list time { grid-column:2; text-align:left; }
  #view-history .pt-oa-history > header { flex-direction:column; }
  #view-history .pt-oa-history-tools { justify-content:flex-start; width:100%; }
  #view-history .pt-secondary-projects-head { display:none; }
  #view-history .pt-secondary-project { grid-template-columns:minmax(0,1fr) auto; gap:6px 12px; }
  #view-history .pt-secondary-project-state { grid-column:1; }
  #view-history .pt-secondary-project-health { grid-column:2; grid-row:1; }
  #view-history .pt-secondary-project-owner { grid-column:2; grid-row:2; text-align:right; }
}

.pt-project-modal-accessible :is(button,input,select,textarea,summary):focus-visible {
  outline:2px solid #1769e8;
  outline-offset:2px;
}

@media (max-width:680px) {
  #view-history .pt-portfolio-index { border-radius:12px; }
  #view-history .pt-portfolio-index .pt-portfolio-head { min-height:0; padding:18px 16px; }
  #view-history .pt-portfolio-index .pt-portfolio-head strong { font-size:20px; }
  #view-history .pt-portfolio-index .pt-portfolio-head-actions { flex-wrap:nowrap; overflow-x:auto; }
  #view-history .pt-portfolio-index .pt-portfolio-head-actions .btn { flex:0 0 auto; }
  #view-history .pt-portfolio-index .pt-portfolio-metrics { flex-wrap:wrap; gap:8px; padding:0 16px 12px; overflow:visible; }
  #view-history .pt-filter-group { flex:1 1 100%; flex-wrap:wrap; }
  #view-history .pt-filter-group + .pt-filter-group { padding-top:8px; padding-left:0; border-top:1px solid #dfe5ec; border-left:0; }
  #view-history .pt-portfolio-index .pt-filter-pill { min-height:40px; }
  #view-history .pt-portfolio-plan-source .pt-plan-source-head { padding:18px 16px; }
  #view-history .pt-portfolio-plan-source .pt-plan-project { grid-template-columns:1fr; gap:12px; padding:16px; }
  #view-history .pt-portfolio-plan-source .pt-plan-project-context { grid-column:auto; }
  #view-history .pt-portfolio-plan-source .pt-plan-project > .btn { justify-self:start; }
  #view-history .pt-oa-center { min-height:0; border-radius:12px; }
  #view-history .pt-oa-header { padding:16px; }
  #view-history .pt-oa-heading { gap:12px; }
  #view-history .pt-oa-back { min-height:40px; }
  #view-history .pt-oa-project select { min-height:44px; }
  #view-history .pt-oa-project-meta {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0;
  }
  #view-history .pt-oa-project-meta > .pt-oa-summary {
    min-width:0;
    min-height:58px;
    padding:10px 12px;
    border-top:1px solid #edf0f3;
    border-left:0;
  }
  #view-history .pt-oa-project-meta > .pt-oa-summary:nth-child(even) { border-left:1px solid #edf0f3; }
  #view-history .pt-oa-project-meta > .is-position,
  #view-history .pt-oa-project-meta > .is-health { min-width:0; }
  #view-history .pt-oa-project-actions { grid-column:1 / -1; padding-top:10px; }
  #view-history .pt-oa-project-actions .btn { min-height:42px; margin-left:0; }
  #view-history .pt-oa-tabs {
    gap:22px;
    min-height:50px;
    padding:0 16px;
    overflow-x:auto;
    scrollbar-width:thin;
  }
  #view-history .pt-oa-tabs button { flex:0 0 auto; height:50px; }
  #view-history .pt-oa-workarea > .pt-oa-primary { padding:14px 12px 18px; }
  #view-history .pt-oa-matrix { overflow:visible; border:0; border-radius:0; background:transparent; }
  #view-history .pt-oa-matrix-head { display:none; }
  #view-history .pt-oa-stage-band {
    min-width:0;
    min-height:36px;
    margin-top:14px;
    padding:7px 4px;
    border-bottom:0;
    background:transparent;
  }
  #view-history .pt-oa-matrix-head + .pt-oa-stage-band { margin-top:0; }
  #view-history .pt-oa-stage-band strong { font-size:12px; }
  #view-history .pt-oa-matrix-row {
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:
      'title status'
      'owner kind'
      'result result'
      'time time';
    gap:10px 12px;
    min-width:0;
    min-height:0;
    margin-bottom:8px;
    padding:13px 14px;
    border:1px solid #e1e6eb;
    border-radius:10px;
  }
  #view-history .pt-oa-matrix-row:last-child { border-bottom:1px solid #e1e6eb; }
  #view-history .pt-oa-matrix-row > :nth-child(1) { grid-area:title; }
  #view-history .pt-oa-matrix-row > :nth-child(2) { grid-area:kind; justify-self:end; }
  #view-history .pt-oa-matrix-row > :nth-child(3) { grid-area:status; justify-self:end; }
  #view-history .pt-oa-matrix-row > :nth-child(4) { grid-area:owner; }
  #view-history .pt-oa-matrix-row > :nth-child(5) { grid-area:result; }
  #view-history .pt-oa-matrix-row > :nth-child(6) { grid-area:time; }
  #view-history .pt-oa-node-title strong { overflow:visible; font-size:14px; white-space:normal; }
  #view-history .pt-oa-owner,
  #view-history .pt-oa-time { display:flex; gap:7px; overflow:visible; white-space:normal; }
  #view-history .pt-oa-owner::before { flex:0 0 auto; color:#7b8796; content:'当前责任'; font-size:10px; font-weight:700; }
  #view-history .pt-oa-time::before { flex:0 0 auto; color:#7b8796; content:'最近更新'; font-size:10px; font-weight:700; }
  #view-history .pt-oa-result { align-items:flex-start; flex-wrap:wrap; overflow:visible; white-space:normal; }
  #view-history .pt-oa-result-text { overflow:visible; text-overflow:clip; white-space:normal; }
  #view-history .pt-oa-detail { padding:18px 16px 22px; }
  #view-history .pt-oa-detail > footer .btn { min-height:44px; }
}

html[data-theme="dark"] #view-history .pt-oa-center,
html[data-theme="dark"] #view-history .pt-oa-header,
html[data-theme="dark"] #view-history .pt-oa-workarea > .pt-oa-primary,
html[data-theme="dark"] #view-history .pt-oa-matrix-row,
html[data-theme="dark"] #view-history :is(.pt-secondary-projects,.pt-secondary-project),
html[data-theme="dark"] #view-history :is(.pt-portfolio-index,.pt-portfolio-index .pt-portfolio-head,.pt-portfolio-index .pt-project-toolbar,.pt-portfolio-index .pt-project-row,.pt-portfolio-plan-source .pt-plan-source,.pt-portfolio-plan-source .pt-plan-source-head,.pt-portfolio-plan-source .pt-plan-project) { border-color:#314158; background:#172235; }
html[data-theme="dark"] #view-history :is(.pt-oa-tabs,.pt-oa-detail,.pt-oa-matrix-head,.pt-oa-history > header) { border-color:#314158; background:#132033; }
html[data-theme="dark"] #view-history .pt-oa-stage-band { border-color:#314158; background:#132033; }
html[data-theme="dark"] #view-history .pt-oa-stage-band strong,
html[data-theme="dark"] #view-history .pt-oa-state-rules > summary { color:#dbe6f2; }
html[data-theme="dark"] #view-history .pt-oa-state-rules,
html[data-theme="dark"] #view-history .pt-oa-project-meta > .pt-oa-summary { border-color:#314158; }
html[data-theme="dark"] #view-history :is(.pt-oa-project select,.pt-oa-node-title strong,.pt-oa-detail h3,.pt-oa-object > strong,.pt-oa-owner,.pt-oa-result,.pt-portfolio-index .pt-portfolio-head strong,.pt-portfolio-index .pt-project-row-main strong,.pt-project-result-summary strong,.pt-portfolio-plan-source .pt-plan-source-head h3,.pt-portfolio-plan-source .pt-plan-project-main strong) { color:#e8f3f6; }
html[data-theme="dark"] #view-history .pt-secondary-project.is-current { background:#213553; }
html[data-theme="dark"] #view-history :is(.pt-portfolio-navigation,.pt-project-table-head) { border-color:#314158; background:#132033; }
html[data-theme="dark"] #view-history .pt-object-option { border-color:#3a4b63; background:#18263a; }
html[data-theme="dark"] #view-history .pt-object-option.is-active { border-color:#436fa7; background:#203552; }
html[data-theme="dark"] #view-history .pt-object-option :is(strong,b) { color:#dce8f5; }
html[data-theme="dark"] #view-history .pt-object-context,
html[data-theme="dark"] #view-history .pt-oa-state-rules > summary small { color:#9babbc; }
html[data-theme="dark"] #view-history .pt-filter-group + .pt-filter-group { border-color:#3a4b63; }
html[data-theme="dark"] #view-history .pt-portfolio-index .pt-filter-pill:hover { border-color:#40536d; background:#1b2b41; }
html[data-theme="dark"] #view-history .pt-portfolio-index .pt-filter-pill.active { border-color:#436fa7; background:#203552; }
html[data-theme="dark"] #view-history .pt-portfolio-index .pt-project-search input { border-color:#40516a; background:#132033; color:#e8f3f6; }
html[data-theme="dark"] #view-history .pt-row-owner,
html[data-theme="dark"] #view-history .pt-project-row-focus em,
html[data-theme="dark"] #view-history .pt-portfolio-plan-source :is(.pt-plan-project-basis,.pt-plan-project-context) span { color:#c0cddd; }
html[data-theme="dark"] #view-history .pt-project-row-status { color:#89d9ae; }
html[data-theme="dark"] #view-history .pt-project-row.is-attention .pt-project-row-status { color:#ffae8b; }
html[data-theme="dark"] #view-history .pt-project-row.is-review .pt-project-row-status { color:#cfb0ff; }
html[data-theme="dark"] #view-history .pt-project-row.is-archive .pt-project-row-status { color:#74ddd2; }
html[data-theme="dark"] #view-history .pt-project-row.is-archived .pt-project-row-status { color:#b1c7ba; }
html[data-theme="dark"] #view-history .pt-project-row-progress::before { background:#34445a; }
html[data-theme="dark"] #view-history .pt-oa-back { border-color:#42516a; background:#1b2a3f; color:#dce8f5; }

@media (prefers-reduced-motion:reduce) {
  #view-history :is(.pt-oa-matrix-row,.pt-object-option,.pt-project-row) { transition:none; }
}

/* 年度计划正式立项确认：先核对基线差异，再建立项目。 */
.pt-plan-start-modal { width:min(760px,94vw); }
.pt-plan-start-modal .pt-modal-header { align-items:flex-start; padding-bottom:14px; border-bottom:1px solid #edf0f3; }
.pt-plan-start-modal .pt-modal-header > div { min-width:0; }
.pt-plan-start-modal .pt-modal-header p { margin:5px 0 0; color:#748091; font-size:12px; overflow-wrap:anywhere; }
.pt-plan-start-modal .pt-modal-body { padding-top:18px; }
.pt-plan-start-intro { max-width:72ch; margin:0 0 16px; color:#536174; font-size:13px; line-height:1.65; }
.pt-plan-start-baseline { margin:0 0 18px; padding:14px 16px; border:1px solid #dfe5ec; border-radius:11px; background:#f8fafc; }
.pt-plan-start-baseline h4,
.pt-plan-start-differences h4 { margin:0; color:#243247; font-size:13px; }
.pt-plan-start-baseline dl { display:grid; gap:9px; margin:12px 0 0; }
.pt-plan-start-baseline dl > div { display:grid; grid-template-columns:92px minmax(0,1fr); gap:12px; }
.pt-plan-start-baseline dt { color:#7a8696; font-size:11px; font-weight:700; }
.pt-plan-start-baseline dd { min-width:0; margin:0; color:#364357; font-size:12px; line-height:1.55; overflow-wrap:anywhere; }
.pt-plan-start-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:16px; }
.pt-plan-start-grid .is-wide { grid-column:1 / -1; }
.pt-plan-start-modal .pt-modal-field { min-width:0; }
.pt-plan-start-modal textarea { resize:vertical; }
.pt-plan-start-differences { margin:0 0 16px; padding:14px 16px 2px; border:1px solid #e6c97b; border-radius:11px; background:#fffaf0; }
.pt-plan-start-differences > div:first-child p { margin:4px 0 0; color:#80642a; font-size:11px; }
.pt-plan-start-differences ul { display:grid; gap:7px; margin:12px 0 14px; padding:0; list-style:none; }
.pt-plan-start-differences li { display:grid; grid-template-columns:112px minmax(0,1fr) 46px minmax(0,1fr); gap:7px; align-items:start; color:#685329; font-size:11px; line-height:1.45; }
.pt-plan-start-differences li strong { color:#493d27; }
.pt-plan-start-differences li i { color:#a5802d; font-size:10px; font-style:normal; text-align:center; }
.pt-plan-start-error { margin:0 0 10px; padding:10px 12px; border:1px solid #efb3b3; border-radius:9px; background:#fff5f5; color:#a52c2c; font-size:12px; line-height:1.5; }
.pt-plan-start-modal [data-pts-confirm][aria-busy="true"] { cursor:wait; opacity:.78; }
.pt-plan-start-modal :is(button,input,textarea):focus-visible { outline:2px solid #1769e8; outline-offset:2px; }

@media (max-width:620px) {
  .pt-plan-start-overlay { align-items:flex-end; padding:0; }
  .pt-plan-start-modal { width:100%; max-width:none; max-height:94vh; border-radius:14px 14px 0 0; }
  .pt-plan-start-grid { grid-template-columns:1fr; }
  .pt-plan-start-grid .is-wide { grid-column:auto; }
  .pt-plan-start-baseline dl > div { grid-template-columns:1fr; gap:3px; }
  .pt-plan-start-differences li { grid-template-columns:1fr; gap:3px; }
  .pt-plan-start-differences li i { display:none; }
  .pt-plan-start-modal :is(input,textarea) { font-size:16px; }
}

html[data-theme="dark"] .pt-plan-start-modal { background:#172235; }
html[data-theme="dark"] .pt-plan-start-modal .pt-modal-header,
html[data-theme="dark"] .pt-plan-start-modal .pt-modal-footer { border-color:#314158; background:#172235; }
html[data-theme="dark"] .pt-plan-start-modal .pt-modal-header h3,
html[data-theme="dark"] .pt-plan-start-baseline h4,
html[data-theme="dark"] .pt-plan-start-differences h4 { color:#e8f3f6; }
html[data-theme="dark"] .pt-plan-start-intro,
html[data-theme="dark"] .pt-plan-start-modal .pt-modal-header p { color:#aebbd0; }
html[data-theme="dark"] .pt-plan-start-baseline { border-color:#3a4b63; background:#132033; }
html[data-theme="dark"] .pt-plan-start-baseline dt { color:#91a0b5; }
html[data-theme="dark"] .pt-plan-start-baseline dd { color:#dce6f3; }
html[data-theme="dark"] .pt-plan-start-differences { border-color:#6e5a2d; background:#2a261c; }
html[data-theme="dark"] .pt-plan-start-differences :is(p,li) { color:#d8c79b; }
html[data-theme="dark"] .pt-plan-start-differences li strong { color:#f0dfb2; }
html[data-theme="dark"] .pt-plan-start-error { border-color:#733f49; background:#2c1d25; color:#ffb9c1; }

/* Task detail leads the default view; the full responsibility matrix remains in overview. */
#view-history .pt-oa-workarea.is-task { grid-template-columns:minmax(0,1fr) minmax(240px,290px); }
#view-history .pt-oa-workarea.is-task > .pt-oa-detail { padding:24px; border-left:0; background:transparent; }
#view-history .pt-oa-workarea.is-task .pt-oa-detail h3 { font-size:22px; line-height:1.4; }
#view-history .pt-oa-task-contract dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin:20px 0; }
#view-history .pt-oa-task-contract dt { color:#647184; font-size:12px; }
#view-history .pt-oa-task-contract dd { margin:6px 0 0; color:#25364a; font-size:14px; line-height:1.65; overflow-wrap:anywhere; }
#view-history .pt-oa-task-outcome { grid-column:1 / -1; }
#view-history .pt-oa-workarea.is-task .pt-oa-detail > footer { justify-content:flex-start; }
#view-history .pt-oa-task-handoff { margin-top:24px; padding-top:18px; border-top:1px solid #e2e7ec; }
#view-history .pt-oa-task-handoff h4 { margin:0; font-size:13px; color:#304157; }
#view-history .pt-oa-task-handoff p { margin:8px 0; color:#647184; font-size:12px; line-height:1.65; }
#view-history .pt-oa-task-handoff ul { display:flex; flex-wrap:wrap; gap:12px 24px; margin:12px 0 0; padding:0; list-style:none; }
#view-history .pt-oa-task-handoff li { display:grid; gap:4px; min-width:0; font-size:12px; overflow-wrap:anywhere; }
#view-history .pt-oa-task-handoff li span { color:#647184; }
#view-history .pt-oa-task-outline { min-width:0; padding:22px 16px; border-left:1px solid #e2e7ec; background:#fafbfc; }
#view-history .pt-oa-task-outline h3 { margin:0; color:#25364a; font-size:14px; }
#view-history .pt-oa-task-outline p { margin:8px 0 18px; color:#647184; font-size:12px; line-height:1.6; }
#view-history .pt-oa-outline-stage + .pt-oa-outline-stage { margin-top:14px; }
#view-history .pt-oa-outline-stage h4 { margin:0 0 5px; padding:0 8px; color:#647184; font-size:11px; font-weight:500; }
#view-history .pt-oa-outline-stage button { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; min-height:40px; padding:9px 8px; border:1px solid transparent; border-radius:5px; background:transparent; color:#304157; font:inherit; font-size:12px; text-align:left; cursor:pointer; }
#view-history .pt-oa-outline-stage button span { min-width:0; overflow-wrap:anywhere; }
#view-history .pt-oa-outline-stage button small { flex-shrink:0; color:#647184; font-size:11px; }
#view-history .pt-oa-outline-stage button:hover { background:#edf2f7; }
#view-history .pt-oa-outline-stage button[aria-current="step"] { border-color:var(--visual-line,#cbdcf2); background:var(--visual-selection,#eaf2fc); color:var(--visual-accent-deep,#155fa8); font-weight:600; }
#view-history .pt-oa-outline-stage button:focus-visible { outline:2px solid #1769e8; outline-offset:2px; }
@media (max-width:900px) {
  #view-history .pt-oa-workarea.is-task { grid-template-columns:1fr; }
  #view-history .pt-oa-workarea.is-task > .pt-oa-detail { padding:20px; border-top:0; }
  #view-history .pt-oa-task-outline { border-top:1px solid #e2e7ec; border-left:0; }
  #view-history .pt-oa-outline-stage button { min-height:44px; }
}
@media (max-width:420px) {
  #view-history .pt-oa-workarea.is-task > .pt-oa-detail { padding:16px; }
  #view-history .pt-oa-task-contract dl { grid-template-columns:1fr; }
}
@media (min-width:901px) and (max-height:800px) {
  html[data-visual-style] body[data-active-view="history"] #view-history:has(.pt-oa-center) > .app-page-hero.unified-page-heading { min-height:0; margin-bottom:12px; padding:8px 0; }
  html[data-visual-style] body[data-active-view="history"] #view-history:has(.pt-oa-center) > .app-page-hero p { display:none; }
  #view-history .pt-oa-center .pt-oa-header { min-height:0; padding:12px 20px; gap:16px; }
  #view-history .pt-oa-center .pt-oa-project { grid-template-columns:auto minmax(180px,320px); }
  #view-history .pt-oa-workarea.is-task > .pt-oa-detail { padding:20px 24px; }
  #view-history .pt-oa-workarea.is-task .pt-oa-detail > header { padding-bottom:12px; }
  #view-history .pt-oa-workarea.is-task .pt-oa-object { padding:12px 0; gap:6px; }
  #view-history .pt-oa-workarea.is-task .pt-oa-task-contract dl { margin:16px 0; gap:12px; }
  #view-history .pt-oa-workarea.is-task .pt-oa-detail > footer { margin-top:12px; }
}
html[data-theme="dark"] #view-history .pt-oa-task-outline { background:#172235; border-color:#314158; }
html[data-theme="dark"] #view-history :is(.pt-oa-task-contract dd,.pt-oa-task-handoff h4,.pt-oa-task-outline h3,.pt-oa-outline-stage button) { color:#dce6f3; }
html[data-theme="dark"] #view-history :is(.pt-oa-task-contract dt,.pt-oa-task-handoff p,.pt-oa-task-handoff li span,.pt-oa-task-outline p,.pt-oa-outline-stage h4,.pt-oa-outline-stage button small) { color:#aebbd0; }
html[data-theme="dark"] #view-history .pt-oa-task-handoff { border-color:#314158; }
html[data-theme="dark"] #view-history .pt-oa-outline-stage button:hover,
html[data-theme="dark"] #view-history .pt-oa-outline-stage button[aria-current="step"] { background:#22364e; border-color:#456381; }

/* Project center: first-round management signals and business return. */
#view-history .pt-portfolio-index .pt-row-health { color:#647184; font-size:13px; line-height:1.5; overflow-wrap:anywhere; }
#view-history .pt-portfolio-index .pt-row-health.is-attention,
#view-history .pt-row-deadline.is-attention { color:#995000; font-weight:650; }
#view-history .pt-row-schedule { display:grid; align-content:start; gap:10px; min-width:0; }
#view-history .pt-row-deadline { color:#526174; font-size:13px; line-height:1.5; overflow-wrap:anywhere; }
.pt-business-return { display:block; max-width:100%; margin:0 0 16px; padding:10px 14px; border:1px solid #cbd8e6; border-radius:8px; background:#f5f8fc; color:#245784; font:inherit; font-size:13px; text-align:left; cursor:pointer; overflow-wrap:anywhere; }
.pt-business-return:hover { background:#eaf1fa; }
.pt-business-return:focus-visible { outline:2px solid #1769e8; outline-offset:3px; }
[data-theme="dark"] .pt-business-return { background:#182638; border-color:#3b4e65; color:#b7d7ff; }
[data-theme="dark"] #view-history :is(.pt-row-health.is-attention,.pt-row-deadline.is-attention) { color:#f2c078; }
@container project-ledger (max-width:1000px) {
  #view-history .pt-project-table-head { display:none; }
  #view-history .pt-project-toolbar { grid-template-columns:minmax(0,1fr) auto; }
  #view-history .pt-project-toolbar-summary { align-items:flex-end; flex-direction:column; gap:0; }
  #view-history .pt-portfolio-index .pt-project-row {
    grid-template-columns:minmax(0,1.2fr) minmax(160px,.8fr) 64px;
    grid-template-areas:'main meta open' 'focus schedule open';
    gap:20px;
  }
  #view-history .pt-portfolio-index .pt-project-row-main { grid-area:main; }
  #view-history .pt-portfolio-index .pt-project-row-meta { grid-area:meta; }
  #view-history .pt-portfolio-index .pt-project-row-focus { grid-area:focus; }
  #view-history .pt-portfolio-index .pt-row-schedule { grid-area:schedule; }
  #view-history .pt-portfolio-index .pt-project-row-open { grid-area:open; }
  #view-history .pt-ledger-mobile-label { position:static; width:auto; height:auto; clip-path:none; overflow:visible; color:#647184; font-size:13px; font-weight:400; }
}
@container project-ledger (max-width:620px) {
  #view-history .pt-portfolio-index .pt-portfolio-head { align-items:flex-start; flex-direction:column; padding:20px 16px; }
  #view-history .pt-portfolio-index .pt-portfolio-head-actions { justify-content:flex-start; width:100%; }
  #view-history .pt-object-bar { padding:12px 16px; gap:8px; }
  #view-history .pt-object-switch { width:100%; }
  #view-history .pt-object-option { flex:1 1 auto; min-height:44px; padding:8px 10px; }
  #view-history .pt-project-toolbar { grid-template-columns:1fr; gap:8px; padding:12px 16px; }
  #view-history .pt-portfolio-index .pt-project-search { grid-template-columns:1fr; gap:6px; }
  #view-history .pt-project-toolbar-summary { align-items:center; flex-direction:row; justify-content:space-between; }
  #view-history .pt-portfolio-index .pt-project-row {
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:'main' 'meta' 'focus' 'schedule' 'open';
    gap:16px;
    min-height:0;
    padding:20px 16px;
  }
  #view-history .pt-portfolio-index .pt-project-row-meta { grid-template-columns:auto minmax(0,1fr); gap:12px; }
  #view-history .pt-portfolio-index .pt-row-schedule { max-width:320px; width:100%; }
  #view-history .pt-portfolio-index .pt-project-row-open { justify-self:start; }
}

/* Project overview: one full-width table, details only after choosing a row. */
#view-history .pt-oa-center { container-type:inline-size; }
#view-history .pt-oa-center .pt-oa-header { display:block; min-height:0; padding:20px 24px 16px; }
#view-history .pt-oa-center .pt-oa-heading { display:flex; width:100%; gap:20px; flex-direction:row; align-items:center; }
#view-history .pt-oa-center .pt-oa-project { flex:1; grid-template-columns:auto minmax(0,1fr); }
#view-history .pt-oa-center .pt-oa-project select { width:100%; min-width:0; }
#view-history .pt-oa-center .pt-oa-project label { color:var(--visual-copy,#566273); font-size:12px; }
#view-history .pt-oa-identity { display:flex; flex-wrap:wrap; align-items:center; gap:12px 24px; margin-top:14px; color:var(--visual-copy,#566273); font-size:13px; }
#view-history .pt-oa-identity strong { color:var(--visual-ink,#273446); font-weight:600; }
#view-history .pt-oa-identity .pt-oa-text-action { margin-left:auto; }
#view-history .pt-oa-project-focus { display:flex; flex-wrap:wrap; gap:12px 24px; align-items:center; padding:16px 24px; border-bottom:1px solid var(--visual-line-soft,#e7ebef); }
#view-history .pt-oa-next { display:flex; align-items:baseline; flex-wrap:wrap; gap:8px 12px; color:var(--visual-copy,#566273); font-size:13px; }
#view-history .pt-oa-next > button { border:0; background:transparent; padding:4px 0; color:var(--visual-accent-deep,#1453a3); font:inherit; font-size:15px; font-weight:700; text-align:left; cursor:pointer; text-underline-offset:3px; }
#view-history .pt-oa-next > button:hover { text-decoration:underline; }
#view-history .pt-oa-reminders { display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; margin-left:auto; color:var(--visual-copy,#566273); font-size:12px; }
#view-history .pt-oa-reminders button { border:0; background:transparent; padding:6px 0; font:inherit; color:#9c3c30; cursor:pointer; text-decoration:underline; text-underline-offset:3px; }
#view-history .pt-oa-reminders .is-attention { color:#9c3c30; }
#view-history .pt-oa-filters { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:16px 24px 0; }
#view-history .pt-oa-filters button { display:inline-flex; align-items:center; gap:8px; min-height:36px; padding:6px 12px; border:1px solid transparent; border-radius:6px; background:transparent; color:var(--visual-copy,#566273); font:inherit; font-size:13px; cursor:pointer; }
#view-history .pt-oa-filters button:hover { background:var(--visual-surface-soft,#f1f5fa); }
#view-history .pt-oa-filters button[aria-pressed="true"] { color:var(--visual-accent-deep,#1453a3); background:var(--visual-accent-soft,#e7efff); border-color:var(--visual-line,#d3deea); font-weight:600; }
#view-history .pt-oa-filters b { font-size:12px; font-variant-numeric:tabular-nums; }
#view-history .pt-oa-center .pt-oa-workarea:not(.is-task) { display:block; min-height:0; }
#view-history .pt-oa-center .pt-oa-workarea > .pt-oa-primary { padding:16px 24px 24px; }
#view-history .pt-oa-center .pt-oa-matrix { overflow:visible; border-radius:8px; }
#view-history .pt-oa-overview-table { width:100%; table-layout:fixed; border-collapse:collapse; color:var(--visual-ink,#273446); font-size:13px; }
#view-history .pt-oa-col-node { width:24%; }
#view-history .pt-oa-col-status { width:92px; }
#view-history .pt-oa-col-owner { width:120px; }
#view-history .pt-oa-col-action { width:80px; }
#view-history .pt-oa-overview-table thead th { padding:12px; color:var(--visual-copy,#566273); background:var(--visual-surface-soft,#f1f5fa); text-align:left; font-size:12px; font-weight:600; border-bottom:1px solid var(--visual-line,#d3deea); }
#view-history .pt-oa-center .pt-oa-overview-table .pt-oa-matrix-row { display:table-row; min-width:0; height:auto; width:auto; cursor:default; box-shadow:none; }
#view-history .pt-oa-center .pt-oa-overview-table .pt-oa-matrix-row.is-selected { background:var(--visual-selection,var(--visual-accent-soft,#eef5ff)); box-shadow:none; }
#view-history .pt-oa-center .pt-oa-overview-table .pt-oa-matrix-row > * { display:table-cell; padding:14px 12px; min-width:0; border-bottom:1px solid var(--visual-line-soft,#e7ebef); vertical-align:top; text-align:left; overflow:visible; white-space:normal; overflow-wrap:anywhere; line-height:1.55; font-size:13px; }
#view-history .pt-oa-center .pt-oa-overview-table .pt-oa-stage-band { display:table-row; min-width:0; }
#view-history .pt-oa-overview-table .pt-oa-stage-band th { padding:10px 12px; color:var(--visual-copy,#566273); background:var(--visual-surface-soft,#f1f5fa); font-size:12px; font-weight:600; text-align:left; }
#view-history .pt-oa-center .pt-oa-overview-table .pt-oa-node-title strong { display:block; overflow:visible; white-space:normal; font-size:14px; line-height:1.5; }
#view-history .pt-oa-overview-table .pt-oa-node-title .pt-oa-kind { display:inline-flex; margin-top:6px; margin-right:6px; font-size:10px; }
#view-history .pt-oa-next-marker { display:inline-block; margin-top:6px; color:var(--visual-accent-deep,#1453a3); font-size:11px; font-weight:600; }
#view-history .pt-oa-center .pt-oa-overview-table .pt-oa-result-text { display:block; overflow:visible; white-space:normal; }
#view-history .pt-oa-overview-table .pt-oa-health { display:inline-block; margin-bottom:4px; }
#view-history .pt-oa-center .pt-oa-overview-table .pt-oa-updated { display:none; }
#view-history .pt-oa-cell-label { display:none; }
#view-history .pt-oa-row-action button,
#view-history .pt-oa-text-action,
#view-history .pt-oa-prerequisite { min-height:32px; padding:4px 8px; border:0; border-radius:4px; color:var(--visual-accent-deep,#1453a3); background:transparent; font:inherit; font-size:13px; cursor:pointer; }
#view-history .pt-oa-prerequisite { display:block; padding-left:0; font-size:12px; }
#view-history .pt-oa-row-action button:hover,
#view-history .pt-oa-text-action:hover { background:var(--visual-accent-soft,#e7efff); }
#view-history .pt-oa-entry-unavailable { display:inline-block; max-width:48ch; color:var(--visual-copy,#566273); font-size:12px; line-height:1.55; }
#view-history .pt-oa-prerequisite:hover { text-decoration:underline; text-underline-offset:3px; }
#view-history .pt-oa-center button:focus-visible,
#view-history .pt-oa-center select:focus-visible,
#view-history .pt-oa-center summary:focus-visible { outline:2px solid var(--visual-accent,#1769e8); outline-offset:3px; }
#view-history .pt-oa-center ::selection { background:var(--visual-accent-soft,#e7efff); color:var(--visual-ink,#273446); }
#view-history .pt-oa-detail-return { grid-column:1 / -1; padding:16px 24px 0; }
#view-history .pt-oa-center .pt-oa-detail h3 { scroll-margin-top:24px; }
@container (min-width:1160px) {
  #view-history .pt-oa-center .pt-oa-overview-table .pt-oa-updated { display:block; margin-top:6px; font-variant-numeric:tabular-nums; font-size:12px; color:var(--visual-copy,#566273); }
}
@container (max-width:740px) {
  #view-history .pt-oa-center .pt-oa-header { padding:16px; }
  #view-history .pt-oa-center .pt-oa-heading { flex-direction:column; align-items:flex-start; gap:12px; }
  #view-history .pt-oa-center .pt-oa-project { width:100%; grid-template-columns:minmax(0,1fr); gap:6px; }
  #view-history .pt-oa-identity { gap:8px 16px; }
  #view-history .pt-oa-project-focus { padding:16px; }
  #view-history .pt-oa-reminders { width:100%; margin-left:0; }
  #view-history .pt-oa-filters { padding:12px 16px 0; gap:4px; }
  #view-history .pt-oa-filters button { min-height:40px; }
  #view-history .pt-oa-center .pt-oa-workarea > .pt-oa-primary { padding:12px 16px 16px; }
  #view-history .pt-oa-center .pt-oa-matrix { border:0; }
  #view-history .pt-oa-overview-table,
  #view-history .pt-oa-overview-table tbody { display:block; }
  #view-history .pt-oa-overview-table colgroup { display:none; }
  #view-history .pt-oa-overview-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
  #view-history .pt-oa-center .pt-oa-overview-table .pt-oa-stage-band { display:block; margin-top:16px; }
  #view-history .pt-oa-overview-table .pt-oa-stage-band th { display:block; padding:8px 0; background:transparent; }
  #view-history .pt-oa-center .pt-oa-overview-table .pt-oa-matrix-row { display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-areas:'title status' 'owner owner' 'result result' 'action action'; gap:8px 12px; padding:14px 12px; margin:0; border:0; border-bottom:1px solid var(--visual-line,#d3deea); border-radius:0; }
  #view-history .pt-oa-center .pt-oa-overview-table .pt-oa-matrix-row > * { display:block; padding:0; border:0; justify-self:stretch; }
  #view-history .pt-oa-center .pt-oa-overview-table .pt-oa-node-title { grid-area:title; }
  #view-history .pt-oa-center .pt-oa-overview-table .pt-oa-state-cell { grid-area:status; }
  #view-history .pt-oa-center .pt-oa-overview-table .pt-oa-owner { grid-area:owner; }
  #view-history .pt-oa-center .pt-oa-overview-table .pt-oa-result { grid-area:result; }
  #view-history .pt-oa-center .pt-oa-overview-table .pt-oa-row-action { grid-area:action; justify-self:end; }
  #view-history .pt-oa-center .pt-oa-overview-table .pt-oa-updated { display:none; }
  #view-history .pt-oa-cell-label { display:inline; margin-right:8px; color:var(--visual-copy,#566273); font-size:12px; font-weight:400; }
  #view-history .pt-oa-state-cell .pt-oa-cell-label { display:none; }
  #view-history .pt-oa-row-action button { min-height:44px; min-width:64px; }
  #view-history .pt-oa-detail-return { padding:16px 16px 0; }
}

#view-history .pt-oa-center .pt-oa-overview-table .pt-oa-owner::before { content:none; }