/* 以某人的身份看：顶栏下拉 + 黄条。只用 tokens.css 变量。 */
.va-pick { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: var(--text-secondary); }
.va-pick select { height: 28px; max-width: 200px; font: inherit; font-size: 12px; color: var(--text-primary);
  border: 1px solid var(--border-control); border-radius: var(--control-radius); background: var(--surface); padding: 0 6px; }
.va-banner { position: sticky; top: 0; z-index: 30; margin: 0 0 12px; padding: 10px 14px; border-radius: 8px;
  background: var(--warning-bg); color: var(--warning-fg); border: 1px solid var(--warning-border); font-size: 13px; line-height: 1.6; }
.va-banner .va-exit { margin-left: 10px; border: 1px solid var(--warning-fg); background: var(--surface); color: var(--warning-fg);
  border-radius: 6px; padding: 3px 10px; font-size: 12px; cursor: pointer; }
.va-on .va-pick select { border-color: var(--warning-fg); background: var(--warning-bg); }
.va-pick { flex-shrink: 1; min-width: 0; }
.va-pick select { max-width: 170px; }
@media (max-width: 1280px) { .va-pick > span { display: none; } .va-pick select { max-width: 130px; } }