/* Report pages (PG-94 blotter, PG-95 sharpness). Tokens come from tickets.css,
   which mirrors landing/app.html :root. Nothing here is smaller than 12px. */
.report-page .topnav a, .report-page .page-heading p, .report-page .metric-label, .report-page .metric-caption,
.report-page .eyebrow, .report-page .workspace-footer { font-size:12px; }
.report-page .eyebrow { letter-spacing:.08em; }
.topbar-back { margin-left:auto; }
.report-workspace { gap:0; }
.report-kpis { grid-template-columns:1.2fr 1fr 1fr 1fr; }
.metric-unavailable { font:600 18px/1.25 var(--sans); color:var(--mute); margin:14px 0 9px; letter-spacing:0; }
.report-filters { display:flex; flex-wrap:wrap; align-items:flex-end; gap:10px 12px; margin:16px 0 4px; flex:none; }
.field { display:flex; flex-direction:column; gap:4px; min-width:118px; }
.field-narrow { min-width:0; width:78px; }
.field-wide { min-width:170px; }
.field > span { font-size:12px; color:var(--mute); }
.field input, .field select { min-height:36px; padding:6px 10px; border:1px solid var(--line2); border-radius:8px; background:var(--panel); color:var(--ivory); font-size:13px; color-scheme:dark; }
.field input:focus-visible, .field select:focus-visible { outline:2px solid var(--pre); outline-offset:1px; }
.field input::placeholder { color:var(--mute); }
.filter-actions { display:flex; gap:8px; }
.button-quiet { border-color:transparent; color:var(--dim); }
.report-table-wrap { flex:1; min-height:0; display:flex; flex-direction:column; margin-top:12px; }
.report-table-meta { display:flex; justify-content:space-between; gap:12px; font-size:12px; color:var(--dim); padding:0 2px 8px; }
.report-scroll { flex:1; min-height:0; overflow:auto; border:1px solid var(--line); border-radius:12px; background:var(--panel); scrollbar-width:thin; scrollbar-color:var(--line2) transparent; }
.report-scroll:focus-visible { outline:2px solid var(--pre); outline-offset:2px; }
.report-table { width:100%; border-collapse:collapse; font-size:12.5px; }
.report-table th { position:sticky; top:0; z-index:1; background:var(--panel2); text-align:left; font-weight:600; font-size:12px; color:var(--mute); padding:10px 12px; border-bottom:1px solid var(--line2); white-space:nowrap; }
.report-table td { padding:9px 12px; border-bottom:1px solid rgba(149,141,123,.09); white-space:nowrap; }
.report-table tbody tr:hover td { background:rgba(239,233,219,.03); }
.report-table .n { text-align:right; font-variant-numeric:tabular-nums; }
.report-table .t { color:var(--dim); font-variant-numeric:tabular-nums; }
.report-table .id a { color:var(--pre); border-bottom:1px solid var(--line2); }
.report-table .id a:hover { color:var(--ivory); }
.report-table .reason { max-width:240px; overflow:hidden; text-overflow:ellipsis; color:var(--dim); }
.report-table .who { max-width:120px; overflow:hidden; text-overflow:ellipsis; color:var(--dim); }
.decision { display:inline-block; padding:2px 8px; border-radius:99px; border:1px solid var(--line2); font-size:12px; color:var(--dim); }
tr[data-decision="filled"] .decision { color:var(--ivory); border-color:var(--pre); }
tr[data-decision="failed"] .decision, tr[data-decision="rejected"] .decision { color:var(--signal); border-color:var(--signal); }
.report-more { display:flex; justify-content:center; padding:14px; }
@media (max-width:1000px) {
  .report-kpis { grid-template-columns:1fr 1fr; row-gap:16px; }
  .report-kpis .metric:nth-child(3) { border-left:0; }
  .topbar-back { display:none; }
}
@media (max-width:640px) {
  .report-page body, body.report-page { overflow:auto; height:auto; }
  .report-page .workspace { height:auto; padding:16px; }
  .report-kpis { grid-template-columns:1fr; }
  .report-kpis .metric { border-left:0; padding:0 16px; }
  .field, .field-wide { min-width:calc(50% - 6px); flex:1; }
  .report-scroll { max-height:70vh; }
  .topbar { padding:0 16px; gap:14px; }
  .topnav { gap:12px; }
  .topnav svg { display:none; }
  .page-heading { flex-wrap:wrap; align-items:flex-start; }
  .heading-actions { width:100%; }
}