/* Document Corrections (approved change-request punch-list). Global stylesheet like the other page
   sheets — scoped .razor.css cannot reach the print media rules. Design tokens from
   brand.css/components.css; the doc tabs adapt the Review Queue's rq-doctab look. */

.dc-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}
.dc-subtitle{margin:var(--space-1) 0 0;color:var(--color-service-grey);font-size:var(--text-subhead);max-width:64ch}
.dc-actions{display:flex;gap:var(--space-2);flex-shrink:0}
.dc-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:8px 14px;border:1px solid var(--color-control-border);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-navy);font-size:var(--text-subhead);cursor:pointer}
.dc-btn:hover:not(:disabled){border-color:var(--color-control-border);color:var(--color-text-link-hover)}
.dc-btn:disabled{opacity:.45;cursor:default}
.dc-btn svg{width:16px;height:16px}

/* Document tabs — the Review Queue pattern: per-document tabs first, "All documents" last. */
.dc-doctabs{display:flex;gap:7px;overflow-x:auto;padding-bottom:5px;margin:var(--space-4) 0 var(--space-2)}
.dc-doctab{display:flex;align-items:center;gap:11px;padding:9px 14px;background:var(--color-white);border:1px solid var(--color-border-light);border-radius:8px;white-space:nowrap;flex-shrink:0;cursor:pointer}
.dc-doctab:hover{border-color:var(--color-control-border)}
.dc-doctab.active{border-color:var(--color-blue);box-shadow:0 0 0 1px var(--color-blue);background:var(--color-surface)}
.dc-doctab-label{font-weight:var(--font-semibold);font-size:13px;color:var(--color-service-grey);line-height:1.2;max-width:26ch;overflow:hidden;text-overflow:ellipsis}
.dc-doctab.active .dc-doctab-label{color:var(--color-navy)}
.dc-doctab-meta{font-size:12px;background:var(--color-surface);color:var(--color-service-grey);padding:1px 8px;border-radius:9999px;font-weight:var(--font-semibold);min-width:22px;text-align:center}
.dc-doctab.active .dc-doctab-meta{background:var(--color-navy);color:var(--color-white)}

.dc-toolbar{display:flex;align-items:center;gap:var(--space-4);margin:0 0 var(--space-4);flex-wrap:wrap}
.dc-kind-chips{display:flex;gap:var(--space-2);flex-wrap:wrap}
.dc-chip{padding:5px 12px;border:1px solid var(--color-control-border);border-radius:var(--radius-full);background:var(--color-white);color:var(--color-service-grey);font-size:var(--text-caption1);cursor:pointer}
.dc-chip.active{background:var(--color-navy);border-color:var(--color-navy);color:var(--color-white)}
.dc-totals{margin-left:auto;color:var(--color-service-grey);font-size:var(--text-subhead)}

.dc-group{border:1px solid var(--color-border-light);border-radius:var(--radius-lg);background:var(--color-white);margin-bottom:var(--space-3);overflow:hidden}
.dc-group-head{display:flex;align-items:center;gap:var(--space-3);padding:12px 16px}
.dc-group-title{font-weight:var(--font-semibold);color:var(--color-navy)}
.dc-group-count{margin-left:auto;color:var(--color-service-grey);font-size:var(--text-caption1);white-space:nowrap}

/* Readability at 13" (1280px): fixed layout with proportional columns, everything wraps. The
   horizontal scroll container is a safety net only, never the design. */
.dc-lines{overflow-x:auto}
.dc-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:var(--text-subhead)}
.dc-table th{text-align:left;padding:8px 16px;color:var(--color-service-grey);font-weight:var(--font-regular);font-size:var(--text-caption1);border-top:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light);background:var(--color-surface)}
.dc-table td{padding:10px 16px;border-bottom:1px solid var(--color-border-light);vertical-align:top;color:var(--color-navy);overflow-wrap:break-word}
.dc-table tr:last-child td{border-bottom:0}
.dc-col-loc{width:13%}
.dc-col-kind{width:11%}
.dc-col-diff{width:34%}
.dc-col-reason{width:27%}
.dc-col-approved{width:15%}

.dc-diff{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:var(--space-2);row-gap:2px}
.dc-before{color:var(--color-service-grey);text-decoration:line-through}
.dc-arrow{color:var(--color-text-secondary);flex-shrink:0}
.dc-after{font-weight:var(--font-semibold)}
.dc-quote{margin-top:4px;color:var(--color-service-grey);font-style:italic;font-size:var(--text-caption1)}
.dc-approver{font-weight:var(--font-semibold)}
.dc-approved-date{color:var(--color-service-grey);font-size:var(--text-caption1)}
.dc-muted{color:var(--color-service-grey)}

/* Print: the deliverable is the full filtered list — drop the chrome, keep every visible group. */
@media print{
  .sidebar,.dc-actions,.dc-doctabs,.dc-kind-chips{display:none !important}
  .dc-group{break-inside:avoid-page;border-color:#bbb}
}