.mail-config-card {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-bottom: 18px;
}
.mail-config-card > div { flex: 1; }
.mail-config-card small { color: var(--muted); font-size: 10px; }
.mail-config-card label {
  display: flex;
  align-items: center;
  gap: 9px;
  color: var(--muted);
  font-size: 10px;
}
.mail-config-card input {
  width: 100px;
  height: 36px;
  border: 1px solid var(--line);
  background: var(--panel);
  color: var(--text);
  padding: 0 10px;
}
@media (max-width: 650px) {
  .mail-config-card { align-items: stretch; flex-direction: column; }
  .mail-config-card .button { align-self: flex-start; }
}