/* The statement queue and paired document area are business content.
   Controls, table rows, dialog shell and status marks use shared source skins. */
.rec-layout {
  display:grid;
  grid-template-columns:minmax(318px, .9fr) minmax(0, 2.7fr);
  gap:16px;
  align-items:start;
}
.rec-queue,.rec-sheet {min-width:0; background:#fff; border-radius:4px;}
.rec-queue {padding:20px 0 8px;}
.rec-queue>.rec-heading,.rec-filters {padding:0 20px;}
.rec-heading,.rec-sheet-heading,.rec-item-meta {
  display:flex; align-items:center; justify-content:space-between; gap:12px;
}
.rec-layout h1,.rec-layout h2,.rec-evidence h3 {
  margin:0; color:#1D2129; font:500 16px/16px "PingFang SC","Microsoft YaHei",sans-serif;
}
.rec-count,.rec-caption,.rec-sheet-meta,.rec-source-label,.rec-source-note {
  color:#86909C; font-size:14px; line-height:24px;
}
.rec-count {white-space:nowrap;}
.rec-filters {display:flex; flex-wrap:wrap; gap:8px; margin:16px 0;}
.rec-item {
  width:100%; padding:16px 20px; text-align:left; display:grid; gap:8px;
  border:0; background:#fff; color:#1D2129;
}
.rec-item+.rec-item {box-shadow:inset 0 1px 0 #F2F3F5;}
.rec-item:focus-visible {outline:1px solid #165DFF; outline-offset:-1px;}
.rec-item:is(:hover,[aria-pressed="true"]) {background:#F5F9FF;}
.rec-item[aria-pressed="true"] .rec-item-name {color:#165DFF;}
.rec-item-name {overflow-wrap:anywhere; font-weight:500;}
.rec-item-meta {color:#86909C; font-size:12px; line-height:16px; white-space:nowrap;}
.rec-sheet {padding:20px; min-height:420px;}
.rec-sheet-heading {align-items:flex-start; flex-wrap:wrap; margin-bottom:24px;}
.rec-sheet-heading h1 {overflow-wrap:anywhere;}
.rec-sheet-meta {display:flex; gap:8px 16px; flex-wrap:wrap; margin-top:8px;}
.rec-primary {flex:none;}
.rec-sources {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-bottom:28px;}
.rec-source {display:flex; flex-direction:column; gap:8px; align-items:flex-start; background:#F7F8FA; border-radius:4px; padding:16px; min-width:0;}
.rec-source-label {display:inline-flex; align-items:center; gap:8px;}
.rec-source-label img {display:block; flex:none;}
.rec-source-note {font-size:12px; line-height:16px;}
.rec-source .btn {max-width:100%; overflow-wrap:anywhere;}
.rec-line-section {min-width:0;}
.rec-line-section>.rec-heading {margin-bottom:16px; flex-wrap:wrap;}
.rec-scroll {width:100%; overflow:auto;}
.rec-table {width:100%; min-width:548px; table-layout:fixed;}
.rec-table col:first-child {width:34%;}
.rec-table :is(th,td):not(:first-child) {text-align:right; white-space:nowrap; font-variant-numeric:tabular-nums;}
.rec-table tfoot :is(th,td) {
  position:static; height:48px; padding:0 8px; background:#F7F8FA;
  color:#1D2129; font-weight:500; font-size:14px; line-height:24px;
}
.rec-table tfoot th:first-child {padding-left:24px;}
.rec-table tfoot td:last-child {padding-right:24px;}
.rec-table td.rec-difference {color:#9C4C00;}
.rec-outcome {margin-top:20px; color:#4E5969;}
.rec-blank {display:grid; min-height:360px; place-items:center;}
.rec-evidence {display:grid; gap:32px;}
.rec-evidence p {color:#4E5969;}
.rec-evidence h3 {margin-bottom:16px;}
.rec-evidence dl {display:grid; grid-template-columns:144px minmax(0,1fr); gap:16px; margin:0;}
.rec-evidence dt {color:#86909C;}
.rec-evidence dd {margin:0; font-variant-numeric:tabular-nums;}
.rec-reason {margin-top:16px;}
@media (max-width:1220px) {
  .rec-layout {grid-template-columns:248px minmax(0,1fr);}
  .rec-filters {flex-direction:column; align-items:flex-start;}
}
@media (max-width:1100px) {
  .rec-layout {grid-template-columns:minmax(0,1fr);}
  .rec-queue {padding-bottom:0;}
  .rec-filters {flex-direction:row;}
  .rec-list {display:grid; grid-template-columns:repeat(2,minmax(0,1fr));}
  .rec-item {box-shadow:inset 0 1px 0 #F2F3F5;}
}