/* Small layout overrides after the main stylesheet. */
#vps .two-col,
#vps .cards-grid {
  align-items: stretch;
  clear: both;
}

#vps .two-col {
  margin-bottom: 22px;
}

#vps .vps-grid {
  margin-top: 22px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

#vps .card,
#vps .service {
  min-width: 0;
  height: auto;
  overflow: visible;
}

#vps .service {
  display: block;
}

.bank-accounts {
  display: grid;
  gap: 4px;
  margin-top: 8px;
}

.debug-panel pre {
  overflow-x: auto;
  white-space: pre-wrap;
  word-break: break-word;
}

@media (max-width: 1040px) {
  #vps .vps-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 860px) {
  #vps .two-col {
    grid-template-columns: 1fr;
  }
}