.salon-welcome::before {
  background:
    radial-gradient(circle at 50% 8%, rgba(126,139,104,.18), transparent 28%),
    linear-gradient(180deg, #efe8d8 0%, #f5f2eb 55%, #f5f2eb 100%);
  opacity: 1;
  mask-image: none;
}
.salon-shell .persona-sections .wide { grid-column: 1 / -1; }
.coverage-person header span { color: var(--muted); font-size: 11px; }
.persona-card.needs-review { box-shadow: inset 0 3px var(--coral); }
.persona-card .persona-coverage { margin-top: 10px; color: #6d7467; font-size: 12px; }

/* ---- evidence-graph library cards ---- */
.persona-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 14px; }
.persona-card { display: flex; flex-direction: column; gap: 10px; padding: 16px; border: 1px solid var(--line); border-radius: 14px; background: var(--card); }
.persona-card.selected { border-color: #53654f; box-shadow: inset 0 0 0 1px #53654f; }
.persona-card.is-gold { border-left: 3px solid #a87a35; }
.persona-card.is-seed { border-left: 3px solid #53654f; }
.persona-card.is-thin { border-left: 3px solid #c9c1af; }
.persona-card > header { display: flex; align-items: center; gap: 12px; }
.avatar-svg { width: 52px; height: 52px; flex: 0 0 auto; border-radius: 14px; }
.pc-id { min-width: 0; flex: 1; }
.pc-id h2 { margin: 0; font: 500 18px var(--serif); }
.pc-id p { margin: 2px 0 0; color: var(--muted); font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.evid { flex: 0 0 auto; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; font-size: 12px; font-weight: 700; color: #fff; background: #8a8577; }
.evid-A { background: #3f6f63; } .evid-B { background: #a87a35; } .evid-C { background: #b06a4f; }
.pc-meta { margin: 0; color: var(--muted); font-size: 12px; }
.pc-method { margin: 0; color: #5c5140; font-size: 12px; font-weight: 600; }
.pc-contrib { margin: 0; color: #4a4f47; font-size: 13px; line-height: 1.7; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.persona-card footer { margin-top: auto; display: flex; flex-direction: column; gap: 8px; }
.pc-stat { color: #7a7565; font-size: 11px; }
.pc-actions { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.persona-filter-row { display: flex; flex-wrap: wrap; gap: 12px; }
.persona-filter-row label { display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: var(--muted); }
.persona-filter-row input, .persona-filter-row select { min-height: 38px; padding: 0 10px; border: 1px solid var(--line); border-radius: 8px; background: #faf7ef; font-size: 13px; }

/* ---- agentic arena ---- */
.arena-msg { display: flex; gap: 12px; padding: 14px 0; border-bottom: 1px solid var(--line); }
.arena-msg-body { min-width: 0; flex: 1; }
.arena-msg-body header { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.arena-msg-body header b { font-size: 14px; }
.arena-msg-body header > span { color: var(--muted); font-size: 11px; }
.arena-msg-body p { margin: 8px 0 0; font-size: 14px; line-height: 1.9; white-space: pre-wrap; }
.mode-llm, .mode-extractive, .critic-ok, .critic-warn { padding: 2px 8px; border-radius: 20px; font-size: 10px; }
.mode-llm { color: #2a5248; background: #dce9e2; } .mode-extractive { color: #6a5320; background: #eee1c5; }
.critic-ok { color: #2a5248; background: #e2efe8; } .critic-warn { color: #8a3c31; background: #f6e2dc; }
.cite { color: #8a3c31; font-size: 11px; font-weight: 700; }
.anchor-box { margin-top: 10px; }
.anchor-box summary { cursor: pointer; color: #53654f; font-size: 12px; }
.anchor { display: flex; gap: 10px; padding: 10px 0; border-top: 1px dashed var(--line); }
.anchor > div { min-width: 0; }
.anchor p { margin: 0; font-size: 12px; line-height: 1.7; color: #4a4f47; }
.anchor em { display: block; margin-top: 4px; color: #7a7565; font-size: 11px; font-style: normal; }
.anchor em a, .anchor a { color: #53654f; }
.anchor .counter { display: block; margin-top: 4px; color: #8a3c31; font-size: 11px; font-weight: 600; }
.arena-trace { margin-top: 14px; }
.arena-trace summary { cursor: pointer; color: var(--muted); font-size: 12px; }
.arena-trace ul { margin: 8px 0 0; padding-left: 18px; color: #6a655a; font-size: 12px; line-height: 1.8; }
.arena-brief-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 12px; }
.arena-brief-grid .wide { grid-column: 1 / -1; }
.arena-brief-grid h4 { margin: 0 0 6px; font: 600 13px var(--serif); }
.arena-brief-grid ul { margin: 0; padding-left: 18px; font-size: 13px; line-height: 1.8; }
@media (max-width: 700px) { .arena-brief-grid { grid-template-columns: 1fr; } }

/* ---- coverage: civilization distribution ---- */
.coverage-boundary { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; }
.coverage-civ { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 20px; }
.coverage-civ > div { display: flex; align-items: baseline; gap: 8px; padding: 6px 12px; border: 1px solid var(--line); border-radius: 20px; background: #faf7ef; font-size: 12px; color: var(--muted); }
.coverage-civ strong { font: 600 14px var(--serif); color: var(--ink); }
@media (max-width: 900px) { .coverage-boundary { grid-template-columns: repeat(2, 1fr); } }

/* ---- persona evidence-graph page ---- */
.persona-reading-identity .avatar-svg { display: block; margin: 6px 0 14px; }
.flags { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0; }
.flag { padding: 2px 9px; border-radius: 20px; font-size: 11px; color: #2a5248; background: #dce9e2; }
.flag-contrast { color: #6a5320; background: #eee1c5; }
.flag-weak { color: #8a3c31; background: #f6e2dc; }
.chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0 16px; }
.chip { padding: 3px 10px; border: 1px solid var(--line); border-radius: 20px; font-size: 12px; color: #4a4f47; background: #faf7ef; }
.pc-flags { display: flex; gap: 6px; flex-wrap: wrap; }
.pc-flags .flag { font-size: 10px; padding: 1px 7px; }
.evidence-graph .wide { grid-column: 1 / -1; }
.ev-anchor { padding: 12px 0; border-top: 1px dashed var(--line); }
.ev-anchor header { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; }
.ev-anchor .evid { width: 22px; height: 22px; font-size: 11px; }
.ev-id { color: #8a3c31; font-size: 11px; font-weight: 700; }
.ev-kind { color: var(--muted); font-size: 11px; }
.ev-anchor > p { margin: 0; font-size: 14px; line-height: 1.85; color: #33392f; }
.ev-counter { margin: 6px 0 0 !important; padding: 8px 10px; border-left: 3px solid #b06a4f; background: #f8efe9; font-size: 13px !important; line-height: 1.7 !important; color: #6b3f36 !important; }
.ev-src { margin: 6px 0 0 !important; font-size: 12px !important; color: #7a7565 !important; }
.ev-src a { color: #53654f; }
.ev-quote { margin: 10px 0; padding: 12px 14px; border-left: 3px solid #53654f; background: #f3f1e8; font: 500 14px/1.8 var(--serif); }
.ev-quote footer { margin-top: 6px; font: 400 11px var(--sans); color: var(--muted); }
.ev-quote footer a { color: #53654f; }