/* Plain words (U4): reference codes, hidden unless an admin turns them on for themself (web/plain-words.js). */
.ref-code { display: none; }
body.show-ref-codes .ref-code { display: inline; font-family: ui-monospace, Menlo, monospace; font-size: 11px;
  color: var(--muted, #6b7280); margin-left: 4px; }
/* A whole row that is only a reference code (the V2 drawer's research-site ref). */
body.show-ref-codes .ref-code.v2-ref-row { display: block; margin-left: 0; }
/* One banner slot per screen (web/banner.js): error, then blocked, then stale, then info. */
.banner { display: flex; gap: 8px; align-items: flex-start; border-radius: 8px; padding: 8px 12px; margin: 0 0 10px;
  font-size: 13px; line-height: 1.4; }
.banner[hidden], .banner-slot[hidden] { display: none; }
.banner-ico { flex: none; }
.banner-error { background: #fdecec; color: #8a1c1c; }
.banner-blocked { background: #fff1e6; color: #8a3b00; }
.banner-stale { background: #fff8e1; color: #6b4e00; }
.banner-info { background: #eef4fb; color: #1f3b5a; }
/* A banner's one action (UI build U12: the held grade's Refresh). */
.banner-act { margin-left: auto; flex: none; background: transparent; border: 1px solid currentColor; border-radius: 6px;
  color: inherit; font: inherit; font-size: 12px; font-weight: 600; padding: 2px 10px; cursor: pointer; }
.banner-act:disabled { opacity: .6; cursor: default; }