/* The Brief panel (brief.ts): the text box, the preview of a checked plan, and Apply. */
.brief-form { display: grid; gap: 10px; }
.brief-form textarea.input { min-height: 84px; }
.brief-preview { display: grid; gap: 10px; border: 1px solid var(--line); border-radius: var(--r-s); padding: 10px; background: var(--surface); }
.brief-sum { font: 700 12.5px var(--f-mono); color: var(--ink); overflow-wrap: anywhere; }
.brief-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.brief-item { display: grid; gap: 4px; padding: 6px 8px 6px 10px; border-left: 3px solid var(--ok); background: var(--sunken); border-radius: 6px; }
.brief-item.bad { border-left-color: var(--bad); }
.brief-line { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; font-size: 13px; overflow-wrap: anywhere; }
.brief-tag { font: 700 10.5px var(--f-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--ok); flex: none; }
.brief-item.bad .brief-tag { color: var(--bad); }
.brief-probs { margin: 0; padding-left: 16px; color: var(--bad); font-size: 12.5px; display: grid; gap: 2px; }
#briefReason { margin: 0; }