/* Persistent loyalty badge: readable in both themes without covering the avatar. */
#account-button { overflow: visible; }
.qa-menu-avatar { position: relative; display: inline-flex; flex-shrink: 0; }
.qa-account-level-badge {
  position: absolute; z-index: 1; right: -9px; bottom: -6px;
  display: block; padding: 1px 5px; border: 1px solid #fff;
  border-radius: 6px; background: #334155; color: #fff;
  font: 700 9px/13px Arial, sans-serif; letter-spacing: .1px;
  white-space: nowrap; box-shadow: 0 1px 4px #0002; pointer-events: none;
}
.qa-account-level-badge[data-level="silver"] { background: linear-gradient(135deg, #f1f5f9, #cbd5e1); color: #263445; }
.qa-account-level-badge[data-level="gold"] { background: linear-gradient(135deg, #ffe8a0, #edbc4e); color: #4d3200; }
.qa-account-level-badge[data-level="platinum"] { background: linear-gradient(135deg, #eae5ff, #c5b9ef); color: #3d2b67; }
.qa-account-level-badge[data-level="vip"] { background: #242027; color: #ffe197; border-color: #c5a76b; }
.qa-menu-avatar .qa-account-level-badge { right: -5px; bottom: -4px; }
html[data-theme="dark"] .qa-account-level-badge { border-color: #303a46; }
html[data-theme="dark"] .qa-account-level-badge[data-level="vip"] { border-color: #c5a76b; }