.pcr-section{margin-top:14px;padding-top:14px;border-top:1px solid #e2e8f0;color:#30465c;font-size:13px;min-width:0}.pcr-section .pcr-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.pcr-section h4{margin:0;font-size:14px;font-weight:600;color:#203b53}.pcr-section .pcr-heading p{margin:3px 0 0;font-size:12px;color:#788899}.pcr-section button{width:auto;min-height:28px;margin:0;padding:4px 9px;border:1px solid #d8e2ec;border-radius:5px;background:#fff;color:#256179;font:inherit;font-size:12px;line-height:1.4;white-space:nowrap;cursor:pointer}.pcr-section button:hover{background:#f2f7fa}.pcr-section button:focus-visible{outline:2px solid #2e6db1;outline-offset:2px}.pcr-section button:disabled{opacity:.6;cursor:default}.pcr-section .pcr-record{display:grid;grid-template-columns:160px minmax(0,1fr) auto;align-items:start;gap:8px 14px;padding:11px 0;border-bottom:1px solid #edf1f5}.pcr-section .pcr-record:last-child{border-bottom:0}.pcr-section .pcr-time{font-size:12px;line-height:1.65;min-width:0}.pcr-section .pcr-time>span{display:block;color:#28647a;font-weight:500}.pcr-section time,.pcr-section .pcr-time small{display:block;color:#82909e;font-size:11px;overflow-wrap:anywhere}.pcr-section .pcr-content{min-width:0}.pcr-section .pcr-record-title{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;min-width:0}.pcr-section .pcr-record-title strong{font-size:13px;font-weight:500;overflow-wrap:anywhere;min-width:0}.pcr-section .pcr-record-title b{font-size:14px;font-weight:600;color:#15596a;white-space:nowrap}.pcr-section .pcr-record-title>span{font-size:11px;color:#738495}.pcr-section .pcr-meta{font-size:11px;color:#7a8897;margin:3px 0;line-height:1.5;overflow-wrap:anywhere}.pcr-section .pcr-note{font-size:12px;line-height:1.65;margin:3px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.pcr-section .pcr-empty{margin:12px 0 4px;color:#7a8998;font-size:12px;line-height:1.7}.pcr-section .pcr-error{margin:7px 0;padding:7px 9px;border-radius:5px;background:#fff7ed;color:#9b5821;font-size:12px;line-height:1.65;overflow-wrap:anywhere}.pcr-section .pcr-error button{margin-left:8px;color:#8d5628;background:transparent}.pcr-section .pcr-more{display:flex;align-items:center;gap:10px;margin-top:8px}.pcr-section .pcr-more>span{font-size:11px;color:#82909e}@media(max-width:800px){.pcr-section .pcr-record{grid-template-columns:minmax(0,1fr) auto;gap:5px 8px}.pcr-section .pcr-time{grid-column:1/-1;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px}.pcr-section .pcr-time>span,.pcr-section .pcr-time time{display:inline}.pcr-section .pcr-heading{align-items:flex-start}}
/* History window only; the project detail keeps its compact three-record preview. */
dialog.pcr-dialog {
  box-sizing: border-box;
  width: min(1080px, calc(100vw - 40px));
  height: min(780px, calc(100dvh - 64px));
  max-width: none;
  max-height: none;
  margin: auto;
  padding: 0;
  border: 1px solid #e0e5ec;
  border-radius: 12px;
  background: #fff;
  color: #242d3a;
  box-shadow: 0 20px 64px rgb(15 23 42 / 22%);
  font-family: inherit;
  font-size: 13px;
  line-height: 1.55;
  overflow: hidden;
}
dialog.pcr-dialog[open] { display: flex; flex-direction: column; }
dialog.pcr-dialog::backdrop { background: rgb(21 33 49 / 45%); }
.pcr-dialog *, .pcr-dialog *::before, .pcr-dialog *::after { box-sizing: border-box; }
.pcr-dialog .pcr-dialog-head {
  display: flex; align-items: flex-start; justify-content: space-between; gap: 16px;
  padding: 18px 22px 14px; border-bottom: 1px solid #e5e8ed; flex: 0 0 auto;
}
.pcr-dialog .pcr-dialog-head h3 { margin: 0; font-size: 18px; line-height: 1.5; color: #242d3a; }
.pcr-dialog .pcr-dialog-head p { margin: 3px 0 0; color: #747e8d; font-size: 12px; overflow-wrap: anywhere; }
.pcr-dialog button {
  width: auto; max-width: 100%; min-height: 32px; height: auto; margin: 0; padding: 5px 11px;
  border: 1px solid #d9e2ee; border-radius: 6px; background: #fff; color: #245eb5;
  font: inherit; font-size: 13px; line-height: 20px; white-space: normal; cursor: pointer;
}
.pcr-dialog button:hover:not(:disabled) { background: #f4f7fc; border-color: #b5c8e4; }
.pcr-dialog button:disabled { opacity: .45; cursor: default; }
.pcr-dialog :is(button,input,select,[tabindex]):focus-visible { outline: 2px solid #377ed6; outline-offset: 2px; }
.pcr-dialog .pcr-dialog-head > button { flex: 0 0 auto; }
.pcr-dialog .pcr-dialog-filters {
  display: grid; grid-template-columns: minmax(140px,1.2fr) repeat(2,minmax(145px,1fr)) auto;
  gap: 12px; align-items: end; padding: 14px 22px 0; flex: 0 0 auto;
}
.pcr-dialog .pcr-dialog-filters label { display: grid; gap: 5px; min-width: 0; margin: 0; color: #566474; font-size: 12px; font-weight: 400; }
.pcr-dialog .pcr-dialog-filters :is(input,select) {
  display: block; width: 100%; min-width: 0; height: 34px; margin: 0; padding: 5px 9px;
  border: 1px solid #d9dfe7; border-radius: 5px; background: #fff; color: #242d3a;
  font: inherit; font-size: 13px; line-height: 22px;
}
.pcr-dialog .pcr-dialog-filters [aria-invalid="true"] { border-color: #c45b50; }
.pcr-dialog .pcr-filter-actions { display: flex; flex-wrap: wrap; gap: 8px; padding-bottom: 1px; }
.pcr-dialog .pcr-filter-hint { margin: 8px 22px 10px; color: #747e8d; font-size: 12px; flex: 0 0 auto; }
.pcr-dialog .pcr-dialog-status { flex: 0 0 auto; padding: 0 22px; max-height: 112px; overflow: auto; }
.pcr-dialog .pcr-error { margin: 0 0 8px; padding: 7px 10px; border-radius: 5px; background: #fff7ed; color: #9b5821; overflow-wrap: anywhere; }
.pcr-dialog .pcr-error button { margin-left: 8px; }
.pcr-dialog .pcr-dialog-results { min-height: 0; flex: 1 1 auto; overflow-y: auto; overscroll-behavior: contain; padding: 0 22px; }
.pcr-dialog .pcr-record { display: grid; grid-template-columns: 150px minmax(0,1fr) auto; gap: 12px; padding: 12px 0; border-bottom: 1px solid #edf0f3; align-items: start; }
.pcr-dialog .pcr-record:last-child { border-bottom: 0; }
.pcr-dialog .pcr-time { font-size: 12px; min-width: 0; }
.pcr-dialog .pcr-time > span { display: block; font-weight: 500; color: #566474; }
.pcr-dialog .pcr-time :is(time,small) { display: block; margin-top: 3px; color: #8a939f; font-size: 12px; overflow-wrap: anywhere; }
.pcr-dialog .pcr-content { min-width: 0; }
.pcr-dialog .pcr-record-title { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; }
.pcr-dialog .pcr-record-title strong { font-size: 13px; font-weight: 600; color: #242d3a; overflow-wrap: anywhere; }
.pcr-dialog .pcr-record-title b { font-size: 14px; font-variant-numeric: tabular-nums; color: #253346; }
.pcr-dialog .pcr-record-title > span { color: #7e8998; font-size: 12px; }
.pcr-dialog .pcr-content p { margin: 3px 0 0; color: #566474; font-size: 13px; line-height: 1.55; white-space: pre-wrap; overflow-wrap: anywhere; }
.pcr-dialog .pcr-content .pcr-meta { color: #7e8998; font-size: 12px; }
.pcr-dialog .pcr-empty { margin: 20px 0; color: #747e8d; text-align: center; }
.pcr-dialog .pcr-dialog-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 22px; border-top: 1px solid #e5e8ed; flex: 0 0 auto; }
.pcr-dialog .pcr-page-count, .pcr-dialog .pcr-page-number { color: #747e8d; font-size: 12px; }
.pcr-dialog .pcr-page-controls { display: flex; align-items: center; gap: 12px; }
@media (max-width: 760px) {
  dialog.pcr-dialog { width: calc(100vw - 24px); height: calc(100dvh - 32px); }
  .pcr-dialog .pcr-dialog-head { padding: 14px 16px 12px; }
  .pcr-dialog .pcr-dialog-filters { grid-template-columns: repeat(2,minmax(0,1fr)); padding: 12px 16px 0; gap: 10px; }
  .pcr-dialog .pcr-filter-hint { margin-inline: 16px; }
  .pcr-dialog .pcr-dialog-status, .pcr-dialog .pcr-dialog-results { padding-inline: 16px; }
  .pcr-dialog .pcr-record { grid-template-columns: minmax(0,1fr) auto; gap: 6px 10px; }
  .pcr-dialog .pcr-time { grid-column: 1/-1; display: flex; flex-wrap: wrap; align-items: baseline; gap: 3px 10px; }
  .pcr-dialog .pcr-time :is(time,small) { margin: 0; }
  .pcr-dialog .pcr-dialog-footer { padding: 10px 16px; }
}