/* Minimal styling: readable, not pretty. */
:root { --bg:#0b0b0e; --card:#13131a; --text:#ececf4; --muted:#a6a6b3; --border:#2a2a35; --primary:#7c3aed; --danger:#ef4444; }
* { box-sizing:border-box; }
body { margin:0; font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial; background:var(--bg); color:var(--text); }
.wrap { max-width: 1100px; margin: 24px auto; padding: 0 16px 48px; }
.hero { display:flex; justify-content:space-between; gap:16px; align-items:flex-start; margin-bottom: 16px; }
.kicker { font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:var(--muted); }
h1 { margin:6px 0 8px; font-size: 28px; }
.sub { margin:0; color:var(--muted); max-width: 64ch; line-height: 1.35; }
.heroActions { display:flex; gap:8px; flex-wrap:wrap; }
.card { background:var(--card); border:1px solid var(--border); border-radius: 14px; padding: 14px; margin-bottom: 12px; }
h2 { margin:0 0 10px; font-size: 16px; }
.row { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.input, .textarea, select { background:#0f0f15; color:var(--text); border:1px solid var(--border); border-radius:10px; padding:10px 12px; }
.input { min-width: 280px; flex: 1; }
.textarea { width:100%; min-height: 180px; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12px; line-height: 1.35; }
.btn { cursor:pointer; border:1px solid var(--border); background:#0f0f15; color:var(--text); padding:10px 12px; border-radius: 10px; }
.btn.primary { background:rgba(124,58,237,.15); border-color: rgba(124,58,237,.45); }
.btn.danger { background: rgba(239,68,68,.12); border-color: rgba(239,68,68,.4); }
.btn:hover { filter: brightness(1.08); }
.status { margin-top: 10px; padding: 10px 12px; border-radius: 10px; border:1px dashed var(--border); }
.muted { color:var(--muted); }
.list { display:flex; flex-direction:column; gap:10px; margin-top: 12px; }
.item { border:1px solid var(--border); background:#0f0f15; border-radius: 12px; padding: 12px; }
.itemTop { display:flex; justify-content:space-between; gap:10px; align-items:flex-start; }
.badges { display:flex; gap:6px; flex-wrap:wrap; }
.chip { font-size:11px; padding:3px 8px; border-radius:999px; border:1px solid var(--border); color:var(--muted); }
.chip.high { border-color: rgba(239,68,68,.5); color:#fecaca; }
.chip.med { border-color: rgba(234,179,8,.45); color:#fde68a; }
.chip.low { border-color: rgba(34,197,94,.4); color:#bbf7d0; }
.title { font-size: 14px; margin:0; }
.meta { font-size: 12px; color:var(--muted); margin-top: 6px; }
.actions { display:flex; gap:8px; flex-wrap:wrap; margin-top: 10px; }
.small { padding: 8px 10px; font-size: 12px; }
a { color:#c4b5fd; text-decoration:none; }
a:hover { text-decoration: underline; }
.toggle { display:flex; gap:8px; align-items:center; color:var(--muted); font-size: 12px; }
.foot { margin-top: 18px; font-size: 12px; }
code { color:#e9d5ff; }

.brief-shell { padding: 14px; }
.brief-header { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; margin-bottom: 10px; }
.brief-grid { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:10px; }
.brief-objectives { margin-top:10px; }
.brief-card { border:1px solid var(--border); border-radius: 10px; padding: 10px; background:#10131b; }
.brief-card-title { font-size: 12px; letter-spacing: .08em; text-transform: uppercase; font-weight: 700; margin-bottom: 8px; }
.brief-gold .brief-card-title { color:#f7c948; }
.brief-blue .brief-card-title { color:#60a5fa; }
.brief-green .brief-card-title { color:#34d399; }
.brief-red .brief-card-title { color:#f87171; }
.brief-list { margin:0; padding-left: 16px; display:flex; flex-direction:column; gap:8px; }
.brief-list li { color: var(--text); }
.brief-claim { font-weight: 600; font-size: 13px; }
.brief-note { margin-top: 3px; font-size: 12px; color: var(--muted); }
.brief-meta { margin-top: 4px; font-size: 11px; color: var(--muted); }

@media (max-width: 880px) {
  .brief-grid { grid-template-columns: 1fr; }
}