/* German Dominion -- Zombie admin tab (2026-08-15).
   Same shape as configure_admin.css / bounty_admin.css: every colour is a
   var() the site already defines, with a literal fallback, so the panel themes
   itself with the rest of the console and still renders if a token is missing. */

.zmb-form { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.zmb-form input[type="text"] {
  flex: 1 1 240px; min-width: 0;
  padding: 10px 12px; border-radius: 8px;
  border: 1px solid var(--glass-border, rgba(255, 255, 255, .14));
  background: var(--bg-1, #14161a); color: var(--bone, #e8e6e1);
  font: 400 13px/1.3 var(--mono, ui-monospace, monospace); letter-spacing: .04em;
}
.zmb-form input[type="text"]::placeholder { color: var(--bone-62, rgba(232, 230, 225, .62)); }

.zmb-live, .zmb-note {
  margin: 10px 0 0; font-size: 13px; line-height: 1.5;
  color: var(--bone-62, rgba(232, 230, 225, .62));
}
.zmb-note.err { color: var(--danger, #e06a5c); }
.zmb-switch { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }

.zmb-list { list-style: none; margin: 14px 0 0; padding: 0; display: grid; gap: 8px; }
.zmb-row {
  display: flex; flex-wrap: wrap; gap: 10px; align-items: center;
  padding: 10px 12px; border-radius: 8px;
  border: 1px solid var(--glass-border, rgba(255, 255, 255, .14));
  background: var(--bg-1, #14161a);
}
.zmb-tag {
  flex: 0 0 auto; padding: 3px 9px; border-radius: 999px;
  font: 600 10px/1.6 var(--mono, ui-monospace, monospace);
  letter-spacing: .12em; text-transform: uppercase;
  border: 1px solid currentColor;
}
/* the two tiers read differently at a glance: undead now vs merely carrying it */
.zmb-tag.zombie { color: var(--danger, #e06a5c); }
.zmb-tag.infected { color: var(--accent, #b8c47a); }
.zmb-id {
  flex: 0 0 auto; font: 400 13px/1.3 var(--mono, ui-monospace, monospace);
  color: var(--bone, #e8e6e1); letter-spacing: .04em;
}
.zmb-what {
  flex: 1 1 200px; min-width: 0; font-size: 13px;
  color: var(--bone-62, rgba(232, 230, 225, .62));
}
.zmb-row .btn { flex: 0 0 auto; }

.zmb-detail {
  margin: 14px 0 0; padding-left: 18px; font-size: 13px; line-height: 1.6;
  color: var(--bone-62, rgba(232, 230, 225, .62));
}
.zmb-detail li + li { margin-top: 6px; }

@media (max-width: 640px) {
  .zmb-row { align-items: flex-start; }
  .zmb-what { flex-basis: 100%; }
}