.campaign-switcher { position: relative; margin-left: auto; }
.campaign-chip {
  display: inline-flex; align-items: center; gap: 6px;
  background: #0e0e0e; color: #ffcf3f;
  border: 1px solid #555; padding: 4px 10px;
  font: 12px/1 ui-monospace, Menlo, Consolas, monospace;
  letter-spacing: 0.04em; cursor: pointer;
}
.campaign-chip .chip-label { color: #aaa; font-size: 11px; }
.campaign-chip .chip-name  { color: #ffcf3f; }
.campaign-chip:focus { outline: 1px solid #ffcf3f; outline-offset: 2px; }
.campaign-chip.disabled,
.campaign-chip[disabled] {
  cursor: default;
  opacity: 0.45;
  filter: grayscale(80%);
  border-color: #3a3a3a;
}
.campaign-chip.disabled:focus { outline: none; }

.campaign-menu {
  position: absolute; top: 100%; right: 0;
  list-style: none; margin: 4px 0 0; padding: 4px 0;
  background: #1a1a1a; border: 1px solid #555; min-width: 240px; z-index: 100;
  font: 12px ui-monospace, monospace;
}
.campaign-menu[hidden] { display: none; }
.campaign-menu .menu-section { padding: 6px 10px; color: #888; font-size: 10px; text-transform: uppercase; letter-spacing: 0.06em; }
.campaign-menu .menu-item {
  display: flex; align-items: center; gap: 8px; padding: 6px 10px;
  color: #eee; text-decoration: none;
}
.campaign-menu .menu-item:hover { background: #2a2a2a; }
.campaign-menu .menu-item.selected { background: #2a2a2a; color: #ffcf3f; }
.campaign-menu .cname  { flex: 1; }
.campaign-menu .ctype  { color: #888; font-size: 10px; padding: 1px 4px; border: 1px solid #555; }
.campaign-menu .cactive { color: #ffcf3f; font-size: 10px; }

@media (max-width: 640px) {
  .campaign-chip .chip-label { display: none; }
  .campaign-menu { min-width: 200px; }
}