/* Brief screen (WP6). Scoped under .scr-brief; logical properties only. */
.scr-brief .brief-head { display: flex; align-items: flex-start; gap: 16px; flex-wrap: wrap; margin-block-end: 8px; }
.scr-brief .brief-h1 { font-size: 36px; margin-block-end: 2px; }
.scr-brief .brief-sub { margin: 0; }
.scr-brief .refresh-note { min-block-size: 1.4em; margin-block: 0 8px; }
.scr-brief .brief-topic { margin-block-end: 16px; background: var(--sand-100); border-color: var(--sand-300); }
.scr-brief .brief-topic h3 { margin-block-end: 2px; }
.scr-brief .bt-row { flex-wrap: nowrap; }
.scr-brief .bt-input { flex: 1 1 auto; min-inline-size: 0; padding: 10px 16px; border: 1px solid var(--sand-300); border-radius: 999px; background: var(--white); }
.scr-brief .bt-seeds { margin-block-start: 10px; gap: 8px; }
.scr-brief .bt-seed { font-size: 14px; }
.scr-brief .brief-filters { margin-block-end: 14px; gap: 8px; }
.scr-brief .chip.filter.on { background: var(--ink-900); color: var(--sand-50); border-color: var(--ink-900); }
.scr-brief .brief-grid { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 24px; align-items: start; }
.scr-brief .brief-main { display: grid; gap: 16px; min-inline-size: 0; }
.scr-brief .brief-new-h { margin-block: 8px 0; font-size: 22px; }
.scr-brief .brief-card { border-inline-start: 6px solid var(--sand-300); scroll-margin-block: 90px; }
.scr-brief .brief-card.sev-3 { border-inline-start-color: var(--claim-bad); }
.scr-brief .brief-card.sev-2 { border-inline-start-color: var(--claim-partial); }
.scr-brief .brief-card.sev-1 { border-inline-start-color: var(--ok); }
.scr-brief .brief-card.flash { animation: brief-flash 1.2s ease-out; }
@keyframes brief-flash { 0% { box-shadow: 0 0 0 4px var(--brass-400); } 100% { box-shadow: var(--shadow-1); } }
.scr-brief .bc-title { margin-block: 8px 4px; font-size: 22px; }
.scr-brief .bc-summary { margin-block-end: 10px; }
.scr-brief .chip.sev-3 { background: #f6dcd8; border-color: #e2aaa3; }
.scr-brief .chip.sev-2 { background: #f8ecd0; border-color: #e3cb8c; }
.scr-brief .chip.sev-1 { background: var(--veg-soft); border-color: #b9d3ab; }
.scr-brief .chip.pending { background: #fff3cf; border-color: var(--brass-400); }
.scr-brief .kind-worse { background: #f6dcd8; border-color: #e2aaa3; }
.scr-brief .kind-better { background: var(--veg-soft); border-color: #b9d3ab; }
.scr-brief .kind-new { background: var(--water-soft); border-color: #a9cfe0; }
.scr-brief .brief-metric { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 10px 14px; margin-block-end: 10px; background: var(--sand-50); border: 1px solid var(--sand-200); border-radius: var(--radius-sm); }
.scr-brief .bm-num { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.scr-brief .bm-value { font-size: 30px; font-weight: 700; font-family: var(--font-serif); }
.scr-brief .bm-delta { font-weight: 700; font-size: 16px; }
.scr-brief .bm-delta.down { color: var(--claim-bad); }
.scr-brief .bm-delta.up { color: var(--ok); }
.scr-brief .bm-spark { flex: none; inline-size: 120px; }
.scr-brief .spark-svg { inline-size: 120px; block-size: 34px; display: block; }
.scr-brief .spark-line { fill: none; stroke: var(--water); stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; }
.scr-brief .spark-line.down { stroke: var(--claim-bad); }
.scr-brief .spark-line.up { stroke: var(--ok); }
.scr-brief .spark-dot { fill: var(--water); }
.scr-brief .spark-dot.down { fill: var(--claim-bad); }
.scr-brief .spark-dot.up { fill: var(--ok); }
.scr-brief .bc-changed { margin-block-end: 8px; }
.scr-brief .brief-sources { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin-block-end: 12px; }
.scr-brief .src-link { text-decoration: none; background: var(--water-soft); border-color: #a9cfe0; color: #174b63; }
.scr-brief .bc-actions { gap: 10px; }
.scr-brief .bc-tools { margin-inline-start: auto; }
.scr-brief .brief-changed { position: sticky; inset-block-start: calc(var(--topbar-h) + 16px); }
.scr-brief .chg-row { display: grid; gap: 4px; inline-size: 100%; text-align: start; padding: 10px 4px; border: 0; border-block-end: 1px solid var(--sand-200); background: transparent; }
.scr-brief .chg-row:last-child { border-block-end: 0; }
.scr-brief .chg-row:hover { background: var(--sand-50); }
.scr-brief .chg-row .chip { justify-self: start; font-size: 13px; padding-block: 0; }
.scr-brief .chg-title { font-size: 16px; line-height: 1.4; }
@media (max-width: 1100px) {
  .scr-brief .brief-grid { grid-template-columns: minmax(0, 1fr); }
  .scr-brief .brief-changed { position: static; order: -1; }
}
@media (prefers-reduced-motion: reduce) { .scr-brief .brief-card.flash { animation: none; } }
