.discord-button {
  display: block;
  margin-top: 28px;
  padding: 12px 18px;
  border-radius: 9px;
  background: #5865f2;
  color: #fff;
  font-weight: 750;
  text-decoration: none;
}
.discord-button:hover { background: #4752c4; }
.server-card { position: relative; }
.server-card.not-installed { border-style: dashed; }
.server-state {
  position: absolute;
  top: 12px;
  right: 12px;
  padding: 3px 7px;
  border-radius: 999px;
  background: #292933;
  color: #aaa7b7;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
}
.server-state.online { background: #12321e; color: #86efac; }
.builder-grid { display: grid; gap: 16px; }
.builder-card { position: relative; padding: 18px; border: 1px solid #2f2f42; border-radius: 12px; background: #0d0d15; }
.builder-card h3 { margin-top: 0; }
.new-card { border-style: dashed; background: #11101a; }
.inline-delete { position: absolute; right: 18px; bottom: 18px; }
.panel-actions { display: flex; position: absolute; right: 18px; bottom: 18px; gap: 8px; }
.danger-button { background: #3a171d; color: #fda4af; border: 1px solid #6d2935; }
fieldset { margin: 18px 0; padding: 12px; border: 1px solid #333345; border-radius: 9px; }
legend { color: #d8d5e3; font-weight: 650; padding: 0 6px; }
.checks { display: flex; flex-wrap: wrap; gap: 8px; }
.checks label { margin: 0; }
.checks input { position: absolute; opacity: 0; width: 1px; }
.checks span { display: block; padding: 7px 10px; border: 1px solid #333345; border-radius: 8px; color: #aaa7b7; cursor: pointer; }
.checks input:checked + span { border-color: #8b5cf6; background: #251a3b; color: #ede9fe; }
@media (max-width: 650px) {
  .inline-delete, .panel-actions { position: static; margin-top: 10px; }
}