/* Desktop project detail only. Keep list, mobile and unrelated workflows intact. */
@media (min-width: 769px) {
  body.pc-ui-preview .project-contract-detail-view:has(> .project-contract-detail-panel[data-detail-refined="true"]) {
    width: 100%;
    max-width: 1480px;
    min-width: 0;
    margin-inline: auto;
  }

  body.pc-ui-preview .project-contract-detail-view:has(> .project-contract-detail-panel[data-detail-refined="true"]) > .project-detail-navigation {
    gap: 14px;
    min-height: 40px;
    padding: 4px 0;
    margin: 0 0 8px;
    color: #748091;
    font-size: 12px;
  }

  body.pc-ui-preview .project-contract-detail-view:has(> .project-contract-detail-panel[data-detail-refined="true"]) > .project-detail-navigation .project-back-to-list {
    width: auto;
    min-height: 32px;
    margin: 0;
    padding: 5px 11px;
    border: 1px solid #d9dfe7;
    border-radius: 6px;
    background: #fff;
    color: #245eb5;
    font-size: 13px;
    line-height: 20px;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] {
    --detail-ink: #242d3a;
    --detail-muted: #747e8d;
    --detail-line: #e5e8ed;
    --detail-action: #245eb5;
    display: grid;
    gap: 10px;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: var(--detail-ink);
    font-size: 13px;
    line-height: 1.55;
    overflow-wrap: anywhere;
    scroll-margin-top: 122px;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] *,
  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] *::before,
  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] *::after {
    box-sizing: border-box;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] :is(.project-detail-hero, .receivable-detail-block, .project-detail-workflow, .project-detail-costs, .project-detail-documents) {
    min-width: 0;
    margin: 0;
    padding: 13px 16px;
    border: 1px solid var(--detail-line);
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 1px 2px rgb(23 36 52 / 2%);
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] :is(.receivable-detail-title, .project-detail-section-heading h4) {
    margin: 0 0 8px;
    color: var(--detail-ink);
    font-size: 15px;
    font-weight: 650;
    line-height: 1.5;
    letter-spacing: 0;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] :is(.project-detail-block-head, .project-detail-section-heading) {
    gap: 6px 14px;
    margin: 0 0 8px;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-detail-block-head :is(.receivable-detail-title, .project-detail-section-heading, h4),
  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-detail-section-heading h4 {
    margin: 0;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] :is(.muted, .project-detail-section-heading > span) {
    color: var(--detail-muted);
    font-size: 12px;
    line-height: 1.55;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] button:not([hidden]):not(.hidden) {
    width: auto;
    max-width: 100%;
    min-height: 32px;
    height: auto;
    margin: 0;
    padding: 5px 11px;
    border: 1px solid #d9e2ee;
    border-radius: 6px;
    background: #fff;
    box-shadow: none;
    color: var(--detail-action);
    font-family: inherit;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    white-space: normal;
    cursor: pointer;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] button:not([hidden]):not(.hidden):hover {
    border-color: #b5c8e4;
    background: #f4f7fc;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] :is(button, a, summary):focus-visible {
    outline: 2px solid #377ed6;
    outline-offset: 3px;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] button:disabled {
    opacity: .55;
    cursor: default;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] a {
    color: var(--detail-action);
    overflow-wrap: anywhere;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-detail-actions:not([hidden]) {
    gap: 8px;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-detail-overview {
    gap: 10px;
    margin: 0;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-detail-eyebrow {
    margin: 0 0 3px;
    color: var(--detail-muted);
    font-size: 12px;
    font-weight: 400;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-detail-overview-title h3 {
    margin: 0;
    color: #192434;
    font-size: 18px;
    font-weight: 650;
    line-height: 1.5;
    overflow-wrap: anywhere;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-detail-current-status {
    padding: 2px 8px;
    border-radius: 5px;
    background: #f1f6f4;
    color: #3c7164;
    font-size: 12px;
    font-weight: 500;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-detail-current-status::before {
    width: 5px;
    height: 5px;
    background: currentColor;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-detail-current-status[data-status="closed"] { color: #4f6887; background: #f0f3f7; }
  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-detail-current-status[data-status="paused"] { color: #96712f; background: #fbf6ec; }
  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-detail-current-status[data-status="archived"] { color: #727b86; background: #f1f2f4; }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-detail-overview-meta {
    gap: 4px 18px;
    margin-top: 4px;
    color: var(--detail-muted);
    font-size: 12px;
    line-height: 1.55;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-detail-overview-meta > span {
    min-width: 0;
    overflow-wrap: anywhere;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-detail-overview-actions button.edit-project {
    border-color: #2866bd;
    background: #2866bd;
    color: #fff;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-detail-overview-actions button.edit-project:hover {
    border-color: #1f55a3;
    background: #1f55a3;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-detail-keyfacts {
    grid-template-columns: 1fr 1fr .8fr;
    gap: 0;
    margin: 12px 0 10px;
    padding: 10px 0;
    border-top: 1px solid var(--detail-line);
    border-bottom: 1px solid var(--detail-line);
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-detail-keyfacts > div {
    gap: 3px;
    padding: 0 22px;
    border: 0;
    border-right: 1px solid var(--detail-line);
    border-radius: 0;
    background: transparent;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-detail-keyfacts > div:first-child { padding-left: 0; }
  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-detail-keyfacts > div:last-child { border-right: 0; }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-detail-keyfacts span {
    color: var(--detail-muted);
    font-size: 12px;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-detail-keyfacts strong {
    color: #253346;
    font-size: 22px;
    font-weight: 650;
    line-height: 1.35;
    font-variant-numeric: tabular-nums;
    letter-spacing: -.3px;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-detail-keyfacts > div:last-child strong {
    font-size: 16px;
    line-height: 1.85;
    letter-spacing: 0;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-detail-reminders {
    gap: 8px 14px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--detail-muted);
    font-size: 12px;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-detail-reminders > strong {
    color: #626e7e;
    font-weight: 500;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-detail-reminder-action:not([hidden]) {
    gap: 8px;
    margin: 0;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-detail-reminder {
    padding: 4px 8px;
    font-size: 12px;
    line-height: 1.6;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .business-link-toolbar {
    gap: 10px 18px;
    margin: 9px 0 0;
    padding: 8px 0 0;
    border: 0;
    border-top: 1px solid var(--detail-line);
    border-radius: 0;
    background: transparent;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .business-link-title {
    color: #626e7e;
    font-size: 12px;
    font-weight: 500;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .business-link-actions {
    gap: 8px;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .receivable-detail-panel {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .receivable-detail-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
    gap: 10px;
    align-items: stretch;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] :is(.project-detail-fields, .project-detail-entities):not([hidden]) {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 3px 16px;
    margin: 0;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .client-detail-item {
    min-width: 0;
    margin: 0;
    padding: 4px 0;
    border: 0;
    background: transparent;
    color: var(--detail-ink);
    font-size: 13px;
    line-height: 1.55;
    overflow-wrap: anywhere;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] :is(.project-detail-fields, .project-detail-entities) .client-detail-item {
    display: grid;
    grid-template-columns: 108px minmax(0, 1fr);
    align-items: baseline;
    gap: 6px 12px;
    padding: 2px 0;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] :is(.client-detail-item strong, .project-detail-field-label) {
    min-width: 0;
    color: var(--detail-muted);
    font-size: 13px;
    font-weight: 400;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-detail-field-value {
    min-width: 0;
    color: var(--detail-ink);
    white-space: pre-wrap;
    overflow-wrap: anywhere;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-detail-field-label { word-break: keep-all; overflow-wrap: normal; }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-detail-field-wide { grid-column: 1 / -1; }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-detail-term {
    display: grid;
    grid-template-columns: 108px minmax(0, 1fr);
    gap: 3px 12px;
    margin: 8px 0;
    padding: 8px 0;
    border: 0;
    border-top: 1px solid var(--detail-line);
    border-bottom: 1px solid var(--detail-line);
    border-radius: 0;
    background: transparent;
    color: var(--detail-ink);
    font-size: 13px;
    line-height: 1.55;
    font-variant-numeric: tabular-nums;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-detail-term > strong {
    color: var(--detail-muted);
    font-size: 13px;
    font-weight: 400;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-detail-term > small {
    grid-column: 2;
    color: var(--detail-muted);
    font-size: 12px;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] :is(.project-detail-optional, .project-cost-estimates) {
    margin: 8px 0 0;
    color: var(--detail-muted);
    font-size: 13px;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] :is(.project-detail-optional, .project-cost-estimates, .project-finance-details) > summary {
    width: fit-content;
    max-width: 100%;
    margin: 0;
    padding: 4px 0;
    color: var(--detail-action);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.55;
    cursor: pointer;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-detail-optional > summary {
    color: #697789;
    font-weight: 400;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-detail-optional[open] > :not(summary) { margin-top: 7px; }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-finance-details > .client-detail-list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px 20px;
    margin-top: 8px;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-detail-finance-block { scroll-margin-top: 128px; }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-finance-details > .client-detail-list > .client-detail-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    padding: 5px 0;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] [data-project-finance-key] {
    color: #253346;
    font-variant-numeric: tabular-nums;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-finance-details [data-project-finance-key] {
    font-size: 15px;
    font-weight: 600;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-detail-plan-table {
    max-width: 100%;
    margin-top: 10px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    border: 1px solid var(--detail-line);
    border-radius: 6px;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-detail-plan-table > table {
    width: 100%;
    min-width: 520px;
    margin: 0;
    border: 0;
    border-collapse: collapse;
    table-layout: auto;
    color: var(--detail-ink);
    font-size: 13px;
    line-height: 1.6;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-detail-plan-table :is(th, td) {
    width: auto;
    min-width: 0;
    padding: 7px 10px;
    border: 0;
    border-bottom: 1px solid #edf0f3;
    color: var(--detail-ink);
    font-size: 13px;
    line-height: 1.6;
    text-align: left;
    vertical-align: top;
    white-space: normal;
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-detail-plan-table th {
    background: #f6f7f9;
    color: #748091;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-detail-plan-table td { background: #fff; }
  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-detail-plan-table tbody > tr:last-child > td { border-bottom: 0; }
  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-detail-plan-table tbody > tr:hover > td { background: #fafbfc; }
  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-detail-plan-table .project-detail-plan-amount { text-align: right; white-space: nowrap; }
  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-detail-plan-empty { margin: 8px 0 0; color: var(--detail-muted); font-size: 13px; }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-detail-workflow .project-delivery-entry-actions {
    padding: 0;
    margin: 0;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] :is(.pcr-section, .par-section) {
    min-width: 0;
    margin: 10px 0 0;
    padding: 10px 0 0;
    border: 0;
    border-top: 1px solid var(--detail-line);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: var(--detail-ink);
    font-size: 13px;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] :is(.pcr-heading, .par-heading) {
    gap: 12px;
    align-items: flex-start;
    margin-bottom: 6px;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] :is(.pcr-heading, .par-heading) h4 {
    margin: 0;
    color: #404c5b;
    font-size: 14px;
    font-weight: 600;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] :is(.pcr-heading, .par-heading) p {
    margin: 3px 0 0;
    color: var(--detail-muted);
    font-size: 12px;
    line-height: 1.55;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] :is(.pcr-record, .par-record) {
    display: grid;
    grid-template-columns: 145px minmax(0, 1fr) auto;
    align-items: start;
    gap: 10px;
    padding: 8px 0;
    border: 0;
    border-bottom: 1px solid #edf0f3;
    background: transparent;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] :is(.pcr-record, .par-record):last-child { border-bottom: 0; }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] :is(.pcr-time, .par-source) {
    min-width: 0;
    color: #566474;
    font-size: 12px;
    line-height: 1.55;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] :is(.pcr-time > span, .par-source > strong) {
    display: block;
    color: #566474;
    font-size: 12px;
    font-weight: 500;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] :is(.pcr-time, .par-source) :is(time, small) {
    display: block;
    margin-top: 3px;
    color: #8a939f;
    font-size: 12px;
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] :is(.pcr-content, .par-content) { min-width: 0; }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] :is(.pcr-record-title, .par-title) {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 6px 12px;
    min-width: 0;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] :is(.pcr-record-title, .par-title) > strong {
    color: var(--detail-ink);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.55;
    overflow-wrap: anywhere;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .pcr-record-title > b {
    color: #253346;
    font-size: 14px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] :is(.pcr-record-title, .par-title) > span {
    color: #7e8998;
    font-size: 12px;
    font-weight: 400;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] :is(.pcr-content p, .par-content p) {
    margin: 3px 0 0;
    color: #566474;
    font-size: 13px;
    line-height: 1.55;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] :is(.pcr-meta, .par-evidence, .par-evidence p) {
    color: #7e8998;
    font-size: 12px;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .par-content .par-key-line {
    overflow: visible;
    white-space: normal;
    text-overflow: clip;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .par-evidence { margin-top: 4px; }
  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .par-evidence > summary { color: var(--detail-action); font-size: 12px; }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] :is(.pcr-empty, .par-empty) {
    margin: 8px 0 0;
    color: var(--detail-muted);
    font-size: 13px;
    line-height: 1.55;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] :is(.pcr-more, .par-more) { margin-top: 8px; gap: 12px; }
  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] :is(.pcr-more, .par-more) > span { color: #8a939f; font-size: 12px; }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-cost-estimates > .client-detail-list:not([hidden]) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px 22px;
    margin-top: 8px;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-detail-costs .project-cost-analysis-panel {
    margin: 10px 0 0;
    padding: 10px 0 0;
    border: 0;
    border-top: 1px solid var(--detail-line);
    background: transparent;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-cost-analysis-head strong {
    color: #404c5b;
    font-size: 14px;
    font-weight: 600;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-cost-analysis-head span {
    color: var(--detail-muted);
    font-size: 12px;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-cost-analysis-empty {
    gap: 10px 16px;
    padding: 8px 12px;
    border: 0;
    border-radius: 6px;
    background: #f7f8fa;
    box-shadow: none;
    color: #747e8d;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.55;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-cost-analysis-empty > span { flex: 1 1 260px; min-width: 0; }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-cost-analysis-empty > button:not([hidden]):not(.hidden) {
    flex: 0 0 auto;
    min-height: 32px;
    margin: 0;
    padding: 5px 11px;
    border: 1px solid #d9e2ee;
    border-radius: 6px;
    background: #fff;
    color: var(--detail-action);
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-cost-analysis-empty > button:not([hidden]):not(.hidden):hover {
    border-color: #b5c8e4;
    background: #f4f7fc;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-cost-summary-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin: 0 0 10px;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-cost-summary-grid > div {
    min-width: 0;
    padding: 9px 10px;
    border: 0;
    border-radius: 6px;
    background: #f7f8fa;
    box-shadow: none;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-cost-summary-grid > div:last-child { grid-column: auto; }
  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-cost-summary-grid span { color: var(--detail-muted); font-size: 12px; line-height: 1.6; }
  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-cost-summary-grid strong { margin-top: 5px; color: #253346; font-size: 18px; font-weight: 600; line-height: 1.5; font-variant-numeric: tabular-nums; }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-detail-costs .table-scroll {
    min-width: 0;
    max-width: 100%;
    margin: 8px 0 10px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    border: 1px solid var(--detail-line);
    border-radius: 6px;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-cost-table {
    width: 100%;
    min-width: 760px;
    margin: 0;
    border: 0;
    border-collapse: collapse;
    table-layout: auto;
    color: var(--detail-ink);
    font-size: 13px;
    line-height: 1.55;
    font-variant-numeric: tabular-nums;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-cost-table.project-cost-target-table { min-width: 1080px; }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-cost-table :is(th, td) {
    padding: 8px 10px;
    border: 0;
    border-bottom: 1px solid #edf0f3;
    font-size: 13px;
    line-height: 1.55;
    text-align: left;
    vertical-align: top;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-cost-table th { background: #f6f7f9; color: #748091; font-size: 12px; font-weight: 500; }
  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-cost-table td { background: #fff; }
  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-cost-table tbody > tr:last-child > td { border-bottom: 0; }
  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-cost-table tbody > tr:hover > td { background: #fafbfc; }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-cost-table :is(input, select) {
    min-height: 32px;
    margin: 0;
    padding: 5px 8px;
    border: 1px solid #d9dfe7;
    border-radius: 5px;
    background: #fff;
    color: var(--detail-ink);
    font-size: 13px;
    line-height: 20px;
    font-variant-numeric: tabular-nums;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-cost-target-panel { padding: 10px 12px; border: 0; border-radius: 6px; background: #f7f8fa; }
  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-cost-section-title { margin: 10px 0 6px; color: #404c5b; font-size: 14px; font-weight: 600; }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-detail-document-grid:not([hidden]) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-detail-document-item {
    min-width: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    color: #566474;
    font-size: 13px;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-detail-document-item > .project-detail-block-head > strong {
    color: #566474;
    font-size: 13px;
    font-weight: 500;
  }

  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] :is([hidden], .hidden) { display: none !important; }
}

@media (min-width: 769px) and (max-width: 1279px) {
  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] :is(.project-detail-hero, .receivable-detail-block, .project-detail-workflow, .project-detail-costs, .project-detail-documents) { padding: 13px 14px; }
  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] :is(.project-detail-fields, .project-detail-entities) .client-detail-item,
  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-detail-term { grid-template-columns: 94px minmax(0, 1fr); column-gap: 10px; }
  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-finance-details > .client-detail-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (min-width: 769px) and (max-width: 999px) {
  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-cost-summary-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .receivable-detail-grid { grid-template-columns: minmax(0, 1fr); }
  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] :is(.project-detail-fields, .project-detail-entities) .client-detail-item,
  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-detail-term { grid-template-columns: 108px minmax(0, 1fr); }
  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-detail-overview { flex-wrap: wrap; }
  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-detail-keyfacts strong { font-size: 19px; }
  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-detail-keyfacts > div { padding-inline: 14px; }
  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-detail-keyfacts > div:first-child { padding-left: 0; }
  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-finance-details > .client-detail-list,
  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-cost-estimates > .client-detail-list:not([hidden]) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] :is(.pcr-record, .par-record) { grid-template-columns: minmax(0, 1fr) auto; gap: 8px 12px; }
  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] :is(.pcr-time, .par-source) { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; }
  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] :is(.pcr-time > span, .par-source > strong, .pcr-time time, .par-source time) { display: inline; margin: 0; }
  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-detail-document-grid:not([hidden]) { grid-template-columns: minmax(0, 1fr); gap: 14px; }
}
/* Cost analysis stays compact; construction tools and calculation notes are optional. */
.project-cost-analysis-panel .project-cost-summary-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.project-cost-analysis-panel .project-cost-summary-grid > div { min-width: 0; }
.project-cost-analysis-panel .project-cost-amount-link {
  display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 12px; width: auto; padding: 0;
  border: 0; border-radius: 0; background: transparent; color: #246b9e; text-align: left; cursor: pointer;
}
.project-cost-analysis-panel .project-cost-amount-link strong { color: inherit !important; }
.project-cost-analysis-panel .project-cost-amount-link small { font-size: 11px; font-weight: 400; line-height: 1.5; }
.project-cost-analysis-panel .project-cost-amount-link:hover strong { text-decoration: underline; text-underline-offset: 3px; }
.project-cost-analysis-panel .project-cost-category-link {
  display: inline-flex; gap: 5px 12px; align-items: baseline; flex-wrap: wrap; width: auto; padding: 0;
  border: 0; background: transparent; color: #246b9e; font: inherit; text-align: left; cursor: pointer;
}
.project-cost-analysis-panel .project-cost-category-link > span { color: #7a8b9c; font-size: 11px; }
.project-cost-analysis-panel .project-cost-category-link:hover { text-decoration: underline; }
.project-cost-analysis-panel :is(.project-cost-amount-link, .project-cost-category-link):focus-visible { outline: 2px solid #397ebb; outline-offset: 3px; }
.project-cost-analysis-panel .project-cost-budget-note { margin: 6px 0 10px; color: #7a8594; font-size: 12px; }
.project-cost-analysis-panel .project-cost-secondary { margin: 8px 0; padding: 0; border: 0; background: transparent; }
.project-cost-analysis-panel .project-cost-secondary > summary { padding: 8px 0; color: #66788b; font-size: 12px; line-height: 1.5; cursor: pointer; font-weight: 500; }
.project-cost-analysis-panel .project-cost-secondary > p { margin: 8px 0; color: #7a8594; font-size: 12px; line-height: 1.6; }
.project-cost-analysis-panel .project-cost-reference-grid { display: flex; gap: 10px 28px; flex-wrap: wrap; padding: 8px 12px; background: #f7f8fa; border-radius: 5px; }
.project-cost-analysis-panel .project-cost-reference-grid > div { display: flex; flex-direction: column; gap: 3px; }
.project-cost-analysis-panel .project-cost-reference-grid span { color: #7a8594; font-size: 12px; }
.project-cost-analysis-panel .project-cost-reference-grid strong { color: #4a5d70; font-size: 14px; font-weight: 500; font-variant-numeric: tabular-nums; }
.project-cost-analysis-panel .project-cost-budget-over > strong { color: #ae563c !important; }
.project-cost-analysis-panel .project-cost-rules .project-cost-notes { margin-top: 4px; }
@media (min-width: 769px) {
  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-cost-summary-grid .project-cost-amount-link {
    display: flex; min-height: 0; padding: 0; border: 0; border-radius: 0; background: transparent; color: #246b9e; box-shadow: none;
  }
  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-cost-analysis-panel .project-cost-category-link {
    display: inline-flex; min-height: 0; padding: 0; border: 0; border-radius: 0; background: transparent; color: #246b9e; box-shadow: none;
  }
  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-cost-analysis-panel .project-cost-category-table { min-width: 550px; }
  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-detail-costs .project-cost-analysis-panel { border-top: 0; margin-top: 2px; padding-top: 0; }
  body.pc-ui-preview .project-contract-detail-panel[data-detail-refined="true"] .project-cost-analysis-head { min-height: 0; margin-bottom: 8px; }
}
@media (max-width: 560px) {
  .project-cost-analysis-panel .project-cost-summary-grid { grid-template-columns: 1fr; }
  .project-cost-analysis-panel .project-cost-summary-grid > div:last-child { grid-column: auto; }
}

/* Area and usage identify candidate projects; costs remain source based. */
.project-profile-field > small { display: block; margin-top: 4px; font-size: 11px; line-height: 1.5; }
.project-profile-confirm { display: flex; align-items: flex-start; gap: 7px; font-size: 12px; line-height: 1.6; color: #66788b; }
.project-profile-confirm > input { width: auto; min-height: 0; flex: 0 0 auto; margin-top: 4px; }
.project-cost-comparison > .table-scroll { max-height: 320px; overflow: auto; }
.project-cost-comparison .project-cost-candidate-table { min-width: 680px; }
.project-cost-comparison .project-cost-candidate-table th { position: sticky; top: 0; background: #f5f7fa; z-index: 1; }
.project-cost-comparison .project-cost-candidate-table td:nth-child(n+3) { font-variant-numeric: tabular-nums; }