/*
 * proxy-checker.css — per-tool styles for the Proxy Checker.
 * Tokens only; no inline styles (CSP). The result card reuses shared components.
 */

/* Two fields on one row (port + scheme, username + password); stacks on mobile. */
.pc-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--space-4);
  align-items: start;
}
.pc-row > .field {
  margin: 0;
}
@media (max-width: 520px) {
  .pc-row {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Safety disclaimer sits a little apart from the action buttons. */
.pc-disclaimer {
  margin-top: var(--space-4);
  align-items: flex-start;
}