dialog#serverDialog {
  width: min(560px, 92vw);
}

.dialog-copy {
  color: var(--muted);
  margin: -8px 0 18px;
}

.form-columns {
  display: grid;
  grid-template-columns: 1fr 150px;
  gap: 12px;
}

.check-row {
  display: flex;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 10px;
  font-weight: 600;
}

.check-row input {
  width: auto;
}

.server-row small {
  display: block;
}

.rcon-error {
  display: block;
  max-width: 520px;
  color: var(--red) !important;
  margin-top: 4px;
}

.server-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
}

.server-actions .danger {
  background: #fff4f3;
  border-color: #efbbb7;
  color: #a52823;
}

.server-actions .danger:hover {
  background: #a52823;
  border-color: #a52823;
  color: #fff;
}

.overview-live-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 16px;
  margin-top: 16px;
}

.overview-live-card {
  min-width: 0;
  display: flex;
  flex-direction: column;
  height: 560px;
}

.overview-chat-list,
.overview-console-list {
  flex: 1;
  min-height: 0;
  overflow: auto;
}

.overview-chat-list .chat-row {
  grid-template-columns: minmax(110px, 0.35fr) minmax(0, 1fr) auto;
}

.overview-console-list {
  height: auto;
  border-radius: 10px 10px 0 0;
}

.overview-live-card.console-card > .card-head {
  padding: 20px 20px 0;
}

.overview-live-card form {
  margin-top: 0;
}

@media (max-width: 560px) {
  .form-columns { grid-template-columns: 1fr; }
  .server-row { align-items: flex-start; }
  .server-actions { align-items: flex-end; }
}

@media (max-width: 1050px) {
  .overview-live-grid { grid-template-columns: 1fr; }
  .overview-live-card { height: 480px; }
}